:root {
    --blue: #0968d8;
    --blue2: #00335d;
    --green: #79b609;
    --green2: #5a6c00;
    --dark: #002646;
    --text: #424752;
    --muted: #737373;
    --white: #ffffff;
}

* {
    box-sizing: border-box;
}

html,
body {
    margin: 0;
    min-height: 100%;
}

body {
    font-family: "Poppins", Arial, sans-serif;
    color: var(--text);
    background: linear-gradient(90deg, #b9e8ff, #f7fbfb 50%, #cce9ad);
}

a {
    color: inherit;
    text-decoration: none;
}

.page {
    min-height: 100vh;
    display: block;
    overflow-x: hidden;
}

.hero {
    position: relative;
    width: 100%;
    min-height: max(100vh, 740px);
    overflow: hidden;
    background-image: linear-gradient(rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0.18)), url("../images/Landing Page.png");
    background-size: cover;
    background-position: center;
}

.top {
    position: absolute;
    left: 2.6%;
    right: 2.2%;
    top: 2.4%;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.trust,
.help {
    display: flex;
    align-items: center;
    gap: 12px;
}

.trust p,
.help p {
    margin: 0;
    font-size: clamp(11px, 0.92vw, 14px);
    font-weight: 500;
    line-height: 1.3;
}

.trust strong,
.help strong {
    display: block;
    font-size: clamp(13px, 1.05vw, 16px);
    font-weight: 800;
}

.top-icon {
    color: #000;
    font-size: clamp(28px, 3vw, 45px);
    line-height: 1;
}

.call-icon {
    width: clamp(32px, 3vw, 42px);
    height: clamp(32px, 3vw, 42px);
    display: grid;
    place-items: center;
    border: 1px solid #000;
    border-radius: 50%;
    color: #000;
    font-size: clamp(17px, 1.55vw, 24px);
}

.head {
    position: absolute;
    top: 3.4%;
    left: 50%;
    z-index: 3;
    width: min(46vw, 610px);
    transform: translateX(-50%);
    text-align: center;
}

.logo {
    width: clamp(106px, 8.82vw, 135px);
    height: auto;
    display: block;
    margin: 0 auto clamp(14px, 1.75vw, 26px);
    border-radius: 4px;
    object-fit: contain;
}

.head h1 {
    margin: 0;
    color: var(--dark);
    font-size: clamp(28px, 3.05vw, 44px);
    font-weight: 800;
    line-height: 1;
    letter-spacing: 0;
}

.head p {
    max-width: 590px;
    margin: 10px auto 0;
    color: var(--muted);
    font-size: clamp(12px, 1.05vw, 16px);
    font-weight: 500;
    line-height: 1.45;
}

.cards {
    position: absolute;
    left: 50%;
    top: 34%;
    z-index: 4;
    display: grid;
    grid-template-columns: repeat(2, minmax(200px, clamp(210px, 16.99vw, 260px)));
    gap: clamp(36px, 4vw, 52px);
    transform: translateX(-50%);
}

.card {
    position: relative;
    min-height: clamp(270px, 21.57vw, 330px);
    padding: clamp(34px, 3vw, 46px) clamp(15px, 1.45vw, 22px) clamp(14px, 1.31vw, 20px);
    border: 2px solid var(--blue);
    border-radius: 24px;
    background: var(--white);
    box-shadow: 0 10px 18px rgba(0, 38, 70, 0.08);
}

.engineering {
    border-color: #0d4480;
}

.badge {
    position: absolute;
    top: clamp(-31px, -2.03vw, -24px);
    left: 50%;
    width: clamp(52px, 4.18vw, 64px);
    height: clamp(52px, 4.18vw, 64px);
    display: grid;
    place-items: center;
    transform: translateX(-50%);
    border-radius: 50%;
    color: var(--white);
    background: linear-gradient(180deg, #1164e8, #0463b3);
    font-size: clamp(24px, 1.9vw, 29px);
    font-weight: 700;
}

.engineering .badge {
    background: linear-gradient(150deg, #00368f, var(--green));
}

.card h2 {
    margin: 0;
    color: var(--blue);
    font-size: clamp(24px, 1.96vw, 30px);
    font-weight: 700;
    line-height: 1.1;
    text-align: center;
}

.engineering h2 {
    color: var(--green2);
}

.card > span {
    display: block;
    margin-top: 8px;
    color: var(--blue);
    font-size: clamp(11px, 0.92vw, 14px);
    font-weight: 500;
    line-height: 1;
    letter-spacing: clamp(1.6px, 0.18vw, 2.8px);
    text-align: center;
    text-transform: uppercase;
}

.engineering > span {
    color: #accb32;
}

.card ul {
    margin: clamp(18px, 2.1vw, 32px) 0 clamp(13px, 1.45vw, 22px);
    padding: 0;
    list-style: none;
}

.card li {
    position: relative;
    min-height: clamp(18px, 1.44vw, 22px);
    padding-left: clamp(23px, 1.83vw, 28px);
    color: #424752;
    font-size: clamp(12px, 0.98vw, 15px);
    font-weight: 400;
    line-height: 21px;
}

.card li + li {
    margin-top: clamp(2px, 0.33vw, 5px);
}

.card li::before {
    content: "\2713";
    position: absolute;
    left: 0;
    top: 1px;
    width: clamp(15px, 1.18vw, 18px);
    height: clamp(15px, 1.18vw, 18px);
    display: grid;
    place-items: center;
    border: 1.7px solid #3574f5;
    border-radius: 50%;
    color: #3574f5;
    font-size: 10px;
    font-weight: 800;
    line-height: 1;
}

.engineering li::before {
    border-color: #abca2f;
    color: #abca2f;
}

.btn {
    min-height: clamp(38px, 3.1vw, 48px);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    border-radius: 8px;
    color: var(--white);
    background: linear-gradient(180deg, #1164e8, #0463b3);
    font-size: clamp(13px, 1.08vw, 16px);
    font-weight: 500;
}

.btn::after {
    content: "\203A";
    font-size: 28px;
    line-height: 0;
}

.engineering .btn {
    background: linear-gradient(150deg, #00368f, var(--green));
}

.stats {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 4.1%;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.side {
    width: clamp(210px, 16.99vw, 260px);
    min-height: clamp(54px, 4.18vw, 64px);
    display: flex;
    align-items: center;
    gap: 12px;
    color: var(--white);
    background: linear-gradient(90deg, var(--blue2), #146cff);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.25);
}

.side.left {
    padding: 9px 22px 9px 40px;
    border-radius: 0 6px 6px 0;
}

.side.right {
    justify-content: center;
    padding: 9px 22px;
    border-radius: 6px 0 0 6px;
    background: linear-gradient(150deg, #00368f, var(--green));
}

.side p {
    margin: 0;
    font-size: clamp(12px, 0.92vw, 14px);
    font-weight: 600;
    line-height: 1.35;
}

.side strong {
    display: block;
    font-size: clamp(14px, 1.05vw, 16px);
    font-weight: 800;
}

.stat-icon {
    position: relative;
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    display: block;
}

.stat-icon.cap::before {
    content: "";
    position: absolute;
    left: 1px;
    top: 8px;
    width: 34px;
    height: 18px;
    background: #fff;
    clip-path: polygon(50% 0, 100% 35%, 50% 70%, 0 35%);
}

.stat-icon.cap::after {
    content: "";
    position: absolute;
    left: 8px;
    bottom: 3px;
    width: 20px;
    height: 12px;
    border-left: 5px solid #fff;
    border-right: 5px solid #fff;
    border-bottom: 5px solid #fff;
    border-radius: 0 0 12px 12px;
}

.stat-icon.gear::before {
    content: "\2699";
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    color: #fff;
    font-size: 34px;
    line-height: 1;
}

.pill {
    min-height: clamp(58px, 4.71vw, 72px);
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    overflow: hidden;
    border-radius: 12px;
    background: var(--white);
}

.pill p {
    min-width: clamp(150px, 12.1vw, 185px);
    margin: 0;
    padding: 0 clamp(14px, 1.7vw, 26px);
    display: flex;
    align-items: center;
    gap: 12px;
    color: var(--dark);
    border-right: 1px solid rgba(115, 115, 115, 0.3);
    font-size: clamp(13px, 1.05vw, 16px);
    font-weight: 600;
    line-height: 1.35;
}

.mini-icon {
    position: relative;
    width: 26px;
    height: 26px;
    flex: 0 0 26px;
    color: var(--blue);
}

.mini-icon::before {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    color: var(--blue);
    font-size: 24px;
    line-height: 1;
}

.headset::before {
    content: "\260E";
}

.shield::before {
    content: "\25C7";
}

.team::before {
    content: "\267F";
}

.pill p:last-child {
    border-right: 0;
}

.pill strong {
    font-weight: 800;
}

@media (max-width: 1180px) {
    .hero {
        width: 100%;
        aspect-ratio: auto;
        padding: 18px 16px 30px;
        overflow: visible;
        background-size: auto 390px;
        background-position: center top;
        background-repeat: no-repeat;
    }

    .top,
    .head,
    .cards,
    .stats {
        position: relative;
        left: auto;
        right: auto;
        top: auto;
        bottom: auto;
        transform: none;
    }

    .top {
        margin-bottom: 18px;
    }

    .trust p,
    .help p {
        font-size: 12px;
    }

    .trust strong,
    .help strong {
        font-size: 13px;
    }

    .head {
        width: min(100%, 620px);
        margin: 0 auto;
        padding-top: 2px;
    }

    .head h1 {
        font-size: clamp(30px, 8vw, 44px);
    }

    .head p {
        font-size: 12px;
        color: #444141;
    }

    .cards {
        width: min(100%, 590px);
        margin: 44px auto 24px;
        grid-template-columns: repeat(2, minmax(0, 280px));
        justify-content: center;
        gap: 44px 18px;
    }

    .card {
        min-height: 0;
        padding: clamp(38px, 4vw, 48px) clamp(16px, 2vw, 20px) clamp(16px, 2vw, 20px);
        box-shadow: 0 16px 34px rgba(0, 38, 70, 0.12);
    }

    .stats {
        width: min(100%, 760px);
        margin: 0 auto;
        flex-direction: column;
        gap: 12px;
    }

    .side,
    .side.left,
    .side.right {
        width: 100%;
        justify-content: center;
        border-radius: 8px;
        padding: 12px 18px;
    }

    .pill {
        width: 100%;
        grid-template-columns: 1fr;
    }

    .pill p {
        min-width: 0;
        min-height: 58px;
        border-right: 0;
        border-bottom: 1px solid rgba(115, 115, 115, 0.22);
    }

    .pill p:last-child {
        border-bottom: 0;
    }
}

@media (max-width: 760px) {
    .cards {
        width: min(100%, 620px);
        grid-template-columns: 1fr;
        justify-content: stretch;
    }
}

@media (max-width: 520px) {
    .hero {
        padding: 14px 12px 24px;
        background-size: auto 250px;
    }

    .top {
        gap: 12px;
    }
.head h1 {
        font-size: 22px;
    }
    .top-icon {
        display: none;
    }

    .help {
        text-align: right;
    }

    .call-icon {
        display: none;
    }

    .logo {
        margin-bottom: 12px;
    }

    .card {
        border-radius: 18px;
        padding-inline: 16px;
    }

    .card h2 {
        font-size: 28px;
    }

    .btn {
        font-size: 15px;
    }
}













/* ==================================
   NCO ENGINEERING HERO SECTION
================================== */

.nco-eng-hero{
    position:relative;
    min-height:650px;
    background:url('../images/engineering.png') center center/cover no-repeat;
    overflow:hidden;
}

.nco-eng-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgb(4 15 35 / 0%) 0%, rgb(4 15 35 / 13%) 45%, rgb(4 15 35 / 0%) 100%);
}

.nco-eng-container{
    position:relative;
    z-index:2;
    max-width:1300px;
    margin:auto;
    padding:80px 20px;
}

.nco-eng-badges{
    display:flex;
    gap:14px;
    flex-wrap:wrap;
    margin-bottom:40px;
}

.nco-eng-badge{
    display:flex;
    align-items:center;
    gap:10px;
    padding:14px 18px;
    background:rgba(255,255,255,.06);
    border:1px solid rgba(255,255,255,.18);
    backdrop-filter:blur(10px);
    border-radius:12px;
}

.nco-eng-badge i{
    color:#D1F04F;
    font-size:18px;
}

.nco-eng-badge span{
    color:#E0E3E5;
    font-size:13px;
    font-weight:600;
    letter-spacing:1px;
    text-transform:uppercase;
}

.nco-eng-content{
    max-width:820px;
}

.nco-eng-content h1{
    font-size:clamp(42px,6vw,72px);
    line-height:1.1;
    font-weight:800;
    color:#fff;
    margin-bottom:25px;
}

.nco-eng-content h1 span{
    display:block;
    color:#D1F04F;
}

.nco-eng-content p{
    display:inline-block;
    background:#fff;
    padding:14px 18px;
    border-radius:8px;
    color:#434653;
    font-size:18px;
    line-height:1.8;
    margin-bottom:40px;
}

.nco-eng-buttons{
    display:flex;
    gap:16px;
    flex-wrap:wrap;
}

.nco-eng-btn-primary{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:16px 34px;
    text-decoration:none;
    color:#fff;
    font-weight:700;
    border-radius:60px;
    background:linear-gradient(
        162deg,
        #00368F 0%,
        #79B609 100%
    );
    transition:.35s;
}

.nco-eng-btn-primary:hover{
    transform:translateY(-3px);
}

.nco-eng-btn-secondary{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:16px 34px;
    text-decoration:none;
    color:#fff;
    font-weight:700;
    border-radius:60px;
    background:rgba(255,255,255,.05);
    border:1px solid rgba(255,255,255,.25);
    backdrop-filter:blur(10px);
}

.nco-eng-btn-secondary:hover{
    background:rgba(255,255,255,.12);
}

/* Tablet */

@media(max-width:991px){

    .nco-eng-hero{
        min-height:auto;
    }

    .nco-eng-container{
        padding:70px 20px;
    }

    .nco-eng-content p{
        font-size:16px;
    }

}

/* Mobile */

@media(max-width:576px){

    .nco-eng-container{
        padding:60px 15px;
    }

    .nco-eng-badge{
        width:100%;
        justify-content:center;
    }

    .nco-eng-content h1{
        font-size:32px;
    }

    .nco-eng-content p{
        width:100%;
        font-size:11px;
    }

    .nco-eng-buttons{
        flex-direction:column;
    }

    .nco-eng-btn-primary,
    .nco-eng-btn-secondary{
        width:100%;
    }

}

/* ==================================
NEXGEN PARTNER SECTION
================================== */

.nco-partner-wrap{
    width:100%;
    background:#0463B3;
    padding:85px 0;
    overflow:hidden;
}

.nco-partner-container{
    width:min(1320px,92%);
    margin:auto;
}

/* HEADING */

.nco-partner-head{
    text-align:center;
    margin-bottom:40px;
}

.nco-partner-subtitle{
    display:block;
    color:#fff;
    font-size:14px;
    font-weight:600;
    letter-spacing:2.8px;
    text-transform:uppercase;
    margin-bottom:10px;
}

.nco-partner-head h2{
    color:#fff;
    font-size:30px;
    font-weight:700;
    line-height:36px;
}

/* LOGO SLIDER */

.nco-logo-scroll{
    width:100%;
    overflow:hidden;
    margin-bottom:40px;
}

.nco-logo-track{
    display:flex;
    align-items:center;
    gap:21px;
    width:max-content;
    animation:ncoLogoMove 24s linear infinite;
}

.nco-logo-scroll:hover .nco-logo-track{
    animation-play-state:paused;
}

.nco-logo-track img{
    height:80px;
    width:auto;
    border-radius:16px;
    opacity:.4;
    background:#fff;
    padding:10px 16px;
    transition:.35s;
}

.nco-logo-track img:hover{
    opacity:1;
    transform:translateY(-5px);
}

@keyframes ncoLogoMove{

    from{
        transform:translateX(0);
    }

    to{
        transform:translateX(-50%);
    }

}

/* STATS */

.nco-achievement-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:20px;
}

.nco-achievement-box{
    background:rgba(255,255,255,.10);
    border-radius:12px;
    padding:18px 25px;
    backdrop-filter:blur(10px);
}

.nco-achievement-box h3{
    color:#D1F04F;
    font-size:32px;
    font-weight:700;
    line-height:36px;
    margin-bottom:8px;
}

.nco-achievement-box p{
    color:#fff;
    font-size:16px;
    font-weight:600;
    line-height:20px;
    letter-spacing:.5px;
}

/* TABLET */

@media(max-width:991px){

    .nco-achievement-grid{
        grid-template-columns:repeat(2,1fr);
    }

}

/* MOBILE */

@media(max-width:767px){

    .nco-partner-wrap{
        padding:45px 0;
    }

    .nco-partner-head h2{
        font-size:17px;
        line-height:30px;
    }

    .nco-partner-subtitle{
        font-size:12px;
        letter-spacing:2px;
    }

    .nco-logo-track img{
        height:58px;
        border-radius:12px;
    }

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

    .nco-achievement-box{
        padding:15px;
    }

    .nco-achievement-box h3{
        font-size:22px;
        line-height:24px;
    }

    .nco-achievement-box p{
        font-size:12px;
        line-height:18px;
    }

}


/* ==========================================
   ENGINEERING COURSES SECTION
========================================== */

.eng-course-sec{
    position:relative;
    padding:80px 0;
    background:#002e55;
    overflow:hidden;
}

/* GLOW EFFECTS */

.eng-course-sec::before{
    content:'';
    position:absolute;
    width:420px;
    height:420px;
    left:-120px;
    bottom:-120px;
    border-radius:50%;
    background:rgba(178,247,70,.20);
    filter:blur(120px);
}

.eng-course-sec::after{
    content:'';
    position:absolute;
    width:420px;
    height:420px;
    right:-120px;
    top:-120px;
    border-radius:50%;
    background:rgba(178,247,70,.15);
    filter:blur(120px);
}

/* CONTAINER */

.eng-course-sec .container{
    max-width:1280px;
    margin:0 auto;
    padding:0 20px;
    position:relative;
    z-index:2;
}

/* ======================
   HEADING
====================== */

.eng-heading{
    text-align:center;
    margin-bottom:55px;
}

.eng-heading h2{
    color:#ffffff;
    font-size:48px;
    font-weight:700;
    margin-bottom:12px;
}

.eng-heading h2 span{
    color:#56ddb0;
}

.eng-heading p{
    color:#c2c6d6;
    font-size:17px;
    margin:0;
    line-height:28px;
}

/* ======================
   ROWS
====================== */

.eng-row{
    display:flex;
    gap:24px;
    margin-bottom:24px;
    justify-content:center;
    align-items:stretch;
}

.eng-row:last-child{
    margin-bottom:0;
}

/* ======================
   CARD WIDTHS
====================== */

.eng-big-card{
    flex:2;
}

.eng-small-card{
    flex:1;
}

/* ======================
   CARD DESIGN
====================== */

.eng-card{
    min-height:200px;

    padding:34px;

    border-radius:24px;

    background:
    linear-gradient(
        135deg,
        rgba(255,255,255,.06),
        rgba(255,255,255,.03)
    );

    border:1px solid rgba(255,255,255,.15);

    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);

    display:flex;
    flex-direction:column;
    justify-content:flex-end;

    transition:.35s ease;
}

.eng-card:hover{
    transform:translateY(-5px);

    border-color:rgba(255,255,255,.28);

    background:
    linear-gradient(
        135deg,
        rgba(255,255,255,.08),
        rgba(255,255,255,.04)
    );
}

/* ======================
   ICON
====================== */

.eng-icon{
    font-size:28px;
    color:#adc6ff;
    margin-bottom:34px;
}

.eng-green{
    color:#56ddb0;
}

/* ======================
   TITLE
====================== */

.eng-card h3{
    color:#fff;
    font-size:22px;
    font-weight:700;
    margin:0 0 10px;
}

/* ======================
   DESCRIPTION
====================== */

.eng-card p{
    color:#c2c6d6;
    font-size:16px;
    line-height:28px;
    margin:0;
}

/* ======================
   TABLET
====================== */

@media(max-width:991px){

    .eng-heading h2{
        font-size:36px;
    }

    .eng-row{
        flex-direction:column;
    }

    .eng-big-card,
    .eng-small-card{
        flex:unset;
        width:100%;
    }

    .eng-card{
        min-height:180px;
    }
}

/* ======================
   MOBILE
====================== */

@media(max-width:767px){

    .eng-course-sec{
        padding:60px 0;
    }

    .eng-heading{
        margin-bottom:35px;
    }

    .eng-heading h2{
        font-size:25px;
        line-height:38px;
    }
.eng-cta-note {
    margin-top: 35px;
    background: #4e5b71;
    color: #fff;
    padding: 18px 22px;
    border-radius: 10px;
    line-height: 1.8;
    font-size: 12px;
}
    .eng-heading p{
        font-size:14px;
        line-height:24px;
    }

    .eng-row{
        gap:16px;
        margin-bottom:16px;
    }

    .eng-card{
        min-height:auto;
        padding:24px;
        border-radius:18px;
    }

    .eng-icon{
        font-size:22px;
        margin-bottom:20px;
    }

    .eng-card h3{
        font-size:20px;
    }

    .eng-card p{
        font-size:14px;
        line-height:24px;
    }
}


/* ==========================
   ENGINEERING CTA SECTION
========================== */

.eng-cta-section{
    position:relative;
    overflow:hidden;
    padding:90px 0;
    background:#f7f9fb;
}

.eng-cta-bg{
    position:absolute;
    inset:0;
    background:linear-gradient(
        165deg,
        #ffffff 0%,
        rgba(178,247,70,.18) 100%
    );
}

.eng-cta-container{
    max-width:1290px;
    margin:auto;
    padding:0 20px;
    position:relative;
    z-index:2;

    display:grid;
    grid-template-columns:1.4fr 470px;
    gap:60px;
    align-items:center;
}

/* Badge */

.eng-cta-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:#d46600;
    color:#fff;
    font-size:12px;
    font-weight:600;
    padding:10px 26px;
    border-radius:50px;
    margin-bottom:28px;
    letter-spacing:.5px;
}

/* Heading */

.eng-cta-content h2{
    font-size:58px;
    line-height:1.2;
    font-weight:700;
   background: linear-gradient(
        90deg,
        #00368F 0%,
        #79B609 100%
    );
    
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

    display: block;
    margin-bottom:35px;
}

.eng-cta-content h2 span{
    color:#00368f;
    display:block;
}

/* Features */

.eng-cta-features{
    display:flex;
    flex-direction:column;
    gap:26px;
}

.eng-cta-item{
    display:flex;
    gap:18px;
    align-items:flex-start;
}

.eng-check{
    min-width:34px;
    width:34px;
    height:34px;
    border-radius:50%;
    background:#00c52b;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:700;
}

.eng-cta-item h4{
    color:#0564b4;
    font-size:22px;
    font-weight:700;
    margin-bottom:6px;
}

.eng-cta-item p{
    color:#656565;
    line-height:1.7;
    margin:0;
}

/* Note */

.eng-cta-note{
    margin-top:35px;
    background:#4e5b71;
    color:#fff;
    padding:18px 22px;
    border-radius:10px;
    line-height:1.8;
}

/* Form */

.eng-form-card{
    background:#fff;
    border-radius:28px;
    padding:35px;
    box-shadow:0 20px 60px rgba(0,0,0,.12);
}

.eng-form-row{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:16px;
}

.eng-form-group{
    margin-bottom:18px;
}

.eng-form-group label{
    display:block;
    margin-bottom:8px;
    font-size:14px;
    font-weight:500;
    color:#424752;
}

.eng-form-group input, .eng-form-group select {
    width: 100%;
    height: 52px;
    border: none;
    background: #f8f8fb;
    border-radius: 8px;
    padding: 0 16px;
    font-size: 14px;
    box-shadow: 0 2px 2px 1px rgb(0 0 0 / 20%);
}

.eng-captcha-wrap{
    display:flex;
    gap:10px;
    margin:20px 0;
}

.eng-captcha-code{
    width:120px;
    height:50px;
    border-radius:50px;
    background:#004891;
    color:#fff;
    font-weight:700;
    display:flex;
    align-items:center;
    justify-content:center;
}

.eng-captcha-refresh{
    width:50px;
    border:none;
    background:#333;
    color:#fff;
    border-radius:8px;
    cursor:pointer;
}

.eng-captcha-wrap input{
    flex:1;
    border:1px solid #ddd;
    border-radius:8px;
    padding:0 15px;
}

.eng-checkbox{
    display:flex;
    gap:10px;
    align-items:center;
    margin-bottom:24px;
    font-size:14px;
    color:#424752;
}

.eng-submit-btn{
    width:100%;
    height:58px;
    border:none;
    background:#004891;
    color:#fff;
    font-size:16px;
    font-weight:700;
    border-radius:14px;
    cursor:pointer;
    transition:.3s;
}

.eng-submit-btn:hover{
    background:#003d79;
}

.eng-form-policy{
    text-align:center;
    font-size:12px;
    color:#666;
    margin-top:18px;
}

/* Responsive */

@media(max-width:1100px){

    .eng-cta-container{
        grid-template-columns:1fr;
        gap:40px;
    }

    .eng-form-card{
        max-width:650px;
        width:100%;
        margin:auto;
    }

    .eng-cta-content h2{
        font-size:46px;
    }
}

@media(max-width:768px){

    .eng-cta-section{
        padding:70px 0;
    }

    .eng-cta-content h2{
        font-size:22px;
    }

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

    .eng-captcha-wrap{
        flex-wrap:wrap;
    }

    .eng-captcha-code{
        width:100%;
    }

    .eng-captcha-refresh{
        width:100%;
        height:48px;
    }

    .eng-captcha-wrap input{
        width:100%;
        height:48px;
    }

    .eng-form-card{
        padding:25px;
        border-radius:20px;
    }

    .eng-cta-item h4{
        font-size:14px;
    }

    .eng-cta-item p{
        font-size:11px;
    }
}
/* =========================
   WHY CHOOSE US
========================= */

.whychoose-sec{
    position:relative;
    padding:90px 0;
    overflow:hidden;
    background:linear-gradient(
        135deg,
        #00368F 0%,
        #012f56 45%,
        #79B609 100%
    );
}

/* Glow Effects */

.whychoose-sec::before{
    content:'';
    position:absolute;
    width:420px;
    height:420px;
    left:-140px;
    bottom:-140px;
    border-radius:50%;
    background:rgba(121,182,9,.25);
    filter:blur(120px);
}

.whychoose-sec::after{
    content:'';
    position:absolute;
    width:420px;
    height:420px;
    right:-140px;
    top:-140px;
    border-radius:50%;
    background:rgba(121,182,9,.20);
    filter:blur(120px);
}

.whychoose-container{
    max-width:1280px;
    margin:auto;
    padding:0 20px;
    position:relative;
    z-index:2;
}

/* =========================
   HEADING
========================= */

.whychoose-head{
    text-align:center;
    margin-bottom:55px;
}

.whychoose-head h2{
    font-size:42px;
    font-weight:700;
    margin-bottom:12px;

    background:linear-gradient(
        135deg,
        #ffffff 0%,
        #dfffb1 100%
    );

    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
}

.whychoose-head p{
    color:#dce4f0;
    max-width:700px;
    margin:auto;
    line-height:1.8;
    font-size:16px;
}

/* =========================
   GRID
========================= */

.whychoose-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:24px;
}

/* =========================
   CARD
========================= */

.why-card{
    position:relative;
    padding:30px;
    border-radius:18px;
    overflow:hidden;

    background:linear-gradient(
        180deg,
        #ffffff 0%,
        #f7fbff 100%
    );

    box-shadow:
    0 15px 40px rgba(0,0,0,.12);

    transition:.35s ease;
}

.why-card:hover{
    transform:translateY(-8px);
}

/* Gradient Border Bottom */

.why-card::after{
    content:'';
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:8px;

    background:linear-gradient(
        90deg,
        #00368F,
        #79B609
    );
}

/* =========================
   ICON
========================= */

.why-icon{
    width:58px;
    height:58px;
    border-radius:12px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
    margin-bottom:20px;

    background:linear-gradient(
        135deg,
        rgba(0,54,143,.10),
        rgba(121,182,9,.10)
    );
}

/* Icon Colors */

.green{color:#79B609;}
.yellow{color:#FACC15;}
.success{color:#22C55E;}
.purple{color:#A855F7;}
.red{color:#EF4444;}
.cyan{color:#06B6D4;}
.blue{color:#00368F;}
.navy{color:#0463B3;}

/* =========================
   CONTENT
========================= */

.why-card h3{
    font-size:20px;
    font-weight:700;
    line-height:1.4;
    margin-bottom:12px;

    background:linear-gradient(
        135deg,
        #00368F,
        #79B609
    );

    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
}

.why-card p{
    color:#5b6472;
    font-size:15px;
    line-height:1.8;
    margin:0;
}

/* =========================
   TABLET
========================= */

@media(max-width:991px){

    .whychoose-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .whychoose-head h2{
        font-size:34px;
    }
}

/* =========================
   MOBILE
========================= */

@media(max-width:767px){

    .whychoose-sec{
        padding:70px 0;
    }

    .whychoose-head{
        margin-bottom:35px;
    }

    .whychoose-head h2{
        font-size:28px;
        line-height:1.3;
    }

    .whychoose-head p{
        font-size:12px;
        line-height:24px;
    }

    .whychoose-grid{
        grid-template-columns:1fr;
        gap:18px;
    }

    .why-card{
        padding:24px;
    }

    .why-card h3{
        font-size:18px;
    }

    .why-card p{
        font-size:14px;
    }

    .why-icon{
        width:52px;
        height:52px;
        font-size:20px;
    }
    .eng-checkbox {
    display: flex
;
    gap: 10px;
   
    margin-bottom: 24px;
    font-size: 10px;
    color: #424752;
    align-items: center;
}
}


/* ===================================
   ADMISSION HERO SECTION
=================================== */

.adm-hero-area{
    position:relative;
    width:100%;
    min-height:720px;
    background:url('../images/homebannerimag.png') center center/cover no-repeat;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    padding:120px 5% 80px;
}

.adm-hero-area::before{
    content:'';
    position:absolute;
    top:-180px;
    right:-100px;
    width:420px;
    height:420px;
    background:rgba(255,255,255,.05);
    border-radius:50%;
    z-index:1;
}

.adm-hero-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(
        to right,
        rgba(0,0,0,.58),
        rgba(0,0,0,.35)
    );
    z-index:1;
}

.adm-hero-wrap{
    position:relative;
    z-index:2;
    text-align:center;
    max-width:1150px;
    width:100%;
    margin:auto;
}

/* BADGE */

.adm-top-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    background:rgba(209,240,79,.15);
    border:1px solid rgba(209,240,79,.28);
    backdrop-filter:blur(10px);
    color:#fff;
    min-height:48px;
    padding:10px 24px;
    border-radius:100px;
    font-size:14px;
    font-weight:700;
    margin-bottom:28px;
    box-shadow:0 10px 25px rgba(0,0,0,.12);
}

/* TITLE */

.adm-main-title{
    font-size:72px;
    line-height:86px;
    font-weight:800;
    color:#fff;
    margin-bottom:24px;
    text-shadow:0 6px 18px rgba(0,0,0,.25);
    letter-spacing:-1px;
}

.adm-main-title span{
    color:#d1f04f;
    display:inline-block;
}

/* DESCRIPTION */

.adm-main-desc{
    font-size:20px;
    line-height:34px;
    color:#edf4fb;
    max-width:820px;
    margin:auto;
    margin-bottom:42px;
    font-weight:400;
}

.adm-main-desc strong{
    font-weight:700;
    color:#fff;
}

/* FORM */

.adm-form-section{
    display:flex;
    justify-content:center;
    align-items:center;
    width:100%;
    margin-bottom:45px;
}

.adm-form-box{
    width:100%;
    max-width:720px;
    display:flex;
    align-items:center;
    gap:14px;
    padding:14px;
    border-radius:28px;
    background:rgba(255,255,255,.12);
    border:1px solid rgba(255,255,255,.15);
    backdrop-filter:blur(14px);
    box-shadow:0 18px 45px rgba(0,0,0,.15);
}

.adm-input-box{
    flex:1;
    height:65px;
    background:#fff;
    border-radius:22px;
    display:flex;
    align-items:center;
    padding:0 13px;
    border:2px solid transparent;
    transition:.35s;
    box-shadow:0 8px 18px rgba(0,0,0,.05);
}

.adm-input-box:focus-within{
    border-color:#d1f04f;
    transform:translateY(-2px);
}

.adm-input-icon{
    width:48px;
    height:48px;
    border-radius:14px;
    background:#d1f04f;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-right:14px;
    flex-shrink:0;
}

.adm-input-icon i{
    font-size:18px;
    color:#465700;
}

.adm-input-box input{
    width:100%;
    border:none;
    outline:none;
    background:transparent;
    font-size:16px;
    font-weight:600;
    color:#0f172a;
}

.adm-input-box input::placeholder{
    color:#94a3b8;
}

/* BUTTON */

.adm-submit-btn{
    height:65px;
    padding:0 34px;
    border:none;
    border-radius:22px;
    background:linear-gradient(135deg,#d1f04f,#bfe43a);
    color:#3d4d00;
    font-size:16px;
    font-weight:800;
    cursor:pointer;
    transition:.35s;
    white-space:nowrap;
    box-shadow:0 14px 30px rgba(209,240,79,.28);
    position:relative;
    overflow:hidden;
}

.adm-submit-btn:hover{
    transform:translateY(-5px);
}

/* FEATURES */

.adm-feature-wrap{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:18px;
    flex-wrap:wrap;
}

.adm-feature-item{
    padding:14px 22px;
    background:rgba(255,255,255,.10);
    border:1px solid rgba(255,255,255,.12);
    backdrop-filter:blur(10px);
    border-radius:100px;
    color:#fff;
    font-size:14px;
    font-weight:600;
}

/* RESPONSIVE */

@media(max-width:1199px){

    .adm-main-title{
        font-size:58px;
        line-height:72px;
    }

    .adm-main-desc{
        font-size:18px;
        line-height:32px;
    }
}

@media(max-width:991px){

    .adm-hero-area{
        min-height:auto;
        padding:110px 5% 70px;
    }

    .adm-main-title{
        font-size:46px;
        line-height:62px;
    }

    .adm-main-desc{
        font-size:17px;
        line-height:30px;
    }
}

@media(max-width:767px){

    .adm-hero-area{
        padding:90px 5% 60px;
    }

    .adm-top-badge{
        font-size:12px;
        padding:10px 18px;
    }

    .adm-main-title{
        font-size:30px;
        line-height:44px;
    }

    .adm-main-desc{
        font-size:14px;
        line-height:27px;
    }

    .adm-form-box{
        flex-direction:column;
        padding:16px;
    }

    .adm-input-box,
    .adm-submit-btn{
        width:100%;
        height:58px;
    }

    .adm-feature-wrap{
        flex-direction:column;
    }

    .adm-feature-item{
        width:100%;
        max-width:320px;
        text-align:center;
    }
}

@media(max-width:480px){

    .adm-main-title{
        font-size:20px;
        line-height:35px;
    }

    .adm-main-desc{
        font-size:13px;
        line-height:25px;
    }
}






/* ==========================
   STATS COUNTER SECTION
========================== */

.stats-counter-sec{
    background:#004891;
    padding:80px 0;
}

.stats-counter-container{
    max-width:1280px;
    margin:auto;
    padding:0 20px;
}

/* GRID */

.stats-counter-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:30px;
}

/* ITEM */

.stats-counter-item{
    text-align:center;
    position:relative;
}

/* Divider */

.stats-counter-item:not(:last-child)::after{
    content:'';
    position:absolute;
    right:-15px;
    top:50%;
    transform:translateY(-50%);
    width:1px;
    height:70px;
    background:rgba(255,255,255,.15);
}

/* NUMBER */

.stats-counter-item h3{
    margin:0 0 10px;
    font-size:42px;
    font-weight:700;
    color:#D1F04F;
    line-height:1;
}

/* TEXT */

.stats-counter-item p{
    margin:0;
    color:rgba(204,220,255,.85);
    font-size:15px;
    font-weight:500;
    text-transform:uppercase;
    letter-spacing:2px;
}

/* ==========================
   TABLET
========================== */

@media(max-width:991px){

    .stats-counter-grid{
        grid-template-columns:repeat(2,1fr);
        gap:40px;
    }

    .stats-counter-item:nth-child(2)::after{
        display:none;
    }

}

/* ==========================
   MOBILE
========================== */

@media(max-width:767px){

    .stats-counter-sec{
        padding:60px 0;
    }

    .stats-counter-grid{
        grid-template-columns:repeat(2,1fr);
        gap:30px;
    }

    .stats-counter-item::after{
        display:none;
    }

    .stats-counter-item h3{
        font-size:32px;
    }

    .stats-counter-item p{
        font-size:12px;
        letter-spacing:1px;
    }

}

@media(max-width:480px){

    .stats-counter-grid{
        grid-template-columns: repeat(2, 1fr);
        gap:35px;
    }

}







































/* medical css start */


/* =========================
   NCO MEDICAL HERO
========================= */

.nco-med-hero{
    position:relative;
    overflow:hidden;
    background:#fff;
    padding:70px 0;
}

.nco-med-container{
    max-width:1300px;
    margin:auto;
    padding:0 20px;

    display:grid;
    grid-template-columns:1fr 520px;
    gap:60px;
    align-items:center;
}

/* Blur Effects */

.nco-med-blur-right{
    position:absolute;
    top:-80px;
    right:-120px;
    width:500px;
    height:500px;
    background:rgba(218,225,255,.5);
    border-radius:50%;
    filter:blur(90px);
}

.nco-med-blur-left{
    position:absolute;
    bottom:-120px;
    left:-120px;
    width:350px;
    height:350px;
    background:rgba(178,247,70,.4);
    border-radius:50%;
    filter:blur(90px);
}

/* Badge */

.nco-med-badge{
    display:inline-flex;
    align-items:center;
    gap:10px;

    padding:10px 18px;

    background:rgba(178,247,70,.12);

    border:1px solid rgba(178,247,70,.35);

    border-radius:50px;

    color:#446900;

    font-size:14px;
    font-weight:600;

    margin-bottom:30px;
box-shadow: 0px 2px 2px 2px #44690047;
}

.nco-med-badge i{
    color:#446900;
}

/* Heading */

.nco-med-content h1{
    font-size:clamp(40px,5vw,45px);
    line-height:1.15;
    font-weight:800;
    color:#1164E8;

    margin-bottom:20px;
}

.nco-med-content h1 span{
    display:block;
}

.nco-med-content p{
    font-size:18px;
    line-height:1.8;
    color:#434653;

    max-width:720px;

    margin-bottom:35px;
}

/* Buttons */

.nco-med-buttons{
    display:flex;
    gap:16px;
    flex-wrap:wrap;

    margin-bottom:50px;
}

.nco-med-btn-primary{
    display:flex;
    align-items:center;
    gap:10px;

    padding:16px 32px;

    background:linear-gradient(
    165deg,
    #00368F 0%,
    #0F4CBA 100%
    );

    color:#fff;
    text-decoration:none;

    border-radius:999px;

    font-weight:600;
}

.nco-med-btn-outline{
    padding:16px 32px;

    border:1px solid #00368F;

    color:#00368F;

    text-decoration:none;

    border-radius:999px;

    font-weight:600;

    background:#fff;
}

/* Stats */

.nco-med-stats{
    display:flex;
    align-items:center;
    gap:25px;

    padding-top:30px;

    border-top:1px solid rgba(195,198,213,.4);
}

.nco-med-divider{
    width:1px;
    height:35px;
    background:#d4d4d4;
}

.nco-med-stat h3{
    color:#00368F;
    font-size:26px;
    font-weight:700;
}

.nco-med-stat span{
    font-size:12px;
    text-transform:uppercase;
    color:#434653;
    font-weight:600;
}

/* Image */

.nco-med-image-box{
    position:relative;
}

.nco-med-image-box img{
    width:100%;
    height:560px;
    object-fit:cover;

    border-radius:18px;

    box-shadow:0 8px 30px rgba(0,0,0,.08);
}

/* Floating Cards */

.nco-med-floating-card{
    position:absolute;

    display:flex;
    align-items:center;
    gap:12px;

    padding:16px;

    background:rgba(255,255,255,.85);

    backdrop-filter:blur(10px);

    border-radius:12px;

    box-shadow:0 10px 25px rgba(0,0,0,.08);
}

.nco-med-floating-card i{
    width:42px;
    height:42px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:50%;

    color:#fff;
}

.admission-card{
    top:70px;
    left:-40px;
}

.admission-card i{
    background:#0F4CBA;
}

.scholarship-card{
    right:-40px;
    bottom:70px;
}

.scholarship-card i{
    background:#B2F746;
    color:#496F00;
}

.nco-med-floating-card h4{
    font-size:14px;
    margin-bottom:2px;
}

.nco-med-floating-card p{
    font-size:12px;
    margin:0;
}

/* Responsive */

@media(max-width:991px){

    .nco-med-container{
        grid-template-columns:1fr;
    }

    .nco-med-image-box{
        order:-1;
    }

    .admission-card{
        left:10px;
    }

    .scholarship-card{
        right:10px;
    }

}

@media(max-width:576px){

    .nco-med-hero{
        padding:60px 0;
    }

    .nco-med-content h1{
        font-size:22px;
    }

    .nco-med-content p{
        font-size:15px;
    }

    .nco-med-buttons {
        flex-direction: row;
        flex-wrap: nowrap;
    }

    
    .nco-med-btn-primary,
    .nco-med-btn-outline{
        width:100%;
        justify-content:center;
    }

    .nco-med-stats{
        flex-wrap:wrap;
        gap:15px;
        justify-content: center;
    }

    .nco-med-divider{
        display:none;
    }

    .nco-med-image-box img{
        height:420px;
    }

    .nco-med-floating-card{
        position:static;
        margin-top:12px;
    }
    .nco-med-btn-outline {
    padding: 16px 32px;
    border: 1px solid #00368F;
    color: #00368F;
    text-decoration: none;
    border-radius: 999px;
    font-weight: 600;
    background: #fff;
    text-align: center;
}

.nco-med-badge{
    display:inline-flex;
    align-items:center;
    gap:10px;

    padding:10px 18px;

    background:rgba(178,247,70,.12);

    border:1px solid rgba(178,247,70,.35);

    border-radius:50px;

    color:#446900;

    font-size:12px;
    font-weight:600;

    margin-bottom:30px;
box-shadow: 0px 2px 2px 2px #44690047;
}

}


/* ==================================
MBBS PARTNERS SECTION
================================== */

.mbbs-partners-wrap{
    position:relative;
    overflow:hidden;
    padding:80px 0;
    background:linear-gradient(
    180deg,
    #1164E8 0%,
    #0463B3 100%);
}

.mbbs-partners-container{
    width:100%;
    max-width:1320px;
    margin:auto;
    padding:0 20px;
}

/* HEADING */

.mbbs-partners-heading{
    text-align:center;
    margin-bottom:45px;
}

.mbbs-partners-heading h2{
    color:#fff;
    font-size:38px;
    font-weight:700;
    line-height:1.2;
    margin-bottom:12px;
}

.mbbs-partners-heading p{
    color:rgba(255,255,255,.9);
    font-size:14px;
    max-width:800px;
    margin:auto;
    line-height:1.8;
}

/* LOGO SLIDER */

.mbbs-partners-slider{
    width:100%;
    overflow:hidden;
    margin-bottom:55px;
}

.mbbs-partners-track{
    display:flex;
    align-items:center;
    gap:24px;
    width:max-content;
    animation:mbbsLogoMove 22s linear infinite;
}

.mbbs-partners-slider:hover .mbbs-partners-track{
    animation-play-state:paused;
}

.mbbs-partners-track img{
    width:96px;
    height:80px;
    object-fit:contain;

    background:#fff;
    padding:12px;

    border-radius:16px;

    opacity:.4;

    filter:
    grayscale(10%)
    blur(.3px);

    transition:.4s ease;

    flex-shrink:0;
}

.mbbs-partners-track img:hover{
    opacity:1;
    filter:none;
    transform:translateY(-5px);
}

/* STATS */

.mbbs-partners-stats{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:20px;
}

.mbbs-partners-card{
    padding:24px;

    border-radius:16px;

    background:rgba(0,0,0,.18);

    border:1px solid rgba(209,240,79,.5);

    backdrop-filter:blur(5px);

    transition:.35s ease;
}

.mbbs-partners-card:hover{
    transform:translateY(-6px);
}

.mbbs-partners-card h3{
    color:#D1F04F;
    font-size:34px;
    font-weight:700;
    margin-bottom:10px;
}

.mbbs-partners-card span{
    color:#fff;
    font-size:16px;
    font-weight:500;
}

/* ANIMATION */

@keyframes mbbsLogoMove{

    0%{
        transform:translateX(0);
    }

    100%{
        transform:translateX(-50%);
    }

}

/* ======================
TABLET
====================== */

@media(max-width:991px){

    .mbbs-partners-heading h2{
        font-size:30px;
    }

    .mbbs-partners-stats{
        grid-template-columns:repeat(2,1fr);
    }

}

/* ======================
MOBILE
====================== */

@media(max-width:767px){

    .mbbs-partners-wrap{
        padding:60px 0;
    }

    .mbbs-partners-heading{
        margin-bottom:30px;
    }

    .mbbs-partners-heading h2{
        font-size:22px;
    }

    .mbbs-partners-heading p{
        font-size:13px;
    }

    .mbbs-partners-slider{
        margin-bottom:35px;
    }

    .mbbs-partners-track{
        gap:16px;
        animation-duration:16s;
    }

    .mbbs-partners-track img{
        width:75px;
        height:60px;
        border-radius:12px;
    }

    .mbbs-partners-stats{
        grid-template-columns:repeat(2,1fr);
        gap:15px;
    }

    .mbbs-partners-card{
        padding:18px;
    }

    .mbbs-partners-card h3{
        font-size:24px;
        margin-bottom:5px;
    }

    .mbbs-partners-card span{
        font-size:10px;
        line-height:18px;
    }

}

@media(max-width:480px){

    .mbbs-partners-stats{
        grid-template-columns: repeat(2, 1fr);
    }

}




/* =========================
   ACHIEVEMENT STATS
========================= */

.achieve-sec{
    background:linear-gradient(
        180deg,
        #1164E8 0%,
        #0463B3 100%
    );
    padding:70px 0;
    overflow:hidden;
}

.achieve-container{
    max-width:1280px;
    margin:auto;
    padding:0 20px;
}

/* GRID */

.achieve-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:30px;
}

/* CARD */

.achieve-card{
    position:relative;
    height:130px;
    border-radius:20px;
    border:1px solid rgba(255,255,255,.5);
    overflow:hidden;
    text-align:center;
    background:rgba(255,255,255,.03);
    backdrop-filter:blur(10px);
    transition:.35s;
}

.achieve-card:hover{
    transform:translateY(-6px);
    border-color:#fff;
}

/* NUMBER */

.achieve-card h3{
    margin:0;
    height:80px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#D1F04F;
    font-size:40px;
    font-weight:700;
    line-height:48px;
}

/* BOTTOM LABEL */

.achieve-label{
    height:49px;
    background:#fff;
    display:flex;
    align-items:center;
    justify-content:center;

    color:#0463B3;
    font-size:16px;
    font-weight:500;
    text-transform:uppercase;
    letter-spacing:1.6px;
}

/* =========================
   TABLET
========================= */

@media(max-width:991px){

    .achieve-grid{
        grid-template-columns:repeat(2,1fr);
    }

}

/* =========================
   MOBILE
========================= */

@media(max-width:767px){

    .achieve-sec{
        padding:50px 0;
    }

    .achieve-grid{
                grid-template-columns: repeat(2, 1fr);
        gap:20px;
    }

    .achieve-card{
        height:120px;
    }

    .achieve-card h3{
        font-size:34px;
        height:72px;
    }

    .achieve-label{
        height:48px;
        font-size:13px;
        letter-spacing:1px;
    }

}








/* ====================================
CONSULTATION SECTION
==================================== */

.consultation-section{
    padding:90px 0;
    background:#f7f9fb;
}

.consultation-container{
    max-width:1280px;
    margin:auto;
    padding:0 20px;
    display:grid;
    grid-template-columns:1.1fr .9fr;
    gap:60px;
    align-items:center;
}

/* ====================================
LEFT
==================================== */

.consultation-badge{
    display:inline-flex;
    align-items:center;
    padding:10px 20px;
    border:1px solid rgba(0,72,145,.25);
    color:#004891;
    font-size:13px;
    border-radius:30px;
    margin-bottom:20px;
    font-weight:600;
}
.consultation-left h2{
    font-size:38px;
    line-height:48px;
    margin-bottom:18px;
    font-weight:700;

    background:linear-gradient(
        90deg,
        #00368F,
        #0463B3,
        #79B609
    );

    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    color:transparent;

    text-shadow:0 4px 15px rgba(0,54,143,.12);
}

.consultation-left p{
    font-size:16px;
    line-height:30px;
    color:#555;
    margin-bottom:35px;
}

/* FEATURES */

.consult-feature{
    display:flex;
    align-items:flex-start;
    gap:18px;
    margin-bottom:28px;
}

.feature-icon{
    width:42px;
    height:42px;
    flex-shrink:0;
    border-radius:50%;
    background:#D1F04F;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:700;
    color:#5A6C00;
}

.consult-feature h4{
    color:#0080ff;
    font-size:22px;
    margin-bottom:6px;
    font-weight:700;
}

.consult-feature span{
    color:#666;
    font-size:15px;
    line-height:26px;
}

/* ====================================
FORM CARD
==================================== */

.consult-form-card{
    background:#fff;
    border-radius:28px;
    padding:35px;
    box-shadow:0 20px 50px rgba(0,0,0,.12);
}

.form-row{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:15px;
}

.form-group{
    margin-bottom:18px;
}

.form-group label{
    display:block;
    margin-bottom:8px;
    font-size:14px;
    color:#424752;
}

.form-group input, .form-group select {
    width: 100%;
    height: 54px;
    border: none;
    background: #f8f8fb;
    border-radius: 4px;
    padding: 0 16px;
    box-shadow: 0 2px 1px 2px rgb(0 0 0 / 16%);
    outline: none;
}

/* CAPTCHA */

.captcha-wrap{
    display:flex;
    gap:10px;
    margin:15px 0 22px;
}

.captcha-code{
    min-width:110px;
    height:42px;
    background:#004891;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:25px;
    font-weight:700;
}

.captcha-refresh{
    width:42px;
    border:none;
    background:#333;
    color:#fff;
    border-radius:4px;
    cursor:pointer;
}

.captcha-wrap input{
    flex:1;
    border:1px solid #ddd;
    border-radius:4px;
    padding:0 15px;
    box-shadow:0 2px 8px rgba(0,0,0,.08);
}

/* CHECKBOX */

.checkbox-wrap{
    display:flex;
    gap:10px;
    font-size:14px;
    color:#444;
    margin-bottom:25px;
}

/* BUTTON */

.consult-btn{
    width:100%;
    height:58px;
    border:none;
    border-radius:12px;
    background:linear-gradient(
    135deg,
    #0463B3,
    #00368F
    );
    color:#fff;
    font-weight:700;
    font-size:16px;
    cursor:pointer;
}

.form-note{
    text-align:center;
    font-size:12px;
    color:#666;
    margin-top:16px;
}

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

@media(max-width:991px){

    .consultation-container{
        grid-template-columns:1fr;
    }

}

@media(max-width:767px){

    .consultation-section{
        padding:70px 0;
    }

    .consultation-left h2{
        font-size:18px;
        line-height:38px;
    }

    .consult-feature h4{
        font-size:12px;
    }
    .consult-feature span {
    color: #666;
    font-size: 13px;
    line-height: 26px;
}
.consultation-left p {
    font-size: 12px;
    line-height: 25px;
    color: #555;
    margin-bottom: 35px;
}
    .form-row{
        grid-template-columns:1fr;
    }

    .consult-form-card{
        padding:25px;
    }

    .captcha-wrap{
        flex-wrap:wrap;
    }

    .captcha-code{
        width:100%;
    }
    .captcha-wrap input {
    flex: 1;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 13px 15px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .08);
}

}

/* =========================
MEDICAL SCHOLARSHIP
========================= */

.medscholar-wrap{
    margin:0;
    padding:30px 15px;

    background:linear-gradient(
        166deg,
        #DAE1FF 0%,
        rgba(178,247,70,.18) 100%
    );

    display:flex;
    justify-content:center;
    align-items:center;

    position:relative;
    overflow:hidden;
}

.medscholar-wrap *{
    box-sizing:border-box;
}

.medscholar-box{
    width:100%;
    max-width:760px;

    background:rgba(255,255,255,.85);

    border:1px solid rgba(255,255,255,.7);
    border-radius:18px;

    padding:30px;

    text-align:center;

    backdrop-filter:blur(8px);

    box-shadow:
    0 10px 30px rgba(0,54,143,.06);

    margin:0;
}

/* Icon */

.medscholar-cap{
    width:60px;
    height:60px;

    margin:0 auto 15px;

    border-radius:50%;

    background:linear-gradient(
        135deg,
        #00368F,
        #0463B3
    );

    display:flex;
    align-items:center;
    justify-content:center;
}

.medscholar-cap i{
    color:#fff;
    font-size:22px;
}

/* Heading */

.medscholar-box h2{
    margin:0 0 12px;

    font-size:28px;
    line-height:38px;
    font-weight:700;

    background:linear-gradient(
        135deg,
        #00368F,
        #0463B3
    );

    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}

/* Text */

.medscholar-box p{
    margin:0 0 22px;

    font-size:15px;
    line-height:28px;
    color:#434653;
}

/* Button */

.medscholar-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;

    padding:14px 28px;

    text-decoration:none;

    background:linear-gradient(
        135deg,
        #00368F,
        #0463B3
    );

    color:#fff;
    border-radius:50px;

    font-size:14px;
    font-weight:600;
}

/* Mobile */

@media(max-width:768px){

    .medscholar-wrap{
        padding:20px 12px;
    }

    .medscholar-box{
        padding:22px 16px;
    }

    .medscholar-box h2{
        font-size:22px;
        line-height:32px;
    }

    .medscholar-box p{
        font-size:14px;
        line-height:24px;
    }

    .medscholar-btn{
        width:100%;
    }
}

@media(max-width:480px){

    .medscholar-wrap{
        padding:15px 10px;
    }

    .medscholar-box{
        padding:18px 14px;
    }

    .medscholar-box h2{
        font-size:18px;
        line-height:28px;
    }

    .medscholar-box p{
        font-size:13px;
        line-height:22px;
    }
}




/* =========================================
MBBS COUNSELLING PROCESS
========================================= */

.mbprocess-sec{
    padding:90px 0;
    background:#f2f4f6;
    overflow:hidden;
}

.mbprocess-container{
    max-width:1280px;
    margin:auto;
    padding:0 20px;
}

/* Heading */

.mbprocess-head{
    text-align:center;
    margin-bottom:60px;
}

.mbprocess-head h2{
    font-size:38px;
    font-weight:700;
    margin-bottom:12px;
    line-height:48px;

    background:linear-gradient(
        135deg,
        #00368F,
        #0463B3,
        #0080FF
    );

    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}

.mbprocess-head p{
    max-width:700px;
    margin:auto;
    color:#434653;
    font-size:16px;
    line-height:28px;
}

/* Wrapper */

.mbprocess-wrapper{
    position:relative;
}

/* Horizontal Line */

.mbprocess-line{
    position:absolute;
    top:65px;
    left:0;
    width:100%;
    height:4px;
    background:rgba(195,198,213,.45);
    z-index:1;
}

/* Grid */

.mbprocess-grid{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:20px;
    position:relative;
    z-index:2;
}

/* Card */

.mbprocess-card{
    background:#fff;
    border-radius:16px;
    padding:28px 22px;
    text-align:center;

    border:1px solid rgba(195,198,213,.30);

    box-shadow:
    0 8px 32px rgba(15,76,186,.05);

    transition:.35s;
}

.mbprocess-card:hover{
    transform:translateY(-8px);
}

/* Number */

.mbprocess-number{
    width:70px;
    height:70px;
    margin:auto;
    margin-bottom:18px;

    border-radius:50%;

    background:linear-gradient(
        135deg,
        #00368F,
        #0463B3
    );

    display:flex;
    align-items:center;
    justify-content:center;

    color:#fff;
    font-size:20px;
    font-weight:700;

    box-shadow:
    0 15px 35px rgba(0,72,145,.25);
}

/* Last Step */

.mbprocess-card.active .mbprocess-number{
    background:linear-gradient(
        135deg,
        #446900,
        #7cb518
    );
}

/* Content */

.mbprocess-card h3{
    font-size:18px;
    color:#191c1e;
    margin-bottom:12px;
    font-weight:700;
}

.mbprocess-card p{
    color:#5f6773;
    font-size:14px;
    line-height:24px;
    margin:0;
}

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

@media(max-width:1199px){

    .mbprocess-grid{
        grid-template-columns:repeat(3,1fr);
    }

    .mbprocess-line{
        display:none;
    }

}

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

@media(max-width:767px){

    .mbprocess-sec{
        padding:70px 0;
    }

    .mbprocess-head{
        margin-bottom:40px;
    }

    .mbprocess-head h2{
        font-size:28px;
        line-height:38px;
    }

    .mbprocess-head p{
        font-size:14px;
        line-height:24px;
    }

    .mbprocess-grid{
        grid-template-columns:1fr;
        gap:18px;
    }

    .mbprocess-card{
        padding:24px 20px;
    }

    .mbprocess-number{
        width:60px;
        height:60px;
        font-size:18px;
    }

    .mbprocess-card h3{
        font-size:17px;
    }

    .mbprocess-card p{
        font-size:13px;
        line-height:22px;
    }
}




/* =========================================
CTA SECTION
========================================= */

.medcta-sec{
    position:relative;
    overflow:hidden;
    padding:100px 20px;

    background:linear-gradient(
        180deg,
        #1164E8 0%,
        #0463B3 100%
    );
}

/* Glow Effects */

.medcta-sec::before{
    content:'';
    position:absolute;
    width:400px;
    height:400px;
    left:-150px;
    top:-150px;
    border-radius:50%;
    background:rgba(209,240,79,.18);
    filter:blur(120px);
}

.medcta-sec::after{
    content:'';
    position:absolute;
    width:350px;
    height:350px;
    right:-120px;
    bottom:-120px;
    border-radius:50%;
    background:rgba(255,255,255,.12);
    filter:blur(100px);
}

.medcta-container{
    max-width:1200px;
    margin:auto;
    position:relative;
    z-index:2;
}

.medcta-content{
    text-align:center;
    max-width:900px;
    margin:auto;
}

/* Heading */

.medcta-content h2{
    color:#fff;
    font-size:42px;
    font-weight:800;
    line-height:1.25;
    margin-bottom:22px;
}

/* Description */

.medcta-content p{
    color:#DAE1FF;
    font-size:20px;
    line-height:32px;
    max-width:700px;
    margin:auto;
    margin-bottom:40px;
}

/* Buttons */

.medcta-btns{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:16px;
    flex-wrap:wrap;
}

.medcta-btn-primary{
    min-width:190px;
    height:58px;
    padding:0 34px;

    background:#fff;
    color:#00368F;

    border-radius:60px;

    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;

    text-decoration:none;
    font-size:15px;
    font-weight:700;

    transition:.35s;
}

.medcta-btn-primary:hover{
    transform:translateY(-4px);
}

.medcta-btn-primary i{
    font-size:14px;
}

/* Outline Button */

.medcta-btn-outline{
    min-width:190px;
    height:58px;
    padding:0 34px;

    border:1px solid rgba(255,255,255,.45);
    border-radius:60px;

    color:#fff;
    text-decoration:none;

    display:flex;
    align-items:center;
    justify-content:center;

    font-size:15px;
    font-weight:600;

    transition:.35s;
}

.medcta-btn-outline:hover{
    background:rgba(255,255,255,.08);
}

/* =========================================
TABLET
========================================= */

@media(max-width:991px){

    .medcta-sec{
        padding:80px 20px;
    }

    .medcta-content h2{
        font-size:34px;
    }

    .medcta-content p{
        font-size:18px;
        line-height:30px;
    }

}

/* =========================================
MOBILE
========================================= */

@media(max-width:767px){

    .medcta-sec{
        padding:70px 15px;
    }

    .medcta-content h2{
        font-size:26px;
        line-height:38px;
        margin-bottom:15px;
    }

    .medcta-content p{
        font-size:15px;
        line-height:26px;
        margin-bottom:30px;
    }

    .medcta-btns{
        flex-direction:column;
        width:100%;
    }

    .medcta-btn-primary,
    .medcta-btn-outline{
        width:100%;
        max-width:300px;
        height:54px;
    }

}

/* Small Mobile */

@media(max-width:480px){

    .medcta-content h2{
        font-size:22px;
        line-height:34px;
    }

    .medcta-content p{
        font-size:14px;
        line-height:24px;
    }

}