@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap");



:root {

  --corp-color: #78382f;

  --primary-color: #e8b9af;

  --secondary-color: #e8b9af;

  --body-color: #191919;

  --gray-color: #78382f;

  --corp-gradient: linear-gradient(178deg,

      var(--corp-color),

      var(--secondary-color),

      var(--corp-color)) right;

}



::-webkit-scrollbar {

  width: 8px;

  height: 8px

}



::-webkit-scrollbar-thumb {

  cursor: pointer;

  background: var(--primary-color);

}



::selection {

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

  color: #fff

}



-webkit-::selection {

  background-color: #cee002;

  color: #fff

}



::-moz-selection {

  background-color: #cee002;

  color: #fff

}



html {

  scroll-behavior: smooth;

}



body {

  color: var(--body-color);

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

  font-weight: 400;

  overflow-x: hidden;

  font-size: 16px;

}



ul {

  padding-left: 0;

  margin-bottom: 0;

}



a:hover {

  text-decoration: none;

}



img {

  width: 100%;

  display: block;

}



.gap-row {

  row-gap: 30px;

}



.bg-green {

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

  color: #fff;

}



.bg-blue {

  background-color: #78382f !important;

  color: #000000;

}



.bg-gray {

  background: var(--gray-color);

}



.bg-image {

  background: center no-repeat;

  background-size: cover;

  position: relative;

  z-index: 1;

  overflow: hidden;

}



.bg-image::before {

  content: "";

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  background: var(--gray-color);

  background-size: 180%;

  z-index: -1;

  opacity: 0.8;

}







p {

  font-weight: 400;

  line-height: 1.6;

}



.padding {

  padding-top: 2.5rem;

  padding-bottom: 2.5rem;

}



.text-primary {

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

}



.text-blue {

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

}



.filter-white {

  filter: brightness(50);

}



.filter-dark {

  filter: grayscale(1) brightness(0);

}



/*header*/

.header {

  position: fixed;

  right: 0;

  top: 0;

  left: 0px;

  z-index: 9;

  display: flex;

  justify-content: space-between;

  transition: all 300ms ease-in-out;

  background: #ffffff;

}



.header.fixed {

  background-color: rgb(255 255 255 / 85%);

}



.header .logo a {

  display: block;

  max-height: 79px;

  max-width: 154px;

  /* padding: 10px; */

  transition: all 300ms ease-in-out;

}

.header .logo a img

{



background-color: #ffffff;



padding: 10px;

}

.header.fixed .logo a {

  max-width: 126px;

  /* padding: 3px 5px; */

}

.header .navi 

{

  display: flex;

}

.header .navi > ul {

    display: flex;

    align-items: center;

}

.sideBtns ul {

  display: flex;

}

.header .navi > ul > li {

    margin: 0 20px;

    position: relative;

}

.header .navi > ul > li > a {

    color: #78382f;

    font-size: 15px;

    letter-spacing: 1px;

    display: flex;

    align-items: center;

    justify-content: center;

    transition: all 300ms ease-in-out;

    position: relative;

    z-index: 1;

}

.sideBtns ul a {

  height: 100%;

  display: flex;

  align-items: center;

  column-gap: 10px;

  background-color: #fff;

  padding: 10px;

  color: var(--body-color);

  position: relative;

  isolation: isolate;

  transition: all 300ms ease-in-out;

}

.sideBtns ul a.call {

  margin-right: 5px;

  padding: 10px 15px 5px;

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

  color: rgb(255 255 255 / 75%);

  overflow: hidden;

}

.callbtn

{

    background: var(--primary-color);

    border-radius: 50px;

    padding: 10px;

    gap: 5px;

    color: #000 !important;

}



.sideBtns ul a.call::before {

  content: '';

  position: absolute;

  width: 100%;

  height: 100%;

  inset: 0;

  transform: scaleX(0);

  transform-origin: right;

  background-color: #93554c;

  z-index: -1;

  transition: transform 300ms ease-in-out;

}



.sideBtns ul a.call:hover::before {

  transform: scaleX(100%);

  transform-origin: left;

}



.sideBtns ul a.call i {

  margin-bottom: 5px;

  color: #ffffff;

}



.sideBtns ul a.call:hover i {

  color: var(--body-color);

}



.sideBtns ul a.call small {

  line-height: 1;

  font-size: 75%;

  color: #ffffff;

}



.sideBtns ul a.call span {

  font-weight: 600;

  color: #ffffff;

}



.sideBtns ul a.enquire i,

.sideBtns ul a.whatsapp i {

  height: 100%;

  padding: 10px 20px;

  font-size: 1.25rem;

  display: flex;

  align-items: center;

  transition: all 300ms ease-in-out;

}



.sideBtns ul a.enquire i {

  color: var(--corp-color);

}



.sideBtns ul a.enquire:hover i {

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

  color: var(--primary-color);

}



.sideBtns ul a.whatsapp i {

  color: #fff;

  background-color: #02ba64;

}



.sideBtns ul a.whatsapp:hover i {

  background-color: #15e383;

}



/*header*/



/* Bottom Footer */



.ftbottom {

  position: fixed;

  right: 0;

  bottom: 0;

  left: 0px;

  z-index: 9;

  display: none;

  justify-content: space-between;

  transition: all 300ms ease-in-out;

}



.ftbottom.fixed {

  background-color: rgb(255 255 255 / 85%);

}



/* Bottomfooter */





#banner {

  height: 100vh;

  position: relative;

  background: #000;

  z-index: 1;

}



#banner .carousel-inner:before {

  position: absolute;

  content: '';

  height: 100%;

  width: 100%;

  top: 0;

  left: 0;

  /* background: transparent; */

  /* z-index: 9; */

  /* background-image: linear-gradient(to right, rgb(33 50 76 / 68%), rgb(33 50 76 / 0%), rgb(33 50 76 / 40%), rgb(52 78 65 / 0%)); */

}



#banner .carousel-inner,

#banner .carousel-inner .carousel-item {

  position: relative;

  height: 100%;

}



#banner .carousel-inner .carousel-item {

  background: center no-repeat;

  background-size: cover;

  z-index: 1;

}



#banner .carousel-inner .carousel-item::before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  right: 0;

  bottom: 0;

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

  z-index: -1;

}



#banner .carousel-inner .carousel-item picture img {

  height: 100%;

  object-fit: cover;

}



.newlaunch {

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

  text-align: center;

  width: 80px;

  height: 80px;

  background: linear-gradient(45deg, maroon, red, maroon);

  outline: 5px dotted var(--primary-color);

  border: 4px solid rgb(255 255 255 / 75%);

  color: #fff;

  font-weight: 900;

  position: absolute;

  left: 20px;

  bottom: calc(100% + 20px);

  transform: rotate(-15deg);

  z-index: 9;

}



.banner-details {

  position: absolute;

  bottom: 0;

  background-color: #78382f24;

  z-index: 9;

  padding: 15px 2rem;

  color: #ffffff;

  text-align: center;

}



.banner-details .address {

  letter-spacing:3px;

  padding-bottom: 10px;

  border-bottom: 1px solid rgb(255 255 255 / 10%);

  margin-bottom: 20px;

  /* color: #000; */

}



.bannerBox:not(:last-child) {

  border-right: 1px solid rgb(255 255 255 / 20%);

}



.bannerBox p {

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

  color: var(--body-color);

  width: fit-content;

  margin: 0 auto 1rem;

  font-size: 14px;

  font-weight: 700;

  text-transform: uppercase;

  padding: 5px 15px 3px;

  border-radius: 40px;

}



.bannerBox h6 {

  font-size: 1rem;

}



.bannerBox .price {

  font-size: 1.5rem;

}



.bannerBox .price span {

  font-size: 150%;

}



/* ----banner---- */



.readmore {

  width: max-content;

}



.readmore .button {

  display: flex;

  align-items: center;

  justify-content: center;

  font-size: 14px;

  font-weight: 600;

  text-transform: uppercase;

  padding: 15px 20px 12px;

  color: #000;

  border-radius: 50px;

    background: var(--primary-color);

  background-size: 200%;

  background-position-x: right;

  transition: all 300ms ease-in-out;

}



.readmore button {

  border: none;

}



.readmore .button.dark {

  background-image: linear-gradient(45deg, var(--body-color), rgb(110, 110, 110), var(--body-color));

  color: #fff;

}



.readmore .button:hover {

  background-position-x: left;

}



.readmore .button i {

  margin-right: 5px;

}



.fixed-form {

  position: fixed;

  bottom: 29%;

  right: 6px;

  width: 310px;

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

  color: #000000;

  box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);

  z-index: 1000;

  transition: all 300ms ease-in-out;

  width: 300px;

}



.fixed-form.fixed {

  transform: translateY(0%);

  bottom: 0;

  right: 0;

  width: 100%;

  border-radius: 0;

  /* color: #fff; */

}



.informaction

{

    background: var(--corp-color);

    padding: 10px;

    color: #fff;

    text-align: center;

    text-transform: uppercase;

}

.fixed-form.fixed .informaction{

  display: none;

}

.fixed-form.fixed .innerform form {

  padding: 5px 20px;

}



.form-strip {

  background-color: rgb(255 255 255 / 20%);

  color: #fff;

  padding: 10px 10px 7px;

  text-align: center;

  text-transform: uppercase;

  border-top: 4px solid var(--primary-color);

  border-bottom: 1px dashed rgb(255 255 255 / 20%);

}



.form-strip h6 {

  letter-spacing: 1px;

  transform: scale(0, 0);

  transition: transform 500ms linear 200ms;

}



.form-strip .carousel-item.active h6 {

  transform: scale(1, 1);

}



.form-strip h6 span {

  color: var(--primary-color);

  font-size: 125%;

  font-weight: 900;

}



.fixed-form .innerform form {

  padding: 4px 20px 20px;

}



.fixed-form .form-group {

  margin-bottom: 10px;

}



.fixed-form.fixed .form-group {

  margin-bottom: 0;

}



.form-check-label {

  font-size: 18px;

}



.fixed-form .form-control {

  padding: 8px 10px;

}



.fixed-form .formFooter {

  display: flex;

  align-items: center;

  margin-top: 20px;

}



.fixed-form .formFooter button {

  text-align: center;

  border: none;

  transition: all 300ms ease-in-out;

  outline: none;

  flex-grow: 1;

}



.fixed-form.fixed .formFooter button {

  padding: 8px 10px;

}



.fixed-form.fixed .form-strip {

  display: none;

}



.fixed-form.fixed .formFooter {

  margin-top: 0;

  align-self: flex-end;

}



.fixed-form.fixed .col-12 {

  flex: 1 0 0;

}



.modal-backdrop.show {

  opacity: 1;

  background: rgb(19 43 93 / 90%);

  -webkit-backdrop-filter: blur(4px);

  backdrop-filter: blur(4px);

}



.modal-content {

  border: none;

  background: var(--primary-color);

  box-shadow: 0 8px 32px 0 rgba(0 0 0 / 20%);

  border-radius: 5px;

}



.modal-header {

  background: none;

  color: var(--body-color);

  text-align: center;

  display: flex;

  justify-content: center;

}



.modal-header h6 {

  font-weight: 800;

  font-size: 20px;

}



.modal-header .close {

  position: absolute;

  right: -10px;

  top: -10px;

  width: 40px;

  height: 40px;

  border-radius: 50%;

  display: flex;

  justify-content: center;

  align-items: center;

  padding: 0;

  margin: 0;

  text-align: center;

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

  color: #fff;

  opacity: 1;

  text-shadow: none;

  z-index: 1;

  transition: all 300ms ease-in-out;

}



.close:not(:disabled):not(.disabled):focus,

.close:not(:disabled):not(.disabled):hover {

  opacity: 1;

  background-color: maroon;

  color: #fff;

  box-shadow: 0 10px 30px rgb(0 0 0 / 15%);

}



.modal-body {

  padding: 25px;

}



.form-group {

  margin-bottom: 20px;

}



label {

  margin-bottom: 0;

  font-size: 13px;

  font-weight: 500;

}



.form-control {

  font-size: 14px;

  padding: 12px 10px;

  height: auto;

  background: #fff;

  border: none;

  border-bottom: 1px solid rgba(255, 255, 255, 0.4);

  color: var(--body-color);

  border-radius: 0;

  transition: all 300ms ease;

}



.form-control:focus {

  border-bottom-color: var(--corp-color);

  box-shadow: none;

}



.form-control-dark {

  border-bottom: 1px solid rgba(0, 0, 0, 0.4);

  color: var(--body-color);

}



.form-control-dark::placeholder,

.form-control-dark:focus {

  color: var(--body-color);

}



textarea.form-control {

  resize: none;

}



.modal-body label {

  font-weight: 600;

}



.object-fit-cover {

  object-fit: cover;

}



.heading {

  display: table;

  margin-bottom: 3.25rem;

}



.heading h2 {

  margin-bottom: 0;

  font-weight: 700;

  text-transform: uppercase;

  letter-spacing: 1px;

  font-size: 1.6rem;

}



.heading h5 {

  font-weight: 700;

}



.heading h6 {

  font-weight: 900;

  font-style: italic;

  font-size: 14px;

  letter-spacing: 2px;

  color: var(--primary-color);

  text-transform: uppercase;

  display: flex;

  align-items: center;

  column-gap: 10px;

}



.heading h6::before,

.heading h6::after {

  content: '';

  border-bottom: 1px solid var(--primary-color);

}



.heading h6::before {

  width: 30px;

}



.heading h6::after {

  width: 100px;

}



.heading h6.text-blue::before,

.heading h6.text-blue::after {

  border-bottom-color: var(--body-color);

}



/* overview */

.hm-overviewText section {

  width: 90%;

}



.hm-overviewImg section {

  position: relative;

  height: 100%;

}



#overviewSlider img {

  height: 100%;

  object-fit: cover;

  border-radius: 10px;

}



/* overview */



/* price */

.priceWrapper:not(:last-child) {

  margin-bottom: 2.5rem;

  padding-bottom: 2.5rem;

  border-bottom: 1px solid rgb(255 255 255 / 50%);

}



.priceBox .inner {

  background-color: rgb(255 255 255 / 100%);

  text-align: center;

  padding: 20px;

  border-radius: 10px;

  box-shadow: 0px 5px 10px rgb(0 0 0 / 15%), 5px 5px 0 var(--primary-color), 10px 30px 50px rgb(0 0 0 / 15%);

}



.priceBox .price {

  font-size: 20px;

  margin: 10px 0;

}



.priceBox .price span {

  font-size: 150%;

  font-weight: 900;

  color: var(--primary-color);

}



div.pricearea:not(:nth-child(3)) {

  padding-bottom: 10px;

  margin-bottom: 10px;

  border-bottom: 1px dashed rgb(0 0 0 / 10%);

}



/* price */



/* highlihts */

.highlightsBox .inner {

  padding: 30px 20px 20px;

  background-color: #fff;

  border-radius: 5px;

  height: 100%;

  position: relative;

}



.highlightsBox .inner .count {

  position: absolute;

  left: 20px;

  top: -12px;

  border-radius: 50%;

  width: 25px;

  height: 25px;

  display: flex;

  align-items: center;

  justify-content: center;

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

  font-size: 12px;

  font-weight: 700;

}



/* highlihts */



/* Amenities */

.amenitiesContainer {

  text-align: center;

}



.amenBox .inner {

  height: 100%;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  padding: 30px 10px;

  border: 1px solid rgb(255 255 255 / 10%);

  background-color: rgb(255 255 255 / 10%);

  border-radius: 5px;

  -webkit-backdrop-filter: blur(4px);

  backdrop-filter: blur(4px);

  transition: all 300ms ease-in-out;

}



.amenBox .inner:hover {

  background-color: rgb(255 255 255 / 20%);

  transform: translateY(-5px);

  box-shadow: 0 10px 30px rgb(255 255 255 / 20%);

}



.amenitiesContainer .amenBox .img-fluid {

  flex: 0 0 50px;

  max-width: 50px;

  margin-bottom: 10px;

}



.amenitiesContainer .amenBox img {

  transition: all 300ms ease-in-out;

}



.amenitiesContainer .amenBox:hover img {

  filter: none;

}



.amenitiesContainer .amenBox span {

  font-size: 13px;

  text-transform: uppercase;

  font-weight: 400;

  letter-spacing: 1px;

  color: #fff;

  transition: all 300ms ease-in-out;

}



.amenitiesContainer .amenBox:hover span {

  color: var(--primary-color);

}



/* Amenities */



.fp-bg {

  background: linear-gradient(#fff 60%, var(--corp-color) 40%);

}



.planBx a {

  display: block;

  padding: 20px;

  border: 1px solid rgb(0 0 0 / 5%);

  color: #fff;

  transition: all 300ms linear;

  background-color: rgb(255 255 255 / 10%);

  -webkit-backdrop-filter: blur(4px);

  backdrop-filter: blur(4px);

  border-radius: 5px;

}



.planBx a:hover {

  color: var(--primary-color);

  transform: translateY(-5px);

  box-shadow: 0 10px 30px rgb(0 0 0 / 15%);

}



.planBx a .img-fluid {

  position: relative;

  overflow: hidden;

  border-radius: 5px;

}



.planBx a .img-fluid img {

  filter: blur(4px);

}



.readmore.absBtn {

  position: absolute;

  top: 40%;

  left: 50%;

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

  transition: all 300ms linear;

}



.planBx a:hover .img-fluid .readmore.absBtn {

  top: 50%;

  opacity: 1;

  visibility: visible;

}



.planBx a .planBase {

  padding-top: 20px;

  text-transform: uppercase;

  text-align: center;

}



.planBx a .planBase h4 {

  font-weight: 800;

  font-size: 18px;

  margin-bottom: 0;

}



.scroller {

  height: 33vw;

  overflow: auto;

}



.scroller::-webkit-scrollbar {

  width: 5px;

}



/* Track */

.scroller::-webkit-scrollbar-track {

  box-shadow: inset 0 0 5px #292929;

  border-radius: 10px;

}



/* Handle */

.scroller::-webkit-scrollbar-thumb {

  background: var(--corp-color);

  border-radius: 10px;

}



/* Handle on hover */

.scroller::-webkit-scrollbar-thumb:hover {

  background: var(--primary-color);

}



/* location map */

.location-advantages ul li {

  display: flex;

  justify-content: space-between;

  align-items: center;

  padding: 5px 0;

  border-bottom: 1px solid rgb(113 110 110 / 20%);

}



.location-advantages ul li .loc-row {

  display: flex;

  align-items: center;

  flex-basis: 0;

  flex-grow: 1;

}



.location-advantages ul li .loc-row img {

  flex: 0 0 25px;

  max-width: 25px;

}



.location-advantages ul li .loc-row p {

  margin-bottom: 0;

  padding-left: 10px;

  text-align: left;

  color: #fff;

}



.location-advantages ul li .loc-dist {

  color: var(--primary-color);

}



.location-advantages ul li .loc-dist small {

  font-size: 13px;

  color: rgb(195 189 189 / 80%);

  margin-left: 5px;

}



.location-map a {

  overflow: hidden;

  border-radius: 5px;

}



.location-map a .readmore {

  top: 50%;

}



.location-map img {

  filter: blur(4px);

}



/* location map */



/* gallery */

.gallery-wrapper {

    background: var(--primary-color);

}



.gallery-slider img {

  border-radius: 5px;

}



/* gallery */



/* Custom swiper */

.swiper-pagination-bullet {

  background-color: #fff;

}



.swiper-pagination-bullet-active {

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

  transform: scale(1.5);

}



.swiper-button-next, .swiper-button-prev {

  width: 40px;

  height: 40px;

  line-height: 40px;

  border-radius: 50%;

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

  text-align: center;

  box-shadow: 0 1rem 2rem rgb(0 0 0 / 30%);

  transition: all 300ms ease-in-out;

}



.swiper-button-next:after, .swiper-button-prev:after {

  font-size: 20px;

  color: #000;

}



.swiper-button-next:hover, .swiper-button-prev:hover {

  background-color: var(--gray);

  color: #fff;

}



/* Custom swiper */



/*Footer*/

.footer-area {

  padding: 2.5rem 0 5rem;

  background: url(../images/road.jpg) center / cover no-repeat;

  color: #fff;

  position: relative;

  z-index: 1;

}



.footer-area::before {

  content: '';

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  background: var(--gray-color);

  z-index: -1;

}



.button-top {

  background: var(--body-color);

  position: fixed;

  cursor: pointer;

  right: 20px;

  bottom: 80px;

  color: #ffffff;

  font-size: 13px;

  opacity: 0;

  width: 40px;

  height: 40px;

  line-height: 40px;

  border-radius: 50%;

  text-align: center;

  transition: all 500ms ease;

  z-index: 99;

}



.button-top:hover {

  background: var(--corp-color);

}



.amenitiesheader

{

  color: #000;

}

.amenitiesitems {

  display: flex;

  flex-wrap: wrap;

  justify-content: space-evenly;

  align-items: flex-start;

  gap: 50px;

  color: #fff;

}

.amenitiesitem {

  width: 21%;

  text-align: center;

}



.amenitiesitem img {

  width: 150px;

  height: 150px;

  margin: 0px auto;

  border-radius: 50%;

}

.amenitiesitem p {

  padding-top: 10px;

  text-transform: capitalize;

  letter-spacing: 1px;

  color: #ffffff;

}











th {

  background:var(--corp-color);

  color: #fff;

}

td

{  

  vertical-align: middle !important;

  

}

.bg-black

{

  background: #000;

}





/*Footer*/

/* Gallery */

.reflection {

  -webkit-box-reflect: below -76px linear-gradient(to bottom, rgba(0,0,0,0.0), rgba(0,0,0,0.4));

}



.charSlide{

  width: 70%;

}



.charSlide .imgBox{

  position: relative;

  overflow: hidden;

  z-index: 1;

}



.charSlide img{

  object-fit: cover;

}



.charSlide .caption{

  position: absolute;

  top: 50%;

  left: 50%;

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

  width: max-content;

  

  font-size: 1.75rem;

  text-transform: uppercase;

  color: #fff;

  text-shadow: 1px 1px 1px rgb(0 0 0 / 20%);

  z-index: 1;

  text-align: center;

  -webkit-box-reflect: below -1rem linear-gradient(to bottom, transparent 25%, rgba(0,0,0,0.4));

  display: none;

}

/* Gallery */

/*responsive*/

@media (min-width: 1400px) {

  .container {

    max-width: 1280px;

  }

}



@media (min-width: 1600px) {

  .container {

    max-width: 1440px;

  }

}



@media (max-width: 1400px) {
  .fixed-form {
    bottom: 16%;
  }
}



@media (max-width: 1199px) {

  html {

    font-size: 75%;

  }



  .container, .container-lg, .container-md, .container-sm {

    max-width: 96%;

  }



  .hm-overviewText section {

    width: 100%;

  }



  .priceBox .price {

    font-size: 16px;

  }



  .readmore .button {

    padding: 10px 20px 7px;

  }

}



@media (max-width: 1024px) {

  body {

    font-size: 14px;

  }



  .header .logo a {

    width: 191px;

    padding: 5px;

  }



  .header.fixed .logo a {

    width: 105px;

  }



  .sideBtns ul a.call {

    padding: 7px 10px 3px;

  }



  .readmore .button {

    font-size: 12px;

  }

}



@media (max-width: 991px) {



  .ftbottom {

    display: flex;

  }



  .ftbottom .sideBtns {

    display: block;

    width: 100%;

  }

  .ftbottom .sideBtns li {

	  width:calc(100% / 3);

  }

  .ftbottom .sideBtns li p{

	  display:none;

  }

  

  .ftbottom .sideBtns li a{

	  display:block;

    text-align: center;

  }

  .ftbottom .sideBtns li a i{

    display: block;

  }





  #banner {

    height: auto;

  }



  .banner-details {

    position: relative;

    width: 100%;

  }



  .bannerBox p {

    font-size: 12px;

  }



  .bannerBox h6 {

    font-size: 1.25rem;

  }



  .bannerBox .price, .form-strip h6 {

    font-size: 1.75rem;

  }



  .fixed-form {

    position: static;

    width: 100%;

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

  }



  .fixed-form .col-12 {

    flex: 0 0 50% !important;

  }



  .fixed-form.fixed .form-strip {

    display: block;

  }



  .fixed-form .innerform form {

    padding: 15px !important;

    width: 96%;

    margin: 0 auto;

  }



  .fixed-form.fixed .form-group {

    margin-bottom: 10px;

  }



  .fixed-form.fixed .formFooter {

    margin-top: 20px;

  }



  .form-strip small {

    font-size: 14px;

  }



  .amenBox .inner {

    padding: 20px 10px;

  }



  .amenitiesContainer .amenBox .img-fluid {

    flex: 0 0 40px;

    max-width: 40px;

  }



  .amenitiesContainer .amenBox span {

    font-size: 12px;

    letter-spacing: normal;

  }



  .planBx a .img-fluid img {

    height: 25vw;

  }



  .planBx a .planBase h4 {

    font-weight: 500;

    font-size: 1.25rem;

  }



  .readmore.absBtn {

    top: 50%;

  }



  .location-map img {

    height: 220px !important;

  }



  .gallery-wrapper {

    background: linear-gradient(var(--primary-color) 67%, var(--body-color) 33%);

  }



  .button-top {

    bottom: 20px;

  }



  .footer-area {

    padding-bottom: 2.5rem;

  }

}



@media (max-width: 768px) {

  .row {

    margin-left: -10px;

    margin-right: -10px;

  }



  .gap-row {

    row-gap: 20px;

  }



  .row div[class^='col'] {

    padding-left: 10px;

    padding-right: 10px;

  }

}



@media (max-width: 767px) {

  html {

    font-size: 68.75%;

  }



  .bannerBox {

    width: 50%;

  }

}



@media (max-width: 576px) {}



@media (max-width: 575px) {

  p {

    text-align: justify;

  }



  .fixed-form .col-12 {

    flex: 0 0 100% !important;

  }



  .heading {

    margin-left: auto;

    margin-right: auto;

    text-align: center;

  }



  .heading h6 {

    justify-content: center;

  }



  .heading h6::before,

  .heading h6::after {

    width: 70px;

  }



  .amenBox, .planBx {

    width: 50%;

  }



  .planBx a {

    padding: 10px;

  }



  .planBx a .img-fluid img {

    height: 40vw;

  }



  .planBx a .planBase {

    padding-top: 10px;

  }



  .readmore .button {

    padding: 10px 20px 10px;

  }



  .priceBox .price span {

    font-size: 200%;

  }



  .fixed-form .col-12 {

    flex: 0 0 100% !important;

  }

  .header .sideBtns li:nth-last-child(2), .header .sideBtns li:nth-last-child(1)

  {

	  display:none;

  }

  .amenitiesitem {

    width: 40%;

    text-align: center;

}

.amenitiesitem p{

  text-align: center;

}

}



@media (max-width: 480px) {}



@media (max-width: 425px) {

  .header .logo a, .header.fixed .logo a {

    /* width: 67px; */

  }



  .sideBtns ul a.call {

    margin-right: 0;

  }



  .call p {

    /* display: none; */

  }



  .sideBtns ul a.enquire i, .sideBtns ul a.whatsapp i {

    padding: 10px;

  }



  .bannerBox {

    width: 100%;

  }



  .bannerBox:not(:last-child) {

    padding-bottom: 20px;

    border-right: 0;

    border-bottom: 1px solid rgb(255 255 255 / 20%);

  }

}



@media (max-width: 390px) {

  .heading h6 {

    font-size: 12px;

    letter-spacing: 1px;

  }



  .heading h2 {

    letter-spacing: normal;

    font-size: 1.75rem;

  }



  .fp-bg {

    background: linear-gradient(#fff 30%, var(--corp-color) 30%);

  }



  .planBx {

    width: 100%;

  }



  .priceBox .price span {

    font-size: 170%;

  }



  .readmore.mt-3 {

    margin-top: 20px !important;

  }

}



@media (max-width: 320px) {}