*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:'Poppins',sans-serif;
scroll-behavior:smooth;
}

body{
background:#000;
color:#fff;
overflow-x:hidden;
}

/* NAVBAR */

.navbar{
position:fixed;
top:0;
left:0;
width:100%;
padding:20px 8%;
display:flex;
justify-content:space-between;
align-items:center;
background:rgba(0,0,0,0.75);
backdrop-filter:blur(15px);
z-index:1000;
border-bottom:1px solid rgba(255,255,255,0.08);
}

.logo{
font-size:30px;
font-weight:800;
letter-spacing:2px;
}

.nav-links{
display:flex;
list-style:none;
gap:35px;
}

.nav-links a{
text-decoration:none;
color:#cfcfcf;
font-size:15px;
transition:.3s;
}

.nav-links a:hover{
color:#fff;
}

.enroll-btn{
padding:12px 28px;
background:#fff;
color:#000;
text-decoration:none;
border-radius:50px;
font-weight:600;
transition:.3s;
}

.enroll-btn:hover{
transform:translateY(-3px);
}
.logo{
    display:flex;
    align-items:center;
    gap:15px;
}

.logo img{
    width:220px;
    height:auto;
}

.logo-text h3{
    font-size:24px;
}

/* HERO */

.hero{
min-height:120vh;
display:flex;
justify-content:center;
align-items:center;
text-align:center;
position:relative;
overflow:hidden;
padding:0 20px;
}

.glow-circle{
position:absolute;
width:700px;
height:700px;
border-radius:50%;
border:1px solid rgba(255,255,255,.15);

box-shadow:
0 0 50px rgba(255,255,255,.15),
0 0 120px rgba(255,255,255,.12),
0 0 220px rgba(255,255,255,.08);

animation:pulse 6s infinite ease-in-out;
}

@keyframes pulse{

0%{
transform:scale(1);
}

50%{
transform:scale(1.08);
}

100%{
transform:scale(1);
}

}

.hero-content{
max-width:950px;
position:relative;
z-index:2;
}

.subtitle{
font-size:14px;
letter-spacing:7px;
color:#bdbdbd;
}

.hero-content h1{
font-size:82px;
font-weight:800;
line-height:1.1;
margin-top:20px;
margin-bottom:25px;
}

.hero-content p{
font-size:20px;
line-height:1.9;
color:#9e9e9e;
max-width:800px;
margin:auto;
}

.hero-buttons{
margin-top:40px;
display:flex;
justify-content:center;
gap:20px;
}

.primary-btn{
padding:18px 40px;
background:#fff;
color:#000;
text-decoration:none;
border-radius:50px;
font-weight:600;
transition:.3s;
}

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

.secondary-btn{
padding:18px 40px;
border:1px solid rgba(255,255,255,.15);
text-decoration:none;
border-radius:50px;
color:#fff;
transition:.3s;
}

.secondary-btn:hover{
background:#fff;
color:#000;
}

/* STATS */

.stats{
padding:100px 8%;
display:grid;
grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
gap:25px;
}

.stat-card{
background:rgba(255,255,255,.04);
border:1px solid rgba(255,255,255,.08);
padding:40px;
border-radius:20px;
text-align:center;
transition:.4s;
}

.stat-card:hover{
transform:translateY(-8px);
background:rgba(255,255,255,.06);
}

.stat-card h2{
font-size:48px;
margin-bottom:10px;
}

.stat-card p{
color:#bdbdbd;
}

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

.companies{
    padding:120px 8%;
    text-align:center;
}

.companies-heading{
    position: relative;
    top: -40px;
}

.companies h2{
    font-size:55px;
    margin-bottom:50px;
}

.logo-slider{
    width:100%;
    overflow:hidden;
    position:relative;
    margin-top:40px;
}

.logo-track{
    display:flex;
    align-items:center;
    gap:80px;

    width:max-content;

    animation:scrollCompanies 20s linear infinite;
}

.logo-track span{
    font-size:28px;
    font-weight:600;
    color:#a8a8a8;
    white-space:nowrap;

    transition:.3s;
}

.logo-track span{
    filter:
    drop-shadow(0 0 5px rgba(255,255,255,.3))
    drop-shadow(0 0 10px rgba(255,255,255,.2));
}

@keyframes scrollCompanies{

    from{
        transform:translateX(0);
    }

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

}

.logo-slider span{
    font-size:24px;
    font-weight:600;
    color:#a8a8a8;

    transition:.3s;
}

.logo-slider span:hover{
    color:#fff;
    transform:translateY(-5px);
}

/* ==========================
   WHY CHOOSE MONARCH
========================== */

.why-monarch{

    width:100%;

    max-width:1400px;

    margin:80px auto;

    padding:0 8%;

    text-align:center;
}

.why-monarch h2{

    color:#fff;

    font-size:clamp(3rem, 6vw, 5rem);

    font-weight:700;

    line-height:1.1;

    margin-bottom:30px;
}

.why-monarch p{

    color:#bdbdbd;

    font-size:1.15rem;

    line-height:2;

    max-width:1200px;

    margin:0 auto;
}

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

@media(max-width:992px){

    .why-monarch{

        padding:0 6%;
    }

    .why-monarch p{

        max-width:900px;

        font-size:1.05rem;
    }
}

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

@media(max-width:768px){

    .why-monarch{

        margin:60px auto;

        padding:0 5%;
    }

    .why-monarch h2{

        font-size:2.5rem;

        margin-bottom:20px;
    }

    .why-monarch p{

        font-size:1rem;

        line-height:1.8;
    }
}

/* ==========================
   TRAINING MODULES
========================== */

.training-modules{

    max-width:1300px;
    margin:100px auto;
    padding:0 5%;
}

.training-modules h2{

    text-align:center;
    color:#fff;
    font-size:4rem;
    margin-bottom:60px;
}

.modules-grid{

    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:25px;
}

.module-box{

    background:rgba(10,10,20,.6);

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

    border-radius:20px;

    padding:30px;

    transition:.3s ease;
}

.module-box h3{

    color:#fff;

    margin-bottom:12px;

    font-size:1.4rem;
}

.module-box p{

    color:#bdbdbd;

    line-height:1.8;
}

.module-box:hover{

    transform:translateY(-8px);

    border-color:#7B61FF;

    box-shadow:
    0 0 10px rgba(123,97,255,.25),
    0 0 30px rgba(123,97,255,.15);
}

@media(max-width:900px){

    .modules-grid{

        grid-template-columns:1fr;
    }

    .training-modules h2{

        font-size:2.8rem;
    }
}


/* CTA */

.cta{
height:80vh;
display:flex;
justify-content:center;
align-items:center;
text-align:center;
position:relative;
overflow:hidden;
}

.cta-circle{
position:absolute;
width:500px;
height:500px;
border-radius:50%;
border:1px solid rgba(255,255,255,.15);

box-shadow:
0 0 50px rgba(255,255,255,.15),
0 0 120px rgba(255,255,255,.10),
0 0 200px rgba(255,255,255,.08);
}

.cta-content{
position:relative;
z-index:2;
max-width:700px;
}

.cta-content h2{
font-size:60px;
margin-bottom:20px;
}

.cta-content p{
font-size:18px;
color:#bdbdbd;
line-height:1.8;
margin-bottom:35px;
}

.cta-btn{
padding:18px 40px;
background:#fff;
color:#000;
text-decoration:none;
border-radius:50px;
font-weight:600;
}

/* FOOTER */

footer{
padding:60px 20px;
text-align:center;
border-top:1px solid rgba(255,255,255,.08);
}

footer h3{
font-size:28px;
margin-bottom:15px;
}

footer p{
color:#9e9e9e;
margin-top:10px;
}

/* MOBILE */

@media(max-width:992px){

.nav-links{
display:none;
}

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

.why-monarch h2,
.program h2,
.placement-support h2{
font-size:40px;
}

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

.glow-circle{
width:500px;
height:500px;
}
}

@media(max-width:768px){

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

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

.hero-buttons{
flex-direction:column;
align-items:center;
}

.glow-circle{
width:350px;
height:350px;
}

.cta-circle{
width:300px;
height:300px;
}
}
.training-hero{

min-height:120vh;

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

text-align:center;

padding:120px 20px;

position:relative;
overflow:hidden;
}

.training-content{

max-width:900px;

position:relative;
z-index:2;
}

.training-content h1{

font-size:80px;

margin:25px 0;
}

.training-content p{

font-size:20px;

line-height:1.8;

color:#bdbdbd;
}

.training-features{

padding:120px 8%;
text-align:center;
}
.training-features h2{
    position: relative;
    top: -50px;

}
/* ROADMAP PAGE */

.roadmap-hero{

min-height:120vh;

display:flex;

justify-content:center;

align-items:center;

text-align:center;

padding:120px 20px;

position:relative;
}

.roadmap-content{

max-width:900px;

z-index:2;
}

.roadmap-content h1{

font-size:80px;

margin:20px 0;
}

.roadmap-content p{

font-size:20px;

line-height:1.8;

color:#bdbdbd;
}



/* TIMELINE */

.timeline-section{
    padding:60px 8% 120px;
    text-align:center;
}
.timeline-section h2{
    position: relative;
    top: -60px;
}


.timeline{

max-width:900px;

margin:auto;

position:relative;
}

.timeline::before{

content:"";

position:absolute;

left:50%;

top:0;

width:2px;

height:100%;

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

transform:translateX(-50%);
}

.timeline-item{
    display:flex;
    align-items:center;
    margin-bottom:80px;
    position:relative;
}
.timeline-item:nth-child(odd){
    justify-content:flex-start;
}

.timeline-item:nth-child(even){
    justify-content:flex-end;
}

.timeline-item:nth-child(odd) .timeline-card{
    margin-left:50px;
    margin-right:0;
}

.timeline-item:nth-child(even) .timeline-card{
    margin-right:50px;
    margin-left:0;
}

.timeline-dot{
    width:60px;
    height:60px;

    background:#fff;
    color:#000;

    border-radius:50%;

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

    font-size:24px;
    font-weight:700;

    position:absolute;
    left:50%;
    transform:translateX(-50%);

    z-index:2;
}
.timeline-card{

    width:400px;

    padding:35px;

    margin-left:40px;

    background:#070111;

    border:1px solid #1A1230;

    border-radius:20px;

    text-align:left;

    transition:.4s;

    backdrop-filter:blur(15px);
}

.timeline-card:hover{

    transform:translateY(-10px);

    border-color:#35265f;

    box-shadow:
    0 0 15px rgba(72,52,130,.20);
}
.timeline-card h3{

font-size:32px;

margin-bottom:10px;
}

.timeline-card h4{

margin-bottom:20px;
}

.timeline-card ul{

padding-left:20px;
}

.timeline-card li{

margin-bottom:12px;

color:#bdbdbd;
}



/* MOBILE */

@media(max-width:768px){

.timeline::before{

left:35px;
}

.timeline-item{

justify-content:flex-start;
}

.timeline-card{

width:100%;

margin-left:20px;
}

.roadmap-content h1{

font-size:45px;
}

}
/* PLACEMENT PAGE */

.placement-hero{

min-height:120vh;

display:flex;

justify-content:center;

align-items:center;

text-align:center;

padding:120px 20px;

position:relative;

overflow:hidden;
}

.placement-content{

max-width:900px;

position:relative;

z-index:2;
}

.placement-content h1{

font-size:80px;

margin:20px 0;
}

.placement-content p{

font-size:20px;

color:#bdbdbd;

line-height:1.8;
}

/* PLACEMENT JOURNEY */


.placement-journey{
    padding:100px 8%;
}

.section-heading{
    text-align:center;
    margin-bottom:80px;
}

.section-heading span{
    color:#7c3aed;
    font-size:.9rem;
    letter-spacing:3px;
}

.section-heading h2{
    color:#fff;
    font-size:3rem;
    margin-top:10px;
}

.journey-item{
    display:flex;
    align-items:flex-start;
    gap:25px;
    max-width:650px;
    margin-bottom:50px;
}

.journey-item.right{
    margin-left:auto;
    flex-direction:row-reverse;
    text-align:right;
}

.step-circle{
    min-width:70px;
    width:70px;
    height:70px;

    border-radius:50%;

    background:#090027;
    border:1px solid rgba(123,44,255,.15);

    color:#ffffff;

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

    font-size:1.3rem;
    font-weight:700;

    box-shadow:0 0 25px rgba(124,58,237,.35);
}

.journey-content h3{
    color:#fff;
    font-size:2.3rem;
    margin-bottom:15px;
    position:relative;
}

.journey-content h3::after{
    content:'';
    display:block;

    width:70px;
    height:3px;

    background:#7c3aed;

    margin-top:12px;
}

.journey-item.right .journey-content h3::after{
    margin-left:auto;
}

.journey-content p{
    color:#b8c1d1;
    line-height:2;
    font-size:1.05rem;
}

@media(max-width:768px){

    .journey-item,
    .journey-item.right{
        margin-left:0;
        text-align:left;
        flex-direction:row;
    }

    .journey-item.right .journey-content h3::after{
        margin-left:0;
    }

    .section-heading h2{
        font-size:2rem;
    }

    .journey-content h3{
        font-size:1.7rem;
    }

    .step-circle{
        width:55px;
        height:55px;
        min-width:55px;
    }
}

.process-card{

padding:40px;

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

backdrop-filter:blur(15px);

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

border-radius:20px;

transition:.4s;
}

.process-card:hover{

transform:translateY(-10px);
}

.process-card h3{

font-size:50px;

margin-bottom:15px;
}

.process-card h4{

margin-bottom:15px;
}

.process-card p{

color:#bdbdbd;

line-height:1.8;
}
.placement-process{

padding:120px 8%;

text-align:center;
}
.placement-process h2{
    position: relative;
    top: -20px;
}
.process-grid{
    display:grid;

    grid-template-columns:
    repeat(3, minmax(380px,1fr));

    gap:30px;

    width:100%;
}
.process-card{
    width:100%;
}

.process-card{
    padding:40px;

    background:#070111;

    border:1px solid #1A1230;

    border-radius:20px;

    transition:.4s;

    backdrop-filter:blur(20px);
}

.process-card:hover{
    transform:translateY(-10px);

    border-color:#35265f;

    box-shadow:
    0 0 15px rgba(72,52,130,.20),
    0 0 30px rgba(72,52,130,.10);
}

.process-card h3{

font-size:50px;

margin-bottom:15px;
}

.process-card h4{

margin-bottom:15px;
}

.process-card p{

color:#bdbdbd;

line-height:1.8;
}

/* ===========================
   PLACEMENT STATS
=========================== */

.placement-stats{
    padding: 30px 8%;
    text-align:center;
}

.impact-heading{
    position: relative;
    top: -80px;
}

.placement-stats h2{
    font-size:55px;
    margin-bottom:60px;
    text-align:center;
}

.stats-grid{
    max-width:1400px;
    margin:0 auto;

    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(320px,1fr));

    gap:30px;
}

.stat-card{
    background:rgba(255,255,255,.04);

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

    border-radius:25px;

    padding:60px 30px;

    text-align:center;

    transition:.4s;
}

.stat-card:hover{
    transform:translateY(-10px);
}

.stat-card h2{
    font-size:60px;
    margin-bottom:15px;
}

.stat-card p{
    color:#bdbdbd;
}
/* ABOUT PAGE */

.about-hero{
min-height:120vh;
display:flex;
justify-content:center;
align-items:center;
text-align:center;
position:relative;
overflow:hidden;
padding:120px 20px;
}

.about-circle{
position:absolute;
width:700px;
height:700px;
border-radius:50%;
border:2px solid rgba(255,255,255,.1);

box-shadow:
0 0 50px rgba(255,255,255,.15),
0 0 120px rgba(255,255,255,.08);
}

.about-content{
max-width:900px;
z-index:2;
}

.about-content span{
letter-spacing:8px;
color:#999;
font-size:14px;
}

.about-content h1{
font-size:75px;
margin:20px 0;
line-height:1.2;
}

.about-content p{
font-size:20px;
line-height:1.8;
color:#bdbdbd;
}

.about-intro{

    max-width:900px;

    margin:120px auto;

    text-align:center;

    padding:0 5%;
}

.about-intro span{

    color:#60a5fa;

    letter-spacing:3px;

    font-weight:600;
}

.about-intro h2{

    font-size:4rem;

    margin:20px 0;

    color:#fff;
}

.about-intro p{

    color:#bdbdbd;

    line-height:2;
}

/* ================= */

.about-showcase{

    max-width:1400px;

    margin:120px auto;

    padding:0 5%;

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:80px;

    align-items:center;
}

.reverse{

    direction:rtl;
}

.reverse > *{

    direction:ltr;
}

.showcase-text span{

    color:#60a5fa;

    font-weight:600;

    letter-spacing:2px;
}

.showcase-text h2{

    font-size:4rem;

    margin:15px 0;

    color:#fff;
}

.showcase-text p{

    color:#bdbdbd;

    line-height:2;

    font-size:18px;
}

.showcase-image img{

    width:100%;

    height:500px;

    object-fit:cover;

    border-radius:35px;

    transition:.4s;
}

.showcase-image img:hover{

    transform:scale(1.03);

}


/* ================= */

.mission-quote{

    text-align:center;

    padding:150px 5%;
}

.mission-quote h2{

    font-size:5rem;

    line-height:1.2;

    background:linear-gradient(
        90deg,
        #fff,
        #9ca3af
    );

    background-clip:text;
    -webkit-background-clip:text;

    -webkit-text-fill-color:transparent;
}
/* ==========================
   MISSION & VISION
========================== */

.mission-vision-section{

    max-width:1200px;
    margin:120px auto;
    padding:0 5%;

    display:grid;
    grid-template-columns:1fr 1fr;
    gap:80px;

    align-items:start;
}

.mission-side,
.vision-side{

    position:relative;
    padding-left:35px;
}

.mission-side::before,
.vision-side::before{

    content:'';

    position:absolute;

    left:0;
    top:0;

    width:4px;
    height:100%;

    border-radius:10px;
}

.mission-side::before{
    background:#2563eb;
}

.vision-side::before{
    background:#7c3aed;
}

.mission-side span,
.vision-side span{

    display:block;

    color:#60a5fa;

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

    letter-spacing:2px;

    margin-bottom:20px;
}

.mission-side h2,
.vision-side h2{

    color:#fff;

    font-size:3rem;

    line-height:1.15;

    min-height:220px;

    margin-bottom:25px;
}

.mission-side p,
.vision-side p{

    color:#bdbdbd;

    line-height:1.9;

    margin:0;
}

/* MOBILE */

@media(max-width:900px){

    .mission-vision-section{

        grid-template-columns:1fr;
        gap:60px;
    }

    .mission-side h2,
    .vision-side h2{

        min-height:auto;
        font-size:2.2rem;
    }
}
.about-cta{
min-height:70vh;
display:flex;
justify-content:center;
align-items:center;
text-align:center;
position:relative;
overflow:hidden;
}

.active{
color:#fff !important;
font-weight:600;
}

@media(max-width:768px){

.about-content h1{
font-size:45px;
}

.about-circle{
width:350px;
height:350px;
}
}
/* ==========================
   CONTACT PAGE
========================== */

.contact-hero{
    min-height:120vh;
    display:flex;
    justify-content:center;
    align-items:center;
    text-align:center;
    position:relative;
    overflow:hidden;
    padding:120px 20px;
}

.contact-circle{
    position:absolute;
    width:700px;
    height:700px;
    border-radius:50%;

    border:2px solid rgba(255,255,255,0.1);

    box-shadow:
    0 0 50px rgba(255,255,255,0.15),
    0 0 120px rgba(255,255,255,0.08),
    0 0 180px rgba(255,255,255,0.05);

    animation:floatContact 6s ease-in-out infinite;
}

@keyframes floatContact{

    0%{
        transform:translateY(0);
    }

    50%{
        transform:translateY(-15px);
    }

    100%{
        transform:translateY(0);
    }

}

.contact-content{
    max-width:900px;
    position:relative;
    z-index:2;
}

.contact-content span{
    letter-spacing:8px;
    color:#999;
    font-size:14px;
}

.contact-content h1{
    font-size:80px;
    font-weight:800;
    margin:20px 0;
}

.contact-content p{
    font-size:20px;
    line-height:1.8;
    color:#bdbdbd;
}

/* CONTACT SECTION */

.contact-section{
    padding:80px 8%;
}

.contact-wrapper{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:40px;
    align-items:start;
}


/* ==========================
   SEND MESSAGE SECTION
========================== */

.contact-form-section{
    padding:40px 8% 100px;
}

.contact-form{

    max-width:900px;

    margin:0 auto;

    background:#070111;

    border:1px solid #1A1230;

    border-radius:30px;

    padding:60px;

    backdrop-filter:blur(20px);

    transition:.4s;
}

.contact-form:hover{

    border-color:#7B61FF;

    box-shadow:
    0 0 20px rgba(123,97,255,.15),
    0 0 40px rgba(123,97,255,.08);
}

.contact-form h2{

    text-align:center;

    font-size:42px;

    margin-bottom:40px;
}

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

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

.form-group input,
.form-group textarea,
.form-group select{

    width:100%;

    background:#0B0518;

    color:#fff;

    border:1px solid #a0a0a0;

    border-radius:14px;

    padding:18px 20px;
}

.form-group input:focus,
.form-group textarea:focus,
.form-group select:focus{

    border-color:#7B61FF;
}

.form-group textarea{

    height:220px;

    resize:none;
}

.submit-btn{

    width:100%;

    padding:18px;

    font-size:18px;

    font-weight:700;

    border:none;

    border-radius:50px;

    background:#7B61FF;

    color:#000;

    cursor:pointer;

    transition:.3s;
}

.submit-btn:hover{

    transform:translateY(-3px);

    box-shadow:
    0 0 20px rgba(123,97,255,.25);
}

/* ==========================
   CONTACT + MAP
========================== */

.contact-info-map{

    padding:0 8% 120px;

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:40px;
}

.contact-info,
.map-box{

    height:500px;

    background:#070111;

    border:1px solid #1A1230;

    border-radius:25px;

    overflow:hidden;

    transition:.4s;
}

.contact-info:hover,
.map-box:hover{

    border-color:#7B61FF;

    box-shadow:
    0 0 20px rgba(255,215,0,.12);
}

.contact-info{

    padding:40px;
}

.contact-info h2{

    font-size:40px;

    margin-bottom:25px;
}

.contact-info p{

    font-size:20px;

    line-height:2;

    color:#bdbdbd;
}

.contact-details{

    margin-top:35px;
}

.contact-details div{

    font-size:20px;

    margin-bottom:25px;
}

/* MAP */

.map-box iframe{

    width:100%;

    height:100%;

    border:none;
}

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

@media(max-width:992px){

    .contact-info-map{
        grid-template-columns:1fr;
    }

    .contact-info,
    .map-box{
        height:auto;
        min-height:450px;
    }

    .contact-form{
        padding:35px;
    }

    .contact-form h2{
        font-size:34px;
    }
}

@media(max-width:768px){

    .contact-form h2{
        font-size:30px;
    }

    .form-group input,
    .form-group textarea,
    .form-group select{

        font-size:16px;
    }

    .contact-info h2{
        font-size:32px;
    }

    .contact-info p,
    .contact-details div{
        font-size:17px;
    }
}


.feature-card,
.program-card,
.support-card,
.stat-card{

    background:#070111;

    border:1px solid #1A1230;

    border-radius:28px;

    padding:40px;

    position:relative;

    overflow:hidden;

    transition:all .4s ease;

    backdrop-filter:blur(20px);
}
.whatsapp-btn{

    position:fixed;

    right:25px;
    bottom:25px;

    width:60px;
    height:60px;

    border-radius:50%;

    background:#25D366;

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

    font-size:32px;

    color:white;
    text-decoration:none;

    z-index:9999;

    box-shadow:
    0 0 15px rgba(37,211,102,.5),
    0 0 30px rgba(37,211,102,.3);

    transition:.3s ease;
}

.whatsapp-btn:hover{

    transform:scale(1.1);

    box-shadow:
    0 0 20px rgba(37,211,102,.8),
    0 0 40px rgba(37,211,102,.5);
}
.feature-card h3,
.feature-card h4,
.program-card h3,
.program-card h4,
.support-card h3,
.stat-card h2{

    color:#FFFFFF;
}

.feature-card p,
.program-card p,
.support-card p,
.stat-card p{

    color:#9A9AA5;
}
.feature-card:hover,
.program-card:hover,
.support-card:hover,
.stat-card:hover{

    border-color:#35265f;

    box-shadow:
    0 0 20px rgba(72,52,130,.25),
    0 0 40px rgba(72,52,130,.12);

    transform:translateY(-8px);
}
.feature-card::before,
.program-card::before,
.support-card::before,
.stat-card::before{

    content:"";

    position:absolute;

    width:280px;
    height:280px;

    left:var(--x);
    top:var(--y);

    transform:translate(-50%,-50%);

    background:radial-gradient(
    250px circle at var(--x) var(--y),
    rgba(123,97,255,.25),
    rgba(0,191,255,.10) 35%,
    transparent 70%
);
    opacity:0;

    transition:opacity .3s;

    pointer-events:none;
}

.feature-card:hover::before,
.program-card:hover::before,
.support-card:hover::before,
.stat-card:hover::before{
    opacity:1;
}
.admission-banner{

    position:relative;

    margin:50px auto 0;

    max-width:550px;

    background:#070111;

    border:1px solid #1A1230;

    border-radius:28px;

    padding:35px;

    text-align:center;

    overflow:hidden;

    backdrop-filter:blur(20px);

    animation:floatCard 4s ease-in-out infinite;

    box-shadow:
    0 0 20px rgba(72,52,130,.20),
    0 0 40px rgba(72,52,130,.08);
}

.banner-glow{

    position:absolute;

    width:250px;
    height:250px;

    background:#2A2440;

    border-radius:50%;

    top:-100px;
    right:-100px;

    filter:blur(80px);

    opacity:.5;
}

.banner-badge{

    display:inline-block;

    padding:10px 18px;

    border-radius:50px;

    background:#2A2440;

    color:#fff;

    font-size:13px;

    letter-spacing:1px;

    animation:pulseBadge 2s infinite;
}

.admission-banner h3{

    margin-top:20px;

    color:#fff;

    font-size:32px;

    font-weight:700;
}

.admission-banner p{

    margin-top:15px;

    color:#9A9AA5;

    line-height:1.8;
}

.highlight{

    color:#fff;

    font-weight:700;
}

.live-indicator{

    margin-top:20px;

    display:flex;

    justify-content:center;

    align-items:center;

    gap:10px;

    color:#fff;

    font-size:14px;
}

.live-indicator span{

    width:10px;
    height:10px;

    border-radius:50%;

    background:#00ff66;

    animation:blink 1s infinite;
}

.banner-btn{

    display:inline-block;

    margin-top:25px;

    padding:16px 32px;

    background:#fff;

    color:#000;

    text-decoration:none;

    border-radius:50px;

    font-weight:700;

    transition:.3s;
}

.banner-btn:hover{

    transform:translateY(-5px) scale(1.05);

    box-shadow:
    0 0 20px rgba(255,255,255,.20);
}

@keyframes floatCard{

    0%,100%{
        transform:translateY(0);
    }

    50%{
        transform:translateY(-8px);
    }
}

@keyframes pulseBadge{

    0%,100%{
        transform:scale(1);
    }

    50%{
        transform:scale(1.08);
    }
}

@keyframes blink{

    0%,100%{
        opacity:1;
    }

    50%{
        opacity:.3;
    }
}/* ===== PREMIUM GLASS CARDS FOR ENTIRE WEBSITE ===== */

.feature-card,
.program-card,
.support-card,
.process-card,
.timeline-card,
.about-card,
.mv-card,
.value-card,
.contact-info,
.contact-form,
.stat-card{

    position:relative;
    overflow:hidden;

    background:linear-gradient(
        145deg,
        rgba(15,8,35,.95),
        rgba(5,2,15,.95)
    );

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

    border-radius:28px;

    backdrop-filter:blur(20px);

    transition:all .5s ease;

    box-shadow:
    0 20px 40px rgba(0,0,0,.35);
}

/* GLASS REFLECTION */

.feature-card::before,
.program-card::before,
.support-card::before,
.process-card::before,
.timeline-card::before,
.about-card::before,
.mv-card::before,
.value-card::before,
.contact-info::before,
.contact-form::before,
.stat-card::before{

    content:"";

    position:absolute;

    top:-120%;

    left:-60%;

    width:60%;

    height:300%;

    background:linear-gradient(
        rgba(255,255,255,.10),
        transparent
    );

    transform:rotate(25deg);

    transition:.8s ease;
}

/* HOVER EFFECT */

.feature-card:hover,
.program-card:hover,
.support-card:hover,
.process-card:hover,
.timeline-card:hover,
.about-card:hover,
.mv-card:hover,
.value-card:hover,
.contact-info:hover,
.contact-form:hover,
.stat-card:hover{

    transform:translateY(-12px);

    border-color:rgba(95,70,180,.4);

    box-shadow:
    0 30px 60px rgba(0,0,0,.5),
    0 0 25px rgba(95,70,180,.15);
}

.feature-card:hover::before,
.program-card:hover::before,
.support-card:hover::before,
.process-card:hover::before,
.timeline-card:hover::before,
.about-card:hover::before,
.mv-card:hover::before,
.value-card:hover::before,
.contact-info:hover::before,
.contact-form:hover::before,
.stat-card:hover::before{

    left:130%;
}


body{
    background:#000;
    position:relative;
    overflow-x:hidden;
}


body::before{
    content:"";
    position:fixed;
    inset:0;

    background-image:
        radial-gradient(circle, rgba(255,255,255,.9) 1px, transparent 1px),
        radial-gradient(circle, rgba(255,255,255,.6) 1px, transparent 1px),
        radial-gradient(circle, rgba(255,255,255,.4) 2px, transparent 2px);

    background-size:
        120px 120px,
        180px 180px,
        250px 250px;

    background-position:
        0 0,
        50px 80px,
        100px 40px;

    animation:glitterMove 25s linear infinite;

    opacity:.35;

    z-index:-2;
}


body::after{
    content:"";
    position:fixed;
    inset:0;

    background:
        radial-gradient(circle at 20% 20%,
        rgba(255,255,255,.08), transparent 30%),

        radial-gradient(circle at 80% 30%,
        rgba(255,255,255,.05), transparent 35%),

        radial-gradient(circle at 50% 80%,
        rgba(255,255,255,.07), transparent 40%);

    filter:blur(80px);

    z-index:-1;
}

/* Floating Sparkles */
@keyframes glitterMove{
    from{
        transform:translateY(0);
    }

    to{
        transform:translateY(-200px);
    }
}
.feature-card,
.program-card,
.support-card,
.process-card,
.timeline-card,
.stat-card{
    position:relative;
    overflow:hidden;
    border:1px solid #1f1f1f;
}

/* BLUE BORDER GLOW */
.feature-card:hover,
.program-card:hover,
.support-card:hover,
.process-card:hover,
.timeline-card:hover,
.stat-card:hover{

    border-color:#7B61FF;

    box-shadow:
    0 0 5px #7B61FF,
    0 0 15px rgba(123,97,255,.6),
    0 0 30px rgba(123,97,255,.4),
    inset 0 0 20px rgba(255,215,0,.05);

    transform:translateY(-5px);
}
/* ===== UNIVERSAL BLUE CARD EFFECT ===== */

.feature-card,
.program-card,
.support-card,
.process-card,
.timeline-card,
.about-card,
.mv-card,
.value-card,
.contact-info,
.contact-form,
.stat-card{

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

    transition:.4s ease;
}

.feature-card:hover,
.program-card:hover,
.support-card:hover,
.process-card:hover,
.timeline-card:hover,
.about-card:hover,
.mv-card:hover,
.value-card:hover,
.contact-info:hover,
.contact-form:hover,
.stat-card:hover{

    border-color:#7B61FF;

    box-shadow:
    0 0 5px #7B61FF,
    0 0 15px rgba(123,97,255,.6),
    0 0 30px rgba(123,97,255,.4),
    0 0 50px rgba(123,97,255,.2);

    transform:translateY(-8px);
}
.zigzag-learning{
    max-width:1200px;
    margin:auto;
    padding:100px 8%;
    position:relative;
}

.zigzag-learning h2{
    text-align:center;
    font-size:55px;
    margin-bottom:100px;
}

.zigzag-learning::before{
    content:"";
    position:absolute;
    left:50%;
    top:180px;
    width:2px;
    height:calc(100% - 220px);
    background:#7B61FF;
    transform:translateX(-50%);
}

.zigzag-item{
    width:50%;
    position:relative;
    margin-bottom:70px;
}

.zigzag-item.left{
    padding-right:80px;
    text-align:right;
}

.zigzag-item.right{
    margin-left:50%;
    padding-left:80px;
}

.circle{
    width:70px;
    height:70px;

    border-radius:50%;

    background:#7B61FF;
    color:#000;

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

    font-size:22px;
    font-weight:700;

    position:absolute;
    top:15px;
}

.left .circle{
    right:-35px;
}

.right .circle{
    left:-35px;
}

.content{
    background:#070111;
    border:1px solid #1A1230;
    border-radius:25px;
    padding:35px;
}

.content h3{
    font-size:30px;
    margin-bottom:15px;
}

.content p{
    color:#bdbdbd;
    line-height:1.8;
}

@media(max-width:768px){

    .zigzag-learning::before{
        left:35px;
    }

    .zigzag-item,
    .zigzag-item.right{
        width:100%;
        margin-left:0;
        padding-left:90px;
        padding-right:0;
        text-align:left;
    }

    .left .circle,
    .right .circle{
        left:0;
        right:auto;
    }
}
/* ZIGZAG CARD HOVER */

.zigzag-item .content{

    transition:all .4s ease;

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

.zigzag-item .content:hover{

    transform:translateY(-10px);

    border-color:#7B61FF;

    box-shadow:
    0 0 10px #7B61FF,
    0 0 25px rgba(123,97,255,.5),
    0 0 50px rgba(123,97,255,.25);
}
footer a{
    color:#4da6ff;
    text-decoration:none;
    font-weight:500;
    transition:0.3s;
}

footer a:hover{
    color:#ffffff;
}
.menu-toggle{
    display:none;
    font-size:30px;
    color:#fff;
    cursor:pointer;
}

@media(max-width:768px){

    .menu-toggle{
        display:block;
    }

    .nav-links{
        position:absolute;
        top:100%;
        left:0;
        width:100%;
        background:#000;
        flex-direction:column;
        padding:25px;
        gap:20px;
        display:none;
        text-align:center;
    }

    .nav-links.active{
        display:flex;
    }

    .navbar .enroll-btn{
        display:none;
    }
}
@media(max-width:768px){

.timeline::before{
    display:none;
}

.timeline-item,
.timeline-item:nth-child(odd),
.timeline-item:nth-child(even){

    justify-content:center;
}

.timeline-dot{
    display:none;
}

.timeline-card{

    width:100%;
    max-width:100%;
    margin:0 !important;
    min-height:320px;

    display:flex;
    flex-direction:column;
    justify-content:center;
}
}
@media(max-width:768px){

.zigzag-item,
.zigzag-item.left,
.zigzag-item.right{

    flex-direction:column;
    text-align:center;
    margin-bottom:35px;
}

.circle{
    margin-bottom:15px;
}

.content{
    width:100%;
}
}
@media(max-width:768px){

footer{
    padding:40px 20px;
}

footer h3{
    font-size:22px;
}

footer p{
    font-size:14px;
    line-height:1.8;
}
}
@media(max-width:768px){

.hero-content h1,
.training-content h1,
.roadmap-content h1,
.about-content h1,
.contact-content h1,
.placement-content h1{
    font-size:38px;
    line-height:1.2;
}

.hero-content p,
.training-content p,
.roadmap-content p,
.about-content p,
.contact-content p,
.placement-content p{
    font-size:15px;
    line-height:1.8;
}

h2{
    font-size:28px !important;
}

h3{
    font-size:20px !important;
}
}
@media(max-width:768px){

.logo img{
    width:160px;
}
}
@media(max-width:768px){

.primary-btn,
.secondary-btn,
.cta-btn,
.enroll-btn,
.banner-btn{

    width:100%;
    max-width:300px;
    text-align:center;
}
}
@media(max-width:768px){

.stat-card{
    min-height:180px;
    display:flex;
    flex-direction:column;
    justify-content:center;
}
}
@media(max-width:768px){

.hero{
    min-height:85vh;
    padding:120px 20px 60px;
}

.hero-content{
    max-width:100%;
}

.subtitle{
    font-size:10px;
    letter-spacing:5px;
    line-height:1.8;
    display:block;
    margin-bottom:15px;
}

.hero-content h1{
    font-size:42px;
    line-height:1.05;
    margin-bottom:18px;
}

.hero-content p{
    font-size:14px;
    line-height:1.9;
    max-width:320px;
    margin:auto;
}

.hero-buttons{
    margin-top:30px;
    gap:15px;
}

.primary-btn,
.secondary-btn{
    width:260px;
    padding:15px;
}

.glow-circle{
    width:280px;
    height:280px;
    opacity:.45;
}

}
@media(max-width:768px){

.zigzag-item .content{

    width:220px !important;
    height:200px !important;

    min-height:200px !important;
    max-height:200px !important;

    padding:20px;

    display:flex;
    flex-direction:column;

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

    text-align:center;

    border-radius:20px;
}

.zigzag-item .content h3{

    min-height:55px;

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

    margin-bottom:10px;

    font-size:20px;
}

.zigzag-item .content p{

    min-height:70px;

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

    font-size:13px;
    line-height:1.6;
}
}
/* ==========================
   TRAINING PAGE MOBILE HERO
========================== */

@media(max-width:768px){

/* HERO */

.training-hero{

    min-height:85vh !important;

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

    padding:90px 20px 40px;

    text-align:center;

    overflow:hidden;
}

.training-content{

    max-width:340px;
    margin:auto;

    position:relative;
    z-index:2;
}

.training-content .subtitle{

    display:block;

    font-size:9px;

    letter-spacing:3px;

    color:#9e9e9e;

    margin-bottom:18px;

    line-height:1.8;
}

.training-content h1{

    font-size:42px;

    font-weight:800;

    line-height:1.15;

    letter-spacing:-1px;

    margin:0 auto 20px;

    max-width:320px;
}

.training-content p{

    font-size:14px;

    line-height:1.9;

    color:#bdbdbd;

    max-width:320px;

    margin:auto;
}

.training-hero .glow-circle{

    width:300px;

    height:300px;

    opacity:.45;
}

/* WHAT YOU WILL LEARN */

.zigzag-learning{

    padding:70px 20px;
}

.zigzag-learning h2{

    font-size:34px;

    margin-bottom:40px;

    text-align:center;
}

.zigzag-item{

    margin-bottom:25px;
}

.zigzag-item .content{

    width:240px !important;

    height:200px !important;

    min-height:200px !important;

    max-height:200px !important;

    padding:20px;

    display:flex;

    flex-direction:column;

    justify-content:center;

    align-items:center;

    text-align:center;
}

.zigzag-item .content h3{

    height:55px;

    display:flex;

    align-items:center;

    justify-content:center;

    text-align:center;

    font-size:22px;

    margin-bottom:10px;
}

.zigzag-item .content p{

    height:70px;

    display:flex;

    align-items:center;

    justify-content:center;

    text-align:center;

    font-size:13px;

    line-height:1.6;
}

/* OUTCOME CARDS */

.stat-card{

    min-height:180px;

    display:flex;

    flex-direction:column;

    justify-content:center;
}

}
@media(max-width:768px){

.about-showcase{

    display:flex !important;

    flex-direction:column !important;

    gap:25px;

    margin:80px auto;

    padding:0 20px;

    text-align:center;
}

.reverse{

    flex-direction:column !important;
}

.showcase-text{

    width:100%;
}

.showcase-image{

    width:100%;
}

.showcase-image img{

    width:100%;

    height:280px;

    object-fit:cover;

    border-radius:25px;
}

.showcase-text h2{

    font-size:36px;

    margin:15px 0;
}

.showcase-text p{

    font-size:15px;

    line-height:1.9;
}

}
@media(max-width:768px){

.mission-quote{

    padding:60px 20px !important;
}

.mission-quote h2{

    font-size:42px !important;

    line-height:1.2;

    margin:0;
}
}
@media(max-width:768px){

/* HERO */

.contact-hero{

    min-height:65vh !important;

    padding:90px 20px 40px !important;
}

.contact-content{

    max-width:340px;
    margin:auto;
}

.contact-content h1{

    font-size:42px;

    line-height:1.15;

    margin:15px 0;
}

.contact-content p{

    font-size:14px;

    line-height:1.8;
}

.contact-circle{

    width:280px;
    height:280px;
}


/* FORM SECTION */

.contact-form-section{

    padding:20px 20px 50px !important;
}

.contact-form{

    padding:30px 20px !important;

    border-radius:20px;
}

.contact-form h2{

    font-size:32px !important;

    margin-bottom:25px;
}

.form-group{

    margin-bottom:15px;
}

.form-group input,
.form-group textarea,
.form-group select{

    padding:15px;
    font-size:14px;
}

.form-group textarea{

    height:120px !important;
}


/* CONTACT INFO */

.contact-info-map{

    padding:0 20px 50px !important;

    gap:20px;
}

.contact-info{

    height:auto !important;

    padding:25px !important;
}

.contact-info h2{

    font-size:32px;
}

.contact-info p{

    font-size:15px !important;

    line-height:1.8;
}

.contact-details div{

    font-size:15px !important;

    margin-bottom:15px;
}


/* MAP */

.map-box{

    min-height:250px !important;

    height:250px !important;
}

.map-box iframe{

    height:250px !important;
}


/* CTA */

.about-cta{

    min-height:55vh !important;

    padding:40px 20px !important;
}

.cta-content h2{

    font-size:36px !important;

    line-height:1.2;
}

.cta-content p{

    font-size:15px;
}


/* WHATSAPP */

.whatsapp-btn{

    width:55px;
    height:55px;

    font-size:28px;

    right:15px;
    bottom:15px;
}


/* FOOTER */

footer{

    padding:40px 20px;
}

footer h3{

    font-size:22px;
}

footer p{

    font-size:13px;
}

}
@media(max-width:768px){

.navbar{

    height:70px;
}

body{

    overflow-x:hidden;
}
}
@media(max-width:768px){

.about-hero{

    min-height:75vh !important;

    padding:90px 20px 30px !important;
}

.about-intro{

    margin:40px auto !important;

    padding:0 20px !important;
}

.about-intro h2{

    margin:12px 0 !important;
}

}
@media(max-width:768px){

.training-hero{

    min-height:auto !important;

    padding:100px 20px 50px !important;
}

.training-content{

    max-width:340px;
    margin:auto;
}
}
@media(max-width:768px){

.roadmap-hero{

    min-height:85vh !important;

    padding:90px 20px 40px !important;
}

.roadmap-content{

    max-width:340px;
    margin:auto;
}

.roadmap-content h1{

    font-size:42px;
    line-height:1.15;
    margin:20px 0;
}

.roadmap-content p{

    font-size:14px;
    line-height:1.9;
}

.roadmap-content .subtitle{

    font-size:10px;
    letter-spacing:4px;
}

.glow-circle{

    width:300px;
    height:300px;
    opacity:.45;
}
}
@media(max-width:768px){

.placement-hero{

    min-height:85vh !important;

    padding:90px 20px 40px !important;

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

.placement-content{

    max-width:340px;
    margin:auto;
}

.placement-content .subtitle{

    font-size:10px;

    letter-spacing:4px;

    display:block;

    margin-bottom:15px;
}

.placement-content h1{

    font-size:42px;

    line-height:1.15;

    margin:20px 0;
}

.placement-content p{

    font-size:14px;

    line-height:1.9;
}

.placement-hero .glow-circle{

    width:300px;

    height:300px;

    opacity:.45;
}

}
@media(max-width:768px){

.logo img{
    margin-left:-35px !important;
}

}
.mobile-enroll{
    display:none;
}

@media(max-width:768px){

    .mobile-enroll{
        display:block;
        width:100%;
    }

    .mobile-enroll a{
        display:block;
        background:#fff;
        color:#000 !important;
        padding:14px;
        border-radius:50px;
        text-align:center;
        font-weight:600;
        margin-top:10px;
    }
}
/* ===== DESKTOP FONT SIZE REDUCE ===== */

@media(min-width:769px){

    /* Main Hero Titles */
    .hero-content h1,
    .training-content h1,
    .roadmap-content h1,
    .about-content h1,
    .contact-content h1,
    .placement-content h1{
        font-size:58px !important;
    }

    /* Hero Paragraph */
    .hero-content p,
    .training-content p,
    .roadmap-content p,
    .about-content p,
    .contact-content p,
    .placement-content p{
        font-size:17px !important;
    }

    /* Section Headings */
    .companies h2,
    .why-monarch h2,
    .training-modules h2,
    .placement-stats h2,
    .zigzag-learning h2,
    .about-intro h2,
    .showcase-text h2,
    .mission-side h2,
    .vision-side h2,
    .cta-content h2{
        font-size:42px !important;
    }

    /* Card Titles */
    .module-box h3,
    .timeline-card h3,
    .content h3,
    .journey-content h3{
        font-size:24px !important;
    }

    /* Normal Text */
    p,
    li{
        font-size:15px;
    }

    /* Stats */
    .stat-card h2{
        font-size:46px !important;
    }
}
/* ==========================================
   FINAL MOBILE OPTIMIZATION
========================================== */

@media(max-width:768px){

    /* HERO SECTIONS */

    .hero,
    .training-hero,
    .roadmap-hero,
    .placement-hero,
    .about-hero,
    .contact-hero{

        min-height:80vh !important;

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

        padding:90px 20px !important;

        position:relative;
        overflow:hidden;
    }

    /* HERO CONTENT */

    .hero-content,
    .training-content,
    .roadmap-content,
    .placement-content,
    .about-content,
    .contact-content{

        max-width:330px;
        margin:auto;
        text-align:center;
        z-index:2;
    }

    /* CENTER GLOW CIRCLES */

    .glow-circle,
    .about-circle,
    .contact-circle{

        position:absolute !important;

        top:50% !important;
        left:50% !important;

        transform:translate(-50%,-50%) !important;

        width:280px !important;
        height:280px !important;

        opacity:.45;
    }

    /* SAME GAP AFTER HERO */

    .stats,
    .why-monarch,
    .training-modules,
    .timeline-section,
    .placement-journey,
    .about-intro,
    .contact-form-section{

        padding-top:80px !important;
    }

    /* HERO TITLES */

    .hero-content h1,
    .training-content h1,
    .roadmap-content h1,
    .placement-content h1,
    .about-content h1,
    .contact-content h1{

        font-size:26px !important;
        line-height:1.25 !important;
        margin-bottom:15px !important;
    }

    /* SUBTITLE */

    .subtitle{

        font-size:9px !important;
        letter-spacing:3px !important;
    }

    /* HERO DESCRIPTION */

    .hero-content p,
    .training-content p,
    .roadmap-content p,
    .placement-content p,
    .about-content p,
    .contact-content p{

        font-size:12px !important;
        line-height:1.8 !important;
    }

    /* ALL HEADINGS */

    h2{

        font-size:22px !important;
        line-height:1.3 !important;
    }

    h3{

        font-size:16px !important;
        line-height:1.4 !important;
    }

    h4{

        font-size:14px !important;
    }

    /* NORMAL TEXT */

    p,
    li{

        font-size:12px !important;
        line-height:1.8 !important;
    }

    /* STATS */

    .stat-card h2{

        font-size:28px !important;
    }

    .stat-card p{

        font-size:12px !important;
    }

    /* BUTTONS */

    .primary-btn,
    .secondary-btn,
    .banner-btn,
    .cta-btn,
    .enroll-btn{

        font-size:13px !important;
    }

    /* NAVBAR */

    .nav-links a{

        font-size:13px !important;
    }

    /* TIMELINE */

    .timeline-card h3{

        font-size:18px !important;
    }

    /* ZIGZAG */

    .zigzag-item .content h3{

        font-size:15px !important;
    }

    .zigzag-item .content p{

        font-size:11px !important;
    }

    /* CONTACT */

    .contact-info h2{

        font-size:22px !important;
    }

    .contact-info p,
    .contact-details div{

        font-size:12px !important;
    }

    /* FOOTER */

    footer h3{

        font-size:16px !important;
    }

    footer p{

        font-size:11px !important;
    }

    /* LOGO */

    .logo img{

        width:150px !important;
    }
}
@media(max-width:768px){

    .admission-banner{

        max-width:260px !important;

        padding:18px !important;

        margin:15px auto 0 !important;

        border-radius:18px !important;
    }

    .admission-banner h3{

        font-size:18px !important;

        margin-top:12px !important;
    }

    .admission-banner p{

        font-size:11px !important;

        line-height:1.6 !important;

        margin-top:10px !important;
    }

    .banner-badge{

        font-size:9px !important;

        padding:6px 12px !important;
    }

    .live-indicator{

        font-size:10px !important;

        margin-top:12px !important;
    }

    .banner-btn{

        max-width:180px !important;

        padding:10px 18px !important;

        font-size:12px !important;

        margin-top:15px !important;
    }

}
@media(max-width:768px){

    .stats{
        padding:40px 20px !important;
        gap:15px !important;
    }

    .stat-card{
        min-height:120px !important;
        padding:25px 15px !important;
        border-radius:20px !important;
    }

    .stat-card h2{
        font-size:24px !important;
        margin-bottom:8px !important;
    }

    .stat-card p{
        font-size:12px !important;
        line-height:1.4 !important;
    }
}
@media (max-width:768px){

    .contact-form{
        max-width:320px !important;
        padding:20px 15px !important;
        margin:auto !important;
    }

    .form-group input,
    .form-group select{
        height:45px !important;
        min-height:45px !important;
        padding:8px 12px !important;
    }

    .form-group textarea{
        height:90px !important;
        min-height:90px !important;
    }

    .submit-btn{
        height:45px !important;
    }
}
@media(max-width:768px){

    /* CONTACT FORM CONTAINER */

    .contact-form{
        width:88% !important;
        max-width:330px !important;
        padding:20px !important;
        border-radius:20px !important;
    }

    /* TITLE */

    .contact-form h2{
        font-size:22px !important;
        margin-bottom:18px !important;
    }

    /* INPUTS */

    .form-group input,
    .form-group select{
        height:42px !important;
        padding:10px 14px !important;
        font-size:13px !important;
    }

    /* TEXTAREA */

    .form-group textarea{
        height:90px !important;
        padding:10px 14px !important;
        font-size:13px !important;
    }

    /* BUTTON */
    .submit-btn{
    width:220px !important;

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

    margin:0 auto !important;

    text-align:center !important;

    padding:0 !important;
    }
}
@media(max-width:768px){

    .contact-info{

        height:auto !important;
        min-height:auto !important;

        padding:25px !important;
    }

}
@media(max-width:768px){

    .contact-info-map{

        padding:0 30px 50px !important;
    }

    .contact-info{

        width:95% !important;

        margin:0 auto !important;
    }

}
/* ==================================
   UNIFORM CARD COLOR
================================== */

.feature-card,
.program-card,
.support-card,
.process-card,
.timeline-card,
.module-box,
.content,
.contact-info,
.contact-form,
.stat-card{

    background:#090027 !important;

    border:1px solid rgba(123,97,255,.18) !important;

    border-radius:28px !important;

    box-shadow:
    0 0 15px rgba(123,97,255,.08) !important;
}

/* HOVER EFFECT */

.feature-card:hover,
.program-card:hover,
.support-card:hover,
.process-card:hover,
.timeline-card:hover,
.module-box:hover,
.content:hover,
.contact-info:hover,
.contact-form:hover,
.stat-card:hover{

    background:#0B0520 !important;

    border-color:#7B61FF !important;

    box-shadow:
    0 0 10px rgba(123,97,255,.35),
    0 0 25px rgba(123,97,255,.20),
    0 0 50px rgba(123,97,255,.10) !important;

    transform:translateY(-8px);
}

/* TEXT COLORS */

.feature-card h3,
.program-card h3,
.support-card h3,
.process-card h3,
.timeline-card h3,
.module-box h3,
.content h3,
.contact-info h2,
.contact-form h2,
.stat-card h2{

    color:#ffffff !important;
}

.feature-card p,
.program-card p,
.support-card p,
.process-card p,
.timeline-card p,
.module-box p,
.content p,
.contact-info p,
.contact-details div,
.stat-card p{

    color:#bdbdbd !important;
}