*{padding: 0; margin: 0; box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; -moz-box-sizing:border-box;-webkit-box-sizing:border-box}
body{font-weight:400;font-family: 'Poppins', sans-serif; font-size:14px;line-height:22px; color: #196BB7; background-color: #dfedfa }
ul, li{list-style: none; margin:0px; padding:0px; }
a:hover{text-decoration: none;}
a {text-decoration: none}
html {scroll-behavior:smooth;}
.btn.focus, .btn:focus, .form-control:focus{outline: none;box-shadow: none}
.container-fluid{/* max-width:1298px;  */padding: 0 86px;}
.container{max-width:1094px; padding: 0 15px;}
header {
  position: fixed;
  width: 100%;
  z-index: 99;
  -webkit-transition: height .3s;
  -moz-transition: height .3s;
  transition: height .3s;
  padding: 25px 0
}
header.stick {
  padding: 10px 0;
  background-color: #545151;
  z-index: 9999
}
header.stick .logoimg img {
  width: 90px;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  transition: all .3s
}
header .text-rght {text-align: right;}
.deploybtn{color: #FFF; font-family: "Playfair Display"; font-size:16px; font-weight: 700; 
  text-transform: uppercase; border-radius: 50px; background: #196BB7; padding: 12px 30px; letter-spacing: normal;
  display: inline-block; text-align: center; margin-right: 15px; line-height: 24px;}
.deploybtn:hover {opacity: 0.8;color: #FFF;} 
header .site-logo img {
  width: 140px;
}

header.stick .site-logo img {
  width: 90px;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  transition: all .3s
}
.bg-gray{/*background-image: url("../images/banner.jpg");*/ background-repeat:no-repeat; background-position: center center; background-size: cover; padding-bottom: 900px; }

.top-space{padding-top:172px;}
.btngroup{padding:52px 0px 0px;}
.btngroup  a.booknow{border-radius: 50px;background-color:#196BB7; padding: 14px 28px; font-size: 14px;
font-style: normal;font-weight: 600;line-height: normal;text-transform: uppercase; color: #ffffff; font-family: "Playfair Display", serif; transition: 0.7s; }
.btngroup  a.booknow:hover{background-color:#ffffff; color:#196BB7;}
.btngroup  a.knowmore{border-radius: 50px;background-color:#ffffff; padding: 14px 22px; font-size: 14px;
font-style: normal;font-weight: 600;line-height: normal;text-transform: uppercase; color:#196BB7; font-family: "Playfair Display", serif; transition: 0.7s; margin-left: 20px; }
.btngroup  a.knowmore:hover{background-color:#196BB7; color:#ffffff;}

.mounTain{padding-bottom: 120px; padding-top: 80px; background-color: #ffffff; }
.mounTain h5{font-family: "Playfair Display";font-size: 18px;font-style: normal;font-weight:700;line-height: 30px; padding: 40px 0px 30px; position: relative;}
.mounTain p{color: #424242;font-size: 14px; font-style: normal;font-weight: 400;line-height: 26px; margin-bottom: 30px;}

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



.mounTain a{border-radius: 50px;border: 1px solid #196BB7; color: #196BB7;font-family: "Playfair Display";
font-size: 14px;font-style: normal;font-weight: 600;line-height: normal;text-transform: uppercase; padding: 14px 22px; display: inline-block;}
.mounTain a:hover{ background-color:#196BB7; color: #ffffff;}

.ourVillas{padding-bottom: 60px; background-color: #ffffff;}

.ourVillas h5{color: #196BB7;font-family: "Playfair Display";font-size: 16px;font-style: normal;font-weight: 600;
line-height: 24px;text-transform: uppercase; margin-bottom:15px; }
.ourVillas h4{color: #030C17;font-family: "Playfair Display";font-size:28px;font-weight:400;line-height:38px; margin-bottom: 32px;}
.ourVillas .topsec img {transition: .5s ease;}
.ourVillas .topsec img:hover {filter: grayscale(100%)}
.ourVillas h2{color: #196BB7;font-family: "Playfair Display";font-size: 36px;font-style: normal;font-weight: 600;
line-height: 40px;text-transform: uppercase; margin: 10px 0px 20px; }
.ourVillas .card{padding: 0px; border: 0px; height: 100%;}
.ourVillas .card p{color: #424242;font-size: 14px;font-weight: 400;line-height: 26px; margin-bottom: 40px; }
.ourVillas  a.booknow{border-radius: 50px;background-color:#196BB7; padding: 13px 27px; font-size: 14px;
font-style: normal;font-weight: 600;line-height: normal;text-transform: uppercase; color: #ffffff; font-family: "Playfair Display", serif; transition: 0.7s; border: 1px solid #196BB7; }
.ourVillas  a.booknow:hover{background-color:#ffffff; color:#196BB7;}
.ourVillas  a.knowmore{border-radius: 50px;background-color:#ffffff; padding: 13px 22px; font-size: 14px;
font-style: normal;font-weight: 600;line-height: normal;text-transform: uppercase; color:#196BB7; font-family: "Playfair Display", serif; transition: 0.7s; margin-left: 20px; border: 1px solid #196BB7; }
.ourVillas  a.knowmore:hover{background-color:#196BB7; color:#ffffff;}
.top-bottom{margin-top: auto; display: flex;}
.clubHouse2{background-size: cover; background-position:right top; background-repeat: no-repeat; padding-top: 68px;}



.clubHouse h5{color: #196BB7;font-family: "Playfair Display";font-size: 16px;font-style: normal;font-weight: 600;
line-height: 24px;text-transform: uppercase; margin-bottom:15px; }
.clubHouse h4{color: #030C17;font-family: "Playfair Display";font-size:28px;font-weight:400;line-height:38px; margin-bottom: 32px;}
.clubHouse h4 span{ font-style:italic; }
.clubhouse .item{position: relative}
.clubhouse .item  .clubhosebox{position: absolute; bottom: 0px; left:0px; background-color: #ffffff; max-width:230px; padding: 10px; width: 100%;}
.clubhouse .item  .clubhosebox h1{color: #030C17;font-family: "Playfair Display";font-size: 24px;
font-weight: 600;line-height: 38px;}
.clubhouse{position: relative;}
.clubhouse.owl-theme .owl-nav {position: absolute;right: 0px;top:-100px;}
.clubhouse.owl-theme .owl-nav [class*=owl-]  {width: 51px; height: 51px;}
.clubhouse.owl-carousel .owl-nav button.owl-next, .clubhouse.owl-carousel .owl-nav button.owl-prev, .clubhouse.owl-carousel button.owl-dot {border: 1px solid #196BB7;}
.clubhouse.owl-carousel .owl-nav button.owl-prev img{transform:rotate(180deg);}
.clubhouse.owl-theme .owl-nav [class*=owl-]:hover { background: transparent;}




.clubHouse  a.btn-facilities{border-radius: 50px;background-color:#196BB7; padding: 16px 40px; font-size: 16px;
font-style: normal;font-weight: 600;line-height: normal;text-transform: uppercase; color: #ffffff; font-family: "Playfair Display", serif; transition: 0.7s; border: 1px solid #196BB7; margin-top: 50px; display: inline-block;}
.clubHouse  a.btn-facilities:hover{background-color:#ffffff; color:#196BB7;}

.amenities-sec {padding: 120px 0px 90px;}
.amenities-sec .head-sec h4 {color: #196BB7; font-family: "Playfair Display"; font-size: 16px; font-style: normal; font-weight: 600; line-height: normal;
text-transform: uppercase;margin-bottom: 22px;}
.amenities-sec .head-sec p{color: #030C17; font-family: "Playfair Display"; font-size: 28px;font-style: normal; font-weight: 400; line-height: 38px;
margin-bottom: 65px;}
.amenities-sec .ameties-details .icon {width: 66px; height: 66px; background-color: #EEFAFF;display: flex;justify-content: center; align-items: center;
border-radius: 50px;margin: 0 auto 20px;}
.amenities-sec .ameties-details .title h4{color: #030C17;font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px;}

.testimonial-sec {background-color: #196BB7; padding: 80px 0 0;}
.testimonial-sec .head-sec h4 {color: #FFF; font-family: "Playfair Display";font-size: 16px; font-style: normal;font-weight: 600;
line-height: normal; text-transform: uppercase; margin-bottom: 22px;}
.testimonial-sec .head-sec h2  {color: #FFF; font-family: "Playfair Display"; font-size: 28px; font-style: normal; font-weight: 400; line-height: 32px;
margin-bottom: 50px;}  
.testimonial-sec .item {background-color: #fff; padding: 125px 39px 0;}
.testimonial-sec .item .guest-details {display: flex; flex-direction: column; justify-content: space-between;}
.testimonial-sec .item .guest-details p {color: #030C17;font-family: "Playfair Display"; font-size: 20px; font-style: normal; font-weight: 400;line-height: 40px;
position: relative; margin-bottom: 40px;}
.testimonial-sec .item .guest-details p::before {content: ""; position: absolute; left: 0; top: -70px;background-image: url("../images/quote.svg"); 
background-repeat:no-repeat; background-position: center center; background-size: cover; width: 50px; height: 37px;}
.testimonial-sec .item .guest-details h3 {color: #196BB7;font-family: "Playfair Display"; font-size: 16px; font-style: normal; font-weight: 600; line-height: 30px;
text-transform: uppercase; margin-bottom: 0px;}
.slidr.owl-carousel .owl-stage {display: flex; height: 100%;}
.slidr.owl-carousel .owl-item .item {height: 100%;display: flex;flex-direction: column !important;}
.slidr.owl-carousel .owl-nav {margin-top: 0; position: absolute; top: -106px;right: 0;}
.slidr.owl-theme .owl-nav [class*=owl-]  {width: 51px; height: 51px;}
.slidr.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {border: 1px solid #fff;}
.slidr.owl-carousel .owl-nav button.owl-prev img{transform:rotate(180deg);}
.slidr.owl-theme .owl-nav [class*=owl-]:hover { background: transparent;}


.getting-sec {padding: 180px 0px 60px; background-color: #ffffff;}
.getting-sec .head-sec h4 {color: #196BB7; font-family: "Playfair Display"; font-size: 16px; font-style: normal; font-weight: 600; line-height: normal;
text-transform: uppercase; margin-bottom: 22px;}
.getting-sec .head-sec h2 {color: #030C17;font-family: "Playfair Display"; font-size: 28px; font-style: normal; font-weight: 400;line-height: 38px;
margin-bottom: 50px;}
.getting-sec .location-map {position: relative;}
.getting-sec .location-map .map-info {position: absolute; top: 100px; right: 0; max-width: 522px; padding: 40px 30px; background-color: #fff;}
.getting-sec .location-map .map-info span.get-txt {color: #030C17;font-family: "Playfair Display"; font-size: 16px; font-style: normal; font-weight: 400;
    line-height: 24px;}
.getting-sec .location-map .map-info h3{color: #030C17; font-family: "Playfair Display"; font-size: 24px; font-style: normal; font-weight: 400;
        line-height: 30px; margin-bottom: 36px;}
.getting-sec .location-map .map-info h3 span {font-weight: 600;}        
.getting-sec .location-map .map-info ul {margin: 0; padding: 0;}  
.getting-sec .location-map .map-info ul li {color: #464646;font-size: 14px;font-style: normal;font-weight: 400; line-height: 18px; padding-bottom: 20px;
position: relative; padding-left: 15px;} 
.getting-sec .location-map .map-info ul li::before {content: ""; position: absolute; left: 0; top: 6px;background-image: url("../images/bullet.svg"); 
    background-repeat:no-repeat; background-position: center center; background-size: cover; width: 6px; height: 6px;}  
.getting-sec .location-map .map-info ul li span {font-weight: 600;}     
.getting-sec .location-map .map-info p {color: #030C17;font-family: "Playfair Display"; font-size: 24px; font-style: normal;font-weight: 400;line-height: 40px;
margin-bottom: 0;} 
.getting-sec .btn-view{color: #FFF; font-family: "Playfair Display"; font-size: 20px; font-weight: 600; line-height: normal;
    text-transform: uppercase; border-radius: 50px; background: #196BB7; padding: 22px 44px;  border: solid 1px #196BB7; letter-spacing: normal;
    display: inline-block; height: 71.7px; text-align: center; margin-top: 42px;}
.getting-sec .btn-view:hover {opacity: 0.8;}    


.footer {
  background-image: url(../images/footer_mask_img.jpg);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: cover;
  padding: 110px 0 80px;
  position: relative;
  z-index: 1
}
.footer .top-footer h3 {
  color: #97AB4D;
  font-family: "Libre Baskerville";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
  margin-bottom: 10px
}
.footer .top-footer .sub-info h3{
  padding-left: 41px;
}
.footer .contact-info p {
  color: #030C17;
  font-family: "Playfair Display";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px
}
.footer .contact-info p a {
  color: #030C17;
  font-family: "Playfair Display";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px
}
.footer .top-footer hr {color: rgba(25, 107, 183, 0.10); opacity: 1; margin: 20px 0 24px;}
.footer .sub-info .user_details {display: flex;}
.footer .sub-info .form-control {
  border-radius: 50px;
  background: #FFF;
  height: 71.7px;
  padding: 20px 40px;
  margin-right: 20px;
  border: 0;
  color: #000;
  font-size: 16px;
  font-weight: 400
}
.footer .sub-info .form-control::-webkit-input-placeholder {
  color: #000;
  font-family: "Playfair Display";
  font-size: 16px;
  font-weight: 400;
  line-height: 30px
}
.footer .sub-info .form-control::-moz-placeholder {
  color: #000;
  font-family: "Playfair Display";
  font-size: 16px;
  font-weight: 400;
  line-height: 30px
}
.footer .sub-info .form-control:-ms-input-placeholder {
  color: #000;
  font-family: "Playfair Display";
  font-size: 16px;
  font-weight: 400;
  line-height: 30px
}
.footer .sub-info .form-control:-moz-placeholder {
  color: #000;
  font-family: "Playfair Display";
  font-size: 16px;
  font-weight: 400;
  line-height: 30px
}
.footer .sub-info .btn-subscribe {
  border-radius: 50px;
  background: #ffbc10e6;
  color: #030C17;
  font-family: "Playfair Display";
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 40px;
  text-transform: uppercase;
  display: flex;
  height: 71.7px;
  text-align: center;
  align-items: center;
  justify-content: center;
  width: fit-content;
  text-decoration: none;
  padding: 0 31px
}
.footer .sub-info .btn-subscribe:hover {
  opacity: .8;
  background: #ffbc10e6;
  color: #030C17
}

.socail-info .mr-2{ margin-right: 8px;}
.btm-footer .footer-logo .mr-3{ margin-right: 22px;}

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

.banner .item{background-repeat: no-repeat; height: 100vh; background-size: cover;}
.bannertop{display: flex;justify-content: center;align-items: center;height: 100vh;flex-direction: column;}
.heroBanner .bannertop h1{  font-size:56px; font-weight: 600;line-height: 70px; font-family: "Playfair Display", serif; color: #ffffff; text-shadow: 3px 2px 8px #000000; }
.heroBanner .bannertop h2{  font-size: 48px; font-weight:400;line-height: 70px; font-family: "Playfair Display", serif;
 font-style: italic; color: #ffffff; text-shadow: 3px 2px 8px #000000 }
.clubHouse3 h5{color: #196BB7;font-family: "Playfair Display";font-size: 16px;font-style: normal;font-weight: 600;
line-height: 24px;text-transform: uppercase; margin-bottom:15px; }
.clubHouse3 h4{color: #030C17;font-family: "Playfair Display";font-size:28px;font-weight:400;line-height:38px; margin-bottom: 32px;}
.clubHouse3 h4 span{ font-style:italic; }
.clubhouse3 .item{position: relative}
.clubhouse3 .item  .clubhosebox{position: absolute; bottom: 0px; left:0px; background-color: #ffffff; max-width:230px; padding: 10px; width: 100%;}
.clubhouse3 .item  .clubhosebox h1{color: #030C17;font-family: "Playfair Display";font-size: 24px;
font-weight: 600;line-height: 38px;}
.clubhouse3{position: relative;}
.clubhouse3.owl-theme .owl-nav {position: absolute;right: 0px;top:-100px;}
.clubhouse3.owl-theme .owl-nav [class*=owl-]  {width: 51px; height: 51px;}
.clubhouse3.owl-carousel .owl-nav button.owl-next, .clubhouse3.owl-carousel .owl-nav button.owl-prev, .clubhouse3.owl-carousel button.owl-dot {border: 1px solid #196BB7;}
.clubhouse3.owl-carousel .owl-nav button.owl-prev img{transform:rotate(180deg);}
.clubhouse3.owl-theme .owl-nav [class*=owl-]:hover { background: transparent;}

.about-top{background-image: url("../images/about/banner-bg.jpg"); background-repeat: no-repeat; width: 100%; height: 871px;     background-size: cover;   background-position: center top;}
.about-top .about-hed{display: flex; justify-content: center; align-items: center;flex-direction: column;}


 

.about-top .about-hed h5{color: #FFF; font-family: "Playfair Display"; font-size: 18px;font-weight: 600;
    line-height: 30px; text-transform: uppercase;}

.about-top .about-hed h1{color: #FFF; font-family: "Playfair Display"; font-size: 56px; font-weight: 600;line-height: 70px;}
.aboutall{ margin-top: -150px; padding-bottom: 120px;}
.aboutall .submenu { background-color: #ffffff; height: 100%; padding: 44px 28px;}
.aboutall .submenu ul li a{color: #424242;font-family: "Playfair Display";font-size: 18px;font-weight: 400;
line-height: 30px;text-transform: uppercase; padding-bottom: 20px; display: block;}
.aboutall .submenu ul li a.active{color: #196BB7; font-size: 18px; font-weight: 700;}

.aboutall .card{ padding: 44px 40px 0px; border: 0px; border-radius: 0px; }
.aboutall .card  h2{color: #196BB7; font-family: "Playfair Display"; font-size: 16px; font-weight: 600;text-transform: uppercase; line-height: 24px; margin-bottom: 12px;}
.aboutall .card p{color: #424242;font-size: 14px;font-weight: 400;line-height: 26px; margin-bottom: 30px;}

.aboutall .card .facilatesbox{position: relative}
.aboutall .card .facilatesbox  .clubhosebox{position: absolute; bottom: 0px; left:0px; background-color: #ffffff; max-width:177px; padding: 10px; width: 100%;}
.aboutall .card .facilatesbox  .clubhosebox .h1{color: #030C17;font-family: "Playfair Display";font-size: 16px;
font-weight: 600;line-height: 25px;}




.our-Amenites{padding: 80px 0px 60px; background-color: #196BB7; margin-bottom: 80px;}
.our-Amenites .head-sec h4 {color: #ffffff; font-family: "Playfair Display"; font-size: 16px; font-style: normal; font-weight: 600; line-height: normal;
text-transform: uppercase;margin-bottom: 22px;}
.our-Amenites .head-sec p{color: #ffffff; font-family: "Playfair Display"; font-size: 28px;font-style: normal; font-weight: 400; line-height: 38px;
margin-bottom: 65px;}
.our-Amenites .ameties-details .icon {width: 66px; height: 66px; background-color: #EEFAFF;display: flex;justify-content: center; align-items: center;
border-radius: 50px;margin: 0 auto 20px;}
.our-Amenites .ameties-details .title h4{color: #ffffff;font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px;}

.location-map .mapsize{width: 100%; height:300px;}
.location-map a{color: #196BB7; font-family: "Playfair Display";font-size: 14px;font-weight: 400;text-decoration-line: underline; line-height: 22px; text-align: right; display: block; margin-bottom: 10px;}

.location-blue{background: #196BB7; padding: 30px 30px 36px;}
.location-blue h5{color: #FFF; font-family: "Playfair Display"; font-size: 16px; font-weight: 400; line-height: 24px; margin-bottom: 6px;}
.location-blue h3{color: #FFF; font-family: "Playfair Display"; font-size: 24px; font-weight: 400; line-height: 30px; margin-bottom: 0px;}

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

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


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

.gallery h5{color: #196BB7; font-family: "Playfair Display"; font-size: 16px; font-weight: 600;
line-height: normal; text-transform: uppercase;}
.gallery h4{color: #000; font-family: "Playfair Display"; font-size: 30px; font-weight: 600;line-height: 40px; margin-bottom: 30px;}





.villasdetails .card{margin-top: -150px; border: 0px; border-radius: 0px; padding: 56px 55px 56px;}
.villasdetails .card h5{color: #196BB7; font-family: "Playfair Display"; font-size: 16px; font-weight: 600;text-transform: uppercase; text-align: center; margin-bottom: 20px;}
.villasdetails .card p{color: #424242; font-size: 14px; font-weight: 400; line-height: 26px; text-align: center; }


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

.villa-details .card .h1{color: #196BB7; font-family: "Playfair Display"; font-size: 36px;font-weight: 600;
line-height: 40px; text-transform: uppercase; }

.villa-details .card  p{color: #424242;font-size: 14px;font-weight: 400;line-height: 26px; margin-bottom:35px;}
.villa-details .card  a.booknow{border-radius: 50px;background-color:#196BB7; padding: 13px 27px; font-size: 14px;
font-style: normal;font-weight: 600;line-height: normal;text-transform: uppercase; color: #ffffff; font-family: "Playfair Display", serif; transition: 0.7s; border: 1px solid #196BB7; }
.villa-details .card  a.booknow:hover{background-color:#ffffff; color:#196BB7;}
.villa-details .card  a.knowmore{border-radius: 50px;background-color:#ffffff; padding: 13px 22px; font-size: 14px;
font-style: normal;font-weight: 600;line-height: normal;text-transform: uppercase; color:#196BB7; font-family: "Playfair Display", serif; transition: 0.7s; margin-left: 20px; border: 1px solid #196BB7; }
.villa-details a.knowmore:hover{background-color:#196BB7; color:#ffffff;}

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

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

.contactus .card{margin-top: -150px; border: 0px; border-radius: 0px; padding: 56px 55px 56px;}
.contactus .card h5{color: #196BB7;font-family: "Playfair Display";font-size: 16px;font-weight: 600;text-transform: uppercase; margin-bottom: 25px;}

.req{display: none;}

#contactFormmain label {color: #424242; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px; display: block; margin-bottom:10px;}
#contactFormmain .form-control{border-radius: 50px; border: 1px solid #196BB7; padding: 5px 22px; color: #196BB7;
font-size: 16px; font-weight: 500; line-height: 40px; }
#contactFormmain .form-control::placeholder {color: #196BB7; opacity: 1;}
#contactFormmain .form-control::-ms-input-placeholder {color: #196BB7;}



#contactFormmain  .submitbutton{border-radius: 50px;background-color:#196BB7; padding: 15px 44px; font-size: 18px;
font-style: normal;font-weight: 700;line-height: normal;text-transform: uppercase; color: #ffffff; font-family: "Playfair Display", serif; transition: 0.7s; border: 1px solid #196BB7; }
#contactFormmain  .submitbutton:hover{background-color:#ffffff; color:#196BB7;}
#contactFormmain .form-control.form-control2{border-radius: 20px;}
.reviscard{border-radius: 10px;}
.reviscard .revstop{background-color:#0C2A45; padding: 29px ; border-radius: 10px 10px 0px 0px;}
.reviscard .revstop h4{color: #FFF; font-family: "Playfair Display"; font-size: 30px; font-weight: 600; line-height:45px; text-align: center}

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

.reviscard .revstop .h1{color: #FFBC10;font-family: "Playfair Display";font-size: 70px;
font-weight: 600;line-height: 70px; text-align: center; position: relative; width: fit-content; margin: 0px auto;
}
.reviscard .revstop .h1 span{font-size: 30px;}
.reviscard .revstop .h1 sub{font-size: 14px; line-height: 20px;right: 6px; white-space: nowrap; bottom: -5px;position: absolute; }

.reviscard .chekoutform{background: #196BB7; padding:24px 10px 36px; border-radius: 0px 0px 10px 10px; }

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

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

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


.reviscard .chekoutform .datepicker th{color: #ffffff;}


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


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

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

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

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

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

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

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

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

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

.reviscard .chekoutform .datepicker th.prev{
    font-size: 0px;
    /* background-image: url("images/prev-ic.svg");
    width: 16px;
    height: 17px;
    background-repeat: no-repeat;
    background-position: left center;*/
}

.reviscard .chekoutform .datepicker th.next{
    font-size: 0px;
    /*background-image: url("images/next-ic.svg");
    width: 16px;
    height: 17px;
    background-repeat: no-repeat;
    background-position: right center;*/
}

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

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


}

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


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

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

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


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


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

.mapsection .mapdirection{border:10px solid #ffffff;}

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


.mapsection h5{color: #196BB7; font-family: "Playfair Display"; font-size: 16px; font-style: normal; font-weight: 600; line-height:26px;text-transform: uppercase; margin-bottom:30px; }

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


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

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

.addrbox .addredetails a{color: #424242;}

.vilaestate{padding-top:20px;} 
.vilaestate h1{color: #196BB7; text-align: center; font-family: "Playfair Display"; font-size: 56px;
font-style: normal; font-weight: 600; line-height: 70px; }


.estateslider{padding:0px;}
.estateslider .container-fluid{padding: 0px;}
.estavila .owl-stage{display: flex;}
.estavila .owl-item { height: 100%; display: flex;  align-self: center;}
.estateslider .position-relative{position: relative}
.estateslider .position-relative .villasbook{width: 100%;  position: absolute;  justify-content: center;  display: flex;height: 100%; align-items: center; z-index:9; flex-direction: column; margin-top: -15px;}
.estateslider .position-relative .villasbook h1{color: #FFF;text-shadow: 0px 4px 14px rgba(0, 0, 0, 0.65);font-family: "Playfair Display";font-size: 56px;font-style: normal;font-weight: 600;line-height: 70px; margin-bottom:20px; }
.estateslider .position-relative .villasbook .booknow{border-radius: 50px;  border: 1px solid #196BB7;  background: #196BB7; color: #ffffff;font-family: "Playfair Display"; font-size: 18px; font-weight: 700; text-transform: uppercase;  padding: 0px 28px;line-height: 54px;  display: flex; width: fit-content; align-items: center; }

.estaoverview .card { border: 0px; border-radius: 0px; margin-top: -90px; position: relative; z-index: 9; padding: 60px;}
.estaoverview h4{color: #424242; font-size: 30px; font-style: normal; font-weight: 300; line-height: 50px; margin-top: -10px;}
.estaoverview h4 strong{font-weight: 600;}
.estaoverview h5{color: #196BB7; font-family: "Playfair Display"; font-size: 16px;
font-weight: 600; line-height:24px;text-transform: uppercase; margin-bottom: 25px;}
.estaoverview h6{color: #000; font-family: "Playfair Display"; font-size: 26px;font-weight: 600;
line-height: 40px;}
.estaoverview  p{color: #424242; font-size: 12px; font-style: normal; font-weight: 400; line-height: 16px; margin-bottom: 0px;}

.estaoverview .border-right{border-right: 1px solid #E9E9E9;}
.estaoverview  .spccation p{font-style: italic;}



.villasfas{ background-color: #F5F5F5; padding: 80px 0px 60px;}
.villasfas h5{color: #196BB7; font-family: "Playfair Display"; font-size: 16px; font-weight: 600;line-height: 26px;
text-transform: uppercase; margin-bottom: 60px; text-align: center}
.villasfas  .ameties-details .icon {width: 66px; height: 66px; background-color:#ffffff;display: flex;justify-content: center; align-items: center; border-radius: 50px;margin: 0 auto 20px;}
.villasfas  .ameties-details .title h4{color:#030C17;;font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px; position: relative; width: fit-content;  margin: 0px auto; }

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

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

.villasfas .tooltip2 .tooltiptext::before{width: 10px;  height: 10px;  border-top: solid 10px rgb(25, 107, 183);
    border-left: solid 10px transparent; border-right: solid 10px transparent; position: absolute; bottom: -10px;
    content: ''; margin: 0px auto; left: 0px; right: 0px;}


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

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

.our-Amenites .tooltip3 .tooltiptext::before{width: 10px;  height: 10px;  border-top: solid 10px rgb(256, 256, 256);
    border-left: solid 10px transparent; border-right: solid 10px transparent; position: absolute; bottom: -10px;
    content: ''; margin: 0px auto; left: 0px; right: 0px;}
.our-Amenites .ameties-details .title h4{position: relative; width: fit-content; margin: 0px auto;}


.photogaller{padding:0;}
.photogaller h5{color: #196BB7; font-family: "Playfair Display"; font-size: 16px; font-weight: 600;line-height: 26px;
text-transform: uppercase; margin-bottom:33px;  }
.photogaller .photgabtn{display: flex; justify-content: center; align-items: center; margin-top: 30px;}
.photogaller .gallerybtn {border-radius: 50px;  border: 1px solid #196BB7;  background: #196BB7; color: #ffffff;
    font-family: "Playfair Display"; font-size: 18px; font-weight: 700; text-transform: uppercase;  padding: 0px 28px;
    line-height: 54px;  display: flex; width: fit-content; align-items: center;}



.lositeplan{padding: 75px 0px;}
.lositeplan h5{color: #196BB7; font-family: "Playfair Display"; font-size: 16px; font-weight: 600;line-height: 26px;
text-transform: uppercase; margin-bottom: 60px;  }
.lositeplan .lobooknow{border-radius: 50px; border: 1px solid #196BB7; background:#196BB7; color: #ffffff;
font-family: "Playfair Display"; font-size: 18px; font-weight: 700; text-transform: uppercase; padding: 0px 28px; line-height: 54px; display: inline-block; margin-top: 40px;}
.lositeplan .card{border-radius: 0px; padding: 36px; border:1px solid #196BB7;}
.lositeplan .text-right{text-align: right; display: flex; justify-content: end; }
.lositeplan .text-right a{color: #424242; font-family: "Playfair Display";font-size: 14px;
font-weight: 600; line-height: normal; margin-left: 15px;}
.lositeplan .text-right a img{margin-right: 10px;}
.instagramvideos{padding: 80px 0px; background-color: #F4F4F4; margin-bottom: 120px; }
.instagramvideos h5 {color: #196BB7; font-family: "Playfair Display"; font-size: 16px; font-weight: 600;line-height: 26px;
text-transform: uppercase; margin-bottom:33px;  }
.posic{position: relative; cursor: pointer;}
.posic .iconvid{width: 100%;  position: absolute; top: 0px;  bottom: 0px; left: 0px; right: 0px; z-index: 999; height: 100%;    display: flex; justify-content: center;  align-items: center;}
.cpy-rght p{color: #030C17; font-family: "Playfair Display";  font-size: 16px;font-weight: 400;line-height: 30px;}
.sublinkfo a{color: #030C17; font-family: "Playfair Display";  font-size: 16px;font-weight: 400;line-height: 30px; padding-right:15px;}
.maphome{ width: 100%; height: 463px;}
.estavila.owl-carousel .owl-item .item{width: 100%;}
.estavila.owl-carousel .owl-item img{max-width: 100%;}
.form-select:focus {outline: none;border-color: inherit;-webkit-box-shadow: none;box-shadow: none;}
.header-bg header{background-color:#545151 !important;}

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

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

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

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

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

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