/* ============================================================
   RESPONSIVE STYLESHEET

   Breakpoint    Infix    Dimensions    Target Devices
   ─────────────────────────────────────────────────────
   Extra Small   (none)   < 576px       Portrait phones
   Small         sm       ≥ 576px       Landscape phones
   Medium        md       ≥ 768px       Tablets
   Large         lg       ≥ 992px       Large tablets / Small laptops
   Extra Large   xl       ≥ 1200px      Standard desktops
   Extra Extra   xxl      ≥ 1400px      Large / Ultra-wide monitors

   Custom: 1366px (common laptop resolution)
============================================================ */


/* =========================
        Header
========================= */

/* --- 1366px (common laptop) --- */
@media (max-width: 1366px) {
    .edu-logo img {
        width: 160px;
    }

    .edu-main-nav a {
        font-size: 14px;
    }

    .edu-main-right {
        padding: 0 10px;
    }

    .edu-nav-help {
        margin: 0 14px 0 0;
    }

    .edu-nav-help .c1 {
        font-size: 16px;
    }

    .edu-nav-mail {
        padding: 10px 16px;
    }

    .edu-nav-mail p {
        font-size: 14px;
    }
}

/* --- lg: below 992px (hamburger kicks in) --- */
@media (max-width: 991px) {
    .edu-logo img {
        margin: 0;
    }

    /* Top bar (phone/email/address + follow-us) hidden on mobile for now */
    .edu-top-nav {
        display: none;
    }
}

/* --- sm: below 576px --- */
@media (max-width: 575px) {
    .edu-main-header {
        padding: 14px 0;
    }

    .edu-nav-help .c1 {
        font-size: 14px;
    }
}


/* =========================
        Hero
========================= */

/* --- xl --- */
@media (max-width: 1200px) {

}

/* --- lg --- */
@media (max-width: 991px) {

}

/* --- md --- */
@media (max-width: 767px) {

}

/* --- sm --- */
@media (max-width: 575px) {

}


/* =========================
     Working Process
========================= */

/* --- xl --- */
@media (min-width: 1200px) {
    .process-steps [class*=col]:nth-child(odd) {
        margin-top: 2.5rem;
    }

    .process-steps [class*=col]:nth-child(1) {
        position: relative;
        z-index: 3;
    }

    .process-steps [class*=col]:nth-child(2) {
        position: relative;
        z-index: 2;
    }

    .process-steps [class*=col]:not(:last-child) .process-card::after {
        content: "";
        position: absolute;
        top: 50%;
        right: -1.75rem;
        width: 3.5rem;
        height: 3.5rem;
        background: var(--white) url("../images/icon/arrow-long.png") no-repeat center / 18px;
        border: 5px solid var(--border);
        border-radius: 50%;
        transform: translate(50%, -50%);
        transition: border-color 0.35s ease, background-color 0.35s ease;
        z-index: 2;
    }

    .process-steps [class*=col]:not(:last-child):hover .process-card::after {
        border-color: var(--card-accent);
    }
}

/* =========================
     Destination Section
========================= */

/* --- md --- */
@media (max-width: 767px) {
    .destination-img img {
        height: 200px;
    }

    .destination-slider .swiper-button-prev,
    .destination-slider .swiper-button-next {
        width: 40px;
        height: 40px;
    }

    .destination-slider .swiper-button-prev::after,
    .destination-slider .swiper-button-next::after {
        font-size: .75rem;
    }
}

/* --- sm --- */
@media (max-width: 575px) {
    .destination-content p {
        font-size: var(--text-sm);
    }
}

/* =========================
       Events Section
========================= */

/* --- md --- */
@media (max-width: 767px) {
    .event-btn {
        padding: var(--space-2) var(--space-4);
    }

    .event-slider .swiper-button-prev,
    .event-slider .swiper-button-next {
        width: 40px;
        height: 40px;
    }

    .event-slider .swiper-button-prev::after,
    .event-slider .swiper-button-next::after {
        font-size: .75rem;
    }
}

/* --- sm --- */
@media (max-width: 575px) {
    .event-content h3 {
        font-size: var(--text-base);
    }

    /* card goes full-width but img height was staying fixed,
       flattening the aspect ratio and cropping more of the photo */
    .event-img img {
        height: 320px;
    }
}

/* =========================
        Breadcrumbs
========================= */

/* --- sm --- */
@media (max-width: 575px) {
    .myg-breadcrumbs {
        height: 200px;
        align-items: center;
        text-align: center;
    }
}


/* =========================
        Contact
========================= */

/* --- md --- */
@media (max-width: 767px) {

}

/* --- sm --- */
@media (max-width: 575px) {

}


/* =========================
        Footer
========================= */

/* --- md --- */
@media (max-width: 767px) {

}

/* --- sm --- */
@media (max-width: 575px) {

}


/* =========================
        Utility / Global
========================= */

/* --- md --- */
@media (max-width: 767px) {

}

/* --- sm --- */
@media (max-width: 575px) {

}

/* --- xs: below 420px --- */
@media (max-width: 420px) {

}


/* =========================
    Page Banner (About / Contact)
========================= */

/* --- lg --- */
@media (max-width: 991px) {
    .page-banner-shape {
        width: 220px;
    }
}

/* --- sm --- */
@media (max-width: 575px) {
    .page-banner-breadcrumb {
        font-size: 0.75rem;
    }
}


/* =========================
    About Page
========================= */

/* --- lg --- */
@media (max-width: 991px) {
    .about-intro-media {
        max-width: 340px;
        margin-bottom: var(--space-6);
    }

    .mv-wrap {
        grid-template-columns: 1fr;
    }

    .mv-card--vision {
        margin-top: 0;
        margin-left: 0;
    }

    .journey-track::before {
        left: 20px;
    }

    .journey-item,
    .journey-item:nth-child(even) {
        flex-direction: row;
        padding-left: 3rem;
    }

    .journey-dot {
        left: 20px;
    }

    .journey-card {
        width: 100%;
    }

    .values-row {
        flex-direction: column;
        height: auto;
    }

    .value-panel {
        flex: none !important;
    }

    .value-panel p {
        opacity: 1;
        max-height: none;
    }

    .value-panel h3 {
        white-space: normal;
    }

    .workflow-track {
        flex-direction: column;
        align-items: flex-start;
        gap: var(--space-5);
    }

    .workflow-track::before {
        top: 0;
        bottom: 0;
        left: 26px;
        right: auto;
        width: 0;
        height: auto;
        border-top: 0;
        border-left: 2px dashed var(--border);
    }

    .workflow-step {
        flex-direction: row;
        text-align: left;
        max-width: none;
        gap: var(--space-4);
    }

    .workflow-step-num {
        margin-bottom: 0;
        flex-shrink: 0;
    }
}

/* --- md --- */
@media (max-width: 767px) {
    .about-intro-badge {
        width: 88px;
        height: 88px;
        right: 0;
    }

    .mv-card {
        padding: var(--space-6) var(--space-5);
    }
}

/* --- sm --- */
@media (max-width: 575px) {
    .about-intro-img-accent {
        left: -0.75rem;
        bottom: -1.25rem;
    }

    .stat-number {
        font-size: var(--h3);
    }
}


/* =========================
    Contact Page
========================= */

/* --- lg --- */
@media (max-width: 991px) {
    .contact-form-card {
        margin: 0;
    }

    .contact-map-wrap iframe {
        height: 320px;
    }

    .map-pin-card {
        max-width: calc(100% - var(--space-5) * 2);
    }
}

/* --- sm --- */
@media (max-width: 575px) {
    .social-icon-row {
        flex-wrap: wrap;
    }

    .map-pin-card {
        flex-direction: column;
        text-align: center;
    }

    .edu-accordion .accordion-button {
        font-size: var(--text-base);
        padding: var(--space-4);
    }
}