body { animation: fadeIn 0.8s ease-in-out; }
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }

/* ═══════════════════════════════
   GOLD & BLACK PREMIUM THEME
═══════════════════════════════ */
:root{
  --gold:#C9951A;--gold-h:#B5840F;--gold-l:#F0CD6A;--gold-bg:rgba(201,149,26,.08);
  --bg:#0A0A0A;--bg2:#111111;--bg3:#1A1A1A;--bg4:#222222;
  --txt:#FFFFFF;--txt2:#BBBBBB;--gray:#888888;
  --hd:'Cormorant Garamond',serif;--bd:'Montserrat',sans-serif;--sc:'Great Vibes',cursive;
  --tr:all .3s ease;
}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--bd);background:var(--bg);color:var(--txt);overflow-x:hidden;-webkit-font-smoothing:antialiased}
a{text-decoration:none;color:inherit}img{max-width:100%;display:block}ul{list-style:none}
button{border:none;outline:none;cursor:pointer;font-family:var(--bd)}
::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg2)}::-webkit-scrollbar-thumb{background:var(--gold);border-radius:10px}
.container{max-width:1440px;margin:0 auto;padding:0 24px}

/* ═══ TOP BAR ═══ */
.topbar{background:var(--gold);padding:9px 0;font-size:.72rem;color:#111}
.topbar .container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:6px}
.tb-left{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.tb-left a,.tb-left span{display:inline-flex;align-items:center;gap:6px;color:#111;font-weight:600;font-size:0.9rem;transition:opacity .3s}
.tb-left a:hover{opacity:.7}.tb-left i{font-size:.75rem}
.tb-right{display:flex;align-items:center;gap:14px}
.tb-right span{font-weight:600; font-size: 0.9rem;}
.tb-socials{display:flex;gap:6px}
.tb-socials a{width:26px;height:26px;border-radius:50%;background:rgba(0,0,0,.15);display:flex;align-items:center;justify-content:center;color:#111;font-size:.65rem;transition:var(--tr)}
.tb-socials a:hover{background:var(--bg);color:var(--gold);transform:scale(1.1)}

/* ═══ NAVBAR ═══ */
.navbar{background:#fff;position:sticky;top:0;z-index:1000;border-bottom:1px solid rgba(201,149,26,.18);box-shadow:0 2px 10px rgba(0,0,0,.06)}
.navbar .container{display:flex;align-items:center;justify-content:space-between;min-height:95px; padding-top:10px; padding-bottom:10px;}
.nav-brand{display:flex;align-items:center;gap:10px;flex-shrink:0}
.nav-brand img{height:55px;width:auto}
.nav-links{display:flex;align-items:center;gap:26px}
.nav-links>a,.dd>a{font-size:0.95rem;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:#333;transition:color .3s;position:relative;padding:6px 0}
.nav-links>a.active{color:var(--gold)}
.nav-links>a.active::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--gold)}
.nav-links>a:hover,.dd:hover>a{color:var(--gold)}
.dd{position:relative}.dd>a{display:flex;align-items:center;gap:4px}
.dd>a i{font-size:.55rem;transition:transform .3s}.dd:hover>a i{transform:rotate(180deg)}
.dd-menu{position:absolute;top:calc(100% + 8px);left:-10px;background:var(--bg3);min-width:220px;border-radius:8px;box-shadow:0 12px 40px rgba(0,0,0,.5);opacity:0;visibility:hidden;transform:translateY(8px);transition:var(--tr);padding:8px 0;z-index:50;border:1px solid rgba(201,149,26,.1)}
.dd:hover .dd-menu{opacity:1;visibility:visible;transform:translateY(0)}
.dd-menu a{display:block;padding:10px 22px;font-size:.78rem;font-weight:500;color:#444;transition:var(--tr)}
.dd-menu a:hover{background:rgba(201,149,26,.1);color:var(--gold);padding-left:26px}
.nav-book{background:#25D366;color:#fff;padding:14px 28px;border-radius:6px;font-size:0.9rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;transition:var(--tr);box-shadow:0 4px 15px rgba(37,211,102,.3);white-space:nowrap;display:flex;align-items:center;gap:7px}
.nav-book:hover{background:#20bc5a;transform:translateY(-1px);box-shadow:0 6px 20px rgba(37,211,102,.5)}
.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;z-index:1001;padding:4px}
.hamburger span{width:24px;height:2.5px;background:var(--gold);border-radius:2px;transition:var(--tr);display:block}
.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
.hamburger.active span:nth-child(2){opacity:0}
.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}
.mob-menu{position:fixed;inset:0;background:var(--bg);z-index:999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;transform:translateX(100%);transition:transform .45s ease}
.mob-menu.active{transform:translateX(0)}
.mob-menu img{height:70px;margin-bottom:8px}
.mob-menu a{font-family:var(--hd);font-size:1.5rem;font-weight:600;color:var(--txt);transition:color .3s}
.mob-menu a:hover{color:var(--gold)}

/* ═══ HERO ═══ */
.hero{position:relative;min-height:100vh;display:flex;align-items:center;background:url("https://images.unsplash.com/photo-1519340241574-2cec6aef0c01?w=1800&q=85") center/cover no-repeat;padding:80px 0 60px;overflow:hidden}
.hero .container{display:flex;align-items:stretch;min-height:580px;position:relative}
.hero-left{flex:0 0 50%;padding:80px 0 60px;z-index:3}
.hero-badge{display:inline-block;background:var(--gold);color:#111;padding:5px 16px;border-radius:4px;font-size:.62rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-bottom:24px}
.hero h1{font-family:var(--hd);font-size:clamp(2.8rem,5vw,4.5rem);font-weight:700;color:#fff;line-height:1.15;margin-bottom:18px}
.hero h1 em{color:var(--gold);font-style:italic}
.hero-spec{font-size:.78rem;color:var(--gold);font-weight:600;letter-spacing:1px;text-transform:uppercase;margin-bottom:12px;display:flex;align-items:center;gap:8px}
.hero-spec i{font-size:.6rem}
.hero-desc{font-size:.88rem;color:var(--gray);line-height:1.75;margin-bottom:30px;max-width:460px}
.hero-btns{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:44px}
.hbtn{padding:14px 30px;border-radius:6px;font-size:.74rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;display:inline-flex;align-items:center;gap:7px;transition:var(--tr)}
.hbtn-gold{background:var(--gold);color:#111;box-shadow:0 4px 15px rgba(200,148,26,.35)}
.hbtn-gold:hover{background:var(--gold-h);transform:translateY(-2px);box-shadow:0 6px 20px rgba(200,148,26,.5)}
.hbtn-outline{background:transparent;color:var(--gold);border:2px solid var(--gold)}
.hbtn-outline:hover{background:var(--gold);color:#111}
.hero-stats{display:flex;gap:30px;flex-wrap:wrap}
.h-stat{text-align:center;min-width:90px}
.h-stat .icon{font-size:1.3rem;color:var(--gold);margin-bottom:6px}
.h-stat .num{font-family:var(--hd);font-size:2rem;font-weight:700;color:#fff;line-height:1}
.h-stat .num sup{font-size:.8rem;color:var(--gold)}
.h-stat .lbl{font-size:.6rem;color:var(--gray);letter-spacing:.5px;text-transform:uppercase;margin-top:3px}
.hero-right{flex:0 0 50%;position:relative;display:flex;align-items:center;justify-content:center;padding:30px 0}
.hero-right img{width:100%;max-width:460px;height:500px;object-fit:cover;object-position:top;position:relative;z-index:2;border-radius:12px;border:2px solid rgba(201,149,26,.3);box-shadow:0 20px 60px rgba(0,0,0,.5);transition:opacity .4s}
.hero-glow{position:absolute;width:350px;height:350px;border-radius:50%;background:radial-gradient(circle,rgba(201,149,26,.15),transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);z-index:1}

/* --- PREMIUM SIDE BUTTONS --- */
.side-btns { position:fixed; right:0; top:50%; transform:translateY(-50%); z-index:900; display:flex; flex-direction:column; gap:12px; }
.side-btn {
  display:flex; align-items:center; gap:12px; padding:12px 20px 12px 16px; border-radius:12px 0 0 12px;
  font-size:0.75rem; font-weight:700; letter-spacing:1px; text-transform:uppercase; transition:all 0.3s ease;
  cursor:pointer; box-shadow:-5px 5px 20px rgba(0,0,0,0.4); border:1px solid rgba(255,255,255,0.1);
  border-right:none; backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px);
}
.side-btn:hover { transform:translateX(-5px); padding-right:25px; }
.side-btn i { font-size:1.2rem; }
.sb-wa { background:rgba(37,211,102,0.9); color:var(--txt); border-color:rgba(255,255,255,0.2); }
.sb-wa:hover { background:#25D366; box-shadow:-5px 5px 25px rgba(37,211,102,0.5); }
.sb-call { background:rgba(201,149,26,0.9); color:#111; border-color:rgba(201,149,26,0.4); }
.sb-call:hover { background:var(--gold); box-shadow:-5px 5px 25px rgba(201,149,26,0.5); }
.sb-enq { background:rgba(15,15,15,0.95); color:var(--gold); border-color:var(--gold); }
.sb-enq:hover { background:var(--bg); box-shadow:-5px 5px 25px rgba(201,149,26,0.3); }


/* ═══ SECTION HELPERS ═══ */
.sec-title{text-align:center;margin-bottom:50px}
.sec-title h2{font-family:var(--hd);font-size:2.2rem;font-weight:600;color:var(--txt)}
.sec-title h2 span{color:var(--gold);font-style:italic}
.sec-title .deco{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:10px}
.sec-title .deco .line{width:50px;height:1.5px;background:var(--gold)}
.sec-title .deco i{color:var(--gold);font-size:.5rem}
.sec-title p{font-size:.85rem;color:var(--gray);margin-top:12px;max-width:550px;margin-left:auto;margin-right:auto;line-height:1.7}
.sec-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:36px;flex-wrap:wrap;gap:10px}
.sec-header h2{font-family:var(--hd);font-size:2rem;font-weight:600;color:var(--txt)}
.sec-header h2 span{color:var(--gold);font-style:italic}
.sec-link{font-size:.72rem;font-weight:600;color:var(--gold);letter-spacing:1px;text-transform:uppercase;display:flex;align-items:center;gap:5px;transition:gap .3s}
.sec-link:hover{gap:10px}

/* ═══ SERVICES ═══ */
.services{padding:90px 0;background:var(--bg3)}
.srv-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:28px}
.srv-card{text-align:center;cursor:pointer;transition:transform .4s}
.srv-card:hover{transform:translateY(-8px)}
.srv-img{width:140px;height:140px;border-radius:50%;overflow:hidden;margin:0 auto 16px;border:3px solid var(--gold);box-shadow:0 6px 25px rgba(201,149,26,.2);transition:var(--tr);position:relative}
.srv-card:hover .srv-img{box-shadow:0 10px 35px rgba(201,149,26,.4);border-width:4px}
.srv-img img{width:100%;height:100%;object-fit:cover}
.srv-card h4{font-family:var(--hd);font-size:1.15rem;font-weight:600;color:var(--txt);margin-bottom:6px}
.srv-card p{font-size:.7rem;color:var(--gray);line-height:1.5;padding:0 6px}

/* ═══ ABOUT + COURSES SPLIT ═══ */
.split{display:grid;grid-template-columns:1fr 1fr;min-height:580px}
.split-left{position:relative;background:var(--bg);padding:70px 50px;display:flex;flex-direction:column;justify-content:center;overflow:hidden;border-right:3px solid var(--gold)}
.split-left::before{content:'';position:absolute;inset:0;background:url('https://images.unsplash.com/photo-1595959183082-7b570b7e08e2?w=900&q=80') center/cover;opacity:.15}
.split-left>*{position:relative;z-index:2}
.split-left .badge{display:inline-block;border:1.5px solid var(--gold);color:var(--gold);padding:5px 14px;border-radius:20px;font-size:.62rem;font-weight:600;letter-spacing:2px;text-transform:uppercase;margin-bottom:18px;width:fit-content}
.split-left h2{font-family:var(--hd);font-size:2.5rem;font-weight:600;color:var(--txt);line-height:1.2;margin-bottom:18px}
.split-left h2 em{color:var(--gold);font-style:italic}
.split-left>p{font-size:.85rem;color:#666;line-height:1.85;margin-bottom:22px}
.ab-checks{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:26px}
.ab-check{display:flex;align-items:center;gap:8px;font-size:.8rem;font-weight:500;color:#333}
.ab-check i{color:var(--gold);font-size:.85rem}
.ab-yrs{background:var(--gold);color:#111;padding:26px 22px;border-radius:10px;text-align:center;position:absolute;right:40px;bottom:60px;z-index:3;box-shadow:0 10px 30px rgba(201,149,26,.4)}
.ab-yrs .big{font-family:var(--hd);font-size:3rem;font-weight:700;line-height:1}
.ab-yrs .big sup{font-size:1rem}
.ab-yrs .sub{font-size:.6rem;letter-spacing:2px;text-transform:uppercase;margin-top:3px;font-weight:600}
.ab-sig{display:flex;align-items:center;gap:12px;margin-bottom:22px}
.ab-sig .line{width:30px;height:1.5px;background:var(--gold)}
.ab-sig .name{font-family:var(--sc);font-size:2rem;color:var(--gold)}
.ab-sig .role{font-size:.62rem;color:#777;letter-spacing:1px;text-transform:uppercase}
.ab-btn{display:inline-flex;align-items:center;gap:8px;background:var(--gold);color:#111;padding:13px 26px;border-radius:6px;font-size:.72rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;transition:var(--tr)}
.ab-btn:hover{background:var(--gold-h);transform:translateY(-2px)}

/* Courses side */
.split-right{padding:60px 40px;background:var(--bg2)}
.crs-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.crs-card{background:var(--bg3);border-radius:10px;overflow:hidden;box-shadow:var(--sh);transition:var(--tr);border-bottom:3px solid var(--gold)}
.crs-card:hover{transform:translateY(-5px);box-shadow:0 14px 40px rgba(201,149,26,.15)}
.crs-card-img{height:150px;overflow:hidden}
.crs-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.crs-card:hover .crs-card-img img{transform:scale(1.06)}
.crs-card-body{padding:16px}
.crs-card-body h4{font-family:var(--hd);font-size:1.1rem;font-weight:600;margin-bottom:5px;color:var(--txt)}
.crs-card-body .meta{font-size:.68rem;color:var(--gray);margin-bottom:4px}
.crs-card-body .dur{font-size:.7rem;color:var(--gold);font-weight:600;display:flex;align-items:center;gap:5px}

/* ═══ WHY CHOOSE US ═══ */
.why{padding:90px 0;background:var(--bg)}
.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.why-img{position:relative;border-radius:12px;overflow:hidden}
.why-img img{width:100%;height:480px;object-fit:cover;border-radius:12px}
.why-img::after{content:'';position:absolute;inset:0;border:3px solid var(--gold);border-radius:12px;pointer-events:none}
.why-content h2{font-family:var(--hd);font-size:2.2rem;font-weight:600;color:var(--txt);margin-bottom:20px}
.why-content h2 span{color:var(--gold);font-style:italic}
.why-content>p{font-size:.88rem;color:var(--gray);line-height:1.8;margin-bottom:28px}
.why-list{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:32px}
.why-item{display:flex;align-items:flex-start;gap:10px}
.why-icon{width:36px;height:36px;border-radius:50%;background:rgba(201,149,26,.12);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.why-icon i{color:var(--gold);font-size:.75rem}
.why-item p{font-size:.82rem;color:rgba(255,255,255,.8);line-height:1.5}
.why-item p strong{color:var(--gold);display:block;font-size:.78rem;margin-bottom:2px}

/* ═══ GALLERY + TESTIMONIALS ═══ */
.gt{padding:90px 0;background:var(--bg3)}
.gt-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start}
.gt-title{font-family:var(--hd);font-size:1.7rem;font-weight:600;color:var(--txt);margin-bottom:20px}
.gt-title span{color:var(--gold);font-style:italic}
.gal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
.gal-row{display:flex;align-items:center;gap:14px}
.gal-slider{flex:1;overflow:hidden;border-radius:10px}
.gal-slider .swiper-slide img{width:100%;height:220px;object-fit:cover;border-radius:8px;cursor:pointer;border:2px solid rgba(201,149,26,.2);transition:border-color .3s}
.gal-slider .swiper-slide img:hover{border-color:var(--gold)}
.gal-arrow{width:36px;height:36px;border-radius:50%;border:1.5px solid rgba(201,149,26,.3);display:flex;align-items:center;justify-content:center;color:var(--gray);cursor:pointer;flex-shrink:0;transition:var(--tr);background:var(--bg4)}
.gal-arrow:hover{border-color:var(--gold);color:var(--gold);background:rgba(201,149,26,.1)}
.gal-link{font-size:.72rem;font-weight:600;color:var(--gold);letter-spacing:1px;text-transform:uppercase;display:flex;align-items:center;gap:5px}
.testi-box{background:var(--bg4);padding:32px;border-radius:12px;box-shadow:var(--sh);border:1px solid rgba(201,149,26,.1)}
.testi-box .q{font-family:var(--hd);font-size:3rem;color:var(--gold);line-height:1;margin-bottom:8px}
.testi-box .txt{font-size:.88rem;color:var(--gray);line-height:1.85;font-style:italic;margin-bottom:16px}
.testi-box .stars{color:var(--gold);font-size:.8rem;margin-bottom:12px}
.testi-author{display:flex;align-items:center;gap:12px}
.testi-author img{width:44px;height:44px;border-radius:50%;object-fit:cover;border:2px solid var(--gold)}
.testi-author h4{font-size:.88rem;font-weight:600;color:var(--txt)}.testi-author span{font-size:.7rem;color:var(--gray)}

/* ═══ STATS BAR ═══ */
.stats{padding:60px 0;background:var(--gold);position:relative;overflow:hidden}
.stats::before{content:'';position:absolute;inset:0;background:url('https://www.transparenttextures.com/patterns/diamond-upholstery.png');opacity:.08}
.stats .container{position:relative;z-index:2;display:flex;justify-content:space-around;flex-wrap:wrap;gap:30px}
.stat-box{text-align:center;min-width:140px}
.stat-box .number{font-family:var(--hd);font-size:3rem;font-weight:700;color:#111;line-height:1}
.stat-box .number sup{font-size:1.2rem}
.stat-box .text{font-size:.7rem;color:rgba(0,0,0,.6);letter-spacing:2px;text-transform:uppercase;margin-top:5px;font-weight:600}

/* ═══ VLOGS ═══ */
.vlogs{padding:90px 0;background:var(--bg2)}
.vlogs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.vlog-card{border-radius:12px;overflow:hidden;background:var(--bg3);box-shadow:var(--sh);transition:var(--tr);border:1px solid rgba(201,149,26,.08)}
.vlog-card:hover{transform:translateY(-6px);box-shadow:0 16px 40px rgba(201,149,26,.15);border-color:rgba(201,149,26,.2)}
.vlog-thumb{position:relative;aspect-ratio:16/9;overflow:hidden}
.vlog-thumb img{width:100%;height:100%;object-fit:cover}
.vlog-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.4);transition:background .3s}
.vlog-play:hover{background:rgba(0,0,0,.6)}
.play-icon{width:56px;height:56px;border-radius:50%;background:var(--gold);display:flex;align-items:center;justify-content:center;color:#111;font-size:1.2rem;box-shadow:0 6px 20px rgba(201,149,26,.4);transition:transform .3s}
.vlog-play:hover .play-icon{transform:scale(1.1)}
.vlog-body{padding:20px}
.vlog-body h3{font-family:var(--hd);font-size:1.15rem;font-weight:600;margin-bottom:6px;color:var(--txt)}
.vlog-body span{font-size:.75rem;color:var(--gray)}

/* ═══ CTA ═══ */
.cta{padding:60px 0;background:var(--bg);position:relative;overflow:hidden;border-top:3px solid var(--gold);border-bottom:3px solid var(--gold)}
.cta::before{content:'';position:absolute;left:0;top:0;bottom:0;width:38%;background:var(--gold);clip-path:polygon(0 0,100% 0,80% 100%,0 100%)}
.cta .container{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2;flex-wrap:wrap;gap:20px}
.cta-left h2{font-family:var(--hd);font-size:2.1rem;font-weight:600;color:#111;line-height:1.3}
.cta-mid{font-size:.82rem;color:var(--gray);max-width:300px;line-height:1.7}
.cta-btns{display:flex;gap:12px;flex-wrap:wrap}
.cta-btn{padding:14px 28px;border-radius:6px;font-size:.72rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;transition:var(--tr)}
.cta-btn-gold{background:var(--gold);color:#111}.cta-btn-gold:hover{background:var(--gold-h)}
.cta-btn-outline{background:transparent;color:var(--gold);border:2px solid var(--gold)}.cta-btn-outline:hover{background:var(--gold);color:#111}

/* ═══ CONTACT ═══ */
.contact{padding:90px 0;background:var(--bg2)}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px}
.contact-info h2{font-family:var(--hd);font-size:2.2rem;font-weight:600;margin-bottom:12px;color:var(--txt)}
.contact-info h2 span{color:var(--gold);font-style:italic}
.contact-info>p{font-size:.88rem;color:var(--gray);line-height:1.75;margin-bottom:30px}
.c-item{display:flex;gap:14px;margin-bottom:22px}
.c-icon{width:48px;height:48px;border-radius:50%;background:rgba(201,149,26,.1);display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid rgba(201,149,26,.2)}
.c-icon i{color:var(--gold);font-size:1.1rem}
.c-detail h4{font-size:.9rem;font-weight:600;margin-bottom:3px;color:var(--txt)}
.c-detail p{font-size:.82rem;color:var(--gray);line-height:1.6}
.c-detail a{color:var(--gray);transition:color .3s}.c-detail a:hover{color:var(--gold)}
.c-socials{display:flex;gap:10px;margin-top:24px}
.c-socials a{width:40px;height:40px;border-radius:50%;border:1.5px solid rgba(201,149,26,.25);display:flex;align-items:center;justify-content:center;color:var(--gray);transition:var(--tr)}
.c-socials a:hover{background:var(--gold);border-color:var(--gold);color:#111}
.contact-form{background:var(--bg3);padding:36px;border-radius:12px;box-shadow:var(--sh);border:1px solid rgba(201,149,26,.1)}
.contact-form h3{font-family:var(--hd);font-size:1.6rem;font-weight:600;margin-bottom:24px;color:var(--txt)}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.form-group{margin-bottom:14px}
.form-group label{display:block;font-size:.7rem;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--gray);margin-bottom:6px}
.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 16px;border:1.5px solid rgba(201,149,26,.15);border-radius:8px;font-family:var(--bd);font-size:.85rem;color:var(--txt);transition:var(--tr);outline:none;background:var(--bg4)}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(201,149,26,.15)}
.form-group input::placeholder,.form-group textarea::placeholder{color:rgba(255,255,255,.3)}
.form-group select{color:var(--gray)}
.form-group textarea{resize:vertical;min-height:90px}
.form-submit{width:100%;padding:14px;border:none;border-radius:8px;background:var(--gold);color:#111;font-size:.78rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;cursor:pointer;transition:var(--tr)}
.form-submit:hover{background:var(--gold-h);box-shadow:0 6px 20px rgba(201,149,26,.4)}

/* ═══ FOOTER ═══ */
.footer{background:var(--bg);color:var(--txt);padding:60px 0 0;border-top:3px solid var(--gold)}
.ft-grid{display:grid;grid-template-columns:1.8fr 1fr 1fr 1.3fr;gap:36px}
.ft-brand img{height:55px;margin-bottom:12px}
.ft-brand p{font-size:.8rem;color:#777;line-height:1.7;margin-bottom:16px}
.ft-socials{display:flex;gap:8px}
.ft-socials a{width:32px;height:32px;border-radius:50%;background:rgba(201,149,26,.1);display:flex;align-items:center;justify-content:center;color:var(--gold);font-size:.8rem;transition:var(--tr)}
.ft-socials a:hover{background:var(--gold);color:#111;transform:scale(1.1)}
.footer h4{font-family:var(--hd);font-size:1.1rem;font-weight:600;margin-bottom:16px;color:var(--gold)}
.footer ul li{margin-bottom:7px}.footer ul a{font-size:.8rem;color:#777;transition:var(--tr)}
.footer ul a:hover{color:var(--gold);padding-left:3px}
.ft-contact p{font-size:.8rem;color:#777;line-height:1.6;display:flex;align-items:flex-start;gap:8px;margin-bottom:8px}
.ft-contact i{color:var(--gold);margin-top:3px;flex-shrink:0}
.ft-bottom{margin-top:40px;padding:18px 0;border-top:1px solid rgba(201,149,26,.1);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:6px}
.ft-bottom p{font-size:.75rem;color:var(--gray)}
.ft-bottom a{color:var(--gold)}

/* ═══ FLOATS ═══ */
50%{box-shadow:0 4px 28px rgba(37,211,102,.7)}}
.back-top{position:fixed;bottom:86px;right:28px;z-index:997;width:40px;height:40px;border-radius:50%;background:var(--gold);display:flex;align-items:center;justify-content:center;color:#111;font-size:.85rem;cursor:pointer;opacity:0;visibility:hidden;transition:var(--tr);transform:translateY(12px)}
.back-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.back-top:hover{background:var(--gold-h)}

/* Lightbox */
.lb{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.95);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:var(--tr)}
.lb.active{opacity:1;visibility:visible}
.lb img{max-width:85vw;max-height:85vh;border-radius:8px;border:2px solid var(--gold)}
.lb-close{position:absolute;top:20px;right:20px;width:42px;height:42px;border-radius:50%;background:rgba(201,149,26,.15);display:flex;align-items:center;justify-content:center;color:var(--gold);font-size:1.1rem;cursor:pointer;transition:var(--tr)}.lb-close:hover{background:var(--gold);color:#111}

/* Swiper gold pagination */
.swiper-pagination-bullet{background:rgba(201,149,26,.3)!important;opacity:1!important}
.swiper-pagination-bullet-active{background:var(--gold)!important}

/* ═══ RESPONSIVE ═══ */
@media(max-width:1100px){
  .hero .container{flex-direction:column}.hero-left{flex:none;padding:40px 0 20px;text-align:center}
  .hero-spec{justify-content:center}.hero-desc{margin:0 auto 28px}.hero-btns{justify-content:center}.hero-stats{justify-content:center}
  .hero-right{flex:none;min-height:auto}.hero-right img{max-width:380px;margin:0 auto}
  .split{grid-template-columns:1fr}.split-left{border-right:none;border-bottom:3px solid var(--gold)}
  .split-right{padding:40px 24px}.gt-grid{grid-template-columns:1fr}
  .why-grid{grid-template-columns:1fr}.ft-grid{grid-template-columns:1fr 1fr}
  .contact-grid{grid-template-columns:1fr}
}
@media(max-width:768px){
  .nav-links,.nav-book{display:none}.hamburger{display:flex}
  .srv-grid{grid-template-columns:repeat(3,1fr);gap:16px}.srv-img{width:95px;height:95px}
  .crs-grid{grid-template-columns:1fr}.side-btns{display:none}
  .vlogs-grid{grid-template-columns:1fr}
  .cta .container{flex-direction:column;text-align:center}.cta::before{width:100%;height:45%;clip-path:polygon(0 0,100% 0,100% 70%,0 100%)}
  .cta-left h2{color:var(--txt)}.cta-btns{justify-content:center}.ft-grid{grid-template-columns:1fr}
  .stats .container{justify-content:center}.form-row{grid-template-columns:1fr}
  .why-list{grid-template-columns:1fr}.ab-yrs{right:20px;bottom:30px}
  .tb-left span{display:none}
}
@media(max-width:480px){
  .srv-grid{grid-template-columns:repeat(2,1fr)}.srv-img{width:80px;height:80px}
  .hero-stats{gap:16px}.h-stat .num{font-size:1.4rem}
  .stat-box .number{font-size:2.2rem}.ab-checks{grid-template-columns:1fr}
}

/* ═══ INNER PAGE HEADER ═══ */
.page-header {
  padding: 120px 0 80px;
  background-attachment: fixed !important;
  background: linear-gradient(rgba(10,10,10,0.8), rgba(10,10,10,0.95)), url('https://images.unsplash.com/photo-1596755389378-c31d21fd1273?w=1920&q=80') center/cover;
  text-align: center;
  border-bottom: 2px solid var(--gold);
}
.page-header h1 {
  font-family: var(--hd);
  font-size: 3.5rem;
  color:var(--txt);
  margin-bottom: 12px;
}
.page-header h1 span { color: var(--gold); font-style: italic; }
.breadcrumb {
  font-size: 0.8rem;
  color: var(--gold);
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 600;
}
.breadcrumb a { color:var(--txt); transition: color 0.3s; }
.breadcrumb a:hover { color: var(--gold); }
.breadcrumb i { font-size: 0.6rem; margin: 0 8px; color: var(--gray); }

/* --- COURSES FULL --- */
.courses-full { padding: 90px 0; background:var(--bg); }
.crs-grid-full { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }
.crs-card-3d {
  background:var(--bg3); border-radius: 16px; overflow: hidden;
  box-shadow: 0 10px 30px rgba(0,0,0,0.4); transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
  border: 1px solid rgba(201,149,26,0.1); transform-style: preserve-3d; perspective: 1000px;
}
.crs-card-3d:hover {
  transform: translateY(-15px) rotateX(5deg);
  box-shadow: 0 25px 50px rgba(201,149,26,0.25); border-color: rgba(201,149,26,0.4);
}

/* --- ABOUT FULL 3D --- */
.about-full { padding: 90px 0; background:var(--bg2); position: relative; }
.about-3d-box {
  display: flex; align-items: stretch; background: linear-gradient(145deg, var(--black3), var(--black));
  border-radius: 24px; box-shadow: 0 30px 60px rgba(0,0,0,0.6), inset 0 1px 0 rgba(255,255,255,0.05);
  border: 1px solid rgba(201,149,26,0.15); overflow: hidden; position: relative;
  transition: transform 0.4s ease;
}
.about-3d-box:hover { transform: translateY(-5px); box-shadow: 0 40px 80px rgba(0,0,0,0.8), 0 0 40px rgba(201,149,26,0.1); }
.ab-3d-img { flex: 0 0 45%; position: relative; }
.ab-3d-img img { width: 100%; height: 100%; object-fit: cover; }
.ab-3d-content { padding: 60px 50px; flex: 1; display: flex; flex-direction: column; justify-content: center; }
.ab-yrs-3d {
  position: absolute; right: -30px; bottom: 40px; background: var(--gold); color:#111;
  padding: 25px; border-radius: 12px; text-align: center; box-shadow: -10px 15px 30px rgba(0,0,0,0.5);
  transform: translateZ(30px); border: 2px solid var(--gold-l); z-index: 10;
}
.ab-yrs-3d .big{font-family:var(--hd);font-size:3rem;font-weight:700;line-height:1}
.ab-yrs-3d .big sup{font-size:1rem}
.ab-yrs-3d .sub{font-size:.6rem;letter-spacing:2px;text-transform:uppercase;margin-top:3px;font-weight:600}

@media (max-width: 991px) {
  .crs-grid-full { grid-template-columns: repeat(2, 1fr); }
  .about-3d-box { flex-direction: column; }
  .ab-3d-img { height: 350px; }
  .ab-yrs-3d { right: 20px; bottom: -30px; }
  .ab-3d-content { padding: 60px 30px 40px; }
}
@media (max-width: 600px) {
  .crs-grid-full { grid-template-columns: 1fr; }
}

/* --- PREMIUM COURSE DETAILS --- */
.crs-card-img { position: relative; }
.crs-tag {
  position: absolute; top: 15px; left: 15px; background: #E50914; color:var(--txt);
  font-size: 0.65rem; font-weight: 800; letter-spacing: 1px; padding: 5px 12px;
  border-radius: 4px; z-index: 10; box-shadow: 0 4px 10px rgba(0,0,0,0.3);
}
.crs-body-premium { padding: 26px; }
.crs-body-premium h4 { font-family: var(--hd); font-size: 1.6rem; color: var(--gold); margin-bottom: 6px; }
.specialist-badge {
  display: inline-block; background: rgba(201,149,26,0.1); border: 1px solid rgba(201,149,26,0.3);
  color: var(--gold); font-size: 0.72rem; font-weight: 600; padding: 6px 12px; border-radius: 6px;
  margin-bottom: 12px; letter-spacing: 0.5px;
}
.specialist-badge i { margin-right: 5px; }
.crs-body-premium .dur { color:var(--txt); font-weight: 600; font-size: 0.8rem; margin-bottom: 16px; display: flex; align-items: center; gap: 6px; }
.crs-body-premium .dur i { color: var(--gold); }
.crs-list { font-size: 0.8rem; color:var(--txt2); line-height: 1.8; margin-bottom: 24px; }
.crs-list li { margin-bottom: 6px; display: flex; align-items: flex-start; gap: 8px; }
.crs-list li i { color: var(--gold); margin-top: 4px; font-size: 0.8rem; }
.crs-wa-btn {
  display: block; text-align: center; background: linear-gradient(135deg, #25D366, #128C7E);
  color:var(--txt); padding: 14px; border-radius: 8px; font-weight: 700; font-size: 0.75rem;
  letter-spacing: 1px; text-transform: uppercase; transition: all 0.3s; box-shadow: 0 4px 15px rgba(37,211,102,0.3);
}
.crs-wa-btn:hover {
  transform: translateY(-2px); box-shadow: 0 8px 25px rgba(37,211,102,0.5); color:var(--txt);
}
.crs-wa-btn i { font-size: 1.1rem; margin-right: 6px; vertical-align: middle; }


/* Typewriter Effect */
.typewriter {
    color: var(--gold);
    font-family: var(--sc);
    font-weight: normal;
    border-right: 3px solid var(--gold);
    padding-right: 5px;
    animation: blink 0.75s step-end infinite;
}
@keyframes blink { 50% { border-color: transparent; } }

/* Make hero text a bit higher */
.hero-left { margin-top: -40px; }

@media (max-width: 991px) { .hero-left { margin-top: 0; } }


.hero .container{position:relative;z-index:2}
.hero-right{display:none}

/* ------------------------------------
   UPGRADED HERO � Extraordinary Look
------------------------------------ */
.hero {
  position: relative;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: url('hero-bg.jpg') center/cover no-repeat;
  padding: 90px 60px 60px;
  overflow: hidden;
  gap: 40px;
}
.hero-overlay {
  position: absolute; inset: 0;
  background: linear-gradient(110deg,
    rgba(5,5,5,0.6) 0%,
    rgba(5,5,5,0.3) 45%,
    rgba(5,5,5,0.1) 75%,
    rgba(5,5,5,0.0) 100%);
  z-index: 1;
}
.hero-content {
  position: relative; z-index: 2;
  flex: 0 0 55%;
  max-width: 800px;
}
.hero-tagline {
  font-size: 0.68rem; font-weight: 700; letter-spacing: 3px;
  color: var(--gold); text-transform: uppercase; margin-bottom: 16px;
}
.hero-sub {
  font-family: var(--sc); font-size: 4.5rem; color: rgba(255,255,255,0.75);
  font-weight: normal; margin-bottom: -8px; display: block;
}
.hero-main {
  font-family: var(--hd); font-size: clamp(4.5rem,8vw,7.5rem);
  font-weight: 700; color: var(--gold); line-height: 1;
  margin-bottom: 0; text-transform: uppercase; letter-spacing: 2px;
}
.typewriter-wrap {
  border-right: 4px solid var(--gold);
  padding-right: 6px;
  animation: blink .75s step-end infinite;
  display: inline-block;
}
.hero-meet {
  font-family: var(--hd); font-size: clamp(2rem,3.5vw,3rem);
  color: #fff; font-weight: 600; margin-bottom: 20px; margin-top: 4px;
}
.hero-meet em { color: var(--gold); font-style: italic; }
.hero-academy-name {
  font-size: 0.72rem; font-weight: 800; letter-spacing: 6px;
  color: rgba(255,255,255,0.5); text-transform: uppercase; margin-bottom: 12px;
  border-left: 3px solid var(--gold); padding-left: 12px;
}
.hero-brief {
  font-size: 1.1rem; color: rgba(255,255,255,0.65); line-height: 1.85;
  margin-bottom: 22px; max-width: 420px;
}
.hero-trust {
  display: flex; align-items: center; gap: 12px; margin-bottom: 28px;
  background: rgba(201,149,26,0.1); border: 1px solid rgba(201,149,26,0.25);
  padding: 12px 18px; border-radius: 8px; width: fit-content;
}
.trust-icon { color: var(--gold); font-size: 0.7rem; letter-spacing: 2px; }
.trust-text { font-size: 0.82rem; color: rgba(255,255,255,0.8); font-weight: 500; }
.trust-text strong { color: var(--gold); }
.hero-cta-row { display: flex; gap: 14px; flex-wrap: wrap; }
.hero-btn-wa {
  display: inline-flex; align-items: center; gap: 8px;
  background: #25D366; color: #fff; padding: 15px 28px; border-radius: 6px;
  font-size: 0.76rem; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase;
  transition: all 0.3s; box-shadow: 0 6px 20px rgba(37,211,102,0.35);
}
.hero-btn-wa:hover { background: #20bc5a; transform: translateY(-2px); box-shadow: 0 10px 30px rgba(37,211,102,0.5); }
.hero-btn-wa i { font-size: 1.2rem; }
.hero-btn-outline {
  display: inline-flex; align-items: center; gap: 8px;
  background: transparent; color: #fff; padding: 13px 26px; border-radius: 6px;
  font-size: 0.76rem; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase;
  border: 2px solid rgba(255,255,255,0.35); transition: all 0.3s;
}
.hero-btn-outline:hover { border-color: var(--gold); color: var(--gold); }

/* Hero right image panel */
.hero-img-panel {
  position: relative; z-index: 2; flex: 0 0 35%;
  display: flex; align-items: center; gap: 20px;
  justify-content: center;
  padding-right: 80px;
}
.hero-img-frame {
  position: relative; display: none; /* hidden since bg IS the photo */
}
.hero-mini-stats {
  display: flex; flex-direction: column; gap: 18px;
}
.mini-stat {
  background: rgba(10,10,10,0.75); border: 1px solid rgba(201,149,26,0.25);
  border-radius: 12px; padding: 18px 22px; text-align: center; min-width: 130px;
  backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
  transition: all 0.3s;
}
.mini-stat:hover { border-color: var(--gold); background: rgba(201,149,26,0.12); transform: translateX(-4px); }
.mini-stat i { font-size: 1.4rem; color: var(--gold); display: block; margin-bottom: 8px; }
.mini-num { display: block; font-family: var(--hd); font-size: 1.7rem; font-weight: 700; color: #fff; line-height: 1; }
.mini-lbl { display: block; font-size: 0.62rem; color: rgba(255,255,255,0.5); letter-spacing: 2px; text-transform: uppercase; margin-top: 4px; }

/* ------------------------------------
   MARQUEE SERVICES BAR
------------------------------------ */
.marquee-bar {
  background: var(--gold); padding: 14px 0; overflow: hidden;
  border-top: 2px solid rgba(255,255,255,0.2);
  border-bottom: 2px solid rgba(0,0,0,0.15);
}
.marquee-track {
  display: flex; gap: 0; white-space: nowrap;
  animation: marqueeScroll 30s linear infinite;
  width: max-content;
}
.marquee-track span {
  display: inline-flex; align-items: center; gap: 8px;
  font-size: 0.72rem; font-weight: 700; letter-spacing: 2px; text-transform: uppercase;
  color: #111; padding: 0 30px;
}
.marquee-track span i { font-size: 0.45rem; }
@keyframes marqueeScroll { from { transform: translateX(0); } to { transform: translateX(-50%); } }
.marquee-bar:hover .marquee-track { animation-play-state: paused; }

/* Responsive Hero */
@media (max-width: 900px) {
  .hero { flex-direction: column; padding: 100px 24px 50px; text-align: center; }
  .hero-overlay { background: rgba(0,0,0,0.3); } /* Lightened */
  .hero-content { max-width: 100%; }
  .hero-academy-name { border-left: none; padding-left: 0; }
  .hero-trust { margin: 0 auto 24px; }
  .hero-cta-row { justify-content: center; }
  .hero-mini-stats { flex-direction: row; justify-content: center; }
  .mini-stat { min-width: 100px; padding: 14px 16px; }
}
@media (max-width: 600px) {
  .hero-main { font-size: 4.5rem; }
  .hero-sub { font-size: 2rem; }
  .hero-meet { font-size: 1.8rem; }
  .hero-mini-stats { gap: 10px; }
  .mini-stat { min-width: 85px; padding: 10px 12px; }
}


/* ==== NAVBAR - Clean White Premium ==== */
.navbar {
  background: #ffffff !important;
  position: sticky; top: 0; z-index: 1000;
  border-bottom: 2px solid rgba(201,149,26,.2);
  box-shadow: 0 2px 16px rgba(0,0,0,.06);
}
.nav-links > a, .dd > a {
  color: #333 !important;
  font-size: .73rem; font-weight: 700; letter-spacing: 1.2px;
  text-transform: uppercase; transition: color .3s; position: relative; padding: 6px 0;
}
.nav-links > a.active, .nav-links > a:hover, .dd:hover > a { color: var(--gold) !important; }
.nav-links > a.active::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 2px; background: var(--gold); }
.dd-menu {
  background: #fff !important;
  box-shadow: 0 8px 28px rgba(0,0,0,.1) !important;
  border: 1px solid rgba(201,149,26,.15) !important;
}
.dd-menu a { color: #555 !important; }
.dd-menu a:hover { color: var(--gold) !important; background: rgba(201,149,26,.07) !important; }

/* ==== SIDE BUTTONS - No Black ==== */
.sb-enq {
  background: linear-gradient(135deg, #8B1A4A, #C9386A) !important;
  color: #fff !important; border: none !important;
}
.sb-enq:hover { background: linear-gradient(135deg, #C9386A, #8B1A4A) !important; box-shadow: -4px 4px 20px rgba(139,26,74,.5) !important; }

/* ==== MINI STATS - Dont overlap side buttons ==== */
.hero-img-panel { padding-right: 100px !important; }
.mini-stat {
  background: rgba(255,255,255,0.12) !important;
  backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(255,255,255,0.2) !important;
  border-radius: 14px; padding: 18px 20px !important;
  min-width: 115px !important;
}
.mini-stat:hover { background: rgba(201,149,26,.2) !important; border-color: var(--gold) !important; }

/* ==== HERO PADDING ==== */
.hero { padding: 90px 24px 60px !important; }

/* ==== NAVBAR BRAND LOGO + NAME ==== */
.nav-brand { display: flex; align-items: center; gap: 12px; text-decoration: none; }
.nav-brand img { height: 52px; width: auto; border-radius: 50%; box-shadow: 0 0 0 2px rgba(201,149,26,.3); }
.brand-text { display: flex; flex-direction: column; justify-content: center; line-height: 1.1; }
.brand-title { font-family: var(--sc); font-size: 1.55rem; color: var(--gold); font-weight: normal; letter-spacing: .5px; }
.brand-sub { font-family: var(--bd); font-size: 0.5rem; font-weight: 800; color: #888; text-transform: uppercase; letter-spacing: 4px; margin-top: 1px; }

/* ==== HERO STATS MARQUEE PILLS ==== */
.hero-stats-scroll {
  margin-top: 22px;
  overflow: hidden;
  position: relative;
  width: 100%;
  max-width: 520px;
}
.hero-stats-scroll::before, .hero-stats-scroll::after {
  content: ""; position: absolute; top: 0; bottom: 0; width: 40px; z-index: 3; pointer-events: none;
}
.hero-stats-scroll::before { left: 0; background: linear-gradient(to right, rgba(10,10,10,0.8), transparent); }
.hero-stats-scroll::after { right: 0; background: linear-gradient(to left, rgba(10,10,10,0.8), transparent); }
.hs-track {
  display: flex; gap: 10px; width: max-content;
  animation: hsPill 18s linear infinite;
}
.hs-pill {
  display: inline-flex; align-items: center; gap: 7px;
  background: rgba(255,255,255,0.08); border: 1px solid rgba(201,149,26,.3);
  color: rgba(255,255,255,.85); font-size: 0.68rem; font-weight: 500;
  padding: 7px 14px; border-radius: 30px; white-space: nowrap;
  backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);
}
.hs-pill i { color: var(--gold); font-size: 0.65rem; }
.hs-pill strong { color: var(--gold); }
@keyframes hsPill { from { transform: translateX(0); } to { transform: translateX(-50%); } }
.hero-stats-scroll:hover .hs-track { animation-play-state: paused; }

/* Hide the old hero-img-panel completely */
.hero-img-panel { display: none !important; }

/* ================================================
   ABOUT SECTION � PREMIUM REDESIGN
================================================ */
.about-premium {
  padding: 100px 0;
  background: linear-gradient(160deg, #0a0a0a 0%, #111111 50%, #0f0a00 100%);
  position: relative;
  overflow: hidden;
}
.about-premium::before {
  content: '';
  position: absolute; top: -200px; right: -200px;
  width: 500px; height: 500px;
  background: radial-gradient(circle, rgba(201,149,26,0.07) 0%, transparent 70%);
  pointer-events: none;
}
.about-pm-inner {
  max-width: 1200px; margin: 0 auto; padding: 0 40px;
  display: grid; grid-template-columns: 1fr 1fr;
  gap: 70px; align-items: center;
}

/* LEFT � Image */
.apm-left { position: relative; }
.apm-img-wrap {
  position: relative;
  border-radius: 20px; overflow: visible;
}
.apm-img-wrap img {
  width: 100%; height: 520px; object-fit: cover; object-position: top;
  border-radius: 20px;
  box-shadow: 0 30px 70px rgba(0,0,0,0.6);
  display: block;
}

/* Gold corner frames */
.apm-corner {
  position: absolute; width: 50px; height: 50px;
  border-color: var(--gold); border-style: solid;
}
.apm-tl { top: -12px; left: -12px; border-width: 3px 0 0 3px; border-radius: 4px 0 0 0; }
.apm-br { bottom: -12px; right: -12px; border-width: 0 3px 3px 0; border-radius: 0 0 4px 0; }

/* Experience badge */
.apm-exp-badge {
  position: absolute; bottom: 30px; left: -24px;
  background: var(--gold);
  padding: 20px 24px; border-radius: 14px;
  text-align: center;
  box-shadow: 0 16px 40px rgba(201,149,26,0.45);
  display: flex; flex-direction: column; align-items: center;
}
.apm-exp-num {
  font-family: var(--hd); font-size: 2.6rem; font-weight: 700;
  color: #111; line-height: 1;
}
.apm-exp-num sup { font-size: 1rem; }
.apm-exp-lbl {
  font-size: 0.6rem; font-weight: 700; color: #111;
  text-transform: uppercase; letter-spacing: 1.5px;
  margin-top: 4px; line-height: 1.3;
}

/* Mini stats row below image */
.apm-mini-stats {
  margin-top: 28px;
  display: flex; align-items: center; justify-content: center;
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(201,149,26,0.2);
  border-radius: 14px; padding: 18px 24px;
  gap: 0;
}
.apm-mstat { text-align: center; flex: 1; }
.apm-ms-num {
  display: block; font-family: var(--hd);
  font-size: 1.8rem; font-weight: 700; color: var(--gold); line-height: 1;
}
.apm-ms-lbl {
  display: block; font-size: 0.62rem; color: rgba(255,255,255,0.5);
  text-transform: uppercase; letter-spacing: 1.5px; margin-top: 4px;
}
.apm-divider { width: 1px; height: 40px; background: rgba(201,149,26,0.25); }

/* RIGHT � Content */
.apm-tag {
  display: inline-block;
  background: rgba(201,149,26,0.1); border: 1px solid rgba(201,149,26,0.4);
  color: var(--gold); font-size: 0.62rem; font-weight: 700;
  letter-spacing: 3px; text-transform: uppercase;
  padding: 6px 16px; border-radius: 30px; margin-bottom: 20px;
}
.apm-heading {
  font-family: var(--hd); font-size: 4.5rem; font-weight: 600;
  color: #fff; line-height: 1.2; margin-bottom: 20px;
}
.apm-heading em { color: var(--gold); font-style: italic; }
.apm-gold-line {
  display: flex; align-items: center; gap: 10px; margin-bottom: 22px;
}
.apm-gold-line span {
  display: block; width: 60px; height: 2px;
  background: linear-gradient(to right, var(--gold), transparent);
}
.apm-desc {
  font-size: 1.1rem; color: rgba(255,255,255,0.65);
  line-height: 1.9; margin-bottom: 28px;
}
.apm-desc strong { color: var(--gold); font-weight: 600; }
.apm-features {
  display: grid; grid-template-columns: 1fr 1fr;
  gap: 12px; margin-bottom: 30px;
}
.apm-feat {
  display: flex; align-items: center; gap: 10px;
  font-size: 0.82rem; font-weight: 500; color: rgba(255,255,255,0.8);
}
.apm-feat i { color: var(--gold); font-size: 0.85rem; flex-shrink: 0; }
.apm-signature {
  display: flex; align-items: center; gap: 16px;
  margin-bottom: 28px; padding: 16px 0;
  border-top: 1px solid rgba(201,149,26,0.15);
  border-bottom: 1px solid rgba(201,149,26,0.15);
}
.apm-sig-line { width: 40px; height: 2px; background: var(--gold); flex-shrink: 0; }
.apm-sig-name { font-family: var(--sc); font-size: 3.5rem; color: var(--gold); line-height: 1; }
.apm-sig-role { font-size: 0.6rem; color: rgba(255,255,255,0.4); letter-spacing: 1.5px; text-transform: uppercase; margin-top: 4px; }
.apm-btn {
  display: inline-flex; align-items: center; gap: 10px;
  background: var(--gold); color: #111;
  padding: 14px 30px; border-radius: 8px;
  font-size: 0.73rem; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase;
  transition: all 0.3s; box-shadow: 0 6px 20px rgba(201,149,26,0.35);
}
.apm-btn:hover { background: var(--gold-h); transform: translateY(-2px); box-shadow: 0 10px 30px rgba(201,149,26,0.5); }

/* Responsive */
@media (max-width: 900px) {
  .about-pm-inner { grid-template-columns: 1fr; gap: 50px; padding: 0 24px; }
  .apm-img-wrap img { height: 380px; }
  .apm-exp-badge { left: 10px; bottom: 20px; }
  .apm-heading { font-size: 3.5rem; }
}

/* ==== NAVBAR LOGO - New SA Logo ==== */
.nav-brand { display: flex; align-items: center; text-decoration: none; }
.nav-brand img {
  height: 55px !important; width: auto !important; border-radius: 0 !important;
  box-shadow: none !important;
  object-fit: contain;
}

/* Contact page - remove top gap since no page-header */
.contact { padding-top: 60px !important; }

/* ==== PROFESSIONAL GALLERY PAGE ==== */
.gallery-page { padding: 90px 0; background: var(--bg); }
.gallery-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 20px;
  margin-top: 50px;
}
.gal-item {
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  cursor: pointer;
  aspect-ratio: 4 / 5;
  box-shadow: 0 10px 30px rgba(0,0,0,0.5);
  border: 1px solid rgba(201,149,26,0.1);
}
.gal-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s ease;
}
.gal-item:hover img {
  transform: scale(1.08);
}
.gal-overlay {
  position: absolute;
  inset: 0;
  background: rgba(10, 10, 10, 0.4);
  background: linear-gradient(to top, rgba(10,10,10,0.8) 0%, rgba(10,10,10,0.1) 50%, rgba(10,10,10,0) 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.4s ease;
}
.gal-item:hover .gal-overlay {
  opacity: 1;
}
.gal-overlay i {
  color: var(--gold);
  font-size: 2.5rem;
  transform: translateY(20px) scale(0.8);
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  opacity: 0;
}
.gal-item:hover .gal-overlay i {
  transform: translateY(0) scale(1);
  opacity: 1;
}


/* Override for Logo + Text Balance */
.nav-brand { gap: 8px !important; }
.nav-brand img { height: 75px !important; min-width: 75px !important; margin-right: 2px; }
.brand-title { font-size: 1.6rem !important; color: var(--gold-h) !important; font-weight: 600 !important; }
.brand-sub { color: #555 !important; font-size: 0.55rem !important; letter-spacing: 3.5px !important; font-weight: 700 !important; }

/* ==== PREMIUM VLOGS SECTION ==== */
.vlogs-premium { padding: 90px 0 120px; background: var(--bg); }
.vg-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 35px;
}
.vg-card {
  background: var(--bg3);
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 15px 40px rgba(0,0,0,0.5);
  border: 1px solid rgba(201,149,26,0.15);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}
.vg-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 50px rgba(0,0,0,0.7);
  border-color: rgba(201,149,26,0.3);
}
.vg-video-wrap {
  position: relative;
  width: 100%;
  aspect-ratio: 9 / 16; /* Assuming shorts/reels format. If horizontal, use 16/9 */
  background: #000;
}
.vg-video-wrap video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.vg-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.3s ease;
}
.vg-overlay:hover {
  background: rgba(0,0,0,0.2);
}
.vg-play-btn {
  width: 70px;
  height: 70px;
  background: rgba(201,149,26,0.9);
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  padding-left: 5px; /* Visual center for play icon */
  box-shadow: 0 0 0 0 rgba(201,149,26,0.6);
  animation: pulseGold 2s infinite cubic-bezier(0.66, 0, 0, 1);
  transition: transform 0.3s ease;
}
.vg-overlay:hover .vg-play-btn {
  transform: scale(1.1);
}
@keyframes pulseGold {
  to { box-shadow: 0 0 0 20px rgba(201,149,26,0); }
}

.vg-body { padding: 22px; }
.vg-body h3 {
  font-family: var(--hd);
  font-size: 1.25rem;
  color: #fff;
  margin-bottom: 18px;
  line-height: 1.4;
}
.vg-actions {
  display: flex;
  gap: 12px;
}
.vg-btn {
  flex: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 10px;
  border-radius: 8px;
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  cursor: pointer;
  transition: all 0.3s;
  text-decoration: none;
  border: none;
}
.vg-watch {
  background: rgba(255,255,255,0.05);
  color: #fff;
  border: 1px solid rgba(255,255,255,0.1);
}
.vg-watch:hover {
  background: rgba(255,255,255,0.1);
  border-color: rgba(255,255,255,0.2);
}
.vg-watch i { color: var(--gold); font-size: 1rem; }

.vg-yt {
  background: rgba(255,0,0,0.1);
  color: #ffcccc;
  border: 1px solid rgba(255,0,0,0.3);
}
.vg-yt:hover {
  background: #ff0000;
  color: #fff;
  border-color: #ff0000;
  box-shadow: 0 5px 15px rgba(255,0,0,0.4);
}
.vg-yt i { font-size: 1.1rem; }

/* Fix spacing for all internal pages since headers are removed */
.about-page, .services-page, .courses-page, .gallery-page {
    padding-top: 50px !important;
}


/* Make logo prominently visible */
.nav-brand { gap: 12px !important; }
.nav-brand img { height: 75px !important; min-width: 75px !important; margin-right: 5px; object-fit: contain; }
.brand-title { font-size: 2.1rem !important; margin-bottom: 2px !important; }
.brand-sub { font-size: 0.75rem !important; letter-spacing: 5px !important; }
.navbar .container { align-items: center; }




/* Proper responsive hero sizing */
@media (min-width: 992px) {
    .hero-content { max-width: 750px !important; }
    
    
    .hero-meet { font-size: 3.5rem !important; }
    .hero-desc { font-size: 1.15rem !important; max-width: 650px !important; line-height: 1.8 !important; }
}
@media (min-width: 601px) and (max-width: 991px) {
    .hero-sub { font-size: 3.5rem !important; }
    .hero-main { font-size: 5rem !important; }
    .hero-meet { font-size: 2.2rem !important; }
}
@media (min-width: 992px) {
    .hero-tagline { font-size: 0.95rem !important; letter-spacing: 4px !important; margin-bottom: 24px !important; }
}







.hero { background: url('hero-bg.jpg') center/cover no-repeat !important; }


/* ==== NEW LAYOUT FIX (Spread out, Elegant but Readable) ==== */
.container { 
    max-width: 1800px !important; /* Extremely wide container to prevent middle-clumping */
    padding: 0 50px !important; 
}
@media (min-width: 1400px) {
    .container { max-width: 95% !important; } /* Uses 95% of screen width on ultrawide */
}

/* Re-adjust Header Sizes for Elegance + Readability */
.tb-left a, .tb-left span, .tb-right span, .tb-right a { font-size: 0.85rem !important; }
.tb-right a { width: 26px !important; height: 26px !important; }


.nav-brand { gap: 14px !important; }
.nav-brand img { height: 55px !important; }
.brand-title { font-size: 1.8rem !important; margin-bottom: 0px !important; }
.brand-sub { font-size: 0.65rem !important; letter-spacing: 4px !important; }

.nav-links { gap: 30px !important; }
.nav-links > a, .dd > a { font-size: 0.85rem !important; letter-spacing: 1.5px !important; }

.nav-book { padding: 12px 26px !important; font-size: 0.85rem !important; }

/* Ensure hero text looks good and not too squished */


.hero-meet { font-size: 2.2rem !important; }


/* ==== ULTIMATE PREMIUM & LARGE SIZING ==== */
/* Topbar - Phone, Email, Address, Socials */
.tb-left a, .tb-left span, .tb-right span, .tb-right a { font-size: 0.85rem !important; font-weight: 600 !important; }
.tb-right a { 
    width: 32px !important; 
    height: 32px !important; 
    font-size: 1.1rem !important;
}
.tb-left i { font-size: 1.1rem !important; }

/* Navbar Container */
.navbar .container { min-height: 85px !important; padding-top: 10px !important; padding-bottom: 10px !important; }

/* Logo & Brand Name */
.nav-brand { gap: 10px !important; }
.nav-brand img { 
    height: 105px !important; 
    min-width: 105px !important; 
}
.brand-title { 
    font-size: 2.2rem !important; 
    margin-bottom: 2px !important; 
}
.brand-sub { 
    font-size: 0.85rem !important; 
    letter-spacing: 6px !important; 
    font-weight: 800 !important; 
}

/* Navbar Links */
.nav-links { gap: 35px !important; }
.nav-links > a, .dd > a { font-size: 0.85rem !important; letter-spacing: 1.5px !important; font-weight: 700 !important; }

/* Book Appointment Button */
.nav-book { padding: 10px 20px !important; font-size: 0.8rem !important; letter-spacing: 1px !important; }


/* ==== HERO SECTION BIGGER ==== */
@media (min-width: 992px) {
    .hero-content { max-width: 1000px !important; margin-top: 40px !important; }
    .hero-tagline { font-size: 1.1rem !important; letter-spacing: 5px !important; margin-bottom: 30px !important; }
    .hero-sub { font-size: 5.5rem !important; margin-bottom: -15px !important; }
    .hero-main { font-size: 8.5rem !important; line-height: 1.1 !important; }
    .hero-meet { font-size: 4.5rem !important; margin-bottom: 25px !important;}
    .hero-academy-name { font-size: 1rem !important; padding-left: 20px !important; margin-bottom: 25px !important; }
    .hero-desc, .hero-brief { font-size: 1.4rem !important; max-width: 800px !important; line-height: 1.8 !important; }
}

/* Remove Marquee Dark Gradients so it's fully visible */
.hero-stats-scroll::before, .hero-stats-scroll::after { display: none !important; }
.hero-stats-scroll { max-width: 100% !important; margin-top: 40px !important; overflow: hidden !important; width: 100vw !important; margin-left: calc(-50vw + 50%) !important; }
.hs-pill { padding: 12px 24px !important; font-size: 1rem !important; background: rgba(255,255,255,0.1) !important; border: 1px solid rgba(201,149,26,0.5) !important; box-shadow: 0 5px 15px rgba(0,0,0,0.3) !important; }
.hs-pill strong { font-size: 1.1rem !important; color: var(--gold) !important; }

/* ==== PREMIUM RIGHT SIDE BUTTONS ==== */
.side-btns { gap: 15px !important; }


.side-btn:hover { transform: translateX(-10px) !important; padding-right: 35px !important; }

.sb-wa { background: linear-gradient(135deg, #25D366, #128C7E) !important; color: white !important; border-left: 3px solid #fff !important; }
.sb-call { background: linear-gradient(135deg, var(--gold-l), var(--gold-h)) !important; color: #111 !important; border-left: 3px solid #111 !important; }
.sb-enq { background: linear-gradient(135deg, #e52d27, #b31217) !important; color: white !important; border-left: 3px solid #fff !important; }


/* =========================================================
   ROOT CAUSE FIX: GLOBAL CONTENT SIZING OVERRIDES
   Problem: Original base design used 0.7rem to 0.85rem for content which is tiny on wide screens.
   Solution: Upscale paragraphs, dropdowns, card texts, and headings to modern readable standards (1rem - 1.2rem+).
========================================================= */

/* 1. Navbar Dropdowns */
.dd-menu { 
    min-width: 240px !important; 
    padding: 10px 0 !important;
}
.dd-menu a { 
    font-size: 1.05rem !important; 
    padding: 12px 24px !important; 
    font-weight: 500 !important;
    letter-spacing: 0.5px !important;
}

/* 2. Section Titles & Descriptions */
.sec-title h2, .sec-header h2 { 
    font-size: 3.2rem !important; 
}
.sec-title p { 
    font-size: 1.2rem !important; 
    max-width: 800px !important; 
    line-height: 1.8 !important; 
}

/* 3. About Section Texts */
.about-p { 
    font-size: 1.15rem !important; 
    line-height: 1.8 !important; 
}
.about-features li { 
    font-size: 1.1rem !important; 
    padding: 12px 0 !important;
}
.about-features li i { 
    font-size: 1.2rem !important; 
}

/* 4. Service Cards */
.srv-card h3 { 
    font-size: 1.4rem !important; 
    margin-bottom: 12px !important;
}
.srv-card p { 
    font-size: 1.05rem !important; 
    line-height: 1.6 !important;
}

/* 5. Course Cards */
.crs-card-body { 
    padding: 25px !important; 
}
.crs-card-body h4 { 
    font-size: 1.4rem !important; 
    margin-bottom: 10px !important;
}
.crs-card-body .meta, .crs-card-body .dur { 
    font-size: 1rem !important; 
    margin-bottom: 8px !important;
}
.crs-btn { 
    font-size: 1.05rem !important; 
    padding: 14px !important; 
    margin-top: 15px !important;
}

/* 6. Vlog Cards & Premium Elements */
.vg-body h3 { 
    font-size: 1.4rem !important; 
    margin-bottom: 20px !important;
}
.vg-btn { 
    font-size: 0.95rem !important; 
    padding: 14px 20px !important; 
}

/* 7. Call To Action (CTA) Section */
.cta { padding: 80px 0 !important; }
.cta-left h2 { 
    font-size: 3.2rem !important; 
    line-height: 1.3 !important;
}
.cta-mid { 
    font-size: 1.2rem !important; 
    max-width: 450px !important; 
    line-height: 1.8 !important; 
}
.cta-btn { 
    font-size: 1.05rem !important; 
    padding: 18px 32px !important; 
}

/* 8. Footer */
.footer { padding: 70px 0 20px !important; }
.ft-brand p, .ft-contact p { 
    font-size: 1.1rem !important; 
    line-height: 1.8 !important;
}
.footer h4 { 
    font-size: 1.5rem !important; 
    margin-bottom: 25px !important;
}
.footer ul li a { 
    font-size: 1.1rem !important; 
    padding: 8px 0 !important;
}
.ft-bottom p { 
    font-size: 1.05rem !important; 
}


/* =========================================================
   9. Contact Form & Info Section (Query Section Fix)
========================================================= */
/* Contact Left Panel */
.contact-info h2 { font-size: 3.2rem !important; margin-bottom: 20px !important; }
.contact-info > p { font-size: 1.25rem !important; line-height: 1.8 !important; margin-bottom: 40px !important; }

.c-item { gap: 20px !important; margin-bottom: 30px !important; }
.c-icon { width: 56px !important; height: 56px !important; }
.c-icon i { font-size: 1.4rem !important; }

.c-detail h4 { font-size: 1.3rem !important; margin-bottom: 5px !important; }
.c-detail p, .c-detail a { font-size: 1.1rem !important; line-height: 1.6 !important; }

.c-socials { gap: 15px !important; margin-top: 35px !important; }
.c-socials a { width: 48px !important; height: 48px !important; font-size: 1.2rem !important; }

/* Contact Right Panel (The Form) */
.contact-form { padding: 45px !important; }
.contact-form h3 { font-size: 2.2rem !important; margin-bottom: 30px !important; }

.form-group { margin-bottom: 22px !important; }
.form-group label { font-size: 0.95rem !important; margin-bottom: 8px !important; letter-spacing: 1.5px !important; }
.form-group input, .form-group select, .form-group textarea { 
    font-size: 1.1rem !important; 
    padding: 16px 20px !important; 
}
.form-group textarea { min-height: 130px !important; }

.form-submit { 
    font-size: 1.15rem !important; 
    padding: 18px !important; 
    margin-top: 10px !important;
}


/* ==== ULTIMATE PREMIUM HERO LOOK ==== */
.hero-content { 
    margin-top: -100px !important; /* Move the whole text block higher up */
}

/* Add beautiful text-shadows and rich colors to everything for a luxury feel */
.hero-tagline { 
    color: #E5C158 !important; 
    text-shadow: 0 2px 15px rgba(0,0,0,0.9) !important; 
    letter-spacing: 6px !important;
}

.hero-sub { 
    color: #FFFFFF !important; 
    text-shadow: 0 4px 25px rgba(0,0,0,0.8) !important; 
    margin-bottom: -5px !important; 
}

.hero-main { 
    color: #F3CB5D !important; /* Rich Gold */
    text-shadow: 0 5px 30px rgba(0,0,0,0.9) !important; 
    padding-bottom: 15px !important; /* Space it out from 'Meets Career' */
}

.hero-meet { 
    color: #FFFFFF !important; 
    text-shadow: 0 4px 25px rgba(0,0,0,0.8) !important; 
    margin-bottom: 35px !important;
}
.hero-meet em {
    color: #E5C158 !important;
}

.hero-academy-name { 
    color: #F3CB5D !important; 
    text-shadow: 0 2px 10px rgba(0,0,0,0.9) !important; 
    letter-spacing: 8px !important; 
    border-left-color: #F3CB5D !important;
}

.hero-brief, .hero-desc { 
    color: #F0F0F0 !important; 
    text-shadow: 0 3px 15px rgba(0,0,0,0.9) !important; 
}

.hero-trust {
    text-shadow: 0 2px 10px rgba(0,0,0,0.9) !important;
}


/* ==== TOPBAR NEW YELLOW GOLD COLOR ==== */
.topbar { 
    background: #F5C71A !important; /* The bright yellow/gold from the image */
    box-shadow: 0 4px 15px rgba(245, 199, 26, 0.2) !important; 
    padding: 10px 0 !important;
}
.tb-left a, .tb-left span, .tb-right span {
    color: #000000 !important; /* Pitch black for premium contrast against bright yellow */
}
.tb-left i {
    color: #000000 !important;
    opacity: 0.8 !important;
}
.tb-right a {
    background: #000000 !important;
    color: #F5C71A !important;
}
.tb-right a:hover {
    background: #222222 !important;
    color: #FFFFFF !important;
    transform: translateY(-2px) !important;
}



/* =========================================================
   ULTIMATE LUXURY THEME: VIBRANT YELLOW & PITCH BLACK
========================================================= */
:root {
    --gold: #F5C71A !important;      /* Vibrant Yellow Gold */
    --gold-h: #D4A911 !important;    /* Slightly darker for hover */
}

/* 1. TOPBAR (Yellow Background) */
.topbar { 
    background: var(--gold) !important; 
    border-bottom: 2px solid rgba(0,0,0,0.2) !important;
    box-shadow: 0 4px 15px rgba(245,199,26,0.3) !important;
}
.tb-left a, .tb-left span, .tb-right span { color: #000000 !important; font-weight: 700 !important; }
.tb-left i { color: #000000 !important; opacity: 0.8 !important; }
.tb-right a { background: #000000 !important; color: var(--gold) !important; }
.tb-right a:hover { background: #222222 !important; color: #FFFFFF !important; transform: scale(1.1) !important; }

/* 2. PRIMARY BUTTONS & BADGES (Yellow Background, Black Text) */
.hbtn-gold, .ab-btn, .crs-btn, .vg-btn, .form-submit, .nav-book, .hero-badge, .badge, .apm-exp-badge { 
    background: var(--gold) !important; 
    color: #000000 !important; 
    border: 1px solid var(--gold-h) !important; 
    box-shadow: 0 4px 15px rgba(245,199,26,0.4) !important;
    font-weight: 800 !important;
}
.hbtn-gold:hover, .ab-btn:hover, .crs-btn:hover, .vg-btn:hover, .form-submit:hover, .nav-book:hover {
    background: #000000 !important;
    color: var(--gold) !important;
    border-color: var(--gold) !important;
    box-shadow: 0 6px 20px rgba(0,0,0,0.8) !important;
}

/* 3. OUTLINE BUTTONS */
.hbtn-outline { border-color: var(--gold) !important; color: var(--gold) !important; }
.hbtn-outline:hover { background: var(--gold) !important; color: #000 !important; }

/* 4. CTA SECTION */
.cta::before { background: var(--gold) !important; }
.cta { border-top: 3px solid var(--gold) !important; border-bottom: 3px solid var(--gold) !important; }

/* 5. TEXT HIGHLIGHTS & ICONS */

/* Typewriter text in a Dark Charcoal (Not pure black) with a subtle light glow for readability */
.hero-main { 
    color: #2b2b2b !important; 
    text-shadow: 
        0 0 10px rgba(255,255,255,0.5), 
        0 0 20px rgba(255,255,255,0.3) !important; 
}

.hero-tagline { color: var(--gold) !important; }
.hero-meet em { color: var(--gold) !important; text-shadow: 0 2px 10px rgba(255,255,255,0.2) !important; } 
.hero-academy-name { color: var(--gold) !important; border-left-color: var(--gold) !important; }

/* Change hover color for nav links */
.nav-links > a.active { color: var(--gold) !important; }
.nav-links > a.active::after { background: var(--gold) !important; }
.nav-links > a:hover, .dd:hover > a { color: var(--gold) !important; }

/* Make the dropdown menu match the theme */
.dd-menu { border-top: 3px solid var(--gold) !important; }
.dd-menu a:hover { background: rgba(245,199,26,0.1) !important; color: var(--gold) !important; }

/* Gallery / Lightbox */
.lb img { border-color: var(--gold) !important; }
.lb-close { background: var(--gold) !important; color: #000 !important; }
.lb-close:hover { background: #000 !important; color: var(--gold) !important; }

/* Form inputs focus */
.form-group input:focus, .form-group select:focus, .form-group textarea:focus {
    border-color: var(--gold) !important;
    box-shadow: 0 0 0 3px rgba(245,199,26,0.2) !important;
}

/* Some extra accenting */
.sec-title h2 span, .split-left h2 em, .apm-heading em { color: var(--gold) !important; }



/* ==== MARQUEE FIX ==== */
.marquee-bar { 
    padding: 22px 0 !important; 
    width: 100vw !important; 
    margin-left: calc(-50vw + 50%) !important; /* Forces edge-to-edge lock */
    background: var(--gold) !important; 
    border-top: 3px solid #000 !important;
    border-bottom: 3px solid #000 !important;
}
.marquee-track span { 
    font-size: 1.25rem !important; 
    font-weight: 800 !important; 
    padding: 0 45px !important; 
    color: #111 !important; 
    letter-spacing: 2.5px !important;
}
.marquee-track span i { 
    font-size: 0.8rem !important; 
    color: var(--green) !important; /* Make the little diamonds green for theme consistency */
}


/* =========================================================
   HERO SECTION 3D PREMIUM FIXES (Trust Badge & Buttons)
========================================================= */

/* 1. Trust Badge (3D Glassmorphism) */
.hero-trust {
    display: inline-flex !important;
    align-items: center !important;
    gap: 15px !important;
    padding: 14px 28px !important;
    border-radius: 50px !important;
    background: linear-gradient(135deg, rgba(255,255,255,0.15), rgba(0,0,0,0.4)) !important;
    backdrop-filter: blur(15px) !important;
    -webkit-backdrop-filter: blur(15px) !important;
    border: 1px solid rgba(245, 199, 26, 0.4) !important;
    border-top: 1px solid rgba(255, 255, 255, 0.4) !important; /* 3D light reflection */
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.6), inset 0 2px 5px rgba(255, 255, 255, 0.1) !important;
    margin-bottom: 40px !important;
    width: max-content !important;
}
.hero-trust .trust-icon i {
    font-size: 1.1rem !important;
    color: var(--gold) !important;
    text-shadow: 0 0 10px rgba(245, 199, 26, 0.8) !important;
}
.hero-trust .trust-text {
    font-size: 1.05rem !important;
    color: #F8F8F8 !important;
    letter-spacing: 0.5px !important;
}

/* 2. Hero Action Buttons Row */
.hero-cta-row {
    display: flex !important;
    gap: 20px !important;
    flex-wrap: wrap !important;
    align-items: center !important;
}

/* WhatsApp Button (3D Pill) */
.hero-btn-wa {
    font-size: 1.15rem !important;
    font-weight: 800 !important;
    padding: 18px 40px !important;
    border-radius: 50px !important;
    background: linear-gradient(135deg, #25D366, #128C7E) !important;
    color: #FFFFFF !important;
    /* Massive 3D shadow: Outer drop shadow + Top inset light + Bottom inset dark */
    box-shadow: 
        0 15px 30px rgba(37, 211, 102, 0.4), 
        inset 0 4px 0 rgba(255, 255, 255, 0.4), 
        inset 0 -4px 0 rgba(0, 0, 0, 0.15) !important;
    border: none !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Bouncy transition */
}
.hero-btn-wa i { font-size: 1.4rem !important; margin-right: 5px !important; }

.hero-btn-wa:hover {
    transform: translateY(-5px) scale(1.03) !important;
    box-shadow: 
        0 20px 40px rgba(37, 211, 102, 0.6), 
        inset 0 4px 0 rgba(255, 255, 255, 0.5), 
        inset 0 -4px 0 rgba(0, 0, 0, 0.2) !important;
}

/* Explore Courses Button (3D Dark Glass + Gold Edge) */
.hero-btn-outline {
    font-size: 1.15rem !important;
    font-weight: 800 !important;
    padding: 16px 40px !important;
    border-radius: 50px !important;
    background: linear-gradient(135deg, rgba(20,20,20,0.9), rgba(0,0,0,0.9)) !important;
    backdrop-filter: blur(10px) !important;
    color: var(--gold) !important;
    /* 3D Border and Shadow */
    border: 2px solid var(--gold) !important;
    border-top: 2px solid #FFF !important; /* 3D Highlight */
    box-shadow: 
        0 15px 30px rgba(0, 0, 0, 0.5), 
        inset 0 4px 10px rgba(255, 255, 255, 0.1) !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    transition: all 0.3s ease !important;
}
.hero-btn-outline i { font-size: 1.1rem !important; margin-left: 5px !important; }

.hero-btn-outline:hover {
    background: var(--gold) !important;
    color: #000000 !important;
    border-color: var(--gold) !important;
    border-top-color: #FFFFFF !important;
    box-shadow: 
        0 20px 40px rgba(245, 199, 26, 0.4), 
        inset 0 4px 10px rgba(255, 255, 255, 0.4) !important;
    transform: translateY(-3px) !important;
}


/* =========================================================
   ELEGANT LUXURY BUTTONS (Replacing the fake plastic 3D)
========================================================= */

/* Elegant WhatsApp Button */
.hero-btn-wa {
    background: linear-gradient(135deg, #25D366 0%, #1DA851 100%) !important;
    border: 1px solid rgba(255,255,255,0.15) !important; /* Soft crisp edge */
    box-shadow: 0 10px 25px rgba(29, 168, 81, 0.4) !important; /* Soft glow, no inset plastic */
    padding: 16px 36px !important;
}

.hero-btn-wa:hover {
    background: linear-gradient(135deg, #1DA851 0%, #158740 100%) !important;
    box-shadow: 0 15px 35px rgba(29, 168, 81, 0.5) !important;
    transform: translateY(-3px) !important; /* Smooth lift */
}

/* Elegant Explore Courses Button */
.hero-btn-outline {
    background: rgba(10,10,10, 0.5) !important; /* Sleek dark glass */
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1.5px solid var(--gold) !important; /* Uniform luxury gold border */
    border-top: 1.5px solid var(--gold) !important; /* Remove the harsh white edge */
    box-shadow: 0 10px 25px rgba(0,0,0,0.4) !important;
    padding: 16px 36px !important;
}

.hero-btn-outline:hover {
    background: var(--gold) !important;
    color: #000000 !important;
    border-color: var(--gold) !important;
    box-shadow: 0 15px 35px rgba(245, 199, 26, 0.4) !important;
    transform: translateY(-3px) !important;
}


/* ==== FIX ALIGNMENT OF HERO SCROLLING PILLS ==== */
.hero-stats-scroll { 
    width: 100% !important; 
    max-width: 100% !important; 
    margin-left: 0 !important; /* Removes the negative margin */
    margin-top: 50px !important; 
    overflow: hidden !important; 
}


/* =========================================================
   HERO POSITION & LUXURY MARQUEE FIX
========================================================= */

/* 1. Pull the Hero Content further up to show marquee above the fold */
.hero-content {
    margin-top: -160px !important; 
}
.hero {
    min-height: 90vh !important; /* Slightly reduce height if it was 100vh */
    padding-bottom: 20px !important; 
}

/* 2. Premium Marquee (Not Yellow) */
.marquee-bar { 
    background: linear-gradient(90deg, #050505, #151515, #050505) !important; 
    border-top: 1.5px solid rgba(245, 199, 26, 0.5) !important;
    border-bottom: 1.5px solid rgba(245, 199, 26, 0.5) !important;
    padding: 22px 0 !important;
    box-shadow: 0 -10px 30px rgba(0,0,0,0.6), 0 10px 30px rgba(0,0,0,0.6) !important;
    position: relative !important;
    z-index: 10 !important;
}

.marquee-track span { 
    color: #FFFFFF !important; 
    font-size: 1.15rem !important; 
    font-weight: 500 !important; 
    letter-spacing: 3px !important;
}

.marquee-track span i { 
    color: var(--gold) !important; /* Keep the diamonds gold for luxury contrast */
    font-size: 0.75rem !important;
    margin: 0 10px !important;
}


/* =========================================================
   GUARANTEED PREMIUM SIDE BUTTONS OVERRIDE
========================================================= */
.side-btns { gap: 15px !important; z-index: 9999 !important; }




.side-btn:hover { transform: translateX(-10px) !important; padding-right: 35px !important; }

.sb-wa { 
    background: linear-gradient(135deg, #25D366, #128C7E) !important; 
    color: white !important; 
    border: 1px solid rgba(255,255,255,0.2) !important;
    border-left: 3px solid #fff !important; 
}
.sb-call { 
    background: linear-gradient(135deg, var(--gold), #D4A911) !important; 
    color: #000000 !important; 
    border: 1px solid rgba(255,255,255,0.2) !important;
    border-left: 3px solid #000 !important; 
}
.sb-enq { 
    background: linear-gradient(135deg, #e52d27, #b31217) !important; /* Premium Red/Crimson */
    color: white !important; 
    border: 1px solid rgba(255,255,255,0.2) !important;
    border-left: 3px solid #fff !important; 
}

/* Hover effects */
.sb-wa:hover { box-shadow: -5px 5px 25px rgba(37,211,102,0.6) !important; }
.sb-call:hover { box-shadow: -5px 5px 25px rgba(245, 199, 26, 0.6) !important; }
.sb-enq:hover { box-shadow: -5px 5px 25px rgba(229, 45, 39, 0.6) !important; }


/* =========================================================
   CONTACT PAGE - ULTRA LUXURY REDESIGN
   Theme: Soft Ivory / Warm Grey + Gold Glow (No pure black)
========================================================= */

/* 1. Overall Contact Section Background */
.contact {
    background: linear-gradient(135deg, #f8f5f0 0%, #ede9e4 40%, #f2efe9 100%) !important;
    padding: 100px 0 !important;
    position: relative !important;
    overflow: hidden !important;
}

/* Ambient golden decorative glow behind the form */
.contact::before {
    content: '' !important;
    position: absolute !important;
    top: -100px !important;
    right: -100px !important;
    width: 600px !important;
    height: 600px !important;
    background: radial-gradient(circle, rgba(245,199,26,0.12) 0%, transparent 70%) !important;
    pointer-events: none !important;
    z-index: 0 !important;
}
.contact::after {
    content: '' !important;
    position: absolute !important;
    bottom: -80px !important;
    left: -80px !important;
    width: 400px !important;
    height: 400px !important;
    background: radial-gradient(circle, rgba(245,199,26,0.08) 0%, transparent 70%) !important;
    pointer-events: none !important;
    z-index: 0 !important;
}
.contact .container { position: relative !important; z-index: 1 !important; }

/* 2. Contact Grid */
.contact-grid {
    display: grid !important;
    grid-template-columns: 1fr 1.4fr !important;
    gap: 60px !important;
    align-items: start !important;
}

/* 3. Left Info Panel */
.contact-info h2 {
    font-size: 3.5rem !important;
    font-family: var(--hd) !important;
    color: #1a1a1a !important;
    margin-bottom: 15px !important;
    line-height: 1.1 !important;
}
.contact-info h2 span {
    color: var(--gold) !important;
    font-style: italic !important;
    position: relative !important;
}
.contact-info > p {
    font-size: 1.15rem !important;
    color: #5a5a5a !important;
    line-height: 1.8 !important;
    margin-bottom: 45px !important;
}

/* Info Items */
.c-item {
    display: flex !important;
    gap: 20px !important;
    align-items: flex-start !important;
    margin-bottom: 28px !important;
    padding: 20px !important;
    background: rgba(255,255,255,0.7) !important;
    border-radius: 12px !important;
    border: 1px solid rgba(245,199,26,0.2) !important;
    backdrop-filter: blur(10px) !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.06) !important;
}
.c-item:hover {
    transform: translateX(5px) !important;
    box-shadow: 0 8px 30px rgba(245,199,26,0.2), -3px 0 0 var(--gold) !important;
    background: rgba(255,255,255,0.9) !important;
}
.c-icon {
    width: 54px !important;
    height: 54px !important;
    border-radius: 50% !important;
    background: linear-gradient(135deg, var(--gold), #D4A911) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    box-shadow: 0 6px 20px rgba(245,199,26,0.4) !important;
}
.c-icon i { color: #000000 !important; font-size: 1.3rem !important; }
.c-detail h4 { font-size: 1.15rem !important; color: #1a1a1a !important; font-weight: 700 !important; margin-bottom: 5px !important; }
.c-detail p { font-size: 1.05rem !important; color: #666 !important; line-height: 1.6 !important; }
.c-detail a { color: #555 !important; }
.c-detail a:hover { color: var(--gold) !important; }

/* Social Links */
.c-socials { display: flex !important; gap: 14px !important; margin-top: 30px !important; }
.c-socials a {
    width: 48px !important;
    height: 48px !important;
    border-radius: 50% !important;
    background: #fff !important;
    border: 2px solid rgba(245,199,26,0.3) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #666 !important;
    font-size: 1.1rem !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08) !important;
}
.c-socials a:hover {
    background: var(--gold) !important;
    border-color: var(--gold) !important;
    color: #000 !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 8px 20px rgba(245,199,26,0.5) !important;
}

/* 4. Right Form Panel */
.contact-form {
    background: linear-gradient(145deg, #ffffff, #fdf9f2) !important;
    border-radius: 20px !important;
    padding: 50px !important;
    border: 1px solid rgba(245,199,26,0.25) !important;
    box-shadow:
        0 20px 60px rgba(0,0,0,0.1),
        0 0 0 1px rgba(255,255,255,0.8) inset,
        0 2px 0 rgba(245,199,26,0.5) inset !important; /* Golden top edge */
    position: relative !important;
}

/* 3D Decorative gold corner line */
.contact-form::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 50px !important;
    right: 50px !important;
    height: 3px !important;
    background: linear-gradient(90deg, transparent, var(--gold), transparent) !important;
    border-radius: 0 0 3px 3px !important;
}

.contact-form h3 {
    font-size: 2rem !important;
    font-family: var(--hd) !important;
    color: #1a1a1a !important;
    margin-bottom: 35px !important;
    padding-bottom: 20px !important;
    border-bottom: 1px solid rgba(245,199,26,0.2) !important;
}

/* Form inputs */
.form-group label {
    color: #555 !important;
    font-size: 0.85rem !important;
    font-weight: 700 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
}
.form-group input,
.form-group select,
.form-group textarea {
    background: #f8f8f8 !important;
    border: 1.5px solid #e8e0d0 !important;
    color: #1a1a1a !important;
    font-size: 1.05rem !important;
    padding: 15px 18px !important;
    border-radius: 10px !important;
    transition: all 0.3s ease !important;
}
.form-group input::placeholder,
.form-group textarea::placeholder { color: #aaa !important; }
.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus {
    background: #fff !important;
    border-color: var(--gold) !important;
    box-shadow: 0 0 0 4px rgba(245,199,26,0.15), 0 5px 15px rgba(0,0,0,0.08) !important;
    outline: none !important;
}
.form-group select { color: #777 !important; }
.form-group textarea { min-height: 130px !important; resize: vertical !important; }

/* Send Enquiry Button */
.form-submit {
    background: linear-gradient(135deg, #1a1a1a 0%, #333 100%) !important;
    color: var(--gold) !important;
    font-size: 1.1rem !important;
    font-weight: 800 !important;
    letter-spacing: 2.5px !important;
    padding: 18px !important;
    border-radius: 10px !important;
    border: 1px solid rgba(245,199,26,0.3) !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.2), 0 1px 0 rgba(245,199,26,0.3) inset !important;
    transition: all 0.3s ease !important;
}
.form-submit:hover {
    background: linear-gradient(135deg, var(--gold) 0%, #D4A911 100%) !important;
    color: #000 !important;
    border-color: var(--gold) !important;
    box-shadow: 0 15px 40px rgba(245,199,26,0.4) !important;
    transform: translateY(-2px) !important;
}


/* =================================================================
   LUXURY EDITORIAL THEME - CONTACT, CTA, FOOTER
   Palette: Ivory + Warm Cream + Champagne Gold + Burgundy accents
   NO DARK BACKGROUNDS - Premium Beauty Academy Look
================================================================= */

/* Google Font Import for Cormorant Garamond */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;0,700;1,400;1,600&family=Playfair+Display:ital,wght@0,700;1,700&display=swap');

/* ---- CONTACT SECTION ---- */
.contact {
    background: linear-gradient(135deg, #FFFDF8 0%, #FBF3E7 40%, #F5ECD8 100%) !important;
    padding: 110px 0 !important;
    position: relative !important;
    overflow: hidden !important;
}

/* Bokeh gold orbs in background */
.contact::before {
    content: '' !important;
    position: absolute !important;
    top: -120px !important; right: -80px !important;
    width: 550px !important; height: 550px !important;
    background: radial-gradient(circle, rgba(201,162,75,0.13) 0%, transparent 70%) !important;
    filter: blur(60px) !important;
    pointer-events: none !important;
    z-index: 0 !important;
    animation: bokehFloat1 8s ease-in-out infinite !important;
}
.contact::after {
    content: '' !important;
    position: absolute !important;
    bottom: -100px !important; left: -60px !important;
    width: 400px !important; height: 400px !important;
    background: radial-gradient(circle, rgba(232,200,116,0.1) 0%, transparent 70%) !important;
    filter: blur(50px) !important;
    pointer-events: none !important;
    z-index: 0 !important;
    animation: bokehFloat2 10s ease-in-out infinite !important;
}
@keyframes bokehFloat1 { 0%,100%{transform:translate(0,0)} 50%{transform:translate(-20px,20px)} }
@keyframes bokehFloat2 { 0%,100%{transform:translate(0,0)} 50%{transform:translate(20px,-20px)} }

.contact .container { position: relative !important; z-index: 1 !important; }

.contact-grid {
    display: grid !important;
    grid-template-columns: 1fr 1.5fr !important;
    gap: 70px !important;
    align-items: start !important;
}

/* Left Info */
.contact-info h2 {
    font-family: 'Playfair Display', 'Cormorant Garamond', Georgia, serif !important;
    font-size: 4rem !important;
    font-weight: 700 !important;
    color: #3A2E24 !important;
    line-height: 1.1 !important;
    margin-bottom: 18px !important;
}
.contact-info h2 span {
    font-style: italic !important;
    background: linear-gradient(135deg, #C9A24B, #E8C874, #C9A24B) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}
.contact-info > p {
    font-size: 1.15rem !important;
    color: #8a7566 !important;
    line-height: 1.8 !important;
    margin-bottom: 45px !important;
    font-family: 'Poppins', sans-serif !important;
}

/* Info Cards - Glassmorphism */
.c-item {
    display: flex !important;
    gap: 20px !important;
    align-items: center !important;
    margin-bottom: 18px !important;
    padding: 22px 24px !important;
    background: rgba(255,253,248,0.78) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border-radius: 20px !important;
    border: 1px solid rgba(201,162,75,0.22) !important;
    box-shadow:
        0 20px 60px rgba(200,160,80,0.1),
        0 2px 8px rgba(0,0,0,0.04) !important;
    transition: all 0.4s cubic-bezier(0.175,0.885,0.32,1.275) !important;
    cursor: default !important;
}
.c-item:hover {
    transform: translateY(-8px) !important;
    box-shadow:
        0 30px 80px rgba(201,162,75,0.22),
        0 4px 15px rgba(0,0,0,0.06),
        0 0 0 1px rgba(201,162,75,0.4) !important;
    background: rgba(255,253,248,0.95) !important;
}

/* Embossed Gold Icon Badge */
.c-icon {
    width: 58px !important; height: 58px !important;
    border-radius: 50% !important;
    background: linear-gradient(145deg, #E8C874, #C9A24B) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    box-shadow:
        4px 4px 10px rgba(150,100,30,0.35),
        -3px -3px 8px rgba(255,245,200,0.7),
        inset 0 2px 4px rgba(255,250,220,0.5),
        inset 0 -2px 4px rgba(150,100,30,0.3) !important;
}
.c-icon i { color: #3A2E24 !important; font-size: 1.3rem !important; }

.c-detail h4 {
    font-size: 1.1rem !important;
    font-weight: 700 !important;
    color: #3A2E24 !important;
    margin-bottom: 4px !important;
    letter-spacing: 0.5px !important;
}
.c-detail p { font-size: 1rem !important; color: #8a7566 !important; line-height: 1.5 !important; }
.c-detail a { color: #8a7566 !important; text-decoration: none !important; }
.c-detail a:hover { color: #C9A24B !important; }

/* Social Links */
.c-socials { display: flex !important; gap: 14px !important; margin-top: 35px !important; }
.c-socials a {
    width: 50px !important; height: 50px !important;
    border-radius: 50% !important;
    background: rgba(255,253,248,0.9) !important;
    border: 1.5px solid rgba(201,162,75,0.3) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #8a7566 !important;
    font-size: 1.1rem !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 15px rgba(201,162,75,0.15), inset 0 1px 2px rgba(255,255,255,0.9) !important;
    text-decoration: none !important;
}
.c-socials a:hover {
    background: linear-gradient(135deg, #C9A24B, #E8C874) !important;
    border-color: #C9A24B !important;
    color: #3A2E24 !important;
    transform: translateY(-4px) !important;
    box-shadow: 0 12px 25px rgba(201,162,75,0.4) !important;
}

/* Right Form Card */
.contact-form {
    background: rgba(255,253,248,0.85) !important;
    backdrop-filter: blur(30px) !important;
    -webkit-backdrop-filter: blur(30px) !important;
    border-radius: 28px !important;
    padding: 52px !important;
    border: 1px solid rgba(201,162,75,0.2) !important;
    box-shadow:
        0 30px 80px rgba(200,160,80,0.14),
        0 4px 20px rgba(0,0,0,0.05),
        inset 0 1px 0 rgba(255,255,255,0.95) !important;
    position: relative !important;
    overflow: hidden !important;
}
/* Gold foil shimmer top strip */
.contact-form::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important; left: 0 !important; right: 0 !important;
    height: 4px !important;
    background: linear-gradient(90deg, transparent 0%, #C9A24B 20%, #F0D788 50%, #C9A24B 80%, transparent 100%) !important;
    border-radius: 28px 28px 0 0 !important;
}

.contact-form h3 {
    font-family: 'Cormorant Garamond', 'Playfair Display', Georgia, serif !important;
    font-size: 2.2rem !important;
    font-weight: 700 !important;
    color: #3A2E24 !important;
    margin-bottom: 35px !important;
    padding-bottom: 22px !important;
    border-bottom: 1px solid rgba(201,162,75,0.2) !important;
    letter-spacing: 0.5px !important;
}

.form-group { margin-bottom: 20px !important; }
.form-group label {
    font-size: 0.78rem !important;
    font-weight: 700 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    color: #8a7566 !important;
    margin-bottom: 8px !important;
    display: block !important;
    font-family: 'Poppins', sans-serif !important;
}
.form-group input,
.form-group select,
.form-group textarea {
    width: 100% !important;
    background: #FBF3E7 !important;
    border: 1.5px solid rgba(201,162,75,0.2) !important;
    border-radius: 16px !important;
    padding: 16px 20px !important;
    font-size: 1.05rem !important;
    color: #3A2E24 !important;
    transition: all 0.3s ease !important;
    outline: none !important;
    font-family: 'Poppins', sans-serif !important;
    box-shadow: inset 0 2px 6px rgba(0,0,0,0.04) !important;
}
.form-group input::placeholder,
.form-group textarea::placeholder { color: #bfb0a0 !important; }
.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus {
    background: #FFFDF8 !important;
    border-color: #C9A24B !important;
    box-shadow:
        0 0 0 4px rgba(201,162,75,0.15),
        inset 0 2px 6px rgba(0,0,0,0.02) !important;
}
.form-group select { color: #8a7566 !important; }
.form-group textarea { min-height: 140px !important; resize: vertical !important; }

/* Submit Button - Raised Gold Pill */
.form-submit {
    width: 100% !important;
    background: linear-gradient(135deg, #C9A24B 0%, #E8C874 50%, #C9A24B 100%) !important;
    background-size: 200% 100% !important;
    color: #3A2E24 !important;
    font-size: 1.05rem !important;
    font-weight: 800 !important;
    letter-spacing: 3px !important;
    text-transform: uppercase !important;
    padding: 18px !important;
    border-radius: 50px !important;
    border: none !important;
    margin-top: 10px !important;
    cursor: pointer !important;
    font-family: 'Poppins', sans-serif !important;
    box-shadow:
        0 8px 25px rgba(201,162,75,0.4),
        0 4px 0 #a07a28,
        inset 0 1px 0 rgba(255,255,255,0.5) !important;
    transition: all 0.35s ease !important;
    position: relative !important;
    overflow: hidden !important;
}
.form-submit::after {
    content: '' !important;
    position: absolute !important;
    top: 0 !important; left: -100% !important;
    width: 60% !important; height: 100% !important;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.35), transparent) !important;
    transform: skewX(-20deg) !important;
    transition: left 0.6s ease !important;
}
.form-submit:hover {
    background-position: 100% 0 !important;
    transform: translateY(-2px) scale(1.02) !important;
    box-shadow:
        0 15px 40px rgba(201,162,75,0.5),
        0 4px 0 #a07a28,
        inset 0 1px 0 rgba(255,255,255,0.5) !important;
}
.form-submit:hover::after { left: 140% !important; }

/* ---- CTA BANNER ---- */
.cta {
    background: linear-gradient(135deg, #F3E6CE 0%, #EDD5A0 35%, #F3E6CE 70%, #FBF3E7 100%) !important;
    padding: 90px 0 !important;
    position: relative !important;
    overflow: hidden !important;
    border: none !important;
    border-top: 2px solid rgba(201,162,75,0.3) !important;
}
.cta::before {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: 
        radial-gradient(circle at 20% 50%, rgba(201,162,75,0.15) 0%, transparent 50%),
        radial-gradient(circle at 80% 50%, rgba(232,200,116,0.1) 0%, transparent 50%) !important;
    pointer-events: none !important;
}
.cta .container {
    position: relative !important;
    z-index: 1 !important;
    display: flex !important;
    align-items: center !important;
    gap: 50px !important;
    flex-wrap: wrap !important;
}
.cta-left h2 {
    font-family: 'Playfair Display', 'Cormorant Garamond', Georgia, serif !important;
    font-size: 3.2rem !important;
    font-weight: 700 !important;
    color: #3A2E24 !important;
    line-height: 1.25 !important;
    text-shadow: 0 4px 15px rgba(150,100,30,0.12), 0 1px 3px rgba(0,0,0,0.08) !important;
}
.cta-mid {
    font-size: 1.15rem !important;
    color: #6B5540 !important;
    line-height: 1.8 !important;
    flex: 1 !important;
    min-width: 220px !important;
}
.cta-btns { display: flex !important; gap: 18px !important; flex-wrap: wrap !important; align-items: center !important; }
.cta-btn-gold {
    background: linear-gradient(135deg, #C9A24B, #E8C874, #C9A24B) !important;
    color: #3A2E24 !important;
    font-weight: 800 !important;
    font-size: 1rem !important;
    padding: 18px 38px !important;
    border-radius: 50px !important;
    border: none !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    box-shadow:
        0 10px 30px rgba(201,162,75,0.45),
        0 4px 0 #a07a28,
        inset 0 1px 0 rgba(255,255,255,0.5) !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    display: inline-block !important;
}
.cta-btn-gold:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 18px 45px rgba(201,162,75,0.55), 0 4px 0 #a07a28 !important;
}
.cta-btn-outline {
    background: rgba(255,253,248,0.7) !important;
    backdrop-filter: blur(10px) !important;
    color: #3A2E24 !important;
    font-weight: 700 !important;
    font-size: 1rem !important;
    padding: 16px 36px !important;
    border-radius: 50px !important;
    border: 2px solid #C9A24B !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    display: inline-block !important;
    box-shadow: 0 6px 20px rgba(0,0,0,0.06) !important;
}
.cta-btn-outline:hover {
    background: linear-gradient(135deg, #C9A24B, #E8C874) !important;
    color: #3A2E24 !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 12px 30px rgba(201,162,75,0.4) !important;
}

/* ---- FOOTER ---- */
.footer {
    background: #FBF3E7 !important;
    padding: 80px 0 0 !important;
    position: relative !important;
    color: #3A2E24 !important;
}
/* Subtle grain texture overlay */
.footer::before {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E") !important;
    pointer-events: none !important;
    opacity: 0.4 !important;
    z-index: 0 !important;
}
.footer .container { position: relative !important; z-index: 1 !important; }

/* Footer grid */
.ft-grid {
    display: grid !important;
    grid-template-columns: 1.4fr 1fr 1fr 1.2fr !important;
    gap: 50px !important;
    padding-bottom: 60px !important;
    border-bottom: 1px solid rgba(201,162,75,0.25) !important;
}
.footer h4 {
    font-family: 'Cormorant Garamond', 'Playfair Display', Georgia, serif !important;
    font-style: italic !important;
    font-size: 1.5rem !important;
    font-weight: 700 !important;
    color: #C9A24B !important;
    margin-bottom: 25px !important;
    position: relative !important;
    padding-bottom: 15px !important;
}
.footer h4::after {
    content: '' !important;
    position: absolute !important;
    bottom: 0 !important; left: 0 !important;
    width: 40px !important; height: 2px !important;
    background: linear-gradient(90deg, #C9A24B, transparent) !important;
}
.footer ul { list-style: none !important; padding: 0 !important; margin: 0 !important; }
.footer ul li { margin-bottom: 12px !important; }
.footer ul li a {
    color: #7a6555 !important;
    font-size: 1.05rem !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    display: inline-block !important;
    position: relative !important;
}
.footer ul li a::after {
    content: '' !important;
    position: absolute !important;
    bottom: -2px !important; left: 0 !important;
    width: 0 !important; height: 1px !important;
    background: #C9A24B !important;
    transition: width 0.3s ease !important;
}
.footer ul li a:hover { color: #C9A24B !important; transform: translateX(5px) !important; }
.footer ul li a:hover::after { width: 100% !important; }

/* Footer contact details */
.ft-contact p {
    display: flex !important;
    align-items: flex-start !important;
    gap: 12px !important;
    color: #7a6555 !important;
    font-size: 1.05rem !important;
    margin-bottom: 14px !important;
    line-height: 1.6 !important;
}
.ft-contact i { color: #C9A24B !important; font-size: 1rem !important; margin-top: 3px !important; flex-shrink: 0 !important; }
.ft-brand > p { color: #8a7566 !important; font-size: 1.05rem !important; line-height: 1.7 !important; margin: 15px 0 25px !important; }

/* Footer social badges - embossed gold */
.ft-socials { display: flex !important; gap: 12px !important; margin-top: 20px !important; }
.ft-socials a {
    width: 42px !important; height: 42px !important;
    border-radius: 50% !important;
    background: linear-gradient(145deg, #E8C874, #C9A24B) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #3A2E24 !important;
    font-size: 0.95rem !important;
    text-decoration: none !important;
    box-shadow:
        3px 3px 8px rgba(150,100,30,0.3),
        -2px -2px 6px rgba(255,245,200,0.7),
        inset 0 1px 3px rgba(255,250,220,0.5) !important;
    transition: all 0.3s ease !important;
}
.ft-socials a:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 10px 20px rgba(201,162,75,0.45) !important;
}

/* Footer logo */
.ft-brand img { height: 70px !important; }

/* Footer Bottom Bar */
.ft-bottom {
    background: #3A2E24 !important;
    padding: 22px 0 !important;
    margin-top: 0 !important;
    position: relative !important;
    z-index: 1 !important;
}
.ft-bottom .container {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
}
.ft-bottom p { color: #c9a24b !important; font-size: 0.95rem !important; }
.ft-bottom strong { color: #E8C874 !important; }

/* =========================================================
   CONTACT & FOOTER MEGA UPGRADE v3 (Bigger, Bolder, Colourful)
========================================================= */

/* ---- CONTACT: BIGGER + BOLDER ---- */
.contact { padding: 140px 0 !important; }

.contact-info h2 {
    font-size: 5rem !important;
    font-weight: 800 !important;
    margin-bottom: 25px !important;
}
.contact-info > p {
    font-size: 1.35rem !important;
    font-weight: 600 !important;
    margin-bottom: 50px !important;
    color: #6a5544 !important;
}

/* Info Cards: bigger padding, bolder text */
.c-item { padding: 30px 35px !important; margin-bottom: 25px !important; border-radius: 24px !important; }
.c-icon { width: 75px !important; height: 75px !important; }
.c-icon i { font-size: 1.8rem !important; }
.c-detail h4 { font-size: 1.5rem !important; font-weight: 800 !important; margin-bottom: 8px !important; color: #222 !important; }
.c-detail p { font-size: 1.15rem !important; font-weight: 600 !important; color: #555 !important; }
.c-detail a { font-size: 1.15rem !important; font-weight: 600 !important; color: #555 !important; }

/* Form: Bigger */
.contact-form h3 {
    font-size: 3rem !important;
    font-weight: 800 !important;
    margin-bottom: 40px !important;
}
.contact-form { padding: 65px !important; border-radius: 35px !important; }
.form-group label { font-size: 0.95rem !important; font-weight: 800 !important; letter-spacing: 2.5px !important; color: #333 !important; }
.form-group input, .form-group select, .form-group textarea {
    font-size: 1.2rem !important;
    font-weight: 500 !important;
    padding: 20px 25px !important;
    border-radius: 20px !important;
}
.form-submit {
    font-size: 1.3rem !important;
    font-weight: 800 !important;
    letter-spacing: 3.5px !important;
    padding: 25px !important;
}

/* =========================================================
   FOOTER: VIBRANT LUXURY REDESIGN - Colourful & Premium
========================================================= */
.footer {
    background: linear-gradient(135deg, #180D08 0%, #0A0402 100%) !important;
    padding: 0 !important;
    color: #E8D3BA !important;
    border-top: 4px solid #C9A24B !important;
}

/* Rich gold bokeh orbs */
.footer::before {
    background: radial-gradient(circle, rgba(201,162,75,0.2) 0%, transparent 65%) !important;
    opacity: 1 !important;
}
.footer::after { display: none !important; } /* Removing the bright white grain texture that made it look washed out */

.footer .container { padding-top: 90px !important; }

.ft-grid {
    gap: 60px !important;
    padding-bottom: 80px !important;
    border-bottom: 1px solid rgba(201,162,75,0.2) !important;
}

/* Column Headings - Shiny Gold */
.footer h4 {
    font-size: 2.2rem !important;
    font-weight: 800 !important;
    background: linear-gradient(135deg, #F0D788, #C9A24B, #E8C874) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    margin-bottom: 35px !important;
    padding-bottom: 18px !important;
    border-bottom: 1px solid rgba(201,162,75,0.3) !important;
}
.footer h4::after { display: none !important; }

/* Footer Brand column */
.ft-brand img { height: 100px !important; margin-bottom: 15px !important; filter: drop-shadow(0 5px 15px rgba(201,162,75,0.4)) !important; }
.ft-brand > p {
    color: #C4A882 !important;
    font-size: 1.25rem !important;
    font-weight: 500 !important;
    line-height: 1.8 !important;
    margin: 20px 0 30px !important;
}

/* Footer Links */
.footer ul li a {
    color: #C4A882 !important;
    font-size: 1.25rem !important;
    font-weight: 600 !important;
    padding: 6px 0 !important;
}
.footer ul li a:hover { color: #FFF !important; transform: translateX(10px) !important; }
.footer ul li a::after { background: #FFF !important; }
.footer ul li { margin-bottom: 20px !important; }

/* Footer Contact items */
.ft-contact p {
    color: #C4A882 !important;
    font-size: 1.2rem !important;
    font-weight: 600 !important;
    margin-bottom: 22px !important;
    gap: 15px !important;
}
.ft-contact i { color: #F0D788 !important; font-size: 1.35rem !important; }

/* Social Icons — VIBRANT COLOURS & PREMIUM QUALITY */
.ft-socials { display: flex !important; gap: 20px !important; margin-top: 15px !important; }
.ft-socials a {
    width: 60px !important; height: 60px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 1.6rem !important;
    text-decoration: none !important;
    transition: all 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
    box-shadow: 0 8px 25px rgba(0,0,0,0.6) !important;
    border: 2px solid rgba(255,255,255,0.15) !important;
}
/* Individual social colours */
.ft-socials a:nth-child(1) { background: linear-gradient(135deg, #1877F2, #0D5DB8) !important; color: #fff !important; }
.ft-socials a:nth-child(2) { background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%) !important; color: #fff !important; }
.ft-socials a:nth-child(3) { background: linear-gradient(135deg, #FF0000, #A00000) !important; color: #fff !important; }
.ft-socials a:nth-child(4) { background: linear-gradient(135deg, #25D366, #128C7E) !important; color: #fff !important; }
.ft-socials a:hover { transform: translateY(-8px) scale(1.15) !important; box-shadow: 0 15px 35px rgba(201,162,75,0.5) !important; border-color: #C9A24B !important; }

/* Footer Bottom Bar */
.ft-bottom {
    background: #030101 !important;
    padding: 35px 0 !important;
}
.ft-bottom p {
    color: #8C755D !important;
    font-size: 1.1rem !important;
    font-weight: 500 !important;
}
.ft-bottom p a {
    color: #C9A24B !important;
    font-weight: 800 !important;
}
.ft-bottom p a:hover { color: #FFF !important; }

/* =========================================================
   LOGO TEXT FIX (Clean up fuzzy faux-bold, reduce size)
========================================================= */
.brand-title {
    font-size: 2.2rem !important; /* Made it smaller as requested */
    font-weight: 400 !important; /* Crucial: Removed the faux bold that was making it blurry/jagged */
    font-family: 'Great Vibes', cursive !important;
    background: linear-gradient(135deg, #E8C874, #C9A24B, #D4A911) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    letter-spacing: 1px !important;
    filter: drop-shadow(0 2px 4px rgba(0,0,0,0.15)) !important; /* Premium volume without making it fuzzy */
    padding-bottom: 2px !important; /* Stop clipping of cursive tails */
}
.brand-sub {
    font-size: 0.65rem !important;
    letter-spacing: 4px !important;
    color: #666 !important;
    margin-top: -2px !important;
}
/* =========================================================
   PREMIUM SECTION TITLES & TYPOGRAPHY UPGRADE
========================================================= */

.sec-title {
    text-align: center !important;
    margin-bottom: 60px !important;
}

.sec-title h2 {
    font-family: 'Cormorant Garamond', 'Playfair Display', Georgia, serif !important;
    font-size: 3.8rem !important;
    font-weight: 700 !important;
    color: #F8F0E3 !important; /* Premium off-white/cream */
    letter-spacing: 1px !important;
    margin-bottom: 15px !important;
    text-shadow: 0 4px 15px rgba(0,0,0,0.5) !important;
}

.sec-title h2 span {
    font-style: italic !important;
    background: linear-gradient(135deg, #F0D788, #C9A24B, #D4A911) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    padding-bottom: 5px !important;
}

.deco {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 15px !important;
    margin-bottom: 25px !important;
}

.deco .line {
    width: 60px !important;
    height: 2px !important;
    background: linear-gradient(90deg, transparent, #C9A24B, transparent) !important;
}

.deco i {
    font-size: 1.3rem !important;
    color: #E8C874 !important;
    filter: drop-shadow(0 2px 5px rgba(201,162,75,0.5)) !important;
}

.sec-title p {
    font-size: 1.25rem !important;
    color: #C4A882 !important; /* Elegant warm gold/grey */
    line-height: 1.9 !important;
    max-width: 750px !important;
    margin: 0 auto !important;
    font-weight: 400 !important;
    letter-spacing: 0.5px !important;
    font-family: 'Poppins', sans-serif !important;
}
/* =========================================================
   VLOGS PREMIUM LIGHT THEME (White, Yellow, Pink)
========================================================= */

/* The main section background */
.vlogs-premium {
    background: linear-gradient(135deg, #FFFDF8 0%, #FFF3DD 40%, #FFE8EA 100%) !important;
    padding: 120px 0 100px !important;
    position: relative !important;
    overflow: hidden !important;
}

/* Ambient glow orbs in background to make it ultra premium */
.vlogs-premium::before {
    content: '' !important;
    position: absolute !important;
    top: -100px !important; left: -100px !important;
    width: 600px !important; height: 600px !important;
    background: radial-gradient(circle, rgba(232,180,184,0.3) 0%, transparent 70%) !important;
    filter: blur(50px) !important; pointer-events: none !important;
}
.vlogs-premium::after {
    content: '' !important;
    position: absolute !important;
    bottom: -150px !important; right: -100px !important;
    width: 700px !important; height: 700px !important;
    background: radial-gradient(circle, rgba(245,199,26,0.15) 0%, transparent 70%) !important;
    filter: blur(60px) !important; pointer-events: none !important;
}

.vlogs-premium .container { position: relative !important; z-index: 1 !important; }

/* Force text to be dark since background is now light */
.vlogs-premium .sec-title h2 { color: #3A2E24 !important; text-shadow: 0 4px 15px rgba(200,160,80,0.2) !important; }
.vlogs-premium .sec-title p { color: #6a5544 !important; font-weight: 500 !important; }

/* Upgrade Vlog Cards for the Light Background */
.vg-card {
    background: rgba(255,255,255,0.7) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border: 1px solid rgba(245,199,26,0.3) !important;
    border-radius: 24px !important;
    padding: 18px !important;
    box-shadow: 0 20px 50px rgba(150,100,50,0.1) !important;
    transition: all 0.4s ease !important;
}
.vg-card:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 25px 60px rgba(245,199,26,0.2), 0 0 0 1.5px var(--gold) inset !important;
    background: rgba(255,255,255,0.95) !important;
}

/* Video wrapper rounded corners inside the card */
.vg-video-wrap { border-radius: 16px !important; overflow: hidden !important; }
.vg-video-wrap video { border-radius: 16px !important; }

/* Card Text */
.vg-body { padding: 25px 15px 10px !important; text-align: center !important; }
.vg-body h3 {
    color: #3A2E24 !important;
    font-size: 1.4rem !important;
    font-weight: 800 !important;
    margin-bottom: 20px !important;
}

/* Play button overlay */
.vg-play-btn {
    width: 70px !important;
    height: 70px !important;
    background: linear-gradient(135deg, #F0D788, #C9A24B) !important;
    color: #3A2E24 !important;
    border: 3px solid #FFF !important;
    box-shadow: 0 10px 25px rgba(0,0,0,0.4) !important;
    display: flex !important; align-items: center !important; justify-content: center !important;
    border-radius: 50% !important;
    font-size: 1.5rem !important;
    transition: all 0.3s ease !important;
}
.vg-play-btn i { margin-left: 5px !important; }
.vg-overlay:hover .vg-play-btn { transform: scale(1.15) !important; box-shadow: 0 15px 35px rgba(245,199,26,0.6) !important; }
/* =========================================================
   ABOUT PREMIUM: MEGA LUXURY UPGRADE (Light Editorial Theme)
========================================================= */

.about-premium {
    background: linear-gradient(135deg, #FFFDF8 0%, #FBF3E7 50%, #F5ECD8 100%) !important;
    padding: 140px 0 !important;
    position: relative !important;
}

/* Big Ambient Light */
.about-premium::before {
    background: radial-gradient(circle, rgba(201,162,75,0.12) 0%, transparent 60%) !important;
    width: 700px !important; height: 700px !important;
}

/* BIG PHOTO LAYOUT */
.apm-img-wrap {
    border-radius: 24px !important;
    box-shadow: 0 30px 60px rgba(0,0,0,0.1), 0 0 0 1px rgba(201,162,75,0.2) inset !important;
    position: relative !important;
    margin-right: 40px !important; /* Give it space to pop out */
}
.apm-img-wrap img {
    height: 720px !important; /* HUGE photo */
    width: 100% !important;
    object-fit: cover !important;
    border-radius: 24px !important;
    filter: contrast(1.02) brightness(1.05) !important;
}
.apm-corner { border-color: #C9A24B !important; width: 60px !important; height: 60px !important; }

/* 3D Glass Experience Badge */
.apm-exp-badge {
    background: linear-gradient(135deg, rgba(255,255,255,0.95), rgba(255,255,255,0.8)) !important;
    backdrop-filter: blur(15px) !important;
    -webkit-backdrop-filter: blur(15px) !important;
    border: 1px solid rgba(201,162,75,0.4) !important;
    box-shadow: 0 20px 40px rgba(201,162,75,0.2) !important;
    color: #3A2E24 !important;
    padding: 28px !important;
    border-radius: 24px !important;
    right: -40px !important;
    bottom: 60px !important;
    transform: scale(1.15) !important;
}
.apm-exp-num { color: #C9A24B !important; font-size: 3.8rem !important; font-weight: 800 !important; line-height: 1 !important; }
.apm-exp-lbl { font-size: 1.05rem !important; font-weight: 800 !important; color: #555 !important; letter-spacing: 1px !important; }

/* CONTENT RIGHT SIDE */
.apm-right { padding-left: 20px !important; }
.apm-tag {
    color: #C9A24B !important;
    font-size: 1.15rem !important;
    font-weight: 800 !important;
    letter-spacing: 4px !important;
    text-transform: uppercase !important;
}
.apm-heading {
    font-size: 5.5rem !important;
    color: #2E2118 !important;
    font-family: 'Playfair Display', serif !important;
    font-weight: 800 !important;
    margin-top: 15px !important;
    line-height: 1.1 !important;
}
.apm-heading em {
    background: linear-gradient(135deg, #C9A24B, #D4A911) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}
.apm-gold-line { margin: 25px 0 !important; }
.apm-gold-line span { background: linear-gradient(90deg, #C9A24B, transparent) !important; height: 4px !important; width: 140px !important; }
.apm-desc {
    color: #5A4A3C !important;
    font-size: 1.25rem !important;
    line-height: 1.85 !important;
    font-family: 'Poppins', sans-serif !important;
    margin-bottom: 25px !important;
}
.apm-desc strong { color: #2E2118 !important; font-weight: 700 !important; }

/* PREMIUM POINTS BOX */
.apm-courses-box {
    background: rgba(255,253,248,0.7) !important;
    backdrop-filter: blur(25px) !important;
    border-left: 6px solid #C9A24B !important;
    border-radius: 20px !important;
    padding: 40px !important;
    margin: 45px 0 !important;
    box-shadow: 0 15px 40px rgba(200,160,80,0.15), 0 0 0 1px rgba(255,255,255,0.6) inset !important;
    border: 1px solid rgba(201,162,75,0.2) !important;
}
.apm-courses-box h4 {
    font-size: 1.9rem !important;
    color: #2E2118 !important;
    font-family: 'Playfair Display', serif !important;
    margin-bottom: 30px !important;
    font-weight: 700 !important;
}
.apm-features { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 30px !important; }
.apm-feat { display: flex !important; gap: 18px !important; align-items: flex-start !important; }
.apm-feat i {
    color: #C9A24B !important;
    font-size: 1.5rem !important;
    margin-top: 4px !important;
    background: rgba(201,162,75,0.15) !important;
    padding: 14px !important;
    border-radius: 50% !important;
    box-shadow: 0 4px 10px rgba(201,162,75,0.2) !important;
}
.apm-feat span strong {
    font-size: 1.3rem !important;
    color: #2E2118 !important;
    font-weight: 800 !important;
    display: block !important;
    margin-bottom: 4px !important;
}
.apm-feat span small {
    font-size: 1.05rem !important;
    color: #7A6555 !important;
    font-weight: 500 !important;
}

/* Signature block */
.apm-sig-name { font-size: 3.5rem !important; color: #C9A24B !important; font-family: 'Great Vibes', cursive !important; margin-bottom: 5px !important; filter: drop-shadow(0 2px 4px rgba(0,0,0,0.05)) !important; }
.apm-sig-role { font-size: 1.1rem !important; color: #8A7566 !important; font-weight: 700 !important; letter-spacing: 2px !important; text-transform: uppercase !important; }

/* MINI STATS (Below Photo) */
.apm-mini-stats {
    background: linear-gradient(135deg, rgba(255,255,255,0.95), rgba(255,255,255,0.85)) !important;
    backdrop-filter: blur(15px) !important;
    border-radius: 20px !important;
    padding: 25px !important;
    box-shadow: 0 15px 40px rgba(0,0,0,0.08) !important;
    border: 1px solid rgba(201,162,75,0.25) !important;
    margin-top: -40px !important;
    position: relative !important;
    z-index: 5 !important;
    justify-content: space-around !important;
    display: flex !important;
    align-items: center !important;
}
.apm-mstat { text-align: center !important; }
.apm-ms-num { color: #C9A24B !important; font-size: 2rem !important; font-weight: 800 !important; display: block !important; }
.apm-ms-lbl { color: #555 !important; font-size: 1.05rem !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 1px !important; }
.apm-divider { height: 50px !important; width: 2px !important; background: rgba(201,162,75,0.3) !important; }

/* =========================================================
   ABOUT PREMIUM: MAKE PHOTO EVEN BIGGER
========================================================= */

.about-pm-inner {
    max-width: 1400px !important; /* Wider container for massive photo */
    grid-template-columns: 1.15fr 1fr !important; /* Give photo side more space */
    gap: 80px !important;
}

.apm-img-wrap {
    margin-right: 0 !important;
    border-radius: 30px !important;
    box-shadow: 0 40px 80px rgba(0,0,0,0.15), 0 0 0 1px rgba(201,162,75,0.3) inset !important;
    transform: scale(1.02) !important; /* Slight pop out */
}

.apm-img-wrap img {
    height: 850px !important; /* MASSIVE HEIGHT */
    width: 100% !important;
    object-fit: cover !important;
    object-position: top center !important; /* Ensure face is not cut off */
    border-radius: 30px !important;
}

.apm-exp-badge {
    bottom: 80px !important;
    right: -50px !important;
    transform: scale(1.25) !important; /* Bigger badge to match bigger photo */
}

/* Adjust heading size to match massive photo scale */
.apm-heading { font-size: 6rem !important; }
.apm-sig-name { font-size: 4rem !important; }

/* Mobile fixes so it doesn't break on small screens */
@media (max-width: 991px) {
    .about-pm-inner { grid-template-columns: 1fr !important; }
    .apm-img-wrap img { height: 500px !important; }
    .apm-exp-badge { transform: scale(1) !important; right: 10px !important; bottom: 20px !important; }
}
/* =========================================================
   ABOUT PREMIUM: BADGE REMOVED & PHOTO MAXIMIZED
========================================================= */
.apm-exp-badge { display: none !important; } /* Safety fallback */

.apm-img-wrap img {
    height: 920px !important; /* Made even taller for maximum impact */
    width: 100% !important;
    object-fit: cover !important;
    object-position: top center !important;
    border-radius: 30px !important;
    box-shadow: 0 40px 80px rgba(0,0,0,0.2) !important;
}

.about-pm-inner {
    max-width: 1450px !important; /* Slightly wider to let the huge photo breathe */
    gap: 90px !important;
}
/* =========================================================
   COURSES PREMIUM LIGHT THEME & DOUBLE BUTTONS
========================================================= */

.courses-full {
    background: linear-gradient(135deg, #FFFDF8 0%, #FFF5E4 50%, #F5ECD8 100%) !important;
    padding: 130px 0 100px !important;
    position: relative !important;
}

/* Light ambient glow */
.courses-full::before {
    content: '' !important;
    position: absolute !important;
    top: -100px !important; right: -100px !important;
    width: 800px !important; height: 800px !important;
    background: radial-gradient(circle, rgba(201,162,75,0.12) 0%, transparent 60%) !important;
    pointer-events: none !important;
}

/* Change section titles to dark */
.courses-full .sec-title h2 { color: #2E2118 !important; text-shadow: none !important; }
.courses-full .sec-title p { color: #5A4A3C !important; font-weight: 500 !important; }

/* Upgrade Course Cards */
.crs-card-3d {
    background: rgba(255,255,255,0.85) !important;
    backdrop-filter: blur(25px) !important;
    border: 1px solid rgba(201,162,75,0.25) !important;
    border-radius: 20px !important;
    box-shadow: 0 15px 40px rgba(0,0,0,0.06) !important;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
}
.crs-card-3d:hover {
    transform: translateY(-12px) !important;
    box-shadow: 0 25px 50px rgba(201,162,75,0.15) !important;
    border-color: #C9A24B !important;
}
.crs-card-img {
    border-radius: 20px 20px 0 0 !important;
    overflow: hidden !important;
}
.crs-body-premium {
    padding: 30px 25px !important;
}
.crs-body-premium h4 {
    color: #2E2118 !important;
    font-size: 1.6rem !important;
    font-weight: 800 !important;
    font-family: 'Playfair Display', serif !important;
    margin-bottom: 12px !important;
}

.specialist-badge {
    background: rgba(201,162,75,0.1) !important;
    color: #C9A24B !important;
    border-color: rgba(201,162,75,0.3) !important;
    font-weight: 700 !important;
}
.dur { color: #8A7566 !important; font-weight: 600 !important; }

/* Description Text */
.crs-desc {
    color: #5A4A3C !important;
    font-size: 1.05rem !important;
    line-height: 1.6 !important;
    margin: 15px 0 20px !important;
}

/* Premium list */
.crs-list-premium {
    list-style: none !important;
    margin-bottom: 30px !important;
    padding: 0 !important;
}
.crs-list-premium li {
    color: #3A2E24 !important;
    font-size: 1rem !important;
    font-weight: 600 !important;
    margin-bottom: 12px !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}
.crs-list-premium li i {
    color: #C9A24B !important;
    font-size: 0.8rem !important;
    background: rgba(201,162,75,0.15) !important;
    padding: 6px !important;
    border-radius: 50% !important;
    width: 24px !important;
    height: 24px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Double Buttons Layout */
.crs-action-btns {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 12px !important;
}
.crs-btn {
    padding: 14px 10px !important;
    border-radius: 12px !important;
    font-size: 0.95rem !important;
    font-weight: 700 !important;
    text-align: center !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    text-decoration: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    transition: all 0.3s ease !important;
}
.crs-wa {
    background: linear-gradient(135deg, #25D366, #128C7E) !important;
    color: #FFF !important;
    box-shadow: 0 6px 15px rgba(37,211,102,0.3) !important;
}
.crs-wa:hover { transform: translateY(-3px) !important; box-shadow: 0 10px 20px rgba(37,211,102,0.4) !important; color: #FFF !important;}

.crs-call {
    background: linear-gradient(135deg, #F0D788, #C9A24B) !important;
    color: #2E2118 !important;
    box-shadow: 0 6px 15px rgba(201,162,75,0.3) !important;
}
.crs-call:hover { transform: translateY(-3px) !important; box-shadow: 0 10px 20px rgba(201,162,75,0.4) !important; color: #2E2118 !important;}
/* =========================================================
   COURSES PREMIUM: BIGGER PHOTOS & TEXT
========================================================= */

.crs-card-img img {
    height: 320px !important; /* Made photo much taller */
    width: 100% !important;
    object-fit: cover !important;
    object-position: center top !important; /* Keep focus on faces */
}

.crs-body-premium h4 {
    font-size: 2.1rem !important; /* Huge heading */
    margin-bottom: 15px !important;
    line-height: 1.2 !important;
}

.specialist-badge {
    font-size: 1.1rem !important;
    padding: 8px 18px !important;
    border-radius: 8px !important;
    margin-bottom: 15px !important;
    display: inline-block !important;
}

.dur {
    font-size: 1.1rem !important;
    margin-bottom: 15px !important;
}

.crs-desc {
    font-size: 1.2rem !important; /* Bigger paragraph */
    line-height: 1.7 !important;
    color: #4A3A2C !important;
}

.crs-list-premium li {
    font-size: 1.15rem !important; /* Bigger list items */
    margin-bottom: 15px !important;
}

/* Fix layout overlapping side buttons */
.crs-grid-full {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 35px !important;
}

@media (min-width: 1100px) {
    .courses-full .container {
        padding-right: 70px !important; /* Give space for right-side buttons */
        max-width: 1350px !important;
    }
}

@media (max-width: 991px) {
    .crs-grid-full { grid-template-columns: 1fr !important; }
    .courses-full .container { padding-right: 15px !important; }
}

/* Boost button text slightly */
.crs-btn { font-size: 1.05rem !important; padding: 16px 10px !important; }

/* =========================================================
   ENROLL BENEFITS & FOUNDER MESSAGE (Premium Dark Theme)
========================================================= */

.enroll-benefits {
    background: linear-gradient(135deg, #150C07 0%, #080402 100%) !important;
    padding: 120px 0 !important;
    position: relative !important;
}

/* Founder Message Box */
.founder-msg-box {
    display: grid !important;
    grid-template-columns: 0.9fr 1.1fr !important;
    gap: 60px !important;
    align-items: center !important;
    background: rgba(255,255,255,0.03) !important;
    border: 1px solid rgba(201,162,75,0.2) !important;
    border-radius: 30px !important;
    padding: 50px !important;
    margin-bottom: 90px !important;
    box-shadow: 0 20px 50px rgba(0,0,0,0.6) !important;
}

.fm-img {
    border-radius: 20px !important;
    overflow: hidden !important;
    position: relative !important;
}
.fm-img img {
    width: 100% !important;
    height: auto !important; /* Allow natural height to show FULL photo */
    max-height: 700px !important;
    object-fit: cover !important;
    object-position: top center !important;
    border-radius: 20px !important;
}

.fm-content { padding-right: 20px !important; }
.fm-tag {
    color: #C9A24B !important;
    font-size: 1rem !important;
    letter-spacing: 3px !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    margin-bottom: 15px !important;
}
.fm-content h2 {
    color: #FFF !important;
    font-size: 3.2rem !important;
    font-family: 'Playfair Display', serif !important;
    line-height: 1.2 !important;
    margin-bottom: 25px !important;
}
.fm-content h2 span {
    background: linear-gradient(135deg, #F0D788, #C9A24B) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-style: italic !important;
}
.fm-content p {
    color: #C4B4A4 !important;
    font-size: 1.15rem !important;
    line-height: 1.8 !important;
    margin-bottom: 20px !important;
}
.fm-sig { margin: 35px 0 !important; }
.sig-name {
    font-family: 'Great Vibes', cursive !important;
    font-size: 3.2rem !important;
    color: #C9A24B !important;
}
.sig-role {
    color: #8A7566 !important;
    font-size: 0.95rem !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
}

.enroll-btn {
    display: inline-block !important;
    background: linear-gradient(135deg, #F0D788, #C9A24B) !important;
    color: #150C07 !important;
    padding: 18px 35px !important;
    border-radius: 12px !important;
    font-size: 1.15rem !important;
    font-weight: 800 !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 10px 20px rgba(201,162,75,0.2) !important;
}
.enroll-btn:hover { transform: translateY(-4px) !important; box-shadow: 0 15px 30px rgba(201,162,75,0.4) !important; color: #FFF !important;}

/* Benefits Grid */
.benefits-header { text-align: center !important; margin-bottom: 50px !important; }
.benefits-header h3 {
    color: #FFF !important;
    font-size: 3rem !important;
    font-family: 'Playfair Display', serif !important;
}
.benefits-header h3 span { color: #C9A24B !important; font-style: italic !important; font-weight: 400 !important; }

.benefits-grid {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 25px !important;
}
.b-card {
    background: rgba(255,255,255,0.03) !important;
    border: 1px solid rgba(255,255,255,0.05) !important;
    padding: 40px 25px !important;
    border-radius: 20px !important;
    text-align: center !important;
    transition: all 0.3s ease !important;
}
.b-card:hover { background: rgba(201,162,75,0.08) !important; border-color: rgba(201,162,75,0.4) !important; transform: translateY(-8px) !important; }
.b-icon {
    width: 75px !important;
    height: 75px !important;
    background: linear-gradient(135deg, rgba(201,162,75,0.2), transparent) !important;
    border-radius: 50% !important;
    display: flex !important; align-items: center !important; justify-content: center !important;
    margin: 0 auto 25px !important;
    border: 1px solid rgba(201,162,75,0.4) !important;
}
.b-icon i { font-size: 2rem !important; color: #F0D788 !important; }
.b-card h4 {
    color: #FFF !important;
    font-size: 1.35rem !important;
    font-weight: 700 !important;
    margin-bottom: 15px !important;
    line-height: 1.3 !important;
}
.b-card p {
    color: #A49484 !important;
    font-size: 1.05rem !important;
    line-height: 1.6 !important;
}

@media (max-width: 1100px) {
    .founder-msg-box { grid-template-columns: 1fr !important; padding: 30px !important; }
    .benefits-grid { grid-template-columns: 1fr 1fr !important; }
}
@media (max-width: 600px) {
    .benefits-grid { grid-template-columns: 1fr !important; }
}
/* =========================================================
   FIX COURSES IMAGES (Prevent Face Cropping)
========================================================= */
.crs-card-img img {
    height: 380px !important; /* Taller image to fit faces properly */
    object-position: center 25% !important; /* Adjusted so face stays in frame */
}

/* =========================================================
   WHY CHOOSE US: PREMIUM LIGHT UPGRADE
========================================================= */
.why {
    background: linear-gradient(135deg, #FFFDF8 0%, #F5ECD8 100%) !important;
    padding: 120px 0 !important;
    border-top: 1px solid rgba(201,162,75,0.15) !important;
}

.why-grid {
    gap: 80px !important;
}

.why-img {
    border-radius: 24px !important;
    box-shadow: 0 30px 60px rgba(0,0,0,0.1) !important;
    position: relative !important;
}

.why-img::after {
    border: 2px solid rgba(201,162,75,0.4) !important;
    border-radius: 24px !important;
    transform: translate(15px, 15px) !important;
}

.why-img img {
    border-radius: 24px !important;
    height: 600px !important;
    object-position: center 30% !important;
}

.why-content h2 {
    color: #2E2118 !important;
    font-size: 3.5rem !important;
    font-family: 'Playfair Display', serif !important;
    margin-bottom: 20px !important;
}

.why-content h2 span {
    background: linear-gradient(135deg, #F0D788, #C9A24B) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-style: italic !important;
}

.why-content > p {
    color: #5A4A3C !important;
    font-size: 1.15rem !important;
    line-height: 1.8 !important;
    margin-bottom: 40px !important;
}

.why-item {
    background: rgba(255,255,255,0.6) !important;
    backdrop-filter: blur(10px) !important;
    padding: 20px !important;
    border-radius: 16px !important;
    border: 1px solid rgba(201,162,75,0.2) !important;
    transition: all 0.3s ease !important;
}
.why-item:hover { transform: translateY(-5px) !important; box-shadow: 0 10px 25px rgba(201,162,75,0.1) !important; }

.why-icon {
    width: 45px !important; height: 45px !important;
    background: linear-gradient(135deg, #F0D788, #C9A24B) !important;
    box-shadow: 0 5px 15px rgba(201,162,75,0.3) !important;
}
.why-icon i { color: #2E2118 !important; font-size: 1rem !important; }

.why-item p { color: #7A6555 !important; font-size: 0.95rem !important; }
.why-item p strong { color: #2E2118 !important; font-size: 1.1rem !important; margin-bottom: 6px !important; }

.ab-btn {
    display: inline-block !important;
    background: linear-gradient(135deg, #F0D788, #C9A24B) !important;
    color: #2E2118 !important;
    padding: 18px 40px !important;
    border-radius: 12px !important;
    font-size: 1.1rem !important;
    font-weight: 800 !important;
    box-shadow: 0 10px 25px rgba(201,162,75,0.3) !important;
    transition: all 0.3s ease !important;
}
.ab-btn:hover { transform: translateY(-3px) !important; box-shadow: 0 15px 35px rgba(201,162,75,0.5) !important; color: #FFF !important; }

/* =========================================================
   FIX 1: COURSES CARDS - Full photo + wider cards
========================================================= */

/* Make the grid cards wider (less narrow) */
.crs-grid-full {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 30px !important;
    max-width: 1300px !important;
    margin: 0 auto !important;
}

/* Full photo - no cropping */
.crs-card-img img {
    height: 420px !important;
    object-fit: cover !important;
    object-position: center center !important; /* Centered so full face visible */
    width: 100% !important;
    display: block !important;
}

/* Wider card body padding so text doesn't wrap so tight */
.crs-body-premium {
    padding: 30px 30px 30px !important;
}

/* =========================================================
   FIX 2: WHY CHOOSE US - Make it look premium
========================================================= */

.why-img img {
    height: 650px !important;
    object-fit: cover !important;
    object-position: center 30% !important;
    filter: saturate(1.1) brightness(1.02) !important;
}

/* Left image frame accent */
.why-img::before {
    content: '' !important;
    position: absolute !important;
    inset: -15px !important;
    border: 2px solid transparent !important;
    border-image: linear-gradient(135deg, #C9A24B, transparent, #C9A24B) 1 !important;
    border-radius: 24px !important;
    z-index: 0 !important;
    pointer-events: none !important;
}

/* Gold accent strip on left of photo */
.why-img::after {
    content: '' !important;
    position: absolute !important;
    top: 30px !important;
    left: -8px !important;
    width: 6px !important;
    height: 60% !important;
    background: linear-gradient(180deg, #F0D788, #C9A24B, transparent) !important;
    border-radius: 6px !important;
    transform: none !important;
    border: none !important;
}

.why-content h2 {
    font-size: 3.8rem !important;
    line-height: 1.15 !important;
}

/* Premium point cards */
.why-list {
    grid-template-columns: 1fr 1fr !important;
    gap: 18px !important;
    margin-bottom: 40px !important;
}

.why-item {
    background: rgba(255,255,255,0.75) !important;
    border: 1px solid rgba(201,162,75,0.2) !important;
    padding: 22px !important;
    border-radius: 18px !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05) !important;
}
.why-item:hover {
    border-color: #C9A24B !important;
    box-shadow: 0 8px 20px rgba(201,162,75,0.1) !important;
}
.why-item p strong {
    font-size: 1.2rem !important;
    color: #2E2118 !important;
    font-weight: 800 !important;
    display: block !important;
    margin-bottom: 5px !important;
}
.why-item p {
    font-size: 1rem !important;
    color: #7A6555 !important;
    line-height: 1.5 !important;
}
.why-icon {
    width: 50px !important; height: 50px !important;
    margin-bottom: 12px !important;
}
.why-icon i { font-size: 1.1rem !important; }
/* =========================================================
   SERVICES PREMIUM REDESIGN - Premium Card Grid
========================================================= */

.services {
    background: linear-gradient(135deg, #FFFDF8 0%, #FFF3DD 60%, #F5ECD8 100%) !important;
    padding: 130px 0 100px !important;
    position: relative !important;
}

/* Section heading dark for light bg */
.services .sec-title h2 { color: #2E2118 !important; text-shadow: none !important; }
.services .sec-title p { color: #5A4A3C !important; }

/* Premium Card Grid - 3 columns */
.srv-premium-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 35px !important;
}

/* Premium Service Card */
.srv-pcard {
    background: rgba(255,255,255,0.9) !important;
    border-radius: 24px !important;
    border: 1px solid rgba(201,162,75,0.2) !important;
    overflow: hidden !important;
    box-shadow: 0 15px 40px rgba(0,0,0,0.07) !important;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
    display: flex !important;
    flex-direction: column !important;
}
.srv-pcard:hover {
    transform: translateY(-12px) !important;
    box-shadow: 0 30px 60px rgba(201,162,75,0.2) !important;
    border-color: #C9A24B !important;
}

/* Card Image - Full, Not Circle */
.srv-pimg {
    position: relative !important;
    overflow: hidden !important;
}
.srv-pimg img {
    width: 100% !important;
    height: 280px !important;
    object-fit: cover !important;
    object-position: center top !important;
    display: block !important;
    transition: transform 0.6s ease !important;
}
.srv-pcard:hover .srv-pimg img { transform: scale(1.05) !important; }

.srv-overlay-tag {
    position: absolute !important;
    top: 18px !important; left: 18px !important;
    background: linear-gradient(135deg, #C9A24B, #F0D788) !important;
    color: #2E2118 !important;
    padding: 6px 16px !important;
    border-radius: 20px !important;
    font-size: 0.85rem !important;
    font-weight: 800 !important;
    letter-spacing: 0.5px !important;
}

/* Card Body */
.srv-pbody {
    padding: 30px !important;
    display: flex !important;
    flex-direction: column !important;
    flex: 1 !important;
}

.srv-pbody h4 {
    font-size: 1.7rem !important;
    font-weight: 800 !important;
    color: #2E2118 !important;
    font-family: 'Playfair Display', serif !important;
    margin-bottom: 12px !important;
}
.srv-pbody h4 i { color: #C9A24B !important; margin-right: 10px !important; font-size: 1.3rem !important; }

.srv-sub {
    color: #7A6555 !important;
    font-size: 1.05rem !important;
    line-height: 1.65 !important;
    margin-bottom: 22px !important;
    border-left: 3px solid #C9A24B !important;
    padding-left: 14px !important;
}

/* Feature List */
.srv-feats {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 28px !important;
    flex: 1 !important;
}
.srv-feats li {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    color: #3A2E24 !important;
    font-size: 1.05rem !important;
    font-weight: 600 !important;
    padding: 10px 0 !important;
    border-bottom: 1px solid rgba(201,162,75,0.1) !important;
}
.srv-feats li:last-child { border-bottom: none !important; }
.srv-feats li i {
    color: #C9A24B !important;
    background: rgba(201,162,75,0.12) !important;
    width: 28px !important; height: 28px !important;
    border-radius: 50% !important;
    display: flex !important; align-items: center !important; justify-content: center !important;
    font-size: 0.75rem !important;
    flex-shrink: 0 !important;
}

/* Buttons */
.srv-btns {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 12px !important;
    margin-top: auto !important;
}
.srv-wa, .srv-call {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 14px !important;
    border-radius: 12px !important;
    font-size: 1rem !important;
    font-weight: 800 !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
}
.srv-wa {
    background: linear-gradient(135deg, #25D366, #128C7E) !important;
    color: #fff !important;
    box-shadow: 0 5px 15px rgba(37,211,102,0.3) !important;
}
.srv-wa:hover { transform: translateY(-3px) !important; box-shadow: 0 10px 20px rgba(37,211,102,0.4) !important; color: #fff !important; }
.srv-call {
    background: linear-gradient(135deg, #F0D788, #C9A24B) !important;
    color: #2E2118 !important;
    box-shadow: 0 5px 15px rgba(201,162,75,0.3) !important;
}
.srv-call:hover { transform: translateY(-3px) !important; box-shadow: 0 10px 20px rgba(201,162,75,0.4) !important; color: #2E2118 !important; }

/* 5th card spans 2 columns if needed */
@media (min-width: 1100px) {
    .srv-pcard:nth-child(4),
    .srv-pcard:nth-child(5) {
        /* Let the last two share space if odd */
    }
}

@media (max-width: 1100px) {
    .srv-premium-grid { grid-template-columns: 1fr 1fr !important; }
}
@media (max-width: 650px) {
    .srv-premium-grid { grid-template-columns: 1fr !important; }
}
/* =========================================================
   FIX: PHOTO FULLY VISIBLE — TEXT BELOW ONLY
   Services + Courses Cards
========================================================= */

/* Services: Make image taller & ensure NO overlap */
.srv-pimg {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
}
.srv-pimg img {
    height: 320px !important;
    width: 100% !important;
    object-fit: cover !important;
    object-position: center 20% !important; /* Pull faces into view */
    display: block !important;
    border-radius: 0 !important;
}

/* Ensure card body is completely separate below image */
.srv-pbody {
    position: relative !important; /* NOT absolute - always below image */
    background: #fff !important;
    padding: 28px 28px 28px !important;
    border-top: 3px solid #C9A24B !important;
}

/* Courses: Make image taller & text below */
.crs-card-img {
    position: relative !important;
    overflow: hidden !important;
}
.crs-card-img img {
    height: 300px !important;
    width: 100% !important;
    object-fit: cover !important;
    object-position: center 20% !important;
    display: block !important;
}

.crs-body-premium {
    position: relative !important; /* NOT absolute, always BELOW image */
    background: #fff !important;
    border-top: 3px solid #C9A24B !important;
}

/* Remove any overlay that hides images */
.crs-card-img::after { display: none !important; }
.srv-pimg::after { display: none !important; }

/* =========================================================
   COURSES: MEGA PHOTO FIX — Full Face Visible + Premium
========================================================= */

/* Make the whole grid 2 columns so cards are WIDER */
.crs-grid-full {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 35px !important;
    max-width: 1400px !important;
    margin: 0 auto !important;
}

/* PHOTO CONTAINER — Taller and no clipping */
.crs-card-img {
    width: 100% !important;
    overflow: hidden !important;
    border-radius: 20px 20px 0 0 !important;
    background: #f5e8d0 !important;
}

.crs-card-img img {
    width: 100% !important;
    height: 450px !important; /* VERY TALL so full face is visible */
    object-fit: cover !important;
    object-position: center 15% !important; /* Show top of face, not cropped */
    display: block !important;
    transition: transform 0.6s ease !important;
}
.crs-card-3d:hover .crs-card-img img {
    transform: scale(1.04) !important;
}

/* Card itself - bigger and cleaner */
.crs-card-3d {
    border-radius: 20px !important;
    overflow: hidden !important;
    background: #fff !important;
    border: 1px solid rgba(201,162,75,0.2) !important;
    box-shadow: 0 20px 50px rgba(0,0,0,0.07) !important;
    transition: all 0.4s ease !important;
    display: flex !important;
    flex-direction: column !important;
}
.crs-card-3d:hover {
    transform: translateY(-10px) !important;
    box-shadow: 0 30px 60px rgba(201,162,75,0.18) !important;
    border-color: #C9A24B !important;
}

/* BODY — tight, clean, below photo */
.crs-body-premium {
    padding: 28px 25px 25px !important;
    background: #fff !important;
    border-top: 4px solid #C9A24B !important;
    position: static !important;
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
}

.crs-body-premium h4 {
    font-size: 1.65rem !important;
    font-weight: 800 !important;
    font-family: 'Playfair Display', serif !important;
    color: #2E2118 !important;
    line-height: 1.2 !important;
    margin-bottom: 10px !important;
}

.specialist-badge {
    font-size: 0.9rem !important;
    font-weight: 700 !important;
    padding: 7px 15px !important;
    border-radius: 20px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    margin-bottom: 12px !important;
    background: rgba(201,162,75,0.1) !important;
    color: #A07A10 !important;
    border: 1px solid rgba(201,162,75,0.3) !important;
}

.dur {
    color: #888 !important;
    font-size: 0.95rem !important;
    font-weight: 600 !important;
    margin-bottom: 12px !important;
}

/* Short description */
.crs-desc {
    font-size: 1rem !important;
    color: #6A5544 !important;
    line-height: 1.6 !important;
    margin-bottom: 18px !important;
    font-style: italic !important;
}

/* List items cleaner */
.crs-list-premium {
    margin-bottom: 22px !important;
    flex: 1 !important;
}
.crs-list-premium li {
    font-size: 1rem !important;
    font-weight: 600 !important;
    color: #3A2E24 !important;
    padding: 9px 0 !important;
    gap: 10px !important;
}
.crs-list-premium li i {
    width: 22px !important; height: 22px !important;
    font-size: 0.7rem !important;
}

/* Buttons at bottom */
.crs-action-btns {
    margin-top: auto !important;
    gap: 10px !important;
}
.crs-btn {
    font-size: 0.95rem !important;
    padding: 14px 8px !important;
    border-radius: 12px !important;
}

/* Tag badges on image */
.crs-tag {
    position: absolute !important;
    top: 15px !important; left: 15px !important;
    z-index: 10 !important;
    font-size: 0.8rem !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    font-weight: 800 !important;
}

@media (max-width: 1100px) {
    .crs-grid-full { grid-template-columns: 1fr 1fr !important; }
}
@media (max-width: 650px) {
    .crs-grid-full { grid-template-columns: 1fr !important; }
    .crs-card-img img { height: 300px !important; }
}
/* =========================================================
   LOGO TEXT UPDATE (Formal Black, No Cursive Design)
========================================================= */
.brand-title {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-weight: 800 !important;
    color: #1A1A1A !important;
    font-size: 1.6rem !important;
    background: none !important;
    -webkit-background-clip: border-box !important;
    -webkit-text-fill-color: #1A1A1A !important;
    letter-spacing: 1.5px !important;
    filter: none !important;
    text-shadow: none !important;
    text-transform: uppercase !important;
    padding-bottom: 0 !important;
    line-height: 1.1 !important;
}

.brand-sub {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    color: #555 !important;
    font-size: 0.75rem !important;
    letter-spacing: 6px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
}

/* =========================================================
   UNDO: RESTORE CURSIVE GOLD LOGO TEXT
========================================================= */
.brand-title {
    font-size: 2.2rem !important;
    font-weight: 400 !important;
    font-family: 'Great Vibes', cursive !important;
    background: linear-gradient(135deg, #E8C874, #C9A24B, #D4A911) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    letter-spacing: 1px !important;
    filter: drop-shadow(0 2px 4px rgba(0,0,0,0.15)) !important;
    padding-bottom: 2px !important;
    text-transform: none !important;
    line-height: normal !important;
}

.brand-sub {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    color: #888 !important;
    font-size: 0.75rem !important;
    letter-spacing: 5px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
}
/* =========================================================
   FIX OVERLAP: Logo colliding with Navigation Links
========================================================= */
.nav-brand {
    margin-right: 40px !important;
}

.brand-text {
    min-width: 160px !important; /* Ensure the text box is wide enough for the cursive text */
    padding-right: 15px !important;
}

.nav-links {
    margin-left: auto !important;
    gap: 30px !important;
}

@media (max-width: 1100px) {
    .nav-brand { margin-right: 20px !important; }
}

.side-btn {
    padding: 12px 18px !important;
    font-size: 0.8rem !important;
}
.side-btn i {
    font-size: 1.1rem !important;
}
.hero-sub { font-size: 2.5rem !important; }
.hero-main { font-size: 4rem !important; }


/* =========================================================
   UNDO EXTREME SIZES (RESTORE NORMAL SIZING)
========================================================= */
/* Topbar */
.tb-left a, .tb-left span, .tb-right span, .tb-right a { font-size: 0.85rem !important; }
.topbar { padding: 5px 0 !important; }

/* Navbar */
.navbar .container { min-height: 75px !important; padding-top: 5px !important; padding-bottom: 5px !important; }
.nav-brand { gap: 8px !important; }
.nav-brand img { height: 50px !important; min-width: auto !important; }
.nav-links { gap: 25px !important; }
.nav-links > a, .dd > a { font-size: 0.85rem !important; }

/* Book Button */
.nav-book { padding: 10px 20px !important; font-size: 0.8rem !important; }

/* Side Buttons */
.side-btn { padding: 12px 18px !important; font-size: 0.8rem !important; }
.side-btn i { font-size: 1.1rem !important; }

/* Hero Text */
.hero-sub { font-size: 2.5rem !important; margin-bottom: 0px !important; }
.hero-main { font-size: 4.5rem !important; }
/* =========================================================
   MAKE NAVBAR LINKS SMALLER & CLEANER
========================================================= */
.nav-links > a, .dd > a { 
    font-size: 0.75rem !important; 
    font-weight: 600 !important; 
    letter-spacing: 1px !important; 
}
.nav-links { gap: 20px !important; }
/* =========================================================
   MAKE BOOK APPOINTMENT BUTTON SMALLER
========================================================= */
.nav-book { 
    padding: 8px 15px !important; 
    font-size: 0.75rem !important; 
    font-weight: 700 !important;
    letter-spacing: 0.5px !important;
}
/* =========================================================
   FIX ABOUT SECTION (Align Top, Standardize Image Size)
========================================================= */
.about-pm-inner {
    align-items: flex-start !important; /* Move image up to align with text */
}
.apm-img-wrap img {
    height: 600px !important; /* Make it smaller as requested (was 920px) */
}
/* =========================================================
   FIX NAVBAR BUTTON OVERLAP
========================================================= */
.nav-links { 
    margin-right: 30px !important; /* Space between 'Contact Us' and 'Book Appointment' */
}
/* =========================================================
   MAKE HERO SECTION SMALLER (TO SHOW MARQUEE)
========================================================= */
.hero-sub { font-size: 2.2rem !important; margin-bottom: -5px !important; }
.hero-main { font-size: 3.8rem !important; padding-bottom: 5px !important; margin-bottom: 5px !important; }
.hero-meet { font-size: 2.2rem !important; margin-bottom: 15px !important; }
.hero-academy-name { font-size: 0.85rem !important; margin-bottom: 15px !important; }
.hero-desc, .hero-brief { font-size: 1.05rem !important; line-height: 1.5 !important; margin-bottom: 20px !important; }

/* Adjust hero padding/margin to pull content up */
.hero { padding-top: 60px !important; min-height: 85vh !important; }
/* =========================================================
   MAKE HERO BUTTONS SMALLER
========================================================= */
.hero-btn-wa, .hero-btn-outline {
    padding: 12px 25px !important;
    font-size: 0.9rem !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
}
.hero-btn-wa i, .hero-btn-outline i {
    font-size: 1.1rem !important;
}
/* =========================================================
   FIX HERO CLIPPING (Remove Negative Margin)
========================================================= */
.hero-content { 
    margin-top: 0 !important; 
}
/* =========================================================
   HERO RIGHT-SIDE SLIDESHOW
========================================================= */
.hero-slideshow {
    width: 450px;
    height: 550px;
    position: relative;
    border-radius: 30px;
    box-shadow: 0 30px 60px rgba(0,0,0,0.5), 0 0 0 2px rgba(201,162,75,0.3) inset;
    overflow: hidden;
    margin-right: 5%;
}
.hero-slideshow img.slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    transition: opacity 1.5s ease-in-out, transform 4s ease-out;
    transform: scale(1.05);
}
.hero-slideshow img.slide.active {
    opacity: 1;
    transform: scale(1);
}
@media (max-width: 1100px) {
    .hero-slideshow { display: none; }
}

/* =========================================================
   ABOUT SECTION SLIDESHOW (FILLING EMPTY SPACE)
========================================================= */
.about-slideshow {
    margin-top: 30px;
    width: 100%;
    height: 280px; /* Adjust based on how much empty space there is */
    position: relative;
    border-radius: 20px;
    box-shadow: 0 15px 35px rgba(0,0,0,0.1), 0 0 0 1px rgba(201,162,75,0.2) inset;
    overflow: hidden;
}
.about-slideshow img.slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    transition: opacity 1.5s ease-in-out, transform 4s ease-out;
    transform: scale(1.05);
}
.about-slideshow img.slide.active {
    opacity: 1;
    transform: scale(1);
}
@media (max-width: 991px) {
    .about-slideshow { display: none; } /* Hide on mobile to save space */
}
/* =========================================================
   FIX ABOUT SLIDESHOW: SHOW FULL PHOTO
========================================================= */
.about-slideshow {
    height: 400px !important; /* Taller box for better viewing */
    background: rgba(10,10,10,0.5) !important; /* Dark background for pillarboxing */
    backdrop-filter: blur(10px) !important;
}
.about-slideshow img.slide {
    object-fit: contain !important; /* Ensures the FULL photo is visible without cropping */
    background: transparent !important;
}

/* =========================================================
   FIX COURSES/SERVICES PAGE TOP SPACING
========================================================= */
.courses-full {
    padding-top: 50px !important; /* Reduce huge gap above "Our Professional Courses" */
}
.services-full {
    padding-top: 50px !important; /* Same for services page if it exists */
}

/* =========================================================
   GLOBAL MOBILE VIEW FIXES
========================================================= */
@media (max-width: 768px) {
    /* Fix body overflow causing horizontal scroll */
    body, html { overflow-x: hidden !important; max-width: 100vw !important; }

    /* Fix Hero Text Sizes for Mobile */
    .hero-main { font-size: 2.2rem !important; }
    .hero-sub { font-size: 1.8rem !important; }
    .hero-meet { font-size: 1.8rem !important; }
    
    /* Fix Hero buttons overlapping */
    .hero-cta-row { flex-direction: column !important; align-items: center !important; gap: 10px !important; }
    .hero-btn-wa, .hero-btn-outline { width: 100% !important; text-align: center !important; justify-content: center !important; }

    /* Fix About Section */
    .about-pm-inner { grid-template-columns: 1fr !important; padding: 0 15px !important; }
    .apm-img-wrap img { height: 350px !important; }
    .apm-heading { font-size: 2.5rem !important; }
    .apm-sig-name { font-size: 2rem !important; }

    /* Fix Courses Grid */
    .crs-grid-full, .crs-grid { grid-template-columns: 1fr !important; }
    
    /* Fix Topbar wrapping */
    .tb-left, .tb-right { justify-content: center !important; width: 100% !important; }
    .topbar .container { flex-direction: column !important; gap: 10px !important; }
    
    /* Fix navbar spacing */
    .navbar .container { padding: 10px 15px !important; min-height: auto !important; }
    
    /* Hide desktop slideshow on mobile */
    .about-slideshow { display: none !important; }
}

/* =========================================================
   AGGRESSIVE MOBILE VIEW SHRINKING
========================================================= */
@media (max-width: 768px) {
    /* Navbar & Logo */
    .nav-brand img { height: 40px !important; min-width: 40px !important; }
    .brand-title { font-size: 1.5rem !important; }
    .brand-sub { font-size: 0.5rem !important; }
    .navbar .container { min-height: 60px !important; padding: 5px 15px !important; }
    
    /* Topbar */
    .tb-left a, .tb-left span, .tb-right span, .tb-right a { font-size: 0.7rem !important; }
    
    /* Hero Section */
    .hero { padding: 40px 15px !important; min-height: auto !important; }
    .hero-sub { font-size: 1.5rem !important; margin-bottom: 0px !important; }
    .hero-main { font-size: 2rem !important; padding-bottom: 0px !important; margin-bottom: 5px !important; }
    .hero-meet { font-size: 1.5rem !important; margin-bottom: 10px !important; }
    .hero-desc, .hero-brief { font-size: 0.9rem !important; line-height: 1.4 !important; }
    .hero-academy-name { font-size: 0.75rem !important; margin-bottom: 10px !important; }
    
    /* Buttons */
    .hero-btn-wa, .hero-btn-outline, .crs-btn, .ab-btn, .nav-book, .side-btn { 
        padding: 10px 15px !important; 
        font-size: 0.75rem !important; 
    }
    .hero-btn-wa i, .hero-btn-outline i, .side-btn i { font-size: 0.9rem !important; }
    
    /* Headings (About, Services, Courses) */
    .sec-title h2 { font-size: 1.8rem !important; }
    .sec-title p { font-size: 0.85rem !important; }
    .apm-heading { font-size: 2rem !important; }
    .apm-desc { font-size: 0.9rem !important; }
    .apm-sig-name { font-size: 1.8rem !important; }
    
    /* Photos */
    .apm-img-wrap img { height: 280px !important; border-radius: 15px !important; }
    .crs-card-img img, .srv-pimg img { height: 200px !important; }
    
    /* Layout Spacing */
    .about-pm-inner, .courses-full .container, .why .container { padding: 0 15px !important; gap: 30px !important; }
    .apm-features { grid-template-columns: 1fr !important; gap: 15px !important; }
    .apm-courses-box { padding: 20px !important; }
    .apm-courses-box h4 { font-size: 1.3rem !important; margin-bottom: 15px !important; }
    
    /* Badges */
    .hero-trust .trust-text { font-size: 0.85rem !important; }
    .hero-trust .trust-icon i { font-size: 0.85rem !important; }
}

/* =========================================================
   MOBILE FIXES (TOPBAR, PAGES, MOB MENU)
========================================================= */
@media (max-width: 768px) {
    /* Hide topbar address on mobile to reduce height */
    .tb-left span { display: none !important; }
    
    /* Remove huge gaps on top of pages like Vlogs/Courses/Services */
    .vlogs-page, .courses-full, .services-full, .about-page, .gallery-page, .contact-page {
        padding-top: 30px !important;
    }
    
    /* Make the mobile menu start BELOW the navbar, not behind it */
    .mob-menu {
        top: 60px !important; /* height of navbar */
    }
    
    /* Hide extra cropped logo in mobile menu */
    .mob-menu > img { display: none !important; }
}

/* =========================================================
   COMPREHENSIVE MOBILE VIEW — PREMIUM & LUXURY
========================================================= */

/* ---- TOPBAR: Single Line on Mobile ---- */
@media (max-width: 768px) {
    .topbar { padding: 4px 0 !important; }
    .topbar .container {
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 12px !important;
    }
    .tb-left {
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        gap: 10px !important;
        justify-content: center !important;
        width: auto !important;
    }
    .tb-left a, .tb-left span { font-size: 0.65rem !important; }
    .tb-left span { display: none !important; } /* Hide address */
    .tb-left a i { font-size: 0.6rem !important; }
    .tb-right {
        width: auto !important;
        justify-content: center !important;
    }
    .tb-right span { display: none !important; } /* Hide "Follow Us" text */
    .tb-socials { gap: 6px !important; }
    .tb-socials a { width: 22px !important; height: 22px !important; font-size: 0.55rem !important; }
}

/* ---- NAVBAR: Compact & Clean ---- */
@media (max-width: 768px) {
    .navbar .container {
        min-height: 55px !important;
        padding: 5px 12px !important;
    }
    .nav-brand { gap: 8px !important; margin-right: 0 !important; }
    .nav-brand img { height: 35px !important; min-width: 35px !important; }
    .brand-title { font-size: 1.3rem !important; }
    .brand-sub { font-size: 0.45rem !important; letter-spacing: 3px !important; }
    .hamburger span { width: 22px !important; height: 2px !important; }
}

/* ---- HERO: Properly Sized ---- */
@media (max-width: 768px) {
    .hero {
        padding: 30px 15px 20px !important;
        min-height: auto !important;
    }
    .hero-content { margin-top: 0 !important; text-align: center !important; }
    .hero-tagline { font-size: 0.6rem !important; letter-spacing: 2px !important; margin-bottom: 10px !important; }
    .hero-sub { font-size: 1.4rem !important; margin-bottom: 0 !important; }
    .hero-main { font-size: 1.8rem !important; padding-bottom: 0 !important; margin-bottom: 3px !important; line-height: 1.1 !important; }
    .hero-meet { font-size: 1.3rem !important; margin-bottom: 8px !important; }
    .hero-academy-name { font-size: 0.65rem !important; letter-spacing: 3px !important; margin-bottom: 8px !important; padding-left: 10px !important; }
    .hero-desc, .hero-brief { font-size: 0.85rem !important; line-height: 1.5 !important; margin-bottom: 12px !important; }

    /* Trust Badge */
    .hero-trust { padding: 8px 16px !important; margin-bottom: 12px !important; }
    .hero-trust .trust-icon i { font-size: 0.75rem !important; }
    .hero-trust .trust-text { font-size: 0.8rem !important; }

    /* Buttons stacked */
    .hero-cta-row {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 8px !important;
    }
    .hero-btn-wa, .hero-btn-outline {
        padding: 10px 20px !important;
        font-size: 0.8rem !important;
        width: 100% !important;
        text-align: center !important;
        justify-content: center !important;
        border-radius: 8px !important;
    }
    .hero-btn-wa i, .hero-btn-outline i { font-size: 0.9rem !important; }

    /* Stats Marquee */
    .hero-stats-scroll { margin-top: 15px !important; }
    .hs-pill { padding: 6px 12px !important; font-size: 0.7rem !important; }
    .hs-pill strong { font-size: 0.8rem !important; }
}

/* ---- SECTIONS: Uniform Compact Spacing ---- */
@media (max-width: 768px) {
    .container { max-width: 100% !important; padding: 0 12px !important; }

    /* Section Titles */
    .sec-title { margin-bottom: 25px !important; }
    .sec-title h2 { font-size: 1.5rem !important; }
    .sec-title p { font-size: 0.8rem !important; }
    .deco .line { width: 30px !important; }

    /* About / Founder */
    .about-pm-inner {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
        padding: 0 12px !important;
        max-width: 100% !important;
    }
    .apm-img-wrap img { height: 250px !important; border-radius: 12px !important; }
    .apm-img-wrap { border-radius: 12px !important; }
    .apm-corner { display: none !important; }
    .apm-heading { font-size: 1.8rem !important; margin-bottom: 10px !important; }
    .apm-tag { font-size: 0.75rem !important; padding: 5px 12px !important; margin-bottom: 10px !important; }
    .apm-desc { font-size: 0.85rem !important; line-height: 1.6 !important; margin-bottom: 15px !important; }
    .apm-gold-line { margin: 10px 0 !important; }
    .apm-gold-line span { width: 40px !important; height: 2px !important; }
    .apm-courses-box { padding: 15px !important; border-radius: 12px !important; }
    .apm-courses-box h4 { font-size: 1.1rem !important; margin-bottom: 12px !important; }
    .apm-features { grid-template-columns: 1fr !important; gap: 10px !important; }
    .apm-feat i { font-size: 1rem !important; }
    .apm-feat span strong { font-size: 0.9rem !important; }
    .apm-feat span small { font-size: 0.75rem !important; }
    .apm-sig-name { font-size: 1.5rem !important; }
    .apm-sig-role { font-size: 0.6rem !important; letter-spacing: 1px !important; }
    .apm-mini-stats { padding: 12px !important; border-radius: 10px !important; margin-top: 15px !important; }
    .apm-ms-num { font-size: 1.2rem !important; }
    .apm-ms-lbl { font-size: 0.6rem !important; }
    .apm-divider { height: 25px !important; }

    /* Services */
    .srv-premium-grid { grid-template-columns: 1fr !important; gap: 15px !important; }
    .srv-pimg img { height: 180px !important; }
    .srv-pbody { padding: 12px !important; }
    .srv-pbody h3 { font-size: 1rem !important; }
    .srv-pbody p { font-size: 0.8rem !important; }

    /* Courses */
    .courses-full { padding: 30px 0 !important; }
    .crs-grid-full { grid-template-columns: 1fr !important; gap: 15px !important; }
    .crs-card-img img { height: 200px !important; }
    .crs-card-body { padding: 10px !important; }
    .crs-card-body h3 { font-size: 1rem !important; }
    .crs-card-body p { font-size: 0.8rem !important; }
    .crs-btn { font-size: 0.8rem !important; padding: 10px 8px !important; }

    /* Vlogs */
    .vg-grid { grid-template-columns: 1fr !important; gap: 15px !important; }

    /* Gallery */
    .gal-grid { grid-template-columns: 1fr 1fr !important; gap: 8px !important; }

    /* Why Choose Us */
    .why { padding: 30px 0 !important; }
    .why-grid { grid-template-columns: 1fr !important; gap: 15px !important; }

    /* Footer */
    .ft-grid { grid-template-columns: 1fr !important; gap: 20px !important; text-align: center !important; }
    .footer { padding: 30px 0 15px !important; }
    .footer h4 { font-size: 0.95rem !important; }
    .footer p, .footer a, .footer li { font-size: 0.8rem !important; }
    .ft-socials { justify-content: center !important; }

    /* Side Buttons - Hide on mobile */
    .side-btns { display: none !important; }

    /* Contact Form */
    .form-row { grid-template-columns: 1fr !important; }

    /* Slideshow - Hide */
    .about-slideshow, .hero-slideshow { display: none !important; }

    /* Mobile Menu Premium */
    .mob-menu {
        background: linear-gradient(180deg, #0A0705 0%, #1A1209 100%) !important;
    }
    .mob-menu > img { display: none !important; }
    .mob-menu a {
        font-size: 1.2rem !important;
        letter-spacing: 2px !important;
    }
}

/* ---- Extra Small Phones ---- */
@media (max-width: 400px) {
    .hero-sub { font-size: 1.2rem !important; }
    .hero-main { font-size: 1.5rem !important; }
    .hero-meet { font-size: 1.1rem !important; }
    .tb-left a { font-size: 0.6rem !important; }
    .sec-title h2 { font-size: 1.3rem !important; }
    .apm-heading { font-size: 1.5rem !important; }
}

/* =========================================================
   FIX ABOUT SECTION MOBILE (Remove Gap & Fix Photo)
========================================================= */
@media (max-width: 768px) {
    /* Remove the massive gap between Hero marquee and About section */
    .about-premium {
        padding: 40px 0 30px !important; /* Was 140px previously */
    }
    
    /* Make Founder Photo Full and uncropped */
    .apm-img-wrap img {
        height: auto !important; /* Let it scale naturally */
        max-height: 500px !important; /* Don't let it get crazy tall on tablets */
        width: 100% !important;
        object-fit: contain !important; /* Shows the full uncropped photo */
        background: transparent !important;
    }
    .apm-img-wrap {
        background: rgba(10,10,10,0.5) !important; /* Dark bg in case of empty space */
        padding: 10px !important;
    }
}

/* =========================================================
   MOBILE FIXES ROUND 3 (Contact, Logo, Certificate Grid)
========================================================= */
@media (max-width: 768px) {
    /* 1. Navbar Logo Size Increase */
    .nav-brand img { height: 48px !important; min-width: 48px !important; }
    .brand-title { font-size: 1.6rem !important; }
    .brand-sub { font-size: 0.55rem !important; }

    /* 2. Fix 'Why Choose Us' Certificate Grid Cutoff */
    .why-list { 
        grid-template-columns: 1fr !important; /* Stack cards vertically to prevent cutoff */
        gap: 15px !important; 
    }
    
    /* 3. Shrink Huge Contact Us Section */
    .contact { padding: 40px 0 !important; }
    .contact-grid { gap: 30px !important; }
    .contact-info h2 { font-size: 2.2rem !important; margin-bottom: 15px !important; }
    .contact-info > p { font-size: 0.95rem !important; margin-bottom: 25px !important; }
    .contact-form { padding: 25px !important; border-radius: 15px !important; }
    .contact-form h3 { font-size: 1.8rem !important; margin-bottom: 20px !important; }
    .form-group input, .form-group select, .form-group textarea { 
        font-size: 0.9rem !important; 
        padding: 12px 15px !important; 
    }
    .form-group label { font-size: 0.75rem !important; }
    .form-btn { font-size: 0.9rem !important; padding: 12px !important; }
    
    /* 4. Fix Footer Spacing */
    .ft-contact p { font-size: 0.95rem !important; margin-bottom: 12px !important; }
    .ft-brand p { font-size: 0.85rem !important; }
}

/* =========================================================
   CONTACT US - GET IN TOUCH - MOBILE FIX (Shrink Content)
========================================================= */
@media (max-width: 768px) {
    /* Contact section overall padding */
    .contact { padding: 30px 0 !important; }

    /* Stack the two columns */
    .contact-grid { 
        grid-template-columns: 1fr !important; 
        gap: 20px !important; 
    }

    /* Left side - Get In Touch info */
    .contact-info h2 { font-size: 1.6rem !important; margin-bottom: 10px !important; }
    .contact-info > p { font-size: 0.78rem !important; margin-bottom: 12px !important; line-height: 1.4 !important; }

    /* Contact items (address, phone etc.) */
    .c-item { gap: 10px !important; margin-bottom: 10px !important; padding: 10px 12px !important; }
    .c-icon { width: 32px !important; height: 32px !important; min-width: 32px !important; font-size: 0.85rem !important; }
    .c-detail h4 { font-size: 0.78rem !important; margin-bottom: 2px !important; }
    .c-detail p, .c-detail a { font-size: 0.72rem !important; line-height: 1.4 !important; }

    /* Social icons in contact */
    .c-socials { gap: 8px !important; margin-top: 12px !important; }
    .c-socials a { width: 32px !important; height: 32px !important; font-size: 0.8rem !important; }

    /* Right side - Quick Enquiry form */
    .contact-form { padding: 18px !important; border-radius: 12px !important; }
    .contact-form h3 { font-size: 1.3rem !important; margin-bottom: 14px !important; }
    .form-group { margin-bottom: 10px !important; }
    .form-group label { font-size: 0.7rem !important; margin-bottom: 4px !important; }
    .form-group input, .form-group select, .form-group textarea { 
        font-size: 0.78rem !important; 
        padding: 9px 12px !important; 
    }
    .form-group textarea { min-height: 70px !important; }
    .form-submit, .form-btn { 
        font-size: 0.82rem !important; 
        padding: 10px 16px !important; 
    }

    /* Map section */
    .contact-map iframe { height: 200px !important; }
}

/* =========================================================
   CONTACT US - EXTRA SMALL FIX (Mobile Final)
========================================================= */
@media (max-width: 768px) {
    .contact { padding: 20px 0 !important; }
    .contact .container { padding: 0 12px !important; }
    .contact-grid { 
        grid-template-columns: 1fr !important; 
        gap: 16px !important; 
    }
    /* Left info side */
    .contact-info h2 { font-size: 1.4rem !important; margin-bottom: 6px !important; }
    .contact-info > p { font-size: 0.72rem !important; margin-bottom: 10px !important; line-height: 1.4 !important; }
    .c-item { 
        gap: 8px !important; 
        margin-bottom: 8px !important; 
        padding: 8px 10px !important;
    }
    .c-icon { 
        width: 28px !important; height: 28px !important; 
        min-width: 28px !important; font-size: 0.75rem !important; 
    }
    .c-detail h4 { font-size: 0.72rem !important; margin-bottom: 1px !important; }
    .c-detail p, .c-detail a { font-size: 0.68rem !important; line-height: 1.35 !important; }
    .c-socials { gap: 6px !important; margin-top: 8px !important; }
    .c-socials a { width: 28px !important; height: 28px !important; font-size: 0.72rem !important; }

    /* Right form side */
    .contact-form { padding: 14px !important; border-radius: 10px !important; }
    .contact-form h3 { font-size: 1.1rem !important; margin-bottom: 12px !important; }
    .form-group { margin-bottom: 8px !important; }
    .form-group label { font-size: 0.65rem !important; margin-bottom: 3px !important; letter-spacing: 0.5px !important; }
    .form-group input, .form-group select, .form-group textarea { 
        font-size: 0.75rem !important; 
        padding: 8px 10px !important;
        border-radius: 6px !important;
    }
    .form-group textarea { min-height: 60px !important; }
    .form-row { grid-template-columns: 1fr !important; gap: 8px !important; }
    .form-submit, .form-btn { 
        font-size: 0.78rem !important; 
        padding: 9px 14px !important; 
        border-radius: 6px !important;
    }
}

/* =========================================================
   QUICK ENQUIRY FORM - MOBILE FONT SIZE FIX
========================================================= */
@media (max-width: 768px) {
    /* Quick Enquiry heading */
    .contact-form h3 { 
        font-size: 1.2rem !important; 
        margin-bottom: 10px !important; 
        padding-bottom: 8px !important;
    }
    /* Labels - YOUR NAME, PHONE etc */
    .form-group label { 
        font-size: 0.6rem !important; 
        letter-spacing: 0.5px !important;
        margin-bottom: 3px !important;
    }
    /* Input fields */
    .form-group input, 
    .form-group select, 
    .form-group textarea { 
        font-size: 0.72rem !important; 
        padding: 8px 10px !important;
    }
    /* Placeholder text */
    .form-group input::placeholder,
    .form-group textarea::placeholder { 
        font-size: 0.72rem !important; 
    }
    /* Form row gap */
    .form-row { gap: 6px !important; }
    
    /* Submit button */
    .form-submit { 
        font-size: 0.78rem !important; 
        padding: 9px 16px !important; 
    }
}

/* =========================================================
   CONTACT PAGE - DESKTOP SIZE REDUCE (Final Fix)
========================================================= */
.contact { padding: 50px 0 !important; }
.contact-grid { gap: 30px !important; }

/* Get In Touch Left Side */
.contact-info h2 { font-size: 1.7rem !important; margin-bottom: 8px !important; }
.contact-info > p { font-size: 0.78rem !important; margin-bottom: 18px !important; line-height: 1.6 !important; }

/* Contact items - address, phone, email */
.c-item { gap: 10px !important; margin-bottom: 12px !important; }
.c-icon { width: 36px !important; height: 36px !important; }
.c-icon i { font-size: 0.85rem !important; }
.c-detail h4 { font-size: 0.78rem !important; margin-bottom: 2px !important; }
.c-detail p, .c-detail a { font-size: 0.73rem !important; line-height: 1.45 !important; }

/* Social icons */
.c-socials a { width: 32px !important; height: 32px !important; font-size: 0.78rem !important; }
.c-socials { gap: 8px !important; margin-top: 14px !important; }

/* Quick Enquiry Form Right Side */
.contact-form { padding: 22px !important; border-radius: 10px !important; }
.contact-form h3 { font-size: 1.1rem !important; margin-bottom: 14px !important; padding-bottom: 10px !important; }
.form-group { margin-bottom: 10px !important; }
.form-group label { font-size: 0.62rem !important; margin-bottom: 4px !important; }
.form-group input, .form-group select, .form-group textarea {
    padding: 9px 12px !important;
    font-size: 0.78rem !important;
    border-radius: 6px !important;
}
.form-group textarea { min-height: 70px !important; }
.form-submit {
    padding: 10px 14px !important;
    font-size: 0.7rem !important;
    border-radius: 6px !important;
}

/* =========================================================
   COURSE CARD IMAGES - FULL SHOW FIX (No Cropping)
========================================================= */
.crs-card-img {
    height: 220px !important;
    overflow: hidden !important;
    position: relative !important;
}
.crs-card-img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center top !important;
    transition: transform 0.5s !important;
}
.crs-card-3d:hover .crs-card-img img {
    transform: scale(1.04) !important;
}

@media (max-width: 768px) {
    .crs-card-img { height: 180px !important; }
}

/* =========================================================
   NAVBAR BRAND - PROFESSIONAL LOOK FIX
========================================================= */
.nav-brand img {
    height: 62px !important;
    width: auto !important;
}
.brand-title {
    font-family: var(--sc) !important;
    font-size: 1.35rem !important;
    color: var(--gold) !important;
    font-weight: normal !important;
    letter-spacing: 0.5px !important;
}
.brand-sub {
    font-family: var(--bd) !important;
    font-size: 0.48rem !important;
    font-weight: 900 !important;
    color: var(--gold) !important;
    text-transform: uppercase !important;
    letter-spacing: 5px !important;
    margin-top: 2px !important;
    opacity: 0.85 !important;
}

@media (max-width: 768px) {
    .nav-brand img { height: 50px !important; }
    .brand-title { font-size: 1.2rem !important; }
    .brand-sub { font-size: 0.42rem !important; letter-spacing: 4px !important; }
}

/* =========================================================
   COURSE CARD - FIX IMAGE CUT + TAG BELOW IMAGE
========================================================= */

/* Make image taller so full face is visible */
.crs-card-img {
    height: 260px !important;
    overflow: hidden !important;
    position: relative !important;
    border-radius: 16px 16px 0 0 !important;
}
.crs-card-img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center 20% !important;
    display: block !important;
}

/* Move tag badge to BOTTOM of image (not overlapping face) */
.crs-tag {
    position: absolute !important;
    top: auto !important;
    bottom: 12px !important;
    left: 14px !important;
    right: auto !important;
    z-index: 5 !important;
    font-size: 0.6rem !important;
    padding: 4px 10px !important;
    border-radius: 4px !important;
}

/* Reduce body padding slightly */
.crs-body-premium {
    padding: 18px 22px !important;
}
.crs-body-premium h4 {
    font-size: 1.3rem !important;
    margin-bottom: 4px !important;
}

@media (max-width: 768px) {
    .crs-card-img { height: 200px !important; }
}

/* =========================================================
   ABOUT SECTION - BIG PORTRAIT PHOTO FIX
========================================================= */
.apm-img-wrap {
    height: 550px !important;
    overflow: hidden !important;
    border-radius: 16px !important;
}
.apm-img-wrap img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center top !important;
}
.about-slideshow { display: none !important; }

@media (max-width: 768px) {
    .apm-img-wrap { height: 380px !important; }
}

/* =========================================================
   NAVBAR BRAND - NEW LOGO + BLACK TEXT STYLE
========================================================= */
.nav-brand img {
    height: 58px !important;
    width: auto !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
}
.brand-title {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 1.0rem !important;
    color: #1a1a1a !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
}
.brand-sub {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.38rem !important;
    font-weight: 600 !important;
    color: var(--gold) !important;
    text-transform: uppercase !important;
    letter-spacing: 4px !important;
    margin-top: 1px !important;
    opacity: 1 !important;
}

@media (max-width: 768px) {
    .nav-brand img { height: 46px !important; }
    .brand-title { font-size: 0.85rem !important; }
    .brand-sub { font-size: 0.32rem !important; letter-spacing: 3px !important; }
}

/* =========================================================
   NAVBAR - TRANSPARENT LOGO + BLACK TEXT FINAL
========================================================= */
.nav-brand img {
    height: 58px !important;
    width: auto !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    mix-blend-mode: multiply !important;
}
.brand-title {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 1.0rem !important;
    color: #111111 !important;
    font-weight: 800 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
}
.brand-sub {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.38rem !important;
    font-weight: 700 !important;
    color: #111111 !important;
    text-transform: uppercase !important;
    letter-spacing: 4px !important;
    margin-top: 1px !important;
    opacity: 0.7 !important;
}

/* =========================================================
   HERO SECTION - BACKGROUND IMAGE FIX
========================================================= */
.hero {
    background: url('hero-bg-new.png') center right/cover no-repeat !important;
}

/* Ensure the overlay allows the image to be seen nicely */
.hero-overlay {
    background: linear-gradient(to right, rgba(17,17,17,0.95) 0%, rgba(17,17,17,0.85) 40%, rgba(17,17,17,0.2) 100%) !important;
}

@media (max-width: 768px) {
    .hero {
        background-position: 70% center !important;
    }
    .hero-overlay {
        background: linear-gradient(to bottom, rgba(17,17,17,0.8) 0%, rgba(17,17,17,0.95) 100%) !important;
    }
}

/* =========================================================
   HERO TEXT & BACKGROUND OVERLAY - BRIGHTER FIX
========================================================= */
/* Make typewriter text Bright White with a nice glow */
.hero-main, .typewriter-wrap {
    color: #ffffff !important;
    text-shadow: 0 4px 15px rgba(0,0,0,0.6) !important;
}

/* Lighter Overlay - Less Black, More Transparent */
.hero-overlay {
    background: linear-gradient(to right, rgba(17,17,17,0.7) 0%, rgba(17,17,17,0.5) 40%, rgba(17,17,17,0.1) 100%) !important;
}

@media (max-width: 768px) {
    .hero-overlay {
        background: linear-gradient(to bottom, rgba(17,17,17,0.5) 0%, rgba(17,17,17,0.85) 100%) !important;
    }
}

/* =========================================================
   SERVICE CARDS - TEXT FIX (White visible) + Circle Fix
========================================================= */
.srv-card h4 {
    color: #1a1a1a !important;
    font-weight: 700 !important;
    font-size: 0.95rem !important;
    margin: 10px 0 4px !important;
}
.srv-card p {
    color: #555 !important;
    font-size: 0.78rem !important;
}
/* Overlay text on circle image */
.srv-img {
    position: relative !important;
    overflow: hidden !important;
}
.srv-img span, .srv-img .srv-label {
    position: absolute !important;
    bottom: 0 !important;
    left: 0; right: 0 !important;
    background: linear-gradient(transparent, rgba(0,0,0,0.75)) !important;
    color: #fff !important;
    font-size: 0.65rem !important;
    font-weight: 700 !important;
    text-align: center !important;
    padding: 8px 4px 4px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

/* =========================================================
   NAVBAR BRAND TEXT - BOTH BLACK (FINAL)
========================================================= */
.brand-title {
    color: #111111 !important;
}
.brand-sub {
    color: #111111 !important;
    opacity: 0.65 !important;
}