.btn, input[type=submit], input[type=button] {
}

.orange-button {
    display: inline-flex;
    width: 300px;
    align-items: center;
    justify-content: center;
    border-radius: 40px;
    --tw-bg-opacity: 1;
    background-color: rgb(202 120 80 / var(--tw-bg-opacity));
    padding: 14px;
    font-weight: 600;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    letter-spacing: 1.28px;
}

#filter-cat .main__button {
    overflow: hidden;
    border-radius: 40px;
}

#filter-cat .main__button:before {
            border-top: 1px solid #CA7850;
            border-left: 1px solid #CA7850;
        }

#filter-cat .main__button:after {
            border-bottom: 1px solid #CA7850;
            border-right: 1px solid #CA7850;
        }

#filter-cat .main__button:hover, #filter-cat .main__button.active {
    --tw-bg-opacity: 1;
    background-color: rgb(202 120 80 / var(--tw-bg-opacity));
}

#filter-cat .main__button:hover span, #filter-cat .main__button.active span {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

#filter-cat .main__button:hover:before, #filter-cat .main__button.active:before {
                border-bottom-color: #CA7850;
            }

#filter-cat .main__button:hover:after, #filter-cat .main__button.active:after {
                border-top-color: #CA7850;
            }

input[type="text"], input[type="number"], input[type="password"], input[type="search"], input[type="email"], input[type="tel"], input[type="url"], textarea {

}

.qty-button {
    display: flex;
    align-items: center;
}

.qty-button__change {
    cursor: pointer;
    padding: 0.25rem;
}

.qty-button input {
    max-width: 30px;
    border-style: none;
    background-color: transparent;
    text-align: center;
}

.checkout-input input[type="radio"] {
    position: absolute;
    opacity: 0;
}

.checkout-input input[type="radio"] + span {
    position: relative;
    display: block;
    padding-left: 36px;
}

.checkout-input input[type="radio"] + span:after {
    position: absolute;
    left: 0px;
    top: 0px;
    height: 24px;
    width: 24px;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(92 72 59 / var(--tw-border-opacity));
    --tw-content: '';
    content: var(--tw-content);
}

.checkout-input input[type="radio"]:checked + span:before {
    position: absolute;
    left: 0px;
    top: 0px;
                content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6 11.5909L11.0526 16.5L18 7.5' stroke='%2371533D' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.checkout-input.complet {
    pointer-events: none;
}

.checkout-input.complet input[type="radio"] + span:after {
    --tw-border-opacity: 1;
    border-color: rgb(207 33 33 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(242 237 231 / var(--tw-bg-opacity));
}

.radio-button [type="radio"] {
        width: 16px;
        height: 16px;
        cursor: pointer;
        -webkit-appearance: none;
           -moz-appearance: none;
                appearance: none;
        border: 0;
        position: relative;
        margin-top: 4px;
        border-radius: 50%;
        flex-shrink: 0;
    }

.radio-button [type="radio"]::before {
            content: "";
            position: absolute;
            border: 1px solid #CA7850;
            left: 0;
            right: 0;
            bottom: 0;
            top: 0;
            border-radius: 50%;
            transition: all 0.3s;
        }

.radio-button [type="radio"]::after {
            content: '';
            position: absolute;
            width: calc(100% - 5px);
            height: calc(100% - 5px);
            background: #CA7850;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%) scale(0);
            border-radius: 50%;
            transition: all 0.3s;
            opacity: 0;
        }

.radio-button [type="radio"]:checked,
        .radio-button [type="radio"]:focus {
            background: none;
            outline: none;
            box-shadow: none;
        }

.radio-button [type="radio"]:checked::before {
                border-color: #CA7850;
            }

.radio-button [type="radio"]:checked::after {
                opacity: 1;
                transform: translate(-50%, -50%) scale(1);
            }

html {
}

.pop-up-modal {
    position: fixed;
    inset: 0px;
    z-index: 50;
    display: none;
    height: 100%;
    width: 100%;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    --tw-bg-opacity: 0.5;
    -webkit-backdrop-filter: blur(8px);
            backdrop-filter: blur(8px);
}

.mobile-content-h3 {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.25;
}

@media (max-width: 768px) {

    .mobile-content-h3 {
        font-size: 18px;
    }
}

.mobile-content-h3 {
    letter-spacing: 0.8px;
}

.content-h3 {
    font-size: 24px;
    font-weight: 500;
    line-height: 1.25;
}

@media (max-width: 768px) {

    .content-h3 {
        font-size: 20px;
    }
}

.content-h3 {
    letter-spacing: 0.96px;
}

.h1 {
    font-size: 36px;
    font-weight: 600;
    line-height: 1.5;
}

@media (max-width: 768px) {

    .h1 {
        font-size: 28px !important;
    }
}

@media (max-width: 991px) {

    .h1 {
        font-size: 30px;
    }
}

.h1 {
    letter-spacing: 2.16px;
}

.h2 {
    font-size: 28px;
    font-weight: 500;
    line-height: 1.5;
}

@media (max-width: 768px) {

    .h2 {
        font-size: 22px;
    }
}

.h2 {
    letter-spacing: 0.96px;
}

.body-20 {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.5;
}

.body-20 * {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.5;
}

.body-20 ul>li {
    font-size: 20px !important;
    font-weight: 500 !important;
    line-height: 1.5 !important;
}

.custom__header {
    margin-top: 8rem !important;
}

@media (max-width: 1450px) {

    .custom__header {
        margin-top: 5rem !important;
    }
}

.am-select-popper.el-select-dropdown {
    width: 0px;
}

body .am-service-dropdown .am-select-service-name {
    white-space: normal;
}

body .am-service-dropdown .am-select-service-price {
    white-space: nowrap;
}

.header__menu li.basket {
    line-height: 20px;

}

.header__menu li.basket:after {
    margin-left: 0.375rem;
        content: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.90775 2.5C8.92513 2.5 7.98276 2.9034 7.28794 3.62147C6.63465 4.29662 6.25053 5.19794 6.20695 6.14734C4.93741 6.31746 3.89628 7.28561 3.65758 8.57432L2.44225 15.1358C2.2145 16.3653 3.15831 17.5 4.4088 17.5H15.4077C16.6582 17.5 17.602 16.3653 17.3743 15.1358L16.159 8.57432C15.9202 7.28526 14.8786 6.31694 13.6086 6.14721C13.5649 5.19785 13.1808 4.29658 12.5276 3.62147C11.8327 2.9034 10.8904 2.5 9.90775 2.5ZM12.4347 6.1207C12.387 5.5021 12.1279 4.91844 11.7003 4.47646C11.2249 3.98515 10.5801 3.70914 9.90775 3.70914C9.23544 3.70914 8.59065 3.98515 8.11525 4.47646C7.68757 4.91844 7.42849 5.5021 7.38079 6.1207H12.4347Z' fill='%234B9761'/%3E%3C/svg%3E%0A");
}

.header__menu li.basket.active:after {
            content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.90775 2.5C8.92513 2.5 7.98276 2.9034 7.28794 3.62147C6.63465 4.29662 6.25053 5.19794 6.20695 6.14734C4.93741 6.31746 3.89628 7.28561 3.65758 8.57432L2.44225 15.1358C2.2145 16.3653 3.15831 17.5 4.4088 17.5H15.4077C16.6582 17.5 17.602 16.3653 17.3743 15.1358L16.159 8.57432C15.9202 7.28526 14.8786 6.31694 13.6086 6.14721C13.5649 5.19785 13.1808 4.29658 12.5276 3.62147C11.8327 2.9034 10.8904 2.5 9.90775 2.5ZM12.4347 6.1207C12.387 5.5021 12.1279 4.91844 11.7003 4.47646C11.2249 3.98515 10.5801 3.70914 9.90775 3.70914C9.23544 3.70914 8.59065 3.98515 8.11525 4.47646C7.68757 4.91844 7.42849 5.5021 7.38079 6.1207H12.4347Z' fill='%234B9761'/%3E%3Ccircle cx='16' cy='5' r='5' fill='%23E1F12E'/%3E%3C/svg%3E");
        }

.header__menu li.user-cabinet {
    line-height: 20px;
}

.header__menu li.user-cabinet:after {
    margin-left: 0.375rem;
        content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M9.99935 8.33334C11.8403 8.33334 13.3327 6.84095 13.3327 5.00001C13.3327 3.15906 11.8403 1.66667 9.99935 1.66667C8.1584 1.66667 6.66602 3.15906 6.66602 5.00001C6.66602 6.84095 8.1584 8.33334 9.99935 8.33334Z' fill='%234B9761'/%3E%3Cpath d='M16.6673 14.5833C16.6673 16.6542 16.6673 18.3333 10.0007 18.3333C3.33398 18.3333 3.33398 16.6542 3.33398 14.5833C3.33398 12.5125 6.31898 10.8333 10.0007 10.8333C13.6823 10.8333 16.6673 12.5125 16.6673 14.5833Z' fill='%234B9761'/%3E%3C/svg%3E");
}

.header__wrap .user-cabinet, .header__wrap .basket {
    display: none;
}

#basket-pop-up {
    z-index: 99999;
    position: fixed;
    inset: 0px;
    top: 0px;
    display: none;
    height: 100%;
    width: 100%;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    --tw-bg-opacity: 0.4;
    --tw-backdrop-blur: blur(8px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
            backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

body.header--fixed #basket-pop-up {
    top: 0px;
}

#addProduct .options.disabled {
    pointer-events: none;
    opacity: 0.7;
}

.step.done {
    background: linear-gradient(90deg, #C0C95E 0%, #4DA752 100%);
}

.inscription-row {
    display: flex;
    width: 100%;
    gap: 1.25rem;
}

@media (max-width: 768px) {

    .inscription-row {
        flex-direction: column;
        gap: 1.25rem;
    }
}

.question-items {
    margin-top: 50px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    -moz-column-gap: 30px;
         column-gap: 30px;
    row-gap: 2.5rem;
}

@media (max-width: 576px) {

    .question-items {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}

@media (max-width: 768px) {

    .question-items {
        gap: 1.25rem;
    }
}

.question-items .question-item-radio .question-title {
    font-size: 18px;
}

.question-items .radio-buttons {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
}

.question-items .question-item {
        /*@apply col-span-2;*/
    }

.radio-button {
    display: flex !important;
    gap: 0.5rem;
}

.radio-button p {
    font-size: 1rem;
    line-height: 1.5rem;
}

.input-box, .checkbox-item, .question-item {
    position: relative;
    width: 100%;
}

.input-box label, .input-box .question-title, .checkbox-item label, .checkbox-item .question-title, .question-item label, .question-item .question-title {
    display: block;
}

.input-box input[type="text"], .input-box input[type="number"], .input-box input[type="password"], .input-box input[type="search"], .input-box input[type="email"], .input-box input[type="tel"], .input-box input[type="url"], .input-box textarea, .checkbox-item input[type="text"], .checkbox-item input[type="number"], .checkbox-item input[type="password"], .checkbox-item input[type="search"], .checkbox-item input[type="email"], .checkbox-item input[type="tel"], .checkbox-item input[type="url"], .checkbox-item textarea, .question-item input[type="text"], .question-item input[type="number"], .question-item input[type="password"], .question-item input[type="search"], .question-item input[type="email"], .question-item input[type="tel"], .question-item input[type="url"], .question-item textarea {
    width: 100%;
    border-top-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(35 31 32 / var(--tw-border-opacity));
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}

.input-box input[type="text"]:focus, .input-box input[type="text"]:hover, .input-box input[type="number"]:focus, .input-box input[type="number"]:hover, .input-box input[type="password"]:focus, .input-box input[type="password"]:hover, .input-box input[type="search"]:focus, .input-box input[type="search"]:hover, .input-box input[type="email"]:focus, .input-box input[type="email"]:hover, .input-box input[type="tel"]:focus, .input-box input[type="tel"]:hover, .input-box input[type="url"]:focus, .input-box input[type="url"]:hover, .input-box textarea:focus, .input-box textarea:hover, .checkbox-item input[type="text"]:focus, .checkbox-item input[type="text"]:hover, .checkbox-item input[type="number"]:focus, .checkbox-item input[type="number"]:hover, .checkbox-item input[type="password"]:focus, .checkbox-item input[type="password"]:hover, .checkbox-item input[type="search"]:focus, .checkbox-item input[type="search"]:hover, .checkbox-item input[type="email"]:focus, .checkbox-item input[type="email"]:hover, .checkbox-item input[type="tel"]:focus, .checkbox-item input[type="tel"]:hover, .checkbox-item input[type="url"]:focus, .checkbox-item input[type="url"]:hover, .checkbox-item textarea:focus, .checkbox-item textarea:hover, .question-item input[type="text"]:focus, .question-item input[type="text"]:hover, .question-item input[type="number"]:focus, .question-item input[type="number"]:hover, .question-item input[type="password"]:focus, .question-item input[type="password"]:hover, .question-item input[type="search"]:focus, .question-item input[type="search"]:hover, .question-item input[type="email"]:focus, .question-item input[type="email"]:hover, .question-item input[type="tel"]:focus, .question-item input[type="tel"]:hover, .question-item input[type="url"]:focus, .question-item input[type="url"]:hover, .question-item textarea:focus, .question-item textarea:hover {
    --tw-border-opacity: 1;
    border-color: rgb(202 120 80 / var(--tw-border-opacity));
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.input-box .error-message, .input-box .error-email, .input-box .error-text, .checkbox-item .error-message, .checkbox-item .error-email, .checkbox-item .error-text, .question-item .error-message, .question-item .error-email, .question-item .error-text {
    position: absolute;
    bottom: -1.5rem;
    left: 0px;
    font-size: 12px;
    --tw-text-opacity: 1;
    color: rgb(235 87 87 / var(--tw-text-opacity));
    opacity: 0;
}

.input-box .error-message.show, .input-box .error-email.show, .input-box .error-text.show, .checkbox-item .error-message.show, .checkbox-item .error-email.show, .checkbox-item .error-text.show, .question-item .error-message.show, .question-item .error-email.show, .question-item .error-text.show {
    opacity: 1;
}

.input-box.not-valid:not(.error-email) .error-message, .checkbox-item.not-valid:not(.error-email) .error-message, .question-item.not-valid:not(.error-email) .error-message {
    opacity: 1;
}

.input-box.not-valid label:not(.radio-button), .checkbox-item.not-valid label:not(.radio-button), .question-item.not-valid label:not(.radio-button) {
    --tw-text-opacity: 1;
    color: rgb(235 87 87 / var(--tw-text-opacity));
}

.input-box.not-valid input, .checkbox-item.not-valid input, .question-item.not-valid input {
    --tw-border-opacity: 1;
    border-color: rgb(235 87 87 / var(--tw-border-opacity));
}

.input-box.not-valid-email-log .error-text, .checkbox-item.not-valid-email-log .error-text, .question-item.not-valid-email-log .error-text {
    opacity: 1;
}

.input-box.not-valid-email .error-email, .checkbox-item.not-valid-email .error-email, .question-item.not-valid-email .error-email {
    opacity: 1;
}

.input-box.not-valid-email .error-message, .checkbox-item.not-valid-email .error-message, .question-item.not-valid-email .error-message {
    opacity: 0 !important;
}

.input-box .show-password, .checkbox-item .show-password, .question-item .show-password {
    position: absolute;
    bottom: 1rem;
    right: 0px;
    height: 1.5rem;
    width: 1.5rem;
    cursor: pointer;
    background-position: center;
    background-repeat: no-repeat;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M0.799805 12L0.335566 11.8143C0.287884 11.9335 0.287884 12.0665 0.335566 12.1857L0.799805 12ZM23.1998 12L23.664 12.1857C23.7117 12.0665 23.7117 11.9335 23.664 11.8143L23.1998 12ZM11.9998 19.5C8.18577 19.5 5.51091 17.5983 3.77144 15.6655C2.90136 14.6988 2.27166 13.7303 1.85981 13.0035C1.65417 12.6406 1.50362 12.3393 1.40519 12.1305C1.356 12.0262 1.31988 11.9451 1.29647 11.891C1.28477 11.864 1.27625 11.8438 1.27086 11.8309C1.26816 11.8244 1.26625 11.8197 1.26512 11.8169C1.26455 11.8156 1.26418 11.8146 1.264 11.8142C1.26391 11.814 1.26387 11.8139 1.26388 11.8139C1.26388 11.8139 1.26392 11.814 1.26392 11.814C1.26398 11.8141 1.26404 11.8143 0.799805 12C0.335566 12.1857 0.335656 12.1859 0.335759 12.1862C0.33581 12.1863 0.335925 12.1866 0.336027 12.1868C0.33623 12.1873 0.336482 12.188 0.336785 12.1887C0.337389 12.1902 0.338192 12.1922 0.339193 12.1947C0.341197 12.1996 0.343998 12.2064 0.347601 12.215C0.354808 12.2324 0.36523 12.2571 0.378917 12.2886C0.406287 12.3518 0.446734 12.4426 0.500665 12.557C0.60849 12.7857 0.770435 13.1094 0.989789 13.4965C1.42793 14.2697 2.09824 15.3012 3.02814 16.3345C4.88866 18.4017 7.81379 20.5 11.9998 20.5V19.5ZM0.799805 12C1.26404 12.1857 1.26398 12.1859 1.26392 12.186C1.26392 12.186 1.26388 12.1861 1.26388 12.1861C1.26387 12.1861 1.26391 12.186 1.264 12.1858C1.26418 12.1854 1.26455 12.1844 1.26512 12.1831C1.26625 12.1803 1.26816 12.1756 1.27086 12.1691C1.27625 12.1562 1.28477 12.136 1.29647 12.109C1.31988 12.0549 1.356 11.9738 1.40519 11.8695C1.50362 11.6607 1.65417 11.3594 1.85981 10.9965C2.27166 10.2697 2.90136 9.30125 3.77144 8.33448C5.51091 6.40173 8.18577 4.5 11.9998 4.5V3.5C7.81379 3.5 4.88866 5.59827 3.02814 7.66552C2.09824 8.69875 1.42793 9.73029 0.989789 10.5035C0.770435 10.8906 0.60849 11.2143 0.500665 11.443C0.446734 11.5574 0.406287 11.6482 0.378917 11.7114C0.36523 11.7429 0.354808 11.7676 0.347601 11.785C0.343998 11.7936 0.341197 11.8004 0.339193 11.8053C0.338192 11.8078 0.337389 11.8098 0.336785 11.8113C0.336482 11.812 0.33623 11.8127 0.336027 11.8132C0.335925 11.8134 0.33581 11.8137 0.335759 11.8138C0.335656 11.8141 0.335566 11.8143 0.799805 12ZM11.9998 4.5C15.8138 4.5 18.4887 6.40173 20.2281 8.33448C21.0982 9.30125 21.7279 10.2697 22.1398 10.9965C22.3454 11.3594 22.496 11.6607 22.5944 11.8695C22.6436 11.9738 22.6797 12.0549 22.7031 12.109C22.7148 12.136 22.7234 12.1562 22.7288 12.1691C22.7315 12.1756 22.7334 12.1803 22.7345 12.1831C22.7351 12.1845 22.7354 12.1854 22.7356 12.1858C22.7357 12.186 22.7357 12.1861 22.7357 12.1861C22.7357 12.1861 22.7357 12.186 22.7357 12.186C22.7356 12.1859 22.7356 12.1857 23.1998 12C23.664 11.8143 23.664 11.8141 23.6638 11.8138C23.6638 11.8137 23.6637 11.8134 23.6636 11.8132C23.6634 11.8126 23.6631 11.812 23.6628 11.8113C23.6622 11.8098 23.6614 11.8078 23.6604 11.8053C23.6584 11.8004 23.6556 11.7936 23.652 11.785C23.6448 11.7676 23.6344 11.7429 23.6207 11.7114C23.5933 11.6482 23.5529 11.5574 23.4989 11.443C23.3911 11.2143 23.2292 10.8906 23.0098 10.5035C22.5717 9.73029 21.9014 8.69875 20.9714 7.66552C19.1109 5.59827 16.1858 3.5 11.9998 3.5V4.5ZM23.1998 12C22.7356 11.8143 22.7356 11.8141 22.7357 11.814C22.7357 11.814 22.7357 11.8139 22.7357 11.8139C22.7357 11.8139 22.7357 11.814 22.7356 11.8142C22.7354 11.8146 22.7351 11.8155 22.7345 11.8169C22.7334 11.8197 22.7315 11.8244 22.7288 11.8309C22.7234 11.8438 22.7148 11.864 22.7031 11.891C22.6797 11.9451 22.6436 12.0262 22.5944 12.1305C22.496 12.3393 22.3454 12.6406 22.1398 13.0035C21.7279 13.7303 21.0982 14.6988 20.2281 15.6655C18.4887 17.5983 15.8138 19.5 11.9998 19.5V20.5C16.1858 20.5 19.1109 18.4017 20.9714 16.3345C21.9014 15.3012 22.5717 14.2697 23.0098 13.4965C23.2292 13.1094 23.3911 12.7857 23.4989 12.557C23.5529 12.4426 23.5933 12.3518 23.6207 12.2886C23.6344 12.2571 23.6448 12.2324 23.652 12.215C23.6556 12.2064 23.6584 12.1996 23.6604 12.1947C23.6614 12.1922 23.6622 12.1902 23.6628 12.1887C23.6631 12.188 23.6634 12.1874 23.6636 12.1868C23.6637 12.1866 23.6638 12.1863 23.6638 12.1862C23.664 12.1859 23.664 12.1857 23.1998 12ZM11.9998 14.7C10.5086 14.7 9.2998 13.4912 9.2998 12H8.2998C8.2998 14.0435 9.95635 15.7 11.9998 15.7V14.7ZM14.6998 12C14.6998 13.4912 13.491 14.7 11.9998 14.7V15.7C14.0433 15.7 15.6998 14.0435 15.6998 12H14.6998ZM11.9998 9.3C13.491 9.3 14.6998 10.5088 14.6998 12H15.6998C15.6998 9.95655 14.0433 8.3 11.9998 8.3V9.3ZM11.9998 8.3C9.95635 8.3 8.2998 9.95655 8.2998 12H9.2998C9.2998 10.5088 10.5086 9.3 11.9998 9.3V8.3Z' fill='%23CA7850'/%3E%3C/svg%3E");
}

.input-box .show-password.active, .checkbox-item .show-password.active, .question-item .show-password.active {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12.0008 15.2002C4.00076 15.2002 0.800781 7.2002 0.800781 7.2002M12.0008 15.2002C20.0008 15.2002 23.2008 7.2002 23.2008 7.2002M12.0008 15.2002L12.0008 19.2002M1.60078 16.0002L4.80078 12.8002M19.2008 12.8002L22.4008 16.0002' stroke='%23CA7850'/%3E%3C/svg%3E");
        }

label.checkbox-item input[type="checkbox"] {
    height: 1px;
    width: 1px;
    opacity: 0;
}

label.checkbox-item input[type="checkbox"] + p {
    position: relative;
    display: block;
    padding-left: 36px;
}

label.checkbox-item input[type="checkbox"] + p:after {
    position: absolute;
    left: 0px;
    top: 0px;
    height: 24px;
    width: 24px;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(92 72 59 / var(--tw-border-opacity));
    --tw-content: '';
    content: var(--tw-content);
}

label.checkbox-item input[type="checkbox"]:checked + p:before {
    position: absolute;
    left: 0px;
    top: 0px;
                content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6 11.5909L11.0526 16.5L18 7.5' stroke='%2371533D' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.pdf-box p {
    margin-bottom: 1rem;
}

.pdf-box strong {
    font-family: "Montserrat", sans-serif;
}

.pdf-box th, .pdf-box td {
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(0 0 0 / var(--tw-border-opacity));
}

.pdf-box th:first-child, .pdf-box td:first-child {
    min-width: 20px;
}

.pdf-box td {
    padding-top: 1rem;
    padding-bottom: 1rem;
    font-family: "Montserrat", sans-serif;
    --tw-text-opacity: 1;
    color: rgb(30 64 175 / var(--tw-text-opacity));
}

.pdf-box ul {
    margin-top: 1rem;
    margin-bottom: 1rem;
    list-style-type: disc;
    padding-left: 3rem;
}

.reset-message.success {
    --tw-text-opacity: 1;
    color: rgb(21 128 61 / var(--tw-text-opacity));
}

.reset-message.error {
    --tw-text-opacity: 1;
    color: rgb(220 38 38 / var(--tw-text-opacity));
}

.fancybox__backdrop {
    background: rgba(202, 120, 80, 0.7) !important;
    -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
}

.has-pdf .f-html, .has-gmap .f-html {
    max-width: 1000px;
}

.fancybox__slide.has-close-btn {
    padding-top: 70px !important;
}

.f-html, .f-iframe {
    border-radius: 60px;
}

.fancybox__slide .f-button[data-fancybox-close] {
    --f-close-button-width : 60px;
    --f-close-button-height : 60px;
    --tw-translate-x: 140px;
    --tw-translate-y: 100%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

@media (max-width: 1200px) {

    .fancybox__slide .f-button[data-fancybox-close] {
        --tw-translate-x: 0px;
        --tw-translate-y: -0.625rem;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
}

.fancybox__slide .f-button[data-fancybox-close] svg {
    display: none;
}

.fancybox__slide .f-button[data-fancybox-close]:after {
        content: url("data:image/svg+xml,%3Csvg width='58' height='58' viewBox='0 0 58 58' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.9995 38.9868L38.9863 18L40.0357 19.0493L19.0489 40.0361L17.9995 38.9868Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M39.6855 40.0361L18.6987 19.0493L19.748 18L40.7348 38.9868L39.6855 40.0361Z' fill='white'/%3E%3Cpath d='M29 57C13.536 57 1 44.464 1 29' stroke='%23F2EDE7'/%3E%3Cpath d='M29 1C44.464 1 57 13.536 57 29' stroke='%23F2EDE7'/%3E%3C/svg%3E%0A");
    }

.pagination-wrapper > div {
    position: relative;
}

.pagination-wrapper > div:after {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: -10;
    height: 100%;
    border-top-left-radius: 80px;
    border-bottom-left-radius: 80px;
    --tw-content: '';
    content: var(--tw-content);
            background: linear-gradient(90deg, #CA7850 0.13%, rgba(255, 255, 255, 0.50) 100%);
            width: min(calc((980px / 2 + 50%)), calc((100vw - 30px + 100%) / 2));
}

.pagination-wrapper > div:before {
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: -10;
    height: 100%;
    border-top-right-radius: 80px;
    border-bottom-right-radius: 80px;
    --tw-content: '';
    content: var(--tw-content);
            background: linear-gradient(270deg, #CA7850 0.13%, rgba(255, 255, 255, 0.50) 100%);
            width: min(calc((980px / 2 + 50%)), calc((100vw - 30px + 100%) / 2));
}

.wrapper-tabs {
    display: flex;
    width: 100%;
    gap: 0.5rem;
}

@media (max-width: 768px) {

    .wrapper-tabs {
        flex-direction: column;
    }
}

.wrapper-tabs .tab-profil {
        display: flex;
        justify-content: center;
        align-items: center;
        border: none;
        position: relative;
        padding: 13px;
        background: #F2EDE7;
        cursor: pointer;
        border-radius: 40px;
        transition: .3s ease;

    }

.wrapper-tabs .tab-profil:before,
        .wrapper-tabs .tab-profil:after {
            content: "";
            background-color: transparent;
            height: 100%;
            width: 80px;
            position: absolute;
            top: 0;
            z-index: 1;
            transition: .3s ease;
        }

.wrapper-tabs .tab-profil:before {
            border-radius: 40px 0 0 40px;
            border-top: 1px solid #CA7850;
            border-left: 1px solid #CA7850;
            border-bottom: 1px solid transparent;
            left: 0;
        }

.wrapper-tabs .tab-profil:after {
            border-radius: 0 40px 40px 0;
            border-bottom: 1px solid #CA7850;
            border-right: 1px solid #CA7850;
            border-top: 1px solid transparent;
            right: 0;
        }

.wrapper-tabs .tab-profil:hover, .wrapper-tabs .tab-profil.active {
            background: #CA7850;
        }

.wrapper-tabs .tab-profil:hover:before, .wrapper-tabs .tab-profil.active:before {
                border-bottom-color: #CA7850;
                width: 50%;
            }

.wrapper-tabs .tab-profil:hover:after, .wrapper-tabs .tab-profil.active:after {
                border-top-color: #CA7850;
                width: 50%;
            }

.wrapper-tabs .tab-profil:hover span, .wrapper-tabs .tab-profil.active span {
                color: white;
            }

.wrapper-tabs .tab-profil span {
            color: #CA7850;
            text-align: center;
            font-size: 16px;
            font-style: normal;
            font-weight: 600;
            line-height: 20px;
            letter-spacing: 1.28px;
            text-transform: uppercase;
            display: flex;
            position: relative;
            z-index: 3;
        }

.custom__section {
    overflow: unset!important;
}

.events__wrapper {
    margin-top: 0px !important;
}

.events__wrapper .events__intro span,.events__wrapper .events__intro ul li {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.events__wrapper .events__intro span:first-child {
    --tw-text-opacity: 1;
    color: rgb(234 201 184 / var(--tw-text-opacity));
}

.events__wrapper .events__intro--top {
    margin-top: -1.25rem;
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
    --tw-bg-opacity: 1;
    background-color: rgb(242 237 231 / var(--tw-bg-opacity));
}

.events__wrapper .events__intro--top img {
    border-radius: 24px;
}

.events__wrapper .wrapper-events__blocks {
    display: flex;
    flex-direction: column;
    border-bottom-right-radius: 24px;
    border-bottom-left-radius: 24px;
    --tw-bg-opacity: 1;
    background-color: rgb(242 237 231 / var(--tw-bg-opacity));
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    padding-top: 1.5rem;
    padding-bottom: 3rem;
}

@media (max-width: 768px) {

    .events__wrapper .wrapper-events__blocks {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }
}

@media (max-width: 991px) {

    .events__wrapper .events__block--top > h2 {
        font-size: 22px;
    }
}

.traitements__bottom img {
    max-width: none;
}

@media (max-width: 768px) {

    .traitements__bottom img {
        width: 100%;
    }
}

/*! tailwindcss v3.4.1 | MIT License | https://tailwindcss.com*/

/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
[type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/

dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/

:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */

[hidden] {
  display: none;
}

*, ::before, ::after {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x:  ;
    --tw-pan-y:  ;
    --tw-pinch-zoom:  ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position:  ;
    --tw-gradient-via-position:  ;
    --tw-gradient-to-position:  ;
    --tw-ordinal:  ;
    --tw-slashed-zero:  ;
    --tw-numeric-figure:  ;
    --tw-numeric-spacing:  ;
    --tw-numeric-fraction:  ;
    --tw-ring-inset:  ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur:  ;
    --tw-brightness:  ;
    --tw-contrast:  ;
    --tw-grayscale:  ;
    --tw-hue-rotate:  ;
    --tw-invert:  ;
    --tw-saturate:  ;
    --tw-sepia:  ;
    --tw-drop-shadow:  ;
    --tw-backdrop-blur:  ;
    --tw-backdrop-brightness:  ;
    --tw-backdrop-contrast:  ;
    --tw-backdrop-grayscale:  ;
    --tw-backdrop-hue-rotate:  ;
    --tw-backdrop-invert:  ;
    --tw-backdrop-opacity:  ;
    --tw-backdrop-saturate:  ;
    --tw-backdrop-sepia:  ;
}

::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x:  ;
    --tw-pan-y:  ;
    --tw-pinch-zoom:  ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position:  ;
    --tw-gradient-via-position:  ;
    --tw-gradient-to-position:  ;
    --tw-ordinal:  ;
    --tw-slashed-zero:  ;
    --tw-numeric-figure:  ;
    --tw-numeric-spacing:  ;
    --tw-numeric-fraction:  ;
    --tw-ring-inset:  ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur:  ;
    --tw-brightness:  ;
    --tw-contrast:  ;
    --tw-grayscale:  ;
    --tw-hue-rotate:  ;
    --tw-invert:  ;
    --tw-saturate:  ;
    --tw-sepia:  ;
    --tw-drop-shadow:  ;
    --tw-backdrop-blur:  ;
    --tw-backdrop-brightness:  ;
    --tw-backdrop-contrast:  ;
    --tw-backdrop-grayscale:  ;
    --tw-backdrop-hue-rotate:  ;
    --tw-backdrop-invert:  ;
    --tw-backdrop-opacity:  ;
    --tw-backdrop-saturate:  ;
    --tw-backdrop-sepia:  ;
}

.container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px;
}

@media (min-width: 1560px) {

    .container {
        max-width: 1560px;
    }
}

.pointer-events-none {
    pointer-events: none;
}

.invisible {
    visibility: hidden;
}

.collapse {
    visibility: collapse;
}

.static {
    position: static;
}

.fixed {
    position: fixed;
}

.absolute {
    position: absolute;
}

.relative {
    position: relative;
}

.sticky {
    position: sticky;
}

.inset-0 {
    inset: 0px;
}

.-bottom-1 {
    bottom: -0.25rem;
}

.-bottom-6 {
    bottom: -1.5rem;
}

.-left-6 {
    left: -1.5rem;
}

.left-0 {
    left: 0px;
}

.left-1\/2 {
    left: 50%;
}

.top-0 {
    top: 0px;
}

.top-1\/2 {
    top: 50%;
}

.top-28 {
    top: 7rem;
}

.top-full {
    top: 100%;
}

.z-10 {
    z-index: 10;
}

.z-50 {
    z-index: 50;
}

.col-span-2 {
    grid-column: span 2 / span 2;
}

.\!mx-0 {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.mx-auto {
    margin-left: auto;
    margin-right: auto;
}

.my-0 {
    margin-top: 0px;
    margin-bottom: 0px;
}

.my-10 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
}

.my-20 {
    margin-top: 5rem;
    margin-bottom: 5rem;
}

.my-5 {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
}

.\!mt-12 {
    margin-top: 3rem !important;
}

.-mt-8 {
    margin-top: -2rem;
}

.-mt-\[70px\] {
    margin-top: -70px;
}

.mb-1 {
    margin-bottom: 0.25rem;
}

.mb-10 {
    margin-bottom: 2.5rem;
}

.mb-12 {
    margin-bottom: 3rem;
}

.mb-2 {
    margin-bottom: 0.5rem;
}

.mb-2\.5 {
    margin-bottom: 0.625rem;
}

.mb-4 {
    margin-bottom: 1rem;
}

.mb-5 {
    margin-bottom: 1.25rem;
}

.mb-6 {
    margin-bottom: 1.5rem;
}

.mb-8 {
    margin-bottom: 2rem;
}

.mb-\[100px\] {
    margin-bottom: 100px;
}

.mb-\[140px\] {
    margin-bottom: 140px;
}

.mb-\[30px\] {
    margin-bottom: 30px;
}

.mb-\[48px\] {
    margin-bottom: 48px;
}

.mb-\[50px\] {
    margin-bottom: 50px;
}

.ml-2 {
    margin-left: 0.5rem;
}

.ml-auto {
    margin-left: auto;
}

.mt-0 {
    margin-top: 0px;
}

.mt-10 {
    margin-top: 2.5rem;
}

.mt-12 {
    margin-top: 3rem;
}

.mt-2 {
    margin-top: 0.5rem;
}

.mt-2\.5 {
    margin-top: 0.625rem;
}

.mt-20 {
    margin-top: 5rem;
}

.mt-3 {
    margin-top: 0.75rem;
}

.mt-32 {
    margin-top: 8rem;
}

.mt-4 {
    margin-top: 1rem;
}

.mt-6 {
    margin-top: 1.5rem;
}

.mt-8 {
    margin-top: 2rem;
}

.mt-\[30px\] {
    margin-top: 30px;
}

.mt-\[48px\] {
    margin-top: 48px;
}

.block {
    display: block;
}

.inline-block {
    display: inline-block;
}

.flex {
    display: flex;
}

.table {
    display: table;
}

.grid {
    display: grid;
}

.hidden {
    display: none;
}

.h-3 {
    height: 0.75rem;
}

.h-3\.5 {
    height: 0.875rem;
}

.h-full {
    height: 100%;
}

.h-screen {
    height: 100vh;
}

.max-h-\[360px\] {
    max-height: 360px;
}

.max-h-\[80vh\] {
    max-height: 80vh;
}

.min-h-\[30vh\] {
    min-height: 30vh;
}

.w-1\/2 {
    width: 50%;
}

.w-3 {
    width: 0.75rem;
}

.w-3\.5 {
    width: 0.875rem;
}

.w-\[120px\] {
    width: 120px;
}

.w-\[20px\] {
    width: 20px;
}

.w-\[75px\] {
    width: 75px;
}

.w-full {
    width: 100%;
}

.\!max-w-\[1010px\] {
    max-width: 1010px !important;
}

.\!max-w-\[260px\] {
    max-width: 260px !important;
}

.\!max-w-\[280px\] {
    max-width: 280px !important;
}

.max-w-\[105px\] {
    max-width: 105px;
}

.max-w-\[1270px\] {
    max-width: 1270px;
}

.max-w-\[1310px\] {
    max-width: 1310px;
}

.max-w-\[140px\] {
    max-width: 140px;
}

.max-w-\[280px\] {
    max-width: 280px;
}

.max-w-\[290px\] {
    max-width: 290px;
}

.max-w-\[420px\] {
    max-width: 420px;
}

.max-w-\[450px\] {
    max-width: 450px;
}

.max-w-\[490px\] {
    max-width: 490px;
}

.max-w-\[620px\] {
    max-width: 620px;
}

.max-w-\[650px\] {
    max-width: 650px;
}

.max-w-\[750px\] {
    max-width: 750px;
}

.max-w-\[900px\] {
    max-width: 900px;
}

.max-w-\[960px\] {
    max-width: 960px;
}

.shrink-0 {
    flex-shrink: 0;
}

.border-collapse {
    border-collapse: collapse;
}

.origin-center {
    transform-origin: center;
}

.-translate-x-1\/2 {
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-y-1\/2 {
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-y-full {
    --tw-translate-y: -100%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.transform {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.cursor-pointer {
    cursor: pointer;
}

.grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
}

.grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.flex-col {
    flex-direction: column;
}

.flex-wrap {
    flex-wrap: wrap;
}

.items-start {
    align-items: flex-start;
}

.items-end {
    align-items: flex-end;
}

.items-center {
    align-items: center;
}

.justify-end {
    justify-content: flex-end;
}

.justify-center {
    justify-content: center;
}

.justify-between {
    justify-content: space-between;
}

.gap-0 {
    gap: 0px;
}

.gap-0\.5 {
    gap: 0.125rem;
}

.gap-1 {
    gap: 0.25rem;
}

.gap-1\.5 {
    gap: 0.375rem;
}

.gap-10 {
    gap: 2.5rem;
}

.gap-2 {
    gap: 0.5rem;
}

.gap-2\.5 {
    gap: 0.625rem;
}

.gap-20 {
    gap: 5rem;
}

.gap-3 {
    gap: 0.75rem;
}

.gap-3\.5 {
    gap: 0.875rem;
}

.gap-4 {
    gap: 1rem;
}

.gap-5 {
    gap: 1.25rem;
}

.gap-6 {
    gap: 1.5rem;
}

.gap-8 {
    gap: 2rem;
}

.gap-\[30px\] {
    gap: 30px;
}

.overflow-hidden {
    overflow: hidden;
}

.overflow-y-auto {
    overflow-y: auto;
}

.whitespace-nowrap {
    white-space: nowrap;
}

.rounded {
    border-radius: 0.25rem;
}

.rounded-\[10px\] {
    border-radius: 10px;
}

.rounded-\[20px\] {
    border-radius: 20px;
}

.rounded-\[24px\] {
    border-radius: 24px;
}

.rounded-\[40px\] {
    border-radius: 40px;
}

.rounded-\[60px\] {
    border-radius: 60px;
}

.rounded-full {
    border-radius: 9999px;
}

.rounded-b-\[24px\] {
    border-bottom-right-radius: 24px;
    border-bottom-left-radius: 24px;
}

.rounded-t-\[24px\] {
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
}

.rounded-t-\[25px\] {
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
}

.border {
    border-width: 1px;
}

.border-\[4px\] {
    border-width: 4px;
}

.border-x-\[1px\] {
    border-left-width: 1px;
    border-right-width: 1px;
}

.border-y {
    border-top-width: 1px;
    border-bottom-width: 1px;
}

.border-b {
    border-bottom-width: 1px;
}

.border-b-\[1px\] {
    border-bottom-width: 1px;
}

.border-solid {
    border-style: solid;
}

.border-dashed {
    border-style: dashed;
}

.border-\[\#CA7850\] {
    --tw-border-opacity: 1;
    border-color: rgb(202 120 80 / var(--tw-border-opacity));
}

.border-\[\#D4DBD8\] {
    --tw-border-opacity: 1;
    border-color: rgb(212 219 216 / var(--tw-border-opacity));
}

.border-\[\#EAC9B8\] {
    --tw-border-opacity: 1;
    border-color: rgb(234 201 184 / var(--tw-border-opacity));
}

.border-\[\#F2EDE7\] {
    --tw-border-opacity: 1;
    border-color: rgb(242 237 231 / var(--tw-border-opacity));
}

.bg-\[\#7C8E7A\] {
    --tw-bg-opacity: 1;
    background-color: rgb(124 142 122 / var(--tw-bg-opacity));
}

.bg-\[\#CA7850\] {
    --tw-bg-opacity: 1;
    background-color: rgb(202 120 80 / var(--tw-bg-opacity));
}

.bg-\[\#CF2121\] {
    --tw-bg-opacity: 1;
    background-color: rgb(207 33 33 / var(--tw-bg-opacity));
}

.bg-\[\#EFEEEE\] {
    --tw-bg-opacity: 1;
    background-color: rgb(239 238 238 / var(--tw-bg-opacity));
}

.bg-\[\#F2EDE7\] {
    --tw-bg-opacity: 1;
    background-color: rgb(242 237 231 / var(--tw-bg-opacity));
}

.bg-\[\#ca7850\] {
    --tw-bg-opacity: 1;
    background-color: rgb(202 120 80 / var(--tw-bg-opacity));
}

.bg-\[\#efdbd1\] {
    --tw-bg-opacity: 1;
    background-color: rgb(239 219 209 / var(--tw-bg-opacity));
}

.bg-\[\#f2ede7cc\] {
    background-color: #f2ede7cc;
}

.bg-body {
    --tw-bg-opacity: 1;
    background-color: rgb(20 20 21 / var(--tw-bg-opacity));
}

.bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.bg-opacity-50 {
    --tw-bg-opacity: 0.5;
}

.bg-opacity-80 {
    --tw-bg-opacity: 0.8;
}

.object-cover {
    -o-object-fit: cover;
       object-fit: cover;
}

.p-10 {
    padding: 2.5rem;
}

.p-5 {
    padding: 1.25rem;
}

.p-6 {
    padding: 1.5rem;
}

.px-1 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
}

.px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}

.px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
}

.px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}

.px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

.px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
}

.px-\[48px\] {
    padding-left: 48px;
    padding-right: 48px;
}

.py-0 {
    padding-top: 0px;
    padding-bottom: 0px;
}

.py-0\.5 {
    padding-top: 0.125rem;
    padding-bottom: 0.125rem;
}

.py-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}

.py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
}

.py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.py-2\.5 {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
}

.py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem;
}

.py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
}

.py-\[18px\] {
    padding-top: 18px;
    padding-bottom: 18px;
}

.py-\[27px\] {
    padding-top: 27px;
    padding-bottom: 27px;
}

.py-\[30px\] {
    padding-top: 30px;
    padding-bottom: 30px;
}

.py-\[60px\] {
    padding-top: 60px;
    padding-bottom: 60px;
}

.pb-10 {
    padding-bottom: 2.5rem;
}

.pb-12 {
    padding-bottom: 3rem;
}

.pb-4 {
    padding-bottom: 1rem;
}

.pt-16 {
    padding-top: 4rem;
}

.pt-20 {
    padding-top: 5rem;
}

.pt-32 {
    padding-top: 8rem;
}

.pt-6 {
    padding-top: 1.5rem;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

.text-justify {
    text-align: justify;
}

.font-heading {
    font-family: "Montserrat", sans-serif;
}

.text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
}

.text-\[10px\] {
    font-size: 10px;
}

.text-\[14px\] {
    font-size: 14px;
}

.text-\[18px\] {
    font-size: 18px;
}

.text-\[20px\] {
    font-size: 20px;
}

.text-\[22px\] {
    font-size: 22px;
}

.text-\[24px\] {
    font-size: 24px;
}

.text-\[28px\] {
    font-size: 28px;
}

.text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
}

.font-medium {
    font-weight: 500;
}

.font-semibold {
    font-weight: 600;
}

.uppercase {
    text-transform: uppercase;
}

.italic {
    font-style: italic;
}

.text-\[\#231F20\] {
    --tw-text-opacity: 1;
    color: rgb(35 31 32 / var(--tw-text-opacity));
}

.text-\[\#7D4E37\] {
    --tw-text-opacity: 1;
    color: rgb(125 78 55 / var(--tw-text-opacity));
}

.text-\[\#CA7850\] {
    --tw-text-opacity: 1;
    color: rgb(202 120 80 / var(--tw-text-opacity));
}

.text-black {
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
}

.text-blue-800 {
    --tw-text-opacity: 1;
    color: rgb(30 64 175 / var(--tw-text-opacity));
}

.text-gray-600 {
    --tw-text-opacity: 1;
    color: rgb(75 85 99 / var(--tw-text-opacity));
}

.text-red-600 {
    --tw-text-opacity: 1;
    color: rgb(220 38 38 / var(--tw-text-opacity));
}

.text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.underline {
    text-decoration-line: underline;
}

.opacity-0 {
    opacity: 0;
}

.shadow {
    --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.filter {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.backdrop-blur-sm {
    --tw-backdrop-blur: blur(4px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
            backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.transition-opacity {
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.hover\:border-\[\#CA7850\]:hover {
    --tw-border-opacity: 1;
    border-color: rgb(202 120 80 / var(--tw-border-opacity));
}

.hover\:bg-\[\#F4F4E3\]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(244 244 227 / var(--tw-bg-opacity));
}

.hover\:text-\[\#CA7850\]:hover {
    --tw-text-opacity: 1;
    color: rgb(202 120 80 / var(--tw-text-opacity));
}

.group:hover .group-hover\:visible {
    visibility: visible;
}

.group:hover .group-hover\:rotate-180 {
    --tw-rotate: 180deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .group-hover\:rotate-90 {
    --tw-rotate: 90deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .group-hover\:stroke-\[\#CA7850\] {
    stroke: #CA7850;
}

.group:hover .group-hover\:text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.group:hover .group-hover\:opacity-100 {
    opacity: 1;
}

@media (max-width: 576px) {

    .sm\:col-span-1 {
        grid-column: span 1 / span 1;
    }

    .sm\:grid-cols-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .sm\:flex-col {
        flex-direction: column;
    }

    .sm\:gap-2 {
        gap: 0.5rem;
    }

    .sm\:gap-2\.5 {
        gap: 0.625rem;
    }
}

@media (max-width: 768px) {

    .md\:col-span-1 {
        grid-column: span 1 / span 1;
    }

    .md\:mt-0 {
        margin-top: 0px;
    }

    .md\:mt-2 {
        margin-top: 0.5rem;
    }

    .md\:mt-2\.5 {
        margin-top: 0.625rem;
    }

    .md\:\!hidden {
        display: none !important;
    }

    .md\:h-\[40px\] {
        height: 40px;
    }

    .md\:h-fit {
        height: -moz-fit-content;
        height: fit-content;
    }

    .md\:\!w-\[calc\(50\%-5px\)\] {
        width: calc(50% - 5px) !important;
    }

    .md\:w-\[40px\] {
        width: 40px;
    }

    .md\:w-full {
        width: 100%;
    }

    .md\:max-w-\[220px\] {
        max-width: 220px;
    }

    .md\:max-w-\[240px\] {
        max-width: 240px;
    }

    .md\:max-w-\[250px\] {
        max-width: 250px;
    }

    .md\:\!grid-cols-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }

    .md\:\!flex-col {
        flex-direction: column !important;
    }

    .md\:items-center {
        align-items: center;
    }

    .md\:gap-2 {
        gap: 0.5rem;
    }

    .md\:gap-2\.5 {
        gap: 0.625rem;
    }

    .md\:rounded-\[24px\] {
        border-radius: 24px;
    }

    .md\:p-2 {
        padding: 0.5rem;
    }

    .md\:p-2\.5 {
        padding: 0.625rem;
    }

    .md\:p-5 {
        padding: 1.25rem;
    }

    .md\:px-2 {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }

    .md\:px-2\.5 {
        padding-left: 0.625rem;
        padding-right: 0.625rem;
    }

    .md\:py-2 {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }

    .md\:py-6 {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }

    .md\:pb-10 {
        padding-bottom: 2.5rem;
    }

    .md\:pb-3 {
        padding-bottom: 0.75rem;
    }

    .md\:pt-2 {
        padding-top: 0.5rem;
    }

    .md\:pt-2\.5 {
        padding-top: 0.625rem;
    }

    .md\:pt-24 {
        padding-top: 6rem;
    }

    .md\:pt-8 {
        padding-top: 2rem;
    }

    .md\:text-\[16px\] {
        font-size: 16px;
    }

    .md\:text-\[22px\] {
        font-size: 22px;
    }

    .group:hover .md\:group-hover\:opacity-0 {
        opacity: 0;
    }
}

@media (max-width: 991px) {

    .lg\:static {
        position: static;
    }

    .lg\:flex-col {
        flex-direction: column;
    }

    .lg\:flex-col-reverse {
        flex-direction: column-reverse;
    }

    .lg\:items-center {
        align-items: center;
    }
}

@media (max-width: 1200px) {

    .xl\:\!sticky {
        position: sticky !important;
    }

    .xl\:top-\[104px\] {
        top: 104px;
    }

    .xl\:\!z-10 {
        z-index: 10 !important;
    }

    .xl\:mt-5 {
        margin-top: 1.25rem;
    }

    .xl\:hidden {
        display: none;
    }

    .xl\:w-full {
        width: 100%;
    }

    .xl\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .xl\:bg-white {
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    }

    .xl\:\!pb-2 {
        padding-bottom: 0.5rem !important;
    }

    .xl\:\!pb-2\.5 {
        padding-bottom: 0.625rem !important;
    }
}

.\[\&_\*\]\:m-0 * {
    margin: 0px;
}

.\[\&_\*\]\:text-\[14px\] * {
    font-size: 14px;
}

.\[\&_\*\]\:text-\[18px\] * {
    font-size: 18px;
}

.\[\&_\*\]\:font-medium * {
    font-weight: 500;
}

.\[\&_\*\]\:text-\[\#231F20\] * {
    --tw-text-opacity: 1;
    color: rgb(35 31 32 / var(--tw-text-opacity));
}

.\[\&_a\:hover\]\:font-medium a:hover {
    font-weight: 500;
}

.\[\&_a\:hover\]\:text-\[\#231F20\] a:hover {
    --tw-text-opacity: 1;
    color: rgb(35 31 32 / var(--tw-text-opacity));
}

.\[\&_img\]\:aspect-49\/26 img {
    aspect-ratio: 49 / 26;
}

.\[\&_img\]\:min-h-\[230px\] img {
    min-height: 230px;
}

.\[\&_img\]\:object-cover img {
    -o-object-fit: cover;
       object-fit: cover;
}

.\[\&_li\]\:flex li {
    display: flex;
}

.\[\&_li\]\:items-center li {
    align-items: center;
}

.\[\&_strong\]\:text-\[\#CA7850\] strong {
    --tw-text-opacity: 1;
    color: rgb(202 120 80 / var(--tw-text-opacity));
}