@font-face {
    font-family: SVN-Kingston Extras;
    src: url(https://2bfoods.com/build/assets/SVN-KingstonExtras-Regular-BmTVfBMG.woff2) format("woff2"), url(https://2bfoods.com/build/assets/SVN-KingstonExtras-Regular-Cnm9eE3e.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: SVN-Kingston;
    src: url(https://2bfoods.com/build/assets/SVN-Kingston-Regular-Bqh5o1mN.woff2) format("woff2"), url(https://2bfoods.com/build/assets/SVN-Kingston-Regular-Cx0rMqaa.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@-webkit-keyframes top-slide-down {
    0% {
        top: 0
    }

    to {
        top: 20px
    }
}

@keyframes top-slide-down {
    0% {
        top: 0
    }

    to {
        top: 20px
    }
}

@-webkit-keyframes top-slide-up {
    0% {
        top: 20px
    }

    to {
        top: 0
    }
}

@keyframes top-slide-up {
    0% {
        top: 20px
    }

    to {
        top: 0
    }
}

@-webkit-keyframes bottom-slide-down {
    0% {
        bottom: 0
    }

    to {
        bottom: 20px
    }
}

@keyframes bottom-slide-down {
    0% {
        bottom: 0
    }

    to {
        bottom: 20px
    }
}

@-webkit-keyframes bottom-slide-up {
    0% {
        bottom: 20px
    }

    to {
        bottom: 0
    }
}

@keyframes bottom-slide-up {
    0% {
        bottom: 20px
    }

    to {
        bottom: 0
    }
}

.td-message-container .td-message.top-right {
    margin-bottom: 10px
}

.td-message-container {
    position: fixed;
    width: 100%;
    z-index: 111111;
    pointer-events: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.td-message-container.top-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.td-message-container.top-left {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.td-message-container.top-right {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.td-message-container.top-center,
.td-message-container.top-left,
.td-message-container.top-right {
    left: 0;
    top: 0
}

.td-message-container.bottom-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.td-message-container.bottom-left {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.td-message-container.bottom-right {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.td-message-container.bottom-center,
.td-message-container.bottom-left,
.td-message-container.bottom-right {
    left: 0;
    bottom: 0
}

.td-message-container .td-message.bottom-center,
.td-message-container .td-message.bottom-left,
.td-message-container .td-message.bottom-right {
    bottom: 20px
}

.td-message-container .td-message.bottom-center {
    left: 0
}

.td-message-container .td-message.bottom-left {
    left: 40px
}

.td-message-container .td-message.bottom-right {
    right: 40px
}

.td-message-container .td-message.top-center,
.td-message-container .td-message.top-left,
.td-message-container .td-message.top-right {
    top: 20px
}

.td-message-container .td-message.top-center {
    left: 0
}

.td-message-container .td-message.top-left {
    left: 40px;
    background: #fff
}

.td-message-container .td-message.top-right {
    right: 40px
}

.td-message-container .td-message {
    max-width: 500px;
    word-break: break-all;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-animation: top-slide-down .3s ease;
    animation: top-slide-down .3s ease;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 16px;
    font-size: 14px;
    overflow: hidden;
    border-radius: 0;
    -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, .15);
    box-shadow: 0 1px 8px #00000026;
    background: #fffffff2;
    pointer-events: all;
    position: relative
}

.td-message-container .td-message.bottom-left,
.td-message-container .td-message.bottom-right,
.td-message-container .td-message.bottom-center {
    -webkit-animation: bottom-slide-down .3s ease;
    animation: bottom-slide-down .3s ease
}

.td-message-container .td-message .td-icon {
    width: 22px;
    height: 22px;
    vertical-align: middle;
    display: inline-block;
    border-radius: 50%
}

.td-message-container .td-message .td-content {
    line-height: 1.6;
    padding: 0 14px
}

.td-message-container .td-message .td-close button {
    border: none;
    outline: none;
    background: none;
    cursor: pointer;
    font-size: 15px;
    color: #646464;
    font-weight: 600;
    padding: 0;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    vertical-align: middle
}

.td-message-container .td-message.top {
    -webkit-animation: top-slide-up .3s ease;
    animation: top-slide-up .3s ease
}

.td-message-container .td-message.bottom {
    -webkit-animation: bottom-slide-up .3s ease;
    animation: bottom-slide-up .3s ease
}

/*!
 * jquery-confirm v3.3.4 (http://craftpip.github.io/jquery-confirm/)
 * Author: boniface pereira
 * Website: www.craftpip.com
 * Contact: hey@craftpip.com
 *
 * Copyright 2013-2019 jquery-confirm
 * Licensed under MIT (https://github.com/craftpip/jquery-confirm/blob/master/LICENSE)
 */
@-webkit-keyframes jconfirm-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes jconfirm-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

body[class*=jconfirm-no-scroll-] {
    overflow: hidden !important
}

.jconfirm {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99999999;
    font-family: inherit;
    overflow: hidden
}

.jconfirm .jconfirm-bg {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: opacity .4s;
    transition: opacity .4s
}

.jconfirm .jconfirm-bg.jconfirm-bg-h {
    opacity: 0 !important
}

.jconfirm .jconfirm-scrollpane {
    -webkit-perspective: 500px;
    perspective: 500px;
    -webkit-perspective-origin: center;
    perspective-origin: center;
    display: table;
    width: 100%;
    height: 100%
}

.jconfirm .jconfirm-row {
    display: table-row;
    width: 100%
}

.jconfirm .jconfirm-cell {
    display: table-cell;
    vertical-align: middle
}

.jconfirm .jconfirm-holder {
    max-height: 100%;
    padding: 50px 0
}

.jconfirm .jconfirm-box-container {
    -webkit-transition: -webkit-transform;
    transition: -webkit-transform;
    transition: transform;
    transition: transform, -webkit-transform
}

.jconfirm .jconfirm-box-container.jconfirm-no-transition {
    -webkit-transition: none !important;
    transition: none !important
}

.jconfirm .jconfirm-box {
    background: #fff;
    border-radius: 4px;
    position: relative;
    outline: 0;
    padding: 15px 15px 0;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto
}

@-webkit-keyframes type-blue {

    1%,
    to {
        border-color: #3498db
    }

    50% {
        border-color: #5faee3
    }
}

@keyframes type-blue {

    1%,
    to {
        border-color: #3498db
    }

    50% {
        border-color: #5faee3
    }
}

@-webkit-keyframes type-green {

    1%,
    to {
        border-color: #2ecc71
    }

    50% {
        border-color: #54d98c
    }
}

@keyframes type-green {

    1%,
    to {
        border-color: #2ecc71
    }

    50% {
        border-color: #54d98c
    }
}

@-webkit-keyframes type-red {

    1%,
    to {
        border-color: #e74c3c
    }

    50% {
        border-color: #ed7669
    }
}

@keyframes type-red {

    1%,
    to {
        border-color: #e74c3c
    }

    50% {
        border-color: #ed7669
    }
}

@-webkit-keyframes type-orange {

    1%,
    to {
        border-color: #f1c40f
    }

    50% {
        border-color: #f4d03f
    }
}

@keyframes type-orange {

    1%,
    to {
        border-color: #f1c40f
    }

    50% {
        border-color: #f4d03f
    }
}

@-webkit-keyframes type-purple {

    1%,
    to {
        border-color: #9b59b6
    }

    50% {
        border-color: #b07cc6
    }
}

@keyframes type-purple {

    1%,
    to {
        border-color: #9b59b6
    }

    50% {
        border-color: #b07cc6
    }
}

@-webkit-keyframes type-dark {

    1%,
    to {
        border-color: #34495e
    }

    50% {
        border-color: #46627f
    }
}

@keyframes type-dark {

    1%,
    to {
        border-color: #34495e
    }

    50% {
        border-color: #46627f
    }
}

.jconfirm .jconfirm-box.jconfirm-type-animated {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.jconfirm .jconfirm-box.jconfirm-type-blue {
    border-top: solid 7px #3498db;
    -webkit-animation-name: type-blue;
    animation-name: type-blue
}

.jconfirm .jconfirm-box.jconfirm-type-green {
    border-top: solid 7px #2ecc71;
    -webkit-animation-name: type-green;
    animation-name: type-green
}

.jconfirm .jconfirm-box.jconfirm-type-red {
    border-top: solid 7px #e74c3c;
    -webkit-animation-name: type-red;
    animation-name: type-red
}

.jconfirm .jconfirm-box.jconfirm-type-orange {
    border-top: solid 7px #f1c40f;
    -webkit-animation-name: type-orange;
    animation-name: type-orange
}

.jconfirm .jconfirm-box.jconfirm-type-purple {
    border-top: solid 7px #9b59b6;
    -webkit-animation-name: type-purple;
    animation-name: type-purple
}

.jconfirm .jconfirm-box.jconfirm-type-dark {
    border-top: solid 7px #34495e;
    -webkit-animation-name: type-dark;
    animation-name: type-dark
}

.jconfirm .jconfirm-box.loading {
    height: 120px
}

.jconfirm .jconfirm-box.loading:before {
    content: "";
    position: absolute;
    left: 0;
    background: #fff;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 10px;
    z-index: 1
}

.jconfirm .jconfirm-box.loading:after {
    opacity: .6;
    content: "";
    height: 30px;
    width: 30px;
    border: solid 3px transparent;
    position: absolute;
    left: 50%;
    margin-left: -15px;
    border-radius: 50%;
    -webkit-animation: jconfirm-spin 1s infinite linear;
    animation: jconfirm-spin 1s infinite linear;
    border-bottom-color: #1e90ff;
    top: 50%;
    margin-top: -15px;
    z-index: 2
}

.jconfirm .jconfirm-box div.jconfirm-closeIcon {
    height: 20px;
    width: 20px;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    opacity: .6;
    text-align: center;
    font-size: 27px !important;
    line-height: 14px !important;
    display: none;
    z-index: 1
}

.jconfirm .jconfirm-box div.jconfirm-closeIcon:empty {
    display: none
}

.jconfirm .jconfirm-box div.jconfirm-closeIcon .fa,
.jconfirm .jconfirm-box div.jconfirm-closeIcon .glyphicon,
.jconfirm .jconfirm-box div.jconfirm-closeIcon .zmdi {
    font-size: 16px
}

.jconfirm .jconfirm-box div.jconfirm-closeIcon:hover {
    opacity: 1
}

.jconfirm .jconfirm-box div.jconfirm-title-c {
    display: block;
    font-size: 22px;
    line-height: 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
    padding-bottom: 15px
}

.jconfirm .jconfirm-box div.jconfirm-title-c.jconfirm-hand {
    cursor: move
}

.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c {
    font-size: inherit;
    display: inline-block;
    vertical-align: middle
}

.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c i {
    vertical-align: middle
}

.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c:empty {
    display: none
}

.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: inherit;
    font-family: inherit;
    display: inline-block;
    vertical-align: middle
}

.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title:empty {
    display: none
}

.jconfirm .jconfirm-box div.jconfirm-content-pane {
    margin-bottom: 15px;
    height: auto;
    -webkit-transition: height .4s ease-in;
    transition: height .4s ease-in;
    display: inline-block;
    width: 100%;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto
}

.jconfirm .jconfirm-box div.jconfirm-content-pane.no-scroll {
    overflow-y: hidden
}

.jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar {
    width: 3px
}

.jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar-track {
    background: #0000001a
}

.jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar-thumb {
    background: #666;
    border-radius: 3px
}

.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content {
    overflow: auto
}

.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content img {
    max-width: 100%;
    height: auto
}

.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content:empty {
    display: none
}

.jconfirm .jconfirm-box .jconfirm-buttons {
    padding-bottom: 11px
}

.jconfirm .jconfirm-box .jconfirm-buttons>button {
    margin-bottom: 4px;
    margin-left: 2px;
    margin-right: 2px
}

.jconfirm .jconfirm-box .jconfirm-buttons button {
    display: inline-block;
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 4px;
    min-height: 1em;
    -webkit-transition: opacity .1s ease, background-color .1s ease, color .1s ease, background .1s ease, -webkit-box-shadow .1s ease;
    transition: opacity .1s ease, background-color .1s ease, color .1s ease, background .1s ease, -webkit-box-shadow .1s ease;
    transition: opacity .1s ease, background-color .1s ease, color .1s ease, box-shadow .1s ease, background .1s ease;
    transition: opacity .1s ease, background-color .1s ease, color .1s ease, box-shadow .1s ease, background .1s ease, -webkit-box-shadow .1s ease;
    -webkit-tap-highlight-color: transparent;
    border: 0;
    background-image: none
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-blue {
    background-color: #3498db;
    color: #fff;
    text-shadow: none;
    -webkit-transition: background .2s;
    transition: background .2s
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-blue:hover {
    background-color: #2980b9;
    color: #fff
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-green {
    background-color: #2ecc71;
    color: #fff;
    text-shadow: none;
    -webkit-transition: background .2s;
    transition: background .2s
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-green:hover {
    background-color: #27ae60;
    color: #fff
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-red {
    background-color: #e74c3c;
    color: #fff;
    text-shadow: none;
    -webkit-transition: background .2s;
    transition: background .2s
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-red:hover {
    background-color: #c0392b;
    color: #fff
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-orange {
    background-color: #f1c40f;
    color: #fff;
    text-shadow: none;
    -webkit-transition: background .2s;
    transition: background .2s
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-orange:hover {
    background-color: #f39c12;
    color: #fff
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-default {
    background-color: #ecf0f1;
    color: #000;
    text-shadow: none;
    -webkit-transition: background .2s;
    transition: background .2s
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-default:hover {
    background-color: #bdc3c7;
    color: #000
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-purple {
    background-color: #9b59b6;
    color: #fff;
    text-shadow: none;
    -webkit-transition: background .2s;
    transition: background .2s
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-purple:hover {
    background-color: #8e44ad;
    color: #fff
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-dark {
    background-color: #34495e;
    color: #fff;
    text-shadow: none;
    -webkit-transition: background .2s;
    transition: background .2s
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-dark:hover {
    background-color: #2c3e50;
    color: #fff
}

.jconfirm .jconfirm-box.jconfirm-type-red .jconfirm-title-c .jconfirm-icon-c {
    color: #e74c3c !important
}

.jconfirm .jconfirm-box.jconfirm-type-blue .jconfirm-title-c .jconfirm-icon-c {
    color: #3498db !important
}

.jconfirm .jconfirm-box.jconfirm-type-green .jconfirm-title-c .jconfirm-icon-c {
    color: #2ecc71 !important
}

.jconfirm .jconfirm-box.jconfirm-type-purple .jconfirm-title-c .jconfirm-icon-c {
    color: #9b59b6 !important
}

.jconfirm .jconfirm-box.jconfirm-type-orange .jconfirm-title-c .jconfirm-icon-c {
    color: #f1c40f !important
}

.jconfirm .jconfirm-box.jconfirm-type-dark .jconfirm-title-c .jconfirm-icon-c {
    color: #34495e !important
}

.jconfirm .jconfirm-clear {
    clear: both
}

.jconfirm.jconfirm-rtl {
    direction: rtl
}

.jconfirm.jconfirm-rtl div.jconfirm-closeIcon {
    left: 5px;
    right: auto
}

.jconfirm.jconfirm-white .jconfirm-bg,
.jconfirm.jconfirm-light .jconfirm-bg {
    background-color: #444;
    opacity: .2
}

.jconfirm.jconfirm-white .jconfirm-box,
.jconfirm.jconfirm-light .jconfirm-box {
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
    box-shadow: 0 2px 6px #0003;
    border-radius: 5px
}

.jconfirm.jconfirm-white .jconfirm-box .jconfirm-title-c .jconfirm-icon-c,
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
    margin-right: 8px;
    margin-left: 0
}

.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons,
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons {
    float: right
}

.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button,
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    text-shadow: none
}

.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.btn-default,
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default {
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #333
}

.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.btn-default:hover,
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default:hover {
    background: #ddd
}

.jconfirm.jconfirm-white.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c,
.jconfirm.jconfirm-light.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c {
    margin-left: 8px;
    margin-right: 0
}

.jconfirm.jconfirm-black .jconfirm-bg,
.jconfirm.jconfirm-dark .jconfirm-bg {
    background-color: #2f4f4f;
    opacity: .4
}

.jconfirm.jconfirm-black .jconfirm-box,
.jconfirm.jconfirm-dark .jconfirm-box {
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
    box-shadow: 0 2px 6px #0003;
    background: #444;
    border-radius: 5px;
    color: #fff
}

.jconfirm.jconfirm-black .jconfirm-box .jconfirm-title-c .jconfirm-icon-c,
.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
    margin-right: 8px;
    margin-left: 0
}

.jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons,
.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons {
    float: right
}

.jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button,
.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button {
    border: 0;
    background-image: none;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    text-shadow: none;
    -webkit-transition: background .1s;
    transition: background .1s;
    color: #fff
}

.jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button.btn-default,
.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button.btn-default {
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    background: 0
}

.jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button.btn-default:hover,
.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button.btn-default:hover {
    background: #666
}

.jconfirm.jconfirm-black.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c,
.jconfirm.jconfirm-dark.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c {
    margin-left: 8px;
    margin-right: 0
}

.jconfirm .jconfirm-box.hilight.jconfirm-hilight-shake {
    -webkit-animation: shake .82s cubic-bezier(.36, .07, .19, .97) both;
    animation: shake .82s cubic-bezier(.36, .07, .19, .97) both;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0)
}

.jconfirm .jconfirm-box.hilight.jconfirm-hilight-glow {
    -webkit-animation: glow .82s cubic-bezier(.36, .07, .19, .97) both;
    animation: glow .82s cubic-bezier(.36, .07, .19, .97) both;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0)
}

@-webkit-keyframes shake {

    10%,
    90% {
        -webkit-transform: translate3d(-2px, 0, 0);
        transform: translate3d(-2px, 0, 0)
    }

    20%,
    80% {
        -webkit-transform: translate3d(4px, 0, 0);
        transform: translate3d(4px, 0, 0)
    }

    30%,
    50%,
    70% {
        -webkit-transform: translate3d(-8px, 0, 0);
        transform: translate3d(-8px, 0, 0)
    }

    40%,
    60% {
        -webkit-transform: translate3d(8px, 0, 0);
        transform: translate3d(8px, 0, 0)
    }
}

@keyframes shake {

    10%,
    90% {
        -webkit-transform: translate3d(-2px, 0, 0);
        transform: translate3d(-2px, 0, 0)
    }

    20%,
    80% {
        -webkit-transform: translate3d(4px, 0, 0);
        transform: translate3d(4px, 0, 0)
    }

    30%,
    50%,
    70% {
        -webkit-transform: translate3d(-8px, 0, 0);
        transform: translate3d(-8px, 0, 0)
    }

    40%,
    60% {
        -webkit-transform: translate3d(8px, 0, 0);
        transform: translate3d(8px, 0, 0)
    }
}

@-webkit-keyframes glow {

    0%,
    to {
        -webkit-box-shadow: 0 0 0 red;
        box-shadow: 0 0 red
    }

    50% {
        -webkit-box-shadow: 0 0 30px red;
        box-shadow: 0 0 30px red
    }
}

@keyframes glow {

    0%,
    to {
        -webkit-box-shadow: 0 0 0 red;
        box-shadow: 0 0 red
    }

    50% {
        -webkit-box-shadow: 0 0 30px red;
        box-shadow: 0 0 30px red
    }
}

.jconfirm {
    -webkit-perspective: 400px;
    perspective: 400px
}

.jconfirm .jconfirm-box {
    opacity: 1;
    -webkit-transition-property: all;
    transition-property: all
}

.jconfirm .jconfirm-box.jconfirm-animation-top,
.jconfirm .jconfirm-box.jconfirm-animation-left,
.jconfirm .jconfirm-box.jconfirm-animation-right,
.jconfirm .jconfirm-box.jconfirm-animation-bottom,
.jconfirm .jconfirm-box.jconfirm-animation-opacity,
.jconfirm .jconfirm-box.jconfirm-animation-zoom,
.jconfirm .jconfirm-box.jconfirm-animation-scale,
.jconfirm .jconfirm-box.jconfirm-animation-none,
.jconfirm .jconfirm-box.jconfirm-animation-rotate,
.jconfirm .jconfirm-box.jconfirm-animation-rotatex,
.jconfirm .jconfirm-box.jconfirm-animation-rotatey,
.jconfirm .jconfirm-box.jconfirm-animation-scaley,
.jconfirm .jconfirm-box.jconfirm-animation-scalex {
    opacity: 0
}

.jconfirm .jconfirm-box.jconfirm-animation-rotate {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.jconfirm .jconfirm-box.jconfirm-animation-rotatex {
    -webkit-transform: rotateX(90deg);
    transform: rotateX(90deg);
    -webkit-transform-origin: center;
    transform-origin: center
}

.jconfirm .jconfirm-box.jconfirm-animation-rotatexr {
    -webkit-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
    -webkit-transform-origin: center;
    transform-origin: center
}

.jconfirm .jconfirm-box.jconfirm-animation-rotatey {
    -webkit-transform: rotatey(90deg);
    transform: rotatey(90deg);
    -webkit-transform-origin: center;
    transform-origin: center
}

.jconfirm .jconfirm-box.jconfirm-animation-rotateyr {
    -webkit-transform: rotatey(-90deg);
    transform: rotatey(-90deg);
    -webkit-transform-origin: center;
    transform-origin: center
}

.jconfirm .jconfirm-box.jconfirm-animation-scaley {
    -webkit-transform: scaley(1.5);
    transform: scaley(1.5);
    -webkit-transform-origin: center;
    transform-origin: center
}

.jconfirm .jconfirm-box.jconfirm-animation-scalex {
    -webkit-transform: scalex(1.5);
    transform: scalex(1.5);
    -webkit-transform-origin: center;
    transform-origin: center
}

.jconfirm .jconfirm-box.jconfirm-animation-top {
    -webkit-transform: translate(0px, -100px);
    transform: translateY(-100px)
}

.jconfirm .jconfirm-box.jconfirm-animation-left {
    -webkit-transform: translate(-100px, 0px);
    transform: translate(-100px)
}

.jconfirm .jconfirm-box.jconfirm-animation-right {
    -webkit-transform: translate(100px, 0px);
    transform: translate(100px)
}

.jconfirm .jconfirm-box.jconfirm-animation-bottom {
    -webkit-transform: translate(0px, 100px);
    transform: translateY(100px)
}

.jconfirm .jconfirm-box.jconfirm-animation-zoom {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.jconfirm .jconfirm-box.jconfirm-animation-scale {
    -webkit-transform: scale(.5);
    transform: scale(.5)
}

.jconfirm .jconfirm-box.jconfirm-animation-none {
    visibility: hidden
}

.jconfirm.jconfirm-supervan .jconfirm-bg {
    background-color: #36465df2
}

.jconfirm.jconfirm-supervan .jconfirm-box {
    background-color: transparent
}

.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-blue,
.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-green,
.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-red,
.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-orange,
.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-purple,
.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-dark {
    border: 0
}

.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-closeIcon {
    color: #fff
}

.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c {
    text-align: center;
    color: #fff;
    font-size: 28px;
    font-weight: 400
}

.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c>* {
    padding-bottom: 25px
}

.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c {
    margin-right: 8px;
    margin-left: 0
}

.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-content-pane {
    margin-bottom: 25px
}

.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-content {
    text-align: center;
    color: #fff
}

.jconfirm.jconfirm-supervan .jconfirm-box .jconfirm-buttons {
    text-align: center
}

.jconfirm.jconfirm-supervan .jconfirm-box .jconfirm-buttons button {
    font-size: 16px;
    border-radius: 2px;
    background: #303f53;
    text-shadow: none;
    border: 0;
    color: #fff;
    padding: 10px;
    min-width: 100px
}

.jconfirm.jconfirm-supervan.jconfirm-rtl .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c {
    margin-left: 8px;
    margin-right: 0
}

.jconfirm.jconfirm-material .jconfirm-bg {
    background-color: #000000ab
}

.jconfirm.jconfirm-material .jconfirm-box {
    background-color: #fff;
    -webkit-box-shadow: 0 7px 8px -4px rgba(0, 0, 0, .2), 0 13px 19px 2px rgba(0, 0, 0, .14), 0 5px 24px 4px rgba(0, 0, 0, .12);
    box-shadow: 0 7px 8px -4px #0003, 0 13px 19px 2px #00000024, 0 5px 24px 4px #0000001f;
    padding: 30px 25px 10px
}

.jconfirm.jconfirm-material .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
    margin-right: 8px;
    margin-left: 0
}

.jconfirm.jconfirm-material .jconfirm-box div.jconfirm-closeIcon {
    color: #000000de
}

.jconfirm.jconfirm-material .jconfirm-box div.jconfirm-title-c {
    color: #000000de;
    font-size: 22px;
    font-weight: 700
}

.jconfirm.jconfirm-material .jconfirm-box div.jconfirm-content {
    color: #000000de
}

.jconfirm.jconfirm-material .jconfirm-box .jconfirm-buttons {
    text-align: right
}

.jconfirm.jconfirm-material .jconfirm-box .jconfirm-buttons button {
    text-transform: uppercase;
    font-weight: 500
}

.jconfirm.jconfirm-material.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c {
    margin-left: 8px;
    margin-right: 0
}

.jconfirm.jconfirm-bootstrap .jconfirm-bg {
    background-color: #00000036
}

.jconfirm.jconfirm-bootstrap .jconfirm-box {
    background-color: #fff;
    -webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 3px 8px #0003;
    border: solid 1px rgba(0, 0, 0, .4);
    padding: 15px 0 0
}

.jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
    margin-right: 8px;
    margin-left: 0
}

.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-closeIcon {
    color: #000000de
}

.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-title-c {
    color: #000000de;
    font-size: 22px;
    font-weight: 700;
    padding-left: 15px;
    padding-right: 15px
}

.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-content {
    color: #000000de;
    padding: 0 15px
}

.jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-buttons {
    text-align: right;
    padding: 10px;
    margin: -5px 0 0;
    border-top: solid 1px #ddd;
    overflow: hidden;
    border-radius: 0 0 4px 4px
}

.jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-buttons button {
    font-weight: 500
}

.jconfirm.jconfirm-bootstrap.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c {
    margin-left: 8px;
    margin-right: 0
}

.jconfirm.jconfirm-modern .jconfirm-bg {
    background-color: #708090;
    opacity: .6
}

.jconfirm.jconfirm-modern .jconfirm-box {
    background-color: #fff;
    -webkit-box-shadow: 0 7px 8px -4px rgba(0, 0, 0, .2), 0 13px 19px 2px rgba(0, 0, 0, .14), 0 5px 24px 4px rgba(0, 0, 0, .12);
    box-shadow: 0 7px 8px -4px #0003, 0 13px 19px 2px #00000024, 0 5px 24px 4px #0000001f;
    padding: 30px 30px 15px
}

.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-closeIcon {
    color: #000000de;
    top: 15px;
    right: 15px
}

.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-title-c {
    color: #000000de;
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 10px
}

.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c {
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s;
    -webkit-transform: scale(0);
    transform: scale(0);
    display: block;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 10px;
    font-size: 69px;
    color: #aaa
}

.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-content {
    text-align: center;
    font-size: 15px;
    color: #777;
    margin-bottom: 25px
}

.jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons {
    text-align: center
}

.jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons button {
    font-weight: 700;
    text-transform: uppercase;
    -webkit-transition: background .1s;
    transition: background .1s;
    padding: 10px 20px
}

.jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons button+button {
    margin-left: 4px
}

.jconfirm.jconfirm-modern.jconfirm-open .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
    -webkit-transform: scale(1);
    transform: scale(1)
}

body.compensate-for-scrollbar {
    overflow: hidden
}

.fancybox-active {
    height: auto
}

.fancybox-is-hidden {
    left: -9999px;
    margin: 0;
    position: absolute !important;
    top: -9999px;
    visibility: hidden
}

.fancybox-container {
    -webkit-backface-visibility: hidden;
    height: 100%;
    left: 0;
    outline: none;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    width: 100%;
    z-index: 99992
}

.fancybox-container * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.fancybox-bg,
.fancybox-inner,
.fancybox-outer,
.fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.fancybox-outer {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto
}

.fancybox-bg {
    background: #1e1e1e;
    opacity: 0;
    -webkit-transition-duration: inherit;
    transition-duration: inherit;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: cubic-bezier(.47, 0, .74, .71);
    transition-timing-function: cubic-bezier(.47, 0, .74, .71)
}

.fancybox-is-open .fancybox-bg {
    opacity: .9;
    -webkit-transition-timing-function: cubic-bezier(.22, .61, .36, 1);
    transition-timing-function: cubic-bezier(.22, .61, .36, 1)
}

.fancybox-caption,
.fancybox-infobar,
.fancybox-navigation .fancybox-button,
.fancybox-toolbar {
    direction: ltr;
    opacity: 0;
    position: absolute;
    -webkit-transition: opacity .25s ease, visibility 0s ease .25s;
    transition: opacity .25s ease, visibility 0s ease .25s;
    visibility: hidden;
    z-index: 99997
}

.fancybox-show-caption .fancybox-caption,
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-nav .fancybox-navigation .fancybox-button,
.fancybox-show-toolbar .fancybox-toolbar {
    opacity: 1;
    -webkit-transition: opacity .25s ease 0s, visibility 0s ease 0s;
    transition: opacity .25s ease 0s, visibility 0s ease 0s;
    visibility: visible
}

.fancybox-infobar {
    color: #ccc;
    font-size: 13px;
    -webkit-font-smoothing: subpixel-antialiased;
    height: 44px;
    left: 0;
    line-height: 44px;
    min-width: 44px;
    mix-blend-mode: difference;
    padding: 0 10px;
    pointer-events: none;
    top: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fancybox-toolbar {
    right: 0;
    top: 0
}

.fancybox-stage {
    direction: ltr;
    overflow: visible;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 99994
}

.fancybox-is-open .fancybox-stage {
    overflow: hidden
}

.fancybox-slide {
    -webkit-backface-visibility: hidden;
    display: none;
    height: 100%;
    left: 0;
    outline: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: absolute;
    text-align: center;
    top: 0;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    white-space: normal;
    width: 100%;
    z-index: 99994
}

.fancybox-slide:before {
    content: "";
    display: inline-block;
    font-size: 0;
    height: 100%;
    vertical-align: middle;
    width: 0
}

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--current,
.fancybox-slide--next,
.fancybox-slide--previous {
    display: block
}

.fancybox-slide--image {
    overflow: hidden;
    padding: 44px 0
}

.fancybox-slide--image:before {
    display: none
}

.fancybox-slide--html {
    padding: 6px
}

.fancybox-content {
    background: #fff;
    display: inline-block;
    margin: 0;
    max-width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: relative;
    text-align: left;
    vertical-align: middle
}

.fancybox-slide--image .fancybox-content {
    -webkit-animation-timing-function: cubic-bezier(.5, 0, .14, 1);
    animation-timing-function: cubic-bezier(.5, 0, .14, 1);
    -webkit-backface-visibility: hidden;
    background: transparent;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 99995
}

.fancybox-can-zoomOut .fancybox-content {
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}

.fancybox-can-zoomIn .fancybox-content {
    cursor: -webkit-zoom-in;
    cursor: zoom-in
}

.fancybox-can-pan .fancybox-content,
.fancybox-can-swipe .fancybox-content {
    cursor: -webkit-grab;
    cursor: grab
}

.fancybox-is-grabbing .fancybox-content {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.fancybox-container [data-selectable=true] {
    cursor: text
}

.fancybox-image,
.fancybox-spaceball {
    background: transparent;
    border: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}

.fancybox-spaceball {
    z-index: 1
}

.fancybox-slide--iframe .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--video .fancybox-content {
    height: 100%;
    overflow: visible;
    padding: 0;
    width: 100%
}

.fancybox-slide--video .fancybox-content {
    background: #000
}

.fancybox-slide--map .fancybox-content {
    background: #e5e3df
}

.fancybox-slide--iframe .fancybox-content {
    background: #fff
}

.fancybox-iframe,
.fancybox-video {
    background: transparent;
    border: 0;
    display: block;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%
}

.fancybox-iframe {
    left: 0;
    position: absolute;
    top: 0
}

.fancybox-error {
    background: #fff;
    cursor: default;
    max-width: 400px;
    padding: 40px;
    width: 100%
}

.fancybox-error p {
    color: #444;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 0
}

.fancybox-button {
    background: #1e1e1e99;
    border: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    padding: 10px;
    position: relative;
    -webkit-transition: color .2s;
    transition: color .2s;
    vertical-align: top;
    visibility: inherit;
    width: 44px
}

.fancybox-button,
.fancybox-button:link,
.fancybox-button:visited {
    color: #ccc
}

.fancybox-button:hover {
    color: #fff
}

.fancybox-button:focus {
    outline: none
}

.fancybox-button.fancybox-focus {
    outline: 1px dotted
}

.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
    color: #888;
    cursor: default;
    outline: none
}

.fancybox-button div {
    height: 100%
}

.fancybox-button svg {
    display: block;
    height: 100%;
    overflow: visible;
    position: relative;
    width: 100%
}

.fancybox-button svg path {
    fill: currentColor;
    stroke-width: 0
}

.fancybox-button--fsenter svg:nth-child(2),
.fancybox-button--fsexit svg:first-child,
.fancybox-button--pause svg:first-child,
.fancybox-button--play svg:nth-child(2) {
    display: none
}

.fancybox-progress {
    background: #ff5268;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0;
    transform-origin: 0;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    z-index: 99998
}

.fancybox-close-small {
    background: transparent;
    border: 0;
    border-radius: 0;
    color: #ccc;
    cursor: pointer;
    opacity: .8;
    padding: 8px;
    position: absolute;
    right: -12px;
    top: -44px;
    z-index: 401
}

.fancybox-close-small:hover {
    color: #fff;
    opacity: 1
}

.fancybox-slide--html .fancybox-close-small {
    color: currentColor;
    padding: 10px;
    right: 0;
    top: 0
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
    overflow: hidden
}

.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
    display: none
}

.fancybox-navigation .fancybox-button {
    background-clip: content-box;
    height: 100px;
    opacity: 0;
    position: absolute;
    top: calc(50% - 50px);
    width: 70px
}

.fancybox-navigation .fancybox-button div {
    padding: 7px
}

.fancybox-navigation .fancybox-button--arrow_left {
    left: 0;
    left: env(safe-area-inset-left);
    padding: 31px 26px 31px 6px
}

.fancybox-navigation .fancybox-button--arrow_right {
    padding: 31px 6px 31px 26px;
    right: 0;
    right: env(safe-area-inset-right)
}

.fancybox-caption {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(0, 0, 0, .85)), color-stop(50%, rgba(0, 0, 0, .3)), color-stop(65%, rgba(0, 0, 0, .15)), color-stop(75.5%, rgba(0, 0, 0, .075)), color-stop(82.85%, rgba(0, 0, 0, .037)), color-stop(88%, rgba(0, 0, 0, .019)), to(transparent));
    background: linear-gradient(0deg, rgba(0, 0, 0, .85) 0, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, .15) 65%, rgba(0, 0, 0, .075) 75.5%, rgba(0, 0, 0, .037) 82.85%, rgba(0, 0, 0, .019) 88%, transparent);
    bottom: 0;
    color: #eee;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 75px 44px 25px;
    pointer-events: none;
    right: 0;
    text-align: center;
    z-index: 99996
}

@supports (padding:max(0px)) {
    .fancybox-caption {
        padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left))
    }
}

.fancybox-caption--separate {
    margin-top: -50px
}

.fancybox-caption__body {
    max-height: 50vh;
    overflow: auto;
    pointer-events: all
}

.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
    color: #ccc;
    text-decoration: none
}

.fancybox-caption a:hover {
    color: #fff;
    text-decoration: underline
}

.fancybox-loading {
    -webkit-animation: a 1s linear infinite;
    animation: a 1s linear infinite;
    background: transparent;
    border: 4px solid #888;
    border-bottom-color: #fff;
    border-radius: 50%;
    height: 50px;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 50px;
    z-index: 99999
}

@-webkit-keyframes a {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes a {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.fancybox-animated {
    -webkit-transition-timing-function: cubic-bezier(0, 0, .25, 1);
    transition-timing-function: cubic-bezier(0, 0, .25, 1)
}

.fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.fancybox-fx-fade.fancybox-slide--next,
.fancybox-fx-fade.fancybox-slide--previous {
    opacity: 0;
    -webkit-transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: scale3d(1.5, 1.5, 1.5);
    transform: scale3d(1.5, 1.5, 1.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: scale3d(.5, .5, .5);
    transform: scale3d(.5, .5, .5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: rotate(-1turn);
    transform: rotate(-1turn)
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
}

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: rotate(0deg);
    transform: rotate(0)
}

.fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
    transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0)
}

.fancybox-fx-circular.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
    transform: scale3d(0, 0, 0) translate3d(100%, 0, 0)
}

.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: scaleX(1) translateZ(0);
    transform: scaleX(1) translateZ(0)
}

.fancybox-fx-tube.fancybox-slide--previous {
    -webkit-transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg);
    transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg)
}

.fancybox-fx-tube.fancybox-slide--next {
    -webkit-transform: translate3d(100%, 0, 0) scale(.1) skew(10deg);
    transform: translate3d(100%, 0, 0) scale(.1) skew(10deg)
}

.fancybox-fx-tube.fancybox-slide--current {
    -webkit-transform: translateZ(0) scale(1);
    transform: translateZ(0) scale(1)
}

@media (max-height:576px) {
    .fancybox-slide {
        padding-left: 6px;
        padding-right: 6px
    }

    .fancybox-slide--image {
        padding: 6px 0
    }

    .fancybox-close-small {
        right: -6px
    }

    .fancybox-slide--image .fancybox-close-small {
        background: #4e4e4e;
        color: #f2f4f6;
        height: 36px;
        opacity: 1;
        padding: 6px;
        right: 0;
        top: 0;
        width: 36px
    }

    .fancybox-caption {
        padding-left: 12px;
        padding-right: 12px
    }

    @supports (padding:max(0px)) {
        .fancybox-caption {
            padding-left: max(12px, env(safe-area-inset-left));
            padding-right: max(12px, env(safe-area-inset-right))
        }
    }
}

.fancybox-share {
    background: #f4f4f4;
    border-radius: 3px;
    max-width: 90%;
    padding: 30px;
    text-align: center
}

.fancybox-share h1 {
    color: #222;
    font-size: 35px;
    font-weight: 700;
    margin: 0 0 20px
}

.fancybox-share p {
    margin: 0;
    padding: 0
}

.fancybox-share__button {
    border: 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 5px 10px;
    min-width: 130px;
    padding: 0 15px;
    text-decoration: none;
    -webkit-transition: all .2s;
    transition: all .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap
}

.fancybox-share__button:link,
.fancybox-share__button:visited {
    color: #fff
}

.fancybox-share__button:hover {
    text-decoration: none
}

.fancybox-share__button--fb {
    background: #3b5998
}

.fancybox-share__button--fb:hover {
    background: #344e86
}

.fancybox-share__button--pt {
    background: #bd081d
}

.fancybox-share__button--pt:hover {
    background: #aa0719
}

.fancybox-share__button--tw {
    background: #1da1f2
}

.fancybox-share__button--tw:hover {
    background: #0d95e8
}

.fancybox-share__button svg {
    height: 25px;
    margin-right: 7px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 25px
}

.fancybox-share__button svg path {
    fill: #fff
}

.fancybox-share__input {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    color: #5d5b5b;
    font-size: 14px;
    margin: 10px 0 0;
    outline: none;
    padding: 10px 15px;
    width: 100%
}

.fancybox-thumbs {
    background: #ddd;
    bottom: 0;
    display: none;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 2px 2px 4px;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    top: 0;
    width: 212px;
    z-index: 99995
}

.fancybox-thumbs-x {
    overflow-x: auto;
    overflow-y: hidden
}

.fancybox-show-thumbs .fancybox-thumbs {
    display: block
}

.fancybox-show-thumbs .fancybox-inner {
    right: 212px
}

.fancybox-thumbs__list {
    font-size: 0;
    height: 100%;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    position: relative;
    white-space: nowrap;
    width: 100%
}

.fancybox-thumbs-x .fancybox-thumbs__list {
    overflow: hidden
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
    width: 7px
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    box-shadow: inset 0 0 6px #0000004d
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px
}

.fancybox-thumbs__list a {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: #0000001a;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    float: left;
    height: 75px;
    margin: 2px;
    max-height: calc(100% - 8px);
    max-width: calc(50% - 4px);
    outline: none;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    width: 100px
}

.fancybox-thumbs__list a:before {
    border: 6px solid #ff5268;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: all .2s cubic-bezier(.25, .46, .45, .94);
    transition: all .2s cubic-bezier(.25, .46, .45, .94);
    z-index: 99991
}

.fancybox-thumbs__list a:focus:before {
    opacity: .5
}

.fancybox-thumbs__list a.fancybox-thumbs-active:before {
    opacity: 1
}

@media (max-width:576px) {
    .fancybox-thumbs {
        width: 110px
    }

    .fancybox-show-thumbs .fancybox-inner {
        right: 110px
    }

    .fancybox-thumbs__list a {
        max-width: calc(100% - 10px)
    }
}

#holdon-overlay {
    filter: alpha(opacity=80);
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: #000;
    opacity: .8;
    z-index: 111111
}

#holdon-content-container {
    width: 100%;
    padding: 0;
    vertical-align: middle;
    display: table-cell !important;
    margin: 0;
    text-align: center
}

#holdon-content {
    text-align: center;
    width: 50px;
    height: 57px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -28px 0 0 -25px
}

#holdon-message {
    width: 100%;
    text-align: center;
    position: absolute;
    top: 55%;
    color: #fff
}

.sk-rect {
    width: 50px;
    height: 40px;
    text-align: center;
    font-size: 10px
}

.sk-rect>div {
    background-color: #333;
    height: 100%;
    width: 6px;
    display: inline-block;
    -webkit-animation: sk-rect-anim 1.2s infinite ease-in-out;
    animation: sk-rect-anim 1.2s infinite ease-in-out
}

.sk-rect .rect2 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s
}

.sk-rect .rect3 {
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

.sk-rect .rect4 {
    -webkit-animation-delay: -.9s;
    animation-delay: -.9s
}

.sk-rect .rect5 {
    -webkit-animation-delay: -.8s;
    animation-delay: -.8s
}

@-webkit-keyframes sk-rect-anim {

    0%,
    40%,
    to {
        -webkit-transform: scaleY(.4)
    }

    20% {
        -webkit-transform: scaleY(1)
    }
}

@keyframes sk-rect-anim {

    0%,
    40%,
    to {
        transform: scaleY(.4);
        -webkit-transform: scaleY(.4)
    }

    20% {
        transform: scaleY(1);
        -webkit-transform: scaleY(1)
    }
}

.sk-cube {
    width: 50px;
    height: 40px;
    text-align: center;
    font-size: 10px
}

.sk-cube1,
.sk-cube2 {
    background-color: #333;
    width: 15px;
    height: 15px;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: sk-cube 1.8s infinite ease-in-out;
    animation: sk-cube 1.8s infinite ease-in-out
}

.sk-cube2 {
    -webkit-animation-delay: -.9s;
    animation-delay: -.9s
}

@-webkit-keyframes sk-cube {
    25% {
        -webkit-transform: translateX(42px) rotate(-90deg) scale(.5)
    }

    50% {
        -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg)
    }

    75% {
        -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(.5)
    }

    to {
        -webkit-transform: rotate(-360deg)
    }
}

@keyframes sk-cube {
    25% {
        transform: translate(42px) rotate(-90deg) scale(.5);
        -webkit-transform: translateX(42px) rotate(-90deg) scale(.5)
    }

    50% {
        transform: translate(42px) translateY(42px) rotate(-179deg);
        -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg)
    }

    50.1% {
        transform: translate(42px) translateY(42px) rotate(-180deg);
        -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg)
    }

    75% {
        transform: translate(0) translateY(42px) rotate(-270deg) scale(.5);
        -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(.5)
    }

    to {
        transform: rotate(-360deg);
        -webkit-transform: rotate(-360deg)
    }
}

.sk-dot {
    width: 50px;
    height: 40px;
    text-align: center;
    font-size: 10px;
    -webkit-animation: sk-dot-rotate 2s infinite linear;
    animation: sk-dot-rotate 2s infinite linear
}

.sk-dot1,
.sk-dot2 {
    width: 60%;
    height: 60%;
    display: inline-block;
    position: absolute;
    top: 0;
    background-color: #333;
    border-radius: 100%;
    -webkit-animation: sk-dot-bounce 2s infinite ease-in-out;
    animation: sk-dot-bounce 2s infinite ease-in-out
}

.sk-dot2 {
    top: auto;
    bottom: 0;
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

@-webkit-keyframes sk-dot-rotate {
    to {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes sk-dot-rotate {
    to {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg)
    }
}

@-webkit-keyframes sk-dot-bounce {

    0%,
    to {
        -webkit-transform: scale(0)
    }

    50% {
        -webkit-transform: scale(1)
    }
}

@keyframes sk-dot-bounce {

    0%,
    to {
        transform: scale(0);
        -webkit-transform: scale(0)
    }

    50% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
}

.sk-bounce {
    width: 60px;
    height: 40px;
    text-align: center;
    font-size: 10px
}

.sk-bounce>div {
    width: 18px;
    height: 18px;
    background-color: #333;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    animation: sk-bouncedelay 1.4s infinite ease-in-out both
}

.sk-bounce .bounce1 {
    -webkit-animation-delay: -.32s;
    animation-delay: -.32s
}

.sk-bounce .bounce2 {
    -webkit-animation-delay: -.16s;
    animation-delay: -.16s
}

@-webkit-keyframes sk-bouncedelay {

    0%,
    80%,
    to {
        -webkit-transform: scale(0)
    }

    40% {
        -webkit-transform: scale(1)
    }
}

@keyframes sk-bouncedelay {

    0%,
    80%,
    to {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.sk-circle {
    width: 60px;
    height: 40px;
    text-align: center;
    font-size: 10px
}

.sk-circle .sk-child {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.sk-circle .sk-child:before {
    content: "";
    display: block;
    margin: 0 auto;
    width: 15%;
    height: 15%;
    background-color: #333;
    border-radius: 100%;
    -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
    animation: sk-circleBounceDelay 1.2s infinite ease-in-out both
}

.sk-circle .sk-circle2 {
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg)
}

.sk-circle .sk-circle3 {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg)
}

.sk-circle .sk-circle4 {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.sk-circle .sk-circle5 {
    -webkit-transform: rotate(120deg);
    transform: rotate(120deg)
}

.sk-circle .sk-circle6 {
    -webkit-transform: rotate(150deg);
    transform: rotate(150deg)
}

.sk-circle .sk-circle7 {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.sk-circle .sk-circle8 {
    -webkit-transform: rotate(210deg);
    transform: rotate(210deg)
}

.sk-circle .sk-circle9 {
    -webkit-transform: rotate(240deg);
    transform: rotate(240deg)
}

.sk-circle .sk-circle10 {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.sk-circle .sk-circle11 {
    -webkit-transform: rotate(300deg);
    transform: rotate(300deg)
}

.sk-circle .sk-circle12 {
    -webkit-transform: rotate(330deg);
    transform: rotate(330deg)
}

.sk-circle .sk-circle2:before {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s
}

.sk-circle .sk-circle3:before {
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

.sk-circle .sk-circle4:before {
    -webkit-animation-delay: -.9s;
    animation-delay: -.9s
}

.sk-circle .sk-circle5:before {
    -webkit-animation-delay: -.8s;
    animation-delay: -.8s
}

.sk-circle .sk-circle6:before {
    -webkit-animation-delay: -.7s;
    animation-delay: -.7s
}

.sk-circle .sk-circle7:before {
    -webkit-animation-delay: -.6s;
    animation-delay: -.6s
}

.sk-circle .sk-circle8:before {
    -webkit-animation-delay: -.5s;
    animation-delay: -.5s
}

.sk-circle .sk-circle9:before {
    -webkit-animation-delay: -.4s;
    animation-delay: -.4s
}

.sk-circle .sk-circle10:before {
    -webkit-animation-delay: -.3s;
    animation-delay: -.3s
}

.sk-circle .sk-circle11:before {
    -webkit-animation-delay: -.2s;
    animation-delay: -.2s
}

.sk-circle .sk-circle12:before {
    -webkit-animation-delay: -.1s;
    animation-delay: -.1s
}

@-webkit-keyframes sk-circleBounceDelay {

    0%,
    80%,
    to {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes sk-circleBounceDelay {

    0%,
    80%,
    to {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.sk-cube-grid {
    width: 60px;
    height: 60px;
    text-align: center;
    font-size: 10px
}

.sk-cube-grid .sk-cube-child {
    width: 33%;
    height: 33%;
    background-color: #333;
    float: left;
    -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
    animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out
}

.sk-cube-grid .sk-cube-grid1 {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.sk-cube-grid .sk-cube-grid2 {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

.sk-cube-grid .sk-cube-grid3 {
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}

.sk-cube-grid .sk-cube-grid4 {
    -webkit-animation-delay: .1s;
    animation-delay: .1s
}

.sk-cube-grid .sk-cube-grid5 {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.sk-cube-grid .sk-cube-grid6 {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

.sk-cube-grid .sk-cube-grid7 {
    -webkit-animation-delay: 0;
    animation-delay: 0
}

.sk-cube-grid .sk-cube-grid8 {
    -webkit-animation-delay: .1s;
    animation-delay: .1s
}

.sk-cube-grid .sk-cube-grid9 {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

@-webkit-keyframes sk-cubeGridScaleDelay {

    0%,
    70%,
    to {
        -webkit-transform: scale3D(1, 1, 1);
        transform: scaleZ(1)
    }

    35% {
        -webkit-transform: scale3D(0, 0, 1);
        transform: scale3D(0, 0, 1)
    }
}

@keyframes sk-cubeGridScaleDelay {

    0%,
    70%,
    to {
        -webkit-transform: scale3D(1, 1, 1);
        transform: scaleZ(1)
    }

    35% {
        -webkit-transform: scale3D(0, 0, 1);
        transform: scale3D(0, 0, 1)
    }
}

.sk-folding-cube {
    margin: 20px auto;
    width: 40px;
    height: 40px;
    position: relative;
    -webkit-transform: rotateZ(45deg);
    transform: rotate(45deg)
}

.sk-folding-cube .sk-cube-parent {
    float: left;
    width: 50%;
    height: 50%;
    position: relative;
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.sk-folding-cube .sk-cube-parent:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #333;
    -webkit-animation: sk-foldCubeAngle 2.4s infinite linear both;
    animation: sk-foldCubeAngle 2.4s infinite linear both;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%
}

.sk-folding-cube .sk-cubechild2 {
    -webkit-transform: scale(1.1) rotateZ(90deg);
    transform: scale(1.1) rotate(90deg)
}

.sk-folding-cube .sk-cubechild3 {
    -webkit-transform: scale(1.1) rotateZ(180deg);
    transform: scale(1.1) rotate(180deg)
}

.sk-folding-cube .sk-cubechild4 {
    -webkit-transform: scale(1.1) rotateZ(270deg);
    transform: scale(1.1) rotate(270deg)
}

.sk-folding-cube .sk-cubechild2:before {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

.sk-folding-cube .sk-cubechild3:before {
    -webkit-animation-delay: .6s;
    animation-delay: .6s
}

.sk-folding-cube .sk-cubechild4:before {
    -webkit-animation-delay: .9s;
    animation-delay: .9s
}

@-webkit-keyframes sk-foldCubeAngle {

    0%,
    10% {
        -webkit-transform: perspective(140px) rotateX(-180deg);
        transform: perspective(140px) rotateX(-180deg);
        opacity: 0
    }

    25%,
    75% {
        -webkit-transform: perspective(140px) rotateX(0deg);
        transform: perspective(140px) rotateX(0);
        opacity: 1
    }

    90%,
    to {
        -webkit-transform: perspective(140px) rotateY(180deg);
        transform: perspective(140px) rotateY(180deg);
        opacity: 0
    }
}

@keyframes sk-foldCubeAngle {

    0%,
    10% {
        -webkit-transform: perspective(140px) rotateX(-180deg);
        transform: perspective(140px) rotateX(-180deg);
        opacity: 0
    }

    25%,
    75% {
        -webkit-transform: perspective(140px) rotateX(0deg);
        transform: perspective(140px) rotateX(0);
        opacity: 1
    }

    90%,
    to {
        -webkit-transform: perspective(140px) rotateY(180deg);
        transform: perspective(140px) rotateY(180deg);
        opacity: 0
    }
}

.sk-fading-circle {
    width: 50px;
    height: 40px;
    text-align: center;
    font-size: 10px
}

.sk-fading-circle .sk-circle-child {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.sk-fading-circle .sk-circle-child:before {
    content: "";
    display: block;
    margin: 0 auto;
    width: 15%;
    height: 15%;
    background-color: #333;
    border-radius: 100%;
    -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
    animation: sk-circleFadeDelay 1.2s infinite ease-in-out both
}

.sk-fading-circle .sk-fading-circle2 {
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg)
}

.sk-fading-circle .sk-fading-circle3 {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg)
}

.sk-fading-circle .sk-fading-circle4 {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.sk-fading-circle .sk-fading-circle5 {
    -webkit-transform: rotate(120deg);
    transform: rotate(120deg)
}

.sk-fading-circle .sk-fading-circle6 {
    -webkit-transform: rotate(150deg);
    transform: rotate(150deg)
}

.sk-fading-circle .sk-fading-circle7 {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.sk-fading-circle .sk-fading-circle8 {
    -webkit-transform: rotate(210deg);
    transform: rotate(210deg)
}

.sk-fading-circle .sk-fading-circle9 {
    -webkit-transform: rotate(240deg);
    transform: rotate(240deg)
}

.sk-fading-circle .sk-fading-circle10 {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.sk-fading-circle .sk-fading-circle11 {
    -webkit-transform: rotate(300deg);
    transform: rotate(300deg)
}

.sk-fading-circle .sk-fading-circle12 {
    -webkit-transform: rotate(330deg);
    transform: rotate(330deg)
}

.sk-fading-circle .sk-fading-circle2:before {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s
}

.sk-fading-circle .sk-fading-circle3:before {
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

.sk-fading-circle .sk-fading-circle4:before {
    -webkit-animation-delay: -.9s;
    animation-delay: -.9s
}

.sk-fading-circle .sk-fading-circle5:before {
    -webkit-animation-delay: -.8s;
    animation-delay: -.8s
}

.sk-fading-circle .sk-fading-circle6:before {
    -webkit-animation-delay: -.7s;
    animation-delay: -.7s
}

.sk-fading-circle .sk-fading-circle7:before {
    -webkit-animation-delay: -.6s;
    animation-delay: -.6s
}

.sk-fading-circle .sk-fading-circle8:before {
    -webkit-animation-delay: -.5s;
    animation-delay: -.5s
}

.sk-fading-circle .sk-fading-circle9:before {
    -webkit-animation-delay: -.4s;
    animation-delay: -.4s
}

.sk-fading-circle .sk-fading-circle10:before {
    -webkit-animation-delay: -.3s;
    animation-delay: -.3s
}

.sk-fading-circle .sk-fading-circle11:before {
    -webkit-animation-delay: -.2s;
    animation-delay: -.2s
}

.sk-fading-circle .sk-fading-circle12:before {
    -webkit-animation-delay: -.1s;
    animation-delay: -.1s
}

@-webkit-keyframes sk-fading-circleFadeDelay {

    0%,
    39%,
    to {
        opacity: 0
    }

    40% {
        opacity: 1
    }
}

@-webkit-keyframes sk-circleFadeDelay {

    0%,
    39%,
    to {
        opacity: 0
    }

    40% {
        opacity: 1
    }
}

@keyframes sk-circleFadeDelay {

    0%,
    39%,
    to {
        opacity: 0
    }

    40% {
        opacity: 1
    }
}

.sk-circle .sk-child:before {
    opacity: .8;
    background-color: #fff
}

#categoryMenuToggle {
    padding: 6px 12px;
    border: 1px solid #e5e7eb;
    background-color: #fff;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    border-radius: 99px
}

#categoryMenuToggle:hover {
    border-color: #0880e1;
    background-color: #f0f9ff;
    -webkit-box-shadow: 0 2px 8px rgba(8, 128, 225, .15);
    box-shadow: 0 2px 8px #0880e126
}

#categoryMenuToggle:active {
    -webkit-transform: scale(.95);
    transform: scale(.95)
}

#categoryMenuToggle i {
    font-size: 20px;
    color: #0880e1
}

#categoryMenuToggle span {
    font-size: 14px;
    font-weight: 500;
    color: #374151
}

:root {
    --color-primary1: #F97603;
    --color-primary2: #e6cd8d;
    --color-white: #fff;
    --color-primary-50: #fff5eb;
    --color-primary-100: #ffe8d2;
    --color-primary-200: #ffd0a6;
    --color-primary-300: #ffb172;
    --color-primary-400: #fb8f3c;
    --color-primary-500: #F97603;
    --color-primary-600: #de6700;
    --color-primary-700: #b85400;
    --color-primary-800: #944600;
    --color-primary-900: #783b04;
    --color-primary-950: #411e02;
    --color-secondary-50: #fff8ed;
    --color-secondary-100: #ffefd5;
    --color-secondary-200: #ffd9aa;
    --color-secondary-300: #ffb974;
    --color-secondary-400: #ff8c3c;
    --color-secondary-500: #ff7316;
    --color-secondary-600: #f05a0c;
    --color-secondary-700: #c7410c;
    --color-secondary-800: #9e3412;
    --color-secondary-900: #7f2d12;
    --color-accent-400: #22d3ee;
    --color-accent-500: #06b6d4;
    --color-accent-600: #0891b2;
    --color-brown-700: #5d4037;
    --color-brown-800: #4e342e;
    --color-brown-900: #3e2723;
    --font-family: Be Vietnam Pro, Arial, sans-serif;
    --font-title: Be Vietnam Pro, sans-serif;
    --font-kaushan: Be Vietnam Pro, sans-serif;
    --border-color: #e9e9e9;
    --light: #dbeeee;
    --gap-lg: 15px;
    --gap: 10px;
    --g1: #1a4228;
    --g2: #1F4D36;
    --g3: #2c6e49;
    --g4: #e8f5e9;
    --g5: #FFECCB;
    --g6: #1F4D36;
    --cream: #fdf6ec;
    --cream2: #f5ede0;
    --red: #c62828;
    --gold: #f5a623;
    --dark: #1a1a1a;
    --text: #111111;
    --muted: #777777;
    --border: #e0e0e0;
    --white: #ffffff;
    --r: 8px;
    --r-lg: 14px;
    --shadow: 0 2px 12px rgba(0, 0, 0, .08);
    --shadow-md: 0 4px 24px rgba(0, 0, 0, .12);
    --t: .22s ease;
    --font: "Be Vietnam Pro", "Arial", sans-serif
}

.food-theme {
    font-family: var(--font);
    color: var(--text);
    background: var(--white)
}

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

img {
    max-width: 100%;
    display: block
}

.section-pad {
    padding-block: 30px
}

@media (max-width: 799.98px) {
    .section-pad {
        padding-block: 10px
    }
}

.section-pad--sm {
    padding-block: 25px
}

@media (max-width: 799.98px) {
    .section-pad--sm {
        padding-block: 10px
    }
}

.sec-title {
    font-size: clamp(1.45rem, 2.8vw, 2.1rem);
    font-weight: 800;
    color: var(--g2);
    text-transform: capitalize;
    margin: 0 0 24px
}

@media (max-width: 768px) {
    .sec-title {
        margin-bottom: 12px
    }
}

.sec-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 30px;
    gap: 12px
}

.sec-header .sec-title {
    margin-bottom: 0
}

.sec-more {
    font-size: .875rem;
    font-weight: 600;
    color: var(--g2);
    border: 1.5px solid var(--g2);
    border-radius: var(--r-lg);
    padding: 5px 16px;
    text-decoration: none;
    white-space: nowrap;
    -webkit-transition: all var(--t);
    transition: all var(--t)
}

.sec-more:hover {
    background: var(--g2);
    color: var(--white)
}

.sec-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px
}

.sec-nav-btn {
    border-radius: 50%;
    border: 2px solid var(--g2);
    background: var(--g2);
    color: var(--white);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    -webkit-transition: all var(--t);
    transition: all var(--t);
    width: 30px;
    height: 30px;
    font-size: .7rem
}

.sec-nav-btn:hover {
    background: var(--g3);
    border-color: var(--g3)
}

.btn-dark {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 6px;
    padding: 10px 24px;
    background: var(--g2);
    color: var(--white);
    border-radius: var(--r);
    font-weight: 600;
    font-size: .9rem;
    text-decoration: none;
    border: 2px solid var(--g2);
    cursor: pointer;
    -webkit-transition: all var(--t);
    transition: all var(--t)
}

.btn-dark:hover {
    background: var(--g3);
    border-color: var(--g3);
    color: var(--white)
}

.header-topbar {
    border-bottom-width: 1px;
    padding-top: .5rem;
    padding-bottom: .5rem
}

@media (min-width: 640px) {
    .header-topbar {
        padding-top: .5rem;
        padding-bottom: .5rem
    }
}

.header-topbar__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.header-topbar .topbar-left,
.header-topbar .topbar-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px
}

.header-topbar .topbar-item {
    font-size: .88rem;
    color: #111;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 5px
}

.header-topbar .topbar-item i {
    font-size: .7rem
}

.header-topbar .topbar-social {
    background: var(--g1);
    color: #fff;
    font-size: .7rem;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-decoration: none;
    -webkit-transition: color var(--t);
    transition: color var(--t)
}

.header-topbar .topbar-social:hover {
    color: var(--gold)
}

.header-topbar .topbar-zalo {
    font-size: .5rem;
    font-weight: 700
}

@media (max-width: 799.98px) {
    .header-topbar {
        display: none
    }
}

.header-main {
    background: var(--white);
    padding: 14px 0
}

.header-main__inner {
    display: grid;
    grid-template-columns: auto 1fr auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 24px
}

@media (max-width: 799.98px) {
    .header-main__inner {
        grid-template-columns: auto 1fr auto;
        gap: 12px
    }
}

.site-logo {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    text-decoration: none
}

.site-logo__img {
    height: 90px;
    width: auto;
    -o-object-fit: contain;
    object-fit: contain
}

.site-logo__text {
    font-size: 1.5rem;
    font-weight: 800;
    color: var(--g2)
}

@media (max-width: 799.98px) {
    .site-logo__img {
        height: 40px
    }
}

.header-search {
    position: relative;
    min-width: 0;
    max-width: 680px;
    margin: auto
}

.header-search__form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: auto;
    border: 0;
    border-radius: 30px;
    overflow: hidden
}

.header-search__input {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border: none;
    padding: 10px 16px !important;
    font-size: .7rem;
    outline: none;
    font-family: var(--font);
    color: var(--text);
    background: #d9d9d9 !important;
    overflow: hidden;
    border-radius: 30px
}

.header-search__input::-webkit-input-placeholder {
    color: #aaa
}

.header-search__input::-moz-placeholder {
    color: #aaa
}

.header-search__input:-ms-input-placeholder {
    color: #aaa
}

.header-search__input::-ms-input-placeholder {
    color: #aaa
}

.header-search__input::placeholder {
    color: #aaa
}

.header-search__btn {
    padding: 0 31px;
    background: var(--g2);
    color: var(--white);
    border: none;
    cursor: pointer;
    font-size: 1.25rem;
    -webkit-transition: background var(--t);
    transition: background var(--t)
}

.header-search__suggest {
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    right: 0;
    background: var(--white);
    border: 1px solid var(--border);
    border-radius: 0 0 var(--r) var(--r);
    -webkit-box-shadow: var(--shadow-md);
    box-shadow: var(--shadow-md);
    z-index: 300;
    display: none;
    max-height: 360px;
    overflow-y: auto
}

@media (max-width: 799.98px) {
    .header-search {
        display: none
    }
}

.suggest-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    padding: 8px 14px;
    text-decoration: none;
    color: var(--text);
    font-size: .875rem;
    border-bottom: 1px solid var(--border);
    -webkit-transition: background var(--t);
    transition: background var(--t)
}

.suggest-item:hover {
    background: var(--g4)
}

.suggest-item strong {
    margin-left: auto;
    color: var(--red);
    font-size: .82rem
}

.suggest-img {
    width: 40px;
    height: 40px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 4px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.mobile-quick-search {
    display: none
}

@media (max-width: 799.98px) {
    .mobile-quick-search {
        display: block;
        max-height: 0;
        overflow: hidden;
        background: #fff;
        border-bottom: 1px solid var(--border);
        -webkit-box-shadow: 0 10px 22px rgba(0, 0, 0, .08);
        box-shadow: 0 10px 22px #00000014;
        -webkit-transition: max-height .25s ease, padding .25s ease;
        transition: max-height .25s ease, padding .25s ease;
        position: relative;
        z-index: 298
    }

    .mobile-quick-search.is-open {
        max-height: 120px;
        padding: 10px 0;
        overflow: visible
    }

    .mobile-quick-search .container {
        position: relative
    }

    .mobile-quick-search__form {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border: 1px solid var(--border);
        border-radius: 999px;
        overflow: hidden;
        background: #f8faf8
    }

    .mobile-quick-search__input {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        min-width: 0;
        border: 0;
        background: transparent;
        padding: 11px 14px !important;
        outline: none;
        color: var(--text);
        font-size: .9rem
    }

    .mobile-quick-search__btn {
        width: 46px;
        -ms-flex-item-align: stretch;
        align-self: stretch;
        border: 0;
        background: var(--g1);
        color: #fff;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .mobile-quick-search__suggest {
        top: calc(100% + 8px);
        left: 12px;
        right: 12px;
        z-index: 360;
        border-radius: 12px
    }
}

.header-phone {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    color: var(--dark)
}

.header-phone__icon {
    width: 44px;
    height: 44px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--g2);
    font-size: 1.1rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-animation: ring 2.5s infinite;
    animation: ring 2.5s infinite
}

.header-phone__number {
    display: block;
    font-size: 1rem;
    font-weight: 900;
    letter-spacing: 1px;
    color: var(--g2);
    line-height: 1.2
}

.header-phone__label {
    display: block;
    font-size: .72rem;
    color: var(--muted)
}

@media (max-width: 1024.98px) {
    .header-phone {
        display: none
    }
}

@-webkit-keyframes ring {

    0%,
    to {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    10%,
    30% {
        -webkit-transform: rotate(-12deg);
        transform: rotate(-12deg)
    }

    20%,
    40% {
        -webkit-transform: rotate(12deg);
        transform: rotate(12deg)
    }

    50% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@keyframes ring {

    0%,
    to {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    10%,
    30% {
        -webkit-transform: rotate(-12deg);
        transform: rotate(-12deg)
    }

    20%,
    40% {
        -webkit-transform: rotate(12deg);
        transform: rotate(12deg)
    }

    50% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

.header-navbar {
    background: var(--g6);
    position: sticky;
    top: 0;
    z-index: 10000;
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, .15);
    box-shadow: 0 2px 8px #00000026
}

@media (max-width: 799.98px) {
    .header-navbar {
        --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);
        --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
        -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
        padding: 10px 0
    }

    .header-navbar .site-logo {
        background: #fff;
        padding: 5px
    }
}

.header-navbar__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0
}

.navbar-catalog {
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.navbar-catalog__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    padding: 0 16px;
    width: 240px;
    height: 45px;
    background: var(--g5);
    color: var(--g1);
    border: 0;
    border-radius: 6px;
    cursor: pointer;
    font-size: 1rem;
    font-weight: 500;
    font-family: var(--font);
    white-space: nowrap;
    -webkit-transition: all var(--t);
    transition: all var(--t)
}

.navbar-catalog__btn svg {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.navbar-catalog__btn .catalog-arrow {
    font-size: .55rem;
    margin-left: 2px;
    -webkit-transition: -webkit-transform var(--t);
    transition: -webkit-transform var(--t);
    transition: transform var(--t);
    transition: transform var(--t), -webkit-transform var(--t)
}

.navbar-catalog__menu {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    min-width: 196px;
    background: var(--g1);
    border-radius: 8px;
    -webkit-box-shadow: var(--shadow-md);
    box-shadow: var(--shadow-md);
    padding: 8px 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    z-index: 200
}

.navbar-catalog__menu.is-open {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.navbar-catalog__menu:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -8px;
    height: 8px
}

.navbar-catalog:hover .navbar-catalog__menu {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.navbar-catalog:hover .catalog-arrow {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.catalog-menu__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 40px;
    padding: 8px 12px;
    font-size: 1rem;
    color: var(--white);
    text-decoration: none;
    -webkit-transition: all var(--t);
    transition: all var(--t)
}

.catalog-menu__item:hover {
    background: #ffffff14;
    color: var(--white);
    padding-left: 16px
}

.navbar-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.navbar-links li {
    position: relative
}

.navbar-links li:hover>ul {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.navbar-links li.is-active>a {
    background: #00000040
}

.navbar-links a,
.navbar-links>li>a {
    display: block;
    padding: 17px 30px;
    color: #ffffffe6;
    font-size: 1.1rem;
    font-weight: 500;
    text-decoration: none;
    white-space: nowrap;
    -webkit-transition: background var(--t);
    transition: background var(--t)
}

.navbar-links a:hover,
.navbar-links>li>a:hover {
    background: #0003;
    color: var(--white)
}

@media (max-width: 1023.98px) {
    .navbar-links {
        display: none
    }
}

.navbar-sub {
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 200px;
    background: var(--white);
    border-radius: 0 0 var(--r) var(--r);
    -webkit-box-shadow: var(--shadow-md);
    box-shadow: var(--shadow-md);
    list-style: none;
    padding: 8px 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    z-index: 200
}

.navbar-sub a {
    padding: 9px 16px;
    height: auto;
    line-height: 1.4;
    color: var(--text);
    font-weight: 400;
    font-size: .85rem;
    border-radius: 0
}

.navbar-sub a:hover {
    background: var(--g4);
    color: var(--g2)
}

.navbar-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px;
    margin-left: auto
}

.navbar-sep {
    width: 1px;
    height: 20px;
    background: #ffffff4d;
    margin: 0 8px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media (max-width: 1023.98px) {
    .navbar-sep {
        display: none
    }
}

.navbar-cart {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    text-decoration: none;
    border-radius: 4px;
    -webkit-transition: background var(--t);
    transition: background var(--t)
}

.navbar-cart:hover {
    background: #ffffff1f
}

.navbar-cart__icon {
    width: 22px;
    height: 22px;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1)
}

.cart-badge {
    position: absolute;
    top: -2px;
    right: -2px;
    min-width: 16px;
    height: 16px;
    background: var(--red);
    color: var(--white);
    border-radius: 10px;
    font-size: .62rem;
    font-weight: 700;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 3px;
    line-height: 1;
    border: 1.5px solid var(--g2)
}

.navbar-lang {
    position: relative
}

.navbar-lang__current {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px;
    padding: 0 10px;
    height: 36px;
    color: var(--white);
    font-size: .82rem;
    font-weight: 600;
    cursor: pointer;
    border-radius: 4px;
    -webkit-transition: background var(--t);
    transition: background var(--t);
    white-space: nowrap
}

.navbar-lang__current:hover {
    background: #ffffff1f
}

.navbar-lang__menu {
    position: absolute;
    top: calc(100% + 4px);
    right: 0;
    min-width: 120px;
    background: var(--white);
    border-radius: var(--r);
    -webkit-box-shadow: var(--shadow-md);
    box-shadow: var(--shadow-md);
    border: 1px solid var(--border);
    padding: 6px 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    z-index: 200
}

.navbar-lang__menu a {
    display: block;
    padding: 8px 16px;
    font-size: .85rem;
    color: var(--text);
    text-decoration: none;
    -webkit-transition: background var(--t);
    transition: background var(--t)
}

.navbar-lang__menu a:hover {
    background: var(--g4);
    color: var(--g2)
}

.navbar-lang__menu a.active {
    color: var(--g2);
    font-weight: 700
}

.navbar-lang:hover .navbar-lang__menu,
.navbar-lang.is-open .navbar-lang__menu {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

@media (max-width: 799.98px) {
    .navbar-lang__current {
        height: 34px;
        padding: 0 8px;
        font-size: .78rem
    }

    .navbar-lang__menu {
        min-width: 105px;
        z-index: 420
    }
}

.navbar-mobile-toggle {
    display: none;
    background: none;
    border: none;
    cursor: pointer;
    color: var(--white);
    font-size: 1.15rem;
    padding: 0 6px
}

@media (max-width: 1023.98px) {
    .navbar-mobile-toggle {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.mobile-nav {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 500;
    pointer-events: none
}

.mobile-nav.is-open {
    pointer-events: auto
}

.mobile-nav__backdrop {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #00000080;
    opacity: 0;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.mobile-nav.is-open .mobile-nav__backdrop {
    opacity: 1
}

.mobile-nav__panel {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: min(300px, 90vw);
    background: var(--white);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-transform: translateX(-100%);
    transform: translate(-100%);
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
    overflow-y: auto
}

.mobile-nav.is-open .mobile-nav__panel {
    -webkit-transform: translateX(0);
    transform: translate(0)
}

.mobile-nav__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 14px 16px;
    background: var(--g2)
}

.mobile-nav__logo {
    height: 36px;
    -o-object-fit: contain;
    object-fit: contain
}

.mobile-nav__close {
    background: #fff3;
    border: none;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--white);
    cursor: pointer;
    font-size: .95rem
}

.mobile-nav__search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 10px 14px;
    border: 1.5px solid var(--border);
    border-radius: 6px;
    overflow: hidden
}

.mobile-nav__search-input {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border: none;
    padding: 8px 12px;
    font-size: .875rem;
    outline: none
}

.mobile-nav__search button {
    padding: 0 12px;
    background: var(--g2);
    color: var(--white);
    border: none;
    cursor: pointer
}

.mobile-nav__search-wrap {
    position: relative
}

.mobile-nav__suggest {
    top: calc(100% - 6px);
    left: 14px;
    right: 14px;
    max-height: 360px;
    border-radius: 0 0 8px 8px
}

.mobile-nav__list {
    list-style: none;
    margin: 0;
    padding: 8px 0
}

.mobile-nav__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 12px 18px;
    font-size: .9rem;
    font-weight: 600;
    color: var(--text);
    text-decoration: none;
    width: 100%;
    background: none;
    border: none;
    text-align: left;
    cursor: pointer;
    font-family: var(--font);
    -webkit-transition: all var(--t);
    transition: all var(--t)
}

.mobile-nav__link.is-active,
.mobile-nav__link:hover {
    color: var(--g2);
    background: var(--g4)
}

.mobile-nav__link .fa-chevron-down {
    font-size: .65rem;
    -webkit-transition: -webkit-transform .25s;
    transition: -webkit-transform .25s;
    transition: transform .25s;
    transition: transform .25s, -webkit-transform .25s
}

.mobile-nav__link.is-open .fa-chevron-down {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.mobile-nav__link .mobile-sub-arrow {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 40px;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    margin: -12px -18px -12px 0;
    cursor: pointer
}

.mobile-nav__hotline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    margin: 10px 14px 18px;
    padding: 12px 16px;
    border-radius: var(--r);
    background: var(--g2);
    color: var(--white);
    text-decoration: none;
    font-weight: 700;
    font-size: .95rem
}

.mobile-sub {
    list-style: none;
    margin: 0;
    padding: 0;
    background: var(--g4);
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height .3s ease;
    transition: max-height .3s ease
}

.mobile-sub.is-open {
    max-height: 500px
}

.mobile-sub__link {
    display: block;
    padding: 8px 18px 8px 28px;
    font-size: .84rem;
    color: #555;
    text-decoration: none;
    border-bottom: 1px solid rgba(0, 0, 0, .04);
    -webkit-transition: color var(--t);
    transition: color var(--t)
}

.mobile-sub__link:hover {
    color: var(--g2)
}

.home-hero {
    position: relative;
    overflow: hidden
}

@media (max-width: 767.98px) {
    .home-hero .is-mobile-hidden {
        display: none
    }
}

@media (min-width: 768px) {
    .home-hero .is-desktop-hidden {
        display: none
    }
}

.hero-swiper {
    width: 100%
}

.hero-slide {
    aspect-ratio: 1920/650;
    background-size: cover;
    background-position: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

@media (max-width: 799.98px) {
    .hero-slide {
        min-height: 300px
    }
}

.hero-slide__inner {
    position: relative;
    z-index: 2
}

.hero-slide__text {
    max-width: 500px;
    padding-block: 60px;
    color: var(--dark)
}

.hero-slide__title {
    font-size: clamp(1rem, 4.8vw, 2.5rem);
    font-weight: 800;
    color: var(--g2);
    line-height: 1.2;
    margin-bottom: 12px
}

.hero-slide__desc {
    font-size: .95rem;
    line-height: 1.7;
    color: #444;
    margin-bottom: 24px;
    max-width: 420px
}

.hero-slide__btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 11px 28px;
    background: var(--g2);
    color: var(--white);
    font-weight: 700;
    font-size: .9rem;
    text-decoration: none;
    border: 2px solid var(--g2);
    -webkit-transition: all var(--t);
    transition: all var(--t);
    border-radius: 20px 0
}

.hero-slide__btn:hover {
    background: var(--g3);
    border-color: var(--g3);
    color: var(--white)
}

.hero-wave {
    position: absolute;
    bottom: -15px;
    left: 0;
    right: 0;
    line-height: 0;
    z-index: 3;
    display: none
}

@media (min-width: 640px) {
    .hero-wave {
        display: block
    }
}

.hero-wave svg {
    width: 100%;
    height: 48px
}

.swiper-button-next,
.swiper-button-prev {
    color: var(--g2);
    background: #ffffffd9;
    width: 36px;
    height: 36px;
    border-radius: 50%
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-size: .8rem
}

.swiper-pagination-bullet-active {
    background: var(--g2)
}

.home-criteria {
    padding-block: 32px
}

.criteria-row {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px
}

@media (max-width: 799.98px) {
    .criteria-row {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px
    }
}

.criteria-swiper {
    overflow: hidden
}

.criteria-swiper .swiper-slide {
    height: auto
}

.criteria-box {
    background: var(--g5);
    white-space: nowrap;
    border-radius: var(--r);
    padding: 26px 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: var(--gap-lg);
    height: 100%;
    -webkit-transition: -webkit-box-shadow var(--t);
    transition: -webkit-box-shadow var(--t);
    transition: box-shadow var(--t);
    transition: box-shadow var(--t), -webkit-box-shadow var(--t)
}

.criteria-box:hover {
    -webkit-box-shadow: var(--shadow);
    box-shadow: var(--shadow)
}

@media (max-width: 799.98px) {
    .criteria-box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center;
        gap: 8px;
        white-space: normal
    }
}

.criteria-box__icon {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 44px;
    height: 44px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.criteria-box__icon img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.criteria-box__icon--fallback {
    background: var(--g4);
    border-radius: 50%;
    color: var(--g2);
    font-size: 1.2rem
}

.criteria-box__text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2px
}

.criteria-box__text strong {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--g1);
    line-height: 1.6
}

.criteria-box__text span {
    font-size: .9rem;
    line-height: 1.4
}

.cat-cards {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--gap-lg)
}

@media (min-width: 768px) {
    .cat-cards {
        grid-template-columns: repeat(4, 1fr)
    }
}

.cat-card {
    display: block;
    border-radius: var(--r-lg);
    overflow: hidden;
    position: relative;
    aspect-ratio: 4/3;
    text-decoration: none;
    background: var(--cream)
}

.cat-card:hover .cat-card__img {
    -webkit-transform: scale(1.06);
    transform: scale(1.06)
}

.cat-card.is-active {
    -webkit-box-shadow: 0 0 0 3px var(--g2);
    box-shadow: 0 0 0 3px var(--g2)
}

.cat-card__img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease;
    display: block
}

.cat-card__img--empty {
    width: 100%;
    height: 100%;
    background: var(--cream2)
}

.cat-card__label {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 15px 3px 18px;
    background: #1f4d36;
    color: var(--white);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    font-size: clamp(1.05rem, 2vw, 1.15rem);
    font-weight: 700;
    line-height: 1.25
}

@media (max-width: 799.98px) {
    .cat-card__label {
        padding: 8px 3px;
        font-size: 1rem;
        height: 52px
    }
}

.cat-card__label:before {
    content: "";
    position: absolute;
    top: -5px;
    left: 0;
    right: 0;
    height: 12px;
    background: url(/frontend/assets/img/wave.png) top left repeat-x;
    pointer-events: none
}

.home-delivery {
    padding: 50px 0 52px
}

@media (max-width: 799.98px) {
    .home-delivery {
        padding: 10px 0
    }
}

.delivery-banner {
    position: relative;
    overflow: visible;
    padding-top: 10px
}

.delivery-banner:before {
    content: "";
    background: #1f4d36;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.delivery-banner:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -6px;
    height: 12px;
    background: url(/frontend/assets/img/wave.png) top left repeat-x;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    pointer-events: none
}

.delivery-banner__inner {
    position: relative;
    min-height: 200px;
    display: grid;
    grid-template-columns: minmax(210px, 1fr) minmax(480px, 680px) minmax(250px, 1fr);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 28px
}

.delivery-banner__illus {
    position: relative;
    z-index: 2;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    top: 15px
}

.delivery-banner__illus img {
    position: absolute;
    display: block;
    max-width: none;
    -o-object-fit: contain;
    object-fit: contain
}

.delivery-banner__illus--left img {
    width: clamp(150px, 15vw, 220px);
    left: 10px;
    bottom: -18px
}

.delivery-banner__illus--right img {
    width: clamp(220px, 23vw, 350px);
    right: 0;
    bottom: -18px
}

.delivery-banner__content {
    position: relative;
    z-index: 3;
    text-align: center;
    color: var(--white)
}

.delivery-banner__title {
    color: #ffe8bd;
    font-size: clamp(1.7rem, 2.3vw, 2rem);
    font-weight: 600;
    line-height: 1.25;
    margin-bottom: 10px
}

.delivery-banner__desc {
    color: #ffffffe6;
    font-size: .9rem;
    font-weight: 400;
    line-height: 1.45;
    margin-bottom: 16px;
    margin-inline: auto
}

.delivery-banner__btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: min(285px, 100%);
    min-height: 40px;
    padding: 8px 28px;
    background: #ffe8bd;
    color: #1f4d36;
    border-radius: 6px;
    font-weight: 800;
    text-decoration: none;
    font-size: .95rem;
    -webkit-transition: all var(--t);
    transition: all var(--t)
}

.delivery-banner__btn:hover {
    background: var(--white);
    color: #1f4d36
}

@media (max-width: 1024.98px) {
    .delivery-banner__inner {
        grid-template-columns: 160px minmax(390px, 1fr) 190px
    }

    .delivery-banner__illus--left img {
        left: 0;
        width: 160px
    }

    .delivery-banner__illus--right img {
        width: 210px
    }
}

@media (max-width: 799.98px) {
    .delivery-banner {
        min-height: auto;
        padding: 32px 0 36px
    }

    .delivery-banner__inner {
        min-height: 0;
        display: block
    }

    .delivery-banner__illus {
        display: none
    }
}

.promo-swiper {
    overflow: hidden;
    padding-bottom: 28px
}

@media (max-width: 799.98px) {
    .promo-swiper {
        padding-bottom: 10px
    }
}

.promo-swiper .swiper-slide {
    height: auto
}

.promo-swiper__pagination {
    bottom: 0 !important
}

.promo-swiper__pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    background: var(--g2);
    opacity: .25
}

.promo-swiper__pagination .swiper-pagination-bullet-active {
    opacity: 1
}

.promo-card {
    position: relative;
    display: block;
    border-radius: var(--r-lg);
    overflow: hidden;
    aspect-ratio: 581/313;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-color: var(--cream2);
    text-decoration: none
}

.promo-card:hover .promo-card__overlay {
    opacity: .55
}

.promo-card__overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #00000059;
    -webkit-transition: opacity var(--t);
    transition: opacity var(--t);
    opacity: .3
}

.promo-card__text {
    position: relative;
    z-index: 2;
    padding: 48px 45px;
    color: var(--white);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 6px
}

.promo-card__sub {
    font-size: .95rem;
    text-transform: uppercase;
    letter-spacing: .06em;
    opacity: .85;
    color: #111
}

.promo-card__title {
    font-size: clamp(1.4rem, 2.5vw, 2rem);
    font-weight: 700;
    line-height: 1.2;
    color: var(--g1)
}

.promo-card__btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 12px;
    padding: 8px 18px;
    background: var(--g2);
    border-radius: var(--r-lg);
    border-top-left-radius: 0;
    border-bottom-right-radius: 0;
    font-size: .85rem;
    font-weight: 700;
    -webkit-transition: background var(--t);
    transition: background var(--t);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    color: #fff
}

.promo-card__btn:hover {
    background: var(--g3)
}

.pcard {
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, .25);
    box-shadow: 0 0 8px #00000040;
    background: var(--white);
    border: 1px solid var(--border);
    border-radius: 15px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    -webkit-transition: -webkit-box-shadow var(--t), -webkit-transform var(--t);
    transition: -webkit-box-shadow var(--t), -webkit-transform var(--t);
    transition: box-shadow var(--t), transform var(--t);
    transition: box-shadow var(--t), transform var(--t), -webkit-box-shadow var(--t), -webkit-transform var(--t)
}

.pcard:hover {
    -webkit-box-shadow: var(--shadow-md);
    box-shadow: var(--shadow-md);
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px)
}

.pcard__badge {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 2;
    padding: 3px 7px;
    background: var(--red);
    color: var(--white);
    font-size: .7rem;
    font-weight: 700;
    border-radius: 4px
}

.pcard__img-wrap {
    display: block;
    position: relative;
    aspect-ratio: 1/1;
    overflow: hidden;
    text-decoration: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 16px
}

.pcard__circle-bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 50%;
    background: #fdf0d4;
    width: 60%;
    margin: auto;
    height: 60%
}

.pcard__img {
    position: relative;
    z-index: 1;
    max-height: 85%;
    width: auto;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-transition: -webkit-transform .35s ease;
    transition: -webkit-transform .35s ease;
    transition: transform .35s ease;
    transition: transform .35s ease, -webkit-transform .35s ease
}

.pcard:hover .pcard__img {
    -webkit-transform: scale(1.06);
    transform: scale(1.06)
}

.pcard__body {
    padding: 0 12px 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 5px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center
}

@media (max-width: 799.98px) {
    .pcard__body {
        padding: 6px
    }
}

.pcard__stars {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 2px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 5px
}

.pcard__stars .star-on {
    color: var(--gold);
    font-size: .75rem
}

.pcard__stars .star-off {
    color: #ddd;
    font-size: .75rem
}

.pcard__name {
    font-size: .92rem;
    font-weight: 700;
    color: var(--dark);
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: .01em;
    line-height: 1.35;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: 35px
}

.pcard__name:hover {
    color: var(--g2)
}

@media (max-width: 799.98px) {
    .pcard__name {
        font-size: .75rem;
        height: 30px
    }
}

.pcard__price-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    gap: 8px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 1.1rem
}

@media (max-width: 799.98px) {
    .pcard__price-row {
        font-size: .85rem
    }
}

.pcard__price {
    font-weight: 700;
    color: var(--red)
}

.pcard__price-old {
    color: var(--muted);
    text-decoration: line-through;
    font-weight: 400
}

.pcard__actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    margin-top: 6px
}

.pcard__btn-detail {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 7px 10px;
    background: var(--g2);
    color: var(--white);
    border-radius: var(--r);
    font-size: 1rem;
    font-weight: 600;
    text-decoration: none;
    -webkit-transition: background var(--t);
    transition: background var(--t)
}

.pcard__btn-detail:hover {
    background: var(--g3);
    color: var(--white)
}

.pcard__btn-cart {
    width: 45px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1.5px solid var(--g2);
    border-radius: var(--r);
    background: var(--white);
    color: var(--g2);
    cursor: pointer;
    font-size: .85rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-transition: all var(--t);
    transition: all var(--t);
    background: url(/frontend/assets/img/cart-green.svg) no-repeat center center;
    background-size: 20px 20px
}

.home-about {
    padding: 0
}

.about-inner {
    background: url(/frontend/assets/img/bg-tiny.png) var(--g5);
    position: relative
}

.about-inner .container {
    position: relative
}

.about-inner .container:after,
.about-inner .container:before {
    content: "";
    background: url(/frontend/assets/img/leaf.svg);
    background-size: cover;
    background-position: center;
    position: absolute
}

.about-inner .container:after {
    width: 100px;
    height: 100px;
    right: -5%;
    top: 30%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.about-inner .container:before {
    width: 100px;
    height: 100px;
    background: url(/frontend/assets/img/leaf2.svg);
    top: 10%;
    left: -10%
}

.about-layout {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 4rem
}

@media (max-width: 799.98px) {
    .about-layout {
        grid-template-columns: 1fr;
        gap: 32px
    }
}

.about-layout__text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px
}

.about-title {
    font-size: clamp(1.4rem, 3vw, 2.2rem);
    font-weight: 800;
    color: var(--g2);
    line-height: 1.25
}

.about-body {
    font-size: .93rem;
    line-height: 1.78;
    color: #000;
    text-align: justify
}

.about-layout__image {
    position: relative
}

.about-layout__image img {
    width: 100%;
    border-radius: var(--r-lg);
    -o-object-fit: cover;
    object-fit: cover;
    max-height: 420px
}

.about-badge {
    position: absolute;
    background: var(--white);
    border: 1.5px solid var(--border);
    border-radius: 20px;
    padding: 6px 12px;
    font-size: .72rem;
    font-weight: 600;
    color: var(--g2);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 5px;
    -webkit-box-shadow: var(--shadow);
    box-shadow: var(--shadow);
    white-space: nowrap
}

.about-badge i {
    font-size: .8rem
}

.about-badge--tl {
    top: 12%;
    left: -14%
}

.about-badge--tr {
    top: 8%;
    right: -10%
}

.about-badge--bl {
    bottom: 18%;
    left: -14%
}

.about-badge--br {
    bottom: 8%;
    right: -10%
}

@media (max-width: 799.98px) {
    .about-badge--tl {
        left: 5%
    }

    .about-badge--tr {
        right: 5%
    }

    .about-badge--bl {
        left: 5%
    }

    .about-badge--br {
        right: 5%
    }
}

.partners-layout {
    display: grid;
    grid-template-columns: 1fr 1.4fr;
    gap: 48px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width: 799.98px) {
    .partners-layout {
        grid-template-columns: 1fr;
        gap: 0px
    }
}

.partners-map {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.partners-map img {
    max-width: 320px;
    width: 100%;
    height: auto
}

.map-placeholder {
    width: 280px;
    height: 360px;
    background: var(--g4);
    border-radius: var(--r)
}

.partners-desc {
    font-size: .9rem;
    line-height: 1.7;
    color: #555;
    margin-bottom: 20px
}

.partner-logo-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px
}

.partner-logo-cell {
    border: 1px solid var(--border);
    border-radius: var(--r);
    padding: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: var(--white)
}

.partner-logo-cell img {
    max-height: 40px;
    width: auto;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-filter: grayscale(20%);
    filter: grayscale(20%);
    -webkit-transition: -webkit-filter var(--t);
    transition: -webkit-filter var(--t);
    transition: filter var(--t);
    transition: filter var(--t), -webkit-filter var(--t)
}

.partner-logo-cell:hover img {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%)
}

.partner-dots {
    position: static !important;
    bottom: -40px !important
}

.partner-dots span {
    border: 1px solid transparent;
    width: 12px;
    height: 12px;
    background: #d9d9d9;
    opacity: 1;
    position: relative
}

.partner-dots span.swiper-pagination-bullet-active {
    border-radius: 50% !important;
    background: var(--g6)
}

.partner-dots span.swiper-pagination-bullet-active:after {
    border-color: var(--g6)
}

.partner-dots span:after {
    border-radius: 50%;
    content: "";
    width: 18px;
    height: 18px;
    border: 1px solid transparent;
    position: absolute;
    top: -4px;
    left: -4px;
    background: transparent
}

.partner-dots .swiper-pagination-bullet-active {
    background: transparent;
    border-radius: 0
}

.home-news {
    background: -webkit-gradient(linear, left top, left bottom, from(#FFF5E5), color-stop(91.33%, #FFFFFF));
    background: linear-gradient(180deg, #fff5e5, #fff 91.33%);
    padding-block: 60px 45px
}

.home-news .sec-header {
    margin-bottom: 28px
}

.home-news .sec-title {
    font-size: clamp(1.35rem, 2.2vw, 1.75rem);
    font-weight: 800
}

.home-news .sec-more {
    padding: 8px 18px;
    font-size: .82rem;
    font-weight: 700;
    border-bottom-left-radius: 0;
    border-top-right-radius: 0
}

.news-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr)
}

@media (max-width: 799.98px) {
    .news-grid {
        grid-template-columns: 1fr
    }
}

.news-card {
    --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    border-radius: 15px;
    text-decoration: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    color: inherit;
    -webkit-transition: -webkit-transform var(--t);
    transition: -webkit-transform var(--t);
    transition: transform var(--t);
    transition: transform var(--t), -webkit-transform var(--t)
}

.news-card:hover {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px)
}

.news-card:hover .news-card__title {
    color: var(--g1)
}

.news-card__img-wrap {
    position: relative;
    border-radius: 15px;
    overflow: visible;
    background: var(--white)
}

.news-card__img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
    border-radius: 14px
}

.news-card__meta {
    position: absolute;
    left: 50%;
    bottom: -12px;
    -webkit-transform: translateX(-50%);
    transform: translate(-50%);
    min-width: 150px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 14px;
    padding: 8px 18px;
    border-radius: 999px;
    background: var(--g2);
    color: var(--white);
    font-size: .92rem;
    line-height: 1;
    white-space: nowrap;
    z-index: 1
}

.news-card__body {
    padding: 26px 10px 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px
}

.news-card__title {
    margin: 0;
    font-size: 1.2rem;
    font-weight: 700;
    color: var(--g2);
    line-height: 1.35;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 2.7em
}

.news-card__desc {
    font-size: .95rem;
    color: var(--muted);
    line-height: 1.55;
    text-align: justify;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin: 0;
    min-height: 3.1em
}

.home-advise-wrap {
    position: relative;
    padding-top: 40px;
    padding-bottom: 0
}

@media (max-width: 768px) {
    .home-advise-wrap {
        padding-top: 20px
    }
}

.home-advise-bg {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 25%;
    background: var(--g2);
    z-index: 0
}

.home-advise-wrap .container {
    position: relative;
    z-index: 1
}

.advise-card {
    background: url(/frontend/assets/img/bg-form.png) no-repeat center center;
    background-size: cover;
    border-radius: var(--r-lg);
    min-height: 320px;
    padding: 45px 30px 43px;
    display: grid;
    grid-template-columns: minmax(350px, .92fr) minmax(420px, 1.12fr) minmax(350px, .86fr);
    gap: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-shadow: var(--shadow-md);
    box-shadow: var(--shadow-md)
}

@media (max-width: 1024.98px) {
    .advise-card {
        grid-template-columns: 1fr
    }
}

@media (max-width: 799.98px) {
    .advise-card {
        padding: 24px 20px
    }
}

.advise-card__title {
    font-size: clamp(1.8rem, 3vw, 1.85rem);
    font-weight: 800;
    color: var(--g2);
    line-height: 1.35;
    margin: 0
}

.advise-card__image {
    -ms-flex-item-align: end;
    align-self: end;
    justify-self: end
}

.advise-card__image img {
    max-height: 260px;
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: right bottom;
    object-position: right bottom
}

@media (max-width: 1024.98px) {
    .advise-card__image {
        display: none
    }
}

.advise-card__form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px
}

.advise-form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px
}

@media (max-width: 519.98px) {
    .advise-form-row {
        grid-template-columns: 1fr
    }
}

.advise-textarea {
    resize: vertical;
    min-height: 108px
}

.advise-card .btn-dark {
    -ms-flex-item-align: start;
    align-self: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 6px 22px;
    border-radius: 8px;
    font-size: 1.05rem;
    font-weight: 600
}

.site-footer {
    background: var(--g2);
    color: #ffffffb3;
    padding-top: 60px;
    margin-top: -2px
}

.footer-grid {
    display: grid;
    grid-template-columns: 1.9fr .7fr 1.2fr 1fr .7fr;
    gap: 32px
}

.footer-grid .footer-col {
    padding-top: 4rem
}

@media (max-width: 799.98px) {
    .footer-grid .footer-col {
        padding-top: 0rem;
        gap: 15px
    }
}

.footer-grid .footer-group {
    display: contents
}

@media (max-width: 1024.98px) {
    .footer-grid {
        grid-template-columns: 1fr 1fr 1fr
    }
}

@media (max-width: 766.98px) {
    .footer-grid {
        grid-template-columns: 1fr 1fr;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
        gap: 15px 10px
    }

    .footer-grid .footer-brand {
        grid-column: 1/-1
    }

    .footer-grid .footer-group {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 28px
    }
}

.footer-brand {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 14px
}

.footer-logo img {
    height: 112px;
    width: auto;
    -o-object-fit: contain;
    object-fit: contain
}

.footer-logo-text {
    font-size: 1.3rem;
    font-weight: 800;
    color: var(--white);
    text-decoration: none
}

.footer-contact-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 8px;
    font-size: .94rem;
    color: #ffffffbf
}

.footer-contact-item i {
    color: var(--gold);
    margin-top: 2px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.footer-contact-item a {
    color: #fffc;
    text-decoration: none
}

.footer-contact-item a:hover {
    color: var(--white)
}

.footer-heading {
    font-size: 1.05rem;
    font-weight: 600;
    color: var(--white);
    text-transform: uppercase;
    letter-spacing: .08em;
    margin: 0 0 14px;
    padding-bottom: 10px
}

@media (max-width: 799.98px) {
    .footer-heading {
        font-size: .9rem
    }
}

.footer-links {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px
}

.footer-links a {
    font-size: 15px;
    color: #ffffffa6;
    text-decoration: none;
    -webkit-transition: color var(--t);
    transition: color var(--t)
}

.footer-links a:hover {
    color: var(--white)
}

.footer-payment {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    margin-bottom: 16px
}

.payment-badge {
    width: 52px;
    height: 32px;
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 1.5rem
}

.payment-badge--mc {
    background: var(--white);
    color: #eb001b
}

.payment-badge--visa {
    background: var(--white);
    color: #1a1f71
}

.footer-socials {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    margin-top: 1rem
}

.footer-socials a {
    width: 39px;
    height: 39px;
    border-radius: 50%;
    background: #d9d9d9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--g1);
    text-decoration: none;
    font-size: 1.25rem;
    -webkit-transition: all var(--t);
    transition: all var(--t)
}

.footer-socials a:hover {
    background: var(--g3);
    color: var(--white)
}

.footer-bottom {
    border-top: 1px solid rgba(255, 255, 255, .1);
    margin-top: 70px;
    padding-block: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: .9rem;
    color: #fff;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (max-width: 799.98px) {
    .footer-bottom {
        margin-top: 20px
    }
}

.mobile-float {
    position: fixed;
    bottom: 20px;
    right: 14px;
    z-index: 400;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(12px);
    transform: translateY(12px);
    -webkit-transition: opacity .3s, -webkit-transform .3s;
    transition: opacity .3s, -webkit-transform .3s;
    transition: opacity .3s, transform .3s;
    transition: opacity .3s, transform .3s, -webkit-transform .3s
}

.mobile-float.visible {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.mfloat-btn {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-decoration: none;
    font-size: .95rem;
    -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, .25);
    box-shadow: 0 3px 10px #00000040;
    border: none;
    cursor: pointer;
    font-family: var(--font);
    -webkit-transition: -webkit-transform var(--t);
    transition: -webkit-transform var(--t);
    transition: transform var(--t);
    transition: transform var(--t), -webkit-transform var(--t)
}

.mfloat-btn:hover {
    -webkit-transform: scale(1.08);
    transform: scale(1.08)
}

.mfloat-phone {
    background: var(--g2);
    color: var(--white);
    -webkit-animation: ring 3s infinite;
    animation: ring 3s infinite
}

.mfloat-zalo {
    background: #0068ff;
    color: var(--white)
}

.mfloat-map {
    background: var(--gold);
    color: var(--white)
}

.mfloat-top {
    background: var(--white);
    color: var(--dark);
    border: 1px solid var(--border)
}

@media (max-width: 767.98px) {
    .is-mobile-hidden {
        display: none !important
    }
}

@media (min-width: 768px) {
    .is-desktop-hidden {
        display: none !important
    }
}

.product-category-content {
    background: var(--white);
    border-radius: var(--r-lg);
    padding: 1rem 0;
    color: var(--text);
    line-height: 1.8
}

.product-category-content h1,
.product-category-content h2,
.product-category-content h3,
.product-category-content h4 {
    color: var(--g2);
    font-weight: 700;
    margin-bottom: 12px
}

.product-category-content p:last-child {
    margin-bottom: 0
}

.products-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px
}

@media (max-width: 767.98px) {
    .products-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px
    }
}

.product-detail {
    background: #fff
}

.product-detail__top {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: clamp(24px, 4vw, 48px);
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

@media (max-width: 991.98px) {
    .product-detail__top {
        grid-template-columns: 1fr
    }
}

.product-detail__gallery,
.product-detail__info,
.product-detail__content,
.product-detail__related {
    min-width: 0
}

.product-detail__image-main {
    border: 1px solid var(--border);
    border-radius: var(--r-lg);
    overflow: hidden;
    background: #fff;
    aspect-ratio: 1/1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.product-detail__image-main .MagicZoom,
.product-detail__image-main .MagicZoomPlus,
.product-detail__image-main .mz-figure {
    width: 100%;
    height: 100%
}

.product-detail__image-main img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    padding: 18px
}

.product-detail__thumbs {
    position: relative;
    margin-top: 12px;
    overflow: hidden
}

.product-detail__thumb {
    display: block;
    border: 1px solid var(--border);
    background: #fff;
    border-radius: 5px;
    aspect-ratio: 1/1;
    overflow: hidden;
    cursor: pointer;
    padding: 4px;
    text-decoration: none
}

.product-detail__thumb.is-active {
    border-color: var(--g2);
    -webkit-box-shadow: 0 0 0 2px rgba(0, 87, 45, .12);
    box-shadow: 0 0 0 2px #00572d1f
}

.product-detail__thumb img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.product-detail__title {
    font-size: clamp(1.6rem, 3vw, 2.35rem);
    line-height: 1.2;
    color: var(--g1);
    font-weight: 800;
    margin-bottom: 10px
}

.product-detail__sku {
    color: #6b7280;
    font-size: .95rem;
    margin-bottom: 14px
}

.product-detail__price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    gap: 12px;
    padding: 14px 0;
    border-top: 1px solid var(--border);
    border-bottom: 1px solid var(--border);
    margin-bottom: 16px
}

.product-detail__price-new {
    color: var(--red);
    font-size: clamp(1.5rem, 3vw, 2rem);
    font-weight: 800
}

.product-detail__price-old {
    color: #9ca3af;
    font-size: 1.1rem;
    text-decoration: line-through
}

.product-detail__desc {
    color: #4b5563;
    line-height: 1.75;
    margin-bottom: 18px
}

.product-detail__buy {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 18px
}

@media (max-width: 767.98px) {
    .product-detail__buy {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px
    }

    .product-detail__buy .product-detail__qty {
        grid-column: 1/-1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%
    }

    .product-detail__buy .product-detail__qty input {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        width: auto;
        min-width: 0
    }

    .product-detail__buy .product-detail__btn {
        width: 100%;
        padding-left: 0;
        padding-right: 0
    }
}

.product-detail__qty {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 44px;
    border: 1px solid var(--border);
    border-radius: 8px;
    overflow: hidden
}

.product-detail__qty button {
    width: 42px;
    border: 0;
    background: #f3f4f6;
    font-size: 1.25rem;
    cursor: pointer
}

.product-detail__qty input {
    width: 58px;
    border: 0;
    text-align: center;
    font-weight: 700;
    outline: none
}

.product-detail__btn {
    height: 44px;
    border-radius: 8px;
    padding: 0 18px;
    font-weight: 700;
    border: 1px solid var(--g2);
    cursor: pointer;
    -webkit-transition: all var(--t);
    transition: all var(--t)
}

.product-detail__btn--cart {
    background: #fff;
    color: var(--g2)
}

.product-detail__btn--cart:hover {
    background: var(--g4)
}

.product-detail__btn--buy {
    background: var(--g2);
    color: #fff
}

.product-detail__btn--buy:hover {
    background: var(--g3);
    border-color: var(--g3)
}

.product-detail__consult {
    border: 1px solid var(--border);
    border-radius: var(--r);
    padding: 14px;
    margin-bottom: 16px;
    background: #fbfbf8
}

.product-detail__consult-title {
    font-weight: 800;
    color: var(--g1);
    margin-bottom: 10px
}

.product-detail__consult-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 8px
}

.product-detail__consult-links a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 36px;
    padding: 0 14px;
    border-radius: 999px;
    background: var(--g2);
    color: #fff;
    text-decoration: none;
    font-weight: 700
}

.product-detail__policies .swiper-slide {
    height: auto
}

.product-detail__policies .product-detail__policy {
    height: 100%;
    border: 1px solid var(--border);
    border-radius: 10px;
    padding: 12px;
    background: #fff
}

.product-detail__policies strong {
    display: block;
    color: var(--g1);
    font-size: .95rem;
    margin-bottom: 4px
}

.product-detail__policies span {
    display: block;
    color: #6b7280;
    font-size: .85rem;
    line-height: 1.45
}

.product-detail__policies .swiper-pagination {
    position: static;
    margin-top: 12px
}

.product-detail__policies .swiper-pagination .swiper-pagination-bullet-active {
    background: var(--g2)
}

.product-detail__content {
    margin-top: clamp(28px, 5vw, 56px);
    padding-top: clamp(20px, 3vw, 32px);
    border-top: 1px solid var(--border);
    line-height: 1.8
}

.product-detail__content h2 {
    color: var(--g1);
    font-weight: 800;
    margin-bottom: 16px
}

.product-detail__related {
    margin-top: clamp(28px, 5vw, 56px)
}

.product-detail__thumb-nav {
    position: absolute;
    top: 50%;
    z-index: 5;
    width: 30px;
    height: 30px;
    border: 0;
    border-radius: 50%;
    background: #1f4d36eb;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    -webkit-box-shadow: var(--shadow-sm);
    box-shadow: var(--shadow-sm)
}

.product-detail__thumb-nav--prev {
    left: 4px
}

.product-detail__thumb-nav--next {
    right: 4px
}

.product-detail__thumb-nav.swiper-button-disabled {
    opacity: .35;
    cursor: not-allowed
}

.product-detail__thumb-nav i {
    font-size: .75rem
}

.topic-tags-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem
}

@media (max-width: 640px) {
    .topic-tags-wrapper {
        gap: .75rem
    }
}

.topic-tags-label {
    color: var(--g2);
    padding-bottom: 5px;
    font-weight: 600;
    font-size: 1rem;
    white-space: nowrap
}

@media (max-width: 640px) {
    .topic-tags-label {
        font-size: .875rem
    }
}

.topic-tags {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: .75rem
}

@media (max-width: 640px) {
    .topic-tags {
        gap: .5rem
    }
}

.topic-tag {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .5rem 1.25rem;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    color: #6b7280;
    font-size: .9375rem;
    font-weight: 500;
    text-decoration: none;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    background: #fff;
    cursor: pointer
}

.topic-tag:hover {
    border-color: var(--g2);
    color: var(--g2);
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
    -webkit-box-shadow: 0 2px 8px rgba(122, 181, 29, .15);
    box-shadow: 0 2px 8px #7ab51d26
}

.topic-tag.active {
    border-color: var(--g2);
    color: var(--g2);
    background: #7ab51d0d
}

@media (max-width: 640px) {
    .topic-tag {
        padding: .375rem 1rem;
        font-size: .875rem
    }
}

body {
    font-family: Be Vietnam Pro, Arial, sans-serif
}

.font-title {
    font-family: Be Vietnam Pro, sans-serif
}

.jc-bs3-container {
    max-width: 600px !important;
    margin: auto
}

.ratio-66 {
    aspect-ratio: 50/33
}

.z-1 {
    z-index: 1
}

.z-2 {
    z-index: 2
}

.text-body-2xs {
    font-size: 11px
}

.zalo-chat-widget {
    z-index: 1000 !important
}

#minicart {
    z-index: 9999999;
    right: 0;
    top: 0;
    left: auto
}

.post-content-body img {
    max-width: 100%;
    height: auto
}

.toc li {
    font-weight: 300
}

.toc li a {
    text-decoration: none;
    color: #3c3c3c;
    font-weight: 500;
    font-size: 13px
}

p {
    margin-bottom: 1rem
}

menu,
ol,
ul {
    list-style: inherit;
    padding-left: 1.2rem;
    margin-bottom: 1rem
}

.custom-radio-container {
    position: relative;
    display: inline-block;
    cursor: pointer
}

.custom-radio-container input[type=radio] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.custom-radio-container .custom-radio {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: #fff;
    border: 2px solid #d1d5db;
    border-radius: 50%;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.custom-radio-container .custom-radio:after {
    content: "";
    position: absolute;
    display: none;
    top: 50%;
    left: 50%;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #fff;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.custom-radio-container input[type=radio]:checked+.custom-radio {
    background-color: #3b82f6;
    border-color: #3b82f6
}

.custom-radio-container input[type=radio]:checked+.custom-radio:after {
    display: block
}

.custom-radio-container:hover .custom-radio {
    border-color: #3b82f6;
    -webkit-box-shadow: 0 0 0 3px rgba(59, 130, 246, .1);
    box-shadow: 0 0 0 3px #3b82f61a
}

.radio-card {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    cursor: pointer;
    display: block
}

.radio-card input[type=radio] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.radio-card .radio-card-content {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    cursor: pointer;
    display: block;
    position: relative
}

.radio-card input[type=radio]:checked+.radio-card-content {
    background-color: #3b82f6 !important;
    color: #fff !important;
    border-color: #3b82f6 !important
}

.radio-card input[type=radio]:checked+.radio-card-content .text-content-safe {
    color: #fffc !important
}

.radio-card:hover .radio-card-content {
    border-color: #3b82f6;
    -webkit-box-shadow: 0 0 0 3px rgba(59, 130, 246, .1);
    box-shadow: 0 0 0 3px #3b82f61a
}

.ant-menu-root {
    overflow-y: auto
}

.ant-menu-root .menu-item .child-menu {
    display: none
}

.ant-menu-root .menu-item.open .child-menu {
    display: block
}

.ant-menu-root .child-menu {
    display: none
}

.product-gallery-main {
    position: relative
}

.product-gallery-main .swiper-button-next,
.product-gallery-main .swiper-button-prev {
    width: 48px;
    height: 48px;
    background: #fffffff2;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: 50%;
    -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, .1), 0 2px 4px rgba(0, 0, 0, .06);
    box-shadow: 0 4px 12px #0000001a, 0 2px 4px #0000000f;
    -webkit-transition: all .3s cubic-bezier(.4, 0, .2, 1);
    transition: all .3s cubic-bezier(.4, 0, .2, 1);
    border: 1px solid rgba(0, 0, 0, .05)
}

.product-gallery-main .swiper-button-next:after,
.product-gallery-main .swiper-button-prev:after {
    font-size: 18px;
    font-weight: 700;
    color: #1f2937;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

.product-gallery-main .swiper-button-next:hover,
.product-gallery-main .swiper-button-prev:hover {
    background: linear-gradient(135deg, #3b82f6, #2563eb);
    -webkit-box-shadow: 0 8px 20px rgba(59, 130, 246, .3), 0 4px 8px rgba(59, 130, 246, .2);
    box-shadow: 0 8px 20px #3b82f64d, 0 4px 8px #3b82f633;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    border-color: transparent
}

.product-gallery-main .swiper-button-next:hover:after,
.product-gallery-main .swiper-button-prev:hover:after {
    color: #fff
}

.product-gallery-main .swiper-button-next:active,
.product-gallery-main .swiper-button-prev:active {
    -webkit-transform: scale(.98);
    transform: scale(.98)
}

.product-gallery-main .swiper-button-next.swiper-button-disabled,
.product-gallery-main .swiper-button-prev.swiper-button-disabled {
    opacity: .3;
    cursor: not-allowed
}

.product-gallery-main .swiper-button-next.swiper-button-disabled:hover,
.product-gallery-main .swiper-button-prev.swiper-button-disabled:hover {
    background: #fffffff2;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, .1);
    box-shadow: 0 4px 12px #0000001a
}

.product-gallery-main .swiper-button-next.swiper-button-disabled:hover:after,
.product-gallery-main .swiper-button-prev.swiper-button-disabled:hover:after {
    color: #1f2937
}

.product-gallery-main .swiper-button-prev {
    left: 16px
}

.product-gallery-main .swiper-button-next {
    right: 16px
}

@media (max-width: 799.98px) {

    .product-gallery-main .swiper-button-next,
    .product-gallery-main .swiper-button-prev {
        width: 40px;
        height: 40px
    }

    .product-gallery-main .swiper-button-next:after,
    .product-gallery-main .swiper-button-prev:after {
        font-size: 16px
    }

    .product-gallery-main .swiper-button-prev {
        left: 8px
    }

    .product-gallery-main .swiper-button-next {
        right: 8px
    }
}

.product-gallery-thumbs .swiper-slide {
    opacity: .6;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.product-gallery-thumbs .swiper-slide:hover {
    opacity: .8
}

.product-gallery-thumbs .swiper-slide.swiper-slide-thumb-active {
    opacity: 1
}

.product-gallery-thumbs .swiper-slide.swiper-slide-thumb-active .border-transparent {
    border-color: #3b82f6 !important
}

.destination-about-section {
    display: grid;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    gap: 2.5rem
}

@media (min-width: 1024px) {
    .destination-about-section {
        grid-template-columns: minmax(0, .88fr) minmax(0, 1.12fr);
        gap: 3rem
    }
}

.destination-about-section__content {
    max-width: 420px
}

@media (max-width: 1023.98px) {
    .destination-about-section__content {
        max-width: 100%
    }
}

.destination-about-section__eyebrow {
    margin: 0;
    color: #f97603;
    font-size: .95rem;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase
}

.destination-about-section__title {
    margin-top: .85rem;
    color: #f97603;
    font-size: 2.2rem;
    font-weight: 900;
    line-height: .95
}

.destination-about-section__description {
    margin-top: 1.5rem;
    color: #4b5563;
    font-size: 1.05rem;
    line-height: 1.9
}

.destination-about-section__description p {
    margin: 0
}

.destination-about-section__slider-wrap {
    position: relative;
    min-width: 0;
    padding: .4rem 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end
}

.destination-about-stack {
    position: relative;
    width: min(100%, 620px);
    aspect-ratio: 455/300;
    min-width: 0
}

.destination-about-stack__item {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0;
    -webkit-transform-origin: right center;
    transform-origin: right center;
    -webkit-transition: -webkit-transform .35s ease;
    transition: -webkit-transform .35s ease;
    transition: transform .35s ease;
    transition: transform .35s ease, -webkit-transform .35s ease
}

.destination-about-stack__item--1 {
    transform: translate(0) scale(1) !important;
    z-index: 3;
    -webkit-transform: translateX(0) scale(1) !important;
    -moz-transform: translateX(0) scale(1) !important;
    -ms-transform: translateX(0) scale(1) !important;
    -o-transform: translateX(0) scale(1) !important
}

.destination-about-stack__item--2 {
    transform: translate(20%) scale(.85) !important;
    z-index: 2;
    -webkit-transform: translateX(20%) scale(.85) !important;
    -moz-transform: translateX(20%) scale(.85) !important;
    -ms-transform: translateX(20%) scale(.85) !important;
    -o-transform: translateX(20%) scale(.85) !important;
    border: 10px solid #fff !important
}

.destination-about-stack__item--3 {
    transform: translate(35%) scale(.6) !important;
    border: 15px solid #fff !important;
    z-index: 1;
    -webkit-transform: translateX(35%) scale(.6) !important;
    -moz-transform: translateX(35%) scale(.6) !important;
    -ms-transform: translateX(35%) scale(.6) !important;
    -o-transform: translateX(35%) scale(.6) !important
}

@media (max-width: 991.98px) {
    .destination-about-stack {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        gap: 0
    }

    .destination-about-stack__item {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        max-width: 70% !important
    }

    .destination-about-stack__item--2 {
        transform: translate(25%) scale(.78) !important;
        -webkit-transform: translateX(25%) scale(.78) !important;
        -moz-transform: translateX(25%) scale(.78) !important;
        -ms-transform: translateX(25%) scale(.78) !important;
        -o-transform: translateX(25%) scale(.78) !important
    }

    .destination-about-stack__item--3 {
        transform: translate(42%) scale(.58) !important;
        -webkit-transform: translateX(42%) scale(.58) !important;
        -moz-transform: translateX(42%) scale(.58) !important;
        -ms-transform: translateX(42%) scale(.58) !important;
        -o-transform: translateX(42%) scale(.58) !important
    }
}

.destination-about-swiper {
    overflow: hidden;
    padding-left: 0
}

.destination-about-swiper .swiper-wrapper {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.destination-about-swiper .swiper-slide {
    -webkit-transition: width .55s ease, opacity .55s ease, -webkit-transform .55s ease, -webkit-filter .55s ease;
    transition: width .55s ease, opacity .55s ease, -webkit-transform .55s ease, -webkit-filter .55s ease;
    transition: width .55s ease, transform .55s ease, opacity .55s ease, filter .55s ease;
    transition: width .55s ease, transform .55s ease, opacity .55s ease, filter .55s ease, -webkit-transform .55s ease, -webkit-filter .55s ease;
    z-index: 1;
    overflow: hidden;
    pointer-events: none
}

@media (max-width: 767.98px) {
    .destination-about-swiper .swiper-slide {
        height: 260px
    }
}

.destination-about-slide {
    max-width: 455px;
    overflow: hidden;
    border: 8px solid #fff;
    border-radius: 22px;
    background: #fff;
    -webkit-box-shadow: 0 14px 34px rgba(79, 56, 25, .11);
    box-shadow: 0 14px 34px #4f38191c
}

.destination-about-slide__image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 18px
}

.destination-about-coverflow-swiper {
    overflow: visible;
    padding: .25rem 0 2.25rem
}

.destination-about-coverflow-swiper .swiper-slide {
    height: clamp(280px, 34vw, 430px);
    opacity: .72;
    -webkit-transition: opacity .35s ease, -webkit-transform .35s ease, -webkit-filter .35s ease;
    transition: opacity .35s ease, -webkit-transform .35s ease, -webkit-filter .35s ease;
    transition: transform .35s ease, opacity .35s ease, filter .35s ease;
    transition: transform .35s ease, opacity .35s ease, filter .35s ease, -webkit-transform .35s ease, -webkit-filter .35s ease;
    -webkit-filter: saturate(.9);
    filter: saturate(.9)
}

.destination-about-coverflow-swiper .swiper-slide-active {
    opacity: 1;
    -webkit-filter: none;
    filter: none
}

.destination-about-coverflow-swiper .swiper-pagination {
    bottom: 0
}

.breadCrumbs {
    background: #eee;
    min-height: 43px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.breadcrumb-wrapper .breadcrumb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    gap: 0;
    margin: 0;
    padding: 0;
    list-style: none
}

.breadcrumb-wrapper .breadcrumb-item {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
    color: #7d7d7d;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5
}

.breadcrumb-wrapper .breadcrumb-item+.breadcrumb-item:before {
    content: "/";
    display: inline-block;
    margin: 0 10px;
    color: #9ca3af;
    opacity: 1
}

.breadcrumb-wrapper .breadcrumb-item a,
.breadcrumb-wrapper .breadcrumb-item span {
    color: inherit;
    text-decoration: none
}

.breadcrumb-wrapper .breadcrumb-item a {
    color: #111827
}

.breadcrumb-wrapper .breadcrumb-item.active,
.breadcrumb-wrapper .breadcrumb-item.active span {
    color: #6b7280
}

.breadcrumb-wrapper .breadcrumb-item a:hover {
    opacity: .82
}

@media (max-width: 799.98px) {
    .breadcrumb-wrapper .breadcrumb {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        overflow: hidden
    }

    .breadcrumb-wrapper .breadcrumb-item:not(:first-child):not(:last-child) {
        display: none
    }

    .breadcrumb-wrapper .breadcrumb-item:first-child,
    .breadcrumb-wrapper .breadcrumb-item:last-child {
        min-width: 0
    }

    .breadcrumb-wrapper .breadcrumb-item:last-child span,
    .breadcrumb-wrapper .breadcrumb-item:last-child a {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .tour-detail .page-breadcrumb-banner .page-breadcrumb-banner__breadcrumb {
        display: none
    }
}

.page-breadcrumb-banner {
    position: relative;
    background: #fff
}

.page-breadcrumb-banner__frame {
    position: relative;
    overflow: hidden;
    width: 100%;
    min-width: 0;
    display: block;
    aspect-ratio: 1920/650;
    background: #09110e
}

.page-breadcrumb-banner__image,
.page-breadcrumb-banner__overlay,
.page-breadcrumb-banner__content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.page-breadcrumb-banner__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.page-breadcrumb-banner__overlay {
    background: #0009
}

.page-breadcrumb-banner__content {
    z-index: 2
}

.page-breadcrumb-banner__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: .75rem;
    padding: clamp(8.5rem, 12vw, 10.25rem) 1.5rem 3.5rem;
    text-align: center
}

.page-breadcrumb-banner__eyebrow {
    margin: 0;
    color: #ffffffe6;
    font-size: .875rem;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase
}

.page-breadcrumb-banner__title {
    margin: 0;
    color: #f97603;
    font-size: clamp(2.8rem, 4vw, 2.25rem);
    line-height: 1.04;
    font-weight: 800;
    text-transform: capitalize;
    text-shadow: 0 8px 24px rgba(0, 0, 0, .16)
}

.page-breadcrumb-banner__subtitle {
    margin: 0;
    max-width: 44rem;
    color: #ffffffe6;
    font-size: 1rem;
    line-height: 1.7
}

.page-breadcrumb-banner__breadcrumb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.page-breadcrumb-banner__breadcrumb .breadcrumb-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
}

.page-breadcrumb-banner__breadcrumb .breadcrumb-item,
.page-breadcrumb-banner__breadcrumb .breadcrumb-item a,
.page-breadcrumb-banner__breadcrumb .breadcrumb-item span {
    color: #ffffffeb
}

.page-breadcrumb-banner__breadcrumb .breadcrumb-item.active,
.page-breadcrumb-banner__breadcrumb .breadcrumb-item.active span {
    color: #fff
}

@media (max-width: 991.98px) {
    .page-breadcrumb-banner {
        padding-bottom: 2.25rem
    }

    .page-breadcrumb-banner__inner {
        padding-top: 7.75rem;
        padding-bottom: 2.75rem
    }
}

@media (max-width: 767.98px) {
    .page-breadcrumb-banner {
        padding-bottom: 0rem
    }

    .page-breadcrumb-banner__frame {
        width: 100%;
        aspect-ratio: 1920/580;
        min-height: 280px
    }

    .page-breadcrumb-banner__inner {
        min-height: 280px;
        padding: 2.5rem 0rem 2rem;
        gap: .55rem
    }

    .page-breadcrumb-banner__title {
        font-size: clamp(1.6rem, 6.5vw, 2.6rem)
    }

    .page-breadcrumb-banner__breadcrumb .breadcrumb {
        row-gap: .25rem
    }

    .page-breadcrumb-banner__breadcrumb .breadcrumb-item {
        font-size: .875rem
    }
}

.tour-simple-nav-link {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    min-width: 90px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: .5rem;
    font-size: 15px;
    font-weight: 600
}

@media (min-width: 640px) {
    .tour-simple-nav-link {
        padding-top: 1rem;
        padding-bottom: 1rem
    }
}

@media (min-width: 768px) {
    .tour-simple-nav-link {
        min-width: 0px;
        font-size: 20px
    }
}

.top-sticky-nav {
    position: sticky;
    top: 0;
    z-index: 20;
    margin-left: -1rem;
    margin-right: -1rem;
    width: calc(100% + 2rem);
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(229 229 229 / var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: rgb(239 239 239 / var(--tw-bg-opacity, 1))
}

@media (min-width: 640px) {
    .top-sticky-nav {
        top: 10px;
        margin-left: 0;
        margin-right: 0;
        width: 100%
    }
}

@media (min-width: 768px) {
    .top-sticky-nav {
        width: 100%
    }
}

.tour-name {
    margin: 0 0 20px;
    color: #f97603;
    font-size: clamp(1.5rem, 3.4vw, 1.8rem);
    line-height: 1.05;
    font-weight: 800
}

.booking-modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 90;
    pointer-events: none;
    opacity: 0;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.booking-modal__backdrop {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #0000008c
}

.booking-modal__dialog {
    position: absolute;
    inset: 50% auto auto 50%;
    width: min(96vw, 610px);
    max-height: 96vh;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    overflow-y: auto;
    -ms-scroll-chaining: none;
    overscroll-behavior: contain;
    scrollbar-width: thin;
    border-radius: 44px
}

.booking-modal__dialog::-webkit-scrollbar {
    width: 5px
}

.booking-modal__dialog::-webkit-scrollbar-thumb {
    background: #7f10134d;
    border-radius: 10px
}

.booking-modal__card {
    position: relative;
    padding: 22px 24px;
    border-radius: 44px;
    background: #f7ecd5;
    -webkit-box-shadow: 0 25px 60px rgba(0, 0, 0, .28);
    box-shadow: 0 25px 60px #00000047
}

.booking-modal__close {
    position: absolute;
    top: 14px;
    right: 14px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 48px;
    height: 48px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 0;
    border-radius: 999px;
    background: #7f1013;
    color: #fff
}

.booking-modal__close-icon {
    width: 24px;
    height: 24px
}

.booking-modal__intro {
    max-width: 760px;
    padding-right: 92px
}

.booking-modal__title {
    margin: 0;
    color: #6f1014;
    font-family: Be Vietnam Pro, Arial, sans-serif;
    font-size: clamp(2rem, 3vw, 3rem);
    font-weight: 800;
    line-height: 1.04
}

.booking-modal__subtitle {
    margin: 8px 0 0;
    max-width: 680px;
    color: #433c37;
    font-size: .9rem;
    line-height: 1.5
}

.booking-form {
    margin-top: 16px
}

.booking-form__label {
    display: inline-block;
    margin-bottom: 6px;
    color: #5d534c;
    font-size: .9rem;
    font-weight: 600
}

.booking-form__grid {
    display: grid;
    gap: 12px
}

.booking-form__grid--two {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 12px
}

.booking-form__grid--contact {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 12px
}

.booking-form__date-row {
    display: grid;
    grid-template-columns: minmax(190px, 220px) minmax(0, 1fr);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px
}

.booking-form__date-modes {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px;
    min-width: 0
}

.booking-form__date-inputs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    min-width: 0
}

.booking-form__date-separator {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    color: #6b6058;
    font-weight: 600
}

.booking-choice {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 8px;
    min-width: 0;
    color: #5d534c;
    font-size: 1rem
}

.booking-choice input {
    position: absolute;
    opacity: 0;
    pointer-events: none
}

.booking-choice__mark {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 18px;
    height: 18px;
    border: 1.8px solid #8f3a30;
    border-radius: 999px;
    background: transparent;
    -webkit-transition: background .2s ease, -webkit-box-shadow .2s ease;
    transition: background .2s ease, -webkit-box-shadow .2s ease;
    transition: background .2s ease, box-shadow .2s ease;
    transition: background .2s ease, box-shadow .2s ease, -webkit-box-shadow .2s ease
}

.booking-choice input:checked+.booking-choice__mark {
    background: radial-gradient(circle at center, #7f1013 0 40%, transparent 44%)
}

.booking-field,
.booking-date-input,
.booking-stepper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 44px;
    border: 1.6px solid #a63a2d;
    border-radius: 12px;
    background: #fff7ebb8;
    padding: 0 10px
}

.booking-field--textarea {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    min-height: 80px
}

.booking-field__icon,
.booking-date-input__icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 48px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #8b2b25
}

.booking-field__icon svg,
.booking-date-input__icon svg,
.booking-field__arrow svg,
.booking-form__contact-item svg {
    width: 20px;
    height: 20px
}

.booking-field__control,
.booking-date-input input,
.booking-stepper__value {
    width: 100%;
    min-width: 0;
    border: 0;
    background: transparent;
    color: #3d332f;
    font-size: 1rem;
    outline: none
}

.booking-field__control {
    padding: 0 16px 0 0
}

.booking-field__control::-webkit-input-placeholder,
.booking-date-input input::-webkit-input-placeholder {
    color: #b7aaa1
}

.booking-field__control::-moz-placeholder,
.booking-date-input input::-moz-placeholder {
    color: #b7aaa1
}

.booking-field__control:-ms-input-placeholder,
.booking-date-input input:-ms-input-placeholder {
    color: #b7aaa1
}

.booking-field__control::-ms-input-placeholder,
.booking-date-input input::-ms-input-placeholder {
    color: #b7aaa1
}

.booking-field__control::placeholder,
.booking-date-input input::placeholder {
    color: #b7aaa1
}

.booking-field__control--select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding-right: 8px
}

.booking-field__arrow {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 48px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #6f625b
}

.booking-field__control--textarea {
    min-height: 80px;
    padding: 10px 14px;
    resize: none;
    line-height: 1.45
}

.booking-date-input {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    min-width: 0;
    padding-right: 8px
}

.booking-date-input input {
    padding-right: 0
}

.booking-stepper {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 14px
}

.booking-stepper__button {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 28px;
    height: 28px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 0;
    background: transparent;
    color: #554b45;
    font-size: 1.5rem;
    line-height: 1
}

.booking-stepper__value {
    max-width: 48px;
    text-align: center;
    font-weight: 600
}

.booking-form__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 14px;
    margin-top: 16px
}

.booking-form__contact {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px;
    color: #5d1716;
    font-weight: 700
}

.booking-form__contact-item {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px
}

.booking-form__submit {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 160px;
    min-height: 44px;
    padding: 0 22px;
    border: 0;
    border-radius: 12px;
    background: #7f1013;
    color: #fff;
    font-size: .95rem;
    font-weight: 800
}

.booking-group__title {
    font-size: 1.5rem;
    font-weight: 800;
    line-height: 1.2;
    color: #f97603;
    margin-bottom: 16px
}

.booking-group__body {
    font-size: 1.2rem
}

.tour-section-nav-scroll {
    -ms-overflow-style: none;
    scrollbar-width: none
}

.tour-section-nav-scroll::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0
}

.tour-simple-nav-link {
    border-bottom: 3px solid transparent;
    color: #353535
}

.tour-simple-nav-link.is-active {
    border-bottom-color: #f97316;
    color: #f97316
}

.table-style {
    overflow-x: auto;
    font-size: 1rem
}

.table-style table {
    width: 100%;
    min-width: 780px;
    border-collapse: separate;
    border-spacing: 0;
    border: 1px solid #d1d1d1;
    border-radius: 8px;
    overflow: hidden;
    background: #f3f3f3
}

.table-style table thead th {
    background: #f57c00;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    padding: 10px 8px;
    border-right: 1px solid rgba(255, 255, 255, .35)
}

.table-style table thead th:last-child {
    border-right: 0
}

.table-style table tbody td {
    background: #f3f3f3;
    color: #333;
    line-height: 1.45;
    padding: 12px 10px;
    text-align: center;
    border-top: 1px solid #d8d8d8;
    border-right: 1px solid #d8d8d8;
    vertical-align: middle
}

.table-style table tbody tr td:last-child {
    border-right: 0
}

.itinerary-heading {
    color: #f57c00;
    font-size: 36px;
    font-weight: 800;
    letter-spacing: 0;
    line-height: 1.2;
    text-transform: uppercase
}

.itinerary-day-btn {
    border-radius: 12px;
    font-size: 16px;
    line-height: 1.4;
    padding: 15px 22px
}

.itinerary-day-btn.is-open {
    background: #f57c00;
    color: #fff
}

.itinerary-day-btn:not(.is-open) {
    background: #d9d9d9;
    color: #333
}

.itinerary-day-content {
    color: #333;
    font-size: 22px;
    line-height: 1.8;
    padding: 18px 8px 6px
}

.itinerary-day-content ul {
    list-style: disc;
    margin: 0;
    padding-left: 22px
}

.itinerary-day-content p {
    margin: 0 0 12px
}

@media (max-width: 991.98px) {
    .booking-modal__dialog {
        width: min(96vw, 720px)
    }

    .booking-modal__card {
        padding: 22px;
        border-radius: 28px
    }

    .booking-form__grid--two,
    .booking-form__grid--contact {
        grid-template-columns: 1fr
    }

    .booking-form__date-row {
        grid-template-columns: 1fr;
        gap: 12px
    }

    .booking-form__date-modes {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .booking-form__date-inputs {
        width: 100%
    }

    .booking-choice {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        min-height: 40px
    }

    .booking-date-input {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
        flex: 1 1 0;
        min-width: 0
    }

    .booking-form__date-separator {
        -ms-flex-item-align: center;
        align-self: center
    }

    .booking-form__footer {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }

    .booking-form__submit {
        width: 100%
    }
}

@media (max-width: 766.98px) {
    .booking-modal__dialog {
        width: min(96vw, 560px)
    }

    .booking-modal__card {
        padding: 16px;
        border-radius: 24px
    }

    .booking-modal__close {
        top: 10px;
        right: 10px;
        width: 40px;
        height: 40px
    }

    .booking-modal__intro {
        padding-right: 56px
    }

    .booking-form__date-row {
        gap: 10px
    }

    .booking-form__date-modes,
    .booking-form__date-inputs {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .booking-choice {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 calc(50% - 8px);
        flex: 1 1 calc(50% - 8px)
    }

    .booking-date-input {
        width: 100%;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%
    }

    .booking-form__date-separator {
        width: 100%;
        text-align: center
    }
}

.destination-tour-sidebar {
    overflow: hidden
}

.destination-tour-sidebar__title-wrap {
    padding: 0;
    border-radius: 0 0 28px 28px
}

.destination-tour-sidebar__title {
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 10px 22px 10px 24px;
    border-radius: 0 999px 999px 0;
    background: #f97603;
    color: #fff;
    font-size: 1.65rem;
    font-weight: 800;
    line-height: 1
}

.destination-tour-sidebar__title:before {
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: 10px;
    width: 3px;
    content: "";
    background: #fffc
}

.destination-tour-sidebar__body {
    padding: 22px 0
}

.destination-tour-sidebar__group+.destination-tour-sidebar__group {
    margin-top: 18px
}

.destination-tour-sidebar__group-title {
    display: inline-block;
    margin: 0;
    color: #111;
    font-size: 1.1rem;
    font-weight: 800;
    line-height: 1.35;
    text-decoration: none;
    -webkit-transition: color .2s ease;
    transition: color .2s ease
}

.destination-tour-sidebar__group-title:hover {
    color: #f97603
}

.destination-tour-sidebar__list {
    margin: 5px 0 0;
    padding: 0;
    list-style: none
}

.destination-tour-sidebar__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 4px 0;
    color: #2f2f2f;
    font-size: 1rem;
    line-height: 1.45;
    text-decoration: none;
    -webkit-transition: color .2s ease;
    transition: color .2s ease
}

.destination-tour-sidebar__item:hover .destination-tour-sidebar__item-name {
    color: #f97603
}

.destination-tour-sidebar__item-count {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    color: #111
}

@media (max-width: 1199.98px) {
    .destination-tour-sidebar {
        border-radius: 24px
    }

    .destination-tour-sidebar__title-wrap {
        padding: 16px 18px 0
    }

    .destination-tour-sidebar__title {
        font-size: 1.75rem;
        padding: 9px 18px 9px 22px
    }

    .destination-tour-sidebar__body {
        padding: 14px 18px 18px
    }

    .destination-tour-sidebar__group-title {
        font-size: 1.7rem
    }

    .destination-tour-sidebar__item {
        font-size: 1.45rem;
        line-height: 1.4
    }
}

@media (max-width: 767.98px) {
    .destination-tour-sidebar {
        border-radius: 20px
    }

    .destination-tour-sidebar__title-wrap {
        padding: 14px 14px 0
    }

    .destination-tour-sidebar__title {
        font-size: 1.5rem;
        padding: 8px 14px 8px 18px
    }

    .destination-tour-sidebar__title:before {
        top: 8px;
        bottom: 8px;
        left: 8px;
        width: 2px
    }

    .destination-tour-sidebar__body {
        padding: 12px 14px 16px
    }

    .destination-tour-sidebar__group+.destination-tour-sidebar__group {
        margin-top: 14px
    }

    .destination-tour-sidebar__group-title {
        font-size: 1.4rem;
        line-height: 1.3
    }

    .destination-tour-sidebar__item {
        gap: 8px;
        padding: 5px 0;
        font-size: 1.2rem;
        line-height: 1.35
    }
}

[data-aos=fade-right] {
    -webkit-transform: translate3d(-24px, 0, 0);
    transform: translate3d(-24px, 0, 0)
}

[data-aos=fade-left] {
    -webkit-transform: translate3d(24px, 0, 0);
    transform: translate3d(24px, 0, 0)
}

[data-aos=fade-right].aos-animate,
[data-aos=fade-left].aos-animate {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0)
}

.custom-swiper-container .swiper-pagination-bullet {
    background-color: transparent;
    border: 3px solid var(--g2, #1e5631);
    width: 11px;
    height: 11px;
    opacity: 1
}

.custom-swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: var(--g2, #1e5631);
    width: 14px;
    height: 14px;
    position: relative;
    top: -2px
}

.about-contact-callout {
    position: relative;
    overflow: hidden;
    border-radius: 34px
}

.about-contact-callout__media {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.about-contact-callout__media img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block
}

.about-contact-callout__overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #0009
}

.about-contact-callout__glow {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: radial-gradient(circle at bottom right, rgba(255, 167, 38, .24), transparent 38%)
}

.about-contact-callout__body {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1.75rem;
    color: #fff
}

.about-contact-callout__content {
    max-width: 520px
}

.about-contact-callout__title {
    margin: 0;
    font-size: 1.2rem;
    font-weight: 900;
    color: #f97603;
    line-height: 1.1
}

.about-contact-callout__desc {
    margin: .5rem 0 0;
    font-size: .8rem;
    line-height: 1.85;
    color: #ffffffeb
}

.about-contact-callout__meta {
    margin-top: 1rem;
    display: grid;
    gap: 1rem
}

.about-contact-callout__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: .35rem;
    color: #fff
}

.about-contact-callout__icon {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 2rem;
    color: #f97603;
    font-size: 20px
}

.about-contact-callout__value {
    color: #fffffff2;
    font-weight: 600;
    font-size: 1.1rem
}

.about-contact-callout__value a {
    color: inherit;
    text-decoration: none
}

.about-contact-callout__value a:hover {
    color: #ffd688
}

@media (min-width: 768px) {
    .about-contact-callout__body {
        padding: 2.5rem
    }

    .about-contact-callout__title {
        font-size: 1.3rem
    }
}

*,
: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 / .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: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
}

::-ms-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 / .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: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
}

::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 / .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: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
}

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

:before,
:after {
    --tw-content: ""
}

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

body {
    margin: 0;
    line-height: inherit
}

hr {
    height: 0;
    color: inherit;
    border-top-width: 1px
}

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

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

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

b,
strong {
    font-weight: bolder
}

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

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    -webkit-font-feature-settings: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
    margin: 0;
    padding: 0
}

button,
select {
    text-transform: none
}

button,
input:where([type=button]),
input:where([type=reset]),
input:where([type=submit]) {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none
}

:-moz-focusring {
    outline: auto
}

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

progress {
    vertical-align: baseline
}

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

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

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

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

summary {
    display: list-item
}

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
}

dialog {
    padding: 0
}

textarea {
    resize: vertical
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    opacity: 1;
    color: #9ca3af
}

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

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    opacity: 1;
    color: #9ca3af
}

input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
    opacity: 1;
    color: #9ca3af
}

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

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

:disabled {
    cursor: default
}

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

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

[hidden]:where(:not([hidden=until-found])) {
    display: none
}

[type=text],
input:where(:not([type])),
[type=email],
[type=url],
[type=password],
[type=number],
[type=date],
[type=datetime-local],
[type=month],
[type=search],
[type=tel],
[type=time],
[type=week],
[multiple],
textarea,
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    border-color: #6b7280;
    border-width: 1px;
    border-radius: 0;
    padding: .5rem .75rem;
    font-size: 1rem;
    line-height: 1.5rem;
    --tw-shadow: 0 0 #0000
}

[type=text]:focus,
input:where(:not([type])):focus,
[type=email]:focus,
[type=url]:focus,
[type=password]:focus,
[type=number]:focus,
[type=date]:focus,
[type=datetime-local]:focus,
[type=month]:focus,
[type=search]:focus,
[type=tel]:focus,
[type=time]:focus,
[type=week]:focus,
[multiple]:focus,
textarea:focus,
select:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-inset: var(--tw-empty, );
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: #2563eb;
    --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(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    border-color: #2563eb
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #6b7280;
    opacity: 1
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #6b7280;
    opacity: 1
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #6b7280;
    opacity: 1
}

input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
    color: #6b7280;
    opacity: 1
}

input::placeholder,
textarea::placeholder {
    color: #6b7280;
    opacity: 1
}

::-webkit-datetime-edit-fields-wrapper {
    padding: 0
}

::-webkit-date-and-time-value {
    min-height: 1.5em;
    text-align: inherit
}

::-webkit-datetime-edit {
    display: -webkit-inline-box;
    display: inline-flex
}

::-webkit-datetime-edit,
::-webkit-datetime-edit-year-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-minute-field,
::-webkit-datetime-edit-second-field,
::-webkit-datetime-edit-millisecond-field,
::-webkit-datetime-edit-meridiem-field {
    padding-top: 0;
    padding-bottom: 0
}

select {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
    background-position: right .5rem center;
    background-repeat: no-repeat;
    background-size: 1.5em 1.5em;
    padding-right: 2.5rem;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact
}

[multiple],
[size]:where(select:not([size="1"])) {
    background-image: initial;
    background-position: initial;
    background-repeat: unset;
    background-size: initial;
    padding-right: .75rem;
    -webkit-print-color-adjust: unset;
    print-color-adjust: unset
}

[type=checkbox],
[type=radio] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    display: inline-block;
    vertical-align: middle;
    background-origin: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 1rem;
    width: 1rem;
    color: #2563eb;
    background-color: #fff;
    border-color: #6b7280;
    border-width: 1px;
    --tw-shadow: 0 0 #0000
}

[type=checkbox] {
    border-radius: 0
}

[type=radio] {
    border-radius: 100%
}

[type=checkbox]:focus,
[type=radio]:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-inset: var(--tw-empty, );
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: #2563eb;
    --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(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
}

[type=checkbox]:checked,
[type=radio]:checked {
    border-color: transparent;
    background-color: currentColor;
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat
}

[type=checkbox]:checked {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")
}

@media (forced-colors: active) {
    [type=checkbox]:checked {
        -webkit-appearance: auto;
        -moz-appearance: auto;
        appearance: auto
    }
}

[type=radio]:checked {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e")
}

@media (forced-colors: active) {
    [type=radio]:checked {
        -webkit-appearance: auto;
        -moz-appearance: auto;
        appearance: auto
    }
}

[type=checkbox]:checked:hover,
[type=checkbox]:checked:focus,
[type=radio]:checked:hover,
[type=radio]:checked:focus {
    border-color: transparent;
    background-color: currentColor
}

[type=checkbox]:indeterminate {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
    border-color: transparent;
    background-color: currentColor;
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat
}

@media (forced-colors: active) {
    [type=checkbox]:indeterminate {
        -webkit-appearance: auto;
        -moz-appearance: auto;
        appearance: auto
    }
}

[type=checkbox]:indeterminate:hover,
[type=checkbox]:indeterminate:focus {
    border-color: transparent;
    background-color: currentColor
}

[type=file] {
    background: unset;
    border-color: inherit;
    border-width: 0;
    border-radius: 0;
    padding: 0;
    font-size: unset;
    line-height: inherit
}

[type=file]:focus {
    outline: 1px solid ButtonText;
    outline: 1px auto -webkit-focus-ring-color
}

.\!container {
    width: 100% !important;
    margin-right: auto !important;
    margin-left: auto !important;
    padding-right: 1rem !important;
    padding-left: 1rem !important
}

.container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 1rem;
    padding-left: 1rem
}

@media (min-width: 100%) {
    .\!container {
        max-width: 100% !important;
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .container {
        max-width: 100%;
        padding-right: 1.5rem;
        padding-left: 1.5rem
    }
}

@media (min-width: 1240px) {
    .\!container {
        max-width: 1240px !important
    }

    .container {
        max-width: 1240px
    }
}

.form-input,
.form-textarea,
.form-select,
.form-multiselect {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    border-color: #6b7280;
    border-width: 1px;
    border-radius: 0;
    padding: .5rem .75rem;
    font-size: 1rem;
    line-height: 1.5rem;
    --tw-shadow: 0 0 #0000
}

.form-input:focus,
.form-textarea:focus,
.form-select:focus,
.form-multiselect:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-inset: var(--tw-empty, );
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: #2563eb;
    --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(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    border-color: #2563eb
}

.form-input::-webkit-input-placeholder,
.form-textarea::-webkit-input-placeholder {
    color: #6b7280;
    opacity: 1
}

.form-input::-moz-placeholder,
.form-textarea::-moz-placeholder {
    color: #6b7280;
    opacity: 1
}

.form-input:-ms-input-placeholder,
.form-textarea:-ms-input-placeholder {
    color: #6b7280;
    opacity: 1
}

.form-input::-ms-input-placeholder,
.form-textarea::-ms-input-placeholder {
    color: #6b7280;
    opacity: 1
}

.form-input::placeholder,
.form-textarea::placeholder {
    color: #6b7280;
    opacity: 1
}

.form-input::-webkit-datetime-edit-fields-wrapper {
    padding: 0
}

.form-input::-webkit-date-and-time-value {
    min-height: 1.5em;
    text-align: inherit
}

.form-input::-webkit-datetime-edit {
    display: -webkit-inline-box;
    display: inline-flex
}

.form-input::-webkit-datetime-edit,
.form-input::-webkit-datetime-edit-year-field,
.form-input::-webkit-datetime-edit-month-field,
.form-input::-webkit-datetime-edit-day-field,
.form-input::-webkit-datetime-edit-hour-field,
.form-input::-webkit-datetime-edit-minute-field,
.form-input::-webkit-datetime-edit-second-field,
.form-input::-webkit-datetime-edit-millisecond-field,
.form-input::-webkit-datetime-edit-meridiem-field {
    padding-top: 0;
    padding-bottom: 0
}

.form-select {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
    background-position: right .5rem center;
    background-repeat: no-repeat;
    background-size: 1.5em 1.5em;
    padding-right: 2.5rem;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact
}

.form-select:where([size]:not([size="1"])) {
    background-image: initial;
    background-position: initial;
    background-repeat: unset;
    background-size: initial;
    padding-right: .75rem;
    -webkit-print-color-adjust: unset;
    print-color-adjust: unset
}

.form-control {
    display: block;
    height: 41px;
    width: 100%;
    border-radius: 7px;
    border-width: 0px;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 1rem;
    line-height: 1.5rem;
    --tw-text-opacity: 1;
    color: rgb(17 24 39 / var(--tw-text-opacity, 1));
    outline: 2px solid transparent;
    outline-offset: 2px
}

.form-control::-webkit-input-placeholder {
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity, 1))
}

.form-control::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity, 1))
}

.form-control:-ms-input-placeholder {
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity, 1))
}

.form-control::-ms-input-placeholder {
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity, 1))
}

.form-control::placeholder {
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity, 1))
}

.form-control:focus {
    --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(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-inset: inset;
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(31 77 54 / var(--tw-ring-opacity, 1))
}

.form-control {
    -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, .1);
    box-shadow: 0 0 7px #0000001a
}

textarea.form-control {
    height: auto;
    min-height: 108px;
    resize: vertical;
    padding-top: .75rem;
    padding-bottom: .75rem
}

.global-title {
    margin-top: 20px;
    margin-bottom: 20px;
    color: var(--g6);
    font-size: clamp(1.6rem, 6.5vw, 2.4rem);
    line-height: 1.5;
    font-weight: 800;
    text-transform: capitalize;
    text-align: center
}

@media (max-width: 799.98px) {
    .global-title {
        text-align: justify
    }
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0
}

.visible {
    visibility: visible
}

.collapse {
    visibility: collapse
}

.static {
    position: static
}

.fixed {
    position: fixed
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.sticky {
    position: sticky
}

.inset-0 {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.-inset-y-2 {
    top: -.5rem;
    bottom: -.5rem
}

.inset-x-0 {
    left: 0;
    right: 0
}

.inset-y-0 {
    top: 0;
    bottom: 0
}

.-bottom-2 {
    bottom: -.5rem
}

.-bottom-3 {
    bottom: -.75rem
}

.-left-1 {
    left: -.25rem
}

.-right-5 {
    right: -1.25rem
}

.-top-1 {
    top: -.25rem
}

.-top-5 {
    top: -1.25rem
}

.bottom-0 {
    bottom: 0
}

.bottom-3 {
    bottom: .75rem
}

.bottom-4 {
    bottom: 1rem
}

.bottom-6 {
    bottom: 1.5rem
}

.end-0 {
    inset-inline-end: 0px
}

.left-0 {
    left: 0
}

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

.left-4 {
    left: 1rem
}

.left-\[215px\] {
    left: 215px
}

.right-0 {
    right: 0
}

.right-2 {
    right: .5rem
}

.right-4 {
    right: 1rem
}

.right-6 {
    right: 1.5rem
}

.top-0 {
    top: 0
}

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

.top-2 {
    top: .5rem
}

.top-4 {
    top: 1rem
}

.top-6 {
    top: 1.5rem
}

.top-8 {
    top: 2rem
}

.top-\[0\.75rem\] {
    top: .75rem
}

.top-full {
    top: 100%
}

.z-0 {
    z-index: 0
}

.z-10 {
    z-index: 10
}

.z-20 {
    z-index: 20
}

.z-40 {
    z-index: 40
}

.z-50 {
    z-index: 50
}

.z-\[10\] {
    z-index: 10
}

.z-\[123\] {
    z-index: 123
}

.z-\[1\] {
    z-index: 1
}

.z-\[45\] {
    z-index: 45
}

.z-\[5\] {
    z-index: 5
}

.z-\[80\] {
    z-index: 80
}

.z-\[99999\] {
    z-index: 99999
}

.z-\[9999\] {
    z-index: 9999
}

.order-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.order-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.col-auto {
    grid-column: auto
}

.col-span-1 {
    grid-column: span 1 / span 1
}

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

.col-span-4 {
    grid-column: span 4 / span 4
}

.col-span-8 {
    grid-column: span 8 / span 8
}

.col-span-full {
    grid-column: 1 / -1
}

.float-end {
    float: inline-end
}

.m-0 {
    margin: 0
}

.m-\[14px\] {
    margin: 14px
}

.m-auto {
    margin: auto
}

.-mx-4 {
    margin-left: -1rem;
    margin-right: -1rem
}

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

.mx-2 {
    margin-left: .5rem;
    margin-right: .5rem
}

.mx-4 {
    margin-left: 1rem;
    margin-right: 1rem
}

.mx-\[-1rem\] {
    margin-left: -1rem;
    margin-right: -1rem
}

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

.my-1 {
    margin-top: .25rem;
    margin-bottom: .25rem
}

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

.my-3 {
    margin-top: .75rem;
    margin-bottom: .75rem
}

.my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem
}

.my-6 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem
}

.\!mb-0 {
    margin-bottom: 0 !important
}

.\!mt-\[15px\] {
    margin-top: 15px !important
}

.-ml-px {
    margin-left: -1px
}

.mb-0 {
    margin-bottom: 0
}

.mb-1 {
    margin-bottom: .25rem
}

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

.mb-16 {
    margin-bottom: 4rem
}

.mb-2 {
    margin-bottom: .5rem
}

.mb-3 {
    margin-bottom: .75rem
}

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

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

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

.mb-7 {
    margin-bottom: 1.75rem
}

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

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

.me-1 {
    -webkit-margin-end: .25rem;
    margin-inline-end: .25rem
}

.me-2 {
    -webkit-margin-end: .5rem;
    margin-inline-end: .5rem
}

.me-3 {
    -webkit-margin-end: .75rem;
    margin-inline-end: .75rem
}

.me-4 {
    -webkit-margin-end: 1rem;
    margin-inline-end: 1rem
}

.me-auto {
    -webkit-margin-end: auto;
    margin-inline-end: auto
}

.ml-1 {
    margin-left: .25rem
}

.ml-2 {
    margin-left: .5rem
}

.ml-3 {
    margin-left: .75rem
}

.ml-4 {
    margin-left: 1rem
}

.mr-1 {
    margin-right: .25rem
}

.mr-2 {
    margin-right: .5rem
}

.mr-3 {
    margin-right: .75rem
}

.mr-4 {
    margin-right: 1rem
}

.ms-1 {
    -webkit-margin-start: .25rem;
    margin-inline-start: .25rem
}

.ms-2 {
    -webkit-margin-start: .5rem;
    margin-inline-start: .5rem
}

.ms-3 {
    -webkit-margin-start: .75rem;
    margin-inline-start: .75rem
}

.ms-auto {
    -webkit-margin-start: auto;
    margin-inline-start: auto
}

.mt-0\.5 {
    margin-top: .125rem
}

.mt-1 {
    margin-top: .25rem
}

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

.mt-14 {
    margin-top: 3.5rem
}

.mt-2 {
    margin-top: .5rem
}

.mt-3 {
    margin-top: .75rem
}

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

.mt-5 {
    margin-top: 1.25rem
}

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

.mt-7 {
    margin-top: 1.75rem
}

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

.mt-\[-1rem\] {
    margin-top: -1rem
}

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

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

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

.mt-auto {
    margin-top: auto
}

.box-border {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.box-content {
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.line-clamp-3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.inline {
    display: inline
}

.\!flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important
}

.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.inline-flex {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.table {
    display: table
}

.table-cell {
    display: table-cell
}

.table-row {
    display: table-row
}

.grid {
    display: grid
}

.contents {
    display: contents
}

.hidden {
    display: none
}

.aspect-\[157\/84\] {
    aspect-ratio: 157/84
}

.aspect-\[375\/405\] {
    aspect-ratio: 375/405
}

.aspect-\[381\/236\] {
    aspect-ratio: 381/236
}

.aspect-\[4\/3\] {
    aspect-ratio: 4/3
}

.aspect-\[455\/373\] {
    aspect-ratio: 455/373
}

.aspect-\[580\/550\] {
    aspect-ratio: 580/550
}

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

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

.size-28 {
    width: 7rem;
    height: 7rem
}

.\!h-10 {
    height: 2.5rem !important
}

.\!h-14 {
    height: 3.5rem !important
}

.\!h-\[40px\] {
    height: 40px !important
}

.\!h-auto {
    height: auto !important
}

.h-0 {
    height: 0px
}

.h-1 {
    height: .25rem
}

.h-10 {
    height: 2.5rem
}

.h-11 {
    height: 2.75rem
}

.h-12 {
    height: 3rem
}

.h-14 {
    height: 3.5rem
}

.h-16 {
    height: 4rem
}

.h-2 {
    height: .5rem
}

.h-20 {
    height: 5rem
}

.h-24 {
    height: 6rem
}

.h-3 {
    height: .75rem
}

.h-4 {
    height: 1rem
}

.h-5 {
    height: 1.25rem
}

.h-6 {
    height: 1.5rem
}

.h-64 {
    height: 16rem
}

.h-72 {
    height: 18rem
}

.h-8 {
    height: 2rem
}

.h-80 {
    height: 20rem
}

.h-96 {
    height: 24rem
}

.h-\[100px\] {
    height: 100px
}

.h-\[100vh\] {
    height: 100vh
}

.h-\[145px\] {
    height: 145px
}

.h-\[258px\] {
    height: 258px
}

.h-\[280px\] {
    height: 280px
}

.h-\[300px\] {
    height: 300px
}

.h-\[32px\] {
    height: 32px
}

.h-\[370px\] {
    height: 370px
}

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

.h-\[41px\] {
    height: 41px
}

.h-\[48px\] {
    height: 48px
}

.h-\[4px\] {
    height: 4px
}

.h-\[544px\] {
    height: 544px
}

.h-\[56px\] {
    height: 56px
}

.h-\[58px\] {
    height: 58px
}

.h-\[60px\] {
    height: 60px
}

.h-\[68px\] {
    height: 68px
}

.h-\[72px\] {
    height: 72px
}

.h-\[82px\] {
    height: 82px
}

.h-\[84px\] {
    height: 84px
}

.h-\[88px\] {
    height: 88px
}

.h-\[96px\] {
    height: 96px
}

.h-auto {
    height: auto
}

.h-fit {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

.h-full {
    height: 100%
}

.max-h-64 {
    max-height: 16rem
}

.max-h-96 {
    max-height: 24rem
}

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

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

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

.max-h-\[calc\(90vh-120px\)\] {
    max-height: calc(90vh - 120px)
}

.max-h-fit {
    max-height: -webkit-fit-content;
    max-height: -moz-fit-content;
    max-height: fit-content
}

.min-h-\[100px\] {
    min-height: 100px
}

.min-h-\[108px\] {
    min-height: 108px
}

.min-h-\[240px\] {
    min-height: 240px
}

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

.min-h-full {
    min-height: 100%
}

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

.\!w-10 {
    width: 2.5rem !important
}

.\!w-14 {
    width: 3.5rem !important
}

.w-0 {
    width: 0px
}

.w-1 {
    width: .25rem
}

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

.w-10 {
    width: 2.5rem
}

.w-11 {
    width: 2.75rem
}

.w-12 {
    width: 3rem
}

.w-14 {
    width: 3.5rem
}

.w-16 {
    width: 4rem
}

.w-2 {
    width: .5rem
}

.w-24 {
    width: 6rem
}

.w-3 {
    width: .75rem
}

.w-4 {
    width: 1rem
}

.w-5 {
    width: 1.25rem
}

.w-6 {
    width: 1.5rem
}

.w-64 {
    width: 16rem
}

.w-7 {
    width: 1.75rem
}

.w-8 {
    width: 2rem
}

.w-80 {
    width: 20rem
}

.w-\[100px\] {
    width: 100px
}

.w-\[151px\] {
    width: 151px
}

.w-\[164px\] {
    width: 164px
}

.w-\[1px\] {
    width: 1px
}

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

.w-\[244px\] {
    width: 244px
}

.w-\[24px\] {
    width: 24px
}

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

.w-\[46px\] {
    width: 46px
}

.w-\[48px\] {
    width: 48px
}

.w-\[56px\] {
    width: 56px
}

.w-\[58px\] {
    width: 58px
}

.w-\[72px\] {
    width: 72px
}

.w-\[78\%\] {
    width: 78%
}

.w-\[80px\] {
    width: 80px
}

.w-\[82px\] {
    width: 82px
}

.w-\[84px\] {
    width: 84px
}

.w-\[88px\] {
    width: 88px
}

.w-\[95px\] {
    width: 95px
}

.w-\[96px\] {
    width: 96px
}

.w-\[calc\(100\%\+2rem\)\] {
    width: calc(100% + 2rem)
}

.w-\[min\(100\%\,343px\)\] {
    width: min(100%, 343px)
}

.w-full {
    width: 100%
}

.w-max {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.min-w-0 {
    min-width: 0px
}

.min-w-10 {
    min-width: 2.5rem
}

.min-w-11 {
    min-width: 2.75rem
}

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

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

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

.min-w-\[2\.5rem\] {
    min-width: 2.5rem
}

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

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

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

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

.min-w-full {
    min-width: 100%
}

.min-w-max {
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content
}

.max-w-2xl {
    max-width: 42rem
}

.max-w-4xl {
    max-width: 56rem
}

.max-w-6xl {
    max-width: 72rem
}

.max-w-7xl {
    max-width: 80rem
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.max-w-full {
    max-width: 100%
}

.max-w-md {
    max-width: 28rem
}

.max-w-none {
    max-width: none
}

.max-w-xs {
    max-width: 20rem
}

.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%
}

.flex-none {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.flex-shrink {
    -ms-flex-negative: 1;
    flex-shrink: 1
}

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

.\!shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important
}

.shrink {
    -ms-flex-negative: 1;
    flex-shrink: 1
}

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

.flex-grow {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.border-collapse {
    border-collapse: collapse
}

.-translate-x-1\/2 {
    --tw-translate-x: -50%;
    -webkit-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: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(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%;
    -webkit-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: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-x-full {
    --tw-translate-x: 100%;
    -webkit-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: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-rotate-90 {
    --tw-rotate: -90deg;
    -webkit-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: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rotate-0 {
    --tw-rotate: 0deg;
    -webkit-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: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rotate-180 {
    --tw-rotate: 180deg;
    -webkit-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: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.scale-100 {
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    -webkit-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: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.scale-95 {
    --tw-scale-x: .95;
    --tw-scale-y: .95;
    -webkit-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: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.transform {
    -webkit-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: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

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

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

.animate-spin {
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite
}

.cursor-default {
    cursor: default
}

.cursor-not-allowed {
    cursor: not-allowed
}

.cursor-pointer {
    cursor: pointer
}

.select-none {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.resize-none {
    resize: none
}

.resize {
    resize: both
}

.snap-x {
    -ms-scroll-snap-type: x var(--tw-scroll-snap-strictness);
    scroll-snap-type: x var(--tw-scroll-snap-strictness)
}

.snap-mandatory {
    --tw-scroll-snap-strictness: mandatory
}

.snap-always {
    scroll-snap-stop: always
}

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

.scroll-p-4 {
    scroll-padding: 1rem
}

.list-inside {
    list-style-position: inside
}

.list-outside {
    list-style-position: outside
}

.list-decimal {
    list-style-type: decimal
}

.appearance-none {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.grid-flow-col {
    grid-auto-flow: column
}

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

.grid-cols-12 {
    grid-template-columns: repeat(12, 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))
}

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

.grid-cols-\[24px_minmax\(0\,1fr\)\] {
    grid-template-columns: 24px minmax(0, 1fr)
}

.grid-cols-\[auto_minmax\(0\,1fr\)\] {
    grid-template-columns: auto minmax(0, 1fr)
}

.grid-cols-\[minmax\(0\,1fr\)_24px_minmax\(0\,1fr\)_24px_minmax\(0\,1fr\)\] {
    grid-template-columns: minmax(0, 1fr) 24px minmax(0, 1fr) 24px minmax(0, 1fr)
}

.flex-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.flex-col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

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

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

.items-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.items-end {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.items-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.justify-start {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.justify-end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.justify-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.justify-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.justify-items-center {
    justify-items: center
}

.gap-0 {
    gap: 0px
}

.gap-1 {
    gap: .25rem
}

.gap-10 {
    gap: 2.5rem
}

.gap-2 {
    gap: .5rem
}

.gap-3 {
    gap: .75rem
}

.gap-4 {
    gap: 1rem
}

.gap-5 {
    gap: 1.25rem
}

.gap-6 {
    gap: 1.5rem
}

.gap-8 {
    gap: 2rem
}

.gap-x-5 {
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem
}

.gap-y-2 {
    row-gap: .5rem
}

.gap-y-4 {
    row-gap: 1rem
}

.space-x-2>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(.5rem * var(--tw-space-x-reverse));
    margin-left: calc(.5rem * calc(1 - var(--tw-space-x-reverse)))
}

.space-x-3>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(.75rem * var(--tw-space-x-reverse));
    margin-left: calc(.75rem * calc(1 - var(--tw-space-x-reverse)))
}

.space-x-4>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(1rem * var(--tw-space-x-reverse));
    margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)))
}

.space-x-8>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(2rem * var(--tw-space-x-reverse));
    margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)))
}

.space-y-1>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(.25rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(.25rem * var(--tw-space-y-reverse))
}

.space-y-14>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(3.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(3.5rem * var(--tw-space-y-reverse))
}

.space-y-2>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(.5rem * var(--tw-space-y-reverse))
}

.space-y-20>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(5rem * var(--tw-space-y-reverse))
}

.space-y-3>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(.75rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(.75rem * var(--tw-space-y-reverse))
}

.space-y-3\.5>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(.875rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(.875rem * var(--tw-space-y-reverse))
}

.space-y-4>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1rem * var(--tw-space-y-reverse))
}

.space-y-5>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.25rem * var(--tw-space-y-reverse))
}

.space-y-6>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.5rem * var(--tw-space-y-reverse))
}

.space-y-8>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(2rem * var(--tw-space-y-reverse))
}

.divide-x>:not([hidden])~:not([hidden]) {
    --tw-divide-x-reverse: 0;
    border-right-width: calc(1px * var(--tw-divide-x-reverse));
    border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)))
}

.divide-y>:not([hidden])~:not([hidden]) {
    --tw-divide-y-reverse: 0;
    border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
    border-bottom-width: calc(1px * var(--tw-divide-y-reverse))
}

.divide-\[\#8e8e8e\]>:not([hidden])~:not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(142 142 142 / var(--tw-divide-opacity, 1))
}

.divide-\[\#e5e5e5\]>:not([hidden])~:not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(229 229 229 / var(--tw-divide-opacity, 1))
}

.divide-gray-100>:not([hidden])~:not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(243 244 246 / var(--tw-divide-opacity, 1))
}

.divide-gray-200>:not([hidden])~:not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(229 231 235 / var(--tw-divide-opacity, 1))
}

.divide-white\/25>:not([hidden])~:not([hidden]) {
    border-color: #ffffff40
}

.self-start {
    -ms-flex-item-align: start;
    align-self: flex-start
}

.overflow-hidden {
    overflow: hidden
}

.overflow-scroll {
    overflow: scroll
}

.overflow-x-auto {
    overflow-x: auto
}

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

.overflow-x-hidden {
    overflow-x: hidden
}

.overflow-y-hidden {
    overflow-y: hidden
}

.scroll-smooth {
    scroll-behavior: smooth
}

.truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.whitespace-normal {
    white-space: normal
}

.whitespace-nowrap {
    white-space: nowrap
}

.text-nowrap {
    text-wrap: nowrap
}

.break-words {
    overflow-wrap: break-word
}

.break-all {
    word-break: break-all
}

.\!rounded-\[200px\] {
    border-radius: 200px !important
}

.\!rounded-\[4px\] {
    border-radius: 4px !important
}

.\!rounded-full {
    border-radius: 9999px !important
}

.\!rounded-lg {
    border-radius: .5rem !important
}

.\!rounded-none {
    border-radius: 0 !important
}

.rounded {
    border-radius: .25rem
}

.rounded-2xl {
    border-radius: 1rem
}

.rounded-\[0_0_30px_30px\] {
    border-radius: 0 0 30px 30px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.rounded-lg {
    border-radius: .5rem
}

.rounded-md {
    border-radius: .375rem
}

.rounded-xl {
    border-radius: .75rem
}

.\!rounded-t {
    border-top-left-radius: .25rem !important;
    border-top-right-radius: .25rem !important
}

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

.rounded-b-lg {
    border-bottom-right-radius: .5rem;
    border-bottom-left-radius: .5rem
}

.rounded-b-xl {
    border-bottom-right-radius: .75rem;
    border-bottom-left-radius: .75rem
}

.rounded-l-lg {
    border-top-left-radius: .5rem;
    border-bottom-left-radius: .5rem
}

.rounded-l-md {
    border-top-left-radius: .375rem;
    border-bottom-left-radius: .375rem
}

.rounded-r-md {
    border-top-right-radius: .375rem;
    border-bottom-right-radius: .375rem
}

.rounded-t-lg {
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem
}

.rounded-t-xl {
    border-top-left-radius: .75rem;
    border-top-right-radius: .75rem
}

.rounded-bl-none {
    border-bottom-left-radius: 0
}

.rounded-br-lg {
    border-bottom-right-radius: .5rem
}

.rounded-tl-none {
    border-top-left-radius: 0
}

.border {
    border-width: 1px
}

.border-0 {
    border-width: 0px
}

.border-2 {
    border-width: 2px
}

.border-4 {
    border-width: 4px
}

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

.border-\[6px\] {
    border-width: 6px
}

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

.border-b-2 {
    border-bottom-width: 2px
}

.border-l {
    border-left-width: 1px
}

.border-l-4 {
    border-left-width: 4px
}

.border-l-\[3px\] {
    border-left-width: 3px
}

.border-l-\[8px\] {
    border-left-width: 8px
}

.border-r {
    border-right-width: 1px
}

.border-r-\[8px\] {
    border-right-width: 8px
}

.border-t {
    border-top-width: 1px
}

.border-t-2 {
    border-top-width: 2px
}

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

.border-dashed {
    border-style: dashed
}

.\!border-none {
    border-style: none !important
}

.border-none {
    border-style: none
}

.border-\[\#d7c7ab\] {
    --tw-border-opacity: 1;
    border-color: rgb(215 199 171 / var(--tw-border-opacity, 1))
}

.border-\[\#d7dbe3\] {
    --tw-border-opacity: 1;
    border-color: rgb(215 219 227 / var(--tw-border-opacity, 1))
}

.border-\[\#ded5c7\] {
    --tw-border-opacity: 1;
    border-color: rgb(222 213 199 / var(--tw-border-opacity, 1))
}

.border-\[\#dedede\] {
    --tw-border-opacity: 1;
    border-color: rgb(222 222 222 / var(--tw-border-opacity, 1))
}

.border-\[\#e4d6bc\] {
    --tw-border-opacity: 1;
    border-color: rgb(228 214 188 / var(--tw-border-opacity, 1))
}

.border-\[\#e5d8bf\] {
    --tw-border-opacity: 1;
    border-color: rgb(229 216 191 / var(--tw-border-opacity, 1))
}

.border-\[\#e5d8c4\] {
    --tw-border-opacity: 1;
    border-color: rgb(229 216 196 / var(--tw-border-opacity, 1))
}

.border-\[\#e5e5e5\] {
    --tw-border-opacity: 1;
    border-color: rgb(229 229 229 / var(--tw-border-opacity, 1))
}

.border-\[\#e8dbc8\] {
    --tw-border-opacity: 1;
    border-color: rgb(232 219 200 / var(--tw-border-opacity, 1))
}

.border-\[\#e8dcc5\] {
    --tw-border-opacity: 1;
    border-color: rgb(232 220 197 / var(--tw-border-opacity, 1))
}

.border-\[\#eadbc3\] {
    --tw-border-opacity: 1;
    border-color: rgb(234 219 195 / var(--tw-border-opacity, 1))
}

.border-\[\#eadcc6\] {
    --tw-border-opacity: 1;
    border-color: rgb(234 220 198 / var(--tw-border-opacity, 1))
}

.border-\[\#eadfcd\] {
    --tw-border-opacity: 1;
    border-color: rgb(234 223 205 / var(--tw-border-opacity, 1))
}

.border-\[\#eadfce\] {
    --tw-border-opacity: 1;
    border-color: rgb(234 223 206 / var(--tw-border-opacity, 1))
}

.border-\[\#eadfcf\] {
    --tw-border-opacity: 1;
    border-color: rgb(234 223 207 / var(--tw-border-opacity, 1))
}

.border-\[\#ebdfcc\] {
    --tw-border-opacity: 1;
    border-color: rgb(235 223 204 / var(--tw-border-opacity, 1))
}

.border-\[\#eee3d2\] {
    --tw-border-opacity: 1;
    border-color: rgb(238 227 210 / var(--tw-border-opacity, 1))
}

.border-\[\#efe2cf\] {
    --tw-border-opacity: 1;
    border-color: rgb(239 226 207 / var(--tw-border-opacity, 1))
}

.border-\[\#f3d7d8\] {
    --tw-border-opacity: 1;
    border-color: rgb(243 215 216 / var(--tw-border-opacity, 1))
}

.border-\[\#f8d06e\] {
    --tw-border-opacity: 1;
    border-color: rgb(248 208 110 / var(--tw-border-opacity, 1))
}

.border-\[var\(--g1\)\] {
    border-color: var(--g1)
}

.border-blue-200 {
    --tw-border-opacity: 1;
    border-color: rgb(191 219 254 / var(--tw-border-opacity, 1))
}

.border-blue-300 {
    --tw-border-opacity: 1;
    border-color: rgb(147 197 253 / var(--tw-border-opacity, 1))
}

.border-blue-500 {
    --tw-border-opacity: 1;
    border-color: rgb(59 130 246 / var(--tw-border-opacity, 1))
}

.border-blue-600 {
    --tw-border-opacity: 1;
    border-color: rgb(37 99 235 / var(--tw-border-opacity, 1))
}

.border-gray-100 {
    --tw-border-opacity: 1;
    border-color: rgb(243 244 246 / var(--tw-border-opacity, 1))
}

.border-gray-200 {
    --tw-border-opacity: 1;
    border-color: rgb(229 231 235 / var(--tw-border-opacity, 1))
}

.border-gray-300 {
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--tw-border-opacity, 1))
}

.border-green-200 {
    --tw-border-opacity: 1;
    border-color: rgb(187 247 208 / var(--tw-border-opacity, 1))
}

.border-green-300 {
    --tw-border-opacity: 1;
    border-color: rgb(134 239 172 / var(--tw-border-opacity, 1))
}

.border-orange-200 {
    --tw-border-opacity: 1;
    border-color: rgb(254 215 170 / var(--tw-border-opacity, 1))
}

.border-orange-300 {
    --tw-border-opacity: 1;
    border-color: rgb(253 186 116 / var(--tw-border-opacity, 1))
}

.border-orange-500 {
    --tw-border-opacity: 1;
    border-color: rgb(249 115 22 / var(--tw-border-opacity, 1))
}

.border-red-200 {
    --tw-border-opacity: 1;
    border-color: rgb(254 202 202 / var(--tw-border-opacity, 1))
}

.border-red-300 {
    --tw-border-opacity: 1;
    border-color: rgb(252 165 165 / var(--tw-border-opacity, 1))
}

.border-red-500 {
    --tw-border-opacity: 1;
    border-color: rgb(239 68 68 / var(--tw-border-opacity, 1))
}

.border-transparent {
    border-color: transparent
}

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

.border-white\/20 {
    border-color: #fff3
}

.border-white\/70 {
    border-color: #ffffffb3
}

.border-white\/80 {
    border-color: #fffc
}

.border-yellow-600 {
    --tw-border-opacity: 1;
    border-color: rgb(202 138 4 / var(--tw-border-opacity, 1))
}

.border-l-transparent {
    border-left-color: transparent
}

.border-r-transparent {
    border-right-color: transparent
}

.border-t-blue-400 {
    --tw-border-opacity: 1;
    border-top-color: rgb(96 165 250 / var(--tw-border-opacity, 1))
}

.\!bg-black\/70 {
    background-color: #000000b3 !important
}

.\!bg-brand-primary {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1)) !important
}

.bg-\[\#0880E1\] {
    --tw-bg-opacity: 1;
    background-color: rgb(8 128 225 / var(--tw-bg-opacity, 1))
}

.bg-\[\#8b1116\] {
    --tw-bg-opacity: 1;
    background-color: rgb(139 17 22 / var(--tw-bg-opacity, 1))
}

.bg-\[\#EBEDEF\] {
    --tw-bg-opacity: 1;
    background-color: rgb(235 237 239 / var(--tw-bg-opacity, 1))
}

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

.bg-\[\#F4F3EF\] {
    --tw-bg-opacity: 1;
    background-color: rgb(244 243 239 / var(--tw-bg-opacity, 1))
}

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

.bg-\[\#efe8dc\] {
    --tw-bg-opacity: 1;
    background-color: rgb(239 232 220 / var(--tw-bg-opacity, 1))
}

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

.bg-\[\#f1e9d8\] {
    --tw-bg-opacity: 1;
    background-color: rgb(241 233 216 / var(--tw-bg-opacity, 1))
}

.bg-\[\#f1ece2\] {
    --tw-bg-opacity: 1;
    background-color: rgb(241 236 226 / var(--tw-bg-opacity, 1))
}

.bg-\[\#f2e9db\] {
    --tw-bg-opacity: 1;
    background-color: rgb(242 233 219 / var(--tw-bg-opacity, 1))
}

.bg-\[\#f4ecd8\] {
    --tw-bg-opacity: 1;
    background-color: rgb(244 236 216 / var(--tw-bg-opacity, 1))
}

.bg-\[\#f57c00\] {
    --tw-bg-opacity: 1;
    background-color: rgb(245 124 0 / var(--tw-bg-opacity, 1))
}

.bg-\[\#f7eddf\] {
    --tw-bg-opacity: 1;
    background-color: rgb(247 237 223 / var(--tw-bg-opacity, 1))
}

.bg-\[\#faf7f1\] {
    --tw-bg-opacity: 1;
    background-color: rgb(250 247 241 / var(--tw-bg-opacity, 1))
}

.bg-\[\#fcfaf5\] {
    --tw-bg-opacity: 1;
    background-color: rgb(252 250 245 / var(--tw-bg-opacity, 1))
}

.bg-\[\#fff5f0\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 245 240 / var(--tw-bg-opacity, 1))
}

.bg-\[\#fff9f6\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 249 246 / var(--tw-bg-opacity, 1))
}

.bg-\[var\(--g1\)\] {
    background-color: var(--g1)
}

.bg-\[var\(--g2\)\] {
    background-color: var(--g2)
}

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

.bg-black\/30 {
    background-color: #0000004d
}

.bg-black\/40 {
    background-color: #0006
}

.bg-black\/50 {
    background-color: #00000080
}

.bg-black\/75 {
    background-color: #000000bf
}

.bg-black\/80 {
    background-color: #000c
}

.bg-blue-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1))
}

.bg-blue-300 {
    --tw-bg-opacity: 1;
    background-color: rgb(147 197 253 / var(--tw-bg-opacity, 1))
}

.bg-blue-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(96 165 250 / var(--tw-bg-opacity, 1))
}

.bg-blue-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1))
}

.bg-blue-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1))
}

.bg-blue-600,
.bg-brand-primary {
    --tw-bg-opacity: 1;
    background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1))
}

.bg-gray-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1))
}

.bg-gray-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1))
}

.bg-gray-300 {
    --tw-bg-opacity: 1;
    background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1))
}

.bg-gray-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1))
}

.bg-gray-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(107 114 128 / var(--tw-bg-opacity, 1))
}

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

.bg-gray-800 {
    --tw-bg-opacity: 1;
    background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1))
}

.bg-green-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1))
}

.bg-green-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(74 222 128 / var(--tw-bg-opacity, 1))
}

.bg-green-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(240 253 244 / var(--tw-bg-opacity, 1))
}

.bg-green-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1))
}

.bg-green-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1))
}

.bg-green-700 {
    --tw-bg-opacity: 1;
    background-color: rgb(21 128 61 / var(--tw-bg-opacity, 1))
}

.bg-green-800 {
    --tw-bg-opacity: 1;
    background-color: rgb(22 101 52 / var(--tw-bg-opacity, 1))
}

.bg-orange-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(255 237 213 / var(--tw-bg-opacity, 1))
}

.bg-orange-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(254 215 170 / var(--tw-bg-opacity, 1))
}

.bg-orange-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(255 247 237 / var(--tw-bg-opacity, 1))
}

.bg-primary {
    --tw-bg-opacity: 1;
    background-color: rgb(30 86 49 / var(--tw-bg-opacity, 1))
}

.bg-primary-dark {
    --tw-bg-opacity: 1;
    background-color: rgb(82 9 10 / var(--tw-bg-opacity, 1))
}

.bg-purple-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(243 232 255 / var(--tw-bg-opacity, 1))
}

.bg-purple-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(147 51 234 / var(--tw-bg-opacity, 1))
}

.bg-red-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1))
}

.bg-red-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(248 113 113 / var(--tw-bg-opacity, 1))
}

.bg-red-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1))
}

.bg-red-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1))
}

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

.bg-red-800 {
    --tw-bg-opacity: 1;
    background-color: rgb(153 27 27 / var(--tw-bg-opacity, 1))
}

.bg-slate-900 {
    --tw-bg-opacity: 1;
    background-color: rgb(15 23 42 / var(--tw-bg-opacity, 1))
}

.bg-surface-brand-light {
    --tw-bg-opacity: 1;
    background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1))
}

.bg-surface-tertiary {
    --tw-bg-opacity: 1;
    background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1))
}

.bg-transparent {
    background-color: transparent
}

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

.bg-white\/10 {
    background-color: #ffffff1a
}

.bg-white\/30 {
    background-color: #ffffff4d
}

.bg-white\/90 {
    background-color: #ffffffe6
}

.bg-white\/95 {
    background-color: #fffffff2
}

.bg-yellow-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(254 249 195 / var(--tw-bg-opacity, 1))
}

.bg-yellow-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(250 204 21 / var(--tw-bg-opacity, 1))
}

.bg-yellow-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(254 252 232 / var(--tw-bg-opacity, 1))
}

.bg-opacity-10 {
    --tw-bg-opacity: .1
}

.bg-opacity-20 {
    --tw-bg-opacity: .2
}

.bg-opacity-30 {
    --tw-bg-opacity: .3
}

.bg-opacity-50 {
    --tw-bg-opacity: .5
}

.bg-opacity-70 {
    --tw-bg-opacity: .7
}

.bg-\[linear-gradient\(180deg\,\#fffdf9_0\%\,\#fff8f0_100\%\)\] {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fffdf9), to(#fff8f0));
    background-image: linear-gradient(180deg, #fffdf9, #fff8f0)
}

.bg-gradient-to-b {
    background-image: -webkit-gradient(linear, left top, left bottom, from(var(--tw-gradient-stops)));
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops))
}

.bg-gradient-to-br {
    background-image: -webkit-gradient(linear, left top, right bottom, from(var(--tw-gradient-stops)));
    background-image: linear-gradient(to bottom right, var(--tw-gradient-stops))
}

.bg-gradient-to-r {
    background-image: -webkit-gradient(linear, left top, right top, from(var(--tw-gradient-stops)));
    background-image: linear-gradient(to right, var(--tw-gradient-stops))
}

.bg-gradient-to-t {
    background-image: -webkit-gradient(linear, left bottom, left top, from(var(--tw-gradient-stops)));
    background-image: linear-gradient(to top, var(--tw-gradient-stops))
}

.from-\[\#3B82F6\] {
    --tw-gradient-from: #3B82F6 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-\[\#f7efcf\] {
    --tw-gradient-from: #f7efcf var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(247 239 207 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-black\/70 {
    --tw-gradient-from: rgb(0 0 0 / .7) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-black\/75 {
    --tw-gradient-from: rgb(0 0 0 / .75) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-blue-500 {
    --tw-gradient-from: #3b82f6 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-blue-600 {
    --tw-gradient-from: #2563eb var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(37 99 235 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-blue-900 {
    --tw-gradient-from: #1e3a8a var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(30 58 138 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-gray-100 {
    --tw-gradient-from: #f3f4f6 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(243 244 246 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-green-500 {
    --tw-gradient-from: #22c55e var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(34 197 94 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-orange-100 {
    --tw-gradient-from: #ffedd5 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 237 213 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-orange-50 {
    --tw-gradient-from: #fff7ed var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 247 237 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-orange-500 {
    --tw-gradient-from: #f97316 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(249 115 22 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-red-500 {
    --tw-gradient-from: #ef4444 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(239 68 68 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-transparent {
    --tw-gradient-from: transparent var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-yellow-500 {
    --tw-gradient-from: #eab308 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(234 179 8 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.via-\[\#3B82F6\] {
    --tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #3B82F6 var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.via-black\/15 {
    --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(0 0 0 / .15) var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.via-black\/20 {
    --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(0 0 0 / .2) var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.via-black\/50 {
    --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(0 0 0 / .5) var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.via-white {
    --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #fff var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.to-\[\#6EE7B7\] {
    --tw-gradient-to: #6EE7B7 var(--tw-gradient-to-position)
}

.to-\[\#f2e5b4\] {
    --tw-gradient-to: #f2e5b4 var(--tw-gradient-to-position)
}

.to-black\/35 {
    --tw-gradient-to: rgb(0 0 0 / .35) var(--tw-gradient-to-position)
}

.to-blue-600 {
    --tw-gradient-to: #2563eb var(--tw-gradient-to-position)
}

.to-blue-700 {
    --tw-gradient-to: #1d4ed8 var(--tw-gradient-to-position)
}

.to-gray-200 {
    --tw-gradient-to: #e5e7eb var(--tw-gradient-to-position)
}

.to-green-600 {
    --tw-gradient-to: #16a34a var(--tw-gradient-to-position)
}

.to-orange-100 {
    --tw-gradient-to: #ffedd5 var(--tw-gradient-to-position)
}

.to-orange-200 {
    --tw-gradient-to: #fed7aa var(--tw-gradient-to-position)
}

.to-orange-600 {
    --tw-gradient-to: #ea580c var(--tw-gradient-to-position)
}

.to-purple-600 {
    --tw-gradient-to: #9333ea var(--tw-gradient-to-position)
}

.to-red-600 {
    --tw-gradient-to: #dc2626 var(--tw-gradient-to-position)
}

.to-transparent {
    --tw-gradient-to: transparent var(--tw-gradient-to-position)
}

.to-yellow-50 {
    --tw-gradient-to: #fefce8 var(--tw-gradient-to-position)
}

.to-yellow-600 {
    --tw-gradient-to: #ca8a04 var(--tw-gradient-to-position)
}

.bg-cover {
    background-size: cover
}

.bg-clip-text {
    -webkit-background-clip: text;
    background-clip: text
}

.bg-center {
    background-position: center
}

.bg-no-repeat {
    background-repeat: no-repeat
}

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

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

.object-center {
    -o-object-position: center;
    object-position: center
}

.\!p-0 {
    padding: 0 !important
}

.p-0 {
    padding: 0
}

.p-1 {
    padding: .25rem
}

.p-1\.5 {
    padding: .375rem
}

.p-10 {
    padding: 2.5rem
}

.p-2 {
    padding: .5rem
}

.p-3 {
    padding: .75rem
}

.p-4 {
    padding: 1rem
}

.p-5 {
    padding: 1.25rem
}

.p-6 {
    padding: 1.5rem
}

.p-8 {
    padding: 2rem
}

.p-\[2px\] {
    padding: 2px
}

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

.\!py-\[6px\] {
    padding-top: 6px !important;
    padding-bottom: 6px !important
}

.px-0 {
    padding-left: 0;
    padding-right: 0
}

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

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

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

.px-3 {
    padding-left: .75rem;
    padding-right: .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-7 {
    padding-left: 1.75rem;
    padding-right: 1.75rem
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.\!pb-8 {
    padding-bottom: 2rem !important
}

.pb-0 {
    padding-bottom: 0
}

.pb-1 {
    padding-bottom: .25rem
}

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

.pb-2 {
    padding-bottom: .5rem
}

.pb-20 {
    padding-bottom: 5rem
}

.pb-3 {
    padding-bottom: .75rem
}

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

.pb-5 {
    padding-bottom: 1.25rem
}

.pb-6 {
    padding-bottom: 1.5rem
}

.pb-8 {
    padding-bottom: 2rem
}

.pb-\[30px\] {
    padding-bottom: 30px
}

.pe-2 {
    -webkit-padding-end: .5rem;
    padding-inline-end: .5rem
}

.pe-3 {
    -webkit-padding-end: .75rem;
    padding-inline-end: .75rem
}

.pl-0 {
    padding-left: 0
}

.pl-2 {
    padding-left: .5rem
}

.pl-3 {
    padding-left: .75rem
}

.pl-4 {
    padding-left: 1rem
}

.pl-6 {
    padding-left: 1.5rem
}

.pl-7 {
    padding-left: 1.75rem
}

.pl-\[52px\] {
    padding-left: 52px
}

.pr-12 {
    padding-right: 3rem
}

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

.ps-0 {
    -webkit-padding-start: 0px;
    padding-inline-start: 0px
}

.ps-3 {
    -webkit-padding-start: .75rem;
    padding-inline-start: .75rem
}

.ps-5 {
    -webkit-padding-start: 1.25rem;
    padding-inline-start: 1.25rem
}

.pt-0 {
    padding-top: 0
}

.pt-1 {
    padding-top: .25rem
}

.pt-10 {
    padding-top: 2.5rem
}

.pt-2 {
    padding-top: .5rem
}

.pt-24 {
    padding-top: 6rem
}

.pt-3 {
    padding-top: .75rem
}

.pt-4 {
    padding-top: 1rem
}

.pt-5 {
    padding-top: 1.25rem
}

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

.pt-8 {
    padding-top: 2rem
}

.pt-\[50px\] {
    padding-top: 50px
}

.pt-\[60px\] {
    padding-top: 60px
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.text-justify {
    text-align: justify
}

.text-start {
    text-align: start
}

.text-end {
    text-align: end
}

.align-top {
    vertical-align: top
}

.align-middle {
    vertical-align: middle
}

.align-bottom {
    vertical-align: bottom
}

.font-mono {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace
}

.font-sans {
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji"
}

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

.text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem
}

.text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem
}

.text-5xl {
    font-size: 3rem;
    line-height: 1
}

.text-6xl {
    font-size: 3.75rem;
    line-height: 1
}

.text-8xl {
    font-size: 6rem;
    line-height: 1
}

.text-\[0\.95rem\] {
    font-size: .95rem
}

.text-\[1\.25rem\] {
    font-size: 1.25rem
}

.text-\[1\.2rem\] {
    font-size: 1.2rem
}

.text-\[1\.7rem\] {
    font-size: 1.7rem
}

.text-\[1\.85rem\] {
    font-size: 1.85rem
}

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

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

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

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

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

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

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

.text-\[2\.25rem\] {
    font-size: 2.25rem
}

.text-\[2\.5rem\] {
    font-size: 2.5rem
}

.text-\[2\.6rem\] {
    font-size: 2.6rem
}

.text-\[2\.8rem\] {
    font-size: 2.8rem
}

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

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

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

.text-\[2rem\] {
    font-size: 2rem
}

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

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

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

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

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

.text-base {
    font-size: 1rem;
    line-height: 1.5rem
}

.text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem
}

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

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

.text-xs {
    font-size: .75rem;
    line-height: 1rem
}

.\!font-semibold {
    font-weight: 600 !important
}

.font-black {
    font-weight: 900
}

.font-bold {
    font-weight: 700
}

.font-extrabold {
    font-weight: 800
}

.font-medium {
    font-weight: 500
}

.font-normal {
    font-weight: 400
}

.font-semibold {
    font-weight: 600
}

.uppercase {
    text-transform: uppercase
}

.lowercase {
    text-transform: lowercase
}

.capitalize {
    text-transform: capitalize
}

.italic {
    font-style: italic
}

.leading-5 {
    line-height: 1.25rem
}

.leading-6 {
    line-height: 1.5rem
}

.leading-7 {
    line-height: 1.75rem
}

.leading-8 {
    line-height: 2rem
}

.leading-\[1\.3\] {
    line-height: 1.3
}

.leading-\[1\.7\] {
    line-height: 1.7
}

.leading-\[12px\] {
    line-height: 12px
}

.leading-\[16px\] {
    line-height: 16px
}

.leading-\[20px\] {
    line-height: 20px
}

.leading-\[24px\] {
    line-height: 24px
}

.leading-\[28px\] {
    line-height: 28px
}

.leading-\[32px\] {
    line-height: 32px
}

.leading-\[35px\] {
    line-height: 35px
}

.leading-\[40px\] {
    line-height: 40px
}

.leading-\[48px\] {
    line-height: 48px
}

.leading-none {
    line-height: 1
}

.leading-normal {
    line-height: 1.5
}

.leading-relaxed {
    line-height: 1.625
}

.leading-tight {
    line-height: 1.25
}

.tracking-\[-0\.03em\] {
    letter-spacing: -.03em
}

.tracking-\[0\.05em\] {
    letter-spacing: .05em
}

.tracking-\[0\.06em\] {
    letter-spacing: .06em
}

.tracking-\[0\.08em\] {
    letter-spacing: .08em
}

.tracking-\[0\.12em\] {
    letter-spacing: .12em
}

.tracking-\[0\.14em\] {
    letter-spacing: .14em
}

.tracking-wide {
    letter-spacing: .025em
}

.tracking-wider {
    letter-spacing: .05em
}

.\!text-content-brand-primary {
    --tw-text-opacity: 1 !important;
    color: rgb(37 99 235 / var(--tw-text-opacity, 1)) !important
}

.\!text-content-tertiary {
    --tw-text-opacity: 1 !important;
    color: rgb(148 163 184 / var(--tw-text-opacity, 1)) !important
}

.\!text-orange-500 {
    --tw-text-opacity: 1 !important;
    color: rgb(249 115 22 / var(--tw-text-opacity, 1)) !important
}

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

.text-\[\#1c1c1c\] {
    --tw-text-opacity: 1;
    color: rgb(28 28 28 / var(--tw-text-opacity, 1))
}

.text-\[\#2f2f2f\] {
    --tw-text-opacity: 1;
    color: rgb(47 47 47 / var(--tw-text-opacity, 1))
}

.text-\[\#343434\] {
    --tw-text-opacity: 1;
    color: rgb(52 52 52 / var(--tw-text-opacity, 1))
}

.text-\[\#3d312c\] {
    --tw-text-opacity: 1;
    color: rgb(61 49 44 / var(--tw-text-opacity, 1))
}

.text-\[\#3f3f3f\] {
    --tw-text-opacity: 1;
    color: rgb(63 63 63 / var(--tw-text-opacity, 1))
}

.text-\[\#414141\] {
    --tw-text-opacity: 1;
    color: rgb(65 65 65 / var(--tw-text-opacity, 1))
}

.text-\[\#5f5346\] {
    --tw-text-opacity: 1;
    color: rgb(95 83 70 / var(--tw-text-opacity, 1))
}

.text-\[\#5f6673\] {
    --tw-text-opacity: 1;
    color: rgb(95 102 115 / var(--tw-text-opacity, 1))
}

.text-\[\#666\] {
    --tw-text-opacity: 1;
    color: rgb(102 102 102 / var(--tw-text-opacity, 1))
}

.text-\[\#675a49\] {
    --tw-text-opacity: 1;
    color: rgb(103 90 73 / var(--tw-text-opacity, 1))
}

.text-\[\#6a5e4b\] {
    --tw-text-opacity: 1;
    color: rgb(106 94 75 / var(--tw-text-opacity, 1))
}

.text-\[\#6f7682\] {
    --tw-text-opacity: 1;
    color: rgb(111 118 130 / var(--tw-text-opacity, 1))
}

.text-\[\#74523f\] {
    --tw-text-opacity: 1;
    color: rgb(116 82 63 / var(--tw-text-opacity, 1))
}

.text-\[\#8b1116\] {
    --tw-text-opacity: 1;
    color: rgb(139 17 22 / var(--tw-text-opacity, 1))
}

.text-\[\#9f927f\] {
    --tw-text-opacity: 1;
    color: rgb(159 146 127 / var(--tw-text-opacity, 1))
}

.text-\[\#FFF5E1\] {
    --tw-text-opacity: 1;
    color: rgb(255 245 225 / var(--tw-text-opacity, 1))
}

.text-\[\#a0a7b4\] {
    --tw-text-opacity: 1;
    color: rgb(160 167 180 / var(--tw-text-opacity, 1))
}

.text-\[\#a56a2a\] {
    --tw-text-opacity: 1;
    color: rgb(165 106 42 / var(--tw-text-opacity, 1))
}

.text-\[\#b06e67\] {
    --tw-text-opacity: 1;
    color: rgb(176 110 103 / var(--tw-text-opacity, 1))
}

.text-\[\#b68f44\] {
    --tw-text-opacity: 1;
    color: rgb(182 143 68 / var(--tw-text-opacity, 1))
}

.text-\[\#b86457\] {
    --tw-text-opacity: 1;
    color: rgb(184 100 87 / var(--tw-text-opacity, 1))
}

.text-\[\#b8a895\] {
    --tw-text-opacity: 1;
    color: rgb(184 168 149 / var(--tw-text-opacity, 1))
}

.text-\[\#b8beca\] {
    --tw-text-opacity: 1;
    color: rgb(184 190 202 / var(--tw-text-opacity, 1))
}

.text-\[\#c0b5a4\] {
    --tw-text-opacity: 1;
    color: rgb(192 181 164 / var(--tw-text-opacity, 1))
}

.text-\[\#c5b7a3\] {
    --tw-text-opacity: 1;
    color: rgb(197 183 163 / var(--tw-text-opacity, 1))
}

.text-\[\#d7c9af\] {
    --tw-text-opacity: 1;
    color: rgb(215 201 175 / var(--tw-text-opacity, 1))
}

.text-\[\#f0a43a\] {
    --tw-text-opacity: 1;
    color: rgb(240 164 58 / var(--tw-text-opacity, 1))
}

.text-\[\#f2c14f\] {
    --tw-text-opacity: 1;
    color: rgb(242 193 79 / var(--tw-text-opacity, 1))
}

.text-\[\#f57c00\] {
    --tw-text-opacity: 1;
    color: rgb(245 124 0 / var(--tw-text-opacity, 1))
}

.text-\[var\(--g1\)\] {
    color: var(--g1)
}

.text-\[var\(--g2\)\] {
    color: var(--g2)
}

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

.text-blue-100 {
    --tw-text-opacity: 1;
    color: rgb(219 234 254 / var(--tw-text-opacity, 1))
}

.text-blue-500 {
    --tw-text-opacity: 1;
    color: rgb(59 130 246 / var(--tw-text-opacity, 1))
}

.text-blue-600 {
    --tw-text-opacity: 1;
    color: rgb(37 99 235 / var(--tw-text-opacity, 1))
}

.text-blue-700 {
    --tw-text-opacity: 1;
    color: rgb(29 78 216 / var(--tw-text-opacity, 1))
}

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

.text-blue-900 {
    --tw-text-opacity: 1;
    color: rgb(30 58 138 / var(--tw-text-opacity, 1))
}

.text-brand-primary,
.text-content-brand-primary {
    --tw-text-opacity: 1;
    color: rgb(37 99 235 / var(--tw-text-opacity, 1))
}

.text-content-primary {
    --tw-text-opacity: 1;
    color: rgb(15 23 42 / var(--tw-text-opacity, 1))
}

.text-content-secondary {
    --tw-text-opacity: 1;
    color: rgb(71 85 105 / var(--tw-text-opacity, 1))
}

.text-content-tertiary {
    --tw-text-opacity: 1;
    color: rgb(148 163 184 / var(--tw-text-opacity, 1))
}

.text-gray-300 {
    --tw-text-opacity: 1;
    color: rgb(209 213 219 / var(--tw-text-opacity, 1))
}

.text-gray-400 {
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity, 1))
}

.text-gray-500 {
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity, 1))
}

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

.text-gray-700 {
    --tw-text-opacity: 1;
    color: rgb(55 65 81 / var(--tw-text-opacity, 1))
}

.text-gray-800 {
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity, 1))
}

.text-gray-900 {
    --tw-text-opacity: 1;
    color: rgb(17 24 39 / var(--tw-text-opacity, 1))
}

.text-green-100 {
    --tw-text-opacity: 1;
    color: rgb(220 252 231 / var(--tw-text-opacity, 1))
}

.text-green-500 {
    --tw-text-opacity: 1;
    color: rgb(34 197 94 / var(--tw-text-opacity, 1))
}

.text-green-600 {
    --tw-text-opacity: 1;
    color: rgb(22 163 74 / var(--tw-text-opacity, 1))
}

.text-green-700 {
    --tw-text-opacity: 1;
    color: rgb(21 128 61 / var(--tw-text-opacity, 1))
}

.text-green-800 {
    --tw-text-opacity: 1;
    color: rgb(22 101 52 / var(--tw-text-opacity, 1))
}

.text-inherit {
    color: inherit
}

.text-orange-500 {
    --tw-text-opacity: 1;
    color: rgb(249 115 22 / var(--tw-text-opacity, 1))
}

.text-orange-600 {
    --tw-text-opacity: 1;
    color: rgb(234 88 12 / var(--tw-text-opacity, 1))
}

.text-orange-800 {
    --tw-text-opacity: 1;
    color: rgb(154 52 18 / var(--tw-text-opacity, 1))
}

.text-pink-600 {
    --tw-text-opacity: 1;
    color: rgb(219 39 119 / var(--tw-text-opacity, 1))
}

.text-primary {
    --tw-text-opacity: 1;
    color: rgb(30 86 49 / var(--tw-text-opacity, 1))
}

.text-primary-dark {
    --tw-text-opacity: 1;
    color: rgb(82 9 10 / var(--tw-text-opacity, 1))
}

.text-purple-600 {
    --tw-text-opacity: 1;
    color: rgb(147 51 234 / var(--tw-text-opacity, 1))
}

.text-purple-800 {
    --tw-text-opacity: 1;
    color: rgb(107 33 168 / var(--tw-text-opacity, 1))
}

.text-red-100 {
    --tw-text-opacity: 1;
    color: rgb(254 226 226 / var(--tw-text-opacity, 1))
}

.text-red-500 {
    --tw-text-opacity: 1;
    color: rgb(239 68 68 / var(--tw-text-opacity, 1))
}

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

.text-red-700 {
    --tw-text-opacity: 1;
    color: rgb(185 28 28 / var(--tw-text-opacity, 1))
}

.text-red-800 {
    --tw-text-opacity: 1;
    color: rgb(153 27 27 / var(--tw-text-opacity, 1))
}

.text-slate-400 {
    --tw-text-opacity: 1;
    color: rgb(148 163 184 / var(--tw-text-opacity, 1))
}

.text-slate-500 {
    --tw-text-opacity: 1;
    color: rgb(100 116 139 / var(--tw-text-opacity, 1))
}

.text-slate-600 {
    --tw-text-opacity: 1;
    color: rgb(71 85 105 / var(--tw-text-opacity, 1))
}

.text-slate-700 {
    --tw-text-opacity: 1;
    color: rgb(51 65 85 / var(--tw-text-opacity, 1))
}

.text-slate-800 {
    --tw-text-opacity: 1;
    color: rgb(30 41 59 / var(--tw-text-opacity, 1))
}

.text-slate-900 {
    --tw-text-opacity: 1;
    color: rgb(15 23 42 / var(--tw-text-opacity, 1))
}

.text-transparent {
    color: transparent
}

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

.text-white\/65 {
    color: #ffffffa6
}

.text-white\/85 {
    color: #ffffffd9
}

.text-yellow-100 {
    --tw-text-opacity: 1;
    color: rgb(254 249 195 / var(--tw-text-opacity, 1))
}

.text-yellow-600 {
    --tw-text-opacity: 1;
    color: rgb(202 138 4 / var(--tw-text-opacity, 1))
}

.text-yellow-700 {
    --tw-text-opacity: 1;
    color: rgb(161 98 7 / var(--tw-text-opacity, 1))
}

.text-yellow-800 {
    --tw-text-opacity: 1;
    color: rgb(133 77 14 / var(--tw-text-opacity, 1))
}

.underline {
    text-decoration-line: underline
}

.line-through {
    text-decoration-line: line-through
}

.no-underline {
    text-decoration-line: none
}

.underline-offset-2 {
    text-underline-offset: 2px
}

.antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.opacity-0 {
    opacity: 0
}

.opacity-100 {
    opacity: 1
}

.opacity-50 {
    opacity: .5
}

.opacity-90 {
    opacity: .9
}

.mix-blend-multiply {
    mix-blend-mode: multiply
}

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

.shadow-2xl {
    --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);
    --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0_10px_20px_rgba\(139\,17\,22\,0\.24\)\] {
    --tw-shadow: 0 10px 20px rgba(139, 17, 22, .24);
    --tw-shadow-colored: 0 10px 20px var(--tw-shadow-color);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0_10px_24px_rgba\(51\,30\,5\,0\.12\)\] {
    --tw-shadow: 0 10px 24px rgba(51, 30, 5, .12);
    --tw-shadow-colored: 0 10px 24px var(--tw-shadow-color);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0_10px_26px_rgba\(0\,0\,0\,0\.12\)\] {
    --tw-shadow: 0 10px 26px rgba(0, 0, 0, .12);
    --tw-shadow-colored: 0 10px 26px var(--tw-shadow-color);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0_12px_28px_rgba\(188\,168\,84\,0\.12\)\] {
    --tw-shadow: 0 12px 28px rgba(188, 168, 84, .12);
    --tw-shadow-colored: 0 12px 28px var(--tw-shadow-color);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0_12px_28px_rgba\(53\,36\,22\,0\.08\)\] {
    --tw-shadow: 0 12px 28px rgba(53, 36, 22, .08);
    --tw-shadow-colored: 0 12px 28px var(--tw-shadow-color);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0_12px_28px_rgba\(53\,36\,22\,0\.1\)\] {
    --tw-shadow: 0 12px 28px rgba(53, 36, 22, .1);
    --tw-shadow-colored: 0 12px 28px var(--tw-shadow-color);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0_12px_30px_rgba\(0\,0\,0\,0\.12\)\] {
    --tw-shadow: 0 12px 30px rgba(0, 0, 0, .12);
    --tw-shadow-colored: 0 12px 30px var(--tw-shadow-color);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0_14px_30px_rgba\(139\,15\,18\,0\.14\)\] {
    --tw-shadow: 0 14px 30px rgba(139, 15, 18, .14);
    --tw-shadow-colored: 0 14px 30px var(--tw-shadow-color);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0_14px_34px_rgba\(53\,36\,22\,0\.08\)\] {
    --tw-shadow: 0 14px 34px rgba(53, 36, 22, .08);
    --tw-shadow-colored: 0 14px 34px var(--tw-shadow-color);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0_16px_34px_rgba\(53\,36\,22\,0\.08\)\] {
    --tw-shadow: 0 16px 34px rgba(53, 36, 22, .08);
    --tw-shadow-colored: 0 16px 34px var(--tw-shadow-color);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0_18px_35px_rgba\(184\,160\,63\,0\.28\)\] {
    --tw-shadow: 0 18px 35px rgba(184, 160, 63, .28);
    --tw-shadow-colored: 0 18px 35px var(--tw-shadow-color);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0_18px_35px_rgba\(62\,36\,17\,0\.08\)\] {
    --tw-shadow: 0 18px 35px rgba(62, 36, 17, .08);
    --tw-shadow-colored: 0 18px 35px var(--tw-shadow-color);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0_18px_40px_rgba\(54\,33\,14\,0\.2\)\] {
    --tw-shadow: 0 18px 40px rgba(54, 33, 14, .2);
    --tw-shadow-colored: 0 18px 40px var(--tw-shadow-color);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0_18px_40px_rgba\(62\,36\,17\,0\.12\)\] {
    --tw-shadow: 0 18px 40px rgba(62, 36, 17, .12);
    --tw-shadow-colored: 0 18px 40px var(--tw-shadow-color);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0_18px_40px_rgba\(94\,61\,25\,0\.18\)\] {
    --tw-shadow: 0 18px 40px rgba(94, 61, 25, .18);
    --tw-shadow-colored: 0 18px 40px var(--tw-shadow-color);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0_18px_42px_rgba\(79\,56\,25\,0\.08\)\] {
    --tw-shadow: 0 18px 42px rgba(79, 56, 25, .08);
    --tw-shadow-colored: 0 18px 42px var(--tw-shadow-color);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0_18px_45px_rgba\(74\,36\,16\,0\.08\)\] {
    --tw-shadow: 0 18px 45px rgba(74, 36, 16, .08);
    --tw-shadow-colored: 0 18px 45px var(--tw-shadow-color);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0_20px_50px_rgba\(62\,36\,17\,0\.12\)\] {
    --tw-shadow: 0 20px 50px rgba(62, 36, 17, .12);
    --tw-shadow-colored: 0 20px 50px var(--tw-shadow-color);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0_28px_70px_rgba\(67\,39\,17\,0\.10\)\] {
    --tw-shadow: 0 28px 70px rgba(67, 39, 17, .1);
    --tw-shadow-colored: 0 28px 70px var(--tw-shadow-color);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0_30px_80px_rgba\(0\,0\,0\,0\.45\)\] {
    --tw-shadow: 0 30px 80px rgba(0, 0, 0, .45);
    --tw-shadow-colored: 0 30px 80px var(--tw-shadow-color);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0_6px_16px_rgba\(0\,0\,0\,0\.12\)\] {
    --tw-shadow: 0 6px 16px rgba(0, 0, 0, .12);
    --tw-shadow-colored: 0 6px 16px var(--tw-shadow-color);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0_8px_16px_rgba\(245\,124\,0\,0\.35\)\] {
    --tw-shadow: 0 8px 16px rgba(245, 124, 0, .35);
    --tw-shadow-colored: 0 8px 16px var(--tw-shadow-color);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0px_2px_8px_0px_rgba\(23\,25\,35\,0\.12\)\] {
    --tw-shadow: 0px 2px 8px 0px rgba(23, 25, 35, .12);
    --tw-shadow-colored: 0px 2px 8px 0px var(--tw-shadow-color);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0px_2px_8px_rgba\(23\,25\,35\,0\.12\)\] {
    --tw-shadow: 0px 2px 8px rgba(23, 25, 35, .12);
    --tw-shadow-colored: 0px 2px 8px var(--tw-shadow-color);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-lg {
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

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

.shadow-none {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

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

.shadow-xl {
    --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-blue-100 {
    --tw-shadow-color: #dbeafe;
    --tw-shadow: var(--tw-shadow-colored)
}

.outline-none {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.outline {
    outline-style: solid
}

.ring {
    --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(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.ring-1 {
    --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(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.ring-gray-100 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(243 244 246 / var(--tw-ring-opacity, 1))
}

.ring-gray-200 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(229 231 235 / var(--tw-ring-opacity, 1))
}

.ring-gray-300 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity, 1))
}

.ring-gray-400 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(156 163 175 / var(--tw-ring-opacity, 1))
}

.ring-primary {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(30 86 49 / var(--tw-ring-opacity, 1))
}

.blur {
    --tw-blur: blur(8px);
    -webkit-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);
    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)
}

.\!drop-shadow-lg {
    --tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0 / .04)) drop-shadow(0 4px 3px rgb(0 0 0 / .1)) !important;
    -webkit-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) !important;
    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) !important
}

.drop-shadow {
    --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / .1)) drop-shadow(0 1px 1px rgb(0 0 0 / .06));
    -webkit-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);
    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)
}

.grayscale {
    --tw-grayscale: grayscale(100%);
    -webkit-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);
    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)
}

.invert {
    --tw-invert: invert(100%);
    -webkit-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);
    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)
}

.filter {
    -webkit-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);
    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 {
    --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)
}

.backdrop-blur-md {
    --tw-backdrop-blur: blur(12px);
    -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)
}

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

.backdrop-filter {
    -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 {
    -webkit-transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, backdrop-filter, -webkit-box-shadow, -webkit-transform, -webkit-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, backdrop-filter, -webkit-box-shadow, -webkit-transform, -webkit-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-box-shadow, -webkit-transform, -webkit-filter;
    -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-duration: .15s;
    transition-duration: .15s
}

.transition-all {
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-duration: .15s;
    transition-duration: .15s
}

.transition-colors {
    -webkit-transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-duration: .15s;
    transition-duration: .15s
}

.transition-opacity {
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-duration: .15s;
    transition-duration: .15s
}

.transition-shadow {
    -webkit-transition-property: -webkit-box-shadow;
    transition-property: -webkit-box-shadow;
    transition-property: box-shadow;
    transition-property: box-shadow, -webkit-box-shadow;
    -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-duration: .15s;
    transition-duration: .15s
}

.transition-transform {
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-duration: .15s;
    transition-duration: .15s
}

.duration-100 {
    -webkit-transition-duration: .1s;
    transition-duration: .1s
}

.duration-150 {
    -webkit-transition-duration: .15s;
    transition-duration: .15s
}

.duration-200 {
    -webkit-transition-duration: .2s;
    transition-duration: .2s
}

.duration-300 {
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.duration-500 {
    -webkit-transition-duration: .5s;
    transition-duration: .5s
}

.duration-75 {
    -webkit-transition-duration: 75ms;
    transition-duration: 75ms
}

.ease-in {
    -webkit-transition-timing-function: cubic-bezier(.4, 0, 1, 1);
    transition-timing-function: cubic-bezier(.4, 0, 1, 1)
}

.ease-in-out {
    -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.ease-out {
    -webkit-transition-timing-function: cubic-bezier(0, 0, .2, 1);
    transition-timing-function: cubic-bezier(0, 0, .2, 1)
}

.placeholder\:text-gray-500::-webkit-input-placeholder {
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity, 1))
}

.placeholder\:text-gray-500::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity, 1))
}

.placeholder\:text-gray-500:-ms-input-placeholder {
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity, 1))
}

.placeholder\:text-gray-500::-ms-input-placeholder {
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity, 1))
}

.placeholder\:text-gray-500::placeholder {
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity, 1))
}

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

.after\:left-\[2px\]:after {
    content: var(--tw-content);
    left: 2px
}

.after\:top-\[2px\]:after {
    content: var(--tw-content);
    top: 2px
}

.after\:h-5:after {
    content: var(--tw-content);
    height: 1.25rem
}

.after\:w-5:after {
    content: var(--tw-content);
    width: 1.25rem
}

.after\:rounded-full:after {
    content: var(--tw-content);
    border-radius: 9999px
}

.after\:border:after {
    content: var(--tw-content);
    border-width: 1px
}

.after\:border-gray-300:after {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--tw-border-opacity, 1))
}

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

.after\:transition-all:after {
    content: var(--tw-content);
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-duration: .15s;
    transition-duration: .15s
}

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

.hover\:-translate-y-1:hover {
    --tw-translate-y: -.25rem;
    -webkit-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: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.hover\:scale-105:hover {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05;
    -webkit-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: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.hover\:border-\[\#8b1116\]:hover {
    --tw-border-opacity: 1;
    border-color: rgb(139 17 22 / var(--tw-border-opacity, 1))
}

.hover\:border-\[\#d6bfa3\]:hover {
    --tw-border-opacity: 1;
    border-color: rgb(214 191 163 / var(--tw-border-opacity, 1))
}

.hover\:border-blue-300:hover {
    --tw-border-opacity: 1;
    border-color: rgb(147 197 253 / var(--tw-border-opacity, 1))
}

.hover\:border-blue-400:hover {
    --tw-border-opacity: 1;
    border-color: rgb(96 165 250 / var(--tw-border-opacity, 1))
}

.hover\:border-blue-500:hover {
    --tw-border-opacity: 1;
    border-color: rgb(59 130 246 / var(--tw-border-opacity, 1))
}

.hover\:border-gray-300:hover {
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--tw-border-opacity, 1))
}

.hover\:bg-\[\#6e0b0d\]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(110 11 13 / var(--tw-bg-opacity, 1))
}

.hover\:bg-\[\#70090b\]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(112 9 11 / var(--tw-bg-opacity, 1))
}

.hover\:bg-\[\#8b1116\]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(139 17 22 / var(--tw-bg-opacity, 1))
}

.hover\:bg-\[\#db6f00\]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(219 111 0 / var(--tw-bg-opacity, 1))
}

.hover\:bg-\[\#f6efe3\]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(246 239 227 / var(--tw-bg-opacity, 1))
}

.hover\:bg-\[\#f8f8fb\]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(248 248 251 / var(--tw-bg-opacity, 1))
}

.hover\:bg-\[\#fff4f2\]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(255 244 242 / var(--tw-bg-opacity, 1))
}

.hover\:bg-\[var\(--g1\)\]:hover {
    background-color: var(--g1)
}

.hover\:bg-\[var\(--g2\)\]:hover {
    background-color: var(--g2)
}

.hover\:bg-blue-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1))
}

.hover\:bg-blue-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(191 219 254 / var(--tw-bg-opacity, 1))
}

.hover\:bg-blue-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1))
}

.hover\:bg-blue-50\/30:hover {
    background-color: #eff6ff4d
}

.hover\:bg-blue-500:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1))
}

.hover\:bg-blue-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(29 78 216 / var(--tw-bg-opacity, 1))
}

.hover\:bg-gray-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1))
}

.hover\:bg-gray-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1))
}

.hover\:bg-gray-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1))
}

.hover\:bg-gray-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1))
}

.hover\:bg-gray-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1))
}

.hover\:bg-gray-800:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1))
}

.hover\:bg-gray-900:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1))
}

.hover\:bg-green-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(21 128 61 / var(--tw-bg-opacity, 1))
}

.hover\:bg-orange-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(234 88 12 / var(--tw-bg-opacity, 1))
}

.hover\:bg-primary-dark:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(82 9 10 / var(--tw-bg-opacity, 1))
}

.hover\:bg-red-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(254 202 202 / var(--tw-bg-opacity, 1))
}

.hover\:bg-red-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1))
}

.hover\:bg-red-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(185 28 28 / var(--tw-bg-opacity, 1))
}

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

.hover\:bg-opacity-90:hover {
    --tw-bg-opacity: .9
}

.hover\:from-blue-700:hover {
    --tw-gradient-from: #1d4ed8 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(29 78 216 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.hover\:to-purple-700:hover {
    --tw-gradient-to: #7e22ce var(--tw-gradient-to-position)
}

.hover\:text-\[\#7f0d10\]:hover {
    --tw-text-opacity: 1;
    color: rgb(127 13 16 / var(--tw-text-opacity, 1))
}

.hover\:text-\[\#8b1116\]:hover {
    --tw-text-opacity: 1;
    color: rgb(139 17 22 / var(--tw-text-opacity, 1))
}

.hover\:text-\[\#a6331f\]:hover {
    --tw-text-opacity: 1;
    color: rgb(166 51 31 / var(--tw-text-opacity, 1))
}

.hover\:text-\[var\(--g1\)\]:hover {
    color: var(--g1)
}

.hover\:text-\[var\(--g2\)\]:hover {
    color: var(--g2)
}

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

.hover\:text-blue-600:hover {
    --tw-text-opacity: 1;
    color: rgb(37 99 235 / var(--tw-text-opacity, 1))
}

.hover\:text-blue-700:hover {
    --tw-text-opacity: 1;
    color: rgb(29 78 216 / var(--tw-text-opacity, 1))
}

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

.hover\:text-content-brand-primary:hover {
    --tw-text-opacity: 1;
    color: rgb(37 99 235 / var(--tw-text-opacity, 1))
}

.hover\:text-gray-200:hover {
    --tw-text-opacity: 1;
    color: rgb(229 231 235 / var(--tw-text-opacity, 1))
}

.hover\:text-gray-400:hover {
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity, 1))
}

.hover\:text-gray-500:hover {
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity, 1))
}

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

.hover\:text-gray-900:hover {
    --tw-text-opacity: 1;
    color: rgb(17 24 39 / var(--tw-text-opacity, 1))
}

.hover\:text-green-700:hover {
    --tw-text-opacity: 1;
    color: rgb(21 128 61 / var(--tw-text-opacity, 1))
}

.hover\:text-orange-600:hover {
    --tw-text-opacity: 1;
    color: rgb(234 88 12 / var(--tw-text-opacity, 1))
}

.hover\:text-orange-700:hover {
    --tw-text-opacity: 1;
    color: rgb(194 65 12 / var(--tw-text-opacity, 1))
}

.hover\:text-orange-800:hover {
    --tw-text-opacity: 1;
    color: rgb(154 52 18 / var(--tw-text-opacity, 1))
}

.hover\:text-primary-dark:hover {
    --tw-text-opacity: 1;
    color: rgb(82 9 10 / var(--tw-text-opacity, 1))
}

.hover\:text-red-500:hover {
    --tw-text-opacity: 1;
    color: rgb(239 68 68 / var(--tw-text-opacity, 1))
}

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

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

.hover\:underline:hover {
    text-decoration-line: underline
}

.hover\:opacity-80:hover {
    opacity: .8
}

.hover\:opacity-90:hover {
    opacity: .9
}

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

.hover\:shadow-\[0_16px_34px_rgba\(53\,36\,22\,0\.14\)\]:hover {
    --tw-shadow: 0 16px 34px rgba(53, 36, 22, .14);
    --tw-shadow-colored: 0 16px 34px var(--tw-shadow-color);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.hover\:shadow-\[0_16px_34px_rgba\(53\,36\,22\,0\.16\)\]:hover {
    --tw-shadow: 0 16px 34px rgba(53, 36, 22, .16);
    --tw-shadow-colored: 0 16px 34px var(--tw-shadow-color);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.hover\:shadow-lg:hover {
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.hover\:shadow-md:hover {
    --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.hover\:shadow-xl:hover {
    --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.focus\:z-10:focus {
    z-index: 10
}

.focus\:border-\[var\(--g1\)\]:focus {
    border-color: var(--g1)
}

.focus\:border-blue-300:focus {
    --tw-border-opacity: 1;
    border-color: rgb(147 197 253 / var(--tw-border-opacity, 1))
}

.focus\:border-blue-500:focus {
    --tw-border-opacity: 1;
    border-color: rgb(59 130 246 / var(--tw-border-opacity, 1))
}

.focus\:border-brand-primary:focus {
    --tw-border-opacity: 1;
    border-color: rgb(37 99 235 / var(--tw-border-opacity, 1))
}

.focus\:border-transparent:focus {
    border-color: transparent
}

.focus\:outline-none:focus {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.focus\:ring:focus {
    --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(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.focus\:ring-0:focus {
    --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);
    -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.focus\:ring-1:focus {
    --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(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.focus\:ring-2:focus {
    --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(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.focus\:ring-inset:focus {
    --tw-ring-inset: inset
}

.focus\:ring-\[\#1F4D36\]:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(31 77 54 / var(--tw-ring-opacity, 1))
}

.focus\:ring-blue-200:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(191 219 254 / var(--tw-ring-opacity, 1))
}

.focus\:ring-blue-500:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1))
}

.focus\:ring-brand-primary:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(37 99 235 / var(--tw-ring-opacity, 1))
}

.focus\:ring-indigo-500:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity, 1))
}

.focus\:ring-orange-300:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(253 186 116 / var(--tw-ring-opacity, 1))
}

.focus\:ring-primary:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(30 86 49 / var(--tw-ring-opacity, 1))
}

.focus\:ring-opacity-50:focus {
    --tw-ring-opacity: .5
}

.focus\:ring-offset-2:focus {
    --tw-ring-offset-width: 2px
}

.active\:bg-gray-100:active {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1))
}

.active\:text-gray-500:active {
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity, 1))
}

.active\:text-gray-700:active {
    --tw-text-opacity: 1;
    color: rgb(55 65 81 / var(--tw-text-opacity, 1))
}

.disabled\:opacity-50:disabled {
    opacity: .5
}

.group:hover .group-hover\:scale-105 {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05;
    -webkit-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: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group:hover .group-hover\:scale-110 {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1;
    -webkit-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: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group:hover .group-hover\:scale-\[1\.03\] {
    --tw-scale-x: 1.03;
    --tw-scale-y: 1.03;
    -webkit-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: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group:hover .group-hover\:scale-\[1\.04\] {
    --tw-scale-x: 1.04;
    --tw-scale-y: 1.04;
    -webkit-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: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

@-webkit-keyframes pulse {
    50% {
        opacity: .5
    }
}

@keyframes pulse {
    50% {
        opacity: .5
    }
}

.group:hover .group-hover\:animate-pulse {
    -webkit-animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
    animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite
}

.group:hover .group-hover\:bg-black\/55 {
    background-color: #0000008c
}

.group:hover .group-hover\:bg-white\/40 {
    background-color: #fff6
}

.group:hover .group-hover\:text-\[var\(--g2\)\] {
    color: var(--g2)
}

.group:hover .group-hover\:text-blue-600 {
    --tw-text-opacity: 1;
    color: rgb(37 99 235 / var(--tw-text-opacity, 1))
}

.group:hover .group-hover\:opacity-10 {
    opacity: .1
}

.group:hover .group-hover\:opacity-20 {
    opacity: .2
}

.peer:checked~.peer-checked\:bg-blue-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1))
}

.peer:checked~.peer-checked\:after\:translate-x-full:after {
    content: var(--tw-content);
    --tw-translate-x: 100%;
    -webkit-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: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.peer:checked~.peer-checked\:after\:border-white:after {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity, 1))
}

.peer:focus~.peer-focus\:outline-none {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.peer:focus~.peer-focus\:ring-4 {
    --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(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.peer:focus~.peer-focus\:ring-blue-300 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(147 197 253 / var(--tw-ring-opacity, 1))
}

@media not all and (min-width: 1024px) {
    .max-lg\:mt-4 {
        margin-top: 1rem
    }
}

@media (min-width: 640px) {
    .sm\:bottom-0 {
        bottom: 0
    }

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

    .sm\:top-\[10px\] {
        top: 10px
    }

    .sm\:m-0 {
        margin: 0
    }

    .sm\:mx-0 {
        margin-left: 0;
        margin-right: 0
    }

    .sm\:mb-0 {
        margin-bottom: 0
    }

    .sm\:mb-10 {
        margin-bottom: 2.5rem
    }

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

    .sm\:mb-4 {
        margin-bottom: 1rem
    }

    .sm\:ml-6 {
        margin-left: 1.5rem
    }

    .sm\:mt-16 {
        margin-top: 4rem
    }

    .sm\:block {
        display: block
    }

    .sm\:flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .sm\:hidden {
        display: none
    }

    .sm\:h-\[82px\] {
        height: 82px
    }

    .sm\:min-h-\[50vh\] {
        min-height: 50vh
    }

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

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

    .sm\:w-3\/7 {
        width: 42.857143%
    }

    .sm\:w-4\/7 {
        width: 57.142857%
    }

    .sm\:w-\[82px\] {
        width: 82px
    }

    .sm\:w-full {
        width: 100%
    }

    .sm\:flex-1 {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%
    }

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

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

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

    .sm\:flex-row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .sm\:flex-col {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .sm\:flex-wrap {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .sm\:items-center {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .sm\:justify-between {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .sm\:gap-10 {
        gap: 2.5rem
    }

    .sm\:gap-4 {
        gap: 1rem
    }

    .sm\:space-x-8>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(2rem * var(--tw-space-x-reverse));
        margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)))
    }

    .sm\:space-y-8>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(2rem * var(--tw-space-y-reverse))
    }

    .sm\:overflow-visible {
        overflow: visible
    }

    .sm\:rounded-\[18px\] {
        border-radius: 18px
    }

    .sm\:rounded-\[28px\] {
        border-radius: 28px
    }

    .sm\:p-4 {
        padding: 1rem
    }

    .sm\:px-0 {
        padding-left: 0;
        padding-right: 0
    }

    .sm\:px-3 {
        padding-left: .75rem;
        padding-right: .75rem
    }

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

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

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

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

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

    .sm\:py-8 {
        padding-top: 2rem;
        padding-bottom: 2rem
    }

    .sm\:pb-12 {
        padding-bottom: 3rem
    }

    .sm\:pb-16 {
        padding-bottom: 4rem
    }

    .sm\:pb-24 {
        padding-bottom: 6rem
    }

    .sm\:pt-0 {
        padding-top: 0
    }

    .sm\:pt-10 {
        padding-top: 2.5rem
    }

    .sm\:pt-12 {
        padding-top: 3rem
    }

    .sm\:pt-20 {
        padding-top: 5rem
    }

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

    .sm\:text-start {
        text-align: start
    }

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

@media (min-width: 768px) {
    .md\:col-span-1 {
        grid-column: span 1 / span 1
    }

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

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

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

    .md\:row-span-2 {
        grid-row: span 2 / span 2
    }

    .md\:my-7 {
        margin-top: 1.75rem;
        margin-bottom: 1.75rem
    }

    .md\:mb-10 {
        margin-bottom: 2.5rem
    }

    .md\:mb-20 {
        margin-bottom: 5rem
    }

    .md\:mb-6 {
        margin-bottom: 1.5rem
    }

    .md\:mt-4 {
        margin-top: 1rem
    }

    .md\:mt-9 {
        margin-top: 2.25rem
    }

    .md\:block {
        display: block
    }

    .md\:h-12 {
        height: 3rem
    }

    .md\:h-16 {
        height: 4rem
    }

    .md\:h-24 {
        height: 6rem
    }

    .md\:h-96 {
        height: 24rem
    }

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

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

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

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

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

    .md\:h-auto {
        height: auto
    }

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

    .md\:w-1\/4 {
        width: 25%
    }

    .md\:w-12 {
        width: 3rem
    }

    .md\:w-3\/4 {
        width: 75%
    }

    .md\:w-48 {
        width: 12rem
    }

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

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

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

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

    .md\:min-w-0 {
        min-width: 0px
    }

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

    .md\:max-w-\[70\%\] {
        max-width: 70%
    }

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

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

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

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

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

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

    .md\:grid-cols-\[1\.5fr_1\.2fr_1\.2fr_0\.95fr\] {
        grid-template-columns: 1.5fr 1.2fr 1.2fr .95fr
    }

    .md\:grid-cols-\[220px_minmax\(0\,1fr\)\] {
        grid-template-columns: 220px minmax(0, 1fr)
    }

    .md\:grid-cols-\[60\%_40\%\] {
        grid-template-columns: 60% 40%
    }

    .md\:grid-cols-\[minmax\(0\,180px\)_42px_minmax\(0\,180px\)_42px_minmax\(0\,180px\)\] {
        grid-template-columns: minmax(0, 180px) 42px minmax(0, 180px) 42px minmax(0, 180px)
    }

    .md\:flex-row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .md\:items-end {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .md\:justify-start {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .md\:justify-end {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .md\:gap-10 {
        gap: 2.5rem
    }

    .md\:gap-5 {
        gap: 1.25rem
    }

    .md\:space-y-10>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(2.5rem * var(--tw-space-y-reverse))
    }

    .md\:space-y-24>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(6rem * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(6rem * var(--tw-space-y-reverse))
    }

    .md\:space-y-5>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(1.25rem * var(--tw-space-y-reverse))
    }

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

    .md\:rounded-xl {
        border-radius: .75rem
    }

    .md\:p-10 {
        padding: 2.5rem
    }

    .md\:p-3 {
        padding: .75rem
    }

    .md\:p-4 {
        padding: 1rem
    }

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

    .md\:p-6 {
        padding: 1.5rem
    }

    .md\:p-7 {
        padding: 1.75rem
    }

    .md\:p-8 {
        padding: 2rem
    }

    .md\:px-0 {
        padding-left: 0;
        padding-right: 0
    }

    .md\:px-10 {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }

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

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

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

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

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

    .md\:pb-0 {
        padding-bottom: 0
    }

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

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

    .md\:pb-16 {
        padding-bottom: 4rem
    }

    .md\:pb-6 {
        padding-bottom: 1.5rem
    }

    .md\:pb-8 {
        padding-bottom: 2rem
    }

    .md\:pl-\[72px\] {
        padding-left: 72px
    }

    .md\:pr-4 {
        padding-right: 1rem
    }

    .md\:pt-10 {
        padding-top: 2.5rem
    }

    .md\:pt-14 {
        padding-top: 3.5rem
    }

    .md\:pt-28 {
        padding-top: 7rem
    }

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

    .md\:text-right {
        text-align: right
    }

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

    .md\:text-3xl {
        font-size: 1.875rem;
        line-height: 2.25rem
    }

    .md\:text-4xl {
        font-size: 2.25rem;
        line-height: 2.5rem
    }

    .md\:text-5xl {
        font-size: 3rem;
        line-height: 1
    }

    .md\:text-\[1\.7rem\] {
        font-size: 1.7rem
    }

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

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

    .md\:text-\[2\.5rem\] {
        font-size: 2.5rem
    }

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

    .md\:text-\[2rem\] {
        font-size: 2rem
    }

    .md\:text-\[3\.25rem\] {
        font-size: 3.25rem
    }

    .md\:text-\[3rem\] {
        font-size: 3rem
    }

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

    .md\:text-\[4rem\] {
        font-size: 4rem
    }

    .md\:text-base {
        font-size: 1rem;
        line-height: 1.5rem
    }

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

@media (min-width: 1024px) {
    .lg\:\!relative {
        position: relative !important
    }

    .lg\:sticky {
        position: sticky
    }

    .lg\:top-28 {
        top: 7rem
    }

    .lg\:order-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .lg\:col-span-12 {
        grid-column: span 12 / span 12
    }

    .lg\:col-span-2 {
        grid-column: span 2 / span 2
    }

    .lg\:col-span-3 {
        grid-column: span 3 / span 3
    }

    .lg\:col-span-4 {
        grid-column: span 4 / span 4
    }

    .lg\:col-span-6 {
        grid-column: span 6 / span 6
    }

    .lg\:col-span-7 {
        grid-column: span 7 / span 7
    }

    .lg\:col-span-8 {
        grid-column: span 8 / span 8
    }

    .lg\:row-span-2 {
        grid-row: span 2 / span 2
    }

    .lg\:m-0 {
        margin: 0
    }

    .lg\:mx-0 {
        margin-left: 0;
        margin-right: 0
    }

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

    .lg\:mb-0 {
        margin-bottom: 0
    }

    .lg\:ml-4 {
        margin-left: 1rem
    }

    .lg\:ml-\[132px\] {
        margin-left: 132px
    }

    .lg\:mr-4 {
        margin-right: 1rem
    }

    .lg\:mr-\[26px\] {
        margin-right: 26px
    }

    .lg\:mt-0 {
        margin-top: 0
    }

    .lg\:mt-4 {
        margin-top: 1rem
    }

    .lg\:mt-6 {
        margin-top: 1.5rem
    }

    .lg\:mt-\[124px\] {
        margin-top: 124px
    }

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

    .lg\:mt-\[42px\] {
        margin-top: 42px
    }

    .lg\:block {
        display: block
    }

    .lg\:flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .lg\:grid {
        display: grid
    }

    .lg\:hidden {
        display: none
    }

    .lg\:aspect-\[286\/291\] {
        aspect-ratio: 286/291
    }

    .lg\:aspect-\[590\/291\] {
        aspect-ratio: 590/291
    }

    .lg\:aspect-auto {
        aspect-ratio: auto
    }

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

    .lg\:h-\[72px\] {
        height: 72px
    }

    .lg\:h-\[80px\] {
        height: 80px
    }

    .lg\:min-h-\[240px\] {
        min-height: 240px
    }

    .lg\:min-h-\[360px\] {
        min-height: 360px
    }

    .lg\:w-\[116px\] {
        width: 116px
    }

    .lg\:w-\[700px\] {
        width: 700px
    }

    .lg\:w-\[72px\] {
        width: 72px
    }

    .lg\:w-\[776px\] {
        width: 776px
    }

    .lg\:w-\[80px\] {
        width: 80px
    }

    .lg\:\!max-w-\[calc\(100vw-210px\)\] {
        max-width: calc(100vw - 210px) !important
    }

    .lg\:max-w-\[1224px\] {
        max-width: 1224px
    }

    .lg\:max-w-\[311px\] {
        max-width: 311px
    }

    .lg\:max-w-\[392px\] {
        max-width: 392px
    }

    .lg\:max-w-\[484px\] {
        max-width: 484px
    }

    .lg\:max-w-\[675px\] {
        max-width: 675px
    }

    .lg\:max-w-\[calc\(100vw-210px\)\] {
        max-width: calc(100vw - 210px)
    }

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

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

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

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

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

    .lg\:grid-cols-\[1\.04fr_0\.96fr\] {
        grid-template-columns: 1.04fr .96fr
    }

    .lg\:grid-cols-\[1\.08fr_0\.92fr\] {
        grid-template-columns: 1.08fr .92fr
    }

    .lg\:grid-cols-\[1fr_340px\] {
        grid-template-columns: 1fr 340px
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_440px\] {
        grid-template-columns: minmax(0, 1fr) 440px
    }

    .lg\:flex-row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .lg\:flex-col {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .lg\:items-center {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .lg\:justify-end {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .lg\:justify-between {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .lg\:gap-10 {
        gap: 2.5rem
    }

    .lg\:gap-12 {
        gap: 3rem
    }

    .lg\:gap-2 {
        gap: .5rem
    }

    .lg\:gap-3 {
        gap: .75rem
    }

    .lg\:gap-4 {
        gap: 1rem
    }

    .lg\:gap-6 {
        gap: 1.5rem
    }

    .lg\:gap-8 {
        gap: 2rem
    }

    .lg\:self-start {
        -ms-flex-item-align: start;
        align-self: flex-start
    }

    .lg\:rounded-lg {
        border-radius: .5rem
    }

    .lg\:border {
        border-width: 1px
    }

    .lg\:border-b {
        border-bottom-width: 1px
    }

    .lg\:bg-transparent {
        background-color: transparent
    }

    .lg\:p-0 {
        padding: 0
    }

    .lg\:p-8 {
        padding: 2rem
    }

    .lg\:\!py-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .lg\:px-0 {
        padding-left: 0;
        padding-right: 0
    }

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

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

    .lg\:py-24 {
        padding-top: 6rem;
        padding-bottom: 6rem
    }

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

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

    .lg\:pb-0 {
        padding-bottom: 0
    }

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

    .lg\:pb-4 {
        padding-bottom: 1rem
    }

    .lg\:pt-0 {
        padding-top: 0
    }

    .lg\:pt-\[156px\] {
        padding-top: 156px
    }

    .lg\:pt-\[64px\] {
        padding-top: 64px
    }

    .lg\:text-left {
        text-align: left
    }

    .lg\:text-5xl {
        font-size: 3rem;
        line-height: 1
    }

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

    .lg\:text-sm {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

@media (min-width: 1280px) {
    .xl\:relative {
        position: relative
    }

    .xl\:z-20 {
        z-index: 20
    }

    .xl\:col-span-4 {
        grid-column: span 4 / span 4
    }

    .xl\:col-span-8 {
        grid-column: span 8 / span 8
    }

    .xl\:-mt-\[140px\] {
        margin-top: -140px
    }

    .xl\:h-\[500px\] {
        height: 500px
    }

    .xl\:w-\[377px\] {
        width: 377px
    }

    .xl\:min-w-\[775px\] {
        min-width: 775px
    }

    .xl\:flex-none {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none
    }

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

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

    .xl\:flex-row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .xl\:gap-12 {
        gap: 3rem
    }

    .xl\:gap-4 {
        gap: 1rem
    }

    .xl\:divide-y-0>:not([hidden])~:not([hidden]) {
        --tw-divide-y-reverse: 0;
        border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
        border-bottom-width: calc(0px * var(--tw-divide-y-reverse))
    }

    .xl\:self-start {
        -ms-flex-item-align: start;
        align-self: flex-start
    }
}

@media (prefers-color-scheme: dark) {
    .dark\:bg-gray-800 {
        --tw-bg-opacity: 1;
        background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1))
    }

    .dark\:text-yellow-300 {
        --tw-text-opacity: 1;
        color: rgb(253 224 71 / var(--tw-text-opacity, 1))
    }
}

.\[\&_iframe\]\:h-full iframe {
    height: 100%
}

.\[\&_iframe\]\:w-full iframe {
    width: 100%
}

.\[\&_iframe\]\:border-0 iframe {
    border-width: 0px
}