/* ===================================================

   AKSHAR — Custom Font Face Declarations

   =================================================== */

@font-face {

  font-family: 'Akshar';

  src: url('../fonts/static/Akshar-Light.ttf') format('truetype');

  font-weight: 300;

  font-style: normal;

  font-display: swap;

}



@font-face {

  font-family: 'Akshar';

  src: url('../fonts/static/Akshar-Regular.ttf') format('truetype');

  font-weight: 400;

  font-style: normal;

  font-display: swap;

}



@font-face {

  font-family: 'Akshar';

  src: url('../fonts/static/Akshar-Medium.ttf') format('truetype');

  font-weight: 500;

  font-style: normal;

  font-display: swap;

}



@font-face {

  font-family: 'Akshar';

  src: url('../fonts/static/Akshar-SemiBold.ttf') format('truetype');

  font-weight: 600;

  font-style: normal;

  font-display: swap;

}



@font-face {

  font-family: 'Akshar';

  src: url('../fonts/static/Akshar-Bold.ttf') format('truetype');

  font-weight: 700;

  font-style: normal;

  font-display: swap;

}



header .navbar .navbar-collapse,

header .navbar-collapse {

  justify-content: center

}



@media (min-width:992px) {

  header .navbar .navbar-collapse {

    flex: 1 1 auto;

    min-width: 0;

  }

}



.btnWrapper .buttonStyle,

.formWrapper .inputbox_two,

footer .qrWrapper .content,

header .navbar .nav-link {

  text-align: center padding-left: 0px !important;

}



br {

  display: none

}



@media (min-width:992px) {

  br {

    display: block

  }

}



.btnWrapper .buttonStyle,

.formWrapper .inputbox_two input {

  text-decoration: none;

  display: inline-block;

  transition: all .3s ease

}



.cursorPointer {

  cursor: pointer

}



:root {

  margin-top: 0 !important

}



* {

  box-sizing: border-box;

  margin: 0;

  padding: 0

}



body {

  font-family: 'Akshar', sans-serif;

  line-height: 1.5;

  font-size: 11px;

  font-weight: 400;

  color: #000;

  padding-top: 0

}



.section_title_ .section_sub_heading_box,

.section_title_ .section_title_box,

.thankyou_page .thankyou_title,

section.homebanner .bannerTitle {

  font-family: 'Akshar', sans-serif;

}



@media (min-width:992px) {

  body {

    font-size: 16px;

    padding-top: 0

  }

}



.white,

.white p {

  color: #fff !important

}



a {

  text-decoration: none;

  transition: all .3s ease

}



.section-padding {

  padding: 30px 0

}



@media (max-width: 767px) {
    .section-padding {
        padding: 0 !important;
    }
}


.btnWrapper .buttonStyle {

  text-transform: uppercase;

  background-color: #CCAC7F;

  color: #fff;

  padding: 10px 15px;

  cursor: pointer;

  min-width: 125px;

  font-size: 12px;

  font-weight: 500;

  border-radius: 50px;

  border: 1px solid #CCAC7F

}



.btnWrapper .buttonStyle.whiteBG,

.btnWrapper .buttonStyle:hover {

  background-color: #fff;

  color: #000

}



@media (min-width:992px) {

  .btnWrapper .buttonStyle {

    padding: 10px 30px;

    font-size: 16px

  }

}



.btnWrapper .buttonStyle.whiteBG {

  border: 1px solid #fff

}



.btnWrapper .buttonStyle.whiteBG:hover {

  background-color: #000;

  color: #fff

}



.btnWrapper .buttonStyle.blackBG {

  background-color: #000;

  border: 1px solid #000;

  color: #fff

}



.btnWrapper .buttonStyle.blackBG:hover {

  background-color: #fff;

  color: #fff

}



.btnWrapper .buttonStyle.blueBG {

  background-color: #0447AB;

  border: 1px solid #0447AB;

  box-shadow: 0 0 42px 0 #A4705A;

  color: #fff

}



.btnWrapper .buttonStyle.blueBG:hover {

  background-color: #0A4F4A;

  color: #fff

}



.section_title_ {

  position: relative

}



.section_title_ .section_sub_title {

  text-transform: capitalize;

  font-size: 12px;

  font-weight: 600;

  color: #000

}



@media (min-width:992px) {

  .section_title_ .section_sub_title {

    font-size: 18px

  }

}



.section_title_ .section_sub_heading_box {

  font-size: 20px;

  line-height: 1.2;

  font-weight: 600;

  color: #000

}



@media (min-width:992px) {

  .section_title_ .section_sub_heading_box {

    font-size: 24px

  }

}



.section_title_ .section_title_box {

  font-size: 26px;

  font-weight: 300;

  line-height: 1.2;

  color: #000;

  margin: 7px 0 10px

}



@media (min-width:992px) {

  .section_title_ .section_title_box {

    font-size: 40px;

    margin: 10px 0 20px

  }

}



@media (min-width:1400px) {

  .section_title_ .section_title_box {

    font-size: 48px

  }

}



.section_title_ .section_title_text {

  width: 100%;

  font-weight: 400

}



.formTitle {

  color: #000;

  font-size: 24px;

  font-weight: 600;

  margin-bottom: 10px

}



@media (min-width:992px) {

  .formTitle {

    font-size: 26px

  }



  .formWrapper .inputbox_two input {

    text-align: center

  }

}



.formWrapper {

  padding-bottom: 0

}



.formWrapper .inputbox {

  margin-bottom: 30px

}



.formWrapper input {

  width: 100%;

  background-color: #fff;

  border: none;

  border: 1px solid rgba(49, 72, 98, .1);

  border-radius: 8px;

  font-size: 15px;

  font-weight: 400;

  padding: 15px 20px;

  outline: 0;

  box-shadow: none;

  color: #000;

  transition: all .3s ease

}



.formWrapper input::placeholder {

  color: #58595B

}



.formWrapper input:focus {

  box-shadow: none;

  outline: 0;

  border-color: #0A4F4A;

}



.formWrapper .iti {

  width: 100%;

  border: none

}



.formWrapper .inputbox_two input {

  border: 2px solid #0A4F4A;

  text-transform: uppercase;

  background-color: #fff;

  color: #0A4F4A;

  padding: 10px 30px;

  width: 125px;

  font-size: 16px;

  font-weight: 500;

  border-radius: 50px

}



.formWrapper .inputbox_two input:hover {

  background-color: #0A4F4A;

  color: #fff

}





/* Header start */



header {

  width: 100%;

  position: fixed;

  top: 0;

  z-index: 999;

  transition: all .3s ease;

}



header::before {

  content: "";

  background: linear-gradient(

    90deg,

    rgba(10, 79, 74, 0.8) 0%,

    rgba(18, 112, 105, 0.8) 49.04%,

    rgba(10, 79, 74, 0.8) 100%

  );

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  z-index: 0;

}



header .navbar {

  position: relative;

  z-index: 1;

  min-width: 0;

}



/* ── Brand ── */

header .navbar .navbar-brand {

  position: relative;

  z-index: 10001;

}



/* ── Logo Group (Bhoomi Serenity + Divider + Gajra) ── */

header .navbar .navbarLogoGroup {

  display: flex;

  align-items: center;

  gap: 14px;

  position: relative;

  z-index: 10001;

  min-width: 0;

  flex-shrink: 1;

}



header .navbar .navbarLogoGroup .navbar-brand {

  position: static;

  z-index: auto;

  margin: 0;

  padding: 0;

  display: flex;

  align-items: center;

  min-width: 0;

}



/* Each logo sized independently so both LOOK equal visually */

header .navbar .navbarLogoGroup .mainLogo img {

  width: auto;

  height: 60px;

  max-width: none;

  display: block;

}



header .navbar .navbarLogoGroup .gajraLogo img {

  width: auto;

  height: 78px;

  max-width: none;

  display: block;

}



header .navbar .navLogoDivider {

  display: flex;

  align-items: center;

  height: 60px;

  flex-shrink: 0;

}



header .navbar .navLogoDivider img {

  width: auto;

  height: 100%;

  max-width: 28px;

  object-fit: contain;

  display: block;

}



/* ── Toggler ── */

header .navbar-toggler {

  border: 0 !important;

  position: relative;

  z-index: 10001;

}



header .navbar-toggler-icon:focus,

header .navbar-toggler:active,

header .navbar-toggler:focus {

  outline: 0 !important;

  box-shadow: none !important;

  border: 0 !important;

}



header .toggler-icon {

  width: 25px;

  height: 2px;

  display: block;

  transition: all .2s;

  background-color: #fff;

}



header .middle-bar {

  margin: 5px auto;

}



header .navbar-toggler .top-bar {

  transform: rotate(45deg);

  transform-origin: 10% 10%;

}



header .navbar-toggler .middle-bar {

  opacity: 0;

}



header .navbar-toggler .bottom-bar {

  transform: rotate(-45deg);

  transform-origin: 10% 90%;

}



header .navbar-toggler.collapsed .top-bar {

  transform: rotate(0);

}



header .navbar-toggler.collapsed .middle-bar {

  opacity: 1;

}



header .navbar-toggler.collapsed .bottom-bar {

  transform: rotate(0);

}



/* ── Mobile logo inside open menu ── */

header .logoInn_mobile {

  display: none;

  text-align: left;

  margin-bottom: 30px;

}



header .logoInn_mobile img {

  width: 200px;

}



/* ===================================================

   MOBILE MENU OVERLAY (< 992px)

=================================================== */

@media (max-width: 991px) {



  header .navbar-toggler {

    position: absolute;

    right: 16px;

    top: 50%;

    transform: translateY(-50%);

    z-index: 10001;

  }



  header .logoInn_mobile {

    display: block;

  }



  header .navbar-collapse {

    position: fixed !important;

    top: 0;

    left: 0;

    width: 100vw !important;

    height: 100vh !important;

    background: #111 !important;

    z-index: 10000 !important;

    padding: 5vw 6vw;

    overflow-y: auto;

    transform: translateX(-100%);

    transition: transform 0.35s ease !important;

    display: flex !important;

    flex-direction: column;

    align-items: flex-start;

    opacity: 0;

    pointer-events: none;

  }



  header .navbar-collapse.show {

    transform: translateX(0) !important;

    opacity: 1;

    pointer-events: auto;

  }



  header .navbar .navbar-nav {

    flex-direction: column;

    align-items: flex-start;

    width: 100%;

    margin: 0;

    gap: 0;

  }



  header .navbar .nav-item {

    margin: 0;

    width: 100%;

    border-bottom: 1px solid rgba(255, 255, 255, 0.08);

  }



  header .navbar .nav-link {

    font-size: 16px !important;

    font-weight: 500 !important;

    padding: 14px 0 !important;

    display: block;

    width: 100%;

  }



  header .navbar .headerBtnGroup {

    justify-content: center;

    width: 100%;

    margin-top: 32px;

    padding-top: 24px;

    flex-shrink: 0;

  }



  header .navbar .headerBtnGroup .aiBtn {

    font-size: 13px;

    padding: 11px 18px;

    min-width: 75px;

  }



  header .navbar .headerBtnGroup .inquireBtn {

    font-size: 13px;

    padding: 11px 22px;

    min-width: 130px;

  }

}



/* ===================================================

   LOGO SIZING — TABLET/MOBILE (≤ 768px)

=================================================== */

@media (max-width: 768px) {



  header .navbar {

    padding-right: 55px; /* keep clear of toggler */

  }



  header .navbar .navbarLogoGroup {

    gap: 6px;

    max-width: calc(100vw - 90px);

    overflow: hidden;

  }



  header .navbar .navbarLogoGroup .mainLogo img {

    height: 48px;

  }



  header .navbar .navbarLogoGroup .gajraLogo img {

    height: 62px;

  }



  header .navbar .navLogoDivider {

    height: 48px;

  }

}



/* ===================================================

   DESKTOP (≥ 992px)

=================================================== */

@media (min-width: 992px) {



  header .navbar-collapse {

    display: flex !important;

    flex: 1 1 auto;

    min-width: 0;

    align-items: center;

    position: static !important;

    width: auto !important;

    height: auto !important;

    background: transparent !important;

    transform: none !important;

    opacity: 1 !important;

    pointer-events: auto !important;

    padding: 0 !important;

    overflow: visible !important;

  }



  header .navbar .navbar-nav {

    display: flex;

    flex-direction: row;

    flex-wrap: nowrap;

    align-items: center;

    margin-left: auto;

    margin-right: auto;

  }



  header .navbar .nav-item {

    margin: 0 4px;

    border-bottom: none;

  }



  header .navbar .nav-link {

    font-size: 11px !important;

    padding: 0 !important;

  }



  header .navbar .headerBtnGroup {

    flex-shrink: 0;

    margin-top: 0;

    padding-top: 0;

    border-top: none;

    justify-content: flex-end;

  }



  header .navbar .headerBtnGroup .aiBtn {

    font-size: 11px;

    padding: 7px 10px;

    min-width: 50px;

  }



  header .navbar .headerBtnGroup .inquireBtn {

    padding: 7px 12px;

    min-width: 95px;

    font-size: 11px;

  }

}



@media (min-width: 1200px) {

  header .navbar .nav-item {

    margin: 0 10px;

  }



  header .navbar .nav-link {

    font-size: 15px !important;

  }



  header .navbar .headerBtnGroup .aiBtn {

    font-size: 12px;

    padding: 8px 14px;

    min-width: 65px;

  }



  header .navbar .headerBtnGroup .inquireBtn {

    padding: 8px 20px;

    min-width: 110px;

    font-size: 13px;

  }

}



@media (min-width: 1400px) {

  header .navbar .nav-item {

    margin: 0 15px;

  }



  header .navbar .nav-link {

    font-size: 16px !important;

  }



  header .navbar .headerBtnGroup .aiBtn {

    font-size: 14px;

    padding: 10px 20px;

    min-width: 90px;

  }



  header .navbar .headerBtnGroup .inquireBtn {

    padding: 10px 30px;

    min-width: 125px;

    font-size: 16px;

  }

}



/* ── Shared button styles ── */

header .navbar .headerBtnGroup {

  display: flex;

  align-items: center;

  gap: 10px;

}



header .navbar .headerBtnGroup .aiBtn {

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 8px;

  background-color: transparent;

  border: 1px solid #fff;

  border-radius: 0;

  color: #fff;

  text-transform: uppercase;

  font-weight: 500;

  cursor: pointer;

  transition: all .3s ease;

}



header .navbar .headerBtnGroup .aiBtn:hover {

  background-color: #fff;

  color: #000;

}



header .navbar .headerBtnGroup .inquireBtn {

  display: inline-block;

  text-align: center;

  text-decoration: none;

  text-transform: uppercase;

  background-color: #FFF8EF;

  color: #0A4F4A;

  border: 1px solid #FFF8EF;

  border-radius: 0;

  font-weight: 700;

  white-space: nowrap;

  cursor: pointer;

  transition: all .3s ease;

}



header .navbar .headerBtnGroup .inquireBtn:hover {

  background-color: #0A4F4A;

  color: #FFF8EF;

  border-color: #0A4F4A;

}



header .navbar .nav-link {

  text-transform: uppercase;

  font-weight: 400;

  color: #fff !important;

  transition: color .3s;

  white-space: nowrap;

}



header .navbar .nav-link:hover {

  font-weight: 700;

}



/* ── Scroll hide/show ── */

header.scroll-up {

  transform: translateY(-100%);

}



header.scroll-down {

  transform: translateY(0);

}



/* ── Environment Clearance Dropdown ── */



header .ec-dropdown-menu {

  background: linear-gradient(

    90deg,

    rgba(10, 79, 74, 0.8) 0%,

    rgba(18, 112, 105, 0.8) 49.04%,

    rgba(10, 79, 74, 0.8) 100%

  );

  border: 1px solid rgba(255, 255, 255, 0.12);

  border-radius: 0;

  padding: 6px 0;

  min-width: 220px;

  margin-top: 0 !important;

  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5);

}



header .ec-dropdown-menu .dropdown-item {

  font-size: 13px;

  font-weight: 500;

  color: #fff !important;

  padding: 10px 20px;

  background: transparent;

  border-bottom: 1px solid rgba(255, 255, 255, 0.06);

  white-space: normal;

  transition: background 0.2s ease, padding-left 0.2s ease;

}



header .ec-dropdown-menu .dropdown-item:last-child {

  border-bottom: none;

}



header .ec-dropdown-menu .dropdown-item:hover,

header .ec-dropdown-menu .dropdown-item:focus {

  background-color: rgba(255, 255, 255, 0.08);

  color: #000 !important;

  padding-left: 26px;

}



/* ── Desktop: open on hover ── */

@media (min-width: 992px) {

  header .nav-item.dropdown.nav-item--ec:hover>.ec-dropdown-menu {

    display: block;

  }



  header .nav-item.dropdown.nav-item--ec>.ec-dropdown-menu {

    display: none;

    position: absolute;

    top: 100%;

    left: 50%;

    transform: translateX(-50%);

  }



  header .nav-item.dropdown.nav-item--ec>.ec-dropdown-menu.show {

    display: block;

  }



  header .nav-item--ec>.nav-link.dropdown-toggle::after {

    border-top-color: #fff;

    vertical-align: middle;

    margin-left: 5px;

  }

}



/* ── Mobile: accordion-style inside menu ── */

@media (max-width: 991px) {

  header .nav-item--ec>.nav-link.dropdown-toggle {

    display: flex;

    align-items: center;

    justify-content: space-between;

  }



  header .ec-dropdown-menu {

    position: static !important;

    transform: none !important;

    background-color: rgba(255, 255, 255, 0.05) !important;

    border: none !important;

    border-radius: 0 !important;

    box-shadow: none !important;

    padding: 0 0 0 16px !important;

    min-width: unset;

    width: 100%;

    margin-top: 0 !important;

  }



  header .ec-dropdown-menu .dropdown-item {

    font-size: 14px;

    padding: 11px 0;

    border-bottom: 1px solid rgba(255, 255, 255, 0.06);

    color: rgba(255, 255, 255, 0.80) !important;

  }



  header .ec-dropdown-menu .dropdown-item:hover {

    padding-left: 8px;

    color: #fff !important;

    background: transparent;

  }



  header .nav-item--ec>.nav-link.dropdown-toggle[aria-expanded="true"]::after {

    transform: rotate(180deg);

  }



  header .nav-item--ec>.nav-link.dropdown-toggle::after {

    transition: transform 0.2s ease;

    flex-shrink: 0;

  }

}


/*Header end*/


/* Home banner start */
/* ===================================================
   HOME BANNER
=================================================== */
section.homebanner {
    position: relative;
    width: 100%;
    margin: 0 !important;
    padding: 78px 0 0 !important;
    box-sizing: border-box;
    overflow: hidden;
    background: transparent;
}

section.homebanner .homebanner__videoWrap {
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0;
}

section.homebanner .homebanner__video {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 !important;
    padding: 0 !important;
    vertical-align: top;
}



/* ===================================================
   DESKTOP
   1920 × 960 = 2:1
=================================================== */

@media (min-width: 992px) {

    section.homebanner {
        margin-top: 75px;
        height: auto;
    }

    section.homebanner .homebanner__videoWrap {
        width: 100%;
        height: auto;
        aspect-ratio: auto;
    }

    section.homebanner .homebanner__video {
        width: 100%;
        height: auto;
        object-fit: contain;
    }

}


/* ===================================================
   TABLET / MOBILE
=================================================== */

@media (max-width: 991px) {

    section.homebanner {
        margin-top: 75px;
        height: auto;
    }

    section.homebanner .homebanner__videoWrap {
        width: 100%;
        height: auto;
    }

    section.homebanner .homebanner__video {
        width: 100%;
        height: auto;
        object-fit: contain;
    }

}


/* ── If you still have .bannerContent text over the video ── */

section.homebanner .bannerContent {

  position: absolute;

  width: 50%;

  left: 20px;

  bottom: 70px;

  z-index: 2;

}



@media (min-width: 992px) {

  section.homebanner .bannerContent {

    width: 60%;

    transform: translateY(-75%);

    bottom: 50%;

  }

}



@media (min-width: 1400px) {

  section.homebanner .bannerContent {

    width: 54%;

    transform: translateY(-85%);

  }

}



section.homebanner .bannerTitle {

  color: #fff;

  font-weight: 600;

  text-transform: capitalize;

  font-size: 22px;

  line-height: 1;

}



@media (min-width: 992px) {

  section.homebanner .bannerTitle {

    font-size: 57px;

  }

}



@media (min-width: 1400px) {

  section.homebanner .bannerTitle {

    font-size: 66px;

  }

}



section.homebanner .bannerText {

  font-size: 12px;

}



@media (min-width: 992px) {

  section.homebanner .bannerText {

    font-size: 24px;

    max-width: 580px;

  }

}





/* left svg */



/* ── SVG Badge overlay (left side) ── */

section.homebanner .homebanner__svgBadge {

  position: absolute;

  left: 120px;

  top: 50%;

  transform: translateY(-50%);

  z-index: 3;

  width: 380px;

  pointer-events: none;

}



section.homebanner .homebanner__svgImg {

  width: 100%;

  height: auto;

  display: block;

  /* Optional: subtle drop shadow to lift it off the video */

  filter: drop-shadow(0 0 18px rgba(0, 140, 255, 0.45));

}



/* ── Responsive SVG badge ── */

@media (max-width: 767px) {

  section.homebanner .homebanner__svgBadge {

    left: 16px;

    width: 180px;

    top: 45%;

  }

}



@media (min-width: 768px) and (max-width: 991px) {

  section.homebanner .homebanner__svgBadge {

    left: 24px;

    width: 240px;

  }

}



@media (min-width: 992px) and (max-width: 1199px) {

  section.homebanner .homebanner__svgBadge {

    left: 60px;

    width: 340px;

  }

}



@media (min-width: 1400px) {

  section.homebanner .homebanner__svgBadge {

    left: 120px;

    width: 415px;

  }

}



/* Home banner end */



section.homeAbout {

  position: relative

}



section.homeAbout::before {

  content: "";

  background-image: url(../images/bg-line.png);

  background-repeat: no-repeat;

  background-size: cover;

  position: absolute;

  left: -45px;

  top: 210px;

  width: 100%;

  height: 0;

  transform: rotate(22deg)

}



@media (min-width:992px) {

  section.homebanner .bannerText {

    font-size: 24px;

    max-width: 580px

  }



  section.homeAbout::before {

    left: 0;

    top: 140px;

    width: 100%;

    height: 100%;

    transform: unset

  }

}



section.homeAbout .videoWrapperMain {

  height: 513px;

  position: relative;

  margin-bottom: 20px

}



@media (max-width:400px) {

  section.homeAbout .videoWrapperMain {

    height: 488px

  }

}



@media (max-width:375px) {

  section.homeAbout .videoWrapperMain {

    height: 455px

  }

}



@media (min-width:992px) {

  section.homeAbout .videoWrapperMain {

    height: 566px;

    margin: 0

  }

}



@media (min-width:1400px) {

  section.homeAbout .videoWrapperMain {

    height: 664px

  }

}



section.homeAbout .videoWrapperMain video {

  height: 100%;

  padding: 0;

  object-fit: cover;

  object-position: center

}



@media (min-width:992px) {

  section.homeAbout .videoWrapperMain video {

    padding: 0px 60px 60px 60px

  }

}



section.homeAbout .buttonStyle {

  font-size: 11px;

  padding: 10px 14px;

  font-weight: 700;

  margin-bottom: 10px

}



@media (min-width:992px) {

  section.homeAbout .buttonStyle {

    padding: 10px 20px;

    margin-bottom: 0

  }

}



section.homeAbout img {

  display: block;

  margin: 10px 0;

  width: 170px

}



section.homeGallery .nav-tabs {

  border: 0;

  justify-content: center;

  position: relative

}



section.homeGallery .nav-tabs .nav-item {

  margin: 0 10px

}



section.homeGallery .nav-tabs .nav-item .nav-link {

  text-transform: uppercase;

  font-style: italic;

  font-weight: 500;

  border-radius: 0;

  border: 0;

  background-color: transparent;

  color: rgba(0, 0, 0, .7);

  padding: 0;

  position: relative;

  z-index: 1;

  width: 100%

}



section.homeGallery .nav-tabs .nav-item .nav-link.active,

section.homeGallery .nav-tabs .nav-item .nav-link:hover {

  border-bottom: 2px solid #CCAC7F;

  color: #CCAC7F

}



section.homeGallery .tab-content {

  border: 2px solid #CCAC7F;

  padding: 20px

}



section.homeGallery .tab-content .section_title_ .section_sub_title {

  font-size: 14px;

  color: rgba(0, 0, 0, .5)

}



section.homeGallery .tab-content .section_title_ .section_sub_heading_box {

  font-size: 22px;

  margin: 10px 0

}



section.homeGallery .tab-content .section_title_ .section_title_text {

  color: #595959

}



@media (min-width:992px) {

  section.homeGallery .tab-content {

    padding: 30px

  }



  section.homeGallery .tab-content .section_title_ {

    width: 314px

  }

}



@media (min-width:1400px) {

  section.homeGallery .tab-content .section_title_ {

    width: 364px

  }

}



section.homeGallery .tab-content .imgWrapper {

  box-shadow: 4px 6px 25px 0 rgba(0, 0, 0, .25)

}



section.homeGallery .tab-content .imgWrapper.thirdImage {

  height: 100%

}



section.homeGallery .tab-content .imgWrapper.thirdImage img {

  height: 100%;

  object-fit: cover;

  object-position: center

}



section.homeGallery .tab-content .col-lg-9 {

  display: flex;

  flex-wrap: wrap;

  gap: 20px;

  align-items: center

}



@media (min-width:992px) {

  section.homeGallery .tab-content .col-lg-9 .imgWrapper.firstImage {

    width: 207px

  }



  section.homeGallery .tab-content .col-lg-9 .imgWrapper.secondImage {

    width: 243px

  }

}



@media (min-width:1400px) {

  section.homeGallery .tab-content .col-lg-9 .imgWrapper.firstImage {

    width: 249px

  }



  section.homeGallery .tab-content .col-lg-9 .imgWrapper.secondImage {

    width: 287px

  }

}



section.homeGallery .owl-carousel .imgWrapper {

  max-width: 230px;

  margin: auto

}



section.homeGallery .owl-carousel .owl-nav {

  display: flex;

  justify-content: space-between

}



section.homeGallery .owl-carousel .owl-dots,

section.homeGallery .owl-carousel .owl-nav button span {

  display: none

}



section.homeGallery .owl-carousel .owl-nav button {

  height: 40px;

  width: 40px;

  background-position: center;

  background-repeat: no-repeat;

  background-size: contain

}



section.homeGallery .owl-carousel .owl-nav button.owl-prev {

  position: absolute;

  left: 0;

  top: 50%;

  transform: translateY(-50%) rotate(180deg);

  z-index: 100;

  background-image: url(../images/sliderArrow.svg)

}



section.homeGallery .owl-carousel .owl-nav button.owl-next {

  position: absolute;

  right: 0;

  top: 50%;

  transform: translateY(-50%);

  z-index: 100;

  background-image: url(../images/sliderArrow.svg)

}



section.homeaboutDeveloper {

  background-color: #FFFCF8

}



section.homeaboutDeveloper .section_title_ {

  position: relative;

  padding-left: 20px

}



@media (min-width:992px) {

  section.homeaboutDeveloper .section_title_ {

    padding-left: 30px

  }

}



section.homeaboutDeveloper .section_title_::before {

  content: "";

  background-color: #000;

  width: 2px;

  height: 100%;

  position: absolute;

  left: 0;

  top: 0

}



section.homeConnect {

  background-color: #FFF8EF

}



section.homeConnect .section_title_ {

  margin-bottom: 40px

}



section.homeConnect .imgWrapper img {

  box-shadow: 1px 3px 33px 0 rgba(0, 0, 0, .1)

}



section.homeConnect .accordion-item {

  background-color: transparent;

  border: 0;

  border-radius: 0;

  overflow: hidden;

  margin-bottom: 15px

}



section.homeConnect .accordion-item .accordion-header .accordion-button {

  font-size: 14px;

  font-weight: 600;

  text-transform: uppercase;

  color: #3B3B3B;

  background-color: transparent;

  box-shadow: none;

  position: relative;

  padding: 0 0 15px;

  margin-bottom: 15px;

  border-bottom: 1px solid #BFBFBF

}



@media (min-width:992px) {

  section.homeConnect .accordion-item .accordion-header .accordion-button {

    font-size: 18px

  }

}



section.homeConnect .accordion-item .accordion-collapse .accordion-body {

  font-size: 12px;

  padding: 5px 0 16px;

  overflow-x: auto

}



section.homeConnect .accordion-item:last-child {

  margin-bottom: 0

}



section.homeConnect .accordion-item:last-of-type .accordion-button.collapsed {

  border-radius: 0

}



section.homeContact .contactInfo {

  height: 100%;

  background-color: #CCAC7F;

  padding: 30px;

  border-radius: 16px

}



section.homeContact .contactInfo .singleItem {

  display: flex;

  gap: 20px

}



@media (min-width:992px) {

  section.homeConnect .accordion-item .accordion-collapse .accordion-body {

    font-size: 17px

  }



  section.homeContact .contactInfo .singleItem {

    gap: 30px

  }

}



section.homeContact .contactInfo .singleItem .name {

  font-size: 16px;

  color: #fff;

  margin-bottom: 5px

}



section.homeContact .contactInfo .singleItem img {

  width: 40px

}



section.homeContact .contactInfo .singleItem .desc,

section.homeContact .contactInfo .singleItem .desc a {

  color: rgba(255, 255, 255, .8)

}



section.homeContact .contactInfo .singleItem .desc a:hover {

  color: #000

}



section.homeContact .formWrapper {

  height: auto;

  background-color: #fff;

  padding: 30px;

  border-radius: 16px;

  box-shadow: 0 0 25px 0 rgba(0, 0, 0, .28)

}



@media (min-width:992px) {

  section.homeContact .contactInfo .singleItem .name {

    font-size: 20px;

    margin-bottom: 10px

  }



  section.homeContact .contactInfo .singleItem img {

    width: 60px

  }



  section.homeContact .formWrapper {

    height: 100%

  }

}



footer {

  background-color: #CCAC7F;

  padding: 30px 0 0

}



footer .mainLogo img {

  width: 100%;

  height: 60px;

}





footer .extendLogo img {

  width: 100%

}



footer .qrWrapper {

  display: flex;

  flex-direction: column;

  gap: 10px;

  align-items: center;

  font-size: 12px

}



@media (min-width:992px) {

  footer .qrWrapper {

    flex-direction: row;

    gap: 20px

  }



  footer .qrWrapper .content {

    text-align: start

  }

}



footer .disclaimer {

  color: #fff;

  font-weight: 600;

  text-align: center;

  font-size: 12px

}



footer .bottomfooter {

  font-size: 12px

}



footer .bottomfooter a {

  color: #fff;

  font-weight: 500

}



footer .bottomfooter a:hover {

  color: #000;

  text-decoration: underline

}



.callWrapper {

  position: fixed;

  right: 30px;

  bottom: 70px;

  display: flex;

  flex-direction: column;

  gap: 10px

}



.callWrapper img {

  width: 40px

}



@media (min-width:992px) {

  .callWrapper {

    bottom: 90px

  }



  .callWrapper img {

    width: 60px

  }

}



.propflo-button-wrapper {

  width: 40px !important;

  height: 40px !important

}



@media (min-width:992px) {

  .propflo-button-wrapper {

    width: 60px !important;

    height: 60px !important

  }

}



.propflo-button-wrapper .button__container {

  width: 40px !important;

  height: 40px !important

}



@media (min-width:992px) {

  .propflo-button-wrapper .button__container {

    width: 60px !important;

    height: 60px !important

  }

}



.propflo-button-wrapper .propflo-widget-icon-logo {

  width: 30px !important;

  height: 30px !important

}



@media screen and (max-width:768px) {

  body .widget__container {

    right: -20px !important;

    bottom: 55px !important

  }

}



.downloadBrouchure {

  position: fixed;

  right: 80px;

  bottom: 25px;

  z-index: 900;

}



@media (min-width:992px) {

  .propflo-button-wrapper .propflo-widget-icon-logo {

    width: 40px !important;

    height: 40px !important

  }



  .downloadBrouchure {

    right: 100px

  }

}



.scrolltotop {

  bottom: 20px;

  right: 20px;

  cursor: pointer;

  z-index: 1;

  transition: .5s

}



.scrolltotop img {

  width: 35px

}



.scrolltotop.hide {

  opacity: 0;

  visibility: hidden

}



.thankyou_page {

  padding: 20vw 0;

  background: linear-gradient(180deg, #f5f5f5, transparent);

  text-align: center

}



@media (min-width:992px) {

  .scrolltotop img {

    width: 45px

  }



  .thankyou_page {

    padding: 8vw 0

  }

}



.thankyou_page .thankyou_box {

  background: #fff;

  padding: 8vw 5vw;

  border-radius: 3vw;

  position: relative;

  box-shadow: 0 0 30px 0 rgba(0, 0, 0, .03)

}



.thankyou_page .thankyou_icon img {

  width: 14vw

}



.thankyou_page .thankyou_title {

  font-size: 8vw;

  font-weight: 700;

  letter-spacing: 3px;

  line-height: 1;

  margin-top: 4vw;

  color: #000

}



@media (min-width:992px) {

  .thankyou_page .thankyou_box {

    padding: 3.5vw 3vw;

    border-radius: 1vw

  }



  .thankyou_page .thankyou_icon img {

    width: 4vw

  }



  .thankyou_page .thankyou_title {

    font-size: 5vw;

    margin-top: 1vw

  }

}



.thankyou_page .thankyou_text {

  font-size: 3.8vw;

  margin-top: 2.5vw;

  color: #666;

  line-height: 5.5vw

}



@media (min-width:992px) {

  .thankyou_page .thankyou_text {

    font-size: 1.1vw;

    margin-top: .8vw;

    line-height: 1.6vw

  }

}



.thankyou_page .thankyou_btn {

  margin-top: 5vw

}



section.accesibility__ .accesibility__imgblock {

  position: relative

}



section.accesibility__ .accesibility__imgblock img {

  width: 100%;

  height: 48vw;

  object-fit: cover

}



section.accesibility__ .shapeeight,

section.accesibility__ .shapefive,

section.accesibility__ .shapefour,

section.accesibility__ .shapeone,

section.accesibility__ .shapeseven,

section.accesibility__ .shapesix,

section.accesibility__ .shapethree,

section.accesibility__ .shapetwo {

  opacity: 0;

  visibility: hidden;

  transform: translateY(1vw);

  transition: all .6s ease

}



section.accesibility__ .shapeeight.active,

section.accesibility__ .shapefive.active,

section.accesibility__ .shapefour.active,

section.accesibility__ .shapeone.active,

section.accesibility__ .shapeseven.active,

section.accesibility__ .shapesix.active,

section.accesibility__ .shapethree.active,

section.accesibility__ .shapetwo.active {

  opacity: 1;

  visibility: visible;

  transform: translateY(0)

}



section.accesibility__ .shapeone {

  position: absolute;

  width: 20vw;

  background: rgba(61, 39, 27, .72);

  backdrop-filter: blur(10px);

  -webkit-backdrop-filter: blur(10px);

  color: #fff;

  padding: 1vw 1.2vw;

  font-size: 12px;

  border-radius: .8vw;

  top: 4vw;

  left: 2.5vw

}



@media (min-width:992px) {

  .thankyou_page .thankyou_btn {

    margin-top: 1.8vw

  }



  section.accesibility__ .shapeone {

    top: 11.4vw;

    left: 2.2vw;

    width: 13vw;

    font-size: 1vw

  }

}



section.accesibility__ .shapeone::after {

  content: "";

  position: absolute;

  bottom: -1.7vw;

  left: 59%;

  transform: translateX(-50%);

  width: 0;

  height: 0;

  border-left: 1.6vw solid transparent;

  border-right: 1.6vw solid transparent;

  border-top: 1.8vw solid rgba(61, 39, 27, .72)

}



section.accesibility__ .shapethree,

section.accesibility__ .shapetwo {

  width: 20vw;

  background: rgba(61, 39, 27, .72);

  backdrop-filter: blur(10px);

  color: #fff;

  border-radius: .8vw

}



@media (min-width:992px) {

  section.accesibility__ .shapeone::after {

    border-left: .6vw solid transparent;

    border-right: .6vw solid transparent;

    border-top: .8vw solid rgba(61, 39, 27, .72);

    left: 82%;

    bottom: -.8vw

  }

}



section.accesibility__ .shapetwo {

  position: absolute;

  -webkit-backdrop-filter: blur(10px);

  padding: 1vw 1.2vw;

  top: 8.2vw;

  font-size: 12px;

  left: 18.2vw

}



@media (min-width:992px) {

  section.accesibility__ .shapetwo {

    top: 11.4vw;

    font-size: 1vw;

    left: 19.2vw;

    border-radius: .8vw;

    width: 10vw

  }

}



section.accesibility__ .shapetwo::after {

  content: "";

  position: absolute;

  bottom: -1.7vw;

  left: 32%;

  transform: translateX(-50%);

  width: 0;

  height: 0;

  border-left: 1.6vw solid transparent;

  border-right: 1.6vw solid transparent;

  border-top: 1.8vw solid rgba(61, 39, 27, .72)

}



@media (min-width:992px) {

  section.accesibility__ .shapetwo::after {

    border-left: .6vw solid transparent;

    border-right: .6vw solid transparent;

    border-top: .8vw solid rgba(61, 39, 27, .72);

    left: 43%;

    bottom: -.8vw

  }

}



section.accesibility__ .shapethree {

  position: absolute;

  -webkit-backdrop-filter: blur(10px);

  padding: 1vw 1.2vw;

  top: 22.2vw;

  font-size: 12px;

  left: 23.2vw

}



@media (min-width:992px) {

  section.accesibility__ .shapethree {

    top: 11.6vw;

    font-size: 1vw;

    left: 27.2vw;

    border-radius: .8vw;

    width: 12vw

  }

}



section.accesibility__ .shapefive,

section.accesibility__ .shapefour {

  backdrop-filter: blur(10px);

  font-size: 12px;

  background: rgba(61, 39, 27, .72);

  position: absolute

}



section.accesibility__ .shapethree::after {

  content: "";

  position: absolute;

  top: -1.4vw;

  left: 86%;

  transform: translateX(-50%);

  width: 0;

  height: 0;

  border-left: 1.6vw solid transparent;

  border-right: 1.6vw solid transparent;

  border-top: 1.8vw solid rgba(61, 39, 27, .72)

}



@media (min-width:992px) {

  section.accesibility__ .shapethree::after {

    border-left: .6vw solid transparent;

    border-right: .6vw solid transparent;

    border-top: .8vw solid rgba(61, 39, 27, .72);

    top: 5.2vw

  }

}



section.accesibility__ .shapefour {

  width: 20vw;

  -webkit-backdrop-filter: blur(10px);

  color: #fff;

  padding: 1vw 1.2vw;

  border-radius: .8vw;

  top: 1vw;

  left: 52.2vw

}



@media (min-width:992px) {

  section.accesibility__ .shapefour {

    top: 2vw;

    font-size: 1vw;

    left: 53.2vw

  }

}



section.accesibility__ .shapefour::after {

  content: "";

  position: absolute;

  bottom: -8.35vw;

  transform: translateX(-49%);

  width: 0;

  height: 0;

  border-left: .6vw solid transparent;

  border-right: .6vw solid transparent;

  border-top: 8.4vw solid rgba(61, 39, 27, .72);

  left: 21%

}



section.accesibility__ .shapefive {

  width: 20vw;

  -webkit-backdrop-filter: blur(10px);

  color: #fff;

  padding: 1vw 1.2vw;

  border-radius: .8vw;

  top: 8vw;

  left: 64vw

}



section.accesibility__ .shapeseven,

section.accesibility__ .shapesix {

  backdrop-filter: blur(10px);

  color: #fff;

  padding: 1vw 1.2vw;

  border-radius: .8vw

}



@media (min-width:992px) {

  section.accesibility__ .shapefive {

    top: 11.4vw;

    font-size: 1vw;

    left: 65.2vw

  }

}



section.accesibility__ .shapefive::after {

  content: "";

  position: absolute;

  bottom: -1.4vw;

  left: 11%;

  transform: translateX(-50%);

  width: 0;

  height: 0;

  border-left: 1.6vw solid transparent;

  border-right: 1.6vw solid transparent;

  border-top: 1.8vw solid rgba(61, 39, 27, .72)

}



section.accesibility__ .shapesix {

  position: absolute;

  width: 20vw;

  background: rgba(61, 39, 27, .72);

  -webkit-backdrop-filter: blur(10px);

  top: 22.7vw;

  font-size: 12px;

  left: 65.9vw

}



@media (min-width:992px) {

  section.accesibility__ .shapefive::after {

    border-left: .6vw solid transparent;

    border-right: .6vw solid transparent;

    border-top: .8vw solid rgba(61, 39, 27, .72);

    bottom: -.8vw

  }



  section.accesibility__ .shapesix {

    top: 12.7vw;

    font-size: 1vw;

    left: 71.2vw;

    width: 10vw

  }

}



section.accesibility__ .shapesix::after {

  content: "";

  position: absolute;

  top: -1.4vw;

  left: 83%;

  transform: translateX(-50%);

  width: 0;

  height: 0;

  border-left: 1.6vw solid transparent;

  border-right: 1.6vw solid transparent;

  border-top: 1.8vw solid rgba(61, 39, 27, .72)

}



@media (min-width:992px) {

  section.accesibility__ .shapesix::after {

    border-left: .6vw solid transparent;

    border-right: .6vw solid transparent;

    border-top: .8vw solid rgba(61, 39, 27, .72);

    top: 5vw

  }

}



section.accesibility__ .shapeseven {

  position: absolute;

  width: 20vw;

  background: rgba(61, 39, 27, .72);

  -webkit-backdrop-filter: blur(10px);

  top: 26vw;

  font-size: 12px;

  right: 5.3vw

}



@media (min-width:992px) {

  section.accesibility__ .shapeseven {

    top: 8vw;

    font-size: 1vw;

    right: 5.3vw;

    width: 10vw

  }

}



section.accesibility__ .shapeseven::after {

  content: "";

  position: absolute;

  top: -1.6vw;

  left: 37%;

  transform: translateX(-50%);

  width: 0;

  height: 0;

  border-left: 1.6vw solid transparent;

  border-right: 1.6vw solid transparent;

  border-top: 1.8vw solid rgba(61, 39, 27, .72)

}



@media (min-width:992px) {

  section.accesibility__ .shapeseven::after {

    border-left: .6vw solid transparent;

    border-right: .6vw solid transparent;

    border-top: 8vw solid rgba(61, 39, 27, .72);

    top: 6.7vw;

    left: 17%

  }

}



section.accesibility__ .shapeeight {

  position: absolute;

  width: 20vw;

  background: rgba(61, 39, 27, .72);

  backdrop-filter: blur(10px);

  -webkit-backdrop-filter: blur(10px);

  color: #fff;

  padding: 1vw 1.2vw;

  border-radius: .8vw;

  top: 12vw;

  font-size: 12px;

  right: 2.3vw

}



section.accesibility__ .shapeeight::after {

  content: "";

  position: absolute;

  bottom: -1.7vw;

  left: 88%;

  transform: translateX(-50%);

  width: 0;

  height: 0;

  border-left: 1.6vw solid transparent;

  border-right: 1.6vw solid transparent;

  border-top: 1.8vw solid rgba(61, 39, 27, .72)

}



@media (min-width:992px) {

  section.accesibility__ .shapeeight {

    top: 10vw;

    font-size: 1vw;

    right: 2.3vw

  }



  section.accesibility__ .shapeeight::after {

    border-left: .6vw solid transparent;

    border-right: .6vw solid transparent;

    border-top: 5.8vw solid rgba(61, 39, 27, .72);

    bottom: -5.8vw

  }

}



section.accesibility__ .titleboxtime {

  font-weight: 200;

  font-size: 1.3vw;

  margin-bottom: .3vw

}



@media (min-width:992px) {

  section.accesibility__ .titleboxtime {

    font-size: .9vw

  }

}





.homeAbout .rightvide video {

  height: 20vw !important;

  object-fit: cover;

}



/* ===================================================

   Header button group: AI + Inquire Now

   (square-cornered, matches new landing page header design)

   =================================================== */

header .navbar .headerBtnGroup {

  display: flex;

  align-items: center;

  gap: 10px;

}



header .navbar .headerBtnGroup .aiBtn {

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 8px;

  background-color: transparent;

  border: 1px solid #fff;

  border-radius: 0;

  color: #fff;

  text-transform: uppercase;

  font-size: 12px;

  font-weight: 500;

  padding: 10px 15px;

  min-width: 70px;

  cursor: pointer;

  transition: all .3s ease;

}



header .navbar .headerBtnGroup .aiBtn i {

  font-size: 13px;

}



header .navbar .headerBtnGroup .aiBtn:hover {

  background-color: #fff;

  color: #000;

}



header .navbar .headerBtnGroup .inquireBtn {

  display: inline-block;

  text-align: center;

  text-decoration: none;

  text-transform: uppercase;

  background-color: #FFF8EF;

  color: #0A4F4A;

  border: 1px solid #FFF8EF;

  border-radius: 0;

  padding: 10px 15px;

  min-width: 125px;

  font-size: 12px;

  font-weight: 700;

  white-space: nowrap;

  cursor: pointer;

  transition: all .3s ease;

}



header .navbar .headerBtnGroup .inquireBtn:hover {

  background-color: #0A4F4A;

  color: #FFF8EF;

  border-color: #0A4F4A;

}



@media (min-width: 992px) {

  header .navbar .headerBtnGroup .aiBtn {

    font-size: 11px;

    padding: 7px 10px;

    min-width: 50px;

  }



  header .navbar .headerBtnGroup .aiBtn i {

    font-size: 12px;

  }



  header .navbar .headerBtnGroup .inquireBtn {

    padding: 7px 12px;

    min-width: 95px;

    font-size: 11px;

  }

}



@media (min-width: 1200px) {

  header .navbar .headerBtnGroup .aiBtn {

    font-size: 12px;

    padding: 8px 14px;

    min-width: 65px;

  }



  header .navbar .headerBtnGroup .aiBtn i {

    font-size: 13px;

  }



  header .navbar .headerBtnGroup .inquireBtn {

    padding: 8px 20px;

    min-width: 110px;

    font-size: 13px;

  }

}



@media (min-width: 1400px) {

  header .navbar .headerBtnGroup .aiBtn {

    font-size: 14px;

    padding: 10px 20px;

    min-width: 90px;

  }



  header .navbar .headerBtnGroup .aiBtn i {

    font-size: 15px;

  }



  header .navbar .headerBtnGroup .inquireBtn {

    padding: 10px 30px;

    min-width: 125px;

    font-size: 16px;

  }

}



@media (max-width: 991px) {

  header .btnWrapper.headerBtnGroup {

    position: absolute;

    right: 70px;

  }



  header .navbar .headerBtnGroup .aiBtn {

    padding: 10px;

    min-width: 55px;

    font-size: 11px;

  }



  header .navbar .headerBtnGroup .inquireBtn {

    padding: 10px;

    min-width: 95px;

    font-size: 11px;

  }

}



/* ===================================================

   Floor Plans Section

   =================================================== */



section.floorPlans {

  position: relative;

  background: #FFF8EF;

  overflow: hidden;

  padding: 60px 0;

}



/* Full background artwork */

/*section.floorPlans::before {*/

/*  content: "";*/

/*  position: absolute;*/

/*  inset: 0;*/

/*  background-image: url("../images/floorplan-bg.png");*/

/*  background-repeat: no-repeat;*/

/*  background-position: center center;*/

/*  background-size: contain;*/

/*  pointer-events: none;*/

/*  z-index: 0;*/

/*}*/





/* Full background artwork */

section.floorPlans::before {

  content: "";

  position: absolute;

  inset: 0;

  background-image: url("../images/floorplan-bg.png");

  background-repeat: no-repeat;

  background-position: center right;

  background-size: contain;

  opacity: 0.4; /* Adjust between 0.05 and 0.3 */

  pointer-events: none;

  z-index: 0;

}



section.floorPlans .container {

  position: relative;

  z-index: 2;

}



/* ==========================

   Section Heading

   ========================== */



section.floorPlans .section_title_ {

  margin-bottom: 25px;

}



section.floorPlans .section_title_box {

  max-width: 650px;

}



/* ==========================

   Tabs

   ========================== */



section.floorPlans .floorPlans__tabs {

  border: 0;

  gap: 8px;

  list-style: none;

  padding: 0;

  margin: 0 0 45px;

}



section.floorPlans .floorPlans__tabs .nav-item {

  margin: 0;

}



section.floorPlans .floorPlans__tabs .nav-link {

  min-width: 90px;

  height: 42px;

  border: 1px solid #0A4F4A;

  border-radius: 0;

  background: transparent;

  color: #0A4F4A;

  font-size: 13px;

  font-weight: 500;

  padding: 0;

  display: flex;

  align-items: center;

  justify-content: center;

  transition: all .3s ease;

}



section.floorPlans .floorPlans__tabs .nav-link.active,

section.floorPlans .floorPlans__tabs .nav-link:hover {

  background: #0A4F4A;

  color: #FFF;

}



/* ==========================

   Layout

   ========================== */



section.floorPlans .tab-pane .row {

  align-items: center;

}



@media (min-width: 992px) {



  section.floorPlans .col-lg-6:first-child {

    flex: 0 0 55%;

    max-width: 55%;

  }



  section.floorPlans .col-lg-6:last-child {

    flex: 0 0 45%;

    max-width: 45%;

  }

}



/* ==========================

   Image

   ========================== */



section.floorPlans .floorPlans__imgWrapper {

  width: 100%;

}



section.floorPlans .floorPlans__imgWrapper img {

  width: 100%;

  display: block;

  height: auto;

}



/* ==========================

   Content (centered)

   ========================== */



section.floorPlans .floorPlans__content {

  max-width: 430px;

  display: flex;

  flex-direction: column;

  align-items: center;

  text-align: center;

  margin: 0;          /* was: margin: 0 auto; */

}



section.floorPlans .floorPlans__heading {

  font-family: 'Akshar', sans-serif;

  font-size: 38px;

  font-weight: 300;

  line-height: 1.1;

  color: #222;

  margin-bottom: 0;

  word-spacing: -5px;

}



section.floorPlans .floorPlans__price {

  font-family: 'Akshar', sans-serif;

  font-size: 22px;

  color: #222;

  margin-bottom: 10px;

}



section.floorPlans .floorPlans__carpet {

  font-family: 'Akshar', sans-serif;

  font-size: 42px;

  font-weight: 300;

  line-height: 1.2;

  color: #222;

  margin-bottom: 25px;

}



/* ==========================

   Icon Badge

   ========================== */



section.floorPlans .floorPlans__icon {

  width: 78px;

  height: 78px;

  border-radius: 50%;

  background: #F3EBDD;

  display: flex;

  align-items: center;

  justify-content: center;

  margin: 0 auto 20px;

}



section.floorPlans .floorPlans__icon img {

  width: 30px;

  height: 30px;

  object-fit: contain;

}



/* ==========================

   Divider

   ========================== */



section.floorPlans .floorPlans__divider {

  display: block;

  width: 40px;

  height: 2px;

  background: #B08D57;

  margin: 18px auto;

}



/* ==========================

   Subtitle

   ========================== */



section.floorPlans .floorPlans__subtitle {

  font-size: 16px;

  line-height: 1.6;

  color: #595753;

  margin: 0 auto 35px;

  max-width: 340px;

  text-align: center;

}



/* ==========================

   Feature Icons Row

   ========================== */



section.floorPlans .floorPlans__features {

  display: flex;

  justify-content: center;

  list-style: none;

  padding: 0;

  margin: 0 auto 40px;

}



section.floorPlans .floorPlans__features li {

  display: flex;

  flex-direction: column;

  align-items: center;

  text-align: center;

  flex: 0 1 140px;

  padding: 0 20px;

  position: relative;

}



section.floorPlans .floorPlans__features li:not(:last-child)::after {

  content: "";

  position: absolute;

  right: 0;

  top: 4px;

  bottom: 4px;

  width: 1px;

  background: #DDD5C7;

}



section.floorPlans .floorPlans__features li img {

  width: 40px;

  height: 40px;

  object-fit: contain;

  margin: 0 auto 12px;

}



section.floorPlans .floorPlans__features li span {

  font-size: 13px;

  line-height: 1.5;

  color: #222;

}



/* ==========================

   Features List (legacy checklist)

   ========================== */



section.floorPlans .floorPlans__checklist {

  list-style: none;

  margin: 0 0 90px;

  padding: 0;

  text-align: left;

}



section.floorPlans .floorPlans__checklist li {

  display: flex;

  align-items: flex-start;

  gap: 10px;

  margin-bottom: 20px;

  font-size: 16px;

  line-height: 1.6;

  color: #595753;

}



section.floorPlans .floorPlans__checklist li i {

  color: #0A4F4A;

  font-size: 11px;

  margin-top: 6px;

}



/* ==========================

   Button

   ========================== */



section.floorPlans .btnWrapper {

  display: flex;

  justify-content: center;

  width: 100%;

}



section.floorPlans .floorPlans__btn {

  display: inline-flex;

  align-items: center;

  justify-content: center;

  gap: 8px;

  min-width: 180px;

  height: 48px;

  border: 1px solid #0A4F4A;

  background: transparent;

  color: #0A4F4A;

  text-transform: uppercase;

  font-size: 12px;

  font-weight: 600;

  letter-spacing: 0.8px;

  cursor: pointer;

  transition: all .3s ease;

  margin: 0 auto;

}



section.floorPlans .floorPlans__btn:hover {

  background: #0A4F4A;

  color: #FFF;

}



section.floorPlans .floorPlans__btnArrow {

  width: 14px;

  height: 14px;

  object-fit: contain;

  transition: transform .3s ease;

}



section.floorPlans .floorPlans__btn:hover .floorPlans__btnArrow {

  transform: translateX(4px);

}



/* ==========================

   Tablet

   ========================== */



@media (max-width: 991px) {



  section.floorPlans {

    padding: 70px 0;

  }



  section.floorPlans::before {

    background-size: cover;

    opacity: .3;

  }



  section.floorPlans .floorPlans__tabs {

    margin-bottom: 30px;

  }



  section.floorPlans .floorPlans__content {

    max-width: 100%;

  }



  section.floorPlans .floorPlans__heading {

    font-size: 36px;

  }



  section.floorPlans .floorPlans__price {

    font-size: 18px;

  }



  section.floorPlans .floorPlans__carpet {

    font-size: 30px;

  }

}



/* ==========================

   Mobile

   ========================== */



@media (max-width: 767px) {



  section.floorPlans {

    padding: 30px 0;

  }



  section.floorPlans .floorPlans__tabs {

    margin-bottom: 25px;

  }



  section.floorPlans .floorPlans__heading {

    font-size: 30px;

  }



  section.floorPlans .floorPlans__price {

    font-size: 16px;

  }



  section.floorPlans .floorPlans__carpet {

    font-size: 26px;

  }



  section.floorPlans .floorPlans__btn {

    width: 100%;

    max-width: 250px;

  }



  section.floorPlans .floorPlans__icon {

    width: 64px;

    height: 64px;

  }



  section.floorPlans .floorPlans__features {

    flex-wrap: wrap;

    row-gap: 20px;

  }



  section.floorPlans .floorPlans__features li {

    flex: 0 0 33.33%;

    padding: 0 8px;

  }



  section.floorPlans .floorPlans__features li:nth-child(3n)::after {

    display: none;

  }

}



/*Home icon*/



section.floorPlans .floorPlans__icon svg {

  width: 32px;

  height: 32px;

}







/* ===================================================

   About the Developer Section  — pixel-perfect

   =================================================== */



section.aboutDeveloper {

  position: relative;

  overflow: hidden;

  padding: 48px 0 52px;

}



@media (max-width: 768px) {

  section.aboutDeveloper {

        padding: 30px 0 0;

  }

}



@media (min-width: 992px) {

  section.aboutDeveloper {

    padding: 68px 0 72px;

  }

}



/* ── Background image ── */

section.aboutDeveloper .aboutDeveloper__bg {

  position: absolute;

  inset: 0;

  z-index: 0;

}



section.aboutDeveloper .aboutDeveloper__bg img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  object-position: center;

  display: block;

}



section.aboutDeveloper .aboutDeveloper__overlay {

  position: absolute;

  inset: 0;

  background-color: rgba(18, 12, 6, 0.60);

}



/* ── Container ── */

section.aboutDeveloper .container {

  position: relative;

  z-index: 2;

}



/* ── Sub-label ── */

section.aboutDeveloper .aboutDeveloper__subLabel {

  font-family: "Inter", sans-serif;

  font-size: 11px;

  font-weight: 500;

  letter-spacing: 0.18em;

  text-transform: uppercase;

  color: rgba(255, 255, 255, 0.75);

  text-align: center;

  margin-bottom: 8px;

}



@media (min-width: 992px) {

  section.aboutDeveloper .aboutDeveloper__subLabel {

    font-size: 13px;

    margin-bottom: 10px;

  }

}



/* ── Main heading — centered ── */

section.aboutDeveloper .aboutDeveloper__title {

  font-family: 'Akshar', sans-serif;

  font-weight: 300;

  font-size: 26px;

  line-height: 1.15;

  color: #ffffff;

  text-align: center;

  margin: 0 0 32px;

}



@media (min-width: 992px) {

  section.aboutDeveloper .aboutDeveloper__title {

    font-size: 44px;

    margin-bottom: 40px;

  }

}



@media (min-width: 1400px) {

  section.aboutDeveloper .aboutDeveloper__title {

    font-size: 52px;

    margin-bottom: 44px;

  }

}



/* ── Stats row — spread evenly across full container width ── */

section.aboutDeveloper .aboutDeveloper__stats {

  display: flex;

  align-items: stretch;

  justify-content: space-between;

  flex-wrap: nowrap;

  margin-bottom: 28px;

  gap: 0;

}



@media (max-width: 575px) {

  section.aboutDeveloper .aboutDeveloper__stats {

    flex-wrap: wrap;

    justify-content: flex-start;

  }

}



/* Each stat block — grows equally, text left-aligned within its cell */

section.aboutDeveloper .aboutDeveloper__statItem {

  display: flex;

  flex-direction: column;

  justify-content: flex-start;

  flex: 1 1 0;

  padding: 0 20px 4px 20px;

}



section.aboutDeveloper .aboutDeveloper__statItem:first-child {

  padding-left: 0;

}



section.aboutDeveloper .aboutDeveloper__statItem:last-child {

  padding-right: 0;

}



@media (max-width: 575px) {

  section.aboutDeveloper .aboutDeveloper__statItem {

    flex: 0 0 50%;

    padding: 10px 12px !important;

  }

}



/* Vertical divider */

section.aboutDeveloper .aboutDeveloper__divider {

  width: 1px;

  background-color: rgba(255, 255, 255, 0.38);

  flex-shrink: 0;

  align-self: stretch;

}



@media (max-width: 575px) {

  section.aboutDeveloper .aboutDeveloper__divider {

    display: none;

  }



  section.aboutDeveloper .aboutDeveloper__statItem {

    flex: 0 0 50%;

    padding: 10px 12px !important;

  }

}



/* Stat numbers — Times New Roman, very large */

section.aboutDeveloper .aboutDeveloper__statNum {

  font-family: "Times New Roman", Times, serif;

  font-size: 36px;

  font-weight: 400;

  color: #ffffff;

  line-height: 1;

  margin-bottom: 7px;

}



@media (min-width: 992px) {

  section.aboutDeveloper .aboutDeveloper__statNum {

    font-size: 52px;

    margin-bottom: 8px;

  }

}



@media (min-width: 1400px) {

  section.aboutDeveloper .aboutDeveloper__statNum {

    font-size: 60px;

  }

}



/* Stat label */

section.aboutDeveloper .aboutDeveloper__statLabel {

  font-family: "Inter", sans-serif;

  font-size: 9px;

  font-weight: 500;

  letter-spacing: 0.12em;

  text-transform: uppercase;

  color: rgba(255, 255, 255, 0.65);

}



@media (min-width: 992px) {

  section.aboutDeveloper .aboutDeveloper__statLabel {

    font-size: 11px;

  }

}



/* ── Description paragraph — centered text, constrained width ── */

section.aboutDeveloper .aboutDeveloper__desc {

  max-width: 720px;

  margin: 0 auto 30px;

  text-align: center;

}



@media (min-width: 992px) {

  section.aboutDeveloper .aboutDeveloper__desc {

    margin-bottom: 36px;

  }

}



section.aboutDeveloper .aboutDeveloper__desc p {

  font-family: "Inter", sans-serif;

  font-size: 11px;

  font-weight: 400;

  line-height: 1.9;

  color: rgba(255, 255, 255, 0.78);

  margin: 0;

}



@media (min-width: 992px) {

  section.aboutDeveloper .aboutDeveloper__desc p {

    font-size: 13px;

  }

}



/* ── Badges row — CENTERED ── */

section.aboutDeveloper .aboutDeveloper__badges {

  display: flex;

  align-items: center;

  justify-content: center;

  flex-wrap: wrap;

  gap: 12px 18px;

}



section.aboutDeveloper .aboutDeveloper__badgeBtn {

  display: inline-flex;

  align-items: center;

  gap: 8px;

  background-color: #E8F3F2;

  border: 1.5px solid #E8F3F2;

  padding: 9px 20px;

  font-family: "Inter", sans-serif;

  font-size: 11px;

  font-weight: 500;

  color: #0A4F4A;

  letter-spacing: 0.03em;

  cursor: default;

  white-space: nowrap;

}



@media (min-width: 992px) {

  section.aboutDeveloper .aboutDeveloper__badgeBtn {

    font-size: 13px;

    padding: 10px 24px;

  }

}



section.aboutDeveloper .aboutDeveloper__badgeBtn svg {

  flex-shrink: 0;

  color: #0A4F4A;

}



/* Italic tagline beside badges */

section.aboutDeveloper .aboutDeveloper__tagline {

  font-family: 'Akshar', sans-serif;

  font-style: italic;

  font-weight: 300;

  font-size: 13px;

  color: rgba(255, 255, 255, 0.75);

  letter-spacing: 0.02em;

  margin-left: 4px;

}



@media (min-width: 992px) {

  section.aboutDeveloper .aboutDeveloper__tagline {

    font-size: 15px;

  }

}







/* ===================================================

   Amenities Section

   =================================================== */



section.amenities {

  position: relative;

  overflow: hidden;

  background-color: #FFF8EF;

  padding: 40px 0 50px;

}



@media (max-width: 768px) { 

section.amenities {

  padding: 30px 0 40px;

}

}





@media (min-width: 992px) {

  section.amenities {

    padding: 40px 0 60px;

  }

}



/* ── Decorative bg pattern ── */

section.amenities .amenities__bgPattern {

  position: absolute;

  top: 40;

  right: 0;

  /*width: 35%;*/

  /*max-width: 480px;*/

  pointer-events: none;

  z-index: 0;

}



section.amenities .amenities__bgPattern img {

  width: 100%;

  display: block;

  opacity: 0.55;

}



/* ── Section title ── */

section.amenities .amenities__header {

  position: relative;

  z-index: 2;

  margin-bottom: 36px;

}



@media (max-width: 768px) {

    section.amenities .amenities__header {

    margin-bottom: 10px;}

}



@media (min-width: 992px) {

  section.amenities .amenities__header {

    margin-bottom: 48px;

  }

}



section.amenities .amenities__subLabel {

  font-family: "Inter", sans-serif;

  font-size: 11px;

  font-weight: 700;

  letter-spacing: 0.20em;

  text-transform: uppercase;

  color: #1a1a1a;

  margin-bottom: 10px;

}



@media (min-width: 992px) {

  section.amenities .amenities__subLabel {

    font-size: 13px;

  }

}



section.amenities .amenities__title {

  font-family: 'Akshar', sans-serif;

  font-weight: 300;

  font-size: 24px;

  line-height: 1.2;

  color: #1a1a1a;

  margin: 0;

}



@media (min-width: 992px) {

  section.amenities .amenities__title {

    font-size: 40px;

  }

}



@media (min-width: 1400px) {

  section.amenities .amenities__title {

    font-size: 48px;

  }

}



/* ==========================================

   SLIDER WRAPPER

   ========================================== */

section.amenities .amenities__sliderWrapper {

  position: relative;

  z-index: 2;

  width: 100%;

}



/* ==========================================

   OWL CAROUSEL OVERRIDES

   ========================================== */



/* Allow items to overflow stage so side cards bleed to edges */

section.amenities .amenities__track.owl-carousel .owl-stage-outer {

  overflow: visible;

}



/* Clip only at the section boundary */

section.amenities .amenities__sliderWrapper {

  overflow: hidden;

}



/* Every slide item */

section.amenities .amenities__track.owl-carousel .owl-item {

  padding: 50px 0 65px;

  transition: opacity 0.4s ease;

}



/* Mobile */

@media (max-width: 767px) {

  section.amenities .amenities__track.owl-carousel .owl-item {

    padding: 40px 0 40px;

  }

}



/* Non-center items: slightly faded */

section.amenities .amenities__track.owl-carousel .owl-item:not(.center) {

  opacity: 1;

}



/* ── Card frame ── */

section.amenities .amenities__cardFrame {

  position: relative;

  width: 100%;

  line-height: 0;

  transition: transform 0.4s ease;

  transform: scale(0.82);

  transform-origin: center center;

}



/* Center (active) card: full size */

section.amenities .owl-item.center .amenities__cardFrame {

  transform: scale(1);

}



/* Bottom gradient — center card only */

section.amenities .amenities__cardFrame::before {

  content: "";

  position: absolute;

  inset: 0;

  background: linear-gradient(to top, rgba(0, 0, 0, .68) 0%, rgba(0, 0, 0, 0) 60%);

  pointer-events: none;

  z-index: 2;

  opacity: 0;

  transition: opacity 0.4s ease;

}



section.amenities .owl-item.center .amenities__cardFrame::before {

  opacity: 1;

}



/* Dark overlay on non-center cards */

section.amenities .amenities__cardFrame::after {

  content: "";

  position: absolute;

  inset: 0;

  background: rgba(0, 0, 0, .38);

  pointer-events: none;

  z-index: 2;

  transition: background 0.4s ease;

}



section.amenities .owl-item.center .amenities__cardFrame::after {

  background: transparent;

}



/* ── Image wrapper (clips the hover zoom) ── */

section.amenities .amenities__cardImgWrap {

  position: relative;

  width: 100%;

  overflow: hidden;

  line-height: 0;

}



/* ── Slide image ── */

section.amenities .amenities__cardImg {

  width: 100%;

  display: block;

  object-fit: cover;

  aspect-ratio: 16/9;

  transition: transform 0.5s ease;

}



/* Zoom in on hover — center card only */

section.amenities .owl-item.center .amenities__cardFrame:hover .amenities__cardImg {

  transform: scale(1.08);

}



/* ── Text overlay (label + desc wrapper) — center only ── */

section.amenities .amenities__cardOverlay {

  position: absolute;

  left: 28px;

  right: 28px;

  bottom: 14%;

  z-index: 3;

  opacity: 0;

  transition: opacity 0.4s ease;

  pointer-events: none;

}



section.amenities .owl-item.center .amenities__cardOverlay {

  opacity: 1;

  pointer-events: auto;

}



/* ── Card label ── */

section.amenities .amenities__cardLabel {

  color: #fff;

  font-family: "Inter", sans-serif;

  font-size: 20px;

  font-weight: 400;

  line-height: 1.2;

  white-space: nowrap;

  margin: 0;

  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.55);

  text-transform: uppercase;

}



@media (max-width: 767px) {

  section.amenities .amenities__cardLabel {

    font-size: 12px;

  }

}



/* ── Card description — collapsed by default, reveals on hover ── */

section.amenities .amenities__cardDesc {

  max-height: 0;

  opacity: 0;

  margin-top: 0;

  overflow: hidden;

  transition: max-height 0.45s ease, opacity 0.35s ease, margin-top 0.45s ease;

}



section.amenities .amenities__cardDesc p {

  margin: 0;

  color: #fff;

  font-family: "Inter", sans-serif;

  font-size: 14px;

  font-weight: 300;

  line-height: 1.5;

  max-width: 520px;

  white-space: normal;

  text-shadow: 0 1px 5px rgba(0, 0, 0, 0.55);

}



/* Expand description on hover — center card only */

section.amenities .owl-item.center .amenities__cardFrame:hover .amenities__cardDesc {

  max-height: 140px;

  opacity: 1;

  margin-top: 10px;

}



@media (max-width: 767px) {

  section.amenities .amenities__cardOverlay {

    left: 14px;

    right: 14px;

  }



  section.amenities .amenities__cardDesc p {

    font-size: 12px;

  }

}



/* ==========================================

   GOLD BRACKET LINES

   center : full bracket, inset 8% both sides

   prev   : line from left:0 → right:8% (bleeds left edge)

   next   : line from left:8% → right:0 (bleeds right edge)

   ========================================== */

section.amenities .amenities__bracketLine {

  position: absolute;

  left: 0;

  right: 0;

  height: 14px;

  pointer-events: none;

  z-index: 10;

  opacity: 0;

  transition: opacity 0.4s ease;

}



section.amenities .amenities__bracketLine--top {

  top: -34px;

}



section.amenities .amenities__bracketLine--bottom {

  bottom: -34px;

}



/* Tick marks */

section.amenities .amenities__bracketLine--tickLeft,

section.amenities .amenities__bracketLine--tickRight {

  position: absolute;

  width: 1.5px;

  height: 14px;

  background: #CCAC7F;

}



/* ── CENTER: full bracket inset 8% ── */

section.amenities .owl-item.center .amenities__bracketLine {

  opacity: 1;

}



section.amenities .owl-item.center .amenities__bracketLine--top::before {

  content: "";

  position: absolute;

  left: 8%;

  right: 8%;

  top: 0;

  height: 1.5px;

  background: #CCAC7F;

}



section.amenities .owl-item.center .amenities__bracketLine--bottom::before {

  content: "";

  position: absolute;

  left: 8%;

  right: 8%;

  bottom: 0;

  height: 1.5px;

  background: #CCAC7F;

}



section.amenities .owl-item.center .amenities__bracketLine--top .amenities__bracketLine--tickLeft {

  top: 0;

  left: 8%;

}



section.amenities .owl-item.center .amenities__bracketLine--top .amenities__bracketLine--tickRight {

  top: 0;

  right: 8%;

}



section.amenities .owl-item.center .amenities__bracketLine--bottom .amenities__bracketLine--tickLeft {

  bottom: 0;

  left: 8%;

}



section.amenities .owl-item.center .amenities__bracketLine--bottom .amenities__bracketLine--tickRight {

  bottom: 0;

  right: 8%;

}



/* ── PREV (item before center): bleed left, inner tick right ── */

section.amenities .owl-item.center~.owl-item:first-of-type .amenities__bracketLine,

section.amenities .owl-item.active:not(.center):first-child .amenities__bracketLine {

  opacity: 1;

}



/* We target prev/next via JS-added classes instead — see JS */

section.amenities .owl-item.is-prev .amenities__bracketLine {

  opacity: 1;

}



section.amenities .owl-item.is-prev .amenities__bracketLine--top::before {

  content: "";

  position: absolute;

  left: 0;

  right: 8%;

  top: 0;

  height: 1.5px;

  background: #CCAC7F;

}



section.amenities .owl-item.is-prev .amenities__bracketLine--bottom::before {

  content: "";

  position: absolute;

  left: 0;

  right: 8%;

  bottom: 0;

  height: 1.5px;

  background: #CCAC7F;

}



section.amenities .owl-item.is-prev .amenities__bracketLine--tickLeft {

  display: none;

}



section.amenities .owl-item.is-prev .amenities__bracketLine--top .amenities__bracketLine--tickRight {

  top: 0;

  right: 8%;

}



section.amenities .owl-item.is-prev .amenities__bracketLine--bottom .amenities__bracketLine--tickRight {

  bottom: 0;

  right: 8%;

}



/* ── NEXT: bleed right, inner tick left ── */

section.amenities .owl-item.is-next .amenities__bracketLine {

  opacity: 1;

}



section.amenities .owl-item.is-next .amenities__bracketLine--top::before {

  content: "";

  position: absolute;

  left: 8%;

  right: 0;

  top: 0;

  height: 1.5px;

  background: #CCAC7F;

}



section.amenities .owl-item.is-next .amenities__bracketLine--bottom::before {

  content: "";

  position: absolute;

  left: 8%;

  right: 0;

  bottom: 0;

  height: 1.5px;

  background: #CCAC7F;

}



section.amenities .owl-item.is-next .amenities__bracketLine--tickRight {

  display: none;

}



section.amenities .owl-item.is-next .amenities__bracketLine--top .amenities__bracketLine--tickLeft {

  top: 0;

  left: 8%;

}



section.amenities .owl-item.is-next .amenities__bracketLine--bottom .amenities__bracketLine--tickLeft {

  bottom: 0;

  left: 8%;

}



@media (max-width: 767px) {

  section.amenities .amenities__bracketLine {

    height: 10px;

  }



  section.amenities .amenities__bracketLine--top {

    top: -22px;

  }



  section.amenities .amenities__bracketLine--bottom {

    bottom: -22px;

  }



  section.amenities .amenities__bracketLine--tickLeft,

  section.amenities .amenities__bracketLine--tickRight {

    height: 10px;

  }

}



/* ── Owl nav arrows ── */

section.amenities .amenities__arrows {

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 32px;

  margin-top: 0;

  position: relative;

  z-index: 2;

}



section.amenities .amenities__arrow {

  background: none;

  border: none;

  padding: 0;

  cursor: pointer;

  display: flex;

  align-items: center;

  justify-content: center;

  transition: opacity 0.2s ease;

  opacity: 0.6;

}



section.amenities .amenities__arrow:hover {

  opacity: 1;

}



section.amenities .amenities__arrowImg {

  width: 100%;

  display: block;

}



@media (max-width: 767px) {

  section.amenities .amenities__arrowImg {

    /* width: 60%; */

    margin: 0 auto;

    /* centers the image */

  }





  section.amenities .amenities__arrows {

    gap: 0;

  }

}





/*Footer Section*/



.siteFooter {

  position: relative;

  overflow: hidden;

  background: #0A4F4A;

  background-image: url('../images/footer-pattern.png');

  background-repeat: no-repeat;

  background-position: top right;

  background-size: 100% auto;



  padding: 30px 0 35px;

}



/* Container */



.siteFooter .container {

  max-width: 1440px;

  padding-left: 80px;

  padding-right: 80px;

}



/* ===================================================

   Top Area - equal spacing between all groups

=================================================== */



.footerTop {

  display: flex;

  justify-content: space-between;

  align-items: center;

  gap: 24px;

  margin-bottom: 45px;

}



.footerLogoItem {

  display: flex;

  align-items: center;

}



/* ===================================================

   Logo Group (Bhoomi Serenity + Divider + Gajra)

=================================================== */



.footerLogoGroup {

  display: flex;

  align-items: center;

  gap: 16px;

  flex-shrink: 0;

}



.mainLogo img,

.gajraLogo img {

  max-height: 78px;

  width: auto;

  display: block;

}



.footerLogoDivider {

  display: flex;

  align-items: center;

  flex-shrink: 0;

  height: 72px; /* match .mainLogo/.gajraLogo height */

}



.footerLogoDivider img {

  height: 100%;

  width: auto;

  max-width: 40px;

  display: block;

  object-fit: contain;

}



/* ===================================================

   Finance Logo (Aditya Birla Capital)

=================================================== */



.financeLogo img {

  max-height: 78px;

  width: auto;

  display: block;

}



/* ===================================================

   Social

=================================================== */



.footerSocial {

  display: flex;

  align-items: center;

  gap: 12px;

  flex-shrink: 0;

}



.footerSocial a {

  width: 42px;

  height: 42px;

  border: 1px solid rgba(255, 255, 255, 0.8);

  border-radius: 50%;



  display: flex;

  align-items: center;

  justify-content: center;



  color: #fff;

  font-size: 15px;



  transition: all .3s ease;

}



.footerSocial a:hover {

  background: #fff;

  color: #0A4F4A;

}



/* ===================================================

   Disclaimer

=================================================== */



.footerDisclaimer {

  max-width: 1160px;

  margin: 0 auto;

  text-align: center;

}



.footerDisclaimer p {

  margin: 0;



  color: rgba(255, 255, 255, 0.85);

  font-size: 12px;

  line-height: 1.4;

  font-weight: 300;

}



/* ===================================================

   QR + RERA

=================================================== */



/*.footerRera {*/

/*  display: flex;*/

/*  flex-direction: column;*/

/*  align-items: center;*/

/*  gap: 8px;*/

/*  flex-shrink: 0;*/

/*}*/



.footerRera {

  display: flex;

  flex-direction: row;

  align-items: center;

  gap: 14px;

  flex-shrink: 0;

}



.footerQR img {

  width: 62px;

  height: 62px;

  object-fit: contain;

  display: block;

}



/*.footerReraText {*/

/*  max-width: 260px;*/

/*  text-align: center;*/

/*}*/



.footerReraText {

  max-width: 280px;

  text-align: left;

}



.footerReraText p {

  margin: 0 0 4px;

  color: #fff;

  font-size: 11px;

  line-height: 1.5;

}



.footerReraText a {

  color: #d5d5d5;

  font-size: 11px;

  text-decoration: underline;

}



/* ===================================================

   Email

=================================================== */



.footerMail {

  color: #fff;

  font-size: 13px;

  margin-top: 10px;

}



.footerMail a {

  color: #d2c16f;

}



/* ===================================================

   Bottom

=================================================== */



.footerBottom {

  margin-top: 30px;

  padding-top: 25px;

  border-top: 1px solid rgba(255, 255, 255, 0.25);



  display: flex;

  justify-content: space-between;

  align-items: center;

}



.copyright {

  color: rgba(255, 255, 255, 0.8);

  font-size: 13px;

}



.footerLinks {

  display: flex;

  align-items: center;

  gap: 30px;

}



.footerLinks a {

  color: #fff;

  font-size: 13px;

  position: relative;

}



.footerLinks a:first-child::after {

  content: "";

  position: absolute;

  right: -15px;

  top: 50%;

  transform: translateY(-50%);



  width: 1px;

  height: 14px;



  background: rgba(255, 255, 255, 0.4);

}



/* ===================================================

   Responsive

=================================================== */



@media(max-width:991px) {



  .siteFooter {

    background-size: cover;

  }



  .siteFooter .container {

    padding-left: 20px;

    padding-right: 20px;

  }



  .footerTop {

    flex-direction: column;

    align-items: center;

    gap: 24px;

  }



  .footerLogoGroup {

    gap: 12px;

  }



  /* Both logos equal + scaled down on mobile */

  /*.mainLogo img,*/

  /*.gajraLogo img {*/

  /*  max-height: calc(72px * 0.85);*/

  /*}*/



  .footerLogoDivider {

    display: none;

  }



  .financeLogo img {

    max-height: calc(78px * 0.85);

  }



  .footerSocial {

    justify-content: center;

    width: 100%;

    gap: 10px;

  }



  .footerSocial a {

    width: 32px;

    height: 32px;

    font-size: 12px;

  }



  .footerMail {

    text-align: center;

  }



  .footerBottom {

    flex-direction: column;

    gap: 15px;

    text-align: center;

  }



  .footerLinks {

    justify-content: center;

  }

  

  

  .footerRera {

  flex-direction: column;

  gap: 8px;

}



.footerReraText {

  text-align: center;

}



}









/* =========================================

   Virtual Tour Section

========================================= */



.virtualTour {

  background: #FFF8EF;

  padding: 60px 0 80px 0;

}



.virtualTour__heading {

  margin-bottom: 40px;

}



.virtualTour__subTitle {

  display: block;

  font-size: 12px;

  font-weight: 600;

  letter-spacing: 2px;

  text-transform: uppercase;

  color: #1d1d1d;

  margin-bottom: 12px;

}



.virtualTour__title {

  font-size: 40px;

  font-family: 'Akshar', sans-serif;

  font-weight: 300;

  line-height: 1.2;

  color: #1d1d1d;

  margin: 0;

  max-width: 700px;

}



/* ==========================

   Video Card

========================== */



.videoCard {

  background: #fff;

  box-shadow: 0 10px 25px rgba(0, 0, 0, .08);

  overflow: hidden;

  height: 100%;

}



.videoCard__media {

  position: relative;

  cursor: pointer;

  overflow: hidden;

}



.videoThumbnail {

  width: 100%;

  object-fit: cover;

  display: block;

}



.videoPlayer {

  width: 100%;

  height: 280px;

  object-fit: cover;

  display: none;

  background: #000;

}



/* ==========================

   Content

========================== */



.videoCard__content {

  padding: 16px 18px 18px;

}



.videoCard__content h3 {

  font-size: 22px;

  line-height: 1.3;

  font-weight: 400;

  color: #222;

  margin-bottom: 6px;

}



.videoCard__content p {

  font-size: 14px;

  line-height: 1.6;

  color: #777;

  margin: 0;

}



/* ==========================

   Responsive

========================== */



@media (max-width:991px) {



  .virtualTour {

    padding: 60px 0;

  }



  .virtualTour__title {

    font-size: 32px;

  }



  .videoThumbnail,

  .videoPlayer {

    height: 220px;

  }



  .videoCard__content h3 {

    font-size: 20px;

  }

}









/* =========================================

   Contact CTA Section

========================================= */



/*.contactCta {*/

/*  position: relative;*/

/*  padding: 100px 0 50px;*/

/*  background: url('../images/contact-bg.png') center center/cover no-repeat;*/

/*  overflow: hidden;*/

/*}*/



.contactCta {

  position: relative;

  padding: 100px 0 50px;

  background: url('../images/contact-bg.png') center top / cover no-repeat;

  overflow: hidden;

}



@media (min-width: 1200px) {

  .contactCta {

    background-position: center 30%;

    /* tweak % to taste once you see the image */

  }

}



.contactCta__overlay {

  position: absolute;

  inset: 0;

  background: rgba(0, 0, 0, .55);

}



.contactCta .container {

  position: relative;

  z-index: 2;

}



/* =========================================

   Header

========================================= */



.contactCta__header {

  margin-bottom: 0;

}



.contactCta__header h2 {

  font-family: 'Akshar', sans-serif;

  font-size: 40px;

  font-weight: 300;

  line-height: 1.2;

  color: #fff;

  margin-bottom: 10px;

}



.contactCta__header p {

  font-size: 16px;

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

  margin: 0;

}



/* =========================================

   Layout

========================================= */



.contactCta__wrapper {

  display: flex;

  align-items: stretch;

  position: relative;

  margin-top: 120px;

}



/* =========================================

   Left Contact Card

========================================= */



.contactInfoCard {

  width: 58%;

}



/*.contactInfoCard__inner {*/

/*  min-height: 530px;*/

/*  border: 1px solid rgba(255, 255, 255, .45);*/

/*  padding: 80px 55px 30px;*/

/*  display: flex;*/

/*  flex-direction: column;*/

/*  justify-content: space-between;*/

/*}*/



.contactInfoCard__inner {

  min-height: 450px;

  border: 1px solid rgba(255, 255, 255, .45);

  padding: 40px 55px 30px;

  display: flex;

  flex-direction: column;

  justify-content: center;

  /* was space-between */

}



.contactInfoCard__content h3 {

  font-size: 24px;

  font-weight: 400;

  color: #fff;

  margin-bottom: 40px;

}



/* Contact Item */



.contactItem {

  display: flex;

  gap: 18px;

  margin-bottom: 28px;

}



.contactItem:last-child {

  margin-bottom: 0;

}



.contactItem__icon {

  width: 22px;

  flex-shrink: 0;

  margin-top: 3px;

}



.contactItem__icon img {

  width: 100%;

  display: block;

}



.contactItem__info strong {

  display: block;

  color: #fff;

  font-size: 18px;

  font-weight: 500;

  margin-bottom: 4px;

}



.contactItem__info span {

  color: #fff;

  font-size: 17px;

  line-height: 1.7;

}



.contactInfoCard__footer {

  max-width: 430px;

  color: rgba(255, 255, 255, .8);

  font-size: 13px;

  line-height: 1.8;

}



/* =========================================

   Right Form Card

========================================= */



.contactFormCard {

  width: 48%;

  background: #0A4F4A;



  margin-left: -90px;

  margin-top: -30px;



  position: relative;

  z-index: 5;

}



.contactFormCard__inner {

  min-height: 520px;



  padding: 30px 50px;



  display: flex;

  flex-direction: column;

}



.contactFormPattern {

  position: absolute;

  inset: 0;

  background: url('../images/footer-pattern.png') center center/cover no-repeat;

  opacity: .12;

  pointer-events: none;

}



/* =========================================

   Form Heading

========================================= */



.contactFormCard h3 {

  font-size: 34px;

  line-height: 1.2;

  font-weight: 300;

  color: #fff;

  margin-bottom: 12px;

}



.contactFormSub {

  font-size: 15px;

  line-height: 1.6;

  color: rgba(255, 255, 255, .8);

  margin-bottom: 35px;

}



/* =========================================

   Form Fields

========================================= */



.formGroup {

  margin-bottom: 20px;

}



.formGroup input {

  width: 100%;

  height: 50px;



  border: none;

  border-bottom: 1px solid rgba(255, 255, 255, .20);



  background: transparent;



  color: #fff;

  font-size: 15px;



  padding: 0;



  outline: none;

  box-shadow: none;

}



.formGroup input:focus {

  outline: none;

  box-shadow: none;

  border-bottom: 1px solid rgba(255, 255, 255, .20);

}



.formGroup input::placeholder {

  color: rgba(255, 255, 255, .75);

  font-size: 15px;

}



/* =========================================

   Button

========================================= */



.contactBtn {

  width: 100%;

  height: 54px;



  border: none;

  background: #fff;



  display: flex;

  align-items: center;

  justify-content: center;

  gap: 10px;



  color: #055c57;

  font-size: 14px;

  font-weight: 600;

  letter-spacing: 1px;



  margin-top: 15px;



  cursor: pointer;

  transition: .3s ease;

}



.contactBtn img {

  width: 16px;

  height: auto;

}



.contactBtn:hover {

  opacity: .95;

}



/* =========================================

   Privacy Text

========================================= */



.privacyText {

  margin-top: 22px;



  color: rgba(255, 255, 255, .7);



  font-size: 13px;

  line-height: 1.7;

}



/* =========================================

   Responsive

========================================= */



@media(max-width:1199px) {



  .contactFormCard {

    margin-left: -60px;

  }



  .contactFormCard__inner {

    padding: 45px;

  }



}



@media(max-width:991px) {



  .contactCta {

    padding: 30px 0;

  }



  .contactCta__wrapper {

    flex-direction: column;

    margin-top: 40px;

  }



  .contactInfoCard,

  .contactFormCard {

    width: 100%;

  }



  .contactFormCard {

    margin-left: 0;

    margin-top: 0;

  }



  .contactInfoCard__inner,

  .contactFormCard__inner {

    min-height: auto;

    padding: 40px 25px;

  }



  .contactCta__header h2 {

    font-size: 34px;

  }



  .contactInfoCard__content h3 {

    font-size: 22px;

  }



  .contactFormCard h3 {

    font-size: 30px;

  }



}



@media(max-width:767px) {



  .contactCta__header h2 {

    font-size: 30px;

  }



  .contactItem {

    gap: 14px;

  }



  .contactItem__icon {

    width: 18px;

  }



  .contactItem__info strong {

    font-size: 16px;

  }



  .contactItem__info span {

    font-size: 14px;

  }



}











/* ====================================================

   GALLERY SECTION  —  no Swiper, pure CSS + vanilla JS

==================================================== */



/* ── Section ── */

.gallerySection {

  background: #FFF8EF;

  padding: 60px 0 100px;

}



/* ── Heading ── */

.galleryHeading {

  text-align: center;

  margin-bottom: 48px;

}



.gallerySubTitle {

  display: block;

  font-family: Arial, sans-serif;

  font-size: 11px;

  font-weight: 700;

  letter-spacing: 3px;

  text-transform: uppercase;

  color: #111;

  margin-bottom: 14px;

}



.galleryTitle {

  font-family: 'Akshar', sans-serif;

  font-size: 40px;

  line-height: 1.15;

  font-weight: 300;

  color: #1D1D1D;

  margin: 0;

}



/* ── Slider shell ── */

.gallerySlider {

  position: relative;

  height: 560px;

  overflow: hidden;

  background: #111;

}



/* bottom gradient for label readability */

.gallerySlider::after {

  content: '';

  position: absolute;

  left: 0;

  right: 0;

  bottom: 0;

  height: 55%;

  background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.6));

  z-index: 5;

  pointer-events: none;

}



/* ── Individual slides ── */

.slide {

  position: absolute;

  inset: 0;

  opacity: 0;

  transition: opacity 0.6s ease;

  pointer-events: none;

}



.slide.active {

  opacity: 1;

  pointer-events: auto;

}



.slide img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  display: block;

}



/* ── Tabs  (inside .gallerySlider so they overlay image) ── */

.galleryTabs {

  position: absolute;

  top: 28px;

  left: 50%;

  transform: translateX(-50%);

  z-index: 20;

  display: flex;

  align-items: stretch;

  border: 1.5px solid rgba(255, 255, 255, 0.6);

  border-radius: 45px;

  overflow: hidden;

  white-space: nowrap;

}



.galleryTab {

  min-width: 150px;

  height: 56px;

  border: none;

  border-right: 1px solid rgba(255, 255, 255, 0.35);

  background: transparent;

  color: rgba(255, 255, 255, 0.9);

  font-family: Arial, sans-serif;

  font-size: 12px;

  font-weight: 600;

  letter-spacing: 2px;

  text-transform: uppercase;

  cursor: pointer;

  padding: 0 20px;

  transition: background .25s, color .25s;

}



.galleryTab:last-child {

  border-right: none;

}



.galleryTab.active {

  background: #fff;

  color: #111;

}



.galleryTab:first-child.active {

  border-radius: 42px 0 0 42px;

}



/* left pill */

.galleryTab:not(:first-child).active {

  border-radius: 0;

}



.galleryTab:not(.active):hover {

  background: rgba(255, 255, 255, 0.12);

}



/* ── Overlay: label + dots ── */

.galleryOverlay {

  position: absolute;

  left: 0;

  right: 0;

  bottom: 38px;

  z-index: 15;

  text-align: center;

  pointer-events: none;

}



.galleryLabel {

  font-family: Arial, sans-serif;

  font-size: 38px;

  font-weight: 200;

  letter-spacing: 6px;

  text-transform: uppercase;

  color: #E7D1A8;

  margin-bottom: 20px;

  transition: opacity .3s;

}



/* ── Pagination dots ── */

.galleryDots {

  display: flex;

  align-items: center;

  justify-content: center;

  pointer-events: all;

}



.dot {

  width: 10px;

  height: 10px;

  border-radius: 50%;

  background: rgba(255, 255, 255, 0.6);

  margin: 0 10px;

  cursor: pointer;

  border: none;

  padding: 0;

  flex-shrink: 0;

  transition: background .25s, outline .25s;

}



.dot.active {

  background: #fff;

  outline: 2px solid rgba(255, 255, 255, 0.75);

  outline-offset: 3px;

}



/* ── Navigation arrows ── */

.galleryArrow {

  position: absolute;

  bottom: 38px;

  width: 50px;

  height: 50px;

  border: 1.5px solid rgba(255, 255, 255, 0.6);

  background: transparent;

  display: flex;

  align-items: center;

  justify-content: center;

  color: #fff;

  cursor: pointer;

  z-index: 20;

  transition: background .25s;

}



.galleryArrow:hover {

  background: rgba(255, 255, 255, 0.18);

}



.galleryArrow svg {

  width: 16px;

  height: 16px;

  fill: none;

  stroke: #fff;

  stroke-width: 2;

  stroke-linecap: round;

  stroke-linejoin: round;

}



.galleryPrev {

  left: 50px;

}



.galleryNext {

  right: 50px;

}



/* ── Responsive ── */

@media (max-width: 991px) {

  .gallerySection {

    padding: 60px 0 80px;

  }



  .galleryTitle {

    font-size: 32px;

  }



  .gallerySlider {

    height: 400px;

  }



  .galleryTab {

    min-width: 110px;

    height: 48px;

    font-size: 11px;

    padding: 0 14px;

  }



  .galleryLabel {

    font-size: 24px;

    font-weight: 300;

    letter-spacing: 4px;

  }



  .galleryPrev {

    left: 14px;

  }



  .galleryNext {

    right: 14px;

  }



  .galleryArrow {

    width: 42px;

    height: 42px;

  }

}



@media (max-width: 480px) {

  .galleryTitle {

    font-size: 26px;

  }



  .gallerySlider {

    height: 280px;

  }



  .galleryTab {

    min-width: 80px;

    height: 40px;

    font-size: 10px;

    letter-spacing: 1px;

    padding: 0 10px;

  }



  .galleryLabel {

    font-size: 18px;

    letter-spacing: 3px;

  }

}





/* ===================================================

   PROJECT OVERVIEW

=================================================== */



section.projectOverview {

  position: relative;

  overflow: hidden;

  background: #FFF8EF;

  padding: 60px 0 60px;

}



@media (max-width: 768px) {

    section.projectOverview {

    padding: 60px 0 0 !important;

}

}



section.projectOverview .container {

  position: relative;

  z-index: 2;

}



/* Background Decoration */

section.projectOverview .projectOverview__bgDecor {

  position: absolute;

  top: 0;

  right: 0;

  z-index: 0;

  pointer-events: none;

}



section.projectOverview .projectOverview__bgDecor img {

  display: block;

  max-width: 100%;

}



/* ===================================================

   TOP ROW

=================================================== */



section.projectOverview .projectOverview__topRow {

  align-items: flex-start;

  margin-bottom: 70px;

}



/* ===================================================

   LEFT CONTENT

=================================================== */



section.projectOverview .section_title_ {

  margin-bottom: 30px;

}



section.projectOverview .virtualTour__subTitle {

  margin-bottom: 10px;

}



section.projectOverview .section_title_box {

  margin-bottom: 24px;

}



section.projectOverview .section_title_text {

  color: #5B5B5B;

  max-width: 92%;

  line-height: 1.7;

  padding-top: 0;

}



/* ===================================================

   HORIZONTAL VIDEO (left) — keeps its natural 16:9, never distorted

=================================================== */



section.projectOverview .projectOverview__videoH {

  border: 1px solid #CCAC7F;

  padding: 12px;

}



section.projectOverview .projectOverview__videoH .videoBox {

  aspect-ratio: 16/9;

  background: #000;

}



section.projectOverview .projectOverview__videoH video {

  width: 100%;

  height: 100%;

  display: block;

  object-fit: cover;

}



/* ===================================================

   VERTICAL VIDEO (right) — height set by JS to match left column;

   fallback height below in case JS hasn't run yet

=================================================== */



section.projectOverview .projectOverview__videoV {

  border: 1px solid #CCAC7F;

  padding: 12px;

  height: 560px; /* fallback before JS runs; JS overrides this inline */

}



section.projectOverview .projectOverview__videoV .videoBox {

  height: 100%;

  background: #000;

}



section.projectOverview .projectOverview__videoV video {

  width: 100%;

  height: 100%;

  display: block;

  object-fit: cover;

  object-position: top;

}



/* ===================================================

   PROJECT HIGHLIGHTS

=================================================== */



section.projectOverview .projectHighlights {

  margin-top: 10px;

}



section.projectOverview .projectHighlights__title {

  font-family: 'Akshar', sans-serif;

  font-size: 40px;

  font-weight: 300;

  line-height: 1.1;

  color: #1A1A1A;

  margin-bottom: 55px;

}



section.projectOverview .projectHighlights__row {

  display: flex;

  align-items: stretch;

  justify-content: space-between;

  position: relative;

}



section.projectOverview .projectHighlights__item {

  flex: 1;

  text-align: center;

  padding: 0 18px;

}



section.projectOverview .projectHighlights__icon {

  width: 36px;

  height: 36px;

  margin: 0 auto 18px;

  display: flex;

  align-items: center;

  justify-content: center;

}



section.projectOverview .projectHighlights__icon img {

  max-width: 30px;

  max-height: 30px;

}



section.projectOverview .projectHighlights__label {

  font-family: "Inter", sans-serif;

  font-size: 14px;

  font-weight: 700;

  letter-spacing: 2px;

  text-transform: uppercase;

  color: #1A1A1A;

  margin-bottom: 10px;

}



section.projectOverview .projectHighlights__value {

  font-family: "Inter", sans-serif;

  font-size: 18px;

  font-weight: 400;

  line-height: 1.6;

  color: #425466;

}



section.projectOverview .projectHighlights__divider {

  width: 1px;

  background: rgba(204, 172, 127, .6);

  position: relative;

  flex-shrink: 0;

}



section.projectOverview .projectHighlights__divider::before {

  content: "";

  width: 7px;

  height: 7px;

  border: 1px solid #CCAC7F;

  background: #FFF8EF;

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%) rotate(45deg);

}



/* ===================================================

   MOBILE

=================================================== */





@media(max-width:991px) {



  section.projectOverview {

    padding: 60px 0;

  }



  section.projectOverview .projectOverview__topRow {

    margin-bottom: 50px;

  }



  section.projectOverview .projectOverview__videoV {

    height: auto; /* JS clears inline height below 992px too, this is the CSS fallback */

  }



  section.projectOverview .projectOverview__videoV .videoBox {

    height: auto;

    aspect-ratio: 3/4;

  }



  section.projectOverview .projectHighlights__title {

    font-size: 26px;

    margin-bottom: 35px;

  }



  section.projectOverview .projectHighlights__row {

    flex-wrap: wrap;

    row-gap: 30px;

  }



  section.projectOverview .projectHighlights__item {

    flex: 0 0 50%;

  }



  section.projectOverview .projectHighlights__divider {

    display: none;

  }



  section.projectOverview .projectHighlights__value {

    font-size: 16px;

  }

  

  /* below 384px break issue*/

  section.projectOverview .projectHighlights__item {

  flex: 0 0 50%;

  min-width: 0; /* add this line */

}



section.projectOverview .projectHighlights__label {

  overflow-wrap: break-word; /* add these three lines */

  word-break: break-word;

  hyphens: auto;

}



}





@media (max-width: 768px) { 

    section.projectOverview .projectHighlights__label {

        font-size: 12px;

    }

    

    

    section.projectOverview .projectHighlights__value {

        font-size: 12px !important;

    }

    

    section.projectOverview .projectHighlights__icon {

    height: 30px !important; }

    

    .projectHighlights__icon img {

    max-width: 22px !important;

    max-height: 22px !important;

 }

 

 section.projectOverview .section_title_text {

    font-size: 12px !important;

}



}









/*Video slider*/

/* ===================================================

   Smart Living Section

   =================================================== */



.smartLiving {

  background: #FFF8EF;

  padding: 60px 0 60px;

  text-align: center;

  overflow: hidden;

}



.smartLiving__subLabel {

  display: block;

  font-family: "Inter", sans-serif;

  font-size: 11px;

  font-weight: 700;

  letter-spacing: 0.20em;

  text-transform: uppercase;

  color: #1a1a1a;

  margin-bottom: 10px;

}



.smartLiving__title {

  font-family: 'Akshar', sans-serif;

  font-weight: 300;

  font-size: clamp(26px, 4vw, 48px);

  line-height: 1.2;

  color: #1a1a1a;

  margin: 0 0 14px;

}



@media (min-width: 992px) {

  .smartLiving__title {

    font-size: 40px;

  }

}



@media (min-width: 1400px) {

  .smartLiving__title {

    font-size: 48px;

  }

}



.smartLiving__desc {

  max-width: 500px;

  margin: 0 auto 0;

  font-size: 16px;

  line-height: 1.9;

  color: #666;

}



/* Bottom padding increased from 35px to 140px — this is the actual

   fix. The shadow needs ~120px of clearance below the card (22px

   offset + 100px blur) to fade out fully. At only 35px, the shadow

   was being sliced off abruptly while still dense, which is exactly

   what reads as a hard line rather than a soft fade. */

.smartSliderWrap {

  position: relative;

  overflow-x: hidden;

  overflow-y: visible;

  padding: 30px 0 0px;

}



.smartSlider {

  position: relative;

  height: 380px;

}



.smartCard {

  position: absolute;

  top: 0;

  left: 50%;

  width: 52%;

  background: #fff;

  box-sizing: border-box;

  transition: .5s ease;

  cursor: pointer;

  display: flex;

  flex-direction: column;

}



.smartMedia {

  height: auto;

  overflow: hidden;

  background: #0d1f3c;

  flex-shrink: 0;

}



.smartMedia img,

.smartMedia video {

  width: 100%;

  height: 100%;

  object-fit: cover;

  display: block;

}



.smartContent {

  padding: 20px 26px 22px;

  text-align: left;

  background: #fff;

  flex: 1;

  box-sizing: border-box;

  overflow: visible;

}



.smartContent h3 {

  font-family: "Times New Roman", Times, serif;

  font-size: clamp(16px, 1.6vw, 20px);

  font-weight: 400;

  color: #1a1a1a;

  margin-bottom: 7px;

  line-height: 1.3;

}



.smartContent p {

  font-family: "Inter", sans-serif;

  font-size: 12px;

  color: #888;

  line-height: 1.65;

  margin: 0;

}



.smartCard {

  border-radius: 0;

  overflow: visible;

}



.smartCard.active {

  transform: translateX(-50%) scale(1);

  z-index: 5;

  box-shadow: 20px 18px 100px 0px rgba(0, 0, 0, 0), -20px 22px 100px 0px rgba(0, 0, 0, 0.10);

}



.smartCard.active .smartContent {

  box-shadow: none;

}



.smartCard.prev {

  transform: translateX(-88%) scale(.9);

  opacity: .6;

  z-index: 1;

}



.smartCard.next {

  transform: translateX(-12%) scale(.9);

  opacity: .6;

  z-index: 1;

}



.smartNav {

  display: flex;

  justify-content: center;

  align-items: center;

  gap: 32px;

}



.smartNav button {

  background: none;

  border: none;

  padding: 0;

  cursor: pointer;

  width: 82px;

  display: flex;

  align-items: center;

  justify-content: center;

  transition: opacity .25s;

}



.smartNav button:hover {

  opacity: .6;

}



.smartNav button img {

  width: 82px;

  height: 82px;

  object-fit: contain;

  display: block;

}



@media (max-width: 1199px) {

  .smartCard {

    width: 56%;

  }



  .smartSlider {

    height: 480px;

  }



  .smartMedia {

    height: 360px;

  }

}



@media (max-width: 991px) {

  .smartCard {

    width: 64%;

  }



  .smartSlider {

    height: 460px;

  }



  .smartMedia {

    height: 340px;

  }



  .smartContent {

    padding: 16px 20px 18px;

  }

}



@media (max-width: 767px) {

  .smartLiving {

    padding: 80px 0 40px;

  }



  .smartLiving__desc {

    margin-bottom: 0;

  }



  .smartCard {

    width: 76%;

  }



  .smartSlider {

    height: 410px;

  }



  .smartMedia {

    height: 300px;

  }



  .smartContent h3 {

    font-size: 15px;

  }



  .smartContent p {

    font-size: 11px;

  }



  .smartNav button {

    width: 38px;

    height: 38px;

  }

}



@media (max-width: 768px) {

  .smartCard {

    width: 88%;

  }



  .smartSlider {

    height: 280px;

  }



  .smartMedia {

    height: 250px;

  }



  .smartContent {

    padding: 12px 14px 14px;

  }



  .smartContent h3 {

    font-size: 14px;

  }



  .smartNav button {

    width: 34px;

    height: 34px;

  }

}





/* ===================================================

   Smart Living — video-only additions

   Add these rules to your existing smartLiving CSS.

   They make local <video> and YouTube <iframe>

   fill the .smartMedia box cleanly without a separate

   thumbnail image.

   =================================================== */



/* Local video fills the media box */

.smartMedia .smartVideo {

  width: 100%;

  height: 100%;

  object-fit: cover;

  display: block;

}



/* YouTube iframe fills the media box */

.smartMedia iframe {

  width: 100%;

  height: 100%;

  border: none;

  display: block;

}



/* Dark placeholder shown before any media loads */

.smartMedia {

  background: #111;

  /* keeps the box visible even before video metadata loads */

}



/* Non-active cards: pause icon overlay so user knows video is paused */

.smartCard:not(.active) .smartMedia::after {

  content: "";

  position: absolute;

  inset: 0;

  background: rgba(0, 0, 0, 0.35);

  pointer-events: none;

}



/* Required: make .smartMedia position:relative for the overlay above */

.smartMedia {

  position: relative;

}





/* ===================================================

   Location Section

   Add this to your main CSS file (e.g. style.css)

   alongside your existing section styles.

   =================================================== */

section.locationSection {

  background: #FFF8EF;

  position: relative;

  overflow: hidden;

  padding: 60px 0 80px;

}



@media (max-width: 768px) { 

    section.locationSection {

   padding: 40px 0 40px;

}



}





@media (min-width: 992px) {

  section.locationSection {

    padding: 60px 0 90px;

  }

}



/* ── Section heading reuses existing .section_title_ + .virtualTour__subTitle ── */

section.locationSection .section_title_ {

  margin-bottom: 36px;

}

@media (min-width: 992px) {

  section.locationSection .section_title_ {

    margin-bottom: 44px;

  }

}



/* ================================================

   MAP WRAPPER

   Gold bracket border matching projectOverview

   video boxes

================================================ */

section.locationSection .locationSection__mapWrapper {

  margin-bottom: 52px;

}



section.locationSection .locationSection__mapFrame {

  line-height: 0;

}



section.locationSection .locationSection__mapImg {

  width: 100%;

  display: block;

  height: auto;   /* natural ratio, no cropping */

  object-fit: cover;  /* irrelevant when height:auto, but harmless */

}





@media (max-width: 767px) {

  section.locationSection .locationSection__mapImg {

    height: 60vw;

    min-height: 220px;

  }

}



@media (min-width: 768px) and (max-width: 991px) {

  section.locationSection .locationSection__mapImg {

    height: 50vw;

  }

}



/* ================================================

   NEARBY ESSENTIALS

================================================ */

section.locationSection .locationSection__essentialsTitle {

  font-family: 'Akshar', sans-serif;

  font-size: 32px;

  font-weight: 300;

  line-height: 1.2;

  color: #1a1a1a;

  margin: 0 0 32px;

}

@media (min-width: 992px) {

  section.locationSection .locationSection__essentialsTitle {

    font-size: 40px;

    margin-bottom: 36px;

  }

}



/* 4-col grid on desktop, 2-col on tablet, 1-col on mobile */

section.locationSection .locationSection__essentialsGrid {

  display: grid;

  grid-template-columns: 1fr 1fr;

  gap: 32px 24px;

}

@media (min-width: 768px) {

  section.locationSection .locationSection__essentialsGrid {

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

    gap: 0;

  }

}



section.locationSection .locationSection__essentialsCol {

  padding-right: 20px;

}



/* Vertical dividers — desktop only */

@media (min-width: 768px) {

  section.locationSection .locationSection__essentialsCol:not(:last-child) {

    padding-right: 28px;

  }

  section.locationSection .locationSection__essentialsCol:not(:first-child) {

    padding-left: 28px;

    padding-right: 20px;

  }

}



/* Category label */

section.locationSection .locationSection__catLabel {

  font-family: "Inter", sans-serif;

  font-size: 10px;

  font-weight: 700;

  letter-spacing: 0.18em;

  text-transform: uppercase;

  color: #0A4F4A;

  margin-bottom: 14px;

}

@media (min-width: 992px) {

  section.locationSection .locationSection__catLabel {

    font-size: 11px;

    margin-bottom: 16px;

  }

}



/* List */

section.locationSection .locationSection__list {

  list-style: none;

  margin: 0;

  padding: 0;

}

section.locationSection .locationSection__list li {

  font-family: "Inter", sans-serif;

  font-size: 13px;

  font-weight: 400;

  line-height: 1.8;

  color: #555;

  padding: 2px 0;

}

@media (min-width: 992px) {

  section.locationSection .locationSection__list li {

    font-size: 14px;

  }

}

/*Location End*/





/* Form inline errors */

.formError {

  display: none;

  font-size: 12px;

  color: #e74c3c;

  margin-top: 4px;

}



/* Alert box below fields */

.cf-alert {

  padding: 12px 16px;

  border-radius: 4px;

  font-size: 14px;

  margin-bottom: 12px;

}



.cf-alert--ok {

  background: #e6f9f0;

  color: #1a7a4a;

  border: 1px solid #a3d9b8;

}



.cf-alert--err {

  background: #fdecea;

  color: #c0392b;

  border: 1px solid #f0a8a2;

}




video::-webkit-media-controls-overlay-enclosure {

    height: 90% !important;

}

.callWrapper {
  position: fixed;
  right: 30px;
  bottom: 70px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  z-index: 10000;
}

.callWrapper img {
  width: 40px;
}

.propflo-button-wrapper {
  width: 40px !important;
  height: 40px !important;
}

.propflo-button-wrapper .button__container {
  width: 40px !important;
  height: 40px !important;
}

@media (min-width: 992px) {
  .callWrapper {
    bottom: 90px;
  }

  .callWrapper img {
    width: 60px;
  }

  .propflo-button-wrapper {
    width: 60px !important;
    height: 60px !important;
  }

  .propflo-button-wrapper .button__container {
    width: 60px !important;
    height: 60px !important;
  }
}


/*popup form extra question dropdown*/
.formWrapper .selectbox {
  margin-bottom: 30px;
  position: relative;
}

.formWrapper .selectbox select.formSelect {
  width: 100%;
  background-color: #fff;
  border: 1px solid rgba(49, 72, 98, .1);
  border-radius: 8px;
  font-size: 15px;
  font-weight: 400;
  font-family: 'Akshar', sans-serif;
  padding: 15px 40px 15px 20px;
  outline: 0;
  box-shadow: none;
  color: #000;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
  transition: all .3s ease;
}

.formWrapper .selectbox select.formSelect:focus {
  box-shadow: none;
  outline: 0;
  border-color: #0A4F4A;
}

.formWrapper .selectbox::after {
  content: "";
  position: absolute;
  right: 20px;
  top: 50%;
  width: 10px;
  height: 10px;
  border-right: 2px solid #58595B;
  border-bottom: 2px solid #58595B;
  transform: translateY(-65%) rotate(45deg);
  pointer-events: none;
}