* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box
}

body {
  font-weight: 400;
  font-family: "Playfair Display", serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-size: 14px;
  line-height: 22px;
  color: #2e360e;
  background-color: #DBDED5
}

#loadpg {
  width: 100%;
  height: 100%;
  top: 0;
  position: fixed;
  overflow: hidden;
  z-index: 99999999;
  background-image: url(../images/ripples.svg?v=1.3);
  background-color: #747e4fff;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100px
}


#loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: white;
  color: #000;
  font-size: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}
.testimoinial .owl-nav img {
  width: 23px;
  height: 37px
}

ul,
li {
  list-style: none;
  margin: 0;
  padding: 0
}

a:hover {
  text-decoration: none
}

a {
  text-decoration: none;
  color: #2e360e
}

html {
  scroll-behavior: smooth
}

.btn.focus,
.btn:focus,
.form-control:focus {
  outline: none;
  box-shadow: none
}

.container-fluid {
  padding: 0 86px
}

.container {
  max-width: 1094px;
  padding: 0 15px
}

header {
  position: fixed;
  width: 100%;
  z-index: 99;
  -webkit-transition: height .3s;
  -moz-transition: height .3s;
  transition: height .3s;
  padding: 25px 0
}

header.stick {
  padding: 10px 0;
  background-color: #545151;
  z-index: 9999
}

header.stick .logoimg img {
  width: 90px;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  transition: all .3s
}

header .text-rght {
  text-align: right
}

.deploybtn {
  color: #FFF;
  font-family: "Playfair Display";
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  border-radius: 50px;
  background: #2e360e;
  padding: 12px 30px;
  letter-spacing: normal;
  display: inline-block;
  text-align: center;
  margin-right: 15px;
  line-height: 24px
}

.deploybtn:hover {
  opacity: .8;
  color: #FFF
}

header .site-logo img {
  width: 140px;
}

header.stick .site-logo img {
  width: 90px;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  transition: all .3s
}

.bg-gray {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding-bottom: 900px
}

.top-space {
  padding-top: 172px
}

.btngroup {
  padding: 52px 0 0
}

.btngroup a.booknow {
  border-radius: 50px;
  background-color: #2e360e;
  padding: 14px 28px;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
  color: #fff;
  font-family: "Playfair Display", serif;
  transition: .7s
}

.btngroup a.booknow:hover {
  background-color: #fff;
  color: #2e360e
}

.btngroup a.knowmore {
  border-radius: 50px;
  background-color: #fff;
  padding: 14px 22px;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
  color: #2e360e;
  font-family: "Playfair Display", serif;
  transition: .7s;
  margin-left: 20px
}

.btngroup a.knowmore:hover {
  background-color: #2e360e;
  color: #fff
}

.greenhaven {
  padding: 90px 0; 
  background-color: #747e4fe6;
 
  
}

.greenhaven h1 {
  font-family: "Libre Baskerville", serif;
  font-size: 31px;
  font-weight: 600;
  line-height: 52px;
  letter-spacing: 2.48px;
  color: #fff;
  text-align: center
}

.greenhaven .h1 {
  font-family: "Libre Baskerville", serif;
  font-size: 21px;
  font-weight: 400;
  line-height: 52px;
  letter-spacing: 5.88px;
  color: #fff;
  text-align: center;
  font-style: italic;
}

.container2 {
  display: flex;
  flex-wrap: nowrap;
  overflow: hidden
}

.panel {
  width: 100%;
  flex: none;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 600;
  font-size: 1.5em;
  text-align: center;
  position: relative;
  box-sizing: border-box;
  padding-top: 30px
}

.stick {
  color: red;
  left: 0
}

.hills-slider {
  padding:30px 0 80px
}

.panel2 {
  width: 100%;
  flex: none;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 600;
  font-size: 1.5em;
  text-align: center;
  position: relative;
  box-sizing: border-box;
  padding-top: 40px
}

.panel3,
.panel5 {
  width: 100%;
  flex: none;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 600;
  font-size: 1.5em;
  text-align: center;
  position: relative;
  box-sizing: border-box;
  padding-top: 40px
}

.transpart {
  position: relative
}

.transpart .trapbox {
  background-color: #747e4fb3;
  position: absolute;
  z-index: 999;
  left: 103px;
  bottom: -95px;
  padding: 48px 78px 50px 50px
}

.transpart .trapbox h2 {
  color: #FFF;
  font-size: 32px;
  font-weight: 600;
  line-height: 42px;
  font-family: "Libre Baskerville", serif
}

.transpart .trapbox .h1 {
  color: #FFF;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  font-family: "Libre Baskerville", serif;
}

.transpart .trapbox .hislic {
  padding: 21px 0 23px 57px
}

.transpart .trapbox p {
  color: #FFF;
  font-family: "Playfair Display";
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
  margin-bottom: 0
}

.retreat {
  padding:30px 0 110px;
  background-color: #747E4F;
  margin: 40px 0 0
}

.retreat .transpart .trapbox.retreatbox {
  background-color: #1d1d1db3;
  left: auto;
  right: 103px;
  bottom: -90px
}

.discover {
  padding: 80px 0 50px;
  background: #FFF;
  background: linear-gradient(180deg, #ffffffb3 0%, #fff 100%)
}

.discover h2 {
  color: #97AB4D;
  font-family: "Libre Baskerville";
  font-size: 39px;
  font-style: italic;
  font-weight: 500;
  line-height: 70px;
  letter-spacing: 3.12px;
  text-align: center;
  text-shadow: 1px 1px #00000040
}

.discover .h2 {
  color: #1D1D1D;
  font-family: "Libre Baskerville";
  font-size: 31px;
  font-style: italic;
  font-weight: 500;
  line-height: 36px;
  text-align: center;
  margin-bottom: 30px;
  text-shadow: 1px 1px #00000040
}

.discover .discoic {
  text-align: center;
  padding: 0 0 20px
}

.discover p {
  color: #000;
  text-align: center;
  font-family: "Libre Baskerville",serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 36px
}

.our-villas {
  background-color: #fff;
  padding: 80px 0 100px
}

.our-villas h4 {
  color: #8D9C57;
  text-align: center;
  font-family: "Libre Baskerville";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: .4px;
  text-transform: uppercase;
  margin-bottom: 30px
}

.our-villas h3 {
  color: #182431;
  text-align: center;
  font-family: "Libre Baskerville";
  font-size: 29px;
  font-weight: 600;
  line-height: 36px
}

.our-villas h5 {
  color: #030C17;
  font-family: "Libre Baskerville";
  font-size: 29px;
  font-style: italic;
  font-weight: 500;
  line-height: 36px;
  text-align: center;
  margin-bottom: 46px;
  text-transform: capitalize;
  text-shadow: 1px 1px #00000040;


}

.our-villas .h1 {
  color: #FFF;
  font-family: "Libre Baskerville";
  font-size: 36px;
  font-style: normal;
  font-weight: 600;
  line-height: 40px;
  text-transform: uppercase;
  margin-bottom: 115px
}

.our-villas .estateinto {
  background: #030c1773;
  padding: 67px 30px 30px;
  position: absolute;
  bottom: 0;
  top: 0;
  width: 342px;
  height: auto;
  left: 0
}

.our-villas .estateinto p {
  color: #FFF;
  font-family: "Playfair Display";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  margin-bottom: 14px
}

.our-villas .estateinto a {
  color: #FFF;
  font-family: "Playfair Display";
  font-size: 18px;
  font-style: italic;
  font-weight: 400;
  line-height: 30px;
  text-decoration: underline
}

.our-villas .estateinto a.bookbtn {
  border-radius: 50px;
  background: #ffbc10e6;
  color: #030C17;
  font-family: "Playfair Display";
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 40px;
  text-transform: uppercase;
  display: block;
  width: fit-content;
  text-decoration: none;
  margin-top: 36px;
  padding: 0 31px
}

.our-villas .estateinto a.bookbtn:hover {
  background: #ffbc10e6;
  color: #030C17;
  opacity: .8
}

.owl-theme .owl-nav.disabled+.owl-dots {
  margin-top: 50px
}

.footer {
  background-image: url(../images/footer_mask_img.jpg);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: cover;
  padding: 110px 0 80px;
  position: relative;
  z-index: 1
}

.footer .sub-info .btn-subscribe:hover {
  opacity: .8
}

.socail-info .mr-2 {
  margin-right: 8px
}

.btm-footer .footer-logo .mr-3 {
  margin-right: 22px
}

.our-gallery {
  background-color: #DBDED5;
  padding: 100px 0
}

.our-gallery h2 {
  color: #97AB4D
}

.testimoinial {
  background-color: #ffff;
  padding: 150px 0 100px
}

.testimoinial picture {
  width: 102px;
  height: 102px;
  background-color: #DBDED5;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-self: center;
  margin-top: -12%;
  margin-bottom: 25px;
  padding: 1rem
}

.testimoinial .item {
  padding-top: 80px !important;
  display: flex;
  height: 100%;
  padding-left: 8px;
  padding-right: 8px
}

.flexNowrap .owl-stage {
  display: flex;
  height: 100%
}

.testimoinial .owl-nav {
  position: absolute;
  width: calc(100% - 40%);
  top: -72px;
  left: 0;
  right: 0;
  margin: auto;
  display: flex;
  justify-content: space-between !important
}

.testimoinial .card {
  border: 2px solid #97AB4D;
  background: #FFF;
  border-radius: 0
}

.testimoinial .card-body {
  padding: 0 2rem 1rem
}

.testimoinial .owl-carousel .owl-item img {
  display: inline-block;
  width: auto
}

.testimoinial figure {
  margin-bottom: .5rem
}

.thewoodside {
  background-image: url(../images/the-woodside.webp);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding: 253px 0
}

.thewoodside .thewo_bg {
  background: #fffc;
  padding: 34px;
  flex-direction: column;
  align-items: center
}

.thewoodside .thewo_bg p {
  color: #000;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  margin-bottom: 2rem
}

.thewoodside .readMore {
  margin-bottom: 20px;
  display: inline-block
}

.location {
  background-color: #ffff;
  padding: 100px 0
}

.location .ratio {
  margin-top: 50px
}

.location .mapInfo {
  position: absolute;
  top: 100px;
  right: 11px;
  max-width: 522px;
  padding: 40px 30px 41px;
  background: #FFF
}

.location .mapInfo h6 {
  color: #97AB4D;
  font-size: 16px;
  font-weight: 700;
  line-height: 40px
}

.location .mapInfo ul {
  margin: 0;
  padding: 0
}

.location .mapInfo ul li {
  color: #464646;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  padding-bottom: 20px;
  position: relative;
  padding-left: 15px
}

.location .mapInfo ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 6px;
  background-color: #97AB4D;
  border-radius: 50%;
  width: 6px;
  height: 6px
}

.location .mapInfo ul li span {
  font-weight: 600
}

.location .mapInfo p {
  color: #97AB4D;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  font-family: "Libre Baskerville";
}

.location .btnVieLar {
  margin-top: 10px
}

.headlink {
  position: absolute;
  right: 0;
  bottom: -162px;
  white-space: nowrap
}

.headlink p {
  color: #030C17;
  font-family: "Playfair Display";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 38px;
  text-align: right
}

.site-mobile-menu .site-nav-wrap .headlink p a {
  color: #2e360e;
  font-size: 18px;
  font-weight: 400;
  padding: 0;
  display: inline-block;
  position: relative
}

.headlink .mirelink h6 {
  color: #030C17;
  font-family: "Libre Baskerville";
  font-size: 18px;
  font-weight: 400;
  line-height: 20px;
  text-align: right
}

.site-mobile-menu .site-nav-wrap .headlink .mirelink a {
  color: #464646;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  padding: 0
}

h2 {
  color: #525252;
  font-size: 36px;
  font-weight: 500;
  line-height: 36px;
  font-family: "Libre Baskerville";
}

h3 {
  color: #182431;
  font-size: 29px;
  font-weight: 600;
  line-height: 36px;
  font-family: "Libre Baskerville";
}

h3 small {
  color: #030C17;
  font-size: 22px;
  font-style: italic;
  font-weight: 400;
  line-height: 36px;
  font-family: "Libre Baskerville";
}

h4 {
  color: #525252;
  font-size: 24px;
  font-weight: 700;
  font-family: "Libre Baskerville";
}

h5 {
  color: #8D9C57;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: .4px;
  text-transform: uppercase;
  font-family: "Libre Baskerville";
}

p {
  color: #525252;
  font-size: 18px;
  font-weight: 400
}

.readMore {
  border-radius: 50px;
  background: #ffbc10e6;
  color: #030C17;
  font-family: "Playfair Display";
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 40px;
  text-transform: uppercase;
  display: block;
  width: fit-content;
  text-decoration: none;
  padding: 0 31px
}

.readMore:hover {
  opacity: .8;
  background: #ffbc10e6;
  color: #030C17
}

.btnVieLar {
  border-radius: 50px;
  background: #ffbc10e6;
  color: #030C17;
  font-family: "Playfair Display";
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 40px;
  text-transform: uppercase;
  display: block;
  width: fit-content;
  text-decoration: none;
  padding: 0 31px
}

.btnVieLar:hover {
  opacity: .8;
  background: #ffbc10e6;
  color: #030C17
}

.philosophie {
  position: relative
}

.mounTain {
  padding-bottom: 120px;
  padding-top: 80px;
  background-color: #fff
}

.mounTain h5 {
  font-family: "Libre Baskerville";
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
  line-height: 40px;
  padding: 40px 0 30px;
  position: relative
}

.mounTain p {
  color: #424242;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  margin-bottom: 30px
}

.mounTain h5 span {
  background-image: url(../images/top-ic.svg), url(../images/bottom-ic.svg);
  background-position: left top 14px, right bottom 8px;
  background-repeat: no-repeat, no-repeat;
  padding: 10px 40px
}

.mounTain a {
  color: #2e360e;
  font-family: "Playfair Display";
  text-decoration: underline;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
  padding: 14px 22px;
  display: inline-block
}

.mounTain a:hover {
  text-decoration: none
}

.ourVillas {
  padding-bottom: 60px;
  background-color: #fff;
  margin-top: -5px;
  padding-top: 53px
}

.ourVillas h5 {
  color: #2e360e;
  font-family: "Libre Baskerville";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  text-transform: uppercase;
  margin-bottom: 15px
}

.ourVillas h4 {
  color: #030C17;
  font-family: "Libre Baskerville";
  font-size: 28px;
  font-weight: 400;
  line-height: 38px;
  margin-bottom: 32px
}

.ourVillas .topsec img {
  transition: .5s ease
}

.ourVillas .topsec img:hover {
  filter: grayscale(100%)
}

.ourVillas h2 {
  color: #2e360e;
  font-family: "Libre Baskerville";
  font-size: 36px;
  font-style: normal;
  font-weight: 600;
  line-height: 40px;
  text-transform: uppercase;
  margin: 10px 0 20px
}

.ourVillas .top-bottom a {
  color: #2e360e
}

.ourVillas .card {
  padding: 0;
  border: 0;
  height: 100%
}

.ourVillas .card p {
  color: #424242;
  font-size: 14px;
  font-weight: 400;
  line-height: 26px;
  margin-bottom: 40px
}

.ourVillas a.booknow {
  border-radius: 50px;
  background-color: #2e360e;
  padding: 13px 27px;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
  color: #fff;
  font-family: "Playfair Display", serif;
  transition: .7s;
  border: 1px solid #2e360e
}

.ourVillas a.booknow:hover {
  background-color: #fff;
  color: #2e360e
}

.ourVillas a.knowmore {
  border-radius: 50px;
  background-color: #fff;
  padding: 13px 22px;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
  color: #2e360e;
  font-family: "Playfair Display", serif;
  transition: .7s;
  margin-left: 20px;
  border: 1px solid #2e360e
}

.ourVillas a.knowmore:hover {
  background-color: #2e360e;
  color: #fff
}

.top-bottom {
  margin-top: auto;
  display: flex
}

.clubHouse2 {
  background-size: cover;
  background-position: right top;
  background-repeat: no-repeat;
  padding-top: 67px;
  position: relative;
  z-index: 999
}

.parallax-mirror {
  z-index: 9 !important;
  background-color: #fff !important
}

.newplace .top-bottom {
  margin-top: auto;
  display: block
}

.clubHouse h5 {
  color: #2e360e;
  font-family: "Libre Baskerville";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  text-transform: uppercase;
  margin-bottom: 15px
}

.clubHouse h4 {
  color: #030C17;
  font-family: "Libre Baskerville";
  font-size: 28px;
  font-weight: 400;
  line-height: 38px;
  margin-bottom: 32px
}

.clubHouse h4 span {
  font-style: italic
}

.clubhouse .item {
  position: relative
}

.clubhouse .item .clubhosebox {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #fff;
  max-width: 230px;
  padding: 10px;
  width: 100%
}

.clubhouse .item .clubhosebox h1 {
  color: #030C17;
  font-family: "Libre Baskerville";
  font-size: 24px;
  font-weight: 600;
  line-height: 38px
}

.clubhouse {
  position: relative
}

.clubhouse.owl-theme .owl-nav {
  position: absolute;
  right: 0;
  top: -100px
}

.clubhouse.owl-theme .owl-nav [class*=owl-] {
  width: 51px;
  height: 51px
}

.clubhouse.owl-carousel .owl-nav button.owl-next,
.clubhouse.owl-carousel .owl-nav button.owl-prev,
.clubhouse.owl-carousel button.owl-dot {
  border: 1px solid #2e360e
}

.clubhouse.owl-carousel .owl-nav button.owl-prev img {
  transform: rotate(180deg)
}

.clubhouse.owl-theme .owl-nav [class*=owl-]:hover {
  background: transparent
}

.clubHouse a.btn-facilities {
  text-decoration: underline;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  color: #2e360e;
  font-family: "Playfair Display", serif;
  transition: .7s;
  margin-top: 20px;
  display: inline-block
}

.clubHouse a.btn-facilities:hover {
  text-decoration: none
}

.amenities-sec {
  padding: 120px 0 85px
}

.amenities-sec .head-sec h4 {
  color: #2e360e;
  font-family: "Libre Baskerville";
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
  margin-bottom: 22px
}

.amenities-sec .head-sec p {
  color: #030C17;
  font-family: "Playfair Display";
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: 38px;
  margin-bottom: 65px
}

.amenities-sec .ameties-details .icon {
  width: 66px;
  height: 66px;
  background-color: #EEFAFF;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  margin: 0 auto 20px
}

.amenities-sec .ameties-details .title h4 {
  color: #030C17;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px
}

.testimonial-sec {
  background-color: #747E4F;
  padding: 80px 0 0;
  margin-top: -3px
}

.testimonial-sec .head-sec h4 {
  color: #FFF;
  font-family: "Playfair Display";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
  margin-bottom: 22px
}

.testimonial-sec .head-sec h2 {
  color: #FFF;
  font-family: "Libre Baskerville";
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  margin-bottom: 50px
}

.testimonial-sec .item {
  background-color: #fff;
  padding: 125px 39px 0
}

.testimonial-sec .item .guest-details {
  display: flex;
  flex-direction: column;
  justify-content: space-between
}

.testimonial-sec .item .guest-details p {
  color: #030C17;
  font-family: "Playfair Display";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 40px;
  position: relative;
  margin-bottom: 40px
}

.testimonial-sec .item .guest-details p::before {
  content: "";
  position: absolute;
  left: 0;
  top: -70px;
  background-image: url(../images/quote.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  width: 50px;
  height: 37px
}

.testimonial-sec .item .guest-details h3 {
  color: #2e360e;
  font-family: "Libre Baskerville";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 30px;
  text-transform: uppercase;
  margin-bottom: 0
}

.slidr.owl-carousel .owl-stage {
  display: flex;
  height: 100%
}

.slidr.owl-carousel .owl-item .item {
  height: 100%;
  display: flex;
  flex-direction: column !important
}

.slidr.owl-carousel .owl-nav {
  margin-top: 0;
  position: absolute;
  top: -106px;
  right: 0
}

.slidr.owl-theme .owl-nav [class*=owl-] {
  width: 51px;
  height: 51px
}

.slidr.owl-carousel .owl-nav button.owl-prev img {
  transform: rotate(180deg)
}

.slidr.owl-theme .owl-nav [class*=owl-]:hover {
  background: transparent
}

.getting-sec {
  padding: 180px 0 60px;
  background-color: #fff
}

.getting-sec .head-sec h4 {
  color: #2e360e;
  font-family: "Libre Baskerville";
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
  margin-bottom: 22px
}

.getting-sec .head-sec h2 {
  color: #030C17;
  font-family: "Libre Baskerville";
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: 38px;
  margin-bottom: 50px
}

.getting-sec .location-map {
  position: relative
}

.getting-sec .location-map .map-info {
  position: absolute;
  top: 100px;
  right: 0;
  max-width: 522px;
  padding: 40px 30px;
  background-color: #fff
}

.getting-sec .location-map .map-info span.get-txt {
  color: #030C17;
  font-family: "Playfair Display";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px
}

.getting-sec .location-map .map-info h3 {
  color: #030C17;
  font-family: "Playfair Display";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  margin-bottom: 36px
}

.getting-sec .location-map .map-info h3 span {
  font-weight: 600
}

.getting-sec .location-map .map-info ul {
  margin: 0;
  padding: 0
}

.getting-sec .location-map .map-info ul li {
  color: #464646;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  padding-bottom: 20px;
  position: relative;
  padding-left: 15px
}

.getting-sec .location-map .map-info ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 6px;
  background-image: url(../images/bullet.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  width: 6px;
  height: 6px
}

.getting-sec .location-map .map-info ul li span {
  font-weight: 600
}

.getting-sec .location-map .map-info p {
  color: #030C17;
  font-family: "Playfair Display";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 40px;
  margin-bottom: 0
}

.getting-sec .btn-view {
  color: #2e360e;
  font-family: "Playfair Display";
  font-size: 14px;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
  letter-spacing: normal;
  display: inline-block;
  height: 71.7px;
  text-align: center;
  margin-top: 10px
}

.getting-sec .btn-view:hover {
  opacity: .8
}

.location h3 small {
  margin-top: 6px
}

.footer .top-footer h3 {
  color: #97AB4D;
  font-family: "Libre Baskerville";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
  margin-bottom: 10px
}

.footer .top-footer .sub-info h3{
  padding-left: 41px;


}
.footer .contact-info p {
  color: #030C17;
  font-family: "Playfair Display";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px
}

.footer .contact-info p a {
  color: #030C17;
  font-family: "Playfair Display";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px
}

.footer .top-footer hr {
  color: #196bb71a;
  opacity: 1;
  margin: 20px 0 24px
}

.footer .sub-info .user_details {
  display: flex
}

.footer .sub-info .form-control {
  border-radius: 50px;
  background: #FFF;
  height: 71.7px;
  padding: 20px 40px;
  margin-right: 20px;
  border: 0;
  color: #000;
  font-size: 16px;
  font-weight: 400
}

.footer .sub-info .form-control::-webkit-input-placeholder {
  color: #000;
  font-family: "Playfair Display";
  font-size: 16px;
  font-weight: 400;
  line-height: 30px
}

.footer .sub-info .form-control::-moz-placeholder {
  color: #000;
  font-family: "Playfair Display";
  font-size: 16px;
  font-weight: 400;
  line-height: 30px
}

.footer .sub-info .form-control:-ms-input-placeholder {
  color: #000;
  font-family: "Playfair Display";
  font-size: 16px;
  font-weight: 400;
  line-height: 30px
}

.footer .sub-info .form-control:-moz-placeholder {
  color: #000;
  font-family: "Playfair Display";
  font-size: 16px;
  font-weight: 400;
  line-height: 30px
}

.footer .sub-info .btn-subscribe {
  border-radius: 50px;
  background: #ffbc10e6;
  color: #030C17;
  font-family: "Playfair Display";
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 40px;
  text-transform: uppercase;
  display: flex;
  height: 71.7px;
  text-align: center;
  align-items: center;
  justify-content: center;
  width: fit-content;
  text-decoration: none;
  padding: 0 31px
}

.footer .sub-info .btn-subscribe:hover {
  opacity: .8;
  background: #ffbc10e6;
  color: #030C17
}

.socail-info .mr-2 {
  margin-right: 8px
}

.btm-footer .footer-logo .mr-3 {
  margin-right: 22px
}

.site-menu-toggle img {
  width: 48px
}

.site-mobile-menu-close img {
  width: 48px
}

.banner .item {
  background-repeat: no-repeat;
  height: 100vh;
  background-size: cover
}

.bannertop {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  flex-direction: column;
  position: relative;
  z-index: 99
}

.heroBanner .bannertop h1 {
  font-size: 56px;
  font-weight: 600;
  line-height: 70px;
  font-family: "Libre Baskerville";
  color: #fff;
  text-shadow: 3px 2px 8px #000
}

.heroBanner .bannertop h2 {
  font-size: 48px;
  font-weight: 400;
  line-height: 70px;
  font-family: "Libre Baskerville";
  font-style: italic;
  color: #fff;
  text-shadow: 3px 2px 8px #000
}

.clubHouse3 h5 {
  color: #2e360e;
  font-family: "Libre Baskerville";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  text-transform: uppercase;
  margin-bottom: 15px
}

.clubHouse3 h4 {
  color: #030C17;
  font-family: "Libre Baskerville";
  font-size: 28px;
  font-weight: 400;
  line-height: 38px;
  margin-bottom: 32px
}

.clubHouse3 h4 span {
  font-style: italic
}

.clubhouse3 .item {
  position: relative
}

.clubhouse3 .item .clubhosebox {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #06060633;
  padding: 10px 6px 5px 10px;
  width: 100%
}

.clubhouse3 .item .clubhosebox h1 {
  color: #fff;
  font-family: "Libre Baskerville";
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  text-shadow: 0 1px 1px #000
}

.clubhouse3 {
  position: relative
}

.clubhouse3.owl-theme .owl-nav {
  position: absolute;
  right: 0;
  top: -100px
}

.clubhouse3.owl-theme .owl-nav [class*=owl-] {
  width: 51px;
  height: 51px
}

.clubhouse3.owl-carousel .owl-nav button.owl-next,
.clubhouse3.owl-carousel .owl-nav button.owl-prev,
.clubhouse3.owl-carousel button.owl-dot {
  border: 0
}

.clubhouse3.owl-carousel .owl-nav button.owl-prev img {
  transform: rotate(180deg)
}

.clubhouse3.owl-theme .owl-nav [class*=owl-]:hover {
  background: transparent
}

.about-top {
  background-image: url(../images/about/banner-bg.webp);
  background-repeat: no-repeat;
  width: 100%;
  height: 871px;
  background-size: cover;
  background-position: center top
}

.about-top .about-hed {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column
}

.about-top .about-hed h5 {
  color: #FFF;
  font-family: "Libre Baskerville";
  font-size: 18px;
  font-weight: 600;
  line-height: 30px;
  text-transform: uppercase;
  text-shadow: 2px 2px 2px #000
}

.about-top .about-hed h1 {
  color: #FFF;
  font-family: "Libre Baskerville";
  font-size: 56px;
  font-weight: 600;
  line-height: 70px;
  text-shadow: 2px 2px 2px #000
}

.aboutall {
  margin-top: -150px;
  padding-bottom: 120px
}

.aboutall .submenu {
  background-color: #fff;
  height: 100%;
  padding: 44px 28px
}

.aboutall .submenu ul li a {
  color: #424242;
  font-family: "Playfair Display";
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
  text-transform: uppercase;
  padding-bottom: 20px;
  display: block
}

.aboutall .submenu ul li a.active {
  color: #2e360e;
  font-weight: 700
}

.aboutall .card {
  padding: 44px 40px 0;
  border: 0;
  border-radius: 0
}

.aboutall .card h2 {
  color: #2e360e;
  font-style: normal;
  font-family: "Libre Baskerville";
  font-size: 20px;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 24px;
  margin-bottom: 22px
}

.aboutall .card p {
  color: #424242;
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  margin-bottom: 20px
}

.aboutall .card .facilatesbox {
  position: relative
}

.aboutall .card .facilatesbox .clubhosebox {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #06060633;
  max-width: 100%;
  padding: 8px 10px 5px;
  width: 100%
}

.aboutall .card .facilatesbox .clubhosebox .h1 {
  color: #fff;
  font-family: "Libre Baskerville";
  font-size: 16px;
  font-weight: 600;
  line-height: 25px
}

.our-Amenites {
  padding: 80px 0 60px;
  background-color: #747E4F;
  margin-bottom: 80px
}

.our-Amenites .head-sec h4 {
  color: #fff;
  font-family: "Libre Baskerville";
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
  margin-bottom: 22px
}

.our-Amenites .head-sec p {
  color: #fff;
  font-family: "Playfair Display";
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: 38px;
  margin-bottom: 65px
}

.our-Amenites .ameties-details .icon {
  width: 66px;
  height: 66px;
  background-color: #EEFAFF;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  margin: 0 auto 20px
}

.our-Amenites .ameties-details .title h4 {
  color: #fff;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px
}

.location-map .mapsize {
  width: 100%;
  height: 300px
}

.location-map a {
  color: #2e360e;
  font-family: "Playfair Display";
  font-size: 14px;
  font-weight: 400;
  text-decoration-line: underline;
  line-height: 22px;
  text-align: right;
  display: block;
  margin-bottom: 10px
}

.location-blue {
  background: #747E4F;
  padding: 30px 30px 36px
}

.location-blue h5 {
  color: #FFF;
  font-family: "Libre Baskerville";
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 6px
}

.location-blue h3 {
  color: #FFF;
  font-family: "Libre Baskerville";
  font-size: 24px;
  font-weight: 400;
  line-height: 30px;
  margin-bottom: 0
}

.location-blue ul {
  padding: 20px 0 11px
}

.location-blue ul li {
  color: #FFF;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 21px;
  position: relative;
  padding-left: 20px;
  margin-bottom: 10px
}

.location-blue ul li:before {
  position: absolute;
  left: 0;
  top: 5px;
  background-color: #fff;
  width: 7px;
  height: 7px;
  border-radius: 100px;
  content: ''
}

.gallerysec {
  padding-top: 136px
}

.gallery {
  padding: 65px 0;
  border-top: 1px solid #DEDEDE
}

.gallery h5 {
  color: #2e360e;
  font-family: "Libre Baskerville";
  font-size: 20px;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase
}

.gallery h4 {
  color: #000;
  font-family: "Libre Baskerville";
  font-size: 30px;
  font-weight: 600;
  line-height: 40px;
  margin-bottom: 30px
}

.villasdetails .card {
  margin-top: -150px;
  border: 0;
  border-radius: 0;
  padding: 56px 55px
}

.villasdetails .card h5 {
  color: #2e360e;
  font-family: "Libre Baskerville";
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 20px
}

.villasdetails .card p {
  color: #424242;
  font-size: 14px;
  font-weight: 400;
  line-height: 26px;
  text-align: center
}

.villa-details .card {
  border: 0;
  border-radius: 0;
  margin-left: -80px;
  padding: 63px 51px
}

.villa-details .card.text-right {
  margin-right: -80px;
  margin-left: 0
}

.villa-details .card .h1 {
  color: #2e360e;
  font-family: "Libre Baskerville";
  font-size: 36px;
  font-weight: 600;
  line-height: 40px;
  text-transform: uppercase
}

.villa-details .card p {
  color: #424242;
  font-size: 14px;
  font-weight: 400;
  line-height: 26px;
  margin-bottom: 35px
}

.villa-details .card a.booknow {
  border-radius: 50px;
  background-color: #2e360e;
  padding: 13px 27px;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
  color: #fff;
  font-family: "Playfair Display", serif;
  transition: .7s;
  border: 1px solid #2e360e
}

.villa-details .card a.booknow:hover {
  background-color: #fff;
  color: #2e360e
}

.villa-details .card a.knowmore {
  border-radius: 50px;
  background-color: #fff;
  padding: 13px 22px;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
  color: #2e360e;
  font-family: "Playfair Display", serif;
  transition: .7s;
  margin-left: 20px;
  border: 1px solid #2e360e
}

.villa-details a.knowmore:hover {
  background-color: #2e360e;
  color: #fff
}

.mt-60 {
  margin-top: 60px
}

.villa-details {
  margin-bottom: 120px
}

.contactus .card {
  margin-top: -150px;
  border: 0;
  border-radius: 0;
  padding: 56px 55px
}

.contactus .card h5 {
  color: #2e360e;
  font-family: "Libre Baskerville";
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 25px
}

.req {
  display: none
}

#contactFormmain label {
  color: #424242;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  display: block;
  margin-bottom: 10px
}

#contactFormmain .form-control {
  border-radius: 50px;
  border: 1px solid #2e360e;
  padding: 5px 22px;
  color: #2e360e;
  font-size: 16px;
  font-weight: 500;
  line-height: 40px
}

#contactFormmain .form-control::placeholder {
  color: #2e360e;
  opacity: 1
}

#contactFormmain .form-control::-ms-input-placeholder {
  color: #2e360e
}

#contactFormmain .submitbutton {
  border-radius: 50px;
  background: #ffbc10e6;
  color: #030C17;
  font-family: "Playfair Display";
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 40px;
  text-transform: uppercase;
  display: block;
  width: fit-content;
  text-decoration: none;
  padding: 0 31px
}

#contactFormmain .submitbutton:hover {
  opacity: .8;
  background: #ffbc10e6;
  color: #030C17
}

#contactFormmain .form-control.form-control2 {
  border-radius: 20px
}

.reviscard {
  border-radius: 10px
}

.reviscard .revstop {
  background-color: #747E4F;
  padding: 29px;
  border-radius: 10px 10px 0 0
}

.reviscard .revstop h4 {
  color: #FFF;
  font-family: "Libre Baskerville";
  font-size: 30px;
  font-weight: 600;
  line-height: 45px;
  text-align: center
}

.reviscard .revstop h5 {
  color: #2e360e;
  text-align: center;
  font-family: "Libre Baskerville";
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  margin-bottom: 0;
  text-transform: none
}

.reviscard .revstop .h1 {
  color: #2e360e;
  font-family: "Libre Baskerville";
  font-size: 70px;
  font-weight: 600;
  line-height: 70px;
  text-align: center;
  position: relative;
  width: fit-content;
  margin: 0 auto
}

.reviscard .revstop .h1 span {
  font-size: 30px
}

.reviscard .revstop .h1 sub {
  font-size: 14px;
  line-height: 20px;
  right: 6px;
  white-space: nowrap;
  bottom: -5px;
  position: absolute
}

.reviscard .chekoutform {
  background: #747E4F;
  padding: 24px 10px 36px;
  border-radius: 10px
}

.reviscard .chekoutform .input-group.date .form-control {
  background: #FFF;
  height: 54px;
  line-height: 54px;
  padding: 0 15px;
  color: #424242;
  font-family: Poppins;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  background-color: transparent;
  border: 0;
  position: relative;
  z-index: 9;
  cursor: pointer
}

.reviscard .chekoutform .datpikc .form-group {
  background-color: #fff;
  border-radius: 50px !important
}

.reviscard .chekoutform .datepicker-dropdown table {
  width: 100%
}

.reviscard .chekoutform .datepicker th {
  color: #fff
}

.reviscard .chekoutform .datepicker th.dow {
  font-size: 10px;
  font-style: normal;
  font-weight: 600;
  line-height: 12px;
  color: #fff;
  letter-spacing: 1.5px;
  padding: 15px 0;
  width: 30px
}

.reviscard .chekoutform .datepicker td {
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 18px;
  color: #fff;
  width: 40px;
  height: 30px
}

.reviscard .chekoutform .datepicker-dropdown.datepicker-orient-bottom:before {
  display: none
}

.reviscard .chekoutform .datepicker-dropdown.datepicker-orient-bottom:after {
  display: none
}

.reviscard .chekoutform .datepicker-dropdown:before {
  display: none
}

.reviscard .chekoutform .datepicker-dropdown:after {
  display: none
}

.reviscard .chekoutform .datepicker .datepicker-switch {
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 14px
}

.reviscard .chekoutform .datepicker .datepicker-switch:hover,
.reviscard .chekoutform .datepicker .next:hover,
.reviscard .chekoutform .datepicker .prev:hover {
  background-color: transparent
}

.reviscard .chekoutform .datepicker table tr td.day:hover {
  color: #424242;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 18px;
  border-radius: 100%;
  background-color: #fff
}

.reviscard .chekoutform .datepicker table tr td.active.active {
  color: #424242;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 18px;
  border-radius: 100%;
  background-color: #fff
}

.reviscard .chekoutform .datepicker table tr td.active {
  color: #424242;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 18px;
  border-radius: 100%;
  background-color: #fff;
  background-image: none !important
}

.reviscard .chekoutform .datepicker th.today {
  display: none !important
}

.reviscard .chekoutform .datepicker th.prev {
  font-size: 0
}

.reviscard .chekoutform .datepicker th.next {
  font-size: 0
}

.reviscard .chekoutform .datepicker .datepicker-switch {
  text-align: center
}

.reviscard .chekoutform .form-group .input-group-addon {
  background-color: transparent;
  border: medium none;
  color: #464646;
  padding: 0;
  position: absolute;
  right: 23px;
  top: 15px;
  z-index: 1
}

.reviscard .chekoutform .form-control::placeholder {
  color: #424242;
  opacity: 1
}

.reviscard .chekoutform select {
  padding: 0 20px;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  width: 100%;
  font-weight: 400;
  font-size: 14px;
  position: relative;
  border: 0 solid #ced4da;
  background-image: url(../images/select-dropdown.svg);
  background-repeat: no-repeat;
  background-position: center right 10px;
  line-height: 54px;
  color: #424242;
  border-radius: 50px
}

.reviscard .chekoutform select option {
  font-size: 14px;
  color: #424242;
  font-weight: 600
}

.reviscard .chekoutform label {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  display: block;
  margin-bottom: 5px
}

.reviscard .chekoutform .submitresvation {
  font-weight: 700;
  text-transform: uppercase;
  color: #2e360e;
  font-family: "Playfair Display", serif;
  transition: .7s;
  background-color: #fff;
  border: 1px solid #fff;
  font-size: 18px;
  border-radius: 50px;
  margin-top: 10px;
  display: block;
  line-height: 56px;
  padding: 0 20px;
  width: 100%
}

.reviscard .chekoutform .submitresvation:hover {
  border: 1px solid #fff;
  color: #fff;
  background-color: transparent
}

.mapsection {
  background-color: #F3F3F3;
  padding: 60px 0 82px;
  margin-bottom: 120px
}

.mapsection .mapdirection {
  border: 10px solid #fff
}

.mapsection .mapsize {
  width: 100%;
  height: 510px
}

.mapsection h5 {
  color: #2e360e;
  font-family: "Libre Baskerville";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 26px;
  text-transform: uppercase;
  margin-bottom: 30px
}

.mapsection .addres {
  padding-left: 15px
}

.addrbox {
  display: flex;
  border-bottom: 1px solid #D3D3D3;
  padding-bottom: 37px
}

.addrbox .addrename {
  color: #424242;
  font-family: "Playfair Display";
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 30px
}

.addrbox .addredetails {
  padding-left: 54px;
  color: #424242;
  font-family: "Playfair Display";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px
}

.addrbox .addredetails a {
  color: #424242
}

.vilaestate {
  padding-top: 20px
}

.vilaestate h1 {
  color: #2e360e;
  text-align: center;
  font-family: "Libre Baskerville";
  font-size: 56px;
  font-style: normal;
  font-weight: 600;
  line-height: 70px
}

.estateslider {
  padding: 0
}

.estateslider .container-fluid {
  padding: 0
}

.estavila .owl-stage {
  display: flex
}

.estavila .owl-item {
  height: 100%;
  display: flex;
  align-self: center
}

.estateslider .position-relative {
  position: relative
}

.estateslider .position-relative .villasbook {
  width: 100%;
  position: absolute;
  justify-content: center;
  display: flex;
  height: 100%;
  align-items: center;
  z-index: 9;
  flex-direction: column;
  margin-top: -15px
}

.villasbook h2{color:#ffffff}

.estateslider .position-relative .villasbook h1 {
  color: #FFF;
  text-shadow: 0 4px 14px #000000a6;
  font-family: "Libre Baskerville";
  font-size: 56px;
  font-style: normal;
  font-weight: 600;
  line-height: 70px;
  margin-bottom: 20px
}

.estateslider .position-relative .villasbook .booknow {
  border-radius: 50px;
  background: #ffbc10e6;
  color: #030C17;
  font-family: "Playfair Display";
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 40px;
  text-transform: uppercase;
  display: block;
  width: fit-content;
  text-decoration: none;
  padding: 0 31px
}

.estateslider .position-relative .villasbook .booknow:hover {
  opacity: .8;
  background: #ffbc10e6;
  color: #030C17
}

.estaoverview .card {
  border: 0;
  border-radius: 0;
  margin-top: -90px;
  position: relative;
  z-index: 9;
  padding: 60px
}

.estaoverview h4 {
  color: #424242;
  font-size: 32px;
  font-style: normal;
  font-weight: 300;
  line-height: 50px;
  margin-top: -10px;
  font-family: 'Libre Baskerville'
}

.estaoverview h4 strong {
  font-weight: 600
}

.estaoverview h5 {
  color: #2e360e;
  font-family: "Libre Baskerville";
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-transform: uppercase;
  margin-bottom: 25px
}

.estaoverview h6 {
  color: #000;
  font-family: "Libre Baskerville";
  font-size: 26px;
  font-weight: 600;
  line-height: 40px
}

.estaoverview h6 sup {
  font-size: 15px
}

.estaoverview p {
  color: #424242;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  margin-bottom: 0
}

.estaoverview .border-right {
  border-right: 1px solid #E9E9E9
}

.estaoverview .spccation p {
  font-style: italic
}

.villasfas {
  background-color: #F5F5F5;
  padding: 80px 0 60px
}

.villasfas h5 {
  color: #2e360e;
  font-family: "Libre Baskerville";
  font-size: 20px;
  font-weight: 600;
  line-height: 26px;
  text-transform: uppercase;
  margin-bottom: 60px;
  text-align: center
}

.villasfas .ameties-details .icon {
  width: 66px;
  height: 66px;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  margin: 0 auto 20px
}

.villasfas .ameties-details .title h4 {
  color: #030C17;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  position: relative;
  width: fit-content;
  margin: 0 auto
}

.villasfas .tooltip2 {
  position: absolute;
  right: -19px
}

.villasfas .tooltip2 .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: #2e360e;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 2px;
  position: absolute;
  z-index: 1;
  font-size: 11px;
  line-height: 15px;
  top: -50px;
  left: -50px
}

.villasfas .tooltip2:hover .tooltiptext {
  visibility: visible
}

.villasfas .tooltip2 .tooltiptext::before {
  width: 10px;
  height: 10px;
  border-top: solid 10px #006b57;
  border-left: solid 10px transparent;
  border-right: solid 10px transparent;
  position: absolute;
  bottom: -10px;
  content: '';
  margin: 0 auto;
  left: 0;
  right: 0
}

.our-Amenites .tooltip3 {
  position: absolute;
  right: -19px
}

.our-Amenites .tooltip3 .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: #fff;
  color: #2e360e;
  text-align: center;
  border-radius: 6px;
  padding: 5px 2px;
  position: absolute;
  z-index: 1;
  font-size: 11px;
  line-height: 15px;
  top: -50px;
  left: -50px
}

.our-Amenites .tooltip3:hover .tooltiptext {
  visibility: visible
}

.our-Amenites .tooltip3 .tooltiptext::before {
  width: 10px;
  height: 10px;
  border-top: solid 10px #fff;
  border-left: solid 10px transparent;
  border-right: solid 10px transparent;
  position: absolute;
  bottom: -10px;
  content: '';
  margin: 0 auto;
  left: 0;
  right: 0
}

.our-Amenites .ameties-details .title h4 {
  position: relative;
  width: fit-content;
  margin: 0 auto
}

.photogaller {
  padding: 0
}

.photogaller h5 {
  color: #2e360e;
  font-family: "Playfair Display";
  font-size: 20px;
  font-weight: 600;
  line-height: 26px;
  text-transform: uppercase;
  margin-bottom: 33px
}

.photogaller .photgabtn {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 30px
}

.photogaller .gallerybtn {
  border-radius: 50px;
  border: 1px solid #2e360e;
  background: #2e360e;
  color: #fff;
  font-family: "Playfair Display";
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  padding: 0 28px;
  line-height: 54px;
  display: flex;
  width: fit-content;
  align-items: center
}

.lositeplan {
  padding: 75px 0
}

.lositeplan h5 {
  color: #2e360e;
  font-family: "Libre Baskerville";
  font-size: 20px;
  font-weight: 600;
  line-height: 26px;
  text-transform: uppercase;
  margin-bottom: 60px
}

.lositeplan .lobooknow {
  border-radius: 50px;
  background: #ffbc10e6;
  color: #030C17;
  font-family: "Playfair Display";
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 40px;
  text-transform: uppercase;
  display: block;
  width: fit-content;
  text-decoration: none;
  padding: 0 31px;
  margin-top: 40px;
  display: inline-block
}

.lositeplan .lobooknow:hover {
  opacity: .8;
  background: #ffbc10e6;
  color: #030C17
}

.lositeplan .card {
  border-radius: 0;
  padding: 36px;
  border: 1px solid #2e360e
}

.lositeplan .text-right {
  text-align: right;
  display: flex;
  justify-content: end
}

.lositeplan .text-right a {
  color: #424242;
  font-family: "Playfair Display";
  font-size: 14px;
  font-weight: 600;
  line-height: normal;
  margin-left: 15px
}

.lositeplan .text-right a img {
  margin-right: 10px
}

.instagramvideos {
  padding: 80px 0;
  background-color: #F4F4F4;
  margin-bottom: 120px
}

.instagramvideos h5 {
  color: #2e360e;
  font-family: "Libre Baskerville";
  font-size: 20px;
  font-weight: 600;
  line-height: 26px;
  text-transform: uppercase;
  margin-bottom: 33px
}

.posic {
  position: relative;
  cursor: pointer
}

.posic .iconvid {
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center
}

.cpy-rght p {
  color: #030C17;
  font-family: "Playfair Display";
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  margin-bottom: 0
}

.sublinkfo a {
  color: #030C17;
  font-family: "Playfair Display";
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  padding-right: 15px
}

.maphome {
  width: 100%;
  height: 463px
}

.estavila.owl-carousel .owl-item .item {
  width: 100%
}

.estavila.owl-carousel .owl-item img {
  max-width: 100%
}

.homeyoutube {
  width: 100%;
  height: 100vh;
  position: absolute;
  z-index: 9
}

.ytp-button {
  display: none !important
}

.html5-video-player a {
  display: none
}

.video-background {
  background: #000;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -99
}

.video-foreground,
.video-background iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none
}

@media (min-aspect-ratio: 169) {
  .video-foreground {
    height: 300%;
    top: -100%
  }
}

@media (max-aspect-ratio: 169) {
  .video-foreground {
    width: 300%;
    left: -100%
  }
}

@media all and (max-width: 600px) {
  .vid-info {
    width: 50%;
    padding: .5rem
  }

  .vid-info h1 {
    margin-bottom: .2rem
  }
}

@media all and (max-width: 500px) {
  .vid-info .acronym {
    display: none
  }
}

.estate5-img {
  position: relative
}

.estate5-img .estateinto {
  background: #030c1773;
  padding: 20px 20px 12px;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: auto;
  left: 0;
  right: 0
}

.estate5-img .estateinto.pb2sm {
  padding: 20px
}

.ourVillas .estate5-img .estateinto h2 {
  color: #FFF;
  font-family: "Playfair Display";
  font-size: 36px;
  font-style: normal;
  font-weight: 600;
  line-height: 40px;
  text-transform: uppercase;
  padding: 5px 0 15px;
  margin-bottom: 0
}

.ourVillas .estate5-img .estateinto p {
  color: #FFF;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px
}

.ourVillas .estate5-img .estateinto .yelobtn {
  border-radius: 5px;
  background: #ffbc10cc;
  display: flex;
  padding: 7px;
  justify-content: center;
  align-items: center;
  color: #030C17;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 8px;
  text-transform: uppercase;
  width: fit-content
}

.ourVillas .estate5-img .estateinto .grayobtn {
  border-radius: 5px;
  background: #d1d1d1cc;
  display: flex;
  padding: 7px;
  justify-content: center;
  align-items: center;
  color: #030C17;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 8px;
  text-transform: uppercase;
  width: fit-content
}

.headlink {
  position: absolute;
  right: 0;
  bottom: -162px;
  white-space: nowrap;
  padding-bottom: 10px
}

.headlink p {
  color: #030C17;
  font-family: "Playfair Display";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 38px;
  text-align: right
}

.site-mobile-menu .site-nav-wrap .headlink p a {
  color: #2e360e;
  font-size: 18px;
  font-weight: 600;
  padding: 0;
  display: inline-block;
  position: relative
}

.headlink .mirelink h6 {
  color: #030C17;
  font-family: "Playfair Display";
  font-size: 18px;
  font-weight: 400;
  line-height: 20px;
  text-align: right
}

.site-mobile-menu .site-nav-wrap .headlink .mirelink a {
  color: #464646;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  padding: 0
}

.site-mobile-menu .site-nav-wrap .headlink .mirelink a.link {
  font-family: Poppins
}

.bookbutn {
  display: flex;
  justify-content: space-between;
  align-items: center
}

.bookbutn a.bookbtn {
  border-radius: 50px;
  background-color: #2e360e;
  padding: 13px 27px;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
  color: #fff;
  font-family: "Playfair Display", serif;
  transition: .7s;
  border: 1px solid #2e360e
}

.bookbutn a.bookbtn:hover {
  background-color: #fff;
  color: #2e360e
}

.aboutall.refpolcy a {
  color: #2e360e
}

.aboutall.termuse ul {
  padding: 0 0 15px;
  margin: 0
}

.aboutall.termuse ul li {
  position: relative;
  color: #424242;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 15px;
  padding-left: 20px
}

.aboutall.termuse ul li:before {
  position: absolute;
  content: '';
  width: 8px;
  height: 8px;
  background-color: #2e360e;
  top: 8px;
  left: 0;
  border-radius: 100px
}

.aboutall.termuse a {
  color: #2e360e
}

.heroBanner {
  position: relative
}

.video {
  position: relative;
  top: 0;
  left: 0;
  min-height: calc(100vh - 0px);
  width: 100%;
  height: 100%;
  max-height: 610px;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center
}

.vidoimge {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-attachment: fixed
}

.desktop_ver {
  display: block
}

.mob_ver {
  display: none
}

.termuse {
  padding-top: 136px
}

.provisy {
  padding: 65px 0;
  border-top: 1px solid #DEDEDE
}

.provisy h1 {
  color: #000;
  font-family: "Libre Baskerville";
  font-size: 30px;
  font-weight: 600;
  line-height: 40px;
  margin-bottom: 30px
}

.provisy p {
  color: #424242;
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  margin-bottom: 30px
}

.provisy a {
  color: #2e360e
}

.provisy ul {
  padding: 0 0 15px;
  margin: 0
}

.provisy ul li {
  position: relative;
  color: #424242;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 15px;
  padding-left: 20px
}

.provisy ul li:before {
  position: absolute;
  content: '';
  width: 8px;
  height: 8px;
  background-color: #2e360e;
  top: 8px;
  left: 0;
  border-radius: 100px
}

.provisy h2 {
  color: #2e360e;
  font-family: "Libre Baskerville";
  font-size: 20px;
  font-weight: 600;
  line-height: 40px;
  margin-bottom: 5px
}

.floatleft {
  float: left;
  margin: 0 20px 20px 0
}

.headlink2 p {
  color: #fff;
  font-family: "Playfair Display";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 38px
}

.headlink2 p a.chrs {
  color: #fff;
  font-family: "Playfair Display";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 38px;
  text-decoration: underline
}

.headlink2 p a {
  color: #2e360e;
  font-size: 22px;
  font-weight: 600;
  padding: 0;
  display: inline-block;
  position: relative
}

.headlink2 h6 {
  color: #fff;
  font-family: "Libre Baskerville";
  font-size: 20px;
  font-weight: 400;
  line-height: 20px
}

.headlink2 a {
  color: #fff;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  padding: 0
}

.getting-sec.contbg {
  background-color: #F3F3F3;
  padding: 80px 0;
  margin-bottom: 120px
}

.mbr-arrow {
  position: absolute;
  bottom: 40px;
  cursor: pointer;
  text-align: center;
  width: 100%;
  left: 0;
  z-index: 9999
}

.mbr-arrow>a {
  left: 50%;
  width: 75px;
  height: 75px;
  display: inline-block
}

.mbr-arrow>a i {
  display: inline-block;
  text-decoration: none;
  outline-style: none;
  padding-top: 20px;
  -webkit-animation: arrowdown 1.7s ease-in-out infinite;
  animation: arrowdown 1.7s ease-in-out infinite
}

.mbr-arrow>span {
  display: block;
  font-size: 12px;
  letter-spacing: 2.9px;
  color: #fff;
  padding-top: 10px;
  text-transform: uppercase;
  font-weight: 400
}

.mbr-arrow>i {
  display: inline-block;
  text-decoration: none;
  outline-style: none;
  padding-top: 20px;
  -webkit-animation: arrowdown 1.7s ease-in-out infinite;
  animation: arrowdown 1.7s ease-in-out infinite
}

@keyframes arrowdown2 {
  0% {
    transform: translateX(0px);
    -webkit-transform: translateX(0px)
  }

  50% {
    transform: translateX(-5px);
    -webkit-transform: translateX(-5px)
  }

  100% {
    transform: translateX(0px);
    -webkit-transform: translateX(0px)
  }
}

@-webkit-keyframes arrowdown2 {
  0% {
    transform: translateX(0px);
    -webkit-transform: translateY(0px)
  }

  50% {
    transform: translateX(-5px);
    -webkit-transform: translateY(-5px)
  }

  100% {
    transform: translateX(0px);
    -webkit-transform: translateY(0px)
  }
}

@keyframes arrowdown {
  0% {
    transform: translateY(0px);
    -webkit-transform: translateY(0px)
  }

  50% {
    transform: translateY(-5px);
    -webkit-transform: translateY(-5px)
  }

  100% {
    transform: translateY(0px);
    -webkit-transform: translateY(0px)
  }
}

@-webkit-keyframes arrowdown {
  0% {
    transform: translateY(0px);
    -webkit-transform: translateY(0px)
  }

  50% {
    transform: translateY(-5px);
    -webkit-transform: translateY(-5px)
  }

  100% {
    transform: translateY(0px);
    -webkit-transform: translateY(0px)
  }
}

.thewoodside {
  position: relative;
  overflow: hidden
}

.overlay-1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(270deg, #e2e0d300 0%, #000000de 100%)
}

.overlay-2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 250.625em;
  height: 23.8em;
  background: url(../images/cloud-overlay.png) 0 100% repeat-x;
  -webkit-animation: cloudLoop 80s linear infinite;
  animation: cloudLoop 80s linear infinite;
  z-index: 2;
  pointer-events: none;
  height: 43.75em
}

@-webkit-keyframes cloudLoop {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }

  100% {
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0)
  }
}

@keyframes cloudLoop {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }

  100% {
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0)
  }
}

.banner-text {
  position: relative;
  color: #fff;
  text-align: center;
  padding: 10% 0 0
}

.banner-text h1 {
  font-size: 50px;
  font-family: "Libre Baskerville"
}

.banner-text p {
  font-family: "Dancing Script", cursive;
  font-size: 30px
}

.websLogo p {
  font-size: 12px;
  font-weight: 400;
  line-height: 30px;
  font-family: Arial, Helvetica, sans-serif
}

.websLogo img {
  max-width: 95px;
  margin-bottom: -4px
}

.watchvidwo a.bookbtn {
  border-radius: 50px;
  background: #ffbc10e6;
  color: #030C17;
  font-family: "Playfair Display";
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 40px;
  text-transform: uppercase;
  display: block;
  width: fit-content;
  text-decoration: none;
  padding: 0 31px;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 45%;
  z-index: 9
}

.aboutall .submenu select {
  background-color: #fff;
  background-image: url(../images/download.svg);
  background-repeat: no-repeat;
  background-position: right .75rem center;
  width: 100%;
  background-size: 16px 14px;
  border: solid 1px #707070;
  display: none
}

#mobilestatic .modal-header {
  border: 0;
  padding: 10px
}

#mobilestatic .modal-body {
  padding: 0 10px 8px !important
}

.thankCont p {
  font-size: 16px;
  line-height: 26px
}

.contactus .card .thankCont h5 {
  margin-bottom: 10px
}

.pag4con h5 {
  font-size: 18px;
  line-height: 30px
}

.pag4con p {
  font-size: 16px;
  line-height: 26px
}

.erroms {
  position: relative;
  margin-bottom: 8px
}

.erroms span {
  position: absolute;
  left: 14px;
  font-size: 13px;
  color: #e96e61;
  font-weight: 600;
  width: 100%;
  white-space: nowrap
}

.pag4con a:hover {
  color: #97AB4D
}

.gridImg {
  position: relative
}

.gridImg .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #0000;
  transition: background .5s ease
}

.gridImg:hover .overlay {
  display: block;
  background: #030c1773
}

.gridImg .title {
  position: absolute;
  width: calc(100% - 30px);
  left: 20px;
  top: 20px;
  z-index: 1;
  transition: top .5s ease
}

.gridImg .title p {
  text-transform: uppercase;
  margin-bottom: .5rem
}

.gridImg .title .small {
  opacity: 0;
  color: #FFF;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px
}

.gridImg .button {
  position: absolute;
  width: 100%;
  left: 20px;
  text-align: center;
  bottom: 20px;
  transition: opacity .35s ease
}

.gridImg .button .knowMore {
  opacity: .9;
  color: #FFF;
  font-size: 18px;
  font-style: italic;
  font-weight: 400;
  line-height: 30px;
  text-decoration-line: underline
}

.gridImg:hover .button .knowMore,
.gridImg:hover .title .small {
  opacity: 1
}

.site-mobile-menu .site-nav-wrap>li ul li a {
  display: block !important
}

.site-mobile-menu .site-nav-wrap>li ul li a span {
  font-family: Poppins
}

.fonPop {
  font-family: Poppins !important
}
.our-gallery img {
  max-width:50px;
 
}


.our-gallery img.lazy-loaded {
  max-width: 100%!important;
}

.lazy {
  opacity: 0
}

.lazy-loaded {
  opacity: 1
}

.maxIndu {
  max-width: 61.5%
}

.postionrlative {
  position: relative;
}
#loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 24px;
}

.panel {
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}

.container2 {
  display: flex;
  overflow: hidden;
  height: 676px!important;
}
.pin-spacer{height: 1352px!important;}
.lazy-img {
  width: 100%;
  max-height: 100%;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}

.lazy-img.loaded {
  opacity: 1;
}


.mapshow {
  display: none;
}
.header-bg header{background-color:#545151;}

.owl-theme .owl-nav {width: 100%;display: flex;justify-content: space-between; position: absolute;top: 45%;}

.clientreviewmain.owl-carousel .owl-nav button.owl-prev {background-image: url(../images/back.svg);
  background-position: right center; background-repeat: no-repeat; background-size: auto 100%;cursor: pointer;
  float: left;height: 32px;width: 32px;}

  .clientreviewmain.owl-carousel .owl-nav button.owl-next {background-image: url(../images/next.svg);
  background-position: left center; background-repeat: no-repeat; background-size: auto 100%;cursor: pointer;
  float:right;height: 32px;width: 32px; }

  .clientreviewmain.owl-carousel .owl-nav button.owl-prev:hover,.clientreviewmain.owl-carousel .owl-nav button.owl-next:hover{background-color: transparent;}
  .clientreviewmain.owl-carousel .owl-nav button span{display: none;}

.loader {
  border-radius: 50%;
  width: 60px;
  height: 60px;
  animation: spin 1s linear infinite;
  position: absolute;
  left: 50%;
  top: 315px;
  transform: translate(-50%, -50%);
  background-image: url(../images/spinner-double.svg);
  z-index: 1;
  margin: initial;
}

@keyframes spin {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }

  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

.img2 {
  opacity: 0;
  width: 100%;
  transition: opacity 0.5s ease-in-out;
}

.loader.done+.img2 {
  opacity: 1;
}

.clientreview.owl-theme .owl-dots,
.clientreview2.owl-theme .owl-dots,
.clientreview3.owl-theme .owl-dots,
clientreview4.owl-theme .owl-dots {
  display: none;
}

.smclitview.owl-carousel.owl-loaded{display: none;}