/* =========================================================
   MAYINKRISH
   CAMPUS TRAINING & MANPOWER
========================================================= */


/* =========================================================
   HERO
========================================================= */

.mk-campus-hero {

    position: relative;

    min-height: 390px;

    display: flex;

    align-items: center;

    overflow: hidden;

    background:
        url("../images/about-team.jpg")
        center center / cover no-repeat;

}


.mk-campus-hero-overlay {

    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(7, 25, 45, 0.92),
            rgba(7, 25, 45, 0.70),
            rgba(7, 25, 45, 0.42)
        );

}


.mk-campus-hero-content {

    position: relative;

    z-index: 2;

    max-width: 760px;

    padding: 75px 0;

}


.mk-campus-hero-content .mk-section-label {

    color: var(--mk-yellow);

}


.mk-campus-hero-content h1 {

    margin: 15px 0;

    color: var(--mk-white);

    font-size: 52px;

    font-weight: 800;

    line-height: 1.08;

    letter-spacing: -1px;

}


.mk-campus-hero-content h1 strong {

    display: block;

    color: var(--mk-yellow);

}


.mk-campus-hero-content p {

    max-width: 650px;

    margin: 0 0 25px;

    color: rgba(255,255,255,0.82);

    font-size: 16px;

    line-height: 1.8;

}


.mk-campus-breadcrumb {

    display: flex;

    align-items: center;

    gap: 10px;

    color: rgba(255,255,255,0.65);

    font-size: 13px;

}


.mk-campus-breadcrumb a {

    color: var(--mk-white);

    text-decoration: none;

}


.mk-campus-breadcrumb i {

    color: var(--mk-yellow);

    font-size: 9px;

}


/* =========================================================
   INTRO
========================================================= */

.mk-campus-intro {

    padding: 90px 0;

    background: var(--mk-white);

}


.mk-campus-intro-grid {

    display: grid;

    grid-template-columns:
        minmax(0, 1.25fr)
        minmax(360px, 0.75fr);

    gap: 70px;

    align-items: center;

}


.mk-campus-intro-content .mk-section-label {

    color: var(--mk-blue);

}


.mk-campus-intro-content h2 {

    max-width: 650px;

    margin: 13px 0 20px;

    color: var(--mk-primary);

    font-size: 45px;

    font-weight: 800;

    line-height: 1.12;

}


.mk-campus-intro-content h2 strong {

    color: var(--mk-blue);

}


.mk-campus-intro-content p {

    max-width: 690px;

    margin-bottom: 15px;

    color: var(--mk-text-muted);

    font-size: 14px;

    line-height: 1.8;

}


.mk-campus-intro-content .mk-lead {

    color: var(--mk-primary);

    font-size: 17px;

    font-weight: 500;

}


/* =========================================================
   POINTS
========================================================= */

.mk-campus-points {

    display: grid;

    grid-template-columns: repeat(2, 1fr);

    gap: 22px;

    margin-top: 32px;

}


.mk-campus-point {

    display: flex;

    gap: 13px;

}


.mk-campus-point > span {

    flex: 0 0 40px;

    width: 40px;

    height: 40px;

    display: flex;

    align-items: center;

    justify-content: center;

    color: var(--mk-blue);

    background: rgba(13, 110, 253, 0.08);

    border-radius: 8px;

}


.mk-campus-point h4 {

    margin: 0 0 5px;

    color: var(--mk-primary);

    font-size: 14px;

    font-weight: 800;

}


.mk-campus-point p {

    margin: 0;

    font-size: 12px;

    line-height: 1.55;

}


/* =========================================================
   HIGHLIGHTS
========================================================= */

.mk-campus-highlight {

    display: grid;

    grid-template-columns: repeat(2, 1fr);

    gap: 16px;

}


.mk-campus-highlight-card {

    min-height: 180px;

    padding: 25px 20px;

    display: flex;

    flex-direction: column;

    justify-content: center;

    border: 1px solid rgba(15,42,68,0.08);

    border-radius: 14px;

    background: var(--mk-white);

    box-shadow: 0 10px 30px rgba(15,42,68,0.07);

    transition: 0.3s ease;

}


.mk-campus-highlight-card:hover {

    transform: translateY(-5px);

    box-shadow: 0 18px 35px rgba(15,42,68,0.12);

}


.mk-campus-highlight-icon {

    width: 45px;

    height: 45px;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-bottom: 15px;

    color: var(--mk-primary);

    background: var(--mk-yellow);

    border-radius: 9px;

}


.mk-campus-highlight-card strong {

    color: var(--mk-primary);

    font-size: 22px;

    font-weight: 800;

}


.mk-campus-highlight-card span {

    margin-top: 4px;

    color: var(--mk-text-muted);

    font-size: 12px;

}


/* =========================================================
   CAMPUS TRAINING
========================================================= */

.mk-campus-training {

    padding: 90px 0;

    background: #f7f9fc;

}


.mk-centered-heading {

    max-width: 700px;

    margin: 0 auto 48px;

    text-align: center;

}


.mk-centered-heading .mk-section-label {

    color: var(--mk-blue);

}


.mk-centered-heading h2 {

    margin: 13px 0;

    color: var(--mk-primary);

    font-size: 43px;

    font-weight: 800;

    line-height: 1.15;

}


.mk-centered-heading h2 strong {

    color: var(--mk-blue);

}


.mk-centered-heading p {

    margin: 0;

    color: var(--mk-text-muted);

    font-size: 14px;

    line-height: 1.8;

}


.mk-campus-training-grid {

    display: grid;

    grid-template-columns:
        repeat(4, minmax(0, 1fr));

    gap: 20px;

}


.mk-campus-training-card {

    position: relative;

    padding: 32px 25px;

    overflow: hidden;

    background: var(--mk-white);

    border: 1px solid rgba(15,42,68,0.08);

    border-radius: 14px;

    box-shadow: 0 8px 25px rgba(15,42,68,0.06);

}


.mk-campus-training-number {

    position: absolute;

    top: 15px;

    right: 18px;

    color: rgba(13,110,253,0.10);

    font-size: 42px;

    font-weight: 900;

}


.mk-campus-training-icon {

    width: 52px;

    height: 52px;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-bottom: 22px;

    color: var(--mk-primary);

    background: var(--mk-yellow);

    border-radius: 10px;

}


.mk-campus-training-card h3 {

    margin: 0 0 10px;

    color: var(--mk-primary);

    font-size: 18px;

    font-weight: 800;

}


.mk-campus-training-card p {

    margin: 0;

    color: var(--mk-text-muted);

    font-size: 13px;

    line-height: 1.7;

}


/* =========================================================
   MANPOWER
========================================================= */

.mk-manpower-section {

    padding: 90px 0;

    background: var(--mk-white);

}


.mk-manpower-grid {

    display: grid;

    grid-template-columns:
        repeat(4, minmax(0, 1fr));

    gap: 20px;

}


.mk-manpower-card {

    position: relative;

    padding: 35px 28px 30px;

    background: var(--mk-white);

    border: 1px solid rgba(15,42,68,0.09);

    border-radius: 14px;

    box-shadow: 0 8px 25px rgba(15,42,68,0.06);

    transition: 0.3s ease;

}


.mk-manpower-card:hover {

    transform: translateY(-6px);

    box-shadow: 0 18px 38px rgba(15,42,68,0.12);

}


.mk-manpower-icon {

    width: 55px;

    height: 55px;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-bottom: 20px;

    color: var(--mk-blue);

    background: rgba(13,110,253,0.08);

    border-radius: 10px;

    font-size: 20px;

}


.mk-manpower-card h3 {

    margin: 0 0 10px;

    color: var(--mk-primary);

    font-size: 19px;

    font-weight: 800;

}


.mk-manpower-card p {

    margin: 0;

    color: var(--mk-text-muted);

    font-size: 13px;

    line-height: 1.7;

}


.mk-manpower-line {

    display: block;

    width: 35px;

    height: 3px;

    margin-top: 22px;

    background: var(--mk-yellow);

}


/* =========================================================
   COLLEGES / COMPANIES
========================================================= */

.mk-campus-connect {

    padding: 90px 0;

    background: #f7f9fc;

}


.mk-campus-connect-grid {

    display: grid;

    grid-template-columns: repeat(2, 1fr);

    gap: 25px;

}


.mk-campus-connect-card {

    position: relative;

    padding: 45px;

    overflow: hidden;

    border-radius: 16px;

    background: var(--mk-primary);

}


.mk-campus-connect-card:nth-child(2) {

    background: var(--mk-blue);

}


.mk-campus-connect-icon {

    width: 55px;

    height: 55px;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-bottom: 22px;

    color: var(--mk-primary);

    background: var(--mk-yellow);

    border-radius: 10px;

}


.mk-campus-connect-card .mk-section-label {

    color: var(--mk-yellow);

}


.mk-campus-connect-card h3 {

    max-width: 520px;

    margin: 13px 0 15px;

    color: var(--mk-white);

    font-size: 32px;

    font-weight: 800;

    line-height: 1.15;

}


.mk-campus-connect-card h3 strong {

    display: block;

    color: var(--mk-yellow);

}


.mk-campus-connect-card p {

    max-width: 540px;

    margin-bottom: 25px;

    color: rgba(255,255,255,0.78);

    font-size: 14px;

    line-height: 1.8;

}


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

@media (max-width: 1199px) {

    .mk-campus-intro-grid {

        grid-template-columns: 1fr;

        gap: 50px;

    }


    .mk-campus-highlight {

        max-width: 700px;

    }


    .mk-campus-training-grid,
    .mk-manpower-grid {

        grid-template-columns: repeat(2, 1fr);

    }

}


@media (max-width: 767px) {

    .mk-campus-hero {

        min-height: 350px;

    }


    .mk-campus-hero-content {

        padding: 60px 0;

    }


    .mk-campus-hero-content h1 {

        font-size: 40px;

    }


    .mk-campus-intro,
    .mk-campus-training,
    .mk-manpower-section,
    .mk-campus-connect {

        padding: 65px 0;

    }


    .mk-campus-intro-content h2,
    .mk-centered-heading h2 {

        font-size: 35px;

    }


    .mk-campus-points {

        grid-template-columns: 1fr;

    }


    .mk-campus-highlight {

        grid-template-columns: repeat(2, 1fr);

    }


    .mk-campus-training-grid,
    .mk-manpower-grid {

        grid-template-columns: 1fr;

    }


    .mk-campus-connect-grid {

        grid-template-columns: 1fr;

    }


    .mk-campus-connect-card {

        padding: 32px 25px;

    }


    .mk-campus-connect-card h3 {

        font-size: 28px;

    }

}


@media (max-width: 575px) {

    .mk-campus-hero-content h1 {

        font-size: 34px;

    }


    .mk-campus-hero-content p {

        font-size: 14px;

    }


    .mk-campus-highlight {

        grid-template-columns: 1fr;

    }


    .mk-campus-highlight-card {

        min-height: 145px;

    }


    .mk-centered-heading h2,
    .mk-campus-intro-content h2 {

        font-size: 31px;

    }

}