.my_darker_image {
    filter: brightness(80%) contrast(110%);  /* Adjust values as needed */
}

.my_columns {
    column-count: 2;
    column-gap: 2.8em;
}

/* For tablet and below (1024px and smaller) */
@media screen and (max-width: 1024px) {
    .my_columns {
        column-count: 1; /* Switch to single column layout */
    }
}

/* contact page */
.contact_section a {
	color: #FFFFFF!important;
}


.contact_section a:hover {
	color: #c5a153!important;
}

.contact_section .vc_column_container {
	margin-bottom: 0!important;
	margin-top: 0!important;
}

.my_service_link a {
	color: #FFFFFF!important;
}

.my_project_accordeon button {
	background-color: var(--color-satin-sheen-gold-2)!important;
}

.my_project_accordeon .w-tabs-section {
	margin-top: 0.4rem!important;
	margin-bottom: 0.4rem!important;
}

.my_project_accordeon .w-tabs-section-title, .my_project_accordeon .w-tabs-section-control {
	color: #FFFFFF!important;
}

/* wpml language selector style */

.my_own_language_dd .language-dropdown-container {
            display: inline-block!important;
            position: relative!important;
        }
        /* Positioning for the Font Awesome icon */
        .my_own_language_dd .language-dropdown-container {
            position: relative!important;
        }
        .my_own_language_dd .language-dropdown-container .fa-angle-down {
            color: var(--color-white)!important;
            position: absolute!important;
            right: 3px!important;
            top: 50%!important;
            transform: translateY(-50%)!important;
            pointer-events: none!important;
            font-family: 'fontawesome'!important;
        }
        /* Styling for the dropdown elements */
        .my_own_language_dd .language-dropdown {
            border: none!important;
            background: transparent!important;
            color: var(--color-white)!important;
            cursor: pointer!important;
            outline: none!important;
            -webkit-appearance: none!important;
            -moz-appearance: none!important;
            appearance: none!important;
            border-radius: 0!important; /* Explicitly remove border radius */
        }
        .my_own_language_dd .language-dropdown option {
            background-color: var(--color-prussian-blue)!important;
            color: var(--color-white)!important;
            border: none!important;
            border-radius: 0!important;
            padding: 8px!important; /* Add more padding for options */
        }
        .my_own_language_dd .language-dropdown option:hover,
        .my_own_language_dd .language-dropdown option:focus {
            background-color: var(--color-satin-sheen-gold-2)!important;
            color: var(--color-white)!important;
        }
        /* Remove browser default styling */
        .my_own_language_dd .language-dropdown::-ms-expand {
            display: none!important;
        }
        .my_own_language_dd  select.language-dropdown {
            -webkit-appearance: none!important;
            -moz-appearance: none!important;
            appearance: none!important;
        }

.my-footer a {
	color: #FFFFFF!important;
}


.my-footer a:hover {
	color: #c5a153!important;
}

.my-spezial-row {
  	display: flex!important;
  	flex-direction: row!important; /* This ensures the row itself flows LTR */
	direction: ltr!important;
}

/* Normal LTR columns */
.my-first-column,
.my-second-column,
.my-third-column {
  /* Basic styling for all columns */
 direction: ltr!important;
}

.my_own_language_dd a:hover {
	color: #153050!important;
}

/* 1. Center the grid item itself */
.my-own-grid .w-grid-list {
  display: grid;
  grid-template-columns: 1fr;
  justify-items: center; /* ✅ centers content horizontally */
}

/* 2. Reset conflicting absolute positioning */
.my-project-grid-wrapper {
  position: static !important;        /* ✅ remove absolute positioning */
  display: flex !important;           /* ✅ enable flex centering */
  justify-content: center !important; /* ✅ center inner content horizontally */
  align-items: center !important;     /* ✅ center inner content vertically */
  text-align: center !important;
  padding: 1rem;
  box-sizing: border-box;
}

.my-project-grid-wrapper {
  background-size: 100% !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  transition: background-size 0.4s ease-in-out;
}

.my-project-grid-wrapper:hover {
  background-size: 110%!important;
}

.my-project-grid-wrapper::before {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.2); /* soft dark overlay */
  border-radius: 50%;
  z-index: 1;
}

.my-project-grid-wrapper > * {
  position: relative;
  z-index: 2;
}

.my-project-grid-wrapper__title:hover {
	color: var(--color-satin-sheen-gold-2)!important;
}

.with_collapsible_content>.toggle-links>button {
    color: #FFFFFF!important;
}
.no-touch .with_collapsible_content>.toggle-links>button:hover  {
    color: #c5a153!important;
}

span.my-promotion-text {
    text-align: center;
    display: block;
    font-size: 1em;
	font-weight: 700;
    border: 2px solid rgba(21, 48, 80, 0.6);
    box-shadow: 0 2px 6px rgba(21, 48, 80, 0.1);
    padding: 0.3rem 0.6rem;
    /* border-radius: 6px;*/
    /*background-color: #fff;*/
    width: fit-content;
    /* margin: 1rem auto;*/
	text-transform: uppercase;
}

/* =========================================================
   Chana Village – project page styles
   All classes are prefixed "cv-", so nothing else on the site is affected.
   Backgrounds: navy shades (#153050 / #091d36) and gold shades only
   ========================================================= */
:root{
  --cv-navy:#153050;
  --cv-deep:#091d36;
  --cv-gold:#c5a153;
  --cv-gold-light:#e3c98f;
  --cv-gold-tint:#f5eedf;
  --cv-gold-tint-2:#ebdfc3;
  --cv-gold-dark:#7d5f22;
  --cv-on-dark:#d6dde6;
  --cv-on-dark-muted:#b9c4d2;
  --cv-on-light:#1f2a38;
  --cv-on-light-muted:#4a5566;
  --cv-on-gold:#091d36;
  --cv-on-gold-muted:#2f2610;
  --cv-radius:6px;      /* cards, panels, boxes */
  --cv-radius-img:4px;  /* every image on the page */
}

/* ---------- Section colour schemes ---------- */
.cv-dark, .cv-dark p, .cv-dark li, .cv-dark td, .cv-dark dd { color:var(--cv-on-dark); }
.cv-dark h1, .cv-dark h2, .cv-dark h3, .cv-dark strong, .cv-dark th, .cv-dark dt { color:#ffffff; }
.cv-dark a { color:#ffffff; }
.cv-dark a:hover { color:var(--cv-gold); }
.cv-light, .cv-light p, .cv-light li, .cv-light td, .cv-light dd { color:var(--cv-on-light); }
.cv-light h2, .cv-light h3, .cv-light dt { color:var(--cv-navy); }
.cv-goldrow, .cv-goldrow p, .cv-goldrow li { color:var(--cv-on-gold); }
.cv-goldrow h2, .cv-goldrow h3 { color:var(--cv-on-gold); }

/* ---------- Typography ---------- */
.cv-eyebrow { margin:0 0 1rem !important; font-size:.8rem; font-weight:600; letter-spacing:.2em; text-transform:uppercase; color:var(--cv-gold-dark) !important; }
.cv-dark .cv-eyebrow { color:var(--cv-gold-light) !important; }
.cv-goldrow .cv-eyebrow { color:var(--cv-on-gold) !important; }
.cv-title { margin:0 0 1.25rem !important; font-size:clamp(1.9rem,1.5rem + 1.4vw,2.6rem) !important; line-height:1.2 !important; }
.cv-lead { font-size:1.15rem; }
.cv-small { font-size:.85rem; }
.cv-center { text-align:center; max-width:760px; margin:0 auto 3rem; }

/* ---------- Buttons ---------- */
.cv-btns { display:flex; flex-wrap:wrap; gap:.9rem; margin-top:2rem; }
.cv-btn { display:inline-flex; align-items:center; gap:.6rem; min-height:52px; padding:0 1.8rem; border-radius:4px; font-weight:600; text-decoration:none !important; transition:background .2s, color .2s; }
.cv-btn-gold { background:var(--cv-gold); color:var(--cv-deep) !important; }
.cv-btn-gold:hover { background:var(--cv-gold-light); color:var(--cv-deep) !important; }
.cv-btn-line { border:1px solid rgba(255,255,255,.85); color:#ffffff !important; }
.cv-btn-line:hover { background:rgba(255,255,255,.12); }

/* ---------- Hero ---------- */
.cv-hero h1 { margin:0 !important; font-size:clamp(3rem,2rem + 4vw,5.5rem) !important; line-height:1.02 !important; color:#ffffff !important; }
.cv-hero p { color:#ffffff; }
.cv-hero .cv-sub { max-width:640px; margin:1.25rem 0 0; font-size:1.3rem; line-height:1.5; }

/* ---------- Key facts bar ---------- */
.cv-facts { display:grid; grid-template-columns:repeat(auto-fit,minmax(170px,1fr)); gap:1.5rem; }
.cv-facts span { display:block; font-size:.75rem; letter-spacing:.14em; text-transform:uppercase; color:var(--cv-gold-light); }
.cv-facts strong { display:block; margin-top:.2rem; font-size:1.4rem; font-weight:500; color:#ffffff; }

/* ---------- Chips ---------- */
.cv-chips { display:flex; flex-wrap:wrap; gap:.6rem; list-style:none; margin:0 !important; padding:0; }
.cv-chips li { margin:0 !important; padding:.55rem 1.1rem; border:1px solid rgba(197,161,83,.65); border-radius:999px; font-size:.95rem; }

/* ---------- Photo mosaic ---------- */
.cv-mosaic { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); grid-auto-rows:230px; gap:12px; }
.cv-mosaic a { position:relative; display:block; overflow:hidden; border-radius:var(--cv-radius-img); }
.cv-mosaic a:first-child { grid-column:span 2; grid-row:span 2; }
.cv-mosaic img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .5s ease; }
.cv-mosaic a:hover img { transform:scale(1.04); }
.cv-mosaic span { position:absolute; left:14px; bottom:12px; color:#ffffff; font-size:.9rem; font-weight:500; text-shadow:0 1px 6px rgba(0,0,0,.6); }
@media (max-width:767px){ .cv-mosaic { grid-template-columns:repeat(2,minmax(0,1fr)); grid-auto-rows:150px; } }

/* ---------- "All photos" gallery ---------- */
.cv-dark .w-gallery-item-img { overflow:hidden; border-radius:var(--cv-radius-img); }
.cv-dark .w-gallery-item-img img { border-radius:var(--cv-radius-img); }

/* ---------- Check list ---------- */
.cv-check { list-style:none; margin:0 !important; padding:0; display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:.7rem 1.75rem; }
.cv-check li { position:relative; margin:0 !important; padding-left:1.8rem; font-weight:400; }
.cv-check li:before { content:""; position:absolute; left:.1rem; top:.4em; width:.9rem; height:.45rem; border-left:2px solid var(--cv-gold-dark); border-bottom:2px solid var(--cv-gold-dark); transform:rotate(-45deg); }
.cv-dark .cv-check li:before { border-color:var(--cv-gold); }
.cv-check.cv-one { grid-template-columns:1fr; }

/* ---------- Villa photo stack ---------- */
.cv-stack { position:relative; padding:0 2rem 2.5rem 0; }
.cv-stack img { display:block; border-radius:var(--cv-radius-img); object-fit:cover; }
.cv-stack img:first-child { width:100%; aspect-ratio:4/5; }
.cv-stack img + img { position:absolute; right:0; bottom:0; width:46%; aspect-ratio:1/1; border:8px solid var(--cv-gold-tint); }

/* ---------- Villa layout cards (2 / 3 bedrooms) ----------
   The background sits on the inner wrapper, so the column gap stays visible,
   and both cards stretch to the same height. */
.cv-card { align-self:stretch !important; }
.cv-card > .vc_column-inner { height:100%; }
.cv-card > .vc_column-inner > .wpb_wrapper { display:flex; flex-direction:column; height:100%; overflow:hidden; border-radius:var(--cv-radius); background:var(--cv-gold-tint); }
.cv-card .cv-card-body { flex:1 1 auto; }
.cv-card, .cv-card p, .cv-card td { color:var(--cv-on-light) !important; }
.cv-card h3 { margin:0 !important; font-size:1.75rem !important; color:var(--cv-navy) !important; }
.cv-card-plan { margin:0 !important; padding:1.5rem; background:var(--cv-gold-tint-2); }
.cv-card-plan .w-image-h { display:block; }
.cv-card-plan img { display:block; width:100% !important; height:auto !important; aspect-ratio:1800/1462 !important; object-fit:contain; background:#ffffff; border-radius:var(--cv-radius-img); }
.cv-card-body { padding:2rem; }
.cv-card-head { display:flex; justify-content:space-between; align-items:baseline; flex-wrap:wrap; gap:1rem; }
.cv-card-head p { margin:0 !important; }
.cv-card-head strong { color:var(--cv-navy) !important; }
.cv-stats { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.75rem; margin:1.5rem 0; text-align:center; }
.cv-stats div { padding:.8rem .3rem; border-radius:4px; background:var(--cv-gold-tint-2); }
.cv-stats strong { display:block; font-size:1.3rem; font-weight:600; color:var(--cv-navy) !important; }
.cv-stats span { font-size:.8rem; color:var(--cv-on-light-muted); }

/* ---------- Simple tables ---------- */
.cv-table { width:100%; margin:0 !important; border-collapse:collapse; font-size:.95rem; }
.cv-table th, .cv-table td { padding:.6rem 0 !important; border:0 !important; border-bottom:1px solid rgba(21,48,80,.15) !important; background:none !important; text-align:left; }
.cv-table th { font-size:.75rem; font-weight:500; letter-spacing:.08em; text-transform:uppercase; color:var(--cv-on-light-muted) !important; }
.cv-table td:not(:first-child), .cv-table th:not(:first-child) { text-align:right; }
.cv-table td:nth-child(2) { font-weight:500; }
.cv-table td:not(:first-child) { padding-left:1rem !important; white-space:nowrap; }
.cv-table tr:last-child td { border-bottom:0 !important; }

/* ---------- Price table ---------- */
.cv-price-wrap { overflow-x:auto; border:1px solid rgba(197,161,83,.45); border-radius:var(--cv-radius); }
.cv-price { width:100%; min-width:620px; margin:0 !important; border-collapse:collapse; }
.cv-price th, .cv-price td { padding:1.3rem 1.6rem !important; border:0 !important; border-top:1px solid rgba(255,255,255,.12) !important; background:none !important; text-align:right; color:#ffffff !important; }
.cv-price thead th { border-top:0 !important; background:var(--cv-navy) !important; font-size:.8rem; font-weight:500; letter-spacing:.12em; text-transform:uppercase; color:var(--cv-gold-light) !important; }
.cv-price th:first-child { text-align:left; }
.cv-price tbody th { font-weight:500; }
.cv-price tbody th small { display:block; margin-top:.15rem; font-size:.85rem; font-weight:300; color:var(--cv-on-dark-muted); }
.cv-price td { font-size:1.35rem; font-weight:500; white-space:nowrap; }

/* ---------- Included in the price ---------- */
.cv-incl { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:1px; overflow:hidden; border:1px solid rgba(255,255,255,.12); border-radius:var(--cv-radius); background:rgba(255,255,255,.12); }
.cv-incl div { padding:1.3rem; background:var(--cv-deep); }
.cv-incl strong { display:block; margin-bottom:.2rem; font-weight:500; color:var(--cv-gold-light) !important; }
.cv-incl span { font-size:.88rem; line-height:1.5; color:var(--cv-on-dark); }

/* ---------- Payment plan ---------- */
.cv-bar { display:flex; gap:3px; height:14px; margin:0 0 1.75rem; overflow:hidden; border-radius:999px; }
.cv-bar i { display:block; }
.cv-steps { list-style:none; margin:0 !important; padding:0; display:grid; grid-template-columns:repeat(auto-fit,minmax(160px,1fr)); gap:1.5rem; }
.cv-steps li { margin:0 !important; padding-top:1rem; border-top:3px solid var(--cv-deep); }
.cv-steps b { display:block; font-size:2.2rem; font-weight:600; line-height:1.1; color:var(--cv-on-gold); }
.cv-steps strong { display:block; margin:.3rem 0; font-weight:600; color:var(--cv-on-gold); }
.cv-steps span { font-size:.88rem; line-height:1.5; color:var(--cv-on-gold-muted); }

/* ---------- Lease ---------- */
.cv-points h3 { margin:0 0 .25rem !important; font-size:1.1rem !important; }
.cv-points p { margin:0 0 1.4rem !important; color:var(--cv-on-light-muted) !important; }
.cv-panel { margin-bottom:1.75rem; padding:2rem; border-radius:var(--cv-radius); background:var(--cv-gold-tint-2); }
.cv-panel h3 { margin:0 0 1rem !important; font-size:1.1rem !important; }

/* ---------- Master plan ---------- */
.cv-masterplan img { border-radius:var(--cv-radius-img); }

/* ---------- Location ---------- */
.cv-mapimg { position:relative; margin:0 0 1.75rem; overflow:hidden; border-radius:var(--cv-radius-img); }
.cv-mapimg img { display:block; width:100%; height:auto; }
.cv-mapimg a { position:absolute; right:14px; bottom:14px; display:inline-flex; align-items:center; min-height:44px; padding:0 1rem; border-radius:4px; background:var(--cv-gold); color:var(--cv-deep) !important; font-size:.9rem; font-weight:600; text-decoration:none !important; }
.cv-places { list-style:none; margin:0 0 1.75rem !important; padding:0; display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:1rem 1.5rem; }
.cv-places li { margin:0 !important; line-height:1.45; }
.cv-places strong { display:block; font-weight:600; }
.cv-places span { font-size:.9rem; }
.cv-schools { border:1px solid rgba(197,161,83,.45); border-radius:4px; }
.cv-schools div { display:flex; justify-content:space-between; flex-wrap:wrap; gap:.75rem; padding:.85rem 1.1rem; border-bottom:1px solid rgba(197,161,83,.3); }
.cv-schools div:last-child { border-bottom:0; }

/* ---------- Living at Chana Village ---------- */
.cv-box { height:100%; padding:2.2rem; border:1px solid rgba(197,161,83,.4); border-radius:var(--cv-radius); }
.cv-box-head { display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap; gap:1.25rem; margin-bottom:1.25rem; }
.cv-box-head h3 { margin:0 !important; font-size:1.5rem !important; }
.cv-big { text-align:right; }
.cv-big strong { display:block; font-size:2rem; font-weight:600; line-height:1.1; color:var(--cv-gold-light) !important; }
.cv-big span { font-size:.85rem; color:var(--cv-on-dark-muted); }
.cv-sub { display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:1rem; margin-top:1.25rem; }
.cv-sub div { padding:1.1rem; border-radius:4px; background:var(--cv-navy); }
.cv-sub strong { display:block; margin-bottom:.2rem; font-weight:500; color:var(--cv-gold-light) !important; }
.cv-sub span { font-size:.88rem; line-height:1.5; }

/* ---------- Construction & quality ---------- */
.cv-kpis { display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:1rem; margin:0 0 2rem; }
.cv-kpis div { padding:1.3rem; border-radius:4px; background:var(--cv-gold-tint-2); }
.cv-kpis strong { display:block; font-size:2rem; font-weight:600; line-height:1.1; color:var(--cv-navy) !important; }
.cv-kpis span { font-size:.88rem; color:var(--cv-on-light-muted); }
.cv-dl { display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:1.3rem 2rem; margin:0 !important; }
.cv-dl div { margin:0; }
.cv-dl dt { font-weight:600; }
.cv-dl dd { margin:.15rem 0 0 !important; color:var(--cv-on-light-muted) !important; }

/* ---------- Contact ---------- */
.cv-cta { max-width:640px; }
.cv-brochures { margin-top:3rem; padding-top:1.75rem; border-top:1px solid rgba(255,255,255,.25); }
.cv-brochures .cv-links { display:flex; flex-wrap:wrap; gap:1.5rem; font-weight:500; }
.cv-brochures a { text-decoration:none; }

/* ---------- Tablets & phones: price table becomes stacked cards ---------- */
@media (max-width:767px){
  .cv-price-wrap { overflow:visible !important; border:0 !important; border-radius:0 !important; }
  .cv-price-wrap .cv-price { min-width:0 !important; }
  .cv-price-wrap .cv-price thead { display:none !important; }
  .cv-price-wrap .cv-price, .cv-price-wrap .cv-price tbody, .cv-price-wrap .cv-price tr, .cv-price-wrap .cv-price th, .cv-price-wrap .cv-price td { display:block !important; width:100% !important; box-sizing:border-box; }
  .cv-price-wrap .cv-price tr { margin-bottom:1rem; padding:1.1rem 1.2rem; border:1px solid rgba(197,161,83,.45); border-radius:var(--cv-radius); background:var(--cv-navy); }
  .cv-price-wrap .cv-price tr:last-child { margin-bottom:0; }
  .cv-price-wrap .cv-price tbody th { padding:0 0 .6rem !important; border:0 !important; text-align:left !important; }
  .cv-price-wrap .cv-price td { display:flex !important; justify-content:space-between; align-items:baseline; gap:1rem; padding:.6rem 0 0 !important; margin-top:.6rem; font-size:1.15rem; text-align:right !important; white-space:nowrap; border-top:1px solid rgba(255,255,255,.12) !important; }
  .cv-price-wrap .cv-price td::before { content:attr(data-label); font-size:.72rem; font-weight:500; letter-spacing:.1em; text-transform:uppercase; text-align:left; white-space:normal; color:var(--cv-gold-light); }
}

/* ---------- Phones ---------- */
@media (max-width:600px){
  .cv-stats { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .cv-big { text-align:left; }
  .cv-stack { padding:0 1rem 1.5rem 0; }
  .cv-card-plan { padding:.75rem; }
  .cv-card-body { padding:1.25rem 1rem; }
  .cv-table { font-size:.88rem; }
  .cv-table td:not(:first-child) { padding-left:.75rem !important; }
}