*{
    margin: 0;
    padding: 0;
        box-sizing: border-box;
}
.ppf-banner{
    background-image: url(../images/product/ppf-banner.png) !important;
}
/*.heading-section*/
.heading-section{
    padding: 50px 10px 20px 10px;
}

.heading-part h2{
    font-size: 45px;
    font-weight: 600;
    font-style: normal;
}
.heading-part h2 span{
    color: red;
}
.heading-part p{
        font-size: 15px;
}
.heaidng-row .heaidng-col2{
      padding: 30px 40px;
    background: url(../images/product/about-ppf.avif), #350909b5;
    border-radius: 10px;
    background-blend-mode: multiply;
    background-position: center;
    background-size: cover;
}
.heaidng-row .heaidng-col2 h2{
        font-weight: 700;
        text-align: center;
            margin-bottom: 15px;
            color:white;
                font-size: 35px;
}
    
    .heaidng-row .heaidng-col2 h2 span{
        color:red;
    }
    .heaidng-row .heaidng-col2 form input ,  .heaidng-row .heaidng-col2 form select ,  .heaidng-row .heaidng-col2 form textarea{
              margin-top: 10px;
    border: 1px solid #0000004d;
    border-radius: 3px;
    }

 .heaidng-row .heaidng-col2 form .buttonn{
  
 }
     .heaidng-row .heaidng-col2 form button{
             margin-top: 20px;
    background: red;
    padding: 10px 30px;
    border-radius: 3px;
     }
    .heaidng-row .heaidng-col1{
        align-content: center !important;
           padding: 20px 35px 20px 10px;
    }
    
    @media(max-width:1400px){
        .heading-part h2 {
    font-size: 40px;
        }
    }
    
 

@media(max-width:768px){
    .heading-part h2 {
    line-height: 47px;
       font-size: 35px;
}
}
@media(max-width:500px){
    .heading-part h2 {
    line-height: 47px;
       font-size: 35px;
}
.heaidng-row .heaidng-col2 {
    padding: 30px 20px;

}
}
/*.heading-section close*/


.ppf-heading{
    text-align: center;
}
.ppf-heading h2{
     font-size: 40px;
    font-weight: 600;
    font-style: normal;
    color:white;
}
.ppf-heading h2 span{
     color: red;
}
.ppf-heading p{
     text-align: center;
     color:white;
}
.Flexible-row {
        margin-top: 50px !important;
}
.Flexible-row .Flexible-col .Flexible-item h3{
        font-weight: 600;
    font-style: normal;
        font-size: 30px;
              transition: 0.4s;
              color:white;
    
}
.Flexible-row .Flexible-col .Flexible-item:hover h3{
    color:red;
          transition: 0.4s;
}
.Flexible-row .Flexible-col .Flexible-item .hh{
    color:red;
}
.Flexible-row .Flexible-col .Flexible-item:hover .hh{
   color:white;
}
.Flexible-row .Flexible-col .Flexible-item p{
        font-size: 15px;
        margin-bottom: 0px;
        color:white;
}
.Flexible-row .Flexible-col .Flexible-item{
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
        transition: 0.4s;
            padding: 20px 15px;
    border-radius: 5px;
    cursor: pointer;
}

.Flexible-row .Flexible-col .Flexible-item:hover{
        transition: 0.4s;
       box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
           margin-top: -15px;
    
}


/* second-section */
.second-section{
    padding: 40px 10px;
}
.ehicles{
    padding: 40px 10px 60px 10px;
}
.Bike-heading{
    text-align: center;
    margin-bottom: 50px;
}
.Bike-heading h2{
    font-weight: 700;
}
.Bike-heading h2 span{
    color: red;
}
.Bike-heading p{
    font-size: 15px;
}

.Bike-row .Bike-col{
    align-content: center;
    padding: 10px;
}
.Bike-row .Bike-col h3{
    font-weight: 700;
    font-size: 20px;
}
.Bike-row .Bike-col p{
    font-size: 15px;
    text-align: justify;
}



.Bike-row .Bike-col1{
    align-content: center;
}
.Bike-row .Bike-col1 img{
    width: 100%;
    border-radius: 10px;
    transition: 0.4s;
}

@media(max-width:999px){
    .Bike-heading h2{
  font-size: 23px;
}
.Bike-heading p{
    font-size: 15px;
}
}
@media(max-width:768px){
    .Bike-row .Bike-col{
        margin-bottom: 20px;
    }
    .Bike-heading{
    margin-bottom: 30px;
}
.car-row{
            flex-direction: column-reverse;
}

}

/* second-section close */

/* contact-section */
.contact-section{
    background-color: black;
    padding: 50px 10px;
    margin: 20px 0px;
}
.contact-row .contact-col h2{
        color: white;
    font-size: 35px;
    font-weight: 800;

}
.contact-row .contact-col h3{
    color: rgb(255, 0, 0);
    font-size: 25px;
    font-weight: 600;
        text-transform: capitalize !important;
}
.contact-row .contact-col1 {
    align-content: center;
    text-align: end;
}
.contact-row .contact-col1 a{
    background: white; 
      padding: 15px 36px;
    border-radius: 4px;
    text-decoration: none;
    color: red;
    font-weight: 500;
    font-size: 18px;
    transition: 0.4s
}
.contact-row .contact-col1 a:hover{
    background-color: red;
    color: white;
    transition: 0.4s;
}
@media(max-width:1400px){
    .contact-row .contact-col h2 {
    font-size: 30px;
}
}
@media(max-width:1200px){
    .contact-row .contact-col h2 {
    font-size: 30px;
}
    .contact-row .contact-col h2 {
    font-size: 25px;
}
.contact-row .contact-col h3 {
    font-size: 20px;
}
}

@media(max-width:768px){
        .contact-row .contact-col h2 {
        font-size: 23px;
        text-align: center;
    }
        .contact-row .contact-col h3 {
        text-align: center;
    }
    .contact-row .contact-col1 {
    text-align: center;
            margin-top: 31px;
}
.contact-section {
    padding: 60px 10px;
}
.contact-row .contact-col1 a {
    background: white;
    padding: 13px 30px;
}
}
/* contact-section close */


/* section-paint-ppf */
.section-paint-ppf{
    padding: 30px 10px;
}
.heading-paint-ppf h2{
    font-weight: 700;
    text-align: center;
}
.heading-paint-ppf h2 span{
    color: red;
}
.heading-paint-ppf p{
    font-size: 15px;
    text-align: center;
}
.heading-paint-ppf ul{
        padding-left: 1rem;
}
.heading-paint-ppf ul li{
    margin-top: 10px;
    text-align: justify;
}
.heading-paint-ppf ul li strong{
    color: red;
}

@media(max-width:500px){
    .heading-paint-ppf h2 {
    font-size: 23px;
}
}
/* section-paint-ppf  close*/



/* much-section */
.much-section{
      padding: 30px 10px 70px 10px;
}
.much-row .much-col{
    align-content: center;
}
.much-row .much-col h2{
      font-weight: 700;
      margin-left: 10px;
}
.much-row .much-col p{
    font-size: 15px;
    margin-left: 10px;
    text-align: justify;
}
.much-row .much-col h2 span{
 color: red;
}
.much-row .much-col img{
    width: 100%;
    border-radius: 10px;
}
@media(max-width:768px){
    .much-row .much-col h2 {
    margin-top: 18px;
}
}
/* much-section  close*/


/* 3m-website-section */
.m-website-section{
    background: url('https://www.thedetailingmafia.com/assets/images/our-services/paint-protection/Inside-lower-image.jpg') , rgba(0, 0, 0, 0.477);
    background-blend-mode: multiply;
    padding: 50px 10px;
}

.m-heading h2{
      font-weight: 700;
      color: white;
      text-align: center;
}
.m-heading h2 span{
    color: red;
}
.m-heading p{
    color: white;
    text-align: center;
    font-size: 15px;
}
.m-row{
    margin-top: 20px !important;
}
.m-row .m-col{
    color: white;
}
/* 3m-website-section  close*/



/* bestpoof */
.bestpoof-section{
    padding: 70px 10px 20px 10px;
}
.headingppf h3{
    color: red;
     font-weight: 700;

}
.headingppf p{
    font-size: 15px;
}
/* bestpoof close */



/* section-contact */
.section-contact{
    background-color: white !important;
        padding: 10px 10px 30px 10px;
}
.row-contact h2 {
    color: rgb(0, 0, 0) !important;
}
.row-contact h3{
        color: rgb(108 108 108) !important;
}

.row-contact .contact-col1 a {
    background: #000000;
    color: white;
}
/* section-contact close */


/* competitors-section */

.competitors-section{
    padding: 10px 0px 60px 10px;
}
.competitors-heading h2{
       color: rgb(0, 0, 0);
     font-weight: 700;
}
.competitors-heading h2 span{
    color: red;
}
.competitors-heading p{
    font-size: 15px;
}
/* competitors-section close */



/* 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: 70px 0px 70px 0px; */
    background: url(https://www.thedetailingmafia.com/assets/images/our-services/paint-protection/Inside-lower-image.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__title {
    font-size: 18px;
    padding: 20px 15px;
}

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

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

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

.container-faq {
    background: url(https://www.thedetailingmafia.com/assets/images/our-services/paint-protection/Inside-lower-image.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 h2 {
        font-size: 25px;
    }
}

/* faq section CLOSE */


/*table section*/
.section-paint-product{
  padding: 20px 10px 30px 10px;
}
.pp-heaifnng{
        margin-bottom: 30px;
}
.pp-heaifnng h2{
      font-weight: 700 !important;
      text-align: center !important;
}


.pp-heaifnng h2 span{
    color:red;
}

.table-ppf{
            margin-bottom: 30px;
}
.table-ppf h2{
       font-weight: 700 !important;
      text-align: center !important;
}
.table-ppf h2 span{
     color:red;
}
table {
    caption-side: bottom;
    border-collapse: collapse;
}

table {
        max-width: max-content !important;
    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 th {
    font-size: 14px;
}
td {
    font-size: 14px;

}
/*table section close*/


/*top-img-section*/
.top-img-section{
        margin: 10px 0px 50px 0px;
}
.top-img-section img{
    width:100%;
}
/*top-img-section close*/

@media(max-width:500px){
        .service-banner h1 {
        font-size: 40px !important;
    }
}

















/*second-section close*/