@import url('https://fonts.googleapis.com/css2?family=Cabin:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.2/font/bootstrap-icons.min.css");
:root {
    --primary-color: #C0981E;
    --secondary-color: #008080;
}
li{
    list-style: none;
}

body{
    font-family: "Lora", sans-serif !important;
}
.ft-cabin{
    font-family: "Cabin", sans-serif !important;
}
.active{
    color: var(--primary-color) !important;
    border-bottom: var(--primary-color) 2px solid !important;
    transition: border-bottom 2s;
}

.custom_border{
    border: 2px solid var(--primary-color);
}

.nav-link:hover{
    color: var(--primary-color) !important;
    border-bottom: var(--primary-color) 2px solid !important;
}

.custom_button{
    width: 100%;
    text-align: center;
    text-decoration: none;
    height: auto;
    padding: 10px;
    background: var(--primary-color) !important;
    color: white !important;
}

.heading_design::before{
    position: absolute;
    content: "";
    background-color: green;
    width: 18px;
    height: 3px;
    transform: rotate(-36deg);
}
.img-height{
    height: 795px !important;
}
.hover-transition{
    transition: transform .2s;
    border-radius: 20px;

}
.hover-transition:hover{
    transform: scale(1.1);
    border-radius: 20px;
}
.img-hover-transition{
    transition: transform .2s;

}
.img-hover-transition:hover{
    transform: scale(1.1);
}
.icon_size{
    font-size: 50px;
}

/*.icon_size:hover{*/
/*    color: white;*/
/*}*/

.custom_card_design{
    position: relative;
    margin-top: -30%;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    align-items: center;
    display: flex;
    justify-content: center;
}
.card_hover:hover{
    background: var(--primary-color) !important;
}

.custom_font{
    font-weight: 700;
}
.check-in-parent-div:hover .check-in {
    color: var(--primary-color) !important;
}
.fixed-button{
    padding: .5rem;
    top: 300px;
    right: 0;
    position: fixed;
    z-index: 999;
}
.overlay::after{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    font-weight: bold;
    text-align: right;
    font-size: 48px;
    width: 100%;
    background: rgba(0, 0, 0, 0.53);
    height: 100%;
}

.card-hover:hover{
    background: var(--primary-color) !important;
    /*color: white !important;*/
}
.max_height_carousel{
    max-height: 795px !important;
}
.max_height_img{
    max-height: 250px !important;
}
.display_none_desktop{
    display: none;
}
.display_none_mobile{
    display: block;
}
@media only screen and (max-width: 600px) {
    .mobile_margin{
        margin-top: 5% !important;
    }
    .img-height{
        height: 200px !important;
    }
    .max_height_img{
        max-height: 100px !important;
    }
    .display_none_mobile{
        display: none;
    }
    .display_none_desktop{
        display: block;
    }
}