* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;

}

:root {
  --primary-color: #B69F74;
  --fff: #fff;
  --black: #212121;
  --bgLight: #FCFCFC;
  --bgDark: #173A35;

  --carousel-h: 500px;
--card-r: 22px;
--gap: 28px;
--side-scale: .81;
--center-scale: 1.01;
--shadow: 0 12px 28px rgba(0,0,0,.15);
--shadow-soft: 0 6px 16px rgba(0,0,0,.12);
--dot: #d1d5db;
--dot-active: #111827;
--arrow-bg: #0f172a;
--arrow-color: #fff;

  --width: min(1000px, 90vw);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
html{
  scroll-padding-top: 92px;
}

@font-face {
  font-family: 'Cormorant Garamond Regular';
  src: url('../fonts/Cormorant_Garamond/CormorantGaramond-Regular.ttf');
  font-style: normal;
}

@font-face {
  font-family: 'Cormorant Garamond Bold';
  src: url('../fonts/Cormorant_Garamond/CormorantGaramond-Bold.ttf');
  font-style: normal;
}

@font-face {
  font-family: 'Lato-Bold';
  src: url('../fonts/Lato/Lato-Bold.ttf');
  font-style: normal;
}

@font-face {
  font-family: 'Lato-Regular';
  src: url('../fonts/Lato/Lato-Regular.ttf');
  font-style: normal;
}



header {
  position: relative;
}
.fixed-header{
  position: fixed !important;
  z-index: 99 !important;
  background-color: #000000a6;
}
.nav_bar {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 10px 80px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
}

.right_nav {
  display: flex;
  gap: 30px;
  align-items: center;
}

.right_nav .call_btn {
  text-decoration: none;
  color: #000;
  border: 1px solid var(--fff);
  border-radius: 50px;
  padding: 10px 25px;
  color: var(--fff);
  font-family: 'Lato-Regular';
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  letter-spacing: 1px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.right_nav .call_btn img {
  width: 16px;
  height: 16px;
}

.logo img {
  width: 110px;
}

header .carousel-item img {
  width: 100%;
  height: 100vh;
}

header .carousel-inner {
  width: 100%;
  height: 100vh;
  position: relative;
}

header .carousel-inner::before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 225px;
  background: linear-gradient(180deg, #1D3F5B 0%, rgba(29, 63, 91, 0.60) 46.47%, rgba(29, 63, 91, 0.00) 100%);
  z-index: 99;
}





.menu-btn {
  background: none;
  border: none;
  color: #0e0e0e;
  font-size: 22px;
  cursor: pointer;
}


.side-menu {
  position: fixed;
  top: 0;
  right: -372px;
  width: 368px;
  height: 100%;
  background-color: #173a35;
  color: var(--fff);
  padding: 10px 20px;
  box-shadow: -3px 0 10px rgba(0, 0, 0, 0.5);
  transition: right 0.3s ease;
  z-index: 20;
}

.side-menu.active {
  right: 0;
}

.nav_bar .side-menu .close-btn {
  background: none;
  border: 1px solid var(--fff) !important;
  border-radius: 50px;
  padding: 10px 15px;
  color: var(--fff);
  cursor: pointer;
  position: absolute;
  top: 35px;
  right: 20px;
}
.nav_bar .side-menu  .side_nav_logo{
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 30px;
}
.nav_bar .side-menu  .side_nav_logo img{
  width: 150px;
}

.nav_bar .side-menu ul {
  list-style: none;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 25px;
  gap: 15px;
}

.nav_bar .side-menu ul li {
  color: var(--fff);
  text-align: center;
  font-family: 'Cormorant Garamond Regular';
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 1px;
  padding-bottom: 15px;
  border-bottom: 1px solid var(--primary-color);
  width: 100%;
}
.nav_bar .side-menu ul li:last-child{
  border-bottom: none;
}
.side-menu ul li a {
  color: var(--fff);
  text-decoration: none;
  transition: color 0.2s;
}

.side-menu ul li a:hover {
  color: var(--primary-color);
}


.banner_content {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  background: linear-gradient(0deg, #000 0%, rgba(0, 0, 0, 0.60) 72.42%, rgba(0, 0, 0, 0.00) 100%);
  padding-top: 150px;
  padding-bottom: 100px;
  color: var(--fff);
  text-align: center;
}

.banner_content h1 {
  color: var(--fff);
  font-family: 'Cormorant Garamond Regular';
  font-size: 50px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 1px;
  margin-bottom: 40px;
}

.banner_content_flexB {
  display: flex;
  width: 50%;
  margin: auto;
  justify-content: space-between;
  margin-top: 25px;
}

.banner_content_item {
  width: 33%;
}

.banner_content_item p {
  color: var(--fff);
  font-family: 'Cormorant Garamond Regular';
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-align: center;
  letter-spacing: 1px;
  margin-bottom: 8px;
}

.banner_content_item h5 {
  color: var(--fff);
  font-family: 'Lato-Regular';
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 1px;
  text-align: center;
}

.banner_price h5 span {
  color: var(--fff);
  font-family: 'Lato-Regular';
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 1px;
}

.banner_content .banner_btn {
  border: 1px solid var(--fff);
  background-color: transparent;
  color: var(--fff);
  border-radius: 50px;
  padding: 10px 25px;
  transition: all 0.3s ease-in-out;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 1px;
  font-family: 'Lato-Regular';
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  margin-top: 40px;
  outline: none;
  cursor: pointer;


}

.banner_content .banner_btn img {
  width: 16px;
  height: auto;
  margin-left: 8px;
}

.banner_price {
  position: relative;
  width: 33%;
}

.banner_price::after {
  content: " ";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, #FFF 49.52%, rgba(255, 255, 255, 0.00) 100%);
  width: 1px;
  height: 45px;
}

.banner_price::before {
  content: " ";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, #FFF 49.52%, rgba(255, 255, 255, 0.00) 100%);
  width: 1px;
  height: 45px;
}



/* overview section  */
.overview_section {
  background-color: var(--bgLight);
}

.custome_container {
  width: 80% !important;
  margin: auto;
}

.overview_flexBox {
  display: flex;
}

.overview_content {
  width: 60%;
}

.overview_img {
  width: 40%;
  display: flex;
  align-items: center;
  justify-content: end
}

.overview_img img {
  width: 419px;
  height: 100%;
}

.overview_content {
  padding-top: 80px;
  padding-right: 30px;
}

.section_title {
  color: var(--black);
  font-family: 'Cormorant Garamond Regular';
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 1.5px;
  margin-bottom: 20px;
  margin-top: 20px;
}

.overview_content p {
  color: var(--black);
  text-align: justify;
  font-family: 'Lato-Regular';
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  /* 187.5% */
  letter-spacing: 0.5px;
}


.custome_button {
  background-color: var(--primary-color);
  color: var(--fff);
  border-radius: 50px !important;
  padding: 11px 6px 11px 20px !important;
  transition: all 0.3s ease-in-out;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 1px;
  font-family: 'Lato-Regular';
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
  outline: none;
  cursor: pointer;
  margin-top: 50px;
}

.custome_button span {
  padding: 10px;
  background-color: #ad9871;
  border-radius: 50%;

}

.custome_button span img {
  width: 14px;
  height: 14px;
  margin: auto;
}

.overview_content .custome_button {
  margin-bottom: 30px;
}

.section_line {
  width: 564px;
  height: 1px;
  background: linear-gradient(90deg, #A69C8E 0%, rgba(166, 156, 142, 0.00) 100%);
}

.section_icons {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 8px;
}

.section_icons img {
  width: 30px;
  height: 25px;
}

/* highlights section */

.highlight_section {
  padding: 100px 0;
  background: var(--bgDark);
  backdrop-filter: blur(1.5px);
}

.highlight_section .highlights_img {
  width: 558px;
  height: 277px;
  border-radius: 250px;
}

.highlight_section .section_title {
  color: var(--fff);
}

.section_disc {
  color: var(--fff);
    font-family: 'Lato-Regular';
    font-size: 16px;
    text-align: justify;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: 0.5px;
}

.highlightsBox {
  display: flex;
  align-items: center;
    gap: 16px;
    width: 98%;
    margin: auto;
    padding: 12px;
    border: 1px solid var(--primary-color);
    position: relative;
    margin-top: 35px;
}

.highlightsBox::before {
  content: "";
  position: absolute;
  left: -4px;
  top: -4px;
  width: 13px;
  height: 13px;
  background-color: var(--primary-color);
  border-radius: 50%;
}

.highlights_icon {
  padding: 15px 25px;
  width: 76px;
    height: 76px;
  background-color: #052b25;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.highlights_icon img {
  width: 30.269px;
  height: 39.98px;
}

.highlights_contents h4 {
  color: var(--fff);
  text-align: justify;
  font-family: 'Cormorant Garamond Regular';
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 30px;
  /* 125% */
  letter-spacing: 1px;
  margin-bottom: 0;
}

.highlights_contents p {
  color: var(--fff);
  text-align: justify;
  font-family: 'Lato-Regular';
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  /* 214.286% */
  letter-spacing: 1px;
  margin-bottom: 0;
}


/* amenities section */
.amenities_section {
  padding: 100px 0;
  background-color: var(--bgLight);
}

.amenities_section .section_disc {
  color: var(--black);
}

.amenities_icon {
  width: 44px;
  height: 40px;
  margin-bottom: 14px;
}

.amenities_section .amt_name {
  color: var(--black);
  text-align: justify;
  font-family: 'Lato-Regular';
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  /* 214.286% */
  letter-spacing: 1px;
}

.amt_video {
  width: 100%;
  height: 482px;
  border-radius: 20px;
  object-fit: cover;
}

/* price section */

.price_section {
  padding: 100px 0;
  background-color: var(--bgDark);
  backdrop-filter: blur(1.5px);
  position: relative;
}

.price_section .section_title {
  color: var(--fff);
}

.price_section .price_box {
  padding: 39px 10px !important;
  position: relative;
  color: var(--fff);
  margin-bottom: 20px !important;
  background: linear-gradient(90deg, rgba(30, 44, 54, 0.10) 0%, #112d29 29.73%, #112d29 60%, rgba(30, 44, 54, 0.10) 100%);
}

.price_section .price_box::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  /* thickness of the border */
  background: linear-gradient(90deg, rgba(154, 144, 128, 0.00) 0%, #9A9080 50%, rgba(154, 144, 128, 0.00) 100%);
}

.price_section .price_box::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  /* thickness of the border */
  background: linear-gradient(90deg, rgba(154, 144, 128, 0.00) 0%, #9A9080 50%, rgba(154, 144, 128, 0.00) 100%);
}

.price_section .price_box p {
  color: var(--primary-color);
  font-family: 'Cormorant Garamond Regular';
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 1px;
}

.price_section .price_box h3 {
  color: var(--fff);
  font-family: 'Lato-Regular';
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 1px;
      margin-bottom: 0;
}

.price_section .price_box h3 span {
  color: var(--fff);
  font-family: 'Lato-Regular';
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.price_section .price_bgImg {
  width: 628px;
  height: 241px;
  position: absolute;
  bottom: 85px;
  right: 200px;
  z-index: -1;
}


/* floor planm section */
.floor_plan_sec {
  padding: 100px 0;
  background-color: var(--bgLight);
  position: relative;
}

.floor_plan_sec .section_disc {
  color: var(--black);
}

.floor_plan_img {
  width: 564px;
  height: 272px;
  border-radius: 250px;
}

.floor_tab_box .nav-tabs {
  display: flex;
  justify-content: space-evenly;
  width: 100%;

}

.floor_tab_box .nav-tabs .nav-link {
  background: transparent;
  border: none;
  color: var(--bgDark);
  font-weight: 500;
  padding: 15px 30px;
  border-bottom: 3px solid transparent;
  transition: all 0.3s ease;
  font-family: 'Lato-Regular';
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 30px;
  /* 150% */
  letter-spacing: 0.5px;
}

.floor_tab_box .nav-tabs .nav-link:hover {
  border-bottom: 3px solid var(--primary-color);
}

.floor_tab_box .nav-tabs .nav-link.active {
  border-bottom: 3px solid var(--primary-color);
}

.floor_plan_sec .tab-content {
  margin-top: 70px;
}

.floor_plan_sec .floor_plan_img1 {
  width: 90%;
  height: 356px;
}

.floor_plan_sec .floorBox_title {
  color: var(--bgDark);
  font-family: 'Cormorant Garamond Regular';
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 1px;
  margin-top: 15px;
}

.floor_plan_sec .floorBox_title+p {
  color: var(--bgDark);
  text-align: justify;
  font-family: 'Lato-Regular';
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  /* 187.5% */
  letter-spacing: 1px;
  margin-top: 20px;
}

.floor_plan_sec .floor_typo p {
  color: var(--primary-color);
  font-family: 'Cormorant Garamond Regular';
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.5px;
  margin-bottom: 8px;
}

.floor_plan_sec .floor_typo h3 {
  color: var(--bgDark);
  font-family: 'Lato-Regular';
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.floor_plan_sec .floor_typo1 p,
.floor_plan_sec .floor_typo1 h3 {
  text-align: start;
}

/* .floor_plan_sec .floor_typo2 p,
.floor_plan_sec .floor_typo2 h3 {
  text-align: center;
} */

.floor_plan_sec .floor_typo3 p,
.floor_plan_sec .floor_typo3 h3 {
  text-align: end;
}



/* location section */
.location_section {
  padding: 100px 0;
  background-color: var(--bgDark);
  position: relative;
  width: 100%;
}

.location_section .container-fluid {
  width: 100% !important;
  padding-left: 0;
}

.location_section .location_img {
  width: 100%;
  padding: 56px 0;
  border-radius: 0 51px 51px 0;
  border: 1px solid #9A9080;
  background: #163732;
  box-shadow: 0 300px 84px 0 rgba(154, 144, 128, 0.00), 0 192px 77px 0 rgba(154, 144, 128, 0.01), 0 108px 65px 0 rgba(154, 144, 128, 0.05), 0 48px 48px 0 rgba(154, 144, 128, 0.09), 0 12px 26px 0 rgba(154, 144, 128, 0.10);
  display: flex;
  justify-content: center;
  align-items: center;
}

.location_section .location_img img {
  width: 427px;
  height: 512px;
  flex-shrink: 0;
  aspect-ratio: 397.51/459.64;
}

.location_section .section_title {
  color: var(--fff);
}

.location_section .location_advantageBox {
  padding: 0 180px 0 100px;
}

.location_section .location_advantage h3 {
  color: var(--fff);
  text-align: justify;
  font-family: 'Cormorant Garamond Regular';
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: 40px;
  /* 101.19% */
  letter-spacing: 1px;
  margin-bottom: 0;
}

.location_section .location_advantage p {
  color: var(--primary-color);
  font-family: 'Lato-Regular';
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 40px;
  letter-spacing: 1px;
  margin-bottom: 0;
}

.location_section .location_advantage {
  margin-bottom: 30px;
  margin-top: 30px;
}


/* gallery section */
.gallery_section {
  padding: 100px 0;
  background-color: var(--bgLight);
  position: relative;
}

.gallery_section .section_disc {
  color: var(--black);
}

.gallery_secBtns {
  padding-top: 80px;
  display: flex;
  justify-content: right;
  padding-left: 110px;
}


.gallery_section .wrap{max-width: 100%; margin: 48px auto; padding: 0 16px;position: relative; z-index: 9;}
.gallery_section .title{font-weight:600;font-size:20px;margin-bottom:16px;color:#111827}
.gallery_section .carousel{position:relative;height:var(--carousel-h);user-select:none;touch-action:pan-y;}
.gallery_section .nav{position:absolute;inset:0;pointer-events:none  }
.gallery_section .nav button{pointer-events:auto;position:absolute;top:50%;translate:0 -50%;width:44px;height:44px;border:none;display:grid;place-items:center;cursor:pointer;background-color: transparent;}
.gallery_section .nav button:hover{opacity:1}
.gallery_section .nav .prev{left:-6px} .nav .next{right:-6px}
.gallery_section .track{position:absolute;inset:0;display:grid;place-items:center;}
.gallery_section .card-item{position:absolute;width:min(100%,866px);height:var(--carousel-h);border-radius:var(--card-r);overflow:hidden;background:#f3f4f6;transition:transform .55s cubic-bezier(.2,.7,.1,1), box-shadow .35s ease, opacity .35s ease;will-change:transform;}
.gallery_section .card-item:not(.card-item.center) {width: 420;}
.gallery_section .card-item img{border-radius: 15px;}
.gallery_section .card-item.center{background: #fff;padding: 12px 10px;border-radius: 22px;width: min(100%,802px);/* position: elative; *//* overflow: hidden; */}
.gallery_section .card-item img{width:100%;height:100%;object-fit:cover;display:block}
.gallery_section .dots{display:inline-flex;gap:18px;justify-content:center;margin-top:16px;position: relative;outline: none;margin-top: 25px;}
.gallery_section .dots::after{width: 100%;content: '';position: absolute;background: var(--dot);height: 6px;top: 50%;right: 0;
transform: translateY(-50%);}
.gallery_section .dot{width:15px;height:15px;border-radius:50%;background:var(--dot);border:none;cursor:pointer;
transition:transform .25s ease, background .25s ease;position: relative;z-index: 1;}
.gallery_section .dot[aria-current="true"]{background:var(--dot-active);}
.gallery_section .nav button:focus-visible, .dot:focus-visible{outline:3px solid #6366f1;outline-offset:2px}
@media (max-width:640px){
:root{--carousel-h:300px}
.gallery_section .nav {display: none!important;}
.gallery_section .nav .prev{left:2px} .nav .next{right:2px}
.gallery_section .wrap {overflow: hidden;padding: 0 27px;}

}
.gallery_section .zoom-icon {height: 50px;width: 50px;cursor: pointer;z-index: 999;position: absolute;background: #00000099;bottom: 31px;left: 50%;transform: translate(-50%, -50%);border-radius: 50%;}
.gallery_section .zoom-icon  img{width: 100%;height: 100%;    padding: 15px;;}









/* developer section */
.developer_section {
  /* padding: 100px 0; */
  position: relative;
  width: 100%;
  /* height: 50vh; */

}

.developer_section .custome_container {
  position: relative;
  z-index: 9;
}

.developer_section .dev_bg_video {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  object-fit: cover;
}

.developer_section::after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(0deg, rgb(23 58 53 / 64%) 0%, rgb(23 58 53 / 85%) 100%);
  backdrop-filter: blur(2.5px);
  width: 100%;
  height: 100%;
}

.developer_section .dev_sec_log {
  position: relative;
  width: 50%;
  min-height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: linear-gradient(90deg, rgba(30, 44, 54, 0.10) 0%, #173a35d1 29.73%, #173a35e0 60%, rgba(30, 44, 54, 0.10) 100%);
}

.developer_section .dev_sec_log::after {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  background: linear-gradient(180deg, rgba(154, 144, 128, 0.00) 0%, #9A9080 50%, rgba(154, 144, 128, 0.00) 100%);
  width: 2px;
  height: 100%;
}

.developer_section .dev_sec_log::before {
  content: " ";
  position: absolute;
  right: 0;
  top: 0;
  background: linear-gradient(180deg, rgba(154, 144, 128, 0.00) 0%, #9A9080 50%, rgba(154, 144, 128, 0.00) 100%);
  width: 2px;
  height: 100%;
}

.developer_section .dev_sec_log img {
  width: 180px;
  height: auto;
}
.builder_contentBox{
  padding: 100px 0;
}
.builder_contentBox h3{
  color: var(--fff);
  
}

.builder_contentBox .builder_point h3{
color: var(--fff);
font-family: 'Lato-Regular';
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: 1px;
}
.builder_contentBox .builder_point span{
color: var(--fff);
font-family: 'Lato-Regular';
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 1px;
}
.builder_contentBox .builder_point2{
  border-left: 1px solid var(--primary-color);
    border-right: 1px solid var(--primary-color);
    text-align: center;
}
.builder_contentBox .builder_point3{
  text-align: right;
}

/* contact_us_section */
.contact_us_sec{
  padding: 100px 0 130px 0;
  background-color: var(--bgLight);
  position: relative;
}
.contact_us_sec .section_disc{
  color: var(--black);
}
.contact_us_sec .call-btns{
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  text-decoration: none;
  color: var(--black);
  font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
font-family: 'Lato-Regular';
  letter-spacing: 1px;
}
.contact_us_sec .call-btns img{
  width: 16px;
height: 16px;
flex-shrink: 0;
}
.contact_form{
  border-radius: 20px;
  background: var(--bgDark);
  position: relative;
  padding: 35px 25px;
  margin: auto;
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  gap: 20px;
  z-index: 91;
}
.contact_form .form-control{
  background-color: transparent;
  border: 1px solid var(--primary-color);
  color: var(--fff) !important;
  font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 26px;
letter-spacing: 1px;
/* text-transform: uppercase; */
padding: 16px 24px;
}
.contact_form .form-control:focus{
  background-color: transparent;
  box-shadow: none;
  border-color: var(--primary-color);
}
.contact_form .form-control::placeholder{
  color: var(--fff);
    font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 26px;
letter-spacing: 1px;
text-transform: uppercase;

}
.contact_form .custome_button{
  margin-top: 0;
  float: right;
}
.contact_form .form_btn_box{
  width: 100%;
}
.form_innerBox{
  position: relative;
  z-index: 999;
}
.contact_form .form_bg{
  position: absolute;
  top: 55%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
  height: auto;
  z-index: -1;
  object-fit: cover;
  border-radius: 20px;
  z-index: 9;
}

.contact_us_sec .contact_bg{
  position: absolute;
  bottom: 20px;
  left: 80px;
  width: 720px;
}

/* footer sec */

.footer_sec{
  padding-top: 55px;
  /* padding-bottom: 50px; */
  background-color: var(--bgDark);
}
.footer_sec .footer_topBox{
  display: flex;
  justify-content: space-between;
      align-items: center;
}
.footer_sec .footer_topBox .section_line {
    width: 215px;
    height: 1.1px !important;
    background: linear-gradient(90deg, #A69C8E 0%, rgba(166, 156, 142, 0.00) 100%);
}

.footer_sec .footer_topBox .section_icons .section_line2{
  width: 215px;
    height: 1.1px !important;
  background: linear-gradient(90deg, rgba(166, 156, 142, 0.00) 0%, #A69C8E 100%);

}
.footer_sec .project_rera{
  color: var(--primary-color);
text-align: center;
font-family: 'Cormorant Garamond Regular';
font-size: 26px;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: 1px;
}
.footer_sec .footer_desc{
  color: #B5B5B5;
text-align: justify;
font-family: 'Lato-Regular';
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 20px; /* 166.667% */
letter-spacing: 0.25px;
margin: 45px 0;
}
.footer_bottomBox{
  width: 100%;
  border-top: 1px solid var(--primary-color);
}
.footer_bottomBox{
  display: flex;
  justify-content: space-between;
  padding: 20px 0;
}
.footer_bottomBox a{
  text-decoration: none;
  color: var(--fff);
font-family: 'Lato-Regular';
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 1px;
text-transform: capitalize;
}
.footer_bottomBox p{
  text-decoration: none;
  color: var(--fff);
  font-family: 'Lato-Regular';
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 1px;
text-transform: capitalize;
}
.footer_privacy{
  color: var(--primary-color) !important;
}
.footer_copyright a{
  color: #FFF;
font-family: 'Lato-Regular';
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: 1px;
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: auto;
text-decoration-thickness: auto;
text-underline-offset: auto;
text-underline-position: from-font;
text-transform: capitalize;
}

.modal.show .modal-dialog{
  /* position: relative; */
  z-index: 999999 !important;
}

/* popup */
.modal .popup_img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  background-color: #000;
  border-radius: 20px;

}
.modal .close{

  background: none;
    border: 1px solid var(--fff) !important;
    border-radius: 50px;
    padding: 10px 15px;
    color: var(--fff);
    cursor: pointer;
    position: absolute;
    top: 0px;
    right: 0px;
  z-index: 999;
  display: flex
;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
}
.modal .close img{
  width: 10px;
}
.modal .modal-dialog .modal-content{
  background-color: var(--bgDark);
  border-radius: 20px;
  padding: 15px;
}
.modal .modal-dialog .modal-content .contact_form{
  padding-right: 0px;
  padding-top: 30px;
}

.row{
  width: 100%;
    margin: 0px !important;
    padding: 0 !important;
}


@media (max-width: 1367px) {
  .banner_content_mobile{
    background-color: var(--bgDark);
  }
  .footer_sec .footer_topBox .section_icons .section_line2 {
    width: 189px;
}
.footer_sec .footer_topBox .section_line {
    width: 189px;
}
.price_section .price_bgImg {
    bottom: 46px;
    right: 140px;
}
.banner_content {
    padding-top: 50px;
    padding-bottom: 50px;
}
.side-menu {
    padding: 15px;
}
.nav_bar .side-menu ul {
    margin-top: 32px;
    gap: 12px;
}
.nav_bar .side-menu ul li {
    padding-bottom: 10px;
}
.nav_bar .side-menu .side_nav_logo img {
    width: 103px;
}
.nav_bar .side-menu .side_nav_logo {
    margin-top: 0;
}
.nav_bar .side-menu .close-btn {
    top: 36px;
}
.highlight_section .highlights_img {
    width: 473px;
    height: 253px;
}
.custome_button {
    margin-top: 20px;
}
.highlightsBox {
    width: 98%;
        padding: 8px;
        gap: 10px;
}
.highlights_icon img {
    width: 24.269px;
    height: 24.98px;
}
.highlights_contents h4 {
    color: var(--fff);
    text-align: justify;
    font-family: 'Cormorant Garamond Regular';
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 1px;
}
.floor_plan_img {
    width: 473px;
    height: 253px;
}
.gallery_section .card-item.center {
            width: min(100%, 630px);
}

.gallery_section .card-item {

    width: min(100%, 650px);
  }
  .developer_section .dev_sec_log {
    width: 70%;
    }
.highlights_icon {
 width: 60px;
    height: 60px;
}
.highlights_contents p{
  font-size: 12px;
}
}



@media (max-width:768px){
  
  .banner_content_mobile{
    color: var(--fff);
    padding: 20px 10px;
  }
  .banner_content_mobile h3{
    color: var(--fff);
text-align: center;
font-family: 'Lato-Regular';
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
  }
  .banner_content_mobile h3 span{
    color: #EECB98;
font-family: 'Lato-Regular';
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: 1.118px;
  }
  .banner_content_mobile .mob_key_highs{
    display: flex;
    width: 100%;
    justify-content: space-between;
    border-radius: 50px !important;
    margin-top: 20px;
    background-color: #092924;
    padding: 10px 20px;
  }
  .mob_key_highs h5{
    width: 50%;
    text-align: center;
    
font-family: 'Lato-Regular';
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: 1px;
  }
  .mob_key_highs h5:last-child{
    border-left: 1px solid var(--fff);
  }
  .floor_plan_sec .floor_plan_img1 {
    width: 100%;
    height: auto;
}

.contact_us_sec .contact_bg {
    width: 80%;
    left: 50%;
    transform: translateX(-50%);
}

.nav_bar{
padding: 2px 12px;
}
.right_nav .call_btn {
        padding: 7px 16px;
        font-size: 12px;
}
.logo img {
    width: 115px;
}
.banner_content h1 {
    font-size: 30px;
}
.banner_content {
    padding-top: 89px;
    padding-bottom: 28px;
}
header .carousel-inner {
    width: 100%;
height: 65vh;
}
header .carousel-item img {
    width: 100%;
    height: 66vh;
}
.overview_img img {
    width: 100%;
    height: auto;
    margin-bottom: 40px;
}
.overview_img{
  width: 100%;
  height: auto;
}
.overview_content p {
    font-size: 14px;
}
.custome_container {
    width: 100% !important;
    margin: auto;
}
.overview_flexBox {
    flex-direction: column;
}
.overview_content {
    width: 100%;
    padding: 10px;
    padding-top: 40px;
    }
.section_line {
    width: 80%;
}

.overview_content .custome_button {
    margin-top: 30px;
}
.price_section .price_box {
    padding: 14px 10px !important;
    width: 100%;
  }
  .amt_video {
    width: 100%;
    height: 201px;
    border-radius: 5px;
    object-fit: cover;
}
.highlight_section{
  padding: 30px 10px;
  
}

.section_disc{
  font-size: 14px;
  line-height: 26px;
}
.section_title{
  font-size: 22px;
}
.custome_button{
  margin-top: 35px;
}
.highlightsBox {
    gap: 12px;
    padding: 8px;
    width: 100%;  
}
.highlights_contents h4 {
    font-size: 16px;
line-height: 22.819px; /* 125% */

}
.highlights_contents p {
    font-size: 12px;
    line-height: 22px;
}
.amenities_section {
    padding: 30px 10px;
}
.amenities_section .amt_name {
    font-size: 12px;
}
.price_section {
    padding: 30px 10px;
    padding-bottom: 80px;
}
.price_section .price_box p {
    font-size: 14px;
}
.price_section .price_box h3 {
    font-size: 13px;
}
.price_section .price_box h3 span{
  font-size: 12px;
}
.price_section .price_bgImg {
    width: 234px;
        height: 128px;
    position: absolute;
    bottom: 0px;
    right: 20px;
    z-index: -1;
}
.floor_plan_sec {
    padding: 30px 10px;
}
.floor_tab_box .nav-tabs .nav-link{
      padding: 11px 12px;
    font-size: 16px;
}
.floor_tab_box .nav-tabs .nav-item{
  width: 33%;
  text-align: center;
}
.floor_tab_box .nav-tabs{
  width: 100%;
}
.floor_plan_sec .floorBox_title+p{
  font-size: 14px;
  line-height: 26px;
}
.floor_plan_sec .floorBox_title{
  font-size: 20px;
}
.floor_plan_sec .floor_typo p{
  font-size: 14px;
}
.floor_plan_sec .floor_typo h3{
  font-size: 15px;
}
.location_section{
  padding: 30px 10px;
}
.location_section .location_advantageBox {
    padding: 10px;
}
.location_section .location_advantage h3{
  font-size: 24px;
}
.location_section .location_advantage p{
  font-size: 14px;
}
.location_section .location_advantage {
    margin-bottom: 10px;
    margin-top: 10px;
}
.location_section .location_img img {
    width: 80%;
        height: 300px;
      }
      .location_section .location_img {
        width: 100%;
        padding: 24px 0;
        margin-left: -10px;
        margin-top: 20px;
}
.gallery_section{
  padding: 30px 10px;
}
.gallery_secBtns{
  padding-top: 0;
    display: flex
;
    justify-content: left;
    padding-left: 0px;
    float: left;
}
.builder_contentBox .builder_point{
  padding: 0 5px !important;
}
.builder_contentBox .builder_point h3{
font-size: 16px;
text-align: center;
}
.builder_contentBox .builder_point span{
font-size: 14px;
}
.builder_contentBox{
  position: relative;
}
.developer_section{
  padding: 30px 10px;
}
.builder_contentBox {
    padding: 0;
}
  .developer_section .dev_sec_log {
  width: 100%;           
  justify-content: center;
  align-items: center;
  height: 150px;
}
.developer_section .dev_sec_log::before {
  top: 100% !important;
  background: linear-gradient(
    90deg,
    rgba(154, 144, 128, 0) 0%,
    #9A9080 50%,
    rgba(154, 144, 128, 0) 100%
  );
  width: 100%;
  height: 1px;
  z-index: 99999;
}
.developer_section .dev_sec_log::after {
  top: 0 !important;
  background: linear-gradient(
    90deg,
    rgba(154, 144, 128, 0) 0%,
    #9A9080 50%,
    rgba(154, 144, 128, 0) 100%
  );
  width: 100%;
  height: 1px;
  z-index: 99999;
}

.contact_us_sec {
  padding: 30px 10px;
  padding-bottom: 180px;
}
.contact_us_sec .call-btns{
  font-size: 14px;
}
.footer_sec {
  padding: 30px 10px;
}
.footer_sec .project_rera {
    color: var(--primary-color);
    text-align: center;
    font-family: 'Cormorant Garamond Regular';
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 1px;
}
.footer_topItem{
  width: 100%;
}
.footer_sec .footer_desc{
  color: #B5B5B5;
text-align: justify;
font-family: 'Lato-Regular';
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 20px; /* 166.667% */
letter-spacing: 1px;
margin: 20px 0;
}
.footer_bottomBox{
  width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        flex-direction: column;
        padding-bottom: 20px;
        gap: 10px;
}
.footer_privacy, .footer_copyright, .footer_copyright{
  width: 100%;
  text-align: center;
  font-size: 12px !important;
}
.footer_bottomBox p {
  margin: 0;
}
.footer_copyright a{
  font-size: 12px !important;
}
.footer_copyright1{
  width: 100%;
  margin-top: 10px;
}

.side-menu {
    width: 100%;
    padding: 10px;
    right: -105%;
}
.nav_bar .side-menu .side_nav_logo {
    margin-top: 0px;
}
.nav_bar .side-menu ul {
    margin-top: 22px;
    gap: 15px;
}
.nav_bar .side-menu ul li {
    padding-bottom: 15px;
}
.nav_bar .side-menu .close-btn {
    top: 35px;
}
.modal .contact_form {
    padding: 0;
    gap: 0px;
}
.modal .modal-dialog .modal-content {
    padding: 12px;
}
.modal .modal-dialog{
  z-index: 99999999 !important;
}
.modal .contact_form .form-control {
    padding: 8px 15px;
}
.modal .contact_form .form_bg {
    top: 49%;
    width: 71%;
}
.modal .popup_img {
    height: 351px;
}
.modal .close {
    top: -6px;
    right: -6px;
}
.mobile-section {
        display: flex
;
        justify-content: space-between;
    }
    .mobile-section {
    position: fixed;
    bottom: -2px;
    background-color: var(--primary-color);
    color: var(--fff);
    z-index: 999;
    width: 100%;
    display: none;
}
.mobile-section a {
    color: #fff;
    box-shadow: 4px 4px 10px rgb(0 0 0 / 10%) !important;
}
.amenities_section .amt_name {
    font-size: 14px;
    line-height: 20px;
    text-align: center;
}
}