@font-face {

  font-family: "Poppins";

  src: url("../font/Poppins/Poppins-Regular.ttf") format("truetype");

  font-weight: 400; /* Regular */

  font-style: normal;

}



@font-face {

  font-family: "Poppins";

  src: url("../font/Poppins/Poppins-Bold.ttf") format("truetype");

  font-weight: 700; /* Bold */

  font-style: normal;

}



@font-face {

  font-family: "Cinzel";

  src: url("../font/Cinzel/Cinzel-Regular.ttf") format("truetype");

  font-weight: 400; /* Regular */

  font-style: normal;

}



@font-face {

  font-family: "Cinzel";

  src: url("../font/Cinzel/Cinzel-Bold.ttf") format("truetype");

  font-weight: 700; /* Bold */

  font-style: normal;

}



@font-face {

  font-family: "Lato";

  src: url("../font/Lato/Lato-Regular.ttf") format("truetype");

  font-weight: 400; /* Regular */

  font-style: normal;

}



@font-face {

  font-family: "Lato";

  src: url("../font/Lato/Lato-Bold.ttf") format("truetype");

  font-weight: 700; /* Bold */

  font-style: normal;

}



*, body{

  margin: 0;

  padding: 0;

  box-sizing: border-box;

  /* overflow-x: hidden; */

}



:root {

  /* --background-color:#0F1D2C; */

  --background-color:#0b2444d1;

  /* --secondary-bg-color:#051322; */

  --secondary-bg-color:#334a69de;

  /* --primary-color: #1d3b61; */
  --primary-color: #0b2444d1;

  --white: #ffffff;

  --golden-color: #e8d8ac;

  --font-Poppins: "Poppins", sans-serif;

  --font-Cinzel: "Cinzel", serif; 

  --font-Lato: "Lato", sans-serif; 

  --font-Source-Code-Pro: "Source Code Pro", monospace; 

}



html {

  scroll-behavior: smooth;

  scroll-padding-top: 60px;

}

a{

  text-decoration: none;

}

.navbar-container {

  max-width: 94% !important;

  margin: 0 auto;



}



.navbar-container {

  position: relative; /* so absolute center works */

  padding: 0px 20px;

}



.navbar-center-text {

  top: 50%;

  transform: translate(-50%, -50%);

  font-size: 18px;

}

   





/* .navbar_flex_chield{

  text-align: center;

}



.navbar_flex_chield2{

  flex: 1;

  text-align: center;

}

.navbar_flex_chield3{

  text-align: center;

} */

nav {

/* background-color: var(--primary-color); */

/* background-color: #334a69bf; */

background-color: #334a6978;

padding: 21px 16px !important;

transition: background-color 0.4s ease, box-shadow 0.4s ease;
}

nav.scrolled {

  background-color: #334a69; /* darker solid color when scrolled */

  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3); /* soft shadow */

}

header {

  width: 100%;

  height: 100vh;

  position: relative;

}

.navbar_flex_chield img{

max-width: 65px;

/* height: 34px; */
}



.offcanvas-body .nav-item, .offcanvas-body .nav-item .nav_g_line {

  color: #fff;

  text-align: center;

  font-family: var(--font-Poppins);

  font-size: 16px;

  font-style: normal;

  font-weight: 400;

  line-height: normal;

  letter-spacing: 1px;

  width: 100%;

  position: relative;

  padding: 20px 0;

}



.navbar-nav .nav_g_line::after {

  content: "";

  width: 80%;

  height: 1px;

  background: var(--golden-color);

  background: linear-gradient(

    90deg,

    rgba(232, 216, 172, 0) 0%,

    rgba(232, 216, 172, 1) 55%,

    rgba(232, 216, 172, 0.06) 100%

  );

  position: absolute;

  bottom: 0;

  left: 50%;

  transform: translateX(-50%);

  z-index: 99;

  padding: 0;

}

.navbar-nav .nav_g_line::after:last-child{

    background-color: transparent;

}

.offcanvas-header {

    display: flex

;

    justify-content: center;

    align-items: center;}



    .offcanvas-header .btn-close{

     margin-left: 0 !important;

    position: absolute;

    right: 40px;

    border: 2px solid #000 !important;

    padding: 10px !important;

    border-radius: 50%;

    }

.offcanvas-title{

  margin-top: 5px;

}

.offcanvas-title img{

  max-width: 70px;

}

.btn .line {

  width: 35px;

  height: 3px;

  /* background-color: #fff; */

  display: block;

  margin: 5px auto;

}

.navbar-brand {

  color: #fff !important;

}

.logo-text {

  font-size: 22px;

}

.number {

  display: flex;

  flex-direction: row;

  align-items: center;

  gap: 10px;

  justify-content: center;

  padding: 7px 9px;

  background: none;

  color: #fff;

  border: 1px solid var(--golden-color);

}

.number img {

  width: 22px;

  height: 22px;

}

.right-side-navbar {

  display: flex;

  gap: 10px;

}

.navbar-toggler {

  border: 0;

  box-shadow: none;

  padding: 0;

}

.navbar-toggler:focus {

  box-shadow: none !important;

}

.navbar-toggler-icon {

  filter: invert(0) brightness(100);

}

.offcanvas {

max-width: 368px;

background: #1b2633;
}

.banner_img_box {

  width: 100%;

  position: relative;

}

.banner_img_box::after {

  content: "";

  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

  height: 37%;

  background: linear-gradient(to top, rgb(0 0 0 / 57%) 0%, rgb(0 0 0 / 67%) 70%, rgba(0, 0, 0, 0) 100%);

  z-index: 1;

}



.banner_img_box img {

  width: 100%;

  height: 100vh;

}

.banner_img_box .mobile-banner {

    /* height: 500px; */

    margin-top: 75px;

    height: 100%;

}

.banner_address {

  font-family: var(--font-Poppins);

  font-size: 14px;

  font-style: normal;

  font-weight: 300;

  line-height: normal;

  letter-spacing: 0.5px;

  font-weight: 300;

  line-height: normal;

  letter-spacing: 0.5px;

  margin-bottom: 10px;

}

.banner_address img{

  max-width: 18px;

  margin-right: 0px;

  filter: invert(1);

}

.banner_content_box {

width: 80%;

margin: auto;

position: absolute;

bottom: 5%;

left: 50%;

transform: translateX(-50%);

z-index: 1;

color: #fff;

text-align: center;

display: flex;

flex-direction: column;

justify-content: center;
}

.banner_content_box h1 {

  /* color: var(--golden-color); */

  width: fit-content;

  margin: auto;

  display: flex;

  align-items: center;

  gap: 15px;

  font-family: var(--font-Cinzel);

  font-size: 32px;

  font-style: normal;

  font-weight: 700;

  line-height: normal;

  background: linear-gradient(90deg, #fffaf2 0%, #c9a065 72%, #ad8753 0%);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

}

.banner_g_lineL {

  background: var(--golden-color);

  background: linear-gradient(

    90deg,

    rgba(232, 216, 172, 0) 0%,

    rgb(232 216 172 / 37%) 50%,

    rgba(232, 216, 172, 1) 100%

  );

  height: 1px;

  width: 150px;

  position: relative;

}

.banner_g_lineL::before {

  content: " ";

  position: absolute;

  right: -5px;

  top: 50%;

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

  width: 5px;

  height: 5px;

  background: var(--golden-color);

  /* transform: rotate(46deg); */

}

.banner_g_lineR {

  background: var(--golden-color);

  background: linear-gradient(

    90deg,

    rgb(232 216 172) 0%,

    rgb(232 216 172 / 37%) 50%,

    rgb(232 216 172 / 0%) 100%

  );

  height: 1px;

  width: 150px;

  position: relative;

}

.banner_g_lineR:before {

  content: " ";

  position: absolute;

  left: -5px;

  top: 50%;

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

  width: 5px;

  height: 5px;

  background: var(--golden-color);

}



.banner-content-bottom {

  display: flex;

  justify-content: space-around;

  flex-direction: row;

  align-items: center;

  margin-top: 10px;

}



.banner-para {

  color: #fff;

  text-align: center;

  font-family: var(--font-Poppins);

  font-size: 16px;

  font-style: normal;

  font-weight: 400;

  line-height: normal;

  letter-spacing: 0.5px;

  text-transform: capitalize;

  /* margin-top: 25px; */

}

.banner-para span {

  /* color: var(--golden-color); */

  font-family: var(--font-Cinzel);

  font-size: 32px;

  font-style: normal;

  font-weight: 700;

  line-height: normal;

  background: linear-gradient(90deg, #fffaf2 0%, #c9a065 72%, #ad8753 0%);

   -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

}

.button-box {

  display: inline-flex;

  justify-content: center;

  align-items: center;

  margin: 0px 0 0 0;

  /* width: 100%; */

  cursor: pointer;

  margin-bottom: 8px;

}

.button-box span {

  color: #212121;

  font-family: var(--font-Poppins);

  font-size: 16px;

  font-style: normal;

  line-height: normal;

  font-weight: 600;

  letter-spacing: 1px;

  text-transform: uppercase;

  /* background-color: var(--golden-color); */

  padding: 10px 25px;

  background: linear-gradient(90deg, #feebc3 0%, #ae8753 72%);

}

.g_line {

  position: relative;

}

.g_line::after {

  content: "";

  width: 1px;

  height: 60px;

  background: linear-gradient(

    180deg,

    rgba(232, 216, 172, 0) 0%,

    rgba(232, 216, 172, 1) 55%,

    rgba(232, 216, 172, 0.06) 100%

  );

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  left: -100px; /* adjust as per design */

  z-index: 99;

}



.g_line::before {

  content: "";

  width: 1px;

  height: 60px;

  background: linear-gradient(

    180deg,

    rgba(232, 216, 172, 0) 0%,

    rgba(232, 216, 172, 1) 55%,

    rgba(232, 216, 172, 0.06) 100%

  );

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  right: -100px; /* adjust as per design */

  z-index: 99;

}



.main-top-left-box{

  /* margin-bottom: 70px; */

  margin-bottom: 40px;

}



.mobile_price_content{

  background-color: var(--background-color);

  padding: 0;

}

.banner-mobile-content-bottom{

/* display: flex; */

justify-content: space-evenly;

gap: 10px;

/* align-items: center; */
}

.mobile_g_line{

  position: relative;

}

.mobile_g_line::after{

      content: "";

      width: 0.5px;

      height: 70px;

      background: var(--golden-color);

      background: linear-gradient(2deg,rgba(232, 216, 172, 0) 0%, rgba(232, 216, 172, 1) 50%, rgba(232, 216, 172, 0) 100%);

      position: absolute;

      top: 0;

      left: 0;

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

      z-index: 99;

      /* background: linear-gradient(270deg, rgba(232, 216, 172, 0.00) 0%, #E8D8AC 50%, rgba(232, 216, 172, 0.00) 100%); */

}

.mobile_price_content .banner-para {

margin-top: 0;

padding: 15px 0;

font-size: 12px;

margin-bottom: 0;
}

.mobile_price_content>.banner-para{border: 0.2px solid var(--golden-color);

background-color: var(--secondary-bg-color);}





/* Overview */

.overview-section{padding: 80px 0;background-color: var(--background-color);color: #fff;position: relative;width: 100%;}

.overview-left-box{

background: #000414;

background: linear-gradient(90deg, rgba(0, 4, 20, 0) 0%, rgb(15 47 88) 100%);

width: 100%;

padding: 74px 30px 74px 0;
}

.overview-left-box h2{

  /* color: var(--golden-color); */

  margin-bottom: 16px;

  font-size: 25px;

  background: linear-gradient(90deg, #fffaf2 0%, #c9a065 72%, #ad8753 0%);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

}

.section-title{

  /* color: var(--golden-color); */

  font-family: var(--font-Cinzel);

  font-size: 26px;

  font-style: normal;

  font-weight: 700;

  line-height: normal;

  width: fit-content;

  display: flex;

  align-items: center;

  gap: 25px;

  margin-bottom: 50px;

 background: linear-gradient(90deg, #fffaf2 0%, #c9a065 72%, #ad8753 0%);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

}

.section-title .g_right_line{

    background: var(--golden-color);

    background: linear-gradient(90deg, rgba(232, 216, 172, 0) 0%, rgb(232 216 172 / 37%) 50%, rgba(232, 216, 172, 1) 100%);

    height: 1px;

    width: 150px;

    position: relative;



}

.section-title .g_right_line::after {

    content: " ";

    position: absolute;

    /* right: -5px; */

      right: 0%;

    top: 48%;

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

    width: 5px;

    height: 5px;

    background: var(--golden-color)        ;

}





.para{

width: 78%;

color: #FFF;

text-align: justify;

font-family: var(--font-Poppins);

font-size: 16px;

font-style: normal;

font-weight: 400;

line-height: 28px; /* 175% */

letter-spacing: 0.5px;

text-transform: capitalize;

margin-bottom: 30px;
}

.overview_main_box{

  display: flex;

  justify-content: center;

  align-items: center;

  height: 100%;

}



.overview_img-box {

  position: relative;

  display: inline-block;

  margin-left: -150px;

  

}



.overview_img-box img {

position: relative;

z-index: 2; /* image on top */

width: 98%;

width: 538px;

/* height: 600px; */
}



.overview_img-box::after {

  content: "";

  position: absolute;

  top: 0px;    /* gap from top */

  left: 10px;   /* gap from left */

  right: -10px; /* gap on right */

  bottom: 0px; /* gap on bottom */

  border: 1px solid var(--golden-color);

  z-index: 1; /* border behind image */

}





/* Highlights Section */





.highlight-section{

  background:var(--secondary-bg-color);

  padding: 80px 0px;



}

.highlight-section .section-title{

/* margin-bottom: 102px; */

margin-bottom: 30px;

}



/* .highlight-left-box{

  margin-bottom: 70px;

} */

.highlight_right_box{

  margin-top: 50px;

}

.highlight_left_box, .highlight_right_box{

 position: relative;

  display: inline-block;

  /* margin-top: 50px; */

}



.highlight_left_box img, .highlight_right_box img {

  position: relative;

  z-index: 2; /* image on top */

  /* width: 255px; */

  /* height: 395px; */

  /* width: 255px; */

}





.highlight_left_box::after {

  content: "";

  position: absolute;

  top: 0px;    /* gap from top */

  left: 10px;   /* gap from left */

  right: -10px; /* gap on right */

  bottom: 0px; /* gap on bottom */

  border: 1px solid var(--golden-color);

  z-index: 1; /* border behind image */

}



.highlight_right_box::before{

  content: " ";

  position: absolute;

  top: 0px;    /* gap from top */

  left: -10px;   /* gap from left */

  right: 0px; /* gap on right */

  bottom: 0px; /* gap on bottom */

  border: 1px solid var(--golden-color);

  z-index: 1; /* border behind image */

}



.highlight_middle_section{

     display: flex;

    justify-content: space-evenly;

    align-items: center;

    flex-direction: row;

    gap: 70px;

}

.highlight_g_left,.highlight_g_right{

  position: relative;

}

.highlight_g_left::after{

    content: "";

    position: absolute;

    background: var(--golden-color);

    background: linear-gradient(90deg, rgba(232, 216, 172, 0) 0%, rgb(232 216 172 / 37%) 50%, rgba(232, 216, 172, 1) 100%);

    height: 1px;

    width: 250px;

    transform: rotate(89deg);

    top: -138px;

    left: -113px;

}

.highlight_g_left::before{

    content: "";

    position: absolute;

    background: var(--golden-color);

    background: linear-gradient(90deg, rgba(232, 216, 172, 0) 0%, rgb(232 216 172 / 37%) 50%, rgba(232, 216, 172, 1) 100%);

    height: 1px;

    width: 250px;

    transform: rotate(270deg);

    top: 166px;

    left: -111px;

}

.highlight_g_right::after{content: "";position: absolute;background: var(--golden-color);background: linear-gradient(90deg, rgba(232, 216, 172, 0) 0%, rgb(232 216 172 / 37%) 50%, rgba(232, 216, 172, 1) 100%);height: 1px;width: 250px;transform: rotate(89deg);top: -138px;left: -111px;}

.highlight_g_right::before{content: "";position: absolute;background: var(--golden-color);background: linear-gradient(90deg, rgba(232, 216, 172, 0) 0%, rgb(232 216 172 / 37%) 50%, rgba(232, 216, 172, 1) 100%);height: 1px;width: 250px;transform: rotate(270deg);top: 166px;left: -111px;}

.center_box{

     display: grid;

     align-items: center;

     gap: 30px;

}



.highlight-section .button-box{

  /* margin-top: 119px; */

  margin-top: 30px;

}

.highlight_box h3{text-align: justify;font-family: var(--font-Cinzel);font-size: 18px;font-style: normal;font-weight: 700;line-height: 28px; /* 155.556% */letter-spacing: 0.5px;text-transform: capitalize;margin-bottom: 0; color: #fff;}

.highlight_box p{color: #fff;font-family: var(--font-Poppins);font-size: 14px;font-style: normal;font-weight: 300;line-height: 28px;letter-spacing: 0.5px;text-transform: capitalize;margin-bottom: 0;}



/* amenities */

.amenities-section{

background: url("../images/amenities/amenities-bg-img.webp");

background-color: #102540;   /* overlay color */

background-blend-mode: multiply; /* or overlay, darken, etc. */

background-size: cover;

background-position: center;

padding: 80px 0px;

width: 100%;

overflow-x: hidden;

position: relative;
}

.amenities_sab_title{

  color: #FFF;

  text-align: justify;

  font-family: var(--font-Poppins);

  font-size: 16px;

  font-style: normal;

  font-weight: 400;

  line-height: 28px; /* 175% */

  letter-spacing: 0.5px;

  text-transform: capitalize;

  margin-bottom: 0;

}



.amenities-box{

 display: flex;

  justify-content: space-between;

  flex-wrap: wrap;   /* allow wrapping */

  gap: 25px;

  width: 100%;

}



.amenities_main_box {

  flex: 1 1 calc(20% - 25px); /* default: 5 items in row (desktop) */

}

 .amenities_img_box img{

  max-width: 100%;

  /* height: 400px; */

  /* object-fit: cover; */

  margin: auto;

 }

.amenities_main_box{

  width: 100%;

  margin: 0 10px;

}



.amenities_bottom_box, .amenities_top_box {

      background: var(--primary-color);

    color: #fff;

    padding: 25px 0 15px 0;

    text-align: center;

}

.amenities_bottom_box{

  border: 1px solid var(--golden-color);

      border-top: none;

}

.amenities_top_box{

  border: 1px solid var(--golden-color);

  border-bottom: none;

}

.amenities_top_box img, .amenities_bottom_box img{

  max-width: 45px;

  margin: 0 auto 10px;

}

.amenities_top_box p, .amenities_bottom_box p {

    

  color: #FFF;

font-family: var(--font-Poppins);

font-size: 18px;

font-style: normal;

font-weight: 500;

line-height: normal;



}

.slick-dots{

    display: none !important;

}



.slide-arrow6 {

    width: 50px;

    height: 50px;

    line-height: 39px;

    border: 2px solid #f4e4b3 !important;

    border-radius: 50%;

    background: transparent;

    color: #f4e4b3;

    text-align: center;

    font-size: 22px;

    cursor: pointer;

    border: 1px solid var(--text-black);

    border-radius: 100%;

}

.prev-arrow6 {

    position: absolute;

    bottom: -70px;

    left: 47%;

    z-index: 99;

}

.next-arrow6 {

    position: absolute;

    bottom: -70px;

    right: 47%;

    z-index: 99;

}



.amenities-section .button-box{

  margin-top: 88px;

}





/* Floor plan */

.section_floor{

   background: var(--background-color);

   padding: 80px 0px;

   position: relative;

}



#pills-tab{

      text-align: center;

    padding: 0;

    display: flex

;

    justify-content: center;

    gap: 43px;

    width: 100%;

        margin-bottom: 64px;

}

/* .floor-button{

color: #FFF !important;

font-family: var(--font-Poppins);

font-size: 18px;

font-style: normal;

font-weight: 500;

line-height: normal;

letter-spacing: 1px;



}

.floor-button.active{

background-color: transparent !important;

} */



.floor-button {

  color: #fff !important;

  font-family: var(--font-Poppins);

  font-size: 18px;

  font-weight: 500;

  letter-spacing: 1px;

  background: transparent !important;

  border: none;

  position: relative;

  padding: 20px 60px !important; /* spacing */

  font-style: normal;

line-height: normal;

}



/* Top line */

.floor-button.active::before {

  content: "";

  position: absolute;

  top: 8px;

  left: 15px;

  right: 15px;

  height: 1px;

  background: linear-gradient(90deg, transparent, #e8d8ac, transparent);

}



/* Bottom line */

.floor-button.active::after {

  content: "";

  position: absolute;

  bottom: 8px;

  left: 15px;

  right: 15px;

  height: 1px;

  background: linear-gradient(90deg, transparent, #e8d8ac, transparent);

}



/* Diamonds */

.floor-button.active .diamond {

  position: absolute;

  width: 6px;

  height: 6px;

  background: var(--golden-color);

  transform: rotate(45deg);

}



/* 4 corners */

.floor-button.active .diamond.tl { top: 5px; left: 5px; }

.floor-button.active .diamond.tr { top: 5px; right: 5px; }

.floor-button.active .diamond.bl { bottom: 5px; left: 5px; }

.floor-button.active .diamond.br { bottom: 5px; right: 5px; }



.floor_right-content_box{

width: 50%;

}

.floor_box_start{

display: flex;

gap: 20px;

align-items: center;

}

.small_box{

  

}

.small_box h4{

color: var(--golden-color);



font-family: var(--font-Poppins);

font-size: 14px;

font-style: normal;

font-weight: 300;

line-height: normal;

margin-bottom: 0;

}

.small_box p{

color: #FFF;



font-family: var(--font-Poppins);

font-size: 16px;

font-style: normal;

font-weight: 500;

line-height: normal;

margin-bottom: 0;

}

.floor_right-content_box .floor_g_line{

  position: relative;

    padding: 10px 50px;

    margin-bottom: 30px;



}

.floor_right-content_box .floor_g_line::after {

  content: "";

  width: 100%;

  height: 1px;

  background: var(--golden-color);

  background: linear-gradient(

    90deg,

    rgba(232, 216, 172, 0) 0%,

    rgba(232, 216, 172, 1) 55%,

    rgba(232, 216, 172, 0.06) 100%

  );

  position: absolute;

  bottom: 0;

  left: 50%;

  transform: translateX(-50%);

  z-index: 99;



}

.nav-link{

  color: #fff !important;

}

/* .navbar-nav .nav-link.active, .navbar-nav .nav-link.show{

  color: var(--golden-color) !important;

} */

.section_floor .nav-link:focus-visible{

box-shadow: none !important;

}



.section_floor .button-box{

  margin-top: 54px;

}



.floor_main_box {

    margin-left: 37px;

}



/* Price List */



.price_list_section {

  position: relative;

  width: 100%;

  padding: 80px 0;

  overflow: hidden;

  z-index: 1;

}



/* Background image layer with blur */

.price_list_section::before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: url("../images/price-bg.webp") center center / cover no-repeat;

  /* filter: blur(1px); */

  transform: scale(1.05); /* prevent edge blur cut-off */

  z-index: 1;

}



/* Color overlay on top of blurred image */

.price_list_section::after {

content: "";

position: absolute;

top: 0;

left: 0;

width: 100%;

height: 100%;

/* background: rgba(5, 19, 34, 0.7); */

background: #102540c9;

z-index: 2;

opacity: 1;
}



/* Content always on top */

.content-box {

  position: relative;

  z-index: 3;

}

/* .price_table{

  margin-top: 50px;

} */

.price_table,

.price_table th,

.price_table td,

.price_table thead tr,

.price_table tbody tr {

  background-color: transparent !important;

}



.price_table tr:hover {

  background-color: transparent !important;

}



.price_small_section {

    display: flex

;

    flex-direction: column;

    width: 100%;

    padding: 10px;

}





.price_small_section h4{

color: #ffffff !important;

font-family: var(--font-Cinzel);

font-size: 26px;

font-style: normal;

font-weight: 700;

line-height: normal;

margin-bottom: 0;

}

.price_small_section p{/* color: var(--golden-color); */font-family: var(--font-Poppins);font-size: 16px;font-style: normal;font-weight: 300;line-height: normal;margin-bottom: 5px;background: linear-gradient(90deg, #feebc3 0%, #ae8753 72%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}

.price_small_section sub{

color: #FFF;

font-family: var(--font-Cinzel);

font-size: 16px;

font-style: normal;

font-weight: 700;

line-height: normal;

}



td:nth-child(2), td:nth-child(3){

  text-align: end;

}

 tr{

  position: relative;



}

 tr::after {

  content: "";

  width: 100%;

  height: 1px;

  background: var(--golden-color);

  background: linear-gradient(

    90deg,

    rgba(232, 216, 172, 0) 0%,

    rgba(232, 216, 172, 1) 55%,

    rgba(232, 216, 172, 0.06) 100%

  );

  position: absolute;

  bottom: 0;

  left: 50%;

  transform: translateX(-50%);

  z-index: 99;



}



.table>:not(caption)>*>*{

  padding: 30px .5rem !important;

}



.price_list_section .button-box{

  margin-top: 50px;

}





.typology {

    width: fit-content;

    text-align: start;

}

.new-price{

justify-content: end;

align-items: start;
}





/* Location Style */



.location-section{

   position: relative;

  width: 100%;

  padding: 80px 0;

  overflow: hidden;

  background-color: var(--secondary-bg-color);

}



.location_middle_box{

  position: relative;

  margin-top: 30px;

}

 .location_g_right{



    width: 1px;

    height: 100%;

    background: var(--golden-color);

    background: linear-gradient(180deg, rgba(232, 216, 172, 0) 0%, rgba(232, 216, 172, 1) 55%, rgba(232, 216, 172, 0.06) 100%);

    position: absolute;

    bottom: 0;

    left: -15px;

    transform: translateX(-50%);

    z-index: 99;

} 

.location_g_left{

width: 1px;

    height: 100%;

    background: var(--golden-color);

    background: linear-gradient(180deg, rgba(232, 216, 172, 0) 0%, rgba(232, 216, 172, 1) 55%, rgba(232, 216, 172, 0.06) 100%);

    position: absolute;

    bottom: 0;

    right: -15px;

    transform: translateX(-50%);

    z-index: 99;

}

.location_small_box{

text-align: end;

}

.location_right_small_box, .location_right_small_box h3{

  text-align: start !important;

}

.location_small_box h3, .location_right_small_box h3{/* color: var(--golden-color); */text-align: right;font-family: var(--font-Cinzel);font-size: 18px;font-style: normal;font-weight: 700;line-height: 28px; /* 155.556% */letter-spacing: 0.5px;text-transform: capitalize;margin-bottom: 0;background: linear-gradient(90deg, #feebc3 0%, #ae8753 72%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}

.location_small_box p, .location_right_small_box p{

color: #FFF;

font-family: var(--font-Poppins);

font-size: 14px;

font-style: normal;

font-weight: 300;

line-height: 28px;

letter-spacing: 0.5px;

text-transform: capitalize;

}

.location_left_main_box, .location_right_main_box{

    display: flex;

    /* align-items: center; */

    flex-direction: column;

    height: 100%;

    justify-content: space-evenly;

}

.location_main_box{

 display: flex;

 align-items: center;

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

 gap: 20px;

}





.location_left_content{

  justify-content: end;

}

.location_right_content{

    justify-content: start;

    margin-left: 2px;

}



.location_main_box .g_left_line, .g_right_line{



    background: var(--golden-color);

/* background: linear-gradient(260deg,rgba(232, 216, 172, 0) 0%, rgba(232, 216, 172, 1) 100%); */

    height: 1px;

    width: 100px;

    position: relative;



}

.location_main_box .g_left_line::before {

    content: " ";

    position: absolute;

    /* right: -5px; */

      left: 0%;

    top: 48%;

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

    width: 5px;

    height: 5px;

    background: var(--golden-color);

}

.g_right_line::before{

  content: " ";

    position: absolute;

    /* right: -5px; */

      right: 0%;

    top: 48%;

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

    width: 5px;

    height: 5px;

    background: var(--golden-color);

}



.location-section .button-box{

  margin-top: 58px;

}





/* Gallery */

.gallery-section{

   position: relative;

  width: 100%;

  padding: 80px 0;

  overflow: hidden;

  background-color: var(--primary-color);

}





/* swipper code */

   

   .swiper {

      width: 100%;

      height: 100%;

      margin-left: auto;

      margin-right: auto;

      margin-bottom: 30px;



    }



    .swiper-slide {

      text-align: center;

      font-size: 18px;

      display: flex;

      justify-content: center;

      align-items: center;

    }



   



   

    .swipper-gallery-images{

      display: flex;

      flex-direction: column;

      gap: 20px;

    }









    .gallery-box {

      position: relative;

      /* max-width: 1200px;

      margin: auto; */

      /* padding: 40px 0; */

  width: 100%;

  margin-top: 10px;



    }



    /* Swiper */

   

    .swiper-slide img {

      width: 100%;

      height: auto;

      border-radius: 6px;

      object-fit: cover;

    }



    /* Navigation buttons */

    .gallery-nav {

      display: flex;

      justify-content: center;

      gap: 20px;

      margin-top: 20px;

    }



    .gallery-btn {

      width: 50px;

      height: 50px;

      border: 2px solid #f4e4b3;

      border-radius: 50%;

      background: transparent;

      color: #f4e4b3;

      display: flex;

      justify-content: center;

      align-items: center;

      cursor: pointer;

      transition: all 0.3s ease;

    }



    .gallery-btn:hover {

      /* background: #f4e4b3; */

      color: #000;

    }



    .gallery-btn i {

      font-size: 20px;

    }



    /* Dots (pagination) */

    .swiper-pagination-bullets .swiper-pagination-bullet {

       background: transparent;

    opacity: 1;

    /* clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%) !important; */

    border: 1px solid var(--golden-color);

    width: 8px;

    height: 8px;

    border-radius: 0;

  transform: rotate(45deg);



    }

    .swiper-pagination-bullets .swiper-pagination-bullet-active {

      opacity: 1;

      background: var(--golden-color);

      /* clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); */

    }







.gallery_bottom {

    display: flex;

    justify-content: space-between;

    align-items: center;

    gap: 20px;

    width: 100% !important;

    margin-top: 68px !important;

}

.gallery_bottom .button-box{

margin-top: 0;

}



.swiper-pagination{

     position: static !important;

     width: fit-content !important;

}







.mySwiper1::after, .mySwiper2::after{

 content: " ";

    position: absolute;

    top: 0;

    left: 0;

    width: 6%;

    height: 100%;

    background: linear-gradient(90deg, #0F1D2C 0%, rgba(15, 29, 44, 0.00) 100%);

    z-index: 99;

}

.mySwiper1::before, .mySwiper2::before{

    content: " ";

    position: absolute;

       top: 0;

    right: 0;

    width: 6%;

    height: 100%;

    background: linear-gradient(270deg, #0F1D2C 0%, rgba(15, 29, 44, 0.00) 100%);

    z-index: 99;

}



.swiper {

  margin-bottom: 20px;

   padding: 0 40px; 

}

.swiper-slide {

  border-radius: 6px;

  overflow: hidden;

  background: #01261f;

}



.mySwiper2 .swiper-slide:first-child {

 /* margin-right: 107px !important; */

     margin-right: 240px !important;

}



.swiper-slide img {

  /* width: 100%;

  height: auto;

  object-fit: cover; */

  width: 100%;

    height: 300px;

    object-fit: cover;

}



.swiper-button-prev,

.swiper-button-next {

  color: #fff !important;

  width: 40px;

  height: 40px;

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

  border-radius: 50%;

  z-index: 10;

}



.swiper-button-prev::after,

.swiper-button-next::after {

  font-size: 18px;

}



    /* Developer style */



    .developer-section{

        position: relative;

  width: 100%;

  padding: 80px 0;

  overflow: hidden;

}



.developer-section .main-top-left-box img{max-width: 70px;/* height: 55.662px; */margin-bottom: 20px;}

/* .developer-vedio-section {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  object-fit: cover;

  z-index: 1;

} */



/* Background image layer with blur */

.developer-section::before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: url("../images/about-dev-img.webp") center center / cover no-repeat;

  /* filter: blur(1px); */

  transform: scale(1.05); /* prevent edge blur cut-off */

  z-index: 1;

}



/* Color overlay on top of blurred image */

.developer-section::after {

content: "";

position: absolute;

top: 0;

left: 0;

width: 100%;

height: 100%;

/* background: rgba(5, 19, 34, 0.7);  */

background: #102540c9;

z-index: 2;
}



.developer_main_box{width: 100%;

  display: flex;

  flex-direction: row;

  justify-content: space-between;

  width: 91%;

  margin: auto;

  /* gap: 47px; */

}



.developer-box{

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  position: relative;

  padding: 30px 0px;

  flex-basis: 26%;

  /* gap: 20px; */

}

.developer-box h3{color: var(--golden-color);text-align: right;font-family: var(--font-Cinzel);font-size: 30px;font-style: normal;font-weight: 700;line-height: 28px; /* 93.333% */letter-spacing: 0.5px;text-transform: capitalize;margin-bottom: 18px;}

.developer-box p{

color: #FFF;

text-align: center;

font-family: var(--font-Poppins);

font-size: 16px;

font-style: normal;

font-weight: 400;

line-height: 22px; /* 137.5% */

letter-spacing: 0.5px;

margin-bottom: 0;

}

.developer-box::after{

    content: "";

    width: 100%;

    height: 1px;

    background: var(--golden-color);

    background: linear-gradient(90deg, rgba(232, 216, 172, 0) 0%, rgba(232, 216, 172, 1) 55%, rgba(232, 216, 172, 0.06) 100%);

    position: absolute;

    top: 0;

    left: 50%;

    transform: translateX(-50%);

    z-index: 99;

    padding: 0;

}

.developer-box::before{

    content: "";

    width: 100%;

    height: 1px;

    background: var(--golden-color);

    background: linear-gradient(90deg, rgba(232, 216, 172, 0) 0%, rgba(232, 216, 172, 1) 55%, rgba(232, 216, 172, 0.06) 100%);

    position: absolute;

    bottom: 0;

    left: 50%;

    transform: translateX(-50%);

    z-index: 99;

    padding: 0;

}



/* Contact Section */

.contact-form{

   position: relative;

  width: 100%;

  padding: 80px 0;

  background-color: var(--background-color);

}

.form-box{

background: var(--secondary-bg-color);

box-shadow: 0 389px 109px 0 rgba(205, 176, 86, 0.00), 0 249px 100px 0 rgba(205, 176, 86, 0.01), 0 140px 84px 0 rgba(205, 176, 86, 0.03), 0 62px 62px 0 rgba(205, 176, 86, 0.04), 0 16px 34px 0 rgba(205, 176, 86, 0.05);

width: 566px;

padding: 26px 30px 30px;

margin-top: 50px;

display: flex;

flex-direction: column;

gap: 20px;
}

.form-box .form-control{

  border: 1px solid #E8D8AC;

  background: var(--secondary-bg-color) !important;

  width: 100%;

  height: 45px;

  padding: 10px;

}

.form-box .form-control::placeholder{

  color: #FFF !important;

  font-family: var(--font-Cinzel);

  font-size: 16px;

  font-style: normal;

  font-weight: 700;

  line-height: normal;

  letter-spacing: 0.885px;

}

.contact_button .btn, .contact_button .btn:hover, .contact_button .btn:active{

  display: flex;

  width: 100%;

  height: 45px;

  justify-content: center;

  align-items: center;

  /* background-color: var(--golden-color) !important; */

  background: linear-gradient(90deg, #feebc3 0%, #ae8753 72%);

  border: none;

  border-radius: 0;

}

.contact_button .btn span{

  color: #212121;

  font-family: var(--font-Poppins);

  font-size: 16px;

  font-style: normal;

  font-weight: 600;

  line-height: normal;

  letter-spacing: 0.5px;

  text-transform: uppercase;

}



.buiding_img{

    position: absolute;

    right: 0;

    top: 13%;

    height: 83% !important;

    opacity: .3;

    width: 40%;

    }

  

    /* Footer */

    .footer_section{

       position: relative;

  width: 100%;

  padding: 80px 0 0;

  background-color: var(--secondary-bg-color);

    }

    .footer_section img{

filter: invert(1);

width: 66.541px;

height: 65.833px;

    }

    .footer_section h1{

      /* color: var(--golden-color); */

      font-family: var(--font-Cinzel);

      font-size: 15px;

      font-style: normal;

      font-weight: 700;

      line-height: normal;

      margin:25px 0;

      background: linear-gradient(90deg, #fffaf2 0%, #c9a065 72%, #ad8753 0%);

      -webkit-background-clip: text;

      -webkit-text-fill-color: transparent;

    }

        .footer_section p{

color: #B5B5B5;



text-align: center;

font-family: var(--font-Poppins);

font-size: 12px;

font-style: normal;

font-weight: 400;

line-height: 20px; /* 166.667% */

letter-spacing: 0.25px;



        }

 .footer_section .g_line_bottom{

    

    width: 100%;

    height: 1px;

    background: var(--golden-color);

    background: linear-gradient(90deg, rgba(232, 216, 172, 0) 0%, rgba(232, 216, 172, 1) 55%, rgba(232, 216, 172, 0.06) 100%);

       padding: 0;

margin: 40px 0;

        }

        .footer_bottom{

          display: flex;

          justify-content: center;

          flex-wrap: wrap;

        }

        .footer_bottom p{

          font-size: 14px;

        }

.footer_bottom .dis{

      color: var(--golden-color);



      font-family: var(--font-Source-Code-Pro);



      font-style: normal;

      font-weight: 400;

      line-height: normal;

      letter-spacing: 1px;

      text-transform: capitalize;

}

.footer_bottom .dis a{

  /* color: var(--golden-color); */

 background: linear-gradient(90deg, #fffaf2 0%, #c9a065 72%, #ad8753 0%);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

}

.copy_right{
color: #FFF;
text-align: center;
font-family: var(--font-Source-Code-Pro);
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 1px;
text-transform: capitalize;
background: linear-gradient(90deg, #fffaf2 0%, #c9a065 72%, #ad8753 0%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
                }

.footer_bottom .comapny_promo{

    color: #FFF;

    text-align: right;

    font-family: var(--font-Source-Code-Pro);



    font-style: normal;

    font-weight: 400;

    line-height: normal;

    letter-spacing: 1px;

    text-transform: capitalize;

  }

  .footer_bottom .comapny_promo a{

    color: var(--golden-color);

  }

  .moreless-button {

    color: #B5B5B5;

    font-size: 13px;

}

 .footer_bottom .comapny_promo span{color: #FFF;font-family: var(--font-Source-Code-Pro);font-size: 14px;font-style: normal;font-weight: 600;line-height: normal;letter-spacing: 1px;text-decoration-line: none;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 form */



.modal_form_box .form-box{width: 100%;box-shadow: none;margin-top: 0px;gap: 15px;}

.modal-body{

  padding: 0 !important;

}

.modal-content{

  border: 1px solid var(--golden-color) !important;

  border-radius: 0 !important;

}

.modal-header{

     background-color: var(--secondary-bg-color);

    border: none !important;

    display: flex

;

    justify-content: center;

    padding-bottom: 0 !important;

    border-radius: 0 !important;

}

 .modal-content .btn-close {

    margin-left: 0 !important;

    position: absolute;

    right: 20px;

    padding: 10px !important;

    border-radius: 50%;

    filter: invert(1);

    top: 15px;

    

}

.modal-content .btn-close:focus{

  box-shadow: none !important;

  border: 1px solid var(--golden-color) !important;

}

.form-box .form-control{

   color: #FFF !important;



font-family: var(--font-Cinzel);

font-size: 16px;

font-style: normal;

font-weight: 700;

line-height: normal;

letter-spacing: 0.885px;

border: 1px solid var(--golden-color) !important;

border-radius: 0 !important;

}

.form-box .form-control:focus{

  box-shadow: none !important;

  border-color:var(--golden-color) !important;

}



.footer_bottom_cta{

  position: fixed;

  bottom: 0;

  left: 0;

  /* background-color: var(--golden-color); */

  z-index: 99;

  width: 100%;

  background: linear-gradient(90deg, #feebc3 0%, #ae8753 72%);

}

.footer_bottom_cta .cta_button{

  display: flex;

  justify-content: space-between;

  align-items: center;

  color: #fff;

  width: 100%;

  height: auto;

  gap: 15px;

  padding: 0px 20px;

}

.footer_bottom_cta .cta_button a{

text-decoration: none;

color: #212121;

font-family: var(--font-Poppins);

font-size: 16px;

font-style: normal;

font-weight: 600;

line-height: normal;

}

.g_footer_cta{

  background: var(--secondary-bg-color);

  background: linear-gradient(2deg,rgba(5, 19, 34, 0) 0%, rgba(5, 19, 34, 1) 50%, rgba(5, 19, 34, 0) 100%);

  width: 1px;

  height: 44px;

}

.modal_form_box .form-check-label{

  font-size: 9px;

}



.whatsapp-box{

  position: fixed;

  bottom: 50px;

  right: 30px;

  width: 42px; 

  height: 42px;

  z-index: 999;

}

.contact-form .main-top-left-box{



margin-bottom: 41px;

}

.main-top-left-box h3{

  font-size: 25px;

  margin-bottom: 5px;

  color: #fff;

  margin-top: 15px;

}



.texture_leaves{

  position: relative;

}

.texture_leaves::before{

  content: '';

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  /* background: url("../images/texture.jpg") no-repeat; */

  background-size: cover;

}

.texture_logo{

  position: relative;

}

.texture_logo::before{

  content: '';

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  /* background: url("../images/texture_logo.png") no-repeat; */

  opacity: 0.2;

  background-position: center;

  z-index: -9;

}

.half_texture{

  position: relative;

}

.half_texture::before{

  content: '';

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  height: 100%;

  /* background: url("../images/half-texture.png") no-repeat; */

  opacity: 0.5;

  background-position: left bottom;

}

.half_texture1{

  position: relative;

}

.half_texture1::after{

  content: '';

  position: absolute;

  right: 0;

  top: 0;

  width: 100%;

  height: 100%;

  /* background: url("../images/half-texture1.png") no-repeat; */

  opacity: 0.5;

  background-position: right top;

}

.highlight-section .container{

  z-index: 99;

  position: relative;

}

.highlight-section .container-fluid{

  z-index: 99;

  position: relative;

}

.overview-section .container{

  z-index: 99;

  position: relative;

}

.section_floor .container{

  z-index: 99;

  position: relative;

}

.gallery-section .container{

  z-index: 99;

  position: relative;

}

.location-section .container{

  z-index: 99;

  position: relative;

}

.footer_section{

  z-index: 99;

  position: relative;

}

.modal-header .modal_logo{

  max-width: 80px;

}

.carousel-indicators {

  margin-bottom: 0.5rem;

}

.highlight_innerbox{

  display: flex;

  align-items: center;

}

.highlight_innerbox img{

  margin-right: 10px;

  max-width: 18px;

}

.pro_speci p{

  padding-left: 15px;

  position: relative;

}

.pro_speci p::before{

  content: '';

  position: absolute;

  left: 0;

  top: 11px;

  width: 6px;

  height: 6px;

  background: var(--golden-color);

  border-radius: 50%;

}

.m_view{

  display: none;

}

.d_view{

  display: block;

}


.center_loc h3{

  text-align: center;

  font-family: var(--font-Cinzel);

  font-size: 18px;

  font-style: normal;

  font-weight: 700;

  line-height: 28px;

  letter-spacing: 0.5px;

  text-transform: capitalize;

  margin-bottom: 0;

  background: linear-gradient(90deg, #feebc3 0%, #ae8753 72%);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

}

.center_loc p{

    color: #FFF;

    font-family: var(--font-Poppins);

    font-size: 14px;

    font-style: normal;

    font-weight: 300;

    line-height: 28px;

    letter-spacing: 0.5px;

    text-transform: capitalize;

    text-align: center;

    margin-bottom: 5px;

}



.developer-section h4{

  font-size: 24px;

  margin-bottom: 15px;

  color: #fff;

}

.d-view{
  display: block;
}
.m-view{
  display: none;
}
#exampleModal1 .modal-content .btn-close {
    top: 8px;
}

.overview-left-box .key_highlight{
  margin: 0 0 25px;
  padding: 0;
  display: flex;
  gap: 85px;
}
.overview-left-box .key_highlight li{
  font-size: 16px;
  list-style-type: none;
  font-family: var(--font-Poppins);
}
.overview-left-box .key_highlight li img{
  max-width: 18px;
}
.form-box h5{
  color: #fff;
  text-align: center;
  font-size: 16px;
  margin-bottom: 0;
   font-family: var(--font-Poppins);
}

@media(max-width:1500px){

  .banner-content-bottom .banner-content-bottom {

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

  }

  .banner-content-bottom .g_line::after{

    left: -40px;

  }

  .banner-content-bottom .g_line::before{

    right: -40px;

  }

  .main-top-left-box h3 {

    font-size: 20px;

  }

  .prev-arrow6 {

    position: absolute;

    bottom: -70px;

    left: 45%;

    z-index: 99;

}

.next-arrow6 {

    position: absolute;

    bottom: -70px;

    right: 45%;

    z-index: 99;

}



}

@media (max-width:1400px){

    .highlight-section,.amenities-section,.section_floor,.price_list_section,.location-section, .gallery-section, .developer-section, .contact-form{

padding: 60px 0;

}



        .swiper-slide img {

        height: auto;

    }

    .main-top-left-box {

    margin-bottom: 50px;

}

    .location_small_box p, .location_right_small_box p{

        font-size: 14px;

           

    }

    .banner_content_box h1{

        font-size: 26px;

    }

    .banner_content_box{

        bottom: 4%;

    }

    .g_line::before{

        right: -50px;

    }

    .g_line::after{

        left: -50px;

    }

    .para {

    font-size: 14px;}

   .table>:not(caption)>*>* {

    padding: 25px .5rem !important;

}

.price_small_section h4 {

    

    font-size: 24px;}

    .price_small_section p {

    font-size: 14px;}

    .amenities_img_box img {

    /* height: 350px; */

    }

    .offcanvas-body .nav-item, .offcanvas-body .nav-item .nav_g_line {

    

    font-size: 13px;

    padding: 13px 0;

}

.offcanvas .offcanvas-body{

        padding-top: 0;

        padding-bottom: 0;

}

}

@media (max-width:1366px){

    .offcanvas-body .nav-item, .offcanvas-body .nav-item .nav_g_line {

        font-size: 13px;

        padding: 12px 0;

    }

.offcanvas-title {

    margin-top: 0;

}





.navbar-container {

    max-width: 90% !important;

    margin: 0 auto;

}

     .modal_form_box .form-box{

gap: 15px;

padding-top: 26px;

}

    .form-box .form-control{

        height: 45px;

    }

    .section-title{

        font-size: 22px;

    }

    .amenities_sab_title{

        font-size: 14px;

    }

    /* .highlight-left-box {

    margin-bottom: 40px;

} */

    .main-top-left-box{

        margin-bottom: 40px;

    }

    .price_list_section .button-box {

    margin-top: 44px;

}

.highlight-section .button-box {

    margin-top: 20px;

}

.amenities_top_box p, .amenities_bottom_box p {
    font-size: 16px;
}

}

@media (max-width:1280px){

        .offcanvas-body .nav-item, .offcanvas-body .nav-item .nav_g_line {

               padding: 10px 0;

        font-size: 13px;

    }

    .banner_content_box h1 {

        font-size: 23px;

    }

     .banner-content-bottom .g_line::after{

        left: -20px;

      }

      .banner-content-bottom .g_line::before{

        right: -18px;

      }

        .g_line::before {

        right: -41px;

    }

        .g_line::after {

        left: -41px;

    }

    .form-box .form-control {

        height: 45px;

    }

  }

@media (max-width:767px){

    .offcanvas .offcanvas-body{

        padding: 1rem;

    }

    .banner_content_box h1{
      justify-content: center;
    }

    .offcanvas-title {

    margin-top: 20px;

}

    .offcanvas-body .nav-item, .offcanvas-body .nav-item .nav_g_line {

        padding: 15px 0;

        font-size: 16px;

    }

    .button-box {

        justify-content: start;

    }

    .amenities-box{

        padding: 0 15px;

        gap: 15px;

    }

    header{

        height: auto;

    }

    .navbar-container{

            max-width: 100% !important;

    margin: 0 auto;

    padding: 0 !important;

    }

.banner_content_box{

          width: 100%;

          gap: 0;

          bottom: 7%;

          /* bottom: unset; */

}

#offcanvasDarkNavbar{

    width: 80%;

}

.banner_content_box h1 {

    width: 100%;

    font-size: 18px;

    gap: 16px;

}

.banner_g_lineL{

 width: 30px;

}

.banner_g_lineR{

   width: 30px;

}

.banner-content-bottom{

    display: none;

}

.banner_content_box .button-box{

    display: none;

}

/* overview */

.overview-section {

padding: 20px 0;

}



.section-title{

font-size: 18px;

        margin-bottom: 30px;

}

.overview-left-box{

        background: #000414;

        background: linear-gradient(0deg, rgba(0, 4, 20, 1) 0%, rgba(0, 4, 20, 0) 100%);

        padding: 16px 16px 94px 16px;

    }

.highlight_g_left::before, .highlight_g_left::after{

           width: 150px;

           left: -63px;

    }

.highlight_g_left::before{



top: 110px;

}

 .highlight_g_left::after{



top: -81px;

}

.highlight_g_right::before, .highlight_g_right::after{

            width: 150px;

            left: -63px;

    }

.highlight_g_right::before{top: 110px;}

.highlight_g_right::after{

    top: -81px;

}

.center_box {

    gap: 15px;

}





.section-title .g_right_line{

width: 100px;

}

.overview_main_box{

    padding: 0 20px;

}

.para {

  width: 100%;

  font-size: 12px;

  line-height: 20px;

  letter-spacing: 0.5px;

  margin-bottom: 35px;

}

.overview_img-box {

   margin-top: -90px;

   margin-left: 0;

   }





    /* Highlights */

.highlight_main_box {

    text-align: center;

    padding: 0;

}

.highlight_right_box{

    display: none;

}

.highlight_middle_section{

    flex-direction: column;

    gap: 30px;

    padding: 30px 30px;

}

.highlight_g_left, .highlight_g_right{

    transform: rotate(90deg);

}





.highlight-section .button-box {

    justify-content: flex-start;

    padding: 0 30px;

    margin-top: 30px;

}

    .highlight_left_box::after {

            right: 1px;

    }

.highlight_left_box img{

    width: 97%;

    height: auto;

    object-fit: cover;

}

/* amenities */

.amenities_main_box {

    flex: 1 1 calc(50% - 25px); /* 2 per row */

  }

   .amenities_img_box img{

  /* height: 216px; */

  height: unset;

 }

 .amenities_main_box:last-child{

    display: none;

 }

/* Floor plan */

.floor-button {

    padding: 20px 41px !important;

    font-size: 14px;

font-style: normal;

font-weight: 500;

line-height: normal;

letter-spacing: 0.701px;



}



#pills-tab {

    gap: 5px;

    margin-bottom: 40px;

}

.floor_right-content_box{

width: 100%;

}

.floor_main_box{

    margin-top: 30px;

}

/* Price list */

.price_small_section h4 {

    font-size: 16px;}

.price_small_section p{

    font-size: 12px;

    margin-bottom: 5px;

}

td:nth-child(2), td:nth-child(3) {

    text-align: left;

}

.price_small_section sub{

font-size: 14px;

}

.price_table {

    margin-top: 0;

            margin-bottom: 0;

}

.price_list_section .button-box{

  margin-top: 40px !important;

}

.table>:not(caption)>*>* {

    padding: 20px .5rem !important;

}

.video-overlay {

    top: -1px;

    height: 101%;

}

/* Location Style responsive */



.location_left_main_box .location_main_box{

    flex-direction: row-reverse !important;

}









.g_left_line{

                  transform: rotate(90deg);

                  margin-left: -24px;

                  width: 85px !important;

                  margin-top: 35px;

}

.location_right_main_box .g_right_line{

                   transform: rotate(-90deg);

                        margin-left: -22px;

                   width: 85px !important;

                   margin-top: 26px;

}

.location_small_box, .location_small_box h3{text-align: left;font-size: 16px;}

.location_main_box {

    justify-content: start;

    gap: 6px;

   

}

.location_right_small_box, .location_small_box{

 margin-left: -16px;

 }

 .location_left_main_box{

    margin-top: 50px;

 }

.location_right_main_box{

           margin-top: 35px;

}

.location_right_main_box .location_main_box:last-child .g_right_line {

    /* display: none; */

    visibility: hidden;

  }

.location_right_main_box .location_main_box .g_right_line::after {

    content: " ";

    position: absolute;

    /* right: -5px; */

      left: 0%;

    top: 48%;

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

    width: 5px;

    height: 5px;

    background: #e8d8ac;



  }

/* .location_right_main_box .location_main_box:last-child .g_right_line::before {

    visibility:hidden;

  } */





/* Developer responsive */

.developer_main_box{

    flex-direction: column;

    

}



/* Conatct Section */

    .form-box {

               width: 100%;

               gap: 15px;

               padding: 25px 15px;

               margin-top: 40px;

    }



.buiding_img{

    display: none;

}

.footer_bottom{margin-bottom: 0px;}



 .footer_bottom p{

                  font-size: 12px;

        font-family: var(--font-Poppins) !important;

        letter-spacing: 1.5px !important;

        }



  .footer_bottom{

    justify-content: center;

  }





/* Gallery */



    .gallery_bottom {

        flex-direction: column-reverse;

     }

    .mySwiper2 .swiper-slide:first-child{

        margin-right: 20px !important;

    }



    .mySwiper1 .swiper-slide, .mySwiper2 .swiper-slide{

        padding: 0;

    }

    .gallery-box{

                margin: 0;

            padding: 0;

    }

    .gallery_bottom{

        margin-top: 15px !important;

    }

    .developer_main_box{

        margin-top: 23px;

    }





    .highlight_box p{

        font-size: 14px;

        line-height: 22px;

    }







    .floor_main_box {

        margin-left: 0px;

    }

    .modal .modal_form_box .modal-header{

    padding-bottom: 15px !important;

    border-bottom: 1px solid var(--secondary-bg-color) !important;

    }

    .footer_section h1{



    font-size: 13px;

    }

    .right-side-navbar {

        gap: 10px;

    }



    .number {    

        gap: 6px;    

        padding: 6px 8px;

    }

    .overview_main_box {

      

              align-items: center;

            flex-direction: column;

    }

    .highlight_box h3{

        line-height: 22px;

        font-size: 16px;

        text-align: unset;

    }

    .button-box span{

    font-size: 14px;

    letter-spacing: 0.5px;

    }

    .amenities_sab_title {

          

font-size: 12px;

          

line-height: 20px; /* 166.667% */

          

margin-bottom: 20px;

        }

        .amenities_top_box p, .amenities_bottom_box p{

    font-size: 14px;

    }



    .small_box h4{



      font-size: 12px;

          }

      .small_box p{

      font-size: 14px;

      }



      .highlight-section,.amenities-section,.section_floor,.price_list_section,.location-section, .gallery-section, .developer-section, .contact-form, .footer_section{

      padding: 40px 0;

      }

      .developer-box h3{

      font-size: 20px;

      line-height: 20.046px; 

      letter-spacing: 0.358px;

      }

      .developer-box p{

      font-size: 12px;

      line-height: 15.751px; 

      letter-spacing: 0.358px;

      }

      .amenities-section .button-box, .section_floor .button-box, .location-section .button-box, .overview_main_box .button-box, .price_list_section .button-box {

          margin-top: 50px;

      }

      .modal_form_box .form-check-label{

        font-size: 11px;

      }



    .form-box .form-control, .form-box .form-control::placeholder {

       font-size: 12px;

    }



    /* .highlight_left_box img {

        position: relative;

        z-index: 2;

        width: 330px;

    } */



    /* .overview_img-box::after{

        right: -2px;

    } */

    .whatsapp-box{

        display: none;

    }

    .highlight-section .section-title{

        margin-bottom: 32px;

    }

    .overview_img-box img{

        /* width: 319.32px; */
    /* height: 220.451px; */
    height: unset;

    }

    .overview_main_box .overview_img-box{

        align-items: start;

    }



    .highlight_g_left img, .highlight_g_right img{

        width: 22px;

        height: 22px;

    }



    .location_g_left{

        right: 0;

    }

    .location_g_right{

        left: 0;

    }

    .location_middle_box img{

              padding: 0 15px;

    }



    .half_texture::before{

      background-size: 34% auto;

    }

    .half_texture::after{

      background-size: 34% auto;

    }

    .modal-header .modal_logo {

        max-width: 60px;

    }

    .texture_logo::before {

        background-size: 60% auto;

    }

    .footer_bottom_cta .cta_button a {

        font-size: 16px;

        font-weight: 500;

    }

    .developer-section .main-top-left-box img {

max-width: 70px;

}

    .navbar_flex_chield img {

max-width: 50px;

}

    nav {

      background-color: #334a69;

    }

    .prev-arrow6 {

        left: 33%;

    }

    .next-arrow6 {

        right: 33%;

    }

    .amenities-section .button-box{

      margin-top: 90px;

    }

  .gallery-nav {

    margin-top: 0;

    margin-bottom: 20px;

  }

  /* hide all boxes after the 4th in first column */

  .first-col .highlight_box:nth-of-type(n+5) {

    display: none;

  }



  /* hide second column by default on mobile */

  .second-col {

    display: none;

  }



  /* show all when user clicks read more */

  .first-col.show-all .highlight_box {

    display: block !important;

  }



  /* show second column when read more clicked */

  .second-col.show-second {

    display: block !important;

    margin-top: 20px;

  }

  .center_box.speci_center_box{

    gap: 20px;

  }

  .price_small_section {

    padding: 4px;

  }

  .m_view{

    display: flex;

  }

  .d_view{

    display: none;

  }

  .developer-section h4 {

    font-size: 19px;

  }

 .d-view{
  display: none;
}
.m-view{
  display: block;
}
.overview-left-box .key_highlight{
  display: none;
}
.form-box h5 {
    font-size: 15px;
}
}



@media(max-width:390px){

    .offcanvas-body .nav-item, .offcanvas-body .nav-item .nav_g_line {

    

    font-size: 13px;

    line-height: normal;

    padding: 12px 0;

}

.offcanvas .offcanvas-header{

    padding: 0;

}

        .amenities_sab_title {

        font-size: 12px;

    }

        .banner_content_box h1 {

        font-size: 15px;

    }

        .section-title {

        font-size: 15px;

        margin-bottom: 30px;

    }

    .amenities_top_box p, .amenities_bottom_box p {

    font-size: 14px;

    color: #fff;

    }

    .floor-button {

        padding: 19px 36px !important;

    }

    .price_small_section h4 {

        font-size: 14px;

    }

        .price_small_section sub {

        font-size: 12px;

    }

        .main-top-left-box {

        margin-bottom: 0;

    }

          .amenities_img_box img {

        /* height: 250px; */

    }

   .table>:not(caption)>*>* {

        padding: 20px 5px !important;

    }

        .banner_content_box h1 {

        width: 100%;

        font-size: 18px;

        gap: 16px;

        justify-content: center;

    }

   .banner_img_box::after {

      content: "";

      position: absolute;

      bottom: 0;

      left: 0;

      width: 100%;

      height: 23%;

      background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.6) 70%, rgba(0, 0, 0, 0) 100%);

      z-index: 1;

    }

    .banner_img_box .mobile-banner {

      min-height: 458px;

      margin-top: 74px;

    }

    .overview-left-box h2 {

      color: var(--golden-color);

      margin-bottom: 10px;

      font-size: 16px;

    }

    nav {

        padding: 1px 16px !important;

    }

}