.section-banner-franchise {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.become-installer-heading{
    width: 60%;
    }
    .become-installer-heading h2{
        color: white;
        padding: 150px 0px;
        font-size: 40px;
        font-weight: 800;
        font-family: "Montserrat", Sans-serif;
        margin: 0px;
        font-style: italic;
    }
    .become-installer-heading h2 span{
        color: #ff0000;
    }

    @media (max-width:1200px){
        .become-installer-img img{
            margin-top: 5rem;
        }
    }

    @media (max-width:997px){
        .become-installer-heading{
            width: 70%;
            }
            .become-installer-heading h2{
                font-size: 35px;
            }
    }

    @media (max-width:768px){
        .become-installer-heading{
            width: 70%;
            }
            .become-installer-heading h2{
                font-size: 25px;
                padding: 120px 10px;
            }
    }
    
    @media (max-width:600px){
        .become-installer-heading{
            width: 100%;
            }
            .become-installer-heading h2{
                font-size: 25px;
                padding: 100px 10px;
            }
    }
    @media (max-width:400px){
        .become-installer-heading h2{
            font-size: 25px;
            padding: 100px 10px;
        }
        
    }

    /* heading */
    
      /* introduction-headlines */

.introduction-headlines{

  padding: 30px 10px;

}

.introduction-heading h2{

  text-align: center;

  font-weight: 700;

  font-size: 45px;

  font-style: normal;

  color: #ff0000;

}

.introduction-heading h1 {

  text-align: center;

  font-weight: 700;

  font-size: 25px;

  font-style: normal;

  color: #000000;

}
.introduction-heading h1 strong{
  text-align: center;

  font-weight: 700;

  font-size: 35px;

  font-style: normal;

  color: #ff0000;
}

.introduction-heading h2 span{

  color: red;

}

.introduction-heading p{

  text-align: center;

}

@media(max-width:998px){
  .introduction-heading p{

    text-align: justify;
  
  }
}

@media(max-width:768px){

  .introduction-heading h2{

      font-size: 30px;

  }


}



/* introduction-headlines close */





/* table start */



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: 0px 20px;

 }

 

td, th {

  border: 1px solid #353535 !important;

  padding: 9px;

   color: white;

   font-size: 12px;

   text-align: center;

 }

 

 table thead tr th{

  text-align: center;

  padding: 4px 14px;

  font-size: 10px;

 }

 

 th {

   text-align: left;

   background-color: #FF0000;

   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;

 }

 

 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: 14px 12px !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;

   }

   table tbody tr .td-small1 {

      font-size: 10px;

  }

  



@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;

      font-size: 8px;

  }

  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: 0px 0px;

     }

}



/* table close */



/* end-with section */

.end-with-section{

  padding: 70px 10px ;

}

.end-with-row .end-with-colum1 img{

  width: 100%;

  border: 5px solid red;

  border-radius: 5px;

}

.end-with-row .end-with-colum2{

  align-content: center;

}

.end-with-row .end-with-colum2 h2{

  font-size: 35px;

  text-align: start;

color: black;

font-weight: 700;

font-style: normal;

}

.end-with-row .end-with-colum2 h2 span{

  color:red

}

.end-with-row .end-with-colum2 p{

  font-size: 15px;

  margin: 20px 0px;

  text-align: justify;



}

.end-with-row .end-with-colum2 button{

  background: red;

padding: 10px 25px;

border-radius: 40px;

transition: 0.4s;

border: 0px solid black;

}

.end-with-row .end-with-colum2 button:hover{

  background: rgb(202, 0, 0);

  transition: 0.4s;

}

.end-with-row .end-with-colum2 button a{

  color: white;

  text-decoration: none;

}



@media(max-width:998px){

  .end-with-row .end-with-colum1{

     width: 100%;

     margin-top: 2rem;

  }

  .end-with-row .end-with-colum2{

     width: 100%;

     

  }

  .end-with-row{

     flex-direction: column-reverse;

  }

  

}

@media(max-width:500px){
  
.end-with-row .end-with-colum2 h2{

  font-size: 30px;


}
}

.main{
  padding-top: 0px;
   margin-bottom: 0rem;
}
.main-button{
  padding: 7px 20px !important;
}


/* end-with section close */


.range-ppf-section{

  background: url(https://www.ultrashieldx.com/assets/images/product/clear-ppf/range-image.png);

  background-blend-mode: multiply;

  background-repeat: no-repeat !important;

  background-size: cover !important;

  background-position: center center !important;

  padding: 60px 0px;

  }

  .paint-explore-slider img {

  width: 100%;

  }

  .range-img {

  padding: 0px 20px;

  }

  .range-ppf-heading h2{

  font-size: 35px;

  text-align: center;

  color: white;

  font-weight: 700;

  font-style: normal;

  }

  .range-ppf-heading h3{

    font-size: 35px;
  
    text-align: center;
  
    color: white;
  
    font-weight: 700;
  
    font-style: normal;
  
    }

  .range-ppf-heading h2 span {

  color:red;

  }
  .range-ppf-heading h3 span {

    color:red;
  
    }

  .range-ppf-heading P{

  color:white;

  font-size: 15px;

  text-align: center;

  }

  .range-ppf-heading{

  margin-bottom: 25px;

  }

  @media(max-width:768px){

  .range-ppf-heading h2 {

  font-size: 30px;

  }
  .range-ppf-heading h3 {

    font-size: 26px;
  
    }

  }

  @media(max-width:600px){

  .range-ppf-heading h2 {

  font-size: 25px;

  }

  .range-ppf-heading h3 {

    font-size: 20px;
  
    }
  }

  @media(max-width:500px){

  .range-ppf-heading h2 {

  font-size: 25px;

  }

  .range-ppf-heading P{

  font-size: 13px;
  text-align: justify;

  }

  }

  .arrow11 {

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

  padding: 37px 18px;

  color: black;

  border-radius: 4px;

  top: 220px;

  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;

  top: 220px;

  left: 2px;

  }

  .arrow12:after {

  font-size: 27px !important;

  font-weight: bold;

  color:white;

  }



  .transparent tr{

    background:transparent !important;

  }

  .transparent td{

    color:white;

  }

  @media(max-width:1800px){

  .arrow11 {

  top: 187px !important;

  }

  .arrow12 {

  top: 187px !important;

  }

  }

  @media(max-width:1600px){

  .arrow11 {

  top: 168px !important;

  }

  .arrow12 {

  top: 168px !important;

  }

  }

  @media(max-width:1400px){

  .arrow11 {

  top: 143px !important;

  }

  .arrow12 {

  top: 143px !important;

  }

  }

  @media(max-width:1200px){

  .arrow11 {

  top: 130px !important;

  }

  .arrow12 {

  top: 130px !important;

  }

  }

  @media(max-width:1100px){

  .arrow11 {

  top: 100px !important;

  }

  .arrow12 {

  top: 100px !important;

  }

  }

  @media(max-width:768px) {

  .arrow11 {

  top: 80px !important;

  }

  .arrow12 {

  top: 80px !important;

  }

  .arrow11:after {

  font-size: 16px;

  }

  .arrow12:after {

  font-size: 16px;

  }

  }

  @media(max-width:600px) {

  .arrow11 {

  top: 60px !important;

  padding: 26px 13px;

  }

  .arrow12 {

  top: 60px !important;

  padding: 26px 13px;

  }

  }

  @media(max-width:500px) {

  .arrow11 {

  top: 45px !important;

  padding: 26px 13px;

  }

  .arrow12 {

  top: 45px !important;

  padding: 26px 13px;

  }

  .arrow11:after {

  font-size: 12px !important;

  }

  .arrow12:after {

  font-size: 12px !important;

  }

  }

  @media(max-width:400px) {

  .arrow11 {

  top: 43px !important;

  padding: 20px 13px;

  }

  .arrow12 {

  top: 43px !important;

  padding: 20px 13px;

  }

  .arrow11:after {

  font-size: 12px;

  }

  .arrow12:after {

  font-size: 12px;

  }

  }
  
  
  /* car-cost-section */

.car-cost-section{

  padding: 40px 10px;

}

.car-cost-section2{

  padding: 0px 10px 40px 10px;

}



.car-cost-heading h2{

  text-align: center;

  font-weight: 700;

  color: black;

  font-style: normal;

  font-size: 35px;

}

.car-cost-heading h2 span{

  color: red;

}

.car-cost-heading p{

  text-align: center;

}

.dropdown-car-cost{

  width: 74%;

  margin: auto;

}

.accordion-item .accordion-header button{

  font-size: 13px;

  border-radius: 0px !important;

  border: 1px solid #00000059;

}

.accordion-button:focus{

  box-shadow: none !important;

}

.accordion-button:not(.collapsed) {

  background-color: #ff00000d !important;

}





@media(max-width:1400px){

  .dropdown-car-cost {

      width: 86%;

  }

}

@media(max-width:1200px){

  .dropdown-car-cost {

      width: 96%;

  }

}



@media(max-width:998px){

  .accordion-item .accordion-header button strong{

      margin-right: 10px;

  }

}



@media(max-width:768px){

  .car-cost-heading h2{

      font-size: 25px;

  }

  .dropdown-car-cost {

      width: 100%;

  }

}



@media(max-width:500px){

  .accordion-button {

      font-size: 15px !important;

      padding: 20px 10px;

      text-align: justify;

  }

  .accordion-item .accordion-header button strong {

      font-weight: 700;

  }

  .accordion-body ul{

      padding-left: 1rem !important;

  }

}





/* car-cost-section close */

.section-table{
            padding: 40px 10px 50px 10px;
    }
   
    
    .special-row .special-col{
        text-align: center;
        margin-top: 1rem;
    }
     .special-col6{
         align-content: center;
     }
     
    .special-row .special-col img{
             width: 50%;
    border-radius: 100%;
    margin-bottom: 1rem;
    }
    
    .special-row .special-col h6{
            font-size: 18px;
    font-weight: 600;
    }
  
  .table-heaidng-sunroof{
            text-align: center;
    }
    .table-heaidng-sunroof h2{
            font-size: 40px;
    font-weight: 700;
    text-transform: uppercase;
    }
    .table-heaidng-sunroof h2 span{
            color: red;
    }
    .table-heaidng-sunroof p{
        font-size: 15px;
    }
    .special-row{
        margin-top: 2rem;
    }
   .special-row .special-col{
        transition: 0.4s;
    }
     .special-row .special-col:hover{
        transition: 0.4s;
        margin-top: -1px;
    }
    
    @media(max-width:768px){
        .special-row .special-col{
            width:50%;
        }
            .section-glass-2 {
        padding: 10px 10px 00px 10px;
    }
       .table-heaidng-sunroof h2{
            font-size: 25px;
       }
    .section-table {
    padding: 0px 10px 50px 10px;
}
    }
    
    @media(max-width:500px){
          .table-heaidng-sunroof h2{
            font-size: 20px;
       }
    }