/* banner section */



 .banner-section img {

  width: 100%;

}
.banner-section .phone{
  display: none;
}
@media(max-width:500px){
  .banner-section .phone{
    display: block;
  }
  .banner-section .desktop{
    display: none;
  }
}



/* banner section close */



/* logo section */

.logo-section {

  padding: 50px 10px;

}



.logo-container {

  text-align: center;

}



.logo-container img {

  width: 40%;

}



.logo-container h1 {

  font-weight: 800;

  color: #e1281b;

  font-style: italic;

  margin: 15px 0px;

}

.logo-container h1 span{

 color: black;

}



.logo-container p {

  text-align: justify;

  font-size: 15px;

}



@media(max-width:768px) {

  .logo-container img {

      width: 60%;

  }

}
@media(max-width:500px){
  .logo-container h1 {
    font-size: 28px;
}
}



/* logo section close */





/* ppf-section */

.ppf-section {

  padding: 60px 10px;

  background-image: url('../images/product/ppf/ppf-bg.jpg');

  background-repeat: no-repeat;

  background-size: cover;

}

.ppf-row .ppf-colum1{
  align-content: center;
}

.ppf-row .ppf-colum1 img {

  width: 100%;

  border: 5px solid #e1281b;

  border-radius: 10px;

  transition: 0.4s;

}



.ppf-row .ppf-colum2 h2 {

  color: #e1281b;

  font-weight: 800;

}

.ppf-row .ppf-colum2{

  align-content: center;

}



.ppf-row .ppf-colum2 h2 span {

  color: white;

}



.ppf-row .ppf-colum2 p {

  color: white;

  font-size: 15px;

  text-align: justify;

}

@media(max-width:1400px){
  .ppf-row .ppf-colum2 h2 {
    font-size: 27px;
}
}



@media(max-width:998px) {

  .ppf-row {

      flex-direction: column-reverse;

  }



  .ppf-row .ppf-colum1 {

      width: 100%;

  }



  .ppf-row .ppf-colum2 {

      width: 100%;

      margin-bottom: 1rem;

  }

}

@media(max-width:500px){
  .ppf-row .ppf-colum2 h2 {
    font-size: 23px;
}
}



/* ppf-section close */



/* explore-section */

.explore-section {

  padding: 50px 10px;

  background: linear-gradient(357deg, #e1281b, #000000);

}



.explore-heading {

  text-align: center;

}



.explore-heading h2 {

  color: white;

  font-weight: 800;

  font-style: italic;

}



.explore-heading h2 span {

  color: #e1281b;

}



.explore-heading hr {

  border: 1px solid white;

  opacity: 1.25;

  width: 15%;

  margin: 20px auto 20px auto;

}



.explore-heading p {

  color: white;

  font-size: 15px;

}

@media(max-width:1400px){
  .explore-heading h2 {
    font-size: 27px;
}
}



@media(max-width:768px) {

  .explore-heading hr {

      width: 25%;

  }

}



@media(max-width:500px) {

  .explore-heading h2 {

      font-size: 23px;

  }

}







/* slider */





.swiper {

  width: 100%;

  height: 100%;

}



.swiper-slide {

  text-align: center;

  font-size: 18px;

  background: #00000000;

  display: flex;

  justify-content: center;

  align-items: center;

}



.swiper-slide img {

  display: block;

  width: 100%;

  height: 100%;

  object-fit: cover;

}
.phone-view {
  display: none !important;
}


.range-img {

  padding: 0px 30px;

}





.arrow11 {

  background: linear-gradient(208deg, #f4001a, #5d0000);

  padding: 37px 18px;

  color: black;

  border-radius: 4px;

}



.arrow11:after {

  font-size: 27px;

  font-weight: bold;

}



.arrow12 {

  background: linear-gradient(236deg, #f4001a, #5d0000);

  padding: 37px 18px;

  color: black;

  border-radius: 4px;

}



.arrow12:after {

  font-size: 27px;

  font-weight: bold;

}



@media(max-width:768px) {

  .arrow11 {

      padding: 26px 1px;

  }



  .arrow12 {

      padding: 26px 1px;

  }



  .arrow11:after {

      font-size: 16px;

  }



  .arrow12:after {

      font-size: 16px;

  }

}



@media(max-width:600px) {

  .arrow11 {

      padding: 16px 0px;

  }



  .arrow12 {

      padding: 16px 0px;

  }



  .arrow11:after {

      font-size: 14px;

  }



  .arrow12:after {

      font-size: 14px;

  }

}

@media(max-width:500px){
  .phone-view {
    display: block !important;
}
.desktop-view{
  display: none !important;
}
}




/* table part */





table {

  margin: auto;

  border-collapse: collapse;

  overflow-x: auto;

  display: block;

  width: fit-content;

  max-width: 100%;

  box-shadow: 0 0 1px 1px rgba(0, 0, 0, .1);

  margin-top: 2rem;

}



.table {

  padding: 30px 30px;

  background-color: white;

  margin-top: 50px;

}



.table h2 {

  text-align: center;

  font-weight: 800;

  font-style: italic;

}



.table h2 span {

  color: #e1281b;

}



td,

th {

  border: 1px solid #353535 !important;

  padding: 9px;

  color: #ffffffcf;

  font-size: 14px;

  text-align: center;

}



table thead tr th {

  text-align: center;

  padding: 8px 10px;

  font-size: 11px;

}



th {

  text-align: left;

  background-color: #e1281b;

  text-transform: uppercase;

  padding-top: 1rem;

  padding-bottom: 1rem;

  border-bottom: rgb(50, 50, 100) solid 2px;

  border-top: none;

}



td {

  white-space: nowrap;

  border-bottom: none;

  color: rgb(0 0 0);

  font-weight: 600;

  padding: 7px;

}



td:first-of-type,

th:first-of-type {

  border-left: none;

}



td:last-of-type,

th:last-of-type {

  border-right: none;

}



.table .Maintenance {

  color: #ff0000;

  text-align: center;

  margin-top: 10px;

  font-size: 15px;

}



.table .Conditions {

  color: #464646;

  text-align: center;

  margin-top: 10px;

  font-size: 14px;

}





.table-2 table thead tr th {

  padding: 15px 20px !important;

}



.paint-product-th {

  font-size: 7px;

}



table tbody tr .td-small1 {

  font-size: 10px;

}



table tbody tr .td-samll2 {

  font-size: 10px;

}



table thead tr .top-th {

  font-size: 10px;

}

@media(max-width:1400px){
  .table h2 {
    font-size: 27px;
}
}


@media (max-width:1200px) {

  .table-2 table thead tr th {

      padding: 15px 50px 15px 15px !important;

  }

}





@media (max-width:1024px) {

  .table-2 table thead tr th {

      padding: 15px 30px 15px 15px !important;

  }

}



@media (max-width:768px) {



  td,

  th {

      font-size: 12px;

  }



  .table-2 table thead tr th {

      padding: 10px 20px 10px 10px !important;

  }

}



@media (max-width:500px) {



  table thead tr th {

      padding: 10px 10px 10px 10px;

  }



  table {

      padding: 0px 0px;

      margin-top: 1rem;

  }



  ul {

      padding-left: 0rem !important;

  }



  .table-2 table thead tr th {

      padding: 10px 7px 10px 7px !important;

  }



  .table {

      padding: 20px 15px;

  }

}

@media(max-width:500px){
  .table h2 {
    font-size: 25px;
}
}



/* explore-section close */





/* apply-ppf-section */

.apply-ppf-section{

 padding: 40px 10px 0px 10px;

}

.apply-ppf-heading h2{

 font-weight: 800;

 color: black;

 text-align: center;

 font-style: italic;

}

.apply-ppf-heading h2 span{

 color: #e1281b;

}

.apply-slider{

 background-image: url('../images/product/ppf/ppf-bg.jpg');

 background-repeat: no-repeat;

 background-size: cover;

 padding: 30px 40px 10px 40px;

 margin-top: 2rem;

 border-top: 15px solid #e1281b;

}

.apply-row{

 margin-bottom: 30px;

}

.apply-row .apply-colum1 img{

 width: 100%;

 border: 5px solid #e1281b;

 border-radius: 5px;

}

.apply-row .apply-colum2{

 align-content: center;

}

.apply-row .apply-colum2 h2{

 color: #e1281b;

 font-weight: 800;

 font-size: 50px;

 text-align: center;

}

.apply-row .apply-colum2 p{

 color: white;

 font-size: 25px;

 text-align: center;

}

.swiper-pagination-bullet{

 background-color: white;

}
.apply-ppf-heading p{
  text-align: center;
}


@media(max-width:1400px){
  .apply-ppf-heading h2 {
   font-size: 27px;
}
}


@media(max-width:768px){

 .apply-row .apply-colum2 {

     margin-top: 1rem;

 }

 .apply-slider {

     padding: 40px 20px 30px 20px;

 }

}



@media(max-width:500px){

 .apply-row .apply-colum2 h2 {

     font-size: 29px;

 }
 .apply-row .apply-colum2 p {
  font-size: 19px;
}

 .apply-row .apply-colum2{

     font-size: 20px;

 }
 .apply-ppf-heading h2 {
  font-size: 23px;
}

}

.bold-p {

 margin-top: 1rem !important;

 text-align: center;

}

.bold-p span {

 color: #e1281b;

 font-weight: bold;

}

/* apply-ppf-section close */





/* pricing-car-section */

.pricing-car-section{

 padding: 40px 10px;

}

.pricing-car-heading h2{

 color: black;

 font-weight: 800;

 text-align: center;

 font-style: italic;

}

.pricing-car-heading h2 span{

 color: #e1281b;

}



.table-car{

 margin-top: 0px;

 padding: 10px 30px 0px 30px;

}

.table-car table{

 margin-top: 0rem;

}

@media(max-width:1400px){
  .pricing-car-heading h2 {
font-size: 27px;
}
}


@media(max-width:600px){

 .table-car{

     margin-top: 0px;

     padding: 10px 0px 30px 0px;

  }
  .pricing-car-heading h2 {
    font-size: 25px;
}
.pricing-car-section {
  padding: 40px 10px 0px 10px;
}

}

/* pricing-car-section close */



.bike-ppf-section{

 padding: 40px 10px;

}

.bike-ppf-heading h2{

 font-weight: 800;

 color: #e1281b;

 font-style: italic;

 text-align: center;

}

.bike-ppf-heading h2 span{

 color: black;

}

.bike-ppf-heading p{

 font-size: 15px;

 text-align: center;

}

.bike-ppf-row{

 margin-top: 2rem;

}

.bike-ppf-row .bike-ppf-colum1 video{

 width: 100%;

 border: 7px solid #e1281b;

 border-radius: 5px;

}



.bike-ppf-row .bike-ppf-colum2{

 align-content: center;

}

@media(max-width:1400px){
  .bike-ppf-heading h2 {
   font-size: 27px;
}
}



@media(max-width:768px){

 .bike-table {

     margin-top: 10px;

 }

}



@media(max-width:500px){

 .bike-table{

     padding: 10px 0px 0px 0px;

 }
 .bike-ppf-heading h2 {
  font-size: 23px;
}

}







/* experience-section */

.experience-section{

 background-image: url('../images/product/ppf/ppf-bg.jpg');

 background-repeat: no-repeat;

 background-size: cover;

 padding: 70px 10px;

}



.experience-colum{

 text-align: center;

}

.experience-colum h2{

 color: white;

 font-weight: 800;

 font-size: 50px;

 font-style: italic;

 margin-bottom: 1rem;

}

.experience-colum img{

width: 50%;

}

.experience-colum h3{

 color: white;

 font-weight: 800;

 font-size: 50px;

 font-style: italic;

 margin-top: 1rem;

}

.experience-colum h3 span{

color: #e1281b;

}

@media(max-width:998px){

 .experience-colum img {

     width: 60%;

 }

 .experience-colum h2 {

     font-size: 40px;

 }

 .experience-colum h3 {

     font-size: 40px;

 }

}



@media(max-width:768px){

 .experience-colum img {

     width: 80%;

 }

}



@media(max-width:500px){

 .experience-colum img {

     width: 90%;

 }

 .experience-colum h2 {

     font-size: 30px;

 }

 .experience-colum h3 {

     font-size: 30px;

 }

}

/* experience-section close */



.arrow11 {

  background: linear-gradient(208deg, #f4001a, #5d0000);

  padding: 37px 18px;

  color: black;

  border-radius: 4px;

  right: 2px;

  }

  .arrow11:after {

  font-size: 27px !important;

  font-weight: bold;

  color:white;

  }

  .arrow12 {

  background: linear-gradient(236deg, #f4001a, #5d0000);

  padding: 37px 18px;

  color: black;

  border-radius: 4px;



  left: 2px;

  }

  .arrow12:after {

  font-size: 27px !important;

  font-weight: bold;

  color:white;

  }






  @media(max-width:768px) {

  .arrow11:after {

  font-size: 16px;

  }

  .arrow12:after {

  font-size: 16px;

  }

  }

  @media(max-width:600px) {

  .arrow11 {
  padding: 26px 13px;

  }

  .arrow12 {

  padding: 26px 13px;

  }

  }

  @media(max-width:500px) {

  .arrow11 {

  padding: 26px 13px;

  }

  .arrow12 {

  padding: 26px 13px;

  }

  .arrow11:after {

  font-size: 12px !important;

  }

  .arrow12:after {

  font-size: 12px !important;

  }

  }

  @media(max-width:400px) {

  .arrow11 {

  padding: 20px 13px;

  }

  .arrow12 {

  padding: 20px 13px;

  }

  .arrow11:after {

  font-size: 12px;

  }

  .arrow12:after {

  font-size: 12px;

  }

  }



  
/* faq section */
/* Default styling */
/* Detail styling */
.details {
  --padding: 10px;
  border: 1px solid #ffffff3b;
  border-radius: 4px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  margin: 8px 0px;
}

.details+.details {
  margin-top: 15px;
}

.details__title {
  --width: 15px;
  --height: 2px;
  --radius: 1px;
  --color: currentColor;
  margin: 0;
  padding: var(--padding) calc(var(--width) * 2) var(--padding) var(--padding);
  cursor: pointer;
  transition: all .2s ease-in-out;
  position: relative;
  color: white;
}

.details__title:before,
.details__title:after {
  content: '';
  display: block;
  width: var(--width);
  height: var(--height);
  background-color: var(--color);
  position: absolute;
  border-radius: var(--radius);
  top: calc(50% - (var(--height) / 2));
  right: calc(var(--width) / 2);
  transition: all .2s ease-in-out;
}

.details__title:after {
  rotate: 90deg;
}

.details__container[open] .details__title:before {
  rotate: 45deg;
  /* rotate: 135deg; */
}

.details__container[open] .details__title:after {
  rotate: 135deg;
  /* rotate: 225deg; */
}

.details__container[open] .details__title {
  background-color: #f3f3f3;
}

.details__summary::marker {
  content: '';
}

.details__desc {
  display: grid;
  grid-template-rows: 0fr;
  transition: all .2s ease-in-out;
  overflow: hidden;
  padding-inline: var(--padding);
  pointer-events: none;
}

.details__container[open]+.details__desc {
  grid-template-rows: 1fr;
  padding-block: var(--padding);
}

.details__desc-inner {
  min-height: 0;
}

.section-faq {
  padding: 0px 0px 70px 0px;
}

.details__title {
  font-size: 18px;
  padding: 20px 15px;
}

.heading-faq h3 {
  text-align: center;
  font-size: 35px;
  font-weight: 700;
  color: white;
}

.heading-faq h3 span {
  color: #f4001a;
}

.heading-faq {
  margin-bottom: 1rem;
}

.container-faq {
  background: url(../images/product/clear-ppf/benefits.jpg) , rgba(0, 0, 0, 0);
  padding: 70px !important;
  border-radius: 10px;
  background-position: center;
  background-blend-mode: multiply;
  background-repeat: no-repeat;
  background-size: cover;
}

.details__desc-inner {
  color: #d3d3d3;
}

.details__container[open] .details__title {
  background-color: #f3f3f300;
}

@media(max-width:997px) {
  .heading-faq h2 {
    font-size: 29px;
  }

  .details__title {
    font-size: 15px;
    padding: 20px 15px;
  }
}

@media(max-width:500px) {
  .heading-faq h2 {
    font-size: 24px;
  }

  .container-faq {
    padding: 60px 20px !important;
  }

  .details__title {
    font-size: 16px;
  }
  .heading-faq h3 {
    font-size: 25px;
}
}

/* faq section CLOSE */

/* table red color */
.small-text-p {
  font-size: 10px;
  color: #FF0000;
  font-weight: bold;
}

/* table red color close */





/* Professionals paint protection film */
.paint-protection-row {
  height: 350px;
  overflow-y: scroll;
  width: 90%;
  align-content: center;
  margin: auto;
  border-top: 1px solid black;
  border-radius: 5px;
  padding: 20px;
  border-bottom: 1px solid black;
  scrollbar-width: none;
  /* Firefox */
  -ms-overflow-style: none;
    margin-top: -1rem;
    margin-bottom: 3rem;
}

.paint-protection-row .head-paint {
  color: #000000;
  margin: 0rem;
  margin: 8px 0px;
}
.paint-protection-row  p strong a{
  text-decoration: none;
  color: black;
}

.paint-protection-row ul {
  margin-top: 1rem;
}

.paint-protection-row ul li {
  font-size: 15px;
  text-align: justify;
}

/* .paint-protection-row h1 {
  color: #f4001a !important;
  font-size: 32px;
  font-weight: 700;
} */

.paint-protection-row h2 {
  font-size: 25px;
}

.paint-protection-row h3 {
  font-size: 21px;
}

.paint-protection-row h4 {
  font-size: 19px;
}

.paint-protection-row h5 {
  font-size: 18px;
}

.paint-protection-row h6 {
  font-size: 16px;
}

.paint-protection-row p {
  font-size: 15px;
  font-family: sans-serif;
  text-align: justify;

}


@media(max-width:768px) {
  .paint-protection-row {
    width: 100%;
    height: 600px;
    
  }

  /* .paint-protection-row h1 {
    font-size: 30px;
  } */

  .paint-protection-row h2 {
    font-size: 23px;
  }
}

@media(max-width:500px) {
  /* .paint-protection-row h1 {
    font-size: 25px;
  } */

  .paint-protection-row {
   padding: 0px 10px;
  }

  .paint-protection-row h2 {
    font-size: 20px;
  }

  .paint-protection-row h4 {
    font-size: 16px;
  }
}

/* Professionals paint protection film close */