@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&family=Jost:ital,wght@0,100..900;1,100..900&display=swap');
 
* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
html{
    scroll-behavior: smooth;
}
body {
    font-family: "Jost", sans-serif;
    overflow-x: hidden;
}
.cormorant-font{
    font-family: "Cormorant Garamond", serif;
}
.overlay-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background-color: #fff;
}
.overlay-wrapper img {
    opacity: 1;
    z-index: 999999;
    width: 350px;
}
header.fixed {
    box-shadow: -1px -6px 24px 0 rgba(0, 0, 0, 0.4039215686);
    background-color: #fff;
}
header .nav-li.active > a {
    color: #282103 !important;
} 

.main-banner::before{
    content: "";
    position: absolute;
    top: -5%;
    right: -5%;
    width: 600px;
    height: 600px;
    border-radius: 50%;
    background: radial-gradient(70.71% 70.71% at 50% 50%, rgba(107, 122, 62, 0.1) 0%, rgba(107, 122, 62, 0) 70%)
}

.main-banner::after{
    content: "";
    position: absolute;
    bottom: -5%;
    left: -5%;
    width: 600px;
    height: 600px;
    border-radius: 50%;
    background: radial-gradient(70.71% 70.71% at 50% 50%, rgba(107, 122, 62, 0.1) 0%, rgba(107, 122, 62, 0) 70%);

}

@media (min-width: 991px) {
    header.fixed {
        box-shadow: -1px -6px 24px 0 rgba(0, 0, 0, 0.4039215686);
        background-color: #fff;
    }
    header .nav-li .nav-link.active {
        color: #282103;
    }
    header .nav-li .nav-link::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        transform: translateY(10px);
        height: 8px;
        width: 8px;
        background-color: #282103;
        border-radius: 50%;
        transition: 0.2s;
        opacity: 0;
    }
    header .nav-li .nav-link.active,
    header .nav-li .nav-link:hover {
        transition: 0.2s;
    }
    header .nav-li .nav-link.active::after,
    header .nav-li .nav-link:hover::after {
        opacity: 1;
        transform: translateY(27px);
        transition: 0.2s;
    }
}  
.bookSwiper .swiper-slide{
    height: auto !important;    
} 
.validate-has-error {
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 14px;
    font-weight: 500;
    color: #dc3545;
} 


.activitySwiper .swiper-button-prev,
.activitySwiper .swiper-button-next {
    top: 50%;
    transform: translateY(-50%); 
    border-radius: 999px;
} 

.activitySwiper .swiper-button-prev:after,
.activitySwiper .swiper-button-next:after {
    font-size: 22px;
    font-weight: bold;
}