html {
    font-size: 16px;
}
body{
    font-size: 1rem;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
}
.bg-opacity-3{
    --bs-bg-opacity: 0.03;
}
.border-opacity-3{
    --bs-border-opacity: 0.03;
}
h1, h2, h3, h4, h5, h6, .mont  {
    font-family: 'Montserrat', sans-serif;
}
.opensans {
    font-family: 'Open Sans', sans-serif;
}
.f-14{font-size: .875rem;}
.f-18{font-size: 1.125rem;}
a{
    color: inherit;
    text-decoration: none;
}
.h-33{
    height: 33.33%
}
.sec-title{
    font-size: 3rem;
}
.sec-title.md{
    font-size: 2.5rem;
}
.common-btn{
    display: inline-block;
    background-color: #D2AA48;
    color: #000;
    font-size: 0.875rem;
    font-weight: 600;
    padding: .75rem 2rem;
    border-radius: 40px;
    transition: .3s ease-in-out;
    border: 2px solid #D2AA48;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}
.common-btn:hover{
    background-color: #fff;
    color: #D2AA48;
}
.common-btn2{
    display: inline-block;
    background-color: #D2AA48;
    color: #000;
    font-size: 0.875rem;
    font-weight: 600;
    padding: .75rem 2rem;
    border-radius: 40px;
    transition: .3s ease-in-out;
    border: 2px solid #D2AA48;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}
.common-btn2:hover{
    background-color: #fff;
    color: #D2AA48;
}
.common-btn.grey{
    background-color: rgba(90, 90, 90, 0.8);
    color: #fff;
    font-size: 1.25rem;
    border-color: #fff;
    -webkit-backdrop-filter: blur(144px);
    backdrop-filter: blur(144px);
}
.submit-btn{
    display: inline-block;
    background-color: #D2AA48;
    color: #000;
    font-size: 0.875rem;
    font-weight: 600;
    padding: .75rem 2rem;
    border-radius: 40px;
    transition: .3s ease-in-out;
    border: 2px solid #D2AA48;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}
.submit-btn:hover{
    background-color: #fff;
    color: #D2AA48;
}
.submit-btn.grey{
    background-color: rgba(90, 90, 90, 0.8);
    color: #fff;
    font-size: 1.25rem;
    border-color: #fff;
    -webkit-backdrop-filter: blur(144px);
    backdrop-filter: blur(144px);
}
.circular-btn{
    background-color: rgba(90, 90, 90, 0.04);
    width: 70px;
    height: 70px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 1.5rem;
    border: 2px solid #fff;
    color: #fff;
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(24px);
    transform: rotate(-45deg);
    transition: .3s ease-in-out;
}
.circular-btn:hover{
    background-color: #fff;
    color: #D2AA48;
}
.circular-btn.norotate{
    transform: rotate(0deg);
}
.circular-btn.sm{
    width: 50px;
    height: 50px;
    font-size: 1.2rem;
}
.circular-btn2{
    background-color: rgba(90, 90, 90, 0.04);
    width: 70px;
    height: 70px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 1.5rem;
    border: 2px solid #fff;
    color: #fff;
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(24px);
    transform: rotate(-45deg);
    transition: .3s ease-in-out;
}
.circular-btn2:hover{
    background-color: #fff;
    color: #D2AA48;
}
.circular-btn2.norotate{
    transform: rotate(0deg);
}
#navbarNav .nav-link{
    color: #fff;
}
#navbarNav .nav-link:hover, #navbarNav .nav-link.active{
    color: #D2AA48;
}
.hero-patch{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 50%);
}
.hero-patch + img {
    max-height: calc(100vh - 77px);
    object-fit: cover;
    object-position: center;
}
.banner-center-title{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-weight: 700;
    font-size: clamp(20px, 6vw, 60px);
    text-align: center;
    z-index: 2;
    padding: 0 1rem;
}
.patch{
    background: linear-gradient(0deg, rgba(0, 0, 0, .4) 0%, rgba(0, 0, 0, 0) 100%);
}
.icon{
    width: 100px;
    height: 100px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #181818;
    border-radius: 50%;
}
.icon.md{width: 50px;height: 50px;}
.ltabs > a{
    color: #fff;
}
.ltabs.lt2 > a{
    color: rgba(134, 134, 134, 0.25);
}
.ltabs > a .icon > img{
    filter: brightness(0) invert(1);
}
.ltabs > a.active .icon > img{
    filter: none;
}
.ltabs > a.active{
    color: #D2AA48;
    font-weight: 600;
}
.view360 > img{transition: 1s ease-in-out;}
.view360:hover > img{transform: scale(1.15)}

.caption-360{
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    transition: .5s ease;
}
.view360:hover .caption-360{
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}
.contact-form{
    background-color: #080B11;
}
.form-control{
    min-height: 42px;
    font-size: .875rem;
}
.form-control::placeholder{
    opacity: .5;
    color: #fff;
}
.translatey-50{transform: translateY(50%);}
.custom-radio input{
    display: none;
}
.custom-radio label{
    padding: .4rem;
    font-size: .75rem;
    display: inline-block;
    background-color: #45474C;
    color: rgba(255, 255, 255, 0.5);
    position: relative;
    transition: .3s ease-in-out;
    cursor: pointer;
    border-radius: 3px;
}
.custom-radio input:checked ~ label{
    background-color: #fff;
    color: #000;
}
.lcaption{
    transition: .3s ease-in-out;
    opacity: 0;
}
.lcaption > div{
    transform: translateY(100%);
    transition: all .3s ease;
}
.lcaption:hover{
    opacity: 1;
}
.lcaption:hover > div{
    transform: translateY(0);
}
.social a{
    display: inline-block;
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #1D293D;
    border-radius: 50%;
    color: #E2E8F0;
}
.accordion-button::after{
    filter: invert(1);
}
.ctabs > a > .sec-title{
    color: rgba(134, 134, 134, 0.5);
}
.ctabs > a.active > .sec-title{
    color: #D2AA48;
}
.image-text-overlay-section {
    background-image: url(../../assets/images/pool-about-bg.jpg);
    background-size: cover;
    background-position: center center;
    /* min-height: 650px; */
}
.text-box-about {
    max-width: 850px;
    position: absolute;
    right: 0;
    background: #000;
    border-radius: 10px;
    padding: 10px;
}
.text-box-about h2 {
    font-size: 2rem;
}
#navbarNav .nav-item .nav-link::before {
        content: '.';
        font-size: 200%;
        line-height: 0;
        margin: 0 15px 0 0;
    }
@media(min-width:768px){
    .position-md-absolute{position: absolute;}
}
@media(min-width:992px){
    .position-lg-absolute{position: absolute;}
    #navbarNav .nav-item:not(:first-child) .nav-link::before{display: none;}
}
@media(min-width:1200px){
    .border-left-xl{border-left: 1px solid rgba(255, 255, 255, 0.1);}
}

@media (max-width:767px){
    .sec-title{font-size: 2.25rem;}
    .sec-title.md{font-size: 1.75rem;}
    .ctabs > a > .h5{font-size: 1rem;}
    .icon{width: 80px;height: 80px;}
    .view360 > img{height: 120vw;object-fit: cover;}
    .top-heading{font-size: 11px;}
    .text-box-about{position: relative;}
}