@media (max-width:1400px){

.hero-slide{
    min-height:700px;
}


.hero-text{
    font-size:20px;
}

.hero-content {
    height: 73%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: baseline;
    text-align: left;
    color: #fff;
    max-width: 850px;
    margin: initial;
}


}

/* ===============================
   Laptop
=================================*/

@media (max-width:1200px){

.hero-slide{
    min-height:620px;
}

.hero-content{
    max-width:540px;
}

.hero-content h1 {
    font-size: 24px;
    line-height: 36px;
}

    .process-steps{
        gap:15px;
    }

    .p-step h5{
        font-size:16px;
    }

    .p-step p{
        font-size:13px;
    }

.hero-text{
    font-size:18px;
}

.hero-content p {
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 0px;
    color: #f5f5f5;
}

.hero-badge{
    font-size:15px;
    padding:10px 22px;
}

    .hero-grid{
        grid-template-columns:1.5fr 1fr;
        gap:20px;
    }

    .hero-info h1{
        font-size:32px;
    }

    .hero-info p{
        font-size:15px;
        max-width:100%;
    }

}

/* ===============================
   Tablet
=================================*/

@media (max-width:991px){

        .hero-banner{
        height:auto;
        min-height:650px;
        padding:80px 0;
    }


    .hero-banner .jis-hero-image img{
        max-height:380px;
    }

.hero-slide{
    min-height:560px;
}

.jis-coverage-box.aos-init.aos-animate {
    padding: 40px;
}

.jis-coverage-left .label {
    font-size: 22px;
    font-weight: 700;
    color: var(--jis-text);
}

    .process-steps{
        display:grid;
        grid-template-columns:repeat(3,1fr);
        gap:35px 20px;
    }

    .process-steps::before{
        display:none;
    }

    .jis-about-story-grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .jis-about-story-image {
        order: -1;
    }

        .jis-about-mission-grid {
        grid-template-columns: 1fr;
        gap: 24px;
    }

        .jis-about-timeline-track {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }



        .jis-about-why-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
        margin-top: 40px;
    }

        .jis-about-team-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 22px;
        margin-top: 40px;
    }

        .hero-grid{
        grid-template-columns:1fr;
        gap:30px;
    }

    .hero-left{
        flex-direction:column;
        align-items:center;
        text-align:center;
        gap:20px;
    }

    .hero-right{
        max-width:700px;
        width:100%;
        margin:auto;
    }

    .hero-info h1{
        font-size:30px;
    }

    .hero-info p{
        max-width:100%;
        margin:auto;
        margin-top:15px;
        margin-bottom:20px;
    }

    .doc-grid {
    display: grid;
    grid-template-columns: repeat(1,1fr);
    gap: 14px;
    margin-top: 22px;
}

.why-grid {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 14px;
}

    .hero-badges{
        justify-content:center;
    }

    .tag-pills{
        justify-content:center;
    }

    .hdfc-logo-card{
        width:170px;
        height:170px;
        min-width:170px;
    }

    .products-grid {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 16px;
}


}



@media (max-width:1024px){

.hero-content {
    height: 84%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: baseline;
    text-align: left;
    color: #fff;
    max-width: 850px;
    margin: initial;
}

}




/* ===============================
   Mobile
=================================*/

@media (max-width:767px){

.hero-slide{
    min-height:500px;
    padding:90px 0;
}


.hero-text{
    font-size:16px;
    line-height:1.6;
}

.hero-badge{
    font-size:14px;
    padding:10px 18px;
}

.hero-badge i{
    font-size:15px;
}

.swiper-pagination{
    bottom:25px !important;
}


.jis-hero-swiper .swiper-button-prev, .jis-hero-swiper .swiper-button-prev, .jis-hero-swiper .swiper-button-next {
    display: none!important;
}

 .hero-inner{
        padding:50px 0;
    }

    .hero-info h1{
        font-size:28px;
        line-height:1.3;
    }

    .hero-info p{
        font-size:14px;
        line-height:1.8;
    }

    .products-grid {
    display: grid;
    grid-template-columns: repeat(1,1fr);
    gap: 16px;
}

    .hero-right{
        padding:20px;
    }

    .hero-right h3{
        text-align:center;
    }

    .why-grid {
    display: grid;
    grid-template-columns: repeat(1,1fr);
    gap: 14px;
}

    .stat-row{
        grid-template-columns:repeat(3,1fr);
        gap:10px;
    }

    .stat-box{
        padding:15px 8px;
    }

    .stat-box b{
        font-size:18px;
    }

    .stat-box span{
        font-size:11px;
    }

    .btn-row{
        grid-template-columns:1fr !important;
    }

    .btn,
    .btn-outline-white,
    .btn-outline-dark{
        width:100%;
    }

     .process-section{
        padding:60px 0;
    }

    .process-section h2{
        font-size:30px;
    }

    .process-section .sub{
        font-size:15px;
        margin-bottom:35px;
    }

    .process-steps{
        grid-template-columns:repeat(2,1fr);
        gap:30px 18px;
    }

    .p-step .circle{
        width:60px;
        height:60px;
        font-size:22px;
    }

  .plans-table,
    .plans-table thead,
    .plans-table tbody,
    .plans-table th,
    .plans-table td,
    .plans-table tr{
        display:block;
        width:100%;
    }

    .plans-table thead{
        display:none;
    }

    .plans-table tr{
        background:#fff;
        border:1px solid #e5e5e5;
        border-radius:12px;
        margin-bottom:20px;
        overflow:hidden;
        box-shadow:0 5px 15px rgba(0,0,0,.08);
    }

.plans-table td {
    display: flex;
    /* justify-content: space-between; */
    align-items: center;
    padding: 14px 18px;
    border-bottom: 1px solid #eee;
    text-align: left!important;
    font-size: 14px;
}

    .plans-table td:last-child{
        border-bottom:none;
    }

    .plans-table td::before{
        content:attr(data-label);
        font-weight:700;
        color:#111;
        text-align:left;
        padding-right:20px;
    }

    .plans-table td .get-quote-btn{
        width:auto;
    }


}

/* ===============================
   Small Mobile
=================================*/

@media (max-width:575px){

.hero-slide{
    min-height:430px;
    padding:70px 0;
}

.hero-content h1{
    font-size:30px;
}

.hero-text{
    font-size:15px;
}

.hero-badge{
    padding:8px 16px;
    font-size:13px;
}

    .jis-about-timeline-track {
        grid-template-columns: 1fr;
        gap: 16px;
    }

        .jis-about-why-grid {
        grid-template-columns: 1fr;
        gap: 16px;
        margin-top: 30px;
    }

        .jis-about-team-grid {
        grid-template-columns: 1fr;
        gap: 18px;
        margin-top: 30px;
    }

        .hero-inner{
        padding:40px 0;
    }

    .hdfc-logo-card{
        width:140px;
        height:140px;
        min-width:140px;
        padding:15px;
    }

    .company-logo{
        max-width:100px;
    }

    .hero-info h1{
        font-size:24px;
    }

    .hero-info p{
        font-size:13px;
        line-height:1.7;
    }

    .hero-badges{
        font-size:12px;
    }

    .tag-pills{
        gap:8px;
    }

    .tag-pills span{
        padding:7px 14px;
        font-size:11px;
    }

    .stat-row{
        grid-template-columns:1fr;
    }

    .stat-box{
        padding:16px;
    }

    .hero-right{
        padding:18px;
    }

    
    .process-steps{
        grid-template-columns:1fr;
        gap:25px;
    }

    .p-step{
        background:#fff;
        padding:20px;
        border-radius:12px;
        box-shadow:0 5px 18px rgba(0,0,0,.08);
        border:1px solid #eee;
    }

    .process-section h2{
        font-size:26px;
    }

    .p-step h5{
        font-size:16px;
    }

    .p-step p{
        max-width:100%;
        font-size:14px;
    }


}

/* ===============================
   Extra Small
=================================*/

@media (max-width:400px){

.hero-content h1{
    font-size:27px;
}

.hero-text{
    font-size:14px;
}

.hero-badge{
    font-size:12px;
}


    .hero-info h1{
        font-size:21px;
    }

    .hero-info p{
        font-size:12.5px;
    }

    .hdfc-logo-card{
        width:120px;
        height:120px;
        min-width:120px;
    }

    
    .process-section h2{
        font-size:22px;
    }

    .p-step .circle{
        width:55px;
        height:55px;
        font-size:20px;
    }

}



/* ---------- Responsive ---------- */
@media (max-width: 991.98px){
  .jis-form-card{ margin-top: -50px; padding: 30px; }
  .jis-info-panel{ margin-top: 24px; }
  .jis-map-wrap{ height: 340px; }
}
@media (max-width: 767.98px){
  .jis-banner{ padding: 48px 0 90px; }
  .jis-form-card{ margin-top: -60px; padding: 26px; }
  .jis-cta-banner{ flex-direction:column; text-align:center; }
  .jis-section{ padding: 50px 0; }
}
@media (max-width: 575.98px){
  .jis-navbar .jis-btn-primary{ font-size:.82rem; padding:9px 16px; }
  .jis-banner h1{ font-size:1.5rem; }
  .jis-form-card{ margin-top: -40px; padding: 20px; }
}