@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=DM+Serif+Display:ital@0;1&display=swap');

:root{
    --deep-green:#023E32;
    --deep-green-2:#0a2e29;
    --gold:#b8894a;
    --gold-light:#cf9f5f;
    --cream:#F6F1ED;
    --cream-2:#efe8d9;
    --ink:#1c2b28;
    --gray:#5c6663;
    --white:#ffffff;
  }
  *{margin:0;padding:0;box-sizing:border-box;}
  html{scroll-behavior:smooth;overflow-x:hidden;}
  body{font-family: "Be Vietnam Pro", sans-serif; color:var(--ink); background:var(--cream);-webkit-font-smoothing:antialiased; overflow-x:hidden;}
body.modal-open {
    overflow: hidden;
    height: 100vh;
    touch-action: none; /* Helps on mobile */
}
  .container{max-width:1280px;margin:0 auto;padding:0 24px;}
h1, h2, h3, .serif{font-family: "DM Serif Display", serif;}
  a{text-decoration:none;color:inherit;}
  img{display:block;max-width:100%;}
  ul{list-style:none;}
  .container{ max-width:1280px; margin:0 auto; padding:0 clamp(20px, 4vw, 15px);}
font-weight: 600; 600; .eyebrow{color:var(--gold); font-size:13px; letter-spacing: 2.5px; font-weight:600; text-transform: uppercase; display:flex; align-items:center; gap:14px;}
  .eyebrow::after{content:""; display:block; height:1px; width:60px; background:var(--gold); opacity:.6;}
  .btn{display:inline-flex;align-items:center;gap:10px;padding:15px 15px;font-size:10px;letter-spacing:1.6px;font-weight:400;text-transform:uppercase;border-radius:2px;cursor:pointer;transition:all .25s ease;border:1px solid transparent;white-space:nowrap;}
  .btn-solid{background:var(--deep-green); color:var(--white);}
  .btn-solid:hover{background:var(--deep-green-2);}
  .btn-outline{background:transparent;border:1px solid var(--gold); color:var(--gold);}
  .btn-outline:hover{background:var(--gold);color:var(--white);}
  .btn-outline-light{background:transparent;border:1px solid var(--gold);color:var(--gold-light);}
  .btn-outline-light:hover{background:var(--gold);color:var(--deep-green-2);}

  /* HEADER */
  header{position:sticky;top:0;z-index:100; max-width:100%;width:100%;}
.nav-wrap{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;max-width:1280px;margin:0 auto;position:relative;gap:16px;}
  .logo{display:flex;align-items:center;gap:14px;max-width:60px;width:100%;flex-shrink:0;}
  .logo .k-letter{font-size:clamp(26px, 4vw, 34px);  font-weight:700; color:var(--gold);}
  .logo .divider{width:1px;height:34px;background:var(--gold); opacity:.5; flex-shrink: 0; }
  .logo-text-main{ font-size: clamp(16px, 2.4vw, 20px); letter-spacing: 2px; color: var(--deep-green); font-weight: 700; line-height: 1.1; white-space: nowrap; }
.logo-text-sub { font-size:clamp(7.5px, 1.4vw, 9.5px); letter-spacing:2.4px; color:var(--gold); font-weight:500; white-space:nowrap; }
nav ul {display:flex;gap:clamp(16px, 2.2vw, 34px);align-items:center; }
nav a{font-size:12px; letter-spacing:. 5px; font-weight:500; color:var(--ink);  position:relative; padding-bottom:6px; white-space:nowrap; text-transform: uppercase; }
  nav a.active{color:var(--deep-green);font-weight:600;}
  nav a.active::after{ content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--gold); }
  .nav-right{display:flex;align-items:center;gap:16px;flex-shrink:0;}
  .lang{display:flex;align-items:center;gap:5px;font-size:13px;color:var(--ink);cursor:pointer;flex-shrink:0;}
  .menu-toggle{ display:none;background:none;border:none;font-size:22px;cursor:pointer;color:var(--deep-green);  z-index:210;line-height:1;padding:4px;position:relative;width:32px;height:32px; }
  .menu-toggle .icon-close{display:none;}
  .menu-toggle.open .icon-menu{display:none;}
  .menu-toggle.open .icon-close{display:inline;}

  .nav-overlay{  display:none;  position:fixed;inset:0;  background:rgba(10,30,26,.45);  z-index:190;  opacity:0; transition:opacity .25s ease; }
  .nav-overlay.show{display:block;opacity:1;}

  .mobile-nav-panel{ position:fixed;top:0;right:0;bottom:0; width:min(320px, 84vw); background:var(--cream);  z-index:200; box-shadow:-12px 0 40px rgba(0,0,0,.18);  padding:28px 28px 40px;  transform:translateX(100%);    transition:transform .3s ease;  overflow-y:auto;  display:flex; flex-direction:column;}
  .mobile-nav-panel.show{transform:translateX(0);}
  .mobile-nav-head{margin-bottom:36px;}
  .mobile-nav-list{display:flex;flex-direction:column;gap:4px;margin-bottom:30px;}
  .mobile-nav-list li a{ display:block;padding:14px 4px;font-size:16px;font-weight:500;color:var(--ink); border-bottom:1px solid rgba(184,137,74,.18);}
  .mobile-nav-list li a.active{color:var(--deep-green);font-weight:700;}
  .mobile-consult{justify-content:center;width:100%;margin-bottom:22px;}
  .mobile-lang{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--ink);}
  body.nav-locked{overflow:hidden;}

  /* HERO */
  .hero{ position:relative; min-height:640px; overflow:hidden; display:flex; align-items:center; flex-direction:column;}
  .hero-inner{ position:relative;z-index:2; width:100%;  max-width:1280px; margin:0 auto; /* padding:0 clamp(20px, 4vw, 48px); */ }
  .hero-bg{ width: 100%;  height: 100%;  position:absolute;inset:0; background:url("../images/hero-bg.png") no-repeat;  background-size:contain; background-position:top right; }
  .hero-fade{position:absolute;inset:0; background:linear-gradient(90deg, var(--cream) 19%, var(--cream) 48%, rgba(247,242,233,.85) 56%, rgba(247,242,233,.25) 67%, rgba(247,242,233,0) 100%);}
  .hero-content{ position:relative; z-index:2; max-width:460px; padding:55px 0;}
	.hero-content .eyebrow {margin-bottom: 22px;}
  .hero-content h1{ font-size:50px; line-height:1.15; color:var(--deep-green); font-weight:500;  margin-bottom:22px;}
  .hero-content h1 em{ color:var(--gold); font-style:italic;  font-weight:500; }
  .hero-rule{ width:70px;height:2px;background:var(--gold);margin-bottom:24px;}
  .hero-content p{font-size:15.5px; line-height:1.75; color:var(--gray); max-width:460px; margin-bottom:36px;}
  .hero-btns{display:flex;gap:16px;flex-wrap:wrap;}

  /* STATS BAR */
  .stats{ background:var(--deep-green);  color:var(--white);  position: absolute;left:50%; top: 550px;width:100%;  transform:translateX(-50%);   z-index: 1; }
  .stats-inner{ max-width:1280px;margin:0 auto;  display:grid;grid-template-columns:repeat(4,1fr); padding:40px 0; }
  .stat{ display:flex;align-items:center;gap:20px;  padding:0 26px;  position:relative;   }
  .stat:not(:first-child){border-left:1px solid rgba(255,255,255,.15);}
  .stat-icon{  width:70px;height:70px;flex-shrink:0;  color:var(--gold-light); }
  .stat-icon svg{width:100%;height:100%;}
  .stat-num{font-family: "DM Serif Display", serif; font-size:55px;font-weight:500;line-height:1;letter-spacing:2px;color:var(--white);}
  .stat-label{font-size:13px;letter-spacing:.5px;margin-top:6px;color:rgba(255,255,255,.85);font-family: "Be Vietnam Pro", sans-serif; margin-bottom:10px;}
  .stat-sub{font-size:13px;color:rgba(255,255,255,.55);margin-top:2px; font-family: "Be Vietnam Pro", sans-serif;}

  /* WHAT WE DO */
  .whatwedo{padding:100px 0 40px;}
  .wwd-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap: 20px;max-width:1280px;margin:44px auto 0;}
  .wwd-left{grid-column:1; max-width:364px; width:100%}
  .wwd-right{grid-column:2 / -1;display:grid; grid-template-columns:repeat(4,1fr); text-align:center;}
  .wwd-left h2{font-size:34px;color:var(--deep-green);line-height:1.25;margin:16px 0 20px;font-weight:200;}
  .wwd-left p{color:var(--gray);font-size:14.5px;line-height:1.75;margin-bottom:28px;}
  .service-card{max-width:212px; width:100%; background:transparent; padding:6px 20px 6px; border-left:1px solid rgba(184,137,74,.18);}
  .service-icon{width:70px;height:70px; display:flex;align-items:center;justify-content:center; margin-bottom:22px; color:var(--gold); margin:0 auto 22px;}
  .service-icon svg{width:24px;height:24px;}
  .service-card h3{font-family: "Be Vietnam Pro", sans-serif; font-size:14px;text-transform:uppercase;color:var(--deep-green); font-weight:700;margin-bottom:14px;line-height:1.4;}
  .service-card p{font-size:14.5px;color:var(--gray);line-height:1.7;}

  /* FEATURED PROPERTIES */
  .featured{max-width: 96%; width: 100%;margin:0 auto; background:var(--white); position:relative;  }
  .featured-head{display:flex;justify-content:space-between;align-items:flex-end; max-width:1280px;margin:0 auto 40px;}
  .featured-head .eyebrow{margin-bottom:0;}
  .view-all{font-size:13px;font-weight:600;letter-spacing:1px;color:var(--deep-green);display:flex;align-items:center;gap:8px;text-transform:uppercase;} 
   .prop-grid{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:26px; position:relative;}
  .prop-card{ background:var(--white);  border:1px solid #eee2cf;  border-radius:4px;  overflow:hidden;  transition:box-shadow .25s ease, transform .25s ease; }
  .prop-card:hover{box-shadow:0 18px 34px rgba(13,59,52,.12);transform:translateY(-4px);}
  .prop-img{position:relative;height:190px;overflow:hidden;}
  .prop-img img{width:100%;height:100%;object-fit:cover;}
  .prop-badge{position:absolute;top:0;left:0;background:var(--deep-green);color:var(--white); font-size:10.5px;letter-spacing:1.5px;font-weight:600; padding:5px 12px;border-radius:2px;text-transform:uppercase;}
  .prop-body{padding:20px;}
  .prop-body h3{font-size:18px;color:var(--deep-green);font-weight:500;margin-bottom:6px;}
  .prop-body .prop-sub{font-size:12.5px;color:var(--gray);margin-bottom:18px;}
  .prop-foot{display:flex;justify-content:space-between;align-items:center;}
  .prop-price{font-size:13px;color:var(--ink);}
  .prop-price span{color:var(--gold);font-weight:600;}
  .prop-arrow{ width:36px;height:36px;border:1px solid var(--gold);border-radius:50%; display:flex;align-items:center;justify-content:center;color:var(--gold); transition:all .2s ease;}
  .prop-card:hover .prop-arrow{background:var(--gold);color:var(--white);}
  .carousel-nav{ position:absolute;right:-20px;top:40%; width:44px;height:44px;background:var(--white);border-radius:50%; box-shadow:0 6px 20px rgba(0,0,0,.12); display:flex;align-items:center;justify-content:center;    cursor:pointer;color:var(--deep-green); }

  /* TRUST BAR */
  .trust{ padding:30px 0; }
  .trust-title{ text-align:center;  display:flex;align-items:center;justify-content:center;gap:18px; color:var(--gold);font-size:15px;letter-spacing:2.5px;font-weight:600;  text-transform:uppercase;margin-bottom:30px; }
  .trust-title::before,.trust-title::after{ content:"";width:70px;height:1px;background:var(--gold);opacity:.6; }
  .trust-grid{ max-width:1280px;margin:0 auto; display:grid;grid-template-columns:repeat(4,1fr);gap:40px;}
  .brd-none{ border:none !important; }
  .trust-item{display:flex;gap:12px;align-items:flex-start; border-left:1px solid rgba(184,137,74,.18);padding-left:20px;}
  .trust-icon{width:60px;height:60px;color:var(--gold);flex-shrink:0;}
  .trust-icon svg{width:100%;height:100%;}
  .trust-item h4{font-size:14px;color:var(--deep-green);font-weight:700;letter-spacing:.3px;margin-bottom:8px;text-transform:uppercase;}
  .trust-item p{font-size:13px;color:var(--gray);line-height:1.6;}

  /* FOOTER */
  footer{ background:var(--deep-green-2);  color:rgba(255,255,255,.85); padding:40px 48px 0;  width: 100% ;}
  .footer-grid{ max-width:1280px;margin:0 auto; display:grid;grid-template-columns:1.6fr 1fr 1fr 1.2fr;gap:40px; padding-bottom:50px; border-bottom:1px solid rgba(255,255,255,.12); }
  .footer-logo{display:flex;align-items:center;gap:14px;margin-bottom:20px;max-width:100px;width:100%;flex-shrink:0;}
  .footer-logo .k-letter{font-family:'Playfair Display',serif;font-size:30px;color:var(--gold-light);font-weight:700;}
  .footer-logo .divider{width:1px;height:30px;background:var(--gold-light);opacity:.5;}
  .footer-logo-text-main{font-family:'Playfair Display',serif;font-size:18px;letter-spacing:2px;color:var(--white);font-weight:700;}
  .footer-logo-text-sub{font-size:9px;letter-spacing:3px;color:var(--gold-light);}
  .footer-about p{font-size:13.5px;line-height:1.8;color:rgba(255,255,255,.65);margin-bottom:24px;max-width:320px;}
  .socials{display:flex;gap:12px;}
  .socials a{ width:36px;height:36px;border:1px solid var(--gold-light);border-radius:50%; display:flex;align-items:center;justify-content:center;color:var(--gold-light); transition:all .2s ease;}
  .socials a:hover{background:var(--gold-light);color:var(--deep-green);}
  .socials svg{width:16px;height:16px;}
  .footer-col{ border-left: 1.5px solid #0a5a3594;  padding-left: 50px; }
  .footer-col h4{ font-size:13.5px;letter-spacing:1.5px;text-transform:uppercase;color:var(--white); font-weight:700;margin-bottom:22px; }
  .footer-col ul li{margin-bottom:13px;}
  .footer-col ul a{font-size:13.5px;color:rgba(255,255,255,.7);transition:color .2s;}
  .footer-col ul a:hover{color:var(--gold-light);}
  .footer-contact li{ display:flex;gap:12px;font-size:13.5px;color:rgba(255,255,255,.75);margin-bottom:16px;align-items:flex-start; }
  .footer-contact svg{width:16px;height:16px;color:var(--gold-light);flex-shrink:0;margin-top:2px;}
  .footer-cta{margin-top:12px;}
  .bottom-bar{ max-width:1280px;margin:0 auto; display:flex;justify-content:space-between;align-items:center; padding:26px 0; font-size:12.5px;color:rgba(255,255,255,.55); flex-wrap:wrap;gap:10px;}
  .bottom-bar a{margin-left:22px;color:rgba(255,255,255,.55);}
  .bottom-bar a:hover{color:var(--gold-light);}

  #button {display: inline-block; background-color: #FF9800; width: 50px; height: 50px; text-align: center;  border-radius: 4px;  position: fixed;  bottom: 30px;  right: 30px;  transition: background-color .3s,     opacity .5s, visibility .5s;  opacity: 0;  visibility: hidden;  z-index: 1000;}
#button::after {  content: "\f077";  font-family: FontAwesome;  font-weight: normal;  font-style: normal;  font-size: 2em;  line-height: 50px;  color: #fff;}
#button:hover {  cursor: pointer;  background-color: #333;}
#button:active {  background-color: #555;}
#button.show {  opacity: 1;  visibility: visible;}

  @media (prefers-reduced-motion: reduce){ html{scroll-behavior:auto;}  *{transition-duration:0.001ms !important;animation-duration:0.001ms !important;} }

  .wrap{  max-width:1280px; width:100%;  margin:0 auto;  padding:40px 20px; } 
   .head{ display:flex;  align-items:center;  justify-content:space-between;  margin-bottom:36px; gap:24px;  flex-wrap:wrap;}
   .eyebrow{ display:flex; align-items:center; gap:18px;}
   .eyebrow span{ font-family:'Inter',sans-serif; font-weight:700;  font-size:12.5px;  letter-spacing:0.22em; color:var(--gold);  text-transform:uppercase;  white-space:nowrap; }
   .eyebrow i{ display:block; width:64px; height:1px; background:var(--gold);}
   .view-all{ display:inline-flex; align-items:center; gap:8px; font-size:13px; font-weight:600; letter-spacing:0.04em;  color:var(--forest); text-decoration:none; text-transform:uppercase;  border-bottom:1px solid transparent;    transition:border-color .25s ease, gap .25s ease; }
  .view-all:hover{ border-color:var(--forest); gap:12px; }
  .view-all svg{ width:15px; height:15px; }
 
  /* ---------- Slider ---------- */
  .slider-region{  position:relative;}
   .slider-track{ display:flex; gap:24px; overflow-x:auto; scroll-snap-type:x mandatory;  scroll-behavior:smooth;  padding-bottom:8px; margin:0 -4px;  padding-left:4px;  padding-right:4px; -webkit-overflow-scrolling:touch;  }
  .slider-track::-webkit-scrollbar{ display:none; }
  .slider-track{ scrollbar-width:none; -ms-overflow-style:none; }
   .card{ flex:0 0 calc(25% - 18px);  scroll-snap-align:start; display:flex;  flex-direction:column;  overflow:hidden;  /* transition:transform .35s ease, box-shadow .35s ease, border-color .35s ease; */  background: var(--white);    border: 1px solid #eee2cf;  border-radius: 4px;  overflow: hidden; transition: box-shadow .25s ease, transform .25s ease; }
  .card:hover{  transform:translateY(-2px);  box-shadow:0 18px 34px rgba(13,59,52,.12);transform:translateY(-4px);  /* border-color:var(--gold-soft); */  }
   .card-media{  position:relative;  width:100%; aspect-ratio:4/3;  overflow:hidden;  background:var(--forest-deep);}
  .card-media img{ width:100%; height:100%; object-fit:cover; display:block; transition:transform .6s ease;}
  .card:hover .card-media img{ transform:scale(1); }
    .card-body{padding:20px 20px 22px;  display:flex; flex-direction:column;  gap:10px;  flex:1;}
   .card-body h3{ font-weight:600; font-size:19px;  margin:0; line-height:1.25; color:var(--forest-deep); }
   .card-body p{ margin:0; font-size:13px;  color:var(--muted);  line-height:1.4;}
   .card-footer{ margin-top:auto; display:flex; align-items:center; justify-content:space-between; }
   .price{ font-size:13px; color:var(--ink); }
  .price b{ color:var(--gold);  font-weight:700;  font-size:14px;}
   .goto{ width:34px;  height:34px;  border:1px solid var(--gold);  display:flex; align-items:center;  justify-content:center;  color:var(--gold);  background:transparent; cursor:pointer; transition:background .25s ease, color .25s ease; flex-shrink:0; }
  .goto:hover{ background:var(--gold); color:var(--white); }
  .goto svg{ width:15px; height:15px; }
 
  /* ---------- Nav arrow ---------- */
  .nav-btn{ position:absolute; top:38%; transform:translateY(-50%); width:46px; height:46px;  border-radius:50%;  border:1px solid var(--line); background:var(--white);  box-shadow:0 10px 24px -10px rgba(15,51,39,0.35);    display:flex;  align-items:center;  justify-content:center;  cursor:pointer;  z-index:5; color:var(--forest-deep); transition:background .25s ease, color .25s ease, border-color .25s ease;}
  .nav-btn:hover{ background:var(--forest); color:var(--white); border-color:var(--forest); }
  .nav-btn:disabled{ opacity:0.35; cursor:default; }
  .nav-btn:disabled:hover{ background:var(--white); color:var(--forest-deep); border-color:var(--line); }
  .nav-btn svg{ width:18px; height:18px; }
  .nav-prev{ left:-23px; }
  .nav-next{ right:-23px; }
 
  /* ---------- Dots ---------- */
  .dots{ display:none;  justify-content:center;  gap:8px;  margin-top:28px; }
  .dot{  width:7px;  height:7px;  border-radius:50%;  background:var(--line);  border:none;  padding:0;  cursor:pointer;  transition:background .25s ease, width .25s ease; }
  .dot.active{ background:var(--gold); width:20px; border-radius:4px; }

/* about */
 
  /* ===== HERO ===== */
   .common-hero{ position:relative;display:flex;align-items:center;justify-content:center;text-align:center;background:linear-gradient(180deg, rgba(21,40,32,.72), rgba(21,40,32,.86)),linear-gradient(180deg,#2b4b3a 0%,#16281f 100%); overflow:hidden;color:var(--white);padding:40px 24px 40px; width:100%;}
  .eyebrows {color:var(--gold-light);font-size:12.5px;letter-spacing:1.8px;text-transform:uppercase;font-weight:600;margin-bottom:16px;line-height:50px;}
  .common-hero svg.skyline{position:absolute;bottom:0;left:0;width:100%;height:60%;opacity:.5;}
  .common-hero-content{position:relative;z-index:2;max-width:760px;}
  .common-hero h1{font-size:clamp(34px,5vw,54px);font-weight:500;line-height:1.2;color:var(--white) !important;margin-bottom:16px;}
  .common-hero .rule{width:60px;height:2px;background:var(--gold);margin:22px auto 0;}
 
  /* ===== STORY ===== */
  .story{padding:40px 0;}
  .story-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;}
  .story h2{font-size:clamp(28px,3.4vw,38px);font-weight:600;color:var(--deep-green);line-height:1.25;margin-bottom:22px;}
  .story p{color:var(--ink);font-size:15.5px;margin-bottom:16px;max-width:520px; line-height:26px;}
  .story-media{position:relative;}
  .story-media .photo{width:100%;border-radius:2px;overflow:hidden; background:linear-gradient(135deg,#3a3f45,#181b1e);}
  .story-media img{width:100%;height:100%;object-fit:cover;}
  .stat-card{background:var(--white);padding:26px 28px;box-shadow:0 20px 45px rgba(20,30,25,.15);border-left:3px solid var(--gold); margin-top:30px}
  .stat-card .num{font-family:'Playfair Display',serif;font-size:36px;color:var(--deep-green);font-weight:700;}
  .stat-card .num span{color:var(--gold);}
  .stat-card p{font-size:12.5px;color:var(--ink);margin-top:6px; }
 
  /* ===== STATS BAND ===== */
  .stats-band{background:var(--deep-green);padding:40px 0;margin-top:50px;width:96%;}
  .stats-grid{display:grid;grid-template-columns:repeat(4,1fr);text-align:center;}
  .stats-grid div{border-right:1px solid rgba(255,255,255,.12);}
  .stats-grid div:last-child{border-right:none;}
  .stats-grid .num{font-family:'Playfair Display',serif;font-size:38px;color:var(--white);font-weight:700;}
  .stats-grid .label{color:var(--gold-light);font-size:12px;letter-spacing:1.4px;text-transform:uppercase;margin-top:8px;font-weight:600;}
  .stats-grid .desc{color:rgba(255,255,255,.65);font-size:12.5px;margin-top:4px;}
 
  /* ===== VALUES ===== */
  .values{background:var(--cream);padding:40px 0;text-align:center;}
  /* .section-head{margin-bottom:56px;} */
  .section-head h2{font-size:clamp(28px,3.4vw,36px);color:var(--deep-green);font-weight:600;}
  .values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;text-align:left;}
  .value-card{
    background:var(--white);padding:34px 28px;border-top:3px solid var(--gold);
    transition:transform .25s ease, box-shadow .25s ease;
  }
  .value-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(20,30,25,.1);}
  .value-card .idx{font-family:'Playfair Display',serif;font-size:34px;color:#e3dcc9;font-weight:700;margin-bottom:14px;}
  .value-card h3{font-family:'Playfair Display',serif;font-size:19px;color:var(--deep-green);margin-bottom:10px;}
  .value-card p{font-size:14px;color: var(--ink);font-size: 15.5px; margin-bottom: 16px; max-width: 520px; line-height: 26px;}
 
  /* ===== JOURNEY ===== */
  .journey{padding:40px 0; background:var(--white);width:96%;}
  .journey .section-head{text-align:center;}
  .timeline{position:relative;max-width:900px;margin:70px auto 0;}
  .timeline::before{
    content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:var(--gold);transform:translateX(-50%);
  }
  .t-row{display:grid;grid-template-columns:1fr 40px 1fr;align-items:center;margin-bottom:54px;}
  .t-row:last-child{margin-bottom:0;}
  .t-side{padding:0 30px;}
  .t-side.right{text-align:left;}
  .t-side.left{text-align:right;}
  .t-year{font-family:'Playfair Display',serif;color:var(--gold);font-size:24px;font-weight:700;margin-bottom:6px;}
  .t-desc{color:var(--ink-soft);font-size:14px;}
  .t-dot-wrap{display:flex;justify-content:center;}
  .t-dot{width:13px;height:13px;border-radius:50%;background:var(--gold);border:3px solid var(--gold-light);}
  .t-row .t-side.empty{visibility:hidden;}
 
  /* ===== TEAM ===== */
  .team{background:var(--cream);padding:40px 0;text-align:center;}
  .team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;text-align:left;}
  .team-card .photo{width:100%;aspect-ratio:1/1.05;overflow:hidden;background:#ddd;margin-bottom:18px;}
  .team-card .photo img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease;}
  .team-card:hover .photo img{transform:scale(1.06);}
  .team-card h3{font-family:'Playfair Display',serif;font-size:18px;color:var(--deep-green);}
  .team-card .role{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--gold);font-weight:600;margin:6px 0 10px;}
  .team-card .bio{font-size:13.5px;color:var(--ink-soft);}
 
  /* ===== CTA ===== */
  .cta{background:var(--deep-green);color:var(--white);text-align:center;padding:40px 24px;width:100%;}
  .cta h2{font-size:clamp(28px,3.6vw,40px);font-weight:600;margin-bottom:18px;}
  .cta p{color:rgba(255,255,255,.75);max-width:520px;margin:0 auto 34px;font-size:15px;}
 
 
  /* ===== REVEAL ANIM ===== */
  /* .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease, transform .7s ease;} */
  /* .reveal.show{opacity:1;transform:translateY(0);} */
 
  /* ===== RESPONSIVE ===== */
  @media (max-width:980px){
    nav.primary{display:none;}
    .burger{display:flex;}
    nav.primary.mobile-open{ display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;  background:var(--white);padding:20px 32px;gap:18px;border-bottom:1px solid var(--line); }
    .story-grid{grid-template-columns:1fr;gap:60px;}
/*     .stat-card{position:static;margin-top:-40px;margin-left:20px;width:auto;max-width:260px;} */
    .stats-grid{grid-template-columns:repeat(2,1fr);row-gap:36px;}
    .stats-grid div:nth-child(2){border-right:none;}
    .values-grid{grid-template-columns:repeat(2,1fr);}
    .team-grid{grid-template-columns:repeat(2,1fr);}
    .footer-grid{grid-template-columns:1fr 1fr;}
    .t-row{grid-template-columns:30px 1fr;}
    .timeline::before{left:14px;}
    .t-dot-wrap{grid-row:1;}
    .t-side{grid-column:2;text-align:left !important;padding:0 0 0 20px;}
    .t-side.left{order:1;}
  }
  @media (max-width:600px){
    .wrap{padding:0 20px;}
    .nav-inner{padding:14px 20px;}
    .hero{padding:80px 20px 70px;min-height:360px;}
    .story,.values,.journey,.team{padding:70px 0;}
    .stats-band{padding:44px 0;margin-top:40px;}
    .values-grid{grid-template-columns:1fr;}
    .team-grid{grid-template-columns:1fr 1fr;gap:18px;}
    .footer-grid{grid-template-columns:1fr;gap:36px;padding-bottom:40px;}
    .cta{padding:70px 20px;}
    .footer-bottom{flex-direction:column;text-align:center;}
    .footer-bottom a{margin-left:0;margin-right:16px;}
  }


/* about end here */





  /* service */

.common-hero p.sub{margin-top:16px;color:rgba(255,255,255,.75);font-size:15.5px;}
.common-hero .rule {width:60px;height:2px;background:var(--gold);margin:22px auto 0;}

/* .section-head{margin-bottom:56px;} */
.section-head h2{font-size:clamp(28px, 3.4vw, 36px);color:var(--deep-green);font-weight:600;}
.section-head p{color:var(--ink-soft);font-size:15px;max-width:700px;margin-top:14px;}
.section-head.center{text-align:center;}
.section-head.center p{margin-left:auto;margin-right:auto;}

  .services-intro{padding:40px 0 0;text-align:center; width:90%;margin:0 auto}
  .services-intro h2{font-size:clamp(28px,3.4vw,36px);color:var(--deep-green);font-weight:600;margin-bottom:16px;width:70%;margin:0 auto}
  .services-grid{padding:0 0 50px;}
  .svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;}
  .services-grid .svc-grid .svc-card{background:var(--white);border:1px solid var(--line);padding:40px 32px;transition:.25s ease;position:relative;}
  .svc-card:hover{border:1px solid var(--gold);transform:translateY(-6px);box-shadow:0 18px 40px rgba(20,30,25,.08);}
  .svc-icon{width:52px;height:52px;border-radius:50%;background:var(--cream);border:1.5px solid var(--gold);display:flex;align-items:center;justify-content:center;font-family:'Playfair Display',serif;color:var(--gold);font-size:20px;margin-bottom:22px;}
  .svc-card h3{font-size:20px;color:var(--deep-green);margin-bottom:12px;font-weight:100;}
  .svc-card p{font-size:14px;color:var(--ink);margin-bottom:18px;}
  .svc-card a.link{font-size:12px;letter-spacing:1px;text-transform:uppercase;color:var(--gold);font-weight:600;}
  .svc-card a.link:hover{color:var(--deep-green);}

  .process{background:var(--white);padding:40px 0;width:100%;}
  .process-row{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;margin-top:56px;}
  .process-step{text-align:center;position:relative;padding:0 14px;}
  .process-step .n{width:44px;height:44px;border-radius:50%;background:var(--deep-green);color:var(--gold);display:flex;align-items:center;justify-content:center;font-weight:700;margin:0 auto 18px;}
  .process-step h3{font-size:16px;color:var(--deep-green);margin-bottom:8px;}
  .process-step p{font-size:13px;color:var(--ink); line-height: 22px;}

  /* .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease, transform .7s ease;}
.reveal.show{opacity:1;transform:translateY(0);} */


@media (max-width:980px){
  nav.primary{display:none;}
  .burger{display:flex;}
  nav.primary.mobile-open{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:var(--white);padding:20px 32px;gap:18px;border-bottom:1px solid var(--line);}
  .footer-grid{grid-template-columns:1fr 1fr;}
}
@media (max-width:600px){
  .wrap{padding:0 20px;}
  .nav-inner{padding:14px 20px;}
  .hero{padding:70px 20px 56px;min-height:300px;}
  .cta{padding:70px 20px;}
  .footer-grid{grid-template-columns:1fr;gap:36px;padding-bottom:40px;}
  .footer-bottom{flex-direction:column;text-align:center;}
  .footer-bottom a{margin-left:0;margin-right:16px;}
}



  @media (max-width:980px){ .svc-grid{grid-template-columns:1fr 1fr;} .process-row{grid-template-columns:1fr 1fr;row-gap:40px;} }
  @media (max-width:600px){ .svc-grid{grid-template-columns:1fr;} .process-row{grid-template-columns:1fr;} .services-intro{padding:70px 0 40px;} .services-grid{padding-bottom:70px;} .process{padding:70px 0;} }



  /* service end here */



  /* contact us */



/* .section-head{margin-bottom:56px;} */
.section-head h2{font-size:clamp(28px,3.4vw,36px);color:var(--deep-green);font-weight:600;}
.section-head p{color:var(--ink-soft);font-size:15px;max-width:700px;margin-top:14px;}
.section-head.center{text-align:center;}
.section-head.center p{margin-left:auto;margin-right:auto;}

.cta{background:var(--deep-green);color:var(--white);text-align:center;padding:100px 24px;}
.cta h2{font-size:clamp(28px,3.6vw,40px);font-weight:600;margin-bottom:18px;}
.cta p{color:rgba(255,255,255,.75);max-width:520px;margin:0 auto 34px;font-size:15px;}



  .contact-wrap{padding:40px 0;}
  .contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:60px;}
  .contact-info-card{background:var(--cream);padding:44px 38px;}
  .contact-info-card h2{font-family:'Playfair Display',serif;font-size:26px;color:var(--deep-green);margin-bottom:16px;}
  .contact-info-card > p{color:var(--ink-soft);font-size:14.5px;margin-bottom:32px;}
  .info-item{display:flex;gap:16px;margin-bottom:26px;align-items:flex-start;}
  .info-icon{width:38px;height:38px;border-radius:50%;background:var(--white);border:1.5px solid var(--gold);display:flex;align-items:center;justify-content:center;color:var(--gold);font-size:15px;flex-shrink:0;}
  .info-item h4{font-size:13.5px;color:var(--deep-green);margin-bottom:4px;font-weight:600;}
  .info-item p{font-size:13.5px;color:var(--ink-soft);}
  .office-list{margin-top:36px;border-top:1px solid var(--line);padding-top:26px;}
  .office-list h4{font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:var(--gold);margin-bottom:16px;font-weight:600;}
  .office-list ul li{font-size:13.5px;color:var(--ink);margin-bottom:8px;}

  .contact-form{background:var(--white);border:1px solid var(--line);padding:44px 38px;border-radius: 12px;}
  .contact-form h2{font-family:'Playfair Display',serif;font-size:26px;color:var(--deep-green);margin-bottom:8px;}
  .contact-form > p{color:var(--ink-soft);font-size:14px;margin-bottom:30px;}
  .form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px;}
  .form-group{margin-bottom:20px;display:flex;flex-direction:column;gap:8px;}
  .form-group label{font-size:12px;letter-spacing:.5px;color:var(--deep-green);font-weight:600;display: block;margin-bottom: 8px;}
  .form-group input,.form-group select,.form-group textarea{border:1px solid var(#e4e4e4);padding:13px 14px; font-size:14px;color:var(--ink);
    background:var(--white);border-radius:2px;transition:border-color .2s;width: 100%;
  }
  .form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--gold);}
  .form-group textarea{resize:vertical;min-height:110px;}
  .form-msg{margin-top:16px;font-size:13.5px;padding:12px 14px;border-radius:2px;display:none;}
  .form-msg.success{display:block;background:#eef6ee;color:#2c5c33;border:1px solid #bcdcc0;}

  .map-strip{height:340px;background:linear-gradient(135deg,#233c30,#152820);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.6);font-size:13px;letter-spacing:1px;text-transform:uppercase;}

  @media (max-width:900px){ .contact-grid{grid-template-columns:1fr;} .contact-wrap{padding:70px 0;} .form-row{grid-template-columns:1fr;} .map-strip{margin-top:60px;height:260px;} }

/* Contact From Validation css */
/* Success Message */
.wpcf7 form.sent .wpcf7-response-output{ background:#d4edda;  color:#155724;  border:1px solid #28a745 !important;  padding:15px 20px;  border-radius:6px;  margin-top:20px;  font-size:15px;  font-weight:600;  text-align:center;}
/* Validation Error */
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output, .wpcf7 form.spam .wpcf7-response-output{ background:#f8d7da;  color:#721c24;   border:1px solid #dc3545 !important;  padding:15px 20px; border-radius:6px;  margin-top:20px; font-size:15px;  font-weight:600; text-align:center;}
.wpcf7-not-valid-tip{ color:#dc3545 !important; font-size:13px !important; margin-top:5px !important; font-weight:400 !important;}

/* property */

  .filters{padding:40px 0 0;}
  .filter-bar{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:40px;}
  .filter-chip{padding:10px 20px;border:1px solid #ccc;border-radius:30px;font-size:12.5px;letter-spacing:.5px;color:var(--ink);cursor:pointer;transition:.2s;background:var(--white);}
  .filter-chip.active,.filter-chip:hover{background:var(--deep-green);color:var(--white);border-color:var(--deep-green);}
  .prop-grid-wrap{padding:40px 0 40px;}
  .prop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;}
  .prop-card{background:var(--white);border:1px solid var(--line);overflow:hidden;transition:.25s ease;}
  .prop-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(20,30,25,.1);}
  .prop-media{position:relative;aspect-ratio:4/3;overflow:hidden;background:#ddd;}
  .prop-media img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease;}
  .prop-card:hover .prop-media img{transform:scale(1.06);}
  .prop-tag{position:absolute;top:16px;left:16px;background:var(--gold);color:var(--deep-green-2);font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;padding:6px 12px;border-radius:2px;}
  .prop-price{position:absolute;bottom:16px;left:16px;background:rgba(21,40,32,.9);color:#fff;font-size:16px;font-weight:700;padding:8px 16px;}
  .prop-body{padding:22px 24px 26px;}
  .prop-loc{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--gold);font-weight:600;margin-bottom:8px;}
  .prop-body h3{font-size:18px;color:var(--deep-green);margin-bottom:10px;}
  .prop-meta{display:flex;gap:16px;font-size:12.5px;color:var(--ink);border-top:1px solid var(--line);padding-top:14px;margin-top:14px;}

  @media (max-width:980px){ .prop-grid{grid-template-columns:1fr 1fr;} }
  @media (max-width:600px){ .prop-grid{grid-template-columns:1fr;} .filters{padding-top:60px;} .prop-grid-wrap{padding:50px 0 70px;} }


  /* property end here */




  /* Markets */
  .markets-wrap{padding:100px 0;}
  .market-row{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;margin-bottom:100px;}
  .market-row:last-child{margin-bottom:0;}
  .market-row.reverse .market-media{order:2;}
  .market-media{aspect-ratio:4/3;overflow:hidden;background:#ddd;position:relative;}
  .market-media img{width:100%;height:100%;object-fit:cover;}
  .market-stats{display:flex;gap:30px;margin:24px 0;}
  .market-stats div{border-left:2px solid var(--gold);padding-left:14px;}
  .market-stats .num{font-size:24px;color:var(--deep-green);font-weight:700;}
  .market-stats .label{font-size:11.5px;color:var(--ink);}
  .market-text h2{font-size:clamp(24px,3vw,32px);color:var(--deep-green);margin-bottom:16px;}
  .market-text p{color:var(--ink);font-size:15px;margin-bottom:8px;}

  @media (max-width:900px){
    .market-row,.market-row.reverse{grid-template-columns:1fr;gap:32px;}
    .market-row.reverse .market-media{order:0;}
    .markets-wrap{padding:70px 0;}
    .market-row{margin-bottom:70px;}
    .market-stats{gap:20px;flex-wrap:wrap;}
  }



  /* markets end here */
  .section-head{margin-bottom: 20px;}
  .insights-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;}
  .article-card{background:var(--white);border:1px solid var(--line);overflow:hidden;transition:.25s ease;display:flex;flex-direction:column;}
  .article-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(20,30,25,.1);}
  .article-media{aspect-ratio:16/10;overflow:hidden;background:#ddd;}
  .article-media img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease;}
  .article-card:hover .article-media img{transform:scale(1.06);}
  .article-body{padding:24px 26px 28px;flex:1;display:flex;flex-direction:column;}
  .article-cat{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--gold);font-weight:600;margin-bottom:10px;}
  .article-body h3{font-size:19px;color:var(--deep-green);margin-bottom:12px;line-height:30px;}
  .article-body p{font-size:13.5px;color:var(--ink-soft);margin-bottom:18px;flex:1;}
  .article-meta{font-size:12px;color:var(--ink-soft);border-top:1px solid var(--line);padding-top:14px;display:flex;justify-content:space-between;}

  .featured-article{display:grid;grid-template-columns:1.1fr 1fr;gap:50px;align-items:center;background:var(--cream);padding:50px;margin-bottom:30px;}
  .featured-media{aspect-ratio:4/3;overflow:hidden;background:#ddd;}
  .featured-media img{width:100%;height:100%;object-fit:cover;}
  .featured-text h2{font-size:clamp(24px,3vw,32px);color:var(--deep-green);margin:14px 0 16px;line-height:1.3;}
  .featured-text p{color:var(--ink-soft);font-size:15px;margin-bottom:22px;}

  @media (max-width:980px){ .insights-grid{grid-template-columns:1fr 1fr;} .featured-article{grid-template-columns:1fr;padding:32px;} }
  @media (max-width:600px){ .insights-grid{grid-template-columns:1fr;} .insights-wrap{padding:70px 0;} .featured-article{padding:24px;margin-bottom:50px;} }























.gallery-wrap, #gallery { overflow: hidden;}

#filters {margin-bottom: 2%;}



.gallery-item { float: left; width: 33.333%; padding: 10px; position: relative; z-index: 10; display: none;}

.inside { position: relative; overflow: hidden; width: 100%; height: 100%;}

.details, .overlay { position: absolute;  top: 0;  left: 0;  bottom: 0;  right: 0;  opacity: 0;}

.details { display: flex;  align-items: center;  justify-content: center;  z-index: 2;  transition: all 0.3s ease-in-out;
  h2 { color: #fff;  font-size: 1.5em;  font-weight: 700;  letter-spacing: 1px;  text-align: center;  margin: 0; }
  p { color: #fff;  font-size: 1em;  letter-spacing: 2px;  text-align: center;  margin: 0;  text-transform: uppercase; }
}

.inside img { float: left;  width: 100%;}

.overlay { background: rgba(31,186,231,0.8);  z-index: 1;  transition: all 0.7s ease-in-out;}

.gallery-item:hover .details,  .gallery-item:hover .overlay { opacity: 1;}

@media (max-width: 30em) {
  .wrap { padding-left: 1em;   padding-right: 1em; }
  .gallery-item {  float: none;   width: 100%;  }
}













.neweyebrow{  color:var(--gold);   font-size:15px;   font-weight:500;   text-transform:uppercase;   display:flex;   align-items:center;   gap:14px;   position:relative; }
.neweyebrow::after{  content:"";   display:block;   height:2px;   width:30px;   background:var(--gold);   opacity:.6; }
.neweyebrow::before{ content:" ";  display:block;  height:2px;  width:30px;   background:var(--gold);   opacity:.6; }
.newbtn{  display:inline-flex;  align-items:center;   gap:10px;   padding:15px 15px;   font-size:10px;   letter-spacing:1.6px;   font-weight:400;   text-transform:uppercase;   border-radius:2px;   cursor:pointer;   transition:all .25s ease;   border:1px solid transparent;   white-space:nowrap; }
.newbtn-solid{  background:var(--deep-green);   color:var(--white); }
.newbtn-solid:hover{background:var(--deep-green-2);}
.newbtn-outline{ background:transparent;   border:1px solid var(--gold);   color:var(--gold); }
.newbtn-outline:hover{background:var(--gold);color:var(--white);}
.newbtn-outline-light{ background:transparent;   border:1px solid var(--gold);   color:var(--gold-light); }
.newbtn-outline-light:hover{background:var(--gold);color:var(--deep-green-2);}

  /* HEADER */

/*   nav ul{display:flex;gap:clamp(16px, 2.2vw, 34px);align-items:center; }
  nav a{
    font-size:12px;
    letter-spacing:.5px;
    font-weight:500;
    color:var(--ink);
    position:relative;
    padding-bottom:6px;
    white-space:nowrap;
    text-transform: uppercase;
  }
  nav a.active{color:var(--deep-green);font-weight:600;}
  nav a.active::after{
    content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--gold);
  }
  .newnav-right{display:flex;align-items:center;gap:16px;flex-shrink:0;}
  .newlang{display:flex;align-items:center;gap:5px;font-size:13px;color:var(--ink);cursor:pointer;flex-shrink:0;}
  .newmenu-toggle{
    display:none;background:none;border:none;font-size:22px;cursor:pointer;color:var(--deep-green);
    z-index:210;line-height:1;padding:4px;position:relative;width:32px;height:32px;
  }
  .newmenu-toggle .newicon-close{display:none;}
  .newmenu-toggle.open .newicon-menu{display:none;}
  .newmenu-toggle.open .newicon-close{display:inline;}

  .newnav-overlay{
    display:none;
    position:fixed;inset:0;
    background:rgba(10,30,26,.45);
    z-index:190;
    opacity:0;
    transition:opacity .25s ease;
  }
  .newnav-overlay.show{display:block;opacity:1;}

  .newmobile-nav-panel{
    position:fixed;top:0;right:0;bottom:0;
    width:min(320px, 84vw);
    background:var(--cream);
    z-index:200;
    box-shadow:-12px 0 40px rgba(0,0,0,.18);
    padding:28px 28px 40px;
    transform:translateX(100%);
    transition:transform .3s ease;
    overflow-y:auto;
    display:flex;
    flex-direction:column;
  }
  .newmobile-nav-panel.show{transform:translateX(0);}
  .newmobile-nav-head{margin-bottom:36px;}
  .newmobile-nav-list{display:flex;flex-direction:column;gap:4px;margin-bottom:30px;}
  .newmobile-nav-list li a{
    display:block;padding:14px 4px;font-size:16px;font-weight:500;color:var(--ink);
    border-bottom:1px solid rgba(184,137,74,.18);
  }
  .newmobile-nav-list li a.active{color:var(--deep-green);font-weight:700;}
  .newmobile-consult{justify-content:center;width:100%;margin-bottom:22px;}
  .newmobile-lang{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--ink);}
  body.nav-locked{overflow:hidden;}
  .newwrap{
    max-width:1280px;
    margin:0 auto;
    padding:40px 0;
  }  */


  .newwrap{ max-width:1280px;   margin:0 auto;   padding:40px 0; } 
  .sobhaimg{max-width:607px;}
  .damacimg{max-width:607px;}
  .danubeimg{max-width:607px;}

  /* ============ HERO ============ */
  .newhero{ position:relative;  width:100%;   overflow:visible;   background:var(--cream-2); }
  .newhero-bg{ width: 100%; height: 100%;  position: absolute;  inset: 0;  background: url(../images/hero-bg.png) no-repeat;  background-size: contain; background-position: top right; }
  .newhero-bg-sobha{width: 100%; height: 100%;  position: absolute;  inset: 0;  background: url(../images/sobha_banner_img.png) no-repeat;  background-size: cover; background-position: center; }
  .newhero-bg-damac{width: 100%; height: 100%;  position: absolute;  inset: 0;  background: url(../images/damac_banner_img.png) no-repeat;  background-size: cover; background-position: center; }
  .newhero-bg-danube{width: 100%; height: 100%;  position: absolute;  inset: 0;  background: url(../images/danube_banner_img.png) no-repeat;  background-size: cover; background-position: center; }
  .newhero-bg svg{width:100%;height:100%;object-fit:cover;display:block;}
  .newhero-overlay{ position: absolute;  inset: 0; background: linear-gradient(90deg, var(--cream) 19%, var(--cream) 48%, rgba(247, 242, 233, .85) 56%, rgba(247, 242, 233, .25) 67%, rgba(247, 242, 233, 0) 100%); }
  .newhero-grid{ position:relative;  z-index:2;  display:grid;  grid-template-columns:1.2fr 0.85fr;  gap:40px;  align-items:start; }
  .newhero-text h1{ font-weight:700;  line-height:1.25; margin:14px 0 6px;  color:var(--ink);  font-size:clamp(38px,5.6vw,64px);  letter-spacing:.5px; }
  .newhero-text h1 .newgold-line{ display:block; font-size:clamp(52px,7.4vw,120px);  font-weight:300;  line-height:.95; background: linear-gradient(180deg, rgba(211, 163, 97, 1) 0%, rgba(181, 130, 61, 1) 50%, rgba(154, 104, 30, 1) 100%);  -webkit-background-clip: text;  -webkit-text-fill-color: transparent;   background-clip: text;  color: transparent; }
  .newhero-sub{ font-style:italic;  color:var(--gold-deep);  font-size:clamp(14px,2vw,22px) !important;  margin:18px 0 16px;  font-weight:600; }
  .newhero-text p{ color:var(--gray);  font-size:15.5px; line-height:1.75;  max-width:480px; margin:0 0 30px; }
  .newhero-badges{ display:flex;  gap:16px; flex-wrap:wrap;  border-left:0;  border-radius:6px;}
  .newbadge{ display:flex;  align-items:center;  gap:12px;  /* background:var(--cream-2); */  border-left:1px solid var(--gold);  border-radius:6px;  padding:12px 18px;  box-shadow:0 10px 24px -16px rgba(0,0,0,.25); }
  .newbadge .newic{ width:38px;height:38px;  border-radius:50%;  background:#002722;  display:flex;align-items:center;justify-content:center; flex-shrink:0; }
  .newbadge .newic svg{width:18px;height:18px;stroke:var(--gold);}
  .newbadge b{ display:block; font-size:13.5px;  letter-spacing:.4px;  color:var(--ink);  font-weight:700;  line-height:1.3;}

  /* ---- Consultation card ---- */
  .newbook-card{ position:absolute; top:20%;left:71%;  transform:translate(-50%,-50%);   background:linear-gradient(165deg, #002722, #002722 60%);    border-radius:14px;    padding:34px 30px 30px;    box-shadow:var(--shadow);    margin-bottom:-150px;    z-index:5;    max-width:415px;    width:100%;  }
  .newbook-card::before{ content:" ";  position:absolute;  inset:0;  border-radius:14px;  border:1px solid rgba(200,162,74,.35);  pointer-events:none; }
  .newbook-card h2{ text-align:center;  color:var(--gold-light);  font-size:22px;  letter-spacing:.5px;  line-height:1.35;  margin:0 0 6px; font-weight:700; }
  .newbook-card .newsub{ text-align:center;  color:rgba(255,255,255,.75);  font-size:12.5px;  margin:0 0 22px;  letter-spacing:.2px;}
  .newfield{  position:relative; margin-bottom:12px; }
  .newfield label{ display:block;  font-size:11.5px;  color:var(--gold-light);  font-weight:600;  letter-spacing:.3px;  margin-bottom:6px; }
  .newfield .newinput-wrap{ position:relative; }
  .newfield svg.leading{ position:absolute;  left:13px;top:50%; transform:translateY(-50%);  width:16px;height:16px; stroke:rgba(255,255,255,.55);  pointer-events:none; }
  .newfield input, .newfield select{ width:100%;  background:rgba(255,255,255,.06);  border:1px solid rgba(255,255,255,.16);  color:#fff;  border-radius:6px;  padding:12px 14px 12px 13px;  font-size:13.5px; outline:none;    appearance:none;   -webkit-appearance:none;  transition:border-color .2s, background .2s; }
  .newfield input::placeholder{color:rgba(255,255,255,.45);}
  .newfield input:focus, .newfield select:focus{ border-color:var(--gold);  background:rgba(255,255,255,.1); }
  .newfield select option{color:#1c1e1b;}
  .newfield .newchev{ position:absolute;  right:13px;top:50%;  transform:translateY(-50%);  width:14px;height:14px;  stroke:rgba(255,255,255,.6);  pointer-events:none; }
  .newfield input[type="date"]{color-scheme:dark;}

  .newdate-toggle{margin-bottom: 18px; }
  .newdate-opt{  display:flex;   align-items:center;   gap:9px;   border:1px solid rgba(255,255,255,.18);   border-radius:6px;   padding:10px 12px;   cursor:pointer;   transition:border-color .2s, background .2s; }
  .newdate-opt.active{ border-color:var(--gold);  background:rgba(200,162,74,.12); }
  .newdate-opt.active .newdot::after{  content:"";  position:absolute;  inset:2.5px;  border-radius:50%;  background:var(--gold); }
  .newdate-opt .newdtext b{  display:block;  font-size:11.5px;  color:#fff;  font-weight:600;  letter-spacing:.3px; }
  .newdate-opt .newdtext span{ display:block; font-size:10px;  color:var(--gold-light); letter-spacing:1px; font-weight:600;}
  .newslot-grid{  display:grid;  grid-template-columns:1fr 1fr;  gap:9px; margin-bottom:22px; }
  .newslot{ border:1px solid rgba(255,255,255,.16);  background:rgba(255,255,255,.04);  color:rgba(255,255,255,.85);  border-radius:6px; padding:10px 6px;  font-size:11.5px; text-align:center;  cursor:pointer;  letter-spacing:.2px;   transition:.2s; }
  .newslot:hover{border-color:rgba(200,162,74,.6);}
  .newslot.active{  background:var(--gold);  border-color:var(--gold);  color:#002722;  font-weight:600; }
  .newbook-card .newbtn-gold{width:100%;padding:15px;font-size:13px;  background: #D3A361; background: linear-gradient(180deg, rgba(211, 163, 97, 1) 0%, rgba(181, 130, 61, 1) 50%, rgba(154, 104, 30, 1) 100%); justify-content:center;letter-spacing:1.2px;font-weight:600;margin-top:6px;}
  .newsecure-note{ display:flex;  align-items:center;  gap:10px;  margin-top:16px;  color:rgba(255,255,255,.6);  font-size:11px;  line-height:1.5; }
  .newsecure-note svg{width:15px;height:15px;stroke:var(--gold);flex-shrink:0;}
  /* ============ Contact Form 7 plugin  ============ */
	 .newdate-toggle .wpcf7-radio{	display: flex;	align-items: center; justify-content:space-between;	gap: 10px;
		 .wpcf7-list-item.first, .wpcf7-list-item.last{	 margin:0; }
	}
.wpcf7-list-item{display: flex;  align-items: center;  gap: 9px;  border: 1px solid rgba(255, 255, 255, .18);  border-radius: 6px;  padding: 10px 12px;  cursor: pointer; transition: border-color .2s, background .2s;}
.newdate-toggle .wpcf7-list-item{display: inline-block;}
.newdate-toggle .wpcf7-list-item-label{color: #ffffff;	font-size: 13px;}

  /* ============ STATS / WHY INVEST ============ */
  .newwhy-invest{   background:#002722;   padding:60px 0 60px;   position:relative;   /* z-index:2; */ }
/*   .newinvst-bg{    position:absolute;    background:url(../images/form_bg3.jpg) no-repeat;    z-index:0;    height:620px;    width:100%;    top: 3px;    left: 1373px;  } */



.newinvst-bg { position: absolute;  top: 39px;  right: 0;  left: auto;  width: 100%;  max-width: 549px;  height: 674px;  background: url("../images/form_bg3.jpg") no-repeat center;  background-size: cover;   z-index: 0;}


.newwhy-invest .wpcf7-response-output{ max-width:811px;width:100%;z-index:99;}


  .newwhy-invest .neweyebrow{color:var(--gold-light); max-width:846px; width:100%; justify-content:center; font-size:18px; margin-bottom:18px;}
  .newwhy-invest .neweyebrow::before,.newwhy-invest .neweyebrow::after{background:var(--gold-light);}
  .newstats-grid{    display:grid;    grid-template-columns:repeat(6,1fr);    margin-top:44px;    max-width:846px;    width:100%;  }
  .newstat{    text-align:center;    padding:22px 10px 22px 0;    border-radius:8px;    transition:transform .25s ease, background .25s ease;  }
  .newstat:hover{ transform:translateY(-4px);}
  .newstat .newicon{  width:56px;height:56px;    margin:0 auto 16px;    display:flex;align-items:center;justify-content:center;  }
  .newstat .newicon svg{width:26px;height:26px;stroke:var(--gold);}
  .newstat .newicon.num{ font-weight:800;   font-size:20px;   color:var(--gold);   border:none; }
  .newstat p{  color:#fff;  font-size:12.5px;  font-weight:400;  letter-spacing:.3px;  line-height:1.5;  margin:0; }

  /* ============ DEVELOPERS ============ */
  .newdevelopers{  background:var(--cream);  /* padding:40px 0; */   text-align:center; }
  .newdevelopers .neweyebrow{color:var(--gold); justify-content:center; font-size:18px; max-width: 690px; margin-bottom:36px; width: 100%;}
  .newdev-row{  display:flex;  align-items:center;   /* justify-content:center; */  gap:clamp(40px,8vw,110px);  flex-wrap:wrap;   margin-top:36px;   max-width: 846px;   width: 100%; }
  .newdev-logo{max-width:160px;width:100%;flex-shrink:0;display:flex;align-items:center;justify-content:center;}
  .newdev-logo.damac{font-size:clamp(26px,3vw,34px); font-weight:800; letter-spacing:1px; color:#111; font-style:italic; position:relative;}
  .newdev-logo.damac:before{content:"";display:block;width:3px;height:52px;background:var(--gold);margin-bottom:6px; position:absolute;bottom:-6px;right:-50px;}
  .newdev-logo.damac span{display:block; font-size:11px; font-weight:600; letter-spacing:5px; font-style:normal; margin-top:-4px;}
  .newdev-logo.danube{font-size:clamp(22px,2.6vw,28px); font-weight:800; letter-spacing:.5px;position:relative;}
  .newdev-logo.danube:before{content:"";display:block;width:3px;height:52px;background:var(--gold);margin-bottom:6px; position:absolute;bottom:-6px;right:-50px;}
  .newdev-logo.danube .newd1{color:#c1272d;}
  .newdev-logo.danube .newd2{color:#111; display:block; font-size:12px; letter-spacing:4px; font-weight:600; margin-top:-2px;}
  .newdev-logo.sobha{font-family:'Playfair Display',serif; font-size:clamp(24px,3vw,32px); font-weight:700; letter-spacing:3px; color:#111;}
  .newdev-logo.sobha span{display:block; font-family:'Poppins',sans-serif; font-size:10px; letter-spacing:6px; font-weight:500; margin-top:2px;}

  /* ============ ABOUT ROADSHOW ============ */
  .newabout{  background:var(--cream);  padding:0 0 30px; }
  .newabout-grid{ display:grid;    grid-template-columns:1fr 1fr;    gap:56px;    align-items:center;  }
  .newhotel-img{    position:relative;    border-radius:8px;    overflow:hidden;    box-shadow:0 30px 50px -25px rgba(0,0,0,.35);  }
  .newhotel-img svg{width:100%;height:auto;display:block;}
  .newabout-copy h3{ font-size:clamp(24px,2.6vw,30px);  letter-spacing:1px; margin:0 0 20px;  color:var(--ink); }
  .newabout-copy p{  color:var(--gray);   font-size:15px;   line-height:1.85;   margin:0 0 26px; }
  .newabout-copy p b{color:var(--ink);}
  .newabout-box{   display:flex;   align-items:center;   gap:16px;   border:1px solid var(--line);   border-radius:8px;   padding:18px 20px;    max-width:420px;  }
  .newabout-box .newic{    width:46px;height:46px;    border-radius:50%;    /* background:var(--green-900); */    display:flex;align-items:center;justify-content:center;    flex-shrink:0;  }
  .newabout-box .newic svg{width:22px;height:22px;stroke:var(--gold);}
  .newabout-box p{    margin:0;    font-size:14px;    font-weight:600;    color:var(--ink);    line-height:1.5;  }








nav.mobile-active { display: block;}






.modal{  position:fixed;    inset:0;    background:rgba(0,0,0,.45);    display:flex;    justify-content:center;    align-items:center;    visibility:hidden;    opacity:0;    transition:.3s;	margin:0 auto;}
.modal.active{ visibility:visible; opacity:1;z-index:2;}

.modal-content{ width:420px;   background:#fff;   border-radius:20px;   padding:35px;   text-align:center;   animation:popup .3s ease;}

@keyframes popup{  from{ transform:scale(.9);   opacity:0;  }   to{ transform:scale(1);  opacity:1; }}
.icon{ width:70px;  height:70px;  background:#D3A361;  color:#fff;   display:flex;   align-items:center;   justify-content:center;   border-radius:50%;   margin:auto;   font-size:30px;   margin-bottom:20px;}
.modal h3{  margin-bottom:10px;}
.modal p{ color:#666;    margin-bottom:30px;    font-size:14px;}
.otp-box{    display:flex;    justify-content:center;    gap:12px;    margin-bottom:25px;}
.otp-box input{    width:55px;    height:60px;    border:1px solid #ddd;    border-radius:12px;    text-align:center;    font-size:24px;    font-weight:700;    outline:none;}
.otp-box input:focus{    border-color:#D3A361;}
.verify-btn{    width:100%;    height:55px;    border:none;    background:#D3A361;    color:#fff;    border-radius:12px;    font-size:16px;    font-weight:600;    cursor:pointer;}
.timer{    margin-top:18px;    color:#777;    font-size:14px;}
.timer span{    color:#D3A361;    font-weight:700;}

@media(max-width:480px){
	.container, .modal-content{  width:92%;}
	.otp-box input{ width:48px;   height:55px;}
}

.logo-invst{max-width: clamp(50px, 7.4vw, 140px);}

/*  terms & condition */
 .pppolicy-wrap{padding:90px 0 110px;}
 .pppolicy-grid{display:grid;grid-template-columns:280px 1fr;gap:60px;align-items:start;}
 .policy-updated{color:var(--ink-soft);font-size:13px;margin-top:-6px;margin-bottom:0;}
 .pptoc{position:sticky;top:100px;background:var(--cream);border-left:3px solid var(--gold);padding:28px 26px;}
 .pptoc h4{font-size:11.5px;letter-spacing:1.5px;text-transform:uppercase;color:var(--gold);font-weight:600;margin-bottom:18px;}
 .pptoc ul li{margin-bottom:12px;}
 .pptoc ul li a{font-size:13px;color:var(--ink);line-height:1.4;display:block;transition:.2s;}
 .pptoc ul li a:hover,.pptoc ul li a.active{color:var(--deep-green);font-weight:600;}
 .pppolicy-body p.intro{color:var(--ink);font-size:15.5px;margin-bottom:48px;padding-bottom:40px;border-bottom:1px solid var(--line);}
 .pppolicy-section{margin-bottom:46px;scroll-margin-top:100px;}
 .pppolicy-section:last-child{margin-bottom:0;}
 .pppolicy-section .ppnum-badge{ display:inline-flex;align-items:center;justify-content:center; width:30px;height:30px;background:var(--deep-green);color:var(--gold-light); font-size:13px;font-weight:700;border-radius:50%;margin-right:12px; }
 .pppolicy-section h2{font-size:21px;color:var(--deep-green);display:flex;align-items:center;margin-bottom:16px;}
 .pppolicy-section p{color:var(--ink);font-size:14.5px;margin-bottom:14px;margin-left:42px;}
 .pppolicy-section ul{margin-left:42px;margin-bottom:14px;}
 .pppolicy-section ul li{ color:var(--ink);font-size:14.5px;margin-bottom:9px;padding-left:18px;position:relative;  }
 .pppolicy-section ul li::before{  content:"";position:absolute;left:0;top:9px;width:6px;height:6px;background:var(--gold);border-radius:50%;  }
 .pppolicy-section .ppcontact-block{margin-left:42px;background:var(--cream);padding:22px 24px;border-left:3px solid var(--gold);}
 .pppolicy-section .ppcontact-block p{margin:0 0 6px;font-size:14px;}
 .pppolicy-section .ppcontact-block p:last-child{margin-bottom:0;}
 .pppolicy-section .ppcontact-block strong{color:var(--deep-green);}
.ppcta{background:var(--green-deep);color:var(--white);text-align:center;padding:100px 24px;}
.ppcta h2{font-size:clamp(28px,3.6vw,40px);font-weight:600;margin-bottom:18px;}
.ppcta p{color:rgba(255,255,255,.75);max-width:520px;margin:0 auto 34px;font-size:15px;}

  @media (max-width:900px){
    .pppolicy-grid{grid-template-columns:1fr;gap:36px;}
    .pptoc{position:static;}
    .pppolicy-wrap{padding:70px 0 80px;}
  }
  @media (max-width:600px){
    .pppolicy-section p,.pppolicy-section ul,.pppolicy-section .ppcontact-block{margin-left:0;}
    .pppolicy-section h2{align-items:flex-start;}
  }







 .tcpolicy-wrap{padding:90px 0 110px;}
  .tcpolicy-grid{display:grid;grid-template-columns:280px 1fr;gap:60px;align-items:start;}
  .tcpolicy-updated{color:var(--ink);font-size:13px;margin-top:-6px;margin-bottom:0;}
  .tctoc{position:sticky;top:100px;background:var(--cream);border-left:3px solid var(--gold);padding:28px 26px;}
  .tctoc h4{font-size:11.5px;letter-spacing:1.5px;text-transform:uppercase;color:var(--gold);font-weight:600;margin-bottom:18px;}
  .tctoc ul li{margin-bottom:12px;}
  .tctoc ul li a{font-size:13px;color:var(--ink);line-height:1.4;display:block;transition:.2s;}
  .tctoc ul li a:hover,.tctoc ul li a.tcactive{color:var(--deep-green);font-weight:600;}
  .tcpolicy-body p.intro{color:var(--ink);font-size:15.5px;margin-bottom:48px;padding-bottom:40px;border-bottom:1px solid var(--line);}
  .tcpolicy-section{margin-bottom:46px;scroll-margin-top:100px;}
  .tcpolicy-section:last-child{margin-bottom:0;}
  .tcpolicy-section .tcnum-badge{  display:inline-flex;align-items:center;justify-content:center;  width:30px;height:30px;background:var(--deep-green);color:var(--gold-light);   font-size:13px;font-weight:700;border-radius:50%;margin-right:12px;  }
  .tcpolicy-section h2{font-size:21px;color:var(--deep-green);display:flex;align-items:center;margin-bottom:16px;}
  .tcpolicy-section p{color:var(--ink);font-size:14.5px;margin-bottom:14px;margin-left:42px;}
  .tcpolicy-section ul{margin-left:42px;margin-bottom:14px;}
  .tcpolicy-section ul li{ color:var(--ink);font-size:14.5px;margin-bottom:9px;padding-left:18px;position:relative;  }
  .tcpolicy-section ul li::before{  content:"";position:absolute;left:0;top:9px;width:6px;height:6px;background:var(--gold);border-radius:50%;  }
  .tcpolicy-section .tccontact-block{margin-left:42px;background:var(--cream);padding:22px 24px;border-left:3px solid var(--gold);}
  .tcpolicy-section .tccontact-block p{margin:0 0 6px;font-size:14px;}
  .tcpolicy-section .tccontact-block p:last-child{margin-bottom:0;}
  .tcpolicy-section .tccontact-block strong{color:var(--deep-green);}

.ppintro , .tcintro{margin-bottom:15px;}

  @media (max-width:900px){
    .tcpolicy-grid{grid-template-columns:1fr;gap:36px;}
    .tctoc{position:static;}
    .tcpolicy-wrap{padding:70px 0 80px;}
  }
  @media (max-width:600px){
    .tcpolicy-section p,.tcpolicy-section ul,.tcpolicy-section .tccontact-block{margin-left:0;}
    .tcpolicy-section h2{align-items:flex-start;}
  }


















/* Properties */

 .property-container {
    width: min(1200px, 92%);
    margin: 0 auto;
}

.property-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.property-card {
    background: #fff;
    border-radius: 18px;
    overflow: hidden;
    border: 1px solid #e8e8e8;
    transition: 0.3s ease;
}

.property-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 40px rgba(0,0,0,0.08);
}

.property-card-link {
    color: inherit;
    text-decoration: none;
}

.property-image {
    position: relative;
    height: 280px;
    overflow: hidden;
}

.property-thumbnail {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.property-status {
    position: absolute;
    top: 15px;
    left: 15px;
    padding: 7px 12px;
    background: #fff;
    border-radius: 50px;
    font-size: 13px;
    font-weight: 600;
}

.property-content {
    padding: 22px;
}

.property-title {
    margin: 0 0 10px;
    font-size: 20px;
}

.property-location {
    color: #777;
    margin-bottom: 15px;
}

.property-price {
    font-size: 21px;
    font-weight: 700;
    margin-bottom: 15px;
}

.property-meta {
    display: flex;
    gap: 15px;
    color: #666;
    font-size: 14px;
}

@media (max-width: 900px) {

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

}

@media (max-width: 600px) {

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

}


/* =========================================================
   PROPERTY FILTER
========================================================= */

.property-listing-section {
   
    width: min(1200px, 92%);
    margin: 40px auto;
}


.property-filters {
    width: 100%;
    margin-bottom: 40px;
}


/* COUNTRY */

.country-dropdown {
    width: 100%;
    max-width: 360px;
    margin-bottom: 25px;
}


.country-dropdown label {
    display: block;

    margin-bottom: 8px;

    font-size: 14px;

    font-weight: 600;
}


.country-dropdown select {
    width: 100%;

    min-height: 52px;

    padding: 0 45px 0 16px;

    border: 1px solid #d9d9d9;

    border-radius: 8px;

    background: #ffffff;

    font-size: 15px;

    color: #222222;

    cursor: pointer;

    outline: none;
}


.country-dropdown select:focus {
    border-color: #222222;
}


/* =========================================================
   COMPANY TABS
========================================================= */

.company-filter {
    width: 100%;
}


.company-tabs {
    display: flex;

    align-items: center;

    gap: 10px;

    width: 100%;

    overflow-x: auto;

    padding-bottom: 5px;

    scrollbar-width: none;
}


.company-tabs::-webkit-scrollbar {
    display: none;
}


.company-btn {
    flex: 0 0 auto;

    border: 1px solid #dddddd;

    background: #ffffff;

    color: #222222;

    border-radius: 50px;

    padding: 11px 22px;

    font-size: 14px;

    font-weight: 600;

    cursor: pointer;

    transition:
        background .25s ease,
        color .25s ease,
        border-color .25s ease;
}


.company-btn:hover {
    background: #222222;

    border-color: #222222;

    color: #ffffff;
}


.company-btn.active {
    background: #222222;

    border-color: #222222;

    color: #ffffff;
}


/* =========================================================
   PROPERTY GRID
========================================================= */

.property-grid {
    width: 100%;

    display: grid;

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

    gap: 30px;

    transition: opacity .2s ease;
}


.property-grid.property-loading {
    opacity: .45;

    pointer-events: none;
}


/* =========================================================
   NO PROPERTIES
========================================================= */

.no-properties {
    width: 100%;

    padding: 60px 20px;

    text-align: center;

    border: 1px solid #eeeeee;

    border-radius: 12px;
}


.no-properties h3 {
    margin: 0 0 10px;
}


.no-properties p {
    margin: 0;

    color: #777777;
}


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

@media (max-width: 1024px) {

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

}


@media (max-width: 640px) {

    .property-grid {
        grid-template-columns: 1fr;

        gap: 20px;
    }


    .country-dropdown {
        max-width: 100%;
    }


    .company-btn {
        padding: 10px 18px;
    }

}

/* Country and Company Button CSS */
.country-filter,
.company-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 25px;
}

.country-btn,
.company-btn {
    border: 1px solid #ddd;
    background: #fff;
    padding: 11px 20px;
    border-radius: 50px;
    cursor: pointer;
    transition: 0.25s ease;
}

.country-btn:hover,
.company-btn:hover {
    background: #111;
    color: #fff;
}

.country-btn.active,
.company-btn.active {
    background: #111;
    color: #fff;
    border-color: #111;
}

/* Add Loading CSS */
/* #property-grid {
    transition: opacity 0.2s ease;
}

#property-grid.loading {
    opacity: 0.4;
    pointer-events: none;
} */
/* CSS for Country Dropdown */
.country-dropdown {
    max-width: 320px;
    margin-bottom: 30px;
}

.country-dropdown label {
    display: block;
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 600;
}

.country-dropdown select {
    width: 100%;
    height: 52px;
    padding: 0 45px 0 16px;

    background: #fff;

    border: 1px solid #ddd;
    border-radius: 10px;

    font-size: 16px;

    cursor: pointer;

    outline: none;
}

.country-dropdown select:focus {
    border-color: #111;
}

/* Company Tabs CSS */
.company-tabs {
    display: flex;
    align-items: center;
    gap: 10px;

    margin-bottom: 30px;

    overflow-x: auto;

    scrollbar-width: none;
}

.company-tabs::-webkit-scrollbar {
    display: none;
}

.company-btn {
    flex: 0 0 auto;

    padding: 11px 22px;

    border: 1px solid #ddd;

    background: #fff;

    border-radius: 50px;

    font-size: 14px;
    font-weight: 600;

    cursor: pointer;

    transition: all 0.25s ease;
}

.company-btn:hover {
    background: #111;
    color: #fff;
    border-color: #111;
}

.company-btn.active {
    background: #111;
    color: #fff;
    border-color: #111;
}

/* Property filtering */
#property-grid {
    transition: opacity 0.2s ease;
}

#property-grid.loading {
    opacity: 0.45;
    pointer-events: none;
}

#company-tabs-container {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 30px;
}

.company-btn {
    flex: 0 0 auto;
    padding: 11px 22px;
    border: 1px solid #ddd;
    background: #fff;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.25s ease;
}

.company-btn:hover,
.company-btn.active {
    background: #111;
    color: #fff;
    border-color: #111;
}

.no-properties {
    grid-column: 1 / -1;
    padding: 50px 20px;
    text-align: center;
}

@media (max-width: 600px) {
    #company-tabs-container {
        flex-wrap: nowrap;
        overflow-x: auto;
        scrollbar-width: none;
    }

    #company-tabs-container::-webkit-scrollbar {
        display: none;
    }
}








/* =========================================================
   SINGLE PROPERTY PAGE
========================================================= */

.single-property-page {
    background: #fff;
    width: min(1200px, 92%);
    margin: 0 auto;
}


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

.property-detail-hero {
    position: relative;

    width: 100%;

    min-height: 580px;

    overflow: hidden;

    display: flex;

    align-items: flex-end;
}


.property-detail-hero-image {
    position: absolute;

    inset: 0;

    z-index: 1;
}


.property-detail-hero-image img {
    width: 100%;

    height: 100%;

    object-fit: cover;

    display: block;
}


.property-detail-hero-overlay {
    position: absolute;

    inset: 0;

    z-index: 2;

    background:
        linear-gradient(
            to top,
            rgba(0,0,0,.78),
            rgba(0,0,0,.08)
        );
}


.property-detail-hero-content {
    position: relative;

    z-index: 3;

    width: min(1200px, 92%);

    margin: 0 auto;

    padding: 100px 0 70px;

    color: #fff;
}


.property-detail-hero-content h1 {
    margin: 15px 0;

    font-size:
        clamp(38px, 6vw, 72px);

    line-height: 1.05;

    color: #fff;
}


.property-detail-status {
    display: inline-flex;

    padding: 8px 15px;

    border-radius: 50px;

    background: #fff;

    color: #111;

    font-size: 13px;

    font-weight: 600;
}


.property-detail-location {
    font-size: 18px;

    color: rgba(255,255,255,.85);
}


/* =========================================================
   DETAIL SECTION
========================================================= */

.property-detail-section {
    padding: 90px 0;
}


.property-detail-container {
    width: min(1200px, 92%);

    margin: 0 auto;

    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        350px;

    gap: 70px;

    align-items: start;
}


/* =========================================================
   MAIN
========================================================= */

.property-detail-heading {
    display: flex;

    justify-content: space-between;

    align-items: flex-start;

    gap: 30px;

    margin-bottom: 45px;
}


.property-detail-eyebrow {
    display: block;

    margin-bottom: 10px;

    font-size: 12px;

    font-weight: 700;

    text-transform: uppercase;

    letter-spacing: .12em;

    color: #777;
}


.property-detail-heading h2 {
    margin: 0;

    font-size: 38px;

    line-height: 1.15;

    color: #111;
}


.property-detail-price {
    white-space: nowrap;

    font-size: 28px;

    font-weight: 700;

    color: #111;
}


/* =========================================================
   META
========================================================= */

.property-detail-meta {
    display: grid;

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

    border-top: 1px solid #e7e7e7;

    border-bottom: 1px solid #e7e7e7;

    margin-bottom: 50px;
}


.property-detail-meta-item {
    padding: 25px 20px;

    border-right: 1px solid #e7e7e7;
}


.property-detail-meta-item:first-child {
    padding-left: 0;
}


.property-detail-meta-item:last-child {
    border-right: 0;
}


.property-detail-meta-item span {
    display: block;

    margin-bottom: 8px;

    font-size: 12px;

    color: #777;

    text-transform: uppercase;

    letter-spacing: .08em;
}


.property-detail-meta-item strong {
    font-size: 16px;

    color: #111;
}


/* =========================================================
   CONTENT BLOCK
========================================================= */

.property-detail-block {
    padding: 30px 0;

    border-bottom: 1px solid #e7e7e7;
}


.property-detail-label {
    display: block;

    margin-bottom: 12px;

    font-size: 12px;

    font-weight: 700;

    text-transform: uppercase;

    letter-spacing: .1em;

    color: #777;
}


.property-detail-block h3 {
    margin: 0;

    font-size: 24px;

    color: #111;
}


.property-description {
    font-size: 16px;

    line-height: 1.8;

    color: #555;
}


.property-description p {
    margin-bottom: 18px;
}


/* =========================================================
   TAXONOMY TAGS
========================================================= */

.property-detail-tags {
    display: flex;

    flex-wrap: wrap;

    gap: 10px;
}


.property-detail-tag {
    display: inline-flex;

    padding: 9px 15px;

    border: 1px solid #ddd;

    border-radius: 50px;

    font-size: 13px;

    font-weight: 600;

    color: #222;
}


/* =========================================================
   SIDEBAR
========================================================= */

.property-contact-card {
    position: sticky;

    top: 30px;

    padding: 35px;

    background: #f6f4ef;

    border-radius: 18px;
}


.property-contact-card h3 {
    margin: 0 0 15px;

    font-size: 28px;

    line-height: 1.2;
}


.property-contact-card p {
    margin-bottom: 25px;

    color: #666;

    line-height: 1.7;
}


.property-contact-button,
.property-phone-button {
    display: flex;

    align-items: center;

    justify-content: center;

    width: 100%;

    min-height: 50px;

    margin-top: 10px;

    border-radius: 6px;

    text-decoration: none;

    font-weight: 600;

    transition: .25s ease;
}


.property-contact-button {
    background: #111;

    color: #fff;
}


.property-contact-button:hover {
    background: #333;

    color: #fff;
}


.property-phone-button {
    border: 1px solid #111;

    color: #111;

    background: #fff;
}


/* =========================================================
   ENQUIRY
========================================================= */

.property-enquiry-section {
    padding: 90px 0;

    background: #f6f4ef;
}


.property-enquiry-inner {
    max-width: 750px;
}


.property-enquiry-inner h2 {
    margin: 0 0 15px;

    font-size: 42px;

    line-height: 1.15;
}


.property-enquiry-inner > p {
    margin-bottom: 30px;

    color: #666;

    font-size: 16px;
}


.property-enquiry-form {
    padding: 30px;

    background: #fff;

    border-radius: 15px;
}


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

@media (max-width: 900px) {

    .property-detail-container {
        grid-template-columns: 1fr;

        gap: 40px;
    }


    .property-detail-sidebar {
        order: -1;
    }


    .property-contact-card {
        position: static;
    }


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


    .property-detail-meta-item:nth-child(2) {
        border-right: 0;
    }

}


@media (max-width: 600px) {

    .property-detail-hero {
        min-height: 480px;
    }


    .property-detail-hero-content {
        padding-bottom: 45px;
    }


    .property-detail-heading {
        display: block;
    }


    .property-detail-price {
        margin-top: 20px;
    }


    .property-detail-meta {
        grid-template-columns: 1fr;
    }


    .property-detail-meta-item {
        border-right: 0;

        border-bottom: 1px solid #e7e7e7;

        padding-left: 0;
    }


    .property-detail-meta-item:last-child {
        border-bottom: 0;
    }


    .property-detail-heading h2 {
        font-size: 30px;
    }


    .property-enquiry-inner h2 {
        font-size: 32px;
    }

}

/* =========================================================
   Shared developer property section
========================================================= */


.developer-properties {
    padding: 64px 0;
    background: #f7f8f5;
    border-top: 1px solid #e5e8df;
}

.developer-properties__container {
    width: min(1200px, 92%);
    min-width: 0;
    margin: 0 auto;
}

.developer-properties__eyebrow {
    display: block;
    margin-bottom: 10px;
    color: #80652b;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.developer-properties__heading h2 {
    margin: 0 0 12px;
    color: #17392d;
    font-size: clamp(26px, 3vw, 38px);
    line-height: 1.2;
}

.developer-properties__heading p {
    margin: 0;
    color: #657168;
    font-size: 15px;
    line-height: 1.7;
}

.developer-properties__hint {
    margin: 20px 0 8px;
    color: #657168;
    font-size: 13px;
}

/* A single row with native horizontal scrolling. */
.developer-properties__track {
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    gap: 24px;
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
    overflow-x: auto;
    padding: 10px 0 24px;
    scroll-snap-type: x proximity;
    scrollbar-width: thin;
    scrollbar-color: #9b834e #e6e9e1;
}

/* Three cards across on larger screens. */
.developer-properties__track > .property-card {
    flex: 0 0 calc((100% - 48px) / 3);
    min-width: 0;
    margin: 0;
    box-sizing: border-box;
    scroll-snap-align: start;
}

.developer-properties .property-card-link {
    display: block;
    height: 100%;
}

.developer-properties .property-title {
    overflow-wrap: anywhere;
}

.developer-properties .property-meta {
    flex-wrap: wrap;
}

.developer-properties__track:focus-visible {
    outline: 2px solid #80652b;
    outline-offset: 5px;
}

.developer-properties__track::-webkit-scrollbar {
    height: 8px;
}

.developer-properties__track::-webkit-scrollbar-track {
    background: #e6e9e1;
    border-radius: 20px;
}

.developer-properties__track::-webkit-scrollbar-thumb {
    background: #9b834e;
    border-radius: 20px;
}

.developer-properties__empty {
    margin-top: 24px;
    padding: 24px;
    background: #fff;
    border: 1px solid #e5e8df;
    border-radius: 12px;
    color: #657168;
}

.developer-properties__empty p {
    margin: 0;
}

/* Tablet: two cards across. */
@media (max-width: 900px) {
    .developer-properties__track > .property-card {
        flex-basis: calc((100% - 24px) / 2);
    }
}

/* Mobile: next card remains partially visible. */
@media (max-width: 600px) {
    .developer-properties {
        padding: 40px 0;
    }

    .developer-properties__track {
        gap: 16px;
    }

    .developer-properties__track > .property-card {
        flex-basis: 86%;
    }

    .developer-properties .property-image {
        height: 220px;
    }
}


/* ==========================================
   THE SOBHA DIFFERENCE
========================================== */

.sobha-difference {
    --sobha-green: #123b30;
    --sobha-gold: #ad8240;
    --sobha-cream: #f6f2ec;

    padding: clamp(44px, 6vw, 84px) 0;
    background: var(--sobha-cream);
    color: var(--sobha-green);
}

.sobha-difference,
.sobha-difference * {
    box-sizing: border-box;
}

.sobha-difference__inner {
    width: min(1200px, 92%);
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1.08fr;
    align-items: center;
    gap: clamp(32px, 5vw, 68px);
}

.sobha-difference__visual,
.sobha-difference__content {
    min-width: 0;
}

/* Large image with an integrated caption */
.sobha-difference__visual {
    overflow: hidden;
    border-radius: 16px;
    background: var(--sobha-green);
    box-shadow: 0 18px 40px rgba(18, 59, 48, 0.12);
}

.sobha-difference__visual > img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 5 / 4;
    object-fit: cover;
    object-position: center;
    margin: 0;
}

.sobha-difference__caption {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 22px 26px;
}

.sobha-difference__caption-line {
    flex: 0 0 3px;
    height: 42px;
    background: #d4ad6d;
}

.sobha-difference__caption strong {
    display: block;
    margin-bottom: 5px;
    color: #fff;
    font-family: inherit;
    font-size: 17px;
    font-weight: 500;
    line-height: 1.4;
}

.sobha-difference__caption div > span {
    display: block;
    color: #d9e3dd;
    font-size: 12px;
    line-height: 1.6;
}

/* Heading and introduction */
.sobha-difference__eyebrow {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 18px;
    color: #80602e;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.sobha-difference__eyebrow::before {
    content: "";
    display: block;
    width: 32px;
    height: 1px;
    flex-shrink: 0;
    background: var(--sobha-gold);
}

.sobha-difference__content h2 {
    margin: 0 0 20px;
    color: var(--sobha-green);
    font-family: Be Vietnam Pro, "Be Vietnam Pro", serif;
    font-size: clamp(28px, 2.8vw, 40px);
    font-weight: 400;
    line-height: 1.18;
    letter-spacing: -0.7px;
    text-transform: none;
}

.sobha-difference__content h2 span {
    color: #916b34;
}

.sobha-difference__description {
    max-width: 560px;
    margin: 0;
    color: #5d675f;
    font-size: 14px;
    line-height: 1.85;
}

/* Two-column feature list */
.sobha-difference__features {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px 22px;
    margin: 28px 0 30px;
    padding: 0;
    list-style: none;
}

.sobha-difference__features li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 0;
    padding: 0;
    color: #293e32;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.6;
}

.sobha-difference__features li::before {
    content: "";
    flex: 0 0 19px;
    width: 19px;
    height: 19px;
    margin-top: 1px;
    border: 1px solid #c7a56b;
    border-radius: 50%;
    background-color: #eee3d0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='m5.5 10 3 3 6-6' stroke='%23785827' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 16px;
}

/* Quiet brand signature */
.sobha-difference__signature {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px 24px;
    padding-top: 22px;
    border-top: 1px solid #ddd5c7;
}

.sobha-difference__brand {
    color: var(--sobha-green);
    font-family: Be Vietnam Pro, "Be Vietnam Pro", sans-serif;
    font-size: 29px;
    line-height: 1;
    letter-spacing: 5px;
}

.sobha-difference__values {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    color: #746957;
    font-size: 9px;
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: 1.4px;
    text-transform: uppercase;
}

.sobha-difference__values i {
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: var(--sobha-gold);
}

/* Tablet and mobile */
@media (max-width: 900px) {
    .sobha-difference__inner {
        grid-template-columns: 1fr;
        gap: 34px;
    }

    .sobha-difference__visual > img {
        aspect-ratio: 16 / 10;
    }

    .sobha-difference__description {
        max-width: none;
    }
}

@media (max-width: 540px) {
    .sobha-difference__content h2 {
        font-size: 30px;
    }

    .sobha-difference__features {
        grid-template-columns: 1fr;
        gap: 14px;
        margin: 24px 0;
    }

    .sobha-difference__caption {
        padding: 18px 20px;
    }

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

/* =========================================
   DAMAC DIFFERENCE SECTION
========================================= */

.damac-difference {
    --damac-green: #083c32;
    --damac-gold: #a67b37;
    --damac-background: #f6f2ed;

    padding: clamp(40px, 6vw, 80px) 0;
    background: var(--damac-background);
    color: var(--damac-green);
    font-family: "Be Vietnam Pro", sans-serif;
}

.damac-difference,
.damac-difference * {
    box-sizing: border-box;
}

.damac-difference .damac-difference__container {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
    align-items: center;
    gap: clamp(28px, 4vw, 60px);
    width: min(1200px, 92%);
    margin: 0 auto;
}

/* Image */

.damac-difference__image {
    position: relative;
    min-width: 0;
    padding: 0 12px 12px 0;
}

.damac-difference__image::before {
    content: "";
    position: absolute;
    inset: 18px 0 0 18px;
    border: 1px solid #cbb48d;
    border-radius: 16px;
    pointer-events: none;
}

.damac-difference__image img {
    position: relative;
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    aspect-ratio: 6 / 5;
    margin: 0;
    border-radius: 12px;
    object-fit: cover;
    object-position: center;
    box-shadow: 0 16px 35px rgba(8, 60, 50, 0.10);
}

/* Content */

.damac-difference__content {
    min-width: 0;
}

.damac-difference .damac-difference__eyebrow {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 18px;
    color: #85612e;
    font-family: "Be Vietnam Pro", sans-serif;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.6;
    letter-spacing: 1.8px;
    text-transform: uppercase;
}

.damac-difference__eyebrow::before {
    content: "";
    width: 30px;
    height: 1px;
    flex-shrink: 0;
    background: var(--damac-gold);
}

.damac-difference .damac-difference__content h2 {
    margin: 0 0 18px;
    color: var(--damac-green);
    font-family: "Be Vietnam Pro", sans-serif;
    font-size: clamp(28px, 2.8vw, 40px);
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: -1px;
    text-transform: none;
}

.damac-difference__content h2 span {
    color: #966c30;
}

.damac-difference .damac-difference__intro {
    margin: 0;
    color: #626b65;
    font-family: "Be Vietnam Pro", sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.8;
}

/* Feature list */

.damac-difference .damac-difference__features {
    display: grid;
    gap: 16px;
    margin: 26px 0 28px;
    padding: 0;
    list-style: none;
}

.damac-difference .damac-difference__features li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin: 0;
    padding: 0;
    color: #32483e;
    font-family: "Be Vietnam Pro", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.6;
}

.damac-difference__features li::before {
    content: "";
    flex: 0 0 22px;
    width: 22px;
    height: 22px;
    margin-top: 1px;
    border: 1px solid #d3bd95;
    border-radius: 50%;
    background-color: #eee4d3;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='m5 10 3 3 7-7' stroke='%2382602d' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px;
}

/* Brand signature */

.damac-difference__signature {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px 20px;
    padding-top: 22px;
    border-top: 1px solid #ded5c7;
}

.damac-difference .damac-difference__name {
    color: var(--damac-green);
    font-family: "Be Vietnam Pro", sans-serif;
    font-size: 25px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 2px;
}

.damac-difference .damac-difference__tagline {
    padding-left: 20px;
    border-left: 1px solid #cbb48d;
    color: #74644e;
    font-family: "Be Vietnam Pro", sans-serif;
    font-size: 10px;
    font-weight: 500;
    line-height: 1.8;
    letter-spacing: 1.6px;
    text-transform: uppercase;
}

/* Tablet */

@media (max-width: 900px) {
    .damac-difference .damac-difference__container {
        grid-template-columns: 1fr;
        gap: 34px;
    }

    .damac-difference__image img {
        aspect-ratio: 16 / 10;
    }
}

/* Mobile */

@media (max-width: 540px) {
    .damac-difference .damac-difference__content h2 {
        font-size: 28px;
        letter-spacing: -0.6px;
    }

    .damac-difference .damac-difference__eyebrow {
        font-size: 10px;
        letter-spacing: 1.4px;
    }

    .damac-difference .damac-difference__features li {
        font-size: 13px;
    }

    .damac-difference__image img {
        aspect-ratio: 4 / 3;
    }

    .damac-difference__signature {
        gap: 12px;
    }

    .damac-difference .damac-difference__tagline {
        padding-left: 12px;
        letter-spacing: 1px;
    }
}

/* =========================================
   DANUBE DIFFERENCE
========================================= */

.danube-difference {
    --danube-green: #103b30;
    --danube-gold: #a47c3e;
    --danube-cream: #f6f2ed;

    padding: clamp(40px, 6vw, 80px) 0;
    background: var(--danube-cream);
    color: var(--danube-green);
    font-family: "Be Vietnam Pro", sans-serif;
}

.danube-difference,
.danube-difference * {
    box-sizing: border-box;
}

.danube-difference .danube-difference__container {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
    align-items: center;
    gap: clamp(30px, 5vw, 64px);
    width: min(1200px, 92%);
    margin: 0 auto;
}

/* Photograph and caption */

.danube-difference__visual {
    min-width: 0;
    overflow: hidden;
    border: 1px solid #e1d9cb;
    border-radius: 16px;
    background: var(--danube-green);
    box-shadow: 0 16px 36px rgba(16, 59, 48, 0.10);
}

.danube-difference__visual > img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    aspect-ratio: 6 / 5;
    margin: 0;
    object-fit: cover;
    object-position: center;
}

.danube-difference__caption {
    padding: 20px 26px;
    border-top: 2px solid #ba9659;
}

.danube-difference .danube-difference__caption span {
    display: block;
    margin-bottom: 5px;
    color: #d6e1db;
    font-family: "Be Vietnam Pro", sans-serif;
    font-size: 12px;
    line-height: 1.6;
}

.danube-difference .danube-difference__caption strong {
    display: block;
    color: #fff;
    font-family: "Be Vietnam Pro", sans-serif;
    font-size: 17px;
    font-weight: 500;
    line-height: 1.5;
}

/* Heading and description */

.danube-difference__content {
    min-width: 0;
}

.danube-difference .danube-difference__eyebrow {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
    color: #80602e;
    font-family: "Be Vietnam Pro", sans-serif;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.6;
    letter-spacing: 1.8px;
    text-transform: uppercase;
}

.danube-difference__eyebrow::before {
    content: "";
    flex: 0 0 30px;
    height: 1px;
    background: var(--danube-gold);
}

.danube-difference .danube-difference__content h2 {
    margin: 0 0 18px;
    color: var(--danube-green);
    font-family: "Be Vietnam Pro", sans-serif;
    font-size: clamp(27px, 2.7vw, 38px);
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: -0.8px;
    text-transform: none;
}

.danube-difference__content h2 span {
    color: #906b33;
}

.danube-difference .danube-difference__intro {
    margin: 0;
    color: #626b65;
    font-family: "Be Vietnam Pro", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.85;
}

/* Features */

.danube-difference .danube-difference__features {
    display: grid;
    gap: 15px;
    margin: 26px 0;
    padding: 0;
    list-style: none;
}

.danube-difference .danube-difference__features li {
    display: flex;
    align-items: center;
    gap: 14px;
    margin: 0;
    padding: 0;
    color: #30463b;
    font-family: "Be Vietnam Pro", sans-serif;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.6;
}

.danube-difference__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    border: 1px solid #e0d3bd;
    border-radius: 10px;
    background: #f0e8da;
    color: #926c31;
}

.danube-difference__icon svg {
    display: block;
    width: 23px;
    height: 23px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.5;
    stroke-linecap: round;
    stroke-linejoin: round;
}

/* Brand signature */

.danube-difference__signature {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px 20px;
    padding-top: 20px;
    border-top: 1px solid #ddd4c6;
}

.danube-difference .danube-difference__signature strong {
    color: var(--danube-green);
    font-family: "Be Vietnam Pro", sans-serif;
    font-size: 23px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 2px;
}

.danube-difference .danube-difference__signature > span {
    padding-left: 20px;
    border-left: 1px solid #cbb48d;
    color: #74644e;
    font-family: "Be Vietnam Pro", sans-serif;
    font-size: 10px;
    font-weight: 500;
    line-height: 1.8;
    letter-spacing: 1px;
    text-transform: uppercase;
}

/* Tablet */

@media (max-width: 900px) {
    .danube-difference .danube-difference__container {
        grid-template-columns: 1fr;
        gap: 34px;
    }

    .danube-difference__visual > img {
        aspect-ratio: 16 / 10;
    }
}

/* Mobile */

@media (max-width: 540px) {
    .danube-difference .danube-difference__content h2 {
        font-size: 27px;
        letter-spacing: -0.6px;
    }

    .danube-difference__visual > img {
        aspect-ratio: 4 / 3;
    }

    .danube-difference__caption {
        padding: 18px 20px;
    }

    .danube-difference .danube-difference__features li {
        gap: 12px;
        font-size: 13px;
    }

    .danube-difference__signature {
        align-items: flex-start;
        flex-direction: column;
        gap: 6px;
    }

    .danube-difference .danube-difference__signature > span {
        padding-left: 0;
        border-left: 0;
    }
}


/* Blog Page All CSS */
/* BLOG BODY */

.kgb-page {
  --kgb-green: #17392d;
  --kgb-gold: #9a733b;
  --kgb-muted: #6d746e;
  --kgb-border: #e6e5dd;

  padding: 60px 0 70px;
  background: var(--cream, #f7f2e9);
  color: var(--kgb-green);
  font-family: "Be Vietnam Pro", sans-serif;
  line-height: 1.6;
}

.kgb-page *,
.kgb-page *::before,
.kgb-page *::after {
  box-sizing: border-box;
}

.kgb-container {
  width: min(1280px, 100%);
  margin-inline: auto;
  padding-inline: 20px;
}

.kgb-page h1,
.kgb-page h2,
.kgb-page h3,
.kgb-page p {
  margin: 0;
  font-family: inherit;
}

.kgb-page a {
  color: inherit;
  text-decoration: none;
}

.kgb-page img {
  display: block;
  max-width: 100%;
}

.kgb-page :is(a, button, input):focus-visible {
  outline: 3px solid var(--kgb-gold);
  outline-offset: 4px;
}

/* TOP HEADING + SEARCH */

.kgb-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
  margin-bottom: 36px;
}

.kgb-eyebrow {
  display: block;
  margin-bottom: 9px;
  color: var(--kgb-gold);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 2px;
}

.kgb-top h1 {
  color: var(--kgb-green);
  font-size: clamp(30px, 3.5vw, 44px);
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: -1.2px;
}

.kgb-top p {
  margin-top: 12px;
  color: var(--kgb-muted);
  font-size: 13px;
}

.kgb-search {
  display: flex;
  align-items: center;
  flex: 0 1 360px;
  min-width: 250px;
  gap: 8px;
  margin: 0;
  padding: 6px;
  border: 1px solid #deded4;
  border-radius: 8px;
  background: #fff;
}

.kgb-search input {
  flex: 1;
  width: 100%;
  min-width: 0;
  height: 42px;
  margin: 0;
  padding: 0 12px;
  border: 0;
  border-radius: 4px;
  background: transparent;
  color: var(--kgb-green);
  box-shadow: none;
  font: inherit;
  font-size: 13px;
}

.kgb-search input::placeholder {
  color: #7d837c;
}

.kgb-search button {
  display: grid;
  place-items: center;
  flex-shrink: 0;
  width: 44px;
  height: 42px;
  padding: 0;
  border: 0;
  border-radius: 5px;
  background: var(--kgb-green);
  color: #fff;
  cursor: pointer;
}

.kgb-search button:hover {
  background: #244d3d;
}

/* LATEST POST */

.kgb-latest {
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  overflow: hidden;
  border: 1px solid var(--kgb-border);
  border-radius: 12px;
  background: #fff;
}

.kgb-latest-image {
  position: relative;
  display: block;
  min-height: 340px;
  overflow: hidden;
  background: #e3e6de;
}

.kgb-latest-image img {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  object-fit: cover;
}

.kgb-latest-label {
  position: absolute;
  top: 20px;
  left: 20px;
  padding: 7px 14px;
  border-radius: 4px;
  background: #fff;
  color: var(--kgb-green);
  font-size: 11px;
  font-weight: 600;
}

.kgb-latest-content {
  align-self: center;
  padding: 36px 40px;
}

.kgb-category {
  display: block;
  color: var(--kgb-gold);
  font-size: 11px;
  font-weight: 600;
  line-height: 1.5;
}

.kgb-latest h2 {
  margin-top: 13px;
  font-size: clamp(24px, 2.6vw, 32px);
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: -0.7px;
}

.kgb-latest-content > p {
  margin-top: 14px;
  color: var(--kgb-muted);
  font-size: 13px;
  line-height: 1.85;
}

.kgb-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 16px;
  margin-top: 20px;
  color: var(--kgb-muted);
  font-size: 11px;
}

.kgb-meta span {
  padding-left: 16px;
  border-left: 1px solid var(--kgb-border);
}

.kgb-read {
  display: inline-flex;
  align-items: center;
  gap: 22px;
  margin-top: 22px;
  padding-bottom: 5px;
  border-bottom: 1px solid #cfba99;
  font-size: 12px;
  font-weight: 600;
}

.kgb-read span {
  font-size: 20px;
}

/* POST GRID */

.kgb-listing {
  margin-top: 46px;
}

.kgb-listing-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 22px;
}

.kgb-listing-heading h2 {
  font-size: 23px;
  font-weight: 500;
  letter-spacing: -0.5px;
}

.kgb-listing-heading > span {
  color: var(--kgb-muted);
  font-size: 12px;
}

.kgb-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 26px;
}

.kgb-card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--kgb-border);
  border-radius: 10px;
  background: #fff;
  transition: box-shadow 180ms ease, transform 180ms ease;
}

.kgb-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 26px rgb(23 57 45 / 7%);
}

.kgb-card-image {
  width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  background: #e3e6de;
}

.kgb-card-content {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 22px;
}

.kgb-card h3 {
  margin-top: 10px;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.35px;
  overflow-wrap: anywhere;
}

/* Makes the whole card clickable through its title link. */
.kgb-card h3 a::after {
  content: "";
  position: absolute;
  inset: 0;
}

.kgb-card:focus-within {
  outline: 3px solid var(--kgb-gold);
  outline-offset: 4px;
}

.kgb-card h3 a:focus-visible {
  outline: none;
}

.kgb-card h3 a:hover,
.kgb-latest h2 a:hover,
.kgb-read:hover {
  color: var(--kgb-gold);
}

.kgb-card-content > p {
  margin-top: 12px;
  margin-bottom: 22px;
  color: var(--kgb-muted);
  font-size: 12px;
  line-height: 1.85;
}

.kgb-card-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: auto;
  padding-top: 14px;
  border-top: 1px solid #eeeee8;
  color: var(--kgb-muted);
  font-size: 11px;
}

.kgb-card-bottom > span {
  display: grid;
  place-items: center;
  width: 29px;
  height: 29px;
  border-radius: 50%;
  background: #f4f2eb;
  color: var(--kgb-green);
  font-size: 18px;
}

/* PAGINATION
   Explicit display overrides your global mobile nav hiding rule. */

.kgb-page .kgb-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  position: static;
  width: 100%;
  gap: 24px;
  margin-top: 38px;
  padding: 24px 0 0;
  border-top: 1px solid #dfdfd5;
  background: transparent;
  box-shadow: none;
  transform: none;
}

.kgb-page-numbers {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
}

.kgb-page .kgb-page-number {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  padding: 0;
  border: 1px solid #dedfd6;
  border-radius: 6px;
  background: #fff;
  color: var(--kgb-green);
  font-size: 13px;
  font-weight: 500;
}

.kgb-page .kgb-page-number[aria-current="page"] {
  border-color: var(--kgb-green);
  background: var(--kgb-green);
  color: #fff;
}

.kgb-page a.kgb-page-number:hover {
  border-color: var(--kgb-green);
  background: #eaf0e8;
}

.kgb-page .kgb-page-direction {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 6px 0;
  font-size: 12px;
  font-weight: 500;
}

.kgb-page a.kgb-page-direction:hover {
  color: var(--kgb-gold);
}

.kgb-disabled {
  color: #8a8d85;
}

.kgb-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

/* TABLET */

@media (max-width: 991px) {
  .kgb-page {
    padding-top: 40px;
  }

  .kgb-top {
    align-items: flex-start;
    flex-direction: column;
    gap: 24px;
  }

  .kgb-search {
    flex: none;
    width: 100%;
    min-width: 0;
  }

  .kgb-latest-content {
    padding: 28px;
  }

  .kgb-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
  }
}

/* MOBILE */

@media (max-width: 767px) {
  .kgb-latest {
    grid-template-columns: 1fr;
  }

  .kgb-latest-image {
    min-height: 0;
    aspect-ratio: 16 / 9;
  }

  .kgb-latest-content {
    padding: 26px;
  }

  .kgb-listing-heading {
    align-items: flex-start;
    flex-direction: column;
    gap: 5px;
  }
}

@media (max-width: 575px) {
  .kgb-page {
    padding: 32px 0 44px;
  }

  .kgb-container {
    padding-inline: 16px;
  }

  .kgb-top {
    margin-bottom: 24px;
  }

  .kgb-top h1 {
    font-size: 32px;
  }

  .kgb-top p {
    font-size: 12px;
    line-height: 1.8;
  }

  .kgb-latest-content {
    padding: 22px;
  }

  .kgb-latest h2 {
    font-size: 23px;
  }

  .kgb-listing {
    margin-top: 32px;
  }

  .kgb-grid {
    grid-template-columns: 1fr;
    gap: 22px;
  }

  .kgb-page .kgb-pagination {
    gap: 12px;
    margin-top: 28px;
  }

  .kgb-page-numbers {
    gap: 5px;
  }

  .kgb-page .kgb-page-number {
    width: 36px;
    height: 40px;
  }

  .kgb-page .kgb-page-direction {
    font-size: 11px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .kgb-card {
    transition: none;
  }

  .kgb-card:hover {
    transform: none;
  }
}


/* ADDITIONAL CSS FOR BLOG PAGE TEMPLATE */
/* Dynamic blog search and category filter */

.kgb-page .kgb-search-dynamic {
  flex: 0 1 540px;
  min-width: 0;
}

.kgb-search-dynamic input[type="search"] {
  flex: 1 1 160px;
}

.kgb-search-dynamic select {
  flex: 0 1 180px;
  width: 180px;
  min-width: 0;
  height: 42px;
  margin: 0;
  padding: 0 26px 0 12px;
  border: 0;
  border-left: 1px solid var(--kgb-border);
  border-radius: 0;
  background-color: #fff;
  color: var(--kgb-green);
  font: inherit;
  font-size: 12px;
  cursor: pointer;
}

.kgb-search-dynamic select:focus-visible {
  outline: 2px solid var(--kgb-gold);
  outline-offset: 2px;
}

/* Active filters */

.kgb-filter-summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin: -12px 0 24px;
  padding: 12px 16px;
  border: 1px solid var(--kgb-border);
  border-radius: 6px;
  background: #fff;
  font-size: 12px;
}

.kgb-filter-summary p {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 6px 12px;
  color: var(--kgb-muted);
  overflow-wrap: anywhere;
}

.kgb-filter-summary strong {
  color: var(--kgb-green);
  font-weight: 500;
}

.kgb-filter-summary > a {
  flex-shrink: 0;
  color: var(--kgb-gold);
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* Image sizing and fallback */

.kgb-card > img.kgb-card-image {
  height: auto;
  aspect-ratio: 16 / 10;
  object-fit: cover;
}

.kgb-image-placeholder {
  display: grid;
  place-items: center;
  width: 100%;
  aspect-ratio: 16 / 10;
  background: linear-gradient(135deg, #e8eadd, #f4eee2);
  color: #66705d;
}

.kgb-image-placeholder span {
  padding: 20px;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 2px;
  text-align: center;
}

.kgb-latest-image > .kgb-image-placeholder {
  position: absolute;
  inset: 0;
  height: 100%;
  aspect-ratio: auto;
}

/* WordPress-generated pagination */

.kgb-page .kgb-pagination {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 8px;
}

.kgb-page .kgb-pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 42px;
  min-height: 42px;
  padding: 8px 12px;
  border: 1px solid #dedfd6;
  border-radius: 6px;
  background: #fff;
  color: var(--kgb-green);
  font-size: 13px;
  font-weight: 500;
  line-height: 1.4;
  text-decoration: none;
}

.kgb-page .kgb-pagination .page-numbers.current {
  border-color: var(--kgb-green);
  background: var(--kgb-green);
  color: #fff;
}

.kgb-page .kgb-pagination a.page-numbers:hover {
  border-color: var(--kgb-green);
  background: #eaf0e8;
}

.kgb-page .kgb-pagination .page-numbers.dots {
  display: inline-flex;
  min-width: 24px;
  padding-inline: 4px;
  border-color: transparent;
  background: transparent;
}

.kgb-page .kgb-pagination .prev,
.kgb-page .kgb-pagination .next {
  padding-inline: 16px;
}

#kgb-articles {
  scroll-margin-top: 100px;
}

/* Empty results */

.kgb-empty {
  padding: 60px 24px;
  border: 1px solid var(--kgb-border);
  border-radius: 10px;
  background: #fff;
  text-align: center;
}

.kgb-empty h2 {
  font-size: 25px;
  font-weight: 500;
}

.kgb-empty p {
  margin-top: 12px;
  color: var(--kgb-muted);
  font-size: 13px;
}

@media (max-width: 991px) {
  .kgb-page .kgb-search-dynamic {
    flex: none;
    width: 100%;
  }
}

@media (max-width: 575px) {
  .kgb-page .kgb-search-dynamic {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 44px;
    gap: 6px;
  }

  .kgb-search-dynamic input[type="search"] {
    grid-column: 1;
    grid-row: 1;
  }

  .kgb-search-dynamic button {
    grid-column: 2;
    grid-row: 1;
  }

  .kgb-search-dynamic select {
    grid-column: 1 / -1;
    grid-row: 2;
    width: 100%;
    border-left: 0;
    border-top: 1px solid var(--kgb-border);
  }

  .kgb-filter-summary {
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
  }

  .kgb-page .kgb-pagination .page-numbers {
    min-width: 36px;
    min-height: 40px;
    padding-inline: 10px;
    font-size: 12px;
  }
}

/* =====================================
   BLOG ARTICLE DETAILS
===================================== */

.kgs-page {
  --kgs-green: #17392d;
  --kgs-gold: #916c36;
  --kgs-muted: #70766f;
  --kgs-border: #e4e2d8;

  padding: 38px 0 70px;
  background: var(--cream, #f7f2e9);
  color: var(--kgs-green);
  font-family: "Be Vietnam Pro", sans-serif;
  text-align: left;
  line-height: 1.7;
}

.kgs-page *,
.kgs-page *::before,
.kgs-page *::after {
  box-sizing: border-box;
}

.kgs-container {
  width: min(1120px, calc(100% - 40px));
  margin-inline: auto;
}

.kgs-page a {
  color: inherit;
  text-decoration: none;
}

.kgs-page :is(a, button, input, textarea):focus-visible {
  outline: 3px solid var(--kgs-gold);
  outline-offset: 4px;
}

/* Back link */

.kgs-back {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 28px;
  font-size: 12px;
  font-weight: 500;
}

.kgs-back:hover {
  color: var(--kgs-gold);
}

/* Article heading */

.kgs-heading {
  max-width: 850px;
  margin: 0 auto;
  padding: 12px 0 32px;
  text-align: center;
}

.kgs-categories {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  margin-bottom: 18px;
}

.kgs-categories > a,
.kgs-categories > span {
  display: inline-block;
  padding: 6px 12px;
  border: 1px solid #e1d6c3;
  border-radius: 4px;
  background: #f0e9db;
  color: var(--kgs-gold);
  font-size: 11px;
  font-weight: 500;
}

.kgs-categories > a:hover {
  background: #e8dec9;
}

.kgs-page .kgs-heading h1 {
  margin: 0;
  color: var(--kgs-green);
  font-family: inherit;
  font-size: clamp(28px, 3.8vw, 44px);
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: -1px;
  overflow-wrap: anywhere;
}

.kgs-meta {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 8px 18px;
  margin-top: 20px;
  color: var(--kgs-muted);
  font-size: 12px;
}

.kgs-meta > span {
  padding-left: 18px;
  border-left: 1px solid #d7d6cb;
}

/* Featured image */

.kgs-cover {
  margin: 0 0 36px;
  overflow: hidden;
  border-radius: 12px;
  background: #e6e7de;
}

.kgs-cover .kgs-cover-image {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  aspect-ratio: 16 / 8;
  margin: 0;
  object-fit: cover;
  object-position: center;
}

/* Readable article width */

.kgs-reading {
  max-width: 820px;
  margin-inline: auto;
}

.kgs-content {
  display: flow-root;
  color: #414d43;
  font-size: 15px;
  line-height: 1.95;
  overflow-wrap: anywhere;
}

.kgs-content > :first-child {
  margin-top: 0;
}

.kgs-content > :last-child {
  margin-bottom: 0;
}

.kgs-content p {
  margin: 0 0 22px;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

.kgs-content :is(h1, h2, h3, h4, h5, h6) {
  margin: 32px 0 14px;
  color: var(--kgs-green);
  font-family: inherit;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: -0.4px;
}

.kgs-content h1,
.kgs-content h2 {
  font-size: 27px;
}

.kgs-content h3 {
  font-size: 22px;
}

.kgs-content h4 {
  font-size: 19px;
}

.kgs-content h5,
.kgs-content h6 {
  font-size: 16px;
}

.kgs-content a {
  color: var(--kgs-gold);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.kgs-content a:hover {
  color: var(--kgs-green);
}

.kgs-content ul,
.kgs-content ol {
  margin: 0 0 24px;
  padding-left: 25px;
}

.kgs-content ul {
  list-style: disc;
}

.kgs-content ol {
  list-style: decimal;
}

.kgs-content li {
  margin-bottom: 8px;
}

.kgs-content li > ul,
.kgs-content li > ol {
  margin-top: 8px;
  margin-bottom: 8px;
}

.kgs-content blockquote {
  margin: 28px 0;
  padding: 20px 24px;
  border-left: 3px solid #b39157;
  border-radius: 0 8px 8px 0;
  background: #eee8db;
  color: var(--kgs-green);
}

.kgs-content blockquote p:last-child {
  margin-bottom: 0;
}

.kgs-content img {
  max-width: 100%;
  height: auto;
  border-radius: 8px;
}

.kgs-content figure {
  max-width: 100%;
  margin: 26px 0;
}

.kgs-content figcaption {
  margin-top: 8px;
  color: var(--kgs-muted);
  font-size: 12px;
  text-align: center;
}

.kgs-content .alignwide,
.kgs-content .alignfull {
  width: 100%;
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
}

.kgs-content .aligncenter {
  display: block;
  margin-inline: auto;
}

.kgs-content iframe,
.kgs-content video {
  max-width: 100%;
}

.kgs-content .wp-block-table {
  overflow-x: auto;
}

.kgs-content table {
  width: 100%;
  margin-bottom: 24px;
  border-collapse: collapse;
}

.kgs-content th,
.kgs-content td {
  padding: 12px;
  border: 1px solid #dcded4;
  text-align: left;
}

.kgs-content th {
  background: #eceee5;
}

.kgs-content pre {
  max-width: 100%;
  overflow-x: auto;
  padding: 18px;
  border-radius: 6px;
  background: #eaece4;
}

.kgs-content hr {
  margin: 30px 0;
  border: 0;
  border-top: 1px solid var(--kgs-border);
}

/* Password-protected posts */

.kgs-content .post-password-form input[type="password"] {
  max-width: 100%;
  padding: 10px 12px;
  border: 1px solid var(--kgs-border);
  background: #fff;
  font: inherit;
}

.kgs-content .post-password-form input[type="submit"] {
  padding: 10px 18px;
  border: 0;
  border-radius: 4px;
  background: var(--kgs-green);
  color: #fff;
  font: inherit;
  cursor: pointer;
}

/* Multi-page article links */

.kgs-content-pages {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-top: 24px;
  font-size: 13px;
}

.kgs-content-pages .post-page-numbers {
  padding: 6px 12px;
  border: 1px solid var(--kgs-border);
  border-radius: 4px;
}

.kgs-content-pages .current {
  background: var(--kgs-green);
  color: #fff;
}

/* Previous and next articles */

.kgs-post-navigation {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
  margin-top: 42px;
  padding-top: 28px;
  border-top: 1px solid var(--kgs-border);
}

.kgs-post-link {
  display: flex;
  flex-direction: column;
  gap: 9px;
  min-width: 0;
  padding: 20px;
  border: 1px solid var(--kgs-border);
  border-radius: 8px;
  background: #fff;
}

.kgs-post-link > span {
  color: var(--kgs-gold);
  font-size: 11px;
}

.kgs-post-link > strong {
  color: var(--kgs-green);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.6;
  overflow-wrap: anywhere;
}

.kgs-post-link:hover {
  border-color: #b39157;
}

/* Mobile */

@media (max-width: 767px) {
  .kgs-page {
    padding: 26px 0 44px;
  }

  .kgs-container {
    width: calc(100% - 32px);
  }

  .kgs-back {
    margin-bottom: 18px;
  }

  .kgs-heading {
    padding: 8px 0 24px;
  }

  .kgs-page .kgs-heading h1 {
    font-size: 29px;
    letter-spacing: -0.6px;
  }

  .kgs-cover {
    margin-bottom: 26px;
    border-radius: 8px;
  }

  .kgs-cover .kgs-cover-image {
    aspect-ratio: 16 / 10;
  }

  .kgs-content {
    font-size: 14px;
    line-height: 1.9;
  }

  .kgs-content h1,
  .kgs-content h2 {
    font-size: 23px;
  }

  .kgs-content h3 {
    font-size: 20px;
  }

  .kgs-content blockquote {
    padding: 18px;
  }

  .kgs-post-navigation {
    grid-template-columns: 1fr;
    gap: 14px;
    margin-top: 30px;
  }
}