@import url("https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css?family=Ubuntu");
@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro");



body {
  font-family: "Roboto Condensed", sans-serif;
  font-optical-sizing: auto;
  font-weight: weight;
  font-style: normal;
  overflow-x: hidden;
  font-variation-settings:
    "wdth" 100;
  height: 100%;
  background: #fff;
  width: 100%;

}

.logo_1 img {
  /* filter: brightness(0) invert(1); */
}

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

}

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

p {
  line-height: 23px;
}

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

}

.logo_1 img {
  /* filter: brightness(0) invert(1); */
  width: 100px;
  object-fit: fill;
}


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

}


h3 {
  font-size: 30px;
}

h4 {
  font-size: 20px;
}

h5 {
  font-size: 18px;
}

h6 {
  font-size: 25px;
  color: #6868aa;
  position: relative;
  font-weight: 500;
  margin-bottom: 14px;
  letter-spacing: 1.1px;
  font-family: 'Source Sans Pro';
}

.border_design {
  position: relative;
  border-left: 4px solid #ffffff;
  /* padding-left: 15px; */
}






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;
  font-size: 16px;

}

.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: #000000;
  background: #6868aa;
  border-radius: 42px;
  z-index: 99;
}


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

.sticky_icon {
  display: none;
}


.heading {
  position: relative;
  padding-left: 12px;
}

.heading::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 5px;
  height: 100%;
  content: "";
  background-color: #c09742;
}



.fixed-tag {
  position: fixed;
  top: 0;
  z-index: 9999;
}


/* =========================header start========================= */
.hero-5-scroll-wrap {
  height: 32px;
  width: 20px;
  border: 2px solid #ffffff;
  display: inline-block;
  border-radius: 30px;
  margin-top: 20px;
  position: relative;
}


.scroll-down {
  position: absolute;
  bottom: -24px;
  left: calc(50% - 340px);
  height: 88px;
  width: 680px;
  text-align: center;

  z-index: 99;

}

.hero-5-scroll-wrap::before {
  content: "";
  height: 6px;
  width: 2px;
  border-radius: 50px;
  background-color: #ffffff;
  position: absolute;
  top: 5px;
  left: 7px;
  -webkit-animation: scrollMove 1.5s infinite;
  animation: scrollMove 1.5s infinite;
}

@keyframes scrollMove {

  to {
    transform: translateY(12px);
    transition: 0.3s;
    opacity: 0.2;
  }

  from {
    transform: translateY(0%);
    transition: 0.3s;

  }

}





/* 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: 416px !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 #SubmitQuerytop {
  background: #6868aa;
}

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

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



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

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

.btan_g {
  background: transparent;
  border: 2px solid #000;
  padding: 3px 11px;
  color: #000;
  font-size: 22px;
  position: relative;
  top: 8px;
  left: -10px;
  z-index: 99;
  float: right;
  border-radius: 9pc;
}


/*  */






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

}



.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;
  backdrop-filter: blur(10px);
  animation: slideDown 0.35s ease-out;
  background-color: #ffffff;
  border-bottom: none;
  height: auto;
  right: 0;
  top: 0;
  left: 0;
}

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



.header .contect-us {
  padding: 3px 21px 3px 3px;
  background: #6868aa;
  border-radius: 7px;
  color: #ffffff;
}


.header .contect-us ul li .fa {
  padding: 11px 13px 11px 12px;
  background: #fff;
  border-radius: 3px;
  margin-right: 11px;
  color: #6868aa;
  border-radius: 7px;
}

.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;
}

.menu ul li a {
  position: relative;
}


.menu ul li a:hover:after {
  width: 100%;
  right: 0;
  left: 0;
  transition: 0.3s;
}

.header ul li a {
  transition: all 0.5s;
  color: rgb(255, 255, 255)0f0;
  font-size: 18px;
  padding: 0 20px;

}



.header ul li a.active {
  color: #000000 !important;
}

.header ul li a:hover {
  color: #6868aa !important;
}

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


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

}

.banner_bg::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-color: transparent;
  z-index: 1;

  background-image: url("../img/slider-bg-overlay-2.png");
}

.banner_bg .banner_img img {
  height: 100vh;
}

.img_banner video {
  height: 95vh;
  object-fit: cover;
}

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


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




.banner .banner_wrapper_text .bgk ul li i {
  font-size: 58px;
  animation: flip infinite 4s;
  background: #c09742;
  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: 21px;
  letter-spacing: 1px;
  padding: 8px;
  background: linear-gradient(-45deg, #aa6868, #6868aa, #aa6868, #6868aa);
  background-size: auto;
  background-size: auto;
  background-size: 400% 400%;
  animation: Gradient 3s ease infinite;
}

.banner .banner_wrapper_text .bgk ul li {
  border: 2px solid #fff;
}

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

.banner .banner_wrapper_text .bgk ul li span b {
  position: relative;
}

.banner .banner_wrapper_text .bgk ul li span b::after {
  position: absolute;
  top: 15px;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #cab931;
  content: "";
}

.banner .banner_wrapper_text .bgk ul li p {
  background: #6868aa;
  padding: 12px;
  font-size: 20px;
  letter-spacing: 1.5px;
}


.banner .banner_wrapper_text .banner_highlight h3 {
  width: 100%;
  padding: 4px 7px;
  box-shadow: 0 2px 5px -2px;
  background: linear-gradient(-45deg, #aa6868, #6868aa, #aa6868, #6868aa);
  background-size: auto;
  background-size: auto;
  background-size: 400% 400%;
  animation: Gradient 3s ease infinite;
  font-size: 17px;
  letter-spacing: 1px;
  margin-bottom: 15px;
}




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

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

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


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

.banner .banner_wrapper_text .price_bg {
  padding: 11px;
  width: 469px;
  background: #c09742;

}

.banner .banner_wrapper_text h5 {
  font-size: 20px;
  animation: price-blink 1s infinite;
  font-weight: bold;
  background: #fff;
  text-align: center;
  padding: 5px;
  color: #c09742;

}

@keyframes price-blink {
  50% {
    color: #000000;
  }
}

.div_color {
  border: 1px solid #838383;
  font-weight: bold;
  background: #6868aa;
  background-size: 400% 400%;
  animation: Gradient 3s ease infinite;
  outline: rgba(244, 241, 232, 0.29) solid 2px;
  padding: 11px 13px;
}

.div_color h5 {
  font-size: 20px;
  letter-spacing: 1.1px;
  font-weight: 600;
  animation: scaleColor 2s ease-in-out infinite;
  color: #fff;
}

.div_color h5 b {
  font-size: 24px;
}

@keyframes scaleColor {
  0% {
    transform: scale(1);
    color: #ecb80c;
    /* Dark Brown */
  }

  50% {
    transform: scale(1.1);
    color: #ffffff;
    /* Dark Green */
  }

  100% {
    transform: scale(1);
    color: #ecb80c;
  }
}



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

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



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

}

.banner .banner_wrapper_text {
  padding: 42px 37px;
  position: relative;
  width: 550px;
  /* box-shadow: 0 2px 5px -2px;
  background: rgba(0, 0, 0, 0.59); */
  background: rgba(0, 0, 0, 0.59);
  /* backdrop-filter: blur(5px);  */
  /* -webkit-backdrop-filter: blur(3px); */
}

.banner_bg .banner h4 {
  display: none;
}

.banner .banner_text .form_section {
  padding: 28px 42px;
  width: 364px;
  position: relative;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  margin: 12px 0px;
  background: #fff;
  border-top: 20px solid #6868aa;
}

.form-label {
  color: #4f4b4b;
  text-align: left !important;
  float: left;
  margin-left: 5px;
}

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

.highlight_tag {
  position: absolute;
  top: 50%;
  left: 50%;
  right: 50%;
  bottom: 50%;
  z-index: 99;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.highlight_tag img {
  width: 300px;

}





.icon-inside {
  position: absolute;
  width: 50px;
  height: 44px;
  left: 9px;
  top: 0;
  pointer-events: none;
  font-size: 18px;
  font-size: 1.125rem;
  color: #000000;
  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 #6868aa;
  border-bottom-style: solid;
  padding: 0px 0 10px 0;
  border-style: double;
}

.banner .banner_text .form_section h3 {
  color: #282726;
  font-size: 22px;
  font-weight: bold;
}

.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;
  border-top: 20px solid #6868aa;
}


#SubmitQuerytop {
  background: #6868aa;
  color: #ffffff;
  outline: none;
  width: 100%;
  height: 42px;
  border: none;
  font-weight: bold;
  border-radius: 9px;
  transition: 0.3s;
}

.img_high {
  position: absolute;
  top: 6%;
  z-index: 99;
  right: 48%;
}

.img_high img {
  width: 109px;
}




/* slider */

.slick-dots {
  bottom: 7px;
  z-index: 99;
}

.slick-dotted.slick-slider {
  margin-bottom: 0px !important;
}


.slick-dots li.slick-active button::before {
  opacity: .95;
  color: #c99c3e;
}

.slick-dots li button::before {
  font-family: 'slick';
  font-size: 14px;
  line-height: 20px;
}

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




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

#about {
  padding: 8rem 0;
  background:
    linear-gradient(to right, white 0%, white 40%, rgba(255, 255, 255, 0) 50%),
    url('../img/right-shape.png');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.about-image1 {
  /* height: 385px; */
  object-fit: cover;
}

.about-image2 {
  height: 255px;
  object-fit: cover;
}


.tag {
  font-size: 14px;
  background-color: #e0ebff;
  color: #004aad;
  display: inline-block;
  padding: 4px 12px;
  border-radius: 20px;
  font-weight: 600;
}

.brochure-btn {
  background-color: #6868aa;
  color: #ffffff;
  font-weight: 600;
  padding: 12px 20px;
  border-radius: 30px;
  text-decoration: none;
  transition: 0.3s ease;
}

.brochure-btn:hover {
  background-color: #ffffff;
  border: 1px solid;
}

.call-btn {
  background-color: #000000;
  color: #fff;
  font-weight: 600;
  padding: 12px 20px;
  border-radius: 30px;
  text-decoration: none;
  transition: 0.3s ease;
}

.call-btn:hover {
  background-color: #ffffff;
  color: #000;
  border: 1px solid;
}


.overlay-img {
  position: absolute;
  bottom: -40px;
  left: -20px;
  width: 60%;
  border: 5px solid #fff;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
  border-radius: 15px;
}

.feature-row i {
  display: block;
}



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


.header_line {
  z-index: 99;
  position: relative;
  padding: 9px 0;
  background: #c09742;
}

marquee {
  font-size: 58px;
  letter-spacing: 9px;
}

.header_line span {
  -webkit-text-stroke: 1px #ffffff !important;
  color: transparent !important;

}

/* ======= price list section start ============= */
.price-container {
  position: relative;
  background: linear-gradient(to right, rgba(8, 8, 8, 0.562), rgba(0, 0, 0, 0.555)), url('../img/banner.jpg') left top no-repeat;
  background-size: cover;
  height: 420px;
  background-position: center;
}

.price-detail-box {
  margin-top: 4rem;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.price-text {
  padding-top: 80px;
  text-align: center;
}

.price-text h2 {
  color: #fff;
  text-align: center;
}

.detail-container {
  width: 80%;
}

.price-text p {
  color: #fff;
  text-transform: uppercase;
  font-size: 16px;
  text-align: center;
}

.price-card {
  background: #fff;
  padding: 1.5rem;
  border: 1px solid #dee2e6;
  border-radius: 0.5rem;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.price-detail {
  padding: 15px 0px;
  font-size: 19px;
  border-bottom: 1px solid #dee2e6;
}

.enquire-btn {
  background: #6868aa;
  color: #fff;
  border-radius: 4px;
  padding: 0.5rem 1rem;
  text-decoration: none;
}

.price-category {
  border-bottom: 2px solid #000;
  padding-bottom: 2px;
  font-size: 18px;
}

.price-card h4 {
  padding-bottom: 12px;
  border-bottom: 1px solid #dee2e6;
}

.price-card h4 {
  font-size: 18px;
  font-weight: 600;
}

.enquire-btn:hover {
  background-color: #5c5ca8;
  color: #fff;
}

#gap {
  height: 240px;
  background-image: url('../img/art-bg.png');
  background-size: auto 100%;
  background-repeat: repeat-x;
  /* background-size: contain;  */
  animation: moveBg 20s linear infinite;
}


@keyframes moveBg {
  0% {
    background-position: 100% 0;
  }

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

@media(max-width:768px) {
  .price-container {
    height: 100%;
    padding: 2rem 0rem;
  }

  .detail-container {
    width: 100%;
    padding: 0rem 1rem;
  }

  .price-text p {
    font-size: 18px;
  }

  #gap {
    height: 0px;
  }
}


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



#highlights {
  padding: 3rem 2px;
  width: 100%;
  position: relative;
  background-image: url('../img/dot.png');

}

.highlight-hed p {
  text-transform: uppercase;

}

.highlight-hed {
  width: 80%;
  text-align: center;
}

.highlight-image img {
  width: 100%;
  min-height: 525px;
  object-fit: cover;
  border-radius: 12px;
}

.highlights-point {
  padding: 1.2rem 2.5rem;
  border-left: 2px solid #6868aa;
  border-radius: 2rem;
}

.highlight-box {
  background-color: #fff;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
  padding: 1.3em 1rem;
  margin-bottom: 1rem;
  border-radius: 12px;
  position: relative;
}

.highlight-box h4 {
  color: #333;
  font-size: 16px;
  font-weight: 600;
  padding-top: 5px;
  position: relative;
}

.highlight-box h4::before {
  content: "";
  background-image: url('../img/building-iocn.webp');
  /* update path */
  background-size: 35px 35px;
  background-repeat: no-repeat;
  background-color: #F4F1E8;
  position: absolute;
  width: 35px;
  height: 35px;
  left: -4.3rem;
  top: 50%;
  transform: translateY(-50%);
}

@media(max-width:768px) {
  .highlight-image img {
    width: 100%;
    min-height: 100%;
    object-fit: contain;
    border-radius: 12px;
  }
}

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

.gallery_bg {
  padding: 3.5rem 0rem;
  position: relative;
}

.view-all-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #6868aa;
  color: white;
  font-size: 1.2rem;
  font-weight: 500;
  text-decoration: none;
  width: 120px;
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  z-index: 99;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
  transition: background 0.3s ease, transform 0.3s ease;
}

.view-all-btn:hover {
  background: #5656ac;
  transform: translate(-50%, -50%) scale(1.05);
}

#amenities {
  padding: 4rem 0rem;
  position: relative;
  overflow: hidden;
}

#amenities::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(./image/side-layer.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 13vw;
  height: 19vw;
}

.amenities-text {
  display: flex;
  justify-content: end;
  align-items: center;
}

.amenities-card {
  padding: 30px;
  background-color: #ffffff;
  color: #ffffff;
  max-width: 500px;
  height: 350px;
}

.amenities-card a {
  text-decoration: none;
  color: #000;
  background-color: #fff;
  padding: 12px 24px;
  border: 1px solid #6868aa;
}

.amenities-image img {
  width: 100%;
  height: 350px;
  object-fit: cover;
}

#amenitiesSlider .owl-next {
  display: none;
}

.amenities-image .item {
  border: none;
}

.owl-nav {
  position: absolute;
  top: 40%;
  width: 100%;
  display: flex;
  justify-content: space-between;
  transform: translateY(-50%);
  pointer-events: none;
}

.owl-nav button {
  background: #6868aa !important;
  color: #fff !important;
  border-radius: 50%;
  border: 1px solid #fff;
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 -1rem;
  font-size: 22px !important;
  pointer-events: auto;
  transition: 0.3s;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}

.owl-nav button:hover {
  background: #5656ac !important;
  color: #fff !important;
}

.read-btn:hover {
  background-color: #6868aa;
  color: #fff;
}

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












/* =========== gallery section start =========== */
.gallery_bg .container-fluid {
  padding: 0rem 3rem;
}

.gallery img {
  width: 100%;
  height: 380px;
  object-fit: cover;
}

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







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




.floor_plan {
  padding: 90px 0;
  background-image: url('../img/lineshade_bg.jpg');
  background-size: cover;
  background-position: center;
  position: relative;
  z-index: 2;
}

.floor_plan::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(255, 255, 255, 0.884);
  z-index: -1;
}

.floor_plan h6 {
  color: #000000;
}

.floor_plan h2 {
  color: #000000;
}

.floor_plan_box h5 {
  text-align: center;
  color: #ffffff;
  padding: 12px 0;
  background: #6868aa;

}



.floor_plan_img a {
  position: absolute;
  color: #fff;
  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 {
  filter: blur(4px);

}

.floor_plan_img {

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


.floor_plan .floor_over {
  font-size: 69px;
  position: absolute;
  line-height: 100px;
  font-weight: 600;
  z-index: 99;
  opacity: 0.2;
  text-transform: uppercase;
  right: 25px;
  writing-mode: tb-rl;
  top: 50%;
  transform: rotate(180deg) translateY(50%);
  height: 100%;
  text-align: center;

}

.floor_plan .floor_over h3 {
  color: #000000;
  font-size: 71px;
  letter-spacing: 13px;
}

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






.location_bg {
  padding: 90px 0;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  background-image: url('../img/fly.png');
  background-position: bottom;
}



.location_bg h2 {
  color: #000000;
}

.location_bg ul li {
  font-size: 17px;
  line-height: 22px;
  letter-spacing: 0.3px;
  background: #6868aa;
  border-radius: 10px;
}

.location_bg h4 {
  font-size: 20px;
  color: #000000;
  background-color: #ffffff;
  padding: 10px;
  border: 2px solid #000000;

}

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













.footer_bg {
  padding: 90px 0;
  color: #fff;
  position: relative;
  z-index: 2;
  background-image: url('../img/map_bg.png');
  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 h3 {
  position: relative;
  color: #000000;
}



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

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

.footer_contant .contact_us ul li p {
  color: #6868aa;
  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 #6868aa;
}

.contect-form h3 {
  position: relative;
}



.foooter_form .form-control::placeholder {
  color: #fff;

}



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

.footer-bootom {
  border-top: 1px solid #6868aa;
  padding: 23px 0;
  color: #000000;
}

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


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






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

.go-top {
  position: fixed;
  bottom: 9%;
  right: 3%;

  padding: 20px;
  display: none;
  cursor: pointer;
  -webkit-font-smoothing: antialiased;
  z-index: 991;
}

.go-top:after {
  font-family: FontAwesome;
  content: "\f062";
  padding: 13px 15px;
  color: #fff;
  position: absolute;
  bottom: 10px;
  font-size: 16px;
  background: #6868aa;
  border-radius: 25px;
  left: 0;
}

.go-top-text {
  position: absolute;
  width: 60px;
  text-align: center;
  font-family: 'Questrial';
  line-height: 1.5;
  letter-spacing: 3px;
  font-size: 12px;
  margin: 20px 0 0 -4px;
}

.go-top:hover {
  transition: all .4s linear;
  transform: scale(1.1);
}

.location_img img {
  height: 450px;
  object-fit: cover;
}



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




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

  h1 {
    font-size: 27px;
  }

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


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

  }

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

  .price_list .price_list_box {
    min-height: 380px;
  }

  .header .contect-us ul li .fa {
    padding: 7px 10px 6px 7px;
  }

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

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

  .banner .banner_wrapper_text {
    padding: 32px 27px;
    position: relative;
    width: 500px;
  }


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

  .banner .banner_wrapper_text .banner_highlight h3 {
    font-size: 16px;
    letter-spacing: 0.3px;
  }

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

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

  .banner .banner_text .form_section {
    width: 300px;
    padding: 30px 15px;
    border-top: 8px solid #6868aa
  }


  .text_form {
    height: 36px;
    padding: 12px 45px !important;
    font-size: 14px;
  }

  .icon-inside {
    position: absolute;
    width: 34px;
    height: 35px;
    font-size: 18px;
    font-size: 1.05rem;
  }

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

  #SubmitQuerytop {
    font-size: 12px;
    height: 31px;
  }

  .call_now {
    font-size: 14px;
  }

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


  .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;
  }

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


}


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

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

  h3 {
    font-size: 25px;
  }

  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: #0f0d0d;
    width: 60%;
    height: 100vh;
    transition: 0.3s;
    z-index: 999;
    padding-top: 52px;
  }

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

  .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: #6868aa;
    width: 16px;
    height: 2px;
    transition: all 0.3s;
    z-index: 999;
    justify-content: space-around;
    display: flex;
    align-items: center;
    top: -27px;
    cursor: pointer;
  }




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

  .mobilemenu::before {
    position: absolute;
    content: "";
    background-color: #6868aa;
    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: #ffffff;
  }

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



  .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 ul li a:hover {
    transform: all 0.5s;
    color: #c09742 !important;
    background: transparent;
    padding: 0px;
  }

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

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

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

  .banner_slider_text h5 {
    padding: 12px 0;
  }

  .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, #c09742d9, #c0974285);
    width: 41px;
    height: 38px;
    place-content: center;
    display: flex;
    padding: 0;
    align-items: center;
    transition: 0.3s;
  }

  .banner .banner_wrapper_text .bgk ul li span {
    font-size: 20px !important;
  }

  .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;
  }


  .gallery_bg .gallery_wrap {

    height: 50vh;
  }

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

  .footer_bg {

    padding: 50px 0;
  }


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



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

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



  .banner_wrapper_text h1,
  .banner_wrapper_text h6 {
    color: #000;
  }

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

  .sticky_icon ul li {
    background-color: #6868aa;
    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::after {
    display: none;
  }

  .contect-form {

    margin: 0 0px;

  }

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


  .high_img {
    position: absolute;
    z-index: 9;
    top: 13%;
    right: 14%;
  }

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

  .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;
    width: 100%;
    padding: 0;
    background: none;
    box-shadow: none;
  }

  .location_img::after {
    display: none;
  }


  .banner .banner_wrapper_text {
    margin: 0 0 0 0;
  }



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

  .banner .banner_wrapper_text .price_bg {
    width: 100%;

  }

  .banner_bg {
    margin: 0;
  }



  .amenity_section .left_col img {
    display: none
  }

  .amenity_section .contents {
    padding: 0;
  }

  .location_img {
    margin: 0;
  }

  .banner .banner_wrapper_text .banner_highlight_text {
    border: 0;
  }

  .header ul li a.active {
    color: #ffffff !important;
  }

  .gallery img {
    height: 200px;
  }


}

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

  p {
    font-size: 16px;
  }

  .banner .banner_wrapper_text h6 i {
    color: #000000;
  }

  .banner .banner_wrapper_text .bgk ul li {
    border: 2px solid #ffffff;
  }

  .banner .banner_wrapper_text h6 {
    color: #000000 !important;
  }

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


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

  .banner_bg .banner_img 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: #fffdfd;
  }




  .high_img {
    position: absolute;
    z-index: 9;
    top: 31%;
    right: 6%;
  }

  .high_img img {
    width: 147px;
  }


  .mouse {
    position: absolute;
    z-index: 10000;
    width: 22px;
    height: 42px;
    bottom: 10px;
  }

  .mb-tabl {
    margin-bottom: 30px;
  }

  .mt-tabl {
    margin-bottom: 30px;
  }


  .gallery_img {

    margin: 0px;
  }


  .form_bottom .form_section {
    margin: 0;

    padding: 28px 17px;
  }


  .project_box .bg_high li {
    font-size: 14px;
  }



  .img_high {
    position: absolute;
    top: 3%;
    z-index: 99;
    right: 11%;
  }

  .img_high img {
    width: 64px;
  }


  .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_section {
    padding: 50px 0;
  }

  .location_bg {
    padding: 50px 0;
  }

  .map {
    overflow: hidden;
    padding-bottom: 89.25%;
    position: relative;
    height: 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;
  }

  .highlight_section ul li::before {
    display: none;
  }

  .highlight_section li .count {
    display: none;
  }

  .highlight_section .center_col img {
    width: 100%;
    height: 100%;
  }

  .highlight_section .right_col li::before {
    display: none;
  }


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

  .about_bg .highlight_about_text .about_highlight li h5 {
    font-size: 18px;
  }

  .highlight_bg .hilight_wrapp_text .highlight_wrapp ul li p {
    font-size: 15px;
  }

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

  .highlight_tag {
    position: absolute;
    top: 17%;
    left: 58%;
    right: 50%;
    bottom: 50%;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  }


  .gallery_bg .container-fluid {
    padding: 6px;
  }

  .amenity_section {
    padding: 30px 0px;
  }

  .img_banner iframe {
    width: 100%;
    height: 100% !important;
  }

  .logo2 img {
    background: #000;
    width: 100%;
    padding: 4px 12px;
  }

  .about_bg .about_img img {
    border-radius: 20px;
    height: 100%;
    object-fit: contain;
  }

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

  .overlay-img {
    display: none;
  }

}

@media only screen and (max-width: 1024px) and (max-height: 600px) {
  .circle-shade {
    right: -6px;
  }
}