/* Roboto Condensed (variable weight), self-hosted. The latin file is preloaded in index.html;
   latin-ext is only fetched for characters it covers (e.g. the ₹ sign). */
@font-face {
  font-family: "Roboto Condensed";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("fonts/roboto-condensed-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: "Roboto Condensed";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("fonts/roboto-condensed-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Metric-matched fallbacks (computed with Capsize) so text barely moves when the web font swaps in */
@font-face {
  font-family: "Roboto Condensed Fallback Arial";
  src: local("Arial"), local("ArialMT");
  ascent-override: 104.4416%;
  descent-override: 27.4846%;
  line-gap-override: 0%;
  size-adjust: 88.828%;
}

@font-face {
  font-family: "Roboto Condensed Fallback Roboto";
  src: local("Roboto Regular"), local("Roboto-Regular");
  size-adjust: 89.0231%;
}


body {
  background-color: #f4f1e8;
  font-family: "Roboto Condensed", "Roboto Condensed Fallback Arial", "Roboto Condensed Fallback Roboto", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  overflow-x: hidden;
  font-variation-settings:
    "wdth" 100;

}


* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  list-style: none;

}

h1,
h2,
h3 {
  text-transform: capitalize;
}

p {
  line-height: 23px;
}

h1 {
  font-size: 36px;
  position: relative;
  font-weight: 700;
  color: #fff;

}


h2 {
  font-family: "Open Sans", sans-serif;
  z-index: 2;
  font-size: 35px;
  color: #2c99ae;
  gap: 15px;
  margin-bottom: 0;

}


h3 {
  font-family: "Open Sans", sans-serif;
  z-index: 2;
  font-size: 35px;
  color: #2c99ae !important;
  gap: 15px;
  margin-bottom: 0;
}

h4 {
  font-size: 20px;
}

h5 {
  font-size: 18px;
}

h6 {
  font-size: 19px;
  color: #2c99ae;
  position: relative;
  font-weight: 500;
}


a {
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5 {
  letter-spacing: initial;
  line-height: initial;
}


p {
  letter-spacing: initial;
  line-height: 23px;
  font-size: 17px;
}


.btan a {
  color: #ffffff;
}

.btan {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  padding: 17px 40px;
  color: #ffffff;
  background: linear-gradient(-45deg, #261b07, #2c99ae, #261b07, #2c99ae);
  background-size: auto;
  background-size: 400% 400%;
  animation: Gradient 3s ease infinite;

  border-radius: 42px;
  z-index: 99;
}

.btan::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;

}

.btan:hover:after {
  -webkit-transform: scaleY(0);
  transform: scaleY(0);

}

.btan:hover {
  box-shadow: 8px 8px 40px 0px rgba(0, 0, 0, 0.3);
  color: #ffffff;
  transition: all 0.5s;
  background-color: #3d4844;
}

.btan a:hover {
  color: #fff;
}

/* =============sticky_icon==================== */

.sticky_icon {
  display: none;
}


/* =========================header start========================= */


/* popup form on restart */

.madal-reload {
  background: rgba(0, 0, 0, 0.69);
  align-items: center;
  justify-content: center;
  align-content: center;
}

.madal-reload .modal-dialog {
  position: relative;
  width: 452px !important;
  margin: var(--bs-modal-margin);
  pointer-events: none;
  justify-content: center;
  display: flex;
  display: flex;
  align-items: center;
  max-width: 100%;
  margin: 0 auto;
}


.madal-reload .modal-header {
  padding: 0;
  height: 0;
  border: 0;
  display: block !important;
}

.madal-reload {
  background: rgba(0, 0, 0, 0.69);
}

.madal-reload .modal-content {
  margin: 12px;
}

.madal-reload .form-control {
  background-color: #fff !important;
  border: 1px solid #929292;

}


.madal-reload h5 {
  color: #000000;
  font-size: 33px;
}

.madal-reload p {
  border-top: 1px solid #959595;
}


.madal-reload .motal_form_text span i {
  color: #2c99ae;
}

.madal-reload .motal_form_text h3 {
  font-size: 25px;
}

.btan_g {
  background: transparent;
  border: 2px solid #2c99ae;
  padding: 3px 11px;
  color: #fff;
  font-size: 22px;
  position: relative;
  top: 0;
  left: 0;
  z-index: 99;
  float: right;
  border-radius: 0;
  background: linear-gradient(-45deg, #261b07, #2c99ae, #261b07, #2c99ae);
  background-size: auto;
  background-size: 400% 400%;
  animation: Gradient 3s ease infinite;
}

.call_now {
  background: linear-gradient(-45deg, #261b07, #2c99ae, #261b07, #2c99ae);
  background-size: auto;
  background-size: 400% 400%;
  animation: Gradient 3s ease infinite;
  width: 100%;
  color: #fff;
  font-size: 19px;
}


.call_now .fa {

  color: #fff;
  font-size: 19px;
}


/*  */


.header {
  padding: 6px 0;
  z-index: 999;
  margin: 0 auto;
  border-left: transparent;
  border-right: transparent;
  position: absolute;
  top: 15px;
  left: 15px;
  right: 15px;
  background-color: #fff;
  box-shadow: 0 2px 5px -2px;
}


.header a {
  color: #000000 !important;

}


/* STICKY STYLES
    –––––––––––––––––––––––––––––––––––––––––––––––––– */
.header.is-sticky {
  position: fixed;
  box-shadow: rgba(0, 0, 0, 0.09) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
  padding: 5px 0;
  animation: slideDown 0.35s ease-out;
  border-bottom: none;
  height: auto;
  right: 0;
  background-color: #fff;
  top: 0;
  left: 0;

}

.header.is-sticky .menu {
  background-color: transparent;
  padding: 0;
  border-radius: 0;
  border-bottom: 0px solid #2c99ae;
  border-right: 0px solid #2c99ae;
}


.header .contect-us {
  border: 1px solid #838383;
  background: linear-gradient(-45deg, #261b07, #2c99ae, #261b07, #2c99ae);
  background-size: auto;
  background-size: 400% 400%;
  animation: Gradient 3s ease infinite;
  border-radius: 10px;
  outline: rgba(244, 241, 232, 0.29) solid 2px;
  padding: 11px 13px;
}


@keyframes trin {
  0% {
    transform: rotate3d(0, 0, 1, 0deg);
  }

  20%,
  32%,
  44%,
  56%,
  68% {
    transform: rotate3d(0, 0, 1, 0deg);
  }

  23%,
  35%,
  47%,
  59%,
  71% {
    transform: rotate3d(0, 0, 1, 15deg);
  }

  26%,
  38%,
  50%,
  62%,
  74% {
    transform: rotate3d(0, 0, 1, 0deg);
  }

  29%,
  41%,
  53%,
  65%,
  77% {
    transform: rotate3d(0, 0, 1, -15deg);
  }

  80% {
    transform: rotate3d(0, 0, 1, 0deg);
  }
}


.header .contect-us ul li .fa {
  color: #ffffff;
  animation-name: trin;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;

}

.header .contect-us ul li span {
  color: #ffffff;
}

.header .contect-us ul li a {
  background: transparent;
  padding: 0px;
}

.header .contect-us ul li a:hover {
  background: transparent;
  padding: 0px;
}


@keyframes slideDown {
  from {
    transform: translateY(-100%);
    transition: 0.3;
  }

  to {
    transform: translateY(0);
    transition: 0.3;
  }
}


.menu ul li {
  display: inline-block;
  margin: 0 2px;
}


.header .menu ul li a {
  position: relative;
  padding: 0 17px;
  font-size: 18px;

}


.header .menu ul li a.active {
  color: #2c99ae !important;
  border-radius: 50px;
}

.header ul li a:hover {
  transform: all 0.5s;
  color: #2c99ae !important;


}


/* =========header closed========= */


/* ===========================banner = style = start ===================== */
.banner_bg {
  position: relative;
  overflow: hidden;

}

.banner_bg::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-color: transparent;
  z-index: 1;
  background: linear-gradient(269deg, transparent 25%, #000000 100%);

}

.banner_bg .banner_img .img_banner img {
  height: 100vh;
  animation: color 12s linear infinite;
}


@keyframes color {
  0% {

    transform: scale(1);

  }

  50% {

    transform: scale(1.1);

  }

  100% {

    transform: scale(1);

  }
}


.banner_text {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  align-items: center;
  display: flex;
  color: #fff;
  z-index: 2;
}


.banner .banner_wrapper_text .bgk ul li i {
  font-size: 58px;
  animation: flip infinite 4s;
  background: #2c99ae;
  background-clip: border-box;
  background-clip: border-box;
  background-clip: border-box;
  background-clip: border-box;
  background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}


@keyframes flip {
  0% {
    transform: perspective(400px) rotateY(0) translateY(0%);
    animation-timing-function: ease-out;
  }

  /* 70% {
  transform: perspective(400px) rotateY(300deg) translateY(-50%);
  animation-timing-function: ease-in;
} */
  100% {
    transform: perspective(400px) rotateY(360deg) translateY(0%);
    animation-timing-function: ease-in;
  }
}


.banner .banner_wrapper_text .bgk ul li h3 {
  color: #ffffff;
  font-size: 20px;
  letter-spacing: 2px;
  border-bottom: 2px solid #fff;
  padding-bottom: 6px;
}


.banner .banner_wrapper_text .bgk ul li p {
  font-size: 44px !important;
  font-weight: 623;
  padding-top: 14px;
}


.banner .banner_wrapper_text .banner_highlight span {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: fit-content;
  padding: 5px 7px;
  border-radius: 7px;
  box-shadow: 0 2px 5px -2px;
  background: linear-gradient(-45deg, #261b07, #2c99ae, #261b07, #2c99ae);
  background-size: auto;
  background-size: 400% 400%;
  animation: Gradient 3s ease infinite;
  font-size: 18px;
  letter-spacing: 1px;
  margin-bottom: 14px;
}

.banner_wrapper_text {
  padding: 42px 49px;
  position: relative;
  width: 500px;
  box-shadow: 0 2px 5px -2px;
  background: rgba(12, 19, 15, 0.84);
}


@keyframes Gradient {
  0% {
    background-position: 0 50%
  }

  50% {
    background-position: 100% 50%
  }

  100% {
    background-position: 0 50%
  }
}


.banner .banner_wrapper_text span {
  font-size: 21px;
  color: #ffffff;
}


.banner .banner_wrapper_text h5 {
  background: #2c99ae;
  background-clip: border-box;
  background-clip: border-box;
  background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-flex;
  font-size: 25px;
  font-weight: bold;

}

.banner .banner_wrapper_text i {
  color: #ffffff;
}

.banner .banner_wrapper_text p {
  font-size: 17px;
  margin: 0;
  margin-bottom: 0px;
  padding: 0;
  color: #fff !important;
  letter-spacing: 1.2px;
  position: relative;
}

.banner .banner_wrapper_text p::after {
  position: absolute;
  bottom: -12px;
  left: 0;
  background-color: #2c99ae;
  width: 97px;
  height: 3px;
  content: "";
}


.banner .banner_wrapper_text ul li h5 {
  font-size: 26px;

}


.banner_bg .banner h4 {
  display: none;
}

.banner .banner_text .form_section {
  padding: 28px 42px;
  position: relative;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  margin: 12px 26px;
  border: 1px solid #fff;
  z-index: 999;
  background-color: rgb(11, 11, 10);
}


.banner .banner_text .form-control::placeholder {
  color: #fff !important;
}


.banner_form .form-control {
  background: none;
  border: 1 px solid #fff !important;
}

.banner .banner_text .text_form {
  height: 45px;
  padding: 12px 52px !important;
  background: none;
  border: transparent;
  border-bottom-width: medium;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-bottom: 1px solid #fff;
  color: #fff !important;
  border-radius: 0;
}


.banner .banner_text .icon-inside {
  color: #f4f1e8;

}

.text_form {
  height: 45px;
  padding: 12px 52px !important;
}


.Banner-form {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 99;
  width: 389px;
}


.icon-inside {
  position: absolute;
  width: 50px;
  height: 44px;
  left: 9px;
  top: 0;
  pointer-events: none;
  font-size: 18px;
  font-size: 1.125rem;
  color: #2c99ae;
  z-index: 3;
  display: flex;
  -ms-flex-align: center !important;
  align-items: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
}

.form_section p {
  color: #070707;
  border-bottom: 4px solid #f4f1e8;
  border-bottom-style: solid;
  padding: 0px 0 10px 0;
  border-style: double;
}

.banner .banner_text .form_section h3 {
  color: #ffffff;
  font-size: 18px;
  padding: 10px;
  border: 1px solid #fff;

}

.form_bottom .form_section {
  padding: 28px 42px;
  position: relative;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  margin: 12px 26px;
  background: #fff;

}


.bottom_content {
  position: absolute;
  bottom: 3%;
  width: 52%;
  left: 4%;
  z-index: 9;
}


.item_box {
  display: flex;
  width: 100%;
  align-items: center;
  line-height: normal;
  margin: 0;
  padding: 0;
}


.item_box {
  display: flex;
  width: 100%;
  align-items: center;
  line-height: normal;
  margin: 0;
  padding: 0;
}


.item {
  padding: 5px;
  border-radius: 20px;
  border: 1px solid #2c99ae;
  margin: 0 5px;
}

.item .inner {
  background: #111817;
  padding: 15px 40px;
  border-radius: 20px;
  border: 1px solid #2c99ae;
  
}

.item .inner p {
  display: flex;
  flex-direction: column;
}

.item .inner p span{
  font-size: 25px;
}

.item .inner p span.key {
  font-size: 23px;
  padding-bottom: 10px;
  margin-bottom: 15px;
  display: inline-block;
  border-bottom: 2px dotted #2c99ae;
  color: #fff;
}

/* =============== banner start style closed ========================= */


/*=============== about bg start ============ */

.about_bg {
  position: relative;
  padding: 90px 0;
}

.about_bg::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 827px;
  height: 205px;
  content: "";
  background-size: cover;
  background-repeat: no-repeat;
}


.about_bg p {
  color: #000000;
  line-height: 30.1px;
  letter-spacing: 1.01px;
  font-size: 17px;
}


.about_bg .about_img {
  position: relative;
}


.about_bg .about_text i {
  font-size: 26px;
}


.about_bg .about_highlight_text li {
  border-left: 2px solid #141414;
}

.about_bg .about_highlight_text i {
  font-size: 27px;
  color: #2c99ae;

}

.about_bg .about_highlight_text h5 {
  font-size: 16px;
  color: #000;
}

/*=============== about bg end ============ */


/* ======= price list section start ============= */

.price_list_bg {
  position: relative;
  padding: 90px 0;
  width: 100%;
  height: 100%;
  content: "";
  background-size: cover;
}

.price_list_bg::after {
  position: absolute;
  content: '';
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background: rgba(0 0 0 / 90%);
  z-index: 0;
}

.price_list_bg h2 {
  color: #fff;
}

.price_list_bg .btan a {
  color: #ffffff;
}


.price_list {
  z-index: 9;
  position: relative;
}

.price_list .price_list_box {
  padding: 25px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  position: relative;
  background-color: #e0dccf;
  border-radius: 20px;
  height: 100%;

}

.price_list .price_list_box .price_list_high {

  display: inline-block;
  padding-bottom: 12px;
  position: relative;
  z-index: 11;
  color: #fff;
  top: -43px;
}


.price_list .price_list_box .Price_list_text_highlight {
  position: relative;
  z-index: 11;

}


.price_list_high h3 {
  font-size: 23px;
  color: #fff;
  border: 6px solid #f4f1e8;
  padding: 9px 15px;
  background: #2c99ae;

}

.Price_list_text {
  color: #000000;
  position: relative;
  z-index: 11;
  border-bottom: 1px solid #000;
  padding-bottom: 10px;
}

.Price_list_text h5 {
  font-size: 25px !important;
  letter-spacing: 1px;
}


.virtual_side_bg {
  background-repeat: no-repeat;
  background-size: cover;
  padding: 90px 0;
  position: relative;
  cursor: pointer;
}

.virtual_side_bg::after {
  content: "";
  width: 127%;
  height: 100%;
  position: absolute;
  bottom: 0px;
  left: 0;
  background: linear-gradient(269deg, transparent 25%, #000000 100%);
}

.virtual_side {
  position: relative;
  z-index: 1;
}


.virtual_side .virtual_text {
  color: #fff;
}


.virtual_side .virtual_text h2 {
  font-size: 30px;
  font-weight: 600;
  letter-spacing: 3px;
  text-shadow: 1px 3px 4px #000;
}


.virtual_side .virtual_text p {
  font-size: 18px;
  border: 2px solid #fff;
  border-right: none;
  border-left: none;
  padding: 13px;
}

/* -============ highlight style section start ================ */


.highlight_bg {
  padding: 90px 0;
  position: relative;
}


.highlight_bg::after {
  position: absolute;
  top: 0;
  right: 0;
  content: "";
  width: 268px;
  height: 168px;
}


.highlight h2 {
  color: #2c99ae;
  font-size: 28px;
  font-weight: 500;
}

.highlight .highlight-box ul li {
  background-color: #2c99ae;
  padding: 12px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.highlight .highlight-box ul li h4 {
  background-color: #ffffff;
  padding: 9px;
  border-radius: 50pc;
  color: #2c99ae;
}

.highlight .highlight-box ul li h5 {

  color: #ffffff;
}

/* =======================amenities style start ===================== */


.amenities_bg {
  padding: 90px 0;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  position: relative;
}


.amenities_box {
  background: #f5f5f5;
  text-align: center;
  height: 100%;
  border: 1px solid #bbbdbb;
  min-height: 154px;
  padding: 22px 12px 0;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}


/* =======================amenities style end ===================== */


/* =========== gallery section start =========== */

.gallery_bg {
  padding: 90px 0;
}

.gallery_img {
  position: relative;
  overflow: hidden;
}

.gallery_img .overlay {
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: #fff;
  padding: 9px;
  align-items: center;
  justify-content: center;
  display: flex;
  transition: 0.3s;
  transform: scale(0);
}

.gallery_img:hover .overlay {
  transition: 0.5s;
  transform: scale(1);
}


.gallery_img .overlay a {
  color: #000;
  font-size: 14px;
  transition: 0.3s;
}

.gallery_img .overlay a i {
  color: #ffffff;
  font-size: 12px;
  background-color: #2c99ae;
  padding: 6px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

/* ====== gallery section end ========== */


/* =====================floor plan style css========================= */


.floor_plan {
  padding: 90px 0;
  box-shadow: 0px 15px 20px -17px rgb(0 0 0 / 8%);
  position: relative;
  z-index: 2;
}

/* .floor_plan::after {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #424242a8;
  width: 100%;
  height: 100%;
  content: "";
  z-index: -2;

} */


.floor_plan_box h5 {
  text-align: center;
  color: #fff;
  padding: 12px 0;
  background-color: #2c99ae;

}


.floor_plan_img a {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  place-content: center;
  display: flex;
  text-align: center;
  width: 182px;
  height: 47px;
  margin: auto;
}

.floor_plan_img img {
  opacity: 0.2;
  /* sizing moved here from the img width="100%" height="350" attributes; the max-width:767px rule still overrides the height */
  width: 100%;
  height: 350px;

}

.floor_plan_img {

  position: relative;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  overflow: hidden;
}


/* ===================floor style end======================================= */


.location_bg {
  padding: 90px 0;
  box-shadow: 0px 15px 20px -17px rgb(0 0 0 / 8%);
}


.location_bg h4 {
  font-size: 30px;
  -webkit-text-stroke: 1px #000000;
  color: transparent;
  font-size: 21px;
  display: inline-flex;
  color: transparent;
  -webkit-text-stroke: 1px #000000;
  border: 2px solid #000;
  padding: 5px;
  border-radius: 50pc;

}

.location_bg h5 {
  font-size: 18px;
  color: #0d0d0d;
  letter-spacing: 1.2px;
}


.footer_bg {
  padding: 90px 0;
  color: #fff;
  position: relative;
  z-index: 2;
  background-size: cover;
}


/* .footer_bg::after {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #000000a8;
  width: 100%;
  height: 100%;
  content: "";
  z-index: -2;

} */


.footer {
  position: relative;
  z-index: 1;
}

.footer_bg h2,
.footer_bg h3 {
  position: relative;
  color: #2c99ae;
}


.footer_contant p {
  line-height: 26px;
  letter-spacing: 1.1px;
  color: #000;
}

.footer_contant .contact_us ul li i {
  font-size: 14px;
  color: #ffffff;
  background-color: #2c99ae;
  border-radius: 50pc;
  padding: 15px;
}

.footer_contant .contact_us ul li p {
  color: #2c99ae;
  font-weight: bold;
}

.footer_contant .contact_us ul li span {
  font-size: 18px;
  color: #000000;
}


.contect-form {

  margin: 0 50px;

}

.contect-form .form_section {
  padding: 28px 42px;

  position: relative;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  margin: 12px 26px;

  background: #fff;
  border-top: 20px solid #2c99ae;
}

.contect-form h3 {
  position: relative;
}


.footer_b .information-web {
  margin: 0 auto;
  font-size: 14px;
}

.footer-bootom {
  border-top: 1px solid #2c99ae;

  padding: 23px 0;
  color: #000000;
}

.footer-bootom ul a {
  font-size: 16px;
  color: #2c99ae;
  text-decoration: underline
}


/* ====================================footer  form style end===================================================== */


/* scroll style btn css=========== */

.go-top {
  position: fixed;
  bottom: 30%;
  left: -65px;
  padding: 9px 20px;
  cursor: pointer;
  z-index: 991;
  background: #2c99ae;
  border-radius: 7px;
  transform: rotate(90deg);
}

.go-top a {
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;

}

.go-top p {
  letter-spacing: 1px;
}

.go-top i {
  font-size: 22px;
  background: #fff;
  padding: 6px;
  border-radius: 50pc;
  color: #2c99ae;
}


/* ==============================responsiive================================================== */


@media only screen and (min-width: 991px) and (max-width: 1600px) {

  h1 {
    font-size: 32px;
  }

  h2{
    font-size: 25px;
  }

  h3 {
    font-size: 25px;
  }

  h4 {
    font-size: 16px;
  }


  p {
    font-size: 14px;
  }

  .header .menu ul li a {
    padding: 0 11px;
    font-size: 14px;

  }

  .header .logo img {
    width: 140px !important;
  }

  .header .contect-us {
    padding: 7px 8px;
  }

  .header .contect-us ul li a {
    font-size: 13px;
  }

  .banner .banner_wrapper_text {
    padding: 7px 23px;
    position: relative;
    width: 404px;
  }

  .banner .banner_wrapper_text .bgk ul li p {
    font-size: 31px !important;
    font-weight: 623;
    padding-top: 12px;
    margin-top: 5px !important;

  }

  .banner .banner_wrapper_text .bgk ul li h3 {
    font-size: 15px;
    letter-spacing: 1px;
  }

  .banner .banner_wrapper_text .banner_highlight span {
    font-size: 15px;
    letter-spacing: 0.3px;
  }

  .banner .banner_wrapper_text p {
    font-size: 14px;
  }

  .banner .banner_wrapper_text span {
    font-size: 16px;
    color: #ffffff;
  }

  .Banner-form {
    width: 340px;
  }


  .banner .banner_text .text_form {
    height: 36px;
    padding: 3px 20px !important;
    background: none;
    border: transparent;
    border-bottom-width: medium;
    border-bottom-style: none;
    border-bottom-color: transparent;
    border-bottom-width: medium;
    border-bottom-style: none;
    border-bottom-color: transparent;
    border-bottom: 1px solid #fff;
    color: #fff !important;
    border-radius: 0;
  }

  .banner .banner_text .form_section h3 {
    font-size: 14px;
    padding: 7px;
  }


  .call_now {
    font-size: 14px;
  }

  .call_now .fa {
    color: #fff;
    font-size: 14px;
  }

  .banner .icon-inside {
    position: absolute;
    width: 12px;
    height: 32px;
    left: 1px;
    top: 0;
    pointer-events: none;
    font-size: 18px;
    font-size: 14px;
    color: #2c99ae;
    z-index: 3;
    display: flex;
    -ms-flex-align: center !important;
    align-items: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }

  .bgk {
    margin-top: 15px !important;
  }

  .form_section p {
    font-size: 13px;
  }

  .madal-reload .modal-dialog {
    width: 416px !important;
  }

  .btan_g {
    padding: 3px 9px;
    font-size: 15px;
  }

  .madal-reload h5 {
    font-size: 21px;
  }


  .item .inner p span.key{
      font-size: 19px;
      padding-bottom: 6px;
  }
  .item .inner p span{
    font-size: 19px;
  }

  .item .inner{
    padding: 15px 13px;
  }


.highlight .highlight-box ul li h5{
  font-size: 15px;
}

}


@media only screen and (max-width: 991px) {
  h1 {
    font-size: 30px;
  }

  h2 {
    font-size: 28px !important;
  }

  h3 {
    font-size: 28px !important;
  }

  h4 {
    font-size: 19px;
  }

  h5 {
    font-size: 20px;
  }

  h6 {
    font-size: 18px;
  }


  .menu ul {
    position: fixed;
    text-align: left;
    top: 0;
    right: -100%;
    background-color: rgb(244, 241, 232);
    width: 100%;
    height: 100vh;
    transition: 0.3s;
    z-index: 999;
    padding-top: 52px;
    border-radius: 0cap;
  }

  .header .menu a {
    color: rgb(0, 0, 0) !important;
    font-weight: 500;
    justify-content: flex-start;
    padding: 0 0px !important;
  }

  .menu ul li {
    display: block;
    padding: 17px 0 17px 23px;

  }

  .menu ul li:last-child {
    border: none;
  }

  .hamberger {
    display: flex;
    justify-content: flex-end;
  }


  .mobilemenu {
    position: relative;
    background-color: #000000;
    width: 16px;
    height: 2px;
    transition: all 0.3s;
    z-index: 999;
    justify-content: space-around;
    display: flex;
    align-items: center;
    top: -31px;
    cursor: pointer;
  }


  .mobilemenu::after {
    position: absolute;
    content: "";
    background-color: #000000;
    width: 20px;
    height: 2px;
    bottom: -7px;
    transition: all 0.3s;
    z-index: 999;
  }

  .mobilemenu::before {
    position: absolute;
    content: "";
    background-color: #000000;
    width: 20px;
    height: 2px;
    top: -7px;
    transition: all 0.3s;
    z-index: 999;
  }

  .menu.active .mobilemenu {
    background: transparent;
    transition: all 0.3s;
    cursor: pointer;
  }

  .menu.active .mobilemenu::after {
    transform: rotate(45deg);
    transition: all 0.3s;
    bottom: 0;
    background-color: #000000;
  }

  .menu.active .mobilemenu::before {
    transform: rotate(-45deg);
    transition: all 0.3s;
    top: 0;
    background-color: #000000;
  }


  .menu ul li a {
    position: relative;
  }

  .menu.active ul {
    top: 0;
    right: 0;
    transition: all 0.5ms;
    transition: 0.3s;
  }


  .menu ul li a::after {
    position: absolute;
    right: 50%;
    bottom: -5px;
    left: 50%;
    width: 0;
    height: 2px;
    content: "";
    background-color: transparent;
  }

  .header ul li a.active {
    background: transparent;
    padding: 0px;
  }

  .header ul li a {
    padding: 0;
  }


  .header {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
  }

  .Banner-form {
    position: relative;
    width: 100%;
  }

  .banner_bg .banner_img .img_banner img {
    height: 727px;
  }


  .banner_bg .banner h4 {
    display: block;
    margin: 13px 0;
    padding: 0;
  }

  .banner h4 span .fa {
    color: #ececec;
    border-radius: 50pc;
    background: linear-gradient(to right, #f4f1e8d9, #f4f1e885);
    width: 41px;
    height: 38px;
    place-content: center;
    display: flex;
    padding: 0;
    align-items: center;
    transition: 0.3s;
  }

  .banner h4 h3 {
    border: 2px solid #ffffff;
    padding: 4px 32px;
    border-radius: 27px 8px 8px 27px;
    margin: 0 0 0 -28px;
    z-index: -6;
    font-size: 20px !important;
  }

  .banner .form_section::after {
    position: absolute;
    top: 0;
    left: 0;
  }

  .banner .banner_text .form_section {
    width: 100%;
    margin: 0;
  }

  .banner .banner_wrapper_text .bgk ul li p {

    font-size: 42px !important;

  }


  .gallery_bg .gallery_img h3 {
    font-size: 25px;
    left: 15px;
    top: 10px;
  }

  .footer_bg {

    padding: 50px 0;
  }

  .about_bg .about_img img {
    height: 100%;
  }


  .header .contect-us {
    display: none;
  }


  /* ========================sticky_icon mob====================================== */

  .sticky_icon {
    display: block;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999;
  }


  .sticky_icon ul li a {
    color: #ffffff;
  }

  .sticky_icon ul li {
    background-color: #2c99ae;
    padding: 14px 0;
    text-align: center;
    border-right: 2px solid #c6c6c6;
  }

  .footer-bootom {
    border-top: 1px solid #000000;
    background-color: #ffffff;
    padding: 23px 0 70px 0;
  }


  .about_bg::after {
    display: none;
  }

  .contect-form {

    margin: 0 0px;

  }

  .contect-form .form_section {
    margin: 0;
  }


  .header .menu {
    background-color: transparent;
    padding: 0PX;
    border-radius: 0PX;
    border-bottom: 0px solid #f4f1e8;
    border-right: 0px solid #f4f1e8;
  }

  .bgk {
    width: 100%;
    padding: 0;
    margin: 0;
    background-color: transparent;
  }

  .bgk::after {
    display: none;
  }

  .bgk::before {
    display: none;
  }


  .banner .banner_wrapper_text {
    margin: 0 0 0 0;
    padding: 0;
    border: none;
    background: none;
    border-radius: 0;
    outline: none;
    width: 100%;
    box-shadow: none;
  }

  .location_img::after {
    display: none;
  }


  .banner .banner_wrapper_text .bgk ul {
    width: 100%;
  }


  .banner_bg {
    margin: 0;
  }


  .virtual_side_bg::after {
    width: 100%;
  }


  .location_img {
    margin: 0;
  }


}

@media only screen and (max-width: 767px) {
  h1 {
    color: #000;
  }

  p {
    font-size: 16px;
  }

  .banner .banner_wrapper_text i {
    color: #ffffff;
  }

  .banner .banner_wrapper_text p {
    color: #000 !important;
  }

  .banner .banner_wrapper_text .banner_highlight span {
    color: #ffffff;
  }


  .banner .banner_wrapper_text ul li h5 {
    font-size: 24px;
  }

  .banner_bg .banner_img .img_banner img {
    height: 100%;
  }


  .banner_text {
    z-index: 99;
    position: relative;
    padding-bottom: 29px;

    padding-top: 15px;

  }

  .banner .banner_wrapper_text ul li h5 {
    font-size: 21px;
  }

  .banner .banner_wrapper_text .bgk ul li i {
    font-size: 42px;

  }


  .banner .banner_wrapper_text .bgk ul li h3 {
    font-size: 18px;
    color: #000;
    border-bottom: 2px solid #000000;
  }


  .banner .banner_wrapper_text .bgk ul li p {
    font-size: 40px !important;
    font-weight: 623;
    color: #000;
  }


  .gallery_img {

    margin: 0px;
  }


  .form_bottom .form_section {
    margin: 0;

    padding: 28px 17px;
  }


  .banner_bg::after {
    background-color: transparent;

    background-image: none;
  }

  .about_bg {
    padding: 50px 0;
  }

  .price_list_bg {
    padding: 50px 0;
  }

  .gallery_bg {
    padding: 50px 0;
  }

  .amenities_bg {
    padding: 50px 0;
  }

  .floor_plan {
    padding: 50px 0;
  }

  .highlight_bg {
    padding: 50px 0;
  }

  .location_bg {
    padding: 50px 0;
  }


  .floor_plan_img img {
    height: 100%;
  }

  .gallery_img .overlay {
    width: 214px;
    height: 55px;
  }

  .gallery_img .overlay a {
    color: #000;
    font-size: 15px;
  }

  .gallery_img .overlay a i {
    color: #ffffff;
    font-size: 11px;
  }


  .amenities_bg h5 {
    font-size: 17PX;
  }


  .contect-form .form_section {
    margin: 0;
  }


  .location_bg h5 {
    font-size: 15px;
  }


  .about_bg p {
    color: #000000;
    line-height: 24.1px;
    letter-spacing: 1.01px;
    font-size: 15px;
  }


  .virtual_side .virtual_text h2 {
    font-size: 26px;
    letter-spacing: 2px;

  }


  .virtual_side_bg {
    padding: 80px 0;
  }


}
/* ==================== FAQ accordion (native <details>, no JavaScript) ==================== */

.faq_bg {
  padding: 90px 0;
  box-shadow: 0px 15px 20px -17px rgb(0 0 0 / 8%);
}

.faq_item {
  background: #fff;
  border: 1px solid #bbbdbb;
  border-radius: 10px;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
  margin-bottom: 16px;
  overflow: hidden;
  transition: border-color 0.3s;
}

.faq_item[open] {
  border-color: #2c99ae;
}

.faq_item summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 18px 22px;
  cursor: pointer;
  list-style: none;
}

.faq_item summary::-webkit-details-marker {
  display: none;
}

/* questions are h3 for the outline, but sized like body text (overrides the global h3 rules) */
.faq_item summary h3 {
  font-family: inherit;
  font-size: 19px !important;
  font-weight: 600;
  line-height: 1.35;
  letter-spacing: 0.3px;
  text-transform: none;
  color: #0d0d0d !important;
  margin: 0;
}

.faq_item[open] summary h3 {
  color: #2c99ae !important;
}

.faq_item summary::after {
  content: "+";
  flex: 0 0 34px;
  height: 34px;
  border-radius: 50%;
  background: #2c99ae;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  line-height: 1;
  transition: transform 0.3s;
}

.faq_item[open] summary::after {
  transform: rotate(45deg);
}

.faq_item summary:focus-visible {
  outline: 2px solid #2c99ae;
  outline-offset: -2px;
}

.faq_answer {
  padding: 0 22px 20px;
}

.faq_answer p {
  color: #000;
  line-height: 28px;
  letter-spacing: 0.5px;
  margin: 0;
}

.faq_answer a {
  color: #2c99ae;
  text-decoration: underline;
}

@media only screen and (max-width: 767px) {
  .faq_bg {
    padding: 50px 0;
  }

  .faq_item summary {
    padding: 14px 16px;
  }

  .faq_item summary h3 {
    font-size: 16px !important;
  }

  .faq_item summary::after {
    flex-basis: 30px;
    height: 30px;
    font-size: 22px;
  }

  .faq_answer {
    padding: 0 16px 16px;
  }

  .faq_answer p {
    font-size: 15px;
    line-height: 25px;
  }
}

/* Respect the OS "reduce motion" setting: stops the infinite gradient/ring/flip animations
   for those users only. No change for everyone else. */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

/* =============marketed by / trust section==================== */

.trust_bg {
  padding: 50px 30px;
  background: #f5fafb;
  border-radius: 10px;
  color: #000;
}

.trust_eyebrow {
  color: #2c99ae;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 8px;
}

.trust_bg a {
  color: #2c99ae;
}

.trust_stats li {
  text-align: center;
  padding: 18px 8px;
  border-right: 1px solid #bbbdbb;
}

.trust_stats li:last-child {
  border-right: 0;
}

.trust_num {
  display: block;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.1;
  color: #2c99ae;
}

.trust_label {
  display: block;
  margin-top: 6px;
  color: #261b07;
}

.trust_card {
  display: flex;
  gap: 16px;
  height: 100%;
  padding: 20px;
  background: #fff;
  border: 1px solid #bbbdbb;
  border-radius: 10px;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

.trust_card i {
  flex-shrink: 0;
  font-size: 24px;
  color: #2c99ae;
  margin-top: 4px;
}

.trust_card h3 {
  font-size: 18px !important;
  margin-bottom: 6px;
}

.trust_card p {
  margin: 0;
}

.trust_cta {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 14px;
}

.trust_bg .trust_btn {
  display: inline-flex;
  align-items: center;
  padding: 14px 32px;
  border-radius: 42px;
  border: 2px solid #2c99ae;
  background: #2c99ae;
  color: #fff;
  font-weight: 600;
  transition: background-color 0.3s, color 0.3s;
}

.trust_bg .trust_btn:hover,
.trust_bg .trust_btn:focus-visible {
  background: #261b07;
  border-color: #261b07;
  color: #fff;
}

.trust_bg .trust_btn_outline {
  background: transparent;
  color: #2c99ae;
}

@media only screen and (max-width: 767px) {
  .trust_bg {
    padding: 36px 14px;
  }

  .trust_num {
    font-size: 26px;
  }

  .trust_label {
    font-size: 13px;
  }

  .trust_card h3 {
    font-size: 16px !important;
  }
}