.section-banner-franchise {
      background-image: url(../../images/our-services/ppf-protection-coating/banner.webp);
      }
      @media (max-width:500px){
      .section-banner-franchise {
      background-image: url(../../images/our-services/ppf-protection-coating/banner.webp);
      }
      }
      .ceramic-wash-section {
      padding: 40px 10px 10px 10px;
      }
      .detail-coll h3 span{
      color: red;
      font-weight: 600 !important;
      font-size: 17px;
      }
      .protection-section{
      padding: 20px 10px 60px 10px;
      }
      .protection-content h2{
      font-size: 27px;
      font-weight: 800;
      color:red;
      }
      .protection-content img{
      width:100%;
      border-radius: 10px;
      }
      .detail-coll h3{
      font-weight: 700;
      font-size: 25px;
      margin-top: 15px;
      }
      .detail-coll{
      margin-top: 1rem;
      }
      .detail-coll h3 span{
      font-weight: 200;
      font-size: 18px;
      }
      .detail-coll ul li span{
      color:red;
      }
      .detail-coll{
    background:#fff;
    border-radius:12px;
    overflow:hidden;
    box-shadow:0 5px 20px rgba(0,0,0,.08);
    margin-bottom:30px;
}

.detail-coll img{
    width:100%;
    display:block;
}

.detail-coll h3{
    padding:20px 20px 10px;
    font-size:24px;
    font-weight:700;
}

.detail-coll h3 span{
    display:block;
    color:#e60000;
    font-size:16px;
    margin-top:5px;
}

.price-list{
    list-style:none;
    margin:0;
    padding:0 20px;
}

.price-list li{
    display:flex;
    justify-content:space-between;
    padding:12px 0;
    border-bottom:1px solid #eee;
    font-weight:600;
}

.price-list li span{
    color:#e60000;
    font-weight:700;
}

.package-info{
    padding:20px;
    background:#f8f8f8;
    margin:20px;
    border-radius:10px;
}

.package-info h4{
    margin-bottom:12px;
    font-size:18px;
    font-weight:700;
}

.package-info ul{
    margin:0;
    padding-left:18px;
}

.package-info ul li{
    margin-bottom:8px;
    color:#444;
}

.ceramic-wash-heading h1 {
    font-size: 45px;
}
@media(max-width:999px){
    .ceramic-wash-heading h1 {
    font-size: 35px;
}
}
@media(max-width:500px){
    .ceramic-wash-heading h1 {
    font-size: 25px;
}
}




/* ============================================
         KEY BENEFITS SLIDER
      ============================================ */
      .benefits-slider-wrap{
         position:relative;
         margin-top:25px;
      }
      .benefits-slider-viewport{
         overflow:hidden;
         width:100%;
      }
      .benefits-slider-track{
         display:flex;
         transition:transform .5s ease;
      }
      .benefit-card{
         flex:0 0 25%;
         max-width:25%;
         box-sizing:border-box;
         padding:0 10px;
      }
      .benefit-card-inner{
         background:#fff;
         border-radius:14px;
         box-shadow:0 5px 20px rgba(0,0,0,.08);
         padding:28px 18px;
         text-align:center;
         height:100%;
         transition:transform .25s ease, box-shadow .25s ease;
      }
      .benefit-card-inner:hover{
         transform:translateY(-6px);
         box-shadow:0 10px 28px rgba(230,0,0,.15);
      }
      .benefit-card-inner .icon-wrap{
         width:56px;
         height:56px;
         margin:0 auto 16px;
      }
      .benefit-card-inner .icon-wrap svg{
         width:100%;
         height:100%;
      }
      .benefit-card-inner p{
         margin:0;
         font-weight:600;
         font-size:15px;
         color:#222;
         line-height:1.4;
      }
      .benefits-slider-nav{
         background:#fff;
         border:1px solid #eee;
         color:#e60000;
         width:42px;
         height:42px;
         border-radius:50%;
         display:flex;
         align-items:center;
         justify-content:center;
         box-shadow:0 4px 12px rgba(0,0,0,.12);
         cursor:pointer;
         position:absolute;
         top:50%;
         transform:translateY(-50%);
         z-index:5;
         font-size:20px;
         transition:background .2s ease, color .2s ease;
      }
      .benefits-slider-nav:hover{
         background:#e60000;
         color:#fff;
      }
      .benefits-slider-prev{ left:-18px; }
      .benefits-slider-next{ right:-18px; }
      .benefits-slider-dots{
         display:flex;
         justify-content:center;
         gap:8px;
         margin-top:22px;
      }
      .benefits-slider-dots span{
         width:9px;
         height:9px;
         border-radius:50%;
         background:#ddd;
         cursor:pointer;
         transition:background .2s ease, transform .2s ease;
      }
      .benefits-slider-dots span.active{
         background:#e60000;
         transform:scale(1.2);
      }
      @media (max-width:992px){
         .benefit-card{ flex:0 0 50%; max-width:50%; }
      }
      @media (max-width:576px){
         .benefit-card{ flex:0 0 100%; max-width:100%; }
         .benefits-slider-prev{ left:0; }
         .benefits-slider-next{ right:0; }
      }

      /* ============================================
         KEY BENEFITS - BIG HEADING (matches top title style)
      ============================================ */
      .key-benefits-heading{
         font-size:34px;
         font-weight:800;
         text-align:left;
         margin-bottom:6px;
             text-align: center;
    font-size: 40px !important;
    color: black !important;
    margin-top: 3rem !important;
      }
      .key-benefits-heading span{
         color:red;
      }
      @media (max-width:999px){
         .key-benefits-heading{ font-size:28px; }
      }
      @media (max-width:500px){
         .key-benefits-heading{ font-size:22px; }
      }
      /* ============================================
         ARMORIUS PACKAGE PANELS (image + price table)
      ============================================ */
      .armorius-panel{
         background:#f8f8f8;
         border-radius:16px;
         padding:30px;
         display:flex;
         flex-wrap:wrap;
         align-items:center;
         gap:40px;
         margin-bottom:35px;
      }
      .armorius-panel.reverse{
         flex-direction:row-reverse;
      }
      .armorius-media{
         flex:1 1 420px;
      }
      .armorius-media img{
         width:100%;
         height:320px;
         object-fit:cover;
         display:block;
         border-radius:10px;
         border:3px solid #e60000;
      }
      .armorius-content{
         flex:1 1 380px;
      }
      .armorius-badge{
         display:inline-flex;
         align-items:center;
         gap:8px;
         background:#fff;
         color:#e60000;
         font-weight:700;
         font-size:13px;
         padding:8px 18px;
         border-radius:30px;
         margin-bottom:18px;
         box-shadow:0 2px 8px rgba(0,0,0,.08);
      }
      .armorius-content h3{
         font-weight:800;
         font-size:25px;
         margin-bottom:2px;
         color:#111;
      }
      .armorius-content h3 .warranty{
         display:block;
         color:#e60000;
         font-size:14px;
         font-weight:700;
         margin-top:6px;
      }
      .armorius-price-list{
         list-style:none;
         margin:20px 0 26px;
         padding:0;
      }
      .armorius-price-list li{
         display:flex;
         justify-content:space-between;
         padding:11px 0;
         border-bottom:1px solid #e2e2e2;
         font-weight:600;
         font-size:15px;
         color:#222;
      }
      .armorius-price-list li:last-child{
         border-bottom:none;
      }
      .armorius-price-list li span{
         color:#e60000;
         font-weight:700;
      }
     
      .armorius-actions a{
         display:inline-flex;
         align-items:center;
         gap:8px;
         padding:12px 22px;
         border-radius:8px;
         font-weight:700;
         font-size:14px;
         text-decoration:none;
      }
      
      @media (max-width:768px){
         .armorius-panel, .armorius-panel.reverse{
            flex-direction:column;
            padding:20px;
         }
         .armorius-media, .armorius-content{
            flex:1 1 100%;
            width:100%;
         }
         .armorius-media img{ height:220px; }
      }

/*CTA section*/
.detail-location {
  margin-top: 30px !important;
  margin-bottom: 20px !important;
}
.location-col a{
        padding: 16px 15px 15px 15px;
    border-radius: 8px;
    color: white;
    text-decoration: none;
    font-weight: 500;
}
.location-col2{
        text-align: end;
}
.location-col2 a{
        background: red;
}
.location-col3 a{
        background: black;
}
@media(max-width:999px){
    .detail-location {
        display: flex;
    }
    .detail-location .col-md-6 {
        width:50% !important;
    }
}
@media(max-width:500px){
    .detail-location {
        display: block;
    }
    .detail-location .col-md-6 {
        width:100% !important;
    }
    .location-col2 {
    text-align: justify;
}
.location-col2 a , .location-col3 a {
    width: 80%;
    display: block;
    text-align: center;
    margin: auto;
            
}
.detail-location .col-md-6 {
    margin-bottom: 7px !important;
}
.protection-content h2 {
    font-size: 23px;
}
.key-benefits-heading{
    font-size: 30px !important;
}
}
/*CTA section*/












