.checkbox>div[data-v-a99d52e4]:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='48' width='48'%3E%3Cpath fill='%23fff' d='M18.9 35.7 7.7 24.5l2.15-2.15 9.05 9.05 19.2-19.2 2.15 2.15Z'/%3E%3C/svg%3E");
    background-size: contain;
    border-radius: .375rem;
    content: "";
    display: inline-block;
    height: 100%;
    transform: scale(0);
    transition: transform .25s ease;
    width: 100%
}

.checkbox input[type=checkbox]:checked~div[data-v-a99d52e4]:after {
    transform: scale(1)
}

.lds-ring[data-v-ab5ba934] {
    display: inline-block;
    height: 80px;
    position: relative;
    width: 80px
}

.lds-ring div[data-v-ab5ba934] {
    animation: lds-ring-ab5ba934 1.2s cubic-bezier(.5, 0, .5, 1) infinite;
    border: 4px solid #0000;
    border-radius: 50%;
    border-top-color: #fff;
    box-sizing: border-box;
    display: block;
    height: 64px;
    margin: 4px;
    position: absolute;
    width: 64px
}

.lds-ring div[data-v-ab5ba934]:first-child {
    animation-delay: -.45s
}

.lds-ring div[data-v-ab5ba934]:nth-child(2) {
    animation-delay: -.3s
}

.lds-ring div[data-v-ab5ba934]:nth-child(3) {
    animation-delay: -.15s
}

.lds-ring.primary div[data-v-ab5ba934] {
    border-color: #4c9172; #0000 #0000
}

.lds-ring.xs[data-v-ab5ba934] {
    height: 24px;
    width: 24px
}

.lds-ring.xs div[data-v-ab5ba934] {
    border-width: 2px;
    height: 20px;
    margin: 2px;
    width: 20px
}

@keyframes lds-ring-ab5ba934 {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.v-enter-active,
.v-leave-active {
    transition: opacity .5s ease
}

.v-leave-active {
    transition-delay: .25s
}

.v-enter-from,
.v-leave-to {
    opacity: 0
}

.modal-wrapper.v-enter-active .modal-backdrop,
.modal-wrapper.v-leave-active .modal-backdrop {
    transition: opacity .5s ease-in
}

.modal-wrapper.v-enter-active .modal-container,
.modal-wrapper.v-leave-active .modal-container {
    transition: opacity .25s ease-in, transform .5s ease-out
}

.modal-wrapper.v-enter-from .modal-backdrop,
.modal-wrapper.v-enter-from .modal-container,
.modal-wrapper.v-leave-to .modal-backdrop,
.modal-wrapper.v-leave-to .modal-container {
    opacity: 0
}

.modal-wrapper.v-enter-from .modal-container,
.modal-wrapper.v-leave-to .modal-container {
    transform: translateY(-25px)
}

.radio-button>div[data-v-779402c8]:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='48' width='48'%3E%3Cpath fill='%23fff' d='M18.9 35.7 7.7 24.5l2.15-2.15 9.05 9.05 19.2-19.2 2.15 2.15Z'/%3E%3C/svg%3E");
    background-size: contain;
    border-radius: 9999px;
    content: "";
    display: inline-block;
    height: 100%;
    transform: scale(0);
    transition: transform .25s ease;
    width: 100%
}

.radio-button input[type=radio]:checked~div[data-v-779402c8]:after {
    transform: scale(1)
}

.on-scroll-enter-active[data-v-6625374d] {
    transition: all .3s ease-out
}

.on-scroll-leave-active[data-v-6625374d] {
    transition: all .3s cubic-bezier(1, .5, .8, 1)
}

.on-scroll-enter-from[data-v-6625374d],
.on-scroll-leave-to[data-v-6625374d] {
    --tw-translate-x: -50%;
    --tw-translate-y: 100%;
    opacity: 0;
    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))
}

.form-entry.error .dropdown,
.form-entry.error input:not([type=radio]):not([type=checkbox]),
.form-entry.error textarea {
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255/var(--tw-border-opacity));
    border-width: 1px
}

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

:after,
:before {
    --tw-content: ""
}

html {
    -webkit-text-size-adjust: 100%;
    font-feature-settings: normal;
    font-family: barlow, sans-serif;
    line-height: 1.5;
    tab-size: 4
}

body {
    line-height: inherit;
    margin: 0;
}

hr {
    border-top-width: 1px;
    color: inherit;
    height: 0
}

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

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,
pre,
samp {
    font-family: IRANSansMobile-fa;
    font-size: 1em
}

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

table {
    border-collapse: collapse;
    border-color: inherit;
    text-indent: 0
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font-family: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0
}

button,
select {
    text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: button;
    background-color: initial;
    background-image: none
}

:-moz-focusring {
    outline: auto
}

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

progress {
    vertical-align: initial
}

::-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,
dd,
dl,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
pre {
    margin: 0
}

fieldset {
    margin: 0
}

fieldset,
legend {
    padding: 0
}

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

textarea {
    resize: vertical
}

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

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

:disabled {
    cursor: default
}

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

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

[hidden] {
    display: none
}

*,
::backdrop,
:after,
:before {
    --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-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: #3b82f680;
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia:
}

.container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 6.9vw;
    padding-right: 6.9vw;
    width: 100%
}

@media (min-width:640px) {
    .container {
        max-width: 640px;
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (min-width:768px) {
    .container {
        max-width: 768px
    }
}

@media (min-width:1024px) {
    .container {
        max-width: 1024px;
        padding-left: 4rem;
        padding-right: 4rem
    }
}

@media (min-width:1280px) {
    .container {
        max-width: 1280px;
        padding-left: 4rem;
        padding-right: 4rem
    }
}

@media (min-width:1536px) {
    .container {
        max-width: 1536px
    }
}

.sr-only {
    clip: rect(0, 0, 0, 0);
    border-width: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

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

.visible {
    visibility: visible
}

.static {
    position: static
}

.fixed {
    position: fixed
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.sticky {
    position: sticky
}

.inset-0 {
    bottom: 0;
    left: 0;
    right: 0;
    top: 0
}

.-bottom-1 {
    bottom: -.25rem
}

.-right-12 {
    right: -3rem
}

.-right-32 {
    right: -8rem
}

.bottom-0 {
    bottom: 0
}

.bottom-\[24px\] {
    bottom: 24px
}

.left-0 {
    left: 0
}

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

.left-3 {
    left: .75rem
}

.left-\[-25\%\] {
    left: -25%
}

.left-\[50\%\] {
    left: 50%
}

.right-0 {
    right: 0
}

.right-14 {
    right: 3.5rem
}

.right-4 {
    right: 1rem
}

.right-6 {
    right: 1.5rem
}

.right-\[-1\.5rem\] {
    right: -1.5rem
}

.top-0 {
    top: 0
}

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

.top-16 {
    top: 4rem
}

.top-20 {
    top: 5rem
}

.top-3 {
    top: .75rem
}

.top-6 {
    top: 1.5rem
}

.top-\[-25\%\] {
    top: -25%
}

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

.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-\[60\] {
    z-index: 60
}

.z-\[999\] {
    z-index: 999
}

.order-1 {
    order: 1
}

.order-2 {
    order: 2
}

.order-3 {
    order: 3
}

.col-span-1 {
    grid-column: span 1/span 1
}

.col-span-10 {
    grid-column: span 10/span 10
}

.col-span-11 {
    grid-column: span 11/span 11
}

.col-span-12 {
    grid-column: span 12/span 12
}

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

.col-span-3 {
    grid-column: span 3/span 3
}

.col-span-4 {
    grid-column: span 4/span 4
}

.col-span-5 {
    grid-column: span 5/span 5
}

.col-span-6 {
    grid-column: span 6/span 6
}

.col-span-7 {
    grid-column: span 7/span 7
}

.col-span-8 {
    grid-column: span 8/span 8
}

.col-span-9 {
    grid-column: span 9/span 9
}

.col-span-full {
    grid-column: 1/-1
}

.col-start-2 {
    grid-column-start: 2
}

.col-start-3 {
    grid-column-start: 3
}

.col-start-4 {
    grid-column-start: 4
}

.row-start-2 {
    grid-row-start: 2
}

.float-right {
    float: right
}

.m-2 {
    margin: .5rem
}

.m-4 {
    margin: 1rem
}

.m-auto {
    margin: auto
}

.mx-2 {
    margin-left: .5rem;
    margin-right: .5rem
}

.mx-4 {
    margin-left: 1rem;
    margin-right: 1rem
}

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

.my-1 {
    margin-bottom: .25rem;
    margin-top: .25rem
}

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

.\!mt-0 {
    margin-top: 0 !important
}

.mb-1 {
    margin-bottom: .25rem
}

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

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

.mb-16 {
    margin-bottom: 4rem
}

.mb-2 {
    margin-bottom: .5rem
}

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

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

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

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

.ml-1 {
    margin-left: .25rem
}

.ml-2 {
    margin-left: .5rem
}

.ml-3 {
    margin-left: .75rem
}

.ml-6 {
    margin-left: 1.5rem
}

.ml-auto {
    margin-left: auto
}

.mr-2 {
    margin-right: .5rem
}

.mr-3 {
    margin-right: .75rem
}

.mr-4 {
    margin-right: 1rem
}

.mr-auto {
    margin-right: auto
}

.mt-1 {
    margin-top: .25rem
}

.mt-1\.5 {
    margin-top: .375rem
}

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

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

.mt-16 {
    margin-top: 4rem
}

.mt-2 {
    margin-top: .5rem
}

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

.mt-24 {
    margin-top: 6rem
}

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

.mt-48 {
    margin-top: 12rem
}

.mt-5 {
    margin-top: 1.25rem
}

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

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

.mt-\[1vw\] {
    margin-top: 1vw
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.inline {
    display: inline
}

.\!flex {
    display: flex !important
}

.flex {
    display: flex
}

.inline-flex {
    display: inline-flex
}

.table {
    display: table
}

.\!grid {
    display: grid !important
}

.grid {
    display: grid
}

.contents {
    display: contents
}

.hidden {
    display: none
}

.aspect-\[9\/16\] {
    aspect-ratio: 9/16
}

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

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

.\!h-64 {
    height: 16rem !important
}

.\!h-\[100vw\] {
    height: 100vw !important
}

.\!h-\[18vw\] {
    height: 18vw !important
}

.\!h-full {
    height: 100% !important
}

.h-0 {
    height: 0
}

.h-1\/2 {
    height: 50%
}

.h-12 {
    height: 3rem
}

.h-16 {
    height: 4rem
}

.h-24 {
    height: 6rem
}

.h-28 {
    height: 7rem
}

.h-3 {
    height: .75rem
}

.h-3\.5 {
    height: .875rem
}

.h-3\/4 {
    height: 75%
}

.h-4 {
    height: 1rem
}

.h-40 {
    height: 10rem
}

.h-6 {
    height: 1.5rem
}

.h-64 {
    height: 16rem
}

.h-7 {
    height: 1.75rem
}

.h-8 {
    height: 2rem
}

.h-\[1\.5rem\] {
    height: 1.5rem
}

.h-\[1\.625rem\] {
    height: 1.625rem
}

.h-\[100vh\] {
    height: 100vh
}

.h-\[150\%\] {
    height: 150%
}

.h-\[160vw\] {
    height: 160vw
}

.h-\[18vw\] {
    height: 18vw
}

.h-\[24px\] {
    height: 24px
}

.h-\[2px\] {
    height: 2px
}

.h-\[44vw\] {
    height: 44vw
}

.h-\[55vw\] {
    height: 55vw
}

.h-\[560px\] {
    height: 560px
}

.h-\[60vw\] {
    height: 60vw
}

.h-\[calc\(100svh-5rem\)\] {
    height: calc(100svh - 5rem)
}

.h-auto {
    height: auto
}

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

.h-full {
    height: 100%
}

.h-px {
    height: 1px
}

.h-screen {
    height: 100vh
}

.max-h-60 {
    max-height: 15rem
}

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

.max-h-\[26rem\] {
    max-height: 26rem
}

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

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

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

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

.max-h-full {
    max-height: 100%
}

.min-h-0 {
    min-height: 0
}

.min-h-\[52vw\] {
    min-height: 52vw
}

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

.\!w-fit {
    width: -moz-fit-content !important;
    width: fit-content !important
}

.w-0 {
    width: 0
}

.w-0\.5 {
    width: .125rem
}

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

.w-12 {
    width: 3rem
}

.w-16 {
    width: 4rem
}

.w-2 {
    width: .5rem
}

.w-2\.5 {
    width: .625rem
}

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

.w-20 {
    width: 5rem
}

.w-24 {
    width: 6rem
}

.w-28 {
    width: 7rem
}

.w-3 {
    width: .75rem
}

.w-3\.5 {
    width: .875rem
}

.w-3\/4 {
    width: 75%
}

.w-32 {
    width: 8rem
}

.w-36 {
    width: 9rem
}

.w-4 {
    width: 1rem
}

.w-40 {
    width: 10rem
}

.w-48 {
    width: 12rem
}

.w-5 {
    width: 1.25rem
}

.w-56 {
    width: 14rem
}

.w-6 {
    width: 1.5rem
}

.w-7 {
    width: 1.75rem
}

.w-8 {
    width: 2rem
}

.w-\[1\.5rem\] {
    width: 1.5rem
}

.w-\[100vw\] {
    width: 100vw
}

.w-\[14\.6\%\] {
    width: 14.6%
}

.w-\[150\%\] {
    width: 150%
}

.w-\[18vw\] {
    width: 18vw
}

.w-\[24px\] {
    width: 24px
}

.w-\[28vw\] {
    width: 28vw
}

.w-\[34vw\] {
    width: 34vw
}

.w-\[40vw\] {
    width: 40vw
}

.w-\[63vw\] {
    width: 63vw
}

.w-\[70\%\] {
    width: 70%
}

.w-\[92vw\] {
    width: 92vw
}

.w-\[calc\(100\%-\.5rem\)\] {
    width: calc(100% - .5rem)
}

.w-\[calc\(100\%-3rem\)\] {
    width: calc(100% - 3rem)
}

.w-\[calc\(100vw-1\.5rem\)\] {
    width: calc(100vw - 1.5rem)
}

.w-\[calc\(100vw-1rem\)\] {
    width: calc(100vw - 1rem)
}

.w-\[calc\(50\%-\.25rem\)\] {
    width: calc(50% - .25rem)
}

.w-auto {
    width: auto
}

.w-fit {
    width: -moz-fit-content;
    width: fit-content
}

.w-full {
    width: 100%
}

.min-w-\[6rem\] {
    min-width: 6rem
}

.max-w-\[100vw\] {
    max-width: 100vw
}

.max-w-full {
    max-width: 100%
}

.flex-1 {
    flex: 1 1 0%
}

.shrink-0 {
    flex-shrink: 0
}

.flex-grow,
.grow {
    flex-grow: 1
}

.origin-center {
    transform-origin: center
}

.-translate-x-1\/2 {
    --tw-translate-x: -50%
}

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

.-translate-y-1\/2 {
    --tw-translate-y: -50%
}

.-translate-y-2 {
    --tw-translate-y: -0.5rem
}

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

.-translate-y-6 {
    --tw-translate-y: -1.5rem
}

.-translate-y-\[2\.5vw\] {
    --tw-translate-y: -2.5vw
}

.-translate-y-\[2\.5vw\],
.-translate-y-\[41vw\] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-translate-y-\[41vw\] {
    --tw-translate-y: -41vw
}

.-translate-y-full {
    --tw-translate-y: -100%
}

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

.translate-x-1\/2 {
    --tw-translate-x: 50%
}

.translate-x-\[-50\%\] {
    --tw-translate-x: -50%
}

.translate-x-\[-50\%\],
.translate-y-10 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-y-10 {
    --tw-translate-y: 2.5rem
}

.translate-y-\[100\%\] {
    --tw-translate-y: 100%
}

.translate-y-\[100\%\],
.translate-y-\[15\%\] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-y-\[15\%\] {
    --tw-translate-y: 15%
}

.translate-y-\[2\.5vw\] {
    --tw-translate-y: 2.5vw
}

.-rotate-\[32deg\],
.translate-y-\[2\.5vw\] {
    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))
}

.-rotate-\[32deg\] {
    --tw-rotate: -32deg
}

.-rotate-\[8deg\] {
    --tw-rotate: -8deg
}

.-rotate-\[8deg\],
.rotate-\[150deg\] {
    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))
}

.rotate-\[150deg\] {
    --tw-rotate: 150deg
}

.rotate-\[180deg\] {
    --tw-rotate: 180deg
}

.rotate-\[180deg\],
.rotate-\[55deg\] {
    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))
}

.rotate-\[55deg\] {
    --tw-rotate: 55deg
}

.scale-0 {
    --tw-scale-x: 0;
    --tw-scale-y: 0
}

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

@keyframes translate-x-left {
    0% {
        transform: translateX(0)
    }

    to {
        transform: translateX(-100%)
    }
}

.animate-cinema-title-left {
    animation: translate-x-left 40s linear infinite
}

@keyframes spin {
    to {
        transform: rotate(1turn)
    }
}

.animate-spin {
    animation: spin 1s linear infinite
}

@keyframes tease-x {

    0%,
    to {
        transform: translateX(0)
    }

    33% {
        transform: translateX(1rem)
    }

    66% {
        transform: translateX(1rem)
    }
}

.animate-tease-x {
    animation: tease-x 6s ease infinite
}

.cursor-pointer {
    cursor: pointer
}

.resize {
    resize: both
}

.list-none {
    list-style-type: none
}

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

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

.\!grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr)) !important
}

.flex-col {
    flex-direction: column
}

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

.flex-wrap {
    flex-wrap: wrap
}

.content-center {
    align-content: center
}

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

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

.items-center {
    align-items: center
}

.justify-start {
    justify-content: flex-start
}

.justify-center {
    justify-content: center
}

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

.\!gap-0 {
    gap: 0 !important
}

.gap-1 {
    gap: .25rem
}

.gap-10 {
    gap: 2.5rem
}

.gap-2 {
    gap: .5rem
}

.gap-3 {
    gap: .75rem
}

.gap-4 {
    gap: 1rem
}

.gap-6 {
    gap: 1.5rem
}

.gap-8 {
    gap: 2rem
}

.gap-x-1 {
    column-gap: .25rem
}

.gap-x-1\.5 {
    column-gap: .375rem
}

.gap-x-2 {
    column-gap: .5rem
}

.gap-x-6 {
    column-gap: 1.5rem
}

.gap-x-8 {
    column-gap: 2rem
}

.gap-x-\[3vw\] {
    column-gap: 3vw
}

.gap-y-2 {
    row-gap: .5rem
}

.gap-y-4 {
    row-gap: 1rem
}

.gap-y-6 {
    row-gap: 1.5rem
}

.gap-y-8 {
    row-gap: 2rem
}

.self-center {
    align-self: center
}

.justify-self-center {
    justify-self: center
}

.overflow-hidden {
    overflow: hidden
}

.\!overflow-visible {
    overflow: visible !important
}

.overflow-visible {
    overflow: visible
}

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

.overflow-x-clip {
    overflow-x: clip
}

.overflow-y-visible {
    overflow-y: visible
}

.overflow-y-scroll {
    overflow-y: scroll
}

.whitespace-nowrap {
    white-space: nowrap
}

.rounded-2xl {
    border-radius: 1rem
}

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

.rounded-lg {
    border-radius: .5rem
}

.rounded-md {
    border-radius: .375rem
}

.rounded-none {
    border-radius: 0
}

.rounded-xl {
    border-radius: .75rem
}

.rounded-b-sm {
    border-bottom-left-radius: .125rem;
    border-bottom-right-radius: .125rem
}

.rounded-t-2xl {
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem
}

.border {
    border-width: 1px
}

.border-2 {
    border-width: 2px
}

.border-4 {
    border-width: 4px
}

.border-8 {
    border-width: 8px
}

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

.border-t {
    border-top-width: 1px
}

.border-gray-300 {
    --tw-border-opacity: 1;
    border-color: rgb(225 225 225/var(--tw-border-opacity))
}

.border-red {
    --tw-border-opacity: 1;
    border-color: rgb(195 49 48/var(--tw-border-opacity))
}

.border-red900 {
    --tw-border-opacity: 1;
    border-color: rgb(197 56 56/var(--tw-border-opacity))
}

.border-red950 {
    --tw-border-opacity: 1;
    border-color: rgb(168 42 41/var(--tw-border-opacity))
}

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

.border-white\/20 {
    border-color: #fff3
}

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

.bg-\[\#517000\] {
    --tw-bg-opacity: 1;
    background-color: rgb(81 112 0/var(--tw-bg-opacity))
}

.bg-\[\#80C539\] {
    --tw-bg-opacity: 1;
    background-color: rgb(128 197 57/var(--tw-bg-opacity))
}

.bg-\[\#E0D9C9\] {
    --tw-bg-opacity: 1;
    background-color: rgb(224 217 201/var(--tw-bg-opacity))
}

.bg-\[\#FF6C00\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 108 0/var(--tw-bg-opacity))
}

.bg-beige {
    --tw-bg-opacity: 1;
    background-color: rgb(244 241 234/var(--tw-bg-opacity))
}

.bg-beige-light {
    --tw-bg-opacity: 1;
    background-color: rgb(251 251 248/var(--tw-bg-opacity))
}

.bg-beige-light\/0 {
    background-color: #fbfbf800
}

.bg-beige-light\/10 {
    background-color: #fbfbf81a
}

.bg-beige-light\/100 {
    background-color: #fbfbf8
}

.bg-beige-light\/20 {
    background-color: #fbfbf833
}

.bg-beige-light\/25 {
    background-color: #fbfbf840
}

.bg-beige-light\/30 {
    background-color: #fbfbf84d
}

.bg-beige-light\/40 {
    background-color: #fbfbf866
}

.bg-beige-light\/5 {
    background-color: #fbfbf80d
}

.bg-beige-light\/50 {
    background-color: #fbfbf880
}

.bg-beige-light\/60 {
    background-color: #fbfbf899
}

.bg-beige-light\/70 {
    background-color: #fbfbf8b3
}

.bg-beige-light\/75 {
    background-color: #fbfbf8bf
}

.bg-beige-light\/80 {
    background-color: #fbfbf8cc
}

.bg-beige-light\/90 {
    background-color: #fbfbf8e6
}

.bg-beige-light\/95 {
    background-color: #fbfbf8f2
}

.bg-beige\/0 {
    background-color: #f4f1ea00
}

.bg-beige\/10 {
    background-color: #f4f1ea1a
}

.bg-beige\/100 {
    background-color: #f4f1ea
}

.bg-beige\/20 {
    background-color: #f4f1ea33
}

.bg-beige\/25 {
    background-color: #f4f1ea40
}

.bg-beige\/30 {
    background-color: #f4f1ea4d
}

.bg-beige\/40 {
    background-color: #f4f1ea66
}

.bg-beige\/5 {
    background-color: #f4f1ea0d
}

.bg-beige\/50 {
    background-color: #f4f1ea80
}

.bg-beige\/60 {
    background-color: #f4f1ea99
}

.bg-beige\/70 {
    background-color: #f4f1eab3
}

.bg-beige\/75 {
    background-color: #f4f1eabf
}

.bg-beige\/80 {
    background-color: #f4f1eacc
}

.bg-beige\/90 {
    background-color: #f4f1eae6
}

.bg-beige\/95 {
    background-color: #f4f1eaf2
}

.bg-current {
    background-color: currentColor
}

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

.bg-gray-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(249 249 249/var(--tw-bg-opacity))
}

.bg-gray-100\/0 {
    background-color: #f9f9f900
}

.bg-gray-100\/10 {
    background-color: #f9f9f91a
}

.bg-gray-100\/100 {
    background-color: #f9f9f9
}

.bg-gray-100\/20 {
    background-color: #f9f9f933
}

.bg-gray-100\/25 {
    background-color: #f9f9f940
}

.bg-gray-100\/30 {
    background-color: #f9f9f94d
}

.bg-gray-100\/40 {
    background-color: #f9f9f966
}

.bg-gray-100\/5 {
    background-color: #f9f9f90d
}

.bg-gray-100\/50 {
    background-color: #f9f9f980
}

.bg-gray-100\/60 {
    background-color: #f9f9f999
}

.bg-gray-100\/70 {
    background-color: #f9f9f9b3
}

.bg-gray-100\/75 {
    background-color: #f9f9f9bf
}

.bg-gray-100\/80 {
    background-color: #f9f9f9cc
}

.bg-gray-100\/90 {
    background-color: #f9f9f9e6
}

.bg-gray-100\/95 {
    background-color: #f9f9f9f2
}

.bg-gray-300 {
    --tw-bg-opacity: 1;
    background-color: rgb(225 225 225/var(--tw-bg-opacity))
}

.bg-gray-300\/0 {
    background-color: #e1e1e100
}

.bg-gray-300\/10 {
    background-color: #e1e1e11a
}

.bg-gray-300\/100 {
    background-color: #e1e1e1
}

.bg-gray-300\/20 {
    background-color: #e1e1e133
}

.bg-gray-300\/25 {
    background-color: #e1e1e140
}

.bg-gray-300\/30 {
    background-color: #e1e1e14d
}

.bg-gray-300\/40 {
    background-color: #e1e1e166
}

.bg-gray-300\/5 {
    background-color: #e1e1e10d
}

.bg-gray-300\/50 {
    background-color: #e1e1e180
}

.bg-gray-300\/60 {
    background-color: #e1e1e199
}

.bg-gray-300\/70 {
    background-color: #e1e1e1b3
}

.bg-gray-300\/75 {
    background-color: #e1e1e1bf
}

.bg-gray-300\/80 {
    background-color: #e1e1e1cc
}

.bg-gray-300\/90 {
    background-color: #e1e1e1e6
}

.bg-gray-300\/95 {
    background-color: #e1e1e1f2
}

.bg-gray-700 {
    --tw-bg-opacity: 1;
    background-color: rgb(160 160 160/var(--tw-bg-opacity))
}

.bg-gray-700\/0 {
    background-color: #a0a0a000
}

.bg-gray-700\/10 {
    background-color: #a0a0a01a
}

.bg-gray-700\/100 {
    background-color: #a0a0a0
}

.bg-gray-700\/20 {
    background-color: #a0a0a033
}

.bg-gray-700\/25 {
    background-color: #a0a0a040
}

.bg-gray-700\/30 {
    background-color: #a0a0a04d
}

.bg-gray-700\/40 {
    background-color: #a0a0a066
}

.bg-gray-700\/5 {
    background-color: #a0a0a00d
}

.bg-gray-700\/50 {
    background-color: #a0a0a080
}

.bg-gray-700\/60 {
    background-color: #a0a0a099
}

.bg-gray-700\/70 {
    background-color: #a0a0a0b3
}

.bg-gray-700\/75 {
    background-color: #a0a0a0bf
}

.bg-gray-700\/80 {
    background-color: #a0a0a0cc
}

.bg-gray-700\/90 {
    background-color: #a0a0a0e6
}

.bg-gray-700\/95 {
    background-color: #a0a0a0f2
}

.bg-gray-800 {
    --tw-bg-opacity: 1;
    background-color: rgb(137 136 137/var(--tw-bg-opacity))
}

.bg-gray-800\/0 {
    background-color: #89888900
}

.bg-gray-800\/10 {
    background-color: #8988891a
}

.bg-gray-800\/100 {
    background-color: #898889
}

.bg-gray-800\/20 {
    background-color: #89888933
}

.bg-gray-800\/25 {
    background-color: #89888940
}

.bg-gray-800\/30 {
    background-color: #8988894d
}

.bg-gray-800\/40 {
    background-color: #89888966
}

.bg-gray-800\/5 {
    background-color: #8988890d
}

.bg-gray-800\/50 {
    background-color: #89888980
}

.bg-gray-800\/60 {
    background-color: #89888999
}

.bg-gray-800\/70 {
    background-color: #898889b3
}

.bg-gray-800\/75 {
    background-color: #898889bf
}

.bg-gray-800\/80 {
    background-color: #898889cc
}

.bg-gray-800\/90 {
    background-color: #898889e6
}

.bg-gray-800\/95 {
    background-color: #898889f2
}

.bg-gray-900 {
    --tw-bg-opacity: 1;
    background-color: rgb(108 108 108/var(--tw-bg-opacity))
}

.bg-gray-900\/0 {
    background-color: #6c6c6c00
}

.bg-gray-900\/10 {
    background-color: #6c6c6c1a
}

.bg-gray-900\/100 {
    background-color: #6c6c6c
}

.bg-gray-900\/20 {
    background-color: #6c6c6c33
}

.bg-gray-900\/25 {
    background-color: #6c6c6c40
}

.bg-gray-900\/30 {
    background-color: #6c6c6c4d
}

.bg-gray-900\/40 {
    background-color: #6c6c6c66
}

.bg-gray-900\/5 {
    background-color: #6c6c6c0d
}

.bg-gray-900\/50 {
    background-color: #6c6c6c80
}

.bg-gray-900\/60 {
    background-color: #6c6c6c99
}

.bg-gray-900\/70 {
    background-color: #6c6c6cb3
}

.bg-gray-900\/75 {
    background-color: #6c6c6cbf
}

.bg-gray-900\/80 {
    background-color: #6c6c6ccc
}

.bg-gray-900\/90 {
    background-color: #6c6c6ce6
}

.bg-gray-900\/95 {
    background-color: #6c6c6cf2
}

.bg-gray-925 {
    --tw-bg-opacity: 1;
    background-color: rgb(63 63 63/var(--tw-bg-opacity))
}

.bg-gray-925\/0 {
    background-color: #3f3f3f00
}

.bg-gray-925\/10 {
    background-color: #3f3f3f1a
}

.bg-gray-925\/100 {
    background-color: #3f3f3f
}

.bg-gray-925\/20 {
    background-color: #3f3f3f33
}

.bg-gray-925\/25 {
    background-color: #3f3f3f40
}

.bg-gray-925\/30 {
    background-color: #3f3f3f4d
}

.bg-gray-925\/40 {
    background-color: #3f3f3f66
}

.bg-gray-925\/5 {
    background-color: #3f3f3f0d
}

.bg-gray-925\/50 {
    background-color: #3f3f3f80
}

.bg-gray-925\/60 {
    background-color: #3f3f3f99
}

.bg-gray-925\/70 {
    background-color: #3f3f3fb3
}

.bg-gray-925\/75 {
    background-color: #3f3f3fbf
}

.bg-gray-925\/80 {
    background-color: #3f3f3fcc
}

.bg-gray-925\/90 {
    background-color: #3f3f3fe6
}

.bg-gray-925\/95 {
    background-color: #3f3f3ff2
}

.bg-gray-950 {
    --tw-bg-opacity: 1;
    background-color: rgb(51 51 51/var(--tw-bg-opacity))
}

.bg-gray-950\/0 {
    background-color: #3330
}

.bg-gray-950\/10 {
    background-color: #3333331a
}

.bg-gray-950\/100 {
    background-color: #333
}

.bg-gray-950\/20 {
    background-color: #3333
}

.bg-gray-950\/25 {
    background-color: #33333340
}

.bg-gray-950\/30 {
    background-color: #3333334d
}

.bg-gray-950\/40 {
    background-color: #3336
}

.bg-gray-950\/5 {
    background-color: #3333330d
}

.bg-gray-950\/50 {
    background-color: #33333380
}

.bg-gray-950\/60 {
    background-color: #3339
}

.bg-gray-950\/70 {
    background-color: #333333b3
}

.bg-gray-950\/75 {
    background-color: #333333bf
}

.bg-gray-950\/80 {
    background-color: #333c
}

.bg-gray-950\/90 {
    background-color: #333333e6
}

.bg-gray-950\/95 {
    background-color: #333333f2
}

.bg-gray\/0 {
    background-color: #ededed00
}

.bg-gray\/10 {
    background-color: #ededed1a
}

.bg-gray\/100 {
    background-color: #ededed
}

.bg-gray\/20 {
    background-color: #ededed33
}

.bg-gray\/25 {
    background-color: #ededed40
}

.bg-gray\/30 {
    background-color: #ededed4d
}

.bg-gray\/40 {
    background-color: #ededed66
}

.bg-gray\/5 {
    background-color: #ededed0d
}

.bg-gray\/50 {
    background-color: #ededed80
}

.bg-gray\/60 {
    background-color: #ededed99
}

.bg-gray\/70 {
    background-color: #edededb3
}

.bg-gray\/75 {
    background-color: #edededbf
}

.bg-gray\/80 {
    background-color: #edededcc
}

.bg-gray\/90 {
    background-color: #ededede6
}

.bg-gray\/95 {
    background-color: #edededf2
}

.bg-green {
    --tw-bg-opacity: 1;
    background-color: rgb(80 200 120/var(--tw-bg-opacity))
}

.bg-green\/0 {
    background-color: #50c87800
}

.bg-green\/10 {
    background-color: #50c8781a
}

.bg-green\/100 {
    background-color: #50c878
}

.bg-green\/20 {
    background-color: #50c87833
}

.bg-green\/25 {
    background-color: #50c87840
}

.bg-green\/30 {
    background-color: #50c8784d
}

.bg-green\/40 {
    background-color: #50c87866
}

.bg-green\/5 {
    background-color: #50c8780d
}

.bg-green\/50 {
    background-color: #50c87880
}

.bg-green\/60 {
    background-color: #50c87899
}

.bg-green\/70 {
    background-color: #50c878b3
}

.bg-green\/75 {
    background-color: #50c878bf
}

.bg-green\/80 {
    background-color: #50c878cc
}

.bg-green\/90 {
    background-color: #50c878e6
}

.bg-green\/95 {
    background-color: #50c878f2
}

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

.bg-orange900\/0 {
    background-color: #ff942800
}

.bg-orange900\/10 {
    background-color: #ff94281a
}

.bg-orange900\/100 {
    background-color: #ff9428
}

.bg-orange900\/20 {
    background-color: #ff942833
}

.bg-orange900\/25 {
    background-color: #ff942840
}

.bg-orange900\/30 {
    background-color: #ff94284d
}

.bg-orange900\/40 {
    background-color: #ff942866
}

.bg-orange900\/5 {
    background-color: #ff94280d
}

.bg-orange900\/50 {
    background-color: #ff942880
}

.bg-orange900\/60 {
    background-color: #ff942899
}

.bg-orange900\/70 {
    background-color: #ff9428b3
}

.bg-orange900\/75 {
    background-color: #ff9428bf
}

.bg-orange900\/80 {
    background-color: #ff9428cc
}

.bg-orange900\/90 {
    background-color: #ff9428e6
}

.bg-orange900\/95 {
    background-color: #ff9428f2
}

.bg-lotus {
    --tw-bg-opacity: 1;
    background-color: #4c9172;
}

.bg-lotus\/0 {
    background-color: #2b5743
}

.bg-lotus\/10 {
    background-color: #c331301a
}

.bg-lotus\/100 {
    background-color: #4c9172
}

.bg-lotus\/20 {
    background-color: #3c755b
}

.bg-lotus\/25 {
    background-color: #c3313040
}

.bg-lotus\/30 {
    background-color: #c331304d
}

.bg-lotus\/40 {
    background-color: #c3313066
}

.bg-lotus\/5 {
    background-color: #c331300d
}

.bg-lotus\/50 {
    background-color: #c3313080
}

.bg-lotus\/60 {
    background-color: #c3313099
}

.bg-lotus\/70 {
    background-color: #c33130b3
}

.bg-lotus\/75 {
    background-color: #c33130bf
}

.bg-lotus\/80 {
    background-color: #c33130cc
}

.bg-lotus\/90 {
    background-color: #c33130e6
}

.bg-lotus\/95 {
    background-color: #c33130f2
}

.bg-lotus1000 {
    --tw-bg-opacity: 1;
    background-color: rgb(158 32 31/var(--tw-bg-opacity))
}

.bg-lotus1000\/0 {
    background-color: #9e201f00
}

.bg-lotus1000\/10 {
    background-color: #9e201f1a
}

.bg-lotus1000\/100 {
    background-color: #9e201f
}

.bg-lotus1000\/20 {
    background-color: #9e201f33
}

.bg-lotus1000\/25 {
    background-color: #9e201f40
}

.bg-lotus1000\/30 {
    background-color: #9e201f4d
}

.bg-lotus1000\/40 {
    background-color: #9e201f66
}

.bg-lotus1000\/5 {
    background-color: #9e201f0d
}

.bg-lotus1000\/50 {
    background-color: #9e201f80
}

.bg-lotus1000\/60 {
    background-color: #9e201f99
}

.bg-lotus1000\/70 {
    background-color: #9e201fb3
}

.bg-lotus1000\/75 {
    background-color: #9e201fbf
}

.bg-lotus1000\/80 {
    background-color: #9e201fcc
}

.bg-lotus1000\/90 {
    background-color: #9e201fe6
}

.bg-lotus1000\/95 {
    background-color: #9e201ff2
}

.bg-lotus700 {
    --tw-bg-opacity: 1;
    background-color: rgb(221 137 137/var(--tw-bg-opacity))
}

.bg-lotus700\/0 {
    background-color: #dd898900
}

.bg-lotus700\/10 {
    background-color: #dd89891a
}

.bg-lotus700\/100 {
    background-color: #dd8989
}

.bg-lotus700\/20 {
    background-color: #dd898933
}

.bg-lotus700\/25 {
    background-color: #dd898940
}

.bg-lotus700\/30 {
    background-color: #dd89894d
}

.bg-lotus700\/40 {
    background-color: #dd898966
}

.bg-lotus700\/5 {
    background-color: #dd89890d
}

.bg-lotus700\/50 {
    background-color: #dd898980
}

.bg-lotus700\/60 {
    background-color: #dd898999
}

.bg-lotus700\/70 {
    background-color: #dd8989b3
}

.bg-lotus700\/75 {
    background-color: #dd8989bf
}

.bg-lotus700\/80 {
    background-color: #dd8989cc
}

.bg-lotus700\/90 {
    background-color: #dd8989e6
}

.bg-lotus700\/95 {
    background-color: #dd8989f2
}

.bg-lotus900 {
    --tw-bg-opacity: 1;
    background-color: rgb(197 56 56/var(--tw-bg-opacity))
}

.bg-lotus900\/0 {
    background-color: #c5383800
}

.bg-lotus900\/10 {
    background-color: #c538381a
}

.bg-lotus900\/100 {
    background-color: #c53838
}

.bg-lotus900\/20 {
    background-color: #c5383833
}

.bg-lotus900\/25 {
    background-color: #c5383840
}

.bg-lotus900\/30 {
    background-color: #c538384d
}

.bg-lotus900\/40 {
    background-color: #c5383866
}

.bg-lotus900\/5 {
    background-color: #c538380d
}

.bg-lotus900\/50 {
    background-color: #c5383880
}

.bg-lotus900\/60 {
    background-color: #c5383899
}

.bg-lotus900\/70 {
    background-color: #c53838b3
}

.bg-lotus900\/75 {
    background-color: #c53838bf
}

.bg-lotus900\/80 {
    background-color: #c53838cc
}

.bg-lotus900\/90 {
    background-color: #c53838e6
}

.bg-lotus900\/95 {
    background-color: #c53838f2
}

.bg-lotus950 {
    --tw-bg-opacity: 1;
    background-color: rgb(168 42 41/var(--tw-bg-opacity))
}

.bg-lotus950\/0 {
    background-color: #a82a2900
}

.bg-lotus950\/10 {
    background-color: #a82a291a
}

.bg-lotus950\/100 {
    background-color: #4c9172
}

.bg-lotus950\/20 {
    background-color: #a82a2933
}

.bg-lotus950\/25 {
    background-color: #a82a2940
}

.bg-lotus950\/30 {
    background-color: #a82a294d
}

.bg-lotus950\/40 {
    background-color: #a82a2966
}

.bg-lotus950\/5 {
    background-color: #a82a290d
}

.bg-lotus950\/50 {
    background-color: #a82a2980
}

.bg-lotus950\/60 {
    background-color: #a82a2999
}

.bg-lotus950\/70 {
    background-color: #a82a29b3
}

.bg-lotus950\/75 {
    background-color: #a82a29bf
}

.bg-lotus950\/80 {
    background-color: #a82a29cc
}

.bg-lotus950\/90 {
    background-color: #a82a29e6
}

.bg-lotus950\/95 {
    background-color: #a82a29f2
}

.bg-transparent {
    background-color: initial
}

.bg-transparent\/0 {
    background-color: #0000
}

.bg-transparent\/10 {
    background-color: #0000001a
}

.bg-transparent\/100 {
    background-color: #000
}

.bg-transparent\/20 {
    background-color: #0003
}

.bg-transparent\/25 {
    background-color: #00000040
}

.bg-transparent\/30 {
    background-color: #0000004d
}

.bg-transparent\/40 {
    background-color: #0006
}

.bg-transparent\/5 {
    background-color: #0000000d
}

.bg-transparent\/50 {
    background-color: #00000080
}

.bg-transparent\/60 {
    background-color: #0009
}

.bg-transparent\/70 {
    background-color: #000000b3
}

.bg-transparent\/75 {
    background-color: #000000bf
}

.bg-transparent\/80 {
    background-color: #000c
}

.bg-transparent\/90 {
    background-color: #000000e6
}

.bg-transparent\/95 {
    background-color: #000000f2
}

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

.bg-white\/0 {
    background-color: #fff0
}

.bg-white\/10 {
    background-color: #ffffff1a
}

.bg-white\/100 {
    background-color: #fff
}

.bg-white\/20 {
    background-color: #fff3
}

.bg-white\/25 {
    background-color: #ffffff40
}

.bg-white\/30 {
    background-color: #ffffff4d
}

.bg-white\/40 {
    background-color: #fff6
}

.bg-white\/5 {
    background-color: #ffffff0d
}

.bg-white\/50 {
    background-color: #ffffff80
}

.bg-white\/60 {
    background-color: #fff9
}

.bg-white\/70 {
    background-color: #ffffffb3
}

.bg-white\/75 {
    background-color: #ffffffbf
}

.bg-white\/80 {
    background-color: #fffc
}

.bg-white\/90 {
    background-color: #ffffffe6
}

.bg-white\/95 {
    background-color: #fffffff2
}

.bg-opacity-0 {
    --tw-bg-opacity: 0
}

.bg-opacity-10 {
    --tw-bg-opacity: 0.1
}

.bg-opacity-100 {
    --tw-bg-opacity: 1
}

.bg-opacity-20 {
    --tw-bg-opacity: 0.2
}

.bg-opacity-25 {
    --tw-bg-opacity: 0.25
}

.bg-opacity-30 {
    --tw-bg-opacity: 0.3
}

.bg-opacity-40 {
    --tw-bg-opacity: 0.4
}

.bg-opacity-5 {
    --tw-bg-opacity: 0.05
}

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

.bg-opacity-60 {
    --tw-bg-opacity: 0.6
}

.bg-opacity-70 {
    --tw-bg-opacity: 0.7
}

.bg-opacity-75 {
    --tw-bg-opacity: 0.75
}

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

.bg-opacity-90 {
    --tw-bg-opacity: 0.9
}

.bg-opacity-95 {
    --tw-bg-opacity: 0.95
}

.bg-gradient-to-b {
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops))
}

.bg-gradient-to-bl {
    background-image: linear-gradient(to bottom left, var(--tw-gradient-stops))
}

.bg-gradient-to-br {
    background-image: linear-gradient(to bottom right, var(--tw-gradient-stops))
}

.bg-gradient-to-l {
    background-image: linear-gradient(to left, var(--tw-gradient-stops))
}

.bg-gradient-to-r {
    background-image: linear-gradient(to right, var(--tw-gradient-stops))
}

.bg-gradient-to-t {
    background-image: linear-gradient(to top, var(--tw-gradient-stops))
}

.bg-gradient-to-tl {
    background-image: linear-gradient(to top left, var(--tw-gradient-stops))
}

.bg-gradient-to-tr {
    background-image: linear-gradient(to top right, var(--tw-gradient-stops))
}

.bg-none {
    background-image: none
}

.bg-auto {
    background-size: auto
}

.bg-contain {
    background-size: contain
}

.bg-cover {
    background-size: cover
}

.bg-fixed {
    background-attachment: fixed
}

.bg-local {
    background-attachment: local
}

.bg-scroll {
    background-attachment: scroll
}

.bg-clip-border {
    background-clip: initial
}

.bg-clip-padding {
    background-clip: padding-box
}

.bg-clip-content {
    background-clip: content-box
}

.bg-clip-text {
    -webkit-background-clip: text;
    background-clip: text
}

.bg-bottom {
    background-position: bottom
}

.bg-center {
    background-position: 50%
}

.bg-left {
    background-position: 0
}

.bg-left-bottom {
    background-position: 0 100%
}

.bg-left-top {
    background-position: 0 0
}

.bg-right {
    background-position: 100%
}

.bg-right-bottom {
    background-position: 100% 100%
}

.bg-right-top {
    background-position: 100% 0
}

.bg-top {
    background-position: top
}

.bg-repeat {
    background-repeat: repeat
}

.bg-no-repeat {
    background-repeat: no-repeat
}

.bg-repeat-x {
    background-repeat: repeat-x
}

.bg-repeat-y {
    background-repeat: repeat-y
}

.bg-repeat-round {
    background-repeat: round
}

.bg-repeat-space {
    background-repeat: space
}

.bg-origin-border {
    background-origin: border-box
}

.bg-origin-padding {
    background-origin: initial
}

.bg-origin-content {
    background-origin: content-box
}

.fill-\[\#fff\] {
    fill: #fff
}

.fill-gray-950 {
    fill: #333
}

.fill-red {
    fill: #c33130
}

.fill-red900 {
    fill: #c53838
}

.fill-white {
    fill: #fff
}

.object-contain {
    object-fit: contain
}

.object-cover {
    object-fit: cover
}

.object-fill {
    object-fit: fill
}

.object-none {
    object-fit: none
}

.object-scale-down {
    object-fit: scale-down
}

.object-bottom {
    object-position: bottom
}

.object-center {
    object-position: center
}

.object-left {
    object-position: left
}

.object-left-bottom {
    object-position: left bottom
}

.object-left-top {
    object-position: left top
}

.object-right {
    object-position: right
}

.object-right-bottom {
    object-position: right bottom
}

.object-right-top {
    object-position: right top
}

.object-top {
    object-position: top
}

.\!p-3 {
    padding: .75rem !important
}

.p-1 {
    padding: .25rem
}

.p-1\.5 {
    padding: .375rem
}

.p-2 {
    padding: .5rem
}

.p-3 {
    padding: .75rem
}

.p-5 {
    padding: 1.25rem
}

.p-6 {
    padding: 1.5rem
}

.p-8 {
    padding: 2rem
}

.p-\[11\.5\%\] {
    padding: 11.5%
}

.\!px-2 {
    padding-left: .5rem !important;
    padding-right: .5rem !important
}

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

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

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

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

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

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

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

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

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

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

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

.py-24 {
    padding-bottom: 6rem;
    padding-top: 6rem
}

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

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

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

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

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

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

.pb-2 {
    padding-bottom: .5rem
}

.pb-20 {
    padding-bottom: 5rem
}

.pb-3 {
    padding-bottom: .75rem
}

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

.pb-6 {
    padding-bottom: 1.5rem
}

.pb-8 {
    padding-bottom: 2rem
}

.pb-\[60\%\] {
    padding-bottom: 60%
}

.pr-32 {
    padding-right: 8rem
}

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

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

.pr-6 {
    padding-right: 1.5rem
}

.pr-8 {
    padding-right: 2rem
}

.pt-1 {
    padding-top: .25rem
}

.pt-10 {
    padding-top: 2.5rem
}

.pt-12 {
    padding-top: 3rem
}

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

.pt-2 {
    padding-top: .5rem
}

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

.pt-4 {
    padding-top: 1rem
}

.pt-40 {
    padding-top: 10rem
}

.pt-8 {
    padding-top: 2rem
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.text-start {
    text-align: left
}

.align-top {
    vertical-align: top
}

.align-text-bottom {
    vertical-align: text-bottom
}

.font-display {
    font-family: IRANSansMobile-fa, sans-serif
}

.font-heading {
    font-family: IRANSansMobile-fa, sans-serif
}

.font-sans {
    font-family: barlow, sans-serif
}

.\!text-9xl {
    font-size: 7.5rem !important
}

.text-3xl {
    font-size: 2rem
}

.text-\[5vw\] {
    font-size: 5vw
}

.text-base {
    font-size: 1rem
}

.text-lg {
    font-size: 1.25rem
}

.text-sm {
    font-size: .875rem
}

.font-bold {
    font-weight: 700
}

.font-medium {
    font-weight: 500
}

.font-normal {
    font-weight: 400
}

.uppercase {
    text-transform: uppercase
}

.leading-\[0\.9\] {
    line-height: .9
}

.leading-none {
    line-height: 1
}

.leading-tight {
    line-height: 1.25
}

.\!text-gray-950 {
    --tw-text-opacity: 1 !important;
    color: rgb(51 51 51/var(--tw-text-opacity)) !important
}

.text-beige {
    --tw-text-opacity: 1;
    color: rgb(244 241 234/var(--tw-text-opacity))
}

.text-gray-900 {
    --tw-text-opacity: 1;
    color: rgb(108 108 108/var(--tw-text-opacity))
}

.text-gray-950 {
    --tw-text-opacity: 1;
    color: rgb(51 51 51/var(--tw-text-opacity))
}

.text-green {
    --tw-text-opacity: 1;
    color: rgb(80 200 120/var(--tw-text-opacity))
}

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

.text-red {
    --tw-text-opacity: 1;
    color: #4c9172;
}

.text-red900 {
    --tw-text-opacity: 1;
    color: rgb(197 56 56/var(--tw-text-opacity))
}

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

.text-white\/40 {
    color: #fff6
}

.text-white\/50 {
    color: #ffffff80
}

.text-white\/80 {
    color: #fffc
}

.underline {
    text-decoration-line: underline
}

.line-through {
    text-decoration-line: line-through
}

.placeholder-red700::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(221 137 137/var(--tw-placeholder-opacity))
}

.opacity-0 {
    opacity: 0
}

.opacity-100 {
    opacity: 1
}

.opacity-25 {
    opacity: .25
}

.opacity-40 {
    opacity: .4
}

.opacity-50 {
    opacity: .5
}

.opacity-75 {
    opacity: .75
}

.bg-blend-normal {
    background-blend-mode: normal
}

.bg-blend-multiply {
    background-blend-mode: multiply
}

.bg-blend-screen {
    background-blend-mode: screen
}

.bg-blend-overlay {
    background-blend-mode: overlay
}

.bg-blend-darken {
    background-blend-mode: darken
}

.bg-blend-lighten {
    background-blend-mode: lighten
}

.bg-blend-color-dodge {
    background-blend-mode: color-dodge
}

.bg-blend-color-burn {
    background-blend-mode: color-burn
}

.bg-blend-hard-light {
    background-blend-mode: hard-light
}

.bg-blend-soft-light {
    background-blend-mode: soft-light
}

.bg-blend-difference {
    background-blend-mode: difference
}

.bg-blend-exclusion {
    background-blend-mode: exclusion
}

.bg-blend-hue {
    background-blend-mode: hue
}

.bg-blend-saturation {
    background-blend-mode: saturation
}

.bg-blend-color {
    background-blend-mode: color
}

.bg-blend-luminosity {
    background-blend-mode: luminosity
}

.shadow-xl {
    --tw-shadow: 0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.outline-none {
    outline: 2px solid #0000;
    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);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

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

.transition {
    transition-duration: .5s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-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-backdrop-filter;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.transition-\[background-color\2c transform\2c height\] {
    transition-duration: .5s;
    transition-property: background-color, transform, height;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.transition-\[max-height\] {
    transition-duration: .5s;
    transition-property: max-height;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.transition-\[opacity\2c transform\] {
    transition-duration: .5s;
    transition-property: opacity, transform;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.transition-\[transform\] {
    transition-duration: .5s;
    transition-property: transform;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.transition-all {
    transition-duration: .5s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.transition-colors {
    transition-duration: .5s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.transition-opacity {
    transition-duration: .5s;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.transition-transform {
    transition-duration: .5s;
    transition-property: transform;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.delay {
    transition-delay: .5s
}

.delay-1000 {
    transition-delay: 1s
}

.delay-\[2600ms\] {
    transition-delay: 2.6s
}

.duration-1000 {
    transition-duration: 1s
}

.duration-250 {
    transition-duration: .25s
}

.duration-500 {
    transition-duration: .5s
}

.duration-750 {
    transition-duration: .75s
}

.\!ease-linear {
    transition-timing-function: linear !important
}

.ease-in-out {
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.will-change-transform {
    will-change: transform
}

.cc-window {
    opacity: 1;
    transition: opacity 1s ease
}

.cc-window.cc-invisible {
    opacity: 0
}

.cc-animate.cc-revoke {
    transition: transform 1s ease
}

.cc-animate.cc-revoke.cc-top {
    transform: translateY(-2em)
}

.cc-animate.cc-revoke.cc-bottom {
    transform: translateY(2em)
}

.cc-animate.cc-revoke.cc-active.cc-bottom,
.cc-animate.cc-revoke.cc-active.cc-top,
.cc-revoke:hover {
    transform: translateY(0)
}

.cc-grower {
    max-height: 0;
    overflow: hidden;
    transition: max-height 1s
}

.cc-revoke,
.cc-window {
    box-sizing: border-box;
    display: flex;
    flex-wrap: nowrap;
    font-family: Helvetica, Calibri, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.5em;
    overflow: hidden;
    position: fixed;
    z-index: 9999
}

.cc-window.cc-static {
    position: static
}

.cc-window.cc-floating {
    flex-direction: column;
    max-width: 24em;
    padding: 2em
}

.cc-window.cc-banner {
    flex-direction: row;
    padding: 1em 1.8em;
    width: 100%
}

.cc-revoke {
    padding: .5em
}

.cc-revoke:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.cc-header {
    font-size: 18px;
    font-weight: 700
}

.cc-btn,
.cc-close,
.cc-link,
.cc-revoke {
    cursor: pointer
}

.cc-link {
    display: inline-block;
    opacity: .8;
    padding: .2em;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.cc-link:hover {
    opacity: 1
}

.cc-link:active,
.cc-link:visited {
    color: initial
}

.cc-btn {
    border-style: solid;
    border-width: 2px;
    display: block;
    font-size: .9em;
    font-weight: 700;
    padding: .4em .8em;
    text-align: center;
    white-space: nowrap
}

.cc-highlight .cc-btn:first-child {
    background-color: initial;
    border-color: #0000
}

.cc-highlight .cc-btn:first-child:focus,
.cc-highlight .cc-btn:first-child:hover {
    background-color: initial;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.cc-close {
    display: block;
    font-size: 1.6em;
    line-height: .75;
    opacity: .9;
    position: absolute;
    right: .5em;
    top: .5em
}

.cc-close:focus,
.cc-close:hover {
    opacity: 1
}

.cc-revoke.cc-top {
    border-bottom-left-radius: .5em;
    border-bottom-right-radius: .5em;
    left: 3em;
    top: 0
}

.cc-revoke.cc-bottom {
    border-top-left-radius: .5em;
    border-top-right-radius: .5em;
    bottom: 0;
    left: 3em
}

.cc-revoke.cc-left {
    left: 3em;
    right: unset
}

.cc-revoke.cc-right {
    left: unset;
    right: 3em
}

.cc-top {
    top: 1em
}

.cc-left {
    left: 1em
}

.cc-right {
    right: 1em
}

.cc-bottom {
    bottom: 1em
}

.cc-floating>.cc-link {
    margin-bottom: 1em
}

.cc-floating .cc-message {
    display: block;
    margin-bottom: 1em
}

.cc-window.cc-floating .cc-compliance {
    flex: 1 0 auto
}

.cc-window.cc-banner {
    align-items: center
}

.cc-banner.cc-top {
    left: 0;
    right: 0;
    top: 0
}

.cc-banner.cc-bottom {
    bottom: 0;
    left: 0;
    right: 0
}

.cc-banner .cc-message {
    display: block;
    flex: 1 1 auto;
    margin-right: 1em;
    max-width: 100%
}

.cc-compliance {
    align-content: space-between;
    align-items: center;
    display: flex
}

.cc-floating .cc-compliance>.cc-btn {
    flex: 1
}

.cc-btn+.cc-btn {
    margin-left: .5em
}

@media print {

    .cc-revoke,
    .cc-window {
        display: none
    }
}

@media screen and (max-width:900px) {
    .cc-btn {
        white-space: normal
    }
}

@media screen and (max-width:414px) and (orientation:portrait),
screen and (max-width:736px) and (orientation:landscape) {
    .cc-window.cc-top {
        top: 0
    }

    .cc-window.cc-bottom {
        bottom: 0
    }

    .cc-window.cc-banner,
    .cc-window.cc-floating,
    .cc-window.cc-left,
    .cc-window.cc-right {
        left: 0;
        right: 0
    }

    .cc-window.cc-banner {
        flex-direction: column
    }

    .cc-window.cc-banner .cc-compliance {
        flex: 1 1 auto
    }

    .cc-window.cc-floating {
        max-width: none
    }

    .cc-window .cc-message {
        margin-bottom: 1em
    }

    .cc-window.cc-banner {
        align-items: unset
    }

    .cc-window.cc-banner .cc-message {
        margin-right: 0
    }
}

.cc-floating.cc-theme-classic {
    border-radius: 5px;
    padding: 1.2em
}

.cc-floating.cc-type-info.cc-theme-classic .cc-compliance {
    display: inline;
    flex: none;
    text-align: center
}

.cc-theme-classic .cc-btn {
    border-radius: 5px
}

.cc-theme-classic .cc-btn:last-child {
    min-width: 140px
}

.cc-floating.cc-type-info.cc-theme-classic .cc-btn {
    display: inline-block
}

.cc-theme-edgeless.cc-window {
    padding: 0
}

.cc-floating.cc-theme-edgeless .cc-message {
    margin: 2em 2em 1.5em
}

.cc-banner.cc-theme-edgeless .cc-btn {
    height: 100%;
    margin: 0;
    padding: .8em 1.8em
}

.cc-banner.cc-theme-edgeless .cc-message {
    margin-left: 1em
}

.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn {
    margin-left: 0
}

@font-face {
    font-family: swiper-icons;
    font-style: normal;
    font-weight: 400;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIIRANSansMobile-faAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFIRANSansMobile-faODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA")
}

:root {
    --swiper-theme-color: #007aff
}

.swiper,
swiper-container {
    display: block;
    list-style: none;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    padding: 0;
    position: relative;
    z-index: 1
}

.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    box-sizing: initial;
    display: flex;
    height: 100%;
    position: relative;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    width: 100%;
    z-index: 1
}

.swiper-android .swiper-slide,
.swiper-wrapper {
    transform: translateZ(0)
}

.swiper-horizontal {
    touch-action: pan-y
}

.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide,
swiper-slide {
    display: block;
    flex-shrink: 0;
    height: 100%;
    position: relative;
    transition-property: transform;
    width: 100%
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-backface-hidden .swiper-slide {
    backface-visibility: hidden;
    transform: translateZ(0)
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d {
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
    transform-style: preserve-3d
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: #00000026
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(270deg, #00000080, #0000)
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(90deg, #00000080, #0000)
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(0deg, #00000080, #0000)
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(180deg, #00000080, #0000)
}

.swiper-css-mode>.swiper-wrapper {
    -ms-overflow-style: none;
    overflow: auto;
    scrollbar-width: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-horizontal.swiper-css-mode>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-vertical.swiper-css-mode>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-centered>.swiper-wrapper:before {
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always
}

.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-left: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-horizontal>.swiper-wrapper:before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-top: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-vertical>.swiper-wrapper:before {
    height: var(--swiper-centered-offset-after);
    min-width: 1px;
    width: 100%
}

.swiper-lazy-preloader {
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top: 4px solid #0000;
    box-sizing: border-box;
    height: 42px;
    left: 50%;
    margin-left: -21px;
    margin-top: -21px;
    position: absolute;
    top: 50%;
    transform-origin: 50%;
    width: 42px;
    z-index: 10
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s linear infinite
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

body:not(.dom-loaded) .show-on-dom-load {
    opacity: 0
}

body:not(.dom-loaded) .dom-load-text-clip-reveal .clip-item {
    --tw-translate-y: 120%;
    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))
}

.dom-load-text-clip-reveal .clip-item {
    transition-duration: .5s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.show-on-dom-load {
    transition-duration: .5s;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.wiggle {
    animation-duration: 4s;
    animation-iteration-count: infinite;
    animation-name: wiggle;
    animation-timing-function: ease-out, steps(5, jump-start);
    display: block
}

@keyframes wiggle {
    40% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.1)
    }

    60% {
        transform: scale(1)
    }
}

  @font-face {
    font-family: IRANSansMobile-fa;
    font-style: normal;
    font-weight: bold;
    src: url('../assets/fa-Iran-sans-web-bold.woff2');
    font-display: fallback;
  }
  @font-face {
    font-family: IRANSansMobile-fa;
    font-style: normal;
    font-weight: 300;
    src: url('../assets/fa-Iran-sans-web-light.woff2');
    font-display: fallback;
  }
  *{
    font-family: 'IRANSansMobile-fa';
}
.container {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

@media (min-width:768px) {
    .container {
        padding-left: 3rem;
        padding-right: 3rem
    }
}

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

.grid:not([class*=gap-x]) {
    column-gap: 1.5rem
}

@media (min-width:1921px) {
    .container {
        max-width: 1800px
    }
}

main>section:first-child:not(.if-first-no-space) {
    margin-top: 4rem
}

@media (min-width:768px) {
    main>section:first-child:not(.if-first-no-space) {
        margin-top: 5.625rem
    }
}

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

@media (min-width:768px) {
    .apply-py {
        padding-bottom: 7rem;
        padding-top: 7rem
    }
}

.apply-pt {
    padding-top: 4rem
}

@media (min-width:768px) {
    .apply-pt {
        padding-top: 7rem
    }
}

.apply-pb {
    padding-bottom: 4rem
}

@media (min-width:768px) {
    .apply-pb {
        padding-bottom: 7rem
    }
}

body,
html {
    -webkit-font-smoothing: antialiased;
    --tw-text-opacity: 1;
    color: rgb(51 51 51/var(--tw-text-opacity))
}

[class*=display-] {
    font-family: 'IRANSansMobile-fa', sans-serif;
    font-weight: 400;
    line-height: .85;
    text-transform: uppercase
}

.display-0 {
    font-size: 25vw
}

@media (min-width:768px) {
    .display-0 {
        font-size: 15vw
    }
}

.display-1 {
    font-size: 28vw
}

@media (min-width:768px) {
    .display-1 {
        font-size: 16.875rem
    }
}

.display-2 {
    font-size: 25vw
}

@media (min-width:768px) {
    .display-2 {
        font-size: 11.25rem
    }
}

.display-3 {
    font-size: 4rem
}

@media (min-width:768px) {
    .display-3 {
        font-size: 6rem
    }
}

@media (min-width:1280px) {
    .display-3 {
        font-size: 7.5rem
    }
}

.display-4 {
    font-size: 2.5rem
}

@media (min-width:768px) {
    .display-4 {
        font-size: 4rem
    }
}

.display-5 {
    font-size: 2.5rem
}

@media (min-width:768px) {
    .display-5 {
        font-size: 3rem
    }
}

.custom-heading,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'IRANSansMobile-fa', sans-serif;
    font-weight: 400;
    line-height: .9;
    text-transform: uppercase
}

.h1,
h1 {
    font-size: 4rem
}

@media (min-width:1024px) {

    .h1,
    h1 {
        font-size: 4.5rem
    }
}

.h2,
h2 {
    font-size: 2.5rem
}

@media (min-width:768px) {

    .h2,
    h2 {
        font-size: 3rem
    }
}

.h3,
h3 {
    font-size: 2rem
}

@media (min-width:768px) {

    .h3,
    h3 {
        font-size: 2.5rem
    }
}

.h4,
h4 {
    font-size: 1.5rem
}

@media (min-width:768px) {

    .h4,
    h4 {
        font-size: 2rem
    }
}

.h5,
h5 {
    font-size: 1.375rem
}

@media (min-width:768px) {

    .h5,
    h5 {
        font-size: 1.5rem
    }
}

.h6,
h6 {
    font-size: 1.375rem
}

.editor-text p,
.editor-text-blog p {
    margin-bottom: 1rem
}

.editor-text a:not(.btn),
.editor-text-blog a:not(.btn) {
    --tw-border-opacity: 1;
    --tw-text-opacity: 1;
    border-bottom-width: 1px;
    border-color: rgb(195 49 48/var(--tw-border-opacity));
    color: #4c9172;
}

.editor-text h1,
.editor-text h2,
.editor-text h3,
.editor-text h4,
.editor-text h5,
.editor-text-blog h1,
.editor-text-blog h2,
.editor-text-blog h3,
.editor-text-blog h4,
.editor-text-blog h5 {
    font-family: 'IRANSansMobile-fa', sans-serif;
    font-size: 2rem;
    margin-top: .5rem
}

@media (min-width:1280px) {

    .editor-text h1,
    .editor-text h2,
    .editor-text h3,
    .editor-text h4,
    .editor-text h5,
    .editor-text-blog h1,
    .editor-text-blog h2,
    .editor-text-blog h3,
    .editor-text-blog h4,
    .editor-text-blog h5 {
        margin-bottom: .5rem;
        margin-top: 1rem
    }
}

.editor-text ul,
.editor-text-blog ul {
    list-style-type: disc;
    margin-bottom: 1rem;
    margin-top: 1rem;
    padding-left: 1rem
}

.bg-lotus .editor-text {
    color: #fffc
}

.bg-lotus .editor-text h1,
.bg-lotus .editor-text h2,
.bg-lotus .editor-text h3,
.bg-lotus .editor-text h4,
.bg-lotus .editor-text h5 {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.editor-text-blog img {
    border-radius: 1rem;
    height: 100%;
    max-width: none !important;
    position: relative;
    width: 100%
}

@media (min-width:1280px) {
    .editor-text-blog img {
        left: -17%;
        margin-bottom: 3rem;
        margin-top: 3rem;
        width: 135%
    }
}

.text-outline-red {
    -webkit-text-stroke: 1px #4c9172
}

@media (min-width:1921px) {
    html {
        font-size: 20px
    }
}

.btn,
a {
    -webkit-tap-highlight-color: transparent
}

.text a {
    --tw-text-opacity: 1;
    color: #4c9172;;
    transition-duration: .25s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-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-backdrop-filter;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.btn {
    align-items: center;
    border-radius: .625rem;
    border-width: 1px;
    cursor: pointer;
    display: inline-block;
    font-family: 'IRANSansMobile-fa', sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: .8;
    padding: 1.339rem 1.25rem 1.037rem;
    position: relative;
    text-transform: uppercase;
    transition-duration: .25s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    -webkit-user-select: none;
    user-select: none
}

.btn:focus {
    outline-width: 0
}

@media (min-width:1024px) {
    .btn {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }
}

.btn[aria-disabled],
.btn[disabled] {
    opacity: .75;
    pointer-events: none
}

.btn-primary,
.btn-primary-dark {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: #4c9172;
    border-color: #4c9172;
    border-radius: .5rem;
    color: #fff;
}

.btn-primary .editor-text,
.btn-primary-dark .editor-text {
    color: #fffc
}

.btn-primary .editor-text h1,
.btn-primary .editor-text h2,
.btn-primary .editor-text h3,
.btn-primary .editor-text h4,
.btn-primary .editor-text h5,
.btn-primary-dark .editor-text h1,
.btn-primary-dark .editor-text h2,
.btn-primary-dark .editor-text h3,
.btn-primary-dark .editor-text h4,
.btn-primary-dark .editor-text h5 {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.btn-primary-dark.btn-icon:after,
.btn-primary.btn-icon:after {
    filter: brightness(100) grayscale(1)
}

.btn-primary-dark:hover,
.btn-primary:hover {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    background-color:#4c9172;
    border-color: #4c9172;
}

.btn-primary-dark.btn-icon-close:after,
.btn-primary.btn-icon-close:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.707.293.293 1.707 7.586 9 .293 16.293l1.414 1.414L9 10.414l7.293 7.293 1.414-1.414L10.414 9l7.293-7.293L16.293.293 9 7.586 1.707.293Z' fill='%23fff'/%3E%3C/svg%3E")
}

.btn-primary-dark {
    --tw-bg-opacity: 1;
    background-color: rgb(168 42 41/var(--tw-bg-opacity))
}

.btn-icon-close:after {
    --tw-translate-y: -50%;
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    height: .75rem;
    pointer-events: none;
    position: absolute;
    right: 1.5rem;
    top: 50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transition-duration: .25s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    width: .75rem
}

.btn-light {
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    border-color: rgb(255 255 255/var(--tw-border-opacity));
    color: #4c9172;
}

.btn-light,
.btn-light:hover {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1
}

.btn-light:hover {
    background-color: rgb(168 42 41/var(--tw-bg-opacity));
    border-color: rgb(168 42 41/var(--tw-border-opacity));
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.btn-light:hover.btn-icon:after {
    filter: brightness(100) grayscale(1)
}

.btn-light[aria-disabled],
.btn-light[disabled] {
    background-color: #ffffff40;
    border-color: #0000;
    color: #fff6
}

.btn-light[aria-disabled].btn-icon:not(:hover):after,
.btn-light[disabled].btn-icon:not(:hover):after {
    filter: brightness(100) grayscale(1);
    opacity: .4
}

.btn-outline-primary {
    --tw-border-opacity: 1;
    --tw-text-opacity: 1;
    border-color: rgb(195 49 48/var(--tw-border-opacity));
    color: #4c9172;
}

.btn-outline-primary.btn-icon:hover:after {
    filter: brightness(100) grayscale(1)
}

.btn-outline-primary:not([aria-disabled]):hover,
.btn-outline-primary:not([disabled]):hover {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: #4c9172;;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.btn-outline-primary:not([aria-disabled]):hover .editor-text,
.btn-outline-primary:not([disabled]):hover .editor-text {
    color: #fffc
}

.btn-outline-primary:not([aria-disabled]):hover .editor-text h1,
.btn-outline-primary:not([aria-disabled]):hover .editor-text h2,
.btn-outline-primary:not([aria-disabled]):hover .editor-text h3,
.btn-outline-primary:not([aria-disabled]):hover .editor-text h4,
.btn-outline-primary:not([aria-disabled]):hover .editor-text h5,
.btn-outline-primary:not([disabled]):hover .editor-text h1,
.btn-outline-primary:not([disabled]):hover .editor-text h2,
.btn-outline-primary:not([disabled]):hover .editor-text h3,
.btn-outline-primary:not([disabled]):hover .editor-text h4,
.btn-outline-primary:not([disabled]):hover .editor-text h5 {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.btn-outline-primary.active {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: #4c9172;;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.btn-outline-primary.active .editor-text {
    color: #fffc
}

.btn-outline-primary.active .editor-text h1,
.btn-outline-primary.active .editor-text h2,
.btn-outline-primary.active .editor-text h3,
.btn-outline-primary.active .editor-text h4,
.btn-outline-primary.active .editor-text h5 {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.btn-outline-light {
    --tw-border-opacity: 1;
    --tw-text-opacity: 1;
    border-color: rgb(255 255 255/var(--tw-border-opacity));
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.btn-outline-light.btn-icon:not(:hover):after {
    filter: brightness(100) grayscale(1)
}

.btn-outline-light:not([aria-disabled]):hover,
.btn-outline-light:not([disabled]):hover {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    color: #4c9172;
}

.btn-outline-light[aria-disabled],
.btn-outline-light[disabled] {
    --tw-text-opacity: 0.25;
    opacity: 1
}

.btn-outline-light.active {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    color: #4c9172;
}

.btn-icon {
    padding-right: 6rem;
    position: relative
}

.btn-icon:not([aria-disabled]):hover:after,
.btn-icon:not([disabled]):hover:after {
    --tw-translate-x: 0.5rem;
    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))
}

.btn-icon:after {
    --tw-translate-y: -50%;
    background-image: url(../icons/arrow.7dd8d4.svg);
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    height: 1.5rem;
    pointer-events: none;
    position: absolute;
    right: 1.5rem;
    top: 50%;
    transition-duration: .25s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    width: 2.5rem
}

.btn-icon.icon-rotate:hover:after,
.btn-icon:after {
    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))
}

.btn-icon.icon-rotate:hover:after {
    --tw-rotate: -180deg;
    transition-duration: .25s;
    transition-property: transform;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

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

@media (min-width:1280px) {
    .menu .menu-items .has-children:not(:hover) .sub-menu {
        left: -1.5rem;
        opacity: 0;
        pointer-events: none
    }
}

html.menu-open {
    overflow: hidden
}

html.menu-open .menu .logo svg {
    transition-property: none
}

html:not(.menu-open) #app .logo {
    --tw-text-opacity: 1;
    color: #4c9172;
}

html:not(.menu-open) #app .menu:not(.out):not(.stuck) {
    --tw-translate-y: -101%
}

html:not(.menu-open) #app .menu.out,
html:not(.menu-open) #app .menu.stuck:not(.in),
html:not(.menu-open) #app .menu:not(.out):not(.stuck) {
    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))
}

html:not(.menu-open) #app .menu.out,
html:not(.menu-open) #app .menu.stuck:not(.in) {
    --tw-translate-y: 0px
}

html:not(.menu-open) #app .menu.out {
    --tw-border-opacity: 1 !important;
    border-bottom-width: 1px;
    border-color: rgb(225 225 225/var(--tw-border-opacity)) !important
}

html:not(.menu-open) #app .menu.stuck {
    background-color: initial !important;
    border-color: #0000 !important
}

html:not(.menu-open) #app .menu.stuck .header-lang .wpml-ls-sub-menu {
    margin-top: .75rem
}

html:not(.menu-open) #app .menu:not(.out):not(.in).light {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

html:not(.menu-open) #app .menu.in,
html:not(.menu-open) #app .menu.out {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    background-color: rgb(244 241 234/var(--tw-bg-opacity));
    border-bottom-width: 1px;
    border-color: rgb(244 241 234/var(--tw-border-opacity));
    position: fixed;
    transition-duration: .5s;
    transition-property: transform;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

html:not(.menu-open) #app .menu.in .menu-item>a,
html:not(.menu-open) #app .menu.out .menu-item>a {
    margin-bottom: .5rem;
    margin-top: .5rem
}

html:not(.menu-open) #app .menu.in .menu-item>a .label:after,
html:not(.menu-open) #app .menu.out .menu-item>a .label:after {
    --tw-bg-opacity: 1;
    background-color: rgb(108 108 108/var(--tw-bg-opacity))
}

html:not(.menu-open) #app .menu.in .city,
html:not(.menu-open) #app .menu.out .city {
    --tw-translate-y: -2.5rem;
    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))
}

html:not(.menu-open) #app .menu.in .toggle div,
html:not(.menu-open) #app .menu.out .toggle div {
    --tw-bg-opacity: 1;
    background-color: #4c9172;
}

html:not(.menu-open) #app .menu.in .toggle div .editor-text,
html:not(.menu-open) #app .menu.out .toggle div .editor-text {
    color: #fffc
}

html:not(.menu-open) #app .menu.in .toggle div .editor-text h1,
html:not(.menu-open) #app .menu.in .toggle div .editor-text h2,
html:not(.menu-open) #app .menu.in .toggle div .editor-text h3,
html:not(.menu-open) #app .menu.in .toggle div .editor-text h4,
html:not(.menu-open) #app .menu.in .toggle div .editor-text h5,
html:not(.menu-open) #app .menu.out .toggle div .editor-text h1,
html:not(.menu-open) #app .menu.out .toggle div .editor-text h2,
html:not(.menu-open) #app .menu.out .toggle div .editor-text h3,
html:not(.menu-open) #app .menu.out .toggle div .editor-text h4,
html:not(.menu-open) #app .menu.out .toggle div .editor-text h5 {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

@media (max-width:1279px) {
    .menu .sub-menu {
        left: 0;
        margin-top: 0;
        max-height: 0;
        transform: none
    }

    html:not(.menu-open) .menu.in,
    html:not(.menu-open) .menu.out {
        padding-bottom: .5rem;
        padding-top: .5rem
    }

    html:not(.menu-open) .menu .menu-items {
        max-height: 0;
        opacity: 0;
        padding-bottom: 0;
        pointer-events: none
    }

    html.menu-open .logo,
    html.menu-open .menu {
        --tw-text-opacity: 1;
        color: rgb(255 255 255/var(--tw-text-opacity))
    }

    html.menu-open .menu {
        height: 100vh;
        position: fixed
    }

    html.menu-open .menu .mobile-background {
        min-height: 100vh;
        transition-duration: .5s;
        transition-property: all;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1)
    }

    html.menu-open .menu-items {
        height: auto;
        max-height: calc(100vh - 8rem);
        opacity: 1;
        overflow: scroll;
        pointer-events: auto
    }

    html.menu-open .menu-items .menu-items .wpml-ls-slot-3 {
        display: none !important
    }

    html.menu-open .menu-items .menu-item>a {
        --tw-text-opacity: 1;
        color: rgb(255 255 255/var(--tw-text-opacity))
    }

    html.menu-open .menu-items,
    html.menu-open .partial-socials {
        opacity: 1;
        transition-delay: .25s;
        transition-duration: .5s;
        transition-property: opacity;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        visibility: visible
    }

    html.menu-open footer,
    html.menu-open main {
        --tw-translate-y: 100vh;
        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));
        transition-duration: .75s;
        transition-property: transform;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1)
    }

    html.menu-open main {
        overflow: hidden
    }

    html.menu-open .toggle .bottom,
    html.menu-open .toggle .top {
        left: 50%;
        margin-top: 0;
        position: absolute;
        top: 50%;
        transform-origin: 0 0
    }

    html.menu-open .toggle .top {
        transform: rotate(-45deg) translate(-50%, -50%)
    }

    html.menu-open .toggle .bottom {
        transform: rotate(45deg) translate(-50%, -50%)
    }

    html.menu-open .toggle .extra {
        --tw-translate-x: 100%;
        opacity: 0;
        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))
    }
}

.header-lang .wpml-ls-item a {
    border-style: none;
    font-family: 'IRANSansMobile-fa', sans-serif;
    font-size: 1.5rem;
    height: 3rem;
    line-height: 1;
    padding: .8rem 0 !important;
    text-align: center;
    transition-duration: .5s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    width: 3rem
}

.header-lang .wpml-ls-item a span {
    width: 100%
}

.header-lang .wpml-ls-item:not(:last-child) {
    border-bottom-width: 1px;
    border-color: #c33130b3
}

.header-lang .wpml-ls-item .js-wpml-ls-item-toggle {
    --tw-text-opacity: 1 !important;
    border-radius: .5rem;
    color: #4c9172; !important;
    pointer-events: none
}

.header-lang .wpml-ls-item .js-wpml-ls-item-toggle:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(255 255 255/var(--tw-bg-opacity)) !important
}

.header-lang .wpml-ls-item .js-wpml-ls-item-toggle:after {
    display: none !important
}

.header-lang .wpml-ls-item:not(.wpml-ls-current-language) a {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: #4c9172;;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.header-lang .wpml-ls-item:not(.wpml-ls-current-language) a .editor-text {
    color: #fffc
}

.header-lang .wpml-ls-item:not(.wpml-ls-current-language) a .editor-text h1,
.header-lang .wpml-ls-item:not(.wpml-ls-current-language) a .editor-text h2,
.header-lang .wpml-ls-item:not(.wpml-ls-current-language) a .editor-text h3,
.header-lang .wpml-ls-item:not(.wpml-ls-current-language) a .editor-text h4,
.header-lang .wpml-ls-item:not(.wpml-ls-current-language) a .editor-text h5 {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

@media (hover:hover) and (pointer:fine) {
    .header-lang .wpml-ls-item:not(.wpml-ls-current-language) a:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(168 42 41/var(--tw-bg-opacity))
    }
}

.header-lang .wpml-ls-item.wpml-ls-current-language:hover>a {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(255 255 255/var(--tw-bg-opacity)) !important
}

.header-lang .wpml-ls-item .wpml-ls-sub-menu {
    border-style: none;
    margin-top: 1.25rem;
    overflow: hidden
}

.header-lang .wpml-ls-item .wpml-ls-sub-menu li:first-child a {
    border-radius: .5rem .5rem 0 0
}

.header-lang .wpml-ls-item .wpml-ls-sub-menu li:nth-child(2) a {
    border-radius: 0 0 .5rem .5rem
}

.header-lang .wpml-ls-legacy-dropdown {
    width: -moz-fit-content;
    width: fit-content
}

.mobile-lang .wpml-ls-item {
    font-family: 'IRANSansMobile-fa', sans-serif;
    font-size: 1.5rem
}

.mobile-lang .wpml-ls-item span {
    margin-top: .25rem
}

.mobile-lang .wpml-ls-link {
    align-items: center;
    border-radius: .5rem !important;
    display: flex;
    height: 3rem;
    justify-content: center;
    padding: 0 !important;
    width: 3rem
}

.mobile-lang .wpml-ls-link a {
    font-family: 'IRANSansMobile-fa', sans-serif;
    height: 3rem !important;
    padding: 0 !important;
    width: 3rem !important
}

.mobile-lang .wpml-ls-current-language a {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    border-radius: .5rem !important;
    color: #4c9172;
}

.mobile-lang li:not(.wpml-ls-current-language) a {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(168 42 41/var(--tw-bg-opacity));
    border-radius: .5rem !important;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.mobile-lang .wpml-ls-statics-footer {
    border-style: none;
    margin-left: 0;
    margin-right: 0;
    padding: 0
}

.mobile-lang .wpml-ls-statics-footer ul {
    display: flex;
    gap: .5rem
}

table {
    width: 100%
}

table td,
table th {
    margin-bottom: 0;
    padding: .75rem 1.5rem
}

table thead {
    background-color: initial
}

table tbody tr td,
table tbody tr th,
table tfoot tr td,
table tfoot tr th,
table thead th {
    --tw-border-opacity: 1;
    border-color: rgb(225 225 225/var(--tw-border-opacity));
    border-width: 1px
}

main input::placeholder,
main select::placeholder,
main textarea::placeholder {
    --tw-text-opacity: 1;
    color: rgb(160 160 160/var(--tw-text-opacity))
}

main .search-input-wrapper {
    position: relative
}

main .search-input-wrapper:after {
    --tw-translate-y: -50%;
    background-image: url(../icons/search.0e55a3.svg);
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    height: 1.25rem;
    pointer-events: none;
    position: absolute;
    right: 1.5rem;
    top: 50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    width: 1.25rem
}

form:not(.custom-form) {
    transition-duration: .5s;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

form:not(.custom-form) input[type=color],
form:not(.custom-form) input[type=date],
form:not(.custom-form) input[type=datetime-local],
form:not(.custom-form) input[type=datetime],
form:not(.custom-form) input[type=email],
form:not(.custom-form) input[type=month],
form:not(.custom-form) input[type=number],
form:not(.custom-form) input[type=password],
form:not(.custom-form) input[type=range],
form:not(.custom-form) input[type=search],
form:not(.custom-form) input[type=tel],
form:not(.custom-form) input[type=text],
form:not(.custom-form) input[type=time],
form:not(.custom-form) input[type=url],
form:not(.custom-form) input[type=week],
form:not(.custom-form) select,
form:not(.custom-form) textarea {
    --tw-border-opacity: 1;
    border-color: rgb(237 237 237/var(--tw-border-opacity));
    border-radius: .375rem;
    border-width: 1px;
    outline: 2px solid #0000;
    padding: .938rem 1rem;
    transition: outline-color .15s ease-in-out
}

form:not(.custom-form) input[type=color].wpcf7-not-valid,
form:not(.custom-form) input[type=date].wpcf7-not-valid,
form:not(.custom-form) input[type=datetime-local].wpcf7-not-valid,
form:not(.custom-form) input[type=datetime].wpcf7-not-valid,
form:not(.custom-form) input[type=email].wpcf7-not-valid,
form:not(.custom-form) input[type=month].wpcf7-not-valid,
form:not(.custom-form) input[type=number].wpcf7-not-valid,
form:not(.custom-form) input[type=password].wpcf7-not-valid,
form:not(.custom-form) input[type=range].wpcf7-not-valid,
form:not(.custom-form) input[type=search].wpcf7-not-valid,
form:not(.custom-form) input[type=tel].wpcf7-not-valid,
form:not(.custom-form) input[type=text].wpcf7-not-valid,
form:not(.custom-form) input[type=time].wpcf7-not-valid,
form:not(.custom-form) input[type=url].wpcf7-not-valid,
form:not(.custom-form) input[type=week].wpcf7-not-valid,
form:not(.custom-form) select.wpcf7-not-valid,
form:not(.custom-form) textarea.wpcf7-not-valid {
    outline-color: #c33130
}

form:not(.custom-form) input[type=color]:focus,
form:not(.custom-form) input[type=date]:focus,
form:not(.custom-form) input[type=datetime-local]:focus,
form:not(.custom-form) input[type=datetime]:focus,
form:not(.custom-form) input[type=email]:focus,
form:not(.custom-form) input[type=month]:focus,
form:not(.custom-form) input[type=number]:focus,
form:not(.custom-form) input[type=password]:focus,
form:not(.custom-form) input[type=range]:focus,
form:not(.custom-form) input[type=search]:focus,
form:not(.custom-form) input[type=tel]:focus,
form:not(.custom-form) input[type=text]:focus,
form:not(.custom-form) input[type=time]:focus,
form:not(.custom-form) input[type=url]:focus,
form:not(.custom-form) input[type=week]:focus,
form:not(.custom-form) select:focus,
form:not(.custom-form) textarea:focus {
    outline-color: #c331307f
}

form:not(.custom-form) label {
    display: block;
    font-size: 1.125rem;
    margin-top: 2.5rem
}

form:not(.custom-form) .input-text:-webkit-autofill,
form:not(.custom-form) .input-text:-webkit-autofill:active,
form:not(.custom-form) .input-text:-webkit-autofill:focus,
form:not(.custom-form) .input-text:-webkit-autofill:hover,
form:not(.custom-form) .wpcf7-form-control:-webkit-autofill,
form:not(.custom-form) .wpcf7-form-control:-webkit-autofill:active,
form:not(.custom-form) .wpcf7-form-control:-webkit-autofill:focus,
form:not(.custom-form) .wpcf7-form-control:-webkit-autofill:hover {
    -webkit-text-fill-color: #6c6c6c;
    box-shadow: inset 0 0 0 1000px #fff
}

form:not(.custom-form) .input-text:disabled,
form:not(.custom-form) .wpcf7-form-control:disabled {
    cursor: not-allowed
}

.wpcf7 .wpcf7-form-control-wrap {
    display: block;
    width: 100%
}

.wpcf7 .wpcf7-form-control-wrap .wpcf7-form-control {
    width: 100%
}

.wpcf7 .form-input {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    border-radius: .375rem;
    margin-top: 1rem !important;
    padding-bottom: .6875rem;
    padding-top: .6875rem
}

.wpcf7 .checkboxes {
    margin-bottom: .75rem;
    margin-top: .75rem
}

.wpcf7 .checkboxes .mc4wp-checkbox,
.wpcf7 .checkboxes .wpcf7-form-control-wrap {
    margin-top: .75rem
}

.wpcf7 .checkboxes label {
    align-items: center;
    display: flex;
    gap: .75rem;
    justify-content: flex-start;
    line-height: 1;
    margin-top: 0 !important
}

.wpcf7 .checkboxes label span.wpcf7-list-item-control {
    flex-basis: 0.25rem;
    flex-grow: 0;
    flex-shrink: 0
}

.wpcf7 input[type=checkbox] {
    border-radius: .375rem !important;
    min-height: 1rem;
    min-width: 1rem;
    outline-color: #0000 !important
}

.wpcf7 input[type=checkbox]>p {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

.wpcf7 input[type=checkbox]~span {
    font-size: .75rem
}

.wpcf7 .wpcf7-not-valid-tip {
    --tw-text-opacity: 1;
    color: #4c9172;;
    font-family: 'IRANSansMobile-fa', sans-serif;
    font-weight: 400;
    line-height: .9;
    text-transform: uppercase
}

.wpcf7 .wpcf7-not-valid {
    --tw-border-opacity: 1 !important;
    border-color: rgb(195 49 48/var(--tw-border-opacity)) !important;
    border-width: 2px;
    outline-width: 0
}

.wpcf7 .wpcf7-response-output {
    --tw-bg-opacity: 1 !important;
    --tw-text-opacity: 1 !important;
    --tw-shadow: 0 1px 2px 0 #0000000d !important;
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color) !important;
    background-color: #4c9172; !important;
    border-radius: .75rem !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
    color: rgb(255 255 255/var(--tw-text-opacity)) !important;
    padding: .75rem 1rem !important
}

.wpcf7 .wpcf7-response-output .editor-text {
    color: #fffc
}

.wpcf7 .wpcf7-response-output .editor-text h1,
.wpcf7 .wpcf7-response-output .editor-text h2,
.wpcf7 .wpcf7-response-output .editor-text h3,
.wpcf7 .wpcf7-response-output .editor-text h4,
.wpcf7 .wpcf7-response-output .editor-text h5 {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.wpcf7 .loading {
    opacity: .5
}

.wpcf7 .wpcf7-submit {
    margin-top: 1rem
}

@media (min-width:1280px) {
    .wpcf7 .wpcf7-submit {
        margin-top: 1.5rem
    }
}

.grecaptcha-badge,
.screen-reader-response {
    display: none !important
}

.hero-animation-enabled:not(.hero-animation-started) .hero-grid {
    --tw-bg-opacity: 1;
    background-color: #4c9172;
}

.hero-animation-enabled:not(.hero-animation-started) .hero-grid .editor-text {
    color: #fffc
}

.hero-animation-enabled:not(.hero-animation-started) .hero-grid .editor-text h1,
.hero-animation-enabled:not(.hero-animation-started) .hero-grid .editor-text h2,
.hero-animation-enabled:not(.hero-animation-started) .hero-grid .editor-text h3,
.hero-animation-enabled:not(.hero-animation-started) .hero-grid .editor-text h4,
.hero-animation-enabled:not(.hero-animation-started) .hero-grid .editor-text h5 {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.hero-animation-enabled:not(.hero-animation-started) .menu .header-lang,
.hero-animation-enabled:not(.hero-animation-started) .menu .menu-item,
.hero-animation-enabled:not(.hero-animation-started) .menu .toggle-wrap {
    --tw-translate-y: -7rem;
    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))
}

.hero-animation-enabled:not(.hero-animation-started) .menu .logo svg {
    --tw-translate-y: calc(50vh - 2.5rem);
    --tw-scale-x: 2;
    --tw-scale-y: 2;
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255/var(--tw-text-opacity)) !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

@media (min-width:768px) {
    .hero-animation-enabled:not(.hero-animation-started) .menu .logo svg {
        --tw-translate-y: calc(50vh - 3.5rem);
        --tw-scale-x: 2.5;
        --tw-scale-y: 2.5;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }
}

@media (min-width:1280px) {
    .hero-animation-enabled:not(.hero-animation-started) .menu .logo svg {
        --tw-translate-y: calc(50vh - 50% - 1.9rem);
        --tw-scale-x: 3;
        --tw-scale-y: 3;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }
}

@media (min-aspect-ratio:1440/763) {
    .hero-animation-enabled:not(.hero-animation-started) .menu .logo svg {
        --tw-translate-y: calc(3.06rem + 20.1vw);
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }
}

@media (max-width:767px) and (min-aspect-ratio:375/724) {
    .hero-animation-enabled:not(.hero-animation-started) .menu .logo svg {
        --tw-translate-y: calc(2.5375rem + 75vw);
        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))
    }
}

.hero-animation-enabled:not(.hero-animation-started) .menu .logo svg path {
    --tw-translate-y: 100%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.hero-animation-enabled:not(.hero-animation-started) .mask-borders path,
.hero-animation-enabled:not(.hero-animation-started) .mask-borders rect {
    --tw-scale-x: 1.25;
    --tw-scale-y: 1.25;
    opacity: 0;
    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))
}

.hero-animation-enabled:not(.hero-animation-started) .block-hero img {
    --tw-scale-x: .75;
    --tw-scale-y: .75
}

.hero-animation-enabled:not(.hero-animation-started) .block-hero img,
.hero-animation-enabled:not(.hero-animation-started) .cinema-title:nth-child(2n) .owow-marquee-inner {
    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))
}

.hero-animation-enabled:not(.hero-animation-started) .cinema-title:nth-child(2n) .owow-marquee-inner {
    --tw-translate-x: 25%
}

.hero-animation-enabled:not(.hero-animation-started) .cinema-title:nth-child(odd) .owow-marquee-inner {
    --tw-translate-x: -25%
}

.hero-animation-enabled:not(.hero-animation-started) .block-hero .img-wrapper,
.hero-animation-enabled:not(.hero-animation-started) .cinema-title:nth-child(odd) .owow-marquee-inner {
    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))
}

.hero-animation-enabled:not(.hero-animation-started) .block-hero .img-wrapper {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1
}

@media (min-width:1280px) {
    .hero-animation-enabled:not(.hero-animation-started) .block-hero .img-wrapper {
        --tw-scale-x: 1.25;
        --tw-scale-y: 1.25;
        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))
    }
}

.hero-animation-enabled:not(.hero-animation-started) .bottom-menu {
    --tw-translate-y: 200%;
    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))
}

.hero-animation-enabled:not(.hero-animation-started) .cookie-bar {
    opacity: 0
}

@media (min-width:1024px) {
    @media (max-aspect-ratio:1440/763) {
        .hero-animation-enabled.hero-animation-started .hero-dom-loader .mask {
            --tw-scale-x: 4;
            --tw-scale-y: 4;
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
        }
    }

    @media (min-aspect-ratio:1440/763) {
        .hero-animation-enabled.hero-animation-started .hero-dom-loader .mask {
            --tw-scale-x: 3;
            --tw-scale-y: 3;
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
        }
    }
}

@media (max-width:1023px) {
    .hero-animation-enabled.hero-animation-started .hero-dom-loader .mask {
        --tw-scale-x: 3;
        --tw-scale-y: 3;
        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))
    }
}

.hero-animation-enabled.hero-animation-started .hero-dom-loader .mask-borders {
    --tw-scale-x: 3;
    --tw-scale-y: 3;
    opacity: 0;
    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))
}

.hero-animation-enabled.hero-animation-started .block-hero .img-wrapper:after {
    opacity: 0
}

body:not(.home) .block-hero .img-wrapper {
    --tw-bg-opacity: 1;
    background-color: #4c9172;
}

body:not(.home) .block-hero .img-wrapper .editor-text {
    color: #fffc
}

body:not(.home) .block-hero .img-wrapper .editor-text h1,
body:not(.home) .block-hero .img-wrapper .editor-text h2,
body:not(.home) .block-hero .img-wrapper .editor-text h3,
body:not(.home) .block-hero .img-wrapper .editor-text h4,
body:not(.home) .block-hero .img-wrapper .editor-text h5 {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

body:not(.home) .block-hero .img-wrapper:after {
    display: none
}

body:not(.home) .block-hero .img-wrapper img {
    --tw-bg-opacity: 1;
    background-color: #4c9172;;
    transition-duration: .25s;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

body:not(.home) .block-hero .img-wrapper img .editor-text {
    color: #fffc
}

body:not(.home) .block-hero .img-wrapper img .editor-text h1,
body:not(.home) .block-hero .img-wrapper img .editor-text h2,
body:not(.home) .block-hero .img-wrapper img .editor-text h3,
body:not(.home) .block-hero .img-wrapper img .editor-text h4,
body:not(.home) .block-hero .img-wrapper img .editor-text h5 {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

body:not(.home) .block-hero .img-wrapper,
body:not(.home) .block-hero .partial-cinema-title .owow-marquee-inner {
    transition-delay: .25s;
    transition-duration: .75s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

body:not(.home):not(.hero-animation-started) .block-hero .img-wrapper {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

@media (min-width:1280px) {
    body:not(.home):not(.hero-animation-started) .block-hero .img-wrapper {
        --tw-scale-x: .85;
        --tw-scale-y: .85;
        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))
    }
}

body:not(.home):not(.hero-animation-started) .cinema-title:nth-child(2n) .owow-marquee-inner {
    --tw-translate-x: 10%
}

body:not(.home):not(.hero-animation-started) .cinema-title:nth-child(2n) .owow-marquee-inner,
body:not(.home):not(.hero-animation-started) .cinema-title:nth-child(odd) .owow-marquee-inner {
    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))
}

body:not(.home):not(.hero-animation-started) .cinema-title:nth-child(odd) .owow-marquee-inner {
    --tw-translate-x: -10%
}

.hero-animation-enabled .block-hero img,
.hero-dom-loader .mask-borders {
    transition-delay: 2.5s;
    transition-duration: .75s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.hero-animation-enabled .block-hero img path,
.hero-animation-enabled .block-hero img rect,
.hero-dom-loader .mask-borders path,
.hero-dom-loader .mask-borders rect {
    transition-delay: 1s;
    transition-duration: .75s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.hero-animation-enabled .block-hero .partial-cinema-title .owow-marquee-inner {
    transition-delay: 2.5s;
    transition-duration: 3s;
    transition-property: transform;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.hero-dom-loader .mask {
    -webkit-mask-image: url(../icons/hero-mask.de83c8.svg);
    mask-image: url(../icons/hero-mask.de83c8.svg);
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: initial;
    -webkit-mask-size: 100%, auto;
    mask-size: 100%, auto;
    transition-delay: 2.5s;
    transition-duration: .75s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    will-change: transform
}

@media (max-aspect-ratio:1/1) {
    @media (max-width:768px) {
        .hero-dom-loader .mask {
            -webkit-mask-image: url(../icons/hero-mask-portrait.bba4a1.svg);
            mask-image: url(../icons/hero-mask-portrait.bba4a1.svg)
        }
    }

    @media (min-width:768px) {
        .hero-dom-loader .mask {
            -webkit-mask-image: url(../icons/hero-mask-portrait-ipad.9b0cab.svg);
            mask-image: url(../icons/hero-mask-portrait-ipad.9b0cab.svg)
        }
    }

    .block-hero .hero-grid,
    .hero-dom-loader .grid {
        padding-left: .625rem;
        padding-right: .625rem
    }

    .block-hero .img-wrapper,
    .hero-dom-loader .spacer {
        padding-bottom: 150%
    }
}

.hero-dom-loader .mask-borders path,
.hero-dom-loader .mask-borders rect {
    transform-origin: center
}

.menu .header-lang,
.menu .toggle-wrap {
    transition-delay: 2.6s;
    transition-duration: 1s;
    transition-property: transform;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.menu .menu-item {
    transition-duration: 1s;
    transition-property: transform;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.menu .menu-item:first-child {
    transition-delay: 2.5s
}

.menu .menu-item:nth-child(2) {
    transition-delay: 2.6s
}

body.hero-animation-enabled:not(.hero-animation-finished) .menu .logo svg {
    transition-delay: 2.5s;
    transition-duration: .75s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    will-change: transform
}

body.hero-animation-enabled:not(.hero-animation-finished) .menu .logo svg path {
    transition-duration: .5s;
    transition-property: transform;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

body.hero-animation-enabled:not(.hero-animation-finished) .menu .logo svg path:first-child {
    transition-delay: 1225ms
}

body.hero-animation-enabled:not(.hero-animation-finished) .menu .logo svg path:nth-child(2) {
    transition-delay: 1.2s
}

body.hero-animation-enabled:not(.hero-animation-finished) .menu .logo svg path:nth-child(3) {
    transition-delay: 1275ms
}

body.hero-animation-enabled:not(.hero-animation-finished) .menu .logo svg path:nth-child(4) {
    transition-delay: 1.35s
}

body.hero-animation-enabled:not(.hero-animation-finished) .menu .logo svg path:nth-child(n+5) {
    transition-delay: 1425ms
}

.hero-animation-finished .hero-dom-loader {
    display: none
}

.hero-animation-enabled:not(.enable-scroll) {
    overflow: hidden
}

@-moz-document url-prefix() {
    .hero-animation-enabled.hero-animation-started .hero-dom-loader {
        opacity: 0;
        transition-delay: 3s;
        transition-duration: 0ms;
        transition-property: opacity;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1)
    }
}

.hero-animation-enabled:not(.hero-animation-finished) .cookie-bar {
    transition-delay: 4s;
    transition-duration: .5s;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.wpcf7 .wpcf7-response-output {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(108 108 108/var(--tw-bg-opacity));
    border-radius: 1rem;
    color: #4c9172;;
    display: block;
    font-size: .875rem;
    line-height: 1;
    margin: 5rem 1.5rem;
    opacity: 0;
    padding: .7rem 1rem;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 0;
    transform: translateX(120%);
    transition-delay: .25s;
    transition-duration: .5s;
    transition-property: transform;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    z-index: 50;

    @include media-breakpoint-down(md) {
        border-radius: 1rem 0 0 1rem;
        padding-bottom: .7rem;
        padding-left: 1.7rem;
        padding-right: 1.7rem;
        padding-top: .8rem
    }
}

.wpcf7 .failed .wpcf7-response-output,
.wpcf7 .invalid .wpcf7-response-output,
.wpcf7 .sent .wpcf7-response-output,
.wpcf7 .spam .wpcf7-response-output {
    opacity: 1;
    transform: translateX(0)
}

.wpcf7 .failed .wpcf7-response-output.hide-right,
.wpcf7 .invalid .wpcf7-response-output.hide-right,
.wpcf7 .sent .wpcf7-response-output.hide-right,
.wpcf7 .spam .wpcf7-response-output.hide-right {
    transform: translateX(120%)
}

.read-more:not(.read-more-mobile) .dropdown-text {
    max-height: 0
}

.read-more.read-more-mobile:not(.open) .dropdown-text,
.read-more:not(.read-more-mobile):not(.open) .dropdown-text {
    max-height: 0 !important
}

@media (min-width:1280px) {
    .read-more.read-more-mobile:not(.open) .dropdown-text {
        max-height: max-content !important
    }
}

.read-more.open .toggle-arrow .one {
    transform: rotate(90deg) translateY(.425rem)
}

.read-more .toggle-arrow .one {
    transform: translate(-.425rem)
}

.read-more .toggle-arrow .two {
    transform: rotate(-90deg) translateY(-.3rem)
}

.google-maps .gm-style-iw,
.google-maps .gm-style-iw-tc:after {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(244 241 234/var(--tw-bg-opacity)) !important
}

.gm-style-iw-a .gm-style-iw-c {
    padding: 0 !important
}

.gm-style-iw-a .gm-style-iw-d {
    overflow: auto !important;
    padding: .5rem
}

.gm-style-iw-a .gm-ui-hover-effect {
    height: 1.5rem !important;
    left: 1rem;
    opacity: 1;
    right: auto !important;
    top: 1rem !important;
    width: 1.5rem !important
}

.gm-style-iw-a .gm-ui-hover-effect span {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    background-size: cover;
    height: 1.5rem !important;
    margin: 0 !important;
    width: 1.5rem !important
}

.darkness {
    position: relative
}

.darkness:after {
    background: #0003;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.darkness-md:after {
    background: #0000004d
}

.darkness-lg:after {
    background: #0006
}

[data-isotope-filter] input[type=checkbox]:checked~span {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: #4c9172;;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

[data-isotope-filter] input[type=checkbox]:checked~span .editor-text {
    color: #fffc
}

[data-isotope-filter] input[type=checkbox]:checked~span .editor-text h1,
[data-isotope-filter] input[type=checkbox]:checked~span .editor-text h2,
[data-isotope-filter] input[type=checkbox]:checked~span .editor-text h3,
[data-isotope-filter] input[type=checkbox]:checked~span .editor-text h4,
[data-isotope-filter] input[type=checkbox]:checked~span .editor-text h5 {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.restaurant-status.open:after {
    background-image: url(../icons/green-circle.5df140.svg);
    content: ""
}

.restaurant-status.closed:after {
    background-image: url(../icons/red-circle.dbc361.svg);
    content: ""
}

.restaurant-status.closed:after,
.restaurant-status.open:after {
    --tw-translate-y: -50%;
    background-repeat: no-repeat;
    height: .5rem;
    object-fit: contain;
    position: absolute;
    right: -1rem;
    top: 40%;
    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));
    width: .5rem
}

.restaurant-status.closed.list-status:after,
.restaurant-status.open.list-status:after {
    right: -1rem;
    top: 60%
}

@keyframes pulse {
    50% {
        opacity: .5
    }
}

.restaurant-status.closed.list-status:after,
.restaurant-status.open.list-status:after {
    animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite
}

.date-picker .dp__theme_dark,
.date-picker .dp__theme_light {
    --dp-background-color: #fff;
    --dp-text-color: #000;
    --dp-hover-color: #a82a29;
    --dp-hover-text-color: var(--dp-background-color);
    --dp-hover-icon-color: #fff;
    --dp-primary-color: #a82a29;
    --dp-primary-text-color: var(--dp-background-color);
    --dp-secondary-color: #0000004c;
    --dp-border-color: #0000;
    --dp-menu-border-color: #0000;
    --dp-border-color-hover: #0000;
    --dp-disabled-color: #0000004c;
    --dp-scroll-bar-background: #0000;
    --dp-scroll-bar-color: #0000;
    --dp-success-color: #000;
    --dp-success-color-disabled: #0000004c;
    --dp-icon-color: #000;
    --dp-danger-color: #000;
    --dp-highlight-color: #000
}

.date-picker .dp__theme_dark .dp__button,
.date-picker .dp__theme_light .dp__button {
    border-radius: .375rem
}

.date-picker .dp__theme_dark .dp__button:hover,
.date-picker .dp__theme_light .dp__button:hover {
    background: var(--dp-hover-color);
    color: var(--dp-hover-icon-color)
}

.date-picker .dp__theme_dark .dp__inc_dec_button:hover,
.date-picker .dp__theme_light .dp__inc_dec_button:hover {
    color: var(--dp-background-color)
}

.date-picker .dp__calendar,
.date-picker .dp__outer_menu_wrap {
    width: 100%
}

.date-picker .dp__month_year_row {
    height: unset;
    padding: 10px 0
}

.date-picker .dp__month_year_wrap {
    display: flex;
    width: 100%
}

.date-picker .dp__inner_nav:hover {
    background: var(--dp-background-color);
    color: var(--dp-icon-color)
}

.date-picker .dp__month_year_col_nav {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 75px
}

.date-picker .dp__month_year_select {
    text-transform: uppercase
}

.date-picker .dp__calendar_header {
    --tw-border-opacity: 1;
    border-bottom-width: 1px;
    border-color: rgb(225 225 225/var(--tw-border-opacity));
    display: flex;
    justify-content: space-evenly;
    width: 100%
}

.date-picker .dp__calendar_header .dp__calendar_header_item {
    flex: 1;
    font-size: .75rem;
    height: unset;
    text-transform: uppercase;
    width: unset
}

.date-picker .dp__calendar_header_separator {
    display: none
}

.date-picker .dp__calendar_row {
    --tw-border-opacity: 1;
    border-bottom-width: 1px;
    border-color: rgb(225 225 225/var(--tw-border-opacity));
    justify-content: space-evenly;
    margin: unset;
    width: 100%
}

.date-picker .dp__calendar_row:last-child {
    border-bottom-width: 0
}

.date-picker .dp__calendar_row .dp__calendar_item {
    --tw-border-opacity: 1;
    align-content: center;
    align-items: center;
    aspect-ratio: 1;
    border-color: rgb(225 225 225/var(--tw-border-opacity));
    border-right-width: 1px;
    display: flex;
    justify-content: center
}

.date-picker .dp__calendar_row .dp__calendar_item:last-child {
    border-right-width: 0
}

.date-picker .dp__calendar_row .dp__calendar_item .dp__cell_inner {
    border-radius: 100%
}

.block-blog-showcase .swiper-slide:not(.swiper-slide-active) .content {
    opacity: 0
}

@media (min-width:640px) {
    .block-blog-showcase .swiper-slide:not(.swiper-slide-active) .content {
        opacity: 1
    }
}

@media (min-aspect-ratio:16/9) {

    .vimeo-player .thumIRANSansMobile-faail,
    .vimeo-player.hero,
    .vimeo-player.hero iframe {
        height: 56.25vw;
        width: 100vw
    }
}

@media (max-aspect-ratio:16/9) {

    .vimeo-player .thumIRANSansMobile-faail,
    .vimeo-player.hero,
    .vimeo-player.hero iframe {
        height: 100vh;
        width: 177.8vh
    }
}

.vimeo-player.hero .thumIRANSansMobile-faail,
.vimeo-player.hero iframe {
    position: absolute
}

@media (min-aspect-ratio:16/9) {

    .vimeo-player.hero .thumIRANSansMobile-faail,
    .vimeo-player.hero iframe {
        top: 50%;
        transform: translateY(-50%)
    }
}

@media (max-aspect-ratio:16/9) {

    .vimeo-player.hero .thumIRANSansMobile-faail,
    .vimeo-player.hero iframe {
        left: 50%;
        transform: translateX(-50%)
    }
}

.vimeo-player:not(.hero),
.vimeo-player:not(.hero) .thumIRANSansMobile-faail,
.vimeo-player:not(.hero) iframe {
    height: 100%;
    width: 100%
}

.vimeo-player.loading .overlay {
    cursor: wait
}

.vimeo-player.playing .overlay {
    cursor: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEgMWg1djE4SDFWMVptMTAgMGg1djE4aC01VjFaIiBmaWxsPSIjRkZGIi8+PC9zdmc+), auto
}

.vimeo-player.controls-enabled .overlay,
.vimeo-player.controls-enabled .thumIRANSansMobile-faail,
.vimeo-player.disable-play-button .overlay {
    display: none
}

.timeline-item .timeline-item-title:after,
.timeline-item .timeline-item-title:before {
    --tw-bg-opacity: 1;
    background-color: #4c9172;;
    border-radius: 9999px;
    display: block;
    height: 1rem;
    position: absolute;
    top: 0;
    width: 1rem
}

.timeline-item .timeline-item-title:after .editor-text,
.timeline-item .timeline-item-title:before .editor-text {
    color: #fffc
}

.timeline-item .timeline-item-title:after .editor-text h1,
.timeline-item .timeline-item-title:after .editor-text h2,
.timeline-item .timeline-item-title:after .editor-text h3,
.timeline-item .timeline-item-title:after .editor-text h4,
.timeline-item .timeline-item-title:after .editor-text h5,
.timeline-item .timeline-item-title:before .editor-text h1,
.timeline-item .timeline-item-title:before .editor-text h2,
.timeline-item .timeline-item-title:before .editor-text h3,
.timeline-item .timeline-item-title:before .editor-text h4,
.timeline-item .timeline-item-title:before .editor-text h5 {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

@media (min-width:768px) {

    .timeline-item .timeline-item-title:after,
    .timeline-item .timeline-item-title:before {
        height: 1.5rem;
        width: 1.5rem
    }
}

@media (min-width:1024px) {

    .timeline-item .timeline-item-title:after,
    .timeline-item .timeline-item-title:before {
        height: 2rem;
        width: 2rem
    }
}

.timeline-item .timeline-item-title:before {
    --tw-translate-x: -50%;
    --tw-content: "";
    content: var(--tw-content);
    left: .125rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

@media (min-width:1024px) {
    .timeline-item.even .timeline-item-title:before {
        --tw-content: unset;
        content: var(--tw-content)
    }

    .timeline-item.even .timeline-item-title:after,
    .timeline-item.odd .timeline-item-title:before {
        --tw-content: "";
        content: var(--tw-content)
    }

    .timeline-item.even .timeline-item-title:after {
        --tw-translate-x: 100%;
        right: .125rem
    }

    .timeline-item.even .timeline-item-title:after,
    .timeline-item.odd .timeline-item-title:before {
        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))
    }

    .timeline-item.odd .timeline-item-title:before {
        --tw-translate-x: -100%;
        left: 6px;
        top: 0
    }

    .timeline-item.odd>div:first-of-type {
        order: 2
    }

    .timeline-item.odd>div:nth-of-type(2) {
        order: 1
    }
}

.timeline-items {
    position: relative
}

.timeline-items .line {
    background-image: linear-gradient(#c33130 33%, #fff0 0);
    background-position: 50%;
    background-repeat: repeat-y;
    background-size: .25rem 2.5rem;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: .25rem
}

.timeline-items .line:after,
.timeline-items .line:before {
    --tw-bg-opacity: 1;
    --tw-content: "";
    background-color: #4c9172;;
    border-radius: 9999px;
    content: var(--tw-content);
    display: block;
    height: 1rem;
    left: .125rem;
    position: absolute;
    width: 1rem
}

.timeline-items .line:after .editor-text,
.timeline-items .line:before .editor-text {
    color: #fffc
}

.timeline-items .line:after .editor-text h1,
.timeline-items .line:after .editor-text h2,
.timeline-items .line:after .editor-text h3,
.timeline-items .line:after .editor-text h4,
.timeline-items .line:after .editor-text h5,
.timeline-items .line:before .editor-text h1,
.timeline-items .line:before .editor-text h2,
.timeline-items .line:before .editor-text h3,
.timeline-items .line:before .editor-text h4,
.timeline-items .line:before .editor-text h5 {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

@media (min-width:768px) {

    .timeline-items .line:after,
    .timeline-items .line:before {
        height: 1.5rem;
        width: 1.5rem
    }
}

@media (min-width:1024px) {

    .timeline-items .line:after,
    .timeline-items .line:before {
        height: 2rem;
        width: 2rem
    }
}

.timeline-items .line:before {
    --tw-translate-x: -50%;
    --tw-translate-y: -50%;
    top: 0
}

.timeline-items .line:after,
.timeline-items .line:before {
    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))
}

.timeline-items .line:after {
    --tw-translate-x: -50%;
    --tw-translate-y: 50%;
    bottom: 0
}

.timeline-items .timeline-item .timeline-item-image,
.timeline-items .timeline-item .timeline-item-texts>* {
    padding-left: 2rem
}

@media (min-width:1024px) {
    .timeline-items .line {
        left: 50%
    }

    .timeline-items .timeline-item.even .timeline-item-texts>* {
        padding-left: 0;
        padding-right: 4rem
    }

    .timeline-items .timeline-item.even .timeline-item-image,
    .timeline-items .timeline-item.odd .timeline-item-texts>* {
        padding-left: 4rem
    }

    .timeline-items .timeline-item.odd .timeline-item-image {
        padding-left: 0;
        padding-right: 4rem
    }
}

@media (max-width:768px) {
    .timeline-items .line {
        background-size: 2px 2rem
    }
}

.dp__input_wrap {
    box-sizing: unset;
    position: relative;
    width: 100%
}

.dp__input_wrap:focus {
    border-color: var(--dp-border-color-hover);
    outline: none
}

.dp__input {
    background-color: var(--dp-background-color);
    border: 1px solid var(--dp-border-color);
    border-radius: var(--dp-border-radius, 4px);
    box-sizing: border-box;
    color: var(--dp-text-color);
    font-family: 'IRANSansMobile-fa', sans-serif;
    font-size: 1rem;
    line-height: 1.5rem;
    outline: none;
    padding: 6px 30px 6px 12px;
    transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
    width: 100%
}

.dp__input::placeholder {
    opacity: .7
}

.dp__input:hover {
    border-color: var(--dp-border-color-hover)
}

.dp__input_reg {
    caret-color: #0000
}

.dp__input_focus {
    border-color: var(--dp-border-color-hover)
}

.dp__disabled {
    background: var(--dp-disabled-color)
}

.dp__disabled::placeholder {
    color: var(--dp-disabled-color-text)
}

.dp__input_icons {
    stroke-width: 0;
    box-sizing: initial;
    color: var(--dp-icon-color);
    display: inline-block;
    font-size: 1rem;
    height: 1rem;
    line-height: 1.5rem;
    padding: 6px 12px;
    width: 1rem
}

.dp__input_icon {
    left: 0
}

.dp__clear_icon,
.dp__input_icon {
    color: var(--dp-icon-color);
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.dp__clear_icon {
    right: 0
}

.dp__input_icon_pad {
    padding-left: 35px
}

.dp__input_valid {
    box-shadow: 0 0 var(--dp-border-radius, 4px) var(--dp-success-color)
}

.dp__input_valid,
.dp__input_valid:hover {
    border-color: var(--dp-success-color)
}

.dp__input_invalid {
    box-shadow: 0 0 var(--dp-border-radius, 4px) var(--dp-danger-color)
}

.dp__input_invalid,
.dp__input_invalid:hover {
    border-color: var(--dp-danger-color)
}

.dp__menu {
    background: var(--dp-background-color);
    border: 1px solid var(--dp-menu-border-color);
    border-radius: var(--dp-border-radius, 4px);
    font-family: 'IRANSansMobile-fa', sans-serif;
    font-size: 1rem;
    min-width: 260px;
    position: absolute;
    -webkit-user-select: none;
    user-select: none
}

.dp__menu,
.dp__menu:after,
.dp__menu:before {
    box-sizing: border-box
}

.dp__menu:focus {
    border: 1px solid var(--dp-menu-border-color);
    outline: none
}

.dp__menu_index {
    z-index: 99999
}

.dp__menu_disabled,
.dp__menu_readonly {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

.dp__menu_disabled {
    background: #ffffff80;
    cursor: not-allowed
}

.dp__menu_readonly {
    background: #0000;
    cursor: default
}

.dp__arrow_top {
    border-left: 1px solid var(--dp-menu-border-color);
    border-top: 1px solid var(--dp-menu-border-color);
    top: -1px;
    transform: translate(-50%, -50%) rotate(45deg)
}

.dp__arrow_bottom,
.dp__arrow_top {
    background-color: var(--dp-background-color);
    height: 12px;
    left: 50%;
    position: absolute;
    width: 12px
}

.dp__arrow_bottom {
    border-bottom: 1px solid var(--dp-menu-border-color);
    border-right: 1px solid var(--dp-menu-border-color);
    bottom: -1px;
    transform: translate(-50%, 50%) rotate(45deg)
}

.dp__now_wrap {
    padding: 2px 0;
    text-align: center
}

.dp__now_button {
    background: #0000;
    border: 1px solid var(--dp-primary-color);
    border-radius: var(--dp-border-radius, 4px);
    color: var(--dp-primary-color);
    cursor: pointer;
    font-size: 1rem;
    font-weight: 700;
    padding: 0 4px
}

.dp__preset_ranges,
.dp__sidebar_left {
    border-right: 1px solid var(--dp-border-color);
    padding: 5px
}

.dp__sidebar_right {
    border-left: 1px solid var(--dp-border-color);
    padding: 5px
}

.dp__preset_range {
    padding: 5px
}

.dp__preset_range:hover {
    background-color: var(--dp-hover-color);
    cursor: pointer
}

.dp__menu_content_wrapper {
    display: flex
}

.dp__calendar_wrap {
    flex: 0;
    flex-direction: column;
    font-family: IRANSansMobile-fa, sans-serif
}

.dp__calendar_header,
.dp__calendar_wrap {
    align-items: center;
    display: flex;
    justify-content: center
}

.dp__calendar_header {
    color: var(--dp-text-color);
    font-weight: 700;
    position: relative;
    white-space: nowrap
}

.dp__calendar_header_item {
    box-sizing: border-box;
    flex-grow: 1;
    height: 35px;
    padding: 5px;
    text-align: center;
    width: 35px
}

.dp__calendar_row {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 5px 0
}

.dp__calendar_item {
    box-sizing: border-box;
    color: var(--dp-text-color);
    flex-grow: 1;
    text-align: center
}

.dp__calendar {
    position: relative
}

.dp__calendar_header_cell {
    border-bottom: thin solid var(--dp-border-color);
    padding: .5rem
}

.dp__cell_inner {
    align-items: center;
    border: 1px solid #0000;
    border-radius: var(--dp-border-radius, 4px);
    box-sizing: border-box;
    display: flex;
    height: 35px;
    justify-content: center;
    padding: 5px;
    position: relative;
    text-align: center;
    width: 35px
}

.dp__cell_auto_range_start,
.dp__date_hover_start:hover,
.dp__range_start {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.dp__cell_auto_range_end,
.dp__date_hover_end:hover,
.dp__range_end {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.dp__active_date,
.dp__range_end,
.dp__range_start {
    background: var(--dp-primary-color);
    color: var(--dp-primary-text-color)
}

.dp__cell_auto_range_end,
.dp__cell_auto_range_start {
    border-bottom: 1px dashed var(--dp-primary-color);
    border-top: 1px dashed var(--dp-primary-color)
}

.dp__date_hover:hover,
.dp__date_hover_end:hover,
.dp__date_hover_start:hover {
    background: var(--dp-hover-color);
    color: var(--dp-hover-text-color)
}

.dp__cell_disabled,
.dp__cell_offset {
    color: var(--dp-secondary-color)
}

.dp__cell_disabled {
    cursor: not-allowed
}

.dp__range_between {
    background: var(--dp-hover-color);
    border-bottom: 1px solid var(--dp-hover-color);
    border-radius: 0;
    border-top: 1px solid var(--dp-hover-color)
}

.dp__range_between_week {
    background: var(--dp-primary-color);
    border-bottom: 1px solid var(--dp-primary-color);
    border-radius: 0;
    border-top: 1px solid var(--dp-primary-color);
    color: var(--dp-primary-text-color)
}

.dp__today {
    border: 1px solid var(--dp-primary-color)
}

.dp__week_num {
    color: var(--dp-secondary-color);
    text-align: center
}

.dp__cell_auto_range {
    border-bottom: 1px dashed var(--dp-primary-color);
    border-radius: 0;
    border-top: 1px dashed var(--dp-primary-color)
}

.dp__cell_auto_range_start {
    border-left: 1px dashed var(--dp-primary-color)
}

.dp__cell_auto_range_end {
    border-right: 1px dashed var(--dp-primary-color)
}

.dp__calendar_header_separator {
    background: var(--dp-border-color);
    height: 1px;
    width: 100%
}

.dp__calendar_next {
    margin-left: 10px
}

.dp__marker_dot,
.dp__marker_line {
    background-color: var(--dp-marker-color);
    bottom: 0;
    height: 5px;
    position: absolute
}

.dp__marker_dot {
    border-radius: 50%;
    left: 50%;
    transform: translateX(-50%);
    width: 5px
}

.dp__marker_line {
    left: 0;
    width: 100%
}

.dp__marker_tooltip {
    background-color: var(--dp-tooltip-color);
    border: 1px solid var(--dp-border-color);
    border-radius: var(--dp-border-radius, 4px);
    box-sizing: border-box;
    cursor: default;
    padding: 5px;
    position: absolute;
    z-index: 99999
}

.dp__tooltip_content {
    white-space: nowrap
}

.dp__tooltip_text {
    align-items: center;
    color: var(--dp-text-color);
    display: flex;
    flex-flow: row nowrap
}

.dp__tooltip_mark {
    background-color: var(--dp-text-color);
    border-radius: 50%;
    color: var(--dp-text-color);
    height: 5px;
    margin-right: 5px;
    width: 5px
}

.dp__arrow_bottom_tp {
    background-color: var(--dp-tooltip-color);
    border-bottom: 1px solid var(--dp-border-color);
    border-right: 1px solid var(--dp-border-color);
    bottom: 0;
    height: 8px;
    position: absolute;
    transform: translate(-50%, 50%) rotate(45deg);
    width: 8px
}

.dp__instance_calendar {
    position: relative;
    width: 100%
}

@media only screen and (max-width:600px) {
    .dp__flex_display {
        flex-direction: column
    }
}

.dp__cell_highlight {
    background-color: var(--dp-highlight-color)
}

.dp__month_year_row {
    align-items: center;
    box-sizing: border-box;
    color: var(--dp-text-color);
    display: flex;
    height: 35px
}

.dp__inner_nav {
    align-items: center;
    border-radius: 50%;
    color: var(--dp-icon-color);
    cursor: pointer;
    display: flex;
    height: 25px;
    justify-content: center;
    text-align: center;
    width: 25px
}

.dp__inner_nav svg {
    height: 20px;
    width: 20px
}

.dp__inner_nav:hover {
    background: var(--dp-hover-color);
    color: var(--dp-hover-icon-color)
}

.dp__inner_nav_disabled,
.dp__inner_nav_disabled:hover {
    background: var(--dp-disabled-color);
    color: var(--dp-disabled-color-text);
    cursor: not-allowed
}

.dp__month_year_select {
    align-items: center;
    border-radius: var(--dp-border-radius, 4px);
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    height: 35px;
    justify-content: center;
    text-align: center;
    width: 50%
}

.dp__month_year_select:hover {
    background: var(--dp-hover-color);
    color: var(--dp-hover-text-color)
}

.dp__month_year_wrap {
    display: flex;
    width: 100%
}

.dp__overlay {
    background: var(--dp-background-color);
    box-sizing: border-box;
    color: var(--dp-text-color);
    font-family: 'IRANSansMobile-fa', sans-serif;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: opacity 1s ease-out;
    width: 100%;
    z-index: 99999
}

.dp__overlay_container::-webkit-scrollbar-track {
    background-color: var(--dp-scroll-bar-background);
    box-shadow: var(--dp-scroll-bar-background)
}

.dp__overlay_container::-webkit-scrollbar {
    background-color: var(--dp-scroll-bar-background);
    width: 5px
}

.dp__overlay_container::-webkit-scrollbar-thumb {
    background-color: var(--dp-scroll-bar-color);
    border-radius: 10px
}

.dp__overlay:focus {
    border: none;
    outline: none
}

.dp__container_flex {
    display: flex
}

.dp__container_block {
    display: block
}

.dp__overlay_container {
    flex-direction: column;
    overflow-y: auto
}

.dp__time_picker_overlay_container {
    height: 100%
}

.dp__overlay_row {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    padding: 0;
    width: 100%
}

.dp__overlay_container>.dp__overlay_row {
    flex: 1
}

.dp__overlay_col {
    box-sizing: border-box;
    padding: 3px;
    white-space: nowrap;
    width: 33%
}

.dp__overlay_cell_pad {
    padding: 10px 0
}

.dp__overlay_cell_active {
    background: var(--dp-primary-color);
    color: var(--dp-primary-text-color)
}

.dp__overlay_cell,
.dp__overlay_cell_active {
    border-radius: var(--dp-border-radius, 4px);
    cursor: pointer;
    text-align: center
}

.dp__cell_in_between,
.dp__overlay_cell:hover {
    background: var(--dp-hover-color);
    color: var(--dp-hover-text-color)
}

.dp__overlay_action {
    bottom: 0;
    position: sticky
}

.dp__over_action_scroll {
    box-sizing: border-box;
    right: 5px
}

.dp__overlay_cell_disabled {
    cursor: not-allowed
}

.dp__overlay_cell_disabled,
.dp__overlay_cell_disabled:hover {
    background: var(--dp-disabled-color)
}

.dp__overlay_cell_active_disabled {
    cursor: not-allowed
}

.dp__overlay_cell_active_disabled,
.dp__overlay_cell_active_disabled:hover {
    background: var(--dp-primary-disabled-color)
}

.dp__month_picker_header {
    height: 35px;
    justify-content: space-between
}

.dp__month_picker_header,
.dp__time_input {
    align-items: center;
    display: flex;
    width: 100%
}

.dp__time_input {
    color: var(--dp-text-color);
    font-family: 'IRANSansMobile-fa', sans-serif;
    justify-content: center;
    -webkit-user-select: none;
    user-select: none
}

.dp__time_col_reg {
    padding: 0 20px
}

.dp__time_col_reg_with_button {
    padding: 0 15px
}

.dp__time_col_sec {
    padding: 0 10px
}

.dp__time_col_sec_with_button {
    padding: 0 5px
}

.dp__time_col {
    flex-direction: column;
    font-size: 2rem;
    text-align: center
}

.dp__time_col,
.dp__time_display {
    align-items: center;
    display: flex;
    justify-content: center
}

.dp__time_display {
    border-radius: var(--dp-border-radius, 4px);
    color: var(--dp-text-color);
    cursor: pointer;
    padding: 0 3px
}

.dp__time_display:hover {
    background: var(--dp-hover-color);
    color: var(--dp-hover-text-color)
}

.dp__inc_dec_button {
    align-items: center;
    border-radius: 50%;
    box-sizing: border-box;
    color: var(--dp-icon-color);
    cursor: pointer;
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 5px
}

.dp__inc_dec_button,
.dp__inc_dec_button svg {
    height: 32px;
    width: 32px
}

.dp__inc_dec_button:hover {
    background: var(--dp-hover-color);
    color: var(--dp-primary-color)
}

.dp__inc_dec_button_disabled,
.dp__inc_dec_button_disabled:hover {
    background: var(--dp-disabled-color);
    color: var(--dp-disabled-color-text);
    cursor: not-allowed
}

.dp__pm_am_button {
    background: var(--dp-primary-color);
    border: none;
    border-radius: var(--dp-border-radius, 4px);
    color: var(--dp-primary-text-color);
    cursor: pointer;
    padding: 10px
}

.dp__action_row {
    align-items: center;
    box-sizing: border-box;
    color: var(--dp-text-color);
    display: flex;
    padding: 10px;
    width: 100%
}

.dp__action_row svg {
    height: 20px;
    width: auto
}

.dp__selection_preview {
    color: var(--dp-text-color);
    font-size: .8rem;
    width: 50%
}

.dp__action_buttons {
    text-align: right;
    width: 50%
}

.dp__action {
    align-items: center;
    border-radius: var(--dp-border-radius, 4px);
    cursor: pointer;
    display: inline-flex;
    font-weight: 700;
    padding: 2px 5px
}

.dp__select {
    color: var(--dp-success-color)
}

.dp__action_disabled {
    color: var(--dp-success-color-disabled);
    cursor: not-allowed
}

.dp__cancel {
    color: var(--dp-secondary-color)
}

.dp__theme_dark {
    --dp-background-color: #212121;
    --dp-text-color: #fff;
    --dp-hover-color: #484848;
    --dp-hover-text-color: #fff;
    --dp-hover-icon-color: #959595;
    --dp-primary-color: #005cb2;
    --dp-primary-disabled-color: #61a8ea;
    --dp-primary-text-color: #fff;
    --dp-secondary-color: #a9a9a9;
    --dp-border-color: #2d2d2d;
    --dp-menu-border-color: #2d2d2d;
    --dp-border-color-hover: #aaaeb7;
    --dp-disabled-color: #737373;
    --dp-disabled-color-text: #d0d0d0;
    --dp-scroll-bar-background: #212121;
    --dp-scroll-bar-color: #484848;
    --dp-success-color: #00701a;
    --dp-success-color-disabled: #428f59;
    --dp-icon-color: #959595;
    --dp-danger-color: #e53935;
    --dp-marker-color: #e53935;
    --dp-tooltip-color: #3e3e3e;
    --dp-highlight-color: #005cb233
}

.dp__theme_light {
    --dp-background-color: #fff;
    --dp-text-color: #212121;
    --dp-hover-color: #f3f3f3;
    --dp-hover-text-color: #212121;
    --dp-hover-icon-color: #959595;
    --dp-primary-color: #1976d2;
    --dp-primary-disabled-color: #6bacea;
    --dp-primary-text-color: #f8f5f5;
    --dp-secondary-color: #c0c4cc;
    --dp-border-color: #ddd;
    --dp-menu-border-color: #ddd;
    --dp-border-color-hover: #aaaeb7;
    --dp-disabled-color: #f6f6f6;
    --dp-scroll-bar-background: #f3f3f3;
    --dp-scroll-bar-color: #959595;
    --dp-success-color: #76d275;
    --dp-success-color-disabled: #a3d9b1;
    --dp-icon-color: #959595;
    --dp-danger-color: #ff6f60;
    --dp-marker-color: #ff6f60;
    --dp-tooltip-color: #fafafa;
    --dp-disabled-color-text: #8e8e8e;
    --dp-highlight-color: #1976d21a
}

.dp__main {
    box-sizing: border-box;
    font-family: 'IRANSansMobile-fa', sans-serif;
    position: relative;
    -webkit-user-select: none;
    user-select: none;
    width: 100%
}

.dp__pointer {
    cursor: pointer
}

.dp__icon {
    stroke: currentcolor;
    fill: currentcolor
}

.dp__button {
    align-content: center;
    align-items: center;
    box-sizing: border-box;
    color: var(--dp-icon-color);
    cursor: pointer;
    display: flex;
    height: 35px;
    justify-content: center;
    padding: 10px;
    text-align: center;
    width: 100%
}

.dp__button:hover {
    background: var(--dp-hover-color);
    color: var(--dp-hover-icon-color)
}

.dp__button svg {
    height: 20px;
    width: auto
}

.dp__button_bottom {
    border-bottom-left-radius: var(--dp-border-radius, 4px);
    border-bottom-right-radius: var(--dp-border-radius, 4px)
}

.dp__flex_display {
    display: flex
}

.dp__flex_display_with_input {
    align-items: start;
    flex-direction: column
}

.dp__relative {
    position: relative
}

.calendar-next-enter-active,
.calendar-next-leave-active,
.calendar-prev-enter-active,
.calendar-prev-leave-active {
    transition: all .1s ease-out
}

.calendar-next-enter-from {
    opacity: 0;
    transform: translateX(22px)
}

.calendar-next-leave-to,
.calendar-prev-enter-from {
    opacity: 0;
    transform: translateX(-22px)
}

.calendar-prev-leave-to {
    opacity: 0;
    transform: translateX(22px)
}

.dp-menu-appear-enter-active,
.dp-menu-appear-leave-active,
.dp-slide-down-enter-active,
.dp-slide-down-leave-active,
.dp-slide-up-enter-active,
.dp-slide-up-leave-active {
    transition: all .1s ease-out
}

.dp-slide-down-leave-to,
.dp-slide-up-enter-from {
    opacity: 0;
    transform: translateY(22px)
}

.dp-slide-down-enter-from,
.dp-slide-up-leave-to {
    opacity: 0;
    transform: translateY(-22px)
}

.dp-menu-appear-enter-from {
    opacity: 0
}

.dp-menu-appear-enter-active,
.dp-menu-appear-leave-active {
    transition: opacity .1s ease
}

.dp-menu-appear-leave-to {
    opacity: 1
}

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

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

.before\:top-0:before {
    content: var(--tw-content);
    top: 0
}

.before\:h-full:before {
    content: var(--tw-content);
    height: 100%
}

.before\:w-\[calc\(100vw-1rem\)\]:before {
    content: var(--tw-content);
    width: calc(100vw - 1rem)
}

.before\:-translate-x-1\/2:before {
    --tw-translate-x: -50%;
    content: var(--tw-content);
    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))
}

.before\:rounded-2xl:before {
    border-radius: 1rem;
    content: var(--tw-content)
}

.before\:bg-beige-light:before {
    --tw-bg-opacity: 1;
    background-color: rgb(251 251 248/var(--tw-bg-opacity));
    content: var(--tw-content)
}

.before\:bg-lotus:before {
    --tw-bg-opacity: 1;
    background-color: #4c9172;;
    content: var(--tw-content)
}

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

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

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

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

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

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

.after\:bg-lotus:after {
    --tw-bg-opacity: 1;
    background-color: #4c9172;;
    content: var(--tw-content)
}

.after\:transition-opacity:after {
    content: var(--tw-content);
    transition-duration: .5s;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.after\:delay-1000:after {
    content: var(--tw-content);
    transition-delay: 1s
}

.after\:duration-750:after {
    content: var(--tw-content);
    transition-duration: .75s
}

@media (hover:hover) and (pointer:fine) {
    .hover\:rotate-45:hover {
        --tw-rotate: 45deg;
        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))
    }

    .hover\:border-red900:hover {
        --tw-border-opacity: 1;
        border-color: rgb(197 56 56/var(--tw-border-opacity))
    }

    .hover\:bg-lotus:hover {
        --tw-bg-opacity: 1;
        background-color: #4c9172;
    }

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

    .hover\:fill-red900:hover {
        fill: #4c9172
    }

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

    .hover\:text-red:hover {
        --tw-text-opacity: 1;
        color: #4c9172;
    }

    .hover\:text-red900:hover {
        --tw-text-opacity: 1;
        color: rgb(197 56 56/var(--tw-text-opacity))
    }

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

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

    .group:hover .group-hover\:text-gray-950 {
        --tw-text-opacity: 1;
        color: rgb(51 51 51/var(--tw-text-opacity))
    }

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

    .group:hover .group-hover\:brightness-0 {
        --tw-brightness: brightness(0)
    }

    .group:hover .group-hover\:brightness-0,
    .group:hover .group-hover\:brightness-\[5\] {
        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)
    }

    .group:hover .group-hover\:brightness-\[5\] {
        --tw-brightness: brightness(5)
    }
}

.dark .dark\:text-gray-800 {
    --tw-text-opacity: 1;
    color: rgb(137 136 137/var(--tw-text-opacity))
}

@media (min-width:640px) {
    .sm\:h-\[76vw\] {
        height: 76vw
    }

    .sm\:w-32 {
        width: 8rem
    }

    .sm\:w-\[22vw\] {
        width: 22vw
    }

    .sm\:rotate-\[-10deg\] {
        --tw-rotate: -10deg
    }

    .sm\:rotate-\[-10deg\],
    .sm\:rotate-\[200deg\] {
        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))
    }

    .sm\:rotate-\[200deg\] {
        --tw-rotate: 200deg
    }

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

    .sm\:\!grid-rows-3 {
        grid-template-rows: repeat(3, minmax(0, 1fr)) !important
    }

    .sm\:opacity-100 {
        opacity: 1
    }
}

@media (min-width:768px) {
    .md\:relative {
        position: relative
    }

    .md\:-right-4 {
        right: -1rem
    }

    .md\:right-0 {
        right: 0
    }

    .md\:right-auto {
        right: auto
    }

    .md\:top-0 {
        top: 0
    }

    .md\:top-4 {
        top: 1rem
    }

    .md\:top-auto {
        top: auto
    }

    .md\:order-1 {
        order: 1
    }

    .md\:order-2 {
        order: 2
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

    .md\:col-start-2 {
        grid-column-start: 2
    }

    .md\:col-start-3 {
        grid-column-start: 3
    }

    .md\:col-start-4 {
        grid-column-start: 4
    }

    .md\:col-start-7 {
        grid-column-start: 7
    }

    .md\:row-start-auto {
        grid-row-start: auto
    }

    .md\:m-6 {
        margin: 1.5rem
    }

    .md\:m-8 {
        margin: 2rem
    }

    .md\:-mt-16 {
        margin-top: -4rem
    }

    .md\:-mt-48 {
        margin-top: -12rem
    }

    .md\:mb-0 {
        margin-bottom: 0
    }

    .md\:mb-16 {
        margin-bottom: 4rem
    }

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

    .md\:mr-\[initial\] {
        margin-right: 0
    }

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

    .md\:mt-10 {
        margin-top: 2.5rem
    }

    .md\:mt-12 {
        margin-top: 3rem
    }

    .md\:mt-14 {
        margin-top: 3.5rem
    }

    .md\:mt-16 {
        margin-top: 4rem
    }

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

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

    .md\:mt-28 {
        margin-top: 7rem
    }

    .md\:mt-36 {
        margin-top: 9rem
    }

    .md\:mt-44 {
        margin-top: 11rem
    }

    .md\:mt-52 {
        margin-top: 13rem
    }

    .md\:mt-6 {
        margin-top: 1.5rem
    }

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

    .md\:mt-\[18rem\] {
        margin-top: 18rem
    }

    .md\:block {
        display: block
    }

    .md\:inline-block {
        display: inline-block
    }

    .md\:inline {
        display: inline
    }

    .md\:\!h-\[10\.7vw\] {
        height: 10.7vw !important
    }

    .md\:h-10 {
        height: 2.5rem
    }

    .md\:h-24 {
        height: 6rem
    }

    .md\:h-48 {
        height: 12rem
    }

    .md\:h-56 {
        height: 14rem
    }

    .md\:h-8 {
        height: 2rem
    }

    .md\:h-\[10\.7vw\] {
        height: 10.7vw
    }

    .md\:h-\[2\.75rem\] {
        height: 2.75rem
    }

    .md\:h-\[43vw\] {
        height: 43vw
    }

    .md\:h-auto {
        height: auto
    }

    .md\:h-full {
        height: 100%
    }

    .md\:min-h-0 {
        min-height: 0
    }

    .md\:min-h-\[20rem\] {
        min-height: 20rem
    }

    .md\:min-h-screen {
        min-height: 100vh
    }

    .md\:\!w-\[22vw\] {
        width: 22vw !important
    }

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

    .md\:w-10 {
        width: 2.5rem
    }

    .md\:w-10\/12 {
        width: 83.333333%
    }

    .md\:w-24 {
        width: 6rem
    }

    .md\:w-48 {
        width: 12rem
    }

    .md\:w-56 {
        width: 14rem
    }

    .md\:w-60 {
        width: 15rem
    }

    .md\:w-64 {
        width: 16rem
    }

    .md\:w-8 {
        width: 2rem
    }

    .md\:w-8\/12 {
        width: 66.666667%
    }

    .md\:w-9\/12 {
        width: 75%
    }

    .md\:w-\[10\.7vw\] {
        width: 10.7vw
    }

    .md\:w-\[26rem\] {
        width: 26rem
    }

    .md\:w-\[28rem\] {
        width: 28rem
    }

    .md\:w-\[60vw\] {
        width: 60vw
    }

    .md\:w-\[initial\],
    .md\:w-auto {
        width: auto
    }

    .md\:w-fit {
        width: -moz-fit-content;
        width: fit-content
    }

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

    .md\:max-w-\[80vw\] {
        max-width: 80vw
    }

    .md\:max-w-xl {
        max-width: 36rem
    }

    .md\:flex-none {
        flex: none
    }

    .md\:shrink {
        flex-shrink: 1
    }

    .md\:flex-grow-0 {
        flex-grow: 0
    }

    .md\:-translate-x-1\/4 {
        --tw-translate-x: -25%
    }

    .md\:-translate-x-1\/4,
    .md\:-translate-y-1\/2 {
        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))
    }

    .md\:-translate-y-1\/2 {
        --tw-translate-y: -50%
    }

    .md\:-translate-y-\[20vw\] {
        --tw-translate-y: -20vw
    }

    .md\:-translate-y-\[20vw\],
    .md\:translate-x-0 {
        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))
    }

    .md\:translate-x-0 {
        --tw-translate-x: 0px
    }

    .md\:translate-y-0 {
        --tw-translate-y: 0px
    }

    .md\:translate-y-0,
    .md\:translate-y-\[1\.75vw\] {
        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))
    }

    .md\:translate-y-\[1\.75vw\] {
        --tw-translate-y: 1.75vw
    }

    .md\:-rotate-\[8deg\] {
        --tw-rotate: -8deg;
        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))
    }

    .md\:items-start {
        align-items: flex-start
    }

    .md\:justify-end {
        justify-content: flex-end
    }

    .md\:gap-4 {
        gap: 1rem
    }

    .md\:gap-x-10 {
        column-gap: 2.5rem
    }

    .md\:gap-x-12 {
        column-gap: 3rem
    }

    .md\:gap-x-\[2vw\] {
        column-gap: 2vw
    }

    .md\:gap-y-8 {
        row-gap: 2rem
    }

    .md\:self-end {
        align-self: flex-end
    }

    .md\:justify-self-start {
        justify-self: start
    }

    .md\:overflow-hidden {
        overflow: hidden
    }

    .md\:overflow-visible {
        overflow: visible
    }

    .md\:bg-transparent {
        background-color: initial
    }

    .md\:p-6 {
        padding: 1.5rem
    }

    .md\:p-8 {
        padding: 2rem
    }

    .md\:px-10 {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }

    .md\:px-14 {
        padding-left: 3.5rem;
        padding-right: 3.5rem
    }

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

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

    .md\:py-0 {
        padding-bottom: 0;
        padding-top: 0
    }

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

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

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

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

    .md\:py-36 {
        padding-bottom: 9rem;
        padding-top: 9rem
    }

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

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

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

    .md\:pb-0 {
        padding-bottom: 0
    }

    .md\:pb-4 {
        padding-bottom: 1rem
    }

    .md\:pb-8 {
        padding-bottom: 2rem
    }

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

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

    .md\:\!text-10xl {
        font-size: 11.25rem !important
    }

    .md\:text-3xl {
        font-size: 2rem
    }

    .md\:text-\[3vw\] {
        font-size: 3vw
    }

    .md\:text-base {
        font-size: 1rem
    }

    .md\:text-lg {
        font-size: 1.25rem
    }

    .md\:text-md {
        font-size: 1.125rem
    }

    .md\:after\:px-1:after {
        content: var(--tw-content);
        padding-left: .25rem;
        padding-right: .25rem
    }

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

@media (min-width:1024px) {
    .lg\:static {
        position: static
    }

    .lg\:absolute {
        position: absolute
    }

    .lg\:relative {
        position: relative
    }

    .lg\:-top-6 {
        top: -1.5rem
    }

    .lg\:left-0 {
        left: 0
    }

    .lg\:right-0 {
        right: 0
    }

    .lg\:top-0 {
        top: 0
    }

    .lg\:order-2 {
        order: 2
    }

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

    .lg\:col-span-10 {
        grid-column: span 10/span 10
    }

    .lg\:col-span-11 {
        grid-column: span 11/span 11
    }

    .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-5 {
        grid-column: span 5/span 5
    }

    .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\:col-span-9 {
        grid-column: span 9/span 9
    }

    .lg\:col-span-full {
        grid-column: 1/-1
    }

    .lg\:col-start-1 {
        grid-column-start: 1
    }

    .lg\:col-start-2 {
        grid-column-start: 2
    }

    .lg\:col-start-3 {
        grid-column-start: 3
    }

    .lg\:col-start-4 {
        grid-column-start: 4
    }

    .lg\:col-start-7 {
        grid-column-start: 7
    }

    .lg\:col-start-8 {
        grid-column-start: 8
    }

    .lg\:col-start-9 {
        grid-column-start: 9
    }

    .lg\:col-start-auto {
        grid-column-start: auto
    }

    .lg\:m-4 {
        margin: 1rem
    }

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

    .lg\:mb-0 {
        margin-bottom: 0
    }

    .lg\:mb-12 {
        margin-bottom: 3rem
    }

    .lg\:mb-16 {
        margin-bottom: 4rem
    }

    .lg\:ml-8 {
        margin-left: 2rem
    }

    .lg\:mr-0 {
        margin-right: 0
    }

    .lg\:mt-0 {
        margin-top: 0
    }

    .lg\:mt-12 {
        margin-top: 3rem
    }

    .lg\:mt-16 {
        margin-top: 4rem
    }

    .lg\:mt-4 {
        margin-top: 1rem
    }

    .lg\:mt-8 {
        margin-top: 2rem
    }

    .lg\:block {
        display: block
    }

    .lg\:inline-block {
        display: inline-block
    }

    .lg\:flex {
        display: flex
    }

    .lg\:grid {
        display: grid
    }

    .lg\:hidden {
        display: none
    }

    .lg\:\!h-full {
        height: 100% !important
    }

    .lg\:h-16 {
        height: 4rem
    }

    .lg\:h-8 {
        height: 2rem
    }

    .lg\:h-\[20rem\] {
        height: 20rem
    }

    .lg\:h-\[26vw\] {
        height: 26vw
    }

    .lg\:h-auto {
        height: auto
    }

    .lg\:max-h-none {
        max-height: none
    }

    .lg\:min-h-\[5\.375rem\] {
        min-height: 5.375rem
    }

    .lg\:min-h-screen {
        min-height: 100vh
    }

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

    .lg\:w-10\/12 {
        width: 83.333333%
    }

    .lg\:w-16 {
        width: 4rem
    }

    .lg\:w-3\/4 {
        width: 75%
    }

    .lg\:w-40 {
        width: 10rem
    }

    .lg\:w-6\/12 {
        width: 50%
    }

    .lg\:w-8 {
        width: 2rem
    }

    .lg\:w-80 {
        width: 20rem
    }

    .lg\:w-\[calc\(50\%-\.25rem\)\] {
        width: calc(50% - .25rem)
    }

    .lg\:w-fit {
        width: -moz-fit-content;
        width: fit-content
    }

    .lg\:w-full {
        width: 100%
    }

    .lg\:max-w-xl {
        max-width: 36rem
    }

    .lg\:-translate-x-0 {
        --tw-translate-x: -0px
    }

    .lg\:-translate-x-0,
    .lg\:translate-y-0 {
        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))
    }

    .lg\:translate-y-0 {
        --tw-translate-y: 0px
    }

    .lg\:translate-y-10 {
        --tw-translate-y: 2.5rem;
        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))
    }

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

    .lg\:flex-row {
        flex-direction: row
    }

    .lg\:items-start {
        align-items: flex-start
    }

    .lg\:items-end {
        align-items: flex-end
    }

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

    .lg\:justify-start {
        justify-content: flex-start
    }

    .lg\:justify-end {
        justify-content: flex-end
    }

    .lg\:justify-center {
        justify-content: center
    }

    .lg\:gap-0 {
        gap: 0
    }

    .lg\:gap-2 {
        gap: .5rem
    }

    .lg\:gap-x-6 {
        column-gap: 1.5rem
    }

    .lg\:gap-y-8 {
        row-gap: 2rem
    }

    .lg\:self-auto {
        align-self: auto
    }

    .lg\:object-cover {
        object-fit: cover
    }

    .lg\:object-center {
        object-position: center
    }

    .lg\:p-4 {
        padding: 1rem
    }

    .lg\:px-0 {
        padding-left: 0;
        padding-right: 0
    }

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

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

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

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

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

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

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

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

    .lg\:py-8 {
        padding-bottom: 2rem;
        padding-top: 2rem
    }

    .lg\:pb-12 {
        padding-bottom: 3rem
    }

    .lg\:pt-48 {
        padding-top: 12rem
    }

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

    .lg\:text-center {
        text-align: center
    }
}

@media (min-width:1280px) {
    .xl\:absolute {
        position: absolute
    }

    .xl\:relative {
        position: relative
    }

    .xl\:-bottom-\[\.5rem\] {
        bottom: -.5rem
    }

    .xl\:bottom-\[initial\] {
        bottom: auto
    }

    .xl\:right-0 {
        right: 0
    }

    .xl\:right-\[initial\] {
        right: auto
    }

    .xl\:top-0 {
        top: 0
    }

    .xl\:top-1\/3 {
        top: 33.333333%
    }

    .xl\:top-\[initial\] {
        top: auto
    }

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

    .xl\:col-span-10 {
        grid-column: span 10/span 10
    }

    .xl\:col-span-11 {
        grid-column: span 11/span 11
    }

    .xl\:col-span-12 {
        grid-column: span 12/span 12
    }

    .xl\:col-span-2 {
        grid-column: span 2/span 2
    }

    .xl\:col-span-3 {
        grid-column: span 3/span 3
    }

    .xl\:col-span-4 {
        grid-column: span 4/span 4
    }

    .xl\:col-span-5 {
        grid-column: span 5/span 5
    }

    .xl\:col-span-6 {
        grid-column: span 6/span 6
    }

    .xl\:col-span-7 {
        grid-column: span 7/span 7
    }

    .xl\:col-span-8 {
        grid-column: span 8/span 8
    }

    .xl\:col-span-9 {
        grid-column: span 9/span 9
    }

    .xl\:col-span-full {
        grid-column: 1/-1
    }

    .xl\:col-start-1 {
        grid-column-start: 1
    }

    .xl\:col-start-10 {
        grid-column-start: 10
    }

    .xl\:col-start-2 {
        grid-column-start: 2
    }

    .xl\:col-start-3 {
        grid-column-start: 3
    }

    .xl\:col-start-4 {
        grid-column-start: 4
    }

    .xl\:col-start-5 {
        grid-column-start: 5
    }

    .xl\:col-start-7 {
        grid-column-start: 7
    }

    .xl\:col-start-8 {
        grid-column-start: 8
    }

    .xl\:row-start-1 {
        grid-row-start: 1
    }

    .xl\:float-right {
        float: right
    }

    .xl\:float-left {
        float: left
    }

    .xl\:m-8 {
        margin: 2rem
    }

    .xl\:mx-5 {
        margin-left: 1.25rem;
        margin-right: 1.25rem
    }

    .xl\:my-2 {
        margin-bottom: .5rem;
        margin-top: .5rem
    }

    .xl\:my-4 {
        margin-bottom: 1rem;
        margin-top: 1rem
    }

    .xl\:my-8 {
        margin-bottom: 2rem;
        margin-top: 2rem
    }

    .xl\:mb-0 {
        margin-bottom: 0
    }

    .xl\:mb-10 {
        margin-bottom: 2.5rem
    }

    .xl\:mb-12 {
        margin-bottom: 3rem
    }

    .xl\:mb-16 {
        margin-bottom: 4rem
    }

    .xl\:mb-24 {
        margin-bottom: 6rem
    }

    .xl\:mb-4 {
        margin-bottom: 1rem
    }

    .xl\:mb-6 {
        margin-bottom: 1.5rem
    }

    .xl\:ml-4 {
        margin-left: 1rem
    }

    .xl\:ml-\[initial\] {
        margin-left: 0
    }

    .xl\:mt-0 {
        margin-top: 0
    }

    .xl\:mt-1 {
        margin-top: .25rem
    }

    .xl\:mt-10 {
        margin-top: 2.5rem
    }

    .xl\:mt-12 {
        margin-top: 3rem
    }

    .xl\:mt-16 {
        margin-top: 4rem
    }

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

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

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

    .xl\:mt-6 {
        margin-top: 1.5rem
    }

    .xl\:mt-8 {
        margin-top: 2rem
    }

    .xl\:block {
        display: block
    }

    .xl\:flex {
        display: flex
    }

    .xl\:hidden {
        display: none
    }

    .xl\:h-28 {
        height: 7rem
    }

    .xl\:h-4 {
        height: 1rem
    }

    .xl\:h-80 {
        height: 20rem
    }

    .xl\:h-\[26rem\] {
        height: 26rem
    }

    .xl\:h-auto {
        height: auto
    }

    .xl\:h-full {
        height: 100%
    }

    .xl\:min-h-\[19rem\] {
        min-height: 19rem
    }

    .xl\:min-h-\[25rem\] {
        min-height: 25rem
    }

    .xl\:min-h-\[4\.5rem\] {
        min-height: 4.5rem
    }

    .xl\:min-h-\[49vw\] {
        min-height: 49vw
    }

    .xl\:w-20 {
        width: 5rem
    }

    .xl\:w-28 {
        width: 7rem
    }

    .xl\:w-3\/4 {
        width: 75%
    }

    .xl\:w-36 {
        width: 9rem
    }

    .xl\:w-4 {
        width: 1rem
    }

    .xl\:w-44 {
        width: 11rem
    }

    .xl\:w-48 {
        width: 12rem
    }

    .xl\:w-56 {
        width: 14rem
    }

    .xl\:w-8\/12 {
        width: 66.666667%
    }

    .xl\:w-9\/12 {
        width: 75%
    }

    .xl\:w-\[30rem\] {
        width: 30rem
    }

    .xl\:w-\[55\%\] {
        width: 55%
    }

    .xl\:w-\[calc\(50\%-0\.25rem\)\] {
        width: calc(50% - .25rem)
    }

    .xl\:w-\[calc\(50\%-3rem\)\] {
        width: calc(50% - 3rem)
    }

    .xl\:w-auto {
        width: auto
    }

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

    .xl\:-translate-y-1\/2 {
        --tw-translate-y: -50%
    }

    .xl\:-translate-y-1\/2,
    .xl\:translate-y-0 {
        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))
    }

    .xl\:translate-y-0 {
        --tw-translate-y: 0px
    }

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

    .xl\:items-center {
        align-items: center
    }

    .xl\:justify-center {
        justify-content: center
    }

    .xl\:justify-between {
        justify-content: space-between
    }

    .xl\:gap-2 {
        gap: .5rem
    }

    .xl\:gap-6 {
        gap: 1.5rem
    }

    .xl\:gap-x-6 {
        column-gap: 1.5rem
    }

    .xl\:gap-y-10 {
        row-gap: 2.5rem
    }

    .xl\:self-start {
        align-self: flex-start
    }

    .xl\:rounded-lg {
        border-radius: .5rem
    }

    .xl\:bg-lotus {
        --tw-bg-opacity: 1;
        background-color: #4c9172;
    }

    .xl\:p-3 {
        padding: .75rem
    }

    .xl\:p-6 {
        padding: 1.5rem
    }

    .xl\:p-8 {
        padding: 2rem
    }

    .xl\:px-16 {
        padding-left: 4rem;
        padding-right: 4rem
    }

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

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

    .xl\:py-0 {
        padding-bottom: 0;
        padding-top: 0
    }

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

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

    .xl\:py-3 {
        padding-bottom: .75rem;
        padding-top: .75rem
    }

    .xl\:py-36 {
        padding-bottom: 9rem;
        padding-top: 9rem
    }

    .xl\:pb-0 {
        padding-bottom: 0
    }

    .xl\:pb-14 {
        padding-bottom: 3.5rem
    }

    .xl\:pb-24 {
        padding-bottom: 6rem
    }

    .xl\:pb-4 {
        padding-bottom: 1rem
    }

    .xl\:pl-12 {
        padding-left: 3rem
    }

    .xl\:pr-0 {
        padding-right: 0
    }

    .xl\:pr-12 {
        padding-right: 3rem
    }

    .xl\:pt-0 {
        padding-top: 0
    }

    .xl\:pt-28 {
        padding-top: 7rem
    }

    .xl\:pt-64 {
        padding-top: 16rem
    }

    .xl\:text-2xl {
        font-size: 17px
    }

    .xl\:text-4xl {
        font-size: 2.5rem
    }

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

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

    .xl\:before\:hidden:before {
        content: var(--tw-content);
        display: none
    }

    .xl\:before\:h-\[5\.5rem\]:before {
        content: var(--tw-content);
        height: 5.5rem
    }

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

    .xl\:before\:content-\[\'\'\]:before {
        --tw-content: "";
        content: var(--tw-content)
    }

    @media (hover:hover) and (pointer:fine) {
        .xl\:hover\:bg-white:hover {
            --tw-bg-opacity: 1;
            background-color: rgb(255 255 255/var(--tw-bg-opacity))
        }

        .xl\:hover\:text-red:hover {
            --tw-text-opacity: 1;
            color: #4c9172;
        }
    }
}

@media (min-width:1536px) {
    .\32xl\:mr-auto {
        margin-right: auto
    }

    .\32xl\:w-5\/6 {
        width: 83.333333%
    }
}

@media (orientation:portrait) {
    .portrait\:hidden {
        display: none
    }
}

@media (orientation:landscape) {
    .landscape\:hidden {
        display: none
    }
}

.owow-split-child{
    padding-bottom: 1rem;
}
.pb-1{
    padding-bottom: 1rem;
}