/*=========================================================
MISSION MDRT
Premium Landing Page
STYLE.CSS
PART 1
=========================================================*/

/*=========================================================
GOOGLE FONTS
=========================================================*/

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Poppins:wght@500;600;700;800&display=swap');

/*=========================================================
CSS VARIABLES
=========================================================*/

:root{

--primary:#0F6FFF;
--secondary:#F6B73C;

--dark:#071A2F;
--dark-2:#08192D;
--card:#102744;

--white:#ffffff;

--text:#C7D3E5;

--border:rgba(255,255,255,.08);

--glass:rgba(255,255,255,.05);

--shadow:0 20px 60px rgba(0,0,0,.30);

--radius:24px;

--transition:.35s ease;

--container:1300px;

}

/*=========================================================
RESET
=========================================================*/

*,
*::before,
*::after{

margin:0;
padding:0;
box-sizing:border-box;

}

html{

scroll-behavior:smooth;

}

body{

font-family:"Inter",sans-serif;

background:var(--dark);

color:var(--white);

overflow-x:hidden;

line-height:1.7;

}

img{

max-width:100%;

display:block;

}
.imgg{width:100%;}

a{

text-decoration:none;

color:inherit;

}

ul{

list-style:none;

}

button{

border:none;

outline:none;

cursor:pointer;

font-family:inherit;

}

input,
textarea{

font-family:inherit;

outline:none;

}

/*=========================================================
CONTAINER
=========================================================*/

.container{

width:min(92%,var(--container));

margin:auto;

}

/*=========================================================
COMMON
=========================================================*/

.section{

padding:120px 0;

position:relative;

overflow:hidden;

}

.text-center{

text-align:center;

}

.flex{

display:flex;

}

.grid{

display:grid;

}

/*=========================================================
TYPOGRAPHY
=========================================================*/

h1,
h2,
h3,
h4{

font-family:"Poppins",sans-serif;

font-weight:700;

line-height:1.2;

}

p{

color:var(--text);

}

.section-title{

max-width:760px;

margin:auto;

text-align:center;

margin-bottom:70px;

}

.section-title span{

display:inline-block;

color:var(--secondary);

font-size:14px;

font-weight:700;

letter-spacing:2px;

text-transform:uppercase;

margin-bottom:15px;

}

.section-title h2{

font-size:52px;

margin-bottom:20px;
color: var(--secondary);

}

.section-title p{

font-size:18px;

}

/*=========================================================
HEADER
=========================================================*/

header{

position:fixed;

top:0;

left:0;

width:100%;

z-index:999;

transition:var(--transition);

background:rgba(7,26,47,.55);

backdrop-filter:blur(10px);

}

header.scrolled{

background:rgba(7,26,47,.95);

backdrop-filter:blur(18px);

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

}

.navbar{

display:flex;

justify-content:space-between;

align-items:center;

padding:20px 5%;

transition:var(--transition);

}

header.scrolled .navbar{

padding:14px 5%;

}

/*=========================================================
LOGO
=========================================================*/

.logo img{

height:58px;

width:auto;

}

/*=========================================================
NAVIGATION
=========================================================*/

.nav-links{

display:flex;

align-items:center;

gap:40px;

}

.nav-links a{

position:relative;

font-weight:500;

transition:var(--transition);

}

.nav-links a:hover{

color:var(--secondary);

}

.nav-links a::after{

content:"";

position:absolute;

left:0;

bottom:-8px;

width:0;

height:2px;

background:var(--secondary);

transition:var(--transition);

}

.nav-links a:hover::after,
.nav-links a.active::after{

width:100%;

}

/*=========================================================
NAV BUTTON
=========================================================*/

.btn-nav{

display:inline-flex;

align-items:center;

justify-content:center;

padding:15px 30px;

background:var(--primary);

border-radius:50px;

font-weight:600;

transition:var(--transition);

}

.btn-nav:hover{

background:var(--secondary);

color:var(--dark);

transform:translateY(-3px);

}

/*=========================================================
MENU BUTTON
=========================================================*/

.menu-btn{

display:none;

font-size:30px;

cursor:pointer;

color:#fff;

}

/*=========================================================
MENU OVERLAY
=========================================================*/

.menu-overlay{

position:fixed;

inset:0;

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

opacity:0;

visibility:hidden;

transition:.3s;

z-index:998;

}

.menu-overlay.active{

opacity:1;

visibility:visible;

}

/*=========================================================
PROGRESS BAR
=========================================================*/

.progress-bar{

position:fixed;

top:0;

left:0;

width:0;

height:4px;

background:linear-gradient(90deg,var(--primary),var(--secondary));

z-index:99999;

}
/*=========================================================
HERO SECTION
=========================================================*/

.hero{

min-height:100vh;

display:flex;

align-items:center;

padding:140px 0 80px;

position:relative;

overflow:hidden;

}

.hero-grid{

display:grid;

grid-template-columns:1fr 1fr;

gap:80px;

align-items:center;

}

/*=========================================================
AURORA BACKGROUND
=========================================================*/

.aurora{

position:fixed;

top:-250px;

right:-250px;

width:700px;

height:700px;

background:
radial-gradient(circle,
rgba(15,111,255,.35),
transparent 70%);

filter:blur(80px);

animation:auroraMove 12s ease-in-out infinite alternate;

z-index:-2;

}

body::before{

content:"";

position:fixed;

left:-250px;

bottom:-250px;

width:700px;

height:700px;

background:
radial-gradient(circle,
rgba(246,183,60,.18),
transparent 70%);

filter:blur(120px);

animation:auroraMove2 14s ease-in-out infinite alternate;

z-index:-2;

}

/*=========================================================
BADGE
=========================================================*/

.badge{

display:inline-flex;

align-items:center;

gap:10px;

padding:12px 22px;

border-radius:50px;

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

border:1px solid var(--border);

backdrop-filter:blur(20px);

margin-bottom:30px;

font-size:15px;

font-weight:600;

}

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


.hero h1{

font-size:50px;

line-height:1.05;

margin-bottom:30px;

max-width:700px;

}

.hero h1 span{

color:var(--secondary);

}

.hero h2{

font-size:30px;

line-height:1.05;

margin-bottom:30px;

max-width:700px;

}

.hero p{

font-size:20px;

line-height:1.8;

margin-bottom:45px;

max-width:620px;

}

.hero-image{

    display:flex;

    flex-direction:column;

    align-items:center;

}

.founder-logo{

    margin-top:25px;

    text-align:center;

}

.founder-logo img{

    max-width:260px;

    width:100%;

    height:auto;

    display:block;

}

/*=========================================================
BUTTON GROUP
=========================================================*/

.hero-buttons{

display:flex;

gap:20px;

flex-wrap:wrap;

margin-bottom:60px;

}

/*=========================================================
PRIMARY BUTTON
=========================================================*/

.btn-primary{

display:inline-flex;

align-items:center;

justify-content:center;

padding:18px 38px;

background:var(--primary);

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

font-weight:600;

border-radius:60px;

position:relative;

overflow:hidden;

transition:var(--transition);

box-shadow:

0 20px 50px rgba(15,111,255,.30);

}

.btn-primary:hover{

transform:translateY(-6px);

box-shadow:

0 30px 70px rgba(15,111,255,.45);

}

.btn-primary::before{

content:"";

position:absolute;

left:-120%;

top:0;

width:70px;

height:100%;

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

transform:skewX(-25deg);

transition:.7s;

}

.btn-primary:hover::before{

left:130%;

}

/*=========================================================
SECONDARY BUTTON
=========================================================*/

.btn-secondary{

display:inline-flex;

align-items:center;

justify-content:center;

padding:18px 38px;

border-radius:60px;

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

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

backdrop-filter:blur(15px);

transition:var(--transition);

}

.btn-secondary:hover{

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

transform:translateY(-6px);

}

/*=========================================================
STATISTICS
=========================================================*/

.hero-stats{

display:flex;

gap:60px;

flex-wrap:wrap;

}

.hero-stats div{

position:relative;

}

.hero-stats h2{

font-size:46px;

color:var(--secondary);

margin-bottom:8px;

}

.hero-stats p{

font-size:15px;

text-transform:uppercase;

letter-spacing:1px;

}

/*=========================================================
HERO IMAGE
=========================================================*/
.hero-image{

    position:relative;

    width:620px;

    height:620px;

    margin:auto;

    display:flex;

    justify-content:center;

    align-items:center;

}

/* Main Circle */

.founder-circle{

    position:relative;

    width:520px;

    height:520px;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:flex-end;

    overflow:hidden;

    background:radial-gradient(circle at center,
        rgba(15,111,255,.45),
        rgba(15,111,255,.18) 60%,
        transparent 100%);

    z-index:5;

}

/* Founder Image */

.founder-circle img{

    width:480px;

    max-width:none;

    position:absolute;

    bottom:0;

    z-index:5;

    filter:drop-shadow(0 30px 60px rgba(0,0,0,.45));

}

/* Gold Ring */

.circle-ring{

    position:absolute;

    width:500px;

    height:500px;

    border-radius:50%;

    border:3px solid rgba(246,191,59,.8);

    z-index:2;

}

/* Outer Ring */

.ring-2{

    width:570px;

    height:570px;

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

    animation:rotateRing 25s linear infinite;

}

/* Blue Glow */

.founder-circle::before{

    content:"";

    position:absolute;

    inset:-60px;

    border-radius:50%;

    background:radial-gradient(circle,
    rgba(15,111,255,.35),
    transparent 70%);

    filter:blur(40px);

    z-index:1;

}

/* Floating Cards */

.floating-card{

    position:absolute;

    min-width:180px;

    padding:18px;

    border-radius:22px;

    backdrop-filter:blur(18px);

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

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

    box-shadow:0 25px 60px rgba(0,0,0,.30);

    z-index:20;

}

.card-1{

    top:60px;

    left:20px;

}

.card-2{

    top:160px;

    right:0;

}

.card-3{

    bottom:80px;

    left:10px;

}

/* Ring Rotation */

@keyframes rotateRing{

    from{

        transform:rotate(0deg);

    }

    to{

        transform:rotate(360deg);

    }

}

@media(max-width:991px){

.hero-image{

    width:100%;

    height:520px;

}

.founder-circle{

    width:380px;

    height:380px;

}

.founder-circle img{

    width:360px;

}

.circle-ring{

    width:370px;

    height:370px;

}

.ring-2{

    width:430px;

    height:430px;

}

.floating-card{

    display:none;

}

}

.hide{display:none;}


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





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

.problem-card,
.pillar-card,
.program-card,
.mission-card,
.mentor-card,
.timeline-content,
.video-card{

position:relative;

padding:40px;

background:var(--glass);

border:1px solid var(--border);

border-radius:var(--radius);

backdrop-filter:blur(18px);

transition:var(--transition);

overflow:hidden;

}

.problem-card:hover,
.pillar-card:hover,
.program-card:hover,
.mission-card:hover,
.mentor-card:hover,
.timeline-content:hover,
.video-card:hover{

transform:translateY(-12px);

box-shadow:var(--shadow);

border-color:rgba(246,183,60,.35);

}

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

.problem-card::before,
.pillar-card::before,
.program-card::before,
.mission-card::before,
.mentor-card::before,
.timeline-content::before,
.video-card::before{

content:"";

position:absolute;

left:-150%;

top:-150%;

width:250%;

height:250%;

background:linear-gradient(

45deg,

transparent,

rgba(255,255,255,.08),

transparent

);

transform:rotate(25deg);

transition:.8s;

}

.problem-card:hover::before,
.pillar-card:hover::before,
.program-card:hover::before,
.mission-card:hover::before,
.mentor-card:hover::before,
.timeline-content:hover::before,
.video-card:hover::before{

left:120%;

top:120%;

}

/*=========================================================
ICONS
=========================================================*/

.problem-card i,
.pillar-card i,
.program-card i,
.mission-card i,
.video-card i{

font-size:48px;

margin-bottom:24px;

color:var(--secondary);

}

/*=========================================================
REVEAL ANIMATION
=========================================================*/

.reveal{

opacity:0;

transform:translateY(60px);

transition:

opacity .8s ease,

transform .8s ease;

}

.reveal.active{

opacity:1;

transform:translateY(0);

}
/*=========================================================
WHY MISSION
=========================================================*/

.problem-grid{

display:grid;

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

gap:30px;

}

.problem-card h3{

font-size:26px;

margin-bottom:18px;

}

.problem-card p{

color:var(--text);

line-height:1.8;

}

/*=========================================================
FIVE PILLARS
=========================================================*/

.pillars{

background:var(--dark-2);

}

.pillar-grid{

display:grid;

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

gap:25px;

}

.pillar-card{

text-align:left;

}

.pillar-number{

position:absolute;

right:20px;

top:15px;

font-size:70px;

font-weight:800;

opacity:.08;

}

.pillar-card h3{

font-size:26px;

margin-bottom:18px;

}

.pillar-card p{

line-height:1.8;

color:var(--text);

}

/*=========================================================
TIMELINE
=========================================================*/

.timeline{

position:relative;

max-width:1100px;

margin:auto;

padding:60px 0;

}

.timeline::before{

content:"";

position:absolute;

top:0;

left:50%;

transform:translateX(-50%);

width:4px;

height:100%;

background:linear-gradient(

var(--primary),

var(--secondary)

);

border-radius:50px;

}

.timeline-item{

position:relative;

width:50%;

padding:30px 60px;

}

.timeline-item.left{

left:0;

text-align:right;

}

.timeline-item.right{

left:50%;

}

.timeline-content{

position:relative;

}

.step{

display:inline-flex;

align-items:center;

justify-content:center;

width:72px;

height:72px;

border-radius:50%;

background:var(--secondary);

color:var(--dark);

font-size:24px;

font-weight:700;

margin-bottom:25px;

box-shadow:

0 10px 30px rgba(246,183,60,.35);

}

.timeline-content h3{

font-size:28px;

margin-bottom:18px;

}

.timeline-content p{

color:var(--text);

line-height:1.8;

}

/*=========================================================
MENTOR SECTION
=========================================================*/

.mentor-section{

background:var(--dark-2);

}

.mentor-grid{

display:grid;

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

gap:25px;

}

.mentor-card{

text-align:left;

}

.number{

position:absolute;

right:20px;

top:10px;

font-size:70px;

font-weight:800;

opacity:.08;

}

.mentor-card h3{

margin:20px 0;

font-size:20px;

}

.mentor-card p{

color:var(--text);

line-height:1.8;

}

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

.mission-grid{

display:grid;

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

gap:30px;

}

.mission-card h3{

margin:20px 0;

font-size:26px;

}

.mission-card p{

color:var(--text);

line-height:1.8;

}

/*=========================================================
PROGRAMS
=========================================================*/

.program-grid{

display:grid;

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

gap:30px;

}

.program-card{

text-align:center;

}

.program-card h3{

margin:20px 0;

font-size:24px;

}

.program-card p{

line-height:1.8;

margin-bottom:25px;

}

.program-card a{

display:inline-flex;

align-items:center;

gap:8px;

color:var(--secondary);

font-weight:600;

transition:var(--transition);
font-size:18px;
border-radius:20px;

}

.program-card a:hover{

transform:translateX(8px);

}

/*=========================================================
VIDEO SECTION
=========================================================*/

.video-grid{

display:grid;

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

gap:30px;

}

.video-card iframe{

width:100%;

aspect-ratio:16/9;

border:none;

border-radius:18px;

}

.video-card h3{

margin-top:20px;

font-size:24px;

}

/*=========================================================
MISSION HIGHLIGHT
=========================================================*/

.highlight{

background:

linear-gradient(

135deg,

rgba(15,111,255,.15),

rgba(246,183,60,.08)

);

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

border-radius:30px;

padding:60px;

text-align:center;

backdrop-filter:blur(20px);

}

.highlight h2{

font-size:52px;

margin-bottom:20px;

}

.highlight p{

max-width:850px;

margin:auto;

font-size:20px;

line-height:1.9;

}

/*=========================================================
SECTION DIVIDER
=========================================================*/

.divider{

width:120px;

height:4px;

margin:30px auto;

border-radius:50px;

background:

linear-gradient(

90deg,

var(--primary),

var(--secondary)

);

}
/*=========================================
  FOUNDER SECTION
=========================================*/

.founder-wrapper{

    display:grid;
    grid-template-columns:420px 1fr;
    gap:70px;
    align-items:flex-start;

}

/* LEFT */

.founder-left{

    position:sticky;
    top:120px;
    text-align:center;

}

.founder-photo{

    width:350px;
    height:350px;

    margin:auto;

    border-radius:50%;

    overflow:hidden;

    background:linear-gradient(135deg,#0F6FFF,#1E3A8A);

    padding:8px;

    box-shadow:0 30px 80px rgba(0,0,0,.35);

}

.founder-photo img{

    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:50%;

}

.founder-info{

    margin-top:30px;

}

.founder-info h3{

    font-size:34px;
    margin-bottom:8px;

}

.founder-info span{

    color:#F6BF3B;
    font-size:18px;

}

.experience-box{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:20px;

    margin-top:35px;

}

.experience-box div{

    padding:25px;

    border-radius:20px;

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

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

}

.experience-box strong{

    display:block;

    font-size:40px;

    color:var(--secondary);

}

.experience-box span{

    display:block;

    margin-top:10px;

    color:#b9c7d8;

    line-height:1.5;

}

/* RIGHT */

.founder-right h3{

    font-size:38px;

    margin-bottom:25px;

}

.founder-right p{

    color:#c8d3df;

    line-height:1.9;

    margin-bottom:20px;

}

/* Problem List */

.problem-list{

    margin:35px 0;

}

.problem-list div{

    display:flex;

    align-items:flex-start;

    gap:15px;

    margin-bottom:18px;

    color:#fff;

}

.problem-list i{

    color:#ef4444;

    margin-top:5px;

}

/* Quote */

.founder-right blockquote{

    margin:45px 0;

    padding:35px;

    border-left:5px solid var(--secondary);

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

    border-radius:0 20px 20px 0;

    font-size:22px;

    line-height:1.8;

}

/* Philosophy */

.philosophy-grid{

    display:grid;

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

    gap:25px;

    margin:50px 0;

}

.philosophy-card{

    padding:30px;

    border-radius:22px;

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

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

    transition:.35s;

}

.philosophy-card:hover{

    transform:translateY(-8px);

    box-shadow:0 20px 60px rgba(0,0,0,.30);

}

.philosophy-card i{

    font-size:42px;

    color:var(--secondary);

    margin-bottom:18px;

}

.philosophy-card h4{

    font-size:24px;

    margin-bottom:10px;

}

.philosophy-card p{

    margin:0;

}

/* Vision */

.vision-box{

    margin-top:50px;

    padding:40px;

    border-radius:25px;

    background:linear-gradient(
        135deg,
        rgba(15,111,255,.10),
        rgba(246,191,59,.08)
    );

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

}

.vision-box h3{

    margin-bottom:25px;

}

.vision-box ul{

    list-style:none;

    padding:0;

}

.vision-box li{

    position:relative;

    padding-left:35px;

    margin-bottom:18px;

    line-height:1.8;

}

.vision-box li::before{

    content:"✓";

    position:absolute;

    left:0;

    color:#22c55e;

    font-weight:bold;

}

/* Legacy Quote */

.legacy-quote{

    margin:70px 0;

    text-align:center;

    padding:60px 40px;

    border-radius:30px;

    background:linear-gradient(
        135deg,
        rgba(246,191,59,.10),
        rgba(15,111,255,.08)
    );

}

.legacy-quote i{

    font-size:42px;

    color:var(--secondary);

    margin-bottom:25px;

}

.legacy-quote h2{

    font-size:44px;

    line-height:1.4;

}

.legacy-quote span{

    color:var(--secondary);

}

/* Signature */

.signature{

    margin-top:50px;

    padding:40px;

    border-radius:20px;

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

}

.signature strong{

    display:block;

    margin-top:30px;

    font-size:26px;

    color:var(--secondary);

}

.signature span{

    color:#9fb4d4;

}

/* Responsive */

@media(max-width:992px){

.founder-wrapper{

grid-template-columns:1fr;

}

.founder-left{

position:relative;

top:auto;

margin-bottom:40px;

}

.philosophy-grid{

grid-template-columns:1fr;

}

.experience-box{

grid-template-columns:1fr 1fr;

}

}

@media(max-width:768px){

.founder-photo{

width:260px;

height:260px;

}

.legacy-quote h2{

font-size:30px;

}

.experience-box{

grid-template-columns:1fr;

}

}



/*=========================================
FINAL CTA
=========================================*/

.final-cta{

    position:relative;

    overflow:hidden;

}

.final-cta::before{

    content:"";

    position:absolute;

    width:700px;

    height:700px;

    left:50%;

    top:50%;

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

    border-radius:50%;

    background:radial-gradient(circle,
    rgba(15,111,255,.25),
    transparent 70%);

    filter:blur(60px);

}

.cta-box{

    position:relative;

    z-index:2;

    max-width:1000px;

    margin:auto;

    padding:80px 60px;

    text-align:center;

    border-radius:35px;

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

    backdrop-filter:blur(20px);

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

}

.cta-tag{

    display:inline-block;

    padding:10px 22px;

    border-radius:40px;

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

    color:#7CC3FF;

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

    margin-bottom:25px;

    font-weight:600;

    letter-spacing:1px;

}

.cta-box h2{

    font-size:58px;

    line-height:1.2;

    margin-bottom:25px;

}

.cta-box h2 span{

    color:var(--secondary);

}

.cta-subtitle{

    max-width:760px;

    margin:0 auto 45px;

    font-size:20px;

    line-height:1.9;

    color:#C8D4E2;

}

.cta-buttons{

    display:flex;

    justify-content:center;

    gap:25px;

    flex-wrap:wrap;

}

.btn-secondary{

    display:inline-flex;

    align-items:center;

    gap:12px;
	font-size:20px;

    padding:18px 34px;

    border-radius:50px;

    background:transparent;

    border:2px solid var(--secondary);

    color:#fff;

    transition:.35s;

}

.btn-secondary:hover{

    background:var(--secondary);

    color:#111;

}

.cta-divider{

    width:120px;

    height:2px;

    background:linear-gradient(to right,#0F6FFF,#F6BF3B);

    margin:60px auto;

}

.cta-box blockquote{

    font-size:28px;

    line-height:1.8;

    max-width:850px;

    margin:auto;

    color:#fff;

}

.cta-box blockquote i{

    color:var(--secondary);

    margin-right:10px;

}

.cta-box blockquote span{

    color:var(--secondary);

    font-weight:700;

}

@media(max-width:768px){

.cta-box{

padding:50px 25px;

}

.cta-box h2{

font-size:38px;

}

.cta-subtitle{

font-size:18px;

}

.cta-buttons{

flex-direction:column;

}

}

.me-2{margin-right:10px;}
/*=========================================================
TESTIMONIALS
=========================================================*/

.testimonials{

background:var(--dark);

}

.testimonial-slider{

display:grid;

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

gap:30px;

}

.testimonial-card{

padding:40px;

background:var(--glass);

border:1px solid var(--border);

border-radius:var(--radius);

backdrop-filter:blur(20px);

transition:var(--transition);

}

.testimonial-card:hover{

transform:translateY(-10px);

box-shadow:var(--shadow);

}

.testimonial-image{

width:80px;

height:80px;

margin-bottom:25px;

}

.testimonial-image img{

width:100%;

height:100%;

border-radius:50%;

object-fit:cover;

}

.stars{

margin-bottom:20px;

color:var(--secondary);

font-size:18px;

letter-spacing:3px;

}

.testimonial-card p{

line-height:1.9;

margin-bottom:25px;

}

.testimonial-card h4{

font-size:20px;

margin-bottom:6px;

}

.testimonial-card span{

color:var(--text);

font-size:15px;

}

/*=========================================================
FAQ
=========================================================*/

.faq{

background:var(--dark-2);

}

.faq-container{

max-width:900px;

margin:auto;

}

.faq-item{

margin-bottom:20px;

border:1px solid var(--border);

border-radius:20px;

overflow:hidden;

background:var(--glass);

backdrop-filter:blur(20px);

}

.faq-question{

display:flex;

justify-content:space-between;

align-items:center;

padding:24px 30px;

cursor:pointer;

font-weight:600;

font-size:20px;

}

.faq-question i{

transition:.35s;

}

.faq-item.active .faq-question i{

transform:rotate(180deg);

}

.faq-answer{

display:none;

padding:0 30px 25px;

line-height:1.9;

color:var(--text);

}

.faq-item.active .faq-answer{

display:block;

}

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

.cta{

padding:140px 0;

background:

linear-gradient(

135deg,

var(--primary),

var(--dark)

);

text-align:center;

position:relative;

overflow:hidden;

}

.cta::before{

content:"";

position:absolute;

width:600px;

height:600px;

border-radius:50%;

background:

radial-gradient(

circle,

rgba(255,255,255,.10),

transparent 70%

);

top:-250px;

right:-250px;

}

.cta h2{

font-size:60px;

margin-bottom:25px;

}

.cta p{

max-width:750px;

margin:auto;

font-size:20px;

margin-bottom:40px;

}

/*=========================================================
FOOTER
=========================================================*/
footer{

    background:#050D18;

    padding:90px 0 30px;

}

.footer-grid{

    display:grid;

    grid-template-columns:2fr 1fr 1fr 1.3fr;

    gap:60px;

}

.footer-column h3{

    margin-bottom:25px;

    font-size:22px;

}

.footer-logo{

    height:65px;

    margin-bottom:25px;

}

.footer-text{

    color:#bfc9d9;

    line-height:1.9;

    margin-bottom:30px;

}

.footer-column ul{

    list-style:none;

    padding:0;

}

.footer-column li{

    margin-bottom:16px;

}

.footer-column a{

    color:#c7d3e5;

    transition:.3s;

}

.footer-column a:hover{

    color:var(--secondary);

    padding-left:6px;

}

.contact-info li{

    display:flex;

    align-items:center;

    gap:12px;

}

.contact-info i{

    width:20px;

    color:var(--secondary);

}

.social-links{

    display:flex;

    gap:15px;

}

.social-links a{

    width:45px;

    height:45px;

    display:flex;

    justify-content:center;

    align-items:center;

    border-radius:50%;

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

    transition:.35s;

}

.social-links a:hover{

    background:var(--primary);

    transform:translateY(-5px);

}

footer hr{

    margin:60px 0 30px;

    border:none;

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

}

.footer-bottom{

    display:flex;

    justify-content:space-between;

    align-items:center;

    flex-wrap:wrap;

    gap:15px;

}

.footer-bottom p{

    color:#95A3B8;

    margin:0;

}

@media(max-width:991px){

.footer-grid{

grid-template-columns:1fr 1fr;

}

}

@media(max-width:768px){

.footer-grid{

grid-template-columns:1fr;

text-align:center;

}

.social-links{

justify-content:center;

}

.contact-info li{

justify-content:center;

}

.footer-bottom{

flex-direction:column;

text-align:center;

}

.hide
{display:block;}

}
.video-card{

display:block;

overflow:hidden;

border-radius:24px;

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

transition:.4s;

}

.video-thumb{

position:relative;

overflow:hidden;

border-radius:20px;

}

.video-thumb img{

width:100%;

display:block;

transition:.5s;

}

.video-card:hover img{

transform:scale(1.08);

}

.play-btn{

position:absolute;

top:50%;

left:50%;

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

width:80px;

height:80px;

border-radius:50%;

background:#ff0000;

display:flex;

justify-content:center;

align-items:center;

font-size:30px;

color:#fff;

transition:.35s;

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

}

.video-thumb{
    position:relative;
    overflow:hidden;
    border-radius:18px;
}

.video-thumb img{
    width:100%;
    display:block;
    border-radius:18px;
}

.play-btn{

    position:absolute;

    top:50%;
    left:50%;

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

    width:90px;
    height:90px;

    border-radius:50%;

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

    background:#ff0000;

    color:#fff;

    z-index:5;

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

    transition:.35s ease;
}

.play-btn i{

    font-size:34px;

    margin-left:6px; /* visually centers the play triangle */

    line-height:1;
	margin-bottom:0px;

}

.video-card:hover .play-btn{

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

    background:#ff1f1f;

}
.play-btn{

    background:rgba(255,0,0,.92);

    backdrop-filter:blur(10px);

    border:2px solid rgba(255,255,255,.25);

}
.play-btn::before{

    content:"";

    position:absolute;

    inset:-10px;

    border-radius:50%;

    border:2px solid rgba(255,255,255,.35);

    animation:pulsePlay 2s infinite;

}

@keyframes pulsePlay{

    0%{
        transform:scale(1);
        opacity:.8;
    }

    100%{
        transform:scale(1.6);
        opacity:0;
    }

}

.video-card h3{

margin-top:20px;

text-align:center;

font-size:24px;

}


.floating-card{

    position:absolute;

    min-width:220px;

    padding:18px 22px;

    border-radius:18px;

    backdrop-filter:blur(20px);

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

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

    box-shadow:0 25px 60px rgba(0,0,0,.30);

    z-index:20;

}

.floating-card i{

font-size:28px;

color:var(--secondary);

}

.floating-card strong{

display:block;

font-size:22px;

}

.floating-card span{

font-size:14px;

color:#b9c7d8;

}


.hero h1{

line-height:1.08;

}
.logo img{

height:78px;

}
.hero-grid{

grid-template-columns:1.15fr .85fr;

}
.hero-buttons{

margin-top:45px;

gap:24px;

}


@keyframes floatCard{

0%,100%{

transform:translateY(0);

}

50%{

transform:translateY(-12px);

}

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

.floating-card{

display:none;

}

}

.mission-message{

    margin-top:70px;

    padding:50px;

    border-radius:24px;

    background:linear-gradient(135deg,#0b2343,#122f5c);

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

    text-align:center;

}

.mission-message blockquote{

    font-size:28px;

    font-weight:600;

    line-height:1.6;

    max-width:900px;

    margin:0 auto 30px;

    color:#fff;

}

.mission-message i{

    color:var(--secondary);

    margin-right:10px;

}

.mission-message h3{

    color:var(--secondary);

    font-size:34px;

    margin-bottom:20px;

}

.mission-message p{

    max-width:900px;

    margin:auto;

    font-size:18px;

    color:#cbd5e1;

    line-height:1.8;

}

.recognition-section{

margin-top:100px;

}

.badge-grid{

display:grid;

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

gap:30px;

margin-top:60px;

}

.badge-card{

padding:40px 30px;

text-align:center;

border-radius:28px;

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

backdrop-filter:blur(18px);

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

transition:.4s;

position:relative;

overflow:hidden;

}

.badge-card:hover{

transform:translateY(-12px);

box-shadow:0 30px 80px rgba(0,0,0,.30);

}

.badge-card img{

height:140px;

margin:auto;

margin-bottom:25px;

transition:.4s;

}

.badge-card:hover img{

transform:scale(1.08);

}

.badge-card h3{

font-size:28px;

margin-bottom:10px;

}

.badge-card p{

color:#cbd5e1;

}

.bronze{

border-top:4px solid #cd7f32;

}

.silver{

border-top:4px solid #c0c0c0;

}

.gold{

border-top:4px solid #f5c542;

}

.diamond{

border-top:4px solid #4fd1ff;

}

@media(max-width:992px){

.badge-grid{

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

}

}

@media(max-width:600px){

.badge-grid{

grid-template-columns:1fr;

}

}

.timeline-cta{

    margin:80px 0;

}
.timeline-cta h3{
font-size: 30px;
    text-align: center;
}
.timeline-cta p{

    text-align: center;
}

.timeline-cta{

    text-align:center;

    margin:80px auto;

    max-width:900px;

}

.timeline-cta h3{

    margin-bottom:15px;

}

.timeline-cta p{

    margin-bottom:35px;

}

.cta-btn{

    display:flex;

    justify-content:center;

    align-items:center;

}

.cta-btn .btn-primary{

    display:inline-flex;

}

.badge-icon{

    width:120px;
    height:120px;

    margin:0 auto 30px;

    border-radius:50%;

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

    font-size:52px;

    color:#fff;

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

}

.bronze .badge-icon{

    background:linear-gradient(145deg,#b87333,#8c5523);

}

.silver .badge-icon{

    background:linear-gradient(145deg,#d9d9d9,#8f8f8f);

}

.gold .badge-icon{

    background:linear-gradient(145deg,#FFD54A,#E6A700);

}

.diamond .badge-icon{

    background:linear-gradient(145deg,#4FC3F7,#1976D2);

}

.badge-icon i{

    font-size:52px;

}


.recognition-section{

    margin-top:100px;

}
.badge-card{

    background:linear-gradient(
        145deg,
        rgba(255,255,255,.08),
        rgba(255,255,255,.03)
    );

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

    transition:.35s;

}

.badge-card:hover{

    transform:translateY(-10px);

    box-shadow:0 30px 70px rgba(0,0,0,.35);

}


.audience-grid{

    display:grid;

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

    gap:40px;

    margin-top:60px;

}

.audience-card{

    position:relative;

    padding:50px 40px;

    border-radius:30px;

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

    backdrop-filter:blur(20px);

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

    transition:.4s;

    overflow:hidden;

}

.audience-card:hover{

    transform:translateY(-10px);

    box-shadow:0 25px 60px rgba(0,0,0,.30);

}

.audience-card::before{

    content:"";

    position:absolute;

    left:0;

    top:0;

    width:100%;

    height:5px;

    background:linear-gradient(90deg,#0F6FFF,#F6BF3B);

}

.audience-icon{

    width:90px;

    height:90px;

    margin-bottom:25px;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    background:linear-gradient(135deg,#0F6FFF,#1E40AF);

    color:#fff;

    font-size:38px;

}

.mentor .audience-icon{

    background:linear-gradient(135deg,#F6BF3B,#E69A00);

}

.audience-card h3{

    font-size:32px;

    margin-bottom:10px;

}

.subtitle{

    color:#9fb4d4;

    margin-bottom:25px;

}

.audience-card ul{

    list-style:none;

    padding:0;

    margin:0 0 35px;

}

.audience-card li{

    display:flex;

    align-items:flex-start;

    gap:12px;

    margin-bottom:18px;

    line-height:1.7;

}

.audience-card li i{

    color:#22c55e;

    margin-top:4px;

    flex-shrink:0;

}

@media(max-width:992px){

.audience-grid{

grid-template-columns:1fr;

}

}

/* ==========================================
   PROGRAMS SECTION
========================================== */

.program-category{

    margin-top:70px;

}

.program-category h3{

    display:flex;

    align-items:center;

    gap:15px;

    font-size:34px;

    margin-bottom:35px;

    color:#fff;

}

.program-category h3 i{

    width:60px;

    height:60px;

    border-radius:18px;

    display:flex;

    justify-content:center;

    align-items:center;

    background:linear-gradient(135deg,#0F6FFF,#1E40AF);

    color:#fff;

    font-size:26px;

}

.program-grid{

    display:grid;

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

    gap:30px;

}

.program-card{

    position:relative;

    padding:35px 30px;

    border-radius:24px;

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

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

    backdrop-filter:blur(20px);

    transition:.35s;

    overflow:hidden;

}

.program-card::before{

    content:"";

    position:absolute;

    left:0;

    top:0;

    width:100%;

    height:4px;

    background:linear-gradient(90deg,#0F6FFF,#F6BF3B);

}

.program-card:hover{

    transform:translateY(-10px);

    border-color:rgba(246,191,59,.35);

    box-shadow:0 25px 60px rgba(0,0,0,.30);

}

.program-icon{

    width:80px;

    height:80px;

    margin-bottom:25px;

    border-radius:20px;

    display:flex;

    justify-content:center;

    align-items:center;

    background:linear-gradient(135deg,#0F6FFF,#1E40AF);

    color:#fff;

    font-size:34px;

    transition:.35s;

}

.program-card:hover .program-icon{

    transform:rotate(-8deg) scale(1.08);

}

.program-card h4{

    font-size:24px;

    line-height:1.4;

    margin-bottom:15px;

    color:#fff;

}

.program-card p{

    color:#AFC2D9;

    margin:0;

    line-height:1.7;

}

/* Different Colors */

.program-category:nth-child(2) .program-icon{

    background:linear-gradient(135deg,#0F6FFF,#1E40AF);

}

.program-category:nth-child(3) .program-icon{

    background:linear-gradient(135deg,#8B5CF6,#6D28D9);

}

.program-category:nth-child(4) .program-icon {
    background: linear-gradient(135deg, #87cb49, #10521b);
}

/* ===============================
   WHY JOIN NOW
================================ */

.join-wrapper{

    display:grid;

    grid-template-columns:1.1fr .9fr;

    gap:70px;

    align-items:center;

}

.section-tag{

    display:inline-block;

    padding:8px 20px;

    border-radius:40px;

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

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

    color:#7CC3FF;

    font-weight:600;

    letter-spacing:1px;

    margin-bottom:25px;

}

.join-content h2{

    font-size:56px;

    line-height:1.15;

    margin-bottom:25px;

}

.join-content h2 span{

    color:var(--secondary);

}

.join-content .lead{

    font-size:22px;

    color:#fff;

    margin-bottom:25px;

}

.join-content p{

    color:#B8C7DA;

    line-height:1.9;

}

.join-content blockquote{

    margin:40px 0;

    padding:30px;

    border-left:4px solid var(--secondary);

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

    border-radius:0 20px 20px 0;

    font-size:20px;

    line-height:1.8;

}

.join-content blockquote i{

    color:var(--secondary);

    margin-right:10px;

}

.join-cards{

    display:grid;

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

    gap:25px;

}

.join-card{

    padding:35px;

    border-radius:24px;

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

    backdrop-filter:blur(18px);

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

    transition:.35s;

}

.join-card:hover{

    transform:translateY(-10px);

    box-shadow:0 25px 60px rgba(0,0,0,.30);

}

.join-card .icon{

    width:70px;

    height:70px;

    border-radius:18px;

    display:flex;

    justify-content:center;

    align-items:center;

    background:linear-gradient(135deg,#0F6FFF,#1E40AF);

    font-size:30px;

    color:#fff;

    margin-bottom:20px;

}

.join-card h3{

    font-size:24px;

    margin-bottom:12px;

}

.join-card p{

    color:#B8C7DA;

    line-height:1.7;

}

@media(max-width:992px){

.join-wrapper{

grid-template-columns:1fr;

}

.join-cards{

grid-template-columns:1fr 1fr;

}

}

@media(max-width:768px){

.join-content h2{

font-size:38px;

}

.join-cards{

grid-template-columns:1fr;

}

}

/* CTA */

.program-cta{

    margin-top:90px;

    text-align:center;

    padding:70px 40px;

    border-radius:30px;

    background:linear-gradient(
        135deg,
        rgba(15,111,255,.15),
        rgba(246,191,59,.08)
    );

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

}

.program-cta h3{

    font-size:42px;

    margin-bottom:20px;

}

.program-cta p{

    max-width:750px;

    margin:0 auto 35px;

    color:#cbd5e1;

    font-size:18px;

    line-height:1.8;

}

/* Responsive */

@media(max-width:992px){

.program-grid{

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

}

}

@media(max-width:768px){

.program-grid{

grid-template-columns:1fr;

}

.program-category h3{

font-size:26px;

}

.program-category h3 i{

width:50px;

height:50px;

font-size:22px;

}

.program-card{

padding:30px 25px;

}

.program-cta{

padding:50px 25px;

}

.program-cta h3{

font-size:32px;

}

}

.program-tag{

display:inline-block;

padding:6px 14px;

margin-bottom:20px;

font-size:13px;

font-weight:600;

border-radius:30px;

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

color:#7CC3FF;

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

text-transform:uppercase;

letter-spacing:.5px;

}

/*=========================================================
FLOATING BUTTONS
=========================================================*/

.whatsapp{

position:fixed;

right:25px;

bottom:25px;

width:65px;

height:65px;

border-radius:50%;

display:flex;

justify-content:center;

align-items:center;

background:#25D366;

color:#fff;

font-size:34px;

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

z-index:999;

transition:.35s;

animation:pulse 2s infinite;

}

.whatsapp:hover{

transform:scale(1.1);

}

#topBtn{

position:fixed;

right:25px;

bottom:105px;

width:55px;

height:55px;

display:none;

justify-content:center;

align-items:center;

border:none;

border-radius:50%;

background:var(--primary);

color:#fff;

font-size:22px;

cursor:pointer;

z-index:999;

transition:.35s;

box-shadow:0 15px 40px rgba(15,111,255,.35);

}

#topBtn:hover{

background:var(--secondary);

color:var(--dark);

transform:translateY(-5px);

}
/*=========================================================
ANIMATIONS
=========================================================*/

@keyframes float{

0%,100%{

transform:translateY(0);

}

50%{

transform:translateY(-18px);

}

}

@keyframes pulse{

0%{

box-shadow:0 0 0 0 rgba(37,211,102,.6);

}

70%{

box-shadow:0 0 0 18px rgba(37,211,102,0);

}

100%{

box-shadow:0 0 0 0 rgba(37,211,102,0);

}

}

@keyframes auroraMove{

0%{

transform:translate(0,0) scale(1);

}

100%{

transform:translate(-120px,80px) scale(1.2);

}

}

@keyframes auroraMove2{

0%{

transform:translate(0,0) scale(1);

}

100%{

transform:translate(120px,-80px) scale(1.15);

}

}

@keyframes rotateGlow{

0%{

transform:rotate(0deg);

}

100%{

transform:rotate(360deg);

}

}

/*=========================================================
LOADER
=========================================================*/

#loader{

position:fixed;

inset:0;

background:var(--dark);

display:flex;

justify-content:center;

align-items:center;

z-index:999999;

}

.loader-circle{

width:80px;

height:80px;

border-radius:50%;

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

border-top:6px solid var(--secondary);

animation:spin 1s linear infinite;

}

@keyframes spin{

100%{

transform:rotate(360deg);

}

}

/*=========================================================
CURSOR GLOW
=========================================================*/

.cursor-glow{

position:fixed;

width:420px;

height:420px;

left:0;

top:0;

border-radius:50%;

pointer-events:none;

background:

radial-gradient(circle,

rgba(15,111,255,.18),

transparent 70%);

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

z-index:-1;

filter:blur(35px);

transition:left .08s linear,

top .08s linear;

}

/*=========================================================
CUSTOM SCROLLBAR
=========================================================*/

::-webkit-scrollbar{

width:10px;

}

::-webkit-scrollbar-track{

background:#051221;

}

::-webkit-scrollbar-thumb{

background:var(--primary);

border-radius:50px;

}

::-webkit-scrollbar-thumb:hover{

background:var(--secondary);

}

/*=========================================================
SELECTION
=========================================================*/

::selection{

background:var(--secondary);

color:#000;

}

/*=========================================================
FOCUS
=========================================================*/

a:focus,

button:focus,

input:focus,

textarea:focus{

outline:2px solid var(--secondary);

outline-offset:4px;

}

/*=========================================================
IMAGE EFFECTS
=========================================================*/

img{

transition:var(--transition);

}

img:hover{

transform:scale(1.02);

}

/*=========================================================
GLASS EFFECT
=========================================================*/

.glass{

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

backdrop-filter:blur(18px);

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

border-radius:var(--radius);

}

/*=========================================================
UTILITY
=========================================================*/

.hidden{

display:none !important;

}

.w-100{

width:100%;

}

.mt-20{

margin-top:20px;

}

.mt-40{

margin-top:40px;

}

.mb-20{

margin-bottom:20px;

}

.mb-40{

margin-bottom:40px;

}

.radius{

border-radius:var(--radius);

}

.shadow{

box-shadow:var(--shadow);

}

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

@media(max-width:1200px){

.hero h1{

font-size:56px;

}

.hero-grid,

.founder-grid{

grid-template-columns:1fr;

gap:60px;

}

.pillar-grid{

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

}

.program-grid{

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

}

.footer-grid{

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

}

}

@media(max-width:992px){

.menu-btn{

display:block;

z-index:1001;

}

.nav-links{

position:fixed;

top:0;

right:-100%;

width:320px;

height:100vh;

background:var(--dark);

display:flex;

flex-direction:column;

justify-content:center;

align-items:center;

gap:35px;

transition:.35s;

}

.nav-links.active{

right:0;

}

.hero{

padding-top:150px;

}

.hero-grid{

grid-template-columns:1fr;

text-align:center;

}

.hero-buttons{

justify-content:center;

}

.hero-stats{

justify-content:center;

}

.problem-grid,

.program-grid,

.video-grid,

.mission-grid,

.testimonial-slider{

grid-template-columns:1fr;

}

.pillar-grid,

.mentor-grid{

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

}

.timeline::before{

left:35px;

}

.timeline-item{

width:100%;

padding-left:90px;

padding-right:20px;

left:0 !important;

text-align:left !important;

}

.footer-grid{

grid-template-columns:1fr;

}

}

@media(max-width:768px){

.section{

padding:90px 0;

}

.section-title h2{

font-size:38px;

}

.hero h1{

font-size:44px;

}

.hero p{

font-size:17px;

}

.glass-card{

width:100%;

}

.hero-buttons{

flex-direction:column;

}

.btn-primary,

.btn-secondary{

width:100%;

}

.pillar-grid,

.mentor-grid{

grid-template-columns:1fr;

}

.highlight{

padding:40px 25px;

}

.highlight h2{

font-size:36px;

}

.cta h2{

font-size:40px;

}

.founder-content h2{

font-size:38px;

}

}

@media(max-width:576px){

.navbar{

padding:16px 20px;

}

.logo img{

height:46px;

}

.hero{

padding-top:120px;

}

.hero h1{

font-size:34px;

}

.hero p{

font-size:16px;

}

.section-title h2{

font-size:30px;

}

.section-title p{

font-size:16px;

}

.problem-card,

.pillar-card,

.program-card,

.mission-card,

.timeline-content,

.mentor-card,

.video-card,

.testimonial-card{

padding:25px;

}

blockquote{

padding:20px;

font-size:18px;

}

.whatsapp{

width:56px;

height:56px;

font-size:28px;

        left: 18px;
        bottom: 90px;

}

#topBtn{

width:48px;

height:48px;

right:18px;

bottom:88px;

}

.cursor-glow{

display:none;

}

}


.programSlider{

    padding:20px 10px 70px;

}

.program-card{

    background:#fff;

    border-radius:25px;

    overflow:hidden;

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

    backdrop-filter:blur(15px);

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

    transition:.35s;

}

.program-card:hover{

    transform:translateY(-10px);

}

.program-card img{

    width:100%;

   

}

.program-content{

    padding:30px;

}

.program-tag{

    display:inline-block;

    padding:6px 16px;

    background:#0F6FFF;

    color:#fff;

    border-radius:30px;

    font-size:13px;

    margin-bottom:15px;

}

.program-content h3{

    font-size:26px;

    margin-bottom:15px;

}

.program-content p{

    color:#cbd5e1;

    margin-bottom:25px;

    line-height:1.7;

}

.swiper-button-next,
.swiper-button-prev{

    color:#F6BF3B;

}

.swiper-pagination-bullet{

    background:#fff;

}

.swiper-pagination-bullet-active{

    background:#F6BF3B;

}

/* Fixed Bottom CTA */

.bottom-cta{

    position:fixed;

    left:0;

    bottom:0;

    width:100%;

    z-index:999;

       background: linear-gradient(90deg, #F6B73C, #F6B73C);

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

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:25px;

    padding:0px 35px;

}
.bottom-cta1{

    position:fixed;

    left:0;

    bottom:0;

    width:100%;

    z-index:9999;

       background: linear-gradient(90deg, #F6B73C, #F6B73C);

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

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:25px;

    padding:0px 35px;

}


.cta-founder img{

    height:90px;

    display:block;

}

.cta-text{

    flex:1;

    color:#111;

}

.cta-text strong{

    display:block;

    font-size:26px;

    font-weight:700;

}

.cta-text span{

    display:block;

    margin-top:6px;

    font-size:16px;

}

.cta-buttons{

    display:flex;

    gap:15px;
	margin-right:50px;

}

.cta-btn{

    padding:16px 34px;

    border-radius:50px;

    background:#235BFF;

    color:#fff;

    font-weight:700;

    text-decoration:none;

    transition:.3s;

}

.cta-btn:hover{

    transform:translateY(-3px);

}

.cta-btn.secondary{

    background:#0D2A6B;

}

/* Prevent footer from hiding behind the bar */

body{

    padding-bottom:120px;

}



}
/* Mobile */

@media(max-width:768px){

.bottom-cta{

    flex-direction:column;

    text-align:center;

    padding:15px;

}


.cta-founder img{

    height:70px;

}

.cta-text strong{

    font-size:20px;

}

.cta-buttons{

    width:50%;

    flex-direction:column;

    display: -webkit-inline-box;
   

}

.cta-btn{

    width:70%;

    text-align:center;
	padding: 10px;
    border-radius: 20px;
    background: #235BFF;
    font-size: 14px;

}

body{

    padding-bottom:230px;

}

}
/* Hide on Desktop */


/* Show only on Mobile */
/* Hide by default */
.mobile-bottom-cta{
    display:none !important;
}

/* Mobile Only */
@media (max-width:768px){

.mobile-bottom-cta{

    position:fixed;

    left:0;

    bottom:0;

    width:100%;

    background:#FFD400;

    padding:12px;

    display:flex !important;

    gap:10px;

    justify-content:space-between;

    align-items:center;

    z-index:999;

    box-shadow:0 -5px 20px rgba(0,0,0,.15);

    box-sizing:border-box;

}

.mobile-btn{

    flex:1;

    display:flex;

    justify-content:center;

    align-items:center;

    text-align:center;

    min-height:55px;

    padding:12px 10px;

    background:#355CFF;

    color:#fff;

    text-decoration:none;

    font-size:13px;

    font-weight:700;

    border-radius:40px;

    transition:.3s;

}

.mobile-btn:hover{

    background:#2249e8;

}

body{

    padding-bottom:85px;

}

}

/* Hide Fixed Bottom CTA on Mobile */

@media (max-width: 768px) {

    .bottom-cta{

        display:none !important;

    }

    body{

        padding-bottom:0;

    }

}
.hide-lg{display:none;}
/* ==========================
   Mobile Hero Fix
========================== */

@media (max-width:768px){

.hero{

    padding:120px 0 70px;

}
.hide-lg{ display:block !important;}

.hero-grid{

    grid-template-columns:1fr;

    text-align:center;

    gap:40px;

}

.hero-content{

    
	 width:100%;

    max-width:100%;

    padding:0 20px;

    margin:0 auto;

    text-align:center;

    box-sizing:border-box;

}

.hero-content h1{

    font-size:30px;

    line-height:1.15;

}

.hero-content h2{

    font-size:26px;

    line-height:1.35;

    word-break:break-word;
}

.hero-content p{

    font-size:18px;

    line-height:1.7;

}

.hero-buttons{

    flex-direction:column;

    gap:15px;

}

.hero-buttons a{

    width:100%;

}


.hero-image{

    width:100% !important;

    max-width:300px;

    margin:40px auto 0 !important;

    padding:0 !important;

    left:auto !important;

    right:auto !important;

    transform:none !important;

    display:flex;

    justify-content:center;

    align-items:center;

}

.hero-stats{

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

    gap:15px;

}

.badge{

    font-size:16px;

    padding:16px 20px;

}

}

.footer-widget h4{

    font-size:22px;
    margin-bottom:15px;
    color:#fff;
margin-top:20px;
}

.footer-widget p{

    color:#b8c2d6;
    line-height:1.7;
    margin-bottom:20px;
	

}

.app-downloads{

    display:flex;
    flex-direction:row;
    gap:15px;
	


}

.store-btn{

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

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

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

    border-radius:14px;

    padding:14px 18px;

    color:#fff;

    text-decoration:none;

    transition:.3s;

}

.store-btn:hover{

    background:#2563eb;
    transform:translateY(-3px);

}

.store-btn i{

    font-size:32px;
    color:#FFC233;
    width:40px;
    text-align:center;

}

.store-btn small{

    display:block;
    color:#b8c2d6;
    font-size:12px;

}

.store-btn strong{

    display:block;
    font-size:18px;
    font-weight:700;

}

@media(max-width:768px){

.app-downloads{

    gap:12px;

}

.store-btn{

    padding:12px 15px;

}

.store-btn strong{

    font-size:16px;

}

}

/*=========================================================
END OF FILE
=========================================================*/