/* @font-face {
  font-family: "helvetica";
  src: url("../fonts/Helvetica.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap; 
} */

@font-face {
    font-family: 'helvetica';
    src: url('../fonts/Helvetica.woff2') format('woff2'),
        url('../fonts/Helvetica.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


@font-face {
  font-family: "helvetica-bold";
  src: url("../fonts/helvetica-bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap; 
}

@font-face {
  font-family: "high-spirited";
  src: url("../fonts/High-Spirited.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap; 
}

@font-face {
  font-family: "gallery-otf";
  src: url("../fonts/Gallery.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap; 
}

/* @font-face {
  font-family: "gallery-ttf";
  src: url("../fonts/Gallery.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap; 
} */

@font-face {
    font-family: 'gallery-ttf';
    src: url('../fonts/GalleryRegular.woff2') format('woff2'),
        url('../fonts/GalleryRegular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

:root{
  --helvetica:"helvetica";
  --helvetica-bold:"helvetica-bold";
  --high-spirited:"high-spirited";
  --gallery-regular:"gallery-ttf";
  --primary-color:#9B6550;
  --pink-color:#FBE9E0;
  --pink-light:#F2EDED;
  --darkBrown:#2C1509;
  --darkGray:#414042;
  --textColor:#5C5C5C;
  --grayBg:#F9F7F5;
  --greenBg:#133828;
  --gradient:linear-gradient(76deg, #4E2E1E 1.46%, #FBC7AB 44.97%, #8A4D2E 81.86%);
}

body{
    font-family: var(--helvetica);
    letter-spacing: 0.5px;
    line-height: normal;
}
ul{
  margin: 0;
  padding: 0;
}

ul li{
  list-style-type: none;
}

a{
  text-decoration: none;
  color: inherit;
}

.transitionAll{
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

section{
  position: relative;
}

.logo{
  max-width: 240px;
  width: 100%;
}

.logo img{
  width: 100%;
  height: auto;
}

header{
  padding: 40px 0px;
  position: fixed;
  width: 100%;
  top: 0px;
  z-index: 9;
}

.banner{
  height: 100vh;
  background: #472e23;
}

.mainContainer{
  max-width: 100%;
}

.menu{
  border-radius: 30px;
  /* border: 2px solid var(--gredient, #4E2E1E); */
  /* border:2px solid rgba(255, 255, 255, 0.2); */
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.12) 0%, rgba(153, 153, 153, 0.12) 100%);
  backdrop-filter: blur(4.5px);
  filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25));
  box-shadow: 5px 5px 5px rgba(0,0,0,0.3);
  padding: 0px 0px;
}
.menu a, .tabMenu a{
  color: var(--pink-color);
  font-family: var(--helvetica-bold);
  position: relative;
  /* text-shadow:1px 1px 0px rgba(0, 0, 0, 0.5) */
  }

.menu a:hover{
  color: var(--darkBrown);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}  

.menu a span, .tabMenu a span{
  position: relative;
  z-index: 2;
  pointer-events: none;
}  

.tabMenu a::after{
  content: '';
  display: block;
  position: absolute;
  width: 0px;
  height: 0px;
  border-radius: 20px;
  background: var(--gradient);
  z-index: 1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}

.tabMenu ul{
  position: relative;
  z-index: 9;
}

.menu li:hover a::after, .tabMenu li.active a::after{
  width: 100%;
  height: 100%;
}


p strong{
  font-family: var(--helvetica-bold);
  font-weight: normal;
}

.menu a, .gradientBtn{
  padding: 20px 25px 18px;
  font-size: 18px;
  display: block;
  text-transform:uppercase;
}


@media(min-width:991px){
  .menu li li a:hover{
    background: #fbc7ab;
  }
}

ul.footerLinks{
  columns: 2;        /* makes 2 columns */
  -webkit-columns: 2;
  -moz-columns: 2;
  column-gap: 20px;  
}

ul.footerLinks a{
  text-transform: uppercase;
}

.gradientBtn{
  border-radius: 30px;
  /* border: 3px solid var(--gredient, #4E2E1E); */
  background: var(--gradient);
  backdrop-filter: blur(5px);
  color: var(--darkBrown);
  font-family: var(--helvetica-bold);
  transition: all 0.3s ease-in-out;
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease-in-out; 
}

.gradientBtn:hover{
  transform: scale(1.1);
}


.gradientBtn span{
  z-index: 2;
  position: relative;
}

.gradientBtn::after{
 z-index: 1;
 content: '';
 display: block;
 width: 50px;
 height: 150px;
 position: absolute;
 background: linear-gradient(90deg,rgba(82, 113, 255, 0) 0%, rgba(255, 255, 255, 0.5) 50%, rgba(82, 113, 255, 0) 100%);
 top: -50px;
 left: 0;
 transform: translateX(-150%) rotate(-45deg);
 transition: all 1s ease-in-out; 
}

.gradientBtn:hover::after{
  width: 60px;
  transform: translateX(500%);
}

.banner{
  width: 100%;
  height: 100vh;
  overflow: hidden;
  position: relative;
  /* position: sticky;
  top: 0; */
}

.bannerSlide{
  overflow: hidden;
}

.banner .slick-slide{
  overflow: hidden;
}

.banner .swiper-slide img{
  /* transform: scale(1.5);*/
  /* transition: transform 6s ease-in-out !important;  */
  object-fit: cover;
  animation: noScaleImage 4s 0s 1 both;
}

.banner .swiper-slide.swiper-slide-active img, .banner{
  /* transform: scale(1); */
  /* transition: all 4s ease-in-out; */

  animation: scaleImage 4s 0s 1 both;
}

.socialIcons{
  display: flex;
  justify-content: space-between;
  gap: 10px;
}

.socialIcons a{
  display: flex;
  border: 1px solid rgba(255, 231, 223, 0.5);
  width: 30px;
  height: 30px;
  border-radius: 50%;
}

.socialIcons a svg{
  width: auto;
  height: auto;
  max-width: 15px;
  max-height: 12px;
  margin: auto;
}


@keyframes scaleImage {
    0%{
        transform: scale(1.1);
    }
    100%{
        transform: scale(1);
    }
}

@keyframes noScaleImage {
    0%{
        transform: scale(1);
    }
    100%{
        transform: scale(1.1);
    }
}


.bannerSlide{
  position: relative;
}

.bannerSlide .banner_heading{
  font-size: 3rem;
  color: #fff;
  font-family: var(--gallery-regular);
  margin-bottom: 15px;
  text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.8);
}

.bannerSlide.innerBannerSlide .banner_heading{
  text-shadow: none;
}

.banner_content{
  position: absolute;
  max-width: 500px;
  z-index: 2;
  text-align: center;
  display: table;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  transform: translateY(50px);
}

.innerBannerSlide .banner_content{
  top: inherit;
  bottom: 120px;
  z-index: 3;
}


.banner_content p{
  color: #fff;
  text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.5);
}

.banner img{
  transition: all 0.3s ease-in-out;
}

.about, .wellness, .engagement, .membershipFormSec{
  background: url(../images/Rectangle_2.jpg) no-repeat center center;
  background-size: cover;
}

.commonTextSection{
  /*background: url(../images/Rectangle_2.jpg) no-repeat center center !important;*/
  /*background-size: cover !important;*/
}



.faqSection{
  background: url(../images/faq_bg.jpg) no-repeat center top !important;
}

.topSpace{
  padding-top: 50px;
}

.bottomSpace{
  padding-bottom: 50px;
}

.imgCont{
  position: relative;
}

.imgCont img, .imgSec img, #slider img, .img_1_cont img, img.img_2, .center_1 img, .center_2 img{
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.imgCont img:hover, .imgSec img:hover, .img_1_cont img:hover, img.img_2:hover, .center_1 img:hover, .center_2 img:hover{
  border-radius: 15px !important;
  transform: scale(1.05);
}

.wellness_Slider .swiper-slide img{
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.wellness_Slider .swiper-slide img:hover{
  border-radius: 15px !important;
}

#slider img:hover{
  border-radius: 15px !important;
  transform: scale(1.01) translateY(5px);
}

.aboutLogo{
  margin: 0 auto 20px;
  width: 112px;
}

.vLine{
  width: 1px;
  background: var(--primary-color);
  margin: 0 auto 35px;
  height: 50px;
}

.about .vLine{
  height: 100px;
  transform-origin: 50% 50%;
}

/* .experience .vLine, .outDoor .vLine, .dining_social .vLine, .wellness .vLine, .vision .vLine{
  height: 50px;
} */


.heading{
  font-size: 50px;
  color: var(--primary-color);
  font-family: var(--gallery-regular);
  font-weight: 400;
  width: fit-content;
  margin: 0 auto 24px;
  line-height: normal;
}

.overLine{
  font-size: 45px;
  font-family: var(--high-spirited);
  color: var(--darkGray);
  width: fit-content;
  margin: 0 auto 10px;
}
.aboutSec{
  /* max-width: 44.635vw; */
  max-width: 857px;
  margin: 0 auto;
}

.expSec{
  max-width: 1030px;
  margin: 0 auto;
}

.content{
  text-align: center;
  padding-bottom: 1px;
  margin-bottom: 40px;
}

p{
  font-size: 20px;
  line-height: 24px;
}

.content p{
  margin-bottom: 30px;
  color: var(--textColor);
}

.content p strong{
  font-weight: bold;
}

.content p.strongItalic{
  font-weight: bold;
  font-style: italic;
}

.content p:last-child{
  margin-bottom: 0px;
}

.btnPrimary{
  min-width: 217px;
  min-height: 78px;
  display: flex;
  width: fit-content;
  /* margin: 0 auto; */
  padding: 10px 20px;
  border-radius: 30px;
  /* border: 3px solid #8A4D2E; */
  /* backdrop-filter: blur(5px); */
  text-align: center;
  font-family: var(--helvetica-bold);
  font-size: 18px;
  text-transform: uppercase;
  /* background: var(--gradient); */
  position: relative;
  color: var(--primary-color);
  overflow: hidden;
}

/* .btnPrimary::after{
  content: '';
  display: block;
  position: absolute;
  z-index: 1;
  width: calc(100% - 6px);
  height: calc(100% - 6px);
  border-radius: 30px;
  left: 3px;
  top: 3px;
  background: #f9f7f5;
} */

.btnPrimary::after{
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 15px;
  border: 3px solid transparent;
  background: linear-gradient(76deg, #4E2E1E 1.46%, #FBC7AB 44.97%, #8A4D2E 81.86%) border-box;
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
}

.menu ul{
  position: relative;
  z-index: 2;
}

.menu ul ul{
  position: absolute;
  left: 0;
  top: 48px;
  /* background: var(--primary-color); */
  /* border-radius: 10px; */
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  padding: 10px 0px;
  display: none;
  overflow: hidden;

  background: linear-gradient(90deg, rgba(255, 255, 255, 0.2) 0%, rgba(153, 153, 153, 0.2) 100%);
  backdrop-filter: blur(4.5px);
  filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25));
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
}

.fixedHeader .menu ul ul{
  background: var(--primary-color);
}

/* .menu ul ul::after{
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    inset: 0;
    border-radius: 30px;
    border: 2px solid transparent;
    background: linear-gradient(76deg, #4E2E1E 1.46%, #FBC7AB 44.97%, #8A4D2E 81.86%) border-box;
    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
} */

@media(min-width:992px){
  .menu li:hover ul{
  display: block;
}
}

.menu li{
  position: relative;
}

.menu li a{
  white-space: nowrap;
}

.menu li li{
  border-bottom: 1px dashed #dca689;
}
.menu li li:last-child{
  border-bottom: none;
}

.menu li li a::after{
  display: none;
}

.menu::after, .tabMenu::after{
  content: "";
  position: absolute;
  z-index: 1;
  inset: 0;
  border-radius: 30px;
  border: 2px solid transparent;
  background: linear-gradient(76deg, #4E2E1E 1.46%, #FBC7AB 44.97%, #8A4D2E 81.86%) border-box;
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  
}


.btnPrimary::before {
    content: '';
    display: block;
    position: absolute;
    width: 0px;
    height: 0px;
    border-radius: 30px;
    background: var(--gradient);
    z-index: 1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.btnPrimary:hover::before{
  width: 100%;
  height: 100%;
}

.btnPrimary:hover{
  color: var(--darkBrown);
}


.btnPrimary span{
  margin: auto;
  display: block;
  position: relative;
  z-index: 4;
}

.btnPrimary.readMoreLink{
  min-width: inherit;
}

.experience{
  background: var(--grayBg);
}

.pearl{
  width: 20px;
  margin: 0 auto;
}

.businessLounge, .businessLounge_1{
  max-width: 768px;
}

/* .businessLounge img{
  border-top-right-radius: 200px;
  border-bottom-left-radius: 200px;
} */

.boardRoom{
  max-width: 383px;
}

/* .boardRoom img{
  border-top-right-radius: 150px;
  border-bottom-left-radius: 150px;
} */

.conferenceRoom{
  max-width: 351px;
}

/* .conferenceRoom img{
  border-top-left-radius: 150px;
  border-bottom-right-radius: 150px;
} */

.borderTopLeft{
  border-top-left-radius: 150px;
}

.borderBottomRight{
  border-bottom-right-radius: 150px;
}

.borderTopRight{
  border-top-right-radius: 150px;
}

.borderBottomLeft{
  border-bottom-left-radius: 150px;
}

/***************/

.fixedHeader{
  background: var(--darkGray);
}

h3.heading_2{
  color:var(--darkGray);
  font-family: var(--gallery-regular);
  font-size: 25px;
  line-height: 33px;
}

.pt_20_vw{
  padding-top: 20px;
}

.pb_20_vw{
  padding-bottom: 20px;
}

.mt_40_vw{
  margin-top: 40px;
}

.mb_20_vw{
  margin-bottom: 20px;
}

.mb_40_vw{
  margin-bottom: 40px;
}

.mb_30_vw{
  margin-bottom: 30px;
}

.mb_60_vw{
  margin-bottom: 60px;
}

.footerBottom{
  font-size: 18px;
  padding-bottom: 40px;
}

.pearlCont{
  width: 315px;
  position: absolute;
  right: 0;
  bottom: 0;
  transform: translateX(160px);
}

.dining_social{
  background: var(--pink-light);
}

.logoDescription{
  padding: 0px 60px;
}

.logoDescription, .logoDescription p{
  text-align: center;
}

.logoDescription p:last-child{
  margin-bottom: 0px;
}

.diningLogo img{
  width: auto;
  height: auto;
  max-width: 408px;
  max-height: 170px;
}

.diningRow{
  align-items: center;
}

/* .diningRow:nth-child(even) .imgSec{
  order: 2;
} */

.diningRow:nth-child(odd) .imgSec img, .wellness_Slider .slick-slide:nth-child(odd) img{
  border-top-right-radius: 150px;
  border-bottom-left-radius: 150px;
}

.diningRow:nth-child(even) .imgSec img, .wellness_Slider .slick-slide:nth-child(even) img{
  border-top-left-radius: 150px;
  border-bottom-right-radius: 150px;
}

.engagementCenter .center_1 img{
  border-top-right-radius: 200px;
  border-bottom-left-radius: 200px;
  transform-origin: 0% 0%;  
}

.engagementCenter .center_2 img{
  border-top-left-radius: 200px;
  border-bottom-right-radius: 200px;
  transform-origin: 100% 0%; 
}


/**************************************************************/
.wellness_Slider, .sport_Slider{
  position: relative;
}
.slide{
  padding: 0px 20px;
}
.slide h3{
  text-align: center;
}

.slide img {
  width: 100%;
  height: auto;
  object-fit: cover;
  transition: all 0.3s ease-in-out;
}

.slideContent{
  position: absolute;
  margin: auto;
  z-index: 2;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: table;
  max-width: 660px;
  text-align: center;
}

.slideContent p{
  color: #fff;
}

.sport_slider .slide{
  position: relative;
}

.prev, .next{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  border: 1px solid #fff;
  border-radius: 50%;
  background: rgba(0,0,0,0.5);
  z-index: 2;
  display: flex;
}

.prev svg, .next svg{
  margin: auto;
  width: 80%;
  height: auto;
  display: block;
}

.prev{
  left: 25px;
}

.next{
right: 25px;
}

.prev:hover, .next:hover{
  background: var(--primary-color);
}

.sport_Slider .slide{
  padding: 0px;
}

.gradientText{
  background: var(--text, linear-gradient(84deg, #FBC7AB 17.2%, #FB9764 96.09%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.column_1{
  width: 882px;
}

.leftColumn .img_1{
  border-top-right-radius: 150px;
  border-bottom-left-radius: 150px;
  transform-origin: 100% 100%;  
}

.rightColumn .img_1{
  border-top-left-radius: 150px;
  border-bottom-right-radius: 150px;
  transform-origin: 0% 100%;  
  
}

.leftColumn .img_2{
  border-top-left-radius: 100px;
  border-bottom-right-radius: 100px;
  margin-left: auto;
  display: block;
  max-width: 85%;
  transform-origin: 100% 0%; 
}

.rightColumn .img_2{
  border-top-right-radius: 100px;
  border-bottom-left-radius: 100px;
  margin-right: auto;
  display: block;
  max-width: 85%;
}

.grayBorderBottom{
  border-bottom: 1px solid var(--primary-color);
}

/************************************************/

.vision{
  background: url(../images/vision/bg.jpg) no-repeat center top;
  background-size: cover;
}

.vision h2.heading, .vision p, .vision .overLine{
  color: #fff;
}

.vision .vLine{
  background: #fff;
}

.vision .gradientBtn{
  border: 2px solid var(--primary-color);
}

.vision_shell{
  width: 100%;
  max-width: 316px;
  position: absolute;
  bottom: 0;
  left: 0;
}

#community_slider .slide{
  max-width: 300px;
}

#community_slider .slide:nth-child(odd) img{
  border-top-right-radius: 40px;
  border-bottom-left-radius: 40px;
}

#community_slider .slide:nth-child(even) img{
  border-top-left-radius: 40px;
  border-bottom-right-radius: 40px;
}

footer{
  display: block;
  background:#4F2F1F url(../images/footer_bg.jpg) no-repeat center center;
  padding-top: 50px;
  color: #FFE7DF;
  background-size: cover;
}

.column{
  max-width: 250px;
}

footer h4{
  font-family: var(--gallery-regular);
  font-size: 24px;
  margin-bottom: 40px;
  padding-bottom: 20px;
  position: relative;
  border-bottom: 1px solid #846659;
}

footer h4 span{
  display: none;
  width: 25px;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.3s ease-in-out;
}

footer h4 span svg{
  width: 100%;
  height: auto;
}

footer li, footer p{
  font-size: 18px;
}

footer li{
  margin-bottom: 30px;
}

.address, .call, .mail{
  display: flex;
}
.address .icon{
  width: 16px;
  display: block;
}
.address p{
  display: block;
}

.address .icon img{
  width: 100%;
  height: auto;
}

.footerLogo{
  max-width: 150px;
}

.borderBottom{
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}

/***************************************************************/

.tabMenu{
  width: fit-content;
  margin: 0px auto 40px;
  display: table;
  border-radius: 30px;
  /* border: 2px solid var(--gredient, #4E2E1E); */
  /* border:2px solid rgba(255, 255, 255, 0.2); */
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.12) 0%, rgba(153, 153, 153, 0.12) 100%);
  backdrop-filter: blur(4.5px);
  filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25));
  box-shadow: 5px 5px 5px rgba(0,0,0,0.3);
  padding: 0px 0px;
}

.tabMenu a{
      padding: 20px 25px 18px;
    font-size: 18px;
    display: block;
    text-transform: uppercase;

}
.tabMenu li a{
  min-width: 200px;
  text-align: center;
  color: var(--darkGray);
  cursor: pointer;
}

.tabMenu li a:hover::after{
   width: 0%;
  height: 0%;
}

.tabMenu li.active a:hover::after{
   width: 100%;
  height: 100%;
}

.tabMenu li.active a{
  color: var(--darkBrown);
}

.tabMenu li a:hover{
  color: var(--darkBrown);
}

#outdoor_1{
  display: none;
}

.bannerSlide video{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.wellness .swiper-slide{
  position: relative;
}

.swiper-slide .outdoor span, .swiper-slide .indoor span{
  display: block;
  position: absolute;
  bottom: 40px;
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  z-index: 99;
  font-size: 14px;
}

@media(min-width:575px){
    


.diningRow:nth-child(odd) .imgSec{
  order: 1;
}

.diningRow:nth-child(even) .imgSec{
  order: 2;
}

.diningRow:nth-child(odd) .logoDesc{
   order: 2;
}

.diningRow:nth-child(even) .logoDesc{
   order: 1;
}
}
/******************************************************/

.swiper {
      width: 100%;
      height: 100%;
    }


/******************************************************/

.svgLine_1{
  right: 0;
  top: -62px;
}

.svgLine_1_a{
  right: -70px;
  top: -62px;
}

.svgLine_2{
  left: 0;
}

.svgLine_2_a{
  left: -70px;
}

.svgLine_3{
  right: 0;
}

.svgLine_3_a{
  right: -70px;
}

.svgLine, .svgLineNew{
  position: absolute;
}

.svgLine svg, .svgLineNew svg{
  width: 100%;
  height: auto;
}

.circle{
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  margin-left: -20px;
}

.svgLineNew .circle{
  width: 20px;
}

.circle img{
  width: 100%;
}

.innerBannerSlide::after{
  z-index: 2;
  content: '';
  display: block;
  height: 300px;
  width: 100%;
  background: #000000;
  background: linear-gradient(0deg,rgba(0, 0, 0, 1) 0%, rgba(255, 255, 255, 0) 100%);
  position: absolute;
  bottom: 0;
}

.faqSlide.innerBannerSlide::after{
  display: none;
}

.swiper-slide img{
  position: relative;
  z-index: 2;
}

.floatingLabel{
  font-size: 14px;
  color: #fff;
  position: absolute;
  right: 15px;
  bottom: 15px;
  z-index: 9;
  display: block;
  padding-right: 50px;
}

.outDoor p{
  color: var(--textColor);
  text-align: center;
}

.centerCourtLogo span{
  font-size: 14px;
  color: #000000;
  font-family: var(--gallery-regular);
  display: block;
  margin-bottom: 5px;
}
.centerCourtLogo .bigText{
  font-size: 40px;
  font-family: var(--gallery-regular);
  text-transform: uppercase;
}

.form-check-input{
  box-shadow: none !important;
  border: 1px solid var(--primary-color);
  outline: none !important;
}

.form-check-input:focus{
  border-color: var(--primary-color);
}

.form-check-input:checked{
  background-color: var(--primary-color);
  border: 1px solid var(--primary-color);
}

.form-select{
  background: #fff;
  position: relative;
}
.selectField{
  position: relative;
}
.selectField::after{
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: url(../images/select_down_arrow.svg) no-repeat right top;
    background-size: 100% auto;
    position: absolute;
    bottom: 5px;
    right: 5px;
    z-index: 9;
    pointer-events: none;
}

.footerLogo{
  margin-bottom: 20px;
}

/* mute btn css */
.mute-btn {
  position: absolute;
  bottom: 10px;
  right: 10px;
  background: rgba(0,0,0,0.9);
  border: none;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  cursor: pointer;
  z-index: 999;
}
.mute-btn svg {
  width: 70%;
  height: auto;
  fill: white;
  pointer-events: none; 
}

@media(min-width:1280px){
    
    /* mute btn css */
.mute-btn {
  bottom: 0.8vw;
  right: 0.8vw;
  width: 2.5vw;
  height: 2.5vw;
}
/* mute btn css */

  .socialIcons{
  gap: 0.521vw;
}

.socialIcons a{
  width: 1.8vw;
  height: 1.8vw;
}

.socialIcons a svg{
  max-width: 0.9vw;
  max-height: 0.8vw;
}

ul.footerLinks{
  column-gap: 4vw;  
}

.menu ul ul{
  top: 2.6vw;
  /* border-radius: 0.5vw; */
  border-bottom-right-radius: 0.5vw;
  border-bottom-left-radius: 0.5vw;
  padding: 0.5vw 0vw 0vw;
}  

.selectField::after{
    width: 0.8vw;
    height: 0.8vw;
    bottom: 0.3vw;
    right: 0.3vw;
}  

.centerCourtLogo span{
  font-size: 1.3vw;
}
.centerCourtLogo .bigText{
  font-size: 3vw;
}  

.swiper-slide .outdoor span, .swiper-slide .indoor span{
  font-size: 0.9vw;
}  

.floatingLabel{
  font-size: 0.9vw;
  padding-right: 3vw;
}  

.swiper-slide .outdoor span, .swiper-slide .indoor span{
  bottom: 2.5vw;
}  

.tabMenu{
  margin: 0px auto 2.1vw;
}

.tabMenu li a{
  min-width: 10vw;
}  

.innerBannerSlide .banner_content{
  bottom: 6.25vw;
}  

.circle{
  width: 2vw;
  margin-left: -1.042vw;
}

.svgLineNew .circle{
  width: 1.2vw;
}

  .menu a::after{
    border-radius: 1.5vw;
  }

.svgLine_1, .svgLine_1_a{
  top: -4vw;
}

.svgLine_1_a{
  right: -4vw;
}

.svgLine_1, .svgLine_1_a{
  width: 10vw;
}

.svgLine_2, .svgLine_3, .svgLine_2_a, .svgLine_3_a{
  width: 10vw;
  top: 16vw;
}

/***************************************/

.bannerSlide .banner_heading{
  font-size: 3.5vw;
  margin-bottom: 1vw;
}

.bannerSlide.innerBannerSlide .banner_heading{
  font-size: 3.1vw;
}

.banner_content{
  max-width: 50vw;
  transform: translateY(2.5vw);
}

.footerBottom{
  font-size: 0.8vw;
}

.footerLogo{
  max-width: 10vw;
  margin-bottom: 1vw;
}
  .address .icon{
  width: 0.9vw;
}
  footer h4{
  font-size: 1.4vw;
  margin-bottom: 2vw;
}
footer li, footer p{
  font-size: 0.9vw;
  letter-spacing: 1px;
}

footer li{
  margin-bottom: 2.1vw;
}

footer{
  padding-top: 4vw;
}
.column{
  max-width: 16vw;
}

#community_slider .slide:nth-child(odd) img{
  border-top-right-radius: 2vw;
  border-bottom-left-radius: 2vw;
}

#community_slider .slide:nth-child(even) img{
  border-top-left-radius: 2vw;
  border-bottom-right-radius: 2vw;
}

  .vision_shell{
    max-width: 16.4vw;
  }

  .slide{
    padding: 0vw 1.5vw;
  }

    #community_slider .slide{
    max-width: 19.9vw;
    padding: 0vw 0.8vw;
  }

  p{
    line-height: 1.5vw;
  }
  .leftColumn .img_1{
  border-top-right-radius: 7vw;
    border-bottom-left-radius: 7vw;
}

.rightColumn .img_1{
  border-top-left-radius: 7vw;
  border-bottom-right-radius: 7vw;
}
.engagementCenter .center_1 img{
  border-top-right-radius: 10.4vw;
  border-bottom-left-radius: 10.4vw;
}
.engagementCenter .center_2 img{
  border-top-left-radius: 10.4vw;
  border-bottom-right-radius: 10.4vw;
}

 .engagementCenter{
  --bs-gutter-x : 4vw;
 }

  .leftColumn .img_2{
    border-top-left-radius: 5.3vw;
    border-bottom-right-radius: 5.3vw;
  }

  .rightColumn .img_2{
  border-top-right-radius: 5.3vw;
  border-bottom-left-radius: 5.3vw;
}

  .column_1{
    width: 48.5vw;
  }
  .slideContent{
    max-width: 34vw;
  }
  .prev, .next{
    width: 2.604vw;
    height: 2.604vw;
  }
  .prev{
    left: 2.5vw;
  }
  .next{
    right: 2.5vw;
  }

  .logoDescription{
    padding: 0vw 7vw;
  }

  .diningLogo img{
    max-width: 21vw;
    max-height: 8vw;
 }

.diningRow{
  align-items: center;
}



.diningRow:nth-child(odd) .imgSec img, .wellness_Slider .swiper-slide:nth-child(odd) img{
  border-top-right-radius: 7vw;
  border-bottom-left-radius: 7vw;
}

.diningRow:nth-child(even) .imgSec img, .wellness_Slider .swiper-slide:nth-child(even) img{
  border-top-left-radius: 7vw;
  border-bottom-right-radius: 7vw;
}

/* .wellness_Slider .slick-slide:nth-child(odd) img{
  border-top-right-radius: 150px;
  border-bottom-left-radius: 150px;
}

.wellness_Slider .slick-slide:nth-child(even) img{
  border-top-left-radius: 150px;
  border-bottom-right-radius: 150px;
} */

  p{
    font-size: 1.042vw;
  }

  .pearlCont{
    width: 16.458vw;
    transform: translateX(10vw);
  }

  .pt_20_vw{
    padding-top: 1.5vw;
  }

   .pb_20_vw{
    padding-bottom: 1.5vw;
  }

    .mt_40_vw{
    margin-top: 3vw;
  }

  .mb_20_vw{
    margin-bottom: 1.5vw;
  }

  .mb_30_vw{
    margin-bottom: 2.5vw;
  }

  .mb_40_vw{
    margin-bottom: 3vw;
  }
  .mb_60_vw{
  margin-bottom: 5vw;
}

  h3.heading_2{
    font-size: 1.6vw;
    line-height: 2.1vw;
  }

  /* .businessLounge img{
  border-top-right-radius: 10vw;
  border-bottom-left-radius: 10vw;
}

  .boardRoom img{
  border-top-right-radius: 7vw;
  border-bottom-left-radius: 7vw;
}

  .conferenceRoom img{
  border-top-left-radius: 7vw;
  border-bottom-right-radius:  7vw;
} */


.borderTopLeft{
  border-top-left-radius: 7vw;
}

.borderBottomRight{
  border-bottom-right-radius: 7vw;
}

.borderTopRight{
  border-top-right-radius: 7vw;
}

.borderBottomLeft{
  border-bottom-left-radius: 7vw;
}

  .businessLounge, .businessLounge_1{
    max-width: 40vw;
  }

.boardRoom{
  max-width: 19.948vw;
}

.conferenceRoom{
  max-width: 18.281vw;
}

  .aboutSec{
  max-width: 44.635vw;
  margin: 0 auto;
}

.expSec{
  max-width: 53.656vw;
  margin: 0 auto;
}

.expSec.architectural_vision{
  max-width: 66vw;
}
  .content{
    margin-bottom: 3vw;
  }

  .btnPrimary{
    min-width: 10vw;
    min-height: 3.8vw;
    padding: 0.521vw 3vw 0.4vw;
    font-size: 0.9vw;
  }

  .btnPrimary.readMoreLink{
    padding: 0.521vw 2vw 0.4vw;
  }

.btnPrimary, .btnPrimary::after{
  border-radius: 2vw;
}

.content h2{
  margin-bottom: 1.4vw;
}
.content p{
  font-size: 1.042vw;
  margin-bottom: 1.7vw;
}
  .overLine{
    font-size: 2.5vw;
    margin: 0 auto 0.521vw;
  }
  .heading{
    font-size: 2.813vw;
    margin-bottom: 1.5vw;
  }
  .vLine{
    margin: 0 auto 1.979vw;
    height: 2.6vw;
  }
  .about .vLine{
    height: 5.208vw;
  }
  /* .experience .vLine, .outDoor .vLine, .dining_social .vLine, .vision .vLine{
    height: 2.6vw;
  } */
  .aboutLogo{
    width: 5.9vw;
    margin: 0 auto 1.042vw;
  }
  .topSpace{
    padding-top: 4vw;
  }
  .bottomSpace{
    padding-bottom: 4vw;
  }
  .menu a, .gradientBtn, .tabMenu a{
    font-size: 0.9vw;
    padding: 1vw 1.4vw 0.8vw;
  }
  header{
    padding: 2vw 0vw;
  }
  header.fixedHeader{
    padding: 0.8vw 0vw;
  }
  .mainContainer{
    width: 85.6vw;
  }

  .logo{
    max-width: 13vw;
  }
  .menu::after, .gradientBtn{
    border-radius: 1.8vw;
  }
  .memberShipCategory .mainContainer{
    width: 69vw;
  }

}


@media(max-width:1279px){



  .svgLine, .svgLineNew{
    display: none;
  }
  .mainContainer {
    max-width: 100%;
    padding: 0 30px;
  }
  .menu a, .gradientBtn{
    font-size: 14px;
    padding: 20px 15px 18px;
  }

  header {
    padding: 10px 0px;
  }  
  p{
    font-size: 14px;
  }
  .heading{
    font-size: 40px;
    margin-bottom: 15px;
  }
  .overLine{
    font-size: 36px;
  }
  .btnPrimary{
    font-size: 16px;
    border-radius: 38px;
    padding: 10px 20px 5px;
    min-height: 70px;
  }
  .btnPrimary::after{
    border-radius: 36px;
  }

  .borderTopLeft{
  border-top-left-radius: 50px;
}

.borderBottomRight{
  border-bottom-right-radius: 50px;
}

.borderTopRight{
  border-top-right-radius: 50px;
}

.borderBottomLeft{
  border-bottom-left-radius: 50px;
}

.pearlCont {
    width: 150px;
    transform: translateX(100px);
}
h3.heading_2{
  font-size: 20px;
}
.btnPrimary.readMoreLink {
    min-width: 180px;
}
.slide {
    padding: 0px 10px;
}
.diningRow:nth-child(odd) .imgSec img, .wellness_Slider .swiper-slide:nth-child(odd) img{
  border-top-right-radius: 50px;
  border-bottom-left-radius: 50px;
}

.diningRow:nth-child(even) .imgSec img, .wellness_Slider .swiper-slide:nth-child(even) img{
  border-top-left-radius: 50px;
  border-bottom-right-radius: 50px;
}

.column_1 {
  width: 400px;
}
.content p br{
  display: none;
}

.leftColumn .img_1 {
    border-top-right-radius: 50px;
    border-bottom-left-radius: 50px;
}

.rightColumn .img_1 {
    border-top-left-radius: 50px;
    border-bottom-right-radius: 50px;
}

.leftColumn .img_2 {
    border-top-left-radius: 50px;
    border-bottom-right-radius: 50px;
    max-width: 100%;
}

.rightColumn .img_2 {
    border-top-right-radius: 50px;
    border-bottom-left-radius: 50px;

    max-width: 100%;
}

.engagementCenter .center_1 img {
    border-top-right-radius: 50px;
    border-bottom-left-radius: 50px;
}

.engagementCenter .center_2 img {
    border-top-left-radius: 50px;
    border-bottom-right-radius: 50px;
}

.vision .mainContainer{
  padding: 50px 30px;
}

.vision_shell {
    max-width: 180px;
    left: 50px;
}

footer li, footer p{
  font-size: 14px;
}
.footerBottom {
    font-size: 13px;
}

}


@media(max-width:992px){

    .heading br{
    display: none;
  }

 .menu ul ul{
  top: 0;
  position: relative;
  background: none;
  border: 1px solid #ccc;
  padding: 0px 15px;
  border-radius: 10px;
 } 

 .menu ul ul a{
  font-size: 1.3rem;
  text-transform: inherit;
 }
/* .borderBottomRight, .borderBottomLeft{
  border-radius: 30px;
}   */
  
.navigation{
  padding: 100px 50px 50px;
}
.contactForm .navigation, .tabMenu .navigation{
  padding: 0px;
}
.menu {
        position: fixed;
        right: -575px;
        max-width: 575px;
        width: 100vw;
        height: 100vh;
        top: 0;
        border-radius: 0px;
        background: var(--darkGray);
        border: none;
        box-shadow: none;
        backdrop-filter: blur(0px);
        filter: none;
        overflow: auto;
        -moz-transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
 
.menu.active{
  right: 0px;
  padding: 0px 10px;
} 
.menu::after{
  margin: 10px;
}   

.mobMenuIcon{
  z-index: 9;
}    
.mobMenuIcon a{
  display: inline-flex;
  vertical-align: top;
}

.hamburger{
  width: 50px;
  height: 50px;
  border-radius: 50%;
  padding: 0px;
}

.hamburger.active span:first-child{
  transform: rotate(45deg) translateX(5px) translateY(6px);
}

.hamburger.active span:nth-child(2){
  transform: rotate(135deg);
}

.hamburger.active span:last-child{
  display: none;
}

.hamburger span{
  display: block;
  width: 25px;
  height: 3px;
  border-radius: 3px;
  background: var(--pink-color);
  margin-bottom: 5px;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.hamburger span:last-child{
  margin-bottom: 0px;
}
.navigation li a{ 
  font-size: 1.3rem;
  font-family: var(--helvetica);
}

.contactForm .navigation li a, .tabMenu .navigation li a{ 
  font-size: 1.2rem;
}

.mobMenuIcon .gradientBtn.active{
  background: #fff;
  color: var(--primary-color);
}

.banner{
  height: auto;
}

.about .vLine{
  height: 50px;
}

h3.heading_2{
  line-height: normal;
}

.btnPrimary{
  min-height: 60px;
}

.logoDescription {
    padding: 0px 0px;
}

.diningLogo img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: inherit;
}

.slideContent{
  max-width: 70%;
}

.column_1{
  width: inherit;
  margin-bottom: 20px;
}

/* .column_1.column_1_img{
  width: 50%;
} */

.leftColumn .img_2{
  width: 100%;
  margin-left: 0px;
}

.rightColumn .img_2{
  width: 100%;
}

.leftColumn .img_1, .rightColumn .img_1, .engagementCenter .center_1 img, .engagementCenter .center_2 img, .leftColumn .img_2, 
.rightColumn .img_2{
  border-radius: 30px;
}

footer .column {
    max-width: inherit;
    margin-bottom: 30px;
}

.diningLogo{
  max-width: 70%;
  margin-left: auto;
  margin-right: auto;
}

}

@media(max-width:576px){
    
    .heading{
    font-size:28px;
    padding: 0 10px;
}

  .about, .wellness, .engagement, .membershipFormSec{
  /*background: url(../images/Rectangle_2_mob.jpg) repeat-x left top;*/
  /*background-size: auto;*/
}

.commonTextSection{
  /*background: url(../images/Rectangle_2_mob.jpg) repeat-x left top !important;*/
  /*background-size: auto !important;*/
}

  .menu li a {
    white-space: normal;
  }
  .menu a:hover{
    color: #fff;
  }
  .menu a::after{
    display: none;
  }
  .tabMenu a::after{
    border-radius: 30px;
  }
  .tabMenu .navigation{
    padding: 0px;
  }

  .tabMenu .navigation li a{
    font-size: 1rem;
    min-width: 120px;
    font-family: var(--helvetica-bold);
  }

  .floatingLabel{
    padding-right: 20px;
  }
  .banner{
    height: 300px;
  }
  .banner.innerBanner{
    height: 450px;
  }
  .gradientBtn.mobMemberLogin{
    background: linear-gradient(76deg, #4E2E1E 1.46%, #af6f4d 44.97%, #8A4D2E 81.86%);
  }

  .mb_30_vw {
    margin-bottom: 30px;
  }

  .mb_40_vw {
    margin-bottom: 60px;
  }
  .menu::after{
    border-radius: 0px;
  }
  .prev_3, .next_3{
    display: none;
  }
  .banner_content{
    width:90%;
  }

  .bannerSlide .banner_heading{
    font-size: 2rem;
  }

  header{
    /* position: sticky; */
    background: var(--darkGray);
  }
  #wrapper{
    padding-top: 90px;
  }
  .navigation{
    padding: 30px 30px 30px;
  }
  .menu a{
    padding: 20px 0px 18px;
  }
  .memberLogin{
    border-bottom: 1px solid #ccc;
    padding: 90px 30px 30px;
    color: #fff;
    font-size: 1.5rem;
    position: relative;
    z-index: 2;
  }

   .memberLogin a{
    font-size: 1.3rem;
    font-weight: normal;
    /* font-family: var(--helvetica); */
   }

  .memberLogin strong, .memberLogin span{
    vertical-align: middle;
    font-weight: normal;
  }

  .memberLogin svg{
    fill: #fff;
    width: 100%;
    height: auto;
  }

  .memberLogin span.downArrow{
    width: 25px;
    margin-right: 0px;
  }

  .memberLogin span{
    display: inline-block;
    width: 40px;
    margin-right: 10px;
    vertical-align: middle;
  }

  footer h4{
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
    padding-bottom: 10px;
    margin-bottom: 30px;
  }
  footer h4 span{
    display: block;
  }

  footer .column ul{
    display: none;
  }

  .diningRow  .imgSec{
    margin-bottom: 30px;
    position: relative;
  }
  .diningRow  .imgSec img, .borderBottomLeft, .borderBottomRight, .borderTopLeft, .borderTopRight{
    border-radius: 20px !important;
  }
  .businessLounge h3, .businessLounge_1 h3 .boardRoom h3, .conferenceRoom h3{
    text-align: center;
  }
  footer{
    background:#4F2F1F;
  }
  .footerTab.active span{
    transform: translateY(-50%) rotate(180deg);
  }
  .vision_shell{
    display: none;
  }
  .slideContent{
    position: relative;
    background: #133828;
    max-width: 100%;
    padding: 50px;
  }
}

.form-check-input[type=checkbox]{
        padding: 0;
    margin: 0 10px -4px 0;
}




@media(max-width:350px){
  .logo{
    max-width: 200px;
  }
}


.wpcf7-not-valid-tip{
    font-size:11px;
}