body {
    background-color: #FFFFFF;
    font-family: 'Abhaya Libre';

}

.row {
    margin: 0 !important;
}

::selection {
    background-color: #e0b179;
    /* Light red background */
    /* color: #000;  */
}

/* For Firefox, use this */
::-moz-selection {
    background-color: #e0b179;
    /* color: #000; */
}



.font-passion-conflict {
    font-family: 'Passions Conflict';
    font-size: 75px;
    font-weight: 400;
    line-height: 82.5px;
}

.font-aclonica {
    font-family: 'Aclonica';
    font-size: 45px;
    line-height: 62.33px;
    text-align: center;

}

/* .dropdown:hover .dropdown-menu {
    display: block;
} */

.dropdown.active .dropdown-icon {
    transform: rotate(180deg);
}

.navbar {
    height: auto;
    /* background-color: red !important; */
}

.nav-bookstay {
    border-left: 1px solid black;
    height: auto;
    padding-left: 10px;
}

.bi-arrow-right {
    color: #e0b179;
}

.navbar .navbar-nav li {
    padding-right: 50px;
    float: right;
}

a.nav-link,
a.dropdown-item,
a.navbar-brand {
    font-family: 'Open Sans';
    font-weight: 400;
    color: black;
}



.dropdown-menu {
    border: none;
    text-align: center !important;
}

.dropdown-menu li {
    padding: 10px 5px !important;
    text-align: left !important;
    width: 100%;
}

a {
    color: black;
}


#section3,
#section6,
#section8,
#section10 {
    background-color: #fef6e9;
}

#section3 {
    padding-top: 50px;
    position: relative;
}

.row-eco-resort {
    position: absolute;
}

.row-eco-resort-bg {
    position: absolute;
    width: 300px;
    height: 100vh;
    background-color: #fff;
}

.row-eco-resort-bg-right {
    scale: 1;
}

.row-eco-resort img {
    width: 100%;
}

#section8 {
    margin-top: 50px;
}

#section9 {
    margin-bottom: 100px;
}

#section6 {
    margin-top: 250px;
    padding-top: 50px;
}

#section11 {
    margin-top: 50px;
    background-color: #e0b179;
}

#carouselExampleFade {
    height: 100vh !important;
}

.carousel-item {
    height: 100vh;
    position: relative;
}

.carousal-image {
    position: absolute;
    filter: brightness(80%);
    height: 100vh;
}

.carousel-caption {
    position: absolute;
    top: 0;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    height: 80px;
    width: 80px;
    background-size: 100%, 100%;
    border-radius: 50%;
    color: #fff !important;
}

.section2row,
.section3row,
.section4row,
.feature_section {
    position: relative;
}

.feature_part_1 {
    top: 40%;
}

.feature_part_2 {
    top: 60%;
}

.banner-text {
    position: absolute;
    width: 100%;
    top: 20%;
    text-align: center !important;
    font-size: 25px;
    text-shadow: 2px 2px 4px #000000;

}



.banner-logo {
    position: absolute;
    width: 100%;
    top: 30%;
    text-align: center !important;
}

.banner-logo img {
    max-width: 30vw !important;
}

.banner-heading {
    position: absolute;
    width: 100%;
    top: 50%;
    text-align: center !important;
    text-shadow: 2px 2px 4px #000000;

}

.banner-buttons {
    position: absolute;
    width: 100%;
    top: 70%;
    text-align: center !important;
}



.features {
    width: 80%;
    height: auto;
    background-color: #e0b179;
    z-index: 100;
    border-radius: 10px;
    border: 1px solid black;
}

.feature-text h3 {
    margin-top: 2vw;
    font-size: 1.3vw !important;
}

.feature-text {
    margin-top: 2vw;
    font-size: 1vw !important;
}

.feature-text a {
    color: black;
}


.equal img {
    width: 5vw;
    margin-top: 1vw;
    margin-bottom: 1vw;
    margin-left: 1vw;
}

.icon {
    background-color: #fff;
    /* scale: 1.2;
    margin-left: 30px !important; */

}

.features_part {
    /* background-color: red !important; */
    display: flex;
}

/* .features_part img{
margin: 30px 10px;
} */

.highlights {
    background-color: #fef6e9;
    width: 60%;
    border: 2px solid #fff;
    opacity: 0.9;
    transform: translate(-50%, -50%);
    left: 50% !important;

}

.explore {
    background-color: #e0b179;
    padding: 10px 50px;
    color: #fff;
    border: 2px solid #fff;
    text-transform: uppercase;
}

.explore-fill {
    background-color: #e0b179;
    color: #000 !important;
    border: none !important;
    padding: 10px 50px;
    margin-right: 10px;
}

.explore-blank {
    background-color: none !important;
    color: #fff !important;
    padding: 10px 50px;
    border: 2px solid #e0b179 !important;
    margin-left: 10px;
}


.col-events {
    border: none;

}

.col-events .card-body {
    background-color: #fef6e9;
    border: none;
    position: relative;

}

.btn-hover-animation {
    transition: all 0.3s ease;
    /* Smooth transition for all properties */
}

.btn-hover-animation:hover {
    transform: scale(1.25);
    /* Scale button on hover */
    background-color: #0056b3;
    /* Change background color on hover */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    /* Add shadow on hover */
}

.card-body .btn-lg {
    width: 60%;
    background-color: #e0b179;
    color: #fff;
    text-transform: uppercase;
    border: 1px solid #fff;
}

.card-body a {
    color: black;
    text-decoration: none !important;
}

.error-message {
    color: red;
    font-weight: bold;
    padding: 10px;
    margin-bottom: 0 !important;
  }

  .info-message {
    color: green;
    font-weight: normal;
    padding: 10px;
    margin-bottom: 0 !important;
  }

.room-des {
    height: 100px;
    overflow-y: auto;
}

.row-eco-resort {
    position: relative;
    width: auto;
}

.row-eco-resort .carousel-item {
    height: auto !important;
}

.aminity-card {
    background-color: white !important;
    margin-bottom: 5vw;

}

.aminity-card h5 {
    font-size: 1.5vw;
    height: 5vw;
}

.aminity-des {
    min-height: 15vw !important;
}

.aminity-card .btn {
    font-size: 1vw
}


.carousel-custom {
    max-width: 100%;
    margin: 0 auto;
    padding: 20px 0;
    overflow: hidden;
    display: flex;
    flex: 0 0 100%;

    &:hover .group {
        animation-play-state: paused;
    }



}


.card-custom {
    width: 100%;
    /* color: black; */
    /* box-shadow: rgba(0, 0, 0, 10%) 5px 5px 20px 0; */
    padding: 50px;
    /* font-size: xx-large; */
    justify-content: center;
    align-items: center;
    min-height: 40vh;
    background-repeat: no-repeat;
    background-size: cover;
    border: 1px solid black;
    border-radius: 20px;
    color: #fff;


}

#card1 {
    background-image: url(image/weddings/1.jpg);
}

#card2 {
    background-image: url(image/weddings/2.jpg);
}

#card3 {
    background-image: url(image/weddings/3.jpg);
}

#card4 {
    background-image: url(image/weddings/4.jpg);
}

#card5 {
    background-image: url(image/weddings/5.jpg);
}

#card6 {
    background-image: url(image/weddings/6.jpg);
}

#card7 {
    background-image: url(image/weddings/7.jpg);
}

#card8 {
    background-image: url(image/weddings/8.jpg);
}

#card9 {
    background-image: url(image/weddings/14.jpg);
}

#card10 {
    background-image: url(image/weddings/10.jpg);
}

#card11 {
    background-image: url(image/weddings/11.jpg);
}

#card12 {
    background-image: url(image/weddings/12.jpg);
}

#card13 {
    background-image: url(image/weddings/13.jpg);
}

#card14 {
    background-image: url(image/weddings/14.jpg);
}

.bi-star-fill {
    color: #e0b179;
}

.bi-quote {
    margin-left: 0 !important;
}

.group {
    display: flex;
    gap: 50px;
    will-change: transform;
    animation: scrolling 60s linear infinite;
    padding-right: 50px;
}

.owl-prev,
.owl-next {
    color: #e0b179 !important;
    font-size: 50px !important;
    /* margin-left: 100px !important; */
}

.owl-prev:hover,
.owl-next:hover {
    background-color: white !important;
    scale: 1.1 !important;
}

@keyframes scrolling {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-100%);
    }
}



.booking-form-card .card {
    min-height: 35vw !important;
    /* background-color: red; */
}

.booking-form .card-header {
    background-color: #e0b179;
}

.booking-form .btn {
    background-color: #e0b179;
    border: 1px solid black;
}

.booking-form img {
    border: 1px solid #e0b179;
    /* border-radius: 10px; */
    box-shadow: 5px 5px 5px #000;
    padding: 1px;
}
.booking-form .row>*{
    padding-left: 1px !important;
    padding-right: 0 !important;
}

.dynamic_room {
    width: 100%;
    height: auto;
}

.dynamic_icon{
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin: 10px;

}

.footer-image img {
    width: 250px;
    margin-top: 100px;
}

.footer-first-row {
    width: 100%;
    text-align: center;
    display: flex;

}
.footer-first-row ul{
    padding-left: 0 !important;
}

.footer-second-row a {
    text-decoration: none !important;
}

.footer-first-row a {
    color: #000;
    transition: .5s;
}

.footer-first-row a:hover {
    color: #fff;
}

input[type="date"] {
    /* padding: 10px; */
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 5px;
    width: 50%;
    max-width: 300px;
}


.border-bottom {
    border-bottom: 2px solid black !important;
}


.footer-first-row ul li {
    list-style-type: none;
}

.footer-first-row ul li a {
    text-decoration: none !important;
}

.bi-whatsapp {
    position: fixed;
    border-radius: 50%;
    right: 40px;
    bottom: 10px !important;
    color: #25D366;
    font-size: 60px;

}



@media screen and (max-width: 768px) and (min-width: 576px) {
    a.nav-bookstay {}
}

@media screen and (max-width: 576px) {
    
    .navbar {}

    .carousel-control-prev-icon,
    .carousel-control-next-icon {
        height: 30px;
        width: 30px;
    }

    .font-aclonica {
        line-height: 40px;
    }

    .row-eco-resort p {
        padding: 15px !important;
    }

    .navbar-brand img {
        width: 18vw;
    }

    a.nav-bookstay {
        display: none !important;
    }

    a.nav-telephone {
        display: none !important;

    }

    #carouselExampleFade {
        height: 80vh !important;
    }

    .carousal-image {
        min-width: 150vh;
        left: -46vh;
        top: 1%;            
        scale: .8;
        height: 85vh;
        filter: brightness(80%);
    }

    .banner-text {
        top: 15%;
        width: 150%;
        left: -25%;

    }

    .banner-heading {
        top: 37%;
        line-height: 40px;
        display: none !important;


    }

    .banner-logo {
        top: 25%;
    }

    .banner-logo img {
        max-width: 40vw !important;
        display: none !important;
    }

    .features {

        width: 105%;
        background-color: #e0b179;
        transform: translate(-50%, -30%) !important;
    }


    .features .row {
        width: 100%;
    }

    .features_part {
        width: 50%;
        box-sizing: border-box;

    }

    .features_part .equal {
        margin-top: 5px !important;
    }

    .features_part .equal img {
        width: 60px;
        padding: 5px !important;
    }

    .feature-text-col {
        padding-right: 10px !important;

    }

    .border-end {
        border: none !important;
    }

    .equal {
        padding-left: 5px;
    }

    .features_part .feature-text h3 {
        width: 90%;
        font-size: 4vw !important;
        text-align: center !important;
        width: 100%;
    }

    .features_part .feature-text p {
        font-size: 2vw !important;
        text-align: center !important;
        width: 100%;
    }

    .feature-text a {
        font-size: 12px;
    }

    .banner-buttons {
        display: flex;
    }

    .banner-buttons .btn {
        display: none;
    }

    .row-eco-resort-bg {
        height: 10vh;
    }

    .row-eco-resort p {
        padding: 15px !important;
    }

    p.font-passion-conflict {
        font-size: 50px;
    }

    #section3 {
        padding-top: 100px;
    }

    .highlights {
        width: 100%;
    }

    .highlights h2 {
        position: relative !important;
    }

    .highlights {
        transform: translate(0%, 0%) !important;
        left: 0 !important;
        position: relative;

    }

    #section6 {
        margin-top: 90vh !important;
    }

    h5.explore_text {
        text-align: center;
    }

    .aminity-card .btn {
        font-size: 16px !important;
    }

    .footer-last-row {
        text-align: center;
    }

    .bi-whatsapp {
        font-size: 35px;
        right: 10px !important;
        bottom: 35px !important;
    }

    .dynamic_icon{
        display: none !important;
    }

.flatpickr-calendar {
    width: 100% !important;
}

/* .booking-form .row>*{
    padding-left: 0 !important;
    padding-right: 0 !important;
} */
.date {
    text-align: center !important;
    padding-bottom: 10px !important;
}

.date label{
display: block;
}

    

}