:root {
    --fontBody: "Akkurat", sans-serif;
    --fontHead: "Manuka", sans-serif;
    --primary-color: #000;
    --secondary-color: #000;
    --third-color: #000;
    --brandColor2: #d7d2cb;
    --brandColor2a: 215 210 203;
    --white-color: #fff;
    --black-color: #131313;
    --bg-color: #000;
    --bg-color-100: #333f4866;
    --bg-color-300: #919d9d4d;
    --text-color: #fff;
    --text-invert-color: #000;
    ---invert-color: #000;
    --white: #fff;
    --whiteR: 255, 255, 255;
    --blackR: 0, 0, 0;
    --ease: cubic-bezier(.23, .48, .26, .94);
    --elastic: cubic-bezier(.47, 1.64, .38, .87);
    --fontHead: "Manuka", "IMI_Arabic_Beta_v2", sans-serif;
    --mGray: #919d9d;
    --black: #000;
    --text-xs: .75rem;
    --text-xs--line-height: 140%;
    --text-sm: .875rem;
    --text-sm--line-height: 150%;
    --text-base: 1.1rem;
    --text-base--line-height: 150%;
    --text-lg: 1.17rem;
    --text-lg--line-height: 150%;
    --text-xl: 1.25rem;
    --text-xl--line-height: 150%;
    --text-2xl: 1.35rem;
    --text-2xl--line-height: 150%
}

@media only screen and (max-width: 767px) {
    :root {
        --text-base: .9rem;
        --text-sm: .75rem
    }
}

@media (min-width: 1800px) {
    :root {
        --sideOff: calc((100vw - 1440px)/2)
    }
}

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

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

*,
:before,
:after {
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    border-color: currentColor
}

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

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

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

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

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

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

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

b,
strong {
    font-weight: bolder
}

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

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

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

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

button,
select {
    text-transform: none
}

button,
input:where([type="button"]),
input:where([type="reset"]),
input:where([type="submit"]) {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none
}

:-moz-focusring {
    outline: auto
}

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

progress {
    vertical-align: baseline
}

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

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

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

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

summary {
    display: list-item
}

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

fieldset {
    margin: 0;
    padding: 0
}

legend {
    padding: 0
}

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

dialog {
    padding: 0
}

textarea {
    resize: vertical
}

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

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

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

:disabled {
    cursor: default
}

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

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

[hidden]:where(:not([hidden="until-found"])) {
    display: none
}

.container {
    width: 100%
}

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

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

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

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

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

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

.fixed {
    position: fixed
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.inset-0 {
    inset: 0px
}

.inset-\[30\%\] {
    inset: 30%
}

.bottom-0 {
    bottom: 0px
}

.bottom-5 {
    bottom: 1.25rem
}

.bottom-7 {
    bottom: 1.75rem
}

.end-\[5vw\] {
    inset-inline-end: 5vw
}

.left-0 {
    left: 0px
}

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

.start-\[5vw\] {
    inset-inline-start: 5vw
}

.top-0 {
    top: 0px
}

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

.z-10 {
    z-index: 10
}

.z-50 {
    z-index: 50
}

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

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

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

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

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

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

.m-0 {
    margin: 0
}

.m-auto {
    margin: auto
}

.mx-\[auto\],
.mx-auto {
    margin-left: auto;
    margin-right: auto
}

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

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

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

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

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

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

.mt-\[2rem\] {
    margin-top: 2rem
}

.mt-\[3rem\] {
    margin-top: 3rem
}

.mt-\[4rem\] {
    margin-top: 4rem
}

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

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

.box-border {
    box-sizing: border-box
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.flex {
    display: flex
}

.inline-flex {
    display: inline-flex
}

.table {
    display: table
}

.grid {
    display: grid
}

.hidden {
    display: none
}

.aspect-\[250\/100\] {
    aspect-ratio: 250/100
}

.aspect-\[250\/70\] {
    aspect-ratio: 250/70
}

.aspect-\[3\/1\] {
    aspect-ratio: 3/1
}

.aspect-\[3\/2\] {
    aspect-ratio: 3/2
}

.aspect-\[315\/373\] {
    aspect-ratio: 315/373
}

.aspect-\[330\/87\] {
    aspect-ratio: 330/87
}

.aspect-\[337\/459\] {
    aspect-ratio: 337/459
}

.aspect-\[447\/612\] {
    aspect-ratio: 447/612
}

.aspect-\[460\/349\] {
    aspect-ratio: 460/349
}

.aspect-\[47\/64\] {
    aspect-ratio: 47/64
}

.aspect-\[514\/613\] {
    aspect-ratio: 514/613
}

.aspect-\[670\/474\] {
    aspect-ratio: 670/474
}

.aspect-\[673\/387\] {
    aspect-ratio: 673/387
}

.aspect-\[677\/464\] {
    aspect-ratio: 677/464
}

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

.h-\[1\.2rem\] {
    height: 1.2rem
}

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

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

.h-\[10rem\] {
    height: 10rem
}

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

.h-\[2\.35rem\] {
    height: 2.35rem
}

.h-\[350dvh\] {
    height: 350dvh
}

.h-\[500dvh\] {
    height: 500dvh
}

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

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

.h-\[auto\],
.h-auto {
    height: auto
}

.h-full {
    height: 100%
}

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

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

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

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

.w-2 {
    width: .5rem
}

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

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

.w-\[3\.5rem\] {
    width: 3.5rem
}

.w-\[3rem\] {
    width: 3rem
}

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

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

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

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

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

.w-\[auto\] {
    width: auto
}

.w-\[max-content\] {
    width: -moz-max-content;
    width: max-content
}

.w-auto {
    width: auto
}

.w-full {
    width: 100%
}

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

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

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

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

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

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

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

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

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

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

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

.scale-x-\[1\.08\] {
    --tw-scale-x: 1.08;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

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

.cursor-pointer {
    cursor: pointer
}

.resize {
    resize: both
}

.grid-cols-\[1fr_auto\] {
    grid-template-columns: 1fr auto
}

.grid-cols-\[2\.5rem_1fr\] {
    grid-template-columns: 2.5rem 1fr
}

.flex-col {
    flex-direction: column
}

.flex-wrap {
    flex-wrap: wrap
}

.place-content-center {
    place-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-end {
    justify-content: flex-end
}

.justify-center {
    justify-content: center
}

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

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

.gap-1 {
    gap: .25rem
}

.gap-10 {
    gap: 2.5rem
}

.gap-2 {
    gap: .5rem
}

.gap-3 {
    gap: .75rem
}

.gap-4 {
    gap: 1rem
}

.gap-5 {
    gap: 1.25rem
}

.gap-6 {
    gap: 1.5rem
}

.gap-8 {
    gap: 2rem
}

.gap-\[1rem\] {
    gap: 1rem
}

.gap-\[2rem\] {
    gap: 2rem
}

.gap-\[5rem\] {
    gap: 5rem
}

.gap-y-\[\.8rem\] {
    row-gap: .8rem
}

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

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

.self-center {
    align-self: center
}

.overflow-hidden {
    overflow: hidden
}

.overflow-clip {
    overflow: clip
}

.whitespace-nowrap {
    white-space: nowrap
}

.rounded-\[50\%\] {
    border-radius: 50%
}

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

border-full {
    border-width: 1px;
}

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

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

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

.border-none {
    border-style: none
}

.border-\[\#909d9d99\] {
    border-color: #909d9d99
}

.border-\[\#D6D8DA\] {
    --tw-border-opacity: 1;
    border-color: rgb(214 216 218 / var(--tw-border-opacity))
}

.border-y-\[\#919D9D\] {
    --tw-border-opacity: 1;
    border-top-color: rgb(145 157 157 / var(--tw-border-opacity));
    border-bottom-color: rgb(145 157 157 / var(--tw-border-opacity))
}

.border-e-\[\#919D9D\] {
    --tw-border-opacity: 1;
    border-inline-end-color: rgb(145 157 157 / var(--tw-border-opacity))
}

.border-t-\[\#E9EBEB\] {
    --tw-border-opacity: 1;
    border-top-color: rgb(233 235 235 / var(--tw-border-opacity))
}

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

.bg-\[\#919D9D\] {
    --tw-bg-opacity: 1;
    background-color: rgb(145 157 157 / var(--tw-bg-opacity))
}

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

.bg-\[--brandColor2\] {
    background-color: var(--brandColor2)
}

.bg-\[rgba\(0\,0\,0\,0\.1\)\] {
    background-color: #0000001a
}

.bg-\[rgba\(0\,0\,0\,0\.2\)\] {
    background-color: #0003
}

.bg-bg {
    background-color: var(--bg-color)
}

.bg-bg-300 {
    background-color: var(--bg-color-300)
}

.bg-black {
    background-color: var(--black-color)
}

.bg-text {
    background-color: var(--text-color)
}

.bg-white {
    background-color: var(--white-color)
}

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

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

.object-center {
    -o-object-position: center;
    object-position: center
}

.object-left {
    -o-object-position: left;
    object-position: left
}

.p-0 {
    padding: 0
}

.px-\[1\.5rem\] {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

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

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

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

.py-\[2\.5rem\] {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem
}

.py-\[4rem\] {
    padding-top: 4rem;
    padding-bottom: 4rem
}

.pb-\[1\.5rem\] {
    padding-bottom: 1.5rem
}

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

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

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

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

.pt-\[--headerH\] {
    padding-top: var(--headerH)
}

.pt-\[15rem\] {
    padding-top: 15rem
}

.text-center {
    text-align: center
}

.text-start {
    text-align: start
}

.text-end {
    text-align: end
}

.font-body {
    font-family: var(--fontBody)
}

.font-title {
    font-family: var(--fontHead)
}

.text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--text-2xl--line-height)
}

.text-\[1rem\] {
    font-size: 1rem
}

.text-\[2rem\] {
    font-size: 2rem
}

.text-\[4rem\] {
    font-size: 4rem
}

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

.text-base {
    font-size: var(--text-base);
    line-height: var(--text-base--line-height)
}

.text-sm {
    font-size: var(--text-sm);
    line-height: var(--text-sm--line-height)
}

.text-xl {
    font-size: var(--text-xl);
    line-height: var(--text-xl--line-height)
}

.font-\[300\] {
    font-weight: 300
}

.font-\[500\] {
    font-weight: 500
}

.font-bold {
    font-weight: 700
}

.font-light {
    font-weight: 300
}

.font-medium {
    font-weight: 500
}

.font-normal {
    font-weight: 400
}

.font-semibold {
    font-weight: 600
}

.uppercase {
    text-transform: uppercase
}

.not-italic {
    font-style: normal
}

.leading-8 {
    line-height: 2rem
}

.leading-\[100\%\] {
    line-height: 100%
}

.leading-\[105\%\] {
    line-height: 105%
}

.leading-\[110\%\] {
    line-height: 110%
}

.leading-\[120\%\] {
    line-height: 120%
}

.leading-\[130\%\] {
    line-height: 130%
}

.leading-\[140\%\] {
    line-height: 140%
}

.leading-\[180\%\] {
    line-height: 180%
}

.leading-\[70\%\] {
    line-height: 70%
}

.leading-\[75\%\] {
    line-height: 75%
}

.leading-\[80\%\] {
    line-height: 80%
}

.leading-\[90\%\] {
    line-height: 90%
}

.leading-\[95\%\] {
    line-height: 95%
}

.tracking-\[\.05rem\] {
    letter-spacing: .05rem
}

.tracking-\[\.1rem\] {
    letter-spacing: .1rem
}

.tracking-\[0\.05rem\] {
    letter-spacing: .05rem
}

.tracking-\[0\.075rem\] {
    letter-spacing: .075rem
}

.tracking-\[0\.1125rem\] {
    letter-spacing: .1125rem
}

.tracking-\[0\.1rem\] {
    letter-spacing: .1rem
}

.tracking-wide {
    letter-spacing: .025em
}

.text-\[\#333F48\] {
    --tw-text-opacity: 1;
    color: rgb(51 63 72 / var(--tw-text-opacity))
}

.text-\[\#858C91\] {
    --tw-text-opacity: 1;
    color: rgb(133 140 145 / var(--tw-text-opacity))
}

.text-\[\#919D9D\] {
    --tw-text-opacity: 1;
    color: rgb(145 157 157 / var(--tw-text-opacity))
}

.text-\[\#B2BABA\] {
    --tw-text-opacity: 1;
    color: rgb(178 186 186 / var(--tw-text-opacity))
}

.text-\[--mGray\] {
    color: var(--mGray)
}

.text-\[--primary-color\] {
    color: var(--primary-color)
}

.text-\[--white\] {
    color: var(--white)
}

.text-black {
    color: var(--black-color)
}

.text-gray {
    color: var(--gray-color)
}

.text-text {
    color: var(--text-color)
}

.text-text-invert {
    color: var(--text-invert-color)
}

.text-white {
    color: var(--white-color)
}

.opacity-0 {
    opacity: 0
}

.opacity-40 {
    opacity: .4
}

.opacity-50 {
    opacity: .5
}

.opacity-\[\.4\] {
    opacity: .4
}

.shadow {
    --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
    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 transparent;
    outline-offset: 2px
}

.blur {
    --tw-blur: blur(8px);
    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)
}

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

.filter {
    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-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-duration: .15s
}

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

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

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

.duration-300 {
    transition-duration: .3s
}

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

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

html.lenis {
    height: auto
}

.lenis.lenis-smooth {
    scroll-behavior: auto
}

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

body {
    position: relative;
    padding: 0;
    margin: 0;
    text-rendering: optimizeLegibility;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #f5f5f5
}

::-webkit-scrollbar {
    width: 6px;
    background-color: #f5f5f5
}

::-webkit-scrollbar-thumb {
    background-color: var(--bg-color)
}

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

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    font-family: var(--font-bold);
    font-weight: 600
}

html.lenis,
html.lenis body {
    height: auto
}

.lenis.lenis-smooth {
    scroll-behavior: auto !important
}

.lenis.lenis-smooth [data-lenis-prevent] {
    overscroll-behavior: contain
}

.lenis.lenis-stopped {
    overflow: hidden
}

.lenis.lenis-smooth iframe {
    pointer-events: none
}

.container {
    position: relative;
    width: 100%;
    max-width: 1440px;
    min-width: 1440px;
    margin-inline: auto
}

@media only screen and (max-width: 1600px) {
    .container {
        max-width: 90%;
        min-width: 90%
    }
}

@media only screen and (max-width: 1200px) {
    .container {
        max-width: 95%;
        min-width: 95%
    }
}

@media only screen and (max-width: 768px) {
    .container {
        max-width: 100%;
        min-width: 100%;
        padding-inline: 16px
    }
}

.container-fluid {
    width: 100%;
    max-width: 95%;
    min-width: 95%;
    margin-inline: auto
}

@media only screen and (min-width: 2000px) {
    .container-fluid {
        max-width: 1440px;
        min-width: 1440px
    }
}

@media only screen and (max-width: 768px) {
    .container-fluid {
        max-width: 100%;
        min-width: 100%;
        padding-inline: 16px
    }
}

.footer-mega-menu h4 {
    letter-spacing: 0 !important
}

header {
    transition: all .4s ease
}

header:before {
    content: "";
    position: absolute;
    inset: 0;
    background: black;
    clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
    transition: all .4s var(--ease)
}

header .headerContainer {
    transition: all .4s var(--ease)
}

header .mainLogoBox {
    transition: all .4s var(--ease)
}

.scrolled header:before {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%)
}

.scrolled header .headerContainer {
    padding-block: 1rem
}

@media only screen and (max-width: 768px) {
    .scrolled header .headerContainer {
        padding-block: .85rem
    }
}

.scrolled header .mainLogoBox {
    height: 2.5rem
}

@media only screen and (max-width: 768px) {
    .scrolled header .mainLogoBox {
        height: 2rem
    }
}

.swiper-scrollbar {
    overflow: hidden
}

body .swiper-pagination {
    position: relative;
    text-align: inherit;
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-top: 1rem;
    min-height: 30px
}

body .swiper-pagination.color-invert {
    --whiteR: 0, 0, 0
}

body .swiper-pagination.swiper-pagination-horizontal {
    margin: 0;
    bottom: 0;
    top: 0
}

body .swiper-pagination.swiper-pagination-horizontal .swiper-pagination-bullet {
    margin: 0;
    height: auto
}

body .swiper-pagination .swiper-pagination-bullet {
    opacity: 1;
    border-radius: 0;
    margin: 0;
    --s: 8px;
    width: var(--s);
    aspect-ratio: 1;
    background: rgba(var(--whiteR), .2);
    transition: all .3s ease-in-out;
    position: relative;
    cursor: pointer
}

body .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    aspect-ratio: 1/2.8;
    background: rgba(var(--whiteR), 1)
}

@media only screen and (min-width: 64.0625rem) {
    .limitedContainer {
        max-width: 75%;
        min-width: 75%
    }
}

[data-ellipsRow] {
    display: -webkit-box;
    -webkit-line-clamp: var(--ellipsRow);
    -webkit-box-orient: vertical;
    overflow: hidden
}

.textBox>*:first-child {
    margin-top: 0
}

.textBox>*:last-child {
    margin-bottom: 0
}

.textBox p {
    margin-block: 1rem
}

.textBox ol {
    list-style: decimal-leading-zero
}

.textBox ul {
    list-style-type: circle
}

.textBox ul,
.textBox ol {
    padding: 0;
    display: grid;
    gap: .5rem;
    list-style-position: inside;
    margin-block: 1rem
}

.textBox a {
    color: #03a9f4
}

.filterBox.style2 .ss-main {
    border-radius: 0;
    border: 1px solid #919d9d;
    background: transparent;
    color: var(--bg-color)
}

.filterBox.style2 .ss-main .ss-arrow path {
    stroke: var(--bg-color)
}

.filterBox .filterItem {
    transform: translateY(3rem);
    opacity: 0
}

@media only screen and (max-width: 47.9375rem) {
    .filterBox .filterItem.backBtn {
        display: none
    }
}

.filterBox .inputBox {
    position: relative;
    border-radius: calc(var(--ss-main-height) / 2);
    overflow: hidden
}

.filterBox .inputBox input {
    width: 100%;
    height: auto;
    min-height: var(--ss-main-height);
    background-color: var(--brandColor2);
    color: var(--black);
    padding-inline: 1.5rem 3rem;
    font-size: 14px;
    font-weight: 600;
    border: none;
    outline: none
}

@media only screen and (max-width: 767px) {
    .filterBox .inputBox input {
        padding-inline: 1.2rem 2.5rem
    }
}

.filterBox .inputBox input::-moz-placeholder {
    color: rgba(var(--blackR), .5)
}

.filterBox .inputBox input::placeholder {
    color: rgba(var(--blackR), .5)
}

.filterBox .inputBox button {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    border: none;
    outline: none;
    color: var(--black)
}

[dir=rtl] .filterBox .inputBox button {
    right: auto;
    left: 0
}

@media only screen and (max-width: 767px) {
    .filterBox .inputBox button {
        width: 2.5rem
    }
}

.filterBox .inputBox button svg {
    width: 35%;
    height: auto
}

.dom-loaded .filterBox .filterItem {
    transition: all 1.8s cubic-bezier(.19, 1, .22, 1);
    transform: translateY(0);
    opacity: 1;
    --delay: .9s
}

.dom-loaded .filterBox .filterItem:nth-child(1) {
    transition-delay: calc(.2s + var(--delay))
}

.dom-loaded .filterBox .filterItem:nth-child(2) {
    transition-delay: calc(.4s + var(--delay))
}

.dom-loaded .filterBox .filterItem:nth-child(3) {
    transition-delay: calc(.6s + var(--delay))
}

.dom-loaded .filterBox .filterItem:nth-child(4) {
    transition-delay: calc(.8s + var(--delay))
}

.dom-loaded .filterBox .filterItem:nth-child(5) {
    transition-delay: calc(1s + var(--delay))
}

html[dir=rtl] [dir=ltr] {
    text-align: right
}

.stepperFormBox {
    --inputH: 3rem
}

.stepperFormBox .swiper-wrapper {
    height: auto
}

.stepperFormBox .inputBox {
    background: rgba(217, 217, 217, .32);
    display: grid;
    grid-template-columns: 1fr var(--inputH);
    gap: .5rem
}

.stepperFormBox .inputBox input {
    background: transparent;
    height: var(--inputH);
    border: none;
    outline: none;
    padding-inline-start: 1.5rem
}

@media only screen and (max-width: 767px) {
    .stepperFormBox .inputBox input {
        padding-inline-start: 1rem
    }
}

.stepperFormBox .arrowBtn {
    height: var(--inputH);
    aspect-ratio: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: scale(1)
}

[dir=rtl] .stepperFormBox .arrowBtn {
    transform: scaleX(-1)
}

.stepperFormBox .arrowBtn svg {
    width: 40%;
    height: auto;
    transition: all .4s var(--ease)
}

@media (hover: hover) and (pointer: fine) {
    .stepperFormBox .arrowBtn:hover svg {
        transform: scale(1.1)
    }
}

.animTitle {
    overflow: hidden
}

.animTitle span {
    transform: translateY(120%);
    display: inline-block
}

.animNormal,
.animL {
    transform: translateY(3rem);
    opacity: 0
}

.dom-loaded .inView .animTitle span {
    transform: translateY(0);
    transition: all 1s var(--elastic) .5s
}

.dom-loaded .inView .animNormal {
    transform: translateY(0);
    opacity: 1;
    transition: all 1s var(--elastic) .5s
}

.dom-loaded .inView .animNormal.d1 {
    transition-delay: .6s
}

.dom-loaded .inView .animNormal.d2 {
    transition-delay: .7s
}

.dom-loaded .inView .animNormal.d3 {
    transition-delay: .8s
}

.dom-loaded .inView .animNormal.d4 {
    transition-delay: .9s
}

.dom-loaded .inView .animL {
    transform: translateY(0);
    opacity: 1;
    --delay: 0s;
    transition: opacity .4s linear, transform 1.8s cubic-bezier(.19, 1, .22, 1), clip-path 1.8s cubic-bezier(.19, 1, .22, 1)
}

.dom-loaded .inView .animL:nth-child(1) {
    transition-delay: calc(.2s + var(--delay))
}

.dom-loaded .inView .animL:nth-child(2) {
    transition-delay: calc(.4s + var(--delay))
}

.dom-loaded .inView .animL:nth-child(3) {
    transition-delay: calc(.6s + var(--delay))
}

.dom-loaded .inView .animL:nth-child(4) {
    transition-delay: calc(.8s + var(--delay))
}

.dom-loaded .inView .animL:nth-child(5) {
    transition-delay: calc(1s + var(--delay))
}

.dom-loaded .inView .animL:nth-child(6) {
    transition-delay: calc(1.2s + var(--delay))
}

.dom-loaded .inView .animL:nth-child(7) {
    transition-delay: calc(1.4s + var(--delay))
}

.dom-loaded .inView .animL:nth-child(8) {
    transition-delay: calc(1.6s + var(--delay))
}

.dom-loaded .inView .animL:nth-child(9) {
    transition-delay: calc(1.8s + var(--delay))
}

.dom-loaded .inView .animL:nth-child(10) {
    transition-delay: calc(2s + var(--delay))
}

.dom-loaded .inView .animL:nth-child(11) {
    transition-delay: calc(2.2s + var(--delay))
}

.dom-loaded .inView .animL:nth-child(12) {
    transition-delay: calc(2.4s + var(--delay))
}

.dom-loaded .inView .animL:nth-child(13) {
    transition-delay: calc(2.6s + var(--delay))
}

.dom-loaded .inView .animL:nth-child(14) {
    transition-delay: calc(2.8s + var(--delay))
}

.dom-loaded .inView .animL:nth-child(15) {
    transition-delay: calc(3s + var(--delay))
}

.dom-loaded .inView .animL:nth-child(16) {
    transition-delay: calc(3.2s + var(--delay))
}

.dom-loaded .inView .animL:nth-child(17) {
    transition-delay: calc(3.4s + var(--delay))
}

.dom-loaded .inView .animL:nth-child(18) {
    transition-delay: calc(3.6s + var(--delay))
}

.dom-loaded .inView .animL:nth-child(19) {
    transition-delay: calc(3.8s + var(--delay))
}

.dom-loaded .inView .animL:nth-child(20) {
    transition-delay: calc(4s + var(--delay))
}

.dom-loaded .inView .animL:nth-child(21) {
    transition-delay: calc(4.2s + var(--delay))
}

.dom-loaded .inView .animL:nth-child(22) {
    transition-delay: calc(4.4s + var(--delay))
}

.dom-loaded .inView .animL:nth-child(23) {
    transition-delay: calc(4.6s + var(--delay))
}

.dom-loaded .inView .animL:nth-child(24) {
    transition-delay: calc(4.8s + var(--delay))
}

.dom-loaded .inView .animL:nth-child(25) {
    transition-delay: calc(5s + var(--delay))
}

.dom-loaded .inView .animL:nth-child(26) {
    transition-delay: calc(5.2s + var(--delay))
}

.dom-loaded .inView .animL:nth-child(27) {
    transition-delay: calc(5.4s + var(--delay))
}

.dom-loaded .inView .animL:nth-child(28) {
    transition-delay: calc(5.6s + var(--delay))
}

.dom-loaded .inView .animL:nth-child(29) {
    transition-delay: calc(5.8s + var(--delay))
}

.dom-loaded .inView .animL:nth-child(30) {
    transition-delay: calc(6s + var(--delay))
}

.dom-loaded .inView .animL:nth-child(31) {
    transition-delay: calc(6.2s + var(--delay))
}

.dom-loaded .inView .animL:nth-child(32) {
    transition-delay: calc(6.4s + var(--delay))
}

.dom-loaded .inView .animL:nth-child(33) {
    transition-delay: calc(6.6s + var(--delay))
}

.dom-loaded .inView .animL:nth-child(34) {
    transition-delay: calc(6.8s + var(--delay))
}

.dom-loaded .inView .animL:nth-child(35) {
    transition-delay: calc(7s + var(--delay))
}

.dom-loaded .inView .animImg {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    transition: all 1.8s cubic-bezier(.19, 1, .22, 1) .8s
}

.dom-loaded .inView .animImg img {
    transform: scale(1);
    transition: all 1.8s cubic-bezier(.19, 1, .22, 1) .8s
}

.dom-loaded .inView .animImg.d1,
.dom-loaded .inView .animImg.d1 img {
    transition-delay: .6s
}

.dom-loaded .inView .animImg.d2,
.dom-loaded .inView .animImg.d2 img {
    transition-delay: .7s
}

.dom-loaded .inView .animImg.d3,
.dom-loaded .inView .animImg.d3 img {
    transition-delay: .8s
}

.dom-loaded .inView .animImg.d4,
.dom-loaded .inView .animImg.d4 img {
    transition-delay: .9s
}

.innerBannerTitle {
    clip-path: polygon(0 100%, 100% 100%, 100% 120%, 0% 120%);
    transform: translateY(50%)
}

.dom-loaded .innerBannerTitle {
    transform: translateY(0);
    clip-path: polygon(0 -20%, 100% -20%, 100% 120%, 0% 120%);
    transition: all 1.8s cubic-bezier(.19, 1, .22, 1) .8s
}

.animImg,
.newsMainImg {
    clip-path: polygon(0 0, 100% 0, 100% 0, 0 0)
}

.entry-body img {
    width: 100%;
}

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

.animImg picture,
.newsMainImg picture {
    overflow: hidden
}

.animImg img,
.newsMainImg img {
    transform: scale(1.4)
}

.dom-loaded .newsMainImg {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    transition: all 1.8s cubic-bezier(.19, 1, .22, 1) .8s
}

.dom-loaded .newsMainImg img {
    transform: scale(1);
    transition: all 1.8s cubic-bezier(.19, 1, .22, 1) .8s
}

[data-scrolltop] {
    width: 2.7rem;
    cursor: pointer;
    color: #9b9c9d;
    display: flex;
    align-items: center;
    aspect-ratio: 1;
    justify-content: center;
    transform: translateY(3rem);
    opacity: 0;
    pointer-events: none;
    transition: all .4s var(--ease);
    position: fixed;
    right: .5rem;
    bottom: .5rem;
    z-index: 150
}

[dir=rtl] [data-scrolltop] {
    right: auto;
    left: .5rem
}

@media only screen and (max-width: 64rem) {
    [data-scrolltop] {
        display: none
    }
}

[data-scrolltop]:before {
    content: "";
    position: absolute;
    inset: 0;
    background: var(--bg-color);
    opacity: .1;
    border-radius: .5rem;
    z-index: -1
}

[data-scrolltop] svg {
    width: 70%;
    height: auto;
    transition: all .4s var(--ease)
}

@media (hover: hover) and (pointer: fine) {
    [data-scrolltop]:hover svg {
        transform: scale(1.1)
    }
}

.scrolled [data-scrolltop] {
    pointer-events: auto;
    transform: translateY(0);
    opacity: 1
}

[data-animcount] .odometer.odometer-auto-theme,
[data-animcount] .odometer.odometer-theme-default {
    font-family: var(--fontHead);
    line-height: inherit
}

:root {
    --ss-bg-color: #ffffff;
    --ss-font-color: #4d4d4d;
    --ss-font-placeholder-color: #8d8d8d;
    --ss-disabled-color: #dcdee2;
    --ss-border-color: #dcdee2;
    --ss-highlight-color: #fffb8c;
    --ss-success-color: #00b755;
    --ss-error-color: #dc3545;
    --ss-main-height: 2.8rem;
    --ss-content-height: 300px;
    --ss-spacing-l: 7px;
    --ss-spacing-m: 5px;
    --ss-spacing-s: 0 1rem;
    --ss-animation-timing: .2s;
    --ss-border-radius: 1rem
}

@media only screen and (max-width: 767px) {
    :root {
        --ss-main-height: 2.5rem
    }
}

@keyframes ss-valueIn {
    0% {
        transform: scale(0);
        opacity: 0
    }

    to {
        transform: scale(1);
        opacity: 1
    }
}

@keyframes ss-valueOut {
    0% {
        transform: scale(1);
        opacity: 1
    }

    to {
        transform: scale(0);
        opacity: 0
    }
}

.ss-hide {
    display: none !important
}

.ss-main {
    display: flex;
    align-items: center;
    flex-direction: row;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    color: var(--text-invert-color);
    min-height: var(--ss-main-height);
    width: 100%;
    min-width: 150px;
    padding: 0;
    cursor: pointer;
    border: none;
    border-radius: 0;
    background-color: var(--brandColor2);
    outline: 0;
    box-sizing: border-box;
    transition: background-color var(--ss-animation-timing);
    overflow: hidden;
    z-index: 15;
    border-radius: calc(var(--ss-main-height) / 2);
    padding-inline: 1.5rem 1.2rem;
    font-size: .95rem;
    font-weight: 500
}

@media only screen and (max-width: 767px) {
    .ss-main {
        padding-inline: 1.2rem 1rem
    }
}

.ss-main.ss-disabled {
    background-color: var(--ss-disabled-color);
    cursor: not-allowed
}

.ss-main.ss-disabled .ss-values .ss-disabled {
    color: var(--white)
}

.ss-main.ss-disabled .ss-values .ss-value .ss-value-delete {
    cursor: not-allowed
}

.ss-main.ss-open-above {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.ss-main.ss-open-below {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.ss-main .ss-values {
    display: inline-flex;
    flex-wrap: wrap;
    gap: var(--ss-spacing-m);
    flex: 1 1 100%;
    align-items: center
}

.ss-main .ss-values .ss-placeholder {
    display: flex;
    padding: var(--ss-spacing-s) var(--ss-spacing-m) var(--ss-spacing-s) var(--ss-spacing-m);
    margin: auto 0;
    line-height: 1em;
    align-items: center;
    width: 100%;
    color: var(--ss-font-placeholder-color);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ss-main .ss-values .ss-max {
    display: flex;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    align-items: center;
    width: -moz-fit-content;
    width: fit-content;
    font-size: 12px;
    color: var(--white);
    line-height: 1;
    padding: var(--ss-spacing-s) var(--ss-spacing-m);
    background-color: var(--brandColor);
    border-radius: var(--ss-border-radius)
}

.ss-main .ss-values .ss-single {
    display: flex
}

.ss-main .ss-values .ss-value {
    display: flex;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    align-items: center;
    width: -moz-fit-content;
    width: fit-content;
    background-color: var(--brandColor);
    border-radius: var(--ss-border-radius);
    animation-name: ss-valueIn;
    animation-duration: var(--ss-animation-timing);
    animation-timing-function: ease-out;
    animation-fill-mode: both
}

.ss-main .ss-values .ss-value.ss-value-out {
    animation-name: ss-valueOut;
    animation-duration: var(--ss-animation-timing);
    animation-timing-function: ease-out
}

.ss-main .ss-values .ss-value .ss-value-text {
    font-size: 12px;
    color: var(--white);
    line-height: 1;
    padding: var(--ss-spacing-s) var(--ss-spacing-m)
}

.ss-main .ss-values .ss-value .ss-value-delete {
    display: flex;
    align-items: center;
    height: var(--ss-spacing-l);
    width: var(--ss-spacing-l);
    padding: var(--ss-spacing-s) var(--ss-spacing-m);
    cursor: pointer;
    border-left: solid 1px var(--white);
    box-sizing: content-box
}

.ss-main .ss-values .ss-value .ss-value-delete svg {
    height: var(--ss-spacing-l);
    width: var(--ss-spacing-l)
}

.ss-main .ss-values .ss-value .ss-value-delete svg path {
    fill: none;
    stroke: var(--white);
    stroke-width: 18;
    stroke-linecap: round;
    stroke-linejoin: round
}

.ss-main .ss-deselect {
    display: flex;
    align-self: center;
    justify-content: flex-end;
    flex: 0 1 auto;
    width: 8px;
    height: 8px;
    margin: 0 var(--ss-spacing-m) 0 var(--ss-spacing-m)
}

.ss-main .ss-deselect svg {
    width: 8px;
    height: 8px
}

.ss-main .ss-deselect svg path {
    fill: none;
    stroke: var(--brandColor);
    stroke-width: 20;
    stroke-linecap: round;
    stroke-linejoin: round
}

.ss-main .ss-arrow {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex: 0 1 auto;
    width: 12px;
    height: 12px
}

.ss-main .ss-arrow path {
    fill: none;
    stroke: var(--text-invert-color);
    stroke-width: 14;
    stroke-linecap: round;
    stroke-linejoin: round;
    transition-timing-function: ease-out;
    transition: var(--ss-animation-timing)
}

.ss-content {
    position: absolute;
    display: flex;
    height: auto;
    flex-direction: column;
    width: auto;
    max-height: var(--ss-content-height);
    box-sizing: border-box;
    border: solid 1px var(--mGray);
    background-color: var(--white);
    transition: transform var(--ss-animation-timing), opacity var(--ss-animation-timing);
    opacity: 0;
    transform: scaleY(0);
    transform-origin: center top;
    overflow: hidden;
    z-index: 10000;
    min-width: 150px;
    font-size: 14px;
    font-weight: 400
}

.ss-content .ss-search {
    flex: 0 1 auto;
    display: flex;
    flex-direction: row;
    padding: var(--ss-spacing-l) var(--ss-spacing-l) var(--ss-spacing-m) var(--ss-spacing-l)
}

.ss-content .ss-search input {
    display: inline-flex;
    font-size: inherit;
    line-height: inherit;
    flex: 1 1 auto;
    width: 100%;
    min-width: 0px;
    padding: var(--ss-spacing-m) var(--ss-spacing-l);
    margin: 0;
    border: 1px solid rgba(var(--blackR), .1);
    border-radius: 5px;
    background-color: transparent;
    color: #000;
    outline: 0;
    text-align: start;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: 400
}

.ss-content .ss-search input::-moz-placeholder {
    color: var(--black);
    vertical-align: middle
}

.ss-content .ss-search input::placeholder {
    color: var(--black);
    vertical-align: middle
}

.ss-content.ss-relative {
    position: relative;
    height: 100%
}

.ss-content.ss-open-above {
    flex-direction: column-reverse;
    opacity: 1;
    transform: scaleY(1);
    transform-origin: center bottom;
    border-top-left-radius: var(--ss-border-radius);
    border-top-right-radius: var(--ss-border-radius)
}

.ss-content.ss-open-below {
    opacity: 1;
    transform: scaleY(1);
    transform-origin: center top;
    border-bottom-left-radius: var(--ss-border-radius);
    border-bottom-right-radius: var(--ss-border-radius)
}

.ss-content .ss-search .ss-addable {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    flex: 0 0 auto;
    height: auto;
    margin: 0 0 0 var(--ss-spacing-m);
    border: 1px solid rgba(var(--blackR), .1);
    border-radius: var(--ss-border-radius)
}

.ss-content .ss-search .ss-addable svg {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex: 0 1 auto;
    width: 12px;
    height: 12px;
    margin: auto var(--ss-spacing-m) auto var(--ss-spacing-m)
}

.ss-content .ss-search .ss-addable svg path {
    fill: none;
    stroke: var(--white);
    stroke-width: 18;
    stroke-linecap: round;
    stroke-linejoin: round
}

.ss-content .ss-list {
    flex: 1 1 auto;
    height: auto;
    overflow-x: hidden;
    overflow-y: auto
}

.ss-content .ss-list .ss-error {
    color: var(--ss-error-color);
    padding: var(--ss-spacing-l)
}

.ss-content .ss-list .ss-searching {
    color: var(--white);
    padding: var(--ss-spacing-l)
}

.ss-content .ss-list .ss-optgroup.ss-close .ss-option {
    display: none !important
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: var(--ss-spacing-m) var(--ss-spacing-l) var(--ss-spacing-m) var(--ss-spacing-l)
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-label-text {
    flex: 1 1 auto;
    font-weight: 700;
    color: var(--white)
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label:has(.ss-arrow) {
    cursor: pointer
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions {
    flex: 0 1 auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: var(--ss-spacing-m)
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall {
    flex: 0 0 auto;
    display: flex;
    flex-direction: row;
    cursor: pointer
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall:hover {
    opacity: .5
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall.ss-selected svg path {
    stroke: var(--ss-error-color)
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall span {
    flex: 0 1 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 60%;
    text-align: center;
    padding: 0 var(--ss-spacing-s) 0 0
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg {
    flex: 0 1 auto;
    width: 13px;
    height: 13px
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg path {
    fill: none;
    stroke: var(--ss-success-color);
    stroke-linecap: round;
    stroke-linejoin: round
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg:first-child {
    stroke-width: 5
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg:last-child {
    stroke-width: 11
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable {
    flex: 0 1 auto;
    display: flex;
    flex-direction: row;
    cursor: pointer
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable .ss-arrow {
    flex: 1 1 auto;
    width: 10px;
    height: 10px
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable .ss-arrow path {
    fill: none;
    stroke: var(--white);
    stroke-width: 18;
    stroke-linecap: round;
    stroke-linejoin: round;
    transition-timing-function: ease-out;
    transition: var(--ss-animation-timing)
}

.ss-content .ss-list .ss-optgroup .ss-option {
    padding: .5rem .8rem
}

.ss-content .ss-list .ss-option {
    display: flex;
    padding: .5rem .8rem;
    color: var(--bg-color);
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.ss-content .ss-list .ss-option:hover {
    color: var(--white);
    background-color: var(--bg-color-100)
}

.ss-content .ss-list .ss-option.ss-highlighted,
.ss-content .ss-list .ss-option:not(.ss-disabled).ss-selected {
    color: var(--white);
    background-color: var(--bg-color-100)
}

.ss-content .ss-list .ss-option.ss-disabled {
    cursor: not-allowed;
    background-color: #c8c8c8;
    color: #989898
}

.ss-content .ss-list .ss-option.ss-disabled:hover {
    color: #989898
}

.ss-content .ss-list .ss-option .ss-search-highlight {
    background-color: #e7c592
}

html[dir=rtl] .ss-content .ss-search input {
    text-align: right
}

.inputItem {
    --inputH: 3rem;
    position: relative
}

.inputItem:before {
    content: "";
    position: absolute;
    inset: 0;
    border: 1px solid var(--mGray);
    pointer-events: none;
    z-index: -1
}

.inputItem:has(.iconBox) input {
    padding-inline-end: calc(var(--inputH) + 1rem)
}

.inputItem .iconBox {
    position: absolute;
    width: var(--inputH);
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #919d9d;
    top: 0;
    right: 0
}

[dir=rtl] .inputItem .iconBox {
    right: auto;
    left: 0
}

.inputItem .iconBox svg {
    width: 35%;
    height: auto
}

.inputItem textarea,
.inputItem input {
    background: #f3f3f3;
    display: grid;
    grid-template-columns: 1fr var(--inputH);
    gap: .5rem;
    height: var(--inputH);
    border: none;
    outline: none;
    padding-inline: 1.5rem;
    width: 100%;
    font-size: .95rem
}

@media only screen and (max-width: 767px) {

    .inputItem textarea,
    .inputItem input {
        padding-inline-start: 1rem
    }
}

.inputItem input[type=file] {
    line-height: var(--inputH)
}

.inputItem input[type=file]::file-selector-button {
    display: none
}

.inputItem .ss-main {
    background: transparent;
    border-radius: 0;
    color: var(--bg-color);
    min-height: var(--inputH);
    font-weight: 400
}

.inputItem .ss-main .ss-arrow path {
    stroke: var(--mGray);
    stroke-width: 15px
}

.inputItem textarea {
    height: auto;
    min-height: calc(var(--inputH) * 3);
    padding-block: 1rem
}

.inputItem>label {
    position: absolute;
    top: calc(var(--inputH) / 2);
    transform: translateY(-50%);
    z-index: 15;
    transition: all .4s var(--ease);
    pointer-events: none;
    background: transparent;
    padding-inline: .5rem;
    left: 1rem;
    font-size: var(--text-base)
}

[dir=rtl] .inputItem>label {
    left: auto;
    right: 1rem
}

@media only screen and (max-width: 767px) {
    .inputItem>label {
        left: .5rem
    }

    [dir=rtl] .inputItem>label {
        left: auto;
        right: .5rem
    }
}

.inputItem:has(input[type=file])>label,
.inputItem.active>label,
.inputItem:has(input:focus)>label {
    top: 0;
    transform: translateY(-50%) scale(.8);
    background: var(--white);
    color: var(--mGray);
    transform-origin: left
}

[dir=rtl] .inputItem:has(input[type=file])>label,
[dir=rtl] .inputItem.active>label,
[dir=rtl] .inputItem:has(input:focus)>label {
    transform-origin: right
}

.inputItem:has(input[type=file]) textarea,
.inputItem:has(input[type=file]) input,
.inputItem.active textarea,
.inputItem.active input,
.inputItem:has(input:focus) textarea,
.inputItem:has(input:focus) input {
    background: transparent
}

.darkMenu .ss-content {
    background: #f3f3f3
}

.darkMenu .ss-content .ss-list .ss-option {
    color: var(--bg-color)
}

.darkMenu .ss-content.ss-open-below {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

body .popupBox {
    max-width: 1250px;
    width: 85vw
}

@media only screen and (max-width: 767px) {
    body .popupBox {
        width: 90vw
    }
}

.popupBox {
    display: none;
    padding: 0 !important;
    background-color: var(--white)
}

.popupBox.md_box {
    max-width: 900px;
    position: relative
}

@media only screen and (min-width: 1630px) {
    .popupBox.md_box {
        max-width: 1000px
    }
}

.popupBox .inner {
    padding: 3rem 2.5rem 2.5rem
}

@media only screen and (max-width: 1024px) {
    .popupBox .inner {
        padding: 3.1rem 2rem 2rem
    }
}

@media only screen and (max-width: 980px) {
    .popupBox .inner {
        padding: 3.5rem 1.8rem 1.8rem
    }
}

@media only screen and (max-width: 767px) {
    .popupBox .inner {
        padding: 3rem 1.2rem 1.2rem
    }
}

.popupBox .inner .content_box {
    width: 100%;
    flex: inherit;
    padding-top: 1em
}

@media only screen and (max-width: 980px) {
    .popupBox .contentBox>.iconBox {
        display: none
    }

    .popupBox {
        width: 85vw;
        padding: 0
    }
}

@media only screen and (max-width: 767px) {
    .popupBox {
        width: 94vw
    }
}

body .fancybox__backdrop {
    --fancybox-opacity: .7
}

body .fancybox__content>.f-button.is-close-btn {
    top: 0;
    right: 0;
    outline: none;
    border: none;
    box-shadow: none;
    color: var(--white);
    background: var(--primary-color);
    border-start-end-radius: 0px;
    --f-button-width: 40px;
    --f-button-height: 40px;
    --f-button-border-radius: 0px;
    --f-button-svg-width: 16px;
    --f-button-svg-height: 16px
}

[dir=rtl] body .fancybox__content>.f-button.is-close-btn {
    right: auto;
    left: 0
}

body .is-compact .fancybox__content>.f-button.is-close-btn {
    --f-button-border-radius: 0px;
    top: 0px;
    right: 0
}

[dir=rtl] body .is-compact .fancybox__content>.f-button.is-close-btn {
    right: auto;
    left: 0
}

html[dir=rtl] .fancybox__content {
    direction: rtl
}

.btn {
    --btn-white: #fff;
    --btn-black: #000;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    outline: none;
    border: none;
    background: none;
    padding: .4rem 1rem;
    cursor: pointer;
    overflow: hidden;
    color: var(--btn-white);
    transition: all .3s ease;
    font-size: .9rem;
    line-height: 100%;
    font-weight: 600;
    --lineW: 3px;
    font-family: var(--fontBody)
}

.btn:has(.iconBox) {
    color: var(--mGray);
    font-weight: 500;
    display: grid;
    --iconS: .85rem;
    grid-template-columns: var(--iconS) auto;
    gap: .8rem;
    align-items: center;
    font-size: 1.1rem;
    text-transform: uppercase;
    padding: 0;
    overflow: visible
}

@media only screen and (max-width: 64rem) {
    .btn:has(.iconBox) {
        font-size: 1rem;
        --iconS: .75rem;
        gap: .6rem
    }
}

@media only screen and (max-width: 47.9375rem) {
    .btn:has(.iconBox) {
        font-size: .85rem;
        --iconS: .65rem;
        gap: .3rem
    }
}

.btn:has(.iconBox) span {
    transition-delay: 0
}

.btn:has(.iconBox) .iconBox {
    transition-delay: .1s
}

@media (hover: hover) and (pointer: fine) {
    .btn:has(.iconBox):hover .iconBox {
        transform: translate(-.5rem)
    }

    [dir=rtl] .btn:has(.iconBox):hover .iconBox {
        transform: translate(.5rem)
    }

    .btn:has(.iconBox):hover span {
        transition-delay: .2s;
        transform: translate(-.5rem)
    }

    [dir=rtl] .btn:has(.iconBox):hover span {
        transform: translate(.5rem)
    }
}

.btn .iconBox {
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .4s var(--ease)
}

.btn .iconBox svg {
    width: 100%;
    height: auto;
    transform: scale(1)
}

[dir=rtl] .btn .iconBox svg {
    transform: scaleX(-1)
}

.btn span {
    position: relative;
    display: inline-block;
    transition: all .3s ease;
    z-index: 3
}

@media only screen and (max-width: 61.25rem) {
    .btn {
        padding-block: .3rem
    }
}

@media only screen and (max-width: 47.9375rem) {
    .btn {
        padding-block: .2rem;
        font-size: .8rem;
        --lineW: 2px
    }
}

.btn.lg {
    --lineW: 5px;
    font-size: 1.25rem;
    padding: .5rem 1.5rem
}

@media only screen and (max-width: 64rem) {
    .btn.lg {
        font-size: 1.15rem;
        --lineW: 4px;
        padding-block: .35rem
    }
}

@media only screen and (max-width: 61.25rem) {
    .btn.lg {
        font-size: 1rem;
        --lineW: 3px;
        padding-block: .3rem;
        padding-inline: 1rem
    }
}

.btn.md {
    --lineW: 4px;
    font-size: 1.05rem;
    padding: .6rem 1.5rem
}

@media only screen and (max-width: 64rem) {
    .btn.md {
        font-size: 1.15rem;
        --lineW: 4px;
        padding-block: .35rem
    }
}

@media only screen and (max-width: 61.25rem) {
    .btn.md {
        font-size: 1rem;
        --lineW: 3px;
        padding-block: .3rem;
        padding-inline: 1rem
    }
}

.btn:not(:has(.iconBox)):before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--btn-white);
    transform-origin: left;
    transition: all .3s ease;
    transform: translate(calc((100% - var(--lineW)) * -1))
}

[dir=rtl] .btn:not(:has(.iconBox)):before {
    transform: translate(calc(100% - var(--lineW)))
}

@media (hover: hover) and (pointer: fine) {
    .btn:not(:has(.iconBox)):hover {
        color: var(--btn-black)
    }

    .btn:not(:has(.iconBox)):hover:before {
        transform: none
    }

    .btn:not(:has(.iconBox)):hover span {
        transform: scale(.9)
    }
}

.btn.box {
    --lineW: -1px;
    text-transform: uppercase;
    padding: .7rem 1.5rem
}

.btn.box:after {
    content: "";
    position: absolute;
    inset: 0;
    border: 1px solid var(--mGray);
    z-index: 15
}

.btn.box:before {
    transform-origin: right;
    transform: scaleX(0);
    transition: transform .4s var(--ease)
}

[dir=rtl] .btn.box:before {
    transform-origin: left
}

@media (hover: hover) and (pointer: fine) {
    .btn.box:not(:has(.iconBox)):hover:before {
        transform-origin: left
    }

    [dir=rtl] .btn.box:not(:has(.iconBox)):hover:before {
        transform-origin: right
    }
}

.btn.invert-btn {
    --btn-white: #000;
    --btn-black: #fff
}

body .swiper-navigation-controls {
    --s-nav-white: #fff;
    --s-nav-black: #000
}

body .swiper-navigation-controls .swiper-scrollbar {
    position: relative;
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0
}

body .swiper-navigation-controls .swiper-scrollbar .swiper-scrollbar-drag {
    height: 100%;
    background-color: var(--s-nav-white)
}

body .swiper-navigation-controls.inverted-nav {
    --s-nav-white: #000;
    --s-nav-black: #fff
}

.swiper-nav-btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    width: 3.5rem;
    aspect-ratio: 1;
    transition: all .3s ease;
    border-radius: 50%;
    outline: none;
    border: none;
    color: var(--s-nav-white);
    padding: 0;
    cursor: pointer;
    pointer-events: auto
}

@media only screen and (max-width: 64rem) {
    .swiper-nav-btn {
        width: 2rem
    }
}

@media only screen and (max-width: 61.25rem) {
    .swiper-nav-btn {
        width: 1.8rem
    }
}

.swiper-nav-btn:before {
    content: "";
    position: absolute;
    inset: 0;
    background-color: var(--s-nav-white);
    border-radius: 50%;
    transform: scale(.5);
    opacity: 0;
    transition: all .4s var(--ease)
}

@media (hover: hover) and (pointer: fine) {
    .swiper-nav-btn:hover {
        color: var(--s-nav-black)
    }

    .swiper-nav-btn:hover:before {
        transform: scale(1);
        opacity: 1
    }
}

.swiper-nav-btn svg {
    position: relative;
    width: 50%;
    height: auto;
    transform: scale(1)
}

[dir=rtl] .swiper-nav-btn svg {
    transform: scaleX(-1)
}

@media only screen and (max-width: 64rem) {
    .swiper-nav-btn svg {
        width: 80%
    }
}

.swiper-nav-btn.swiper-button-lock {
    display: inline-flex
}

.swiper-nav-btn.swiper-button-disabled {
    opacity: .25;
    pointer-events: none
}

.swiper-nav-btn.sm {
    width: 2.25rem;
    height: 2.25rem;
    font-size: 1.15rem
}

.header_icon_btn {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    aspect-ratio: 1;
    border-radius: 50%;
    overflow: hidden;
    font-size: 1.1rem;
    transition: all .3s ease;
    font-family: var(--fontBody);
    font-weight: 500
}

@media only screen and (max-width: 767px) {
    .header_icon_btn {
        width: 2.2rem;
        font-size: 1rem;
        padding: 1.1rem;
    }
}

.header_icon_btn span,
.header_icon_btn svg {
    position: relative
}

.header_icon_btn:before {
    content: "";
    inset: 0;
    background-color: var(--white-color);
    position: absolute;
    top: 0;
    left: 0;
    opacity: .2;
    transition: all .3s ease
}

@media (hover: hover) and (pointer: fine) {
    .header_icon_btn:hover {
        transform: scale(1.1);
        color: var(--black-color)
    }

    .header_icon_btn:hover:before {
        opacity: 1
    }
}

html[dir=ltr] .header_icon_btn span {
    top: -.25em
}

html[dir=rtl] .header_icon_btn.langBtn {
    font-size: .95rem
}

.darkMenu:not(.menu-open):not(.scrolled) .header_icon_btn:before {
    background-color: var(--bg-color);
    opacity: 1
}

@media (hover: hover) and (pointer: fine) {
    .darkMenu:not(.menu-open):not(.scrolled) .header_icon_btn:hover {
        opacity: 1;
        color: var(--white)
    }
}

.darkMenu:not(.menu-open):not(.scrolled) header .logoBox {
    filter: brightness(0) invert(1)
}

.menu_toggler {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 2.5rem;
    aspect-ratio: 1;
    font-size: .9rem;
    align-items: center;
    justify-content: center;
    text-align: center;
    cursor: pointer;
    transition: all .3s ease;
    --g: .7rem;
    gap: var(--g)
}

@media only screen and (max-width: 767px) {
    .menu_toggler {
        width: 2.3rem;
        --g: .7rem
    }
}

.menu_toggler:before,
.menu_toggler:after {
    content: "";
    position: relative;
    left: 0;
    width: 100%;
    height: .2rem;
    background-color: var(--white-color);
    transition: all .3s ease
}

@media only screen and (max-width: 767px) {

    .menu_toggler:before,
    .menu_toggler:after {
        height: .15rem
    }
}

.menu_toggler:before {
    top: .3rem
}

.menu_toggler:after {
    bottom: .3rem
}

@media (hover: hover) and (pointer: fine) {
    .menu_toggler:hover {
        opacity: .8;
        transform: scale(.9)
    }
}

.menu_toggler.active:before {
    transform: translateY(.5rem) rotate(-45deg)
}

@media only screen and (max-width: 767px) {
    .menu_toggler.active:before {
        transform: translateY(.45rem) rotate(-45deg)
    }
}

.menu_toggler.active:after {
    transform: translateY(-.5rem) rotate(45deg)
}

@media only screen and (max-width: 767px) {
    .menu_toggler.active:after {
        transform: translateY(-.45rem) rotate(45deg)
    }
}

.darkMenu:not(.menu-open):not(.scrolled) .menu_toggler:before,
.darkMenu:not(.menu-open):not(.scrolled) .menu_toggler:after {
    background-color: var(--bg-color)
}

@media (hover: hover) and (pointer: fine) {
    .navContainer:has(.navItem > .navLink:hover) .navItem>ul {
        opacity: .1
    }

    .navContainer:has(.navItem > .navLink:hover) .navItem>.navLink {
        opacity: .1
    }
}

@media (hover: hover) and (pointer: fine) and (hover: hover) and (pointer: fine) {
    .navContainer:has(.navItem > .navLink:hover) .navItem>.navLink:hover {
        opacity: 1
    }
}

.navLink:has(.iconBox) {
    display: grid;
    grid-template-columns: 1.7rem auto;
    gap: 0;
    align-items: center
}

@media only screen and (min-width: 1025px) and (max-width: 1370px) {
    .navLink:has(.iconBox) {
        grid-template-columns: 1.4rem auto
    }
}

@media only screen and (min-width: 768px) and (max-width: 979px) {
    .navLink:has(.iconBox) {
        grid-template-columns: 1.4rem auto
    }
}

@media only screen and (max-width: 767px) {
    .navLink:has(.iconBox) {
        grid-template-columns: 1.2rem auto
    }
}

.navLink .iconBox {
    transform: translate(-1.5rem);
    opacity: 0;
    transition: all .4s var(--ease)
}

[dir=rtl] .navLink .iconBox {
    transform: translate(1.5rem)
}

.navLink .iconBox svg {
    transform: scale(1)
}

[dir=rtl] .navLink .iconBox svg {
    transform: scaleX(-1)
}

.navLink span {
    transition: all .4s var(--ease)
}

.navLink.active {
    color: var(--brandColor2)
}

.navLink.active .iconBox {
    opacity: 1;
    transform: none
}

.navLink.active span {
    transform: translate(1rem)
}

[dir=rtl] .navLink.active span {
    transform: translate(-1rem)
}

@media only screen and (max-width: 767px) {
    .navLink.active span {
        transform: translate(.5rem)
    }

    [dir=rtl] .navLink.active span {
        transform: translate(-.5rem)
    }
}

@media (hover: hover) and (pointer: fine) {
    .navLink:hover {
        color: var(--brandColor2)
    }

    .navLink:hover .iconBox {
        opacity: 1;
        transform: none
    }

    .navLink:hover span {
        transform: translate(1rem)
    }

    [dir=rtl] .navLink:hover span {
        transform: translate(-1rem)
    }
}

.navItem {
    transform: translateY(2rem);
    opacity: 0;
    transition: all .4s var(--ease)
}

.navItem>ul {
    padding-inline-start: 2rem
}

@media only screen and (min-width: 768px) and (max-width: 979px) {
    .navItem>ul {
        padding-inline-start: 1.4rem
    }
}

@media only screen and (max-width: 767px) {
    .navItem>ul {
        padding-inline-start: 1.2rem
    }
}

.megaMenu {
    clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
    transition: all .8s var(--ease);
    pointer-events: none
}

.megaMenu .inlineBox {
    transform: translateY(2rem);
    opacity: 0;
    transition: all .4s var(--ease)
}

.megaMenu .menuFooter {
    transform: translateY(-1rem);
    opacity: 0;
    transition: all .4s var(--ease)
}

.menu-open .megaMenu {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    pointer-events: auto
}

.menu-open .megaMenu .inlineBox {
    transform: none;
    opacity: 1;
    transition: all 1s var(--elastic)
}

.menu-open .megaMenu .inlineBox:nth-child(1) {
    transition-delay: .45s
}

.menu-open .megaMenu .inlineBox:nth-child(2) {
    transition-delay: .6s
}

.menu-open .megaMenu .inlineBox:nth-child(3) {
    transition-delay: .75s
}

.menu-open .megaMenu .inlineBox:nth-child(4) {
    transition-delay: .9s
}

.menu-open .navItem {
    transform: none;
    opacity: 1;
    transition: all 1s var(--elastic)
}

.menu-open .navItem:nth-child(1) {
    transition-delay: .18s
}

.menu-open .navItem:nth-child(2) {
    transition-delay: .26s
}

.menu-open .navItem:nth-child(3) {
    transition-delay: .34s
}

.menu-open .navItem:nth-child(4) {
    transition-delay: .42s
}

.menu-open .navItem:nth-child(5) {
    transition-delay: .5s
}

.menu-open .navItem:nth-child(6) {
    transition-delay: .58s
}

.menu-open .navItem:nth-child(7) {
    transition-delay: .66s
}

.menu-open .navItem:nth-child(8) {
    transition-delay: .74s
}

.menu-open .navItem:nth-child(9) {
    transition-delay: .82s
}

.menu-open .navItem:nth-child(10) {
    transition-delay: .9s
}

.menu-open .menuFooter {
    transform: none;
    opacity: 1;
    transition: all 1s var(--elastic) .8s
}

.socialLink {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 2.5rem;
    aspect-ratio: 1;
    color: var(--bg-color)
}

@media only screen and (max-width: 1024px) {
    .socialLink {
        width: 2.3rem
    }
}

@media only screen and (max-width: 767px) {
    .socialLink {
        width: 1.8rem
    }
}

.socialLink:before {
    content: "";
    position: absolute;
    inset: 0;
    background: var(--white);
    border-radius: 50%;
    transition: all .4s var(--ease)
}

.socialLink svg {
    position: relative;
    z-index: 5;
    width: 50%;
    height: auto;
    aspect-ratio: 1
}

@media (hover: hover) and (pointer: fine) {
    .socialLink:hover:before {
        transform: scale(1.1)
    }
}

.swiperNavBox {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    color: #919d9d
}

.countBox {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: end;
    gap: .15rem
}

.countBox .activeList {
    display: flex;
    flex-direction: column;
    aspect-ratio: 1;
    overflow: hidden;
    font-size: 1.7rem;
    line-height: 90%;
    font-weight: 600
}

@media only screen and (max-width: 767px) {
    .countBox .activeList {
        font-size: 1.5rem
    }
}

.countBox .activeList i {
    aspect-ratio: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-style: normal
}

.countBox span {
    aspect-ratio: 1
}

@media only screen and (max-width: 767px) {
    .countBox span {
        font-size: .85rem
    }
}

.countBox .inner {
    display: flex;
    flex-direction: column
}

.navBox {
    display: grid;
    grid-template-columns: repeat(2, 15px);
    gap: 1rem
}

@media only screen and (max-width: 767px) {
    .navBox {
        grid-template-columns: repeat(2, 12px)
    }
}

.navBox:has(.swiper-pagination) {
    grid-template-columns: 15px 1fr 15px;
    gap: 2.5rem;
    align-items: center
}

.navBox:has(.swiper-button-lock) {
    display: none !important
}

@media only screen and (min-width: 61.25rem) {
    .navBox.centerBox {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: -2.5rem;
        width: calc(100% + 5rem);
        display: flex;
        justify-content: space-between
    }

    .navBox.centerBox .nav_ {
        width: 1rem
    }
}

@media only screen and (max-width: 61.1875rem) {
    .navBox.centerBox {
        margin-top: 1rem;
        place-content: center
    }
}

.navBox .nav_ {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    aspect-ratio: 1;
    cursor: pointer;
    transition: all .4s var(--ease)
}

.navBox .nav_ svg {
    width: 100%;
    height: auto;
    transform: scale(1)
}

[dir=rtl] .navBox .nav_ svg {
    transform: scaleX(-1)
}

.navBox .nav_.swiper-button-disabled {
    opacity: .3
}

@media (hover: hover) and (pointer: fine) {
    .navBox .nav_:hover {
        transform: scale(1.1)
    }
}

.paginationWrap svg {
    transform: scale(1)
}

[dir=rtl] .paginationWrap svg {
    transform: scaleX(-1)
}

.placeholder\:opacity-50::-moz-placeholder {
    opacity: .5
}

.placeholder\:opacity-50::placeholder {
    opacity: .5
}

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

.before\:inset-x-0:before {
    content: var(--tw-content);
    left: 0px;
    right: 0px
}

.before\:top-0:before {
    content: var(--tw-content);
    top: 0px
}

.before\:h-full:before {
    content: var(--tw-content);
    height: 100%
}

.before\:bg-\[\#333F48\]:before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(51 63 72 / var(--tw-bg-opacity))
}

.before\:bg-\[\#FFF\]:before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}

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

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

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

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

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

.after\:top-\[-100px\]:after {
    content: var(--tw-content);
    top: -100px
}

.after\:z-\[-1\]:after {
    content: var(--tw-content);
    z-index: -1
}

.after\:z-\[2\]:after {
    content: var(--tw-content);
    z-index: 2
}

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

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

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

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

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

.after\:scale-50:after {
    content: var(--tw-content);
    --tw-scale-x: .5;
    --tw-scale-y: .5;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.after\:rounded-\[50\%\]:after {
    content: var(--tw-content);
    border-radius: 50%
}

.after\:bg-\[\#050505\]:after {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(5 5 5 / var(--tw-bg-opacity))
}

.after\:bg-\[\#909d9d33\]:after {
    content: var(--tw-content);
    background-color: #909d9d33
}

.after\:bg-\[\#D9D9D9\]:after {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(217 217 217 / var(--tw-bg-opacity))
}

.after\:bg-bg:after {
    content: var(--tw-content);
    background-color: var(--bg-color)
}

.after\:bg-black:after {
    content: var(--tw-content);
    background-color: var(--black-color)
}

.after\:bg-white:after {
    content: var(--tw-content);
    background-color: var(--white-color)
}

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

.after\:opacity-20:after {
    content: var(--tw-content);
    opacity: .2
}

.after\:opacity-50:after {
    content: var(--tw-content);
    opacity: .5
}

.after\:opacity-60:after {
    content: var(--tw-content);
    opacity: .6
}

.after\:opacity-70:after {
    content: var(--tw-content);
    opacity: .7
}

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

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

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

.after\:transition-all:after {
    content: var(--tw-content);
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.after\:duration-300:after {
    content: var(--tw-content);
    transition-duration: .3s
}

.after\:ease-in-out:after {
    content: var(--tw-content);
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

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

.first\:ps-\[0em\]:first-child {
    padding-inline-start: 0em
}

.first\:pt-0:first-child {
    padding-top: 0
}

.first\:before\:invisible:first-child:before {
    content: var(--tw-content);
    visibility: hidden
}

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

.hover\:text-\[\#FFF\]:hover {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

.hover\:text-\[--bg-color\]:hover {
    color: var(--bg-color)
}

.hover\:text-white:hover {
    color: var(--white-color)
}

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

.hover\:opacity-40:hover {
    opacity: .4
}

.hover\:opacity-50:hover {
    opacity: .5
}

.hover\:after\:scale-100:hover:after {
    content: var(--tw-content);
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.hover\:after\:opacity-100:hover:after {
    content: var(--tw-content);
    opacity: 1
}

.group:hover .group-hover\:w-12 {
    width: 3rem
}

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

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

.group:hover .group-hover\:scale-\[1\.15\] {
    --tw-scale-x: 1.15;
    --tw-scale-y: 1.15;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group:hover .group-hover\:scale-\[1\.1\] {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group:hover .group-hover\:scale-\[1\.2\] {
    --tw-scale-x: 1.2;
    --tw-scale-y: 1.2;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group:hover .group-hover\:scale-\[1\.3\] {
    --tw-scale-x: 1.3;
    --tw-scale-y: 1.3;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

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

.group:hover .group-hover\:after\:scale-x-\[\.75\]:after {
    content: var(--tw-content);
    --tw-scale-x: .75;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

@media (min-width: 0px) {
    .phone\:order-1 {
        order: 1
    }

    .phone\:order-2 {
        order: 2
    }

    .phone\:order-3 {
        order: 3
    }

    .phone\:mx-\[auto\] {
        margin-left: auto;
        margin-right: auto
    }

    .phone\:my-3 {
        margin-top: .75rem;
        margin-bottom: .75rem
    }

    .phone\:my-\[2rem\] {
        margin-top: 2rem;
        margin-bottom: 2rem
    }

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

    .phone\:mb-4,
    .phone\:mb-\[1rem\] {
        margin-bottom: 1rem
    }

    .phone\:mt-3 {
        margin-top: .75rem
    }

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

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

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

    .phone\:mt-\[-3rem\] {
        margin-top: -3rem
    }

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

    .phone\:mt-\[0rem\] {
        margin-top: 0rem
    }

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

    .phone\:mt-\[2rem\] {
        margin-top: 2rem
    }

    .phone\:mt-\[3rem\] {
        margin-top: 3rem
    }

    .phone\:mt-\[4rem\] {
        margin-top: 4rem
    }

    .phone\:grid {
        display: grid
    }

    .phone\:hidden {
        display: none
    }
    .phone\:visible {
        display: block
    }

    .phone\:aspect-\[3\/1\] {
        aspect-ratio: 3/1
    }

    .phone\:aspect-\[3\/2\] {
        aspect-ratio: 3/2
    }

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

    .phone\:h-\[2\.5em\] {
        height: 2.5em
    }

    .phone\:h-\[2\.5rem\] {
        height: 2.5rem
    }

    .phone\:h-\[3\.5rem\] {
        height: 3.5rem
    }

    .phone\:h-full {
        height: 100%
    }

    .phone\:min-h-\[50dvh\] {
        min-height: 50dvh
    }

    .phone\:min-h-\[60dvh\] {
        min-height: 60dvh
    }

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

    .phone\:w-\[10\%\] {
        width: 10%
    }

    .phone\:w-\[100\%\] {
        width: 100%
    }

    .phone\:w-\[2px\] {
        width: 2px
    }

    .phone\:w-\[2rem\] {
        width: 2rem
    }

    .phone\:w-\[3rem\] {
        width: 3rem
    }

    .phone\:w-\[45\%\] {
        width: 45%
    }

    .phone\:w-full {
        width: 100%
    }

    .phone\:max-w-\[60\%\] {
        max-width: 60%
    }

    .phone\:flex-none {
        flex: none
    }

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

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

    .phone\:grid-cols-\[1\.1rem_auto\] {
        grid-template-columns: 1.1rem auto
    }

    .phone\:grid-cols-\[1\.8rem_1fr\] {
        grid-template-columns: 1.8rem 1fr
    }

    .phone\:grid-rows-\[1fr_auto\] {
        grid-template-rows: 1fr auto
    }

    .phone\:flex-col {
        flex-direction: column
    }

    .phone\:flex-wrap {
        flex-wrap: wrap
    }

    .phone\:place-content-end {
        place-content: end
    }

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

    .phone\:items-center {
        align-items: center
    }

    .phone\:justify-center {
        justify-content: center
    }

    .phone\:justify-around {
        justify-content: space-around
    }

    .phone\:gap-1 {
        gap: .25rem
    }

    .phone\:gap-10 {
        gap: 2.5rem
    }

    .phone\:gap-2 {
        gap: .5rem
    }

    .phone\:gap-3 {
        gap: .75rem
    }

    .phone\:gap-4 {
        gap: 1rem
    }

    .phone\:gap-5 {
        gap: 1.25rem
    }

    .phone\:gap-6 {
        gap: 1.5rem
    }

    .phone\:gap-8 {
        gap: 2rem
    }

    .phone\:gap-\[\.1rem\] {
        gap: .1rem
    }

    .phone\:gap-\[\.5rem\] {
        gap: .5rem
    }

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

    .phone\:gap-\[1rem\] {
        gap: 1rem
    }

    .phone\:gap-\[2rem\] {
        gap: 2rem
    }

    .phone\:gap-\[4rem\] {
        gap: 4rem
    }

    .phone\:gap-x-0 {
        -moz-column-gap: 0px;
        column-gap: 0px
    }

    .phone\:gap-x-\[1\.2rem\] {
        -moz-column-gap: 1.2rem;
        column-gap: 1.2rem
    }

    .phone\:gap-x-\[2rem\] {
        -moz-column-gap: 2rem;
        column-gap: 2rem
    }

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

    .phone\:gap-y-\[\.6rem\] {
        row-gap: .6rem
    }

    .phone\:gap-y-\[1rem\] {
        row-gap: 1rem
    }

    .phone\:gap-y-\[2\.5rem\] {
        row-gap: 2.5rem
    }

    .phone\:gap-y-\[2rem\] {
        row-gap: 2rem
    }

    .phone\:gap-y-\[3rem\] {
        row-gap: 3rem
    }

    .phone\:p-0 {
        padding: 0
    }

    .phone\:p-4 {
        padding: 1rem
    }

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

    .phone\:px-\[1\.5rem\] {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

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

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

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

    .phone\:py-\[\.5rem\] {
        padding-top: .5rem;
        padding-bottom: .5rem
    }

    .phone\:py-\[1\.2em\] {
        padding-top: 1.2em;
        padding-bottom: 1.2em
    }

    .phone\:py-\[2rem\] {
        padding-top: 2rem;
        padding-bottom: 2rem
    }

    .phone\:py-\[3rem\] {
        padding-top: 3rem;
        padding-bottom: 3rem
    }

    .phone\:py-\[4rem\] {
        padding-top: 4rem;
        padding-bottom: 4rem
    }

    .phone\:pb-\[1rem\] {
        padding-bottom: 1rem
    }

    .phone\:pb-\[3rem\] {
        padding-bottom: 3rem
    }

    .phone\:pb-\[4rem\] {
        padding-bottom: 4rem
    }

    .phone\:ps-\[0em\] {
        padding-inline-start: 0em
    }

    .phone\:ps-\[1em\] {
        padding-inline-start: 1em
    }

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

    .phone\:pt-\[3rem\] {
        padding-top: 3rem
    }

    .phone\:pt-\[4rem\] {
        padding-top: 4rem
    }

    .phone\:pt-\[7rem\] {
        padding-top: 7rem
    }

    .phone\:text-center {
        text-align: center
    }

    .phone\:text-end {
        text-align: end
    }

    .phone\:text-\[\.85rem\] {
        font-size: .85rem
    }

    .phone\:text-\[1\.1rem\] {
        font-size: 1.1rem
    }

    .phone\:text-\[1\.25rem\] {
        font-size: 1.25rem
    }

    .phone\:text-\[1\.3rem\] {
        font-size: 1.3rem
    }

    .phone\:text-\[1\.4rem\] {
        font-size: 1.4rem
    }

    .phone\:text-\[1\.5rem\] {
        font-size: 1.5rem
    }

    .phone\:text-\[1\.6rem\] {
        font-size: 1.6rem
    }

    .phone\:text-\[1\.8rem\] {
        font-size: 1.8rem
    }

    .phone\:text-\[1\.9rem\] {
        font-size: 1.9rem
    }

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

    .phone\:text-\[1rem\] {
        font-size: 1rem
    }

    .phone\:text-\[2\.2rem\] {
        font-size: 2.2rem
    }

    .phone\:text-\[2\.3rem\] {
        font-size: 2.3rem
    }

    .phone\:text-\[2\.4rem\] {
        font-size: 2.4rem
    }

    .phone\:text-\[2\.5rem\] {
        font-size: 2.5rem
    }

    .phone\:text-\[2rem\] {
        font-size: 2rem
    }

    .phone\:text-\[3\.5rem\] {
        font-size: 3.5rem
    }

    .phone\:text-\[3rem\] {
        font-size: 3rem
    }

    .phone\:text-\[4rem\] {
        font-size: 4rem
    }

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

    .phone\:text-base {
        font-size: var(--text-base);
        line-height: var(--text-base--line-height)
    }

    .phone\:text-lg {
        font-size: var(--text-lg);
        line-height: var(--text-lg--line-height)
    }

    .phone\:text-sm {
        font-size: var(--text-sm);
        line-height: var(--text-sm--line-height)
    }

    .phone\:text-xs {
        font-size: var(--text-xs);
        line-height: var(--text-xs--line-height)
    }

    .phone\:leading-\[180\%\] {
        line-height: 180%
    }

    .phone\:tracking-\[0\.05rem\] {
        letter-spacing: .05rem
    }

    .phone\:tracking-\[0\.1rem\] {
        letter-spacing: .1rem
    }

    .phone\:tracking-\[0\.2rem\] {
        letter-spacing: .2rem
    }

    .phone\:before\:invisible:before {
        content: var(--tw-content);
        visibility: hidden
    }

    .phone\:before\:w-\[2px\]:before {
        content: var(--tw-content);
        width: 2px
    }

    .phone\:after\:top-\[0\]:after {
        content: var(--tw-content);
        top: 0
    }

    .phone\:after\:h-\[50\%\]:after {
        content: var(--tw-content);
        height: 50%
    }

    .phone\:has-\[\.filterBox\]\:mb-4:has(.filterBox) {
        margin-bottom: 1rem
    }
}

@media (min-width: 768px) {
    .tablet\:sticky {
        position: sticky
    }

    .tablet\:top-\[6\.5rem\] {
        top: 6.5rem
    }

    .tablet\:order-1 {
        order: 1
    }

    .tablet\:order-2 {
        order: 2
    }

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

    .tablet\:my-4 {
        margin-top: 1rem;
        margin-bottom: 1rem
    }

    .tablet\:my-\[3rem\] {
        margin-top: 3rem;
        margin-bottom: 3rem
    }

    .tablet\:mb-3 {
        margin-bottom: .75rem
    }

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

    .tablet\:mb-\[2rem\] {
        margin-bottom: 2rem
    }

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

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

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

    .tablet\:mt-\[-5rem\] {
        margin-top: -5rem
    }

    .tablet\:mt-\[1\.5rem\] {
        margin-top: 1.5rem
    }

    .tablet\:mt-\[2rem\] {
        margin-top: 2rem
    }

    .tablet\:mt-\[3rem\] {
        margin-top: 3rem
    }

    .tablet\:mt-\[4rem\] {
        margin-top: 4rem
    }

    .tablet\:mt-\[6rem\] {
        margin-top: 6rem
    }

    .tablet\:inline-block {
        display: inline-block
    }

    .tablet\:flex {
        display: flex
    }

    .tablet\:grid {
        display: grid
    }

    .tablet\:aspect-\[459\/635\] {
        aspect-ratio: 459/635
    }

    .tablet\:aspect-auto {
        aspect-ratio: auto
    }

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

    .tablet\:h-\[3\.5rem\] {
        height: 3.5rem
    }

    .tablet\:h-\[4\.5rem\] {
        height: 4.5rem
    }

    .tablet\:h-\[50dvh\] {
        height: 50dvh
    }

    .tablet\:h-\[auto\] {
        height: auto
    }

    .tablet\:min-h-\[50dvh\] {
        min-height: 50dvh
    }

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

    .tablet\:w-\[1\.8rem\] {
        width: 1.8rem
    }

    .tablet\:w-\[3\.8rem\] {
        width: 3.8rem
    }

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

    .tablet\:w-\[3rem\] {
        width: 3rem
    }

    .tablet\:w-\[40\%\] {
        width: 40%
    }

    .tablet\:w-\[4rem\] {
        width: 4rem
    }

    .tablet\:w-\[50\%\] {
        width: 50%
    }

    .tablet\:w-\[5px\] {
        width: 5px
    }

    .tablet\:w-\[7\%\] {
        width: 7%
    }

    .tablet\:w-\[80px\] {
        width: 80px
    }

    .tablet\:w-\[auto\] {
        width: auto
    }

    .tablet\:w-full {
        width: 100%
    }

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

    .tablet\:max-w-\[75\%\] {
        max-width: 75%
    }

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

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

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

    .tablet\:grid-cols-\[1\.5rem_auto\] {
        grid-template-columns: 1.5rem auto
    }

    .tablet\:grid-cols-\[1fr_auto\] {
        grid-template-columns: 1fr auto
    }

    .tablet\:grid-cols-\[30\%_1fr\] {
        grid-template-columns: 30% 1fr
    }

    .tablet\:grid-cols-\[35\%_1fr\] {
        grid-template-columns: 35% 1fr
    }

    .tablet\:grid-cols-\[55\%_1fr\] {
        grid-template-columns: 55% 1fr
    }

    .tablet\:grid-cols-\[70\%_1fr\] {
        grid-template-columns: 70% 1fr
    }

    .tablet\:grid-cols-\[auto_1fr_auto\] {
        grid-template-columns: auto 1fr auto
    }

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

    .tablet\:flex-row {
        flex-direction: row
    }

    .tablet\:flex-col {
        flex-direction: column
    }

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

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

    .tablet\:justify-center {
        justify-content: center
    }

    .tablet\:gap-1 {
        gap: .25rem
    }

    .tablet\:gap-10 {
        gap: 2.5rem
    }

    .tablet\:gap-2 {
        gap: .5rem
    }

    .tablet\:gap-3 {
        gap: .75rem
    }

    .tablet\:gap-4 {
        gap: 1rem
    }

    .tablet\:gap-5 {
        gap: 1.25rem
    }

    .tablet\:gap-6 {
        gap: 1.5rem
    }

    .tablet\:gap-8 {
        gap: 2rem
    }

    .tablet\:gap-\[0rem\] {
        gap: 0rem
    }

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

    .tablet\:gap-\[1\.8rem\] {
        gap: 1.8rem
    }

    .tablet\:gap-\[10vh\] {
        gap: 10vh
    }

    .tablet\:gap-\[1rem\] {
        gap: 1rem
    }

    .tablet\:gap-\[2\.5rem\] {
        gap: 2.5rem
    }

    .tablet\:gap-\[2rem\] {
        gap: 2rem
    }

    .tablet\:gap-\[3\.5rem\] {
        gap: 3.5rem
    }

    .tablet\:gap-\[3rem\] {
        gap: 3rem
    }

    .tablet\:gap-\[4rem\] {
        gap: 4rem
    }

    .tablet\:gap-\[5rem\] {
        gap: 5rem
    }

    .tablet\:gap-\[5vw\] {
        gap: 5vw
    }

    .tablet\:gap-x-10 {
        -moz-column-gap: 2.5rem;
        column-gap: 2.5rem
    }

    .tablet\:gap-x-6 {
        -moz-column-gap: 1.5rem;
        column-gap: 1.5rem
    }

    .tablet\:gap-x-\[2rem\] {
        -moz-column-gap: 2rem;
        column-gap: 2rem
    }

    .tablet\:gap-x-\[3rem\] {
        -moz-column-gap: 3rem;
        column-gap: 3rem
    }

    .tablet\:gap-x-\[5rem\] {
        -moz-column-gap: 5rem;
        column-gap: 5rem
    }

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

    .tablet\:gap-y-\[1rem\] {
        row-gap: 1rem
    }

    .tablet\:gap-y-\[3rem\] {
        row-gap: 3rem
    }

    .tablet\:gap-y-\[4rem\] {
        row-gap: 4rem
    }

    .tablet\:border-e {
        border-inline-end-width: 1px
    }

    .tablet\:p-\[1\.5rem\] {
        padding: 1.5rem
    }

    .tablet\:p-\[4rem\] {
        padding: 4rem
    }

    .tablet\:p-\[5rem\] {
        padding: 5rem
    }

    .tablet\:px-10 {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }

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

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

    .tablet\:px-\[15\%\] {
        padding-left: 15%;
        padding-right: 15%
    }

    .tablet\:px-\[2\.5vw\] {
        padding-left: 2.5vw;
        padding-right: 2.5vw
    }

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

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

    .tablet\:py-\[1rem\] {
        padding-top: 1rem;
        padding-bottom: 1rem
    }

    .tablet\:py-\[2rem\] {
        padding-top: 2rem;
        padding-bottom: 2rem
    }

    .tablet\:py-\[3rem\] {
        padding-top: 3rem;
        padding-bottom: 3rem
    }

    .tablet\:py-\[5rem\] {
        padding-top: 5rem;
        padding-bottom: 5rem
    }

    .tablet\:py-\[6rem\] {
        padding-top: 6rem;
        padding-bottom: 6rem
    }

    .tablet\:pb-0 {
        padding-bottom: 0
    }

    .tablet\:pb-\[2rem\] {
        padding-bottom: 2rem
    }

    .tablet\:pb-\[5rem\] {
        padding-bottom: 5rem
    }

    .tablet\:pb-\[7rem\] {
        padding-bottom: 7rem
    }

    .tablet\:pe-\[30\%\] {
        padding-inline-end: 30%
    }

    .tablet\:pe-\[4rem\] {
        padding-inline-end: 4rem
    }

    .tablet\:ps-\[1em\] {
        padding-inline-start: 1em
    }

    .tablet\:ps-\[2em\] {
        padding-inline-start: 2em
    }

    .tablet\:ps-\[4rem\] {
        padding-inline-start: 4rem
    }

    .tablet\:ps-\[calc\(30\%\+1rem\)\] {
        padding-inline-start: calc(30% + 1rem)
    }

    .tablet\:pt-5 {
        padding-top: 1.25rem
    }

    .tablet\:pt-\[4rem\] {
        padding-top: 4rem
    }

    .tablet\:pt-\[5rem\] {
        padding-top: 5rem
    }

    .tablet\:pt-\[6rem\] {
        padding-top: 6rem
    }

    .tablet\:pt-\[8rem\] {
        padding-top: 8rem
    }

    .tablet\:text-start {
        text-align: start
    }

    .tablet\:text-2xl {
        font-size: var(--text-2xl);
        line-height: var(--text-2xl--line-height)
    }

    .tablet\:text-\[\.95rem\] {
        font-size: .95rem
    }

    .tablet\:text-\[1\.1rem\] {
        font-size: 1.1rem
    }

    .tablet\:text-\[1\.2rem\] {
        font-size: 1.2rem
    }

    .tablet\:text-\[1\.35rem\] {
        font-size: 1.35rem
    }

    .tablet\:text-\[1\.3rem\] {
        font-size: 1.3rem
    }

    .tablet\:text-\[1\.4rem\] {
        font-size: 1.4rem
    }

    .tablet\:text-\[1\.5rem\] {
        font-size: 1.5rem
    }

    .tablet\:text-\[1\.85rem\] {
        font-size: 1.85rem
    }

    .tablet\:text-\[1\.8rem\] {
        font-size: 1.8rem
    }

    .tablet\:text-\[10rem\] {
        font-size: 10rem
    }

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

    .tablet\:text-\[14rem\] {
        font-size: 14rem
    }

    .tablet\:text-\[2\.3rem\] {
        font-size: 2.3rem
    }

    .tablet\:text-\[2\.5rem\] {
        font-size: 2.5rem
    }

    .tablet\:text-\[2\.7rem\] {
        font-size: 2.7rem
    }

    .tablet\:text-\[2\.8rem\] {
        font-size: 2.8rem
    }

    .tablet\:text-\[2rem\] {
        font-size: 2rem
    }

    .tablet\:text-\[3\.1rem\] {
        font-size: 3.1rem
    }

    .tablet\:text-\[3\.2rem\] {
        font-size: 3.2rem
    }

    .tablet\:text-\[3\.4rem\] {
        font-size: 3.4rem
    }

    .tablet\:text-\[3\.5rem\] {
        font-size: 3.5rem
    }

    .tablet\:text-\[3\.8rem\] {
        font-size: 3.8rem
    }

    .tablet\:text-\[3rem\] {
        font-size: 3rem
    }

    .tablet\:text-\[4\.5rem\] {
        font-size: 4.5rem
    }

    .tablet\:text-\[4rem\] {
        font-size: 4rem
    }

    .tablet\:text-\[5\.5rem\] {
        font-size: 5.5rem
    }

    .tablet\:text-\[6rem\] {
        font-size: 6rem
    }

    .tablet\:text-\[7rem\] {
        font-size: 7rem
    }

    .tablet\:text-base {
        font-size: var(--text-base);
        line-height: var(--text-base--line-height)
    }

    .tablet\:text-lg {
        font-size: var(--text-lg);
        line-height: var(--text-lg--line-height)
    }

    .tablet\:text-xl {
        font-size: var(--text-xl);
        line-height: var(--text-xl--line-height)
    }

    .tablet\:leading-\[190\%\] {
        line-height: 190%
    }

    .tablet\:tracking-\[0\.15rem\] {
        letter-spacing: .15rem
    }

    .tablet\:tracking-\[0\.1rem\] {
        letter-spacing: .1rem
    }

    .tablet\:tracking-\[0\.43125rem\] {
        letter-spacing: .43125rem
    }

    .tablet\:before\:visible:before {
        content: var(--tw-content);
        visibility: visible
    }

    .tablet\:before\:w-\[1px\]:before {
        content: var(--tw-content);
        width: 1px
    }

    .tablet\:before\:w-\[5px\]:before {
        content: var(--tw-content);
        width: 5px
    }
}

@media (min-width: 1200px) {
    .desktop\:sticky {
        position: sticky
    }
    .desktop\:hidden {
        display: none
    }
    .desktop\:visible {
        display: block
    }

    .desktop\:top-0 {
        top: 0px
    }

    .desktop\:top-\[8rem\] {
        top: 8rem
    }

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

    .desktop\:order-1 {
        order: 1
    }

    .desktop\:order-2 {
        order: 2
    }

    .desktop\:order-3 {
        order: 3
    }

    .desktop\:col-end-auto {
        grid-column-end: auto
    }

    .desktop\:my-6 {
        margin-top: 1.5rem;
        margin-bottom: 1.5rem
    }

    .desktop\:my-\[4rem\] {
        margin-top: 4rem;
        margin-bottom: 4rem
    }

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

    .desktop\:me-4 {
        margin-inline-end: 1rem
    }

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

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

    .desktop\:mt-\[3rem\] {
        margin-top: 3rem
    }

    .desktop\:mt-\[6rem\] {
        margin-top: 6rem
    }

    .desktop\:mt-\[9rem\] {
        margin-top: 9rem
    }

    .desktop\:flex {
        display: flex
    }

    .desktop\:h-\[100dvh\] {
        height: 100dvh
    }

    .desktop\:h-\[3\.8em\] {
        height: 3.8em
    }

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

    .desktop\:h-\[7\.5rem\] {
        height: 7.5rem
    }

    .desktop\:min-h-\[100dvh\] {
        min-height: 100dvh
    }

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

    .desktop\:min-h-full {
        min-height: 100%
    }

    .desktop\:w-\[2\.25rem\] {
        width: 2.25rem
    }

    .desktop\:w-\[4\.5rem\] {
        width: 4.5rem
    }

    .desktop\:w-\[50\%\] {
        width: 50%
    }

    .desktop\:w-\[80\%\] {
        width: 80%
    }

    .desktop\:max-w-\[50\%\] {
        max-width: 50%
    }

    .desktop\:max-w-\[60\%\] {
        max-width: 60%
    }

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

    .desktop\:max-w-\[75\%\] {
        max-width: 75%
    }

    .desktop\:max-w-\[80\%\] {
        max-width: 80%
    }

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

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

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

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

    .desktop\:grid-cols-\[1fr_9rem\] {
        grid-template-columns: 1fr 9rem
    }

    .desktop\:grid-cols-\[35\%_1fr\] {
        grid-template-columns: 35% 1fr
    }

    .desktop\:grid-cols-\[50\%_1fr\] {
        grid-template-columns: 50% 1fr
    }

    .desktop\:grid-cols-\[70\%_1fr\] {
        grid-template-columns: 70% 1fr
    }

    .desktop\:grid-cols-\[auto_1fr\] {
        grid-template-columns: auto 1fr
    }

    .desktop\:grid-cols-\[auto_1fr_auto\] {
        grid-template-columns: auto 1fr auto
    }

    .desktop\:flex-row {
        flex-direction: row
    }

    .desktop\:flex-nowrap {
        flex-wrap: nowrap
    }

    .desktop\:items-center {
        align-items: center
    }

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

    .desktop\:justify-end {
        justify-content: flex-end
    }

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

    .desktop\:gap-10 {
        gap: 2.5rem
    }

    .desktop\:gap-20 {
        gap: 5rem
    }

    .desktop\:gap-4 {
        gap: 1rem
    }

    .desktop\:gap-5 {
        gap: 1.25rem
    }

    .desktop\:gap-6 {
        gap: 1.5rem
    }

    .desktop\:gap-8 {
        gap: 2rem
    }

    .desktop\:gap-\[10rem\] {
        gap: 10rem
    }

    .desktop\:gap-\[10vw\] {
        gap: 10vw
    }

    .desktop\:gap-\[2em\] {
        gap: 2em
    }

    .desktop\:gap-\[2rem\] {
        gap: 2rem
    }

    .desktop\:gap-\[3rem\] {
        gap: 3rem
    }

    .desktop\:gap-\[4\.5rem\] {
        gap: 4.5rem
    }

    .desktop\:gap-\[4rem\] {
        gap: 4rem
    }

    .desktop\:gap-\[5rem\] {
        gap: 5rem
    }

    .desktop\:gap-\[5vw\] {
        gap: 5vw
    }

    .desktop\:gap-\[6rem\] {
        gap: 6rem
    }

    .desktop\:gap-\[7\.5rem\] {
        gap: 7.5rem
    }

    .desktop\:gap-\[8rem\] {
        gap: 8rem
    }

    .desktop\:gap-x-16 {
        -moz-column-gap: 4rem;
        column-gap: 4rem
    }

    .desktop\:gap-x-6 {
        -moz-column-gap: 1.5rem;
        column-gap: 1.5rem
    }

    .desktop\:gap-x-\[5rem\] {
        -moz-column-gap: 5rem;
        column-gap: 5rem
    }

    .desktop\:gap-y-\[3rem\] {
        row-gap: 3rem
    }

    .desktop\:gap-y-\[4rem\] {
        row-gap: 4rem
    }

    .desktop\:gap-y-\[6rem\] {
        row-gap: 6rem
    }

    .desktop\:self-end {
        align-self: flex-end
    }

    .desktop\:self-center {
        align-self: center
    }

    .desktop\:p-\[2rem\] {
        padding: 2rem
    }

    .desktop\:p-\[7rem\] {
        padding: 7rem
    }

    .desktop\:px-\[10\%\] {
        padding-left: 10%;
        padding-right: 10%
    }

    .desktop\:px-\[15vw\] {
        padding-left: 15vw;
        padding-right: 15vw
    }

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

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

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

    .desktop\:px-\[5vw\] {
        padding-left: 5vw;
        padding-right: 5vw
    }

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

    .desktop\:py-\[2em\] {
        padding-top: 2em;
        padding-bottom: 2em
    }

    .desktop\:py-\[4rem\] {
        padding-top: 4rem;
        padding-bottom: 4rem
    }

    .desktop\:py-\[5rem\] {
        padding-top: 5rem;
        padding-bottom: 5rem
    }

    .desktop\:py-\[6rem\] {
        padding-top: 6rem;
        padding-bottom: 6rem
    }

    .desktop\:py-\[7\.5rem\] {
        padding-top: 7.5rem;
        padding-bottom: 7.5rem
    }

    .desktop\:py-\[9rem\] {
        padding-top: 9rem;
        padding-bottom: 9rem
    }

    .desktop\:pb-0 {
        padding-bottom: 0
    }

    .desktop\:pb-\[3\.5rem\] {
        padding-bottom: 3.5rem
    }

    .desktop\:pb-\[6rem\] {
        padding-bottom: 6rem
    }

    .desktop\:pe-\[7\.5\%\] {
        padding-inline-end: 7.5%
    }

    .desktop\:pe-\[8rem\] {
        padding-inline-end: 8rem
    }

    .desktop\:ps-\[8rem\] {
        padding-inline-start: 8rem
    }

    .desktop\:pt-\[4rem\] {
        padding-top: 4rem
    }

    .desktop\:pt-\[5rem\] {
        padding-top: 5rem
    }

    .desktop\:pt-\[6rem\] {
        padding-top: 6rem
    }

    .desktop\:pt-\[7rem\] {
        padding-top: 7rem
    }

    .desktop\:pt-\[9rem\] {
        padding-top: 9rem
    }

    .desktop\:text-2xl {
        font-size: var(--text-2xl);
        line-height: var(--text-2xl--line-height)
    }

    .desktop\:text-\[1\.35rem\] {
        font-size: 1.35rem
    }

    .desktop\:text-\[1\.5rem\] {
        font-size: 1.5rem
    }

    .desktop\:text-\[1\.75rem\] {
        font-size: 1.75rem
    }

    .desktop\:text-\[1\.8rem\] {
        font-size: 1.8rem
    }

    .desktop\:text-\[11rem\] {
        font-size: 11rem
    }

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

    .desktop\:text-\[13rem\] {
        font-size: 13rem
    }

    .desktop\:text-\[17rem\] {
        font-size: 17rem
    }

    .desktop\:text-\[2\.2rem\] {
        font-size: 2.2rem
    }

    .desktop\:text-\[2\.5rem\] {
        font-size: 2.5rem
    }

    .desktop\:text-\[2\.8rem\] {
        font-size: 2.8rem
    }

    .desktop\:text-\[2\.9rem\] {
        font-size: 2.9rem
    }

    .desktop\:text-\[2rem\] {
        font-size: 2rem
    }

    .desktop\:text-\[3\.5rem\] {
        font-size: 3.5rem
    }

    .desktop\:text-\[3\.6rem\] {
        font-size: 3.6rem
    }

    .desktop\:text-\[3\.8rem\] {
        font-size: 3.8rem
    }

    .desktop\:text-\[3rem\] {
        font-size: 3rem
    }

    .desktop\:text-\[4\.5rem\] {
        font-size: 4.5rem
    }

    .desktop\:text-\[5\.5rem\] {
        font-size: 5.5rem
    }

    .desktop\:text-\[6\.5rem\] {
        font-size: 6.5rem
    }

    .desktop\:text-\[6rem\] {
        font-size: 6rem
    }

    .desktop\:text-\[7\.5rem\] {
        font-size: 7.5rem
    }

    .desktop\:text-\[7rem\] {
        font-size: 7rem
    }

    .desktop\:text-\[8rem\] {
        font-size: 8rem
    }

    .desktop\:text-lg {
        font-size: var(--text-lg);
        line-height: var(--text-lg--line-height)
    }

    .first-letter\:desktop\:pb-\[2rem\]:first-letter {
        padding-bottom: 2rem
    }

    .desktop\:after\:top-\[-10rem\]:after {
        content: var(--tw-content);
        top: -10rem
    }

    .desktop\:after\:h-\[15rem\]:after {
        content: var(--tw-content);
        height: 15rem
    }

    .desktop\:has-\[\.filterBox\]\:mb-0:has(.filterBox) {
        margin-bottom: 0
    }
}

@media (min-width: 1800px) {
    .xl-desktop\:bottom-10 {
        bottom: 2.5rem
    }

    .xl-desktop\:h-\[4\.2em\] {
        height: 4.2em
    }

    .xl-desktop\:h-\[5\.5rem\] {
        height: 5.5rem
    }

    .xl-desktop\:w-\[5\.5rem\] {
        width: 5.5rem
    }

    .xl-desktop\:max-w-\[60\%\] {
        max-width: 60%
    }

    .xl-desktop\:grid-cols-\[30\%_1fr\] {
        grid-template-columns: 30% 1fr
    }

    .xl-desktop\:gap-\[5rem\] {
        gap: 5rem
    }

    .xl-desktop\:gap-\[6rem\] {
        gap: 6rem
    }

    .xl-desktop\:gap-\[6vw\] {
        gap: 6vw
    }

    .xl-desktop\:px-\[12\%\] {
        padding-left: 12%;
        padding-right: 12%
    }

    .xl-desktop\:pe-\[--sideOff\] {
        padding-inline-end: var(--sideOff)
    }

    .xl-desktop\:text-\[1\.5rem\] {
        font-size: 1.5rem
    }

    .xl-desktop\:text-\[1\.75rem\] {
        font-size: 1.75rem
    }

    .xl-desktop\:text-\[1\.8rem\] {
        font-size: 1.8rem
    }

    .xl-desktop\:text-\[12rem\] {
        font-size: 12rem
    }

    .xl-desktop\:text-\[2\.3rem\] {
        font-size: 2.3rem
    }

    .xl-desktop\:text-\[2\.5rem\] {
        font-size: 2.5rem
    }

    .xl-desktop\:text-\[3\.3rem\] {
        font-size: 3.3rem
    }

    .xl-desktop\:text-\[3\.8rem\] {
        font-size: 3.8rem
    }

    .xl-desktop\:text-\[3rem\] {
        font-size: 3rem
    }

    .xl-desktop\:text-\[4\.2rem\] {
        font-size: 4.2rem
    }

    .xl-desktop\:text-\[4\.5rem\] {
        font-size: 4.5rem
    }

    .xl-desktop\:text-\[4\.7rem\] {
        font-size: 4.7rem
    }

    .xl-desktop\:text-\[4rem\] {
        font-size: 4rem
    }

    .xl-desktop\:text-\[5\.5rem\] {
        font-size: 5.5rem
    }

    .xl-desktop\:text-\[5rem\] {
        font-size: 5rem
    }

    .xl-desktop\:text-\[7\.5rem\] {
        font-size: 7.5rem
    }

    .xl-desktop\:text-\[9rem\] {
        font-size: 9rem
    }
}

@media (min-width: 1025px) and (max-width: 1370px) {
    .sm-lap\:mt-\[2rem\] {
        margin-top: 2rem
    }

    .sm-lap\:mt-\[4rem\] {
        margin-top: 4rem
    }

    .sm-lap\:mt-\[6rem\] {
        margin-top: 6rem
    }

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

    .sm-lap\:grid-cols-\[1fr_7rem\] {
        grid-template-columns: 1fr 7rem
    }

    .sm-lap\:gap-12 {
        gap: 3rem
    }

    .sm-lap\:gap-4 {
        gap: 1rem
    }

    .sm-lap\:gap-6 {
        gap: 1.5rem
    }

    .sm-lap\:gap-\[2rem\] {
        gap: 2rem
    }

    .sm-lap\:gap-\[3rem\] {
        gap: 3rem
    }

    .sm-lap\:gap-\[4rem\] {
        gap: 4rem
    }

    .sm-lap\:gap-\[5rem\] {
        gap: 5rem
    }

    .sm-lap\:gap-\[5vh\] {
        gap: 5vh
    }

    .sm-lap\:gap-\[7rem\] {
        gap: 7rem
    }

    .sm-lap\:gap-x-4 {
        -moz-column-gap: 1rem;
        column-gap: 1rem
    }

    .sm-lap\:gap-x-\[4rem\] {
        -moz-column-gap: 4rem;
        column-gap: 4rem
    }

    .sm-lap\:gap-y-8,
    .sm-lap\:gap-y-\[2rem\] {
        row-gap: 2rem
    }

    .sm-lap\:px-\[3rem\] {
        padding-left: 3rem;
        padding-right: 3rem
    }

    .sm-lap\:py-\[1\.5em\] {
        padding-top: 1.5em;
        padding-bottom: 1.5em
    }

    .sm-lap\:py-\[3rem\] {
        padding-top: 3rem;
        padding-bottom: 3rem
    }

    .sm-lap\:py-\[5rem\] {
        padding-top: 5rem;
        padding-bottom: 5rem
    }

    .sm-lap\:py-\[6rem\] {
        padding-top: 6rem;
        padding-bottom: 6rem
    }

    .sm-lap\:pt-\[5rem\] {
        padding-top: 5rem
    }

    .sm-lap\:pt-\[6rem\] {
        padding-top: 6rem
    }

    .sm-lap\:text-\[1\.45rem\] {
        font-size: 1.45rem
    }

    .sm-lap\:text-\[1\.6rem\] {
        font-size: 1.6rem
    }

    .sm-lap\:text-\[10rem\] {
        font-size: 10rem
    }

    .sm-lap\:text-\[2\.2rem\] {
        font-size: 2.2rem
    }

    .sm-lap\:text-\[2\.3rem\] {
        font-size: 2.3rem
    }

    .sm-lap\:text-\[2\.5rem\] {
        font-size: 2.5rem
    }

    .sm-lap\:text-\[2\.7rem\] {
        font-size: 2.7rem
    }

    .sm-lap\:text-\[2\.8rem\] {
        font-size: 2.8rem
    }

    .sm-lap\:text-\[3\.2rem\] {
        font-size: 3.2rem
    }

    .sm-lap\:text-\[3\.3rem\] {
        font-size: 3.3rem
    }

    .sm-lap\:text-\[4rem\] {
        font-size: 4rem
    }

    .sm-lap\:text-\[5rem\] {
        font-size: 5rem
    }

    .sm-lap\:text-\[7\.5rem\] {
        font-size: 7.5rem
    }

    .sm-lap\:text-\[7rem\] {
        font-size: 7rem
    }

    .sm-lap\:text-\[9\.5rem\] {
        font-size: 9.5rem
    }
}

@media (min-width: 768px) and (max-width: 979px) {
    .small-tablet\:order-1 {
        order: 1
    }

    .small-tablet\:order-2 {
        order: 2
    }

    .small-tablet\:mb-2 {
        margin-bottom: .5rem
    }

    .small-tablet\:mt-0 {
        margin-top: 0
    }

    .small-tablet\:aspect-\[3\/1\] {
        aspect-ratio: 3/1
    }

    .small-tablet\:aspect-\[3\/2\] {
        aspect-ratio: 3/2
    }

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

    .small-tablet\:w-\[100\%\] {
        width: 100%
    }

    .small-tablet\:w-\[2\.7rem\] {
        width: 2.7rem
    }

    .small-tablet\:w-\[3\.4rem\] {
        width: 3.4rem
    }

    .small-tablet\:w-\[5\%\] {
        width: 5%
    }

    .small-tablet\:max-w-\[400px\] {
        max-width: 400px
    }

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

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

    .small-tablet\:flex-row {
        flex-direction: row
    }

    .small-tablet\:flex-col {
        flex-direction: column
    }

    .small-tablet\:justify-start {
        justify-content: flex-start
    }

    .small-tablet\:gap-2 {
        gap: .5rem
    }

    .small-tablet\:gap-6,
    .small-tablet\:gap-\[1\.5rem\] {
        gap: 1.5rem
    }

    .small-tablet\:gap-\[1rem\] {
        gap: 1rem
    }

    .small-tablet\:gap-\[2rem\] {
        gap: 2rem
    }

    .small-tablet\:gap-\[3rem\] {
        gap: 3rem
    }

    .small-tablet\:gap-x-4,
    .small-tablet\:gap-x-\[1rem\] {
        -moz-column-gap: 1rem;
        column-gap: 1rem
    }

    .small-tablet\:gap-y-10 {
        row-gap: 2.5rem
    }

    .small-tablet\:gap-y-5 {
        row-gap: 1.25rem
    }

    .small-tablet\:gap-y-\[1rem\] {
        row-gap: 1rem
    }

    .small-tablet\:gap-y-\[2rem\] {
        row-gap: 2rem
    }

    .small-tablet\:p-4 {
        padding: 1rem
    }

    .small-tablet\:px-\[2\.5rem\] {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }

    .small-tablet\:px-\[3rem\] {
        padding-left: 3rem;
        padding-right: 3rem
    }

    .small-tablet\:py-\[1rem\] {
        padding-top: 1rem;
        padding-bottom: 1rem
    }

    .small-tablet\:py-\[4rem\] {
        padding-top: 4rem;
        padding-bottom: 4rem
    }

    .small-tablet\:pt-\[5rem\] {
        padding-top: 5rem
    }

    .small-tablet\:text-\[\.85rem\] {
        font-size: .85rem
    }

    .small-tablet\:text-\[1\.1rem\] {
        font-size: 1.1rem
    }

    .small-tablet\:text-\[1\.2rem\] {
        font-size: 1.2rem
    }

    .small-tablet\:text-\[1\.3rem\] {
        font-size: 1.3rem
    }

    .small-tablet\:text-\[1\.6rem\] {
        font-size: 1.6rem
    }

    .small-tablet\:text-\[1\.8rem\] {
        font-size: 1.8rem
    }

    .small-tablet\:text-\[10rem\] {
        font-size: 10rem
    }

    .small-tablet\:text-\[2\.2rem\] {
        font-size: 2.2rem
    }

    .small-tablet\:text-\[2\.4rem\] {
        font-size: 2.4rem
    }

    .small-tablet\:text-\[2\.8rem\] {
        font-size: 2.8rem
    }

    .small-tablet\:text-\[2rem\] {
        font-size: 2rem
    }

    .small-tablet\:text-\[3rem\] {
        font-size: 3rem
    }

    .small-tablet\:text-\[4\.5rem\] {
        font-size: 4.5rem
    }

    .small-tablet\:text-\[5rem\] {
        font-size: 5rem
    }

    .small-tablet\:text-\[7rem\] {
        font-size: 7rem
    }
}

.rtl\:scale-\[-1\]:where([dir="rtl"], [dir="rtl"] *) {
    --tw-scale-x: -1;
    --tw-scale-y: -1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rtl\:object-right:where([dir="rtl"], [dir="rtl"] *) {
    object-position: right
}

.rtl\:pb-\[\.5rem\]:where([dir="rtl"], [dir="rtl"] *) {
    padding-bottom: .5rem
}

.rtl\:pb-\[\.8rem\]:where([dir="rtl"], [dir="rtl"] *) {
    padding-bottom: .8rem
}

.rtl\:pb-\[1\.2rem\]:where([dir="rtl"], [dir="rtl"] *) {
    padding-bottom: 1.2rem
}

.rtl\:pb-\[1rem\]:where([dir="rtl"], [dir="rtl"] *) {
    padding-bottom: 1rem
}

.rtl\:leading-\[110\%\]:where([dir="rtl"], [dir="rtl"] *) {
    line-height: 110%
}

.rtl\:leading-\[105\%\]:where([dir="rtl"], [dir="rtl"] *) {
    line-height: 105%
}

.rtl\:leading-\[80\%\]:where([dir="rtl"], [dir="rtl"] *) {
    line-height: 80%
}


.rtl\:leading-\[120\%\]:where([dir="rtl"], [dir="rtl"] *) {
    line-height: 120%
}

.rtl\:leading-\[130\%\]:where([dir="rtl"], [dir="rtl"] *) {
    line-height: 130%
}

.rtl\:leading-\[140\%\]:where([dir="rtl"], [dir="rtl"] *) {
    line-height: 140%
}

.rtl\:tracking-\[0\]:where([dir="rtl"], [dir="rtl"] *) {
    letter-spacing: 0
}

.rtl\:tracking-\[0rem\]:where([dir="rtl"], [dir="rtl"] *) {
    letter-spacing: 0rem
}

.group:hover .rtl\:group-hover\:scale-\[-1\.2\]:where([dir="rtl"], [dir="rtl"] *) {
    --tw-scale-x: -1.2;
    --tw-scale-y: -1.2;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

@media (min-width: 1200px) {
    .rtl\:desktop\:text-\[3\.2rem\]:where([dir="rtl"], [dir="rtl"] *) {
        font-size: 3.2rem
    }
}

@media (min-width: 1025px) and (max-width: 1370px) {
    .rtl\:sm-lap\:text-\[2\.5rem\]:where([dir="rtl"], [dir="rtl"] *) {
        font-size: 2.5rem
    }
}

.\[\&\.active\]\:text-\[--bg-color\].active {
    color: var(--bg-color)
}

.\[\&\.active\]\:text-white.active {
    color: var(--white-color)
}

.\[\&\.active\]\:after\:scale-100.active:after {
    content: var(--tw-content);
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.\[\&\.active\]\:after\:opacity-100.active:after {
    content: var(--tw-content);
    opacity: 1
}

.\[\&\.lock\]\:pointer-events-none.lock {
    pointer-events: none
}

.\[\&\>\.active\]\:opacity-100>.active {
    opacity: 1
}

.\[\&\>span\]\:block>span {
    display: block
}

.media-swiper {
    position: relative
}

.media-swiper .swiper {
    overflow: visible;
    display: flex
}

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

.media-swiper .media-item-link {
    transition: all 1s ease
}

.media-swiper .media-item-link .media-item-image {
    position: relative;
    display: block;
    transition: all 1s ease;
    width: 100%;
    height: 100%;
    z-index: 5
}

.media-swiper .media-item-link .media-item-image picture {
    position: relative;
    display: flex;
    width: 100%;
    height: 100%;
    transition: all 1s ease;
    z-index: 4
}

.media-swiper .media-item-link .media-item-image picture img {
    display: flex;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    transition: all 1s ease;
    aspect-ratio: 1300/731
}

.media-swiper .media-item-link .media-item-image .mini-content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    transform: translateY(100%);
    transition: all .6s ease .2s
}

@media only screen and (max-width: 1024px) {
    .media-swiper .media-item-link .media-item-image .mini-content {
        display: none
    }
}

.media-swiper .media-item-link .media-item-image .mini-content p {
    overflow: hidden;
    /* text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical */
}

.media-swiper .media-item-link .content {
    transition: all .4s ease .2s
}

.media-swiper .media-item-link .content p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

@media (min-width: 1025px) {
    .media-swiper {
        --g: 40px;
        --smW: 19vw;
        --lmW: 50vw
    }
}

@media (min-width: 1025px) and (min-width: 1800px) {
    .media-swiper {
        --smW: calc(1440px / 4.1);
        --lmW: 720px
    }
}

@media (min-width: 1025px) {
    .media-swiper .swiper {
        width: calc(var(--lmW) - var(--g) / 2)
    }

    .media-swiper .swiper .media-item-link {
        width: var(--smW)
    }

    .media-swiper .swiper-slide {
        display: flex;
        align-items: start
    }

    .media-swiper .swiper-slide.swiper-slide-prev {
        justify-content: end !important
    }

    .media-swiper .swiper-slide.swiper-slide-next {
        justify-content: start !important
    }

    .media-swiper .swiper-slide.swiper-slide-active .media-item-link {
        width: 100%
    }

    .media-swiper .swiper-slide .media-item-link {
        width: calc(var(--smW) - var(--g) / 2);
        transition: width 1s var(--ease)
    }

    .media-swiper .swiper-slide .media-item-link .content {
        transform: translateY(-110%);
        opacity: 0
    }

    .media-swiper .swiper-slide-active .media-item-link .media-item-image {
        width: 100%;
        height: 100%
    }

    .media-swiper .swiper-slide-active .media-item-link .media-item-image .mini-content {
        transform: translateY(0);
        opacity: 0;
        transition-delay: 0s;
        transition-duration: .3s
    }

    .media-swiper .swiper-slide-active .media-item-link .content {
        transition-delay: .35s;
        transform: none;
        opacity: 1
    }

    [data-media-swiper] .swiper {
        min-height: var(--media-swiper-height)
    }
}

.stats-lister .lister {
    position: relative;
    padding-inline: .85em;
    text-transform: uppercase
}

.stats-lister .lister:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: .2em;
    background-color: #0000001a;
    height: 100%;
    opacity: .5;
    transform: translate(50%)
}

.stats-lister .lister:last-child:after {
    display: none
}

.about-block-message span {
    opacity: 1;
    display: inline-block;
    position: relative;
    transform: translateY(2rem)
}

.about-block-message span .span-text {
    position: absolute;
    left: 0;
    font-size: 1.25rem;
    font-family: var(--font-body);
    transform: translateY(30%);
    line-height: 120%;
    letter-spacing: 0;
    font-weight: 400;
    top: 6.5rem;
    opacity: 0
}

.imi-swiper .swiper-top {
    margin-inline: auto;
    width: 95%
}

.imi-swiper .swiper-top .imi-slide {
    cursor: pointer;
    opacity: .1
}

.imi-swiper .swiper-top .swiper-slide-thumb-active .imi-slide {
    opacity: 1
}

.imi-swiper .ini-bottom-img-slide .ini-bottom-img-item {
    transition: all .8s ease;
    filter: grayscale(1);
    opacity: 0
}

.imi-swiper .ini-bottom-img-slide .swiper-slide-shadow {
    opacity: 0 !important
}

.imi-swiper .ini-bottom-img-slide.swiper-slide-active .ini-bottom-img-item {
    opacity: 1;
    transition-duration: .4s
}

.imi-swiper .ini-bottom-img-slide.swiper-slide-active:hover .ini-bottom-img-item {
    opacity: .15
}

.imi-swiper .ini-bottom-img-slide.swiper-slide-active:hover .ini-bottom-img-item:hover {
    opacity: 1;
    transform: scale(1.1)
}

.banner-video {
    opacity: 0;
    transition: transform 2s ease-in-out, opacity .4s ease;
    transform: scale(1.2)
}

.banner-clip {
    z-index: 15
}

.banner-clip span {
    position: relative;
    height: 27dvh;
    background-color: #000;
    transition: all .8s ease-in;
    clip-path: polygon(0 0, 110% 0, 110% 100%, 0 100%);
    overflow: hidden
}

.banner-clip span:after {
    content: "";
    position: absolute;
    top: 0;
    inset-inline-end: 0;
    width: .35rem;
    height: 100%;
    background: rgba(var(--whiteR), .35);
    transform: scaleY(0);
    transform-origin: top
}

@media only screen and (max-width: 767px) {
    .banner-clip span:after {
        width: .1rem
    }
}

.banner-clip span:nth-child(1) {
    width: 20%
}

.banner-clip span:nth-child(2) {
    width: 46%
}

.banner-clip span:nth-child(3) {
    width: 9%
}

.banner-clip span:nth-child(4) {
    width: 18%
}

.banner-clip span:nth-child(5) {
    width: 7%
}

.banner-clip span:nth-child(6) {
    width: 15%
}

.banner-clip span:nth-child(7) {
    width: 8%
}

.banner-clip span:nth-child(8) {
    width: 30%
}

.banner-clip span:nth-child(9) {
    width: 9%
}

.banner-clip span:nth-child(10) {
    width: 18%
}

.banner-clip span:nth-child(11) {
    width: 20%
}

.banner-clip span:nth-child(12) {
    width: 37%
}

.banner-clip span:nth-child(13) {
    width: 20%
}

.banner-clip span:nth-child(14) {
    width: 19%
}

.banner-clip span:nth-child(15) {
    width: 24%
}

.banner-clip span:nth-child(16) {
    width: 29%
}

.banner-clip span:nth-child(17) {
    width: 7%
}

.banner-clip span:nth-child(18) {
    width: 12%
}

.banner-clip span:nth-child(19) {
    width: 27%
}

.banner-clip span:nth-child(20) {
    width: 5%
}

.banner-clip span:nth-child(21) {
    width: 14%
}

.banner-clip span:nth-child(22) {
    width: 6%
}

.dom-loaded .banner-video {
    transition-delay: 2.5s;
    transform: none;
    opacity: 1
}

.dom-loaded .banner-clip span {
    clip-path: polygon(0 0, 0 0, 0 100%, 0 100%)
}

.dom-loaded .banner-clip span:after {
    animation: animLine 1.7s var(--ease) .5s
}

.dom-loaded .banner-clip span:nth-child(odd) {
    transition-delay: 2.5s
}

.dom-loaded .banner-clip span:nth-child(odd):after {
    animation-delay: 1.2s
}

.dom-loaded .banner-clip span:nth-child(even) {
    transition-delay: 2.7s
}

.dom-loaded .banner-clip span:nth-child(even):after {
    animation-delay: 1.5s
}

@keyframes animLine {
    0% {
        transform-origin: top;
        transform: scaleY(0)
    }

    49% {
        transform-origin: top
    }

    50% {
        transform: scaleY(1)
    }

    51% {
        transform-origin: bottom
    }

    to {
        transform: scaleY(0);
        transform-origin: bottom
    }
}

[data-anim-imi-el] {
    transform: scale(1.5)
}

[data-videocontrol]:before {
    content: "";
    position: absolute;
    inset: 0;
    border: 6px solid var(--white);
    border-radius: 50%;
    opacity: .1;
    transition: all .4s var(--ease)
}

@media only screen and (max-width: 767px) {
    [data-videocontrol]:before {
        border-width: 4px
    }
}

[data-videocontrol] svg {
    position: absolute;
    width: 40%;
    height: auto;
    aspect-ratio: 3/2.8;
    transition: all .4s var(--ease)
}

[data-videocontrol] .playIcon {
    transform: scale(.5);
    opacity: 0
}

[data-videocontrol].active .playIcon {
    transform: scale(1);
    opacity: 1
}

[data-videocontrol].active .pauseIcon {
    transform: scale(.5);
    opacity: 0
}

[data-videocontrol].active:before {
    opacity: 1;
    border-width: 1px
}

.brandInner {
    --g: 5rem;
    animation: 10s logoslide infinite linear;
    gap: var(--g);
    animation-duration: calc(var(--logoCount, 10) * 3s)
}

@media only screen and (max-width: 47.9375rem) {
    .brandInner {
        --g: 2rem
    }
}

@media (hover: hover) and (pointer: fine) {
    .brandInner:hover {
        animation-play-state: paused
    }
}

.brandInner.reOrder {
    animation-name: logoslideR
}

.brandBox {
    gap: var(--g)
}

.brandBox img {
    transition: all .4s var(--ease)
}

@media (hover: hover) and (pointer: fine) {
    .brandBox a:hover img {
        transform: scale(1.05)
    }
}

.brandBox .logoBox {
    --wd: 20rem;
    width: calc(var(--wd) - var(--g) * 3 / 4)
}

@media only screen and (min-width: 64.0625rem) and (max-width: 85.625rem) {
    .brandBox .logoBox {
        --wd: 18rem
    }
}

@media only screen and (max-width: 61.25rem) {
    .brandBox .logoBox {
        --wd: 15rem
    }
}

@media only screen and (max-width: 47.9375rem) {
    .brandBox .logoBox {
        --wd: 10rem
    }
}

@keyframes logoslide {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(calc((50% + var(--g) / 2) * -1))
    }
}

@keyframes logoslideR {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(calc(50% + var(--g) / 2))
    }
}

.homeMissionSection.triggerAnim .bgSlider {
    position: fixed !important
}

.homeMissionSection.triggerAnim .scaleTitle {
    transform: scale(1);
    transition: all 1.2s var(--elastic) .3s
}

.scaleTitle {
    transform: scale(1.3)
}

.innerBanner {
    background: var(--bg-color);
    min-height: 60vh
}

@media only screen and (max-width: 64rem) {
    .innerBanner {
        min-height: 40vh
    }
}

.innerBanner:has(.bgImg) {
    min-height: calc(60vh + 5rem)
}

@media only screen and (max-width: 64rem) {
    .innerBanner:has(.bgImg) {
        min-height: calc(40vh + 5rem)
    }
}

.innerBanner h1 span {
    display: inline-block
}

.inner-page {
    background: var(--white)
}

.inner-page footer {
    background: var(--bg-color);
    color: var(--white)
}

.pressItem .imgBox {
    position: relative
}

.imgBox.zoom-effect:hover img {
    transition: all .4s var(--ease);
    scale: 1.3;
}

.pressItem .imgBox>picture {
    transition: all .4s var(--ease)
}

.pressItem .bgLayer {
    position: absolute;
    inset: 0;
    transform: rotate(6.178deg);
    transform-origin: bottom center;
    z-index: -1;
    opacity: .6;
    transition: all .4s var(--ease)
}

@media only screen and (max-width: 64rem) {
    .pressItem .bgLayer {
        transform: rotate(4deg)
    }
}

@media only screen and (max-width: 47.9375rem) {
    .pressItem .bgLayer {
        transform: rotate(2deg)
    }
}

@media (hover: hover) and (pointer: fine) {
    .pressItem a:hover .imgBox>picture {
        transform: scale(1.05)
    }

    .pressItem a:hover .bgLayer {
        transform: rotate(0)
    }
}

.galleryItem .imgBox {
    position: relative;
    background: rgba(var(--blackR), .1)
}

.galleryItem .imgBox>picture {
    transition: all .4s var(--ease)
}

.galleryItem .badge {
    position: absolute;
    color: var(--white);
    z-index: 15;
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: .5rem;
    font-size: 1.2rem;
    top: 1rem;
    line-height: 100%;
    right: 1.5rem
}

[dir=rtl] .galleryItem .badge {
    right: auto;
    left: 1.5rem
}

@media only screen and (max-width: 64rem) {
    .galleryItem .badge {
        font-size: 1rem
    }
}

@media only screen and (max-width: 47.9375rem) {
    .galleryItem .badge {
        right: 1rem;
        gap: .4rem
    }

    [dir=rtl] .galleryItem .badge {
        right: auto;
        left: 1rem
    }
}

.galleryItem .badge .i {
    display: flex;
    align-items: center;
    justify-content: center
}

.galleryItem .badge .i svg {
    width: 1.2rem;
    height: auto
}

@media only screen and (max-width: 64rem) {
    .galleryItem .badge .i svg {
        width: 1rem
    }
}

@media only screen and (max-width: 47.9375rem) {
    .galleryItem .badge .i svg {
        width: .9rem
    }
}

.galleryItem .bgLayer {
    position: absolute;
    inset: 0;
    --ofg: 1.1rem;
    transform: translate(var(--ofg)) translateY(var(--ofg));
    transform-origin: bottom center;
    z-index: -1;
    transition: all .4s var(--ease)
}

[dir=rtl] .galleryItem .bgLayer {
    transform: translate(calc(var(--ofg) * -1)) translateY(var(--ofg))
}

@media only screen and (max-width: 64rem) {
    .galleryItem .bgLayer {
        --ofg: .6rem
    }
}

@media only screen and (max-width: 47.9375rem) {
    .galleryItem .bgLayer {
        --ofg: .4rem
    }
}

@media (hover: hover) and (pointer: fine) {
    .galleryItem a:hover .imgBox>picture {
        transform: scale(1.05)
    }

    .galleryItem a:hover .bgLayer {
        transform: none
    }
}

.visionTextBox {
    padding-inline-start: calc(50% + 5rem)
}

@media only screen and (max-width: 64rem) {
    .visionTextBox {
        padding-inline-start: 0
    }
}

.visionMacroWrap {
    --g: 3rem;
    --i: 7vw
}

@media only screen and (max-width: 61.25rem) {
    .visionMacroWrap {
        --i: 10vw
    }
}

@media only screen and (max-width: 47.9375rem) {
    .visionMacroWrap {
        --i: 2.6rem;
        --g: 1.4rem
    }
}

.visionMacroWrap .visionMacroInner {
    display: flex;
    gap: var(--g);
    animation: 30s visionSlide infinite linear
}

[dir=rtl] .visionMacroWrap .visionMacroInner {
    animation: 30s visionSlideRtl infinite linear
}

.visionMItem {
    display: grid;
    grid-template-columns: calc(var(--g) * 2 + var(--i)) auto;
    align-items: center;
    gap: var(--g);
    font-size: 8vw;
    white-space: nowrap;
    line-height: 100%;
    font-weight: 600
}

@media only screen and (max-width: 61.25rem) {
    .visionMItem {
        font-size: 12vw
    }
}

@media only screen and (max-width: 47.9375rem) {
    .visionMItem {
        font-size: 2rem
    }
}

.visionMItem .iconBox {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border-inline: 7px solid var(--mGray);
    padding-inline: var(--g)
}

@media only screen and (max-width: 47.9375rem) {
    .visionMItem .iconBox {
        border-inline-width: 2px
    }
}

.visionMItem .iconBox svg {
    width: 100%;
    height: auto
}

@keyframes visionSlide {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(calc((50% + var(--g) / 2) * -1))
    }
}

@keyframes visionSlideRtl {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(calc(50% + var(--g) / 2))
    }
}

.whatWeDoSlider .swiper {
    overflow: visible
}

.whatWeDoSlider .swiper-wrapper {
    height: auto
}

.whatWeDoSlider .swiper-slide {
    height: auto;
    opacity: .3;
    transition: opacity .5s var(--ease)
}

.whatWeDoSlider .swiper-slide .iconBox,
.whatWeDoSlider .swiper-slide .textBox,
.whatWeDoSlider .swiper-slide .font-title {
    transform: translateY(2rem);
    opacity: 0;
    transition: all .5s var(--elastic)
}

.whatWeDoSlider .swiper-slide.swiper-slide-visible {
    opacity: 1
}

.whatWeDoSlider .swiper-slide.swiper-slide-visible .iconBox,
.whatWeDoSlider .swiper-slide.swiper-slide-visible .textBox,
.whatWeDoSlider .swiper-slide.swiper-slide-visible .font-title {
    transform: translateY(0);
    opacity: 1
}

@media only screen and (max-width: 64rem) {
    .whatWeDoSlider .swiper-slide.swiper-slide-visible .btnWrap {
        transform: translateY(0);
        opacity: 1;
        transition-delay: .65s
    }
}

.whatWeDoSlider .swiper-slide.swiper-slide-visible .iconBox {
    transition-delay: .35s
}

.whatWeDoSlider .swiper-slide.swiper-slide-visible .font-title {
    transition-delay: .45s
}

.whatWeDoSlider .swiper-slide.swiper-slide-visible .textBox {
    transition-delay: .55s
}

.whatWeDoSlider .swiper-slide a .btnWrap {
    opacity: 0;
    transition: all .4s var(--ease);
    transform: translateY(2rem)
}

@media (hover: hover) and (pointer: fine) {
    .whatWeDoSlider .swiper-slide a .btnWrap {
        position: absolute;
        bottom: 3rem
    }

    .whatWeDoSlider .swiper-slide a:hover .btnWrap {
        transform: translateY(0);
        opacity: 1
    }
}

.whatWeDoSlider .popupBox {
    position: absolute;
    inset: 0;
    z-index: 15;
    max-width: 100%;
    width: 100%;
    background: transparent;
    pointer-events: none
}

.whatWeDoSlider .popupBox.active {
    pointer-events: auto
}

.whatWeDoSlider .popupBox.active .inner .grid>.imgBox {
    transition-delay: .2s;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%)
}

[dir=rtl] .whatWeDoSlider .popupBox.active .inner .grid>.imgBox {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%)
}

.whatWeDoSlider .popupBox.active .contentBox>* {
    transform: translateY(0);
    opacity: 1
}

.whatWeDoSlider .popupBox.active .contentBox>*:nth-child(1) {
    transition-delay: .2s
}

.whatWeDoSlider .popupBox.active .contentBox>*:nth-child(2) {
    transition-delay: .3s
}

.whatWeDoSlider .popupBox.active .contentBox>*:nth-child(3) {
    transition-delay: .4s
}

.whatWeDoSlider .popupBox.active .contentBox>*:nth-child(4) {
    transition-delay: .5s
}

.whatWeDoSlider .popupBox.active .contentBox>*:nth-child(5) {
    transition-delay: .6s
}

.whatWeDoSlider .popupBox .inner {
    max-height: 100%;
    overflow: auto;
    padding: 0
}

.whatWeDoSlider .popupBox .inner .grid {
    align-items: center;
    max-height: 100%;
    grid-template-columns: auto 1fr
}

.whatWeDoSlider .popupBox .inner .grid>.imgBox {
    height: var(--elH);
    width: auto;
    transition: all .4s var(--ease);
    clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%)
}

[dir=rtl] .whatWeDoSlider .popupBox .inner .grid>.imgBox {
    clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%)
}

.whatWeDoSlider .popupBox .inner .grid>.imgBox picture {
    height: 100%;
    width: auto
}

.whatWeDoSlider .popupBox .inner .grid>.imgBox picture>img {
    height: 100%;
    width: auto
}

.whatWeDoSlider .popupBox .inner .grid>.imgBox .iconBox {
    display: none
}

.whatWeDoSlider .popupBox .contentBox {
    gap: 1.5rem
}

.whatWeDoSlider .popupBox .contentBox>* {
    transform: translateY(2rem);
    opacity: 0;
    transition: all .4s var(--ease)
}

.whatWeDoSlider .popupBox .contentBox .iconBox {
    aspect-ratio: 1;
    width: 4rem
}

@media only screen and (max-width: 64rem) {
    .whatWeDoSlider .popupBox .contentBox .iconBox {
        width: 3.2rem
    }
}

.whatWeDoSlider .popupBox .contentBox .iconBox img {
    width: 100%;
    height: auto
}

.whatWeDoSlider .popupBox .f-button {
    background: transparent;
    right: 0
}

[dir=rtl] .whatWeDoSlider .popupBox .f-button {
    right: auto;
    left: 0
}

.whatWeDoSlider .swiper-slide>* {
    opacity: 1;
    transition: all .5s var(--ease)
}

.whatWeDoSlider.activePop .swiper-slide.swiper-slide-active+*+*>*,
.whatWeDoSlider.activePop .swiper-slide.swiper-slide-active+*>*,
.whatWeDoSlider.activePop .swiper-slide.swiper-slide-active>* {
    opacity: 0
}

.valueSlider {
    flex: 1;
    display: flex;
    align-items: end
}

.valueSlider .swiper {
    height: -moz-max-content;
    height: max-content
}

.leaderItem .contentBox {
    position: relative;
    transition: all .4s var(--ease)
}

.leaderItem .imgBox {
    position: relative
}

.leaderItem .imgBox:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0px;
    transition: all .4s var(--ease);
    background: var(--white)
}

.leaderItem .title {
    transition: all .4s var(--ease)
}

@media (hover: hover) and (pointer: fine) {
    .leaderItem .textBox {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        transform: translateY(1.5rem);
        opacity: 0;
        transition: all .4s var(--ease);
        padding-top: .5rem
    }

    .leaderItem:hover .imgBox:after {
        height: var(--hoverC)
    }

    .leaderItem:hover .title {
        transform: translateY(calc(var(--hoverC) * -1))
    }

    .leaderItem:hover .textBox {
        transform: translateY(0);
        opacity: 1
    }
}

.locationWrap {
    position: relative
}

@media only screen and (max-width: 64rem) {
    .locationWrap {
        display: grid;
        gap: 1rem;
        grid-template-columns: repeat(auto-fit, minmax(18em, 1fr))
    }
}

@media only screen and (max-width: 47.9375rem) {
    .locationWrap {
        gap: .5rem;
        grid-template-columns: repeat(auto-fit, minmax(10em, 1fr))
    }
}

.locationWrap .doteBox {
    display: flex;
    aspect-ratio: 1/3.8;
    width: .5rem;
    background: var(--white);
    position: relative;
    pointer-events: auto;
    transform: scale(.5);
    opacity: 0
}

@media only screen and (max-width: 47.9375rem) {
    .locationWrap .doteBox {
        width: .5rem;
        aspect-ratio: 1/4
    }
}

.locationWrap .imgBox {
    position: relative
}

@media only screen and (max-width: 64rem) {
    .locationWrap .imgBox {
        grid-column: -1/1
    }
}

.locationWrap .imgBox:after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(100deg, rgb(0, 0, 0) 5%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 60%, rgb(0, 0, 0) 90%)
}

.locationWrap .imgBox img {
    width: 100%;
    height: auto
}

.locationWrap .imgBox .doteBox {
    position: absolute;
    display: none;
    z-index: 15
}

@media only screen and (max-width: 64rem) {
    .locationWrap .imgBox .doteBox {
        display: flex;
        width: .35rem
    }
}

@media only screen and (max-width: 47.9375rem) {
    .locationWrap .imgBox .doteBox {
        width: .15rem
    }
}

.locationWrap .imgBox .doteBox.m1 {
    top: 39%;
    left: 67%
}

.locationWrap .imgBox .doteBox.m2 {
    top: 40%;
    left: 65%
}

.locationWrap .imgBox .doteBox.m3 {
    top: 32%;
    left: 63%
}

.locationWrap .imgBox .doteBox.m4 {
    top: 35%;
    left: 60.5%
}

.locationWrap .imgBox .doteBox.m5 {
    top: 38%;
    left: 58%
}

.locationWrap .imgBox .doteBox.m6 {
    top: 33%;
    left: 59.5%
}

.locationWrap .imgBox .doteBox.m7 {
    top: 28%;
    left: 12%
}

.locationWrap .imgBox .doteBox.m8 {
    top: 16.5%;
    left: 45.8%
}

.locationWrap .imgBox .doteBox.m9 {
    top: 37.5%;
    left: 59%
}

.locationWrap .imgBox .doteBox.m10 {
    top: 22%;
    left: 49%
}

.locationWrap .imgBox .doteBox.m11 {
    top: 40%;
    left: 60%
}

.locationWrap .imgBox .doteBox.m12 {
    top: 30%;
    left: 48%
}

.locationWrap .imgBox .doteBox.m13 {
    top: 10%;
    left: 78%
}

.locationWrap .imgBox .doteBox.m14 {
    top: 31%;
    left: 44%
}

.locationWrap .imgBox .doteBox.m15 {
    top: 27.5%;
    left: 58%
}

@media only screen and (min-width: 64.0625rem) {
    .locationWrap .markerItem {
        aspect-ratio: 1;
        position: absolute;
        display: flex;
        align-items: center;
        flex-direction: column;
        gap: 8rem;
        pointer-events: none
    }

    .locationWrap .markerItem.m1 {
        top: 38%;
        left: 58%
    }

    .locationWrap .markerItem.m2 {
        top: 38%;
        left: 55%
    }

    .locationWrap .markerItem.m3 {
        top: 31%;
        left: 54%
    }

    .locationWrap .markerItem.m4 {
        top: 34%;
        left: 52%
    }

    .locationWrap .markerItem.m5 {
        top: 37%;
        left: 49%
    }

    .locationWrap .markerItem.m6 {
        top: 33%;
        left: 51%
    }

    .locationWrap .markerItem.m7 {
        top: 28%;
        left: 3%
    }

    .locationWrap .markerItem.m8 {
        top: 16.5%;
        left: 37.8%
    }

    .locationWrap .markerItem.m9 {
        top: 36.5%;
        left: 50.7%
    }

    .locationWrap .markerItem.m10 {
        top: 22%;
        left: 41%
    }

    .locationWrap .markerItem.m11 {
        top: 40%;
        left: 51%
    }

    .locationWrap .markerItem.m12 {
        top: 30%;
        left: 40%
    }

    .locationWrap .markerItem.m13 {
        top: 10%;
        left: 68%
    }

    .locationWrap .markerItem.m14 {
        top: 31%;
        left: 36%
    }

    .locationWrap .markerItem.m15 {
        top: 26.5%;
        left: 50%
    }
}

@media (hover: hover) and (pointer: fine) {
    .locationWrap .markerItem:has(.doteBox:hover) .doteBox:before {
        transform: scale(1)
    }

    .locationWrap .markerItem:has(.doteBox:hover):after {
        height: 11rem
    }

    .locationWrap .markerItem:has(.doteBox:hover) .textBox {
        transform: none;
        opacity: 1
    }
}

.locationWrap .markerItem:after {
    content: "";
    position: absolute;
    left: calc(50% - 1px);
    width: 2px;
    height: 0%;
    background: var(--white);
    transition: all .4s var(--ease)
}

@media only screen and (max-width: 64rem) {
    .locationWrap .markerItem .doteBox {
        display: none
    }
}

.locationWrap .markerItem .textBox {
    background: var(--white);
    color: var(--bg-color);
    padding: 1rem;
    height: auto;
    z-index: 15;
    transition: all .4s var(--ease);
    text-align: center
}

@media (hover: hover) and (pointer: fine) {
    .locationWrap .markerItem .textBox {
        width: 13em;
        transform: translateY(-1rem);
        opacity: 0
    }
}

@media only screen and (max-width: 64rem) {
    .locationWrap .markerItem .textBox {
        padding: 1rem;
        height: 100%
    }
}

@media only screen and (max-width: 47.9375rem) {
    .locationWrap .markerItem .textBox {
        padding: .6rem
    }
}

.inView .locationWrap .imgBox .doteBox {
    transform: scale(1);
    opacity: 1;
    transition: all 1.8s var(--elastic)
}

.inView .locationWrap .markerItem:nth-child(1) .doteBox {
    transition-delay: 3.1s
}

.inView .locationWrap .markerItem:nth-child(2) .doteBox {
    transition-delay: 3.2s
}

.inView .locationWrap .markerItem:nth-child(3) .doteBox {
    transition-delay: 3.3s
}

.inView .locationWrap .markerItem:nth-child(4) .doteBox {
    transition-delay: 3.4s
}

.inView .locationWrap .markerItem:nth-child(5) .doteBox {
    transition-delay: 3.5s
}

.inView .locationWrap .markerItem:nth-child(6) .doteBox {
    transition-delay: 3.6s
}

.inView .locationWrap .markerItem:nth-child(7) .doteBox {
    transition-delay: 3.7s
}

.inView .locationWrap .markerItem:nth-child(8) .doteBox {
    transition-delay: 3.8s
}

.inView .locationWrap .markerItem:nth-child(9) .doteBox {
    transition-delay: 3.9s
}

.inView .locationWrap .markerItem:nth-child(10) .doteBox {
    transition-delay: 4s
}

.inView .locationWrap .markerItem:nth-child(11) .doteBox {
    transition-delay: 4.1s
}

.inView .locationWrap .markerItem:nth-child(12) .doteBox {
    transition-delay: 4.2s
}

.inView .locationWrap .markerItem:nth-child(13) .doteBox {
    transition-delay: 4.3s
}

.inView .locationWrap .markerItem:nth-child(14) .doteBox {
    transition-delay: 4.4s
}

.inView .locationWrap .markerItem:nth-child(15) .doteBox {
    transition-delay: 4.5s
}

.inView .locationWrap .markerItem:nth-child(16) .doteBox {
    transition-delay: 4.6s
}

.inView .locationWrap .markerItem:nth-child(17) .doteBox {
    transition-delay: 4.7s
}

.inView .locationWrap .markerItem:nth-child(18) .doteBox {
    transition-delay: 4.8s
}

.inView .locationWrap .markerItem:nth-child(19) .doteBox {
    transition-delay: 4.9s
}

.inView .locationWrap .markerItem:nth-child(20) .doteBox {
    transition-delay: 5s
}

.inView .locationWrap .markerItem .doteBox {
    transform: scale(1);
    opacity: 1;
    transition: all 1.8s var(--elastic)
}

@keyframes pscale {
    to {
        transform: scale(1)
    }
}

.locationSvgPath path {
    stroke-dasharray: 1700;
    stroke-dashoffset: 1700
}

.inView .locationSvgPath path {
    stroke-dashoffset: 0;
    transition: all 3s var(--elastic)
}

.inView .locationSvgPath path:nth-child(1) {
    transition-delay: 25ms
}

.inView .locationSvgPath path:nth-child(2) {
    transition-delay: .05s
}

.inView .locationSvgPath path:nth-child(3) {
    transition-delay: 75ms
}

.inView .locationSvgPath path:nth-child(4) {
    transition-delay: .1s
}

.inView .locationSvgPath path:nth-child(5) {
    transition-delay: .125s
}

.inView .locationSvgPath path:nth-child(6) {
    transition-delay: .15s
}

.inView .locationSvgPath path:nth-child(7) {
    transition-delay: .175s
}

.inView .locationSvgPath path:nth-child(8) {
    transition-delay: .2s
}

.inView .locationSvgPath path:nth-child(9) {
    transition-delay: .225s
}

.inView .locationSvgPath path:nth-child(10) {
    transition-delay: .25s
}

.inView .locationSvgPath path:nth-child(11) {
    transition-delay: .275s
}

.inView .locationSvgPath path:nth-child(12) {
    transition-delay: .3s
}

.inView .locationSvgPath path:nth-child(13) {
    transition-delay: .325s
}

.inView .locationSvgPath path:nth-child(14) {
    transition-delay: .35s
}

.inView .locationSvgPath path:nth-child(15) {
    transition-delay: .375s
}

.inView .locationSvgPath path:nth-child(16) {
    transition-delay: .4s
}

.inView .locationSvgPath path:nth-child(17) {
    transition-delay: .425s
}

.inView .locationSvgPath path:nth-child(18) {
    transition-delay: .45s
}

.inView .locationSvgPath path:nth-child(19) {
    transition-delay: .475s
}

.inView .locationSvgPath path:nth-child(20) {
    transition-delay: .5s
}

.inView .locationSvgPath path:nth-child(21) {
    transition-delay: .525s
}

.inView .locationSvgPath path:nth-child(22) {
    transition-delay: .55s
}

.inView .locationSvgPath path:nth-child(23) {
    transition-delay: .575s
}

.inView .locationSvgPath path:nth-child(24) {
    transition-delay: .6s
}

.inView .locationSvgPath path:nth-child(25) {
    transition-delay: .625s
}

.inView .locationSvgPath path:nth-child(26) {
    transition-delay: .65s
}

.inView .locationSvgPath path:nth-child(27) {
    transition-delay: .675s
}

.inView .locationSvgPath path:nth-child(28) {
    transition-delay: .7s
}

.inView .locationSvgPath path:nth-child(29) {
    transition-delay: .725s
}

.inView .locationSvgPath path:nth-child(30) {
    transition-delay: .75s
}

.inView .locationSvgPath path:nth-child(31) {
    transition-delay: .775s
}

.inView .locationSvgPath path:nth-child(32) {
    transition-delay: .8s
}

.inView .locationSvgPath path:nth-child(33) {
    transition-delay: .825s
}

.inView .locationSvgPath path:nth-child(34) {
    transition-delay: .85s
}

.inView .locationSvgPath path:nth-child(35) {
    transition-delay: .875s
}

.inView .locationSvgPath path:nth-child(36) {
    transition-delay: .9s
}

.inView .locationSvgPath path:nth-child(37) {
    transition-delay: .925s
}

.inView .locationSvgPath path:nth-child(38) {
    transition-delay: .95s
}

.inView .locationSvgPath path:nth-child(39) {
    transition-delay: .975s
}

.inView .locationSvgPath path:nth-child(40) {
    transition-delay: 1s
}

.inView .locationSvgPath path:nth-child(41) {
    transition-delay: 1.025s
}

.inView .locationSvgPath path:nth-child(42) {
    transition-delay: 1.05s
}

.inView .locationSvgPath path:nth-child(43) {
    transition-delay: 1.075s
}

.inView .locationSvgPath path:nth-child(44) {
    transition-delay: 1.1s
}

.inView .locationSvgPath path:nth-child(45) {
    transition-delay: 1.125s
}

.inView .locationSvgPath path:nth-child(46) {
    transition-delay: 1.15s
}

.inView .locationSvgPath path:nth-child(47) {
    transition-delay: 1.175s
}

.inView .locationSvgPath path:nth-child(48) {
    transition-delay: 1.2s
}

.inView .locationSvgPath path:nth-child(49) {
    transition-delay: 1.225s
}

.inView .locationSvgPath path:nth-child(50) {
    transition-delay: 1.25s
}

.inView .locationSvgPath path:nth-child(51) {
    transition-delay: 1.275s
}

.inView .locationSvgPath path:nth-child(52) {
    transition-delay: 1.3s
}

.inView .locationSvgPath path:nth-child(53) {
    transition-delay: 1.325s
}

.inView .locationSvgPath path:nth-child(54) {
    transition-delay: 1.35s
}

.inView .locationSvgPath path:nth-child(55) {
    transition-delay: 1.375s
}

.inView .locationSvgPath path:nth-child(56) {
    transition-delay: 1.4s
}

.inView .locationSvgPath path:nth-child(57) {
    transition-delay: 1.425s
}

.inView .locationSvgPath path:nth-child(58) {
    transition-delay: 1.45s
}

.inView .locationSvgPath path:nth-child(59) {
    transition-delay: 1.475s
}

.inView .locationSvgPath path:nth-child(60) {
    transition-delay: 1.5s
}

.inView .locationSvgPath path:nth-child(61) {
    transition-delay: 1.525s
}

.inView .locationSvgPath path:nth-child(62) {
    transition-delay: 1.55s
}

.inView .locationSvgPath path:nth-child(63) {
    transition-delay: 1.575s
}

.inView .locationSvgPath path:nth-child(64) {
    transition-delay: 1.6s
}

.inView .locationSvgPath path:nth-child(65) {
    transition-delay: 1.625s
}

.inView .locationSvgPath path:nth-child(66) {
    transition-delay: 1.65s
}

.inView .locationSvgPath path:nth-child(67) {
    transition-delay: 1.675s
}

.inView .locationSvgPath path:nth-child(68) {
    transition-delay: 1.7s
}

.inView .locationSvgPath path:nth-child(69) {
    transition-delay: 1.725s
}

.inView .locationSvgPath path:nth-child(70) {
    transition-delay: 1.75s
}

.inView .locationSvgPath path:nth-child(71) {
    transition-delay: 1.775s
}

.inView .locationSvgPath path:nth-child(72) {
    transition-delay: 1.8s
}

.inView .locationSvgPath path:nth-child(73) {
    transition-delay: 1.825s
}

.inView .locationSvgPath path:nth-child(74) {
    transition-delay: 1.85s
}

.inView .locationSvgPath path:nth-child(75) {
    transition-delay: 1.875s
}

.inView .locationSvgPath path:nth-child(76) {
    transition-delay: 1.9s
}

.inView .locationSvgPath path:nth-child(77) {
    transition-delay: 1.925s
}

.inView .locationSvgPath path:nth-child(78) {
    transition-delay: 1.95s
}

.inView .locationSvgPath path:nth-child(79) {
    transition-delay: 1.975s
}

.inView .locationSvgPath path:nth-child(80) {
    transition-delay: 2s
}

.inView .locationSvgPath path:nth-child(81) {
    transition-delay: 2.025s
}

.inView .locationSvgPath path:nth-child(82) {
    transition-delay: 2.05s
}

.inView .locationSvgPath path:nth-child(83) {
    transition-delay: 2.075s
}

.inView .locationSvgPath path:nth-child(84) {
    transition-delay: 2.1s
}

.inView .locationSvgPath path:nth-child(85) {
    transition-delay: 2.125s
}

.inView .locationSvgPath path:nth-child(86) {
    transition-delay: 2.15s
}

.inView .locationSvgPath path:nth-child(87) {
    transition-delay: 2.175s
}

.inView .locationSvgPath path:nth-child(88) {
    transition-delay: 2.2s
}

.inView .locationSvgPath path:nth-child(89) {
    transition-delay: 2.225s
}

.inView .locationSvgPath path:nth-child(90) {
    transition-delay: 2.25s
}

.inView .locationSvgPath path:nth-child(91) {
    transition-delay: 2.275s
}

.inView .locationSvgPath path:nth-child(92) {
    transition-delay: 2.3s
}

.inView .locationSvgPath path:nth-child(93) {
    transition-delay: 2.325s
}

.inView .locationSvgPath path:nth-child(94) {
    transition-delay: 2.35s
}

.inView .locationSvgPath path:nth-child(95) {
    transition-delay: 2.375s
}

.inView .locationSvgPath path:nth-child(96) {
    transition-delay: 2.4s
}

.inView .locationSvgPath path:nth-child(97) {
    transition-delay: 2.425s
}

.inView .locationSvgPath path:nth-child(98) {
    transition-delay: 2.45s
}

.inView .locationSvgPath path:nth-child(99) {
    transition-delay: 2.475s
}

.inView .locationSvgPath path:nth-child(100) {
    transition-delay: 2.5s
}

.inView .locationSvgPath path:nth-child(101) {
    transition-delay: 2.525s
}

.inView .locationSvgPath path:nth-child(102) {
    transition-delay: 2.55s
}

.inView .locationSvgPath path:nth-child(103) {
    transition-delay: 2.575s
}

.inView .locationSvgPath path:nth-child(104) {
    transition-delay: 2.6s
}

.inView .locationSvgPath path:nth-child(105) {
    transition-delay: 2.625s
}

.inView .locationSvgPath path:nth-child(106) {
    transition-delay: 2.65s
}

.inView .locationSvgPath path:nth-child(107) {
    transition-delay: 2.675s
}

.inView .locationSvgPath path:nth-child(108) {
    transition-delay: 2.7s
}

.inView .locationSvgPath path:nth-child(109) {
    transition-delay: 2.725s
}

.inView .locationSvgPath path:nth-child(110) {
    transition-delay: 2.75s
}

.inView .locationSvgPath path:nth-child(111) {
    transition-delay: 2.775s
}

.inView .locationSvgPath path:nth-child(112) {
    transition-delay: 2.8s
}

.inView .locationSvgPath path:nth-child(113) {
    transition-delay: 2.825s
}

.inView .locationSvgPath path:nth-child(114) {
    transition-delay: 2.85s
}

.inView .locationSvgPath path:nth-child(115) {
    transition-delay: 2.875s
}

.inView .locationSvgPath path:nth-child(116) {
    transition-delay: 2.9s
}

.inView .locationSvgPath path:nth-child(117) {
    transition-delay: 2.925s
}

.inView .locationSvgPath path:nth-child(118) {
    transition-delay: 2.95s
}

.inView .locationSvgPath path:nth-child(119) {
    transition-delay: 2.975s
}

.inView .locationSvgPath path:nth-child(120) {
    transition-delay: 3s
}

.inView .locationSvgPath path:nth-child(121) {
    transition-delay: 3.025s
}

.inView .locationSvgPath path:nth-child(122) {
    transition-delay: 3.05s
}

.inView .locationSvgPath path:nth-child(123) {
    transition-delay: 3.075s
}

.inView .locationSvgPath path:nth-child(124) {
    transition-delay: 3.1s
}

.inView .locationSvgPath path:nth-child(125) {
    transition-delay: 3.125s
}

.inView .locationSvgPath path:nth-child(126) {
    transition-delay: 3.15s
}

.inView .locationSvgPath path:nth-child(127) {
    transition-delay: 3.175s
}

.inView .locationSvgPath path:nth-child(128) {
    transition-delay: 3.2s
}

.inView .locationSvgPath path:nth-child(129) {
    transition-delay: 3.225s
}

.inView .locationSvgPath path:nth-child(130) {
    transition-delay: 3.25s
}

.inView .locationSvgPath path:nth-child(131) {
    transition-delay: 3.275s
}

.inView .locationSvgPath path:nth-child(132) {
    transition-delay: 3.3s
}

.inView .locationSvgPath path:nth-child(133) {
    transition-delay: 3.325s
}

.inView .locationSvgPath path:nth-child(134) {
    transition-delay: 3.35s
}

.inView .locationSvgPath path:nth-child(135) {
    transition-delay: 3.375s
}

.inView .locationSvgPath path:nth-child(136) {
    transition-delay: 3.4s
}

.inView .locationSvgPath path:nth-child(137) {
    transition-delay: 3.425s
}

.inView .locationSvgPath path:nth-child(138) {
    transition-delay: 3.45s
}

.inView .locationSvgPath path:nth-child(139) {
    transition-delay: 3.475s
}

.inView .locationSvgPath path:nth-child(140) {
    transition-delay: 3.5s
}

.inView .locationSvgPath path:nth-child(141) {
    transition-delay: 3.525s
}

.inView .locationSvgPath path:nth-child(142) {
    transition-delay: 3.55s
}

.inView .locationSvgPath path:nth-child(143) {
    transition-delay: 3.575s
}

.inView .locationSvgPath path:nth-child(144) {
    transition-delay: 3.6s
}

.inView .locationSvgPath path:nth-child(145) {
    transition-delay: 3.625s
}

.inView .locationSvgPath path:nth-child(146) {
    transition-delay: 3.65s
}

.inView .locationSvgPath path:nth-child(147) {
    transition-delay: 3.675s
}

.inView .locationSvgPath path:nth-child(148) {
    transition-delay: 3.7s
}

.inView .locationSvgPath path:nth-child(149) {
    transition-delay: 3.725s
}

.inView .locationSvgPath path:nth-child(150) {
    transition-delay: 3.75s
}

.inView .locationSvgPath path:nth-child(151) {
    transition-delay: 3.775s
}

.inView .locationSvgPath path:nth-child(152) {
    transition-delay: 3.8s
}

.inView .locationSvgPath path:nth-child(153) {
    transition-delay: 3.825s
}

.inView .locationSvgPath path:nth-child(154) {
    transition-delay: 3.85s
}

.inView .locationSvgPath path:nth-child(155) {
    transition-delay: 3.875s
}

.inView .locationSvgPath path:nth-child(156) {
    transition-delay: 3.9s
}

.inView .locationSvgPath path:nth-child(157) {
    transition-delay: 3.925s
}

.inView .locationSvgPath path:nth-child(158) {
    transition-delay: 3.95s
}

.inView .locationSvgPath path:nth-child(159) {
    transition-delay: 3.975s
}

.inView .locationSvgPath path:nth-child(160) {
    transition-delay: 4s
}

.inView .locationSvgPath path:nth-child(161) {
    transition-delay: 4.025s
}

.inView .locationSvgPath path:nth-child(162) {
    transition-delay: 4.05s
}

.inView .locationSvgPath path:nth-child(163) {
    transition-delay: 4.075s
}

.inView .locationSvgPath path:nth-child(164) {
    transition-delay: 4.1s
}

.inView .locationSvgPath path:nth-child(165) {
    transition-delay: 4.125s
}

.inView .locationSvgPath path:nth-child(166) {
    transition-delay: 4.15s
}

.inView .locationSvgPath path:nth-child(167) {
    transition-delay: 4.175s
}

.inView .locationSvgPath path:nth-child(168) {
    transition-delay: 4.2s
}

.inView .locationSvgPath path:nth-child(169) {
    transition-delay: 4.225s
}

.inView .locationSvgPath path:nth-child(170) {
    transition-delay: 4.25s
}

.inView .locationSvgPath path:nth-child(171) {
    transition-delay: 4.275s
}

.inView .locationSvgPath path:nth-child(172) {
    transition-delay: 4.3s
}

.inView .locationSvgPath path:nth-child(173) {
    transition-delay: 4.325s
}

.inView .locationSvgPath path:nth-child(174) {
    transition-delay: 4.35s
}

.inView .locationSvgPath path:nth-child(175) {
    transition-delay: 4.375s
}

.inView .locationSvgPath path:nth-child(176) {
    transition-delay: 4.4s
}

.inView .locationSvgPath path:nth-child(177) {
    transition-delay: 4.425s
}

.inView .locationSvgPath path:nth-child(178) {
    transition-delay: 4.45s
}

.inView .locationSvgPath path:nth-child(179) {
    transition-delay: 4.475s
}

.inView .locationSvgPath path:nth-child(180) {
    transition-delay: 4.5s
}

.inView .locationSvgPath path:nth-child(181) {
    transition-delay: 4.525s
}

.inView .locationSvgPath path:nth-child(182) {
    transition-delay: 4.55s
}

.inView .locationSvgPath path:nth-child(183) {
    transition-delay: 4.575s
}

.inView .locationSvgPath path:nth-child(184) {
    transition-delay: 4.6s
}

.inView .locationSvgPath path:nth-child(185) {
    transition-delay: 4.625s
}

.inView .locationSvgPath path:nth-child(186) {
    transition-delay: 4.65s
}

.inView .locationSvgPath path:nth-child(187) {
    transition-delay: 4.675s
}

.inView .locationSvgPath path:nth-child(188) {
    transition-delay: 4.7s
}

.inView .locationSvgPath path:nth-child(189) {
    transition-delay: 4.725s
}

.inView .locationSvgPath path:nth-child(190) {
    transition-delay: 4.75s
}

.inView .locationSvgPath path:nth-child(191) {
    transition-delay: 4.775s
}

.inView .locationSvgPath path:nth-child(192) {
    transition-delay: 4.8s
}

.inView .locationSvgPath path:nth-child(193) {
    transition-delay: 4.825s
}

.inView .locationSvgPath path:nth-child(194) {
    transition-delay: 4.85s
}

.inView .locationSvgPath path:nth-child(195) {
    transition-delay: 4.875s
}

.inView .locationSvgPath path:nth-child(196) {
    transition-delay: 4.9s
}

.inView .locationSvgPath path:nth-child(197) {
    transition-delay: 4.925s
}

.inView .locationSvgPath path:nth-child(198) {
    transition-delay: 4.95s
}

.inView .locationSvgPath path:nth-child(199) {
    transition-delay: 4.975s
}

.inView .locationSvgPath path:nth-child(200) {
    transition-delay: 5s
}

.inView .locationSvgPath path:nth-child(201) {
    transition-delay: 5.025s
}

.inView .locationSvgPath path:nth-child(202) {
    transition-delay: 5.05s
}

.inView .locationSvgPath path:nth-child(203) {
    transition-delay: 5.075s
}

.inView .locationSvgPath path:nth-child(204) {
    transition-delay: 5.1s
}

.inView .locationSvgPath path:nth-child(205) {
    transition-delay: 5.125s
}

.inView .locationSvgPath path:nth-child(206) {
    transition-delay: 5.15s
}

.inView .locationSvgPath path:nth-child(207) {
    transition-delay: 5.175s
}

.inView .locationSvgPath path:nth-child(208) {
    transition-delay: 5.2s
}

.inView .locationSvgPath path:nth-child(209) {
    transition-delay: 5.225s
}

.inView .locationSvgPath path:nth-child(210) {
    transition-delay: 5.25s
}

.inView .locationSvgPath path:nth-child(211) {
    transition-delay: 5.275s
}

.inView .locationSvgPath path:nth-child(212) {
    transition-delay: 5.3s
}

.inView .locationSvgPath path:nth-child(213) {
    transition-delay: 5.325s
}

.inView .locationSvgPath path:nth-child(214) {
    transition-delay: 5.35s
}

.inView .locationSvgPath path:nth-child(215) {
    transition-delay: 5.375s
}

.inView .locationSvgPath path:nth-child(216) {
    transition-delay: 5.4s
}

.inView .locationSvgPath path:nth-child(217) {
    transition-delay: 5.425s
}

.inView .locationSvgPath path:nth-child(218) {
    transition-delay: 5.45s
}

.inView .locationSvgPath path:nth-child(219) {
    transition-delay: 5.475s
}

.inView .locationSvgPath path:nth-child(220) {
    transition-delay: 5.5s
}

.inView .locationSvgPath path:nth-child(221) {
    transition-delay: 5.525s
}

.inView .locationSvgPath path:nth-child(222) {
    transition-delay: 5.55s
}

.inView .locationSvgPath path:nth-child(223) {
    transition-delay: 5.575s
}

.inView .locationSvgPath path:nth-child(224) {
    transition-delay: 5.6s
}

.inView .locationSvgPath path:nth-child(225) {
    transition-delay: 5.625s
}

.inView .locationSvgPath path:nth-child(226) {
    transition-delay: 5.65s
}

.inView .locationSvgPath path:nth-child(227) {
    transition-delay: 5.675s
}

.inView .locationSvgPath path:nth-child(228) {
    transition-delay: 5.7s
}

.inView .locationSvgPath path:nth-child(229) {
    transition-delay: 5.725s
}

.inView .locationSvgPath path:nth-child(230) {
    transition-delay: 5.75s
}

.inView .locationSvgPath path:nth-child(231) {
    transition-delay: 5.775s
}

.inView .locationSvgPath path:nth-child(232) {
    transition-delay: 5.8s
}

.inView .locationSvgPath path:nth-child(233) {
    transition-delay: 5.825s
}

.inView .locationSvgPath path:nth-child(234) {
    transition-delay: 5.85s
}

.inView .locationSvgPath path:nth-child(235) {
    transition-delay: 5.875s
}

.inView .locationSvgPath path:nth-child(236) {
    transition-delay: 5.9s
}

.inView .locationSvgPath path:nth-child(237) {
    transition-delay: 5.925s
}

.inView .locationSvgPath path:nth-child(238) {
    transition-delay: 5.95s
}

.inView .locationSvgPath path:nth-child(239) {
    transition-delay: 5.975s
}

.inView .locationSvgPath path:nth-child(240) {
    transition-delay: 6s
}

.inView .locationSvgPath path:nth-child(241) {
    transition-delay: 6.025s
}

.inView .locationSvgPath path:nth-child(242) {
    transition-delay: 6.05s
}

.inView .locationSvgPath path:nth-child(243) {
    transition-delay: 6.075s
}

.inView .locationSvgPath path:nth-child(244) {
    transition-delay: 6.1s
}

.inView .locationSvgPath path:nth-child(245) {
    transition-delay: 6.125s
}

.inView .locationSvgPath path:nth-child(246) {
    transition-delay: 6.15s
}

.inView .locationSvgPath path:nth-child(247) {
    transition-delay: 6.175s
}

.inView .locationSvgPath path:nth-child(248) {
    transition-delay: 6.2s
}

.inView .locationSvgPath path:nth-child(249) {
    transition-delay: 6.225s
}

.inView .locationSvgPath path:nth-child(250) {
    transition-delay: 6.25s
}

.inView .locationSvgPath path:nth-child(251) {
    transition-delay: 6.275s
}

.inView .locationSvgPath path:nth-child(252) {
    transition-delay: 6.3s
}

.inView .locationSvgPath path:nth-child(253) {
    transition-delay: 6.325s
}

.inView .locationSvgPath path:nth-child(254) {
    transition-delay: 6.35s
}

.inView .locationSvgPath path:nth-child(255) {
    transition-delay: 6.375s
}

.inView .locationSvgPath path:nth-child(256) {
    transition-delay: 6.4s
}

.inView .locationSvgPath path:nth-child(257) {
    transition-delay: 6.425s
}

.inView .locationSvgPath path:nth-child(258) {
    transition-delay: 6.45s
}

.inView .locationSvgPath path:nth-child(259) {
    transition-delay: 6.475s
}

.inView .locationSvgPath path:nth-child(260) {
    transition-delay: 6.5s
}

.inView .locationSvgPath path:nth-child(261) {
    transition-delay: 6.525s
}

.inView .locationSvgPath path:nth-child(262) {
    transition-delay: 6.55s
}

.inView .locationSvgPath path:nth-child(263) {
    transition-delay: 6.575s
}

.inView .locationSvgPath path:nth-child(264) {
    transition-delay: 6.6s
}

.inView .locationSvgPath path:nth-child(265) {
    transition-delay: 6.625s
}

.inView .locationSvgPath path:nth-child(266) {
    transition-delay: 6.65s
}

.inView .locationSvgPath path:nth-child(267) {
    transition-delay: 6.675s
}

.inView .locationSvgPath path:nth-child(268) {
    transition-delay: 6.7s
}

.inView .locationSvgPath path:nth-child(269) {
    transition-delay: 6.725s
}

.inView .locationSvgPath path:nth-child(270) {
    transition-delay: 6.75s
}

.inView .locationSvgPath path:nth-child(271) {
    transition-delay: 6.775s
}

.inView .locationSvgPath path:nth-child(272) {
    transition-delay: 6.8s
}

.inView .locationSvgPath path:nth-child(273) {
    transition-delay: 6.825s
}

.inView .locationSvgPath path:nth-child(274) {
    transition-delay: 6.85s
}

.inView .locationSvgPath path:nth-child(275) {
    transition-delay: 6.875s
}

.inView .locationSvgPath path:nth-child(276) {
    transition-delay: 6.9s
}

.inView .locationSvgPath path:nth-child(277) {
    transition-delay: 6.925s
}

.inView .locationSvgPath path:nth-child(278) {
    transition-delay: 6.95s
}

.inView .locationSvgPath path:nth-child(279) {
    transition-delay: 6.975s
}

.inView .locationSvgPath path:nth-child(280) {
    transition-delay: 7s
}

.inView .locationSvgPath path:nth-child(281) {
    transition-delay: 7.025s
}

.inView .locationSvgPath path:nth-child(282) {
    transition-delay: 7.05s
}

.inView .locationSvgPath path:nth-child(283) {
    transition-delay: 7.075s
}

.inView .locationSvgPath path:nth-child(284) {
    transition-delay: 7.1s
}

.inView .locationSvgPath path:nth-child(285) {
    transition-delay: 7.125s
}

.inView .locationSvgPath path:nth-child(286) {
    transition-delay: 7.15s
}

.inView .locationSvgPath path:nth-child(287) {
    transition-delay: 7.175s
}

.inView .locationSvgPath path:nth-child(288) {
    transition-delay: 7.2s
}

.inView .locationSvgPath path:nth-child(289) {
    transition-delay: 7.225s
}

.inView .locationSvgPath path:nth-child(290) {
    transition-delay: 7.25s
}

.inView .locationSvgPath path:nth-child(291) {
    transition-delay: 7.275s
}

.inView .locationSvgPath path:nth-child(292) {
    transition-delay: 7.3s
}

.inView .locationSvgPath path:nth-child(293) {
    transition-delay: 7.325s
}

.inView .locationSvgPath path:nth-child(294) {
    transition-delay: 7.35s
}

.inView .locationSvgPath path:nth-child(295) {
    transition-delay: 7.375s
}

.inView .locationSvgPath path:nth-child(296) {
    transition-delay: 7.4s
}

.inView .locationSvgPath path:nth-child(297) {
    transition-delay: 7.425s
}

.inView .locationSvgPath path:nth-child(298) {
    transition-delay: 7.45s
}

.inView .locationSvgPath path:nth-child(299) {
    transition-delay: 7.475s
}

.inView .locationSvgPath path:nth-child(300) {
    transition-delay: 7.5s
}

.inView .locationSvgPath path:nth-child(301) {
    transition-delay: 7.525s
}

.inView .locationSvgPath path:nth-child(302) {
    transition-delay: 7.55s
}

.inView .locationSvgPath path:nth-child(303) {
    transition-delay: 7.575s
}

.inView .locationSvgPath path:nth-child(304) {
    transition-delay: 7.6s
}

.inView .locationSvgPath path:nth-child(305) {
    transition-delay: 7.625s
}

.inView .locationSvgPath path:nth-child(306) {
    transition-delay: 7.65s
}

.inView .locationSvgPath path:nth-child(307) {
    transition-delay: 7.675s
}

.inView .locationSvgPath path:nth-child(308) {
    transition-delay: 7.7s
}

.inView .locationSvgPath path:nth-child(309) {
    transition-delay: 7.725s
}

.inView .locationSvgPath path:nth-child(310) {
    transition-delay: 7.75s
}

.inView .locationSvgPath path:nth-child(311) {
    transition-delay: 7.775s
}

.inView .locationSvgPath path:nth-child(312) {
    transition-delay: 7.8s
}

.inView .locationSvgPath path:nth-child(313) {
    transition-delay: 7.825s
}

.inView .locationSvgPath path:nth-child(314) {
    transition-delay: 7.85s
}

.inView .locationSvgPath path:nth-child(315) {
    transition-delay: 7.875s
}

.inView .locationSvgPath path:nth-child(316) {
    transition-delay: 7.9s
}

.inView .locationSvgPath path:nth-child(317) {
    transition-delay: 7.925s
}

.inView .locationSvgPath path:nth-child(318) {
    transition-delay: 7.95s
}

.inView .locationSvgPath path:nth-child(319) {
    transition-delay: 7.975s
}

.inView .locationSvgPath path:nth-child(320) {
    transition-delay: 8s
}

.inView .locationSvgPath path:nth-child(321) {
    transition-delay: 8.025s
}

.inView .locationSvgPath path:nth-child(322) {
    transition-delay: 8.05s
}

.inView .locationSvgPath path:nth-child(323) {
    transition-delay: 8.075s
}

.inView .locationSvgPath path:nth-child(324) {
    transition-delay: 8.1s
}

.inView .locationSvgPath path:nth-child(325) {
    transition-delay: 8.125s
}

.inView .locationSvgPath path:nth-child(326) {
    transition-delay: 8.15s
}

.inView .locationSvgPath path:nth-child(327) {
    transition-delay: 8.175s
}

.inView .locationSvgPath path:nth-child(328) {
    transition-delay: 8.2s
}

.inView .locationSvgPath path:nth-child(329) {
    transition-delay: 8.225s
}

.inView .locationSvgPath path:nth-child(330) {
    transition-delay: 8.25s
}

.inView .locationSvgPath path:nth-child(331) {
    transition-delay: 8.275s
}

.inView .locationSvgPath path:nth-child(332) {
    transition-delay: 8.3s
}

.inView .locationSvgPath path:nth-child(333) {
    transition-delay: 8.325s
}

.inView .locationSvgPath path:nth-child(334) {
    transition-delay: 8.35s
}

.inView .locationSvgPath path:nth-child(335) {
    transition-delay: 8.375s
}

.inView .locationSvgPath path:nth-child(336) {
    transition-delay: 8.4s
}

.inView .locationSvgPath path:nth-child(337) {
    transition-delay: 8.425s
}

.inView .locationSvgPath path:nth-child(338) {
    transition-delay: 8.45s
}

.inView .locationSvgPath path:nth-child(339) {
    transition-delay: 8.475s
}

.inView .locationSvgPath path:nth-child(340) {
    transition-delay: 8.5s
}

.inView .locationSvgPath path:nth-child(341) {
    transition-delay: 8.525s
}

.inView .locationSvgPath path:nth-child(342) {
    transition-delay: 8.55s
}

.inView .locationSvgPath path:nth-child(343) {
    transition-delay: 8.575s
}

.inView .locationSvgPath path:nth-child(344) {
    transition-delay: 8.6s
}

.inView .locationSvgPath path:nth-child(345) {
    transition-delay: 8.625s
}

.inView .locationSvgPath path:nth-child(346) {
    transition-delay: 8.65s
}

.inView .locationSvgPath path:nth-child(347) {
    transition-delay: 8.675s
}

.inView .locationSvgPath path:nth-child(348) {
    transition-delay: 8.7s
}

.inView .locationSvgPath path:nth-child(349) {
    transition-delay: 8.725s
}

.inView .locationSvgPath path:nth-child(350) {
    transition-delay: 8.75s
}

.inView .locationSvgPath path:nth-child(351) {
    transition-delay: 8.775s
}

.inView .locationSvgPath path:nth-child(352) {
    transition-delay: 8.8s
}

.inView .locationSvgPath path:nth-child(353) {
    transition-delay: 8.825s
}

.inView .locationSvgPath path:nth-child(354) {
    transition-delay: 8.85s
}

.inView .locationSvgPath path:nth-child(355) {
    transition-delay: 8.875s
}

.inView .locationSvgPath path:nth-child(356) {
    transition-delay: 8.9s
}

.inView .locationSvgPath path:nth-child(357) {
    transition-delay: 8.925s
}

.inView .locationSvgPath path:nth-child(358) {
    transition-delay: 8.95s
}

.inView .locationSvgPath path:nth-child(359) {
    transition-delay: 8.975s
}

.inView .locationSvgPath path:nth-child(360) {
    transition-delay: 9s
}

.inView .locationSvgPath path:nth-child(361) {
    transition-delay: 9.025s
}

.inView .locationSvgPath path:nth-child(362) {
    transition-delay: 9.05s
}

.inView .locationSvgPath path:nth-child(363) {
    transition-delay: 9.075s
}

.inView .locationSvgPath path:nth-child(364) {
    transition-delay: 9.1s
}

.inView .locationSvgPath path:nth-child(365) {
    transition-delay: 9.125s
}

.inView .locationSvgPath path:nth-child(366) {
    transition-delay: 9.15s
}

.inView .locationSvgPath path:nth-child(367) {
    transition-delay: 9.175s
}

.inView .locationSvgPath path:nth-child(368) {
    transition-delay: 9.2s
}

.inView .locationSvgPath path:nth-child(369) {
    transition-delay: 9.225s
}

.inView .locationSvgPath path:nth-child(370) {
    transition-delay: 9.25s
}

.inView .locationSvgPath path:nth-child(371) {
    transition-delay: 9.275s
}

.inView .locationSvgPath path:nth-child(372) {
    transition-delay: 9.3s
}

.inView .locationSvgPath path:nth-child(373) {
    transition-delay: 9.325s
}

.inView .locationSvgPath path:nth-child(374) {
    transition-delay: 9.35s
}

.inView .locationSvgPath path:nth-child(375) {
    transition-delay: 9.375s
}

.inView .locationSvgPath path:nth-child(376) {
    transition-delay: 9.4s
}

.inView .locationSvgPath path:nth-child(377) {
    transition-delay: 9.425s
}

.inView .locationSvgPath path:nth-child(378) {
    transition-delay: 9.45s
}

.inView .locationSvgPath path:nth-child(379) {
    transition-delay: 9.475s
}

.inView .locationSvgPath path:nth-child(380) {
    transition-delay: 9.5s
}

.inView .locationSvgPath path:nth-child(381) {
    transition-delay: 9.525s
}

.inView .locationSvgPath path:nth-child(382) {
    transition-delay: 9.55s
}

.inView .locationSvgPath path:nth-child(383) {
    transition-delay: 9.575s
}

.inView .locationSvgPath path:nth-child(384) {
    transition-delay: 9.6s
}

.inView .locationSvgPath path:nth-child(385) {
    transition-delay: 9.625s
}

.inView .locationSvgPath path:nth-child(386) {
    transition-delay: 9.65s
}

.inView .locationSvgPath path:nth-child(387) {
    transition-delay: 9.675s
}

.inView .locationSvgPath path:nth-child(388) {
    transition-delay: 9.7s
}

.inView .locationSvgPath path:nth-child(389) {
    transition-delay: 9.725s
}

.inView .locationSvgPath path:nth-child(390) {
    transition-delay: 9.75s
}

.inView .locationSvgPath path:nth-child(391) {
    transition-delay: 9.775s
}

.inView .locationSvgPath path:nth-child(392) {
    transition-delay: 9.8s
}

.inView .locationSvgPath path:nth-child(393) {
    transition-delay: 9.825s
}

.inView .locationSvgPath path:nth-child(394) {
    transition-delay: 9.85s
}

.inView .locationSvgPath path:nth-child(395) {
    transition-delay: 9.875s
}

.inView .locationSvgPath path:nth-child(396) {
    transition-delay: 9.9s
}

.inView .locationSvgPath path:nth-child(397) {
    transition-delay: 9.925s
}

.inView .locationSvgPath path:nth-child(398) {
    transition-delay: 9.95s
}

.inView .locationSvgPath path:nth-child(399) {
    transition-delay: 9.975s
}

.inView .locationSvgPath path:nth-child(400) {
    transition-delay: 10s
}

.inView .locationSvgPath path:nth-child(401) {
    transition-delay: 10.025s
}

.inView .locationSvgPath path:nth-child(402) {
    transition-delay: 10.05s
}

.inView .locationSvgPath path:nth-child(403) {
    transition-delay: 10.075s
}

.inView .locationSvgPath path:nth-child(404) {
    transition-delay: 10.1s
}

.inView .locationSvgPath path:nth-child(405) {
    transition-delay: 10.125s
}

.inView .locationSvgPath path:nth-child(406) {
    transition-delay: 10.15s
}

.inView .locationSvgPath path:nth-child(407) {
    transition-delay: 10.175s
}

.inView .locationSvgPath path:nth-child(408) {
    transition-delay: 10.2s
}

.inView .locationSvgPath path:nth-child(409) {
    transition-delay: 10.225s
}

.inView .locationSvgPath path:nth-child(410) {
    transition-delay: 10.25s
}

.inView .locationSvgPath path:nth-child(411) {
    transition-delay: 10.275s
}

.inView .locationSvgPath path:nth-child(412) {
    transition-delay: 10.3s
}

.inView .locationSvgPath path:nth-child(413) {
    transition-delay: 10.325s
}

.inView .locationSvgPath path:nth-child(414) {
    transition-delay: 10.35s
}

.inView .locationSvgPath path:nth-child(415) {
    transition-delay: 10.375s
}

.inView .locationSvgPath path:nth-child(416) {
    transition-delay: 10.4s
}

.inView .locationSvgPath path:nth-child(417) {
    transition-delay: 10.425s
}

.inView .locationSvgPath path:nth-child(418) {
    transition-delay: 10.45s
}

.inView .locationSvgPath path:nth-child(419) {
    transition-delay: 10.475s
}

.inView .locationSvgPath path:nth-child(420) {
    transition-delay: 10.5s
}

.inView .locationSvgPath path:nth-child(421) {
    transition-delay: 10.525s
}

.inView .locationSvgPath path:nth-child(422) {
    transition-delay: 10.55s
}

.inView .locationSvgPath path:nth-child(423) {
    transition-delay: 10.575s
}

.inView .locationSvgPath path:nth-child(424) {
    transition-delay: 10.6s
}

.inView .locationSvgPath path:nth-child(425) {
    transition-delay: 10.625s
}

.inView .locationSvgPath path:nth-child(426) {
    transition-delay: 10.65s
}

.inView .locationSvgPath path:nth-child(427) {
    transition-delay: 10.675s
}

.inView .locationSvgPath path:nth-child(428) {
    transition-delay: 10.7s
}

.inView .locationSvgPath path:nth-child(429) {
    transition-delay: 10.725s
}

.inView .locationSvgPath path:nth-child(430) {
    transition-delay: 10.75s
}

.inView .locationSvgPath path:nth-child(431) {
    transition-delay: 10.775s
}

.inView .locationSvgPath path:nth-child(432) {
    transition-delay: 10.8s
}

.inView .locationSvgPath path:nth-child(433) {
    transition-delay: 10.825s
}

.inView .locationSvgPath path:nth-child(434) {
    transition-delay: 10.85s
}

.inView .locationSvgPath path:nth-child(435) {
    transition-delay: 10.875s
}

.inView .locationSvgPath path:nth-child(436) {
    transition-delay: 10.9s
}

.inView .locationSvgPath path:nth-child(437) {
    transition-delay: 10.925s
}

.inView .locationSvgPath path:nth-child(438) {
    transition-delay: 10.95s
}

.inView .locationSvgPath path:nth-child(439) {
    transition-delay: 10.975s
}

.inView .locationSvgPath path:nth-child(440) {
    transition-delay: 11s
}

.inView .locationSvgPath path:nth-child(441) {
    transition-delay: 11.025s
}

.inView .locationSvgPath path:nth-child(442) {
    transition-delay: 11.05s
}

.inView .locationSvgPath path:nth-child(443) {
    transition-delay: 11.075s
}

.inView .locationSvgPath path:nth-child(444) {
    transition-delay: 11.1s
}

.inView .locationSvgPath path:nth-child(445) {
    transition-delay: 11.125s
}

.inView .locationSvgPath path:nth-child(446) {
    transition-delay: 11.15s
}

.inView .locationSvgPath path:nth-child(447) {
    transition-delay: 11.175s
}

.inView .locationSvgPath path:nth-child(448) {
    transition-delay: 11.2s
}

.inView .locationSvgPath path:nth-child(449) {
    transition-delay: 11.225s
}

.inView .locationSvgPath path:nth-child(450) {
    transition-delay: 11.25s
}

.inView .locationSvgPath path:nth-child(451) {
    transition-delay: 11.275s
}

.inView .locationSvgPath path:nth-child(452) {
    transition-delay: 11.3s
}

.inView .locationSvgPath path:nth-child(453) {
    transition-delay: 11.325s
}

.inView .locationSvgPath path:nth-child(454) {
    transition-delay: 11.35s
}

.inView .locationSvgPath path:nth-child(455) {
    transition-delay: 11.375s
}

.inView .locationSvgPath path:nth-child(456) {
    transition-delay: 11.4s
}

.inView .locationSvgPath path:nth-child(457) {
    transition-delay: 11.425s
}

.inView .locationSvgPath path:nth-child(458) {
    transition-delay: 11.45s
}

.inView .locationSvgPath path:nth-child(459) {
    transition-delay: 11.475s
}

.inView .locationSvgPath path:nth-child(460) {
    transition-delay: 11.5s
}

.inView .locationSvgPath path:nth-child(461) {
    transition-delay: 11.525s
}

.inView .locationSvgPath path:nth-child(462) {
    transition-delay: 11.55s
}

.inView .locationSvgPath path:nth-child(463) {
    transition-delay: 11.575s
}

.inView .locationSvgPath path:nth-child(464) {
    transition-delay: 11.6s
}

.inView .locationSvgPath path:nth-child(465) {
    transition-delay: 11.625s
}

.inView .locationSvgPath path:nth-child(466) {
    transition-delay: 11.65s
}

.inView .locationSvgPath path:nth-child(467) {
    transition-delay: 11.675s
}

.inView .locationSvgPath path:nth-child(468) {
    transition-delay: 11.7s
}

.inView .locationSvgPath path:nth-child(469) {
    transition-delay: 11.725s
}

.inView .locationSvgPath path:nth-child(470) {
    transition-delay: 11.75s
}

.inView .locationSvgPath path:nth-child(471) {
    transition-delay: 11.775s
}

.inView .locationSvgPath path:nth-child(472) {
    transition-delay: 11.8s
}

.inView .locationSvgPath path:nth-child(473) {
    transition-delay: 11.825s
}

.inView .locationSvgPath path:nth-child(474) {
    transition-delay: 11.85s
}

.inView .locationSvgPath path:nth-child(475) {
    transition-delay: 11.875s
}

.inView .locationSvgPath path:nth-child(476) {
    transition-delay: 11.9s
}

.inView .locationSvgPath path:nth-child(477) {
    transition-delay: 11.925s
}

.inView .locationSvgPath path:nth-child(478) {
    transition-delay: 11.95s
}

.inView .locationSvgPath path:nth-child(479) {
    transition-delay: 11.975s
}

.inView .locationSvgPath path:nth-child(480) {
    transition-delay: 12s
}

.inView .locationSvgPath path:nth-child(481) {
    transition-delay: 12.025s
}

.inView .locationSvgPath path:nth-child(482) {
    transition-delay: 12.05s
}

.inView .locationSvgPath path:nth-child(483) {
    transition-delay: 12.075s
}

.inView .locationSvgPath path:nth-child(484) {
    transition-delay: 12.1s
}

.inView .locationSvgPath path:nth-child(485) {
    transition-delay: 12.125s
}

.inView .locationSvgPath path:nth-child(486) {
    transition-delay: 12.15s
}

.inView .locationSvgPath path:nth-child(487) {
    transition-delay: 12.175s
}

.inView .locationSvgPath path:nth-child(488) {
    transition-delay: 12.2s
}

.inView .locationSvgPath path:nth-child(489) {
    transition-delay: 12.225s
}

.inView .locationSvgPath path:nth-child(490) {
    transition-delay: 12.25s
}

.inView .locationSvgPath path:nth-child(491) {
    transition-delay: 12.275s
}

.inView .locationSvgPath path:nth-child(492) {
    transition-delay: 12.3s
}

.inView .locationSvgPath path:nth-child(493) {
    transition-delay: 12.325s
}

.inView .locationSvgPath path:nth-child(494) {
    transition-delay: 12.35s
}

.inView .locationSvgPath path:nth-child(495) {
    transition-delay: 12.375s
}

.inView .locationSvgPath path:nth-child(496) {
    transition-delay: 12.4s
}

.inView .locationSvgPath path:nth-child(497) {
    transition-delay: 12.425s
}

.inView .locationSvgPath path:nth-child(498) {
    transition-delay: 12.45s
}

.inView .locationSvgPath path:nth-child(499) {
    transition-delay: 12.475s
}

.inView .locationSvgPath path:nth-child(500) {
    transition-delay: 12.5s
}

.tableWrap {
    overflow-x: auto
}

.tableWrap table {
    width: 100%
}

.tableWrap thead {
    color: var(--mGray);
    border-bottom: 1px solid var(--mGray)
}

.tableWrap thead th {
    text-align: start;
    font-size: .85rem;
    padding-bottom: 1rem;
    font-weight: 500
}

@media only screen and (max-width: 47.9375rem) {
    .tableWrap tbody {
        font-size: .9rem
    }
}

.tableWrap tbody tr {
    transition: all .4s var(--ease)
}

.tableWrap tbody tr:nth-child(even) {
    background: var(--brandColor2)
}

.tableWrap tbody tr:nth-child(odd) {
    background: rgb(var(--brandColor2a)/.1)
}

.tableWrap tbody td,
.tableWrap thead th {
    padding: 1.8rem 1rem
}

@media only screen and (max-width: 47.9375rem) {

    .tableWrap tbody td,
    .tableWrap thead th {
        padding: 1rem .5rem
    }
}

@media only screen and (max-width: 64rem) {
    .testimonialsSlider .nexBtn {
        display: none
    }
}

.profileItem {
    position: relative;
    overflow: hidden;
    min-height: 513px;
}

.profileItem:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%) scale(1.1);
    height: 30%;
    border-inline: 10px solid rgba(233, 233, 233, .6);
    z-index: 2;
    transition: all .4s var(--ease)
}

@media only screen and (max-width: 64rem) {
    .profileItem:before {
        border-inline-width: 4px
    }
}

@media only screen and (max-width: 61.25rem) {
    .profileItem:before {
        border-inline-width: 3px
    }
}

.profileItem .imgBox {
    z-index: 0;
    transition: all .4s var(--ease);
    overflow: hidden;
    object-fit: cover;
    height: 100%;
}

.profileItem .imgBox:after {
    content: "";
    position: absolute;
    inset: 0;
    background: var(--bg-color);
    opacity: .3;
    height: 100%;
}

.profileItem .imgBox img,
.profileItem .brand-logo,
.profileItem .brand-logo img {
    transition: all .4s var(--ease);
}

.profileItem .brand-logo img {
    filter: brightness(0) invert(1);
}

.profileItem .contentBox {
    padding: 2.5rem;
    position: relative
}

@media only screen and (max-width: 64rem) {
    .profileItem .contentBox {
        padding: 0 2rem 1.5rem
    }
}

@media only screen and (max-width: 61.25rem) {
    .profileItem .contentBox {
        padding: 0 1.5rem 1rem
    }
}

.profileItem .contentBox .textBox {
    transition: all .4s var(--ease);
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden
}

@media only screen and (min-width: 64.0625rem) {
    .profileItem .contentBox .btn {
        position: absolute;
        bottom: 2.5rem;
        transform: translateY(1rem);
        opacity: 0;
        transition: all .4s var(--ease)
    }
}

@media only screen and (max-width: 64rem) {
    .profileItem .contentBox .btn {
        --btn-white: #000;
        --btn-black: #fff;
        font-size: 1rem
    }
}

@media only screen and (max-width: 47.9375rem) {
    .profileItem {
        min-height: 208px;
    }

    .profileItem .contentBox .btn {
        font-size: .85rem
    }
}

.profileItem .arrowBox {
    position: absolute;
    right: 0;
    bottom: 1.5rem;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateY(2rem) scale(.5);
    opacity: 0;
    transition: all .4s var(--ease)
}

[dir=rtl] .profileItem .arrowBox {
    right: auto;
    left: 0
}

.profileItem .arrowBox svg {
    width: 2.6rem;
    height: auto;
    transform: scale(1)
}

[dir=rtl] .profileItem .arrowBox svg {
    transform: scaleX(-1)
}

@media (hover: hover) and (pointer: fine) {
    .profileItem:hover:before {
        transform: translateY(-50%) scale(1)
    }

    .profileItem:hover .brand-logo img {
        transform: scale(.9)
    }

    .profileItem:hover .textBox {
        transform: translateY(-4rem);
        color: var(--white)
    }

    .profileItem:hover .contentBox .btn {
        transform: translateY(0);
        opacity: 1
    }

    .profileItem:hover .imgBox {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%)
    }

    .profileItem:hover .imgBox img {
        transform: scale(1.15)
    }

    .profileItem:hover .arrowBox {
        transform: translateY(0) scale(1);
        opacity: 1
    }
}

.profileTopNav {
    position: sticky;
    top: 0;
    padding-block: 1.5rem;
    background: var(--white);
    z-index: 15
}

@media only screen and (max-width: 47.9375rem) {
    .profileTopNav {
        padding-block: .8rem
    }
}

.leadershipList .leaderItem>* {
    transition: all .4s var(--ease);
    opacity: 1
}

.leadershipList.activePop .leaderItem>* {
    opacity: 0
}

.leadershipList .popupBox {
    position: fixed;
    top: var(--elOffH);
    height: calc(100vh - var(--elOffH));
    z-index: 15;
    max-width: 100%;
    width: 100%;
    left: 0;
    pointer-events: none
}

.leadershipList .popupBox.active {
    pointer-events: auto
}

.leadershipList .popupBox.active .inner .grid>.imgBox {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    transition-delay: .2s
}

[dir=rtl] .leadershipList .popupBox.active .inner .grid>.imgBox {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%)
}

.leadershipList .popupBox.active .contentBox>* {
    transform: translateY(0);
    opacity: 1
}

.leadershipList .popupBox.active .contentBox>*:nth-child(1) {
    transition-delay: .2s
}

.leadershipList .popupBox.active .contentBox>*:nth-child(2) {
    transition-delay: .3s
}

.leadershipList .popupBox.active .contentBox>*:nth-child(3) {
    transition-delay: .4s
}

.leadershipList .popupBox.active .contentBox>*:nth-child(4) {
    transition-delay: .5s
}

.leadershipList .popupBox.active .contentBox>*:nth-child(5) {
    transition-delay: .6s
}

.leadershipList .popupBox .inner {
    max-height: 100%;
    overflow: auto;
    padding: 0
}

.leadershipList .popupBox .inner .grid {
    align-items: center
}

.leadershipList .popupBox .inner .grid>.imgBox {
    clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
    transition: all .4s var(--ease)
}

[dir=rtl] .leadershipList .popupBox .inner .grid>.imgBox {
    clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%)
}

.leadershipList .popupBox .contentBox {
    padding-block: 3rem;
    padding-inline-end: 5vw
}

@media (min-width: 1800px) {
    .leadershipList .popupBox .contentBox {
        padding-inline-end: calc((100vw - 1440px)/2)
    }
}

@media only screen and (max-width: 1200px) {
    .leadershipList .popupBox .contentBox {
        padding-inline-end: 2.5vw
    }
}

.leadershipList .popupBox .contentBox>* {
    transform: translateY(2rem);
    opacity: 0;
    transition: all .4s var(--ease)
}

.leadershipList .popupBox .f-button {
    background: transparent;
    right: 1.5rem
}

[dir=rtl] .leadershipList .popupBox .f-button {
    right: auto;
    left: 1.5rem
}

.accordionWrap {
    --g: 1.3rem;
    gap: var(--g)
}

@media (min-width: 1800px) {
    .accordionWrap {
        --g: 1.7rem
    }
}

@media (max-width: 767px) {
    .accordionWrap {
        --g: 1rem
    }
}

.accordionWrap .accItem {
    display: grid;
    grid-template-rows: auto 0fr;
    padding-top: var(--g);
    border-top: 1px solid var(--mGray);
    transition: all .4s var(--ease)
}

.accordionWrap .accItem.active {
    grid-template-rows: auto 1fr
}

.accordionWrap .accItem.active .accTitle:after {
    transform: rotate(0)
}

.accordionWrap .accItem:last-child {
    padding-bottom: var(--g);
    border-bottom: 1px solid var(--mGray)
}

.accordionWrap .accItem .accContent {
    overflow: hidden
}

.accordionWrap .accItem .accContent>* {
    padding-top: var(--g)
}

.accordionWrap .accItem .accTitle {
    --pSize: 40px;
    position: relative;
    padding-inline-end: var(--pSize);
    cursor: pointer
}

@media (min-width: 1025px) and (max-width: 1370px) {
    .accordionWrap .accItem .accTitle {
        --pSize: 35px
    }
}

@media (max-width: 1024px) {
    .accordionWrap .accItem .accTitle {
        --pSize: 35px
    }
}

@media (max-width: 767px) {
    .accordionWrap .accItem .accTitle {
        --pSize: 32px
    }
}

.accordionWrap .accItem .accTitle:before,
.accordionWrap .accItem .accTitle:after {
    content: "";
    position: absolute;
    top: calc(50% - 1px);
    width: calc(var(--pSize) - 15px);
    height: 2px;
    background: var(--mGray);
    transition: all .4s var(--ease);
    right: 0
}

[dir=rtl] .accordionWrap .accItem .accTitle:before,
[dir=rtl] .accordionWrap .accItem .accTitle:after {
    right: auto;
    left: 0
}

.accordionWrap .accItem .accTitle:after {
    transform: rotate(90deg)
}

@font-face {
    font-family: swiper-icons;
    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+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA);
    font-weight: 400;
    font-style: normal
}

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

:host {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 1
}

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

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

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

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

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

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

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

.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 {
    transform: translateZ(0);
    backface-visibility: hidden
}

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

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

.swiper-3d {
    perspective: 1200px
}

.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
    transform-style: preserve-3d
}

.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-css-mode.swiper-vertical>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
    scroll-snap-type: none
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: none
}

.swiper-css-mode.swiper-centered>.swiper-wrapper:before {
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

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

.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, .15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translateZ(0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-disabled>.swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
    display: none !important
}

.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: var(--swiper-pagination-bottom, 8px);
    top: var(--swiper-pagination-top, auto);
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    display: inline-block;
    border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none !important
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-vertical>.swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
    right: var(--swiper-pagination-right, 8px);
    left: var(--swiper-pagination-left, auto);
    top: 50%;
    transform: translate3d(0, -50%, 0)
}

.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block
}

.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: .2s transform, .2s top
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translate(-50%);
    white-space: nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s left
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s right
}

.swiper-pagination-fraction {
    color: var(--swiper-pagination-fraction-color, inherit)
}

.swiper-pagination-progressbar {
    background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size, 4px);
    left: 0;
    top: 0
}

.swiper-vertical>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
    width: var(--swiper-pagination-progressbar-size, 4px);
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-lock {
    display: none
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-prev,
.swiper-button-next {
    position: absolute;
    top: var(--swiper-navigation-top-offset, 50%);
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - var(--swiper-navigation-size) / 2);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev.swiper-button-hidden,
.swiper-button-next.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none
}

.swiper-navigation-disabled .swiper-button-prev,
.swiper-navigation-disabled .swiper-button-next {
    display: none !important
}

.swiper-button-prev svg,
.swiper-button-next svg {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    transform-origin: center
}

.swiper-rtl .swiper-button-prev svg,
.swiper-rtl .swiper-button-next svg {
    transform: rotate(180deg)
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 10px);
    right: auto
}

.swiper-button-lock {
    display: none
}

.swiper-button-prev:after,
.swiper-button-next:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    content: "prev"
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 10px);
    left: auto
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    content: "next"
}

.swiper-scrollbar {
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    position: relative;
    touch-action: none;
    background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, .1))
}

.swiper-scrollbar-disabled>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
    display: none !important
}

.swiper-horizontal>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
    position: absolute;
    left: var(--swiper-scrollbar-sides-offset, 1%);
    bottom: var(--swiper-scrollbar-bottom, 4px);
    top: var(--swiper-scrollbar-top, auto);
    z-index: 50;
    height: var(--swiper-scrollbar-size, 4px);
    width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))
}

.swiper-vertical>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-vertical {
    position: absolute;
    left: var(--swiper-scrollbar-left, auto);
    right: var(--swiper-scrollbar-right, 4px);
    top: var(--swiper-scrollbar-sides-offset, 1%);
    z-index: 50;
    width: var(--swiper-scrollbar-size, 4px);
    height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, .5));
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

:root {
    --f-spinner-width: 36px;
    --f-spinner-height: 36px;
    --f-spinner-color-1: rgba(0, 0, 0, .1);
    --f-spinner-color-2: rgba(17, 24, 28, .8);
    --f-spinner-stroke: 2.75
}

.f-spinner {
    margin: auto;
    padding: 0;
    width: var(--f-spinner-width);
    height: var(--f-spinner-height)
}

.f-spinner svg {
    width: 100%;
    height: 100%;
    vertical-align: top;
    animation: f-spinner-rotate 2s linear infinite
}

.f-spinner svg * {
    stroke-width: var(--f-spinner-stroke);
    fill: none
}

.f-spinner svg *:first-child {
    stroke: var(--f-spinner-color-1)
}

.f-spinner svg *:last-child {
    stroke: var(--f-spinner-color-2);
    animation: f-spinner-dash 2s ease-in-out infinite
}

@keyframes f-spinner-rotate {
    to {
        transform: rotate(360deg)
    }
}

@keyframes f-spinner-dash {
    0% {
        stroke-dasharray: 1, 150;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -35
    }

    to {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -124
    }
}

.f-throwOutUp {
    animation: var(--f-throw-out-duration, .175s) ease-out both f-throwOutUp
}

.f-throwOutDown {
    animation: var(--f-throw-out-duration, .175s) ease-out both f-throwOutDown
}

@keyframes f-throwOutUp {
    to {
        transform: translate3d(0, calc(var(--f-throw-out-distance, 150px) * -1), 0);
        opacity: 0
    }
}

@keyframes f-throwOutDown {
    to {
        transform: translate3d(0, var(--f-throw-out-distance, 150px), 0);
        opacity: 0
    }
}

.f-zoomInUp {
    animation: var(--f-transition-duration, .2s) ease .1s both f-zoomInUp
}

.f-zoomOutDown {
    animation: var(--f-transition-duration, .2s) ease both f-zoomOutDown
}

@keyframes f-zoomInUp {
    0% {
        transform: scale(.975) translate3d(0, 16px, 0);
        opacity: 0
    }

    to {
        transform: scale(1) translateZ(0);
        opacity: 1
    }
}

@keyframes f-zoomOutDown {
    to {
        transform: scale(.975) translate3d(0, 16px, 0);
        opacity: 0
    }
}

.f-fadeIn {
    animation: var(--f-transition-duration, .2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn;
    z-index: 2
}

.f-fadeOut {
    animation: var(--f-transition-duration, .2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeOut;
    z-index: 1
}

@keyframes f-fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes f-fadeOut {
    to {
        opacity: 0
    }
}

.f-fadeFastIn {
    animation: var(--f-transition-duration, .2s) ease-out both f-fadeFastIn;
    z-index: 2
}

.f-fadeFastOut {
    animation: var(--f-transition-duration, .1s) ease-out both f-fadeFastOut;
    z-index: 2
}

@keyframes f-fadeFastIn {
    0% {
        opacity: .75
    }

    to {
        opacity: 1
    }
}

@keyframes f-fadeFastOut {
    to {
        opacity: 0
    }
}

.f-fadeSlowIn {
    animation: var(--f-transition-duration, .5s) ease both f-fadeSlowIn;
    z-index: 2
}

.f-fadeSlowOut {
    animation: var(--f-transition-duration, .5s) ease both f-fadeSlowOut;
    z-index: 1
}

@keyframes f-fadeSlowIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes f-fadeSlowOut {
    to {
        opacity: 0
    }
}

.f-crossfadeIn {
    animation: var(--f-transition-duration, .2s) ease-out both f-crossfadeIn;
    z-index: 2
}

.f-crossfadeOut {
    animation: calc(var(--f-transition-duration, .2s)*.5) linear .1s both f-crossfadeOut;
    z-index: 1
}

@keyframes f-crossfadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes f-crossfadeOut {
    to {
        opacity: 0
    }
}

.f-slideIn.from-next {
    animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-slideInNext
}

.f-slideIn.from-prev {
    animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-slideInPrev
}

.f-slideOut.to-next {
    animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-slideOutNext
}

.f-slideOut.to-prev {
    animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-slideOutPrev
}

@keyframes f-slideInPrev {
    0% {
        transform: translate(100%)
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes f-slideInNext {
    0% {
        transform: translate(-100%)
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes f-slideOutNext {
    to {
        transform: translate(-100%)
    }
}

@keyframes f-slideOutPrev {
    to {
        transform: translate(100%)
    }
}

.f-classicIn.from-next {
    animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-classicInNext;
    z-index: 2
}

.f-classicIn.from-prev {
    animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-classicInPrev;
    z-index: 2
}

.f-classicOut.to-next {
    animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-classicOutNext;
    z-index: 1
}

.f-classicOut.to-prev {
    animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-classicOutPrev;
    z-index: 1
}

@keyframes f-classicInNext {
    0% {
        transform: translate(-75px);
        opacity: 0
    }

    to {
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes f-classicInPrev {
    0% {
        transform: translate(75px);
        opacity: 0
    }

    to {
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes f-classicOutNext {
    to {
        transform: translate(-75px);
        opacity: 0
    }
}

@keyframes f-classicOutPrev {
    to {
        transform: translate(75px);
        opacity: 0
    }
}

:root {
    --f-button-width: 40px;
    --f-button-height: 40px;
    --f-button-border: 0;
    --f-button-border-radius: 0;
    --f-button-color: #374151;
    --f-button-bg: #f8f8f8;
    --f-button-hover-bg: #e0e0e0;
    --f-button-active-bg: #d0d0d0;
    --f-button-shadow: none;
    --f-button-transition: all .15s ease;
    --f-button-transform: none;
    --f-button-svg-width: 20px;
    --f-button-svg-height: 20px;
    --f-button-svg-stroke-width: 1.5;
    --f-button-svg-fill: none;
    --f-button-svg-filter: none;
    --f-button-svg-disabled-opacity: .65
}

.f-button {
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: content-box;
    position: relative;
    margin: 0;
    padding: 0;
    width: var(--f-button-width);
    height: var(--f-button-height);
    border: var(--f-button-border);
    border-radius: var(--f-button-border-radius);
    color: var(--f-button-color);
    background: var(--f-button-bg);
    box-shadow: var(--f-button-shadow);
    pointer-events: all;
    cursor: pointer;
    transition: var(--f-button-transition)
}

@media (hover: hover) {
    .f-button:hover:not([disabled]) {
        color: var(--f-button-hover-color);
        background-color: var(--f-button-hover-bg)
    }
}

.f-button:active:not([disabled]) {
    background-color: var(--f-button-active-bg)
}

.f-button:focus:not(:focus-visible) {
    outline: none
}

.f-button:focus-visible {
    outline: none;
    box-shadow: inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color))
}

.f-button svg {
    width: var(--f-button-svg-width);
    height: var(--f-button-svg-height);
    fill: var(--f-button-svg-fill);
    stroke: currentColor;
    stroke-width: var(--f-button-svg-stroke-width);
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: opacity .15s ease;
    transform: var(--f-button-transform);
    filter: var(--f-button-svg-filter);
    pointer-events: none
}

.f-button[disabled] {
    cursor: default
}

.f-button[disabled] svg {
    opacity: var(--f-button-svg-disabled-opacity)
}

.f-carousel__nav .f-button.is-prev,
.f-carousel__nav .f-button.is-next,
.fancybox__nav .f-button.is-prev,
.fancybox__nav .f-button.is-next {
    position: absolute;
    z-index: 1
}

.is-horizontal .f-carousel__nav .f-button.is-prev,
.is-horizontal .f-carousel__nav .f-button.is-next,
.is-horizontal .fancybox__nav .f-button.is-prev,
.is-horizontal .fancybox__nav .f-button.is-next {
    top: 50%;
    transform: translateY(-50%)
}

.is-horizontal .f-carousel__nav .f-button.is-prev,
.is-horizontal .fancybox__nav .f-button.is-prev {
    left: var(--f-button-prev-pos)
}

.is-horizontal .f-carousel__nav .f-button.is-next,
.is-horizontal .fancybox__nav .f-button.is-next {
    right: var(--f-button-next-pos)
}

.is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev,
.is-horizontal.is-rtl .fancybox__nav .f-button.is-prev {
    left: auto;
    right: var(--f-button-next-pos)
}

.is-horizontal.is-rtl .f-carousel__nav .f-button.is-next,
.is-horizontal.is-rtl .fancybox__nav .f-button.is-next {
    right: auto;
    left: var(--f-button-prev-pos)
}

.is-vertical .f-carousel__nav .f-button.is-prev,
.is-vertical .f-carousel__nav .f-button.is-next,
.is-vertical .fancybox__nav .f-button.is-prev,
.is-vertical .fancybox__nav .f-button.is-next {
    top: auto;
    left: 50%;
    transform: translate(-50%)
}

.is-vertical .f-carousel__nav .f-button.is-prev,
.is-vertical .fancybox__nav .f-button.is-prev {
    top: var(--f-button-next-pos)
}

.is-vertical .f-carousel__nav .f-button.is-next,
.is-vertical .fancybox__nav .f-button.is-next {
    bottom: var(--f-button-next-pos)
}

.is-vertical .f-carousel__nav .f-button.is-prev svg,
.is-vertical .f-carousel__nav .f-button.is-next svg,
.is-vertical .fancybox__nav .f-button.is-prev svg,
.is-vertical .fancybox__nav .f-button.is-next svg {
    transform: rotate(90deg)
}

.f-carousel__nav .f-button:disabled,
.fancybox__nav .f-button:disabled {
    pointer-events: none
}

html.with-fancybox {
    width: auto;
    overflow: visible;
    scroll-behavior: auto
}

html.with-fancybox body {
    touch-action: none
}

html.with-fancybox body.hide-scrollbar {
    width: auto;
    margin-right: calc(var(--fancybox-body-margin, 0px) + var(--fancybox-scrollbar-compensate, 0px));
    overflow: hidden !important;
    overscroll-behavior-y: none
}

.fancybox__container {
    --fancybox-color: #dbdbdb;
    --fancybox-hover-color: #fff;
    --fancybox-bg: rgba(24, 24, 27, .98);
    --fancybox-slide-gap: 10px;
    --f-spinner-width: 50px;
    --f-spinner-height: 50px;
    --f-spinner-color-1: rgba(255, 255, 255, .1);
    --f-spinner-color-2: #bbb;
    --f-spinner-stroke: 3.65;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    direction: ltr;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #f8f8f8;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    overflow: visible;
    z-index: var(--fancybox-zIndex, 1050);
    outline: none;
    transform-origin: top left;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: none;
    text-size-adjust: 100%;
    overscroll-behavior-y: contain
}

.fancybox__container *,
.fancybox__container *:before,
.fancybox__container *:after {
    box-sizing: inherit
}

.fancybox__container::backdrop {
    background-color: #0000
}

.fancybox__backdrop {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
    background: var(--fancybox-bg);
    opacity: var(--fancybox-opacity, 1);
    will-change: opacity
}

.fancybox__carousel {
    position: relative;
    box-sizing: border-box;
    flex: 1;
    min-height: 0;
    z-index: 10;
    overflow-y: visible;
    overflow-x: clip
}

.fancybox__viewport {
    width: 100%;
    height: 100%
}

.fancybox__viewport.is-draggable {
    cursor: move;
    cursor: grab
}

.fancybox__viewport.is-dragging {
    cursor: move;
    cursor: grabbing
}

.fancybox__track {
    display: flex;
    margin: 0 auto;
    height: 100%
}

.fancybox__slide {
    flex: 0 0 auto;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 100%;
    margin: 0 var(--fancybox-slide-gap) 0 0;
    padding: 4px;
    overflow: auto;
    overscroll-behavior: contain;
    transform: translateZ(0);
    backface-visibility: hidden
}

.fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn {
    padding-top: 40px
}

.fancybox__slide.has-iframe,
.fancybox__slide.has-video,
.fancybox__slide.has-html5video,
.fancybox__slide.has-image {
    overflow: hidden
}

.fancybox__slide.has-image.is-animating,
.fancybox__slide.has-image.is-selected {
    overflow: visible
}

.fancybox__slide:before,
.fancybox__slide:after {
    content: "";
    flex: 0 0 0;
    margin: auto
}

.fancybox__backdrop:empty,
.fancybox__viewport:empty,
.fancybox__track:empty,
.fancybox__slide:empty {
    display: block
}

.fancybox__content {
    align-self: center;
    display: flex;
    flex-direction: column;
    position: relative;
    margin: 0;
    padding: 2rem;
    max-width: 100%;
    color: var(--fancybox-content-color, #374151);
    background: var(--fancybox-content-bg, #fff);
    cursor: default;
    border-radius: 0;
    z-index: 20
}

.is-loading .fancybox__content {
    opacity: 0
}

.is-draggable .fancybox__content {
    cursor: move;
    cursor: grab
}

.can-zoom_in .fancybox__content {
    cursor: zoom-in
}

.can-zoom_out .fancybox__content {
    cursor: zoom-out
}

.is-dragging .fancybox__content {
    cursor: move;
    cursor: grabbing
}

.fancybox__content [data-selectable],
.fancybox__content [contenteditable] {
    cursor: auto
}

.fancybox__slide.has-image>.fancybox__content {
    padding: 0;
    background: rgba(0, 0, 0, 0);
    min-height: 1px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    transition: none;
    transform: translateZ(0);
    backface-visibility: hidden
}

.fancybox__slide.has-image>.fancybox__content>picture>img {
    width: 100%;
    height: auto;
    max-height: 100%
}

.is-animating .fancybox__content,
.is-dragging .fancybox__content {
    will-change: transform, width, height
}

.fancybox-image {
    margin: auto;
    display: block;
    width: 100%;
    height: 100%;
    min-height: 0;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    filter: blur(0px)
}

.fancybox__caption {
    align-self: center;
    max-width: 100%;
    flex-shrink: 0;
    margin: 0;
    padding: 14px 0 4px;
    overflow-wrap: anywhere;
    line-height: 1.375;
    color: var(--fancybox-color, currentColor);
    opacity: var(--fancybox-opacity, 1);
    cursor: auto;
    visibility: visible
}

.is-loading .fancybox__caption,
.is-closing .fancybox__caption {
    opacity: 0;
    visibility: hidden
}

.is-compact .fancybox__caption {
    padding-bottom: 0
}

.f-button.is-close-btn {
    --f-button-svg-stroke-width: 2;
    position: absolute;
    top: 0;
    right: 8px;
    z-index: 40
}

.fancybox__content>.f-button.is-close-btn {
    --f-button-width: 34px;
    --f-button-height: 34px;
    --f-button-border-radius: 4px;
    --f-button-color: var(--fancybox-color, #fff);
    --f-button-hover-color: var(--fancybox-color, #fff);
    --f-button-bg: transparent;
    --f-button-hover-bg: transparent;
    --f-button-active-bg: transparent;
    --f-button-svg-width: 22px;
    --f-button-svg-height: 22px;
    position: absolute;
    top: -38px;
    right: 0;
    opacity: .75
}

.is-loading .fancybox__content>.f-button.is-close-btn {
    visibility: hidden
}

.is-zooming-out .fancybox__content>.f-button.is-close-btn {
    visibility: hidden
}

.fancybox__content>.f-button.is-close-btn:hover {
    opacity: 1
}

.fancybox__footer {
    padding: 0;
    margin: 0;
    position: relative
}

.fancybox__footer .fancybox__caption {
    width: 100%;
    padding: 24px;
    opacity: var(--fancybox-opacity, 1);
    transition: all .25s ease
}

.is-compact .fancybox__footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 20;
    background: rgba(24, 24, 27, .5)
}

.is-compact .fancybox__footer .fancybox__caption {
    padding: 12px
}

.is-compact .fancybox__content>.f-button.is-close-btn {
    --f-button-border-radius: 50%;
    --f-button-color: #fff;
    --f-button-hover-color: #fff;
    --f-button-outline-color: #000;
    --f-button-bg: rgba(0, 0, 0, .6);
    --f-button-active-bg: rgba(0, 0, 0, .6);
    --f-button-hover-bg: rgba(0, 0, 0, .6);
    --f-button-svg-width: 18px;
    --f-button-svg-height: 18px;
    --f-button-svg-filter: none;
    top: 5px;
    right: 5px
}

.fancybox__nav {
    --f-button-width: 50px;
    --f-button-height: 50px;
    --f-button-border: 0;
    --f-button-border-radius: 50%;
    --f-button-color: var(--fancybox-color);
    --f-button-hover-color: var(--fancybox-hover-color);
    --f-button-bg: transparent;
    --f-button-hover-bg: rgba(24, 24, 27, .3);
    --f-button-active-bg: rgba(24, 24, 27, .5);
    --f-button-shadow: none;
    --f-button-transition: all .15s ease;
    --f-button-transform: none;
    --f-button-svg-width: 26px;
    --f-button-svg-height: 26px;
    --f-button-svg-stroke-width: 2.5;
    --f-button-svg-fill: none;
    --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, .5));
    --f-button-svg-disabled-opacity: .65;
    --f-button-next-pos: 1rem;
    --f-button-prev-pos: 1rem;
    opacity: var(--fancybox-opacity, 1)
}

.fancybox__nav .f-button:before {
    position: absolute;
    content: "";
    top: -30px;
    right: -20px;
    left: -20px;
    bottom: -30px;
    z-index: 1
}

.is-idle .fancybox__nav {
    animation: .15s ease-out both f-fadeOut
}

.is-idle.is-compact .fancybox__footer {
    pointer-events: none;
    animation: .15s ease-out both f-fadeOut
}

.fancybox__slide>.f-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: var(--f-spinner-top, calc(var(--f-spinner-width) * -.5)) 0 0 var(--f-spinner-left, calc(var(--f-spinner-height) * -.5));
    z-index: 30;
    cursor: pointer
}

.fancybox-protected {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 40;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.fancybox-ghost {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-height: 0;
    -o-object-fit: contain;
    object-fit: contain;
    z-index: 40;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none
}

.fancybox-focus-guard {
    outline: none;
    opacity: 0;
    position: fixed;
    pointer-events: none
}

.fancybox__container:not([aria-hidden]) {
    opacity: 0
}

.fancybox__container.is-animated[aria-hidden=false]>*:not(.fancybox__backdrop, .fancybox__carousel),
.fancybox__container.is-animated[aria-hidden=false] .fancybox__carousel>*:not(.fancybox__viewport),
.fancybox__container.is-animated[aria-hidden=false] .fancybox__slide>*:not(.fancybox__content) {
    animation: var(--f-interface-enter-duration, .25s) ease .1s backwards f-fadeIn
}

.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop {
    animation: var(--f-backdrop-enter-duration, .35s) ease backwards f-fadeIn
}

.fancybox__container.is-animated[aria-hidden=true]>*:not(.fancybox__backdrop, .fancybox__carousel),
.fancybox__container.is-animated[aria-hidden=true] .fancybox__carousel>*:not(.fancybox__viewport),
.fancybox__container.is-animated[aria-hidden=true] .fancybox__slide>*:not(.fancybox__content) {
    animation: var(--f-interface-exit-duration, .15s) ease forwards f-fadeOut
}

.fancybox__container.is-animated[aria-hidden=true] .fancybox__backdrop {
    animation: var(--f-backdrop-exit-duration, .35s) ease forwards f-fadeOut
}

.has-iframe .fancybox__content,
.has-map .fancybox__content,
.has-pdf .fancybox__content,
.has-youtube .fancybox__content,
.has-vimeo .fancybox__content,
.has-html5video .fancybox__content {
    max-width: 100%;
    flex-shrink: 1;
    min-height: 1px;
    overflow: visible
}

.has-iframe .fancybox__content,
.has-map .fancybox__content,
.has-pdf .fancybox__content {
    width: calc(100% - 120px);
    height: 90%
}

.fancybox__container.is-compact .has-iframe .fancybox__content,
.fancybox__container.is-compact .has-map .fancybox__content,
.fancybox__container.is-compact .has-pdf .fancybox__content {
    width: 100%;
    height: 100%
}

.has-youtube .fancybox__content,
.has-vimeo .fancybox__content,
.has-html5video .fancybox__content {
    width: 960px;
    height: 540px;
    max-width: 100%;
    max-height: 100%
}

.has-map .fancybox__content,
.has-pdf .fancybox__content,
.has-youtube .fancybox__content,
.has-vimeo .fancybox__content,
.has-html5video .fancybox__content {
    padding: 0;
    background: rgba(24, 24, 27, .9);
    color: #fff
}

.has-map .fancybox__content {
    background: #e5e3df
}

.fancybox__html5video,
.fancybox__iframe {
    border: 0;
    display: block;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0)
}

.fancybox-placeholder {
    border: 0 !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important
}

.f-carousel__thumbs {
    --f-thumb-width: 96px;
    --f-thumb-height: 72px;
    --f-thumb-outline: 0;
    --f-thumb-outline-color: #5eb0ef;
    --f-thumb-opacity: 1;
    --f-thumb-hover-opacity: 1;
    --f-thumb-selected-opacity: 1;
    --f-thumb-border-radius: 2px;
    --f-thumb-offset: 0px;
    --f-button-next-pos: 0;
    --f-button-prev-pos: 0
}

.f-carousel__thumbs.is-classic {
    --f-thumb-gap: 8px;
    --f-thumb-opacity: .5;
    --f-thumb-hover-opacity: 1;
    --f-thumb-selected-opacity: 1
}

.f-carousel__thumbs.is-modern {
    --f-thumb-gap: 4px;
    --f-thumb-extra-gap: 16px;
    --f-thumb-clip-width: 46px
}

.f-thumbs {
    position: relative;
    flex: 0 0 auto;
    margin: 0;
    overflow: hidden;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    perspective: 1000px;
    transform: translateZ(0)
}

.f-thumbs .f-spinner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 2px;
    background-image: linear-gradient(#ebeff2, #e2e8f0);
    z-index: -1
}

.f-thumbs .f-spinner svg {
    display: none
}

.f-thumbs.is-vertical {
    height: 100%
}

.f-thumbs__viewport {
    width: 100%;
    height: auto;
    overflow: hidden;
    transform: translateZ(0)
}

.f-thumbs__track {
    display: flex
}

.f-thumbs__slide {
    position: relative;
    flex: 0 0 auto;
    box-sizing: content-box;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 0;
    width: var(--f-thumb-width);
    height: var(--f-thumb-height);
    overflow: visible;
    cursor: pointer
}

.f-thumbs__slide.is-loading img {
    opacity: 0
}

.is-classic .f-thumbs__viewport {
    height: 100%
}

.is-modern .f-thumbs__track {
    width: -moz-max-content;
    width: max-content
}

.is-modern .f-thumbs__track:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: calc((var(--f-thumb-clip-width, 0))*-.5);
    width: calc(var(--width, 0)*1px + var(--f-thumb-clip-width, 0));
    cursor: pointer
}

.is-modern .f-thumbs__slide {
    width: var(--f-thumb-clip-width);
    transform: translate3d(calc(var(--shift, 0) * -1px), 0, 0);
    transition: none;
    pointer-events: none
}

.is-modern.is-resting .f-thumbs__slide {
    transition: transform .33s ease
}

.is-modern.is-resting .f-thumbs__slide__button {
    transition: clip-path .33s ease
}

.is-using-tab .is-modern .f-thumbs__slide:focus-within {
    filter: drop-shadow(-1px 0px 0px var(--f-thumb-outline-color)) drop-shadow(2px 0px 0px var(--f-thumb-outline-color)) drop-shadow(0px -1px 0px var(--f-thumb-outline-color)) drop-shadow(0px 2px 0px var(--f-thumb-outline-color))
}

.f-thumbs__slide__button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: var(--f-thumb-width);
    height: 100%;
    margin: 0 -100%;
    padding: 0;
    border: 0;
    position: relative;
    border-radius: var(--f-thumb-border-radius);
    overflow: hidden;
    background: rgba(0, 0, 0, 0);
    outline: none;
    cursor: pointer;
    pointer-events: auto;
    touch-action: manipulation;
    opacity: var(--f-thumb-opacity);
    transition: opacity .2s ease
}

.f-thumbs__slide__button:hover {
    opacity: var(--f-thumb-hover-opacity)
}

.f-thumbs__slide__button:focus:not(:focus-visible) {
    outline: none
}

.f-thumbs__slide__button:focus-visible {
    outline: none;
    opacity: var(--f-thumb-selected-opacity)
}

.is-modern .f-thumbs__slide__button {
    --clip-path: inset(0 calc(((var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0))) * (1 - var(--progress, 0)) * .5) round var(--f-thumb-border-radius, 0));
    clip-path: var(--clip-path)
}

.is-classic .is-nav-selected .f-thumbs__slide__button {
    opacity: var(--f-thumb-selected-opacity)
}

.is-classic .is-nav-selected .f-thumbs__slide__button:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: auto;
    bottom: 0;
    border: var(--f-thumb-outline, 0) solid var(--f-thumb-outline-color, transparent);
    border-radius: var(--f-thumb-border-radius);
    animation: f-fadeIn .2s ease-out;
    z-index: 10
}

.f-thumbs__slide__img {
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: var(--f-thumb-offset);
    box-sizing: border-box;
    pointer-events: none;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: var(--f-thumb-border-radius)
}

.f-thumbs.is-horizontal .f-thumbs__track {
    padding: 8px 0 12px
}

.f-thumbs.is-horizontal .f-thumbs__slide {
    margin: 0 var(--f-thumb-gap) 0 0
}

.f-thumbs.is-vertical .f-thumbs__track {
    flex-wrap: wrap;
    padding: 0 8px
}

.f-thumbs.is-vertical .f-thumbs__slide {
    margin: 0 0 var(--f-thumb-gap) 0
}

.fancybox__thumbs {
    --f-thumb-width: 96px;
    --f-thumb-height: 72px;
    --f-thumb-border-radius: 2px;
    --f-thumb-outline: 2px;
    --f-thumb-outline-color: #ededed;
    position: relative;
    opacity: var(--fancybox-opacity, 1);
    transition: max-height .35s cubic-bezier(.23, 1, .32, 1)
}

.fancybox__thumbs.is-classic {
    --f-thumb-gap: 8px;
    --f-thumb-opacity: .5;
    --f-thumb-hover-opacity: 1
}

.fancybox__thumbs.is-classic .f-spinner {
    background-image: linear-gradient(rgba(255, 255, 255, .1), rgba(255, 255, 255, .05))
}

.fancybox__thumbs.is-modern {
    --f-thumb-gap: 4px;
    --f-thumb-extra-gap: 16px;
    --f-thumb-clip-width: 46px;
    --f-thumb-opacity: 1;
    --f-thumb-hover-opacity: 1
}

.fancybox__thumbs.is-modern .f-spinner {
    background-image: linear-gradient(rgba(255, 255, 255, .1), rgba(255, 255, 255, .05))
}

.fancybox__thumbs.is-horizontal {
    padding: 0 var(--f-thumb-gap)
}

.fancybox__thumbs.is-vertical {
    padding: var(--f-thumb-gap) 0
}

.is-compact .fancybox__thumbs {
    --f-thumb-width: 64px;
    --f-thumb-clip-width: 32px;
    --f-thumb-height: 48px;
    --f-thumb-extra-gap: 10px
}

.fancybox__thumbs.is-masked {
    max-height: 0px !important
}

.is-closing .fancybox__thumbs {
    transition: none !important
}

.fancybox__toolbar {
    --f-progress-color: var(--fancybox-color, rgba(255, 255, 255, .94));
    --f-button-width: 46px;
    --f-button-height: 46px;
    --f-button-color: var(--fancybox-color);
    --f-button-hover-color: var(--fancybox-hover-color);
    --f-button-bg: rgba(24, 24, 27, .65);
    --f-button-hover-bg: rgba(70, 70, 73, .65);
    --f-button-active-bg: rgba(90, 90, 93, .65);
    --f-button-border-radius: 0;
    --f-button-svg-width: 24px;
    --f-button-svg-height: 24px;
    --f-button-svg-stroke-width: 1.5;
    --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, .15));
    --f-button-svg-fill: none;
    --f-button-svg-disabled-opacity: .65;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 0;
    padding: 0;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI Adjusted, Segoe UI, Liberation Sans, sans-serif;
    color: var(--fancybox-color, currentColor);
    opacity: var(--fancybox-opacity, 1);
    text-shadow: var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, .5));
    pointer-events: none;
    z-index: 20
}

.fancybox__toolbar :focus-visible {
    z-index: 1
}

.fancybox__toolbar.is-absolute,
.is-compact .fancybox__toolbar {
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.is-idle .fancybox__toolbar {
    pointer-events: none;
    animation: .15s ease-out both f-fadeOut
}

.fancybox__toolbar__column {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start
}

.fancybox__toolbar__column.is-left,
.fancybox__toolbar__column.is-right {
    flex-grow: 1;
    flex-basis: 0
}

.fancybox__toolbar__column.is-right {
    display: flex;
    justify-content: flex-end;
    flex-wrap: nowrap
}

.fancybox__infobar {
    padding: 0 5px;
    line-height: var(--f-button-height);
    text-align: center;
    font-size: 17px;
    font-variant-numeric: tabular-nums;
    -webkit-font-smoothing: subpixel-antialiased;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.fancybox__infobar span {
    padding: 0 5px
}

.fancybox__infobar:not(:first-child):not(:last-child) {
    background: var(--f-button-bg)
}

[data-fancybox-toggle-slideshow] {
    position: relative
}

[data-fancybox-toggle-slideshow] .f-progress {
    height: 100%;
    opacity: .3
}

[data-fancybox-toggle-slideshow] svg g:first-child {
    display: flex
}

[data-fancybox-toggle-slideshow] svg g:last-child {
    display: none
}

.has-slideshow [data-fancybox-toggle-slideshow] svg g:first-child {
    display: none
}

.has-slideshow [data-fancybox-toggle-slideshow] svg g:last-child {
    display: flex
}

[data-fancybox-toggle-fullscreen] svg g:first-child {
    display: flex
}

[data-fancybox-toggle-fullscreen] svg g:last-child {
    display: none
}

:fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child {
    display: none
}

:fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child {
    display: flex
}

.f-progress {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    transform: scaleX(0);
    transform-origin: 0;
    transition-property: transform;
    transition-timing-function: linear;
    background: var(--f-progress-color, var(--f-carousel-theme-color, #0091ff));
    z-index: 30;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none
}

.odometer.odometer-auto-theme,
.odometer.odometer-theme-default,
.odometer.odometer-auto-theme .odometer-digit,
.odometer.odometer-theme-default .odometer-digit {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    position: relative;

        {}
}

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer,
.odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    visibility: hidden;

        {}
}

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,
.odometer.odometer-theme-default .odometer-digit .odometer-digit-inner {
    text-align: left;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden
}

.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon,
.odometer.odometer-theme-default .odometer-digit .odometer-ribbon {
    display: block
}

.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner,
.odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner {
    display: block;
    -webkit-backface-visibility: hidden
}

.odometer.odometer-auto-theme .odometer-digit .odometer-value,
.odometer.odometer-theme-default .odometer-digit .odometer-value {
    display: block;
    -webkit-transform: translateZ(0)
}

.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value,
.odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value {
    position: absolute
}

.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner {
    transition: transform 2s
}

.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner,
.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner {
    transform: translateY(-100%)
}

.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
    transition: transform 2s;
    transform: translateY(0)
}

.odometer.odometer-auto-theme,
.odometer.odometer-theme-default {
    font-family: Helvetica Neue, sans-serif;
    line-height: 1.1em
}

.odometer.odometer-auto-theme .odometer-value,
.odometer.odometer-theme-default .odometer-value {
    text-align: center
}

.text-red-400 {
    color: #ff6467;
}

.text-lime-500 {
    color: #7ccf00;
}


.result-item {
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid rgba(178, 180, 178, .5);
    color: #333f48;
    padding: 1.5rem 88px 1.5rem 0
}

.result-item:before {
    content: '';
    position: absolute;
    top: 50%;
    right: 1.5rem;
    transform: translate(0, -50%);
    width: 24px;
    height: 24px;
    background: url(/icons/arrow-red.svg) no-repeat;
    z-index: 1
}

.result-item .item-img {
    width: 113px;
    height: 113px;
    margin: 1rem 1rem auto 0
}

[dir='rtl'] .result-item .item-img {
    margin: 1rem 0 auto 1rem
}

.result-item .item-txt {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
}

.result-item:focus,
.result-item:hover {
    text-decoration: none;
    color: #333f48
}

.result-item:focus:before,
.result-item:hover:before {
    opacity: 0.5;
}

.noreuslt {
    padding: 2.5rem 0 0;
    text-align: center
}

.noreuslt h2 {
    margin-bottom: 1.5rem
}

.noreuslt p {
    margin: 0;
    font-size: 16px;
    line-height: 1.5
}


.mapboxgl-popup {
    display: flex;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    will-change: transform;
    color: var(--black);
    max-width: 300px !important;
    font-family: var(--font-bold);
    text-align: center
}

.mapboxgl-popup .mapboxgl-popup-content {
    background: #fff;
    box-shadow: 0 1px 2px #0000001a;
    pointer-events: auto;
    position: relative;
    border-radius: 0 !important;
    padding: 1.2rem;
    color: #000;
}

.mapboxgl-popup-tip {
    border: 10px solid rgba(0, 0, 0, 0);
    height: 0;
    width: 0;
    z-index: 1;
}

.mapboxgl-popup-anchor-bottom,
.mapboxgl-popup-anchor-bottom-left,
.mapboxgl-popup-anchor-bottom-right {
    flex-direction: column-reverse;
}

.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {
    align-self: center;
    border-bottom: none;
    border-top-color: #fff;
}

.mapboxgl-popup h4 {
    font-size: 1.3rem;
    margin-bottom: .8rem
}

@media only screen and (max-width: 47.9375rem) {
    .mapboxgl-popup h4 {
        font-size: 1.1rem;
        margin-bottom: .5rem
    }

    .mapboxgl-popup p {
        font-size: .9rem
    }
}


li>* {
    display: inline-block;
}