.btn, input[type=submit], input[type=button] {
}
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;
    border-radius: 30px;
    --tw-bg-opacity: 1;
    background-color: rgb(48 52 54 / var(--tw-bg-opacity));
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;

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

}
.qty-button input {
    max-width: 50px;
    border-style: none;
    background-color: transparent;
    text-align: center;
    font-family: "area", sans-serif;
    font-size: 20px;
    font-weight: 500;

}
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);

}
.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 {
    position: fixed;
    inset: 0px;
    top: 200px;
    z-index: 50;
    display: none;
    height: 100%;
    width: 100%;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    --tw-bg-opacity: 0.5;

}
@media (max-width: 991px) {
    #basket-pop-up {
        top: 84px;

    }

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

}
@media (max-width: 991px) {
    body.header--fixed #basket-pop-up {
        top: 84px;

    }

}
.radio-type-select input {
    display: none;

}
.radio-type-select input + div {
    position: relative;
    padding-left: 33px;

}
.radio-type-select input + div:before {
    position: absolute;
    top: 50%;
    left: 0.625rem;
    height: 13px;
    width: 13px;
    --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));
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgb(212 219 216 / var(--tw-bg-opacity));
    opacity: 0.4;
    --tw-content: '';
    content: var(--tw-content);

}
.radio-type-select input:checked + div {
    background-color: rgb(48 52 54 / var(--tw-bg-opacity));
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));

}
.radio-type-select input:checked + div:before {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    opacity: 1;

}
.step.done {
    background: linear-gradient(90deg, #C0C95E 0%, #4DA752 100%);
}
.step.done.error {
    background: transparent;
    border-width: 0px;
}
.inscription-row {
    display: flex;
    width: 100%;
    gap: 30px;

}
@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: 1.25rem;

}
@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 {
    grid-column: span 2 / span 2;

}
.radio-button, .adresse-checkbox {
    display: flex !important;
    align-items: center;
    gap: 0.5rem;

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

}
.radio-button input:before, .adresse-checkbox input:before {
    --tw-border-opacity: 1;
    border-color: rgb(212 219 216 / var(--tw-border-opacity));

}
.radio-button input:after, .adresse-checkbox input:after {
            background: linear-gradient(90deg, #C0C95E 0%, #4DA752 100%);
        }
.radio-button input:checked:before, .adresse-checkbox input:checked:before {
    border-color: transparent !important;

}
.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 {
    margin-bottom: 0.25rem;
    display: block;
    font-size: 14px;

}
.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-radius: 20px;
    border-top-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(212 219 216 / var(--tw-border-opacity));
    padding: 0.75rem;

}
.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(75 151 97 / 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.25rem;
    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 .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: 1rem;
    height: 1.25rem;
    width: 1.25rem;
    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='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.71799 9.73454C3.03161 6.49558 6.12325 4.16663 9.99897 4.16663C13.8747 4.16663 16.9663 6.49558 18.2807 9.73454C18.35 9.9052 18.35 10.0947 18.2807 10.2654C16.9663 13.5043 13.8747 15.8333 9.99897 15.8333C6.12325 15.8333 3.03161 13.5043 1.71799 10.2654C1.64869 10.0947 1.64869 9.9052 1.71799 9.73454ZM9.99897 12.1875C10.6017 12.1875 11.1798 11.957 11.606 11.5468C12.0322 11.1365 12.2717 10.5801 12.2717 9.99996C12.2717 9.4198 12.0322 8.8634 11.606 8.45316C11.1798 8.04293 10.6017 7.81246 9.99897 7.81246C9.39621 7.81246 8.81814 8.04293 8.39192 8.45316C7.96571 8.8634 7.72626 9.4198 7.72626 9.99996C7.72626 10.5801 7.96571 11.1365 8.39192 11.5468C8.81814 11.957 9.39621 12.1875 9.99897 12.1875Z' fill='%23AFC2BA'/%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='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M2.5 2.5L17.5 17.5' stroke='%23AFC2BA' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.50019 5.19162C4.13352 5.46662 3.79769 5.75662 3.49185 6.05162C2.47048 7.04358 1.62486 8.20169 0.991021 9.47662C0.912094 9.63964 0.871094 9.81842 0.871094 9.99954C0.871094 10.1807 0.912094 10.3594 0.991021 10.5225C1.62453 11.7976 2.46987 12.956 3.49102 13.9483C4.95019 15.3525 7.09852 16.6666 10.0002 16.6666C11.8635 16.6666 13.4169 16.125 14.6752 15.365L11.3885 12.0791C10.9076 12.4004 10.3302 12.5449 9.75467 12.4882C9.17914 12.4315 8.64107 12.177 8.23213 11.768C7.82319 11.3591 7.56868 10.821 7.51195 10.2455C7.45522 9.66993 7.59979 9.09253 7.92102 8.61162L4.50102 5.19079L4.50019 5.19162ZM17.2219 13.1983C17.9304 12.3873 18.5312 11.4882 19.0094 10.5233C19.0883 10.3603 19.1293 10.1815 19.1293 10.0004C19.1293 9.81925 19.0883 9.64048 19.0094 9.47746C18.3758 8.20229 17.5305 7.0439 16.5094 6.05162C15.0502 4.64746 12.9027 3.33329 10.0002 3.33329C9.21029 3.331 8.42353 3.43271 7.66019 3.63579L17.2219 13.1983Z' fill='%23AFC2BA'/%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;
    cursor: pointer;
    padding-left: 26px;

}
label.checkbox-item input[type="checkbox"] + p:after {
    position: absolute;
    top: 1px;
    left: 0px;
    height: 20px;
    width: 20px;
    border-radius: 4px;
    --tw-bg-opacity: 1;
    background-color: rgb(229 234 243 / var(--tw-bg-opacity));
    --tw-content: '';
    content: var(--tw-content);

}
label.checkbox-item input[type="checkbox"]:checked + p:before {
                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%3Crect width='20' height='20' rx='4' fill='%234B9761'/%3E%3Cpath d='M5 10.2333L8.3 13.5L16 6.5' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
                position: absolute;
                top: 0px;
                left: 0px;
                z-index: 10;
                border-radius: 4px;
                --tw-bg-opacity: 1;
                background-color: rgb(255 255 255 / var(--tw-bg-opacity));
            }
label.checkbox-item input[type="checkbox"]:checked + p:after {
    --tw-bg-opacity: 1;
    background-color: rgb(89 135 204 / var(--tw-bg-opacity));

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

}
.pdf-box strong {
    font-family: "area-bold", 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: "area-bold", 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));

}
.wrapper-tabs {
    display: flex;
    gap: 30px;

}
@media (max-width: 768px) {
    .wrapper-tabs {
        flex-direction: column;
        gap: 0.625rem;

    }

}
.wrapper-tabs .tab-profil {
    cursor: pointer;
    border-radius: 30px;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(212 219 216 / var(--tw-border-opacity));
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
    padding-left: 30px;
    padding-right: 30px;
    text-transform: uppercase;

}
.wrapper-tabs .tab-profil:hover {
    --tw-border-opacity: 1;
    border-color: rgb(75 151 97 / var(--tw-border-opacity));

}
@media (max-width: 768px) {
    .wrapper-tabs .tab-profil {
        text-align: center;

    }

}
.wrapper-tabs .tab-profil:hover {
            text-shadow: 1px 0 0 rgba(0, 0, 0, 1);
        }
.wrapper-tabs .tab-profil.active {
    --tw-border-opacity: 1;
    border-color: rgb(75 151 97 / var(--tw-border-opacity));
            text-shadow: 1px 0 0 rgba(0, 0, 0, 1);

}
/*
! 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: 1440px) {
    .container {
        max-width: 1440px;

    }

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

}
.collapse {
    visibility: collapse;

}
.fixed {
    position: fixed;

}
.absolute {
    position: absolute;

}
.relative {
    position: relative;

}
.left-0 {
    left: 0px;

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

}
.top-0 {
    top: 0px;

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

}
.-left-5 {
    left: -1.25rem;

}
.-left-\[50px\] {
    left: -50px;

}
.top-1 {
    top: 0.25rem;

}
.top-2 {
    top: 0.5rem;

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

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

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

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

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

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

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

}
.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-\[50px\] {
    margin-bottom: 50px;

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

}
.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-5 {
    margin-top: 1.25rem;

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

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

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

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

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

}
.flex {
    display: flex;

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

}
.table {
    display: table;

}
.grid {
    display: grid;

}
.hidden {
    display: none;

}
.aspect-square {
    aspect-ratio: 1 / 1;

}
.aspect-video {
    aspect-ratio: 16 / 9;

}
.h-auto {
    height: auto;

}
.h-full {
    height: 100%;

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

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

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

}
.min-h-screen {
    min-height: 100vh;

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

}
.w-1\/3 {
    width: 33.333333%;

}
.w-2\/3 {
    width: 66.666667%;

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

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

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

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

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

}
.w-full {
    width: 100%;

}
.\!min-w-0 {
    min-width: 0px !important;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

}
.-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;

}
.scroll-mt-40 {
    scroll-margin-top: 10rem;

}
.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;

}
.\!items-start {
    align-items: flex-start !important;

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

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

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

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

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

}
.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-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-\[30px\] {
    gap: 30px;

}
.gap-y-14 {
    row-gap: 3.5rem;

}
.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-\[30px\] {
    border-radius: 30px;

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

}
.border {
    border-width: 1px;

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

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

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

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

}
.border-\[\#4B9761\] {
    --tw-border-opacity: 1;
    border-color: rgb(75 151 97 / var(--tw-border-opacity));

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

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

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

}
.bg-\[\#303436\] {
    --tw-bg-opacity: 1;
    background-color: rgb(48 52 54 / var(--tw-bg-opacity));

}
.bg-\[\#4B9761\] {
    --tw-bg-opacity: 1;
    background-color: rgb(75 151 97 / var(--tw-bg-opacity));

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

}
.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-40 {
    --tw-bg-opacity: 0.4;

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

}
.p-10 {
    padding: 2.5rem;

}
.p-2 {
    padding: 0.5rem;

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

}
.p-5 {
    padding: 1.25rem;

}
.p-\[15px\] {
    padding: 15px;

}
.\!px-\[30px\] {
    padding-left: 30px !important;
    padding-right: 30px !important;

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

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

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

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

}
.py-1\.5 {
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;

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

}
.py-14 {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;

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

}
.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-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;

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

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

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

}
.pl-5 {
    padding-left: 1.25rem;

}
.pr-4 {
    padding-right: 1rem;

}
.pr-5 {
    padding-right: 1.25rem;

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

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

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

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

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

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

}
.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-\[26px\] {
    font-size: 26px;

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

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

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

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

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

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

}
.font-bold {
    font-weight: 700;

}
.uppercase {
    text-transform: uppercase;

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

}
.text-\[\#EB5757\] {
    --tw-text-opacity: 1;
    color: rgb(235 87 87 / 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-green-700 {
    --tw-text-opacity: 1;
    color: rgb(21 128 61 / 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);

}
.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;

}
.duration-500 {
    transition-duration: 500ms;

}
.after\:absolute::after {
    content: var(--tw-content);
    position: absolute;

}
.after\:left-0::after {
    content: var(--tw-content);
    left: 0px;

}
.after\:top-1\/2::after {
    content: var(--tw-content);
    top: 50%;

}
.after\:h-\[1px\]::after {
    content: var(--tw-content);
    height: 1px;

}
.after\:w-full::after {
    content: var(--tw-content);
    width: 100%;

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

}
.after\:content-\[\'\'\]::after {
    --tw-content: '';
    content: var(--tw-content);

}
.hover\:border-\[\#4B9761\]:hover {
    --tw-border-opacity: 1;
    border-color: rgb(75 151 97 / var(--tw-border-opacity));

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

}
.group:hover .group-hover\:scale-105 {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05;
    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\: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: 768px) {
    .md\:col-span-1 {
        grid-column: span 1 / span 1;

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

    }
    .md\:w-\[30\%\] {
        width: 30%;

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

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

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

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

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

    }
    .md\:whitespace-normal {
        white-space: normal;

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

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

    }

}
@media (max-width: 991px) {
    .lg\:static {
        position: static;

    }
    .lg\:\!static {
        position: static !important;

    }
    .lg\:mb-14 {
        margin-bottom: 3.5rem;

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

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

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

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

    }
    .lg\:py-28 {
        padding-top: 7rem;
        padding-bottom: 7rem;

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

    }

}
@media (max-width: 1200px) {
    .xl\:py-28 {
        padding-top: 7rem;
        padding-bottom: 7rem;

    }

}
.\[\&\>div\]\:relative>div {
    position: relative;

}
.\[\&\>div\]\:z-10>div {
    z-index: 10;

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

}