*{
    margin: 0;
    padding: 0;
    border-radius: border-box;
}

h1 , h2 , h3 , h4 , h5 , h6{
             text-align: left !important;
         }
         
         .section-banner-franchise{
padding: 100px 10px 50px 10px;
    }
    
     .section-banner-franchise {
         background-image: url(../../images/locate-our-outlets/Banner-top-for-inner-page.jpg);
         background-repeat: no-repeat;
         background-size: cover;
         background-position: center center;
         }
         .outlets-bottom-section{
         background-image: url(../../images/locate-our-outlets/bg-for-offers.webp);
         background-repeat: no-repeat;
         background-size: cover;
         background-position: center center;
         }
         
         
    .become-installer-heading h2{
        color: white;
        font-size: 25px;
        font-weight: 800;
        margin: 0px;
    }
    :root{
            --tdm-red:#d71920;
            --tdm-dark:#171717;
            --tdm-text:#252525;
            --tdm-muted:#6b7280;
            --tdm-light:#f7f8fb;
            --tdm-card:#ffffff;
            --tdm-border:#eceef3;
            --tdm-shadow:0 18px 45px rgba(15,23,42,.10);
            --tdm-soft-shadow:0 10px 30px rgba(15,23,42,.07);
            --tdm-radius:24px;
         }

 


         body{
            background:#ffffff;
            color:var(--tdm-text);
         }
         
               body , big {
  font-family: 'Axiforma', sans-serif !important;
}

         .nav-link>span{
            color:white;
         }

         ul, li::marker{
            color:#000;
         }

         .alert{
            display:none !important;
         }

       

         
         .section-banner-franchise .container{
            position:relative;
            z-index:2;
         }

         .become-installer-heading{
            padding:26px 0;
         }

         .become-installer-heading h2{
            margin:0;
            color:white;
            font-size:35px;
            line-height:1.08;
            font-weight:900;
            letter-spacing:-1.4px;
            text-transform:uppercase;
         }

         .become-installer-heading h2 span{
            display:inline-block;
            margin-top:10px;
            color:var(--tdm-red);
            background:#fff;
            border:1px solid rgba(215,25,32,.15);
            box-shadow:var(--tdm-soft-shadow);
            padding:8px 18px;
            border-radius:999px;
            font-size:34px;
            letter-spacing:-.6px;
         }

         .tdm-hero-sub{
            margin-top:18px;
            max-width:620px;
            color:#fefefe;
            font-size:17px;
            line-height:1.7;
         }

         
         .banner-outlets{
            position:relative;
            padding:12px;
            background:red;
            border:1px solid var(--tdm-border);
            border-radius:28px;
            box-shadow:var(--tdm-shadow);
         }

         .banner-outlets img{
            width:100%;
            height:360px;
            object-fit:cover;
            border-radius:20px;
            display:block;
         }

         .outlets-icon{
            display:flex;
            justify-content:center;
            gap:14px;
            margin-top:-28px;
            position:relative;
            z-index:5;
         }

         .outlets-icon a{
            width:54px;
            height:54px;
            display:inline-flex;
            align-items:center;
            justify-content:center;
            background:black;
            border:1px solid var(--tdm-border);
            border-radius:50%;
            box-shadow:0 12px 28px rgba(15,23,42,.14);
            transition:.25s ease;
         }

         .outlets-icon a:hover{
            transform:translateY(-4px);
         }

         .outlets-icon img{
            width:28px;
            height:28px;
            object-fit:contain;
         }

         .locate-section-backend{
            background:linear-gradient(180deg,#fff 0%,#f8f9fc 100%);
            padding:62px 0 48px;
         }

         .tdm-blog-layout{
            display:grid;
            grid-template-columns:minmax(0, 1fr) 360px;
            gap:28px;
            align-items:start;
         }

         .locate-state-content{
            background:#fff;
            border:1px solid var(--tdm-border);
            border-radius:var(--tdm-radius);
            box-shadow:var(--tdm-soft-shadow);
            padding:34px;
            overflow:hidden;
         }

         .tdm-blog-label{
            display:inline-flex;
            align-items:center;
            gap:8px;
            color:var(--tdm-red);
            background:#fff4f4;
            border:1px solid rgba(215,25,32,.13);
            padding:9px 14px;
            border-radius:999px;
            font-size:13px;
            font-weight:800;
            margin-bottom:18px;
         }

         .tdm-blog-title{
            margin:0 0 18px;
            color:#171717;
            font-size:34px;
            line-height:1.2;
            font-weight:900;
            letter-spacing:-.8px;
         }

         .tdm-content-body{
            color:#333;
            font-size:16px;
            line-height:1.85;
         }
       

         .tdm-content-body h1,
         .tdm-content-body h2,
         .tdm-content-body h3{
            color:#171717;
            font-weight:900;
            letter-spacing:-.4px;
            margin-top:24px;
         }

         .tdm-content-body p{
            color:#333;
            margin-bottom:16px;
            font-size:13px;
            text-align: justify;
         }
         br:empty {
  display: none;
}


         .tdm-content-body a{
            color:var(--tdm-red);
            font-weight:700;
         }

         .tdm-content-body img{
            max-width:100%;
            border-radius:18px;
            box-shadow:var(--tdm-soft-shadow);
         }

         .tdm-sidebar-card{
            position:sticky;
            top:95px;
            background:#fff;
            border:1px solid var(--tdm-border);
            border-radius:var(--tdm-radius);
            box-shadow:var(--tdm-soft-shadow);
            padding:24px;
         }

         .tdm-sidebar-card h3{
            margin:0 0 8px;
            color:#171717;
            font-size:22px;
            font-weight:900;
         }

         .tdm-sidebar-card p{
            color:var(--tdm-muted);
            font-size:14px;
            line-height:1.6;
            margin:0 0 18px;
         }

         .tdm-quick-list{
            display:grid;
            gap:12px;
            margin-top:18px;
         }

         .tdm-quick-item{
            display:flex;
            gap:12px;
            align-items:flex-start;
            padding:13px;
            background:#fafafa;
            border:1px solid var(--tdm-border);
            border-radius:16px;
         }

         .tdm-quick-item i{
            width:34px;
            height:34px;
            min-width:34px;
            display:inline-flex;
            align-items:center;
            justify-content:center;
            color:var(--tdm-red);
            background:#fff;
            border-radius:12px;
            box-shadow:0 8px 20px rgba(15,23,42,.06);
         }

         .tdm-quick-item strong{
            display:block;
            color:#171717;
            font-size:15px;
            margin-bottom:3px;
         }

         .tdm-quick-item span,
         .tdm-quick-item a{
            color:#555;
            font-size:13px;
            line-height:1.5;
            text-decoration:none;
         }

         .button-new{
             display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
    margin-bottom: 24px;
    justify-content: center;
    margin-top: 21px;
         }

         .button-new a{
            margin:0;
         }

         .button-new .button1,
         .button-new .button2{
            width:auto;
            min-width:166px;
            display:inline-flex;
            align-items:center;
            justify-content:center;
            gap:10px;
            padding:13px 20px;
            color:#fff;
            text-decoration:none;
            font-size:15px;
            font-weight:900;
            border-radius:999px;
            border:0;
            background:linear-gradient(135deg,#171717,#2b2b2b);
            box-shadow:0 12px 26px rgba(23,23,23,.18);
            transform:none;
            transition:.25s ease;
         }

         .button-new .button2{
            background:linear-gradient(135deg,#d71920,#b80f16);
            box-shadow:0 12px 26px rgba(215,25,32,.22);
         }

         .button-new .button1:hover,
         .button-new .button2:hover{
            transform:translateY(-3px);
            color:#fff;
         }

         .button-new .button1 img,
         .button-new .button2 img{
            width:35px;
            height:35px;
            object-fit:contain;
         }

         .button-new .button1 span,
         .button-new .button2 span{
            display:inline-block;
            margin-top:0;
            color:#fff;
         }

         .zoom-in-zoom-out{
            animation:none;
            text-align:center;
            padding:13px 20px;
            color:white;
            margin-top:0;
         }

         .tdm-cta-strip{
            padding:18px 0 52px;
            background:#f8f9fc;
         }

         .tdm-service-strip{
            background:#fff;
            border:1px solid var(--tdm-border);
            border-radius:22px;
            box-shadow:var(--tdm-soft-shadow);
            padding:22px;
            display:grid;
            grid-template-columns:repeat(4,1fr);
            gap:14px;
            margin-top:26px;
         }

         .tdm-service-box{
            padding:18px 14px;
            background:#fafafa;
            border:1px solid var(--tdm-border);
            border-radius:18px;
            text-align:center;
         }

         .tdm-service-box i{
            color:var(--tdm-red);
            font-size:22px;
            margin-bottom:10px;
         }

         .tdm-service-box strong{
            display:block;
            color:#171717;
            font-size:14px;
         }

         .locate-section-location{
            background:#fff;
            padding:62px 0 74px;
         }

         .locate-adderes-row{
            align-items:stretch;
         }

         .locate-adderess{
            height:100%;
            background:#fff;
            border:1px solid var(--tdm-border);
            border-radius:var(--tdm-radius);
            box-shadow:var(--tdm-soft-shadow);
            padding:26px;
         }

         .locate-adderess h2{
            color:#171717;
            font-size:26px;
            line-height:1.2;
            font-weight:900;
            margin:0 0 22px;
            letter-spacing:-.5px;
         }

         .locate-adderess h2 span{
            display:block;
            color:var(--tdm-red);
            margin-top:6px;
         }

         .adderess-row{
            display:flex;
            gap:13px;
            padding:15px 0;
            border-bottom:1px solid var(--tdm-border);
         }

         .adderess-row:last-child{
            border-bottom:0;
         }

         .row-col-md-4 span{
            width:42px;
            height:42px;
            min-width:42px;
            display:inline-flex;
            align-items:center;
            justify-content:center;
            background:#fff4f4;
            color:var(--tdm-red);
            border-radius:14px;
         }

         .row-col-md-8 p{
            margin:0 0 4px;
            color:#555;
            font-size:14px;
            line-height:1.55;
         }

         .row-col-md-8 p strong{
            color:#171717;
            font-size:14px;
         }

         .row-col-md-8 a{
            color:#d71920;
            font-weight:800;
            text-decoration:none;
         }

         .locate-location{
            height:100%;
            background:#fff;
            border:1px solid var(--tdm-border);
            border-radius:var(--tdm-radius);
            box-shadow:var(--tdm-soft-shadow);
            padding:12px;
            overflow:hidden;
         }

         #map-canvas{
            overflow:hidden;
            position:relative;
            height:670px;
            border-radius:18px;
         }

         .outlets-bottom-section{
            background-image:url(../assets/images/locate-our-outlets/bg-for-offers.webp);
            background-repeat:no-repeat;
            background-size:cover;
            background-position:center center;
         }

         .gm-style .gm-style-iw-c{
            padding:0 !important;
            border-radius:18px !important;
            overflow:hidden !important;
            box-shadow:0 18px 45px rgba(0,0,0,0.18) !important;
         }

         .gm-style .gm-style-iw-d{
            overflow:hidden !important;
         }

         .mapDeatils{
            width:365px;
            max-height:82vh;
            overflow-y:auto;
            overflow-x:hidden;
            background:#ffffff;
            color:#222;
            border-radius:22px;
            text-align:left;
            border:1px solid #edf0f5;
            box-shadow:0 20px 55px rgba(15,23,42,.18);
         }

         .mapDeatils::-webkit-scrollbar{
            width:6px;
         }

         .mapDeatils::-webkit-scrollbar-track{
            background:#f2f3f6;
         }

         .mapDeatils::-webkit-scrollbar-thumb{
            background:#d71920;
            border-radius:20px;
         }

         .mapDeatils .map-card-media{
            position:relative;
            background:#f8f9fc;
            padding:10px;
         }

         .mapDeatils .map-card-media img{
            width:100% !important;
            height:145px !important;
            object-fit:cover;
            border-radius:16px;
            display:block;
            border:1px solid #eef0f4;
         }

         .mapDeatils .map-status-badge{
            position:absolute;
            top:20px;
            left:20px;
            background:#ffffff;
            color:#d71920;
            font-size:11px;
            font-weight:900;
            letter-spacing:.3px;
            padding:7px 10px;
            border-radius:999px;
            box-shadow:0 8px 20px rgba(15,23,42,.12);
            text-transform:uppercase;
         }

         .mapDeatils .title{
            padding:15px 17px 10px;
            background:#ffffff;
            border-bottom:1px solid #f0f1f5;
         }

         .mapDeatils .title h3{
            margin:0;
            font-size:18px;
            line-height:1.32;
            font-weight:900;
            color:#151515;
         }

         .mapDeatils .title p{
            margin:5px 0 0;
            font-size:12px;
            color:#6b7280;
            line-height:1.4;
         }

         .mapDeatils .content{
            padding:14px 15px 15px;
            background:#ffffff;
         }

         .mapDeatils .map-owner-box{
            display:grid;
            grid-template-columns:1fr;
            gap:8px;
            padding:12px;
            margin-bottom:12px;
            background:linear-gradient(135deg,#fff4f4,#ffffff);
            border:1px solid #ffdcdc;
            border-radius:16px;
         }

         .mapDeatils .map-owner-box .owner-name{
            display:flex;
            align-items:center;
            gap:9px;
            color:#171717;
            font-size:13px;
            font-weight:900;
            line-height:1.45;
         }

         .mapDeatils .map-owner-box .owner-name i{
            width:28px;
            height:28px;
            min-width:28px;
            display:inline-flex;
            align-items:center;
            justify-content:center;
            background:#ffffff;
            color:#d71920;
            border-radius:10px;
         }

         .mapDeatils .map-owner-box .owner-number{
            display:flex;
            align-items:center;
            gap:8px;
            flex-wrap:wrap;
         }

         .mapDeatils .map-owner-box .owner-number a{
            display:inline-flex;
            align-items:center;
            gap:7px;
            color:#fff;
            background:#171717;
            border-radius:999px;
            padding:9px 12px;
            font-size:12px;
            font-weight:900;
            text-decoration:none;
         }

         .mapDeatils .map-owner-box .owner-number a.whatsapp-mini{
            background:#d71920;
         }

         .mapDeatils .map-info-grid{
            display:grid;
            gap:9px;
         }

         .mapDeatils .map-info-row{
            display:flex;
            gap:10px;
            align-items:flex-start;
            padding:10px;
            background:#fafafa;
            border:1px solid #edf0f5;
            border-radius:14px;
         }

         .mapDeatils .map-info-row i{
            width:30px;
            height:30px;
            min-width:30px;
            display:inline-flex;
            align-items:center;
            justify-content:center;
            border-radius:10px;
            color:#d71920;
            background:#fff2f2;
            font-size:13px;
         }

         .mapDeatils .map-info-row strong{
            display:block;
            color:#171717;
            font-size:12px;
            margin-bottom:3px;
            text-transform:uppercase;
            letter-spacing:.25px;
         }

         .mapDeatils .map-info-row span,
         .mapDeatils .map-info-row a{
            display:block;
            color:#4b5563;
            font-size:12.5px;
            line-height:1.45;
            text-decoration:none;
            word-break:break-word;
         }

         .mapDeatils .map-social-row{
            display:flex;
            gap:9px;
            margin-top:12px;
         }

         .mapDeatils .map-social-row a{
            flex:1;
            display:flex;
            align-items:center;
            justify-content:center;
            gap:7px;
            background:#fff;
            border:1px solid #edf0f5;
            border-radius:13px;
            padding:10px 8px;
            color:#171717;
            font-size:12px;
            font-weight:900;
            text-decoration:none;
         }

         .mapDeatils .map-social-row a i{
            color:#d71920;
         }

         .mapDeatils .bottom-gradient{
            display:grid;
            grid-template-columns:1fr 1fr;
            gap:0;
            background:#ffffff;
            border-top:1px solid #edf0f5;
         }

         .mapDeatils .bottom-gradient a{
            display:flex;
            align-items:center;
            justify-content:center;
            gap:8px;
            text-decoration:none;
            padding:14px 10px;
            text-align:center;
            color:#fff;
            background:#171717;
         }

         .mapDeatils .bottom-gradient a:last-child{
            background:linear-gradient(135deg,#d71920,#aa0f15);
         }

         .mapDeatils .bottom-gradient h3{
            margin:0;
            color:#fff;
            font-size:13px;
            font-weight:900;
         }

         @media(max-width:991px){
            .become-installer-heading h2{
               font-size:38px;
                   padding-top: 0px;
            }

            .become-installer-heading h2 span{
               font-size:28px;
            }

            .banner-outlets img{
               height:300px;
            }

            .tdm-blog-layout{
               grid-template-columns:1fr;
            }

            .tdm-sidebar-card{
               position:relative;
               top:auto;
            }

            .tdm-service-strip{
               grid-template-columns:repeat(2,1fr);
            }
            

            .locate-adderess{
               margin-bottom:26px;
            }
            
         }

         @media(max-width:575px){
            .section-banner-franchise{
               padding:58px 0 44px;
            }

            .become-installer-heading{
               padding:10px 0 24px;
            }

            .become-installer-heading h2{
               font-size:30px;
            }

            .become-installer-heading h2 span{
               font-size:23px;
            }

            .tdm-hero-sub{
               font-size:15px;
            }

            .banner-outlets img{
               height:235px;
            }

            .locate-state-content{
               padding:22px;
            }

            .tdm-blog-title{
               font-size:26px;
            }

            .button-new{
               display:grid;
               grid-template-columns:1fr;
            }

            .button-new .button1,
            .button-new .button2{
               width:100%;
            }

            .tdm-service-strip{
               grid-template-columns:1fr;
            }

            #map-canvas{
               height:430px;
            }

            .mapDeatils{
               width:285px;
            }
                .become-installer-heading {
        padding: 10px 20px;
    }
    .banner-outlets {
    margin-top: 2rem;
    }
         }
         
         .tdm-direction-wrap{
   margin-bottom:22px;
}

.tdm-direction-btn{
   width:100%;
   display:flex !important;
   align-items:center;
   justify-content:center;
   gap:10px;
   padding:15px 20px;
   border-radius:999px;
   background:linear-gradient(135deg,#d71920,#aa0f15);
   color:#fff !important;
   font-size:15px;
   font-weight:900;
   text-decoration:none !important;
   box-shadow:0 14px 30px rgba(215,25,32,.24);
   transition:.25s ease;
}

.tdm-direction-btn:hover{
   transform:translateY(-3px);
}

.tdm-clickable-card{
   text-decoration:none !important;
   color:inherit;
   transition:.25s ease;
}

.tdm-clickable-card:hover{
   transform:translateY(-2px);
   border-color:rgba(215,25,32,.28);
   box-shadow:0 10px 24px rgba(15,23,42,.08);
}

.tdm-clickable-card:hover strong{
   color:#d71920;
}
.tdm-service-strip a{
    text-decoration: none;
    color:black;
}