body.elementor-page-2217:not(.elementor-motion-effects-element-type-background), body.elementor-page-2217 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-8d13efe */.hero{
  min-height:780px;

  position:relative;

  display:flex;
  align-items:center;

  overflow:hidden;

  background:
    linear-gradient(
      90deg,
      rgba(5,25,20,.92) 0%,
      rgba(8,33,27,.78) 38%,
      rgba(8,33,27,.38) 65%,
      rgba(8,33,27,.08) 100%
    ),
    url('https://kmaglobalproperty.in/wp-content/uploads/2026/10/best_villas_for_sale_in_north_goa_for_luxury_living_and_investment-1776923684952-sk0c7m.jpg')
    center center / cover no-repeat;
}



.nav-btn:hover{
  background:var(--gold);
  color:#000 !important;
  border-color:var(--gold);
}


/* =========================================================
   FINAL LIGHT THEME — STRONGER SECTION CONTRAST
   Layout / Popup / Buttons / Banner unchanged
========================================================= */

/* MAIN PAGE */
body{
  background:#ffffff;
  color:var(--text);
}


/* =========================================================
   SECTION 1 — OVERVIEW
   PURE WHITE
========================================================= */

#overview{
  background:#ffffff;
}


/* =========================================================
   SECTION 2 — PROJECT HIGHLIGHTS
   SOFT CREAM
========================================================= */

#highlights{
  background:#f5efe3;
}


/* =========================================================
   SECTION 3 — LIFESTYLE
   WARM BEIGE
========================================================= */

.section-dark{
  background:#ebe3d4;
  color:var(--text);
}

.section-dark h2{
  color:var(--green);
}

.section-dark .section-kicker{
  color:#927238;
}

.section-dark .lead{
  color:#5f6b65;
}


/* =========================================================
   SECTION 4 — GALLERY
   PURE WHITE
========================================================= */

#gallery{
  background:#ffffff;
}


/* =========================================================
   HIGHLIGHT STRIP
========================================================= */

.highlights{
  border-top:1px solid rgba(16,47,40,.18);
  border-bottom:1px solid rgba(16,47,40,.18);
  background:rgba(255,255,255,.38);
}

.highlight{
  border-right:1px solid rgba(16,47,40,.18);
}

.highlight strong{
  color:#a07c38;
}

.highlight span{
  color:#59665f;
}


/* =========================================================
   SECTION 5 — LOCATION
   DIFFERENT CREAM
========================================================= */

#location{
  background:#f7f1e6;
}


/* =========================================================
   LOCATION ROWS
========================================================= */

.location-row{
  border-bottom:1px solid rgba(16,47,40,.16);
}

.location-row strong{
  color:var(--green);
}

.location-row span{
  color:#64706a;
}


/* =========================================================
   CTA
   CLEAR WHITE / IMAGE SEPARATION
========================================================= */

.cta{
  background:
    linear-gradient(
      90deg,
      rgba(255,255,255,.97),
      rgba(248,243,234,.94)
    ),
    url('https://yugeninfra.com/uploads/projects/aquafrontvilla.webp')
    center / cover;

  color:var(--text);

  border-top:1px solid rgba(16,47,40,.10);
  border-bottom:1px solid rgba(16,47,40,.10);
}

.cta h2{
  color:var(--green);
}

.cta p{
  color:#65716b;
}


/* =========================================================
   FORM SECTION
   LIGHT BEIGE — DIFFERENT FROM LOCATION
========================================================= */

.form-section{
  background:#f1eadf;
}


/* Your actual form section doesn't have form-section class,
   so target the section containing .form-wrap */

.form-wrap{
  position:relative;
}


/* Form information box */
.form-info{
  background:var(--green);
}


/* Form itself */
.form{
  background:#ffffff;

  border:1px solid rgba(16,47,40,.10);

  box-shadow:
    0 18px 45px rgba(16,47,40,.10);
}


/* =========================================================
   FORM SECTION BACKGROUND
========================================================= */

/* The section immediately before FAQ */
.form-wrap{
  /* keeps layout unchanged */
}

.form-wrap .form{
  background:#fff;
}


/* =========================================================
   FAQ — PURE WHITE
========================================================= */

#faq{
  background:#ffffff;
}


/* =========================================================
   CARDS — STRONGER SEPARATION
========================================================= */

.card{
  background:#ffffff;

  border:1px solid rgba(16,47,40,.14);

  box-shadow:
    0 10px 30px rgba(16,47,40,.07);
}

.card:hover{
  border-color:rgba(200,169,107,.65);

  box-shadow:
    0 20px 45px rgba(16,47,40,.13);
}


/* =========================================================
   INTRO IMAGE
========================================================= */

.intro-img{
  box-shadow:
    0 20px 55px rgba(16,47,40,.15);
}


/* =========================================================
   CHECK LIST
========================================================= */

.check-list li{
  border-bottom:1px solid rgba(16,47,40,.13);
}


/* =========================================================
   GENERAL SECTION HEADINGS
========================================================= */

.section-kicker{
  color:#927238;
}


/* =========================================================
   CTA / BUTTON CONTRAST
========================================================= */

.btn-gold{
  background:var(--gold);
  color:var(--green);
}

.btn-gold:hover{
  color:#ffffff;
  background:var(--green);
  border-color:var(--green);
}


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

.popup{
  background:#ffffff;
}


/* =========================================================
   FOOTER
========================================================= */

.footer{
  background:var(--green);
  color:rgba(255,255,255,.72);
}

.footer strong{
  color:#ffffff;
}

.footer a{
  color:var(--gold-light);
}


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

@media(max-width:900px){

  .highlight{
    border-right-color:rgba(16,47,40,.16);
  }

  .highlight:nth-child(-n+2){
    border-bottom-color:rgba(16,47,40,.16);
  }

}


@media(max-width:600px){

  .highlight{
    border-right-color:transparent!important;

    border-bottom-color:rgba(16,47,40,.16);
  }

}/* End custom CSS */