:root{
--accent:#34d399;
--dark:#0f172a;
--ease:cubic-bezier(.34,1.56,.64,1);
--glass:rgba(255, 255, 255, 0.001);
--glass-border:rgba(212, 211, 211, 0.537);
--shadow:0 25px 60px rgba(0,0,0,.35);
}

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

html{
scroll-behavior:smooth
}

.container{
width:92%;
max-width:1600px;
margin:auto;
}

body{
font-family:'Inter',sans-serif;
background:#000;
color:#fff;
line-height:1.6;
-webkit-font-smoothing:antialiased;
}

/* HEADER */
/* HEADER */
header.scrolled{
background:#090909c0;
box-shadow:0 10px 40px rgba(0,0,0,.08);
.nav a{
    color: white;
}
}

header{
position:fixed;
width:100%;
z-index:1000;
padding:13px;
}


/* NAV WRAPPER */
.nav{
display:flex;
justify-content:space-between;
align-items:center;
position:relative;
}

/* LOGO IMAGE */
.logo img{
height: 40px;
width:auto;
display:block;
}

/* NAV LINKS */
nav{
display:flex;
align-items:center;
}

nav a{
margin-left:28px;
text-decoration:none;
color: white;
font-weight:500;
position:relative;
font-size:15px;
}

/* ACTIVE */
nav a.active{
color:#2563eb;
}

/* HOVER UNDERLINE */
nav a::after{
content:"";
position:absolute;
bottom:-6px;
left:0;
width:0;
height:2px;
background:#2563eb;
transition:.3s;
}

nav a:hover::after{
width:100%;
}

/* MENU ICON */
.menu-toggle{
display:none;
font-size:26px;
cursor:pointer;
}

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

/* TABLET */
@media(max-width:1024px){
nav a{
margin-left:20px;
font-size:14px;
}
}

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

/* show menu */
.menu-toggle{
display:block;
}

/* dropdown nav */
nav{
position:absolute;
top:70px;
right:0;
width:100%;
background:white;
flex-direction:column;
align-items:center;
padding:20px 0;
gap:20px;

opacity:0;
pointer-events:none;
transform:translateY(-10px);
transition:.3s ease;
}

/* active state */
nav.active{
opacity:1;
pointer-events:auto;
transform:translateY(0);
}

/* links reset */
nav a{
margin:0;
font-size:16px;
}
}


/* DROPDOWN WRAPPER */
.dropdown{
position:relative;
}

/* BUTTON */
.drop-btn{
cursor:pointer;
}

/* MENU */
.dropdown-menu{
position:absolute;
top:45px;
left:0;
background:white;
border-radius:10px;
box-shadow:0 20px 50px rgba(0,0,0,.12);
padding:10px 0;
min-width:220px;

opacity:0;
pointer-events:none;
transform:translateY(10px);
transition:.3s ease;
z-index:999;
}

/* ITEMS */
.dropdown-menu a{
display:flex;
align-items:center;
gap:10px;
padding:12px 18px;
color:#0f172a;
font-size:14px;
text-decoration:none;
margin:0;
}

/* ICON */
.dropdown-menu a span{
font-size:16px;
}

/* HOVER */
.dropdown-menu a:hover{
background:#f1f5f9;
}

/* SHOW ON HOVER (DESKTOP) */
.dropdown:hover .dropdown-menu{
opacity:1;
pointer-events:auto;
transform:translateY(0);
}

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

@media(max-width:768px){

/* dropdown inside menu */
.dropdown{
width:100%;
text-align:center;
}

/* button full width */
.drop-btn{
display:block;
width:100%;
}

/* menu becomes inline block */
.dropdown-menu{
position:static;
box-shadow:none;
background:#f8fafc;
border-radius:8px;
margin-top:10px;
padding:10px 0;

opacity:1;
pointer-events:auto;
transform:none;

display:none;
}

/* show when active */
.dropdown.active .dropdown-menu{
display:block;
}

/* items */
.dropdown-menu a{
justify-content:center;
}

}




/* SECTION BASE */

.section{
min-height:100vh;
display:flex;
align-items:center;
justify-content:center;
position:relative;
padding:120px 4%;
background-size:cover;
background-position:center;
overflow:hidden;
}

/* subtle parallax illusion */

.section::before{
content:"";
position:absolute;
inset:0;
background:linear-gradient(to bottom,rgba(0,0,0,.15),rgba(0,0,0,.55));
z-index:0;
}

.section > *{
position:relative;
z-index:2;
}

/* BACKGROUNDS */

.ev{
background:url("Assets/Manthra-D.png") center/cover fixed
}

.solar{
background:url("Assets/Solar\ 1.jpg") center/cover fixed
}

.insurance{
background:url("Assets/Insurance\ 2.jpg") center/cover fixed
}

.realestate{
background:url("https://images.unsplash.com/photo-1600585154340-be6161a56a0c?auto=format&fit=crop&w=1600&q=80") center/cover fixed
}

.training{
background:url("https://images.unsplash.com/photo-1581092580497-e0d23cbdf1dc?auto=format&fit=crop&w=1600&q=80") center/cover fixed
}

/* OVERLAY */

.overlay{
position:absolute;
inset:0;
z-index:1
}

.overlay.dark{
background:rgba(0,0,0,.6)
}

.overlay.light{
background:rgba(112, 112, 112, 0.538)
}

/* CONTENT */

.content{
position:relative;
width:100%;
max-width:1400px;
margin:0 auto;
}

.content.dark{
color:#000
}

/* TYPOGRAPHY */

h1{
font-family:'Playfair Display',serif;
font-size:56px;
margin-bottom:20px;
letter-spacing:.5px;
line-height:1.2;
}

p{
font-size:19px;
margin-bottom:40px;
max-width:1000px;
opacity:.92;
}

/* BUTTONS */

.btn{
padding:14px 36px;
border-radius:10px;
cursor:pointer;
border:none;
font-weight:600;
font-size:15px;
letter-spacing:.3px;
transition:.35s var(--ease);
}

.primary{
background:var(--accent);
color:#000;
}

.primary:hover{
transform:translateY(-5px);
box-shadow:0 18px 40px rgba(52,211,153,.45);
}

.ghost{
background:rgba(255,255,255,.18);
border:1px solid #fff;
color:#fff;
backdrop-filter:blur(6px);
}

.ghost:hover{
background:#fff;
color:#000;
transform:translateY(-4px);
}

.outline{
background:#f59e0b;
color:#000;
transition:.35s;
}

.outline:hover{
transform:translateY(-4px);
box-shadow:0 15px 30px rgba(0,0,0,.35);
}

/* GLASS GRID */

.glass-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
gap:38px;
width:100%;
}

/* GLASS CARD */

.glass-card{
background:var(--glass);
backdrop-filter:blur(18px);
-webkit-backdrop-filter:blur(18px);
padding:40px;
border-radius:22px;
border:1px solid var(--glass-border);
transition:.4s var(--ease);
box-shadow:0 10px 30px rgba(0,0,0,.2);
}

.glass-card:hover{
transform:translateY(-8px) scale(1.02);
box-shadow:0 30px 70px rgba(0,0,0,.45);
}

.glass-card h3{
margin-bottom:12px;
font-size:20px;
}

/* ACCORDION */

.accordion{
max-width:1000px;
width:100%;
}

.acc-item{
background:var(--glass);
backdrop-filter:blur(5px);
border-radius:16px;
margin-bottom:14px;
overflow:hidden;
border:1px solid rgba(23, 23, 23, 0.214);
transition:.35s;
}

.acc-header{
padding:20px;
font-weight:600;
cursor:pointer;
font-size:16px;
}

.acc-body{
max-height:0;
overflow:hidden;
padding:0 20px;
transition:max-height .45s ease;
font-size:15px;
}

.acc-item.open .acc-body{
max-height:220px;
padding:18px 20px 24px;
}

/* REAL ESTATE */

.real-wrapper{
position:relative;
display:flex;
justify-content:space-between;
align-items:center;
width:100%;
}

.real-text{
max-width:55%;
z-index:2;
}

.real-image{
position:absolute;
right:0;
top:0;
width:38%;
}

.real-image img{
width:100%;
border-radius:22px;
box-shadow:0 30px 70px rgba(0,0,0,.55);
transition:.4s;
}

.real-image img:hover{
transform:scale(1.03);
}

.real-grid{
display:flex;
gap:28px;
margin-top:28px;
}

.real-card{
background:rgba(0,0,0,.55);
backdrop-filter:blur(14px);
padding:32px;
border-radius:18px;
transition:.35s;
border:1px solid rgba(255,255,255,.15);
}

.real-card:hover{
transform:translateY(-8px);
box-shadow:0 25px 50px rgba(0,0,0,.45);
}

/* TRAINING */

.training-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:100px;
position:relative;
}

.training-form{
background:#fff;
color:#000;
padding:48px;
border-radius:20px;
display:flex;
flex-direction:column;
gap:20px;
box-shadow:0 30px 60px rgba(0,0,0,.45);
}

.training-form h3{
margin-bottom:10px;
}

.training-form input,
.training-form select{
padding:14px;
border-radius:8px;
border:1px solid #ddd;
font-size:14px;
}


/* CONTACT */

.contact{
background:url("https://images.unsplash.com/photo-1521791136064-7986c2920216?auto=format&fit=crop&w=1600&q=80") center/cover fixed;
}

.contact-wrapper{
display:grid;
grid-template-columns:1fr 1fr;
gap:80px;
max-width:1200px;
margin:auto;
}

.contact-left h1{
font-size:46px;
margin-bottom:20px;
}

.contact-points div{
margin-bottom:12px;
}

.contact-form{
background:rgba(21, 21, 21, 0.595);
backdrop-filter:blur(18px);
padding:40px;
border-radius:20px;
display:flex;
flex-direction:column;
gap:18px;
}

.contact-form input,
.contact-form select{
padding:14px;
border-radius:8px;
border:none;
background:rgba(255,255,255,.15);
color:#fff;
}

/* FOOTER */

.footer{
background:#020617;
padding:80px 6%;
text-align: center;
}

.footer-container{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:50px;
max-width:1200px;
margin:auto;
}

.footer-col a{
display:block;
margin-bottom:10px;
color:#cbd5e1;
text-decoration:none;
}

.footer-col a:hover{
color:#34d399;
}

.footer-bottom{
text-align:center;
margin-top:40px;
border-top:1px solid rgba(255,255,255,.1);
padding-top:20px;
}
/* FOOTER */


/* REVEAL ANIMATION */

.reveal{
opacity:0;
transform:translateY(45px);
transition:all .9s cubic-bezier(.16,1,.3,1);
}

.reveal.active{
opacity:1;
transform:translateY(0);
}

/* RESPONSIVE */