/*
Theme Name: Poshify
Theme URI: https://wordpress.org/themes/poshify/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Poshify brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Version: 4.1
Tested up to: 7.0
Requires at least: 4.7
Requires PHP: 5.2.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: poshify
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-patterns

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Accessibility
3.0 Alignments
4.0 Clearings
5.0 Typography
6.0 Forms
7.0 Formatting
8.0 Lists
9.0 Tables
10.0 Links
11.0 Featured Image Hover
12.0 Navigation
13.0 Layout
   13.1 Header
   13.2 Front Page
   13.3 Regular Content
   13.4 Posts
   13.5 Pages
   13.6 Footer
14.0 Comments
15.0 Widgets
16.0 Media
   16.1 Galleries
17.0 Customizer
18.0 SVGs Fallbacks
19.0 Media Queries
20.0 Print
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Normalize
Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css
--------------------------------------------------------------*/

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html, :host {
-webkit-text-size-adjust: 100%;
tab-size: 4;
line-height: 1.5;
font-family: var(--default-font-family, ui-sans-serif,  system-ui,  sans-serif,  "Apple Color Emoji",  "Segoe UI Emoji",  "Segoe UI Symbol",  "Noto Color Emoji");
font-feature-settings: var(--default-font-feature-settings, normal);
font-variation-settings: var(--default-font-variation-settings, normal);
-webkit-tap-highlight-color: transparent;
} 
* {border-color: hsl(var(--border));}
table {
text-indent: 0;
border-color: inherit;
border-collapse: collapse;
}
h1, h2, h3, h4, h5, h6 {font-family: var(--app-font-serif);}
 :root {
   --bg:        #031414;
   --bg-card:   #071f1f;
   --border:    #0f3a3a;
   --gold:      #d4a843;
   --gold-fg:   #031414;
   --fg:        #f7f7f7;
   --fg-muted:  #8aa8a8;
       --app-font-serif: "Cormorant Garamond", serif;
       --text-3xl: 1.875rem;
       --text-xs: .75rem;
       --blur-sm: 8px;
--blur-md: 12px;
--blur-xl: 24px;
--aspect-video: 16 / 9;
   --default-transition-duration: .15s;
--default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
--default-font-family: var(--app-font-sans);
--default-mono-font-family: var(--app-font-mono);    
   --color-red-50: oklch(97.1% .013 17.38);
--color-red-300: oklch(80.8% .114 19.571);
--color-red-400: oklch(70.4% .191 22.216);
--color-red-500: oklch(63.7% .237 25.331);
--color-red-600: oklch(57.7% .245 27.325);
--color-orange-100: oklch(95.4% .038 75.164);
--color-orange-800: oklch(47% .157 37.304);
--color-amber-300: oklch(87.9% .169 91.605);
--color-amber-500: oklch(76.9% .188 70.08);
--color-amber-600: oklch(66.6% .179 58.318);
--color-amber-950: oklch(27.9% .077 45.635);
--color-emerald-100: oklch(95% .052 163.051);
--color-emerald-300: oklch(84.5% .143 164.978);
--color-emerald-400: oklch(76.5% .177 163.223);
--color-emerald-600: oklch(59.6% .145 163.225);
--color-emerald-700: oklch(50.8% .118 165.612);
--color-gray-50: oklch(98.5% .002 247.839);
--color-gray-600: oklch(44.6% .03 256.802);
--color-gray-900: oklch(21% .034 264.665);
--color-black: #000;
--color-white: #fff;        
--text-xs--line-height: calc(1 / .75);
--text-sm: .875rem;
--text-sm--line-height: calc(1.25 / .875);
--spacing: .25rem;
--text-base: 1rem;
--text-base--line-height: 1.5;
--text-lg: 1.125rem;
--text-lg--line-height: calc(1.75 / 1.125);
--text-xl: 1.25rem;
--text-xl--line-height: calc(1.75 / 1.25);
--text-2xl: 1.5rem;
--text-2xl--line-height: calc(2 / 1.5);
--text-3xl: 1.875rem;
--text-3xl--line-height: 1.2;
--text-4xl: 2.25rem;
--text-4xl--line-height: calc(2.5 / 2.25);
--text-6xl: 3.75rem;
--text-6xl--line-height: 1;
--text-7xl: 4.5rem;
--text-7xl--line-height: 1;
--radius: .5rem;
--elevate-1: #ffffff08;
--elevate-2: #ffffff14;
--font-weight-light: 300;
--font-weight-normal: 400;
--font-weight-medium: 500;
--font-weight-semibold: 600;
--font-weight-bold: 700;
--font-weight-black: 900;
--tracking-tight: -.025em;
--tracking-wide: .025em;
--tracking-wider: .05em;
--tracking-widest: .1em;
--leading-tight: 1.25;
--leading-snug: 1.375;
--leading-normal: 1.5;
--leading-relaxed: 1.625;
--radius-2xl: 1rem;
--drop-shadow-lg: 0 4px 4px #00000026;
--ease-in-out: cubic-bezier(.4, 0, .2, 1);
--animate-spin: spin 1s linear infinite;
--animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
--blur-sm: 8px;
--blur-md: 12px;
--blur-xl: 24px;
--aspect-video: 16 / 9;
--default-transition-duration: .15s;
--default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
--default-font-family: var(--app-font-sans);
--default-mono-font-family: var(--app-font-mono);
--color-border: hsl(var(--border));
   --spacing: .25rem;
   --serif:     'Cormorant Garamond', serif;
   --sans:      'DM Sans', sans-serif;
   --radius:    .5rem;

 }
 @supports (color:color-mix(in lab,red,red)) {
.text-white\/35 {color: color-mix(in oklab, var(--color-white) 35%, transparent);}}
.text-\[12px\] {font-size: 12px;}
.not-italic {font-style: normal;}
.text-\[\#d4a843\] {color: #d4a843;}
.text-\[13px\] {font-size: 13px;}
.uppercase {text-transform: uppercase;}
 --tw-border-style {syntax: "*";inherits: false;initial-value: solid;}
 --tw-backdrop-blur {syntax: "*";inherits: false;}
 html { scroll-behavior: smooth; }
 body { background: var(--bg); color: var(--fg); font-family: var(--sans); -webkit-font-smoothing: antialiased; overflow-x: hidden; }
 a { text-decoration: none; color: inherit; }
 img { display: block; max-width: 100%; }
 button { cursor: pointer; font-family: var(--sans); border: none; background: none; }
 img, svg, video, canvas, audio, iframe, embed, object {vertical-align: middle;display: block;}
 /* ── Layout ── */
 .container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }
 .section { padding: 80px 0; }
 .section-alt { background: var(--bg-card); }
 .section-border { border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); }

 /* ── Buttons ── */
 .btn { display: inline-flex; align-items: center; gap: 6px; font-family: var(--sans); font-weight: 600; font-size: 13px; border-radius: 8px; padding: 10px 20px; transition: all 0.2s; cursor: pointer; }
 .btn-gold { background: var(--gold); color: var(--gold-fg); border: none; box-shadow: 0 0 20px rgba(212,168,67,.25); }
 .btn-gold:hover { background: #c49a38; }
 .btn-outline-gold { background: transparent; color: var(--gold); border: 1.5px solid rgba(212,168,67,.5); }
 .btn-outline-gold:hover { background: rgba(212,168,67,.08); }
 .btn-sm { font-size: 12px; padding: 8px 14px; }

 /* ── Navbar ── */
 .navbar { position: fixed; top: 0; left: 0; right: 0; z-index: 100; padding: 10px 0; transition: all 0.3s; border-bottom: 1px solid transparent; }
 .navbar.scrolled { background: rgba(3,20,20,.95); backdrop-filter: blur(12px); padding: 12px 15px; border-bottom-color: var(--border); }
 .navbar .inner { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
 .navbar .logo { width:15%;display: flex; align-items: center; gap: 10px; }
 .navbar .logo img {}
 .navbar .logo span { font-family: var(--serif); font-weight: 700; font-size: 20px; letter-spacing: .06em; }
 .nav-links ul{list-style: none;padding: 0;}
 .nav-links ul li{display:inline-block;vertical-align: middle;padding: 0 10px;}     
 .nav-links nav { display: flex; gap: 32px; }
 .nav-links nav a { font-size: 13.5px; font-weight: 500; color: rgba(247,247,247,.75); transition: color 0.2s; }
 .nav-links nav a:hover { color: var(--gold); }
 .navbar .right { display: flex; align-items: center; gap: 16px; }
 .navbar .phone { font-size: 13px; color: rgba(247,247,247,.6); display: flex; align-items: center; gap: 6px; }
 .navbar .phone:hover { color: var(--gold); }

 /* ── Hero ── */
 .hero { position: relative; min-height: 100vh; display: flex; align-items: center; justify-content: center; text-align: center; overflow: hidden; padding-top: 80px; }
 .hero-bg { position: absolute; inset: 0; z-index: 0; }
 .hero-bg img { width: 100%; height: 120%; object-fit: cover; object-position: center; opacity: .38; }
 .hero-bg::after { content:''; position:absolute; inset:0; background: linear-gradient(to bottom, rgba(3,20,20,.75) 0%, rgba(3,20,20,.58) 50%, rgba(3,20,20,1) 100%); }
 .hero-content { position: relative; z-index: 2; max-width: 900px; padding: 0 24px; }
 .hero-badge { display: inline-block; border: 1px solid rgba(212,168,67,.4); border-radius: 999px; color: var(--gold); font-size: 11px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; padding: 5px 16px; margin-bottom: 24px; background: rgba(212,168,67,.06); }
 .hero h1 { font-family: var(--serif); font-size: clamp(40px,7vw,70px); font-weight: 600; line-height: 1.1; margin-bottom: 20px; letter-spacing: -.01em; }
 .hero h1 em { color: var(--gold); font-style: italic; }
 .hero .sub { font-size: 17px; color: rgba(247,247,247,.72); font-weight: 300; margin-bottom: 36px; max-width: 580px; margin-left: auto; margin-right: auto; }
 .mt-1 {margin-top: calc(var(--spacing) * 1);}
 /* Search box */
 .search-box { background: rgba(7,31,31,.88); backdrop-filter: blur(16px); border: 1px solid rgba(15,58,58,.9); border-radius: 16px; padding: 14px; max-width: 860px; margin: 0 auto; }
 .search-tabs { display: flex; gap: 4px; margin-bottom: 12px; }
 .search-tab { font-size: 12px; font-weight: 600; padding: 6px 16px; border-radius: 999px; color: rgba(247,247,247,.55); transition: all 0.2s; border: none; background: none; }
 .search-tab.active { background: var(--gold); color: var(--gold-fg); }
 .search-inputs { display: flex; gap: 10px; flex-wrap: wrap; }
 .search-select { display: flex; align-items: center; gap: 8px; padding: 0 14px; height: 48px; border-radius: 10px; border: 1px solid rgba(15,58,58,.8); background: rgba(3,20,20,.5); font-size: 13.5px; color: var(--fg); min-width: 150px; position: relative; }
 .search-select .home-filter-select { flex: 1; border: none; background: transparent; color: var(--fg); font-family: var(--sans); font-size: 13.5px; outline: none; cursor: pointer; appearance: none; -webkit-appearance: none; min-width: 0; width: 100%; }
 .search-select .home-filter-select option { color: #031414; }
 /* Home hero custom selects only */
 .search-box select.home-filter-select.hf-enhanced{
   position:absolute !important;
   width:1px !important;
   height:1px !important;
   padding:0 !important;
   margin:-1px !important;
   overflow:hidden !important;
   clip:rect(0,0,0,0) !important;
   white-space:nowrap !important;
   border:0 !important;
   opacity:0 !important;
   pointer-events:none !important;
 }
 .search-box .hf-hide-deco{display:none !important;}
 .search-box .hf-dropdown{position:relative;flex:1;min-width:0;width:100%;}
 .search-box .hf-dropdown-btn{
   display:inline-flex;
   align-items:center;
   justify-content:space-between;
   gap:8px;
   width:100%;
   padding:0;
   margin:0;
   border:none;
   background:transparent;
   color:inherit;
   font-family:var(--sans),'DM Sans',sans-serif;
   font-size:inherit;
   font-weight:500;
   line-height:1.2;
   cursor:pointer;
   text-align:left;
 }
 .search-box .hf-dropdown-btn svg{flex-shrink:0;width:12px;height:12px;transition:transform .2s ease;}
 .search-box .hf-dropdown.is-open .hf-dropdown-btn svg{transform:rotate(180deg);}
 .search-box .hf-dropdown-label{
   overflow:hidden;
   text-overflow:ellipsis;
   white-space:nowrap;
   min-width:0;
 }
 .search-box .search-select:has(.hf-dropdown.is-open){border-color:rgba(212,168,67,.4);}
 .search-box .filter-pill:has(.hf-dropdown.is-open){border-color:rgba(212,168,67,.45);color:var(--gold);}
 /* Portaled to body so .hero overflow can't clip */
 .hf-dropdown-menu{
   display:none;
   position:fixed;
   z-index:9999;
   min-width:180px;
   max-height:260px;
   overflow-x:hidden;
   overflow-y:auto;
   background:#071f1f;
   border:1px solid #0f3a3a;
   border-radius:10px;
   box-shadow:0 16px 40px rgba(0,0,0,.45);
   padding:6px 0;
   text-align:left;
 }
 .hf-dropdown-menu.is-open{display:block;}
 .hf-dropdown-item{
   display:block;
   width:100%;
   padding:10px 14px;
   border:none;
   background:transparent;
   color:rgba(255,255,255,.72);
   font-family:var(--sans),'DM Sans',sans-serif;
   font-size:13px;
   font-weight:500;
   text-align:left;
   cursor:pointer;
   transition:background .15s ease,color .15s ease;
   white-space:nowrap;
 }
 .hf-dropdown-item:hover{background:#0f3a3a;color:#fff;}
 .hf-dropdown-item.is-active{background:rgba(212,168,67,.12);color:#d4a843;}
 .hero-content .search-input{min-width:100%;}
 .search-input { flex: 1; min-width: 200px; height: 48px; padding: 0 14px 0 40px; border-radius: 10px; border: 1px solid rgba(15,58,58,.8); background: rgba(3,20,20,.5); color: var(--fg); font-family: var(--sans); font-size: 13.5px; outline: none; }
 .search-input:focus { border-color: rgba(212,168,67,.4); }
 .search-input::placeholder { color: rgba(247,247,247,.35); }
 .search-wrap { position: relative; flex: 1; min-width: 200px; }
 .search-icon { position: absolute; left: 14px; top: 50%; transform: translateY(-50%); color: rgba(247,247,247,.35); width: 15px; }
 .search-btn { height: 48px; padding: 0 28px; border-radius: 10px; background: var(--gold); color: var(--gold-fg); font-weight: 700; font-size: 14px; display: flex; align-items: center; gap: 8px; border: none; cursor: pointer; }
 .search-btn:hover { background: #c49a38; }
 .filter-pills { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }
 .filter-pill { font-size: 11.5px; color: rgba(247,247,247,.5); border: 1px solid rgba(15,58,58,.8); border-radius: 999px; padding: 5px 12px; display: flex; align-items: center; gap: 4px; transition: all 0.2s; background: none; cursor: pointer; position: relative; }
 .filter-pill:hover { border-color: rgba(212,168,67,.4); color: var(--gold); }
 .filter-pill .home-filter-select { border: none; background: transparent; color: inherit; font-size: 11.5px; font-family: var(--sans); outline: none; cursor: pointer; appearance: none; -webkit-appearance: none; max-width: 140px; padding-right: 2px; }
 .filter-pill .home-filter-select option { color: #031414; }
 .filter-pill svg { flex-shrink: 0; pointer-events: none; }
 .hero-stats { display: flex; justify-content: center; gap: 64px; margin-top: 48px; flex-wrap: wrap; }
 .hero-stat .val { font-family: var(--serif); font-size: 36px; font-weight: 700; color: var(--gold); }
 .hero-stat .lbl { font-size: 11px; text-transform: uppercase; letter-spacing: .1em; color: rgba(247,247,247,.45); margin-top: 2px; }

 /* ── Section headers ── */
 .sec-header { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 40px; flex-wrap: wrap; gap: 12px; }
 .sec-header h2 { font-family: var(--serif); font-size: clamp(28px,4vw,40px); font-weight: 600; line-height: 1.2; }
 .sec-header h2 em { color: var(--gold); font-style: italic; }
 .sec-header p { font-size: 13.5px; color: var(--fg-muted); margin-top: 6px; max-width: 480px; }
 .view-all { font-size: 13px; font-weight: 600; color: var(--gold); display: flex; align-items: center; gap: 4px; white-space: nowrap; }
 .view-all:hover { color: #c49a38; }

 /* ── Property card ── */
 .prop-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 24px; }
 .prop-card { background: var(--bg-card); border: 1px solid var(--border); border-radius: var(--radius); overflow: hidden; transition: border-color 0.3s, box-shadow 0.3s; display: flex; flex-direction: column; }
 .prop-card:hover { border-color: rgba(212,168,67,.4); box-shadow: 0 8px 32px rgba(0,0,0,.45); }
 .prop-img { position: relative; height: 220px; overflow: hidden; }
 .prop-img img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s; }
 .prop-card:hover .prop-img img { transform: scale(1.06); }
 .prop-img .status-badge { position: absolute; top: 12px; left: 12px; font-size: 11px; font-weight: 700; padding: 4px 10px; border-radius: 6px; color: #fff; }
 .badge-green { background: #1a7a50; }
 .badge-gold { background: var(--gold); color: var(--gold-fg); }
 .badge-amber { background: #9c6a1a; }
 .rera-badge { position: absolute; top: 12px; right: 44px; background: rgba(3,20,20,.8); backdrop-filter: blur(4px); font-size: 10px; font-weight: 600; padding: 4px 8px; border-radius: 5px; color: rgba(247,247,247,.8); display: flex; align-items: center; gap: 3px; }
 .rera-badge .dot { width: 7px; height: 7px; background: var(--gold); border-radius: 50%; }
 .wish-btn { position: absolute; top: 12px; right: 12px; width: 32px; height: 32px; border-radius: 50%; background: rgba(3,20,20,.8); backdrop-filter: blur(4px); display: flex; align-items: center; justify-content: center; border: none; cursor: pointer; transition: background 0.2s; }
 .wish-btn:hover { background: rgba(212,168,67,.2); }
 .favorite-btn.is-favorited svg,
 .wish-btn.is-favorited svg { fill: #d4a843 !important; stroke: #d4a843 !important; }
 .favorite-btn.is-favorited { border-color: rgba(212,168,67,.4); }
 .poshify-fav-toast { border: 1px solid #0f3a3a !important; border-radius: 10px !important; box-shadow: 0 10px 30px rgba(0,0,0,.35) !important; font-size: 14px !important; }
 .img-overlay { position: absolute; inset: 0; background: linear-gradient(to top, rgba(3,20,20,.75) 0%, transparent 50%); }
 .prop-body { padding: 18px 18px 0; display: flex; flex-direction: column; gap: 10px; flex: 1; }
 .prop-price-row { display: flex; align-items: flex-start; justify-content: space-between; }
 .prop-price { font-family: var(--serif); font-size: 26px; font-weight: 700; line-height: 1; }
 .prop-sqft { font-size: 11px; color: var(--fg-muted); margin-top: 3px; }
 .prop-rating { display: flex; align-items: center; gap: 3px; font-size: 12px; color: var(--gold); font-weight: 600; margin-top: 3px; }
 .prop-name { font-family: var(--serif); font-size: 18px; font-weight: 600; line-height: 1.3; transition: color 0.2s; }
 .prop-card:hover .prop-name { color: var(--gold); }
 .prop-loc { font-size: 12px; color: var(--fg-muted); display: flex; align-items: center; gap: 4px; }
 .prop-tags { display: flex; flex-wrap: wrap; gap: 6px; }
 .prop-tag { font-size: 11px; border: 1px solid var(--border); border-radius: 999px; padding: 4px 10px; color: rgba(247,247,247,.65); display: flex; align-items: center; gap: 4px; background: rgba(3,20,20,.4); }
 .prop-tag svg { color: var(--gold); }
 .prop-divider { height: 1px; background: var(--border); margin: 4px 0; }
 .prop-ctas { display: flex; gap: 8px; padding: 14px 18px; }
 .prop-ctas .btn { flex: 1; justify-content: center; }

 /* ── Marquee ── */
 .marquee-section { padding: 48px 0; overflow: hidden; }
 .marquee-label { text-align: center; font-size: 11px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: rgba(247,247,247,.35); margin-bottom: 24px; }
 .marquee-track { display: flex; overflow: hidden; }
 .marquee-inner { display: flex; align-items: center; gap: 56px; animation: marquee 30s linear infinite; white-space: nowrap; }
 .marquee-inner span { font-family: var(--serif); font-size: 22px; font-weight: 700; color: rgba(247,247,247,.2); letter-spacing: .05em; transition: color 0.2s; }
 .marquee-inner span:hover { color: rgba(212,168,67,.55); }
 @keyframes marquee { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }

 /* ── Trending grid ── */
 .trending-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; }
 .trend-card { background: var(--bg-card); border: 1px solid var(--border); border-radius: var(--radius); overflow: hidden; transition: border-color 0.3s, box-shadow 0.3s; cursor: pointer; }
 .trend-card:hover { border-color: rgba(212,168,67,.4); box-shadow: 0 4px 20px rgba(0,0,0,.4); }
 .trend-img { position: relative; height: 172px; overflow: hidden; }
 .trend-img img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s; }
 .trend-card:hover .trend-img img { transform: scale(1.06); }
 .trend-type { position: absolute; top: 10px; left: 10px; background: rgba(3,20,20,.75); backdrop-filter: blur(4px); font-size: 10px; font-weight: 600; padding: 3px 8px; border-radius: 4px; color: rgba(247,247,247,.8); }
 .trend-overlay { position: absolute; inset: 0; background: linear-gradient(to top, rgba(3,20,20,.65) 0%, transparent 50%); }
 .trend-body { padding: 14px; }
 .trend-row { display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 4px; }
 .trend-name { font-family: var(--serif); font-size: 16px; font-weight: 600; line-height: 1.3; transition: color 0.2s; }
 .trend-card:hover .trend-name { color: var(--gold); }
 .trend-price { color: var(--gold); font-weight: 700; font-size: 14px; margin-left: 8px; white-space: nowrap; }
 .trend-loc { font-size: 11.5px; color: var(--fg-muted); display: flex; align-items: center; gap: 3px; margin-bottom: 10px; }
 .trend-footer { display: flex; align-items: center; justify-content: space-between; }
 .trend-bhk { font-size: 11px; border: 1px solid var(--border); border-radius: 999px; padding: 3px 10px; color: rgba(247,247,247,.6); display: flex; align-items: center; gap: 3px; }
 .enquire-link { font-size: 12px; font-weight: 600; color: var(--gold); display: flex; align-items: center; gap: 2px; }

 /* ── Why Poshify ── */
 .why-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; }
 .why-card { padding: 28px; border: 1px solid rgba(15,58,58,.6); border-radius: var(--radius); background: rgba(3,20,20,.5); transition: background 0.2s; }
 .why-card:hover { background: var(--bg); }
 .why-icon { width: 48px; height: 48px; border-radius: 10px; border: 1px solid var(--border); display: flex; align-items: center; justify-content: center; margin-bottom: 18px; transition: border-color 0.2s, box-shadow 0.2s; }
 .why-card:hover .why-icon { border-color: rgba(212,168,67,.4); box-shadow: 0 0 14px rgba(212,168,67,.12); }
 .why-icon svg { color: var(--gold); width: 20px; height: 20px; }
 .why-card h4 { font-family: var(--serif); font-size: 19px; font-weight: 600; margin-bottom: 8px; }
 .why-card p { font-size: 13px; color: var(--fg-muted); line-height: 1.65; }

 /* ── Services ── */
 .svc-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 24px; }
 .svc-card { background: rgba(7,31,31,.6); border: 1px solid var(--border); border-radius: var(--radius); padding: 36px 28px; text-align: center; display: flex; flex-direction: column; align-items: center; transition: border-color 0.2s; }
 .svc-card:hover { border-color: rgba(212,168,67,.3); }
 .svc-icon { width: 64px; height: 64px; border-radius: 50%; background: var(--bg); border: 1px solid var(--border); display: flex; align-items: center; justify-content: center; margin-bottom: 20px; transition: border-color 0.2s; }
 .svc-card:hover .svc-icon { border-color: rgba(212,168,67,.4); }
 .svc-icon svg { color: var(--gold); width: 28px; height: 28px; }
 .svc-card h4 { font-family: var(--serif); font-size: 20px; font-weight: 600; margin-bottom: 10px; }
 .svc-card p { font-size: 13px; color: var(--fg-muted); line-height: 1.6; margin-bottom: 20px; flex: 1; }

 /* ── New Launches ── */
 .launches-scroll { display: flex; gap: 18px; overflow-x: auto; padding-bottom: 12px; scrollbar-width: none; }
 .launches-scroll::-webkit-scrollbar { display: none; }
 .launch-card { min-width: 270px; max-width: 270px; background: var(--bg); border: 1px solid var(--border); border-radius: var(--radius); overflow: hidden; transition: border-color 0.3s, box-shadow 0.3s; flex-shrink: 0; display: flex; flex-direction: column; }
 .launch-card:hover { border-color: rgba(212,168,67,.4); box-shadow: 0 4px 20px rgba(0,0,0,.4); }
 .launch-img { height: 155px; overflow: hidden; position: relative; }
 .launch-img img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s; }
 .launch-card:hover .launch-img img { transform: scale(1.05); }
 .new-badge { position: absolute; top: 10px; left: 10px; background: var(--gold); color: var(--gold-fg); font-size: 9.5px; font-weight: 800; padding: 3px 8px; border-radius: 5px; letter-spacing: .06em; }
 .launch-img-overlay { position: absolute; inset: 0; background: linear-gradient(to top, rgba(3,20,20,.55) 0%, transparent 55%); }
 .launch-body { padding: 14px; flex: 1; display: flex; flex-direction: column; gap: 7px; }
 .launch-name { font-family: var(--serif); font-size: 15px; font-weight: 600; line-height: 1.3; }
 .launch-card:hover .launch-name { color: var(--gold); }
 .launch-loc { font-size: 11px; color: var(--fg-muted); display: flex; align-items: center; gap: 3px; }
 .launch-tags { display: flex; gap: 5px; }
 .launch-tag { font-size: 10.5px; border: 1px solid var(--border); border-radius: 999px; padding: 3px 8px; color: rgba(247,247,247,.55); display: flex; align-items: center; gap: 3px; }
 .launch-footer { margin-top: auto; padding-top: 10px; border-top: 1px solid var(--border); display: flex; align-items: center; justify-content: space-between; }
 .launch-price { color: var(--gold); font-weight: 700; font-size: 15px; font-family: var(--serif); }
 .launch-enquire { font-size: 11.5px; font-weight: 600; color: var(--gold); display: flex; align-items: center; gap: 2px; }

 /* ── Blog ── */
 .blog-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 24px; }
 .blog-card { background: rgba(7,31,31,.5); border: 1px solid var(--border); border-radius: var(--radius); overflow: hidden; transition: border-color 0.2s; cursor: pointer; }
 .blog-card:hover { border-color: rgba(212,168,67,.3); }
 .blog-img { height: 190px; overflow: hidden; position: relative; }
 .blog-img img { width: 100%; height: 100%; object-fit: cover; opacity: .6; transition: transform 0.5s; }
 .blog-card:hover .blog-img img { transform: scale(1.05); }
 .blog-tag { position: absolute; top: 12px; left: 12px; background: rgba(212,168,67,.9); color: var(--gold-fg); font-size: 10px; font-weight: 700; padding: 3px 9px; border-radius: 5px; letter-spacing: .04em; }
 .blog-body { padding: 18px; }
 .blog-date { font-size: 11.5px; color: var(--gold); margin-bottom: 8px; opacity: .85; }
 .blog-title { font-family: var(--serif); font-size: 19px; font-weight: 600; line-height: 1.35; margin-bottom: 10px; transition: color 0.2s; }
 .blog-card:hover .blog-title { color: var(--gold); }
 .blog-excerpt { font-size: 13px; color: var(--fg-muted); line-height: 1.6; margin-bottom: 14px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
 .read-more { font-size: 13px; font-weight: 600; color: var(--gold); display: flex; align-items: center; gap: 4px; }

 /* ── CTA Banner ── */
 .cta-banner { padding: 80px 24px; text-align: center; position: relative; overflow: hidden; }
 .cta-banner::before { content:''; position:absolute; top:-150px; left:-150px; width:500px; height:500px; background:radial-gradient(ellipse,rgba(212,168,67,.06),transparent 70%); pointer-events:none; }
 .cta-badge { font-size: 11px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: var(--gold); margin-bottom: 14px; }
 .cta-banner h2 { font-family: var(--serif); font-size: clamp(26px,4vw,40px); font-weight: 600; max-width: 600px; margin: 0 auto 14px; line-height: 1.25; }
 .cta-banner p { font-size: 14px; color: var(--fg-muted); max-width: 480px; margin: 0 auto 32px; }
 .cta-btns { display: flex; justify-content: center; gap: 16px; flex-wrap: wrap; }

 /* ── Footer ── */
 .footer { background: #020f0f; border-top: 1px solid var(--border); padding: 60px 0 28px; }
 .footer-grid { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1fr; gap: 48px; margin-bottom: 48px; }
 .footer-brand .logo { display: flex; align-items: center; gap: 10px; margin-bottom: 16px; }
 .footer-brand .logo img {max-width: 50%;}
 .footer-brand .logo span { font-family: var(--serif); font-size: 22px; font-weight: 700; letter-spacing: .05em; }
 .footer-tagline { font-size: 11px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--gold); margin-bottom: 10px; }
 .footer-desc { font-size: 13px; color: rgba(247,247,247,.4); line-height: 1.6; margin-bottom: 20px; }
 .socials { display: flex; gap: 10px; }
 .social-btn { width: 36px; height: 36px; border-radius: 50%; background: rgba(7,31,31,.8); border: 1px solid var(--border); display: flex; align-items: center; justify-content: center; transition: background 0.2s; }
 .social-btn:hover { background: var(--gold); }
 .social-btn:hover svg { color: var(--gold-fg); }
 .social-btn svg { color: rgba(247,247,247,.6); width: 15px; height: 15px; }
 .footer-col h4 { font-family: var(--serif); font-size: 17px; font-weight: 600; margin-bottom: 18px; }
 .footer-col ul { list-style: none; display: flex; flex-direction: column; gap: 10px; }
 .footer-col ul li a, .footer-col ul li span { font-size: 13.5px; color: rgba(247,247,247,.5); transition: color 0.2s; display: flex; align-items: center; gap: 6px; }
 .footer-col ul li a:hover { color: var(--gold); }
 .footer-col .label { font-size: 10.5px; font-weight: 600; letter-spacing: .09em; text-transform: uppercase; color: rgba(247,247,247,.35); margin-bottom: 3px; }
 .footer-col .value { font-size: 13.5px; }
 .footer-col .value a { color: var(--gold); font-size: 13.5px; }
 .footer-col .value a:hover { color: #c49a38; }
 .footer-bottom { border-top: 1px solid rgba(15,58,58,.4); padding-top: 20px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px; }
 .footer-bottom span, .footer-bottom a { font-size: 12px; color: rgba(247,247,247,.3); }
 .footer-bottom a:hover { color: var(--gold); }
 .footer-bottom .links { display: flex; gap: 20px; }
 .pt-\[57px\] {padding-top: 70px;}
 .text-\[12px\] { font-size: 12px;}
 .w-3 {width: calc(var(--spacing) * 3);}
 .h-3 {height: calc(var(--spacing) * 3);}
 --tw-border-style {syntax: "*";inherits: false;initial-value: solid;}
 .bg-\[\#020f0f\] {background-color: #020f0f;}
 .border-b {border-bottom-style: var(--tw-border-style);border-bottom-width: 1px;}
 .border-\[\#0f3a3a\] {border-color: #0f3a3a;}
 .max-w-\[1280px\] {max-width: 1280px;}
 .py-4 {padding-block: calc(var(--spacing) * 4);}
 .px-6 {padding-inline: calc(var(--spacing) * 6);}
 .mx-auto {margin-inline: auto;}
 /* ── SVG Icons ── */
 svg { display: inline-block; vertical-align: middle; }

 /* ── Responsive ── */
 @media (max-width: 1024px) {
   .prop-grid, .trending-grid { grid-template-columns: repeat(2,1fr); }
   .why-grid, .svc-grid, .blog-grid { grid-template-columns: repeat(2,1fr); }
   .footer-grid { grid-template-columns: 1fr 1fr; }
   .hero-stats { gap: 40px; }
 }
 @media (max-width: 768px) {
   .navbar nav, .navbar .right { display: none; }
   .prop-grid, .trending-grid, .why-grid, .svc-grid, .blog-grid { grid-template-columns: 1fr; }
   .footer-grid { grid-template-columns: 1fr; }
   .search-inputs { flex-direction: column; }
   .hero-stats { gap: 28px; }.navbar .logo{width: 50%;}
   .hero h1 { font-size: 38px; }
 }
 /* MOBILE BUTTON */
.menu-toggle{
display:none;
font-size:24px;
color:#fff;
cursor:pointer;
}
/* MOBILE */
@media(max-width:768px){

.menu-toggle{
   display:block;
}

.nav-links{
   position:absolute;
   top:100%;
   left:0;
   width:100%;
   background:#111;
   flex-direction:column;
   gap:0;
   display:none;
}

.nav-links.active{
   display:flex;
}

.nav-links li{
   border-top:1px solid rgba(255,255,255,0.1);
}

.nav-links li a{
   display:block;
   padding:15px 20px;
}
}
.text-2xl {
font-size: var(--text-2xl);
line-height: var(--tw-leading, var(--text-2xl--line-height));
}
@supports (color:color-mix(in lab,red,red)) {
.text-white\/55 {
   color: color-mix(in oklab, var(--color-white) 55%, transparent);
}
}
@media (min-width: 48rem) {
.md\:text-3xl {
   font-size: var(--text-3xl);
   line-height: var(--tw-leading, var(--text-3xl--line-height));
}
}
.font-serif {font-family: var(--app-font-serif);}
.font-semibold {--tw-font-weight: var(--font-weight-semibold);font-weight: var(--font-weight-semibold);}
@media (min-width: 48rem) {
.md\:text-3xl {
   font-size: var(--text-3xl);
   line-height: var(--tw-leading, var(--text-3xl--line-height));
}
}
.gap-0 {
   gap: calc(var(--spacing) * 0)
}

.gap-0\.5 {
   gap: calc(var(--spacing) * .5)
}

.gap-1 {
   gap: calc(var(--spacing) * 1)
}

.gap-1\.5 {
   gap: calc(var(--spacing) * 1.5)
}

.gap-2 {
   gap: calc(var(--spacing) * 2)
}

.gap-2\.5 {
   gap: calc(var(--spacing) * 2.5)
}

.gap-3 {
   gap: calc(var(--spacing) * 3)
}

.gap-3\.5 {
   gap: calc(var(--spacing) * 3.5)
}

.gap-4 {
   gap: calc(var(--spacing) * 4)
}

.gap-5 {
   gap: calc(var(--spacing) * 5)
}

.gap-6 {
   gap: calc(var(--spacing) * 6)
}

.gap-7 {
   gap: calc(var(--spacing) * 7)
}

.gap-8 {
   gap: calc(var(--spacing) * 8)
}

.gap-12 {
   gap: calc(var(--spacing) * 12)
}

.gap-16 {
   gap: calc(var(--spacing) * 16)
}
.text-\[13\.5px\] {font-size: 13.5px;}
.to-transparent {
--tw-gradient-to: transparent;
--tw-gradient-stops: var(--tw-gradient-via-stops);
}
.from-\[\#031414\]\/60 {
--tw-gradient-from: oklab(17.5769% -.0238163 -.00644511 / .6);
--tw-gradient-stops: var(--tw-gradient-via-stops);
}
.bg-gradient-to-t {
--tw-gradient-position: to top in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
}
.border {
border-style: var(--tw-border-style);
border-width: 1px;
}
.border-0 {
border-style: var(--tw-border-style);
border-width: 0;
}
.border-2 {
border-style: var(--tw-border-style);
border-width: 2px;
}
.border-\[1\.5px\] {
border-style: var(--tw-border-style);
border-width: 1.5px;
}
.border-y {
border-block-style: var(--tw-border-style);
border-block-width: 1px;
}
.border-t {
border-top-style: var(--tw-border-style);
border-top-width: 1px;
}
.border-r {
border-right-style: var(--tw-border-style);
border-right-width: 1px;
}
.border-b {
border-bottom-style: var(--tw-border-style);
border-bottom-width: 1px;
}
.border-b-2 {
border-bottom-style: var(--tw-border-style);
border-bottom-width: 2px;
}
.border-l {
border-left-style: var(--tw-border-style);
border-left-width: 1px;
}
.border-dashed {
--tw-border-style: dashed;
border-style: dashed;
}
.\[border-color\:var\(--badge-outline\)\] {
border-color: var(--badge-outline);
}
.\[border-color\:var\(--button-outline\)\] {
border-color: var(--button-outline);
}
.border-\[\#0f3a3a\] {
border-color: #0f3a3a;
}
.border-\[\#d4a843\] {
border-color: #d4a843;
}
.border-\[\#d4a843\]\/20 {
border-color: #d4a84333;
}
.border-\[\#d4a843\]\/25 {
border-color: #d4a84340;
}
.border-\[\#d4a843\]\/30 {
border-color: #d4a8434d;
}
.border-\[\#d4a843\]\/35 {
border-color: #d4a84359;
}
.border-\[\#d4a843\]\/40 {
border-color: #d4a84366;
}
.border-\[\#d4a843\]\/60 {
border-color: #d4a84399;
}
.border-\[--color-border\] {
border-color: --color-border;
}
.border-border, .border-border\/50 {
border-color: hsl(var(--border));
}
@supports (color:color-mix(in lab, red, red)) {
.border-border\/50 {
border-color: color-mix(in oklab, hsl(var(--border)) 50%, transparent);
}
}.border-border\/60 {
border-color: hsl(var(--border));
}
@supports (color:color-mix(in lab, red, red)) {
.border-border\/60 {
border-color: color-mix(in oklab, hsl(var(--border)) 60%, transparent);
}
}.border-destructive {
border-color: hsl(var(--destructive));
}
.border-destructive-border {
border-color: var(--destructive-border);
}
.border-destructive\/50 {
border-color: hsl(var(--destructive));
}
@supports (color:color-mix(in lab, red, red)) {
.border-destructive\/50 {
border-color: color-mix(in oklab, hsl(var(--destructive)) 50%, transparent);
}
}.border-emerald-600\/50 {
border-color: #00976780;
}
@supports (color:color-mix(in lab, red, red)) {
.border-emerald-600\/50 {
border-color: color-mix(in oklab, var(--color-emerald-600) 50%, transparent);
}
}.border-input {
border-color: hsl(var(--input));
}
.border-primary {
border-color: hsl(var(--primary));
}
.border-primary-border {
border-color: var(--primary-border);
}
.border-primary\/40 {
border-color: hsl(var(--primary));
}
@supports (color:color-mix(in lab, red, red)) {
.border-primary\/40 {
border-color: color-mix(in oklab, hsl(var(--primary)) 40%, transparent);
}
}.border-primary\/50 {
border-color: hsl(var(--primary));
}
@supports (color:color-mix(in lab, red, red)) {
.border-primary\/50 {
border-color: color-mix(in oklab, hsl(var(--primary)) 50%, transparent);
}
}.border-red-500\/60 {
border-color: #fb2c3699;
}
@supports (color:color-mix(in lab, red, red)) {
.border-red-500\/60 {
border-color: color-mix(in oklab, var(--color-red-500) 60%, transparent);
}
}.border-secondary-border {
border-color: var(--secondary-border);
}
.border-sidebar-border {
border-color: hsl(var(--sidebar-border));
}
.border-transparent {
border-color: #0000;
}
.border-t-transparent {
border-top-color: #0000;
}
.border-l-transparent {
border-left-color: #0000;
}
@property --tw-border-style {
syntax: "*";
inherits: false;
initial-value: solid;
}
@property --tw-gradient-position {
syntax: "*";
inherits: false;
}
@property --tw-gradient-from {
syntax: "<color>";
inherits: false;
initial-value: #0000;
}
@property --tw-gradient-via {
syntax: "<color>";
inherits: false;
initial-value: #0000;
}
@property --tw-gradient-to {
syntax: "<color>";
inherits: false;
initial-value: #0000;
}
@property --tw-gradient-stops {
syntax: "*";
inherits: false;
}
@property --tw-gradient-via-stops {
syntax: "*";
inherits: false;
}
@property --tw-gradient-from-position {
syntax: "<length-percentage>";
inherits: false;
initial-value: 0%}
@property --tw-gradient-via-position {
syntax: "<length-percentage>";
inherits: false;
initial-value: 50%}
@property --tw-gradient-to-position {
syntax: "<length-percentage>";
inherits: false;
initial-value: 100%}
@property --tw-leading {
syntax: "*";
inherits: false;
}
@property --tw-font-weight {
syntax: "*";
inherits: false;
}
@property --tw-tracking {
syntax: "*";
inherits: false;
}
@property --tw-ordinal {
syntax: "*";
inherits: false;
}
@property --tw-slashed-zero {
syntax: "*";
inherits: false;
}
@property --tw-numeric-figure {
syntax: "*";
inherits: false;
}
@property --tw-numeric-spacing {
syntax: "*";
inherits: false;
}
@property --tw-numeric-fraction {
syntax: "*";
inherits: false;
}
@property --tw-shadow {
syntax: "*";
inherits: false;
initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
syntax: "*";
inherits: false;
}
@property --tw-shadow-alpha {
syntax: "<percentage>";
inherits: false;
initial-value: 100%}
@property --tw-inset-shadow {
syntax: "*";
inherits: false;
initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
syntax: "*";
inherits: false;
}
@property --tw-inset-shadow-alpha {
syntax: "<percentage>";
inherits: false;
initial-value: 100%}
@property --tw-ring-color {
syntax: "*";
inherits: false;
}
@property --tw-ring-shadow {
syntax: "*";
inherits: false;
initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
syntax: "*";
inherits: false;
}
@property --tw-inset-ring-shadow {
syntax: "*";
inherits: false;
initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
syntax: "*";
inherits: false;
}
@property --tw-ring-offset-width {
syntax: "<length>";
inherits: false;
initial-value: 0;
}
@property --tw-ring-offset-color {
syntax: "*";
inherits: false;
initial-value: #fff;
}
@property --tw-ring-offset-shadow {
syntax: "*";
inherits: false;
initial-value: 0 0 #0000;
}
@property --tw-outline-style {
syntax: "*";
inherits: false;
initial-value: solid;
}
@property --tw-blur {
syntax: "*";
inherits: false;
}
@property --tw-brightness {
syntax: "*";
inherits: false;
}
@property --tw-contrast {
syntax: "*";
inherits: false;
}
@property --tw-grayscale {
syntax: "*";
inherits: false;
}
@property --tw-hue-rotate {
syntax: "*";
inherits: false;
}
@property --tw-invert {
syntax: "*";
inherits: false;
}
@property --tw-opacity {
syntax: "*";
inherits: false;
}
@property --tw-saturate {
syntax: "*";
inherits: false;
}
@property --tw-sepia {
syntax: "*";
inherits: false;
}
@property --tw-drop-shadow {
syntax: "*";
inherits: false;
}
@property --tw-drop-shadow-color {
syntax: "*";
inherits: false;
}
@property --tw-drop-shadow-alpha {
syntax: "<percentage>";
inherits: false;
initial-value: 100%}
@property --tw-drop-shadow-size {
syntax: "*";
inherits: false;
}
@property --tw-backdrop-blur {
syntax: "*";
inherits: false;
}
@property --tw-backdrop-brightness {
syntax: "*";
inherits: false;
}
@property --tw-backdrop-contrast {
syntax: "*";
inherits: false;
}
@property --tw-backdrop-grayscale {
syntax: "*";
inherits: false;
}
@property --tw-backdrop-hue-rotate {
syntax: "*";
inherits: false;
}
@property --tw-backdrop-invert {
syntax: "*";
inherits: false;
}
@property --tw-backdrop-opacity {
syntax: "*";
inherits: false;
}
@property --tw-backdrop-saturate {
syntax: "*";
inherits: false;
}
@property --tw-backdrop-sepia {
syntax: "*";
inherits: false;
}
@property --tw-duration {
syntax: "*";
inherits: false;
}
@property --tw-ease {
syntax: "*";
inherits: false;
}
@property --tw-scale-x {
syntax: "*";
inherits: false;
initial-value: 1;
}
@property --tw-scale-y {
syntax: "*";
inherits: false;
initial-value: 1;
}
@property --tw-scale-z {
syntax: "*";
inherits: false;
initial-value: 1;
}
@property --tw-content {
syntax: "*";
inherits: false;
initial-value: ""}
@keyframes spin {
to {
transform: rotate(360deg);
}
}@keyframes pulse {
50% {
opacity: .5;
}
}@keyframes enter {
0% {
opacity: var(--tw-enter-opacity, 1);
transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0)scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1))rotate(var(--tw-enter-rotate, 0));
filter: blur(var(--tw-enter-blur, 0));
}
}@keyframes exit {
to {
opacity: var(--tw-exit-opacity, 1);
transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0)scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1))rotate(var(--tw-exit-rotate, 0));
filter: blur(var(--tw-exit-blur, 0));
}
}@keyframes accordion-down {
0% {
height: 0;
}
to {
height: var(--radix-accordion-content-height, var(--bits-accordion-content-height, var(--reka-accordion-content-height, var(--kb-accordion-content-height, var(--ngp-accordion-content-height, auto)))));
}
}@keyframes accordion-up {
0% {
height: var(--radix-accordion-content-height, var(--bits-accordion-content-height, var(--reka-accordion-content-height, var(--kb-accordion-content-height, var(--ngp-accordion-content-height, auto)))));
}
to {
height: 0;
}
}@keyframes caret-blink {
0%, 70%, to {
opacity: 1;
}
20%, 50% {
opacity: 0;
}
}
}.text-white {
color: var(--color-white);
}
.text-white\/15 {
color: #ffffff26;
}
@supports (color:color-mix(in lab, red, red)) {
.text-white\/15 {
color: color-mix(in oklab, var(--color-white) 15%, transparent);
}
}.text-white\/25 {
color: #ffffff40;
}
@supports (color:color-mix(in lab, red, red)) {
.text-white\/25 {
color: color-mix(in oklab, var(--color-white) 25%, transparent);
}
}.text-white\/30 {
color: #ffffff4d;
}
@supports (color:color-mix(in lab, red, red)) {
.text-white\/30 {
color: color-mix(in oklab, var(--color-white) 30%, transparent);
}
}.text-white\/35 {
color: #ffffff59;
}
@supports (color:color-mix(in lab, red, red)) {
.text-white\/35 {
color: color-mix(in oklab, var(--color-white) 35%, transparent);
}
}.text-white\/40 {
color: #fff6;
}
@supports (color:color-mix(in lab, red, red)) {
.text-white\/40 {
color: color-mix(in oklab, var(--color-white) 40%, transparent);
}
}.text-white\/45 {
color: #ffffff73;
}
@supports (color:color-mix(in lab, red, red)) {
.text-white\/45 {
color: color-mix(in oklab, var(--color-white) 45%, transparent);
}
}.text-white\/50 {
color: #ffffff80;
}
@supports (color:color-mix(in lab, red, red)) {
.text-white\/50 {
color: color-mix(in oklab, var(--color-white) 50%, transparent);
}
}.text-white\/55 {
color: #ffffff8c;
}
@supports (color:color-mix(in lab, red, red)) {
.text-white\/55 {
color: color-mix(in oklab, var(--color-white) 55%, transparent);
}
}.text-white\/60 {
color: #fff9;
}
@supports (color:color-mix(in lab, red, red)) {
.text-white\/60 {
color: color-mix(in oklab, var(--color-white) 60%, transparent);
}
}.text-white\/65 {
color: #ffffffa6;
}
@supports (color:color-mix(in lab, red, red)) {
.text-white\/65 {
color: color-mix(in oklab, var(--color-white) 65%, transparent);
}
}.text-white\/70 {
color: #ffffffb3;
}
@supports (color:color-mix(in lab, red, red)) {
.text-white\/70 {
color: color-mix(in oklab, var(--color-white) 70%, transparent);
}
}.text-white\/75 {
color: #ffffffbf;
}
@supports (color:color-mix(in lab, red, red)) {
.text-white\/75 {
color: color-mix(in oklab, var(--color-white) 75%, transparent);
}
}.text-white\/80 {
color: #fffc;
}
@supports (color:color-mix(in lab, red, red)) {
.text-white\/80 {
color: color-mix(in oklab, var(--color-white) 80%, transparent);
}
}.text-white\/90 {
color: #ffffffe6;
}
@supports (color:color-mix(in lab, red, red)) {
.text-white\/90 {
color: color-mix(in oklab, var(--color-white) 90%, transparent);
}
.\!m-0 {
margin: calc(var(--spacing) * 0)!important;
}
.-mx-1 {
margin-inline: calc(var(--spacing) * -1);
}
.-mx-2 {
margin-inline: calc(var(--spacing) * -2);
}
.mx-2 {
margin-inline: calc(var(--spacing) * 2);
}
.mx-3\.5 {
margin-inline: calc(var(--spacing) * 3.5);
}
.mx-4 {
margin-inline: calc(var(--spacing) * 4);
}
.mx-auto {
margin-inline: auto;
}
.-my-2 {
margin-block: calc(var(--spacing) * -2);
}
.my-0 {
margin-block: calc(var(--spacing) * 0);
}
.my-0\.5 {
margin-block: calc(var(--spacing) * .5);
}
.my-1 {
margin-block: calc(var(--spacing) * 1);
}
.-mt-4 {
margin-top: calc(var(--spacing) * -4);
}
.mt-0\.5 {
margin-top: calc(var(--spacing) * .5);
}
.mt-1 {
margin-top: calc(var(--spacing) * 1);
}
.mt-1\.5 {
margin-top: calc(var(--spacing) * 1.5);
}
.mt-2 {
margin-top: calc(var(--spacing) * 2);
}
.mt-3 {
margin-top: calc(var(--spacing) * 3);
}
.mt-4 {
margin-top: calc(var(--spacing) * 4);
}
.mt-5 {
margin-top: calc(var(--spacing) * 5);
}
.mt-6 {
margin-top: calc(var(--spacing) * 6);
}
.mt-8 {
margin-top: calc(var(--spacing) * 8);
}
.mt-10 {
margin-top: calc(var(--spacing) * 10);
}
.mt-12 {
margin-top: calc(var(--spacing) * 12);
}
.mt-24 {
margin-top: calc(var(--spacing) * 24);
}
.mt-auto {
margin-top: auto;
}
.mr-1\.5 {
margin-right: calc(var(--spacing) * 1.5);
}
.mr-2 {
margin-right: calc(var(--spacing) * 2);
}
.mb-0\.5 {
margin-bottom: calc(var(--spacing) * .5);
}
.mb-1 {
margin-bottom: calc(var(--spacing) * 1);
}
.mb-1\.5 {
margin-bottom: calc(var(--spacing) * 1.5);
}
.mb-2 {
margin-bottom: calc(var(--spacing) * 2);
}
.mb-2\.5 {
margin-bottom: calc(var(--spacing) * 2.5);
}
.mb-3 {
margin-bottom: calc(var(--spacing) * 3);
}
.mb-4 {
margin-bottom: calc(var(--spacing) * 4);
}
.mb-5 {
margin-bottom: calc(var(--spacing) * 5);
}
.mb-6 {
margin-bottom: calc(var(--spacing) * 6);
}
.mb-7 {
margin-bottom: calc(var(--spacing) * 7);
}
.mb-8 {
margin-bottom: calc(var(--spacing) * 8);
}
.mb-10 {
margin-bottom: calc(var(--spacing) * 10);
}
.mb-12 {
margin-bottom: calc(var(--spacing) * 12);
}
.mb-14 {
margin-bottom: calc(var(--spacing) * 14);
}
.-ml-4 {
margin-left: calc(var(--spacing) * -4);
}
.ml-1 {
margin-left: calc(var(--spacing) * 1);
}
.ml-1\.5 {
margin-left: calc(var(--spacing) * 1.5);
}
.ml-2 {
margin-left: calc(var(--spacing) * 2);
}
.ml-4 {
margin-left: calc(var(--spacing) * 4);
}
.ml-auto {
margin-left: auto;
}
@media (hover: hover) {
.hover\:text-\[\#d4a843\]:hover {
   color: #d4a843;
}
}
.justify-between {justify-content: space-between;}
.items-start {align-items: flex-start;}
.flex {display: flex;}
.flex-wrap { flex-wrap: wrap;}
.bg-\[\#071f1f\] {background-color: #071f1f;}
.min-w-0 {min-width: calc(var(--spacing) * 0);}
.p-0 {
padding: calc(var(--spacing) * 0);
}
.p-1 {
padding: calc(var(--spacing) * 1);
}
.p-2 {
padding: calc(var(--spacing) * 2);
}
.p-3 {
padding: calc(var(--spacing) * 3);
}
.p-4 {
padding: calc(var(--spacing) * 4);
}
.p-5 {
padding: calc(var(--spacing) * 5);
}
.p-6 {
padding: calc(var(--spacing) * 6);
}
.p-7 {
padding: calc(var(--spacing) * 7);
}
.p-8 {
padding: calc(var(--spacing) * 8);
}
.p-\[1px\] {
padding: 1px;
}
.px-1 {
padding-inline: calc(var(--spacing) * 1);
}
.px-1\.5 {
padding-inline: calc(var(--spacing) * 1.5);
}
.px-2 {
padding-inline: calc(var(--spacing) * 2);
}
.px-2\.5 {
padding-inline: calc(var(--spacing) * 2.5);
}
.px-3 {
padding-inline: calc(var(--spacing) * 3);
}
.px-3\.5 {
padding-inline: calc(var(--spacing) * 3.5);
}
.px-4 {
padding-inline: calc(var(--spacing) * 4);
}
.px-5 {
padding-inline: calc(var(--spacing) * 5);
}
.px-6 {
padding-inline: calc(var(--spacing) * 6);
}
.px-8 {
padding-inline: calc(var(--spacing) * 8);
}
.px-\[--cell-size\] {
padding-inline: --cell-size;
}
.py-0\.5 {
padding-block: calc(var(--spacing) * .5);
}
.py-1 {
padding-block: calc(var(--spacing) * 1);
}
.py-1\.5 {
padding-block: calc(var(--spacing) * 1.5);
}
.py-2 {
padding-block: calc(var(--spacing) * 2);
}
.py-2\.5 {
padding-block: calc(var(--spacing) * 2.5);
}
.py-3 {
padding-block: calc(var(--spacing) * 3);
}
.py-3\.5 {
padding-block: calc(var(--spacing) * 3.5);
}
.py-4 {
padding-block: calc(var(--spacing) * 4);
}
.py-5 {
padding-block: calc(var(--spacing) * 5);
}
.py-6 {
padding-block: calc(var(--spacing) * 6);
}
.py-8 {
padding-block: calc(var(--spacing) * 8);
}
.py-10 {
padding-block: calc(var(--spacing) * 10);
}
.py-14 {
padding-block: calc(var(--spacing) * 14);
}
.py-20 {
padding-block: calc(var(--spacing) * 20);
}
.py-24 {
padding-block: calc(var(--spacing) * 24);
}
.pt-0 {
padding-top: calc(var(--spacing) * 0);
}
.pt-1 {
padding-top: calc(var(--spacing) * 1);
}
.pt-3 {
padding-top: calc(var(--spacing) * 3);
}
.pt-4 {
padding-top: calc(var(--spacing) * 4);
}
.pt-5 {
padding-top: calc(var(--spacing) * 5);
}
.pt-6 {
padding-top: calc(var(--spacing) * 6);
}
.pt-16 {
padding-top: calc(var(--spacing) * 16);
}
.pt-20 {
padding-top: calc(var(--spacing) * 20);
}
.pr-1 {
padding-right: calc(var(--spacing) * 1);
}
.pr-2 {
padding-right: calc(var(--spacing) * 2);
}
.pr-2\.5 {
padding-right: calc(var(--spacing) * 2.5);
}
.pr-3 {
padding-right: calc(var(--spacing) * 3);
}
.pr-4 {
padding-right: calc(var(--spacing) * 4);
}
.pr-8 {
padding-right: calc(var(--spacing) * 8);
}
.pb-0 {
padding-bottom: calc(var(--spacing) * 0);
}
.pb-3 {
padding-bottom: calc(var(--spacing) * 3);
}
.pb-4 {
padding-bottom: calc(var(--spacing) * 4);
}
.pb-8 {
padding-bottom: calc(var(--spacing) * 8);
}
.pl-2 {
padding-left: calc(var(--spacing) * 2);
}
.pl-2\.5 {
padding-left: calc(var(--spacing) * 2.5);
}
.pl-3 {
padding-left: calc(var(--spacing) * 3);
}
.pl-4 {
padding-left: calc(var(--spacing) * 4);
}
.pl-8 {
padding-left: calc(var(--spacing) * 8);
}
.pl-9 {
padding-left: calc(var(--spacing) * 9);
}
.pl-10 {
padding-left: calc(var(--spacing) * 10);
}
.bg-\[\#d4a843\] {background-color: #d4a843;}
.rounded-lg {border-radius: var(--radius);}
.rounded-xl {border-radius: calc(var(--radius) + 4px);}
.relative {position: relative;}
@media (hover: hover) {
.hover\:text-white:hover {
   color: var(--color-white);
}
}
.text-\[10px\] {font-size: 10px;}
.min-w-\[200px\] {min-width: 200px;}
.w-1\.5 {width: calc(var(--spacing) * 1.5);}
.h-1\.5 {height: calc(var(--spacing) * 1.5);}
.w-14 {width: calc(var(--spacing) * 14);}
.h-14 {height: calc(var(--spacing) * 14);}
.flex-1 {flex: 1;}
.rounded-full {border-radius: 3.40282e38px;}
.flex-col {flex-direction: column;}
.opacity-10 {opacity: .1;}
.w-7 {width: calc(var(--spacing) * 7);}
.h-7 {height: calc(var(--spacing) * 7);}
@media (min-width: 80rem) {
.xl\:flex {
   display: flex;
}
}
.to-\[\#071f1f\] {
--tw-gradient-to: #071f1f;
--tw-gradient-stops: var(--tw-gradient-via-stops);
}

.bg-gradient-to-br {
--tw-gradient-position: to bottom right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
}
.from-\[\#d4a843\]\/20 {
--tw-gradient-from: oklab(75.3446% .0112576 .126944 / .2);
--tw-gradient-stops: var(--tw-gradient-via-stops);
}
.border-\[\#d4a843\]\/30 {border-color: #d4a8434d;}
.w-4 {width: calc(var(--spacing) * 4);}
.h-4 {height: calc(var(--spacing) * 4);}
.flex-shrink-0, .shrink-0 {flex-shrink: 0;}
.start {
inset-inline-start: var(--spacing);
}
.opacity-60 {opacity: .6;}
.w-16 {width: calc(var(--spacing) * 16);}
.h-16 {height: calc(var(--spacing) * 16);}
.-top-12 {
top: calc(var(--spacing) * -12);
}
.top-0 {
top: calc(var(--spacing) * 0);
}
.top-1\.5 {
top: calc(var(--spacing) * 1.5);
}
.top-1\/2 {
top: 50%}
.top-2 {
top: calc(var(--spacing) * 2);
}
.top-2\.5 {
top: calc(var(--spacing) * 2.5);
}
.top-3 {
top: calc(var(--spacing) * 3);
}
.top-3\.5 {
top: calc(var(--spacing) * 3.5);
}
.top-4 {
top: calc(var(--spacing) * 4);
}
.top-5 {
top: calc(var(--spacing) * 5);
}
.top-12 {
top: calc(var(--spacing) * 12);
}
.top-\[1px\] {
top: 1px;
}
.top-\[50\%\] {
top: 50%}
.top-\[57px\] {
top: 57px;
}
.top-\[60\%\] {
top: 60%}
.top-\[115px\] {
top: 115px;
}
.top-\[120px\] {
top: 120px;
}
.top-full {
top: 100%}
.-right-12 {
right: calc(var(--spacing) * -12);
}
.right-0 {
right: calc(var(--spacing) * 0);
}
.right-1 {
right: calc(var(--spacing) * 1);
}
.right-2 {
right: calc(var(--spacing) * 2);
}
.right-2\.5 {
right: calc(var(--spacing) * 2.5);
}
.right-3 {
right: calc(var(--spacing) * 3);
}
.right-4 {
right: calc(var(--spacing) * 4);
}
.right-5 {
right: calc(var(--spacing) * 5);
}
.right-10 {
right: calc(var(--spacing) * 10);
}
.right-12 {
right: calc(var(--spacing) * 12);
}
.-bottom-12 {
bottom: calc(var(--spacing) * -12);
}
.bottom-0 {
bottom: calc(var(--spacing) * 0);
}
.bottom-2 {
bottom: calc(var(--spacing) * 2);
}
.bottom-3 {
bottom: calc(var(--spacing) * 3);
}
.bottom-5 {
bottom: calc(var(--spacing) * 5);
}
.-left-12 {
left: calc(var(--spacing) * -12);
}
.left-0 {
left: calc(var(--spacing) * 0);
}
.left-1\/2 {
left: 50%}
.left-2 {
left: calc(var(--spacing) * 2);
}
.left-2\.5 {
left: calc(var(--spacing) * 2.5);
}
.left-3 {
left: calc(var(--spacing) * 3);
}
.left-4 {
left: calc(var(--spacing) * 4);
}
.left-5 {
left: calc(var(--spacing) * 5);
}
.left-\[50\%\] {
left: 50%}
.z-0 {
z-index: 0;
}
.z-10 {
z-index: 10;
}
.z-20 {
z-index: 20;
}
.z-40 {
z-index: 40;
}
.z-50 {
z-index: 50;
}
.z-\[1\] {
z-index: 1;
}
.z-\[100\] {
z-index: 100;
}
.absolute {position: absolute;}
.w-full {width: 100%;}
.h-full {height: 100%;}
.h-10 {height: calc(var(--spacing) * 10);}
.-translate-y-1\/2 {--tw-translate-y: -50%;translate: var(--tw-translate-x) var(--tw-translate-y);}
@property --tw-translate-x {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-translate-y {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-translate-z {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-rotate-x {
syntax: "*";
inherits: false;
}
@property --tw-rotate-y {
syntax: "*";
inherits: false;
}
@property --tw-rotate-z {
syntax: "*";
inherits: false;
}
@property --tw-skew-x {
syntax: "*";
inherits: false;
}
@property --tw-skew-y {
syntax: "*";
inherits: false;
}
@property --tw-scroll-snap-strictness {
syntax: "*";
inherits: false;
initial-value: proximity;
}
@property --tw-space-y-reverse {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-space-x-reverse {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-border-style {
syntax: "*";
inherits: false;
initial-value: solid;
}
.w-3\.5 {width: calc(var(--spacing) * 3.5);}
.h-3\.5 {height: calc(var(--spacing) * 3.5);}
.items-center {align-items: center;}
.w-10 {width: calc(var(--spacing) * 10);}
.justify-center {justify-content: center;}
.list-view-button.text-\[\#d4a843\]{color:color-mix(in oklab,var(--color-white) 40%,transparent);}
.grid-view-button.text-\[\#d4a843\]{color:color-mix(in oklab,var(--color-white) 40%,transparent);}
button.on {background-color: #d4a84326;}
button.on svg{color: #d4a843;}
.overflow-hidden {overflow: hidden;}
@media (min-width: 48rem) {
.md\:flex-row {
   flex-direction: row;
}
}
.duration-300 {--tw-duration: .3s;transition-duration: .3s;}
.transition-all {transition-property: all;transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));transition-duration: var(--tw-duration, var(--default-transition-duration));}
@media (min-width: 64rem) {
.lg\:w-\[320px\] {
   width: 320px;
}
}
@media (min-width: 48rem) {
.md\:h-auto {
   height: auto;
}
}
.duration-500 {--tw-duration: .5s;transition-duration: .5s;}
@media (min-width: 48rem) {
.md\:to-\[\#071f1f\]\/60 {
   --tw-gradient-to: oklab(22.0532% -.0287182 -.00780869 / .6);
   --tw-gradient-stops: var(--tw-gradient-via-stops);
}
}
@media (min-width: 48rem) {
.md\:from-transparent {
   --tw-gradient-from: transparent;
   --tw-gradient-stops: var(--tw-gradient-via-stops);
}
}
@media (min-width: 48rem) {
.md\:bg-gradient-to-r {
   --tw-gradient-position: to right in oklab;
   background-image: linear-gradient(var(--tw-gradient-stops));
}
}
.text-emerald-100 {color: var(--color-emerald-100);}
.font-bold {--tw-font-weight: var(--font-weight-bold);font-weight: var(--font-weight-bold);}
.text-\[11px\] {font-size: 11px;}
.backdrop-blur-sm {
--tw-backdrop-blur: blur(var(--blur-sm));
-webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
}
@supports (color:color-mix(in lab,red,red)) {
.bg-emerald-700\/80 {
   background-color: 
color-mix(in oklab, var(--color-emerald-700) 80%, transparent);
}
}
.bg-\[\#031414\]\/80 {background-color: #031414cc;}
.rounded-md {border-radius: calc(var(--radius) - 2px);}
.w-8 {width: calc(var(--spacing) * 8);}
.h-8 {height: calc(var(--spacing) * 8);}
@supports (color:color-mix(in lab,red,red)) {
.stroke-white\/70 {stroke: color-mix(in oklab, var(--color-white) 70%, transparent);}
}
.object-cover {object-fit: cover;}
.transition-transform {transition-property: transform, translate, scale, rotate; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));transition-duration: var(--tw-duration, var(--default-transition-duration));}
.text-\[18px\] {font-size: 18px;}
.text-\[12\.5px\] {font-size: 12.5px;}
.text-center {text-align: center;}
.w-2\.5 {width: calc(var(--spacing) * 2.5);}
.h-2\.5 {height: calc(var(--spacing) * 2.5);}
.leading-relaxed {--tw-leading: var(--leading-relaxed);line-height: var(--leading-relaxed);}
.w-\[280px\] {width: 280px;}
.text-xl {font-size: var(--text-xl);line-height: var(--tw-leading, var(--text-xl--line-height));}
@media (hover: hover) {
.hover\:bg-\[\#d4a843\]\/20:hover {
   background-color: #d4a84333;
}
}
.fill-\[\#d4a843\] {fill: #d4a843;}
@media (min-width: 48rem) {
.md\:to-\[\#071f1f\]\/60 {
   --tw-gradient-to: oklab(22.0532% -.0287182 -.00780869 / .6);
   --tw-gradient-stops: var(--tw-gradient-via-stops);
}
}
.inset-0 {inset: calc(var(--spacing) * 0);}
@media (hover: hover) {
.hover\:shadow-xl:hover {
   --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a);
   box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
}
@media (hover: hover) {
.hover\:border-\[\#d4a843\]\/40:hover {
   border-color: #d4a84366;
}
}
@media (hover: hover) {
.group-hover\:scale-105:is(:where(.group):hover *) {
   --tw-scale-x: 105%;
   --tw-scale-y: 105%;
   --tw-scale-z: 105%;
   scale: var(--tw-scale-x) var(--tw-scale-y);
}
}
.text-\[\#031414\] {
color: #031414;
}
.tracking-wide {
--tw-tracking: var(--tracking-wide);
letter-spacing: var(--tracking-wide);
}
.font-black {
--tw-font-weight: var(--font-weight-black);
font-weight: var(--font-weight-black);
}
.text-\[9\.5px\] {
font-size: 9.5px;
}
.bg-\[\#0f3a3a\] {
background-color: #0f3a3a;
}
.h-px {height: 1px;}
.leading-none {
--tw-leading: 1;
line-height: 1;
}

.text-\[\#d4a843\]\/60 {
color: #d4a84399;
}
.hover-elevate:not(.no-default-hover-elevate), .active-elevate:not(.no-default-active-elevate), .hover-elevate-2:not(.no-default-hover-elevate), .active-elevate-2:not(.no-default-active-elevate) {
z-index: 0;
position: relative;
}
.shadow-xs {
--tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.\[\&_svg\]\:size-4 svg {
width: calc(var(--spacing) * 4);
height: calc(var(--spacing) * 4);
}
.\[\&_svg\]\:shrink-0 svg {
flex-shrink: 0;
}
.\[\&_svg\]\:pointer-events-none svg {
pointer-events: none;
}
.items-end {align-items: flex-end;}
.hover-elevate:not(.no-default-hover-elevate):after, .active-elevate:not(.no-default-active-elevate):after, .hover-elevate-2:not(.no-default-hover-elevate):after, .active-elevate-2:not(.no-default-active-elevate):after {
content: "";
pointer-events: none;
border-radius: inherit;
z-index: 999;
position: absolute;
inset: 0;
}
.whitespace-nowrap {white-space: nowrap;}
.min-h-8 {min-height: calc(var(--spacing) * 8);}
.h-9 {height: calc(var(--spacing) * 9);}
.border.hover-elevate:not(.no-hover-interaction-elevate):after, .border.active-elevate:not(.no-active-interaction-elevate):after, .border.hover-elevate-2:not(.no-hover-interaction-elevate):after, .border.active-elevate-2:not(.no-active-interaction-elevate):after {
inset: -1px;}
.hover-elevate:hover:not(.no-default-hover-elevate):after, .active-elevate:active:not(.no-default-active-elevate):after {
background-color: var(--elevate-1);
}
.via-background\/40 {
--tw-gradient-via-stops: var(--tw-gradient-position),  var(--tw-gradient-from) var(--tw-gradient-from-position),  var(--tw-gradient-via) var(--tw-gradient-via-position),  var(--tw-gradient-to) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-via-stops);
}
.via-transparent {
--tw-gradient-via: transparent;
--tw-gradient-via-stops: var(--tw-gradient-position),  var(--tw-gradient-from) var(--tw-gradient-from-position),  var(--tw-gradient-via) var(--tw-gradient-via-position),  var(--tw-gradient-to) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-via-stops);
}
.to-\[\#071f1f\] {
--tw-gradient-to: #071f1f;
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position),  var(--tw-gradient-from) var(--tw-gradient-from-position),  var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-\[\#031414\] {
--tw-gradient-to: #031414;
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position),  var(--tw-gradient-from) var(--tw-gradient-from-position),  var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-\[\#d4a843\]\/20 {
--tw-gradient-to: oklab(75.3446% .0112576 .126944/.2);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position),  var(--tw-gradient-from) var(--tw-gradient-from-position),  var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-background {
--tw-gradient-to: hsl(var(--background));
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position),  var(--tw-gradient-from) var(--tw-gradient-from-position),  var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-transparent {
--tw-gradient-to: transparent;
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position),  var(--tw-gradient-from) var(--tw-gradient-from-position),  var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-\[\#0a2a2a\] {
--tw-gradient-from: #0a2a2a;
--tw-gradient-stops: var(--tw-gradient-via-stops);
}
.w-9 {width: calc(var(--spacing) * 9);}
.text-\[11\.5px\] {font-size: 11.5px;}
.text-\[10\.5px\] {font-size: 10.5px;}
.grid-rows-2 {grid-template-rows: repeat(2, minmax(0, 1fr));}
.row-span-2 {grid-row: span 2 / span 2;}
.col-span-2 {grid-column: span 2 / span 2;}
.grid-cols-4 {grid-template-columns: repeat(4, minmax(0, 1fr));}
.h-\[460px\] {height: 460px;}
.grid {display: grid;}
@supports (color:color-mix(in lab,red,red)) {
.bg-emerald-700\/90 {
   background-color: 
color-mix(in oklab, var(--color-emerald-700) 90%, transparent);
}
}
.from-\[\#031414\]\/50 {
--tw-gradient-from: oklab(17.5769% -.0238163 -.00644511 / .5);
--tw-gradient-stops: var(--tw-gradient-via-stops);
}
.rounded {border-radius: .25rem;}
.bg-\[\#031414\]\/60 {background-color: #03141499;}
.dtlpgsec svg{display: block;}
@media (min-width: 48rem) {
.md\:text-4xl {
   font-size: var(--text-4xl);
   line-height: var(--tw-leading, var(--text-4xl--line-height));
}
}
.italic {font-style: italic;}
.bg-\[\#d4a843\]\/10 {background-color: #d4a8431a;}
.text-emerald-400 {color: var(--color-emerald-400);}
.text-right {text-align: right;}
.text-3xl {font-size: var(--text-3xl);line-height: var(--tw-leading, var(--text-3xl--line-height));}
@supports (color:color-mix(in lab,red,red)) {
.stroke-white\/60 {stroke: color-mix(in oklab, var(--color-white) 60%, transparent);}
}
.overflow-x-auto {overflow-x: auto;}
.sticky {position: sticky;}
@media (hover: hover) {
@supports (color:color-mix(in lab,red,red)) {
   .hover\:text-white\/80:hover {
       color: 
color-mix(in oklab, var(--color-white) 80%, transparent);
   }
}
}
.bg-\[\#031414\] {background-color: #031414;}
.cstmstcky{top: 76px;}
.scroll-mt-32 {scroll-margin-top: calc(var(--spacing) * 32);}
.w-4\.5 {width: calc(var(--spacing) * 4.5);}
.h-4\.5 {height: calc(var(--spacing) * 4.5);}
@media (min-width: 48rem) {
.md\:grid-cols-2 {
   grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
.bg-gradient-to-r {
--tw-gradient-position: to right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
}
@supports (color:color-mix(in lab,red,red)) {
.text-white\/70 {
   color: 
color-mix(in oklab, var(--color-white) 70%, transparent);
}
}
@media (min-width: 48rem) {
.md\:grid-cols-3 {
   grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
.bg-\[\#031414\]\/30 {background-color: #0314144d;}
@media (min-width: 40rem) {
.sm\:grid-cols-3 {
   grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
.bg-\[\#031414\]\/40 {
background-color: #03141466;
}
.text-left {text-align: left;}
.text-emerald-300 {color: var(--color-emerald-300);}
@supports (color:color-mix(in lab,red,red)) {
.bg-emerald-700\/30 {
   background-color: 
color-mix(in oklab, var(--color-emerald-700) 30%, transparent);
}
}
.text-amber-300 {
color: var(--color-amber-300);
}
@supports (color:color-mix(in lab,red,red)) {
.bg-amber-600\/30 {
   background-color: 
color-mix(in oklab, var(--color-amber-600) 30%, transparent);
}
}
@supports (color:color-mix(in lab,red,red)) {
.text-white\/50 {
   color: 
color-mix(in oklab, var(--color-white) 50%, transparent);
}
}
@supports (color:color-mix(in lab,red,red)) {
.bg-white\/10 {
   background-color: 
color-mix(in oklab, var(--color-white) 10%, transparent);
}
}
.h-64 {height: calc(var(--spacing) * 64);}
@media (min-width: 80rem) {
.xl\:w-\[320px\] {
   width: 320px;
}
}
.add-read-more.show-less-content{-webkit-line-clamp: 2;-webkit-box-orient: vertical;display: -webkit-box;overflow: hidden;}
.add-read-more.show-less-content .second-section,
.add-read-more.show-less-content .read-less {display: none;}
.add-read-more.show-more-content .read-more {display: none;}
.add-read-more.show-less-content .read-more{display: table;text-transform: capitalize;color: #d4a843;font-size: 12px;font-weight:600;}
.add-read-more.show-more-content .read-less{display: table;text-transform: capitalize;color: #d4a843;font-size: 12px;font-weight:600;}
.morecontent > .morecontent-inner {display: none;}
.morelink {display: inline;}
.add-read-more.more ul {display: block; margin: 8px 0; padding-left: 18px; list-style: disc;}
.add-read-more.more ul li {margin: 4px 0;}
.text-amber-950 {color: var(--color-amber-950);}
@supports (color:color-mix(in lab,red,red)) {
.bg-amber-500\/90 {
   background-color: 
color-mix(in oklab, var(--color-amber-500) 90%, transparent);
}
}
@supports (color:color-mix(in lab,red,red)) {
.bg-orange-800\/80 {
   background-color: 
color-mix(in oklab, var(--color-orange-800) 80%, transparent);
}
}
.lststcky{top: 75px;}
@media (min-width: 40rem) {
.mnlstvew.grid .list-view-filter {grid-template-columns: repeat(2, minmax(0, 1fr));    gap: calc(var(--spacing) * 5);display: grid;}
.mnlstvew.grid .list-view-filter .md\:flex-row{flex-direction: column;}
.mnlstvew.grid .list-view-filter .h-52{height: calc(var(--spacing) * 52);position: relative;width: 100%;}
.mnlstvew.grid .mndvwrp .flex.gap-2{width: 100%;}
.mnlstvew.grid .mndvwrp .flex.gap-2 button{width:50%;}
}
@media (min-width: 64rem) {
.fltrlftbx {display: block;}
}
.w-\[240px\] {width: 240px;}
.grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.top-\[120px\].fltrlftbx{top: 140px;}
#fltrldv {
   
       display: none;
       transition: opacity 0.4s ease-in-out, visibility 0.4s;
   }

   #fltrldv.showfltr{display: block;}
@media (hover: hover) {
.hover\:border-\[\#d4a843\]\/30:hover {
   border-color: #d4a8434d;
}
}        
/* Sidebar CF7 form – match original design */
.frmstcky .wpcf7{margin:0;width:100%;}
.frmstcky .wpcf7-form{display:flex;flex-direction:column;gap:14px;margin:0;}
.frmstcky .wpcf7-form > p{margin:0;padding:0;}
.frmstcky .wpcf7-form-control-wrap{display:block;width:100%;}
.frmstcky input.wpcf7-form-control:not([type="submit"]):not([type="checkbox"]):not([type="radio"]),
.frmstcky select.wpcf7-form-control,
.frmstcky textarea.wpcf7-form-control,
.frmstcky input.form-control,
.frmstcky select.form-control{
width:100%;
height:40px;
padding:0 14px;
background:#031414 !important;
border:1px solid #0f3a3a !important;
border-radius:8px;
font-size:13px;
color:#fff !important;
outline:none;
box-shadow:none !important;
-webkit-appearance:none;
appearance:none;
transition:border-color .2s ease;
}
.frmstcky input.wpcf7-form-control::placeholder,
.frmstcky input.form-control::placeholder{color:rgba(255,255,255,.3);}
.frmstcky input.wpcf7-form-control:focus,
.frmstcky select.wpcf7-form-control:focus,
.frmstcky input.form-control:focus,
.frmstcky select.form-control:focus{border-color:rgba(212,168,67,.4) !important;}
.frmstcky select.wpcf7-form-control,
.frmstcky select.form-control{
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.45)' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
background-repeat:no-repeat;
background-position:right 12px center;
padding-right:32px;
}
.frmstcky .frm-interested,
.frmstcky .form-control-interested{margin:0;}
.frmstcky .frm-label,
.frmstcky .form-control-interested > label,
.frmstcky .form-control-interested > p{font-size:11.5px;color:rgba(255,255,255,.45);margin:0 0 8px;padding:0;font-weight:400;}
.frmstcky .wpcf7-radio{display:flex;flex-wrap:wrap;gap:6px;margin:0;}
.frmstcky .wpcf7-radio .wpcf7-list-item{margin:0;}
.frmstcky .wpcf7-radio .wpcf7-list-item label{
display:inline-flex;
align-items:center;
justify-content:center;
font-size:11.5px;
padding:6px 12px;
border-radius:9999px;
border:1px solid #0f3a3a;
color:rgba(255,255,255,.5);
cursor:pointer;
transition:all .2s ease;
line-height:1.2;
}
.frmstcky .wpcf7-radio .wpcf7-list-item label:hover{border-color:rgba(212,168,67,.3);}
.frmstcky .wpcf7-radio .wpcf7-list-item input[type="radio"]{position:absolute;opacity:0;pointer-events:none;width:0;height:0;margin:0;}
.frmstcky .wpcf7-radio .wpcf7-list-item input[type="radio"]:checked + span,
.frmstcky .wpcf7-radio .wpcf7-list-item label:has(input[type="radio"]:checked){
border-color:rgba(212,168,67,.6);
background:rgba(212,168,67,.1);
color:#d4a843;
}
.frmstcky .frm-checks{display:flex;flex-direction:column;gap:10px;}
.frmstcky .wpcf7-checkbox{display:flex;flex-direction:column;gap:10px;margin:0;}
.frmstcky .wpcf7-checkbox .wpcf7-list-item{margin:0;display:block;}
.frmstcky .wpcf7-checkbox .wpcf7-list-item label{
display:flex;
align-items:flex-start;
gap:10px;
cursor:pointer;
font-size:12px;
color:rgba(255,255,255,.55);
line-height:1.45;
margin:0;
}
.frmstcky .wpcf7-checkbox .wpcf7-list-item input[type="checkbox"]{
-webkit-appearance:none;
appearance:none;
width:16px;
height:16px;
min-width:16px;
margin:2px 0 0;
border:1px solid #0f3a3a;
border-radius:4px;
background:transparent;
cursor:pointer;
position:relative;
flex-shrink:0;
}
.frmstcky .wpcf7-checkbox .wpcf7-list-item input[type="checkbox"]:checked{
border-color:#d4a843;
background:#d4a843;
} 
.frmstcky .wpcf7-checkbox .wpcf7-list-item input[type="checkbox"]:checked::after{
content:"\2713";
position:absolute;
left:50%;
top:50%;font-weight: 700;
width:8px;
height:8px;
margin:-9px 0 0 -4px;
color:#031414;
border-radius:2px;
}
.frmstcky input.wpcf7-submit,
.frmstcky .frm-submit,
.frmstcky input[type="submit"]{
width:100%;
height:40px;
margin:0;
padding:0 16px;
border:none !important;
border-radius:6px;
background:#d4a843 !important;
color:#031414 !important;
font-size:13px;
font-weight:700;
cursor:pointer;
transition:background .2s ease;
box-shadow:none !important;
}
.frmstcky input.wpcf7-submit:hover,
.frmstcky .frm-submit:hover,
.frmstcky input[type="submit"]:hover{background:#c49a38 !important;}
.frmstcky .wpcf7-response-output{margin:8px 0 0;padding:8px 10px;font-size:12px;border-radius:6px;}
.frmstcky .wpcf7-not-valid-tip{font-size:11px;margin-top:4px;color:#f87171;}
.frmstcky .wpcf7-spinner{margin:0 auto;}
.frmstcky input{color:#fff;}
.transition-opacity {transition-property: opacity;transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));}
.cursor-zoom-in {cursor: zoom-in;}
.opacity-0 {opacity: 0;}
@media (hover: hover) {
.group-hover\:opacity-100:is(:where(.group):hover *) {
   opacity: 1;
}
}
.showfltr .ctschkbrdr.active{border-color: #d4a843;background-color: #d4a843;}
.showfltr .ctschkbrdr.active:before{background-color: #031414;border-color: #084445;content: "";position: absolute;width: 8px;height:8px;border-radius: 100%;}
.fltrlftbx .ctschkbrdr.active,.ctschkbrdr.active{border-color: #d4a843;background-color: #d4a843;position:relative;}
.fltrlftbx .ctschkbrdr.active:before,.ctschkbrdr.active:before{background-color: #031414;border-color: #084445;content: "";position: absolute;width: 8px;height:8px;border-radius: 100%;}
.ctmfmrtg .ctschkbrdr.active{border-color: #d4a843;background-color: #d4a843;}
.ctmfmrtg .ctschkbrdr.active:before{background-color: #031414;border-color: #084445;content: "";position: absolute;width: 8px;height:8px;border-radius: 100%;}
.navscrollbar nav ul li.active a{border-color: #d4a843;    color: #d4a843;}
.bhkbtn.active{background-color: #d4a8431a;    border-color: #d4a84399;color: #d4a843;}
.listing-filter-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
.sort-dropdown-menu.hidden,.location-dropdown-menu.hidden,.share-dropdown-menu.hidden{display:none;}
.sort-dropdown-wrap,.location-dropdown-wrap{position:relative;}
.sort-dropdown-wrap{display:inline-flex;align-items:center;}
.sort-dropdown-btn{
display:inline-flex;
align-items:center;
gap:8px;
height:40px;
padding:0 16px;
border:1px solid #0f3a3a;
border-radius:8px;
background:transparent;
color:rgba(255,255,255,.6);
font-family:var(--sans),'DM Sans',sans-serif;
font-size:13px;
font-weight:400;
line-height:1;
cursor:pointer;
transition:border-color .2s ease,color .2s ease,background .2s ease;
white-space:nowrap;
}
.sort-dropdown-btn .sort-dropdown-value{color:rgba(255,255,255,.85);font-weight:500;}
.sort-dropdown-btn svg{width:14px;height:14px;display:inline-block;flex-shrink:0;transition:transform .2s ease;}
.sort-dropdown-btn:hover{border-color:rgba(212,168,67,.3);color:rgba(255,255,255,.8);}
.sort-dropdown-wrap.is-open .sort-dropdown-btn{border-color:rgba(212,168,67,.45);background:rgba(212,168,67,.06);}
.sort-dropdown-wrap.is-open .sort-dropdown-btn svg{transform:rotate(180deg);}
.sort-dropdown-menu{
position:absolute;
right:0;
top:calc(100% + 8px);
z-index:60;
min-width:180px;
background:#071f1f;
border:1px solid #0f3a3a;
border-radius:10px;
box-shadow:0 16px 40px rgba(0,0,0,.45);
padding:6px 0;
overflow:hidden;
}
.sort-dropdown-item{
display:block;
padding:10px 16px;
font-size:13px;
font-family:var(--sans),'DM Sans',sans-serif;
font-weight:500;
color:rgba(255,255,255,.7);
text-decoration:none;
transition:background .15s ease,color .15s ease;
white-space:nowrap;
}
.sort-dropdown-item:hover{background:#0f3a3a;color:#fff;}
.sort-dropdown-item.is-active{background:rgba(212,168,67,.1);color:#d4a843;}
.listing-title-loc{display:flex;align-items:center;flex-wrap:wrap;gap:8px;line-height:1.2;}
.location-dropdown-wrap{display:inline-flex;align-items:center;position:relative;vertical-align:middle;}
.location-dropdown-btn{
display:inline-flex;
align-items:center;
gap:6px;
padding:0;
margin:0;
border:none;
background:transparent;
color:#d4a843;
font-family:var(--app-font-serif),'Cormorant Garamond',serif;
font-size:inherit;
font-weight:600;
font-style:normal;
line-height:inherit;
cursor:pointer;
transition:color .2s ease;
}
.location-dropdown-btn em{font-style:normal;color:inherit;}
.location-dropdown-btn svg{width:20px;height:20px;display:inline-block;flex-shrink:0;transition:transform .2s ease;}
.location-dropdown-btn:hover{color:#c49a38;}
.location-dropdown-wrap.is-open .location-dropdown-btn svg{transform:rotate(180deg);}
.location-dropdown-menu{
position:absolute;
left:0;
top:calc(100% + 8px);
z-index:60;
min-width:200px;
max-height:280px;
overflow-x:hidden;
overflow-y:auto;
background:#071f1f;
border:1px solid #0f3a3a;
border-radius:10px;
box-shadow:0 16px 40px rgba(0,0,0,.45);
padding:6px 0;
}
.location-dropdown-item{
display:block;
padding:10px 16px;
font-size:14px;
font-family:var(--sans),'DM Sans',sans-serif;
font-weight:500;
color:rgba(255,255,255,.7);
text-decoration:none;
transition:background .15s ease,color .15s ease;
white-space:nowrap;
}
.location-dropdown-item:hover{background:#0f3a3a;color:#fff;}
.location-dropdown-item.is-active{background:rgba(212,168,67,.1);color:#d4a843;}

.navscrollbar nav ul{list-style: none;}
.navscrollbar nav ul li{display:inline-block;}
.navscrollbar nav ul li a{display: block;}
.grid .grdbtnflxnt{display: block;}
.grid .grdbtnflxnt .flex.w-fit{float:left;}
.grid .grdbtnflxnt .flex.w-fit{float:left;margin-right:10px;margin-bottom:10px;}
@media only screen and (min-width:768px) and (max-width:991px){
.navbar .logo{max-width: 30%;}
.navbar{padding: 10px 15px;}
.nav-links ul li{padding: 0 3px;}
.navbar .inner{gap: 10px;}
.right .btn{padding:10px;font-size: 12px;}
}
@media only screen and (max-width:767px) {
.navbar .logo{max-width: 30%;}
.navbar{padding: 10px 15px;}
.dtlpgsec.grid{display: inherit;height: auto;}
.dtlpgsec .group.overflow-hidden{width: 50%;float: left;padding: 5px;}
.sticky{position: relative;top: 0;}
.navbar.scrolled{padding: 12px 15px;}
.mbfllwdth{min-width: 100%;}
.mbfxsce .flex {display: block;}
.mbfxsce .shrink-0.text-right{text-align: left;}
.mbfxsce .shrink-0.text-right .flex{display: flex;}
.text-3xl{font-size:1.475rem;}
.mbfxsce .flex-1 .flex.gap-3{display: flex;}
.mbfxsce .flex-1 .flex.gap-3 span.font-bold{margin-right: 5px;}
.mbfxsce .flex-1 .flex.gap-1.5{display: flex;}
.navscrollbar nav ul li a{padding: 7px 8px;font-size: 12px;}
#amenities .rounded-xl.p-5{padding: 15px 10px;}
#configuration .p-5.mt-4{overflow-y: auto;}
#overview .grid .font-medium{word-break: break-all;}
.nav-links ul li{display: block;}
.nav-links li a{padding: 7px 10px;font-size: 15px;}
.footer-bottom{text-align: center;display: block;}
.footer-bottom span{display: inline-block;}
.footer-bottom span{font-size: 11px;}
.footer-bottom .links{justify-content: center;}
.footer-bottom{padding-top: 10px;}
.footer-bottom span strong{}
.footer-grid{margin-bottom: 20px;}
.container{padding: 0 15px;}
.lstflxdtl .flxblk{display: block;}
#menuBtn .fa-bars{font-size: 20px;}
.mbscrollrm{display: block;}
}

/*--------------------------------------------------------------
Blog listing + blog detail (from style.css) + today CSS changes
--------------------------------------------------------------*/
.pt-24 {padding-top: calc(var(--spacing) * 24);}
.pb-10 {padding-bottom: calc(var(--spacing) * 10);}
.knowledgecntr .mb-4{margin-bottom: calc(var(--spacing) * 4);display: table;}
.knowledgecntr .tracking-widest {--tw-tracking: var(--tracking-widest);letter-spacing: var(--tracking-widest);}
@media (min-width: 48rem) {
.knowledgecntr .md\:text-5xl {font-size: 48px;line-height: 1;}
}
.max-w-lg {max-width:512px;font-size: 14px;}
@media (min-width: 48rem) {
.md\:items-end {
   align-items: flex-end;
}
}
@media (min-width: 768px) {
.w-\[300px\] {width: 300px;}
}
.py-12 {padding-block: calc(var(--spacing) * 12);}
.px-6 {padding-inline: calc(var(--spacing) * 6);}
@media (min-width: 80rem) {
.xl\:grid-cols-3 {
   grid-template-columns: repeat(3, minmax(0px, 1fr));
}
}
.text-emerald-300 {color: var(--color-emerald-300);}
@supports (color:color-mix(in lab,red,red)) {
.bg-emerald-900\/60 {
   background-color: color-mix(in oklab, var(--color-emerald-900) 60%, transparent);
}
}
.line-clamp-3 {
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
display: -webkit-box;
overflow: hidden;
line-height: 1.6;
}
@media (hover: hover) {
.group-hover\:text-\[\#d4a843\]:is(:where(.group):hover *) {
   color: rgb(212, 168, 67);
}
}
.from-\[\#d4a843\]\/15 {
--tw-gradient-from: oklab(75.3446% .0112576 .126944 / .15);
--tw-gradient-stops: var(--tw-gradient-via-stops);
}
.bg-gradient-to-br {
--tw-gradient-position: to bottom right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
}
.border-\[\#d4a843\]\/30 {
border-color: rgba(212, 168, 67, 0.3);
}
@media (hover: hover) {
.hover\:text-\[\#d4a843\]:hover {
   color: rgb(212, 168, 67);
}
}
@media (hover: hover) {
.hover\:border-\[\#d4a843\]\/50:hover {
   border-color: rgba(212, 168, 67, 0.5);
}
}
.bg-\[\#020e0e\] {
background-color: rgb(2, 14, 14);
}
@media (hover: hover) {
@supports (color:color-mix(in lab,red,red)) {
   .hover\:text-white\/80:hover {
       color: 
color-mix(in oklab, var(--color-white) 80%, transparent);
   }
}
}
@media (hover: hover) {
.group-hover\:gap-2:is(:where(.group):hover *) {
   gap: calc(var(--spacing) * 2);
}
}
@media (min-width: 48rem) {
.md\:h-\[480px\] {
   height: 480px;
}
}
.to-\[\#031414\]\/20 {
--tw-gradient-to: oklab(17.5769% -.0238163 -.00644511 / .2);
--tw-gradient-stops: var(--tw-gradient-via-stops);
}
.via-\[\#031414\]\/55 {
--tw-gradient-via: oklab(17.5769% -.0238163 -.00644511 / .55);
--tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-via-stops);
}
.from-\[\#031414\] {
--tw-gradient-from: #031414;
--tw-gradient-stops: var(--tw-gradient-via-stops);
}
.text-blue-300 {
color: var(--color-blue-300);
}
@supports (color:color-mix(in lab,red,red)) {
.bg-blue-900\/60 {
   background-color: 
color-mix(in oklab, var(--color-blue-900) 60%, transparent);
}
}
@supports (color:color-mix(in lab,red,red)) {
.border-blue-800\/50 {
   border-color: 
color-mix(in oklab, var(--color-blue-800) 50%, transparent);
}
}
@media (min-width: 48rem) {
.md\:text-\[42px\] {
   font-size: 42px;
}
}
.max-w-3xl {
max-width: var(--container-3xl);
}
.max-w-2xl {max-width: var(--container-2xl);}
.text-\[14px\] {font-size: 14px;}
.pb-12 {padding-bottom: calc(var(--spacing) * 12)}
.pt-8 {padding-top: calc(var(--spacing) * 8);}
.gap-10 {gap: calc(var(--spacing) * 10);}
.bg-\[\#0f3a3a\] {background-color: #0f3a3a;}
.w-px {width: 1px;}
.top-\[80px\] {top: 80px;}
.before\:absolute:before {
content: var(--tw-content);
position: absolute;
}
.before\:top-1:before {
content: var(--tw-content);
top: calc(var(--spacing) * 1);
}
.before\:bottom-1:before {
content: var(--tw-content);
bottom: calc(var(--spacing) * 1);
}
.before\:left-0:before {
content: var(--tw-content);
left: calc(var(--spacing) * 0);
}
.before\:w-\[3px\]:before {
content: var(--tw-content);
width: 3px;
}
.before\:rounded-full:before {
content: var(--tw-content);
border-radius: 3.40282e38px;
}
.before\:bg-\[\#d4a843\]:before {
content: var(--tw-content);
background-color: #d4a843;
}
@supports (color:color-mix(in lab,red,red)) {
.text-white\/68 {
   color: 
color-mix(in oklab, var(--color-white) 68%, transparent);
}
}
.leading-\[1\.85\] {
--tw-leading: 1.85;
line-height: 1.85;
}
.text-\[14\.5px\] {
font-size: 14.5px;
}
@media (min-width: 48rem) {
.md\:text-\[27px\] {
   font-size: 27px;
}
}
.text-\[\#d4a843\] {
color: #d4a843;
}
.text-4xl {
font-size: var(--text-4xl);
line-height: var(--tw-leading, var(--text-4xl--line-height));
}
.max-w-\[200px\] {max-width: 200px;}
.text-\[12px\] {
font-size: 12px;
}
.from-\[\#d4a843\]\/10 {
--tw-gradient-from: oklab(75.3446% .0112576 .126944 / .1);
--tw-gradient-stops: var(--tw-gradient-via-stops);
}
.bg-gradient-to-r {
--tw-gradient-position: to right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
}
.to-\[\#071f1f\] {
--tw-gradient-to: #071f1f;
--tw-gradient-stops: var(--tw-gradient-via-stops);
}
.border-\[\#d4a843\]\/30 {
border-color: #d4a8434d;
}
.bg-\[\#031414\]\/40 {
background-color: #03141466;
}
.border-\[\#0f3a3a\]\/60 {
border-color: #0f3a3a99;
}
.bg-\[\#071f1f\]\/30 {
background-color: #071f1f4d;
}
.rounded-r-xl {
border-top-right-radius: calc(var(--radius) + 4px);
border-bottom-right-radius: calc(var(--radius) + 4px);
}
.border-l-4 {
border-left-style: var(--tw-border-style);
border-left-width: 4px;
}
.border-\[\#d4a843\] {
border-color: #d4a843;
}
.h-\[400px\] {height: 400px;}
.pl-5 {padding-left: calc(var(--spacing) * 5);}
.pr-5 {padding-right: calc(var(--spacing) * 5);}
.text-amber-300 {color: var(--color-amber-300);}
@supports (color:color-mix(in lab,red,red)) {
.bg-amber-900\/60 {
   background-color: 
color-mix(in oklab, var(--color-amber-900) 60%, transparent);
}
}
.text-\[\#d4a843\] {color: #d4a843;}
.text-teal-300 {color: var(--color-teal-300);}
@supports (color:color-mix(in lab,red,red)) {
.bg-teal-900\/60 {
   background-color: 
color-mix(in oklab, var(--color-teal-900) 60%, transparent);
}
}
.text-\[15px\] {font-size: 15px;}
.line-clamp-2 {
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
display: -webkit-box;
overflow: hidden;
}
.text-\[\#d4a843\] {
color: #d4a843;
}
.border-\[\#d4a843\] {
border-color: #d4a843;
}
.border-l-2 {
border-left-style: var(--tw-border-style);
border-left-width: 2px;
}
.border-\[\#d4a843\]\/30 {border-color: #d4a8434d;}
.bg-\[\#d4a843\]\/15 {background-color: #d4a84326;}
.from-\[\#d4a843\]\/15 {
--tw-gradient-from: oklab(75.3446% .0112576 .126944 / .15);
--tw-gradient-stops: var(--tw-gradient-via-stops);
}

.rtggrdt{background:linear-gradient(to bottom right,rgba(212, 168, 67, 0.15) 0%,#071f1f 100%) !important;}
.mbshscl{display: none;}
@media (min-width: 64rem) {
.lg\:col-span-2 {
   grid-column: span 2 / span 2;
}
}
.h-\[420px\] {height: 420px;}
.border-\[\#0f3a3a\] {border-color: #0f3a3a;}
.border {border-style: var(--tw-border-style);border-width: 1px;}
.rounded-2xl {border-radius: var(--radius-2xl);}
.to-transparent {
--tw-gradient-to: transparent;
--tw-gradient-stops: var(--tw-gradient-via-stops);
}
.via-\[\#031414\]\/60 {
--tw-gradient-via: oklab(17.5769% -.0238163 -.00644511 / .6);
--tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-via-stops);
}
.h-\[196px\] {height: 196px;}
.via-\[\#031414\]\/40 {
--tw-gradient-via: oklab(17.5769% -.0238163 -.00644511 / .4);
--tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-via-stops);
}
.to-transparent {
--tw-gradient-to: transparent;
--tw-gradient-stops: var(--tw-gradient-via-stops);
}
.relative {position: relative;}
.from-\[\#031414\]\/90 {
--tw-gradient-from: oklab(17.5769% -.0238163 -.00644511 / .9);
--tw-gradient-stops: var(--tw-gradient-via-stops);
}
.blog-tab-content{display:none;}
.blog-tab-content.active{display:block;}
.w-6 {
width: calc(var(--spacing) * 6);
}
.h-6 {
height: calc(var(--spacing) * 6);
}
.text-\[9px\] {font-size: 9px;}
.h-\[200px\] {height: 200px;}
.bg-rose-900\/60 {
background-color: #8b083699;
}
@media (min-width: 48rem) {
.md\:text-\[26px\] {
   font-size: 26px;
}
}
.text-rose-300 {color: var(--color-rose-300);}
@supports (color:color-mix(in lab,red,red)) {
.bg-rose-900\/60 {
   background-color: 
color-mix(in oklab, var(--color-rose-900) 60%, transparent);
}
}
.blog-tab-btn.active{background-color: #d4a843;color: #000;}
.blog-tab-btn:hover{border-color: #0f3a3a;background-color: #071f1f;color:#fff;}
.blog-search-field,
.blog-search-field:focus {
	color: #fff !important;
	-webkit-text-fill-color: #fff;
	caret-color: #fff;
}
.blog-search-field::placeholder {
	color: rgba(255,255,255,0.3);
	-webkit-text-fill-color: rgba(255,255,255,0.3);
}
.blog-newsletter-form .wpcf7,
.blog-newsletter-form .wpcf7-form {
	margin: 0;
}
.blog-newsletter-form .wpcf7-form {
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.blog-newsletter-form .wpcf7-form p {
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.blog-newsletter-form .wpcf7-form-control-wrap {
	display: block;
}
.blog-newsletter-form input[type="email"],
.blog-newsletter-form input[type="text"] {
	width: 100%;
	background: #031414;
	border: 1px solid #0f3a3a;
	border-radius: 8px;
	padding: 10px 12px;
	font-size: 13px;
	color: #fff !important;
	-webkit-text-fill-color: #fff;
	caret-color: #fff;
	outline: none;
	box-sizing: border-box;
}
.blog-newsletter-form input[type="email"]::placeholder,
.blog-newsletter-form input[type="text"]::placeholder {
	color: rgba(255,255,255,0.3);
	-webkit-text-fill-color: rgba(255,255,255,0.3);
}
.blog-newsletter-form input[type="email"]:focus,
.blog-newsletter-form input[type="text"]:focus {
	border-color: rgba(212,168,67,0.5);
}
.blog-newsletter-form input[type="submit"],
.blog-newsletter-form .wpcf7-submit {
	width: 100%;
	min-height: 36px;
	height: 36px;
	padding: 8px 16px;
	background: #d4a843;
	color: #031414;
	font-weight: 600;
	font-size: 13px;
	border: none;
	border-radius: 6px;
	cursor: pointer;
	transition: background-color 0.2s;
}
.blog-newsletter-form input[type="submit"]:hover,
.blog-newsletter-form .wpcf7-submit:hover {
	background: #c49a38;
}
.blog-newsletter-form .wpcf7-not-valid-tip {
	font-size: 11px;
	color: #f87171;
	margin-top: 4px;
}
.blog-newsletter-form .wpcf7-form p:empty,
.blog-newsletter-form .wpcf7-form .screen-reader-response {
	display: none;
}
.blog-newsletter-form .wpcf7-form p:has(.wpcf7-submit) {
	position: relative;
}
.blog-newsletter-form .wpcf7-spinner,
.blog-newsletter-form .ajax-loader {
	position: absolute !important;
	right: 12px;
	bottom: 6px;
	top: auto !important;
	left: auto !important;
	transform: none !important;
	margin: 0 !important;
	z-index: 2;
}
.blog-newsletter-form .wpcf7 form .wpcf7-response-output {
	margin: 8px 0 0 !important;
	padding: 8px 10px;
	font-size: 12px;
	border-radius: 8px;
}
@supports (color:color-mix(in lab,red,red)) {
.border-rose-800\/50 {
   border-color: 
color-mix(in oklab, var(--color-rose-800) 50%, transparent);
}
}
@supports (color:color-mix(in lab,red,red)) {
.border-teal-800\/50 {
   border-color: 
color-mix(in oklab, var(--color-teal-800) 50%, transparent);
}
}

.no-scrollbar::-webkit-scrollbar{display:none;}
.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none;}
.related-article-card {
	display: flex;
	flex-direction: column;
	height: 100%;
}
.related-article-thumb {
	position: relative;
	height: 160px;
	overflow: hidden;
	flex-shrink: 0;
}
.related-article-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.blog-content-section {
	scroll-margin-top: 90px;
}
.blog-section-body {
	color: rgba(255,255,255,0.68);
	font-size: 14.5px;
	line-height: 1.85;
	overflow-x: auto;
}
.blog-section-body > *:last-child {
	margin-bottom: 0;
}
.blog-section-body p {
	margin: 0 0 1rem;
	font-size: 14.5px;
	line-height: 1.85;
	color: rgba(255,255,255,0.68);
}
.blog-section-body strong,
.blog-section-body b {
	color: rgba(255,255,255,0.9);
	font-weight: 600;
}
.blog-section-body a {
	color: #d4a843;
	text-decoration: none;
}
.blog-section-body a:hover {
	text-decoration: underline;
}
.blog-section-body ul,
.blog-section-body ol {
	margin: 0 0 1rem;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	list-style: none;
}
.blog-section-body ul li,
.blog-section-body ol li {
	position: relative;
	padding-left: 1.25rem;
	font-size: 14px;
	line-height: 1.625;
	color: rgba(255,255,255,0.65);
}
.blog-section-body ul li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.55em;
	width: 6px;
	height: 6px;
	border-radius: 999px;
	background: #d4a843;
}
.blog-section-body ol {
	counter-reset: blog-ol;
}
.blog-section-body ol li {
	counter-increment: blog-ol;
}
.blog-section-body ol li::before {
	content: counter(blog-ol) ".";
	position: absolute;
	left: 0;
	top: 0;
	color: #d4a843;
	font-weight: 600;
}
.blog-section-body h3,
.blog-section-body h4,
.blog-section-body h5 {
	color: #fff;
	margin: 1.25rem 0 0.75rem;
	font-family: var(--app-font-serif);
}
.blog-section-body img {
	max-width: 100%;
	height: auto;
	border-radius: 0.75rem;
	margin: 0.75rem 0 1rem;
}
.blog-section-body figure {
	margin: 0 0 1rem;
}
.blog-section-body blockquote {
	background: #071f1f;
	border-left: 4px solid #d4a843;
	border-radius: 0 0.75rem 0.75rem 0;
	padding: 1rem 1.25rem;
	margin: 0 0 1.25rem;
	font-style: italic;
	color: rgba(255,255,255,0.75);
	font-size: 14px;
	line-height: 1.625;
}
.blog-section-body table {
	width: 100%;
	font-size: 13px;
	border-collapse: collapse;
	margin: 1rem 0;
	border: 1px solid #0f3a3a;
	border-radius: 0.75rem;
	overflow: hidden;
}
.blog-section-body thead tr {
	background: #071f1f;
	border-bottom: 1px solid #0f3a3a;
}
.blog-section-body th {
	text-align: left;
	padding: 0.75rem 1rem;
	color: #d4a843;
	font-weight: 600;
	white-space: nowrap;
}
.blog-section-body td {
	padding: 0.75rem 1rem;
	color: rgba(255,255,255,0.6);
	white-space: nowrap;
	border-bottom: 1px solid rgba(15,58,58,0.6);
}
.blog-section-body tbody tr:nth-child(odd) {
	background: rgba(3,20,20,0.4);
}
.blog-section-body tbody tr:nth-child(even) {
	background: rgba(7,31,31,0.3);
}
.blog-section-body iframe,
.blog-section-body video {
	max-width: 100%;
}
@media only screen and (max-width:767px) {
.mbshscl{display: flex;}
.dnmbdv{display: none;}
.mbscrollrm > .w-\[300px\]{
	width: 100%;
	max-width: 100%;
}
}


/* Open Button */
.modal {
    padding: 12px 25px;
    border: 0;
    background: #d4a843;
    color: #031414;
    border-radius: 6px;
    cursor: pointer;
    font-size: 16px;
}

/* Modal */
.modal.ctmhdbtn {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: 0.3s ease;
}

/* Active Modal */
.modal.ctmhdbtn.active {opacity: 1;visibility: visible;pointer-events: auto;}

/* Overlay */
.modal-overlay {
    position: fixed;
    background: rgba(0, 0, 0, 0.3) !important;
    left:0;
    right:0;top:0;bottom:0;width: 100%;height:100%;
}
.modal.ctmhdbtn {background: rgba(0, 0, 0, 0.5) !important;}
/* Modal Box */
.ctmhdbtn .modal-box {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 550px;
    background: #071f1f;
    color: #fff;
    border-radius: 15px;
    padding: 35px;
    transform: translateY(30px) scale(0.95);
    transition: 0.3s ease;
    max-height: 90vh;
    overflow-y: auto;
}

.modal.ctmhdbtn.active .modal-box {transform: translateY(0) scale(1);}

/* Close */
.ctmhdbtn .close-modal {
    position: absolute;
    top: 12px;
    right: 15px;
    width: 35px;
    height: 35px;
    border: 0;
    background: transparent;
    color: #fff;
    font-size: 30px;
    line-height: 1;
    cursor: pointer;
}

/* Content */
.ctmhdbtn .modal-content h2 {margin: 0 0 10px;font-size: 28px;}
.ctmhdbtn .modal-content p {margin-bottom: 25px;color: rgba(255,255,255,0.7);}

/* Form */
.ctmhdbtn .form-group {margin-bottom: 15px;}
.ctmhdbtn input.form-control,
.ctmhdbtn textarea.form-control {width: 100%;box-sizing: border-box;padding: 13px 15px;border: 1px solid rgba(255,255,255,0.2);border-radius: 6px;background: rgba(255,255,255,0.05);
    color: #fff;outline: none;margin-bottom: 15px;}

.ctmhdbtn textarea.form-control {height: 120px;resize: vertical;}
.ctmhdbtn .submit-btn {width: 100%;padding: 13px;border: 0;border-radius: 6px;background: #d4a843;color: #031414;font-weight: 600;cursor: pointer;}
.ctmhdbtn .wpcf7 p{margin-bottom:0;} 
.ctmhdbtn .wpcf7-list-item{margin: 0 1em 0 0;}
.ctmhdbtn .wpcf7-radio{margin-bottom:15px;display: block;}
.ctmhdbtn .frm-label{margin-bottom:8px !important;display: block;}
.ctmhdbtn .wpcf7-checkbox{margin-bottom:15px;display: block;}
.ctmhdbtn .wpcf7-checkbox .wpcf7-list-item{margin-right:0;}
.ctmhdbtn .frm-checks br{display:none;} 
.ctmhdbtn input[type="submit"]{background: var(--gold);color: var(--gold-fg);border: none;box-shadow: 0 0 20px rgba(212, 168, 67, .25);font-weight: 600;font-size: 15px;border-radius: 8px;
padding: 12px 30px;transition: all 0.2s;cursor: pointer;display: table;margin-top: 20px;}
.ctmhdbtn input[type="submit"]:hover{background: #c49a38;}
/* Mobile */
@media (max-width: 575px) {

    .modal.ctmhdbtn {
        padding: 15px;
        align-items: flex-end;
    }

    .ctmhdbtn .modal-box {
        max-width: 100%;
        padding: 30px 20px 20px;
        border-radius: 15px 15px 0 0;

        max-height: 85vh;
    }

    .ctmhdbtn .modal-content h2 {
        font-size: 23px;
    }

    .ctmhdbtn .close-modal {
        top: 8px;
        right: 10px;
    }
}