/* =========================
   GLOBAL RESPONSIVE FIX
========================= */

/* Prevent overflow */
body, html {
    overflow-x: hidden;
}

/* =========================
   HEADER (PARALLAX)
========================= */

.parallax-header {
   min-height: 500px;
    padding-left: 8%;
}

/* MOBILE HEADER */
@media (max-width: 768px) {
    .parallax-header {
        padding: 0 20px;
        justify-content: center;
        text-align: center;
    }

    .content-box {
        max-width: 100%;
        padding: 25px;
    }

    .content-box h1 {
        font-size: 2.2rem;
    }

    .content-box p {
        font-size: 1rem;
    }
}

/* =========================
   MARQUEE
========================= */

.marquee-wrapper {
    overflow: hidden;
}

.marquee-track {
    display: flex;
    white-space: nowrap;
    animation: scroll 20s linear infinite;
}

@keyframes scroll {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

/* MOBILE MARQUEE */
@media (max-width: 576px) {
    .marquee-track {
        animation-duration: 30s;
    }

    .marquee span {
        font-size: 14px;
    }
}

/* =========================
   ABOUT SECTION
========================= */

.about-premium {
    padding: 30px 0;
}

/* IMAGE */
.about-img-box img {
    width: 100%;
    border-radius: 15px;
}

/* MOBILE ABOUT */
@media (max-width: 768px) {
    .about-title {
        font-size: 1.8rem;
        text-align: center;
    }

    .about-subtitle {
        text-align: center;
    }

    .about-text {
        text-align: center;
    }

    .about-highlight {
        font-size: 14px;
    }

    .about-btn {
        display: block;
        margin: 0 auto;
    }
}

/* =========================
   VISION / MISSION
========================= */

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

.vision-card {
    padding: 30px;
}

/* MOBILE */
@media (max-width: 768px) {
    .vision-card {
        margin-bottom: 20px;
        padding: 25px 20px;
    }

    .vision-card h2 {
        font-size: 1.5rem;
    }

    .value_text {
        font-size: 14px;
    }
}


@media (max-width: 768px) {

    .swiper-slide {
        flex-direction: column;
    }

    .text,
    .image {
        flex: 0 0 100%;
        max-width: 100%;
    }

}
.mobile-slider {
    display: none;
}

/* SHOW ONLY ON MOBILE */
@media (max-width: 768px) {

    .desktop-slider {
        display: none;
    }

    .mobile-slider {
        display: block;
    }

    .m-slide {
        width: 100%;
        height: 100vh;
        background-size: cover;
        background-position: center;
        position: relative;

        display: flex;
        align-items: flex-end;
    }

    .overlay {
        width: 100%;
        padding: 30px;
        background: linear-gradient(
            to top,
            rgba(0,0,0,0.8),
            rgba(0,0,0,0.3),
            transparent
        );

        color: #fff;
    }

    .overlay h1 {
        font-size: 26px;
        margin: 10px 0;
    }

    .overlay p {
        font-size: 14px;
    }

    .overlay .btn {
        display: inline-block;
        margin-top: 10px;
        padding: 10px 16px;
        background: #ffd700;
        color: #000;
        text-decoration: none;
    }
}

/* Mobile */
@media (max-width: 768px) {
  
/* HERO */
.conduct-hero {
    position: relative;
   
    background: url('img/school-banner.jpg') center/cover no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0px;
}


}