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

.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;
}

}

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

@media (max-width:991px){

.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);
}

    .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;
    }


}



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

}

/* ===============================
   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;
    }

}

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

@media (max-width:400px){

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

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

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

}



/* ---------- 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; }
}