/*==================================================
LUMINA GLOBAL EDUCATION
STYLE.CSS PART 1
Global + Header + Hero
==================================================*/

*{
margin:0;
padding:0;
box-sizing:border-box;
}

html{
scroll-behavior:smooth;
}

body{

font-family:'Inter',sans-serif;
background:#070707;
color:#fff;
overflow-x:hidden;
line-height:1.7;

}

img{

max-width:100%;
display:block;

}

a{

text-decoration:none;
color:inherit;

}

ul{

list-style:none;

}

.container{

width:90%;
max-width:1320px;
margin:auto;

}

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

.btn-primary{

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

padding:18px 34px;

background:#D4AF37;

color:#000;

font-weight:700;

border-radius:60px;

transition:.35s;

}

.btn-primary:hover{

transform:translateY(-5px);

background:#f3d57c;

}

.btn-primary svg{

stroke:#000;
fill:none;
stroke-width:2;

}

.btn-secondary{

display:inline-flex;

align-items:center;

gap:12px;

padding:18px 34px;

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

border-radius:60px;

transition:.35s;

}

.btn-secondary:hover{

background:#fff;
color:#000;

transform:translateY(-5px);

}

.btn-secondary svg{

stroke:#fff;
fill:none;
stroke-width:2;

}

.btn-secondary:hover svg{

stroke:#000;

}

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

.header{

position:fixed;

left:0;

top:0;

width:100%;

z-index:9999;

padding:10px 0;
    background: rgba(8, 10, 20, 0.50) !important;
transition:.45s;

}

.header.scrolled{

background:rgba(8,8,8,.95);

backdrop-filter:blur(18px);

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

padding:16px 0;

}

.header .container{

display:flex;

align-items:center;

justify-content:space-between;

}

.logo img{

height:100px;

}

.navbar ul{

display:flex;

align-items:center;

gap:30px;

}

.navbar ul li a{

font-size:14px;

font-weight:600;

letter-spacing:.08em;

position:relative;

transition:.35s;

}

.navbar ul li a::after{

content:"";

position:absolute;

left:0;

bottom:-8px;

width:0;

height:2px;

background:#D4AF37;

transition:.35s;

}

.navbar ul li a:hover::after,

.navbar ul li a.active::after{

width:100%;

}

.navbar ul li a:hover{

color:#D4AF37;

}

.btn-outline {
    padding: 15px 28px;
    border: 1px solid #999999;
    border-radius: 60px;
    font-size: 13px;
    font-weight: 700;
    transition: .35s;
    text-transform: uppercase;
}

.btn-outline:hover{

background:#D4AF37;

color:#000;

}

.mobile-toggle{

display:none;

}

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

.hero{

position:relative;

 
 
align-items:center;

 
}

.hero-bg{

position:absolute;

inset:0;

}

.hero-bg img{

width:100%;

height:100%;

object-fit:cover;

transform:scale(1.08);

animation:heroZoom 18s linear infinite alternate;

}

@keyframes heroZoom{

0%{

transform:scale(1.08);

}

100%{

transform:scale(1.18);

}

}

.hero-overlay{

position:absolute;

inset:0;

background:linear-gradient(

90deg,

rgba(5,5,5,.92) 0%,

rgba(5,5,5,.65) 45%,

rgba(5,5,5,.55) 100%

);

}

.hero-grid{

position:absolute;

inset:0;

background-image:

linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),

linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);

background-size:70px 70px;

opacity:.25;

}

.hero-noise{

position:absolute;

inset:0;

opacity:.05;

background:url("../assets/images/noise.png");

mix-blend-mode:soft-light;

}

.hero-glow{

position:absolute;

width:500px;

height:500px;

border-radius:50%;

filter:blur(120px);

opacity:.25;

}

.hero-glow-left{

left:-180px;

top:-120px;

background:#D4AF37;

}

.hero-glow-right{

right:-200px;

bottom:-120px;

background:#5b7fff;

}

.hero-container{

position:relative;

z-index:10;

}

.hero-content{

max-width:1000px;

}

.hero-subtitle{

display:flex;

align-items:center;

gap:15px;

margin-bottom:30px;

}

.hero-subtitle span{

width:60px;

height:1px;

background:#D4AF37;

}

.hero-subtitle p{

font-size:13px;

letter-spacing:.35em;

color:#D4AF37;

font-weight:700;

}

.hero-content h1{

font-size:60px;

font-weight:700;

font-family:'Cormorant Garamond',serif;

line-height:1.05;

margin-bottom:30px;

}

.hero-content h1 span{

display:block;

color:#D4AF37;

}

.hero-content p{

font-size:18px;

line-height:25px;

max-width:800px;

color:#d9d9d9;

margin-bottom:10px;

}

.hero-buttons{

display:flex;

gap:20px;

flex-wrap:wrap;

}

.scroll-indicator{

position:absolute;

left:50%;

bottom:35px;

transform:translateX(-50%);

text-align:center;

z-index:15;

}

.mouse{

width:30px;

height:48px;

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

border-radius:40px;

margin:auto;

position:relative;

}

.wheel{

width:6px;

height:10px;

background:#D4AF37;

border-radius:20px;

position:absolute;

left:50%;

top:8px;

transform:translateX(-50%);

animation:wheel 1.8s infinite;

}

@keyframes wheel{

0%{

opacity:1;

top:8px;

}

100%{

opacity:0;

top:24px;

}

}

.scroll-indicator p{

margin-top:12px;

font-size:11px;

letter-spacing:.28em;

color:#cfcfcf;

}
/*==================================================
LUMINA GLOBAL EDUCATION
STYLE.CSS PART 2
Challenge + Services + Why Lumina
==================================================*/

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

section{

position:relative;

padding:100px 0px 100px 0px;

overflow:hidden;

}

.section-heading,
.section-title{

max-width:760px;

margin:0 auto 70px;

text-align:center;

}

.section-heading span,
.section-title span,
.section-tag{

display:inline-block;

font-size:13px;

letter-spacing:.35em;

font-weight:700;

color:#D4AF37;

text-transform:uppercase;

margin-bottom:18px;

}

.section-heading h2,
.section-title h2{
color:#F3E2B8;
font-size:58px;

line-height:1.15;

font-family:'Cormorant Garamond',serif;

margin-bottom:25px;

}

.section-heading p,
.section-title p{

font-size:18px;

color:#ffffff;

line-height:1.9;

}

.divider{

display:flex;

justify-content:center;

align-items:center;

gap:15px;

margin:35px auto;

}

.divider span{

width:80px;

height:1px;

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

}

.divider i{

width:12px;

height:12px;

border-radius:50%;

background:#D4AF37;

display:block;

}

/*==============================
CHALLENGE
==============================*/

.challenge{

background:#0b0b0b;

}

.challenge::before{

    content: "";
    position: absolute;
    top: -250px;
    left: -250px;
    width: 800px;
    height: 800px;
    border-radius: 52%;
    background: #ffc300;
    opacity: .06;
    filter: blur(120px);

}

.challenge::after{

    content: "";
    position: absolute;
    bottom: -250px;
    right: -250px;
    width: 800px;
    height: 800px;
    border-radius: 52%;
    background: #ffc300;
    opacity: .06;
    filter: blur(120px);}

.challenge p{

max-width:820px;

margin:auto;

}

/*==============================
SERVICES
==============================*/

.services{

background:#070707;

}

.services-slider{

display:grid;

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

gap:35px;

margin-top:60px;

}

.service-card{

position:relative;

padding:45px;

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

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

border-radius:28px;

transition:.45s;

overflow:hidden;

backdrop-filter:blur(18px);

}

.service-card::before{

content:"";

position:absolute;

left:0;

top:0;

width:100%;

height:4px;

background:#D4AF37;

transform:scaleX(0);

transition:.4s;

}

.service-card:hover::before{

transform:scaleX(1);

}

.service-card:hover{

transform:translateY(-12px);

border-color:#D4AF37;

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

}

.service-icon{

width:85px;

height:85px;

border-radius:24px;

background:rgba(212,175,55,.12);

display:flex;

justify-content:center;

align-items:center;

margin-bottom:25px;

transition:.4s;

}

.service-card:hover .service-icon{

background:#D4AF37;

transform:rotate(8deg);

}

.service-icon img{

width:42px;

}

.service-card h3{

font-size:32px;

margin-bottom:20px;line-height:35px;

font-family:'Cormorant Garamond',serif;

}

.service-card p{

color:#ffffff;

line-height:1.9;

margin-bottom:28px;

}

.service-card a{

font-weight:700;

color:#D4AF37;

display:inline-flex;

align-items:center;

gap:8px;

transition:.3s;

}

.service-card:hover a{

transform:translateX(8px);

}

/*==============================
WHY LUMINA
==============================*/

.why-lumina{

background:#1f1f1f;

}

.why-wrapper{

 
 
 
align-items:center;text-align:center

}

.why-content h2{

font-size:58px;

line-height:1.2;

font-family:'Cormorant Garamond',serif;

margin:25px 0;

}

.why-content p{

font-size:18px;

color:#ffffff;

line-height:2;

margin-bottom:25px;

}

.why-image{

position:relative;

}

.why-image img{

width:100%;

border-radius:30px;

}

.floating-card{

position:absolute;

left:-40px;

bottom:40px;

width:290px;

padding:30px;

background:#111;

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

border-radius:24px;

backdrop-filter:blur(20px);

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

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

}

.floating-card h4{

font-size:24px;

margin-bottom:12px;

font-family:'Cormorant Garamond',serif;

color:#D4AF37;

}

.floating-card p{

font-size:15px;

line-height:1.8;

color:#d2d2d2;

}

@keyframes floatCard{

0%{

transform:translateY(0);

}

50%{

transform:translateY(-15px);

}

100%{

transform:translateY(0);

}

}

/*==================================================
LUMINA GLOBAL EDUCATION
STYLE.CSS PART 3
Founder + Stats + Journey + Testimonials
==================================================*/

/*==============================
FOUNDER
==============================*/
.brand{display:flex;align-items:center;gap:11px;text-decoration:none;position:relative;z-index:2;justify-self:start}
.brand-badge{
 width:38px;height:38px;border-radius:50%;display:grid;place-items:center;flex:none;
 background:radial-gradient(circle at 32% 28%,#2A251E,#14110D);
 border:1px solid var(--hair-d);
 box-shadow:inset 0 1px 0 rgba(232,203,132,.15);
}
.brand-badge svg{width:22px;height:22px}
.brand-name{line-height:1;display:flex;flex-direction:column;gap:3px}
.brand-name b{font-family:'Fraunces',serif;font-weight:530;font-size:16.5px;color:var(--cream);letter-spacing:.02em;transition:color .4s}
.brand-name i{font-style:normal;font-size:8.5px;letter-spacing:.4em;text-transform:uppercase;color:rgba(201,164,85,.85);transition:color .4s}

.founder{

background:#070707;

}

.founder-wrapper{

display:grid;

 
gap:80px;

align-items:center;text-align:center;

}

.founder-image{

position:relative;

}

.founder-image img{

width:100%;

border-radius:30px;

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

transition:.5s;

}

.founder-image:hover img{

transform:scale(1.03);

}

.founder-content h2{

font-size:58px;

font-family:'Cormorant Garamond',serif;

line-height:1.2;

margin:20px 0;    color: #F3E2B8;

}

.founder-content p{

font-size:18px;

line-height:2;

color:#c6c6c6;

margin-bottom:35px;

}

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

.stats{

background:#0b0b0b;

}

.stats-grid{

display:grid;

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

 
margin-top:70px;

}

.stat-box{

padding:45px 20px;

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

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

 
text-align:center;

transition:.4s;

}

.stat-box:hover{

transform:translateY(-10px);

border-color:#D4AF37;

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

}

.stat-box h2{

font-size:44px !important;

font-weight:700 !important;

color:#fff !important;

margin-bottom:10px;display:inline

}
.stat-box  span{
display:inline;
font-size:44px !important;

font-weight:400 !important;

color:#D4AF37 !important;

margin-bottom:10px;

}
.stat-box p{

font-size:18px;

color:#d2d2d2;

}
.stat-box i{

font-size:45px;

color:#D4AF37;margin-bottom:20px

}

/*==============================
JOURNEY
==============================*/

.journey{

background:#070707;

}

.timeline{

display:grid;

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

gap:25px;

margin-top:70px;

position:relative;

}

.timeline::before{

content:"";

position:absolute;

top:40px;

left:10%;

width:80%;

height:2px;

background:rgba(212,175,55,.25);

}

.timeline-step{

position:relative;

text-align:center;

z-index:2;

}

.circle{

width:80px;

height:80px;

border-radius:50%;

background:#D4AF37;

display:flex;

align-items:center;

justify-content:center;

font-size:28px;

font-weight:700;

color:#000;

margin:auto auto 25px;

box-shadow:0 0 30px rgba(212,175,55,.35);

transition:.4s;

}

.timeline-step:hover .circle{

transform:scale(1.1);

}

.timeline-step h4{

font-size:24px;

font-family:'Cormorant Garamond',serif;

margin-bottom:15px;

}

.timeline-step p{

font-size:16px;

line-height:1.8;

color:#ffffff;

}

/*==============================
TESTIMONIALS
==============================*/

.testimonials{

background:#0b0b0b;

}

.testimonial-grid{

display:grid;

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

gap:35px;

margin-top:70px;

}

.testimonial-card{

position:relative;

padding:45px;

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

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

border-radius:28px;

transition:.45s;

overflow:hidden;

}

.testimonial-card:hover{

transform:translateY(-12px);

border-color:#D4AF37;

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

}

.quote{

font-size:80px;

line-height:1;

color:#D4AF37;

opacity:.5;

margin-bottom:20px;

}

.testimonial-card p{

font-size:17px;

line-height:2;

color:#d3d3d3;

margin-bottom:30px;

}

.testimonial-card h4{

font-size:24px;

font-family:'Cormorant Garamond',serif;

margin-bottom:6px;

}

.testimonial-card span{

font-size:15px;

color:#D4AF37;

}

/*==============================
HOVER EFFECTS
==============================*/

.founder-content .btn-primary:hover,

.why-content .btn-primary:hover,

.cta .btn-primary:hover{

transform:translateY(-6px);

}

.timeline-step,

.stat-box,

.service-card,

.testimonial-card,

.feature-card,

.award-card{

transition:.45s ease;

}

/*==============================
SECTION SPACING
==============================*/

.founder,
.stats,
.journey,
.testimonials{

padding:120px 0;

}
/*==================================================
LUMINA GLOBAL EDUCATION
STYLE.CSS PART 4
Partners + Features + FAQ + Newsletter
Instagram + Awards + Footer + Responsive
==================================================*/

/*==============================
PARTNER UNIVERSITIES
==============================*/

.partners{
background:#070707;
padding:120px 0;
}

.partner-slider{
display:grid;
grid-template-columns:repeat(6,1fr);
gap:25px;
margin-top:70px;
align-items:center;
}

.partner-item{
padding:35px;
background:rgba(255,255,255,.03);
border:1px solid rgba(255,255,255,.08);
border-radius:22px;
display:flex;
justify-content:center;
align-items:center;
transition:.4s;
}

.partner-item:hover{
transform:translateY(-10px);
border-color:#D4AF37;
}

.partner-item img{
max-width:130px;
filter:grayscale(100%);
opacity:.8;
transition:.4s;
}

.partner-item:hover img{
filter:none;
opacity:1;
}

/*==============================
FEATURES
==============================*/

.features{
background:#1f1f1f;
padding:120px 0;
}

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

/* 1. Card ko shuruat me chupati hai aur animation apply karti hai */
.feature-card{
padding:45px 35px;
background:rgba(255,255,255,.03);
border:1px solid rgba(255,255,255,.08);
border-radius:28px;
transition:.4s;
text-align:center;

opacity: 0; /* Shuruat me card nahi dikhega */
animation: fadeInUp 1s ease forwards; /* Animation name, duration, aur stop state */
}

/* 2. Har card ke liye alag-alag delay (Timeline) */
.feature-card:nth-child(1) {
  animation-delay: 0s; /* Pehla turant aayega */
}

.feature-card:nth-child(2) {
  animation-delay: 3s; /* Dusra 5 second baad */
}

.feature-card:nth-child(3) {
  animation-delay: 5s; /* Tisra 10 second baad */
}

.feature-card:nth-child(4) {
  animation-delay: 7s; /* Chautha 15 second baad */
}

/* Hover effect pehle jaisa hi rahega */
.feature-card:hover{
transform:translateY(-10px);
border-color:#D4AF37;
}

.feature-icon{
width:90px;
height:90px;
margin:auto auto 25px;
display:flex;
justify-content:center;
align-items:center;
background:rgba(212,175,55,.12);
border-radius:22px;
}

.feature-icon img{
width:42px;
}

.feature-card h3{
font-size:28px;
font-family:'Cormorant Garamond',serif;
margin-bottom:18px;
}

.feature-card p{
color:#cfcfcf;
line-height:1.8;
}

/* 3. Animation ka rule (Niche se upar aane ka effect) */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

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

.faq-preview{
background:#070707;
padding:120px 0;
}

.faq-item{
margin-bottom:25px;
padding:35px;
border-radius:20px;
background:rgba(255,255,255,.03);
border:1px solid rgba(255,255,255,.08);
transition:.35s;
}

.faq-item:hover{
border-color:#D4AF37;
}

.faq-item h3{
font-size:28px;
margin-bottom:15px;
font-family:'Cormorant Garamond',serif;
}

.faq-item p{
color:#c8c8c8;
line-height:1.9;
}

.text-center{
text-align:center;
margin-top:45px;
}

/*==============================
NEWSLETTER
==============================*/

.newsletter{
background:#D4AF37;
padding:100px 0;
}

.newsletter-wrapper{
display:flex;
justify-content:space-between;
align-items:center;
gap:60px;
}

.newsletter-content h2{
font-size:56px;
color:#000;
font-family:'Cormorant Garamond',serif;
margin:18px 0;
}

.newsletter-content p{
color:#222;
font-size:18px;
}

.newsletter-form{
display:flex;
gap:15px;
}

.newsletter-form input{
width:420px;
padding:18px 25px;
border:none;
border-radius:60px;
font-size:16px;
outline:none;
}

.newsletter-form .btn-primary{
background:#000;
color:#fff;
}

/*==============================
INSTAGRAM
==============================*/

.instagram-feed{
padding:120px 0;
background:#0b0b0b;
}

.instagram-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:25px;
margin-top:60px;
}

.instagram-card{
overflow:hidden;
border-radius:22px;
}

.instagram-card img{
width:100%;
transition:.5s;
}

.instagram-card:hover img{
transform:scale(1.08);
}

/*==============================
AWARDS
==============================*/

.awards{
padding:120px 0;
background:#070707;
}

.awards-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:35px;
margin-top:70px;
}

.award-card{
padding:45px;
text-align:center;
background:rgba(255,255,255,.03);
border-radius:25px;
border:1px solid rgba(255,255,255,.08);
transition:.4s;
}

.award-card:hover{
transform:translateY(-10px);
border-color:#D4AF37;
}

.award-card img{
width:70px;
margin:auto auto 25px;
}

.award-card h3{
font-size:28px;
font-family:'Cormorant Garamond',serif;
margin-bottom:15px;
}

.award-card p{
color:#cfcfcf;
}

/*==============================
FOOTER
==============================*/

.footer{
    background: linear-gradient(135deg, #111, #1b1b1b);padding:90px 0 20px;
}

.footer-top{
display:grid;
grid-template-columns:2fr 1fr 1fr 1.3fr;
gap:60px;
padding-bottom:60px;
border-bottom:1px solid rgba(255,255,255,.08);
}

.footer-logo img{
height:70px;
margin-bottom:25px;
}

.footer-logo p{
color:#bdbdbd;
line-height:1.9;
}

.footer h4{
font-size:24px;
margin-bottom:25px;
font-family:'Cormorant Garamond',serif;
}

.footer ul li{
margin-bottom:14px;    font-size: 14px;
}

.footer ul li a{
color:#bdbdbd;
transition:.3s;    font-size: 14px;
}

.footer ul li a:hover{
color:#D4AF37;
padding-left:8px;
}

.footer-contact p{
margin-bottom:15px;
color:#bdbdbd;    font-size: 16px;
}

.footer-social{
display:flex;
gap:15px;
margin-top:20px;
}

.footer-social a{
width:46px;
height:46px;
border-radius:50%;
background:#151515;
display:flex;
justify-content:center;
align-items:center;
transition:.35s;
}

.footer-social a:hover{
background:#D4AF37;
color:#000;
}

.footer-bottom{
padding-top:25px;
text-align:center;
color:#999;
font-size:15px;
}

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

@media(max-width:1200px){

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

.partner-slider,
.feature-grid,
.stats-grid,
.testimonial-grid{
grid-template-columns:repeat(2,1fr);
}

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

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

}

@media(max-width:991px){

 

.mobile-toggle{
display:block;
}

.hero{
height:auto;
padding:180px 0 120px;
}

.hero-content{
text-align:center;
margin:auto;
}

.hero-buttons{
justify-content:center;
}
 
.services-slider,
.why-wrapper,
.founder-wrapper,
.instagram-grid,
.partner-slider,
.feature-grid,
.stats-grid,
.timeline,
.testimonial-grid,
.awards-grid,
.footer-top{
grid-template-columns:1fr;
}

.newsletter-wrapper{
flex-direction:column;
text-align:center;
}

.newsletter-form{
flex-direction:column;
width:100%;
}

.newsletter-form input{
width:100%;
}

}

@media(max-width:576px){


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

.section-heading h2,
.section-title h2,
.why-content h2,
.founder-content h2,
.newsletter-content h2{
font-size:36px;
}

.btn-primary,
.btn-secondary{
width:100%;
justify-content:center;
}

.container{
width:92%;
}

}
/*==================================================
LUMINA GLOBAL EDUCATION
STYLE.CSS PART 5
CTA + Mobile Menu + Back To Top + Cursor + Footer Fix
==================================================*/

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

.cta{
    padding:120px 0;
    background:linear-gradient(135deg,#111,#1b1b1b);
    position:relative;
    overflow:hidden;
}

.cta::before{
    content:"";
    position:absolute;
    width:450px;
    height:450px;
    background:#D4AF37;
    filter:blur(140px);
    opacity:.08;
    top:-180px;
    right:-180px;
    border-radius:50%;
}

.cta-box{
    max-width:900px;
    margin:auto;
    text-align:center;
    padding:80px 60px;
    border-radius:30px;
    background:rgba(255,255,255,.04);
    border:1px solid rgba(255,255,255,.08);
    backdrop-filter:blur(18px);
}

.cta-box span{
    color:#D4AF37;
    letter-spacing:.3em;
    font-size:13px;
    font-weight:700;
    display:block;
    margin-bottom:20px;
}

.cta-box h2{
    font-size:64px;
    line-height:1.15;
    font-family:'Cormorant Garamond',serif;
    margin-bottom:25px;
}

.cta-box p{
    max-width:700px;
    margin:0 auto 40px;
    color:#d4d4d4;
    line-height:1.9;
    font-size:18px;
}

/*==============================
FOOTER FIX
==============================*/

.footer-grid,
.footer-top{
    display:grid;
    grid-template-columns:2fr 1fr 1fr 1.2fr;
    gap:50px;
}

.footer-about img{
    height:65px;
    margin-bottom:20px;
}

.footer-about p{
    color:#ffffff;
    line-height:1.9;
    margin-bottom:25px;
}

.footer-links ul,
.footer-services ul{
    padding:0;
}

.footer-links li,
.footer-services li{
    margin-bottom:12px;
}

  
/*==============================
BACK TO TOP
==============================*/

.backToTop{
    position:fixed;
    right:25px;
    bottom:25px;
    width:55px;
    height:55px;
    border:none;
    border-radius:50%;
    background:#D4AF37;
    color:#000;
    font-size:20px;
    font-weight:bold;
    cursor:pointer;
    opacity:0;
    visibility:hidden;
    transition:.35s;
    z-index:9999;
}

.backToTop.show{
    opacity:1;
    visibility:visible;
}

.backToTop:hover{
    transform:translateY(-6px);
}

/*==============================
CUSTOM CURSOR
==============================*/

.customCursor{
    width:18px;
    height:18px;
    border:2px solid #D4AF37;
    border-radius:50%;
    position:fixed;
    pointer-events:none;
    transform:translate(-50%,-50%);
    z-index:99999;
    transition:transform .2s ease;
}

.customCursor.active{
    transform:translate(-50%,-50%) scale(2);
    background:#D4AF37;
}

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

::-webkit-scrollbar{
    width:10px;
}

::-webkit-scrollbar-track{
    background:#080808;
}

::-webkit-scrollbar-thumb{
    background:#D4AF37;
    border-radius:30px;
}

::-webkit-scrollbar-thumb:hover{
    background:#f3d57c;
}

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

@media(max-width:768px){

.cta-box{
    padding:45px 25px;
}

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

.footer-grid,
.footer-top{
    grid-template-columns:1fr;
    gap:40px;
    text-align:center;
}

.footer-social{
    justify-content:center;
}

}

@media(max-width:576px){

.customCursor{
    display:none;
}

.backToTop{
    width:48px;
    height:48px;
    font-size:18px;
    right:18px;
    bottom:18px;
}

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

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

}
/*==================================================
LUMINA GLOBAL EDUCATION
STYLE.CSS PART 5
CTA + Mobile Menu + Back To Top + Cursor + Footer Fix
==================================================*/

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

.cta{
    padding:120px 0;
    background:#1f1f1f;
    position:relative;
    overflow:hidden;
}

.cta::before{
    content:"";
    position:absolute;
    width:450px;
    height:450px;
    background:#D4AF37;
    filter:blur(140px);
    opacity:.08;
    top:-180px;
    right:-180px;
    border-radius:50%;
}

.cta-box{
    max-width:900px;
    margin:auto;
    text-align:center;
    padding:80px 60px;
    border-radius:30px;
    background:rgba(255,255,255,.04);
    border:1px solid rgba(255,255,255,.08);
    backdrop-filter:blur(18px);
}

.cta-box span{
    color:#D4AF37;
    letter-spacing:.3em;
    font-size:13px;
    font-weight:700;
    display:block;
    margin-bottom:20px;
}

.cta-box h2{
    font-size:60px;
    line-height:1.15;
    font-family:'Cormorant Garamond',serif;
    margin-bottom:25px;
}

.cta-box p{
    max-width:700px;
    margin:0 auto 40px;
    color:#d4d4d4;
    line-height:1.9;
    font-size:18px;
}

/*==============================
FOOTER FIX
==============================*/

.footer-grid,
.footer-top{
    display:grid;
    grid-template-columns:2fr 1fr 1fr 1.2fr;
    gap:50px;
}

.footer-about img{
    height:100px;
    margin-bottom:20px;
}

.footer-about p{
      color: #bdbdbd;
    line-height:1.9;
    margin-bottom:25px;
}

.footer-links ul,
.footer-services ul{
    padding:0;
}

.footer-links li,
.footer-services li{
    margin-bottom:12px;
}

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

.mobile-toggle{
    width:34px;
    cursor:pointer;
    z-index:99999;
}

.mobile-toggle span{
    display:block;
    width:100%;
    height:3px;
    background:#fff;
    margin:7px 0;
    transition:.35s;
}

.mobile-toggle.active span:nth-child(1){
    transform:rotate(45deg) translateY(10px);
}

.mobile-toggle.active span:nth-child(2){
    opacity:0;
}

.mobile-toggle.active span:nth-child(3){
    transform:rotate(-45deg) translateY(-10px);
}

@media(max-width:991px){

.navbar{
    position:fixed;
    top:90px;
    left:-100%;
    width:100%;
    background:#080808;
    padding:35px;
    transition:.4s;
}

.navbar.active{
    left:0;
}

.navbar ul{
    flex-direction:column;
    gap:25px;
}

.navbar ul li{
    text-align:center;
}

}

/*==============================
BACK TO TOP
==============================*/

.backToTop{
    position:fixed;
    right:25px;
    bottom:25px;
    width:55px;
    height:55px;
    border:none;
    border-radius:50%;
    background:#D4AF37;
    color:#000;
    font-size:20px;
    font-weight:bold;
    cursor:pointer;
    opacity:0;
    visibility:hidden;
    transition:.35s;
    z-index:9999;
}

.backToTop.show{
    opacity:1;
    visibility:visible;
}

.backToTop:hover{
    transform:translateY(-6px);
}

/*==============================
CUSTOM CURSOR
==============================*/

.customCursor{
    width:18px;
    height:18px;
    border:2px solid #D4AF37;
    border-radius:50%;
    position:fixed;
    pointer-events:none;
    transform:translate(-50%,-50%);
    z-index:99999;
    transition:transform .2s ease;
}

.customCursor.active{
    transform:translate(-50%,-50%) scale(2);
    background:#D4AF37;
}

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

::-webkit-scrollbar{
    width:10px;
}

::-webkit-scrollbar-track{
    background:#080808;
}

::-webkit-scrollbar-thumb{
    background:#D4AF37;
    border-radius:30px;
}

::-webkit-scrollbar-thumb:hover{
    background:#f3d57c;
}

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

@media(max-width:768px){

.cta-box{
    padding:45px 25px;
}

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

.footer-grid,
.footer-top{
    grid-template-columns:1fr;
    gap:40px;
    text-align:center;
}

.footer-social{
    justify-content:center;
}

}

@media(max-width:576px){

.customCursor{
    display:none;
}

.backToTop{
    width:48px;
    height:48px;
    font-size:18px;
    right:18px;
    bottom:18px;
}

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

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

}
.testimonialSwiper{

padding:60px 20px;

}

.testimonialSwiper .swiper-slide{

height:auto;

}
.swiper-pagination{display:none !important}
.testimonial-card{

     text-align: center;
border-radius:20px;

padding:35px;

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

transition:.4s;

height:100%;

}

.service-icon i{ font-size:30px}
.feature-icon i{ font-size:30px}

.testimonial-card:hover{

transform:translateY(-10px);

}

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

color:#D4AF37;display:none !important

}

.swiper-pagination-bullet{

background:#D4AF37;display:none !important;

opacity:.4;

}

.swiper-pagination-bullet-active{

opacity:1;

}

@media(max-width:768px){

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

display:none;

}

}
.dark .sec-head h2 {
   color: #F3E2B8;    font-size: 58px;
    font-family: 'Cormorant Garamond', serif;
}
.sec-head h2 {
      font-size: 58px;
    font-family: 'Cormorant Garamond', serif;
    line-height: 1.08;
    color: var(--ink);
    text-wrap: balance;
}
.reveal.in {
    opacity: 1;
    transform: none;
}
.sec-head.center {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.sec-head {
     margin-bottom: clamp(44px, 6vw, 72px);
}
.dark .sec-head p {
    color: rgba(243, 226, 184, .55);
}
.sec-head p {
    margin-top: 18px;
    font-size: 16.5px;
    line-height: 1.7;
    color: var(--ink-soft);
}
:root{
 --bg-dark:#14110D;
 --surface-dark:#1C1813;
 --charcoal:#201D19;
 --gold:#C9A455;
 --gold-hi:#E8CB84;
 --cream:#F3E2B8;
 --ivory:#FBF8F1;
 --paper:#FFFFFF;
 --ink:#26221C;
 --ink-soft:#6E655A;
 --hair-d:rgba(201,164,85,.16);
 --hair-l:rgba(38,34,28,.1);
 --ease:cubic-bezier(.19,1,.22,1);
 --noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");
}
.sec-head .kicker::before {
    content: '';
    width: 26px;
    height: 1px;
    background: #C9A455;
}
.sec-head .kicker {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 18px;
}
.kicker {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .34em;
    text-transform: uppercase;
    color: var(--gold);
}
/* ================= JOURNEY ================= */
.journey{background:#1f1f1f;position:relative;overflow:hidden}
.journey .jbg{
 position:absolute;left:50%;top:0;transform:translateX(-50%);
 width:120vmax;height:120vmax;pointer-events:none;
 background:radial-gradient(closest-side,rgba(201,164,85,.07),transparent 70%);
}
.j-rail{position:relative;max-width:820px;margin:0 auto}
.j-line{position:absolute;left:50%;top:0;bottom:0;width:1px;transform:translateX(-50%);background:rgba(232,203,132,.12)}
.j-line .jf{
 position:absolute;top:0;left:0;width:100%;height:0%;
 background:linear-gradient(180deg,var(--gold-hi),var(--gold));
 box-shadow:0 0 14px rgba(201,164,85,.8);
}
.j-line .orb{
 position:absolute;left:50%;top:0;transform:translate(-50%,-50%);
 width:9px;height:9px;border-radius:50%;background:var(--cream);
 box-shadow:0 0 18px 5px rgba(232,203,132,.75);
}
.j-item{
 position:relative;width:50%;padding:0 54px 76px 0;text-align:right;
}
.j-item:nth-child(even){margin-left:50%;padding:0 0 76px 54px;text-align:left}
.j-item:last-child{padding-bottom:8px}
.j-pt{
 position:absolute;top:6px;right:-8px;width:15px;height:15px;border-radius:50%;
 background:var(--bg-dark);border:1px solid rgba(201,164,85,.5);
 transition:all .5s var(--ease);
}
.j-item:nth-child(even) .j-pt{right:auto;left:-7px}
.j-item.lit .j-pt{background:var(--gold);box-shadow:0 0 20px rgba(201,164,85,.8);border-color:var(--gold-hi)}
.j-item .step{font-size:10px;font-weight:600;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin-bottom:10px}
.j-item h3{font-size:24px;color:#fff;font-weight:450;margin-bottom:12px}
.j-item p{font-size:14.5px;line-height:1.65;    color: #c8c8c8;}
 
/* ================= STATS ================= */











.hero1{
 position:relative;background:#1f1f1f;color:var(--cream);
 padding:150px clamp(20px,5vw,64px) 0;
 overflow:hidden;
}
.hero-sky{position:absolute;inset:0;pointer-events:none}
.hero-sky .glow-core{
 position:absolute;left:50%;top:118%;transform:translate(-50%,-50%);
 width:150vw;height:110vh;border-radius:50%;
 background:radial-gradient(closest-side,rgba(201,164,85,.32),rgba(201,164,85,.1) 45%,transparent 72%);
 filter:blur(10px);
 animation:coreBreath 9s ease-in-out infinite;
}
@keyframes coreBreath{0%,100%{opacity:.85}50%{opacity:1.15}}
.hero-sky .rays{
 position:absolute;left:50%;top:100%;width:220vmax;height:220vmax;
 transform:translate(-50%,-50%);
 background:conic-gradient(from 0deg,
 transparent 0deg, rgba(201,164,85,.06) 4deg, transparent 9deg,
 transparent 24deg, rgba(232,203,132,.09) 28deg, transparent 34deg,
 transparent 58deg, rgba(201,164,85,.05) 62deg, transparent 66deg,
 transparent 96deg, rgba(232,203,132,.08) 101deg, transparent 107deg,
 transparent 138deg, rgba(201,164,85,.06) 142deg, transparent 147deg,
 transparent 178deg, rgba(232,203,132,.07) 182deg, transparent 188deg,
 transparent 218deg, rgba(201,164,85,.05) 222deg, transparent 227deg,
 transparent 258deg, rgba(232,203,132,.08) 262deg, transparent 268deg,
 transparent 298deg, rgba(201,164,85,.06) 302deg, transparent 308deg,
 transparent 338deg, rgba(232,203,132,.07) 342deg, transparent 348deg, transparent 360deg);
 animation:raySpin 90s linear infinite;
 mask-image:radial-gradient(closest-side,black 0%,black 30%,transparent 62%);
 -webkit-mask-image:radial-gradient(closest-side,black 0%,black 30%,transparent 62%);
}
@keyframes raySpin{to{transform:translate(-50%,-50%) rotate(360deg)}}
.hero-sky .stars{position:absolute;inset:0}
.hero-sky .haze{
 position:absolute;inset:0;
 background:
 radial-gradient(ellipse 70% 45% at 22% 8%,rgba(20,17,13,.85),transparent 60%),
 radial-gradient(ellipse 70% 45% at 82% 6%,rgba(20,17,13,.85),transparent 60%);
}
.hero-inner{position:relative;z-index:3;max-width:1180px;margin:0 auto;text-align:center}
.hero-eyebrow{
 display:inline-flex;align-items:center;gap:10px;
 font-size:11px;font-weight:600;letter-spacing:.3em;text-transform:uppercase;color:var(--gold-hi);
 padding:8px 18px;border-radius:100px;margin-bottom:36px;
 border:1px solid var(--hair-d);
 background:linear-gradient(180deg,rgba(201,164,85,.1),rgba(201,164,85,.03));
 box-shadow:inset 0 1px 0 rgba(232,203,132,.12);
}
.hero-eyebrow .pulse{width:5px;height:5px;border-radius:50%;background:var(--gold-hi);box-shadow:0 0 0 0 rgba(232,203,132,.5);animation:ping 2.4s cubic-bezier(0,0,.2,1) infinite}
@keyframes ping{0%{box-shadow:0 0 0 0 rgba(232,203,132,.45)}80%,100%{box-shadow:0 0 0 8px rgba(232,203,132,0)}}
.hero1 h1{
 font-size:clamp(44px,6.6vw,88px);line-height:1.02;font-weight:450;
 color:var(--ivory);margin:0 auto 24px;max-width:900px;
 text-wrap:balance;
}
.hero1 h1 em{
 font-style:italic;font-weight:420;
 background:linear-gradient(95deg,var(--cream) 10%,var(--gold-hi) 45%,var(--gold) 90%);
 -webkit-background-clip:text;background-clip:text;color:transparent;
}
.hero1 h1 .w{display:inline-block;overflow:hidden;vertical-align:bottom;padding-bottom:.08em;margin-bottom:-.08em}
.hero1 h1 .w>span{display:inline-block;transform:translateY(115%);animation:wordUp 1.1s var(--ease) forwards}
@keyframes wordUp{to{transform:translateY(0)}}
.hero1 .lede{
 font-size:clamp(15.5px,1.5vw,18px);line-height:1.7;color:rgba(243,226,184,.62);
 max-width:560px;margin:0 auto 40px;
 opacity:0;animation:fadeUp 1.1s var(--ease) .6s forwards;
}
.hero-ctas{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;opacity:0;animation:fadeUp 1.1s var(--ease) .8s forwards}
@keyframes fadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.hero-proof{
 display:flex;gap:26px;justify-content:center;align-items:center;flex-wrap:wrap;
 margin-top:34px;font-size:12.5px;color:rgba(243,226,184,.45);letter-spacing:.04em;
 opacity:0;animation:fadeUp 1.1s var(--ease) 1s forwards;
}
.hero-proof b{color:rgba(243,226,184,.85);font-weight:600}
.hero-proof .sep{width:3px;height:3px;border-radius:50%;background:rgba(201,164,85,.5)}
 
/* --- hero dashboard artifact --- */
/* --- hero dashboard artifact --- */
.stage{
 position:relative;z-index:3;max-width:960px;margin:74px auto 0;
 perspective:1400px;
 opacity:0;animation:stageUp 1.4s var(--ease) 1s forwards;
}
@keyframes stageUp{from{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}
.dash{
 position:relative;border-radius:20px 20px 0 0;
 transform:rotateX(14deg);transform-style:preserve-3d;
 transition:transform .5s var(--ease);
 background:linear-gradient(180deg,rgba(48,42,33,.85),rgba(28,24,19,.92));
 border:1px solid rgba(232,203,132,.22);border-bottom:none;
 box-shadow:
 0 -1px 0 rgba(232,203,132,.28) inset,
 0 40px 120px -20px rgba(0,0,0,.8),
 0 0 90px -10px rgba(201,164,85,.28);
 backdrop-filter:blur(14px);
 overflow:hidden;
}
.dash::before{
 content:'';position:absolute;inset:0;pointer-events:none;
 background:var(--noise);background-size:160px;opacity:.05;mix-blend-mode:overlay;
}
.dash-top{
 display:flex;align-items:center;justify-content:space-between;
 padding:16px 24px;border-bottom:1px solid rgba(232,203,132,.12);
}
.dash-id{display:flex;align-items:center;gap:12px}
.dash-ava{
 width:34px;height:34px;border-radius:50%;display:grid;place-items:center;flex:none;
 background:linear-gradient(135deg,var(--gold),#8A6E33);color:#171410;
 font-family:'Fraunces',serif;font-size:13px;font-weight:530;
}
.dash-id b{display:block;font-size:13.5px;color:var(--cream);font-weight:600}
.dash-id span{font-size:11px;color:rgba(243,226,184,.45)}
.dash-stage-tag{
 font-size:10.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;
 color:var(--gold-hi);border:1px solid rgba(201,164,85,.3);border-radius:100px;padding:6px 13px;
 background:rgba(201,164,85,.08);
}
.dash-body{display:grid;grid-template-columns:1.25fr .9fr;gap:0}
.dash-left{padding:22px 24px 30px;border-right:1px solid rgba(232,203,132,.1)}
.dash-prog-label{display:flex;justify-content:space-between;font-size:11.5px;color:rgba(243,226,184,.5);margin-bottom:9px}
.dash-prog-label b{color:var(--gold-hi);font-weight:600}
.dash-bar{height:5px;border-radius:5px;background:rgba(243,226,184,.1);overflow:hidden;margin-bottom:22px}
.dash-bar i{
 display:block;height:100%;width:0%;border-radius:5px;
 background:linear-gradient(90deg,var(--gold),var(--gold-hi));
 box-shadow:0 0 12px rgba(201,164,85,.7);
 transition:width 1.6s var(--ease) .4s;
}
.dash.play .dash-bar i{width:82%}
.dash-row{
 display:flex;align-items:center;gap:12px;padding:11px 2px;
 border-bottom:1px dashed rgba(232,203,132,.1);font-size:13px;color:rgba(243,226,184,.78);
}
.dash-row:last-child{border-bottom:none}
.dash-check{
 width:19px;height:19px;border-radius:50%;flex:none;display:grid;place-items:center;
 border:1px solid rgba(201,164,85,.4);font-size:10px;color:transparent;transition:all .5s var(--ease);
}
.dash.play .dash-row.done .dash-check{background:var(--gold);border-color:var(--gold);color:#171410}
.dash-row.now{color:var(--cream)}
.dash-row.now .dash-check{border-style:dashed;animation:spinSlow 6s linear infinite}
@keyframes spinSlow{to{transform:rotate(360deg)}}
.dash-row .when{margin-left:auto;font-size:10.5px;color:rgba(243,226,184,.3);letter-spacing:.06em}
.dash-right{padding:22px 24px;display:flex;flex-direction:column;gap:12px}
.dash-card{
 border:1px solid rgba(232,203,132,.14);border-radius:12px;padding:14px 16px;
 background:linear-gradient(180deg,rgba(243,226,184,.05),rgba(243,226,184,.015));
}
.dash-card .k{font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:rgba(201,164,85,.8);margin-bottom:7px;font-weight:600}
.dash-card .v{font-family:'Fraunces',serif;font-size:19px;color:var(--cream)}
.dash-card .v small{font-size:12px;color:rgba(243,226,184,.45);font-family:'Instrument Sans',sans-serif;margin-left:6px}
/* floating chips */
.chip{
 position:absolute;z-index:4;display:flex;align-items:center;gap:9px;
 padding:11px 17px;border-radius:14px;font-size:12.5px;font-weight:600;color:var(--cream);
 background:rgba(34,29,22,.82);border:1px solid rgba(232,203,132,.25);
 backdrop-filter:blur(12px);
 box-shadow:0 18px 50px -10px rgba(0,0,0,.7),inset 0 1px 0 rgba(232,203,132,.18);
 animation:chipFloat 7s ease-in-out infinite;
 opacity:1;
}
.stage.play .chip{opacity:1;transition:opacity 1s var(--ease)}
.chip .ic{
 width:24px;height:24px;border-radius:8px;display:grid;place-items:center;flex:none;
 background:linear-gradient(135deg,var(--gold-hi),var(--gold));color:#171410;font-size:12px;
}
.chip small{display:block;font-weight:500;font-size:10.5px;color:rgba(243,226,184,.5);letter-spacing:.02em}
.chip-1{top:-4%;left:-7%;animation-delay:.2s}
.chip-2{top:30%;right:-9%;animation-delay:1.4s}
.chip-3{bottom:18%;left:-10%;animation-delay:2.6s}
@keyframes chipFloat{0%,100%{transform:translateY(-7px)}50%{transform:translateY(7px)}}
/* fade dashboard bottom into next section */
.hero-fade{
 position:absolute;left:0;right:0;bottom:0;height:140px;z-index:5;pointer-events:none;
 background:linear-gradient(180deg,transparent,var(--bg-dark) 85%);
}
 




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

.hero-btns{
     align-items:center;
    gap:20px;
    flex-wrap:wrap;
    margin-top:40px;margin-bottom:50px
}

.hero-btns a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:18px 34px;
    border-radius:60px;
    font-size:15px;
    font-weight:600;
    transition:all .35s ease;
    position:relative;
    overflow:hidden;
}

/* Primary Button */

.primary-btn{
    background:#D4AF37;
    color:#111;
    border:2px solid #D4AF37;
    box-shadow:0 10px 30px rgba(212,175,55,.25);
}

.primary-btn:hover{
    background:#e8c45b;
    border-color:#e8c45b;
    color:#111;
    transform:translateY(-5px);
    box-shadow:0 18px 45px rgba(212,175,55,.35);
}

/* Secondary Button */

.secondary-btn{
    background:transparent;
    color:#fff;
    border:1px solid rgba(255,255,255,.18);
    backdrop-filter:blur(10px);
}

.secondary-btn:hover{
    background:#fff;
    color:#111;
    border-color:#fff;
    transform:translateY(-5px);
}

/* Responsive */

@media (max-width:768px){

    .hero-btns{
        flex-direction:column;
        align-items:flex-start;
        gap:15px;
    }

    .hero-btns a{
        width:100%;
        justify-content:center;
    }

}






/*==================================================
MANIFESTO
==================================================*/

.manifesto{
    position:relative;
    padding:120px 0;
    background:#1f1f1f;
    overflow:hidden;
}

.manifesto::before{
    content:"";
    position:absolute;
    top:-250px;
    left:-220px;
    width:600px;
    height:600px;
    border-radius:50%;
    background:#D4AF37;
    opacity:.06;
    filter:blur(140px);
}

.manifesto::after{
    content:"";
    position:absolute;
    right:-220px;
    bottom:-250px;
    width:600px;
    height:600px;
    border-radius:50%;
    background:#D4AF37;
    opacity:.05;
    filter:blur(140px);
}

.manifesto-content{
    max-width:900px;
    margin:auto;
    text-align:center;
    position:relative;
    z-index:2;
}

.manifesto .section-tag{
    display:inline-block;
    margin-bottom:25px;
    color:#D4AF37;
    font-size:13px;
    font-weight:600;
    letter-spacing:.35em;
    text-transform:uppercase;
}

.manifesto h2{
    font-family:'Cormorant Garamond',serif;
    font-size:60px;
    line-height:1.15;
    font-weight:600;
    color:#fff;
    margin-bottom:35px;
}

.manifesto h2 span{
    color:#D4AF37;
}

.manifesto p{
    max-width:780px;
    margin:0 auto 22px;
    font-size:18px;
    line-height:1.9;
    color:rgba(255,255,255,.82);
}

.manifesto-highlight{
    margin-top:40px;
    font-size:22px !important;
    color:#fff !important;
    font-weight:500;
}

.manifesto-highlight strong{
    color:#D4AF37;
    font-weight:700;
}

/* Divider */

.manifesto-content::after{
    content:"";
    display:block;
    width:120px;
    height:2px;
    margin:45px auto 0;
    background:linear-gradient(
        90deg,
        transparent,
        #D4AF37,
        transparent
    );
}

/*==============================
Responsive
==============================*/

@media (max-width:991px){

    .manifesto{
        padding:90px 0;
    }

    .manifesto h2{
        font-size:46px;
    }

    .manifesto p{
        font-size:17px;
    }

}

@media (max-width:767px){
.hero-content {
    max-width: 1000px;
    padding: 0 15px;
}
    .manifesto{
        padding:70px 0;
    }

    .manifesto h2{
        font-size:36px;
        line-height:1.25;
    }

    .manifesto p{
        font-size:16px;
        line-height:1.8;
    }

    .manifesto-highlight{
        font-size:18px !important;
    }

    .manifesto-content::after{
        width:80px;
    }

}
.manifesto::before {
    content: "";
    position: absolute;
    top: -250px;
    left: -250px;
    width: 800px;
    height: 800px;
    border-radius: 52%;
    background: #ffc300;
    opacity: .06;
    filter: blur(120px);
}
.manifesto::after {
    content: "";
    position: absolute;
    bottom: -250px;
    right: -250px;
    width: 800px;
    height: 800px;
    border-radius: 52%;
    background: #ffc300;
    opacity: .06;
    filter: blur(120px);
}/* Desktop */
.header-btn{
    display: block;
}

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

    .header-btn{
        display: none;
    }

    .navbar.active ul::after{
        content: "";
        display: block;
        margin-top: 20px;
    }

    .navbar.active ul{
        padding-bottom: 20px;
    }

    .navbar.active ul li.book-btn{
        display: block;
    }
}.book-btn{
    display:none;
}

@media(max-width:991px){
    .book-btn{
        display:block;
        margin-top:15px;
    }

    .book-btn a{
        display:block;
        text-align:center;
    }
}
@media (max-width:1024px){

.header .container{
    display:flex;
    align-items:center;
    justify-content:space-between;
}

.navbar ul{
    gap:14px; /* ya 15px */
}

.navbar ul li a{
    font-size:12px;
}

.header-btn .btn-outline{
    padding:10px 14px;
    font-size:12px;
}
}