html {
  scroll-behavior: smooth;
}
        .bg_blue{background-color: #0a53b8;}
        .headdiv{background-color: #0a53b8;height: 100px;}
       .headdiv .headlogo{ height: 100%;}
        .topdiv1{height:500px;position :relative;}
        .top_image_text{position: absolute;top: 25%;left: 2%;transform: translate(-50%, -50%);}
        .top_image_text h1{font-weight:700;color:#fff;background:rgba(0,0,0,0.5);padding:15px 25px;border-radius:8px;}
        .top_image{width:100%;height:100%;}
        .headdiv2{background-color:#0a53b8;}

        .headdiv2 p{color: white;font-size: 30px;text-align: center;padding: 5px;}
        .headdiv3{background-color:#e6e6e6;}
        .headdiv3 div{padding: 50px 0px 25px 0px;}
        .headdiv3 h2{text-align: center;padding: 10px;color: #0a53b8;font-weight:700;}
        .formInput {width: 85%;margin: 20px;}
        .formInput input{border: 2px solid #0a53b8;height:50px;}
        .info-list{display: flex;flex-direction: column;gap: 50px;}
        .info-item{display: flex;align-items: center;background: #0d5ec9;color: #fff;border-radius: 10px;padding: 14px 20px;font-size: 20px;font-weight: 600;width: fit-content;min-width: 260px;}
        .info-item .icon{background: #fff;color: #0d5ec9;width: 44px;
    height: 44px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
    font-size: 20px;
}
.contact_usbtn{font-size:25px; font-weight:700;}

.info-item .text{
    white-space: nowrap;
}
.chart-wrapper{
    display: flex;
    gap: 35px;
    align-items: flex-end;
    height: 300px;
}

.bar{
    text-align: center;
    font-weight: 600;
}

.value{
    display: block;
    margin-bottom: 8px;
}

.bar-fill{
    width: 50px;
    background: #0b4d78;
    border-radius: 4px;
}

.h1{ height: 120px; }
.h2{ height: 170px; }
.h3{ height: 220px; }
.h4{ height: 260px; }

.year{
    display: block;
    margin-top: 8px;
}

/* Right side list */
.why-list{
    font-size: 18px;
    line-height: 2.2;
}

.why-list li{
    list-style: disc;
}

.investment-grid{

    height: 420px;
    background: url('https://laundryfranchise.in/image/meet.jpg') no-repeat center center/cover;
    justify-content: space-evenly;
    display: flex;
}
.investment-grid .col-md-2{
    /*background: rgba(7, 64, 110, 0.85);*/
    background: rgb(185 185 185 / 56%);
     color: black;
     text-align: center;

}

.inv-card{
    position: relative;
    background-size: cover;
    background-position: center;
}

.inv-card .overlay{
    position: absolute;
    inset: 0;
    background: rgba(7, 64, 110, 0.85);
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 20px;
}

.inv-card h5{
    margin-top: 15px;
    font-size: 18px;
    letter-spacing: 1px;
}

.inv-card p{
    font-size: 16px;
    margin-top: 8px;
}

.inv-card .icon{
    font-size: 40px;
}

/* Background images */
.bg1{ background-image: url('https://laundryfranchise.in/image/img1.jpg'); }
.bg2{ background-image: url('https://laundryfranchise.in/image/img2.jpg'); }
.bg3{ background-image: url('https://laundryfranchise.in/image/img3.jpg'); }
.bg4{ background-image: url('https://laundryfranchise.in/image/img4.jpg'); }
.bg5{ background-image: url('https://laundryfranchise.in/image/img5.jpg'); }

.stores{
    display:flex; justify-content:end; align-items:center;
}
/* Responsive */
@media(max-width:768px){
    .headdiv .headlogo{ height:67%;}
    .why-list{
        margin-top:50px;
    }
    .stores{
    display:flex; justify-content:center; align-items:center;
}
    .investment-grid{
        grid-template-columns: 1fr;
        height: auto;
    }
    .inv-card{
        height: 260px;
    }
}

.footer-section{
    position: relative;
    min-height: 360px;
    background-size: cover;
    background-position: center;
    padding: 60px 0;
    color: #fff;
}

/* overlay */
.footer-section::before{
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(7, 58, 96, 0.9);
}

.footer-section > div,
.footer-divider{
    position: relative;
    z-index: 2;
}

/* LEFT */
.footer-left{
    padding-left: 80px;
}

.footer-contact{
    display: flex;
    align-items: center;
    gap: 15px;
    font-size: 18px;
    margin-bottom: 18px;
}

.footer-icon{
    width: 36px;
    height: 36px;
    border: 2px solid #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* SOCIAL */
.footer-social{
    margin-top: 25px;
    display: flex;
    gap: 15px;
}

.footer-social img{
    width: 55px;
    height: 55px;
    background: rgba(255,255,255,0.15);
    padding: 8px;
    border-radius: 6px;
}

/* RIGHT */
.footer-right{
    padding-right: 80px;
    font-size: 20px;
    line-height: 1.6;
}

.footer-contact{ font-size:25px;}
/* MOBILE */
@media(max-width:768px){

    .footer-left,
    .footer-right{
        padding: 20px;
    }
    .top_image_text{
        left: 50%;
    }
    .footer-contact{ font-size:20px;}
    .footer-left{padding-left: 40px;}
    
}

.student_says_swiper .swiper-slide {

}

.swiper-slide{
    position: relative;
    height: 420px;
    overflow: hidden;
}

.slide-video,
.swiper-slide img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* text overlay */
.text{
    position: absolute;
    bottom: 30px;
    left: 30px;
    max-width: 70%;
    color: #fff;
    background: rgba(0,0,0,0.55);
    padding: 15px 20px;
    border-radius: 6px;
}

.text span{
    font-size: 22px;
    font-weight: 600;
}
.franchies_partners_row{
    background:url('https://laundryfranchise.in/image/top_image.png') no-repeat center center/cover;
     position: relative;

    min-height: 400px;
    overflow: hidden;
}

/* blue overlay */
.franchies_partners_row::before{
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 70, 140, 0.75); /* blue overlay */
    z-index: 1;
}

/* content above overlay */
.franchies_partners_row > *{
    position: relative;
    z-index: 2;
}
.franchies_partners{
    padding:35px;
}
.franchies_partners ul li{
        margin: 10px 0px 10px 10px;
        color:white;
        font-size: 20px;
}
.tec_image{
    background:url('https://laundryfranchise.in/image/tech.jpg') no-repeat center center/cover;
     position: relative;
    min-height: 400px;
    overflow: hidden;
}
.tec_image .col-md-4{
    padding:45px;
}
.tec_image .col-md-4 div{
    padding:20px;
    background-color:#1a3a66c4;
}
.tec_image .col-md-4 div h3{
    font-size:20px;
}
.tec_image .col-md-4 div h3, .tec_image .col-md-4 div p{
    color:white;
}
.info-col{
    display: flex;
    flex-direction: column;
    justify-content: space-between; /* magic line */
    height: 100%; /* important */
}

.info-box{
    text-align: center;
    /*margin:25px;*/
    

}
.info-box p {
    font-weight:600;
    font-size:20px;
    padding:10px;
}
.info-box img{
    width:75px;
}