#common_banner {
    background-image: url(../../img/common-banner-x1.jpeg) !important;
    padding: 85px 0 85px 0 !important;
    filter: brightness(0.9);
}

#common_banner_1 {
    background-image: url(../../img/common-banner-1.jpeg) !important;
    padding: 85px 0 85px 0 !important;
    background-repeat: no-repeat;
    background-size: cover;
}

.banner_ten_slider_item {
    /*background-image: url(../../img/del/banner-ten.png) !important;*/
    padding: 100px 0 !important;
    height: 550px !important;
}

.banner_ten_button_style.owl-theme .owl-nav {
    bottom: 10% !important;
}

.main-navbar .navbar .navbar-nav .nav-item a.active:before {
    height: 4px !important;
}

#consultation_area {
    background-image: url(../../img/waki/about.png) !important;
}

.copyright_area_two {
    background-color: inherit !important;
}


.custom_light button:hover, .custom_light_main button:hover {
    background: var(--main-color);
}

.custom_light button {
    color: #d33838;
    border: 1px solid var(--main-color);
}

.custom_light_main button {
    border: 1px solid var(--main-color);
}

#custom_form .form-group {
    margin-bottom: 20px;
    text-align: left !important;
}

.loader {
    border: 3px solid #f3f3f3; /* Couleur de fond */
    border-top: 3px solid #b2894c; /* Couleur de la barre de chargement */
    border-radius: 50%;
    width: 35px; /* Taille du loader */
    height: 35px; /* Taille du loader */
    animation: spin 0.8s linear infinite; /* Animation de rotation */
    display: inline-block; /* Pour l'afficher à côté du bouton */
    margin: 10px;
    vertical-align: middle; /* Alignement vertical */
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #b2894c !important;
    border-color: #b2894c !important;
}

.btn-outline-waki {
    color: #b2894c;
    border-color: #b2894c;
}

.logo img {
    max-width: 200px; /* Taille par défaut pour les écrans plus grands */
}

.section_search {
    padding: 90px;
}

.user-conected {
    color: #b2894c !important;
}

@media (max-width: 576px) {
    .logo img {
        max-width: 75px; /* Réduit la taille pour les petits écrans (mobile) */
    }
}
@media (max-width: 767px) {
    .user-conected {
        color: #ffffff !important;
    }
    .tour_details_boxed_inner .user-conected {
        color: #b2894c !important;
    }
    .navbar_color_black .topbar-others-options li a.dropdown-item.space, .navbar_color_black .topbar-others-options li a i {
        color: var(--paragraph-color) !important;
    }
    
    .topbar-area {
        display: block !important;
    }
    .navbar-area{
        background-color: #ffffff;
    }
    .main-responsive-nav .mean-container a.meanmenu-reveal span {
        background: #b2894c;
    }

    .cat_form {
        padding: 0 10px;
    }

    .cat_form .form-control {
        height: 45px;
        font-size: 12px;
        padding: 0 10px;
    }

    .cat_form .btn {
        height: 45px;
        font-size: 12px;
        padding: 0 10px;
    }

    .section_search {
        padding: 50px;
    }
}
.is-sticky img {
    width: 50px;
    background-color: #ffffff;
}
.is-sticky .btn_navber {
    margin-top: 20px;
}

.is-sticky a.meanmenu-reveal {
   margin-top: -15px;
}
.is-sticky .main-responsive-nav .mean-container a.meanmenu-reveal span {
    background: #ffffff;
}

.tour_details_img_wrapper img {
    height: 450px;
}

.sticky-reservation {
    position: -webkit-sticky; /* For Safari */
    position: sticky;
    z-index: 5; /* To ensure it stays on top of other elements */
}

.fixed {
    position: fixed;
    top: 50px;
}


.border-waki {
    border-color: var(--main-color) !important;
}

.cursor-waki {
    cursor: pointer !important;
}

.bg-warning-waki {
    background-color: rgba(243, 210, 100, 0.86) !important;
    height: 80px;

}
.bg-gray-waki {
    background-color: rgba(212, 211, 207, 0.86) !important;
    height: 80px;

}
.waki-color {
    color: var(--main-color) !important;
}

.contact_form_waki {
    background: #FFFFFF;
    box-shadow: -4px -4px 16px rgba(0, 0, 0, 0.08), 4px 8px 16px rgba(0, 0, 0, 0.08);
    border-radius: 12px;
    padding: 15px 35px;
}

.theme_two_box_img {
    height: 150px !important;
}

#home_ten_team_area {
    padding: 100px 0px 0px 0px !important;
}

.banner_ten_slider_item {
    border-radius: initial !important;
}

.imagination_boxed {
    height: 255px !important;
}

.pgc_area_text {
    background: rgba(255, 255, 255, 0.85);
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    text-align: center;
    position: relative;
}

.news_author_img {
    width: 70px !important;
    height: 70px !important;
}

.about_service_boxed {
    height: 420px !important;
}

.img-height {
    height: 210px !important;
}

.banner_ten_slider_item {
    width: 100% !important;
}

.mb-20 {
    margin-bottom: 20px !important;
}

.mt-20 {
    margin-top: 20px !important;
}
.activities_result .top_country_img {
    margin-bottom: 0px !important;
    width: 150px !important;
}

.activities_result .about_counter_item {
    background: none !important;
}

.activities_result .about_three_flex {
    justify-content: space-around !important;
}
.custom-phone-field {
    width: 100%; /* Largeur maximale */
}
#main_author_form .iti {
    display: inherit !important;
}

#our_partners_eight {
    background-color: rgb(242 242 242) !important;
}

.waki-color2 {
    color: rgb(219 187 134) !important;
}

.btn_theme {
    background-color: rgb(219 187 134) !important;
}
.star_color {
    color: #FFD700 !important;
}

.btn_md {
    padding: 6px 20px !important;
}

#search_form_area input.form-control {
    border: none !important;
    border-radius: 35px 0 0 35px !important;
}

.loader-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(255, 255, 255, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.spinner {
    width: 50px;
    height: 50px;
    border: 6px solid #ccc;
    border-top-color: #b2894c;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

button#toggleFilters:hover{
    color: #ffffff !important;
    background-color: #b2894c !important;
}