*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
:root{
  --dark:    #071c15;
  --dark2:   #0c2415;
  --dark3:   #0f2d1c;
  --gold:    #d0a65c;
  --gold2:   #cfb06d;
  --gold-dim: rgba(208,166,92,0.18);
  --cream:   #faf7f0;
  --cream2:  #f4efe4;
  --white:   #ffffff;
  --txt:     #000;
  --txt2:    #333;
  --border:  rgba(208,166,92,0.22);
  --font-d:  'Cormorant Garamond',serif;
  --font-b:  'Jost',sans-serif;
  --px: 80px;
}
html{scroll-behavior:smooth;}
body{font-family:var(--font-b);background:var(--cream);color:var(--txt);overflow-x:hidden; font-size:15px;}

/* ── SCROLLBAR ── */
::-webkit-scrollbar{width:5px;}
::-webkit-scrollbar-track{background:var(--dark);}
::-webkit-scrollbar-thumb{background:var(--gold);border-radius:4px;}

/* ════════════════════════════════
   NAV
════════════════════════════════ */
nav{
  position:fixed;top:0;left:0;right:0;z-index:1000;
  display:flex;align-items:center;justify-content:space-between;
  padding:0 var(--px);height:72px;
  background:rgba(7,28,21,0.97);backdrop-filter:blur(16px);
  border-bottom:1px solid var(--border);
  transition:height .3s,box-shadow .3s;
}
nav.scrolled{height:62px;box-shadow:0 4px 40px rgba(0,0,0,.4);}
.nav-logo{display:flex;align-items:center;gap:12px;text-decoration:none;flex-shrink:0; position:relative;}
.logo-box{
  width:46px;height:46px;border:1.5px solid var(--gold);border-radius:6px;
  display:flex;align-items:center;justify-content:center; 
}
.custom-logo-link{ /* Dark green background */
    background:
        radial-gradient(circle at top center,
            rgba(16,80,55,.45) 0%,
            rgba(4,30,20,.9) 50%,
            #02110d 100%);

    /* Outer shadow */
    box-shadow:
        0 25px 40px rgba(0,0,0,.45),
        inset 0 0 25px rgba(255,215,120,.08);position:absolute; border-radius:0 0 15px 15px; padding:10px; top:0; border:solid 1px #675220; border-top:none; }
.custom-logo-link img{ max-height:120px; width:auto;}

.logo-box svg{width:28px;height:28px;}
.logo-txt{color:var(--gold);font-size:11.5px;letter-spacing:3px;text-transform:uppercase;line-height:1.3;}
.logo-sub{color:rgba(208,166,92,.5);font-size:7.5px;letter-spacing:2px;}
.nav-links{display:flex;align-items:center;gap:35px;list-style:none; margin:0}
.nav-links a{
  color:rgba(255,255,255,.75);text-decoration:none;font-size:16px; font-weight:500;
  letter-spacing:.4px;transition:color .2s;position:relative;padding-bottom:3px;
}
.nav-links li{ position:relative;}
.nav-links a::after{content:'';position:absolute;bottom:0;left:0;width:0;height:1px;background:var(--gold);transition:width .3s;}
.nav-links a:hover,.nav-links a.active{color:var(--white);}
.nav-links a:hover::after,.nav-links a.active::after{width:100%;}
.nav-links a.active{color:var(--gold);}
.nav-cta{
  display:inline-flex;align-items:center;gap:10px;
  border:1.5px solid var(--gold);color:var(--gold);
  padding:8px 18px;border-radius:30px;
  font-size:13px;font-weight:500;letter-spacing:.5px;
  text-decoration:none;transition:all .3s;white-space:nowrap;
}
.nav-cta:hover{background:var(--gold);color:var(--dark);}
.nav-cta .ac{
  width:22px;height:22px;border-radius:50%;background:var(--gold);
  display:flex;align-items:center;justify-content:center;transition:all .3s;
}
.nav-cta:hover .ac{background:var(--dark);}
.nav-cta .ac svg,.nav-cta:hover .ac svg{width:10px;height:10px;}
.nav-cta .ac svg{stroke:var(--dark);}
.nav-cta:hover .ac svg{stroke:var(--gold);}


nav ul li ul.sub-menu li.menu-item-has-children > a::after {content: "\F282";
font-family:'bootstrap-icons';
margin-left: 2px;
display: inline-block;
transition: transform .3s ease;}

nav ul li ul.sub-menu li.menu-item-has-children:hover > a::after {
transform: none;
}

nav ul  li ul.sub-menu {margin: 0;    padding:0px 0; position: absolute; z-index: 0;   width:250px;top: 50px; left:-50px;  box-shadow: ;  transform-origin: top;  -webkit-transform-origin: top;-moz-transform-origin: top;   visibility: hidden; opacity: 0; background: var(--dark); color:#000;  transition:ease-in .5s;  justify-content:space-between; align-items:stretch ;     padding: 15px 20px;  box-shadow: 0 3px 6px #00000014;   transform: translateY(15px);  transition: .5s ease; pointer-events: none; flex-flow: row wrap; border-radius: 20px;}
nav ul li:hover ul.sub-menu {opacity: 1;visibility: visible; transform: translateY(0px); z-index:99; pointer-events: auto; }
nav ul li ul.sub-menu  li{ width:100%; float:left; margin:2px 0; border-bottom:solid 0px #eee; font-size: 16px;}
nav ul li ul.sub-menu  li:last-child{ border:none;}
nav ul li ul.sub-menu  li a::after{ display:none;}
nav ul li ul.sub-menu  li a{ font-size:15px;}
nav ul li ul.sub-menu::before {
   content: "";
    position: absolute;
    left: 50px;
    top: -25px;
    width: 200px;
    height: 20px;
    border: 20px solid transparent;
    border-bottom-color: transparent;
    transition: .5s ease
}






/* hamburger */
.hbg{display:none;flex-direction:column;gap:5px;cursor:pointer;background:none;border:none;padding:4px;}
.hbg span{display:block;width:24px;height:2px;background:var(--gold);border-radius:2px;transition:all .3s;}
.hbg.open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.hbg.open span:nth-child(2){opacity:0;}
.hbg.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
.mob-nav{
  display:none;position:fixed;top:72px;left:0;right:0;z-index:999;
  background:rgba(7,28,21,.98);padding:24px var(--px);
  flex-direction:column;border-bottom:1px solid var(--border);
}
.mob-nav.open{display:flex;}
.mob-nav a, .mob-nav ul li a{color:rgba(255,255,255,.8);text-decoration:none;font-size:15px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.06);transition:color .2s; display:block;}
.mob-nav a:hover{color:var(--gold);}
.mob-cta{
  margin-top:20px;display:inline-flex;align-items:center;gap:10px;
  border:1.5px solid var(--gold);color:var(--gold);
  padding:12px 22px;border-radius:30px;font-size:14px;font-weight:500;
  width:fit-content;text-decoration:none;
}

/* ════════════════════════════════
   SHARED UTILS
════════════════════════════════ */
.eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:14px;}
.eyebrow .el{width:22px;height:2px;background:var(--gold);flex-shrink:0;}
.eyebrow span{color:var(--gold);font-size:10.5px;font-weight:500;letter-spacing:4px;text-transform:uppercase;}
.h2{font-family:var(--font-d);font-size:clamp(34px,4vw,54px);font-weight:400;color:var(--dark);line-height:1.1;margin-bottom:18px;}
.h2 .hl{color:var(--gold);font-style:italic;}
.h2.wh{color:var(--white);}

/* Buttons */
.btn-gold{
  display:inline-flex;align-items:center;gap:12px;
  background:var(--gold);color:var(--dark);
  padding:13px 26px;border-radius:4px;
  font-family:var(--font-b);font-size:13px;font-weight:600;letter-spacing:.5px;
  text-decoration:none;cursor:pointer;border:1.5px solid var(--gold);transition:all .3s;
}
.btn-gold:hover{background:transparent;color:var(--gold);}
.btn-outline{
  display:inline-flex;align-items:center;gap:12px;
  background:transparent;color:var(--dark);
  border:1.5px solid var(--dark);
  padding:12px 22px;border-radius:4px;
  font-family:var(--font-b);font-size:13px;font-weight:500;letter-spacing:.5px;
  text-decoration:none;cursor:pointer;transition:all .3s;
}
.btn-outline:hover{background:var(--dark);color:var(--white);}
.btn-outline-wh{
  display:inline-flex;align-items:center;gap:12px;
  background:transparent;color:var(--white);
  border:1.5px solid rgba(255,255,255,.4);
  padding:12px 22px;border-radius:4px;
  font-family:var(--font-b);font-size:13px;font-weight:500;
  text-decoration:none;cursor:pointer;transition:all .3s;
}
.btn-outline-wh:hover{border-color:var(--gold);color:var(--gold);}
.ba{
  width:28px;height:28px;border-radius:50%;border:1.5px solid currentColor;
  display:flex;align-items:center;justify-content:center;flex-shrink:0;opacity:.5;
  transition:opacity .3s;
}
.btn-gold .ba{border-color:rgba(7,28,21,.35);}
.btn-gold:hover .ba,.btn-outline:hover .ba,.btn-outline-wh:hover .ba{opacity:1;}
.ba svg{width:11px;height:11px;stroke:currentColor;}

/* ════════════════════════════════
   HERO SLIDER
════════════════════════════════ */
.hero{
  position:relative;min-height:100vh;overflow:hidden;
  display:flex;align-items:center;background:var(--dark);
}
.slide{
  position:absolute;inset:0;opacity:0;transition:opacity 1s ease;
  display:flex;align-items:center;
}
.slide.active{opacity:1;}
.slide-bg{
  position:absolute;inset:0;background-size:cover;background-position:center;
  transform:scale(1.08);transition:transform 7s ease;
}
.slide.active .slide-bg{transform:scale(1);}
.slide-overlay{position:absolute;inset:0;background:linear-gradient(105deg,rgba(7,28,21,.93) 38%,rgba(7,28,21,.3) 100%);}
.slide-content{
  position:relative;z-index:2;
  padding:140px var(--px) 100px;
  max-width:640px;
  opacity:0;transform:translateY(28px);
  transition:opacity .7s .3s,transform .7s .3s;
}
.slide.active .slide-content{opacity:1;transform:translateY(0);}
.slide-content h1{
  font-family:var(--font-d);font-size:clamp(40px,6vw,76px);
  font-weight:300;color:var(--white);line-height:1.04;margin-bottom:20px;
}
.slide-content h1 em{color:var(--gold);font-style:italic;}
.slide-content p{color:rgba(255,255,255,1);font-size:18px;font-weight:300;line-height:1.85;margin-bottom:38px;max-width:500px;}
.slide-btns{display:flex;align-items:center;gap:16px;flex-wrap:wrap;}

/* hero controls */
.hero-scroll{
  position:absolute;bottom:44px;left:var(--px);z-index:5;
  display:flex;align-items:center;gap:10px;
}
.sdot{width:10px;height:10px;border:1.5px solid var(--gold);border-radius:50%;position:relative;}
.sdot::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:4px;height:4px;background:var(--gold);border-radius:50%;animation:blink 2s infinite;}
@keyframes blink{0%,100%{opacity:1;transform:translate(-50%,-50%) scale(1)}50%{opacity:.3;transform:translate(-50%,-50%) scale(.5)}}
.sline{width:1px;height:50px;background:linear-gradient(to bottom,var(--gold),transparent);}
.slabel{color:rgba(255,255,255,.45);font-size:10px;letter-spacing:3px;text-transform:uppercase;writing-mode:vertical-lr;}

.hero-ctrl{
  position:absolute;bottom:44px;right:var(--px);z-index:5;
  display:flex;align-items:center;gap:14px;
}
.hero-dots{display:flex;gap:8px;}
.hero-dot{
  width:8px;height:8px;border-radius:50%;
  background:rgba(255,255,255,.3);cursor:pointer;
  transition:all .3s;border:none;
}
.hero-dot.active{background:var(--gold);transform:scale(1.2);}
.ctrl-btn{
  width:44px;height:44px;border-radius:50%;
  border:1.5px solid var(--gold);display:flex;align-items:center;justify-content:center;
  cursor:pointer;background:transparent;transition:all .3s;
}
.ctrl-btn:hover{background:var(--gold);}
.ctrl-btn svg{width:16px;height:16px;stroke:var(--gold);transition:stroke .3s;}
.ctrl-btn:hover svg{stroke:var(--dark);}

/* hero progress bar */
.hero-progress{
  position:absolute;top:0;left:0;height:3px;background:var(--gold);
  width:0;z-index:6;transition:width 0s;
}
.hero-progress.anim{transition:width 5s linear;}

/* ════════════════════════════════
   ABOUT
════════════════════════════════ */
.about{
  background:var(--cream);
  display:grid;grid-template-columns:1fr 1fr;
  gap:72px;align-items:center;
  padding:96px var(--px);
}
.about-imgs{position:relative;height:500px;}
.about-img-main{
  width:78%;height:420px;object-fit:cover;
  border-radius:4px;position:absolute;top:0;left:0;
}
.about-badge{
  position:absolute;bottom:0;right:0;
  width:155px;height:155px;
  background:var(--dark);border-radius:4px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  border:1px solid var(--border);
}
.about-badge svg{color:var(--gold);margin-bottom:6px;}
.about-badge .bnum{font-family:var(--font-d);font-size:36px;color:var(--white);line-height:1;display:flex;align-items:baseline;gap:2px;}
.about-badge .bnum sup{color:var(--gold);font-size:20px;}
.about-badge .blbl{color:rgba(255,255,255,.55);font-size:11px;letter-spacing:.5px;text-align:center;margin-top:4px;}
.about-feats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:32px;}
.feat{text-align:center;padding:16px 8px;border-radius:4px;background:var(--cream2);transition:background .3s;}
.feat:hover{background:var(--gold-dim);}
.feat svg{width:32px;height:32px;stroke:var(--gold);margin-bottom:10px;}
.feat-lbl{font-size:16px;font-weight:500;color:var(--dark);line-height:1.4;}
.about-txt p{color:var(--txt2);font-size:18px;line-height:1.9;margin-bottom:28px;}

/* ════════════════════════════════
   STATS
════════════════════════════════ */
.stats{
  background:var(--dark2);padding:0 var(--px);
  display:grid;grid-template-columns:repeat(4,1fr);
  border-top:1px solid var(--border);border-bottom:1px solid var(--border);
}
.stat{
  display:flex;align-items:center;gap:16px;
  padding:36px 24px;
  border-right:1px solid rgba(255,255,255,.07);
  transition:background .3s;
}
.stat:hover{background:rgba(208,166,92,.05);}
.stat:first-child{padding-left:0;}
.stat:last-child{border-right:none;}
.stat-ic{width:44px;height:44px;color:var(--gold);flex-shrink:0;}
.stat-num{font-family:var(--font-d);font-size:38px;color:var(--white);line-height:1;}
.stat-num sup{color:var(--gold);font-size:22px;}
.stat-lbl{color:rgba(255,255,255,.45);font-size:12px;letter-spacing:.5px;margin-top:2px;}

/* ════════════════════════════════
   SERVICES
════════════════════════════════ */
.services{background:var(--cream);padding:96px var(--px);}
.sec-hdr{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:52px;gap:20px;flex-wrap:wrap;}
.sec-hdr .h2{margin-bottom:0;}
.svc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.svc-card{
  position:relative;border-radius:6px;overflow:hidden;
  height:320px;cursor:pointer;transition:transform .4s;
}
.svc-card:hover{transform:translateY(-7px);}
.svc-card img{width:100%;height:100%;object-fit:cover;transition:transform .6s;}
.svc-card:hover img{transform:scale(1.07);}
.svc-ov{position:absolute;inset:0;background:linear-gradient(to top,rgba(7,28,21,.92) 0%,rgba(7,28,21,.15) 55%,transparent 100%);}
.svc-bot{position:absolute;bottom:0;left:0;right:0;padding:22px 20px;}
.svc-bot svg{stroke:var(--gold);margin-bottom:8px;}
.svc-name{font-family:var(--font-d);font-size:22px;color:var(--white);line-height:1.2;padding-right:36px;}
.svc-arr{
  position:absolute;bottom:20px;right:18px;
  width:32px;height:32px;border-radius:50%;
  border:1.5px solid rgba(255,255,255,.35);
  display:flex;align-items:center;justify-content:center;
  transition:all .3s;
}
.svc-card:hover .svc-arr{background:var(--gold);border-color:var(--gold);}
.svc-arr svg{width:12px;height:12px;stroke:var(--white);}
.svc-card:hover .svc-arr svg{stroke:var(--dark);}

/* ════════════════════════════════
   PROCESS
════════════════════════════════ */
.process{background:var(--dark);padding:96px var(--px);}
.process .h2{color:var(--white);}
.process .eyebrow .el{background:var(--gold);}
.proc-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:0;position:relative;margin-top:56px;}
.proc-steps::before{
  content:'';position:absolute;top:28px;left:5%;right:5%;
  border-top:2px dashed rgba(208,166,92,.25);z-index:0;
}
.proc-step{text-align:center;position:relative;z-index:1;padding:0 10px;}
.proc-ic{
  width:56px;height:56px;border-radius:50%;
  border:1.5px solid var(--gold);background:var(--dark);
  display:flex;align-items:center;justify-content:center;
  margin:0 auto 20px;transition:all .3s;
}
.proc-step:hover .proc-ic{background:var(--gold);}
.proc-ic svg{width:22px;height:22px;stroke:var(--gold);transition:stroke .3s;}
.proc-step:hover .proc-ic svg{stroke:var(--dark);}
.proc-num{
  position:absolute;top:-10px;left:50%;transform:translateX(12px);
  width:20px;height:20px;border-radius:50%;background:var(--gold);
  color:var(--dark);font-size:10px;font-weight:700;
  display:flex;align-items:center;justify-content:center;
}
.proc-title{font-family:var(--font-d);font-size:24px;color:var(--white);margin-bottom:10px;font-weight:500;}
.proc-desc{color:rgba(255,255,255,.9);font-size:18px;line-height:1.7;}

/* ════════════════════════════════
   PORTFOLIO / WORK
════════════════════════════════ */
.work{background:var(--cream2);padding:96px var(--px);}
.work-tabs{display:flex;gap:0;margin-bottom:40px;border-bottom:1px solid rgba(0,0,0,.1);flex-wrap:wrap;}
.wtab{
  padding:12px 22px;font-size:13px;font-weight:500;color:var(--txt2);
  cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;
  background:none;border-top:none;border-left:none;border-right:none;
  font-family:var(--font-b);letter-spacing:.5px;transition:all .2s;
}
.wtab.active,.wtab:hover{color:var(--gold);border-bottom-color:var(--gold);}
.work-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  grid-template-rows:auto;
  gap:16px;
}
.work-item{
  position:relative;border-radius:6px;overflow:hidden;cursor:pointer;
}
.work-item:nth-child(1){grid-column:span 2;height:340px;}
.work-item:nth-child(2){height:340px;}
.work-item:nth-child(3){height:260px;}
.work-item:nth-child(4){height:260px;}
.work-item:nth-child(5){height:260px;}
.work-item img{width:100%;height:100%;object-fit:cover;transition:transform .6s;}
.work-item:hover img{transform:scale(1.07);}
.work-ov{
  position:absolute;inset:0;
  background:rgba(7,28,21,0);
  display:flex;align-items:center;justify-content:center;
  transition:background .4s;
}
.work-item:hover .work-ov{background:rgba(7,28,21,.65);}
.work-label{
  color:var(--white);font-family:var(--font-d);font-size:22px;
  opacity:0;transform:translateY(12px);
  transition:all .35s;text-align:center;padding:0 20px;
}
.work-item:hover .work-label{opacity:1;transform:translateY(0);}

/* ════════════════════════════════
   TESTIMONIALS
════════════════════════════════ */
.testi{background:var(--dark);padding:96px var(--px);}
.testi .eyebrow .el{background:var(--gold);}
.testi .h2{color:var(--white);}
.testi-wrap{position:relative;overflow:hidden;margin-top:48px;}
.testi-track{
  display:flex;gap:24px;
  transition:transform .5s cubic-bezier(.4,0,.2,1);
}
.testi-card{
  min-width:calc(33.333% - 16px);
  background:rgba(255,255,255,.04);
  border:1px solid rgba(208,166,92,.12);
  border-radius:6px;padding:36px 32px;
  flex-shrink:0;transition:border-color .3s;
}
.testi-card:hover{border-color:rgba(208,166,92,.35);}
.testi-stars{display:flex;gap:4px;margin-bottom:20px;}
.testi-stars svg{width:16px;height:16px;fill:var(--gold);stroke:none;}
.testi-quote{
  color:rgba(255,255,255,.72);font-size:14.5px;line-height:1.8;
  margin-bottom:28px;font-style:italic;font-family:var(--font-d);font-size:18px;
}
.testi-auth{display:flex;align-items:center;gap:14px;}
.testi-av{
  width:46px;height:46px;border-radius:50%;overflow:hidden;
  flex-shrink:0;border:2px solid var(--gold);
}
.testi-av img{width:100%;height:100%;object-fit:cover;}
.testi-name{color:var(--white);font-size:14px;font-weight:500;}
.testi-role{color:rgba(255,255,255,.4);font-size:12px;margin-top:2px;}
.testi-nav{display:flex;align-items:center;justify-content:space-between;margin-top:36px;}
.testi-dots{display:flex;gap:8px;}
.tdot{
  width:8px;height:8px;border-radius:50%;
  background:rgba(255,255,255,.2);cursor:pointer;transition:all .3s;border:none;
}
.tdot.active{background:var(--gold);transform:scale(1.2);}
.tnav-btns{display:flex;gap:12px;}
.tnav{
  width:42px;height:42px;border-radius:50%;
  border:1.5px solid rgba(208,166,92,.4);
  display:flex;align-items:center;justify-content:center;
  cursor:pointer;background:transparent;transition:all .3s;
}
.tnav:hover{border-color:var(--gold);background:var(--gold);}
.tnav svg{width:15px;height:15px;stroke:var(--gold);transition:stroke .3s;}
.tnav:hover svg{stroke:var(--dark);}

/* ════════════════════════════════
   WHY CHOOSE
════════════════════════════════ */
.why{
  background:var(--cream);padding:96px var(--px);
  display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center;
}
.why-list{list-style:none;display:flex;flex-direction:column;gap:0;margin-bottom:36px;}
.why-item{
  display:flex;align-items:flex-start;gap:16px;
  padding:18px 0;
  border-bottom:1px solid rgba(0,0,0,.07);
  cursor:default;
}
.why-item:last-child{border-bottom:none;}
.why-ic{
  width:40px;height:40px;border-radius:50%;border:1.5px solid var(--gold);
  display:flex;align-items:center;justify-content:center;flex-shrink:0;
  background:var(--gold-dim);transition:all .3s;
}
.why-item:hover .why-ic{background:var(--gold);}
.why-ic svg{width:18px;height:18px;stroke:var(--gold);transition:stroke .3s;}
.why-item:hover .why-ic svg{stroke:var(--dark);}
.why-itxt strong{display:block;font-size:20px;font-weight:600;color:var(--dark);margin-bottom:4px;}
.why-itxt span{color:var(--txt2);font-size:16px;line-height:1.6;}
.why-img{position:relative;height:560px;}
.why-img img{width:85%;height:100%;object-fit:cover;border-radius:4px;}
.why-img-accent{
  position:absolute;top:50px;right:0;
  width:180px;height:220px;
  background:var(--dark);border-radius:4px;
  overflow:hidden;border:3px solid var(--cream);
}
.why-img-accent img{width:100%;height:100%;object-fit:cover;}
.why-tag{
  position:absolute;bottom:30px;left:0;
  background:var(--dark);border:1px solid var(--border);
  border-radius:4px;padding:16px 20px;
  display:flex;align-items:center;gap:12px;
}
.why-tag svg{width:24px;height:24px;stroke:var(--gold);}
.why-tag-txt strong{display:block;color:var(--white);font-size:13px;font-weight:500;}
.why-tag-txt span{color:rgba(255,255,255,.45);font-size:11px;}

/* ════════════════════════════════
   FAQ
════════════════════════════════ */
.faq{background:var(--dark2);padding:96px var(--px);}
.faq .eyebrow .el{background:var(--gold);}
.faq-inner{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:start;}
.faq-left .h2{color:var(--white);}
.faq-left p{color:rgba(255,255,255,.9);font-size:18px;line-height:1.85;margin-bottom:32px;}
.faq-items{display:flex;flex-direction:column;}
.faq-item{border-bottom:1px solid rgba(255,255,255,.07);}
.faq-q{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:18px 0;cursor:pointer;
  color:rgba(255,255,255,.9);font-size:20px;line-height:1.5;
  transition:color .2s;user-select:none;
}
.faq-q:hover{color:var(--gold);}
.faq-q.open{color:var(--gold);}
.faq-tog{
  width:26px;height:26px;border-radius:50%;
  border:1.5px solid rgba(208,166,92,.4);
  display:flex;align-items:center;justify-content:center;flex-shrink:0;
  transition:all .3s;
}
.faq-q.open .faq-tog{background:var(--gold);border-color:var(--gold);}
.faq-tog .plus{transition:transform .3s;}
.faq-q.open .faq-tog .plus{transform:rotate(45deg);}
.faq-tog svg{width:12px;height:12px;stroke:rgba(208,166,92,.8);transition:stroke .3s;}
.faq-q.open .faq-tog svg{stroke:var(--dark);}
.faq-ans{
  max-height:0;overflow:hidden;
  color:rgba(255,255,255,.9);font-size:17px;line-height:1.8;
  transition:max-height .4s ease,padding .3s;
}
.faq-ans.open{max-height:200px;padding-bottom:18px;}

/* ════════════════════════════════
   BLOG
════════════════════════════════ */
.blog{background:var(--cream);padding:96px var(--px);}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:48px;}
.blog-card{background:var(--white);border-radius:6px;overflow:hidden;transition:transform .3s,box-shadow .3s;}
.blog-card:hover{transform:translateY(-5px);box-shadow:0 16px 48px rgba(7,28,21,.1);}
.blog-img{height:210px;overflow:hidden;}
.blog-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s;}
.blog-card:hover .blog-img img{transform:scale(1.06);}
.blog-body{padding:24px 22px;}
.blog-cat{
  display:inline-block;background:var(--gold-dim);
  color:var(--gold);font-size:10.5px;letter-spacing:2px;text-transform:uppercase;
  padding:4px 10px;border-radius:30px;margin-bottom:12px;font-weight:500;
}
.blog-title{font-family:var(--font-d);font-size:22px;color:var(--dark);line-height:1.3;margin-bottom:10px;}
.blog-desc{color:var(--txt2);font-size:13px;line-height:1.7;margin-bottom:18px;}
.blog-meta{display:flex;align-items:center;justify-content:space-between;}
.blog-date{color:var(--txt2);font-size:12px;}
.blog-link{
  display:flex;align-items:center;gap:6px;
  color:var(--gold);font-size:12.5px;font-weight:500;text-decoration:none;transition:gap .2s;
}
.blog-link:hover{gap:10px;}
.blog-link svg{width:13px;height:13px;stroke:var(--gold);}

/* ════════════════════════════════
   CTA BAND
════════════════════════════════ */
.ctaband{
  background:var(--dark);padding:64px var(--px);
  display:flex;align-items:center;justify-content:space-between;gap:32px;
  flex-wrap:wrap;
  border-top:1px solid var(--border);
  position:relative;overflow:hidden;
}
.ctaband::before{
  content:'';position:absolute;top:-100px;right:-100px;
  width:400px;height:400px;border-radius:50%;
  background:radial-gradient(circle,rgba(208,166,92,.08) 0%,transparent 70%);
  pointer-events:none;
}
.ctaband-l{display:flex;align-items:center;gap:22px;}
.ctaband-ic{
  width:56px;height:56px;border-radius:50%;
  border:1.5px solid var(--gold);
  display:flex;align-items:center;justify-content:center;flex-shrink:0;
}
.ctaband-ic svg{width:22px;height:22px;stroke:var(--gold);}
.ctaband-l h3{font-family:var(--font-d);font-size:clamp(22px,2.5vw,32px);font-weight:300;color:var(--white);}

/* ════════════════════════════════
   FOOTER
════════════════════════════════ */
footer{background:var(--dark);padding:72px var(--px) 28px;}
.foot-top{
  display:grid;grid-template-columns:1.8fr 1fr 1fr 1fr 1.5fr;
  gap:44px;padding-bottom:56px;
  border-bottom:1px solid rgba(255,255,255,.07);
}
.foot-brand p{color:rgba(255,255,255,.8);font-size:16px;line-height:1.8;margin:16px 0 22px;}
.socials{display:flex;gap:10px;}
.soc{
  width:35px;height:35px;border-radius:50%;
  border:1px solid rgba(255,255,255,.12);
  display:flex;align-items:center;justify-content:center;
  color:rgba(255,255,255,.45);font-size:12px;font-weight:600;
  text-decoration:none;transition:all .3s;
}
.soc:hover{border-color:var(--gold);color:var(--gold);}
.foot-col h4{color:var(--white);font-size:12px;font-weight:500;letter-spacing:2px;text-transform:uppercase;margin-bottom:20px;}
.foot-col ul{list-style:none;display:flex;flex-direction:column;gap:10px; padding:0;}
.foot-col ul a{color:rgba(255,255,255,.8);font-size:16px;text-decoration:none;transition:color .2s;}
.foot-col ul a:hover{color:var(--gold);}
.fcontact-item{display:flex;align-items:flex-start;gap:10px;margin-bottom:14px;}
.fcontact-item svg{width:15px;height:15px;stroke:var(--gold);flex-shrink:0;margin-top:2px;}
.fcontact-item span{color:rgba(255,255,255,.8);font-size:16px;line-height:1.5;}
.nl-desc{color:rgba(255,255,255,.4);font-size:13px;line-height:1.6;margin-bottom:16px;}
.nl-form{display:flex;}
.nl-inp{
  flex:1;min-width:0;
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);
  border-right:none;color:var(--white);
  padding:11px 14px;font-family:var(--font-b);font-size:13px;outline:none;
  border-radius:3px 0 0 3px;
}
.nl-inp::placeholder{color:rgba(255,255,255,.25);}
.nl-btn{
  background:var(--gold);border:none;width:44px;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  cursor:pointer;border-radius:0 3px 3px 0;transition:background .2s;
}
.nl-btn:hover{background:var(--gold2);}
.nl-btn svg{width:14px;height:14px;stroke:var(--dark);}
.foot-bot{
  display:flex;align-items:center;justify-content:space-between;
  padding-top:26px;flex-wrap:wrap;gap:10px;
}
.foot-copy{color:rgba(255,255,255,.25);font-size:12px;}
.foot-links{display:flex;gap:22px;}
.foot-links a{color:rgba(255,255,255,.25);font-size:12px;text-decoration:none;transition:color .2s;}
.foot-links a:hover{color:var(--gold);}

/* ════════════════════════════════
   RESPONSIVE
════════════════════════════════ */
@media(max-width:1200px){
  :root{--px:48px;}
  .about-feats{grid-template-columns:repeat(2,1fr);}
  .foot-top{grid-template-columns:1fr 1fr;gap:36px;}
}
@media(max-width:992px){
  :root{--px:36px;}
  .nav-links,.nav-cta{display:none;}
  .hbg{display:flex;}
  .mob-nav{top:72px;}

  .about{grid-template-columns:1fr;gap:0;}
  .about-imgs{height:340px;margin-bottom:48px;}
  .about-img-main{width:80%;height:290px;}
  .about-badge{width:130px;height:130px;}

  .stats{grid-template-columns:repeat(2,1fr);}
  .stat:nth-child(2){border-right:none;}
  .stat:nth-child(3){border-right:1px solid rgba(255,255,255,.07);}
  .stat:first-child{padding-left:24px;}

  .svc-grid{grid-template-columns:repeat(2,1fr);}
  .sec-hdr{flex-direction:column;align-items:flex-start;}

  .proc-steps{grid-template-columns:repeat(3,1fr);row-gap:48px;}
  .proc-steps::before{display:none;}

  .work-grid{grid-template-columns:1fr 1fr;}
  .work-item:nth-child(1){grid-column:span 2;}

  .testi-card{min-width:calc(50% - 12px);}

  .why{grid-template-columns:1fr;gap:0;}
  .why-img{height:340px;margin-bottom:48px;order:-1;}
  .why-img img{width:100%;}
  .why-img-accent{display:none;}
  .why-tag{display:none;}

  .faq-inner{grid-template-columns:1fr;}

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

  .ctaband{flex-direction:column;align-items:flex-start;}

  footer{padding:56px var(--px) 24px;}
  .foot-top{grid-template-columns:1fr 1fr;gap:32px;}

  .hero-scroll{display:none;}
  .hero-ctrl{right:var(--px);}
}
@media(max-width:768px){
	.custom-logo-link img{ max-height:80px; width:auto;}
  :root{--px:24px;}
  nav{height:64px;padding:0 var(--px);}
  .mob-nav{top:64px;padding:20px var(--px);}

  .stats{grid-template-columns:repeat(2,1fr);}
  .stat{padding:24px 16px;}
  .stat:first-child{padding-left:16px;}
  .stat:nth-child(2){border-right:none;}
  .stat:nth-child(3){border-right:1px solid rgba(255,255,255,.07);}
  .stat:nth-child(3),.stat:nth-child(4){border-top:1px solid rgba(255,255,255,.07);}

  .svc-grid{grid-template-columns:1fr;}
  .work-grid{grid-template-columns:1fr;}
  .work-item:nth-child(1){grid-column:span 1;}
  .work-item{height:220px!important;}

  .testi-card{min-width:calc(100% - 0px);}

  .blog-grid{grid-template-columns:1fr;}

  .foot-top{grid-template-columns:1fr;}

  .hero-ctrl{display:none;}
  .slide-content p{font-size:14px;}
}
@media(max-width:480px){
  :root{--px:18px;}
  .about-feats{grid-template-columns:repeat(2,1fr);}
  .proc-steps{grid-template-columns:repeat(2,1fr);}
  .proc-steps::before{display:none;}
  .about-imgs{height:270px;}
  .about-img-main{width:88%;height:240px;}
  .about-badge{width:100px;height:100px;}
  .about-badge .bnum{font-size:28px;}
  .about-badge svg{width:20px!important;height:20px!important;}
  .faq-inner{gap:40px;}
  .foot-bot{flex-direction:column;align-items:flex-start;}
  .work-tabs{gap:0;}
  .wtab{padding:10px 14px;font-size:12px;}
}


.team-single .pbmit-team-share-btn {
    position: absolute;
    right: 0;
    bottom: 0;
    background: var(--pbmit-white-color);
    border-radius: 50% 0 0 0;
}
.team-single .pbmit-share-icon-wrapper {
    position: relative;
    display: block;
    padding: 15px 0 0 15px;
    border-radius: 50%;
    background-color: var(--pbmit-white-color);
}
.team-single .pbmit-share-icon {
    padding: 12px 16px;
    background-color: var(--pbmit-global-color);
    color: var(--pbmit-white-color);
    border-radius: 50%;
    height: 56px;
    width: 56px;
    font-size: 20px;
    display: block;
    transition: all 0.3s ease-in-out;
}
.team-single .pbmit-share-icon i {
    transition: all 0.4s ease-in-out;
    display: block;
    font-size: 20px;
}
.team-single .pbmit-team-social-links {
    text-align: center;
    position: absolute;
    bottom: 5px;
    right: 0;
    transform: translate(-40px, 0);
    opacity: 0;
    padding: 3px;
    display: flex;
    flex-direction: row-reverse;
    transition: all 0.3s ease-in;
}
.team-single .pbmit-team-social-links li{
	padding: 8px !important;
    display: block;
    width: 40px;
    height: 40px;
    margin: 0;
    background-color: var(--pbmit-white-color);
    border-radius: 50%;
    margin-right: 5px;
    transform: translate(0);
    transition: all 600ms ease-in-out;
}
.team-single .pbmit-team-social-links li a{
	position: relative;
	display: inline-block;
    opacity: 1;
    width: auto;
    height: auto;
    font-size: 16px;
    line-height: 24px;
	text-align: center;
    background: transparent;
    color: var(--pbmit-blackish-color);
}
.team-single .pbmit-team-social-links li:nth-child(1){
	transform: translate(0, 0);
}
.team-single .pbmit-team-social-links li:nth-child(2) {
    transform: translate(43px, 0);
}
.team-single .pbmit-team-social-links li:nth-child(3) {
    transform: translate(86px, 0);
}
.team-single .pbmit-team-social-links li:nth-child(4) {
    transform: translate(129px, 0);
}
.pbmit-team-share-btn:hover .pbmit-share-icon {
    background-color: var(--pbmit-secondary-color);
    transition: all 0.3s ease-in-out;
}
.pbmit-team-share-btn:hover .pbmit-share-icon i {
    transform: rotateY(180deg);
}
.pbmit-team-share-btn:hover .pbmit-team-social-links {
    transform: translate(-70px, 0);
    opacity: 1;
}
.pbmit-team-share-btn:hover .pbmit-team-social-links li {
    transform: translate(0);
}
.team-single .pbmit-entry-content{
	padding: 100px 0 0 33px;
}
.team-single .pbmit-entry-content .text-editor-box{
	padding: 20px 0px 20px 0px;
	border-bottom: 1px solid #181A171F;
}
.team-single .text-editor-box .col-md-4{
	width: 18%;
}
.team-single .text-editor-box .col-md-8{
	width: 82%;
}
.team-single .text-editor-box .col-md-4 h6{
	margin-bottom: 0;
}
.team-single .pbmit-entry-content .text-editor-box:nth-child(6){
	border-bottom: none;
}
.team-single .pbmit-entry-content .list-group{
	flex-direction: initial;
}
.team-single .pbmit-entry-content .list-group li{
	margin-right: calc(35px / 2);
    margin-left: calc(35px / 2);
}
.team-single  .list-group .pbmit-icon-list-icon i{
	font-size: 18px;
}
.team-single .team-progress{
	margin-top: 60px;
}
.team-single .ihbox-style-area .pbmit-ihbox-style-13:not(:last-child){
	border-bottom: 1px solid #0000001F;
	padding-bottom: 10px;
	margin-bottom: 25px;
}
.team-single .comment-respond{
	overflow: hidden;
    margin-top: 60px;
    margin-bottom: 100px;
    padding: 60px 75px 60px 75px;
	border-radius: 30px;
	background-color: var(--pbmit-light-color);
}
.team-single .comment-form .form-check{
	margin: 15px 0 25px 0;
}
.team-single .comment-form .form-check-label{
	font-size: 15px;
}
.team-single .comment-form .pbmit-btn-outline{
	color: var(--pbmit-blackish-color);
}
/** 07 - Contact Us **/
.contact-us-bg{
	background-image: url(../images/bg/contact-bg-pattern.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.contact-us-left-area{
	padding: 100px 90px 30px 0px;
}
.iframe-section iframe{
	height: 550px;
	max-width: 100%;
    width: 100%;
}
.contact-form-area{
	padding: 50px 65px 40px 65px;
	border-radius: 30px;
	margin: 100px 0px 70px 0px;
	background-color: var(--pbmit-light-color);
}
.contact-form-area .form-check{
	margin: 20px 0;
}
.contact-form-area .form-check-label{
	font-size: 14px;
}
.contact-form-area form .pbmit-btn{
	color: var(--pbmit-blackish-color);
}
.iframe-area{
	padding: 0px 110px 0px 100px;
}
.iframe-area iframe{
	height: 600px;
	max-width: 100%;
    width: 100%;
    margin: 0;
    line-height: 1;
    border: none;
	border-radius: 20px;
}
label.error {
	background: red;
	color: white;
	border-radius: 0px 0 10px 10px;
	margin-bottom: 15px;
	padding: 0 10px;
	font-size: 12px;
	display: block;
	margin-top: 0px;
	margin-right: 20%;
}
.message-status{
	margin-top: 30px;
}
.form-control.error{
	margin-bottom: 0 !important;
}
/**08 - Comment Form **/
.form-control{
	margin-bottom: 20px;
	font-size: 14px;
	height: 60px;
	line-height: normal;
	padding: 10px 20px;
    font-weight: normal;
	border-width: 0 0 1px 0;
	font-family: inherit;
	background-color: transparent;
	border-radius: 10px;
	border: unset;
	transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
	background-color: var(--pbmit-white-color); border:solid 1px #eee;
}
textarea.form-control{
	height: 130px;
    padding-top: 20px;
	resize: none;
}
.form-control:focus{
	border-color: rgba(var(--pbmit-blackish-color-rgb),.2);
}
.form-control:focus::placeholder{
	opacity: 1;
}

.get-started-box{
    background: linear-gradient(135deg,#1c1c1f,#2a2a2e);
    border-radius:20px;
}

.custom-input{
    background:transparent;
    border:1px solid #444;
    color:#fff;
    height:50px;
}

.custom-input::placeholder{
    color:#aaa;
}

.country-code{
    background:transparent;
    border:1px solid #444;
    color:#fff;
}

.submit-btn{
    background:#139189;
    border:none;
    padding:10px 28px;
    border-radius:30px;
    color:#fff;
}

.clear-link{
    color:#bfbfbf;
    text-decoration:none;
}

.clear-link:hover{
    text-decoration:underline;
}
.alt_srvc h2, .alt_srvc p, .alt_srvc h3 { color:#fff }
.alt_srvc h3{ font-size:24px; margin:0 0 5px; }
.alt_srvc .pbmit-ihbox-style-10 .pbmit-ihbox-icon-type-image{ width:100%; height:auto; border-radius:20px; overflow:hidden; }
.alt_srvc .pbmit-ihbox-style-10 .pbmit-ihbox-icon-type-image img{ width:100%; height:auto; min-height: 275px; max-height: 275px; object-fit: cover;}

.process-col{
width:20%; flex:1;
}

@media (max-width:991px){
.process-col{
width:50%;
}
}

@media (max-width:576px){
.process-col{
width:100%;
}
}
.pbmit-miconheading-style-4:nth-child(5)  .pbmit-ihbox-icon::after{
display:none;
}
.blog-classic .pbmit-entry-content h2, .blog-classic .pbmit-entry-content h3, .blog_content h2, .blog_content h3{ font-size:28px;}
.blog-classic .pbmit-entry-content p, .blog_content p{font-size:18px; line-height:27px;}
.blog-classic .pbmit-entry-content ul, .blog_content ul, .pbmit-service-content ul{ list-style:disc; padding:0 0 0 20px;}
.blog-classic .pbmit-entry-content ul li, .blog_content ul li,  .pbmit-service-content ul li{ font-size:18px; line-height:27px; margin:8px 0;}

/* ── SHARED ── */
.eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:14px;}
.eyebrow .el{width:22px;height:2px;background:var(--gold);flex-shrink:0;}
.eyebrow span{color:var(--gold);font-size:10.5px;font-weight:500;letter-spacing:4px;text-transform:uppercase;}
.h2{font-family:var(--font-d);font-size:clamp(32px,3.5vw,50px);font-weight:400;color:var(--dark);line-height:1.1;margin-bottom:18px;}
.h2 .hl{color:var(--gold);font-style:italic;}
.h2.wh{color:var(--white);}
.btn-gold, .contact-form-area form .pbmit-btn, .wpcf7-submit{display:inline-flex;align-items:center;gap:12px;background:var(--gold);color:var(--dark);padding:13px 26px;border-radius:4px;font-family:var(--font-b);font-size:18px;font-weight:600;letter-spacing:.5px;text-decoration:none;cursor:pointer;border:1.5px solid var(--gold);transition:all .3s;}


.btn-gold:hover{background:transparent;color:var(--gold);}
.btn-outline{display:inline-flex;align-items:center;gap:12px;background:transparent;color:var(--dark);border:1.5px solid var(--dark);padding:12px 22px;border-radius:4px;font-family:var(--font-b);font-size:13px;font-weight:500;text-decoration:none;cursor:pointer;transition:all .3s;}
.btn-outline:hover{background:var(--dark);color:var(--white);}
.btn-outline-wh{display:inline-flex;align-items:center;gap:12px;background:transparent;color:var(--white);border:1.5px solid rgba(255,255,255,.4);padding:12px 22px;border-radius:4px;font-family:var(--font-b);font-size:13px;font-weight:500;text-decoration:none;cursor:pointer;transition:all .3s;}
.btn-outline-wh:hover{border-color:var(--gold);color:var(--gold);}
.ba{width:28px;height:28px;border-radius:50%;border:1.5px solid currentColor;display:flex;align-items:center;justify-content:center;flex-shrink:0;opacity:.55;transition:opacity .3s;}
.btn-gold .ba{border-color:rgba(7,28,21,.35);}
.btn-gold:hover .ba,.btn-outline:hover .ba,.btn-outline-wh:hover .ba{opacity:1;}
.ba svg{width:11px;height:11px;stroke:currentColor;}

/* ══════════════════════════
   HERO — SERVICE DETAIL
══════════════════════════ */
.detail-hero{
  position:relative;height:90vh;min-height:580px;
  display:flex;align-items:flex-end;overflow:hidden;
  background:var(--dark);padding-top:72px;
}
.detail-hero-bg{position:absolute;inset:0;background:url('https://images.unsplash.com/photo-1600210492493-0946911123ea?w=1600&q=80') center/cover no-repeat;opacity:.5;transition:transform 8s ease;transform:scale(1.05);}
.detail-hero-bg.loaded{transform:scale(1);}
.detail-hero-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(7,28,21,.98) 0%,rgba(7,28,21,.55) 55%,rgba(7,28,21,.25) 100%);}
.detail-hero-content{position:relative;z-index:2;padding:60px var(--px) 64px;width:100%;display:flex;align-items:flex-end;justify-content:space-between;gap:40px;flex-wrap:wrap;}
.detail-hero-left{flex:1;min-width:280px;}
.breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:20px;}
.breadcrumb a{color:rgba(255,255,255,.4);font-size:12px;text-decoration:none;transition:color .2s;}
.breadcrumb a:hover{color:var(--gold);}
.breadcrumb .sep{color:rgba(255,255,255,.2);font-size:11px;}
.breadcrumb .cur{color:var(--gold);font-size:12px;}
.detail-hero-left h1{font-family:var(--font-d);font-size:clamp(42px,6.5vw,80px);font-weight:300;color:var(--white);line-height:1.02;margin-bottom:18px;}
.detail-hero-left h1 em{color:var(--gold);font-style:italic;}
.detail-hero-left p{color:rgba(255,255,255,.6);font-size:15px;line-height:1.85;max-width:500px;margin-bottom:32px;}
.detail-hero-btns{display:flex;align-items:center;gap:14px;flex-wrap:wrap;}
.detail-hero-right{display:flex;flex-direction:column;align-items:flex-end;gap:16px;flex-shrink:0;}
.detail-stat-card{
  background:rgba(255,255,255,.05);backdrop-filter:blur(12px);
  border:1px solid rgba(208,166,92,.18);border-radius:8px;
  padding:20px 24px;text-align:center;min-width:110px;
}
.detail-stat-card strong{display:block;font-family:var(--font-d);font-size:36px;color:var(--gold);line-height:1;}
.detail-stat-card span{color:rgba(255,255,255,.45);font-size:11px;letter-spacing:.5px;margin-top:4px;display:block;}
.detail-stat-row{display:flex;gap:16px;}

/* ══════════════════════════
   CONTENT LAYOUT — sticky sidebar
══════════════════════════ */
.content-wrap{
  display:grid;grid-template-columns:1fr;gap:0;
  align-items:start; max-width:1600px; margin:0 auto;
}
/* Main content area */
.content-main{padding:72px var(--px) 72px 80px;}

/* Sticky sidebar */
.content-sidebar{
  position:sticky;top:72px;
  background:var(--dark);
  padding:40px 36px;
  min-height:calc(100vh - 72px);
  border-left:1px solid var(--border);
}
.sidebar-title{font-family:var(--font-d);font-size:22px;color:var(--white);margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.08);}
.sidebar-nav{list-style:none;display:flex;flex-direction:column;gap:0;margin-bottom:32px;}
.sidebar-nav li a{
  display:flex;align-items:center;gap:10px;
  color:rgba(255,255,255,.45);font-size:13px;text-decoration:none;
  padding:11px 0;border-bottom:1px solid rgba(255,255,255,.05);
  transition:color .2s;
}
.sidebar-nav li a:hover,.sidebar-nav li a.active{color:var(--gold);}
.sidebar-nav li a::before{content:'';width:4px;height:4px;border-radius:50%;background:rgba(208,166,92,.4);flex-shrink:0;transition:background .2s;}
.sidebar-nav li a:hover::before,.sidebar-nav li a.active::before{background:var(--gold);}
.sidebar-cta-box{
  background:var(--dark2);border:1px solid var(--border);
  border-radius:8px;padding:28px 24px;margin-bottom:24px;
}
.sidebar-cta-box h4{font-family:var(--font-d);font-size:22px;color:var(--white);margin-bottom:10px;}
.sidebar-cta-box p{color:rgba(255,255,255,.45);font-size:13px;line-height:1.7;margin-bottom:20px;}
.sidebar-cta-box .btn-gold{width:100%;justify-content:center;font-size:12.5px;padding:12px 16px;}
.sidebar-contact{display:flex;flex-direction:column;gap:12px;}
.sidebar-contact-item{display:flex;align-items:center;gap:10px;}
.sidebar-contact-item svg{width:15px;height:15px;stroke:var(--gold);flex-shrink:0;}
.sidebar-contact-item span{color:rgba(255,255,255,.5);font-size:12.5px;}
.other-svcs{margin-top:32px;padding-top:24px;border-top:1px solid rgba(255,255,255,.07);}
.other-svcs h5{color:rgba(255,255,255,.35);font-size:10px;letter-spacing:3px;text-transform:uppercase;margin-bottom:14px;}
.other-svc-link{
  display:flex;align-items:center;gap:10px;
  color:rgba(255,255,255,.5);font-size:13px;text-decoration:none;
  padding:10px 0;border-bottom:1px solid rgba(255,255,255,.05);
  transition:color .2s;
}
.other-svc-link:hover{color:var(--gold);}
.other-svc-link svg{width:14px;height:14px;stroke:currentColor;flex-shrink:0;}

/* ══════════════════════════
   CONTENT SECTIONS
══════════════════════════ */
.content-block{margin-bottom:60px;}
.content-block:last-child{margin-bottom:0;}

/* Overview */
.overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;margin-top:36px;}
.overview-img{border-radius:6px;overflow:hidden;height:360px;}
.overview-img img{width:100%;height:100%;object-fit:cover;}
.overview-text p{color:var(--txt2);font-size:14.5px;line-height:1.9;margin-bottom:18px;}
.highlight-box{background:var(--gold-dim);border-left:3px solid var(--gold);padding:18px 22px;border-radius:0 6px 6px 0;margin:24px 0;}
.highlight-box p{color:var(--dark);font-family:var(--font-d);font-size:18px;font-style:italic;line-height:1.5;margin:0;}

/* Scope table */
.scope-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:28px;}
.scope-item{background:var(--white);border:1px solid rgba(0,0,0,.07);border-radius:6px;padding:20px 18px;transition:border-color .3s,box-shadow .3s;}
.scope-item:hover{border-color:rgba(208,166,92,.3);box-shadow:0 4px 20px rgba(7,28,21,.07);}
.scope-item-ic{width:40px;height:40px;border-radius:50%;background:var(--gold-dim);display:flex;align-items:center;justify-content:center;margin-bottom:12px;}
.scope-item-ic svg{width:18px;height:18px;stroke:var(--gold);}
.scope-item h4{font-family:var(--font-d);font-size:18px;color:var(--dark);margin-bottom:6px;}
.scope-item p{color:var(--txt2);font-size:12.5px;line-height:1.6;}

/* Gallery */
.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto;gap:14px;margin-top:28px;}
.gallery-item{border-radius:6px;overflow:hidden;cursor:pointer;position:relative;}
.gallery-item:nth-child(1){grid-column:span 2;height:280px;}
.gallery-item:nth-child(2){height:280px;}
.gallery-item:nth-child(3),.gallery-item:nth-child(4),.gallery-item:nth-child(5){height:200px;}
.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .6s;}
.gallery-item:hover img{transform:scale(1.06);}
.gallery-ov{position:absolute;inset:0;background:rgba(7,28,21,0);display:flex;align-items:center;justify-content:center;transition:background .3s;}
.gallery-item:hover .gallery-ov{background:rgba(7,28,21,.5);}
.gallery-zoom{opacity:0;transform:scale(.8);transition:all .3s;color:var(--white);}
.gallery-item:hover .gallery-zoom{opacity:1;transform:scale(1);}
.gallery-zoom svg{width:28px;height:28px;stroke:var(--white);}

/* Timeline / Process in content */
.timeline{display:flex;flex-direction:column;gap:0;margin-top:28px;}
.tl-item{display:flex;gap:24px;padding-bottom:36px;position:relative;}
.tl-item:last-child{padding-bottom:0;}
.tl-item:not(:last-child)::before{content:'';position:absolute;left:19px;top:44px;bottom:0;width:1px;background:rgba(208,166,92,.2);}
.tl-dot{
  width:40px;height:40px;border-radius:50%;
  border:1.5px solid var(--gold);background:var(--cream);
  display:flex;align-items:center;justify-content:center;
  flex-shrink:0;z-index:1;transition:all .3s;
}
.tl-item:hover .tl-dot{background:var(--gold);}
.tl-dot svg{width:16px;height:16px;stroke:var(--gold);transition:stroke .3s;}
.tl-item:hover .tl-dot svg{stroke:var(--dark);}
.tl-body{}
.tl-step{font-size:10px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--gold);margin-bottom:4px;}
.tl-title{font-family:var(--font-d);font-size:22px;color:var(--dark);margin-bottom:8px;}
.tl-desc{color:var(--txt2);font-size:13.5px;line-height:1.75;}

/* Deliverables checklist */
.deliverables{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:28px;}
.del-item{display:flex;align-items:flex-start;gap:10px;padding:14px 16px;background:var(--white);border:1px solid rgba(0,0,0,.07);border-radius:6px;}
.del-check{width:20px;height:20px;border-radius:50%;background:var(--gold-dim);flex-shrink:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d0a65c' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");background-size:12px;background-repeat:no-repeat;background-position:center;}
.del-item span{font-size:13px;color:var(--txt);line-height:1.4;}

/* Materials section */
.materials-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:28px;}
.mat-card{text-align:center;padding:20px 14px;background:var(--white);border:1px solid rgba(0,0,0,.07);border-radius:6px;transition:all .3s;}
.mat-card:hover{border-color:rgba(208,166,92,.3);transform:translateY(-3px);}
.mat-img{width:72px;height:72px;border-radius:50%;overflow:hidden;margin:0 auto 12px;border:2px solid rgba(208,166,92,.2);}
.mat-img img{width:100%;height:100%;object-fit:cover;}
.mat-name{font-size:13px;font-weight:500;color:var(--dark);margin-bottom:4px;}
.mat-type{font-size:11px;color:var(--txt2);letter-spacing:.5px;}

/* Before-After toggle */
.before-after{position:relative;border-radius:8px;overflow:hidden;height:420px;margin-top:28px;cursor:col-resize;user-select:none;}
.ba-before,.ba-after{position:absolute;inset:0;}
.ba-before img,.ba-after img{width:100%;height:100%;object-fit:cover;}
.ba-after{clip-path:inset(0 50% 0 0);transition:clip-path .0s;}
.ba-divider{position:absolute;top:0;bottom:0;left:50%;width:3px;background:var(--gold);transform:translateX(-50%);z-index:3;transition:left .0s;}
.ba-handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border-radius:50%;background:var(--gold);z-index:4;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(0,0,0,.3);}
.ba-handle svg{width:18px;height:18px;stroke:var(--dark);}
.ba-label{position:absolute;z-index:5;top:16px;font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;padding:5px 12px;border-radius:30px;}
.ba-label.before{left:16px;background:rgba(7,28,21,.7);color:rgba(255,255,255,.7);}
.ba-label.after{right:16px;background:var(--gold);color:var(--dark);}

/* Testimonial in content */
.content-testi{
  background:var(--dark);border-radius:8px;padding:36px 32px;
  display:grid;grid-template-columns:auto 1fr;gap:24px;align-items:start;
  margin-top:28px;
}
.content-testi .tq-icon svg{width:32px;height:32px;fill:rgba(208,166,92,.2);}
.tq-body .stars{display:flex;gap:4px;margin-bottom:12px;}
.tq-body .stars svg{width:14px;height:14px;fill:var(--gold);}
.tq-body blockquote{font-family:var(--font-d);font-size:20px;font-style:italic;color:rgba(255,255,255,.75);line-height:1.6;margin-bottom:20px;}
.tq-auth{display:flex;align-items:center;gap:12px;}
.tq-av{width:44px;height:44px;border-radius:50%;overflow:hidden;border:2px solid var(--gold);}
.tq-av img{width:100%;height:100%;object-fit:cover;}
.tq-name{color:var(--white);font-size:14px;font-weight:500;}
.tq-role{color:rgba(255,255,255,.4);font-size:12px;margin-top:2px;}

/* Related services */
.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:28px;}
.related-card{background:var(--white);border-radius:6px;overflow:hidden;border:1px solid rgba(0,0,0,.07);transition:transform .3s,box-shadow .3s;text-decoration:none;}
.related-card:hover{transform:translateY(-4px);box-shadow:0 12px 36px rgba(7,28,21,.1);}
.related-img{height:150px;overflow:hidden;}
.related-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s;}
.related-card:hover .related-img img{transform:scale(1.06);}
.related-body{padding:16px 16px 20px;}
.related-cat{font-size:10px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--gold);margin-bottom:6px;}
.related-name{font-family:var(--font-d);font-size:18px;color:var(--dark);line-height:1.2;}

/* ══════════════════════════
   CTA BAND + FOOTER (same as other pages)
══════════════════════════ */
.ctaband{background:var(--dark);padding:64px var(--px);display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap;border-top:1px solid var(--border);position:relative;overflow:hidden;}
.ctaband::before{content:'';position:absolute;top:-100px;right:-100px;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(208,166,92,.08) 0%,transparent 70%);pointer-events:none;}
.ctaband-l{display:flex;align-items:center;gap:22px;}
.ctaband-ic{width:56px;height:56px;border-radius:50%;border:1.5px solid var(--gold);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.ctaband-ic svg{width:22px;height:22px;stroke:var(--gold);}
.ctaband-l h3{font-family:var(--font-d);font-size:clamp(22px,2.5vw,32px);font-weight:300;color:var(--white);}
footer{background:var(--dark);padding:72px var(--px) 28px;}
.foot-top{display:grid;grid-template-columns:1.8fr 1fr 1fr 1fr 1.5fr;gap:44px;padding-bottom:56px;border-bottom:1px solid rgba(255,255,255,.07);}
.foot-brand p{color:rgba(255,255,255,.4);font-size:13px;line-height:1.8;margin:16px 0 22px;}
.socials{display:flex;gap:10px;}
.soc{width:35px;height:35px;border-radius:50%;border:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.45);font-size:12px;font-weight:600;text-decoration:none;transition:all .3s;}
.soc:hover{border-color:var(--gold);color:var(--gold);}
.foot-col h4{color:var(--white);font-size:12px;font-weight:500;letter-spacing:2px;text-transform:uppercase;margin-bottom:20px;}
.foot-col ul{list-style:none;display:flex;flex-direction:column;gap:10px;}
.foot-col ul a{color:rgba(255,255,255,.4);font-size:13px;text-decoration:none;transition:color .2s;}
.foot-col ul a:hover{color:var(--gold);}
.fcontact-item{display:flex;align-items:flex-start;gap:10px;margin-bottom:14px;}
.fcontact-item svg{width:15px;height:15px;stroke:var(--gold);flex-shrink:0;margin-top:2px;}
.fcontact-item span{color:rgba(255,255,255,.4);font-size:13px;line-height:1.5;}
.nl-desc{color:rgba(255,255,255,.4);font-size:13px;line-height:1.6;margin-bottom:16px;}
.nl-form{display:flex;}
.nl-inp{flex:1;min-width:0;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-right:none;color:var(--white);padding:11px 14px;font-family:var(--font-b);font-size:13px;outline:none;border-radius:3px 0 0 3px;}
.nl-inp::placeholder{color:rgba(255,255,255,.25);}
.nl-btn{background:var(--gold);border:none;width:44px;flex-shrink:0;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:0 3px 3px 0;transition:background .2s;}
.nl-btn:hover{background:var(--gold2);}
.nl-btn svg{width:14px;height:14px;stroke:var(--dark);}
.foot-bot{display:flex;align-items:center;justify-content:space-between;padding-top:26px;flex-wrap:wrap;gap:10px;}
.foot-copy{color:rgba(255,255,255,.25);font-size:12px;}
.foot-links{display:flex;gap:22px;}
.foot-links a{color:rgba(255,255,255,.25);font-size:12px;text-decoration:none;transition:color .2s;}
.foot-links a:hover{color:var(--gold);}

/* ── RESPONSIVE ── */
@media(max-width:1200px){:root{--px:48px;}.content-wrap{grid-template-columns:1fr 280px;}.materials-grid{grid-template-columns:repeat(2,1fr);}.foot-top{grid-template-columns:1fr 1fr;gap:36px;}}
@media(max-width:992px){
  :root{--px:36px;}
  .nav-links,.nav-cta{display:none;}.hbg{display:flex;}
  .content-wrap{grid-template-columns:1fr;}
  .content-sidebar{position:static;min-height:auto;border-left:none;border-top:1px solid var(--border);padding:36px var(--px);}
  .content-main{padding:56px var(--px);}
  .overview-grid{grid-template-columns:1fr;}
  .overview-img{height:280px;}
  .scope-grid{grid-template-columns:1fr 1fr;}
  .gallery-item:nth-child(1){grid-column:span 1;height:200px;}
  .deliverables{grid-template-columns:1fr;}
  .related-grid{grid-template-columns:repeat(2,1fr);}
  .detail-hero-right{display:none;}
  .ctaband{flex-direction:column;align-items:flex-start;}
  .foot-top{grid-template-columns:1fr 1fr;gap:32px;}
}
@media(max-width:768px){
  :root{--px:24px;}
  nav{height:64px;padding:0 var(--px);}.mob-nav{top:64px;padding:20px var(--px);}
  .detail-hero{height:auto;min-height:auto;}
  .detail-hero-content{padding:48px var(--px) 52px;}
  .scope-grid{grid-template-columns:1fr;}
  .gallery-grid{grid-template-columns:1fr 1fr;}
  .gallery-item:nth-child(1){grid-column:span 2;height:200px;}
  .gallery-item:nth-child(3),.gallery-item:nth-child(4),.gallery-item:nth-child(5){height:160px;}
  .related-grid{grid-template-columns:1fr;}
  .content-testi{grid-template-columns:1fr;gap:16px;}
  .foot-top{grid-template-columns:1fr;}
}
@media(max-width:480px){
  :root{--px:18px;}
  .materials-grid{grid-template-columns:repeat(2,1fr);}
  .deliverables{grid-template-columns:1fr;}
  .foot-bot{flex-direction:column;align-items:flex-start;}
}

.portfolio-project{
    margin-bottom:80px;
}

.project-title{
    margin-bottom:25px;
    font-size:32px;
    font-weight:600;
}

/*******privacy page*****/
.legal-page{
    max-width: 1100px;
    margin: 60px auto;
    padding: 50px;
    background: #fff;
    border-radius: 15px;
    box-shadow: 0 10px 40px rgba(0,0,0,.08);
}

.legal-page h1{
    font-size: 42px;
    color: #0f1f1c;
    margin-bottom: 20px;
    border-left: 5px solid #c8a35f;
    padding-left: 20px;
}

.legal-page h2{
    margin-top: 35px;
    margin-bottom: 15px;
    color: #0f1f1c;
    font-size: 26px;
}

.legal-page p{
    line-height: 1.9;
    color: #555;
    font-size: 16px;
}

.legal-page ul{
    padding-left: 25px;
}

.legal-page ul li{
    margin-bottom: 10px;
    line-height: 1.8;
    color: #555;
}

@media(max-width:768px){
    .legal-page{
        padding: 25px;
        margin: 20px;
    }

    .legal-page h1{
        font-size: 32px;
    }

    .legal-page h2{
        font-size: 22px;
    }
}

/****Thank you ******/
.crs-thankyou{
    min-height:100vh;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#081a17;
    background-image:linear-gradient(
    135deg,
    #081a17 0%,
    #102723 50%,
    #081a17 100%);
    padding:40px 20px;
}

.thankyou-box{
    max-width:650px;
    width:100%;
    text-align:center;
    background:rgba(255,255,255,0.03);
    border:1px solid rgba(201,163,91,.25);
    backdrop-filter:blur(15px);
    border-radius:20px;
    padding:50px;
    box-shadow:0 15px 50px rgba(0,0,0,.35);
}

.success-icon{
    width:90px;
    height:90px;
    line-height:90px;
    margin:auto;
    border-radius:50%;
    background:#c9a35b;
    color:#081a17;
    font-size:48px;
    font-weight:700;
}

.thankyou-tag{
    display:inline-block;
    margin-top:25px;
    color:#c9a35b;
    letter-spacing:3px;
    font-size:13px;
    text-transform:uppercase;
}

.thankyou-box h1{
    color:#fff;
    margin-top:15px;
    margin-bottom:20px;
    font-size:42px;
}

.thankyou-box p{
    color:#d9d9d9;
    font-size:18px;
    line-height:1.8;
}

.thankyou-highlight{
    margin:30px 0;
    color:#c9a35b;
    font-size:20px;
    font-weight:600;
}

.thankyou-buttons a{
    display:block;
    margin-bottom:15px;
    text-decoration:none;
    padding:16px;
    border-radius:50px;
    transition:.3s;
}

.btn-gold{
    background:#c9a35b;
    color:#081a17;
    font-weight:600;
}

.btn-gold:hover{
    background:#d9b36c;
}

.btn-outline{
    border:1px solid #c9a35b;
    color:#c9a35b;
}

.btn-outline:hover{
    background:#c9a35b;
    color:#081a17;
}

.btn-home{
    border:1px solid rgba(255,255,255,.2);
    color:#fff;
}

.trust-points{
    margin-top:25px;
    color:#bfbfbf;
    font-size:14px;
}