body{margin:0;font-family:Inter,sans-serif;background:#000;color:#fff}
.row{margin-right: 0; margin-left: 0;}

/* HEADER */
.top-header{background:#fff; padding:6px 0; position:sticky; top:0; z-index:999;}
.nav-menu a{margin:0 15px; text-decoration:none; color:#000; font-size:16px;}
.menu-toggle{display:none; background:none; border:none; font-size:24px}
.bg-blue h3{font-size: 22px; padding-left: 18px; padding-top: 10px; font-weight: 600;}
.bg-blue p{padding-left: 18px;}

.header {display: flex; justify-content: space-between;align-items: center;padding: 15px 20px; background: #111;}
.menu-toggle {font-size: 24px;background: none;border: none;color: #000;cursor: pointer;display: none;}
.nav-menu {display: flex;gap: 25px;}
.nav-menu a {text-decoration: none;color: #000;font-size: 16px;transition: 0.3s;}
.nav-menu a:hover {color: #00cafa;}



/* HERO */
.hero{padding:80px 0; border-bottom: 2px solid #fff;}
.hero h1{font-size:85px;font-weight:900;line-height:1.05;}
.highlight{color:#d8de40;}
.form-box{background:#fff;color:#000;padding:20px;}
.result h2{font-size:80px;font-weight:900;color:#6fd3ff;}
.bg-blue{background-color: #71cff4; color: #000; padding: 6px; border-top-left-radius: .5rem; border-top-right-radius: .5rem;}

.hero-proof-pill{display:inline-flex;align-items:center;gap:10px; background:rgba(200,230,60,0.1); border:1px solid rgba(200,230,60,0.3);c border-radius:4px;padding:8px 16px;margin-bottom:32px;margin-top: 20px;}
.hero-proof-dot{width:8px;height:8px;background:#d8de40;border-radius:50%;animation:blink 1.8s infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:0.25}}
.hero-proof-text{font-size:12px;color:#d8de40;font-weight:600;letter-spacing:0.05em;text-transform:uppercase}

.form-card{background:var(--white); border-radius:12px; overflow:hidden; box-shadow:0 0 0 1px rgba(255,255,255,0.08),0 28px 80px rgba(0,0,0,0.5);}
.form-card-head{background:linear-gradient(135deg,var(--blue),var(--blue-mid)); padding:5px 15px; display:flex;align-items:center;justify-content:space-between; }
.fch-left{}
.fch-eye{font-size:13px;color:#fff;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;margin-bottom:3px}
.fch-title{font-family:var(--head);font-size:19px;font-weight:800;color:var(--white);text-transform:uppercase;letter-spacing:0.02em}
.fch-sub{font-size:12px;color:#000;margin-top:2px}
.fch-badge{background:#d8dd6a;border-radius:4px; padding:6px 12px;text-align:center;flex-shrink:0; }
.fch-badge-top{font-family:var(--head);font-size:10px;font-weight:800;color:var(--ink);text-transform:uppercase;letter-spacing:0.05em}
.fch-badge-big{font-family:var(--head);font-size:18px;font-weight:900;color:var(--ink);line-height:1;display:block}
.form-trust {display: flex; align-items: center; justify-content: center; gap: 5px; margin-top: 8px; font-size: 10px; color: var(--muted);}



/* TABS */
.nav-tabs{border:none;flex-wrap:nowrap;}
.nav-tabs .nav-link{border-radius:30px; border:1px solid #d8dc72; color:#fff; margin-right:10px;font-size: 20px; }
.nav-tabs .nav-link.active{background:#d8dd6b;color:#000}
.note-txt{font-size:13px;}


/*After TAB */
.ecosystem{width:100%; border:2px solid #3ec6ff; border-radius:40px; padding:30px 20px 40px; text-align:center;}
.ecosystem h1{color:#d9df50; font-size:42px; font-weight:700; margin-bottom:50px;}
.eco-grid{display:flex; justify-content:space-between; /*align-items:center;*/ gap:20px;}
.eco-item{flex:1; text-align:center;}
.boder-bottom{border-bottom: 2px solid #d4db63; border-radius: 40px;}
.eco-icon{width:80px; height:80px; margin:0 auto 20px;}
.border-ra{border: 1px solid #fff; border-radius: 40px; padding: 15px;}
.eco-icon svg{width:100%; height:100%; stroke:#d9df50; fill:none; stroke-width:2;}
.eco-item h3{font-size:28px; font-weight:600; color:#fff; line-height:1.4;}
.ecosystem img {width: 93%; margin-bottom: 10px; filter: brightness(0) saturate(100%) invert(84%) sepia(61%) saturate(474%) hue-rotate(22deg);}

.ecosystem-usp{width:100%; padding:30px 20px 15px; text-align:center; margin-top: 5px;}
.ecosystem-usp p{line-height: 21px; font-size: 15px; padding: 0px 12px 0px 12px;}
.ecosystem-usp img {width: 93%; margin-bottom: 10px;filter: brightness(0) saturate(100%) invert(84%) sepia(61%) saturate(474%) hue-rotate(22deg);}
/*.ecosystem-usp .eco-item h3 {font-size: 21px; font-weight: 600; color: #d8dc71; line-height: 1.4; }*/
.ecosystem-usp .eco-item h3 {font-size: 24px; font-weight: 600; color: #d8dc71; line-height: 28px; }

/* CARDS */
.feature-card{border: 1px solid #d8dc72; padding: 10px; border-radius: 12px; margin-bottom: 15px; height: 80px; color: #d8dc72; font-weight: 600; font-size: 18px; line-height: 20px;
    display: grid; align-items: center;}

/* MENTOR */
.mentor-card{border:1px solid #d4da6b; padding:15px; border-radius:16px; height: 350px;}
.mentor-card img{width:125px;height:125px;border-radius:50%;    border: 2px solid #d4da6b;}
.mentorSwiper .swiper-wrapper{padding-top:10%;}
.men-img{margin-top: -27%;}


/* 2643 Section */
.section {padding:80px 0; max-width: 1140px; margin: auto;}
.top-title {font-size: 42px; font-weight: 600;}
.content {display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
.left {flex: 1;min-width: 300px;}
.big-number {font-size: 200px; font-weight: 800; line-height: 1; color: #86cff1;}
.right {flex: 1; min-width: 300px; padding-left: 40px;}
.right h2 {font-size: 36px; font-weight: 700; color: #86cff1; line-height: 1.2; margin-bottom: 20px; }
.right p {font-size: 15px; color: #fff;}
.divider {margin-top: 40px; border-top: 2px solid #ffffff;}
.number-txt{margin-top: 20px; margin-bottom: 30px;}


/* Marquee */
.marquee-container {width: 100%; overflow: hidden; background: #d8dd6a; /* yellow */ border-top: 3px solid #000; border-bottom: 3px solid #000;}
.marquee {display: flex; width: max-content; animation: scroll 18s linear infinite;}
.marquee span {white-space: nowrap; padding: 12px 40px; font-size: 18px; font-weight: 600; color: #000;}
@keyframes scroll {
    from {
      transform: translateX(0);
    }
    to {
      transform: translateX(-50%);
    }
  }

.head-txt{color: #d8dc71; font-weight: 900; font-size: 60px; line-height: 72px;}
.text-p{font-size: 22px; line-height: 30px;}
.text-p span{color: #d8dd6b; font-style: italic; font-weight: 600;}

/* SECTION TITLE */
.title-row {display: flex; align-items: center; gap: 20px;}
.title-row h2 { font-size: 48px; font-weight: 800; color: #d4db63; white-space: nowrap;}
.title-row .line {flex: 1; height: 2px; background: #d4db63;opacity: 0.8;}


.team-one__title{font-size: 22px; margin-top: 15px;color: #d4da6b;}
.team-one__sub-desc{font-size: 14px; line-height: 20px;}

/* SCHOLARSHIP TITLE */
/*.scholarship-section{max-width:1200px; margin:auto; padding:50px 40px;}*/
.title{font-size:48px; line-height:1.05; font-weight:800; text-transform:uppercase; color:#d8e85a; max-width:700px;}
.subtitles {font-size: 32px; margin-top: 10px; margin-bottom: 10px; font-weight: 600;}
.subtitles span{color:#52bfff;}
.scholarship-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:20px 45px; margin-top:20px;}
.scholar-card{position:relative; display:flex; gap:18px; align-items:center;}
/*.scholar-card:before{content:""; position:absolute; top:-15px; left:40px; width:170px; height:1px; background:#555;}
.icon{min-width:55px; height:55px; border:1px solid #d8e85a; border-radius:50%; display:flex; align-items:center; justify-content:center; color:#d8e85a; font-size:25px;}*/
.scholar-card img{min-width:55px; height:55px; border:1px solid #fff; border-radius:50%; display:flex; align-items:center; justify-content:center; color:#d8e85a; font-size:25px;padding: 7px;}
.content h3{color:#d4db63; font-size:17px; font-weight: 700; text-transform:uppercase; margin-bottom:5px;}
.content p{font-size:14px; line-height:1.4; color:#ddd;}

/* ACHIEVERS TITLE */
.achiever-card{border-radius: 20px; padding: 25px; display: flex; gap: 50px; border: 1px solid #8bd1f0;}
.title-row-achiever {display: flex; align-items: center; gap: 20px; }
.title-row-achiever h2 { font-size: 48px; font-weight: 800; color: #85d0f1; white-space: nowrap; }
.achiever-img{justify-content: center; width: 150px; height: 150px; border: 1px solid #8bd1f0; border-radius: 50%;}
.testimonial-one__client-name{color: #d4da6b; font-weight: 600;}
.testimonial-one__client-sub-title{font-weight: 500; font-size: 18px; line-height: 5px;}
.title-row-achiever .line {flex: 1; height: 2px; background: #85d0f1;opacity: 0.8;}
.team-one__sub-desc{line-height: 20px; font-size: 15px;}

/* 8 STEPS */
.step-title{font-size:48px; font-weight:800; color:#d4e157; text-align:center;}
.subtitle{font-size:32px; margin-top:10px;margin-bottom:60px; font-weight:600; text-align:center; }
.flow-container{position:relative; margin-top:130px; display:flex; justify-content:center; flex-wrap:wrap; gap:70px;}
.diamond{width:160px; height:160px; border:2px solid #00cfff; transform:rotate(45deg); border-radius:20px; /*position:static;*/ transition:0.3s;}
.diamond:hover{box-shadow:0 0 20px #00cfff;}
.diamond-content{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%) rotate(-45deg); text-align:center; width:120px; }
.diamond-content img{width:45px; margin-bottom:10px; filter: brightness(0) saturate(100%) invert(84%) sepia(61%) saturate(474%) hue-rotate(22deg); }
.diamond-content p{ font-size:17px; line-height:1.3;}
.diamond:nth-child(odd){margin-top:80px;}

.pre-class{margin-top: -4%; margin-left: -9%;}
.class-exercises{margin-left: -9%; margin-top: 7%;}
.recap-videos{margin-top: -4%; margin-left: -9%;}
.practice-exercises{margin: 7%; margin-left: -9%;}
.benchmarking{margin-left: -16%; margin-top: -40px;}
.master-classes{margin-left: -9%;}
.test-taking{margin-top: -4%; margin-left: -9%;}

/*UPCOMING CLASSES*/
.upcoming-area{padding:70px 20px; color:#fff;}
.title{text-align:center; margin-bottom:45px;}
.title span{color:#cde64b; font-size:15px; letter-spacing:3px;}
.title h2{font-size:38px; margin-top:10px; color:#fff;}
.schedule{display:flex; flex-direction:column; gap:25px;}
.schedule-card{height: 220px; background:#101010; border:1px solid #333; border-radius:22px; padding:15px; display:flex; align-items:center; gap:30px; position:relative; overflow:hidden; transition:.3s;}
.schedule-card:hover{border-color:#cde64b; transform:translateX(8px);}
.month{width:95px; height:95px; background:#cde64b; color:#000; border-radius:20px; display:flex; flex-direction:column; justify-content:center; align-items:center;}
.month b{font-size:40px;}
.month small{font-weight:bold;}
.details{flex:1;}
.details h3{font-size:23px; color:#cde64b; margin-bottom:15px;}
.time{display:flex; gap:25px; color:#ddd;}
.time span{color:#55c8ff; font-weight:bold;}
.faculty{margin-top:15px; color:#aaa;}
.faculty strong{color:#fff;}
.schedule-card button{background:#cde64b; border:0; padding:13px 25px; border-radius:30px; font-weight:bold; cursor:pointer;}


/*FAQ*/
.faq-section{background:#000; padding:90px 0;}
.faq-section .container{/*max-width:1180px;*/margin:auto;padding:0 20px;}
.section-title{display:flex; align-items:center; margin-bottom:45px;}
.section-title h2{color:#d8ea3d; font-size:42px; font-weight:800; margin:0; white-space:nowrap;}
.section-title span{height:2px;width:100%;background:#667100;margin-left:20px;}
.faq-wrapper{display:flex; flex-direction:column; gap:18px;}
.faq-item{border:1px solid #25b9ff; border-radius:14px;overflow:hidden;background:#090909;}
.faq-question{width:100%; border:none; background:transparent; color:#fff; font-size:20px; font-weight:600; text-align:left; padding:2px 30px; cursor:pointer; display:flex; justify-content:space-between; align-items:center;}
.faq-question span{font-size:34px;color:#d8ea3d;transition:.3s;}
.faq-answer{max-height:0;overflow:hidden;transition:.35s ease;}
.faq-answer p{padding:0 30px 15px;color:#bfbfbf;font-size:17px;line-height:1.4;}
.faq-item.active .faq-answer{max-height:300px;}
.faq-item.active .faq-question span{transform:rotate(45deg);}
.faq-item:hover{border-color:#d8ea3d;}


/* COUNTER */
/*.about-section{padding:60px 20px;max-width:1200px;margin:auto;}*/
.title-row{display:flex;align-items:center;gap:20px;margin-bottom:20px;}
.title-row h2{font-size:48px;font-weight:800;color:#d4db63;white-space:nowrap;}
.title-row .line{flex:1;height:2px;background:#d4db63;}
.about-text{font-size: 20px;line-height: 23px;color: #fff;}
.stats{display: flex;justify-content: space-between;margin-top: 60px;flex-wrap: wrap;gap: 30px;text-align: center;}
.stat-box{flex:1;min-width:200px;}
.stat-number{font-size:47px;font-weight:900;color:#d4db63;}
.stat-text{font-size:28px;color:#fff;}

/* FOOTER */
/*.footer{background:#fff; color:#000; text-align:center; padding:20px; font-size:18px; margin-top:60px;}*/
.footer {background:#fff; display: flex; justify-content: space-between; align-items: center; padding: 15px 100px; font-size: 16px; color: #111; border-top: 1px solid #eee;}
.footer-left {text-align: left;}
.footer-right {display: flex; gap: 8px;}
.footer-right a {color: #111; text-decoration: none; transition: 0.3s;}
.footer-right a:hover {color: #0066cc; text-decoration: underline;}

#stickyButton a,.card-back{font-size:17px;text-align:center}
#stickyButton a{position:fixed;bottom:45px;right:45px;z-index:999999999;transition:.25s;box-shadow:0 10px 14px -7px #276873;background:linear-gradient(342deg, rgb(0 207 255) 0%, rgb(212 225 87) 100%, rgba(236, 244, 255, 1) 100%, rgba(254, 246, 175, 1) 100%);border-radius: 6px;display:inline-block;cursor:pointer;color:#000;text-decoration: none;padding:10px 9px}
.sticky-button{visibility:hidden;opacity:1;transition:.3s ease-in-out;z-index:1000}
.sticky-button.is-visible{visibility:visible;opacity:1}

.intro-area-inner{/*border: 1px solid #d9df506b; padding: 15px;*/ border-radius: 14px; vertical-align: middle;}
.btn-ar2{background: linear-gradient(342deg, rgb(0 207 255) 0%, rgb(212 225 87) 100%, rgba(236, 244, 255, 1) 100%, rgba(254, 246, 175, 1) 100%); border-radius: 6px; display: inline-block; cursor: pointer; color: #000; text-decoration: none; padding: 5px 45px; font-size: 17px; vertical-align: text-top;}
.intro-area-inner h3 span{color: #d9df50; font-weight: 600;}

.popup{color: #52bfff; text-decoration: none; font-weight: 600;}
.elite-box{display:flex; align-items:center; gap:20px; background:#000; padding:20px; max-width:500px; color:#fff;}
.elite-icon img{width:55px; height:55px;}

.elite-content h3{
    margin:0 0 8px;
    font-size:18px;
    color:#d7ff00;
    font-weight:700;
}

.elite-content p{
    margin:0;
    font-size:16px;
    line-height:1.5;
}

.elite-content a{
    color:#00aaff;
    font-weight:700;
    text-decoration:none;
    cursor:pointer;
}

.elite-content a:hover{
    text-decoration:underline;
}


/* Popup Design */
.popup-overlay{display:none; position:fixed; inset:0; background:rgba(0,0,0,0.75); justify-content:center; align-items:center; z-index:9999;}
.popup-box{width:90%; max-width:500px; background:#fff; padding:30px; border-radius:15px; position:relative; animation:popup .3s ease;}
.popup-box h2{margin-top:0; color:#111;}
.popup-box h5{margin-top:0; color:#111;}
.popup-box ul{padding-left:20px;}
.popup-box li{margin-bottom:10px; color:#000; font-size: 15px; line-height: 20px;}
.close-btn{position:absolute; right:20px; top:10px; font-size:30px; cursor:pointer; color:#333;}
hr {color: #818181;}

@keyframes popup{
    from{
        transform:scale(.8);
        opacity:0;
    }
    to{
        transform:scale(1);
        opacity:1;
    }
}


@media (max-width: 992px) {
  .big-number {font-size: 150px;}
  .right h2 {font-size: 32px;}
}

@media(max-width:991px){
	.menu-toggle{display:block;}
	.nav-menu{position: absolute; top: 65px; left: 0; width: 100%; background: #fff; flex-direction: column; display: none; padding: 15px;}
	.nav-menu.active{display:flex;}
	.nav-menu a{padding:10px 0;border-bottom:1px solid #eee;}
	.hero{text-align:center;}
	.hero h1{font-size:42px;}
	.result h2{font-size:48px;}
	.scholarship-grid{grid-template-columns:repeat(2,1fr);}
	.title{font-size:38px;}
}

@media (max-width: 768px) {
    .menu-toggle {display: block;}
    .nav-menu {position: absolute;top: 60px;left: 0;width: 100%;background: #fff;flex-direction: column;align-items: center;max-height: 0;overflow: hidden;transition: max-height 0.4s ease;}
    .nav-menu a {padding: 15px; width: 100%; text-align: center;}
    .nav-menu.active {max-height: 342px;}	
	.eco-grid{flex-direction:column; gap:40px;}
	.ecosystem h1{font-size:30px;}
	.eco-item h3{font-size:22px;}
	.content {flex-direction: column;align-items: flex-start;}
	.right {padding-left: 0;margin-top: 20px;}
	.big-number {font-size: 120px;}
	.title-row h2 {font-size: 28px;}
	.title-row-achiever h2 {font-size: 28px;}
	.step-title{font-size:32px; text-align:left;}
	.subtitle{font-size:22px; text-align:left;}
	.diamond{width:130px;height:130px;}
	.diamond-content{width:100px;}
	.diamond-content p{font-size:12px;}
	.mentor-card{height: 400px;}
	.title-row h2{font-size:28px;}
    .about-text{font-size:16px;}
    .stats{flex-direction:column;text-align:left;}
    .stat-number{font-size:50px;}
    .stat-text{font-size:22px;}
	.section-title h2{font-size:28px;}
	.faq-question{font-size:17px; padding:18px;}
	.faq-answer p{padding:0 18px 20px;font-size:15px;}
	.schedule-card{flex-direction:column; align-items:flex-start;}
	.time{display:block;}
	.schedule-card button{width:100%;}
	.title h2{font-size:28px;}
	.footer {flex-direction: column; gap: 10px; text-align: center;}
    .footer-left, .footer-right {justify-content: center; text-align: center;}
}

@media(max-width:576px){
	.hero h1{font-size:40px;}
	.achiever-card{flex-direction:column;text-align:left;}
	.scholarship-section{padding:30px 20px;}
	.scholarship-grid{grid-template-columns:1fr; gap:15px;}
	.title{font-size:30px;}
	.subtitle{font-size:18px;}
}

@media (max-width: 480px) {
  .big-number {font-size: 90px;}
  .top-title {font-size: 24px;}
  .right h2 {font-size: 24px;}
  .right p {font-size: 14px;}
  .title-row {gap: 10px;}
  .title-row h2 {font-size: 22px;}
  .title-row-achiever {gap: 10px;}
  .title-row-achiever h2 {font-size: 22px;}
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
	.navv-menu{display:none;}
	.head-txt{font-size: 53px; line-height: 56px;}
	.text-p {font-size: 19px; line-height: 24px;}
	.nav-tabs .nav-link{font-size: 15px; line-height: 19px; font-weight: 600;}
	.feature-card{font-size: 16px;height: 65px;font-weight: 500;}
	.men-img {margin-top: -14%;}
	.diamond{margin: 0 !important;}
	#stickyButton a {display: inline; position: fixed; bottom: 4px; left: 4px; z-index: 999999999; transition: all .25s ease; text-align: center; width: 98%; box-shadow: 0px 10px 14px -7px #276873; background: rgb(0,25,55); background: linear-gradient(342deg, rgb(0 207 255) 0%, rgb(212 225 87) 100%, rgba(236, 244, 255, 1) 100%, rgba(254, 246, 175, 1) 100%); border-radius: 6px; display: inline-block; cursor: pointer; color: #000; font-size: 20px; padding: 4px 0px; text-shadow: 0px 1px 0px #3d768a;}
	.faq-item.active .faq-answer{max-height: 300px; overflow: scroll; padding: 15px;}
	.schedule-card{height: auto; margin-bottom: 15px;}
	.schedule{gap: 0px;}
	.flow-container{margin-top:70px;}
	.footer{padding: 15px 20px;}
	.footer-right{margin-bottom: 50px;}
}