@charset "utf-8";

h3,
h4 {
    color: #00a7ef
}

html {
    scroll-behavior: smooth
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

body {
    font-family: Lexend;
    font-size: 16px;
    font-weight: 200;
    overflow-x: hidden
}

.iti{
    width: 100%;
}

.galleryBox img{
    height: 400px;
    width: 100%;
    object-fit: cover;
}

[id] {
  scroll-margin-top: 80px; /* Adjust based on header height */
}

/* --- Footer Main Styling --- */
.site-footer {
    background-color: #ffffff;
    color: #393939;
    padding: 40px 20px;
    font-size: 14px;
}

.footer-container {
    max-width: 1200px;
    margin: 0 auto;
}

/* --- Top Section Layout --- */
.footer-top {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap; /* Allows items to wrap on small screens */
    gap: 20px;
    margin-bottom: 25px;
    padding-bottom: 25px;
    border-bottom: 1px solid #333;
}

.footer-top p {
    margin: 0 0 5px 0;
    font-weight: 500;
}

.footer-info-right {
    text-align: right;
}



/* --- Disclaimer Section --- */
.footer-disclaimer {
    margin-bottom: 30px;
}



/* --- Bottom Section Layout --- */
.footer-bottom {
    display: flex;
    justify-content: end;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
}



/* Policy Link Style */
.policy-link {
    color: #000000;
    text-decoration: none;
    font-weight: 500;
    font-size: 15px;
}

.policy-link:hover {
    text-decoration: underline;
}

/* --- Responsive Design --- */
@media (max-width: 768px) {
    .footer-top, .footer-bottom {
        flex-direction: column;
        align-items: flex-start; /* Align all items to the left */
        text-align: start;
    }

    .footer-info-right {
        text-align: left;
    }
}

.location-txt{

position: absolute;
top: 50px;
justify-self: center;
}

.locationimg{
    width: 98%;
}

.villa-container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap; /* Allows cards to wrap on smaller screens */
  gap: 60px; /* Space between cards */
  padding: 40px 20px;
}

/* --- Individual Card Styling --- */
.villa-card {
  background-color: #ffffff;
  border-radius: 16px;
  padding: 40px 30px;
  text-align: center;
  max-width: 333px;
  position: relative; /* Crucial for border and connector pseudo-elements */
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.07);
}

/* --- Gradient Border (using a pseudo-element) --- */
.villa-card::before {
  content: '';
  position: absolute;
  top: -2px; 
  left: -2px; 
  right: -2px; 
  bottom: -2px;
  z-index: -1;
  background: linear-gradient(90deg, #c9a86a, #e6d09e, #c9a86a);
  border-radius: 18px; /* Slightly larger than the card's border-radius */
}

/* --- Connector Line (using a pseudo-element) --- */
/* This will only apply to cards that are NOT the last one */
.villa-card:not(:last-child)::after {
  content: '';
  position: absolute;
  top: 50%;
  left: calc(100% + 2px); /* Position it to the right of the card */
  width: 56px; /* Width should be slightly less than the gap */
  height: 2px;
  background-color: #faaf36;
  transform: translateY(-50%);
}

/* --- Text Styling inside the card --- */
.villa-card h3 {
  font-size: 1.6rem;
  font-weight: 300;
  color: #333;
  margin: 0 0 15px 0;
  letter-spacing: 1px;
}

.villa-card .area-label {
  font-size: 1rem;
  color: #555;
  margin: 0;
}

.villa-card .area-value {
  font-size: 1.4rem;
  font-weight: 600;
  color: #333;
  margin: 5px 0 25px 0;
}

/* --- Button Styling --- */
.price-button {
  border: none;
  border-radius: 50px; /* For the pill shape */
  padding: 12px 30px;
  font-size: 1rem;
  color: #000000; /* Dark brown text color */
  cursor: pointer;
  background: #faaf36;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.price-button:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 15px rgba(0, 0, 0, 0.25);
}

/* --- Responsive Design for Smaller Screens --- */
@media (max-width: 1024px) {
  .villa-container {
    flex-direction: column; /* Stack cards vertically */
    gap: 40px;
  }

  /* Hide the horizontal connector lines when stacked */
  .villa-card:not(:last-child)::after {
    display: none;
  }
}

.rightsideBtn {
    position: fixed;
    right: 0;
    top: 30%;
    z-index: 99
}

.rightsideBtn .rightbtn.callbtn {
    margin-bottom: 15px
}

.rightsideBtn .rightbtn a {
    background: #faaf36;
    display: block
}

#movie_player>div.ytp-chrome-top.ytp-show-cards-title,
.layoutmapWrap .layoutmapInfo,
.locationmapWrap .locationmapInner .locationmapTab .locationmapIframe .mapiframe,
.menuBtn,
.profileimgWrap .profileimgGroup .profileBox .txt br,
.projectinfoWrap .slick-slide.slick-active .projectBox .projectGroup .projectImg .nextTxt,
.resp-tab-content,
.rightsideBtn .rightbtn a span,
.slick-arrow.slick-hidden,
.slick-slide.slick-loading img,
.treedviewGroup .treedviewRight>div,
.whatnatureGroup .whatnatureCol .whatnatureBox img.mobileImg,
header .navigation .socialLinks {
    display: none
}

.rightsideBtn .rightbtn img,
.whatsappBtn a img {
    width: 40px
}

.artimpression {
    position: absolute;
    bottom: 15px !important;
    right: 10px !important;
    color: #fff;
    font-size: 8px;
    background: 0 0 !important
}

.artimpression.left {
    right: auto !important;
    left: 10px !important
}

header {
    position: absolute;
    top: 30px;
    width: 100%;
    z-index: 9999;
    left: 0;
    transition: .2s
}

header.topnul {
    top: -30px;
    -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .1)
}

header .headerInner {
    background: rgba(255, 255, 255, .8);
    padding: 5px 30px
}

header .logo {
    width: 18%;
    float: left
}

header .logo img {
    width: 200px;
    
    margin-top: 8px;
}

header .navigation {
    width: 64%;
    float: left
}

.careersformWrap .careersformInner h2,
.clickExploreWrap .clickExploreinner,
.contactformWrap .contactformHero,
.locationmapWrap h2,
.mapWrap h2,
.projectbanner .bannerTxt .bannerPoints ul,
.treedviewWrap .treedviewInner .resp-tabs-list,
.treedviewWrap .treedviewInner h2,
header .navigation ul {
    text-align: center
}

header .navigation ul li {
    display: inline-block
}

header .navigation ul li a {
    color: #000;
    padding: 30px 12px;
    font-size: 18px;
    display: block;
    transition: .3s
}

header .navigation ul li a:hover,
header .navigation ul li.active a {
    color: #1e1e1e;
    transition: .3s
}

header .socialLinks {
    width: 18%;
    float: right;
    text-align: right
}

header .socialLinks ul li {
    display: inline-block;
    margin-left: 5px
}

header .socialLinks ul li a {
    padding: 30px 5px;
    display: block
}

footer .socialLinks ul li a img,
header .socialLinks ul li a img {
    width: 20px
}

header.stickyHeader {
    position: fixed;
    top: 0;
    background: #fff;
    transition: .2s
}

header.stickyHeader .headerInner {
    padding: 6px 0
}

header.stickyHeader .logo img {
    width: 190px
}

header.stickyHeader ul li a {
    padding: 22px 14px
}

header.stickyHeader .socialLinks ul li a {
    padding: 22px 5px;
    font-size: 16px
}

.menuBtn {
    width: 30px;
    float: right;
    right: 6%;
    top: 30px;
    cursor: pointer;
    position: fixed;
    z-index: 998
}

.menuBtn span {
    display: block;
    width: 100%;
    height: 3px;
    background: #000
}

.menuBtn span:nth-child(2) {
    margin: 5px 0
}

.bannerTxt p{
        color: white;
    font-size: 30px;
    font-weight: bold;
}
.bannerTxt h2{
    margin-bottom: 0px;
}

.banner,
.projectbannerVideo {
    position: relative;
    background: #000;
    padding-bottom: 56.25%
}

.banner video {
    opacity: .8;
    margin-bottom: -9px
}

.aboutWrap .aboutRight img,
.amenitiesWrap .amenitiesGroup .amenitiesBox .amenitiesicon img,
.anenitiesimpWrap .anenitiesimpBox img,
.banner img.bgbanner,
.consultantsWrap .consultantsBox .consultantsImg img,
.directorsWrap .directorsBox .directorsImg img,
.exploremap img,
.insightsWrap .insightsList .insightsBox .consultantsImg img,
.layoutmapWrap .layoutmapInfo .layoutmapImg img,
.natureWrap .natureGallery .natureSlider .natureSliderBox img,
.profileWrap .profileBox img,
.projectbanner img.bgbanner,
.treedviewWrap .treedviewInner .treedviewGroup .treedviewLeft img,
.updatesWrap .galleryBox img,
.videoWrap .videoBox img,
.videoWrap .videoBox video,
.villgalleryWrap .villgalleryInfo .villgallerythum img {
    width: 100%
}



.banner .videoOverlay {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 8;
    background: rgba(0, 0, 0, .5)
}

.bannerTxt {
    position: absolute;
    left: 10%;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9
}

.bannerTxt h2 {
    font-size: 70px;
    line-height: 72px;
    color: #fff
}

.bannerTxt .bannerBtn,
.readMore,
.updatesWrap .gallerySlider,
.whatnatureGroup {
    margin-top: 50px
}

.bannerBtn a {
    background: #faaf36;
    padding: 15px 10px;
    font-family: Lexend;
    color: #000;
    font-size: 18px
}

.banner iframe,
.banner video,
.projectbannerVideo iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100% + 130px);
    margin-top: -65px
}

.aboutWrap {
    position: relative;
    padding: 80px 0;
    background: url("../images/aboutbg.svg") center/cover no-repeat
}

.aboutWrap .aboutLeft {
    width: 30%;
    float: left
}

.aboutWrap .aboutRight {
    width: 60%;
    float: left;
    margin-left: 10%;
    font-size: 20px;
    color: #333
}

.aboutWrap .aboutLeft.width50 {
    width: 45%
}

.aboutWrap .aboutRight.width50 {
    width: 45%;
    overflow: hidden;
    position: relative
}

.aboutWrap .aboutLeft h4,
.aboutWrap .aboutLeft ul li a,
.amenitiesWrap .amenitiesGroup .amenitiesBox .amenitiesInfo h4,
.contactWrap .contactInfo ul li .contacttxt a,
.designedBy a,
.testimonialsWrap.senierLifebottom .testimonialsInner h2,
.treedviewWrap .treedviewInner .treedviewheroGroup .treedviewBox h3,
footer .footerCol1 ul li a {
    color: #000
}

.aboutWrap .aboutLeft ul li a:hover,
.readMore a {
    color: #316524
}

.aboutWrap .aboutLeft ul,
.brochureWrap .readmore,
.videoWrap .videoTxt ul.bulletlines,
footer .footerCol1 ul,
footer .footerCol3 h3.margintop {
    margin-top: 20px
}

.aboutWrap .aboutLeft ul li {
    padding-bottom: 10px;
    border-bottom: 1px solid #d1d1d1;
    width: 48%;
    float: left;
    margin: 6px 1%;
    font-size: 18px;
    color: #000
}

.stats {
    margin-top: 60px
}

.stats ul li {
    width: 25%;
    float: left;
    text-align: center;
    color: #000
}

.stats ul li .num {
    font-family: domaine_displaysemibold;
    font-size: 50px
}

.stats ul li .txt {
    text-transform: uppercase
}

.profileWrap,
.profileimgWrap {
    position: relative;
    padding: 80px 0;
    overflow: hidden
}

.profileWrap.paddingbottom0,
.profileimgWrap.paddingbottom0,
.videoWrap.paddingbottom {
    padding-bottom: 0
}

.profileInfo {
    width: 60%;
    margin: 0 auto;
    text-align: center
}

.profileWrap h2,
.profileimgWrap h2 {
    text-transform: uppercase;
    text-align: center
}

/* .profileGroup,
.profileimgWrap .profileimgGroup {
    margin: 60px -1% 0
} */

.profileWrap .profileBox {
    width: 23%;
    margin: 0 1%;
    float: left;
    text-align: center;
    background: #f2f2f2;
    padding: 40px 0;
    color: #000;
    transition: .5s
}

.profileWrap .profileGroup.col5 .profileBox,
.profileimgWrap .profileimgGroup.fiveBox .profileBox {
    width: 18%
}

.profileWrap .profileBox:hover {
    background: #faaf36;
    color: #fff;
    transition: .5s
}

.profileWrap .profileBox .img {
    width: 120px;
    height: 120px;
    margin: 0 auto;
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid #ccc;
    padding: 20px
}

.profileWrap .profileBox:hover .img {
    background: #fff;
    border: 1px solid #fff
}

.profileWrap .profileBox .txt {
    font-family: domaine_displaysemibold;
    font-size: 22px;
    line-height: 24px;
    text-transform: uppercase;
    margin-top: 20px;
    color: #000
}

.profileimgWrap .profileimgGroup .profileBox {
    width: 23%;
    margin: 0 1%;
    float: left;
    text-align: center;
    position: relative
}

.anenitiesimpWrap .anenitiesimpBox a,
.profileimgWrap .profileimgGroup .profileBox a,
.projectinfoWrap .slick-slide.slick-active .projectBox .projectGroup .projectInfo,
.resp-accordion-active,
.resp-content-active,
.resp-easy-accordion h2.resp-accordion,
.resp-tab-content-active,
.slick-initialized .slick-slide,
.whatnatureGroup .whatnatureCol .whatnatureBox img.desktopImg {
    display: block
}

.profileimgWrap .profileimgGroup .profileBox .fullimg {
    overflow: hidden
}

.profileimgWrap .profileimgGroup .profileBox .fullimg img {
    width: 100%;
    transition: 2s
}

.profileimgWrap .profileimgGroup .profileBox:hover .fullimg img {
    transform: scale(1.2);
    transition: 2s
}

.profileimgWrap .profileimgGroup .profileBox .txt {
    font-family: domaine_displaysemibold;
    font-size : 21px;
    line-height: 25px;
    text-transform: uppercase;
    color: #000000;
    letter-spacing: 1px;
    width: 100%;
    text-align: center; 
    padding-top: 20px;
}

.profileimgWrap .profileimgGroup.fiveBox .profileBox .txt {
    font-size: 20px;
    line-height: 26px;
    bottom: 20px
}

.profileimgWrap .profileimgGroup.fiveBox .profileBox .txt br {
    display: inline
}

.layoutWrap {
    position: relative;
    padding: 0 0 80px;
    text-align: center
}

.brochureWrap .brochureInner,
.layoutWrap .layoutInfo {
    width: 60%;
    margin: 0 auto
}

.layoutmapWrap {
    display: flex;
    margin-top: 50px
}

.layoutmapWrap .layoutmapsection {
    width: 30%;
    background: #f2f2f2;
    border-bottom: 5px solid #f7b122
}

.layoutmapWrap .layoutmapInfo ol {
    text-align: left;
    padding: 30px 50px
}

.layoutmapWrap .layoutmapInfo ol li {
    margin-bottom: 5px;
    font-size: 14px
}

.consultantsWrap .consultantsBox,
.floorplan,
.insightsWrap .insightsInner,
.layoutmapWrap .layoutmapInfo .layoutmapImg,
.mapWrap,
.walkthroungWrap .walkthroungVid {
    position: relative
}

.layoutmapWrap .layoutmapInfo .layoutmapIntro {
    padding: 20px
}

.layoutmapWrap .layoutmapInfo .layoutmapIntro h3 {
    color: #000;
    font-family: lexendsemi;
    margin: 10px 0 15px;
    font-weight: 700
}

.layoutmapWrap .layoutmap {
    position: relative;
    width: 65%;
    margin-left: 5%
}

.layoutmapWrap .layoutmap img {
    width: 100%;
    margin-top: 2px;
    margin-left: 1px
}

.layoutmapWrap #svgmapview {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.layoutmapWrap #svgmapview .pathView:hover {
    fill: rgb(141, 196, 62, 0.8)
}

.projectinfoWrap {
    position: relative;
    padding-bottom: 80px
}

.projectinfoWrap .projectSlider .slick-arrow {
    position: absolute;
    top: 0;
    width: 50%;
    height: 100%;
    overflow: hidden;
    border: 0;
    text-indent: -1000px;
    z-index: 9;
    transition: .3s
}

.projectinfoWrap .projectSlider .slick-next.slick-arrow {
    cursor: url(../images/next-arrow.png), auto;
    background: 0 0;
    right: 0
}

.projectinfoWrap .projectSlider .slick-prev.slick-arrow {
    cursor: url(../images/prev-arrow.png), auto;
    background: 0 0;
    left: 0
}

.projectinfoWrap .projectSlider .slick-next.slick-arrow.slick-disabled,
.projectinfoWrap .projectSlider .slick-prev.slick-arrow.slick-disabled {
    opacity: .5;
    pointer-events: none
}

.projectinfoWrap .projectBox {
    margin-left: 60px;
    position: relative
}

.projectinfoWrap .projectBox .projectHero {
    padding-right: 20%;
    border-bottom: 1px solid #316524;
    padding-bottom: 30px;
    margin-bottom: 30px
}

.projectinfoWrap .projectBox .projectGroup .projectInfo {
    width: 30%;
    float: left;
    margin-right: 10%
}

.projectinfoWrap .projectBox .projectGroup .projectInfo h3 {
    font-family: lexendsemi;
    font-size: 35px;
    line-height: 36px;
    margin-bottom: 20px;
    color: #000
}

.projectinfoWrap .projectBox .projectGroup .projectImg {
    width: 100%;
    top: 0;
    float: left;
    position: absolute;
    background: #000
}

.projectinfoWrap .projectBox .projectGroup .projectImg .nextTxt {
    display: block;
    font-size: 20px;
    line-height: 24px;
    color: #fff;
    position: absolute;
    margin: 300px 0 0 60px;
    z-index: 9
}

.projectinfoWrap .projectBox .projectGroup .projectImg .nextTxt span {
    font-size: 16px;
    margin-bottom: 10px;
    display: inline-block;
    color: #e6e6e6
}

.projectinfoWrap .projectBox .projectGroup .projectImg img {
    width: 100%;
    opacity: .5
}

.projectinfoWrap .slick-slide.slick-active .projectBox .projectGroup .projectImg {
    width: 60%;
    position: relative
}

.projectinfoWrap .slick-slide.slick-active .projectBox .projectGroup .projectImg img {
    opacity: 1
}

.readMore a {
    position: relative;
    font-size: 18px
}

.readMore a:after {
    width: 100%;
    bottom: -5px;
    height: 2px;
    background: #316524;
    position: absolute;
    content: "";
    left: 0
}

.videoWrap {
    position: relative;
    padding: 80px 0;
    background: rgba(141, 196, 62, .1);
    display: flex
}

.careersformWrap,
.contactformWrap,
.middleGroup,
.natureWrap {
    padding: 100px 0;
    position: relative
}

.videoWrap.redbgcolor {
    background: rgba(235, 160, 54, .1)
}

#healthcare,
#villaments,
.textFirst {
    flex-direction: row-reverse
}

.videoWrap .videoBox {
    width: 55%;
    float: left;
    overflow: hidden;
    position: relative
}

.videoWrap .videoTxt {
    width: 45%;
    float: left;
    padding: 0px 10% 0 80px;
    background: url("../images/grapics.png") right 30% bottom no-repeat;
    align-self: center
}

.videoWrap .videoTxt.flRight,
[dir=rtl] .slick-slide {
    float: right
}

.videoWrap .videoTxt img {
    width: 60%;
    float: right;
    margin-right: 20px;
    margin-bottom: 40px
}

.videoWrap .videoTxt.club img {
    width: 50%
}

.videoWrap .videoTxt.club {
    background: url("../images/grapics.png") left 7% top no-repeat;
    padding: 0px 80px 0 10%
}

.videoWrap .videoTxt h3 {
    margin-top: 20px;
    color: #000
}

.videoWrap .videoTxt ul.bulletlines li {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #d1d1d1
}

.videoWrap .videoTxt ul.bulletlines li:last-child {
    border-bottom: 0
}

.videoWrap .videoTxt img.width80,
.videoWrap.redbgcolor .videoTxt.club img {
    width: 80%
}

.animateImage img,
.animateImage video {
    transform: scale(1.5);
    transition: 1.5s
}

.animateImage.animateopen img,
.animateImage.animateopen video {
    transform: scale(1);
    transition: 1.5s
}

.animateImage .overlay {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    background: #f3f9eb;
    transition: 1.5s
}

.animateImage.animateopen .overlay {
    width: 0;
    transition: 1.5s
}

.redbgcolor .animateImage .overlay {
    background: #fdf5eb
}

.grayBg .animateImage .overlay {
    background: #f1f1f1
}

.whiteBg .animateImage .overlay {
    background: #fff
}

.middleGroup {
    color: #fff;
    text-align: center;
    background: url("../images/middleBanner.jpg") center/cover no-repeat
}

.brochureWrap h4,
.middleGroup h4 {
    font-size: 20px;
    font-family: 'Instrument Sans';
    color: #fff;
    margin-bottom: 50px
}

.brochureWrap h2,
.middleGroup h2 {
    color: #fff;
    margin-bottom: 50px;
    font-size: 60px;
    line-height: 67px
}

.middleGroup .readmore a {
    color: #316524;
    background: #fff;
    padding: 20px 30px;
    font-size: 18px
}

.middleGroup .readmore a img {
    margin: 0 0 0 15px;
    width: 40px
}

.natureWrap .natureInfo {
    text-align: center;
    width: 50%;
    margin: 0 auto
}

.natureWrap .natureGallery {
    width: 99%;
    float: right;
    margin-top: 70px
}

.natureWrap .natureGallery .natureSlider img {
    width: 98%
}

.natureWrap .natureGallery .natureSlider .natureSliderBox {
    width: 98%;
    position: relative
}

.natureWrap .natureGallery .natureSlider .natureSliderBox span {
    position: absolute;
    bottom: 20px;
    right: 0;
    background: rgba(255, 224, 186, .9);
    display: inline-block;
    padding: 10px 20px
}

.natureWrap .natureGallery .slick-arrow,
.updatesWrap .gallerySlider .slick-arrow,
.videoWrap .videoBox .slick-arrow {
    width: 60px;
    height: 60px;
    overflow: hidden;
    border: 0;
    text-indent: -1000px;
    position: absolute;
    top: 44%;
    z-index: 9
}

.natureWrap .natureGallery .slick-prev.slick-arrow {
    background: url("../images/left-icon-c.svg") no-repeat;
    left: 10px;
    transition: .3s
}

.natureWrap .natureGallery .slick-next.slick-arrow {
    background: url("../images/right-icon-c.svg") no-repeat;
    right: 40px;
    transition: .3s
}

.natureWrap .natureGallery.slick-next.slick-arrow.slick-disabled,
.natureWrap .natureGallery.slick-prev.slick-arrow.slick-disabled,
.updatesWrap .gallerySlider .slick-next.slick-arrow.slick-disabled,
.updatesWrap .gallerySlider .slick-prev.slick-arrow.slick-disabled,
.videoWrap .videoBox .slick-next.slick-arrow.slick-disabled,
.videoWrap .videoBox .slick-prev.slick-arrow.slick-disabled {
    opacity: 0
}

.locationmapWrap {
        padding: 60px 0px 0px;
    position: relative
}

.locationmapWrap.paddingtop {
    padding-top: 80px
}

.locationmapWrap .locationmapInner {
    padding-top: 80px;
    background: url("../images/mapBg.jpg") center top/100% auto no-repeat
}

.locationmapWrap .locationmapInner .accordion_container .accordion_head {
    padding: 10px 35px 10px 10px;
    border-bottom: 1px solid #000;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 18px;
    font-family: lexendsemi;
    position: relative
}

.locationmapWrap .locationmapInner .accordion_container .accordion_head>img {
    margin-right: 6px;
    width: 25px
}

.locationmapWrap .locationmapInner .accordion_container .accordion_head .plusminus {
    position: absolute;
    right: 7px;
    top: 9px
}

.locationmapWrap .locationmapInner .accordion_container .accordion_head .plusminus img {
    width: 20px;
    transition: .5s
}

.locationmapWrap .locationmapInner .accordion_container .accordion_head.active .plusminus img {
    rotate: 180deg;
    transition: .5s
}

.locationmapWrap .locationmapInner .accordion_container .accordion_body {
    padding: 15px
}

.locationmapWrap .locationmapInner .accordion_container .accordion_body ul li {
    background: url("../images/bullet.jpg") left top 12px no-repeat;
    padding-left: 10px
}

.locationmapWrap .locationmapInner .locationmapTab {
    display: flex;
    background: #f0ffd7;
    flex-direction: row-reverse
}

.locationmapWrap .locationmapInner .locationmapTab .locationmapIframe {
    width: 70%
}

.locationmapWrap .locationmapInner .locationmapTab .locationmapIframe iframe {
    width: 100%;
    height: 700px;
    margin-bottom: -10px
}

.locationmapWrap .locationmapInner .locationmapTab .locationmapDeatils {
    width: 30%;
    padding: 30px
}

.locationmapWrap .locationmapInner .locationmapTab .locationmapDeatils h3 {
    text-align: center;
    margin-bottom: 30px;
    color: #000;
    font-size: 42px;
    line-height: 43px
}

.whatnatureWrap {
    position: relative;
    background: url("../images/grapics2.png") left 45px top 25px no-repeat
}

.whatnatureWrap .whatnatureInfo {
    text-align: center;
    width: 60%;
    margin: 0 auto
}

.whatnatureGroup .whatnatureCol {
    width: 31.2%;
    margin: 0 1%;
    float: left
}

.whatnatureGroup .whatnatureCol.col1 {
    width: 31.5%
}

.whatnatureGroup .whatnatureCol.col2 {
    width: 33.2%
}

.whatnatureGroup .whatnatureCol.col3 {
    width: 29.2%
}

.whatnatureGroup .whatnatureCol .whatnatureBox {
    overflow: hidden;
    position: relative;
    margin-bottom: 30px;
    background: #000
}

.whatnatureGroup .whatnatureCol .whatnatureBox img {
    width: 100%;
    transition: 1.5s;
    opacity: .8
}

.whatnatureGroup .whatnatureCol .whatnatureBox:hover img {
    transition: 1.5s;
    transform: scale(1.2)
}

.whatnatureGroup .whatnatureCol .whatnatureBox span {
    position: absolute;
    bottom: 30px;
    left: 5%;
    width: 90%;
    font-family: domaine_displaysemibold;
    font-size: 25px;
    line-height: 32px;
    color: #fff
}

.updatesWrap {
    padding: 80px 0;
    position: relative;
    background: url("../images/grapics3.png") right -100px top no-repeat;
    text-align: center
}

.updatesWrap .galleryBox {
    margin: 0 15px;
    position: relative
}

.updatesWrap .gallerySlider .slick-prev.slick-arrow,
.videoWrap .videoBox .slick-prev.slick-arrow {
    background: url("../images/left-icon-c.svg") no-repeat;
    left: 0;
    opacity: 0;
    transition: .3s
}

.updatesWrap .gallerySlider .slick-next.slick-arrow,
.videoWrap .videoBox .slick-next.slick-arrow {
    background: url("../images/right-icon-c.svg") no-repeat;
    right: 0;
    opacity: 0;
    transition: .3s
}

.villgalleryWrap .slick-prev.slick-arrow,
.villgalleryWrap .slick-prev.slick-arrow:hover {
    background: url("../images/prev-arrow.svg") center no-repeat #faaf36
}

.updatesWrap .gallerySlider:hover .slick-prev.slick-arrow {
    left: 20px;
    transition: .3s;
    opacity: .8
}

.updatesWrap .gallerySlider:hover .slick-next.slick-arrow {
    right: 20px;
    transition: .3s;
    opacity: .8
}

.walkthroungWrap {
    position: relative;
    padding: 0 0 80px;
    text-align: center;
    background: url(../images/grapics2.png) left 45px top 10px no-repeat
}

.walkthroungWrap .walkthroungVid iframe {
    width: 80%;
    height: 640px;
    margin-top: 30px
}

.projectbannerVideo .videoOverlay {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 8;
    background: rgba(0, 0, 0, .4)
}

.projectbanner {
    position: relative;
    overflow-x: hidden
}

.projectbanner .bannerTxt,
.projectbannerVideo .bannerTxt {
    position: absolute;
    width: 86%;
    right: 0;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    margin: 0 auto
}

.projectbanner .bannerTxt .bannerHeading {
    width: 55%;
    float: left;
    text-align: center;
    font-size: 30px;
    line-height: 30px;
    color: #fff;
    padding-top: 40px
}

.projectbanner .bannerTxt .bannerHeading span {
    font-family: beyond_infinityregular;
    font-size: 120px;
    line-height: 120px;
    display: block;
    margin-top: 15px
}

.projectbanner .bannerTxt .bannerPoints {
    width: 45%;
    float: left
}

.projectbanner .bannerTxt .bannerPoints ul li {
    text-align: center;
    width: 49%;
    display: inline-block;
    color: #fff;
    float: none;
    margin-bottom: 40px
}

h3,
h4 {
    margin-bottom: 10px
}

.projectbanner .bannerTxt .bannerPoints ul li .num {
    font-size: 40px;
    line-height: 42px;
    font-family: domaine_displaysemibold;
    margin-bottom: 5px
}

.projectbanner .bannerTxt .bannerPoints ul li .text {
    color: #faaf36;
    font-size: 17px;
    line-height: 20px
}

.projectbanner .bannerTxt .bannerPoints .explreBtn {
    text-align: center;
    margin-top: 20px
}

.projectbanner .bannerTxt .bannerPoints .explreBtn a {
    display: inline-block;
    font-size: 18px;
    padding: 10px 40px;
    background: #fff;
    color: #000
}

.bannerTxtfullwidth {
    width: 45%;
    color: #fff
}

.bannerTxtfullwidth .headingBanner {
    font-family: beyond_infinityregular;
    font-size: 105px;
    line-height: 110px;
    display: block;
    color: #fff
}

.amenitiesWrap,
.channelpartnerWrap,
.clickExploreWrap,
.directorsWrap,
.treedviewWrap {
    position: relative;
    padding: 80px 0
}

.careersopeningWrap .careersopeningInner .accordion_container,
.clickExploreWrap .clickExploreinner h2 {
    text-align: left
}

.clickExploreWrap .clickExploreinner img {
    margin-top: -60px;
    width: 60%
}

.clickExploreWrap .clickExploreinner svg {
    position: absolute;
    width: 65%;
    left: 0;
    right: 0;
    margin: -118px auto 0
}

.villgalleryWrap {
    position: relative;
    padding: 80px 0 0;
    background: url(../images/convenienceBg.jpg) top center/100% auto no-repeat
}

.villgalleryWrap .villgalleryiconSlider {
    width: 20%;
    float: left
}

.villgalleryWrap .villgalleryList ul li {
    width: 120px;
    height: 120px;
    text-align: center;
    background: #fff;
    border-radius: 50%;
    font-size: 28px;
    font-family: domaine_displaysemibold;
    padding: 34px 0;
    margin: 0 auto 15px;
    cursor: pointer;
    transition: .5s
}

.villgalleryWrap .villgalleryList ul li:first-child {
    background: #faaf36;
    padding: 38px 0
}

.careersopeningWrap .careersopeningInner .accordion_head .headitem.btn a:hover,
.villgalleryWrap .villgalleryList ul li:hover {
    background: #faaf36;
    transition: .5s
}

.villgalleryWrap .villgalleryList ul li img {
    width: 60%
}

.villgalleryWrap .villgallerySlider {
    width: 70%;
    float: right;
    text-align: center
}

.villgalleryWrap .villgalleryInfo h3 {
    font-size: 50px;
    line-height: 52px;
    color: #fff;
    margin-bottom: 50px
}

.villgalleryWrap .slick-arrow {
    width: 50px;
    height: 50px;
    border: none;
    overflow: hidden;
    text-indent: -1000px;
    position: absolute;
    left: -80px;
    padding: 30px;
    border-radius: 50%;
    background-size: 60% 60% !important
}

.villgalleryWrap .slick-prev.slick-arrow {
    bottom: 20px
}

.villgalleryWrap .slick-next.slick-arrow {
    bottom: 90px;
    background: url("../images/next-arrow.svg") center no-repeat #faaf36
}

.villgalleryWrap .slick-next.slick-arrow:hover {
    background: url("../images/next-arrow.svg") center no-repeat #faaf36
}

.villgalleryWrap .slick-arrow.slick-disabled {
    cursor: default
}

.villgalleryWrap .slick-prev.slick-arrow.slick-disabled {
    background: url("../images/prev-arrow.svg") center no-repeat #f2f2f2
}

.villgalleryWrap .slick-next.slick-arrow.slick-disabled {
    background: url("../images/next-arrow.svg") center no-repeat #f2f2f2
}

.treedviewWrap .treedviewInner .treedviewheroGroup {
    text-align: left;
    display: flex;
    margin-top: 50px;
    margin-bottom: 50px
}

.treedviewWrap .treedviewInner .treedviewheroGroup .treedviewBox {
    width: 33%;
    margin: 0;
    border-right: 1px solid #999;
    padding: 0 30px;
    text-align: center
}

.treedviewWrap .treedviewInner .treedviewheroGroup .treedviewBox:last-child {
    border-right: none
}

.treedviewWrap .treedviewInner .resp-tabs-list li {
    color: #000;
    font-size: 20px;
    padding: 15px 40px;
    float: none;
    display: inline-block;
    background: #e6e6e6
}

.amenitiesWrap .resp-tabs-list li.resp-tab-active,
.applyBtn a,
.treedviewWrap .treedviewInner .resp-tabs-list li.resp-tab-active {
    background: #faaf36
}

.treedviewWrap .treedviewInner .resp-tabs-list li:last-child,
.treedviewWrap .treedviewInner .treedviewGroup .treedviewRight ul li:last-child {
    border-bottom: none
}

.treedviewWrap .treedviewInner .treedviewGroup .treedviewLeft {
    width: 60%;
    float: left;
    padding: 50px 0 0
}

.treedviewWrap .treedviewInner .treedviewGroup .treedviewRight {
    width: 35%;
    float: left;
    margin-left: 5%;
    padding-top: 30px
}

.treedviewWrap .treedviewInner .treedviewGroup .treedviewRight h3 {
    color: #000;
    margin: 25px 0 10px
}

.treedviewWrap .treedviewInner .treedviewGroup .treedviewRight ul li {
    border-bottom: 1px solid #cbcbcb;
    padding: 9px 0;
    font-size: 15px
}

.floorplan svg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%
}

.amenitiesWrap .amenitiesHero {
    text-align: center;
    width: 60%;
    margin: 0 auto 40px
}

.amenitiesWrap .resp-tabs-list {
    text-align: center;
    margin-bottom: 30px
}

.amenitiesWrap .resp-tabs-list li {
    float: none;
    display: inline-block;
    background: #e6e6e6;
    padding: 15px 60px;
    font-size: 20px
}

.amenitiesWrap .resp-tabs-container {
    background: #fff;
    padding: 40px;
    -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .2)
}

.amenitiesWrap .amenitiesGroup {
    display: flex;
    flex-wrap: wrap
}

.amenitiesWrap .amenitiesGroup .amenitiesBox {
    display: flex;
    width: 31%;
    margin: 20px 1%
}

.amenitiesWrap .amenitiesGroup .amenitiesBox .amenitiesicon {
    max-width: 60px
}

.amenitiesWrap .amenitiesGroup .amenitiesBox .amenitiesInfo {
    padding-left: 10px
}

.locationmapWrap.bgcolor .locationmapInner .locationmapTab {
    background: #ffe1c6
}

.brochureWrap {
    padding: 100px 0;
    position: relative;
    color: #fff;
    text-align: center;
    background: url("../images/middleBanner.jpg") center/cover no-repeat;
    margin-bottom: 80px
}

.brochureWrap.marginbottom0 {
    margin-bottom: 0
}

.brochureWrap .readmore a {
    color: #316524;
    background: #fff;
    padding: 15px 30px;
    font-size: 18px;
    display: inline-block
}

.brochureWrap .readmore a img {
    margin: 0 0 0 15px
}

.consultantsWrap .consultantsHero,
.directorsWrap .directorsInner .directorsInfo,
.insightsWrap .insightsHero {
    width: 70%;
    margin: 0 auto 40px;
    text-align: center
}

.directorsWrap .directorsBox {
    display: flex;
    background: #fff7ed;
    padding: 20px;
    width: 80%;
    margin: 0 auto 30px
}

.directorsWrap .directorsBox .directorsImg {
    width: 294px;
    overflow: hidden;
    position: relative
}

.directorsWrap .directorsBox .directorstxt {
    padding: 20px 50px;
    flex: 1;
    align-self: center
}

.directorsWrap .directorsBox .directorstxt .directorsbio {
    border-bottom: 1px solid #f9ae36;
    padding-bottom: 20px;
    margin-bottom: 20px
}

.directorsWrap .directorsBox .directorstxt .directorsbio .name {
    font-family: domaine_displaysemibold;
    font-size: 22px;
    text-transform: uppercase
}

.directorsWrap .directorsBox .directorstxt .directorsbio .designation {
    font-size: 20px
}

.consultantsWrap,
.insightsWrap {
    position: relative;
    padding: 0 0 80px
}

.consultantsWrap .consultantsList {
    display: flex
}

.consultantsWrap .consultantsList .consultantsBox {
    width: 23%;
    margin: 0 1%;
    padding: 5px;
    background: #f1f1f1;
    border-bottom: 8px solid #f9ae36
}

.consultantsWrap .consultantsBox .consultantsImg {
    position: relative;
    overflow: hidden
}

.consultantsWrap .consultantsBox .consultantsInfo {
    padding: 10px;
    text-align: center
}

.consultantsWrap .consultantsBox .consultantsInfo .name {
    font-family: domaine_displaysemibold;
    font-size: 18px;
    line-height: 21px;
    text-transform: uppercase;
    margin-bottom: 6px
}

.consultantsWrap .consultantsBox .consultantsInfo .designation {
    font-size: 14px;
    line-height: 18px
}

.insightsWrap .insightsList {
    display: flex;
    margin: 0 -2%
}

.insightsWrap .insightsList .insightsBox {
    width: 29%;
    margin: 0 2%;
    border-top: 1px solid #999
}

.insightsWrap .insightsList .insightsBox .insightsInfo .media {
    color: #f18a25;
    font-size: 18px;
    padding-top: 15px
}

.insightsWrap .insightsList .insightsBox .insightsInfo .heading {
    font-size: 20px;
    line-height: 26px;
    font-weight: 700;
    margin: 15px 0
}

.insightsWrap .insightsList .insightsBox .insightsInfo .blogInfo ul li {
    display: inline-block;
    margin-right: 10px
}

.insightsWrap .insightsList .insightsBox .insightsInfo .blogInfo ul li.writer {
    padding-left: 15px;
    background: url("../images/bullet.jpg") left top 12px no-repeat
}

.insightsWrap .insightsList .insightsBox .consultantsImg {
    margin-top: 15px;
    overflow: hidden;
    position: relative
}

.testimonialsWrap {
    position: relative;
    padding: 80px 0;
    background: url("../images/testimonialBg.jpg") center/cover no-repeat
}

.testimonialsWrap .testimonialsInner {
    position: relative;
    text-align: center
}

.testimonialsWrap .testimonialsInner h2 {
    color: #fff
}

.testimonialsWrap .testimonialsGroup {
    width: 50%;
    margin: 0 auto;
    background: rgba(255, 255, 255, .8);
    padding: 40px
}

.testimonialsWrap .testimonialsGroup .testimonialsBox {
    font-size: 18px
}

.testimonialsWrap .testimonialsGroup .testimonialsBox .name {
    margin-top: 25px;
    font-size: 22px;
    line-height: 26px;
    font-weight: 700
}

.testimonialsWrap.senierLifebottom {
    position: relative;
    padding: 80px 0;
    background: url("../images/senior-lifebottomBg.jpg") top/cover no-repeat
}

.contactWrap {
    position: relative;
    padding: 100px 0;
    background: url(../images/aboutbg.svg) center/cover no-repeat
}

.anenitiesimpWrap,
.careersWrap {
    background: rgba(235, 160, 54, .1)
}

.contactWrap .contactHero {
    text-align: center;
    margin-bottom: 40px
}

.contactWrap .contactInfo ul li {
    width: 48%;
    margin: 30px 1%;
    float: left;
    display: flex
}

.contactWrap .contactInfo ul li:first-child,
.contactWrap .contactInfo ul li:nth-child(2) {
    font-size: 30px;
    font-family: lexendsemi;
    border-bottom: 1px solid #ccc;
    padding-bottom: 40px
}

.contactWrap .contactInfo ul li .icon img,
.my_popup_close img,
.popup_close img {
    width: 30px
}

.contactWrap .contactInfo ul li .contacttxt {
    padding-left: 15px
}

.contactWrap .contactInfo ul li .contacttxt h4 {
    color: #000;
    font-size: 20px;
    font-family: lexendsemi
}

.careersformWrap .careersformInner,
.contactformWrap .contactform {
    width: 70%;
    margin: 0 auto
}

.careersformWrap .inputBox,
.contactformWrap .contactform .inputBox {
    position: relative;
    margin-bottom: 20px
}

.careersformWrap .inputBox .label,
.contactformWrap .contactform .inputBox .label {
    font-family: lexendsemi;
    padding: 0 0 0 15px
}

.careersformWrap .inputBox input,
.contactformWrap .contactform .inputBox input,
.contactformWrap .contactform .inputBox select,
.contactformWrap .contactform .inputBox textarea,
.inputBox input,
.inputBox select,
.inputBox textarea {
    font-size: 15px;
    width: 100%;
    padding: 12px 15px;
    border: 1px solid #b7b7b7;
    font-family: Lexend
}

.careersformWrap .inputBox .formError,
.contactformWrap .contactform .inputBox .formError {
    color: #e90101;
    font-weight: 400;
    font-size: 14px;
    position: absolute;
    left: 10px;
    bottom: -20px
}

.contactformWrap .contactform .inputBox .radioBox,
.inputBox .radioBox {
    display: flex;
    padding: 12px 15px;
    border: 1px solid #b7b7b7;
    justify-content: space-between
}

.contactformWrap .contactform .inputBox .radioBox .label,
.inputBox .radioBox .label,
.inputBox .radiobtnBox .label {
    padding-left: 0
}

.contactformWrap .contactform .inputBox .radioBox .radiobtn {
    margin-left: 100px
}

.contactformWrap .contactform .inputBox .radioBox .radiobtn input,
.inputBox .radioBox .radiobtn input {
    width: auto
}

.contactformWrap .contactform .inputBox .radioBox .radiobtn label,
.inputBox .radioBox .radiobtn label,
.inputBox .radiobtnBox .radiobtn label {
    margin-left: 5px;
    margin-right: 15px
}

.contactformWrap .contactform .inputBox.width50,
.inputBox.width50 {
    width: 50%;
    float: left
}

.contactformWrap .contactform .inputSubmit {
    text-align: center;
    margin-top: 40px
}

.contactformWrap .contactform .inputSubmit input {
    background: #e59a36;
    color: #000;
    padding: 15px 60px;
    text-transform: uppercase;
    border: 1px solid #e59a36;
    font-size: 18px
}

.contactformWrap .contactform .inputBox.terms_conditions label,
.inputBox.terms_conditions label {
    display: flex;
    align-items: flex-start
}

.contactformWrap .contactform .inputBox.terms_conditions input,
.inputBox.terms_conditions input {
    width: auto;
    margin-right: 10px;
    margin-top: 6px
}

.mapWrap iframe {
    width: 100%;
    height: 550px;
    margin-bottom: -10px
}

.anenitiesimpWrap {
    position: relative;
    padding-top: 80px
}

.anenitiesimpWrap .anenitiesimpBox {
    position: relative;
    width: 49%;
    float: left;
    overflow: hidden
}

.careersWrap .careersInner,
.channelpartnerWrap .channelpartnerInner {
    margin: 0 auto;
    width: 70%;
    position: relative
}

.anenitiesimpWrap .anenitiesimpBox.clubBox {
    margin-right: 2%
}

.anenitiesimpWrap .anenitiesimpBox h2 {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 50%;
    margin-top: -30px;
    left: 0;
    color: #fff;
    z-index: 99
}

.videoWrap .videoBox:hover .slick-prev.slick-arrow {
    left: 20px;
    transition: .3s;
    opacity: .9
}

.videoWrap .videoBox:hover .slick-next.slick-arrow {
    right: 20px;
    transition: .3s;
    opacity: .9
}

.channelpartnerWrap .channelpartnerInner h3 {
    color: #000;
    margin: 50px 0 20px
}

.careersWrap {
    position: relative;
    padding: 100px 0
}

.careersWrap .careersInner {
    text-align: center
}

.careersopeningWrap {
    position: relative;
    padding: 100px 0 0
}

.call,
.flotRight,
.whatsappBtn {
    position: fixed
}

.careersopeningWrap .careersopeningInner .accordion_head {
    background: #f2f2f2;
    margin-top: 15px;
    padding: 20px;
    display: flex;
    align-items: center
}

.careersopeningWrap .careersopeningInner .accordion_head.active {
    background: #e7e7e7
}

.careersopeningWrap .careersopeningInner .accordion_head .headitem {
    flex: 1;
    line-height: 40px
}

.careersopeningWrap .careersopeningInner .accordion_head .headitem.number {
    font-family: domaine_displaysemibold;
    max-width: 60px;
    font-size: 30px
}

.careersopeningWrap .careersopeningInner .accordion_head .headitem.position {
    font-family: domaine_displaysemibold;
    font-size: 26px;
    text-transform: uppercase
}

.careersopeningWrap .careersopeningInner .accordion_head .headitem.deatil {
    max-width: 280px;
    font-size: 18px
}

.careersopeningWrap .careersopeningInner .accordion_head .headitem.btn {
    max-width: 175px
}

.careersopeningWrap .careersopeningInner .accordion_head .headitem.btn a {
    background: #faaf36;
    padding: 4px 30px;
    text-transform: uppercase;
    color: #fff;
    font-size: 16px;
    display: inline-block;
    transition: .5s;
    cursor: pointer
}

.careersopeningWrap .careersopeningInner .accordion_body {
    background: #f0f0f0f0;
    padding: 30px;
    border-top: 1px solid #f9ae36
}

.careersopeningWrap .careersopeningInner .accordion_body ul {
    margin-top: 0
}

.careersopeningWrap .careersopeningInner .accordion_body ul li {
    background: url("../images/bullet.jpg") left top 10px no-repeat;
    padding-left: 10px;
    margin-bottom: 10px
}

.careersopeningWrap .careersopeningInner .accordion_body h3 {
    margin: 30px 0 15px;
    color: #000
}

.applyBtn {
    margin-top: 30px;
    text-align: right
}

.reraqrcode,
footer .addCol .viewMap,
p {
    margin-top: 10px
}

.applyBtn a {
    padding: 10px 30px;
    text-transform: uppercase;
    color: #fff;
    font-size: 16px;
    display: inline-block;
    transition: .5s;
    cursor: pointer
}

.applyBtn a:hover {
    color: #000;
    transition: .5s
}

footer {
    position: relative;
    padding: 60px 0;
    background: #fff;
    -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .1)
}

footer .footerCol1 {
    width: 22%;
    margin-right: 2%;
    float: left
}

footer .footerCol1 img {
    width: 80%;
    max-width: 210px
}

footer .footerCol1 ul li {
    margin-top: 8px
}

footer .footerCol1 ul li a img {
    width: 23px
}

footer .footerCol1 h3 {
    color: #316524;
    font-family: lexendsemi;
    display: none
}

footer .footerCol2 {
    width: 28%;
    margin-right: 2%;
    float: left;
    font-size: 16px
}

footer .footerCol3 {
    width: 20%;
    margin-right: 2%;
    float: left
}

footer .addCol h3,
footer .footerCol3 h3 {
    color: #316524;
    font-family: lexendsemi
}

.addWrap.margintop {
    margin-bottom: 30px
}

footer .addCol .viewMap a {
    position: relative;
    padding: 0;
    color: #000
}

footer .addCol .viewMap a img {
    width: 30px;
    margin-left: 5px
}

footer .footerCol3 img {
    width: 90%;
    margin-bottom: 20px;
    max-width: 250px
}

footer .footerCol4 {
    width: 24%;
    float: left
}

.reraWrap {
    display: flex;
    justify-content: center
}

.reraWrap .reralogo img {
    width: 45px
}

.reraWrap .reraInfo {
    padding-left: 7px
}

.reraWrap .reraInfo span {
    font-size: 22px;
    line-height: 24px;
    display: block;
    margin-bottom: 5px
}

.reraWrap .reraInfo a {
    color: #000;
    font-size: 11px;
    line-height: 11px;
    display: block
}

.reraqrcode {
    text-align: center
}

.reraqrcode img {
    width: 60%;
    max-width: 140px
}

.footerCol4 .note {
    font-size: 12px;
    text-align: center
}

.flotRight {
    right: -78px;
    top: 50%;
    z-index: 99
}

.flotRight .enquiryNow {
    cursor: pointer;
    display: inline-block;
    transform: rotate(90deg);
    padding: 10px 20px;
    background: #316524;
    text-transform: uppercase;
    color: #fff
}

.call {
    right: -149px;
    top: 36%;
    margin: -40px 0 80px;
    transition: .5s
}

.call img {
    width: 30px;
    margin-right: 2px
}

.call a {
    color: #fff;
    padding: 10px;
    background: #316524;
    display: block
}

.call:hover {
    right: 0;
    transition: .5s
}

footer .socialLinks ul li {
    display: inline-block;
    margin-right: 10px;
    margin-top: 0
}

footer .socialLinks ul li a {
    padding: 5px;
    display: block
}

footer .footerBottom {
    display: flex;
    padding: 40px 0 0;
    margin-top: 40px;
    border-top: 1px solid #f7ac36
}

.copyRight {
    flex: 1
}

.designedBy {
    flex: 1;
    text-align: right
}

.copyRight a {
    color: #3c6832
}

.inputSubmit input,
h2 {
    color: #000;
    text-transform: uppercase
}

.copyRight a:hover {
    color: #faaf36
}

.whatsappBtn {
    right: 20px;
    bottom: 80px;
    z-index: 999
}

.thankyoumsg {
    text-align: center;
    font-size: 18px
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: domaine_displaysemibold
}

h1 {
    font-size: 26px;
    line-height: 27px
}

h2 {
    font-size: 52px;
    line-height: 58px;
    margin-bottom: 40px
}

h3 {
    font-size: 22px;
    line-height: 23px
}

h4 {
    font-size: 18px;
    line-height: 19px
}

h5 {
    font-size: 16px;
    line-height: 17px
}

h6 {
    font-size: 14px;
    line-height: 16px
}

p:first-child {
    margin: 0
}

input:focus,
textarea:focus {
    border-color: #c1c1c1;
    background: #fff
}

.popup_wrapper .popup_content {
    background: #fff;
    padding: 0px;
    margin: 50px 0;
    width: 30%
}
.popupform{
    padding: 30px;
}

.my_popup_close,
.popup_close {
    position: absolute;
    right: -15px;
    top: -15px;
    z-index: 9;
    cursor: pointer
}

.inputBox {
    position: relative;
    margin-bottom: 15px
}

.inputBox .label {
    font-family: lexendsemi;
    padding: 0 0 0 15px;
    font-size: 14px
}

.inputSubmit {
    text-align: center;
    margin-top: 30px
}

.inputSubmit input {
    background: #e59a36;
    padding: 12px 50px;
    border: 1px solid #e59a36;
    font-size: 18px
}

.slick-list,
ul.resp-tabs-list {
    padding: 0;
    margin: 0
}

.inputBox.terms_conditions label span {
    font-size: 8px
}

.inputBox .formError {
    color: #e90101;
    font-weight: 400;
    font-size: 13px;
    position: absolute;
    left: 10px;
    bottom: -20px
}

.slick-list,
.slick-slide,
.slick-slider,
.slick-track {
    position: relative
}

.inputBox .radioBox .radiobtn {
    margin-left: 0;
    width: 130px
}

.inputBox .radiobtnBox {
    padding: 12px 15px;
    border: 1px solid #b7b7b7;
    position: relative
}

.inputBox .radiobtnBox .radiobtn {
    margin-left: 0
}

.inputBox .radiobtnBox .radiobtn input {
    width: auto;
    margin-right: 5px
}

.inputSubmit input:disabled {
    cursor: progress;
    background: #9b9b9b !important
}

.slick-slider {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    display: block;
    overflow: hidden
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    top: 0;
    left: 0;
    display: block
}

.slick-track:after,
.slick-track:before {
    display: table;
    content: ''
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-slide,
.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.resp-tabs-list li {
    cursor: pointer;
    float: left
}

.resp-tabs-container {
    clear: left
}

h2.resp-accordion {
    cursor: pointer;
    display: none
}

.resp-vtabs ul.resp-tabs-list {
    float: left;
    width: 25%
}

.resp-vtabs .resp-tabs-list li {
    display: block;
    cursor: pointer;
    float: none
}

.resp-vtabs .resp-tabs-container {
    float: left;
    width: 75%;
    min-height: 250px;
    clear: none
}

.resp-jfit {
    width: 100%;
    margin: 0
}

@media only screen and (max-width:768px) {
    ul.resp-tabs-list {
        display: none
    }

    h2.resp-accordion {
        display: block
    }

    .resp-vtabs .resp-tabs-container {
        border: none;
        float: none;
        width: 100%;
        min-height: initial;
        clear: none
    }

    .resp-accordion-closed {
        display: none !important
    }
}

@font-face {
    font-family: domaine_displaysemibold;
    src: url('fonts/domainedisp-semibold-webfont.eot');
    src: url('fonts/domainedisp-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/domainedisp-semibold-webfont.woff') format('woff'), url('fonts/domainedisp-semibold-webfont.ttf') format('truetype'), url('fonts/domainedisp-semibold-webfont.svg#domaine_displaysemibold') format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Lexend;
    src: url('fonts/Lexend-Light.eot');
    src: url('fonts/Lexend-Light.eot?#iefix') format('embedded-opentype'), url('fonts/Lexend-Light.woff') format('woff'), url('fonts/Lexend-Light.ttf') format('truetype'), url('fonts/Lexend-Light.svg#Lexend-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: lexendsemi;
    src: url('fonts/lexend-variablefont_wght-webfont.eot');
    src: url('fonts/lexend-variablefont_wght-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/lexend-variablefont_wght-webfont.woff') format('woff'), url('fonts/lexend-variablefont_wght-webfont.ttf') format('truetype'), url('fonts/lexend-variablefont_wght-webfont.svg#lexendregular') format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: myriad_proregular;
    src: url('fonts/myriadpro-regular_1-webfont.eot');
    src: url('fonts/myriadpro-regular_1-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/myriadpro-regular_1-webfont.woff') format('woff'), url('fonts/myriadpro-regular_1-webfont.ttf') format('truetype'), url('fonts/myriadpro-regular_1-webfont.svg#myriad_proregular') format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'Instrument Sans';
    src: url('fonts/InstrumentSans-Medium.eot');
    src: url('fonts/InstrumentSans-Medium.eot?#iefix') format('embedded-opentype'), url('fonts/InstrumentSans-Medium.woff') format('woff'), url('fonts/InstrumentSans-Medium.ttf') format('truetype'), url('fonts/InstrumentSans-Medium.svg#InstrumentSans-Medium') format('svg');
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: 'Instrument Sans';
    src: url('fonts/InstrumentSans-Regular.eot');
    src: url('fonts/InstrumentSans-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/InstrumentSans-Regular.woff') format('woff'), url('fonts/InstrumentSans-Regular.ttf') format('truetype'), url('fonts/InstrumentSans-Regular.svg#InstrumentSans-Regular') format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'Instrument Sans';
    src: url('fonts/InstrumentSans-SemiBold.eot');
    src: url('fonts/InstrumentSans-SemiBold.eot?#iefix') format('embedded-opentype'), url('fonts/InstrumentSans-SemiBold.woff') format('woff'), url('fonts/InstrumentSans-SemiBold.ttf') format('truetype'), url('fonts/InstrumentSans-SemiBold.svg#InstrumentSans-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: beyond_infinityregular;
    src: url('fonts/beyond_infinity-webfont.eot');
    src: url('fonts/beyond_infinity-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/beyond_infinity-webfont.woff') format('woff'), url('fonts/beyond_infinity-webfont.ttf') format('truetype'), url('fonts/beyond_infinity-webfont.svg#beyond_infinityregular') format('svg');
    font-weight: 400;
    font-style: normal
}

.bannerSlider {
    background: #111111;
}

.banner.paddingzero {
    padding-bottom: 0 !important;
}

.banner img.bgbanner {
    opacity: 0.9;
}

img.hori-move {
    width: 130% !important;
    -webkit-animation: mover 8s infinite alternate;
    animation: mover 8s infinite alternate;
}

img.hori-move {
    -webkit-animation: mover 8s infinite alternate;
    animation: mover 8s infinite alternate;
}

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

    100% {
        transform: translateX(-20%);
    }
}

@keyframes mover {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-20%);
    }
}

.blogWrap {
    position: relative;
    padding: 80px 0;
}

.blogWrap .blogInner {
    position: relative;
}

.blogWrap .blogInner .blogGroup {
    position: relative;
    display: flex;
    flex-wrap: wrap;
}

.blogWrap .blogInner .blogGroup .blogBox {
    position: relative;
    width: 31%;
    margin: 15px 1%;
    background: #ffffff;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
}

.blogWrap .blogInner .blogGroup .blogBox .blogimg {
    position: relative;
    margin-bottom: 15px;
}

.blogWrap .blogInner .blogGroup .blogBox .blogimg img {
    width: 100%;
}

.blogWrap .blogInner .blogGroup .blogBox .blogInfo {
    padding: 20px 20px 60px 20px;
}

.blogWrap .blogInner .blogGroup .blogBox .blogInfo h3 {
    color: #000000;
    line-height: 27px;
}

.blogWrap .blogInner .blogGroup .bloglink {
    margin: 15px 0 0 0;
    position: absolute;
    left: 20px;
    bottom: 20px;
}

.blogWrap .blogInner .blogGroup .bloglink a {
    color: #316524;
    position: relative;
    font-size: 18px;
}

.blogWrap .blogInner .blogGroup .bloglink a:after {
    width: 100%;
    bottom: -5px;
    height: 2px;
    background: #316524;
    position: absolute;
    content: "";
    left: 0;
}

.blogWrap .blogInner .blogGroup .bloglink a:hover {}

.blogdetialsWrap {
    position: relative;
    padding: 80px 0;
}

.blogdetialsWrap .blogdetialsInner {
    position: relative;
}

.blogdetialsWrap .blogdetialsInner h1 {
    margin-bottom: 30px;
}

.natureWrap.paddingbottom {
    padding-bottom: 0;
}

.natureWrap .natureGallery {}

.natureWrap .natureGallery ul {
    margin-bottom: 40px;
    text-align: center;
}

.natureWrap .natureGallery ul li {
    display: inline-block;
    margin: 0 1%;
    cursor: pointer;
    color: #000000;
    font-size: 20px;
    padding: 15px 60px;
    float: none;
    background: #e6e6e6;
}

.natureWrap .natureGallery ul li.active {
    background: #faaf36;
}

.natureWrap .natureGalleryGroup {
    position: relative;
}

.natureWrap .natureGalleryGroup .villaGallery {
    background: #ffffff;
    position: relative;
    z-index: -1;
    opacity: 0;
}

.natureWrap .natureGalleryGroup .villaGallery.activeSlider {
    z-index: 9;
    opacity: 1;
}

.natureWrap .natureGalleryGroup .villaGallery.interior {}

.natureWrap .natureGalleryGroup .villaGallery.exterior {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
}

.natureWrap .natureGalleryGroup .villaGallery .slick-slide {}

.natureWrap .natureGalleryGroup .villaGallery .natureSliderBox {
    position: relative;
    width: 97%;
}

.natureWrap .natureGalleryGroup .villaGallery .natureSliderBox img {
    width: 100%;
}

.natureWrap .natureGalleryGroup .villaGallery .natureSliderBox span {
    position: absolute;
    bottom: 20px;
    right: 0;
    background: rgba(255, 224, 186, 0.9);
    display: inline-block;
    padding: 10px 20px;
}

footer .footerCol1 .sample-vilamentlogo img {
    max-width: 170px;
}