@font-face { font-family: "ChronicleDisplay"; src: url('../fonts/Chronicle Display Roman.otf'); }
@font-face { font-family: "OpenSans"; src: url('../fonts/OpenSans-Regular.ttf'); }
html { font-size: 10px; }
* { padding: 0; margin: 0; }
.main, body { scroll-behavior: smooth; font-family: 'OpenSans', sans-serif !important; }
body { font-size: 1.3rem; line-height: 2.3rem; overflow-x: hidden; /*letter-spacing: 0.1rem*/}
.container { max-width: unset; width: 90%; }
section { position: relative; overflow: hidden !important; }
.innerContactus{
background-image: url(../images/getbg.webp);
background-size: cover;
background-repeat: no-repeat;
}
.section-head { font-family: 'ChronicleDisplay', sans-serif; color: #000; font-size: 4.2rem; position: relative;
word-spacing: 0.6rem;}
.section-head1 { font-family: 'ChronicleDisplay', sans-serif; color: #000; font-size: 3.1rem; position: relative; }
.innerAboutUs, .innerHighlights, .innerConnectivity, .innerContactus, .innerSocial, .innerLocation { padding: 5rem 0rem;
}
.innerHome { margin-top: 53px; }
/* ==================== About Us Start ==================== */
.counter, .pulsicon { font-size: 2rem; font-family: 'ChronicleDisplay', sans-serif; }
/*.add-para { font-weight: 500; font-size: 1.5rem; }*/
/*.aboutboder, .aboutboder2 { border-right: 1px solid #000; }*/
.aboutboder { position: relative; }
.aboutboder::after {
content: "";
width: 1px;
height: 92px;
background-color: #707070;
position: absolute;
right: 0;
top: 0;
bottom: 0;
margin: auto;
}

.innerAboutUs p { text-align: justify; }
.boxaboutbox { display: block; align-content: end; }
/*#AboutUs img { width: 100%; height: 400px; }*/
/* ==================== About Us End ==================== */
.innerHighlights p { text-align: justify; }
/* ==================== Connectivity Start ==================== */
.innerConnectivity { background: #f5f5f5; }
.Connectivitybox img { width: 6rem; }
.boxHighlights { padding-right: 4rem; }
/* ==================== Connectivity End ==================== */
/* ==================== Contact Us Start ==================== */
.form-control { font-size: 1.5rem; padding: 1.5rem 2.7rem; width: 100% !important; border-radius: 0px;}
.btn-1::before, .btn-1::after {
position: absolute;
content: "";
}
.radiophone { width: 1.5rem; height: 1.5rem; }
.contactcheckbox { width: 1.5rem; height: 1.5rem; }
.btn-holder{ position: relative; }
.btn { border: none; cursor: pointer; min-width: 150px; padding: 0px; }
.btn span {
position: relative;
display: inline-block;
font-size: 1.3rem;
text-transform: uppercase;
top: 0; left: 0;
width: 100%;
padding: 10px 9px 9px 34px;
transition: 0.3s;
}
.hover-filled-slide-right i { padding-right: 32px; }
.hover-filled-slide-right i::after {
content: ""; position: absolute; content: ""; width: 1px; background: #fff; height: 100%; top: 0; left: 35%;
}
.btn-1::before { background-color: rgb(28, 31, 30); transition: 0.3s ease-out; }
.btn-1 span { color: rgb(255,255,255); border: 1px solid rgb(28, 31, 30); transition: 0.2s 0.1s; }
.btn-1 span:hover { color: rgb(28, 31, 30); transition: 0.2s 0.1s; }
.btn.hover-filled-slide-right::before { top:0; bottom: 0; right: 0; height: 100%; width: 100%; }
.btn.hover-filled-slide-right:hover::before { width: 0%; }
.btn.hover-filled-slide-right:hover i::after { background: #000; }
.rediabtn {margin-left: 5px; margin-right: 20px; }
/* ==================== Contact Us End ==================== */
/* ==================== Location Start ==================== */
/*.accordion-item { border: none !important; }
.accordion-button { background: #ccc !important; font-size: 13px; color: #000 !important; border: 1px solid #000; }
.accordion-button:focus { box-shadow: none; border: 1px solid #000; }
.accordion-button::after { content: ''; }
.accordion-header{ font-size: 1.3rem; }
.accordion ::after { position: unset; }*/
.nav-pills .nav-link { padding: 1.5rem 2.7rem; border: 1px solid #000; color: #000; }
.nav-pills .nav-link.active, .nav-pills .show>.nav-link { color: #fff; background-color: #000;}
.boxLocation img { width: 55px; }
/* ==================== Location End ==================== */
/* ==================== Social Infra Start ==================== */
.innerSocial { background: #f5f5f5; }
.amenities-new-slider .image-wrapper-container { display: flex; align-items: center }
.image-wrapper-container i { margin-right: 1rem; }
.amenities-new-slider .image-wrapper-container {
margin: 0;
padding: 1.6rem;
position: absolute;
bottom: 1.5rem;
left: 0;
width: 100%;
text-align: left;
z-index: 10000;
}
.amenities-new-slider .image-wrapper-container span {
margin: 0;
padding: 0;
color: #fff;
font-family: 'OpenSans', sans-serif !important;
display: inline-block;
text-transform: uppercase;
/*font-size: 1.3rem;*/
}
.amenities-new-slider .image-wrapper::after {
content: "";
position: absolute;
width: 100%;
height: 21rem;
background: transparent linear-gradient(180deg,#00000000 0%,#000000B4 45%,#000000 100%) 0% 0% no-repeat padding-box;
opacity: 1;
bottom: 0;
left: 0;
z-index: 10
}
.amenities-new-slider .active { border: none!important }
button.owl-prev {
margin: 0;
padding: 0;
background: url(../images/new-slider-left-arrow.webp) no-repeat 0 0!important;
width: 90px !important;
height: 90px !important;
background-size: contain!important;
margin: -9px !important;
}
.owl-dots{ display: none !important; }
button.owl-next {
margin: 0;
padding: 0;
background: url(../images/new-slider-right-arrow.webp) no-repeat 0 0!important;
width: 90px!important;
height: 90px!important;
background-size: contain!important;
margin: -9px !important;
}
.image-wrapper-container .icon { width: 50px !important; }
button.owl-prev span,button.owl-next span { opacity: 0!important; }
button.owl-prev span,button.owl-next span { opacity: 0!important; }
.Social-gallery img { position: relative; }
.showhead {
position: absolute;
top: 50%;
left: 50%;
text-wrap: nowrap;
transform: translate(-50%, -50%);
font-size: 19px;
letter-spacing: 2px;
color: #fff;
visibility: visible;
font-weight: 600;
transition: all 0.3s ease-in-out;
height: 100%;
width: 100%;
text-align: center;
align-content: center;
background: #00000052;
-webkit-transform: translate(-50%, -50%);
-webkit-transition: all 0.3s ease-in-out;
}
.Social-gallery { overflow: hidden; }
.Social-gallery:hover .showhead {
visibility: hidden;
transition: all 0.3s ease-in-out;
}
.Social-gallery img { transition: transform .75s ease-out; }
.Social-gallery:hover img { transform: scale(1.05); transition: transform .75s ease-out; }
.Social-gallery .overlay {
position: absolute;
bottom: 0%;
left: 0%;
z-index: 9;
background-color: #000000d0;
width: 100%;
height: 0;
transition: all 0.5s ease-in-out;
}
.Social-gallery:hover .overlay { height: 100%; transition: all 0.5s ease-in-out; }
.upshowhead { color: #fff; margin-bottom: 1.5rem; font-size: 1.9rem; font-weight: 600; }
.Social-gallery .innercontents { margin-top: 20%; margin-left: 15%; color: #fff; }
.Social-gallery ul { padding-left: 15px; color: #fff; }
/* ==================== Social Infra End ==================== */
.innerfooter { background-color: #ededed; padding: 3rem 0rem; margin-bottom: 7rem;}
.innerfixfooter { box-shadow: 0 -3px 14px rgba(0, 0, 0, .16); position: fixed; bottom: 0px; width: 100%; background:
#fff; padding: 1rem; z-index: 999; }
.fixfooter-icon { position: relative; cursor: pointer; }
.fixfooter-icon1 { position: relative; cursor: pointer; }
.fixfooter-icon::after {
content: "";
width: 1px;
height: 2.5rem;
background-color: #707070;
position: absolute;
right: 0;
top: 0;
bottom: 0;
margin: auto;
}
.form-check-label label.error:after {
content: " ";
position: absolute;
left: 1px;
top: -9px;
border-top: none;
border-right: 8px solid transparent;
border-left: 8px solid transparent;
border-bottom: 8px solid black;
}
.form-check-label { position: relative; }
.form-check-label label.error {
position: absolute;
top: 24px;
background: #fff;
/* padding: 5px; */
border: 1px solid #000;
z-index: 99;
left: -4px;
}
.form-check-label2 label.error:after {
content: " ";
position: absolute;
left: 1px;
top: -9px;
border-top: none;
border-right: 8px solid transparent;
border-left: 8px solid transparent;
border-bottom: 8px solid black;
}
.form-check-label2 { position: relative; }
.form-check-label2 label.error {
position: absolute;
top: 24px;
background: #fff;
padding: 5px;
border: 1px solid #000;
z-index: 99;
left: -4px;
}
/* ========================== Popup Form Start ========================== */
button.btn-close { position: absolute; right: 10px; top: 10px; }
#price .modal-header { padding: 0px; border: none; }
#price .modal-header img { width: 20%; }
#price .input-group input { width: 100% !important; border-radius: 0px; }
/*#price .input-group input::placeholder { color: #ffffffb5; }*/
#price .input-group { padding: 5px 0px; margin: 10px 0px; }
#price .iti.iti--allow-dropdown { width: 100% !important; }
#price .modal-dialog { max-width: unset; width: 65%; }
#price .modal-body { border-style: double; border-color: #fff; color: #fff; }
/*#price .btn-close { filter: invert(1); }*/
button#submitf { background: #fff; color: #000; border: 1px solid #000; border-radius: 0px; }
label.error { color: red !important; }
#price .iti__country-list { background-color: #000 !important; color: #000 !important; z-index: 999; }
/* ========================== Popup Form End ========================== */
/* ======================= Navbar start ======================= */
.navbar { box-shadow: 2px 2px 5px rgba(112, 112, 112, 0.795); background: #00000080;}
.navbar-brand1 img { }
.colornavbar { background: #fff; border-bottom: 1px solid #000; box-shadow: 2px 2px 5px rgba(112, 112, 112, 0.795); }
.navbar .navbar-nav .nav-link { color: #fff; padding: 1rem 1.2rem; position: relative; }
.nav-item a { font-family: 'CormorantGaramond', sans-serif; font-size: 17px; font-weight: 500; }
.nav-item a>i { margin-left: 5px; }
.nav-item a:after {
content: '';
position: absolute;
display: block;
width: 0;
height: 2px;
-webkit-transition: width .3s linear;
transition: width .3s linear;
background: #fff;
bottom: 0;
left: 0;
}
.nonscrollheader {
position: fixed;
top: 0;
width: 100%;
left: 0;
z-index: 9;
transform: translateY(-150%);
transition: all ease-in-out 1s;
}
.nav-item:hover a:after { width: 100%; }
.colornavbar .navbar-nav .nav-link { color: #000 !important; }
.colornavbar .navbar-brand1 img { filter: invert(0); }
.colornavbar .nav-item a:after { background: #000; }
button.navbar-toggler { padding: 0px; border: none; }
rect.line.line--top { fill: #000; }
rect.line.line--bottom { fill: #000; }
.navbar-toggler:focus { box-shadow: unset; }
.navbar-toggler circle { fill: #fff !important; }
.navbar-toggler:hover .line--top { width: 12px; x: 30px; transition: 0.2s all;}
.navbar-toggler:hover .line--bottom { width: 24px; x: 18px; transition: 0.2s all;}
.colornavbar rect.line.line--top { fill: #fff; }
.colornavbar rect.line.line--bottom { fill: #fff; }
.colornavbar .navbar-toggler circle { fill: #000 !important; }
.colornavbar .navbar-toggler:hover .line--top { width: 12px; x: 30px; transition: 0.2s all;}
.colornavbar .navbar-toggler:hover .line--bottom { width: 24px; x: 18px; transition: 0.2s all; }

/* ======================= Navbar End ======================= */
@media only screen and (min-width: 1850px) {
.nav-item a { font-family: 'CormorantGaramond', sans-serif; font-size: 18px; font-weight: 500; }
}
@media only screen and (min-width: 1500px) and (max-width: 1800px) {
.nav-item a { font-family: 'CormorantGaramond', sans-serif; font-size: 17px; font-weight: 500; }
}
@media only screen and (min-width : 992px) and (max-width: 1200px) {
.nav-item a { font-family: 'CormorantGaramond', sans-serif; font-size: 14px; font-weight: 500; }
.navbar .navbar-nav .nav-link { color: #fff; padding: 1rem 1rem; position: relative; }
}
/* ======================= Tablet Start ======================= */
@media only screen and ( max-width: 991px ) {
.navbar-brand { margin-right: 0; padding: 0 1em; }
/*button.navbar-toggler { margin: 10px 0px; border: 1px solid #000;}*/
.navbar-toggler:focus { text-decoration: none; outline: 0; box-shadow: unset; }
.navbar .navbar-nav .nav-link { color: #000; padding: 0.2em 2em; border-right: none; margin: 0em 0em; border: none; }
.navbar-collapse { flex-basis: 84%; flex-grow: 1; align-items: center; position: absolute; width: 100%; top: 0px; left:
0px; background: #fff; }
.navbar-nav li { text-align: center; border-bottom: none; }
.navbar-brand1 { width: 40% !important; }
.navbar-nav { background: #fff;height: 100vh; display: block; align-content: center; }
.navbar-brand1 img { width: 100%; }
.nav-item a { font-family: 'CormorantGaramond', sans-serif; font-size: 22px; font-weight: 500; }
button.navbar-toggler { padding: 0px; border: none; z-index: 99; }
.navbar-toggler svg { border: 1px solid #000; border-radius: 50%; }
}
/* ======================= Tablet End ======================= */
/* ======================= Large Mobile Start ======================= */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.navbar-brand1 { width: 50% !important; }
.navbar-brand1 img { width: 100%; }
.navbar-toggler svg { width: 40px; height: 40px; }
}
/* ======================= Large Mobile End ======================= */
/* ======================= Small Mobile Start ======================= */
@media only screen and (min-width: 300px) and (max-width: 480px) {
.navbar-brand1 { width: 50% !important; }
.navbar-brand1 img { width: 100%; }
.navbar-toggler svg { width: 40px; height: 40px; }
}
/* ======================= Small Mobile End ======================= */
#aqimodel .modal-dialog { max-width: unset; width: 65%; }

.float {
position: absolute;
z-index: 9;
bottom: 20%;
right: 1%;
font-size: 12px;
padding: 10px;
background-color: #000;
text-align: center;
border-radius: 10px;
border: 1px solid #fff;
}
.float a {
color: #fff !important;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 2px;
}
.pulse1 {
animation: pulse-animation 2s infinite;
}
@keyframes pulse-animation {
0% {
box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.3);
transform: scale3d(1.05, 1.05, 1.05);
}
100% {
box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
transform: scale3d(1, 1, 1);
}
}
.cursor {
display: none;
width: 35px;
height: 35px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%);
border-radius: 50%;
/* background-image: url(../images/golf08.png); */
background-size: cover;
background-repeat: no-repeat;
/* background: #caa686; */
pointer-events: none;
z-index: 111;
border: 1.5px solid #000;
transition: all 0.2s ease-out;
animation: moveCursor1 .5s infinite alternate;
}

.expand {
/* background: #caa686; */
background-image: url(../images/golf08.png);
background-size: cover;
background-repeat: no-repeat;
animation: moveCursor2 .5s forwards;
border: 1px solid yellow;
}

@keyframes moveCursor1 {
from {
transform: scale(1);
}

to {
transform: scale(.8);
}
}

@keyframes moveCursor2 {
0% {
transform: scale(1);
}

50% {
transform: scale(2.5);
}

100% {
transform: scale(1);
opacity: 0;
}
}
body{
cursor: auto;
}
#aqimodel button {background-color: #caa686;
color: #fff;
border: none;
font-size: 25px;
min-width: auto;
width: 50px;
height: 50px;
border-radius: 50px;
padding: 0px !important;
left: 0px;
right: 0px;
margin: 0px auto;
}

#banner {
width: 100%;
margin: 0 auto;
height: 100%;
position: relative;
/*overflow: hidden;*/
/*background-color: #000;*/
position: absolute;
}

#banner .loadingScreen {
height: 100vh;
width: 100%;
position: absolute;
left: 0px;
top: 0px;
/*bottom: 0px;*/
right: 0px;
margin: auto;
z-index: 9990;
transform-origin: left;
clip-path: inset(0% 0% 0% 0%)
}
#banner .loadingScreen span {
width: 100%;
height: 33.333%;
display: block;
background-color: #000;
}

#banner .bannerCenter {
width: 400px;
/* height: 310px; */
max-width: 100%;
text-align: center;
margin: auto;
position: absolute;
left: 0px;
right: 0px;
top: 45%;
transform: translateY(-50%);
z-index: 9990
}

#banner .bannerCenter:after {
content: "";
background-color: rgba(0, 0, 0, .1);
left: 0;
filter: blur(28px);
position: absolute;
top: 0;
width: 100%;
height: 100%;
z-index: -1;
opacity: 0;
transition: 1s
}

#banner .bannerCenter.addBackShadow {
z-index: 1000
}

#banner .bannerCenter.addBackShadow:after {
opacity: 1
}

@media(max-width: 767px) {
#banner .bannerCenter {
width: 300px;
height: 270px
}
}

#banner .bannerCenter .bannerTitle {
opacity: 0;
}

#banner .bannerCenter .bannerTitle h1 {
color: var(--White);
text-transform: uppercase;
font-weight: var(--font-weight-600);
letter-spacing: 0px;
transition: .5;
}

#banner .bannerCenter .bannerTitle h1 .land {
font-size: 23px !important;
}

#banner .bannerCenter .bannerTitle h1 .BodoniFont {
font-family: "Bodoni 72";
font-weight: 400;
font-style: italic;
text-transform: none;
font-size: 50px;
padding-left: 2px
}

#banner .bannerCenter h6 {
color: #fff;
font-size: 16px;
margin-top: 30px;
text-align: center;
opacity: 0
}

#banner .bannerCenter .bannerVetBotttom.whiteSvg svg path,
#banner .bannerCenter .bannerVetTop.whiteSvg svg path {
stroke: #C5995B;
transition: .5s
}

#banner .banner1 {
height: 100%;
position: relative;
transform: scale(1);
/*padding-top: 67px;*/
}

#banner .banner1 img {
width: 100%;
height: 100%;
/* object-fit: cover; */
}
@media(max-width: 767px) {
#banner .banner1 {
height: 100%;
position: relative;
transform: scale(1.5);
/*padding-top: 65px;*/
}
}
.qrcodeimages img { margin: 0px 10px; }
.innerfooter hr {
width: 80%;
margin: 10px auto;
}


/* .image-wrapper {
    position: relative;
    display: inline-block;
} */

.play-btn {
    position: absolute;
    bottom: 35%;
    right: 24%;
    width: 90px;
    cursor: pointer;
      border-radius: 50%;   /* border radius ON */
}
/* Pulse animation */
.pulse-white {
    animation: pulseShadow 2s infinite;
}

/* Keyframes */
@keyframes pulseShadow {
    0% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9);
    }
    50% {
        transform: scale(1.05);
        box-shadow: 0 0 20px 10px rgba(255, 255, 255, 0.5);
    }
    100% {
        transform: scale(1);
        box-shadow: 0 0 35px 20px rgba(255, 255, 255, 0);
    }
}
/* Mobile ke liye thoda chhota */
@media (max-width: 767px) {
    .play-btn {
        width: 57px;
        bottom: 25%;
        right: 42%;
    }
    .content {
    position: fixed;
    top: 50%;
    left: 48% !important;
    transform: translate(-50%, -50%);
    /* background: #ffffffa6; */
    /* padding: 20px 40px; */
}
}