@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');





body {

  background-color: #f4f1e8;

  font-family: "Roboto Condensed", sans-serif;

  font-optical-sizing: auto;

  font-weight: weight;

  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: 40px;

  position: relative;

  font-weight: 700;

  color: #fff;



}







h2 {

  font-family: "Open Sans", sans-serif;

  z-index: 2;

  font-size: 35px;

  color: #583229;

  gap: 15px;

  margin-bottom: 0;



}





h3 {

  font-size: 30px;

}



h4 {

  font-size: 20px;

}



h5 {

  font-size: 18px;

}



h6 {

  font-size: 19px;

  color: #583229;

  position: relative;

  font-weight: 500;

}



.line1 {

  position: relative;

  top: 0;

  left: 0;

  background-color: #583229;

  width: 50px;

  height: 5px;

}





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, #583229, #261b07, #583229);

  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;

}





.heading {

  position: relative;

  padding-left: 12px;

}



.heading::after {

  position: absolute;

  top: 0;

  left: 0;

  width: 5px;

  height: 100%;

  content: "";

  background-color: #f4f1e8;

}







.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: 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 #SubmitQuerytop {

  background: linear-gradient(-45deg, #261b07, #583229, #261b07, #583229);

  background-size: auto;

  background-size: 400% 400%;

  animation: Gradient 3s ease infinite;

}



.madal-reload h5 {

  color: #000000;

  font-size: 33px;

}



.madal-reload p {

  border-top: 1px solid #959595;

}







.madal-reload .motal_form_text span i {

  color: #583229;

}



.madal-reload .motal_form_text h3 {

  font-size: 25px;

}



.btan_g {

  background: transparent;

  border: 2px solid #583229;

  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, #583229, #261b07, #583229);

  background-size: auto;

  background-size: 400% 400%;

  animation: Gradient 3s ease infinite;

}



.call_now {

  background: linear-gradient(-45deg, #261b07, #583229, #261b07, #583229);

  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: 0px;

  left: 0px;

  right: 0px;

  background-color: #fff;



}







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



  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 #583229;

  border-right: 0px solid #583229;

}







.header .contect-us {

  border: 1px solid #838383;

  background: linear-gradient(-45deg, #261b07, #583229, #261b07, #583229);

  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: #583229 !important;

  border-radius: 50px;

}



.header ul li a:hover {

  transform: all 0.5s;

  color: #583229 !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-image: url("../img/slider-bg-overlay-2.png");

}



.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-form {

  position: absolute;

  bottom: 0;

  right: 0;

  z-index: 99;

  width: 389px;

}









.banner .banner_wrapper_text .bgk ul li i {

  font-size: 58px;

  animation: flip infinite 4s;

  background: #583229;

  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: 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 h3 {

  display: flex;

  justify-content: space-between;

  align-items: center;

  width: fit-content;

  padding: 4px 8px;

  border-radius: 7px;

  box-shadow: 0 2px 5px -2px;

  background: linear-gradient(-45deg, #261b07, #583229, #261b07, #583229);

  background-size: auto;

  background-size: 400% 400%;

  animation: Gradient 3s ease infinite;

  font-size: 17px;

  letter-spacing: 1px;

  margin-bottom: 14px;

}











@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: #583229;



}



.banner .banner_wrapper_text h5 {

  background: #583229;

  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 h6 {

  font-size: 17px;

  margin: 0;

  margin-bottom: 0px;

  padding: 0;

  color: #fff !important;

  letter-spacing: 1.2px;

  position: relative;

}



.banner .banner_wrapper_text h6::after {

  position: absolute;

  bottom: -12px;

  left: 0;

  background-color: #583229;

  width: 97px;

  height: 3px;

  content: "";

}







.banner .banner_wrapper_text ul li h5 {

  font-size: 26px;



}



.banner .banner_wrapper_text {

  padding: 42px 49px;

  position: relative;

  width: 500px;

  box-shadow: 0 2px 5px -2px;

  background: rgba(12, 19, 15, 0.84);



}



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

  background-color: rgb(11, 11, 10);

}





.banner .banner_text .form-control::placeholder {

  color: #fff !important;

}





.form-label {

  color: #4f4b4b;

  text-align: left !important;

  float: left;

  margin-left: 5px;

}



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

}





.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: #583229;

  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;



}





#SubmitQuerytop {

  background: linear-gradient(-45deg, #261b07, #583229, #261b07, #583229);

  background-size: auto;

  background-size: 400% 400%;

  animation: Gradient 3s ease infinite;

  color: #ffffff;

  outline: none;

  width: 100%;

  height: 42px;

  border: none;

  font-weight: bold;

  border-radius: 9px;

  transition: 0.3s;

}



#SubmitQuerytop:hover {

  background-color: #424242;

  transition: 0.3s;

  border: none;

  box-shadow: 8px 8px 40px 0px rgba(0, 0, 0, 0.3);

}



.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_bg {

  position: relative;



}



.about_bg::after {

  position: absolute;

  bottom: 0;

  left: 0;

  width: 827px;

  height: 205px;

  content: "";

  background-image: url("../img/about_bg.html");

  background-size: cover;

  background-repeat: no-repeat;

}



.about_bg .about_over {

  top: 15%;

  font-size: 69px;

  position: absolute;

  line-height: 100px;

  font-weight: 600;

  z-index: -1;

  opacity: 0.2;

  text-transform: uppercase;

  right: 25px;

  writing-mode: tb-rl;

  top: 50%;

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

  height: 100%;

  text-align: center;



}



.about_bg .about_over h3 {

  color: #000000;

  font-size: 71px;

  letter-spacing: 12px;

}





.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_img img {

  height: 600px;

}



.about_bg .about_img .overlay_img {

  position: absolute;

  top: -93px;

  right: 219px;

  left: -50px;

  background: #333639;

  padding: 0 29px 32px 0;

}



.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: #583229;



}



.about_bg .about_highlight_text h5 {

  font-size: 16px;

  color: #000;

}



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





.header_line {

  z-index: 99;

  position: relative;

  padding: 9px 0;

  background: #583229;

}



marquee {

  font-size: 58px;

  letter-spacing: 9px;

}



.header_line span {

  -webkit-text-stroke: 1px #ffffff !important;

  color: transparent !important;



}



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



.price_list_bg {

  position: relative;

  padding: 90px 0;

  background-image: url("../img/price_bg.png");

  width: 100%;

  height: 100%;

  content: "";

  background-size: cover;

  background-attachment: fixed;

}



.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: 28px;

  color: transparent;

  border: 6px solid #f4f1e8;

  padding: 9px 15px;

  background: #583229;

  letter-spacing: 1px;

  -webkit-text-stroke: 1px #fff;



}



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

}







.price_list .price_over {

  font-size: 69px;

  position: absolute;

  line-height: 100px;

  font-weight: 600;

  z-index: -1;

  opacity: 0.2;

  text-transform: uppercase;

  left: 25px;

  writing-mode: tb-rl;

  top: 50%;

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

  height: 100%;

  text-align: center;



}



.price_list .price_over h3 {

  color: #000000;

  font-size: 71px;

  letter-spacing: 12px;

}









.virtual_side_bg {

  background-image: url("../img/virtual_site.png");

  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 .fa-circle-play {

  font-size: 105px;

}



.virtual_side .virtual_text h3 {

  font-size: 30px;

  font-weight: 600;

  letter-spacing: 3px;

  text-shadow: 1px 3px 4px #000;

}





.virtual_side .virtual_text p {

  font-size: 18px;

}



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





.highlight_bg {

  padding: 90px 0;

  position: relative;

}







.highlight_bg::after{

  background-image: url("../img/circle_dots.html");

  position: absolute;

  top: 0;

  right: 0;

  content: "";

  width: 268px;

  height: 168px;

}





.highlight h3{

  color: #583229;

  font-size: 28px;

  font-weight: 500;

}



.highlight .highlight-box ul li {

  background-color: #583229;

  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: #583229;

}

.highlight .highlight-box ul li h5{



  color: #ffffff;

}



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

.amenities_bg {

  background: #eaeaea;

  padding: 90px 0;

}





.amenities_box {

  background: #f5f5f5;

  text-align: center;

  height: 215px;

  border: 1px solid #bbbdbb;

  min-height: 195px;

  padding: 22px 12px;

  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;



}



.overlay_text i {

  font-size: 47px;

  color: #583229;

}



/* =======================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: #583229;

  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: #583229;



}







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

  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: 0px 15px 20px -17px rgb(0 0 0 / 8%);

}



.location_bg h2 {

  color: #000000;

}





.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 {

  background-image: url("../img/map_bg.png");

  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 h3 {

  position: relative;

  color: #583229;

}







.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: #583229;

  border-radius: 50pc;

  padding: 15px;

}



.footer_contant .contact_us ul li p {

  color: #583229;

  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 #583229;

}



.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 #583229;



  padding: 23px 0;

  color: #000000;

}



.footer-bootom ul a {

  font-size: 16px;

  color: #583229;

  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: #583229;

  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: #583229;

}















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





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



  h1 {

    font-size: 27px;

  }





  .header .menu ul li a {

    padding: 0 11px;

    font-size: 14px;



  }



  .header .logo img {

    width: 170px !important;

  }



  .header .contect-us {

    padding: 7px 8px;

  }



  .header .contect-us ul li a {

    font-size: 16px;

  }



  .banner .banner_wrapper_text {

    padding: 32px 32px;

    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 h3 {

    font-size: 15px;

    letter-spacing: 0.3px;

  }



  .banner .banner_wrapper_text h6 {

    font-size: 14px;

  }



  .banner .banner_wrapper_text h3 {

    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;

  }



  #SubmitQuerytop {

    font-size: 12px;

    height: 31px;

  }



  .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: #009cd5;

    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;

  }



  .highlight_tag img {

    width: 230px;

  }



  .madal-reload .modal-dialog {

    width: 416px !important;

  }



  .btan_g {

    padding: 3px 9px;

    font-size: 15px;

  }



  .madal-reload h5 {

    font-size: 21px;

  }





}









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

  h1 {

    font-size: 30px;

  }



  h2 {

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

    background-color: #ffffff;

  }



  .Banner-form {

    position: relative;

    width: 100%;

  }



  .banner_bg .banner_img .img_banner 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, #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_wrap {



    height: 50vh;

  }



  .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: #583229;

    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;

  }





  .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 #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 .banner_wrapper_text .price_bg {

    width: 100%;



  }



  .banner_bg {

    margin: 0;

  }



  .img_high img {

    width: 74px;

  }



  .hghlight_text img {

    border-radius: 50pc;

    height: 100%;

  }



  .highlight_bg .highlight_text_high {

    margin: 0;

  }



  .highlight_bg .highlight_text_high li {

    padding-bottom: 15px;

  }



  .highlight_bg .highlight_text_high li p {

    line-height: 24px;

    letter-spacing: 0px;

    font-size: 16px;

  }





  .virtual_side_bg::after {

    width: 100%;

  }





  .amenities_right {

    margin: 0;

  }



  .location_img {

    margin: 0;

  }



  .banner .banner_wrapper_text .banner_highlight_text {

    border: 0;

  }



  marquee {

    font-size: 42px;

    letter-spacing: 9px;

  }



  .highlight_tag {

    position: absolute;

    top: 6%;

    left: 50%;

    right: 50%;

    bottom: 50%;

    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;

  }





  .highlight_tag img {

    width: 150px;

  }



}



@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 h6 {

    color: #000 !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_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;

  }











  .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_bg {

    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_bg .highlight_text_high .highlight_icon {

    position: relative;

    left: 0;

  }



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

  }





  .about_bg p {

    color: #000000;

    line-height: 24.1px;

    letter-spacing: 1.01px;

    font-size: 15px;

  }





  .virtual_side .virtual_text .fa-circle-play {

    font-size: 59px;

  }



  .virtual_side .virtual_text h3 {

    font-size: 26px;

    letter-spacing: 2px;



  }

  .highlight_tag {

    position: absolute;

    top: 17%;

    left: 58%;

    right: 50%;

    bottom: 50%;

    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;

  }





  .virtual_side_bg {

    padding: 80px 0;

  }

.awards-section {
    padding: 60px 0;
    background: #f8f8f8;
}

.section-title {
    text-align: center;
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 40px;
}

}