.bg-1 {
    background-color: #e0c3ad !important;
    color: #6c2707 !important;
}
.bg-2 {
    background-color: #F9F5F2 !important;
    color: #D29074 !important;
}
.bg-3 {
    background-color: #e1d291 !important;
}

.text-dark {
    color: #D29074 !important;
}

.text-light {
    color: #6c2707 !important;
}

.btn.btn-icon i, .btn.btn-icon .svg-icon {
    padding: 0;
    margin: 0;
    line-height: 1;
    color: black !important;
}

.btn.btn-primary {
    color: #FFFFFF;
    border-color: #D29074;
    background-color: #D29074;
}

.btn-check:checked + .btn.btn-primary, .btn-check:active + .btn.btn-primary, .btn.btn-primary:focus:not(.btn-active), .btn.btn-primary:hover:not(.btn-active), .btn.btn-primary:active:not(.btn-active), .btn.btn-primary.active, .btn.btn-primary.show, .show > .btn.btn-primary {
    color: #FFFFFF;
    border-color: #7a4532;
    background-color: #7a4532 !important;
}

.btn-inline {
    color: #FFFFFF;
    border-color: #D29074;
    background-color: #D29074;
    padding: 5px !important;
    margin-top: 5px;
    margin-bottom: 5px;
}

.btn-check:checked + .btn.btn-inline, .btn-check:active + .btn.btn-inline, .btn.btn-inline:focus:not(.btn-active), .btn.btn-inline:hover:not(.btn-active), .btn.btn-inline:active:not(.btn-active), .btn.btn-inline.active, .btn.btn-inline.show, .show > .btn.btn-inline {
    color: #FFFFFF;
    border-color: #7a4532;
    background-color: #7a4532 !important;
}

i {
    color: white !important;
}

.text-success-brown {
    color: #7a4532 !important;
}

.drawer.drawer-start {
   opacity: 0.95;
}
html {
    scroll-behavior: smooth;
}

.from-left {
    opacity: 0; /* On cache le bloc par défaut */
    /*transform: translateX(-100%); !* On le déplace initialement hors de l'écran *!*/
    transition: opacity 0.9s ease, transform 0.5s ease; /* Transition fluide */
}

.from-left.visible {
    opacity: 1; /* On rend le bloc visible */
    /*transform: translateX(0); !* On le déplace à sa position finale *!*/
}

.from-right {
    opacity: 0; /* On cache le bloc par défaut */
    /*transform: translateX(100%); !* On le déplace initialement hors de l'écran *!*/
    transition: opacity 0.9s ease, transform 0.5s ease; /* Transition fluide */
}

.from-right.visible {
    opacity: 1; /* On rend le bloc visible */
    /*transform: translateX(0); !* On le déplace à sa position finale *!*/
}


/*Stripe begin*/
.custom-stripe {
    display: block;
    padding: 0.75rem 1rem;
    font-size: 1.1rem;
    font-weight: 500;
    line-height: 1.5;
    color: #FFFFFF;
    background-color: #1E1E2D;
    background-clip: padding-box;
    border: 1px solid #323248;
    appearance: none;
    border-radius: 0.475rem;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    margin-left: 9px;
}
/*Stripe end*/

.centered-hr {
    width: 50% !important;
    margin: auto; !important;
}

.accordion-button:not(.dark) {
    background-color: transparent !important;
    padding: 0.5rem 0.5rem !important;
    color: #D29074 !important;
    font-weight: 400 !important;
    font-size: 1.075rem !important
}

.accordion-button.dark {
    background-color: transparent !important;
    padding: 0.5rem 0.5rem !important;
    color: #6c2707 !important;
    font-weight: 400 !important;
    font-size: 1.075rem !important
}

.accordion-button.collapsed::before {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 1rem;
    content: "";
    /*background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23A81912'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");*/
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23d29074'%3e%3cpath fill-rule='evenodd' d='m12.14 8.753-5.482 4.796c-.646.566-1.658.106-1.658-.753V3.204a1 1 0 0 1 1.659-.753l5.48 4.796a1 1 0 0 1 0 1.506z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: transform .2s ease-in-out;

}

.accordion-button:not(.collapsed)::before {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 1rem;
    content: "";
    /*background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23A81912'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");*/
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23d29074'%3e%3cpath fill-rule='evenodd' d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: transform .2s ease-in-out;

}
.accordion-button::after {
    display: none !important;
}

.accordion-button:not(.collapsed) {
    box-shadow: none !important;
}

@media (min-width: 992px) {
    .header-fixed[data-kt-sticky-header=on] .header {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        z-index: 97;
        background-color: #9E6A43;
        box-shadow: 0px 10px 30px 0px rgba(82, 63, 105, 0.08);
        height: 75px;
        border-bottom: 0;
        padding: 0;
    }
}

/*.accordion-flush .accordion-collapse {*/
/*    -webkit-transition: none !important;*/
/*    transition: none !important;*/

/*}*/

@media only screen and (max-width: 767px) {
    #kt_header_menu {
        display: none;
    }
}
.logo-small {
    display: none;
}
@media (max-width: 991.98px) {
    .logo-default {
        display: none !important;
    }
    .logo-sticky {
        display: none !important;
    }
    .logo-small {
        display: inline;
    }
    .header {
        display: flex;
        justify-content: space-between;
        align-items: stretch;
        height: 65px;
        position: relative;
        z-index: 3;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }

    .header-tablet-and-mobile-fixed[data-kt-sticky-header=on] .header {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        z-index: 97;
        height: 75px;
        min-height: 75px;
        background-color: #9E6A43;
        box-shadow: 0px 10px 30px 0px rgba(82, 63, 105, 0.08);
        border-bottom: 0;
    }

    .card .card-body {
        padding: 0.2rem 0.25rem !important;
    }

    .container {
        padding: 15px 0px !important;
    }

}

/* Basic styles for the carousel */
.carousel2 {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; /* 16:9 aspect ratio (change as needed) */
    overflow: hidden;
}

.carousel2 img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    animation: slideAnimation 40s infinite;
}

/* Keyframes for sliding effect */
@keyframes slideAnimation {
    0% { opacity: 0; }
    10% { opacity: 1; }
    15% { opacity: 0; }
    100% { opacity: 0; }
}

/* Specific timings for each image */
.carousel2 img:nth-child(1) {
    animation-delay: 0s;
}
.carousel2 img:nth-child(2) {
    animation-delay: 5s;
}
.carousel2 img:nth-child(3) {
    animation-delay: 10s;
}
.carousel2 img:nth-child(4) {
    animation-delay: 15s;
}
.carousel2 img:nth-child(5) {
    animation-delay: 20s;
}
.carousel2 img:nth-child(6) {
    animation-delay: 25s;
}
.carousel2 img:nth-child(7) {
    animation-delay: 30s;
}
.carousel2 img:nth-child(8) {
    animation-delay: 35s;
}

.cookie-banner {
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: #EBECEE;
    color: #6c2707;
    padding: 10px;
    text-align: center;
    font-size: 14px;
    z-index: 1000;
    border-top: #6c2707 1px solid;
    display: none;
}

.cookie-banner p {
    margin: 0;
    padding: 0;
}

.cookie-banner ul {
    /*list-style-type: none;*/
    padding: 0;
    margin: 0;
}

.cookie-banner a {
    color: #00f;
    text-decoration: underline;
}

.cookie-banner button {
    background-color: #fff;
    color: #000;
    border: none;
    padding: 5px 10px;
    cursor: pointer;
    margin-left: 10px;
}