:root {
      --gold: #CAA56A; --gold-mid: #E8D5A8; --gold-border: #CAA56A;
      --gold-light: #C9A96E;
      --black: #0A0A0A; --dark: #111111; --grey: #9D9D9D; --white: #FFFFFF;
      --Gold-Gradient-Dark-1: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), linear-gradient(90deg, #A1701D 0%, #D0AA4A 100%);
      --BG-color-black-main:linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), #111;
      --gold-blur:   rgba(197, 160, 40, 0.15);
      --bg-main:     #111111;
      --text-muted:  #d7d7d7;
      --blur-size-tr: 296px;
      --blur-size-bl: 296px;
    }
    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
    html { scroll-behavior: smooth; }
    body { font-family: 'Inter', sans-serif; background: var(--black); color: var(--white); overflow-x: hidden; }
    ::-webkit-scrollbar { width: 3px; } ::-webkit-scrollbar-track { background: var(--black); } ::-webkit-scrollbar-thumb { background: var(--gold-border); }
    a { text-decoration: none; color: inherit; } img { display: block; }


    /* ══ HERO ══ */
    .row-of-res-section-title{display: flex;justify-content: center;}
    .hero { position: relative; width: 100%; aspect-ratio: 1920 / 1080;min-height: 500px;max-height: 800px;width: 100%; background: var(--black); overflow: hidden; }
    .hero-bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }
    .hero-overlay { position: absolute; inset: 0; background: linear-gradient(to right, rgba(10,10,10,.72) 0%, rgba(10,10,10,.3) 48%, rgba(10,10,10,.08) 100%); }
    .hero-social { position: absolute; left: 162px; bottom: 111px; display: flex; flex-direction: column; gap: 2px; z-index: 2; }
    .hero-social-icons { display: flex; align-items: center; gap: 12px; }
    .hero-social-icons img { width: 20px; height: 20px; object-fit: contain; }
    .hero-social-icons .yt { width: 29px; height: 29px; }
    .hero-social-icons .sm { width: 17px; height: 17px; }
    .hero-social-label { font-family: 'Fredoka',sans-serif; font-size: 22.62px; color: var(--grey); line-height: 28px; }
    .hero-twitter { position: absolute; left: calc(8.33% + 214px); top: 451px; z-index: 2; }
    .hero-twitter img { width: 20px; height: 20px; }
    .hero-content { position: absolute; left: calc(63.33% - 0px); bottom: 115px; width: 572px; display: flex; flex-direction: column; gap: 13px; z-index: 2; }
    .hero-title-group { display: flex; flex-direction: column; gap: 0px; }
    .hero-t1 { font-family: 'Faustina',sans-serif; font-size: 80px; line-height: normal; color: var(--gold-border); display: block; }
    .hero-t2 { font-family: 'Faustina',sans-serif; font-size: 60px; line-height: 40px; color: var(--gold-border); display: block; }
    .hero-desc, .hero-desc a {position: relative; font-family: 'Fredoka',sans-serif;text-decoration: none; font-size: 18px; line-height: normal; color: #9D9D9D; margin-top: 4px;margin-bottom: 0px }
    .hero-desc a:hover {color: #D7D7D7;  cursor: pointer; font-weight: 400;}

    .hero-desc a::after {content: "";position: absolute;left: 0;bottom: 0;width: 0%;height: 1px;background: var(--Gold-Gradient-Dark-1);transition: width 0.1s ease;}
   .hero-desc a:hover::after {width: 100%;}

    .hero-cta { display: flex; max-width:409px; align-items: center; justify-content: center; height: 42px; border: 1px solid var(--gold-border); font-family: 'Fredoka',sans-serif; font-size: 18px; color: var(--white); cursor: pointer; transition: background .2s;margin-top: 0px; }
    .hero-cta:hover { background: var(--Gold-Gradient-Dark-1);border: 1px solid var(--gold-caa);color: var(--white); }
    

    /* ══ BRAND INFINITY SLIDER ══ */
    .brands-section { background: var(--black); border-top: 1px solid rgba(201,169,110,.12); padding: 40px 0 0;margin: 0 5%; }
    .brands-heading { font-family: 'Fredoka',sans-serif; font-weight: 400; font-size: 28px; color: var(--white); text-align: center; margin-bottom: 30px; letter-spacing: 1px; }
    .brands-sub { font-family: 'Inter',sans-serif; font-size: 11px; letter-spacing: 3.5px; text-transform: capitalize; color: var(--grey); text-align: center; margin-bottom: 32px; }
    .brands-slider-wrap { overflow: hidden; position: relative; width: 100%; background: #000;}
    /* fade edges */
    .brands-slider-wrap::before, .brands-slider-wrap::after {
      content: ''; position: absolute; top: 0; bottom: 0; width: 120px; z-index: 2; pointer-events: none;
    }
    .brands-slider-wrap::before { left: 0; background: linear-gradient(to right, var(--black), transparent); }
    .brands-slider-wrap::after { right: 0; background: linear-gradient(to left, var(--black), transparent); }
    .brands-track { display: flex; align-items: center; width: max-content; animation: brandScroll 22s linear infinite; }
    .brands-track:hover { animation-play-state: paused; }
    @keyframes brandScroll { from { transform: translateX(0); } to { transform: translateX(-50%); } }
    .brand-item { display: flex; align-items: center; justify-content: center; padding: 28px 48px; flex-shrink: 0; }
    .brand-item img { max-height: 46px; max-width: 160px; object-fit: contain; filter: brightness(.9) saturate(.15) contrast(.9); transition: filter .3s; }
    .brand-item:hover img { filter: brightness(1) saturate(1) contrast(1); }
    .brand-star { padding: 0 20px; opacity: .8; }
    .brand-star img { width: 25px; height: 25px; }
    .brands-dark-bar { height: 60px; background: #0B0B0B; border-top: 1px solid rgba(201,169,110,.07); }

    /* ══ RESIDENCES ══ */
    .res-section { background: linear-gradient(180deg,#0A0A0A 0%,#111 50%,#0D0D0D 100%); padding: 50px 194px 80px; position: relative; }
    .res-section::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background: linear-gradient(90deg,transparent,rgba(201,169,110,.3),transparent); }
    .res-header { display: flex; align-items: flex-start; justify-content: center; margin-bottom: 48px;margin-top: 20px; }
    .res-label-row { display: flex; align-items: center; gap: 12px; margin-bottom: 20px; }
    .res-label-line { width: 48px; height: 1px; background: linear-gradient(90deg,#C9A96E,transparent); }
    .res-label-text { font-family: 'Inter',sans-serif; font-size: 12px; letter-spacing: 3.6px; text-transform: uppercase; color: var(--gold); }
    .res-h2-plain { font-family: 'Fredoka',sans-serif; font-weight: 300; font-size: 40px; line-height: 59.8px; color: var(--white); letter-spacing: -.52px; display: block; }
    .res-h2-italic { font-family: 'Faustina',sans-serif; font-style: italic; font-size: 52px; line-height: 59.8px; letter-spacing: -.52px; display: block; background: linear-gradient(164deg,#C9A96E 0%,#E8D5A8 50%,#C9A96E 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
    .res-tabs { display: flex; }
    .res-tab { font-family: 'Fredoka',sans-serif; font-size: 18px; letter-spacing: 1.12px; color: var(--grey); padding: 9px 0 9px 20px; cursor: pointer; position: relative; transition: color .2s; white-space: nowrap; }
    .res-tab.active { color: var(--gold-border); font-weight: 500;margin-left: 30px; }
    .res-tab.active::before { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 10px; height: 1px; background: var(--gold-border); }
    .res-tab:hover:not(.active) { color: rgba(255,255,255,.6); }
    .res-panel { display: none; opacity: 0; transition: opacity .35s ease; }
    .res-panel.active { display: block; }
    .res-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 24px; }
    .prop-card { position: relative; height: 544px; overflow: hidden; cursor: pointer; }
    .prop-card-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .6s ease; }
    .prop-card:hover .prop-card-img { transform: scale(1.2); }
    .prop-card-grad { position: absolute; inset: 0; background: linear-gradient(to top,rgba(0,0,0,.9) 0%,rgba(0,0,0,.3) 50%,transparent 100%); }
    .prop-card-topbar { position: absolute; top: 0; left: 0; right: 0; height: 2px; opacity: .4; background: linear-gradient(90deg,transparent,#C9A96E 25%,#E8D5A8 50%,#C9A96E 75%,transparent); }
    .prop-info { position: absolute; bottom: 0; left: 0; right: 0; padding: 24px; }
    .prop-type { font-family: 'Inter',sans-serif; font-size: 11px; letter-spacing: 2.75px; text-transform: uppercase; color: var(--gold-light);margin-bottom: 5px;}
    .prop-name { font-family: 'Cormorant Garamond',serif; font-weight: 500; font-size: 26px; line-height: 31.2px; color: var(--white); letter-spacing: .52px;margin-bottom: 5px;}
    .prop-loc { display: flex; align-items: center; gap: 6px; margin-bottom: 14px; }
    .prop-loc svg { width: 14px; height: 14px; flex-shrink: 0; }
    .prop-loc span { font-family: 'Inter',sans-serif; font-weight: 300; font-size: 13px; color: rgba(255,255,255,.6); }
    .prop-div { width: 144px; height: 1px; margin-bottom: 17px; background: linear-gradient(90deg,rgba(201,169,110,.5),transparent); }
    .prop-link { display: flex; align-items: center; gap: 8px; font-family: 'Inter',sans-serif; font-size: 12px; letter-spacing: 2.4px; text-transform: uppercase; color: #E8D5A8; }
    .prop-link svg { width: 14px; height: 14px;}
    .res-explore-wrap { margin-top: 53px; display: flex; justify-content: center; }
    .res-explore-btn { border: 1px solid var(--gold-border); width: 337px; height: 42px; display: flex; align-items: center; justify-content: center; font-family: 'Fredoka',sans-serif; font-weight: 300; font-size: 18px; color: var(--white); letter-spacing: 2px; cursor: pointer; transition: background .2s; }
    .res-explore-btn:hover { background: rgba(162,132,85,.12); }
     .loc-card-loader{position:absolute;bottom:0px;left:0px;height:3px;width:0;background:linear-gradient(90deg,#caa56a,#caa56a);transition:width .6s cubic-bezier(.25,.46,.45,.94);z-index:5;}
     .prop-card:hover .loc-card-loader{width:100%;}
     .prop-card.wide:hover .loc-card-loader{width:50%}
    /* ══ WHY CHOOSE US ══ */
    .why-section { position: relative; width: 100%; overflow: hidden;}
    .why-choose-us-image-hm{padding: 0px 150px 0px;}
    .main-title-div-dv{text-align: center;font-family: Fredoka;font-size: 52px;font-style: normal;font-weight: 300;margin-top: 30px;}
    .main-title-div-dv .why-choose1spn{color:var(--white);}
    .main-title-div-dv .why-choose1spn1{color:var(--gold);}
    .why-bg {object-fit: cover; object-position: center top; }
    .why-radial { position: absolute; inset: 0; background: radial-gradient(ellipse at center,rgba(0,0,0,.08) 0%,rgba(0,0,0,.87) 90%); }
    .why-cards {display: grid; justify-items: center; grid-template-columns: 1fr 1fr; gap: 0px; padding: 0 180px;padding-bottom: 70px;}
    .why-card {border-radius: 8px; padding: 2px; display: flex; flex-direction: column; gap: 0px; max-width: 600px;}
    .why-card-head { display: flex; align-items: center; gap: 10px; }
    .why-num { display: flex;flex-direction: column;justify-content: center;flex-shrink: 0;font-family: Fredoka;font-size: 110px;font-style: normal;font-weight: 400;line-height: normal;background: linear-gradient(180deg, #CAA56A 9.93%, rgba(202, 165, 106, 0.50) 74.02%, rgba(14, 14, 14, 0.00) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
    .why-title { display:block; font-family: 'Fredoka',sans-serif; font-weight: 300; font-size: 30px; line-height: normal; color: #FFFBEF; text-transform: capitalize; }
    .why-desc {display:block; font-family: 'Faustina',sans-serif; font-size: 16px; line-height: normal; color: var(--white); text-transform: capitalize; }

    /* ══ KEY FEATURES ══ */
    .kf-section {position: relative;overflow: hidden;background: linear-gradient(90deg, rgba(0,0,0,.20) 0%, rgba(0,0,0,.20) 100%),linear-gradient(90deg, #111111 0%, #111111 100%);padding: 30px 0 80px;}
    .blur-orb-tr {position: absolute;top: -154px; right: 118px;width:  var(--blur-size-tr);height: var(--blur-size-tr);border-radius: 50%;background: var(--gold-blur);filter: blur(60px);pointer-events: none;z-index: 0;
    }
    .blur-orb-bl {
      position: absolute;
      bottom: -187px;
      left: 132px;
      width:  var(--blur-size-bl);
      height: var(--blur-size-bl);
      border-radius: 50%;
      background: var(--gold-blur);
      filter: blur(60px);
      pointer-events: none;
      z-index: 0;
    }
    .kf-inner {
      position: relative;
      z-index: 1;
      max-width: 1400px;
      margin: 0 auto;
      padding: 30px 60px;
    }
    .kf-header {
      text-align: center;
      max-width: 924px;
      margin: 0 auto 60px;
    }

    .kf-eyebrow {
      font-family: 'Fredoka',sans-serif;
      font-size: 12px;
      font-weight: 400;
      letter-spacing: 3.6px;
      color: var(--gold);
      text-transform: uppercase;
      display: block;
      margin-bottom: 22px;
    }

    .kf-heading {
      font-family: 'Fredoka', sans-serif;
      font-weight: 300;
      font-size: clamp(32px, 4vw, 52px);
      line-height: 1.1;
      color: #fff;
      text-transform: uppercase;
      letter-spacing: 1px;
      margin: 0 0 22px;
    }

    .kf-heading em {
      font-family: 'Faustina', serif;
      font-style: italic;
      font-weight: 300;
      color: #a28455;
    }

    .kf-subtext {
      font-family: 'Faustina', serif;
      font-weight: 300;
      font-size: 16px;
      line-height: 22px;
      letter-spacing: 1px;
      color: #fff;
      text-transform: capitalize;
      margin: 0;
    }
    .kf-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      grid-template-rows: 184px 184px;
      gap: 25px 32px;
    }
    .kf-card {
      position: relative;
      height: 184px;
    }
    .kf-icon-wrap {
      position: absolute;
      top: 0; left: 0;
      width: 48px; height: 48px;
      border-radius: 9999px;
      border: 1px solid var(--gold-border);
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 1px;
      transition: border-color 0.3s ease, box-shadow 0.3s ease;
    }

    .kf-card:hover .kf-icon-wrap {
      border-color: var(--gold);
      box-shadow: 0 0 12px rgba(197,160,40,0.25);
    }

    .kf-icon-wrap img {
      width: 24px; height: 24px;
      display: block;
      object-fit: contain;
    }
    .kf-card-title {
      position: absolute;
      top: 72px; left: 0; right: 0;
      font-family: 'Fredoka', sans-serif;
      font-weight: 400;
      font-size: 20px;
      line-height: 28px;
      letter-spacing: 0.5px;
      color: #fff;
      margin: 0;
    }
    .kf-card-desc {
      position: absolute;
      top: 112px; left: 0; right: 0;
      font-family: 'Faustina', serif;
      font-weight: 300;
      font-size: 14px;
      line-height: 24px;
      color: var(--text-muted);
      margin: 0;
    }
     @keyframes fadeUp {
      from { opacity: 0; transform: translateY(30px); }
      to   { opacity: 1; transform: translateY(0); }
    }
    .fade-up { animation: fadeUp 0.75s cubic-bezier(0.22,1,0.36,1) both; }
    .d0  { animation-delay: 0s; }
    .d1  { animation-delay: 0.10s; }
    .d2  { animation-delay: 0.20s; }
    .d3  { animation-delay: 0.30s; }
    .d4  { animation-delay: 0.40s; }
    .d5  { animation-delay: 0.50s; }
    .d6  { animation-delay: 0.60s; }
    .d7  { animation-delay: 0.70s; }
    .d8  { animation-delay: 0.80s; }
    .d9  { animation-delay: 0.90s; }
    .d10 { animation-delay: 1.00s; }

    /* ══ AWARDS (scrolling photo strip) ══ */
    .awards-section { background: var(--dark); padding: 45px 0; overflow: hidden; position: relative; }
    .awards-inner { overflow: hidden; position: relative; }
    .awards-inner::before, .awards-inner::after { content:''; position:absolute; top:0; bottom:0; width:140px; z-index:2; pointer-events:none; }
    .awards-inner::before { left:0; background: linear-gradient(to right,var(--dark),transparent); }
    .awards-inner::after { right:0; background: linear-gradient(to left,var(--dark),transparent); }
    .awards-track { display: flex; width: max-content; animation: awardsScroll 22s linear infinite; }
    .awards-track:hover { animation-play-state: paused; }
    @keyframes awardsScroll { from { transform: translateX(0); } to { transform: translateX(-50%); } }
    .award-img { width: 550px; height: 535px; object-fit: cover; flex-shrink: 0; margin-right: 4px; }
    .awards-overlay {text-align: center;margin-bottom: 40px;}
    .awards-title { font-family: 'Fredoka',sans-serif; font-weight: 300; font-size: 44px; color: var(--white); margin-bottom: 10px; }
    .awards-sub { font-family: 'Faustina',sans-serif; font-size: 18px; line-height: 19.528px; color: var(--white); max-width: 780px; margin: 0 auto; text-align: center; text-transform: capitalize; }

    /* ══ TESTIMONIALS ══ */
    .testi-section { background:url('https://www.51international.com/assets/dit/fiftyone/images/banner/bg-of-testimonial-home.webp'); padding: 40px 0;background-repeat: no-repeat;background-size: cover;background-position: bottom;}
    .testi-header { text-align: center; padding: 0 10px; margin-bottom: 60px; }
    .testi-eyebrow { font-family: 'Fredoka',sans-serif; font-weight: 300; font-size: 44px; color: var(--white); margin-bottom: 14px; text-transform: capitalize; }
    .testi-sub { font-family: 'Faustina',sans-serif; font-size: 16px; line-height: normal; color: var(--white); text-align: center; max-width: 924px; margin: 0 auto; text-transform: capitalize; }
    /* Two scrolling rows */
    .testi-slider-wrap { overflow: hidden; margin-bottom: 20px;}
    .testi-track { display: flex;gap: 20px;justify-content: center;flex-wrap: wrap;align-items: center;}
    .testi-card { background: #3c3526; border-radius: 8px; padding: 20px 40px; max-width: 315px;min-height:287px; flex-shrink: 0; display: flex; flex-direction: column; gap: 12px; }
    .testi-author-row { display: flex; align-items: center; gap: 10px; }
    .testi-avatar { width: 45px; height: 45px; border-radius: 50%; object-fit: cover; flex-shrink: 0; }
    .testi-name { font-family: 'Fredoka',sans-serif; font-size: 12px; color: var(--white); line-height: 20px; }
    .testi-role { font-family: 'Fredoka',sans-serif; font-size: 12px; color: var(--grey); line-height: 20px; }
    .testi-text { font-family: 'Faustina',sans-serif; font-size: 14px; color: var(--white); line-height: 20px;margin-bottom: 0;margin-top: 10px; }
    .testi-stars { display: flex; gap: 4px; }
    .testi-stars span { color: var(--gold); font-size: 23px; }
    .testi-bg2 { height: 754px; background: var(--white); margin-top: 60px; }

    /* ══ LATEST NEWS ══ */
    .news-section { background: var(--dark); padding: 40px 164px; }
         .news-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 32px;
      align-items: start; 
    }
    .news-card {
      border-radius: 6px;
      overflow: hidden;
      background: var(--card-bg);
      border: 1px solid var(--gold-dim);
      transition: border-color 0.3s ease, box-shadow 0.3s ease;
    }
    .news-thumb {
      position: relative;
      width: 100%;
      aspect-ratio: 16 / 9;
      overflow: hidden;
      cursor: pointer;
      background: #000;
    }

    .news-thumb .thumb-img {
      position: absolute;
      inset: 0;
      width: 100%; height: 100%;
      object-fit: cover;
      display: block;
      transition: transform 0.4s ease, opacity 0.35s ease;
    }
    .news-thumb::after {
      content: '';
      position: absolute;
      inset: 0;
      background: rgba(0,0,0,0);
      transition: background 0.3s ease;
      z-index: 1;
    }
    .news-card:hover .news-thumb::after {
      background: rgba(0,0,0,0.35);
    }
    .news-card:not(.is-playing):hover .thumb-img {
      transform: scale(1.05);
    }
    .news-play {
      position: absolute;
      top: 50%; left: 50%;
      transform: translate(-50%, -50%);
      width: 50px; height: 50px;
      border-radius: 50%;
      background: var(--gold);
      display: flex;
      align-items: center;
      justify-content: center;
      z-index: 2;
      box-shadow: 0 4px 20px rgba(201,168,76,0.45);
      transition: transform 0.3s ease, box-shadow 0.3s ease, opacity 0.3s ease;
      pointer-events: none; 
    }

    .news-card:hover .news-play {
      transform: translate(-50%, -50%) scale(1.13);
      box-shadow: 0 6px 28px var(--gold-glow);
    }

    .news-play svg {
      width: 22px; height: 22px;
      fill: #1a1a1a;
      margin-left: 3px;
    }
    .news-iframe-wrap {
      position: absolute;
      inset: 0;
      z-index: 10;
      opacity: 0;
      pointer-events: none;
      transition: opacity 0.35s ease;
    }

    .news-iframe-wrap iframe {
      width: 100%; height: 100%;
      border: none;
      display: block;
    }
    .news-card.is-playing .news-iframe-wrap {
      opacity: 1;
      pointer-events: auto;
    }

    .news-card.is-playing .thumb-img,
    .news-card.is-playing .news-play {
      opacity: 0;
      pointer-events: none;
    }
    .news-close-btn {
      position: absolute;
      top: 8px; right: 8px;
      width: 30px; height: 30px;
      border-radius: 50%;
      background: rgba(0,0,0,0.75);
      border: 1px solid var(--gold-dim);
      color: var(--gold);
      font-size: 14px;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      z-index: 20;
      opacity: 0;
      pointer-events: none;
      transition: opacity 0.3s ease, background 0.2s ease;
    }

    .news-card.is-playing .news-close-btn {
      opacity: 1;
      pointer-events: auto;
    }

    .news-close-btn:hover {
      background: rgba(201,168,76,0.2);
    }

    .news-card-body {
      padding: 16px 18px 20px;
    }

    .news-card-title {
      font-family: 'Fredoka', sans-serif;
      font-weight: 400;
      font-size: 18px;
      color: var(--gold);
      line-height: 1.3;
      margin-bottom: 8px;
    }

    .news-card-desc {
      font-family: 'Faustina', serif;
      font-weight: 300;
      font-size: 14px;
      color: var(--text-muted);
      line-height: 1.65;
    }
    .btn-gold {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--gold);
    padding: 10px 40px;
    height: 42px;
    font-family: 'Fredoka', sans-serif;
    font-size: 18px;
    color: var(--beige);
    background: transparent;
    cursor: pointer;
    white-space: nowrap;
    transition: background .25s, color .25s;
    text-decoration: none;
    }
    .btn-gold:hover {
        background: var(--Gold-Gradient-Dark-1);
        border: 1px solid var(--gold-caa);
        color: var(--white);
    }
    /* ══ BLOGS ══ */
    .blogs-section { background: var(--dark); padding: 40px 164px; }
    .blogs-heading { font-family: 'Fredoka',sans-serif; font-weight: 300; font-size: 44px; color: var(--white); text-align: center; margin-bottom: 12px; }
    .blogs-sub { font-family: 'Faustina',sans-serif; font-size: 16px; line-height: 19.528px; color: var(--white); text-align: center; max-width: 924px; margin: 0 auto 30px; text-transform: capitalize; }
    .blogs-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 20px; padding-bottom: 20px; }
    .blog-card { cursor: pointer; }
    .blog-card-img { width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: 8px; transition: transform .5s; display: block; margin-bottom: 12px; }
    .blog-card:hover .blog-card-img { transform: scale(1.04); }
    .blog-card-thumb { overflow: hidden; border-radius: 8px; margin-bottom: 12px; }
    .blog-card-title { font-family: 'Fredoka',sans-serif; font-weight: 300; font-size: 18px; color: var(--gold-border); line-height: normal; text-transform: capitalize; transition: color .2s;margin-top:0; }
    .blog-card:hover .blog-card-title { color: var(--gold); }

    /* ══ CONTACT ══ */
         .cta-section {
      position: relative;
      overflow: hidden;
      display: flex;
      align-items: center;
    }
    .cta-bg {
      position: absolute;
      inset: 0;
      z-index: 0;
    }
    .cta-bg img {
      width: 100%; height: 100%;
      object-fit: cover;
      opacity: 0.10;
      display: block;
    }
    .cta-bg::after {
      content: '';
      position: absolute;
      inset: 0;
      background: #0e0e0e;
      opacity: 0.75;
    }
    .cta-deco {
      position: absolute;
      left: -45px;
      top: 91px;
      width: 830px;
      height: 711px;
      z-index: 1;
      pointer-events: none;
      transform: scaleY(-1) rotate(180deg);
    }
    .cta-deco img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }
    .cta-inner {
      position: relative;
      z-index: 2;
      width: 100%;
      max-width: 1630px;
      margin: 0 auto;
      padding: 40px 60px 80px calc(50% - 40px);
      display: flex;
      flex-direction: column;
      gap: 0;
    }

    .cta-heading {
      font-family: 'Faustina', serif;
      font-weight: 500;
      font-size: clamp(36px, 4vw, 58px);
      line-height: 72px;
      color: var(--text-main);
      text-transform: capitalize;
      margin-bottom: 42px;
    }

    .cta-form {
      display: flex;
      flex-direction: column;
      gap: 0;
      width: 100%;
      max-width: 565px;
    }
    .cta-field {
      display: flex;
      flex-direction: column;
      gap: 1px;
      margin-bottom: 32px;
    }

    .cta-field input,
    .cta-field textarea {
      background: transparent;
      border: none;
      outline: none;
      color: #fff;
      font-family: 'Faustina', serif;
      font-weight: 300;
      font-size: 24px;
      text-transform: capitalize;
      padding: 0 0 6px;
      width: 100%;
      caret-color: var(--gold);
    }

    .cta-field input::placeholder,
    .cta-field textarea::placeholder {
      color: rgba(255,255,255,0.50);
    }
    .cta-underline {
      height: 1px;
      width: 100%;
      background: linear-gradient(90deg, #d9c369 0%, #c69c3e 100%);
    }
    .cta-textarea-wrap {
      border: 1px solid var(--gold-border);
      border-radius: 8px;
      padding: 10px 10px 10px 8px;
      margin-bottom: 20px;
    }

    .cta-textarea-wrap textarea {
      background: transparent;
      border: none;
      outline: none;
      color: #fff;
      font-family: 'Faustina', serif;
      font-weight: 300;
      font-size: 14px;
      text-transform: capitalize;
      width: 100%;
      height: 100px;
      resize: none;
      caret-color: var(--gold);
    }

    .cta-textarea-wrap textarea::placeholder {
      color: rgba(255,255,255,0.50);
    }
    .cta-bottom {
      display: flex;
      align-items: center;
      gap: 28px;
    }

    .cta-btn {
      border: 1px solid var(--gold);
      background: transparent;
      color: #fff;
      font-family: 'Fredoka', sans-serif;
      font-weight: 400;
      font-size: 18px;
      padding: 10px 40px;
      height: 42px;
      white-space: nowrap;
      cursor: pointer;
      transition: background 0.3s ease, color 0.3s ease;
      display: flex;
      align-items: center;
      justify-content: center;
      min-width: 160px;
    }

    .cta-btn:hover {
      background: rgba(162,132,85,0.18);
      color: var(--gold);
    }

    .cta-privacy {
      font-family: 'Faustina', serif;
      font-weight: 500;
      font-size: 18px;
      color: var(--text-muted);
      line-height: 1.5;
      margin: 0;
    }
    @keyframes fadeUp {
      from { opacity: 0; transform: translateY(24px); }
      to   { opacity: 1; transform: translateY(0); }
    }
    .fade-up { animation: fadeUp 0.7s cubic-bezier(0.22,1,0.36,1) both; }
    .d1 { animation-delay: 0.05s; }
    .d2 { animation-delay: 0.15s; }
    .d3 { animation-delay: 0.25s; }
    .d4 { animation-delay: 0.35s; }
    .d5 { animation-delay: 0.45s; }
    .d6 { animation-delay: 0.55s; }
    .d7 { animation-delay: 0.65s; }


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

    /* ══ RESPONSIVE ══ */
    @media (max-width:1200px) {
      nav { padding: 24px 40px; }
      .hero-content { left: auto; right: 40px; width: 480px; }
      .res-section, .feat-section, .news-section, .blogs-section, .contact-section, .footer-top, .footer-bottom, .footer-brands, .awards-section { padding-left: 40px; padding-right: 40px; }
    }
    @media (max-width:900px) {
      .brands-track:hover,.awards-track:hover {animation-play-state: running;}
      .cta-inner {padding: 60px 40px;align-items: flex-start;}
      .cta-deco { display: none; }
      .news-grid { grid-template-columns: repeat(2,1fr); }
      .nav-links, .nav-phone { display: none; }
      .hero { height: auto; min-height: 100vh; }
      .hero-bg { height: 100vh; }
      .hero-content { left: 0; right: 0; top: auto; bottom: 60px; width: 100%; padding: 0 24px; }
      .hero-social, .hero-twitter { display: none; }
      .hero-t1 { font-size: 52px; line-height: 1.1; }
      .hero-t2 { font-size: 40px; line-height: 1.1; }
      .res-section { padding: 60px 24px; }
      .res-header { flex-direction: column; gap: 28px; }
      .res-grid { grid-template-columns: 1fr; }
      .feat-grid { grid-template-columns: 1fr 1fr; }
      .news-grid, .contact-inner { grid-template-columns: 1fr; }
      .blogs-grid { grid-template-columns: 1fr 1fr; }
      .why-cards { left: 24px; right: 24px; grid-template-columns: 1fr; top: 500px; }

      .kf-grid {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: auto;
        gap: 48px 24px;
      }
      .kf-card { height: auto; min-height: 180px; }
      .kf-card-title, .kf-card-desc { position: static; margin-top: 12px; }
      .kf-icon-wrap { position: static; margin-bottom: 0; }
    }
    @media (max-width: 540px) {
      .hero-title-group {gap: 0px;}
      .brands-section{margin: 0 0;}
      .res-h2-plain{font-size: 30px;}
      .res-tabs {display: flex;flex-direction: column;justify-content: center;}
      .res-tab{padding: 0px 0 5px 0px;text-align: center;}
      .res-tab.active::before{content:none}
      .res-tab.active {margin: auto;}
      .res-header {display: flex;align-items: center;justify-content: center;margin-bottom: 16px;margin-top: 3px;}
      .res-tabs::-webkit-scrollbar {
       height: 2px;
    }
    .res-tabs::-webkit-scrollbar-track {
        background: transparent;
    }
    .res-tabs::-webkit-scrollbar-thumb {
        background: #999;
        border-radius: 10px;
    }
    .main-title-div-dv{font-size: 30px;}
    .why-choose-us-image-hm {padding: 0px 0px 0px;}
    .why-cards{padding: 0 0;}
    .why-title{font-size: 20px;line-height: inherit;}
    .why-desc{font-size: 13px;line-height: inherit;}
    .why-num{font-size: 80px;}
    .kf-grid {grid-template-columns: 1fr;grid-template-rows: auto;gap: 0px 0px;}  
       .kf-section{padding: 30px 0 0;}
      .kf-inner { padding: 30px 24px; }
      .awards-section {padding-left: 0px;padding-right: 0px;}
      .award-img {width: 250px;height: 235px;}
      .awards-title{font-size: 30px;line-height: normal;}
      .awards-sub {font-size: 14px;line-height: inherit;}
      .blur-orb-tr { width: 200px; height: 200px; }
      .blur-orb-bl { width: 160px; height: 160px; }
      .testi-eyebrow{font-size: 30px;}
      .testi-sub{font-size: 14px;}
      .news-section{padding-left: 15px;padding-right: 15px;}
      .news-grid { grid-template-columns: 1fr;gap: 0; }
      .blogs-heading{font-size: 30px;}
      .blog-card-title,.blogs-sub{font-size: 14px;line-height: inherit;}
      .cta-inner { padding: 40px 24px; }
      .cta-heading { font-size: 26px; line-height: 1.3; }
      .cta-bottom { flex-direction: column; align-items: flex-start; gap: 14px; }
      .cta-btn { width: 100%; }
    }