:root{--gold:#ffce56;--gl:#ffce56;--gpale:#F5EDD8;--gbg:#FBF7EF;--white:#fff;--offwhite:#F9F6F1;--ch:#1C1C1C;--dt:#2C2C2C;--mt:#5A5A5A;--lt:#9A9A9A;--bd:#E8DFC8;--bdl:#F0E9D6;}
*{margin:0;padding:0;box-sizing:border-box;}html{scroll-behavior:smooth;}body{font-family:'DM Sans',sans-serif;background:#fff;color:#2C2C2C;overflow-x:hidden;}
/* NAV */
.nav{    justify-content: space-between;position:fixed;top:0;left:0;width:100%;z-index:1000;background:rgba(255,255,255,.97);backdrop-filter:blur(16px);border-bottom:1px solid var(--bd);padding:0 40px;display:flex;align-items:center;height:75px;gap:20px;}
.nav-logo{display:flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0;}
.nav-logo-ic{width:42px;height:42px;background:var(--gbg);border:1.5px solid var(--bd);border-radius:4px;display:flex;align-items:center;justify-content:center;}
.nav-logo-ic i{color:var(--gold);font-size:17px;}
.nl-name{font-family:'Playfair Display',serif;font-size:17px;font-weight:700;color:var(--ch);}
.nl-sub{font-size:10px;color:var(--gold);letter-spacing:2px;text-transform:uppercase;font-weight:500;}
.nav-links{display:flex;align-items:center;gap:24px;list-style:none;margin:0 auto;}
.nav-links a{font-size:13px;font-weight:500;color:var(--mt);text-decoration:none;transition:color .2s;white-space:nowrap;}
.nav-links a:hover{color:var(--gold);}
.nav-right{display:flex;align-items:center;gap:12px;flex-shrink:0;}
.nav-tel{display: flex;
    align-items: center;
    gap: 7px;
    font-size: 14px;
    font-weight: 600;
    background: black;
    color: #ffffff;
    text-decoration: none;
    white-space: nowrap;
    padding: 10px}
.nav-tel i{color:var(--gold);}
.bg{background:#fff;color:#000;padding:10px 20px;border-radius:4px;font-size:13px;font-weight:600;border:none;cursor:pointer;text-decoration:none;display:inline-block;transition:all .3s;white-space:nowrap;}
.bg:hover{background:#fff;box-shadow:0 6px 20px rgba(184,150,62,.3);color:black}
.bo{background:transparent;color:var(--gold);border:1.5px solid var(--gold);padding:10px 20px;border-radius:4px;font-size:13px;font-weight:600;cursor:pointer;text-decoration:none;display:inline-block;transition:all .3s;}
.bo:hover{background:var(--gbg);}
.hbg{
  display: none;
    border: none;
    background: black;
    font-size: 22px;
    color: #ffffff;
    cursor: pointer;
    padding: 10px;
}
.mm{display:none;position:fixed;top:68px;left:0;width:100%;background:#fff;border-bottom:1px solid var(--bd);padding:16px 22px;z-index:999;flex-direction:column;}
.mm.open{display:flex;}
.mm a{font-size:15px;color:var(--dt);text-decoration:none;font-weight:500;padding:11px 0;border-bottom:1px solid var(--bdl);}
/* HERO */
.hero{min-height:100vh;position:relative;overflow:hidden;display:flex;align-items:center;padding-top:68px;}
.hbg2{position:absolute;inset:0;background:linear-gradient(135deg,#0C0A07 0%,#1F1608 45%,#0C0A07 100%);}
.hbg2::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 65% 45%,rgba(184,150,62,.11) 0%,transparent 55%),radial-gradient(ellipse at 15% 80%,rgba(184,150,62,.06) 0%,transparent 40%);}
.hgrid{
position:absolute;
inset:0;
background:linear-gradient(rgb(0 0 0 / 55%), rgb(0 0 0 / 81%)), url(sobha-banner.webp);
background-size:cover;
background-position:center;
background-repeat:no-repeat;
}
.hero-in{max-width:1280px;margin:0 auto;padding:80px 40px 60px;display:grid;grid-template-columns:1fr 420px;gap:76px;align-items:center;position:relative;z-index:2;width:100%;}
.h-tag{display:inline-flex;align-items:center;gap:8px;background:rgba(184,150,62,.14);border:1px solid rgba(184,150,62,.35);border-radius:40px;padding:5px 14px;margin-bottom:20px;font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--gl);}
.dot{width:6px;height:6px;border-radius:50%;background:#6BCB77;animation:pulse 1.6s ease infinite;}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1);}50%{opacity:.4;transform:scale(1.4);}}
.h-title{font-family:'Playfair Display',serif;font-size:clamp(38px,5vw,68px);font-weight:400;line-height:1.1;color:#fff;margin-bottom:8px;}
.h-title .hb{font-weight:700;color:var(--gl);display:block;}
.h-loc{display:flex;align-items:center;gap:8px;font-size:13px;color:rgba(255,255,255,.5);letter-spacing:1.5px;text-transform:uppercase;margin-bottom:30px;font-weight:500;}
.h-loc i{color:var(--gl);}
.hpts{list-style:none;margin-bottom:32px;display:flex;flex-direction:column;gap:10px;}
.hpts li{display:flex;align-items:center;gap:10px;font-size:14px;color:rgba(255,255,255,.8);}
.hpts li i{color:var(--gl);font-size:12px;flex-shrink:0;}
.hbtns{display:flex;gap:14px;flex-wrap:wrap;}
.hbtns .bg{padding:13px 28px;font-size:14px;}
.bwa{display:flex;align-items:center;gap:8px;background:rgba(37,211,102,.13);border:1.5px solid rgba(37,211,102,.35);color:#6BCB77;padding:13px 20px;border-radius:4px;font-size:14px;font-weight:600;text-decoration:none;transition:all .3s;}
.bwa:hover{background:rgba(37,211,102,.22);}
/* FORM */
.hform{background:#fff;border-radius:8px;padding:32px 28px;box-shadow:0 32px 80px rgba(0,0,0,.35);border:1px solid var(--bd);}
.hoffer{background:var(--gbg);border:1px solid var(--bd);border-radius:4px;padding:9px 12px;text-align:center;font-size:12px;color:var(--gold);font-weight:600;margin-bottom:16px;}
.ht{font-family:'Playfair Display',serif;font-size:20px;color:var(--ch);margin-bottom:3px;}
.hs{font-size:12px;color:var(--lt);margin-bottom:16px;}
.fg{margin-bottom:12px;}
.fg label{font-size:11px;color:#000;letter-spacing:1.5px;text-transform:uppercase;display:block;margin-bottom:4px;font-weight:600;}
.fg input{width:100%;background:var(--offwhite);border:1.5px solid var(--bd);border-radius:4px;padding:10px 12px;color:var(--dt);font-family:'DM Sans',sans-serif;font-size:14px;transition:border-color .25s;outline:none;}
.fg input:focus{border-color:var(--gold);background:#fff;}
.fg input::placeholder{color:#B5A88A;}
.fg input.er{border-color:#D94040;}
.dnc{display:flex;align-items:flex-start;gap:9px;margin-bottom:14px;}
.dnc input[type=checkbox]{accent-color:var(--gold);margin-top:3px;flex-shrink:0;}
.dnc label{font-size:11px;color:var(--lt);line-height:1.6;}
.fsec{font-size:11px;color:var(--lt);text-align:center;margin-top:8px;}
.fsec i{color:var(--gold);}
/* SECTIONS */
.sec{padding:86px 40px;}
.wrap{max-width:1200px;margin:0 auto;}
.stag{font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--gold);font-weight:600;margin-bottom:10px;text-align: center;}
.stitle{font-family:'Playfair Display',serif;font-size:clamp(28px,3.5vw,46px);font-weight:500;color:var(--ch);line-height:1.2;margin-bottom:12px;text-align: center;}
.stitle em{font-style:italic;color:var(--gold);}
.gbar{width:46px;height:2px;background:linear-gradient(90deg,var(--gold),transparent);margin:12px 0 0;}
.sdesc{font-size:15px;color:var(--mt);line-height:1.85;max-width:680px;}
/* CTA STRIP */
.ctastrip{background:linear-gradient(135deg,#1C1C1C,#2A200E,#1C1C1C);padding:62px 40px;text-align:center;}
.ctastrip h2{font-family:'Playfair Display',serif;font-size:32px;font-weight:400;color:#fff;margin-bottom:10px;}
.ctastrip h2 em{font-style:italic;color:var(--gl);}
.ctastrip p{color:rgba(255,255,255,.55);font-size:15px;margin-bottom:24px;}
.crow{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;}
.bgl{background:var(--gold);color:#000;padding:14px 36px;border-radius:4px;font-size:15px;font-weight:600;border:none;cursor:pointer;text-decoration:none;display:inline-block;transition:all .3s;}
.bgl:hover{background:#000;color:white;border:0.4px solid white;}
.blt{border:1.5px solid rgba(255,255,255,.3);color:rgba(255,255,255,.8);padding:14px 32px;border-radius:4px;font-size:15px;font-weight:500;background:transparent;cursor:pointer;text-decoration:none;display:inline-block;transition:all .3s;}
.blt:hover{border-color:var(--gl);color:var(--gl);}
/* OVERVIEW */
.ovbg{background:var(--offwhite);}
.ovgrid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;margin-top:48px;}
.ovimg{width:100%;aspect-ratio:4/5;border-radius:6px;overflow:hidden;background-image:url('banner.webp');display:flex;align-items:center;justify-content:center;box-shadow:0 20px 60px rgba(184,150,62,.13);}
.ovimg i{font-size:68px;color:rgba(184,150,62,.28);}
.ov-wrap{position:relative;}
.ovbadge{position:absolute;bottom:24px;left:-16px;background:#fff;border:1px solid var(--bd);border-radius:6px;padding:12px 16px;box-shadow:0 8px 24px rgba(0,0,0,.08);}
.ovbadge .bnum{font-family:'Playfair Display',serif;font-size:28px;font-weight:700;color:var(--gold);}
.ovbadge .blbl{font-size:10px;color:var(--lt);letter-spacing:1px;}
.ovcont p{font-size:15px;color:var(--mt);line-height:1.85;margin-bottom:18px;}
.ovspecs{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:6px;text-align: left;}
.sp{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--bdl);}
.sp i{color:var(--gold);font-size:13px;width:16px;flex-shrink:0;}
.sp .sl{font-size:11px;color:var(--lt);}
.sp .sv{font-size:14px;color:var(--dt);font-weight:600;}
/* PAYMENT */
.payboxes{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:38px;}
.paybox{border:1.5px solid var(--bd);border-radius:8px;padding:28px 20px;text-align:center;transition:all .3s;position:relative;overflow:hidden;}
.paybox::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--gold);}
.paybox:hover{border-color:var(--gold);box-shadow:0 16px 48px rgba(184,150,62,.1);transform:translateY(-4px);}
.paybox i{font-size:32px;color:var(--gold);margin-bottom:10px;display:block;}
.paybox h3{font-family:'Playfair Display',serif;font-size:18px;color:var(--ch);margin-bottom:5px;}
.ptag{font-size:10px;background:var(--gbg);color:var(--gold);border-radius:20px;padding:3px 10px;display:inline-block;margin-bottom:9px;font-weight:700;letter-spacing:1px;}
.paybox p{font-size:13px;color:var(--mt);line-height:1.65;}
.ptbl{width:100%;border-collapse:collapse;margin-top:40px;}
.ptbl th{background:var(--ch);color:#fff;padding:12px 16px;font-size:11px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;text-align:left;}
.ptbl td{padding:12px 16px;font-size:13px;color:var(--mt);border-bottom:1px solid var(--bdl);}
.ptbl tr:hover td{background:var(--gbg);}
.pv{color:var(--gold);font-weight:700;font-size:14px;}
.ba{background:var(--gbg);color:var(--gold);font-size:10px;font-weight:700;padding:3px 10px;border-radius:20px;letter-spacing:1px;}
.br{background:#FFF0F0;color:#C04040;font-size:10px;font-weight:700;padding:3px 10px;border-radius:20px;letter-spacing:1px;}

.price-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:24px;
margin-top:40px;
}

.price-box{
background:#fff;
border:1px solid var(--bd);
border-radius:14px;
padding:28px 24px;
position:relative;
overflow:hidden;
transition:all .35s ease;
box-shadow:0 10px 30px rgba(0,0,0,.04);
}

.price-box::before{
content:'';
position:absolute;
top:0;
left:0;
width:100%;
height:4px;
background:var(--gold);
}

.price-box:hover{
transform:translateY(-6px);
border-color:var(--gold);
box-shadow:0 20px 45px rgba(184,150,62,.12);
}

.phead{
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:18px;
}

.phead h3{
font-size:24px;
font-family:'Playfair Display',serif;
color:var(--ch);
margin:0;
}

.phead span{
background:var(--gbg);
color:var(--gold);
font-size:10px;
font-weight:700;
padding:5px 12px;
border-radius:30px;
letter-spacing:1px;
text-transform:uppercase;
    border: 1px solid #ffce56;
}

.ptype{
font-size:14px;
color:var(--mt);
margin-bottom:12px;
}

.parea{
font-size:15px;
font-weight:600;
color:var(--ch);
margin-bottom:18px;
}

.pprice{
font-size:34px;
font-weight:700;
color:var(--gold);
margin-bottom:14px;
line-height:1;
}

.pplan{
font-size:13px;
color:var(--mt);
margin-bottom:24px;
}

.pbtn{
display:block;
width:100%;
text-align:center;
background:var(--gold);
color:#fff;
padding:13px;
border-radius:6px;
font-size:14px;
font-weight:600;
text-decoration:none;
transition:.3s;
cursor: pointer;
}

.pbtn:hover{
opacity:.9;
transform:translateY(-2px);
}

@media(max-width:991px){
.price-grid{
grid-template-columns:1fr;
}
}

.plan-wrap{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:25px;
  margin-top:40px;
}

.plan-card{
  background:#f9f7f2;
  border:1px solid #ffce56;
  border-radius:24px;
  padding:30px 25px;
  position:relative;
  overflow:hidden;
  transition:.3s ease;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  min-height:320px;
}

.plan-card:hover{
  transform:translateY(-5px);
  box-shadow:0 10px 25px rgba(0,0,0,0.08);
}

.plan-card::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:5px;
  height:100%;
  background:#c39a3b;
}

.plan-icon{
  width:55px;
  height:55px;
  border-radius:50%;
  background:#f1ede5;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:28px;
  color:#c39a3b;
  margin-bottom:20px;
}

.plan-badge{
  display:inline-block;
  padding:8px 16px;
  border-radius:30px;
  background:#f1ede5;
  color:#c39a3b;
  font-size:11px;
  font-weight:700;
  letter-spacing:1px;
  margin-bottom:15px;
}

.plan-content h3{
  font-size:22px;
  margin-bottom:15px;
  color:#111;
  line-height:1.2;
}

.plan-content p{
  font-size:11px;
  line-height:1.7;
  color:#555;
  margin-bottom:10px;
}

.plan-side{
  margin-top:auto;
  text-align:left;
}

.plan-big{
  font-size:30px;
  font-weight:700;
  color:#c39a3b;
  line-height:1;

}

.plan-side small{
  font-size:14px;
  letter-spacing:2px;
  text-transform:uppercase;
  color:#777;
}

/* Tablet */
@media(max-width:991px){
  .plan-wrap{
    grid-template-columns:repeat(2,1fr);
  }
}

/* Mobile */
@media(max-width:767px){
  .plan-wrap{
    grid-template-columns:1fr;
  }

  .plan-card{
    min-height:auto;
  }

  .plan-content h3{
    font-size:26px;
  }

  .plan-big{
    font-size:48px;
  }
}

.plan-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 12px;
  background:#ffce56;
  color:#fff;
  border-radius:10px;
  text-decoration:none;
  font-size:15px;
  font-weight:600;
  margin-top:15px;
  transition:.3s ease;
}

.plan-btn:hover{
  background:#111;
  color:#fff;
  transform:translateY(-2px);
}
/* FP */
.fpbg{background:var(--offwhite);}
.fpgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:36px;}
.fpc{background:#fff;border:1.5px solid var(--bd);border-radius:6px;overflow:hidden;cursor:pointer;transition:all .3s;}
.fpc:hover{border-color:var(--gold);box-shadow:0 16px 48px rgba(184,150,62,.1);transform:translateY(-4px);}
.fpimg{height:290px;background:linear-gradient(135deg,#F5EDD8,#E4D4A0);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;}
.fpimg i{font-size:50px;color:rgba(184,150,62,.38);}
.fpcover{position:absolute;inset:0;background:rgba(251,247,239,.55);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;transition:opacity .3s;}

.fpcover i{font-size:18px;color:var(--gold);}
.fpcover span{font-size:11px;color:var(--gold);letter-spacing:1.5px;font-weight:600;}
.fpinfo{padding:14px 16px;}
.fptype{font-size:14px;font-weight:700;color:var(--ch);margin-bottom:2px;}
.fparea{font-size:12px;color:var(--lt);}
.fpprice{font-size:14px;color:var(--gold);font-weight:700;margin-top:4px;}
.fpm{display:none;position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.6);backdrop-filter:blur(5px);align-items:center;justify-content:center;}
.fpm.open{display:flex;}
.fpmbox{background:#fff;border-radius:8px;padding:36px;max-width:540px;width:92%;position:relative;}
.fpmclose{position:absolute;top:11px;right:11px;background:var(--offwhite);border:1px solid var(--bd);color:var(--mt);width:30px;height:30px;border-radius:50%;cursor:pointer;font-size:14px;}
.fpmtitle{font-family:'Playfair Display',serif;font-size:22px;color:var(--ch);margin-bottom:16px;}
.fpmimg{height:230px;background:linear-gradient(135deg,#F5EDD8,#E4D4A0);border-radius:4px;display:flex;align-items:center;justify-content:center;margin-bottom:18px;}
.fpmimg i{font-size:52px;color:rgba(184,150,62,.32);}
.fpmstats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px;}
.fpms{text-align:center;background:var(--gbg);border-radius:4px;padding:11px 8px;}
.fpms .v{font-family:'Playfair Display',serif;font-size:17px;color:var(--gold);}
.fpms .l{font-size:10px;color:var(--lt);letter-spacing:1px;margin-top:2px;}
.mpwrap{margin-top:50px;border:1.5px solid var(--bd);border-radius:8px;overflow:hidden;}
.mphead{background:var(--gbg);padding:14px 24px;border-bottom:1px solid var(--bd);}
.mphead h3{font-family:'Playfair Display',serif;font-size:18px;color:var(--ch);}
.mpbody{height:100%;background:linear-gradient(135deg,#F0E8D0,#E4D8B4);display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;overflow:hidden;}
.mpblur{position:absolute;inset:0;backdrop-filter:blur(5px);background:rgba(251,247,239,.45);display:flex;align-items:center;justify-content:center;transition:all .4s;}

.mphint{text-align:center;color:var(--gold);}
.mphint i{font-size:28px;display:block;margin-bottom:7px;}
.mphint p{font-size:12px;letter-spacing:2px;text-transform:uppercase;font-weight:600;}

/* AMENITIES */
.amenbg{background:var(--offwhite);}
.amengrid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:36px;}
.amencard{background:#fff;border:1.5px solid var(--bd);border-radius:6px;padding:17px 7px;text-align:center;transition:all .3s;}
.amencard:hover{border-color:var(--gold);box-shadow:0 8px 24px rgba(184,150,62,.1);transform:translateY(-3px);}
.amencard i{font-size:24px;color:var(--gold);margin-bottom:8px;display:block;}
.amencard span{font-size:10px;color:var(--mt);font-weight:500;line-height:1.4;}
/* GALLERY */
.galsec{
  background:#111;
  padding:100px 0;
  position:relative;
  overflow:hidden;
}

.galhead{
  padding:0 40px;
  margin-bottom:50px;
  text-align:center;
}

.galhead .stag{
  color:var(--gold);
}

.galhead .stitle{
  color:#fff;
}

.galhead .stitle em{
  color:var(--gold);
}

.galgrid{
  display:grid;
  grid-template-columns:2fr 1fr 1fr;
  grid-template-rows:280px 280px;
  gap:18px;
  padding:0 40px;
}

.gc{
  position:relative;
  overflow:hidden;
  border-radius:24px;
  cursor:pointer;
  background:#1a1a1a;
}

.gc.big{
  grid-row:span 2;
}

.gc img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .7s ease;
}

.gc:hover img{
  transform:scale(1.08);
}

.overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(to top,
  rgba(0,0,0,.78),
  rgba(0,0,0,.15));
  z-index:1;
}

.gccontent{
  position:absolute;
  left:30px;
  bottom:28px;
  z-index:2;
}

.galtag{
  display:inline-block;
  padding:8px 16px;
  background:rgba(184,150,62,.18);
  border:1px solid rgba(184,150,62,.4);
  backdrop-filter:blur(8px);
  color:#fff;
  border-radius:40px;
  font-size:11px;
  letter-spacing:2px;
  text-transform:uppercase;
  margin-bottom:16px;
}

.gccontent h3{
  color:#fff;
  font-size:36px;
  line-height:1.2;
  max-width:420px;
  margin:0;
}

.gccontent.small{
  display:flex;
  align-items:center;
  gap:12px;
}

.gccontent.small i{
  width:50px;
  height:50px;
  border-radius:50%;
  background:rgba(255,255,255,.12);
  backdrop-filter:blur(8px);
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--gold);
  font-size:18px;
}

.gccontent.small span{
  color:#fff;
  font-size:18px;
  font-weight:500;
}

.gchover{
  position:absolute;
  top:22px;
  right:22px;
  width:50px;
  height:50px;
  border-radius:50%;
  background:rgba(255,255,255,.14);
  backdrop-filter:blur(10px);
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:3;
  opacity:0;
  transform:translateY(10px);
  transition:.35s ease;
}

.gchover i{
  color:#fff;
  font-size:18px;
}

.gc:hover .gchover{
  opacity:1;
  transform:translateY(0);
}

.galcta{
  padding:45px 40px 0;
  text-align:center;
}

.galcta p{
  color:rgba(255,255,255,.55);
  font-size:15px;
  margin-bottom:22px;
}

.galbtn{
  display:inline-flex;
  align-items:center;
  gap:10px;
  height:58px;
  padding:0 34px;
  border-radius:60px;
  background:var(--gold);
  color:#fff;
  text-decoration:none;
  font-size:15px;
  font-weight:600;
  transition:.35s ease;
}

.galbtn:hover{
  background:#fff;
  color:#111;
  transform:translateY(-3px);
}

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

  .galgrid{
    grid-template-columns:1fr 1fr;
    grid-template-rows:auto;
  }

  .gc.big{
    grid-column:span 2;
    height:500px;
  }

}

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

  .galsec{
    padding:70px 0;
  }

  .galhead{
    padding:0 20px;
    margin-bottom:35px;
  }

  .galgrid{
    grid-template-columns:1fr;
    gap:16px;
    padding:0 20px;
  }

  .gc.big{
    grid-column:auto;
    height:360px;
  }

  .gc{
    height:260px;
    border-radius:18px;
  }

  .gccontent{
    left:20px;
    bottom:20px;
  }

  .gccontent h3{
    font-size:24px;
  }

  .gccontent.small span{
    font-size:15px;
  }

  .gccontent.small i{
    width:42px;
    height:42px;
    font-size:15px;
  }

  .gchover{
    width:42px;
    height:42px;
    top:15px;
    right:15px;
  }

  .galcta{
    padding:35px 20px 0;
  }

}
/* LOCATION */
.locgrid{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:stretch;margin-top:46px;}
.locpts{list-style:none;}
.locpts li{display:flex;align-items:flex-start;gap:10px;padding:11px 0;border-bottom:1px solid var(--bdl);font-size:14px;color:var(--mt);line-height:1.6;}
.locpts li:last-child{border-bottom:none;}
.locpts li i{color:var(--gold);font-size:12px;margin-top:3px;flex-shrink:0;}
.locpts li strong{color:var(--dt);font-weight:600;}
.locmap{border-radius:8px;overflow:hidden;border:1.5px solid var(--bd);min-height:430px;}
.locmap iframe{width:100%;height:100%;border:none;display:block;min-height:430px;}
/* CONTACT */
.ctbg{background:var(--gbg);}
.ctform{max-width:550px;margin:36px auto 0;background:#fff;border-radius:8px;padding:44px 40px;box-shadow:0 20px 60px rgba(184,150,62,.12);border:1px solid var(--bd);}
/* CTA BLOCKS */
.ctabgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:36px;}
.ctab{border:1.5px solid var(--bd);border-radius:8px;padding:30px 22px;text-align:center;transition:all .3s;background:var(--offwhite);}
.ctab:hover{border-color:var(--gold);box-shadow:0 12px 36px rgba(184,150,62,.1);transform:translateY(-4px);background:#fff;}
.ctab i{font-size:30px;color:var(--gold);margin-bottom:11px;display:block;}
.ctab h3{font-family:'Playfair Display',serif;font-size:17px;color:var(--ch);margin-bottom:6px;}
.ctab p{font-size:13px;color:var(--mt);line-height:1.6;margin-bottom:16px;}
/* HIGHLIGHTS */
.hlbg{
  background:var(--offwhite);
  padding:90px 40px;
}

.highlight-main{
  display:grid;
  grid-template-columns:1fr 420px 1fr;
  gap:30px;
  align-items:center;
  margin-top:50px;
}

.hlcol{
  display:flex;
  flex-direction:column;
  gap:18px;
}

.hli{
 display: flex;
    align-items: flex-start;
    gap: 14px;
    background: #fff;
    padding: 13px 15px;
    border-radius: 10px;
    border-left: 4px solid var(--gold);
    transition: all .35s ease;
    position: relative;
    overflow: hidden;
}

.hli::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:linear-gradient(to right,rgba(184,150,62,0.04),transparent);
  opacity:0;
  transition:.3s;
}

.hli:hover::before{
  opacity:1;
}

.hli:hover{
  transform:translateY(-4px);
  box-shadow:0 12px 30px rgba(0,0,0,0.07);
}

.hli i{
  color:var(--gold);
  font-size:18px;
  margin-top:4px;
  width:22px;
  flex-shrink:0;
}

.hlt strong{
  display:block;
  font-size:15px;
  color:var(--ch);
  margin-bottom:6px;
  line-height:1.4;
  font-weight:600;
}

.hlt span{
  font-size:13px;
  color:var(--lt);
  line-height:1.7;
}

.hlcenter{
  position:relative;
  text-align:center;
}

.hlcenter img{
  width:100%;
  border-radius:30px;
  object-fit:cover;
  box-shadow:0 15px 40px rgba(0,0,0,0.12);
}

/* Tablet */
@media(max-width:1199px){

  .highlight-main{
    grid-template-columns:1fr;
  }

  .hlcenter{
    order:-1;
    max-width:500px;
    margin:auto;
  }

}

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

  .hlbg{
    padding:70px 20px;
  }

  .highlight-main{
    gap:22px;
    margin-top:35px;
  }

  .hli{
    padding:16px;
    border-radius:14px;
  }

  .hlt strong{
    font-size:15px;
  }

  .hlt span{
    font-size:13px;
    line-height:1.6;
  }

  .hlcenter img{
    border-radius:20px;
  }

}
/* FOOTER */
footer{background:var(--ch);padding:42px 40px 20px;}
.footin{max-width:1200px;margin:0 auto;}
.ftop{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:18px;margin-bottom:24px;}
.fln{font-family:'Playfair Display',serif;font-size:21px;color:var(--gl);margin-bottom:3px;}
.fls{font-size:10px;color:rgba(255,255,255,.33);letter-spacing:2px;}
.fctcts{display:flex;gap:10px;flex-wrap:wrap;}
.fbtn{display:flex;align-items:center;gap:8px;color:#fff;text-decoration:none;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);padding:9px 16px;border-radius:4px;font-size:13px;font-weight:500;transition:background .3s;}
.fbtn:hover{background:rgba(184,150,62,.15);}
.fbtn i{color:var(--gold);}
.fbtn.wa i{color:#25D366;}
.frera{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:4px;padding:12px 16px;margin-bottom:16px;font-size:12px;color:rgba(255,255,255,.48);line-height:1.9;}
.frera strong{color:var(--gl);}
.fdisc{font-size:11px;color:rgba(255,255,255,.27);line-height:1.8;}
.fbot{margin-top:18px;padding-top:14px;border-top:1px solid rgba(255,255,255,.07);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;}
.fbot p{font-size:11px;color:rgba(255,255,255,.27);}
.freratag{font-size:11px;color:var(--gold);font-weight:600;}
/* SIDE */
.sbtns{position:fixed;left:0;top:50%;transform:translateY(-50%);z-index:998;display:flex;flex-direction:column;}
.sbtn{writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);display:flex;align-items:center;gap:7px;padding:16px 10px;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#fff;text-decoration:none;transition:all .3s;}
.sbtn i{transform:rotate(90deg);font-size:13px;}
.sc{background:#25D366;}.sc:hover{background:#1DA856;}
.sw{background:#128C7E;}.sw:hover{background:#0E6D62;}
/* MOB BAR */
.mobbar{position:fixed;bottom:0;left:0;width:100%;z-index:998;display:none;box-shadow:0 -4px 20px rgba(0,0,0,.12);}
.mobbar a{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:13px;font-size:14px;font-weight:600;text-decoration:none;color:#fff;}
.mcall{background:#25D366;}.menq{background:var(--gold);}
/* POPUPS */
.pov{display:none;position:fixed;inset:0;z-index:10000;background:rgba(0,0,0,.58);backdrop-filter:blur(5px);align-items:center;justify-content:center;}
.pov.open{display:flex;}
.pbox{background:#fff;border-radius:8px;padding:36px;max-width:440px;width:92%;position:relative;border:1px solid var(--bd);}
.pcls{position:absolute;top:10px;right:10px;background:var(--offwhite);border:1px solid var(--bd);width:29px;height:29px;border-radius:50%;cursor:pointer;font-size:14px;color:var(--mt);}
.picon{font-size:40px;text-align:center;margin-bottom:9px;}
.ptitle{font-family:'Playfair Display',serif;font-size:21px;color:var(--ch);text-align:center;margin-bottom:5px;}
.psub{font-size:15px;color:var(--mt);text-align:center;margin-bottom:30px;margin-top:-10px;line-height:1.6;background: black;color: white;padding: 10px}
/* SUBMIT */
.subov{display:none;position:fixed;inset:0;z-index:11000;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);align-items:center;justify-content:center;}
.subov.open{display:flex;}
.subbox{text-align:center;}
.spin{width:52px;height:52px;border:3px solid var(--bd);border-top-color:var(--gold);border-radius:50%;animation:sp .9s linear infinite;margin:0 auto 14px;}
@keyframes sp{to{transform:rotate(360deg);}}
.subbox h3{font-family:'Playfair Display',serif;font-size:19px;color:var(--gold);margin-bottom:5px;}
.subbox p{font-size:14px;color:var(--mt);}
/* RESPONSIVE */
@media(max-width:1000px){
  .ovgrid,.hero-in,.locgrid{grid-template-columns:1fr;}
  .whyitem,.whyitem.rev{grid-template-columns:1fr;}
  .whyitem.rev .wc{order:unset;}.whyitem.rev .wi{order:unset;}
  .wi{order:-1;min-height:210px;}
  .payboxes{grid-template-columns:1fr 1fr;}
  .fpgrid{grid-template-columns:1fr 1fr;}
  .galgrid{grid-template-columns:1fr 1fr;grid-template-rows:auto;}
  .gc:first-child{grid-row:span 1;}.gc{height:210px;}
  .ctabgrid{grid-template-columns:1fr;}
  .hlgrid{grid-template-columns:1fr;}
  .nav-links{display:none;}.hbg{display:block;}
  .sbtns{display:none;}.mobbar{display:flex;}body{padding-bottom:52px;}
  .amengrid{grid-template-columns:repeat(3,1fr);}
  .ovbadge{left:12px;}
}
@media(max-width:600px){
  .sec{padding:55px 18px;}.nav{padding:0 8px;}
  .hero-in{padding:46px 18px 34px;gap:34px;}
  .ctastrip{padding:44px 18px;}
  .hform,.ctform{padding:24px 18px;}
  .payboxes{grid-template-columns:1fr;}
  .fpgrid{grid-template-columns:1fr;}
  .amengrid{grid-template-columns:repeat(3,1fr);}
  .galgrid{padding:0 16px;grid-template-columns:1fr;}.galgrid .gc{height:100%;}
  .galhead{padding:0 18px;}.galcta{padding:26px 18px 0;}
  footer{padding:32px 18px 18px;}.ftop{flex-direction:column;}
  .crow{flex-direction:column;align-items:center;}
  .hlbg{padding:55px 18px;}
  .wc{padding:32px 20px;}
  .ptbl{font-size:11px;}.ptbl th,.ptbl td{padding:9px 10px;}
}

@media screen and (max-width: 456px){
  #abook{
display: none;
  }
#gcw img{
  height: 300px;
}

}

  #abook:hover{
background-color: black!important;
color:white;
  }

  .form-group{
    margin-bottom:18px;
    position:relative;
}

.form-control{
    width:100%;
    height:54px;
    border:none;
    border-bottom:1px solid #d7d7d7;
    border-radius:0;
    box-shadow:none !important;
    background:transparent;
    padding:0 0 0 0;
    font-size:16px;
    color:#222;
    transition:0.3s ease;
}

.form-control:focus{
    border-color:#c7a14a;
    background:transparent;
}

.form-control::placeholder{
    color:#6f6f6f;
    font-weight:400;
}

/* =========================================================
   ERROR MESSAGE
========================================================= */

.em,
.ff-em{
    display:none;
    font-size:13px;
    margin-top:8px;
    color:#e74c3c !important;
    font-weight:500;
}

.em.show,
.ff-em.show{
    display:block;
}

.err{
    border-color:#e74c3c !important;
}

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

.enquire-btn,
.btn-warning,
.btn-dark{
    width:100%;
    height:54px;
    border-radius:8px;
    border:none;
    font-size:16px;
    font-weight:600;
    transition:0.3s ease;
    letter-spacing:0.3px;
}

.enquire-btn:hover,
.btn-warning:hover,
.btn-dark:hover{
    transform:translateY(-2px);
}

/* =========================================================
   CONSENT TEXT
========================================================= */

.inp-box{
    margin-top:12px;
}

.inp-box input[type="checkbox"]{
    margin-top:3px;
}

.inp-txt{
    font-size:11px !important;
    line-height:18px !important;
    color:#444 !important;
}

/* =========================================================
   MODAL POPUP
========================================================= */

.modal-dialog{
    max-width:1120px;
}

.modal-content{
    border:none;
    border-radius:12px;
    overflow:hidden;
}

.modal-body{
    padding:0;
}

.modal img{
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:10px;
}

/* =========================================================
   POPUP RIGHT SIDE
========================================================= */

.popup-right{
    padding:35px 40px;
    background:#fff;
}

.popup-right h2{
    font-size:42px;
    margin-bottom:30px;
    text-align:center;
    font-weight:500;
    color:#111;
}

/* =========================================================
   CLOSE BUTTON
========================================================= */

.close{
    position:absolute;
    right:12px;
    top:10px;
    z-index:10;
    opacity:1;
    font-size:20px;
    width:42px;
    height:42px;
    border-radius:6px;
    background:#c7a14a !important;
    color:#fff !important;
    text-shadow:none;
}

/* =========================================================
   LOADER
========================================================= */

#formLoaderOverlay{
    font-family:inherit;
    color:#111;
}

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

@media(max-width:991px){

    .modal-dialog{
        max-width:95%;
        margin:20px auto;
    }

    .popup-right{
        padding:28px 24px;
    }

    .popup-right h2{
        font-size:30px;
        margin-bottom:22px;
    }

}

@media(max-width:767px){

    .form-control{
        height:50px;
        font-size:15px;
    }

    .btn-warning,
    .btn-dark,
    .enquire-btn{
        height:50px;
        font-size:15px;
    }

    .inp-txt{
        font-size:10px !important;
        line-height:16px !important;
    }

    .modal-dialog{
        max-width:94%;
    }

    .popup-right{
        padding:24px 20px;
    }

    .popup-right h2{
        font-size:26px;
    }

}