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

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

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

html {
    -webkit-text-size-adjust: 100%;
    font-feature-settings: normal;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-variation-settings: normal;
    line-height: 1.5;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4
}

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

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

abbr:where([title]) {
    -webkit-text-decoration: underline 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,
pre,
samp {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
    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 {
    border-collapse: collapse;
    border-color: inherit;
    text-indent: 0
}    .centered-video-container {
            display: flex; /* Use flexbox for centering */
            justify-content: center; /* Center horizontally */
            align-items: center; /* Center vertically */
            height: 100vh; /* Take full viewport height */
            /* Ensure it's not constrained by parents if you want it truly centered on the screen */
            position: sticky; /* Or absolute, depending on desired scrolling behavior */
            top: 0;
            left: 0;
            width: 100%;
        }

        .centered-video-container video {
            max-width: 60%; /* Adjust this percentage to make it smaller (e.g., 50%, 75%) */
            height: auto; /* Maintain aspect ratio */
            display: block; /* Important for some centering methods, though flexbox handles this */
            border-radius: 8px; /* Example: add some rounded corners */
            box-shadow: 0 4px 8px rgba(0,0,0,0.2); /* Example: add a subtle shadow */
        }

        /* If you still want the play label overlay, keep its original styles or adjust */
        .video-overlay-play-label {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            z-index: 3;
            pointer-events: none; /* Allows clicks to pass through to the video if needed */
        }
        .video-play-text {
             font-size: 2.7rem; /* Adjust as needed */
             color: white;
             /* Other styles like m-0, flex, relative, z-4, laptop:hidden from your original */
        }

button,
input,
optgroup,
select,
textarea {
    font-feature-settings: inherit;
    color: inherit;
    font-family: inherit;
    font-size: 100%;
    font-variation-settings: inherit;
    font-weight: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0
}
.header-logo img {
  width: 6rem; /* default width */
  height: auto;
}

@media (max-width: 768px) {
  .header-logo img {
    width: 6rem !important; /* smaller width on mobile */
  }
}

button,
select {
    text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
    -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,
dd,
dl,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
pre {
    margin: 0
}

fieldset {
    margin: 0
}

fieldset,
legend {
    padding: 0
}

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

dialog {
    padding: 0
}

textarea {
    resize: vertical
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #4e5153;
    opacity: 1
}

input::placeholder,
textarea::placeholder {
    color: #4e5153;
    opacity: 1
}

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

:disabled {
    cursor: default
}

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

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

[hidden] {
    display: none
}

* {
    -webkit-tap-highlight-color: transparent
}

div[style="width: 0; height: 0;"] {
    position: fixed;
    z-index: -9999
}

sup {
    font-size: 32%;
    left: -.5em;
    top: -1.5em
}

sub {
    bottom: 0
}

html {
    font-size: 10px;
    margin-top: 0 !important
}

@media (min-width:1440px) {
    html {
        font-size: .6944444444444444vw
    }
}

body,
html {
    min-height: 100%;
    width: 100%
}

button:focus {
    outline: none
}

.ltr {
    direction: ltr
}

.rtl {
    direction: rtl
}

body {
    -webkit-font-smoothing: antialiased;
    background-color: #fff;
    color: #000;
    font-kerning: none;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.4;
    margin-right: 0 !important
}

[dir=ltr] body {
    direction: ltr;
    font-family: NBInternationalPro, Roboto, sans-serif;
    letter-spacing: -.02em
}

[dir=rtl] body {
    direction: rtl;
    font-family: Arabic, Roboto, sans-serif;
    font-size: 1.7rem;
    font-variant-numeric: lining-nums
}

@media (min-width:768px) {
    body {
        font-size: 1.6rem
    }
}

[style^="--aspect"] {
    aspect-ratio: var(--aspect)
}

main[tabindex="-1"] {
    outline: none
}

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

.is-loading section:not("[data-component=`intro-section`]") {
    opacity: 0
}

[data-component=parallax-box],
[data-component=parallax-box]>* {
    will-change: transform
}

.no-touchevents .lg:overflow-y-auto,
.no-touchevents .md:overflow-y-auto,
.no-touchevents .overflow-y-auto {
    -webkit-overflow-scrolling: touch
}

.no-touchevents .lg:overflow-y-auto::-webkit-scrollbar,
.no-touchevents .md:overflow-y-auto::-webkit-scrollbar,
.no-touchevents .overflow-y-auto::-webkit-scrollbar {
    background: transparent;
    width: 4px
}

.no-touchevents .lg:overflow-y-auto::-webkit-scrollbar-thumb,
.no-touchevents .md:overflow-y-auto::-webkit-scrollbar-thumb,
.no-touchevents .overflow-y-auto::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, .3)
}

.text-big {
    font-size: 5.6rem;
    letter-spacing: -.06em;
    line-height: .9
}

@media (min-width:768px) {
    .text-big {
        font-size: 6.4rem
    }
}

@media (min-width:1024px) {
    .text-big {
        font-size: 8.2rem
    }
}

@media (min-width:1280px) {
    .text-big {
        font-size: 10.6rem
    }
}

[dir=rtl] .text-big {
    letter-spacing: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400;
    letter-spacing: -.035em;
    line-height: 1.15;
    margin-bottom: 3rem
}

[dir=rtl] h1,
[dir=rtl] h2,
[dir=rtl] h3,
[dir=rtl] h4,
[dir=rtl] h5,
[dir=rtl] h6 {
    letter-spacing: 0 !important
}

.h1,
h1 {
    font-size: 5.6rem;
    letter-spacing: -.05em
}

@media (min-width:1280px) {
    .h1,
    h1 {
        font-size: 12.4rem
    }
}

.h2,
h2 {
    font-size: 3.8rem
}

@media (min-width:1280px) {
    .h2,
    h2 {
        font-size: 5rem
    }
}

.h3,
h3 {
    font-size: 2.4rem;
    line-height: 1.1
}

@media (min-width:1280px) {
    .h3,
    h3 {
        font-size: 3.4rem
    }
}

.h4,
h4 {
    font-size: 1.8rem;
    margin-bottom: 2rem
}

@media (min-width:1280px) {
    .h4,
    h4 {
        font-size: 2rem
    }
}

.h5,
.h6,
h5,
h6 {
    font-size: 1.8rem
}

p {
    margin-bottom: 2rem
}

.reset-last>:last-child {
    margin-bottom: 0
}

.wysiwyg h1,
.wysiwyg h2,
.wysiwyg h3,
.wysiwyg h4,
.wysiwyg h5,
.wysiwyg h6 {
    letter-spacing: -.03em;
    line-height: 1.1;
    margin: 4rem 0
}

@media (min-width:1280px) {
    .wysiwyg h1,
    .wysiwyg h2,
    .wysiwyg h3,
    .wysiwyg h4,
    .wysiwyg h5,
    .wysiwyg h6 {
        padding-right: 7rem
    }
    [dir=rtl] .wysiwyg h1,
    [dir=rtl] .wysiwyg h2,
    [dir=rtl] .wysiwyg h3,
    [dir=rtl] .wysiwyg h4,
    [dir=rtl] .wysiwyg h5,
    [dir=rtl] .wysiwyg h6 {
        padding-left: 7rem;
        padding-right: 0
    }
}

.wysiwyg h1:first-child,
.wysiwyg h2:first-child,
.wysiwyg h3:first-child,
.wysiwyg h4:first-child,
.wysiwyg h5:first-child,
.wysiwyg h6:first-child {
    margin-top: 0
}

.wysiwyg .h1,
.wysiwyg h1 {
    font-size: 3rem
}

@media (min-width:1280px) {
    .wysiwyg .h1,
    .wysiwyg h1 {
        font-size: 4rem
    }
}

.wysiwyg .h2,
.wysiwyg h2 {
    font-size: 2.8rem
}

@media (min-width:1280px) {
    .wysiwyg .h2,
    .wysiwyg h2 {
        font-size: 3.6rem
    }
}

.wysiwyg .h3,
.wysiwyg h3 {
    font-size: 2.4rem
}

@media (min-width:1280px) {
    .wysiwyg .h3,
    .wysiwyg h3 {
        font-size: 3.4rem
    }
}

.wysiwyg .h4,
.wysiwyg h4 {
    font-size: 1.8rem;
    margin-bottom: 2rem
}

@media (min-width:1280px) {
    .wysiwyg .h4,
    .wysiwyg h4 {
        font-size: 2rem
    }
}

.wysiwyg blockquote {
    background: #eff0f2;
    border-radius: 1rem;
    margin: 4rem 0;
    padding: 2rem
}

@media (min-width:1280px) {
    .wysiwyg blockquote {
        margin: 10rem 0;
        padding: 3rem
    }
}

.wysiwyg blockquote p {
    margin: 0
}

.wysiwyg blockquote p:first-child {
    font-size: 2.4rem;
    font-weight: 400;
    line-height: 1.2;
    padding-right: 0
}

@media (min-width:1280px) {
    .wysiwyg blockquote p:first-child {
        font-size: 3.4rem
    }
}

.wysiwyg blockquote p:first-child:before {
    content: "“"
}

.wysiwyg blockquote p:first-child:after {
    content: "”"
}

.wysiwyg blockquote p:last-child:not(:first-child) {
    margin: 5rem -2rem -2rem;
    padding: 2rem;
    position: relative
}

@media (min-width:1280px) {
    .wysiwyg blockquote p:last-child:not(:first-child) {
        margin: 7rem -3rem -3rem;
        padding: 3rem
    }
}

.wysiwyg blockquote p:last-child:not(:first-child):after {
    background: currentColor;
    content: "";
    height: .1rem;
    left: 0;
    opacity: .1;
    position: absolute;
    top: 0;
    width: 100%
}

.wysiwyg blockquote p:last-child:not(:first-child):before {
    background: currentColor;
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 1.2rem;
    margin-right: 1rem;
    vertical-align: middle;
    width: 1.2rem
}

[dir=rtl] .wysiwyg blockquote p:last-child:not(:first-child):before {
    margin-left: 1rem;
    margin-right: 0
}

.wysiwyg p {
    margin-bottom: 1.5em
}

@media (min-width:1024px) {
    .wysiwyg p {
        padding-right: 7rem
    }
    [dir=rtl] .wysiwyg p {
        padding-left: 7rem;
        padding-right: 0
    }
}

.wysiwyg p.has-image {
    padding-right: 0
}

.wysiwyg .double-images-container {
    margin: 4rem 0
}

.wysiwyg .double-images-container img {
    height: auto;
    width: 100% !important
}

.wysiwyg .image__container {
    margin: 4rem 0 6rem
}

@media (min-width:1280px) {
    .wysiwyg .image__container {
        margin-bottom: 8rem
    }
}

@media (max-width:1023px) {
    .wysiwyg .image_resized {
        width: 100% !important
    }
}

.wysiwyg a {
    text-decoration: underline
}

.wysiwyg a:hover {
    text-decoration: none
}

.wysiwyg ol,
.wysiwyg ul {
    margin: 4rem 0
}

.wysiwyg ol:first-child,
.wysiwyg ul:first-child {
    margin-top: 0
}

.wysiwyg img {
    border-radius: 1rem;
    height: auto;
    width: 100%
}

.wysiwyg .image {
    margin: 4rem 0
}

.wysiwyg .image .image__container {
    margin: 0
}

.wysiwyg .image figcaption {
    margin-top: 1rem;
    opacity: .4
}

@media (min-width:1024px) {
    .wysiwyg .image figcaption {
        padding-right: 6rem
    }
}

.wysiwyg .media {
    margin: 4rem 0
}

.wysiwyg ol {
    counter-reset: ol-counter;
    list-style: none;
    margin-bottom: 6rem
}

@media (min-width:1024px) {
    .wysiwyg ol {
        margin-bottom: 10rem
    }
}

.wysiwyg ol li {
    border-top: 1px solid rgba(0, 0, 0, .2);
    counter-increment: ol-counter;
    display: flex;
    padding: 2rem 0
}

@media (min-width:1024px) {
    .wysiwyg ol li {
        padding-right: 7rem
    }
    [dir=rtl] .wysiwyg ol li {
        padding-left: 7rem;
        padding-right: 0
    }
}

.wysiwyg ol li:last-child {
    margin-bottom: 0
}

.wysiwyg ol li:before {
    content: "0" counter(ol-counter);
    display: block;
    flex-shrink: 0;
    grid-column: span 1/span 1;
    width: 16.666%
}

@media (min-width:1024px) {
    .wysiwyg ol li:before {
        grid-column: span 2/span 2;
        width: 33.333%
    }
}

.wysiwyg ul {
    list-style: none
}

.wysiwyg ul>li {
    padding-left: 2rem;
    position: relative
}

[dir=rtl] .wysiwyg ul>li {
    padding-left: 0;
    padding-right: 2rem
}

.wysiwyg ul>li:before {
    background: currentColor;
    border: .2rem solid;
    border-radius: 50%;
    content: "";
    height: 1rem;
    left: 0;
    position: absolute;
    top: .45em;
    width: 1rem
}

[dir=rtl] .wysiwyg ul>li:before {
    left: auto;
    right: 0
}

.wysiwyg ul ol,
.wysiwyg ul ul {
    padding-top: 1em
}

.wysiwyg ul ul>li:before {
    background-color: transparent
}

.wysiwyg ul li {
    margin-bottom: 1em
}

.wysiwyg ul li:last-child {
    margin-bottom: 0
}

.wysiwyg--case h1,
.wysiwyg--case h2,
.wysiwyg--case h3,
.wysiwyg--case h4,
.wysiwyg--case ol,
.wysiwyg--case p,
.wysiwyg--case ul,
.wysiwyg--font-description h1,
.wysiwyg--font-description h2,
.wysiwyg--font-description h3,
.wysiwyg--font-description h4,
.wysiwyg--font-description ol,
.wysiwyg--font-description p,
.wysiwyg--font-description ul {
    margin-bottom: 1.25em;
    padding-right: 0
}

.wysiwyg--case ul {
    font-size: 1.8rem
}

@media (min-width:1024px) {
    .wysiwyg--case ul {
        font-size: 2rem
    }
}

.-scale-x-100,
.group-hover\:-rotate-180,
.group-hover\:rotate-180,
.group-hover\:scale-100,
.group-hover\:scale-105,
.group-hover\:scale-110,
.group-hover\:scale-75,
.group-hover\:scale-\[1\.2\],
.rotate-45,
.scale-0,
.scale-110,
.scale-\[1\.2\],
.transform {
    --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
}

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

html {
    box-sizing: border-box
}

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



input:-webkit-autofill,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover,
select:-webkit-autofill,
select:-webkit-autofill:focus,
select:-webkit-autofill:hover,
textarea:-webkit-autofill,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:hover {
    -webkit-box-shadow: inset 0 0 0 1000px #d8d9cf;
    -webkit-transition: background-color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

[data-component=contact-form] .input-group:last-child {
    flex-grow: 1
}

[data-component=contact-form] [data-part] {
    transition: transform .35s cubic-bezier(.3, .86, .36, .95)
}

[data-component=contact-form] .form-message-success {
    background: #f4f4f4;
    border-radius: 1rem;
    font-size: 2.4rem;
    height: 100%;
    padding: 2rem
}

body,
html {
    height: 100%;
    overflow: hidden;
    position: fixed
}

.is-loaded [data-scroll-wrapper] {
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    position: relative
}

.is-loading section {
    opacity: 0
}

[data-component=page-overlay] {
    color: #faa;
    height: 100%;
    pointer-events: none;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000
}

[data-component^=lazyload] {
    opacity: 0;
    transition: opacity .35s cubic-bezier(.3, .86, .36, .95)
}

[data-component^=lazyload][data-ll-status=loaded] {
    opacity: 1
}

@keyframes link {
    0% {
        transform: scaleX(1);
        transform-origin: 100% 100%
    }
    49.9% {
        transform: scaleX(0);
        transform-origin: 100% 100%
    }
    50% {
        transform: scaleX(0);
        transform-origin: 0 0
    }
    to {
        transform: scaleX(1);
        transform-origin: 0 0
    }
}

[data-page-cursor] {
    --size: 2rem;
    align-items: center;
    border-radius: 50%;
    color: #fff;
    display: none;
    height: var(--size);
    justify-content: center;
    left: 0;
    mix-blend-mode: exclusion;
    pointer-events: none;
    position: fixed;
    top: 0;
    transform: translate3d(calc(100vw*var(--cursor-x) - var(--size)/2), calc(100vh*var(--cursor-y) - var(--size)/2), 0);
    width: var(--size);
    z-index: 100
}

[data-page-cursor]:before {
    background: currentColor;
    border-radius: 50%;
    content: "";
    height: 7rem;
    left: 0;
    margin-left: -2.5rem;
    margin-top: -2.5rem;
    position: absolute;
    top: 0;
    transform: scale(.28);
    transition: transform .5s cubic-bezier(.3, .86, .36, .95);
    width: 7rem;
    z-index: -1
}

[data-page-cursor]:after {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 100%;
    opacity: 0;
    transition: opacity .35s cubic-bezier(.3, .86, .36, .95);
    width: 100%
}

[dir=rtl] [data-page-cursor]:after {
    transform: scaleX(-1)
}

.cursor--arrow [data-page-cursor],
.cursor--mute [data-page-cursor],
.cursor--play [data-page-cursor] {
    cursor: none;
    mix-blend-mode: normal
}

.cursor--arrow [data-page-cursor]:before,
.cursor--mute [data-page-cursor]:before,
.cursor--play [data-page-cursor]:before {
    background: #252525;
    transform: scale(1)
}

.cursor--arrow [data-page-cursor]:after,
.cursor--mute [data-page-cursor]:after,
.cursor--play [data-page-cursor]:after {
    opacity: 1
}

.cursor--play [data-page-cursor]:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2717%27 height=%2717%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M5.25 2.87 15 8.5l-9.75 5.63V2.87Z%27 stroke=%27%23fff%27 stroke-width=%272%27/%3E%3C/svg%3E")
}

.cursor--mute [data-page-cursor]:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2720%27 height=%2720%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath fill-rule=%27evenodd%27 clip-rule=%27evenodd%27 d=%27M11.667 4.408V2.692A7.497 7.497 0 0 1 17.5 10a7.497 7.497 0 0 1-5.833 7.308v-1.716A5.838 5.838 0 0 0 15.833 10a5.838 5.838 0 0 0-4.166-5.592ZM2.5 12.5v-5h3.333L10 3.333v13.334L5.833 12.5H2.5Zm5.833.142V7.358L6.525 9.167H4.167v1.666h2.358l1.808 1.809ZM13.75 10a3.75 3.75 0 0 0-2.083-3.358v6.708A3.728 3.728 0 0 0 13.75 10Z%27 fill=%27%23fff%27/%3E%3C/svg%3E")
}

.cursor--arrow [data-page-cursor]:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2716%27 height=%276%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath fill-rule=%27evenodd%27 clip-rule=%27evenodd%27 d=%27M12.557 0 16 3l-3.443 3-1.034-1.09 1.347-1.173H0V.545h1.537v1.718H12.87L11.523 1.09 12.557 0Z%27 fill=%27%23F4F4F4%27/%3E%3C/svg%3E")
}

.cursor--play.video--is-playing [data-page-cursor]:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%277%27 height=%2714%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath fill-rule=%27evenodd%27 clip-rule=%27evenodd%27 d=%27M2 0v14H0V0h2ZM7 0v14H5V0h2Z%27 fill=%27%23fff%27/%3E%3C/svg%3E")
}

.cursor--mute.video--is-playing [data-page-cursor]:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2720%27 height=%2720%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath fill-rule=%27evenodd%27 clip-rule=%27evenodd%27 d=%27M3.617 2.446 2.442 3.62l3.633 3.633-.241.25H2.5v5h3.334L10 16.671v-5.492l3.484 3.483a5.594 5.594 0 0 1-1.817.925v1.717a7.45 7.45 0 0 0 3.008-1.458l1.709 1.708 1.175-1.175L3.617 2.446Zm4.717 10.2-1.809-1.809H4.167V9.171h2.358l.734-.734 1.075 1.075v3.134Zm7.158-.692a5.812 5.812 0 0 0 .342-1.95 5.838 5.838 0 0 0-4.167-5.592V2.696a7.497 7.497 0 0 1 5.833 7.308c0 1.159-.266 2.25-.733 3.225l-1.275-1.275ZM10 3.337 8.434 4.904 10 6.471V3.337Zm1.667 3.309a3.75 3.75 0 0 1 2.083 3.358c0 .067-.008.133-.016.2l-2.067-2.067V6.646Z%27 fill=%27%23fff%27/%3E%3C/svg%3E")
}

.heading-decorated {
    line-height: .9;
    margin-left: -.05em;
    margin-right: -.05em;
    position: relative
}

.heading-decorated .line-w {
    margin-bottom: -.15em;
    margin-top: -.1em;
    padding-bottom: .15em;
    padding-top: .15em
}

.heading-decorated .line-w:first-child .line:before,
.heading-decorated .line-w:first-child .word:before {
    aspect-ratio: var(--aspect);
    background-image: var(--url);
    background-size: cover;
    border-radius: .5rem;
    content: "";
    display: inline-block;
    height: .7175em;
    margin-right: .2em;
    position: relative;
    vertical-align: baseline;
    width: auto;
    z-index: 1
}

[dir=rtl] .heading-decorated .line-w:first-child .line:before,
[dir=rtl] .heading-decorated .line-w:first-child .word:before {
    margin-left: .2em;
    margin-right: 0
}

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

.line-w {
    overflow: hidden
}

.avatar {
    align-items: center;
    background: #000;
    border-radius: 50%;
    color: #fff;
    display: flex;
    height: 4.4rem;
    justify-content: center;
    width: 4.4rem
}

.avatar svg {
    height: auto;
    width: 1.8rem
}

.avatar img {
    border-radius: inherit;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.social-list {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    margin: -.5rem
}

.social-list__item {
    padding: .3rem
}

.social-list__link {
    align-items: center;
    background: #eff0f2;
    border-radius: 50%;
    color: #000;
    cursor: pointer;
    display: flex;
    height: 4rem;
    justify-content: center;
    overflow: hidden;
    padding: 1.2rem;
    position: relative;
    transition: color .35s cubic-bezier(.3, .86, .36, .95);
    width: 4rem;
    z-index: 1
}

.social-list__link:before {
    background: #000;
    border-radius: inherit;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    transform: scale(0);
    transform-origin: center;
    transition: transform .35s cubic-bezier(.3, .86, .36, .95);
    width: 100%;
    z-index: -1
}

.group:hover .social-list__link,
.is-active .social-list__link,
.social-list__link.is-active,
.social-list__link:hover {
    color: #fff
}

.group:hover .social-list__link:before,
.is-active .social-list__link:before,
.social-list__link.is-active:before,
.social-list__link:hover:before {
    transform: scale(1)
}

@keyframes button-icon-movement {
    0%,
    0.1% {
        transform: none
    }
    49.9% {
        transform: translateX(125%)
    }
    50%,
    50.1% {
        transform: translateX(-125%)
    }
    to {
        transform: none
    }
}

@keyframes button-icon-movement-reverse {
    0%,
    0.1% {
        transform: none
    }
    49.9% {
        transform: translateX(-125%)
    }
    50%,
    50.1% {
        transform: translateX(125%)
    }
    to {
        transform: none
    }
}

.btn-icon-movement--right {
    overflow: hidden
}

.btn-icon-movement--right:focus-visible .svgi,
.btn-icon-movement--right:hover .svgi,
.group:hover .btn-icon-movement--right .svgi {
    animation: button-icon-movement .6s cubic-bezier(.3, .86, .36, .95) forwards
}

.btn-icon-movement--left {
    overflow: hidden
}

.btn-icon-movement--left:focus-visible .svgi,
.btn-icon-movement--left:hover .svgi,
.group:hover .btn-icon-movement--left .svgi {
    animation: button-icon-movement-reverse .6s cubic-bezier(.3, .86, .36, .95) forwards
}

.svgi {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.newsletter-form .form-control {
    background: #fff;
    border: 0;
    border-radius: 1rem;
    color: #000
}

.newsletter-form .form-control:focus-within::-moz-placeholder {
    opacity: 0
}

.newsletter-form .form-control:focus-within::placeholder {
    opacity: 0
}

.newsletter-form .form-control::-moz-placeholder {
    color: currentColor;
    opacity: .2
}

.newsletter-form .form-control::placeholder {
    color: currentColor;
    opacity: .2
}

.newsletter-form .form-control:not(:-moz-placeholder-shown)~button {
    opacity: 1
}

.newsletter-form .form-control:not(:placeholder-shown)~button {
    opacity: 1
}

.newsletter-form button {
    color: currentColor;
    opacity: .3;
    transition: opacity .35s cubic-bezier(.3, .86, .36, .95)
}

.group:hover .newsletter-form button,
.is-focused .newsletter-form button,
.newsletter-form button:hover {
    opacity: 1
}

.underline-multi span {
    background-image: linear-gradient(transparent calc(100% - .1em), currentColor .1em);
    background-repeat: no-repeat;
    background-size: 0 100%;
    transition: background-size .7s cubic-bezier(.3, .86, .36, .95);
    width: 100%
}

.no-touchevents .group:hover .underline-multi span,
.no-touchevents .underline-multi:hover span,
.underline-multi.is-active span {
    background-size: 100% 100%
}

.icon-cross {
    align-items: center;
    display: flex;
    justify-content: center;
    position: relative
}

.icon-cross,
.icon-cross:after,
.icon-cross:before {
    transition: transform .35s cubic-bezier(.3, .86, .36, .95)
}

.icon-cross:after,
.icon-cross:before {
    background: currentColor;
    content: "";
    height: .1rem;
    position: absolute;
    transform-origin: center;
    width: 100%
}

.is-active .icon-cross:before {
    transform: scaleX(0)
}

.icon-cross:after {
    transform: rotate(-90deg)
}

.group:hover .icon-cross,
.is-active .icon-cross {
    transform: rotate(90deg)
}

.animated-lines-dots circle {
    transition: transform .6s cubic-bezier(.3, .86, .36, .95)
}

.group:hover .animated-lines-dots circle:first-of-type,
.is-active .animated-lines-dots circle:first-of-type {
    transform: translateX(-10%)
}

.group:hover .animated-lines-dots circle:nth-of-type(2),
.is-active .animated-lines-dots circle:nth-of-type(2) {
    transform: translateX(40%)
}

.group:hover .animated-lines-dots circle:nth-of-type(3),
.is-active .animated-lines-dots circle:nth-of-type(3) {
    transform: translateX(-40%)
}

[data-accordion-opener=dropdown],
[data-dropdown-opener] {
    transition: background .35s cubic-bezier(.3, .86, .36, .95)
}

[data-accordion-opener=dropdown]:hover,
[data-dropdown-opener]:hover {
    background: #ededed
}

[data-accordion-content],
[data-dropdown-content] {
    overflow: hidden
}

@keyframes blink {
    0%,
    49.9% {
        opacity: 1
    }
    50%,
    99.9% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

[data-animation=blink],
[data-component=local-time] [data-delimeter] {
    animation: blink 1s linear infinite
}

[data-component=link-crawler] [data-aside-link] {
    transition: opacity .35s cubic-bezier(.3, .86, .36, .95)
}

[data-component=link-crawler] [data-aside-link]:not(.is-active) {
    opacity: .5
}

.case-intro-section {
    margin-bottom: -70vh
}

.case-intro-section picture {
    direction: ltr;
    height: auto;
    min-height: 73vh;
    width: 100%
}

.read-more-text {
    display: inline-grid;
    height: 1.965rem;
    justify-content: flex-end;
    overflow: hidden;
    text-align: right
}

.read-more-text [data-state] {
    transition: transform .35s cubic-bezier(.3, .86, .36, .95)
}

.is-active .read-more-text [data-state] {
    transform: translateY(-100%)
}

[data-view-trigger] span {
    opacity: .3;
    transition: opacity .35s cubic-bezier(.3, .86, .36, .95)
}

[data-view-trigger]:first-child:after {
    content: "/";
    margin: 0 .3em
}

[data-view-trigger]:hover span {
    opacity: .8
}

[data-view-trigger].is-active span {
    opacity: 1
}

[data-animation-type=custom] .line-w {
    overflow: visible;
    perspective: 2em
}

.large-title {
    font-size: 33vw;
    letter-spacing: -.05em;
    line-height: .755;
    text-indent: -.008em
}

[dir=rtl] .large-title {
    font-size: 25vw;
    letter-spacing: 0;
    line-height: 1;
    text-indent: 0
}

.large-title>.line-w,
.large-title>span {
    color: #000
}

.large-title>.line-w:nth-child(2),
.large-title>span:nth-child(2) {
    color: #e6e6e6
}

.large-title--offset>.line-w:nth-child(2),
.large-title--offset>span:nth-child(2) {
    margin-top: -.2em;
    padding-right: .03em;
    text-align: right
}

.large-title--offset>.line-w:nth-child(2) .line,
.large-title--offset>span:nth-child(2) .line {
    display: inline-block !important
}

[data-animation=number-shuffle] {
    line-height: .8
}

[data-animation=number-shuffle] [data-number-container] {
    display: inline-grid;
    height: .8em;
    overflow: hidden;
    width: .6em
}

[data-team-row-parent]:last-child {
    margin-bottom: 0
}

.no-touchevents [data-team-row].is-active .member-block:not(.is-active),
.no-touchevents [data-team-row]:hover .member-block:not(:hover) {
    opacity: .4
}

.member-block__hover-image {
    opacity: 0;
    transition: opacity .5s cubic-bezier(.3, .86, .36, .95)
}

.member-block--has-hover:hover .member-block__hover-image {
    opacity: 1
}

.accordion-opener-icon {
    align-items: center;
    background: #fff;
    border-radius: 50%;
    color: #000;
    display: flex;
    height: 3.4rem;
    justify-content: center;
    position: relative;
    width: 3.4rem
}

.accordion-opener-icon:after,
.accordion-opener-icon:before {
    background: currentColor;
    content: "";
    display: block;
    height: .1rem;
    position: absolute;
    transition: transform .35s cubic-bezier(.3, .86, .36, .95);
    width: 1.8rem
}

.accordion-opener-icon:after {
    transform: rotate(90deg)
}

.is-active .accordion-opener-icon:after {
    transform: rotate(90deg) scaleX(0)
}

.accordion-opener-icon--dark {
    background: #000;
    color: #fff
}

.is-active .accordion-opener-icon--dark {
    transform: none !important;
    transition-duration: 0s
}

[data-video-play-label]:before {
    background: currentColor;
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: .8em;
    margin-right: .3em;
    transition: transform .35s cubic-bezier(.3, .86, .36, .95);
    vertical-align: middle;
    width: .8em
}

[dir=rtl] [data-video-play-label]:before {
    margin-left: .3em;
    margin-right: 0
}

.group:hover [data-video-play-label]:before {
    transform: scale(.9)
}

[data-video-overlay] {
    transition: opacity .35s cubic-bezier(.3, .86, .36, .95)
}

.video--is-playing [data-video-overlay] {
    opacity: 0;
    pointer-events: none
}

[data-animation=draw-svg] [data-text] {
    opacity: 0;
    transition: opacity 2s cubic-bezier(.3, .86, .36, .95)
}

[data-animation=draw-svg].is-started [data-text] {
    opacity: 1
}

.dynamic-width-blocks {
    display: grid;
    gap: 1rem
}

.dynamic-width-block__icon {
    display: none;
    transition: transform .35s cubic-bezier(.3, .86, .36, .95)
}

.expertise-categories__item {
    transition: opacity .35s cubic-bezier(.3, .86, .36, .95)
}

.no-touchevents .expertise-categories:hover .expertise-categories__item:not(:hover) {
    opacity: .3 !important
}

[data-animation=stack-panels] [data-panel] {
    position: relative
}

.methodology-block {
    background: #f4f4f4;
    margin-bottom: 2rem
}

.methodology-block:last-child {
    margin-bottom: 0
}

.award [data-label] {
    display: flex
}

.award [data-label]:before,
.partners-row [data-label]:before {
    content: attr(data-label);
    flex-shrink: 0;
    opacity: .3;
    width: 33.33%
}

.award [data-label][data-label=Partners]:before,
.partners-row [data-label][data-label=Partners]:before {
    padding-top: 1.2rem
}

.award:first-child,
.partners-row:first-child {
    border-top: 1px solid #000
}

.award:first-child [data-label],
.partners-row:first-child [data-label] {
    position: relative
}

.cta-subtitle .line-w:first-child,
.title-circle .line-w:first-child {
    margin-right: -1em;
    padding-right: 1em;
    white-space: nowrap
}

[dir=rtl] .cta-subtitle .line-w:first-child,
[dir=rtl] .title-circle .line-w:first-child {
    margin-left: -1em;
    padding-left: 1em
}

.cta-subtitle .line-w:first-child>.line:before,
.title-circle .line-w:first-child>.line:before {
    background: currentColor;
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: .7em;
    margin-right: .3em;
    width: .7em
}

[dir=rtl] .cta-subtitle .line-w:first-child>.line:before,
[dir=rtl] .title-circle .line-w:first-child>.line:before {
    margin-left: .3em;
    margin-right: 0;
    position: relative;
    top: .1em
}

.type-heading {
    margin-top: -.05em
}

[data-preloader-logo] {
    opacity: 0
}

[data-top=false] [data-preloader-logo] {
    opacity: 0 !important
}

.portfolio-overlay--active [data-component=portfolio-cover] {
    z-index: 1005
}

.portfolio-overlay--active [data-component=portfolio-cover] [data-overlay] {
    z-index: -1
}

[data-portfolio-grid] {
    background: #000
}

[data-portfolio-grid] [data-image]:nth-child(13n+1) {
    width: 28.5rem
}

[data-portfolio-grid] [data-image]:nth-child(13n+2) {
    left: 67.1%;
    width: 28.5rem
}

[data-portfolio-grid] [data-image]:nth-child(13n+3) {
    left: 50%;
    margin-left: -28.45rem;
    width: 56.9rem
}

[data-portfolio-grid] [data-image]:nth-child(13n+4) {
    left: 36.1%;
    width: 11rem
}

[data-portfolio-grid] [data-image]:nth-child(13n+5) {
    width: 28.5rem
}

[data-portfolio-grid] [data-image]:nth-child(13n+6) {
    margin-left: auto;
    width: 56.9rem
}

[data-portfolio-grid] [data-image]:nth-child(13n+7) {
    left: 50%;
    margin-left: -28.45rem;
    width: 56.9rem
}

[data-portfolio-grid] [data-image]:nth-child(13n+8) {
    left: 25%;
    width: 11rem
}

[data-portfolio-grid] [data-image]:nth-child(13n+9) {
    left: 60.3%;
    width: 28.5rem
}

[data-portfolio-grid] [data-image]:nth-child(13n+10) {
    left: 1.3rem;
    width: 56.9rem
}

[data-portfolio-grid] [data-image]:nth-child(13n+11) {
    left: 33%;
    width: 46rem
}

[data-portfolio-grid] [data-image]:nth-child(13n+12) {
    left: 56.7%;
    width: 11rem
}

[data-portfolio-grid] [data-image]:nth-child(13n+13) {
    margin-left: auto;
    width: 28.5rem
}

.offset-title-canvas {
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    z-index: 1
}

.contacts-canvas {
    left: 50%;
    pointer-events: none;
    top: 50%;
    transform: translate(-50%, -50%)
}

.about-intro__block {
    height: 88vh
}

.line {
    will-change: transform
}

[data-animation=split] .line-w {
    margin-bottom: -.15em;
    margin-right: -.1em;
    padding-bottom: .15em;
    padding-right: .1em
}

.team-modal {
    align-items: center;
    background: rgba(0, 0, 0, .8);
    display: flex;
    height: 100vh;
    justify-content: center;
    left: 0;
    opacity: 0;
    overflow: hidden;
    padding: 1.6rem;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 200
}

.case-content .carousel-block {
    margin: 0 !important
}

[dir=ltr] .team-modal__dot-text span {
    margin-right: 1rem
}

[dir=rtl] .team-modal__dot-text span {
    margin-left: 1rem;
    top: .1rem
}

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

.visible {
    visibility: visible
}

.fixed {
    position: fixed
}

.\ !absolute {
    position: absolute !important
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.sticky {
    position: sticky
}

.bottom-0 {
    bottom: 0
}

.bottom-12 {
    bottom: 1.2rem
}

.bottom-20 {
    bottom: 2rem
}

.left-0 {
    left: 0
}

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

.left-15 {
    left: 1.5rem
}

.left-20 {
    left: 2rem
}

.left-40 {
    left: 4rem
}

.right-0 {
    right: 0
}

.right-10 {
    right: 1rem
}

.right-15 {
    right: 1.5rem
}

.right-20 {
    right: 2rem
}

.right-40 {
    right: 4rem
}

.top-0 {
    top: 0
}

.top-1 {
    top: .1rem
}

.top-10 {
    top: 1rem
}

.top-100 {
    top: 10rem
}

.top-140 {
    top: 14rem
}

.top-15 {
    top: 1.5rem
}

.top-20 {
    top: 2rem
}

.top-40 {
    top: 4rem
}

.top-full {
    top: 100%
}

.-z-1 {
    z-index: -1
}

.z-1 {
    z-index: 1
}

.z-2 {
    z-index: 2
}

.z-3 {
    z-index: 3
}

.z-4 {
    z-index: 4
}

.z-5 {
    z-index: 5
}

.z-50 {
    z-index: 50
}

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

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

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

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

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

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

.m-0 {
    margin: 0
}

.-mx-6 {
    margin-left: -.6rem;
    margin-right: -.6rem
}

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

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

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

.my-140 {
    margin-bottom: 14rem;
    margin-top: 14rem
}

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

.my-60 {
    margin-bottom: 6rem;
    margin-top: 6rem
}

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

.\ !mb-20 {
    margin-bottom: 2rem !important
}

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

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

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

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

.mb-0 {
    margin-bottom: 0
}

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

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

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

.mb-130 {
    margin-bottom: 13rem
}

.mb-140 {
    margin-bottom: 14rem
}

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

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

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

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

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

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

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

.mb-70 {
    margin-bottom: 7rem
}

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

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

.mb-90 {
    margin-bottom: 9rem
}

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

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

.ml-8 {
    margin-left: .8rem
}

.ml-auto {
    margin-left: auto
}

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

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

.mr-6 {
    margin-right: .6rem
}

.mr-8 {
    margin-right: .8rem
}

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

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

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

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

.mt-auto {
    margin-top: auto
}

.\ !block {
    display: block !important
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.inline {
    display: inline
}

.flex {
    display: flex
}

.inline-flex {
    display: inline-flex
}

.grid {
    display: grid
}

.hidden {
    display: none
}

.aspect-\[257\/218\] {
    aspect-ratio: 257/218
}

.aspect-\[343\/273\] {
    aspect-ratio: 343/273
}

.aspect-\[695\/480\] {
    aspect-ratio: 695/480
}

.aspect-\[90\/114\] {
    aspect-ratio: 90/114
}

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

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

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

.h-1 {
    height: .1rem
}

.h-10 {
    height: 1rem
}

.h-100 {
    height: 10rem
}

.h-110 {
    height: 11rem
}

.h-12 {
    height: 1.2rem
}

.h-120 {
    height: 12rem
}

.h-130 {
    height: 13rem
}

.h-15 {
    height: 1.5rem
}

.h-155 {
    height: 15.5rem
}

.h-160 {
    height: 16rem
}

.h-18 {
    height: 1.8rem
}

.h-20 {
    height: 2rem
}

.h-200 {
    height: 20rem
}

.h-210 {
    height: 21rem
}

.h-30 {
    height: 3rem
}

.h-35 {
    height: 3.5rem
}

.h-40 {
    height: 4rem
}

.h-5 {
    height: .5rem
}

.h-50 {
    height: 5rem
}

.h-60 {
    height: 6rem
}

.h-8 {
    height: .8rem
}

.h-90 {
    height: 9rem
}

.h-\[2\.6rem\] {
    height: 2.6rem
}

.h-\[20\.8rem\] {
    height: 20.8rem
}

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

.h-\[3\.2rem\] {
    height: 3.2rem
}

.h-\[3\.4rem\] {
    height: 3.4rem
}

.h-\[4\.4rem\] {
    height: 4.4rem
}

.h-\[4\.8rem\] {
    height: 4.8rem
}

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

.h-\[9\.7rem\] {
    height: 9.7rem
}

.h-auto {
    height: auto
}

.h-full {
    height: 100%
}

.h-screen {
    height: 100vh
}

.min-h-160 {
    min-height: 16rem
}

.min-h-250 {
    min-height: 25rem
}

.min-h-280 {
    min-height: 28rem
}

.min-h-440 {
    min-height: 44rem
}

.min-h-\[34rem\] {
    min-height: 34rem
}

.min-h-\[36rem\] {
    min-height: 36rem
}

.min-h-\[5\.4rem\] {
    min-height: 5.4rem
}

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

.\ !w-full {
    width: 100% !important
}

.w-1 {
    width: .1rem
}

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

.w-10 {
    width: 1rem
}

.w-110 {
    width: 11rem
}

.w-12 {
    width: 1.2rem
}

.w-130 {
    width: 13rem
}

.w-15 {
    width: 1.5rem
}

.w-155 {
    width: 15.5rem
}

.w-18 {
    width: 1.8rem
}

.w-20 {
    width: 2rem
}

.w-30 {
    width: 3rem
}

.w-35 {
    width: 3.5rem
}

.w-40 {
    width: 4rem
}

.w-5 {
    width: .5rem
}

.w-50 {
    width: 5rem
}

.w-90 {
    width: 9rem
}

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

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

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

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

.w-\[4\.4rem\] {
    width: 4.4rem
}

.w-\[9\.7rem\] {
    width: 9.7rem
}

.w-full {
    width: 100%
}

.max-w-300 {
    max-width: 30rem
}

.max-w-350 {
    max-width: 35rem
}

.max-w-500 {
    max-width: 50rem
}

.max-w-700 {
    max-width: 70rem
}

.max-w-8\/10 {
    max-width: 80%
}

.max-w-900 {
    max-width: 90rem
}

.max-w-\[29rem\] {
    max-width: 29rem
}

.max-w-\[34rem\] {
    max-width: 34rem
}

.max-w-\[35\.5rem\] {
    max-width: 35.5rem
}

.max-w-\[38rem\] {
    max-width: 38rem
}

.max-w-\[45rem\] {
    max-width: 45rem
}

.max-w-\[46rem\] {
    max-width: 46rem
}

.max-w-\[50\.8rem\] {
    max-width: 50.8rem
}

.max-w-\[52rem\] {
    max-width: 52rem
}

.max-w-\[55rem\] {
    max-width: 55rem
}

.max-w-\[58rem\] {
    max-width: 58rem
}

.max-w-\[65\.5rem\] {
    max-width: 65.5rem
}

.max-w-\[78\.6rem\] {
    max-width: 78.6rem
}

.max-w-screen-lg {
    max-width: 1024px
}

.flex-shrink {
    flex-shrink: 1
}

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

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

.origin-bottom-left {
    transform-origin: bottom left
}

.origin-bottom-right {
    transform-origin: bottom right
}

.origin-left {
    transform-origin: left
}

.origin-right {
    transform-origin: right
}

.origin-top {
    transform-origin: top
}

.rotate-45 {
    --tw-rotate: 45deg
}

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

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

.scale-110 {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1
}

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

.scale-\[1\.2\] {
    --tw-scale-x: 1.2;
    --tw-scale-y: 1.2
}

.-scale-x-100 {
    --tw-scale-x: -1
}

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

.cursor-pointer {
    cursor: pointer
}

.resize {
    resize: both
}

.columns-2 {
    -moz-columns: 2;
    column-count: 2
}

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

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

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

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

.flex-col {
    flex-direction: column
}

.flex-wrap {
    flex-wrap: wrap
}

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

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

.items-center {
    align-items: center
}

.items-baseline {
    align-items: baseline
}

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

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

.justify-center {
    justify-content: center
}

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

.gap-10 {
    gap: 1rem
}

.gap-x-10 {
    -moz-column-gap: 1rem;
    column-gap: 1rem
}

.gap-x-15 {
    -moz-column-gap: 1.5rem;
    column-gap: 1.5rem
}

.gap-x-30 {
    -moz-column-gap: 3rem;
    column-gap: 3rem
}

.gap-x-8 {
    -moz-column-gap: .8rem;
    column-gap: .8rem
}

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

.gap-y-12 {
    row-gap: 1.2rem
}

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

.gap-y-30 {
    row-gap: 3rem
}

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

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

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

.overflow-hidden,
.truncate {
    overflow: hidden
}

.truncate {
    white-space: nowrap
}

.text-ellipsis,
.truncate {
    text-overflow: ellipsis
}

.whitespace-normal {
    white-space: normal
}

.whitespace-nowrap {
    white-space: nowrap
}

.rounded {
    border-radius: 1rem
}

.rounded-circle {
    border-radius: 50%
}

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

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

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

.rounded-t-sm {
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem
}
.border-0 {
    border-width: 0 !important
}

.border {
    border-width: .1rem
}

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

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

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

.border-black-100 {
    border-color: rgba(0, 0, 0, .1)
}

.border-black-200 {
    border-color: rgba(0, 0, 0, .2)
}

.border-black-300 {
    border-color: rgba(0, 0, 0, .3)
}

.border-current {
    border-color: currentColor
}

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

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

.\ !bg-gray-200 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(240 240 240/var(--tw-bg-opacity)) !important
}

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

.bg-black-100 {
    background-color: rgba(0, 0, 0, .1)
}

.bg-black-200 {
    background-color: rgba(0, 0, 0, .2)
}

.bg-black-800 {
    background-color: rgba(0, 0, 0, .8)
}

.bg-current {
    background-color: currentColor
}

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

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

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

.bg-transparent {
    background-color: transparent
}

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

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

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

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

.p-10 {
    padding: 1rem
}

.p-12 {
    padding: 1.2rem
}

.p-15 {
    padding: 1.5rem
}

.p-16 {
    padding: 1.6rem
}

.p-20 {
    padding: 2rem
}

.p-24 {
    padding: 2.4rem
}

.p-25 {
    padding: 2.5rem
}

.p-60 {
    padding: 6rem
}

.p-8 {
    padding: .8rem
}

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

.px-12 {
    padding-left: 1.2rem;
    padding-right: 1.2rem
}

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

.px-16 {
    padding-left: 1.6rem;
    padding-right: 1.6rem
}

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

.px-35 {
    padding-left: 3.5rem;
    padding-right: 3.5rem
}

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

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

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

.py-13 {
    padding-bottom: 1.3rem;
    padding-top: 1.3rem
}

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

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

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

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

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

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

.\ !pb-0 {
    padding-bottom: 0 !important
}

.pb-1\/5 {
    padding-bottom: 20%
}

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

.pb-120 {
    padding-bottom: 12rem
}

.pb-140 {
    padding-bottom: 14rem
}

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

.pb-16 {
    padding-bottom: 1.6rem
}

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

.pb-25 {
    padding-bottom: 2.5rem
}

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

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

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

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

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

.pr-100 {
    padding-right: 10rem
}

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

.pr-30 {
    padding-right: 3rem
}

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

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

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

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

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

.pt-150 {
    padding-top: 15rem
}

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

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

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

.pt-35 {
    padding-top: 3.5rem
}

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

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

.pt-9 {
    padding-top: .9rem
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.align-top {
    vertical-align: top
}

.align-middle {
    vertical-align: middle
}

.font-primary {
    font-family: NBInternationalPro, Roboto, sans-serif
}

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

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

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

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

.text-md {
    font-size: 1.8rem
}

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

.text-xl {
    font-size: 2.2rem
}

.text-xs {
    font-size: 1.2rem
}

.uppercase {
    text-transform: uppercase
}

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

.leading-none {
    line-height: 1
}

.leading-small {
    line-height: 1.2
}

.leading-tight {
    line-height: 1.1
}

.leading-xs {
    line-height: .8
}

.tracking-tighter {
    letter-spacing: -.04em
}

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

.text-current {
    color: currentColor
}

.text-gray-400 {
    --tw-text-opacity: 1;
    color: rgb(78 81 83/var(--tw-text-opacity))
}

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

.antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.opacity-0 {
    opacity: 0
}

.opacity-10 {
    opacity: .1
}

.opacity-20 {
    opacity: .2
}

.opacity-30 {
    opacity: .3
}

.opacity-40 {
    opacity: .4
}

.opacity-50 {
    opacity: .5
}

.blur {
    --tw-blur: blur(8px)
}

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

.grayscale {
    --tw-grayscale: grayscale(100%)
}

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

.transition {
    transition-duration: .15s;
    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-colors {
    transition-duration: .15s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

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

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

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

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

.duration-700 {
    transition-duration: .7s
}

.ease-in-out {
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.ease-out {
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

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

.container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 1.6rem;
    padding-right: 1.6rem;
    width: 100%
}

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

.btn__icon,
.btn__text {
    position: relative;
    transition: inherit;
    z-index: 1
}

.btn__text {
    transition: transform .8s cubic-bezier(1, 0, .25, .995)
}

.btn__text:after {
    color: #fff;
    content: attr(data-text);
    display: block;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, calc(-50% + 5rem));
    white-space: nowrap;
    z-index: 2
}

.btn__icon {
    align-items: center;
    display: flex;
    height: 1.4rem;
    justify-content: center;
    margin-left: auto;
    transition: color .6s cubic-bezier(1, 0, .25, .995);
    width: 1.4rem
}

[dir=rtl] .btn__icon {
    margin-left: 0;
    margin-right: auto;
    transform: scaleX(-1)
}

.btn__icon svg {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.btn {
    align-items: center;
    -webkit-appearance: none;
    border-radius: .5rem;
    cursor: pointer;
    display: flex;
    font-size: 1.6rem;
    font-weight: 400;
    height: 5rem;
    justify-content: center;
    line-height: 1.2;
    overflow: hidden;
    padding: 1rem 2rem;
    position: relative;
    transition-duration: .3s;
    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(.215, .61, .355, 1);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    will-change: transform
}

@media (min-width:1280px) {
    .btn {
        border-radius: 1rem
    }
}

.btn:before {
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    transform: scaleY(0);
    transform-origin: bottom;
    transition: transform .6s cubic-bezier(1, 0, .25, .995);
    width: 100%
}

.no-touchevents .btn:hover:before,
.no-touchevents .group:not(.group--no-events):hover .btn:before {
    transform: scaleY(1);
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.no-touchevents .btn:hover .btn__text,
.no-touchevents .group:not(.group--no-events):hover .btn .btn__text {
    transform: translateY(-5rem);
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.btn:disabled {
    opacity: .5;
    pointer-events: none
}

.btn:focus {
    outline: none
}

.btn--primary {
    background: #000;
    color: #fff
}

.btn--primary:before {
    background: #252525
}

.btn--light {
    background: #fff;
    color: #000
}

.btn--light:before {
    background: #eff0f2
}

.btn--light .btn__text:after {
    color: #000
}

.social-button {
    overflow: hidden;
    position: relative;
    transition: color .3s cubic-bezier(.1, 0, .3, 1)
}

.social-button:after,
.social-button:before {
    background: #000;
    content: "";
    position: absolute
}

.social-button:before {
    aspect-ratio: 1/1;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0) scale3d(0, 0, 1);
    width: 170%
}

.social-button:after {
    height: 100%;
    left: 0;
    opacity: 0;
    top: 0;
    transition: opacity .3s;
    width: 100%
}

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

.social-button:hover:before {
    transform: translate3d(-50%, -50%, 0) scaleX(1);
    transition: transform .6s cubic-bezier(.1, 0, .3, 1)
}

.social-button:hover:after {
    opacity: 1;
    transition-delay: .6s;
    transition-duration: .01s
}

.social-button:hover .social-button__icon {
    background: #fff;
    color: #000
}

.content-block>p {
    color: #4e5153
}

.content-block mark {
    background: transparent;
    color: #000
}

.\ !link {
    cursor: pointer !important;
    display: inline-block !important;
    position: relative !important;
    vertical-align: top !important
}

.link {
    cursor: pointer;
    display: inline-block;
    position: relative;
    vertical-align: top
}

.\ !link:after {
    background: currentColor !important;
    bottom: 0 !important;
    content: "" !important;
    height: .15rem !important;
    left: 0 !important;
    pointer-events: none !important;
    position: absolute !important;
    right: 0 !important;
    transform: scaleX(0) !important;
    transform-origin: 100% 100% !important;
    transition-duration: .5s !important;
    transition-property: transform !important;
    transition-timing-function: cubic-bezier(.215, .61, .355, 1) !important;
    will-change: transform !important
}

.link:after {
    background: currentColor;
    bottom: 0;
    content: "";
    height: .15rem;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    transform: scaleX(0);
    transform-origin: 100% 100%;
    transition-duration: .5s;
    transition-property: transform;
    transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    will-change: transform
}

.no-touchevents .group.is-active .link:after,
.no-touchevents .group:hover .link:after,
.no-touchevents .link.is-active:after,
.no-touchevents .link.is-complete:after,
.no-touchevents .link:hover:after {
    transform: scaleX(1);
    transform-origin: 0 0
}

.no-touchevents .\ !link.is-active:after,
.no-touchevents .\ !link.is-complete:after,
.no-touchevents .\ !link:hover:after,
.no-touchevents .group.is-active .\ !link:after,
.no-touchevents .group:hover .\ !link:after {
    transform: scaleX(1) !important;
    transform-origin: 0 0 !important
}

.active .link:after,
.group.is-active .link:after,
.link.is-active:after,
.link.is-complete:after {
    transform: scaleX(1);
    transform-origin: 0 0
}

.\ !link.is-active:after,
.\ !link.is-complete:after,
.active .\ !link:after,
.group.is-active .\ !link:after {
    transform: scaleX(1) !important;
    transform-origin: 0 0 !important
}

.link--underline:after {
    animation: none;
    transform: scaleX(1);
    transform-origin: 0 0
}

.group.is-active .link--underline:after,
.link--underline.is-active:after,
.no-touchevents .group.is-active .link--underline:after,
.no-touchevents .group:hover .link--underline:after,
.no-touchevents .link--underline.is-active:after,
.no-touchevents .link--underline:hover:after {
    animation: link .75s forwards
}

.group.is-active .link--underline-default,
.group:hover .link--underline-default,
.link--underline-default.is-active,
.link--underline-default:hover {
    text-decoration: none
}

.no-touchevents .group.is-active .link--custom .link__hover-text,
.no-touchevents .group:hover .link--custom .link__hover-text,
.no-touchevents .link--custom.is-active .link__hover-text,
.no-touchevents .link--custom:hover .link__hover-text {
    transform: none
}

.no-touchevents .group.is-active .link--custom .link__default-text,
.no-touchevents .group:hover .link--custom .link__default-text,
.no-touchevents .link--custom.is-active .link__default-text,
.no-touchevents .link--custom:hover .link__default-text {
    transform: translateY(-125%)
}

.group.is-active .link--custom .link__hover-text,
.link--custom.is-active .link__hover-text {
    transform: none
}

.group.is-active .link--custom .link__default-text,
.link--custom.is-active .link__default-text {
    transform: translateY(-125%)
}

.link--innactive .splitter-row .\ !link {
    display: inline-block !important;
    vertical-align: top !important
}

.link--innactive .splitter-row .link {
    display: inline-block !important;
    vertical-align: top
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

select {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2710%27 height=%276%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M1 .725 5.275 5 9.55.725%27 stroke=%27%23141413%27/%3E%3C/svg%3E");
    background-position: calc(100% - 2rem) 50%;
    background-repeat: no-repeat;
    background-size: 1rem
}

input[type=submit] {
    background-color: #252525;
    border: 1px solid #252525;
    color: #fff;
    cursor: pointer;
    font-size: 1.4rem;
    font-weight: 500;
    height: 4rem;
    line-height: 1;
    padding: 1rem 1.5rem;
    text-transform: uppercase;
    transition-duration: .3s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

input[type=submit]:hover {
    background-color: transparent;
    color: #252525
}

.woocommerce-input-wrapper .choices,
input[type=email],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
select,
textarea {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-color: transparent;
    border: solid rgba(49, 49, 49, .2);
    border-radius: 0;
    border-width: 0 0 1px;
    color: currentColor;
    font-size: 1.6rem;
    height: 5rem;
    line-height: 1;
    padding: 1.5rem;
    transition-duration: .3s;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    width: 100%
}

.woocommerce-input-wrapper .choices:focus,
.woocommerce-input-wrapper .choices:hover,
input[type=email]:focus,
input[type=email]:hover,
input[type=password]:focus,
input[type=password]:hover,
input[type=search]:focus,
input[type=search]:hover,
input[type=tel]:focus,
input[type=tel]:hover,
input[type=text]:focus,
input[type=text]:hover,
select:focus,
select:hover,
textarea:focus,
textarea:hover {
    border-color: #000;
    opacity: 1;
    outline: none
}

.is-invalid .woocommerce-input-wrapper .choices,
.is-invalid input[type=email],
.is-invalid input[type=password],
.is-invalid input[type=search],
.is-invalid input[type=tel],
.is-invalid input[type=text],
.is-invalid select,
.is-invalid textarea,
.woocommerce-invalid .woocommerce-input-wrapper .choices,
.woocommerce-invalid input[type=email],
.woocommerce-invalid input[type=password],
.woocommerce-invalid input[type=search],
.woocommerce-invalid input[type=tel],
.woocommerce-invalid input[type=text],
.woocommerce-invalid select,
.woocommerce-invalid textarea {
    border-color: #ff2500
}

input::-webkit-search-cancel-button {
    -webkit-appearance: none;
    appearance: none
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #4e5153;
    transition-duration: .3s;
    -moz-transition-property: opacity;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

input::placeholder,
textarea::placeholder {
    color: #4e5153;
    transition-duration: .3s;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

input:hover::-moz-placeholder,
textarea:hover::-moz-placeholder {
    opacity: 1
}

input:hover::placeholder,
textarea:hover::placeholder {
    opacity: 1
}

input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
    opacity: 0
}

input:focus::placeholder,
textarea:focus::placeholder {
    opacity: 0
}

input:not(:-moz-placeholder-shown),
textarea:not(:-moz-placeholder-shown) {
    opacity: 1
}

input:not(:placeholder-shown),
textarea:not(:placeholder-shown) {
    opacity: 1
}

.has-error input,
.has-error textarea,
.is-invalid input,
.is-invalid textarea,
input.invalid,
input.wpcf7-not-valid,
input:invalid:not(:placeholder-visible),
textarea.invalid,
textarea.wpcf7-not-valid,
textarea:invalid:not(:placeholder-visible) {
    border-color: #ff2500
}

.input-group {
    align-items: center;
    display: flex;
    position: relative
}

.input-group:after,
.input-group:before {
    background: #252525;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    transform-origin: 0 0;
    width: 100%
}

.input-group:before {
    opacity: .2
}

.input-group:after {
    transform: scaleX(0);
    transition-duration: .3s;
    transition-property: transform;
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.input-group:focus-within:after,
.input-group:hover:after {
    transform: scaleX(1)
}

.input-group:focus-within .input-group__input:placeholder,
.input-group:hover .input-group__input:placeholder {
    opacity: 1
}

.input-group.has-error:after,
.input-group.has-error:before,
.input-group.invalid:after,
.input-group.invalid:before {
    background: #ff2500;
    opacity: 1
}

textarea {
    display: flex;
    min-height: 10rem;
    resize: none !important
}

textarea:placeholder {
    bottom: 1rem;
    position: absolute;
    width: 100%
}

hr {
    border-color: currentColor;
    opacity: .15
}

.language-list {
    align-items: center;
    display: inline-flex;
    text-transform: capitalize
}

.language-list li:after {
    content: "|";
    display: inline-block;
    margin: 0 .3em;
    position: relative;
    top: -.15em;
    vertical-align: middle
}

[dir=rtl] .language-list li:after {
    top: 0
}

.language-list li:last-child:after {
    display: none
}

.preloader {
    display: flex
}

@keyframes reveal-header {
    0% {
        transform: translateY(-100%)
    }
    to {
        transform: none
    }
}

@keyframes hide-header {
    0% {
        transform: none
    }
    to {
        transform: translateY(-100%)
    }
}

[data-top=true] .homepage .header-logo {
    opacity: 0
}

[data-header] {
    left: 0;
    position: absolute;
    top: 0;
    transform: translateY(-100%);
    width: 100%;
    will-change: transform;
    z-index: 50
}

[data-header]:before {
    background: #fff;
    content: "";
    height: calc(var(--vh)*100);
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleY(0);
    transform-origin: top;
    transition: transform .45s cubic-bezier(.3, .86, .36, .95)
}

.menu--opened [data-header]:before {
    transform: scaleY(1);
    transition-duration: .8s
}

.is-loaded [data-header] {
    transform: translateY(0);
    transition: background-color 1.2s cubic-bezier(.3, .86, .36, .95), color 1.2s cubic-bezier(.3, .86, .36, .95), transform 1.2s cubic-bezier(.3, .86, .36, .95)
}

[header-theme=light] [data-header] {
    color: #fff
}

[data-top=false] [data-header] {
    animation: reveal-header .6s ease-in-out backwards !important;
    background: #fff;
    color: #000;
    position: fixed;
    transition: transform .5s cubic-bezier(.3, .86, .36, .95)
}

.footer-visible [data-header] {
    transform: translateY(-100%) !important;
    transition-duration: .6s !important
}

.is-rendering [data-header],
[data-header] .is-changing {
    transition: none !important
}

.menu--opened [data-header] {
    color: #000
}

[data-menu-opener] {
    display: inline-grid;
    height: 1.965rem;
    justify-content: flex-end;
    overflow: hidden;
    text-align: right
}

[data-menu-opener] [data-state] {
    transition: transform .35s cubic-bezier(.3, .86, .36, .95)
}

.menu--opened [data-menu-opener] [data-state] {
    transform: translateY(-100%)
}

[data-menu] {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
    clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
    color: #000;
    height: calc(var(--vh)*100 - 5rem);
    pointer-events: none;
    top: 5rem;
    transition: -webkit-clip-path .45s cubic-bezier(.3, .86, .36, .95);
    transition: clip-path .45s cubic-bezier(.3, .86, .36, .95);
    transition: clip-path .45s cubic-bezier(.3, .86, .36, .95), -webkit-clip-path .45s cubic-bezier(.3, .86, .36, .95)
}

[data-menu],
[data-menu]:before {
    left: 0;
    position: absolute;
    right: 0
}

[data-menu]:before {
    background: #000;
    content: "";
    height: .1rem;
    opacity: .2;
    top: 0;
    transform: scaleX(0);
    transform-origin: 100% 100%;
    transition: transform .25s cubic-bezier(.3, .86, .36, .95)
}

.menu--opened [data-menu] {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    pointer-events: all;
    transition-duration: .8s
}

.menu--opened [data-menu]:before {
    transform: scaleX(1);
    transform-origin: 0 0;
    transition-duration: .6s
}

[data-menu-scroller] {
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto
}

[data-preloader-logo] {
    pointer-events: none;
    transition: opacity .35s cubic-bezier(.3, .86, .36, .95)
}

[data-top=false] [data-preloader-logo] {
    opacity: 0
}

.fslightbox-absoluted {
    left: 0;
    position: absolute;
    top: 0
}

.fslightbox-fade-in {
    animation: fslightbox-fade-in .3s cubic-bezier(0, 0, .7, 1)
}

.fslightbox-fade-out {
    animation: fslightbox-fade-out .3s ease
}

.fslightbox-fade-in-strong {
    animation: fslightbox-fade-in-strong .3s cubic-bezier(0, 0, .7, 1)
}

.fslightbox-fade-out-strong {
    animation: fslightbox-fade-out-strong .3s ease
}

@keyframes fslightbox-fade-in {
    0% {
        opacity: .65
    }
    to {
        opacity: 1
    }
}

@keyframes fslightbox-fade-out {
    0% {
        opacity: .35
    }
    to {
        opacity: 0
    }
}

@keyframes fslightbox-fade-in-strong {
    0% {
        opacity: .3
    }
    to {
        opacity: 1
    }
}

@keyframes fslightbox-fade-out-strong {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

.fslightbox-cursor-grabbing {
    cursor: grabbing
}

.fslightbox-full-dimension {
    height: 100%;
    width: 100%
}

.fslightbox-open {
    height: 100%;
    overflow: hidden
}

.fslightbox-flex-centered {
    align-items: center;
    display: flex;
    justify-content: center
}

.fslightbox-opacity-0 {
    opacity: 0 !important
}

.fslightbox-opacity-1 {
    opacity: 1 !important
}

.fslightbox-scrollbarfix {
    padding-right: 17px
}

.fslightbox-transform-transition {
    transition: transform .3s
}

.fslightbox-container {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    background: linear-gradient(rgba(30, 30, 30, .9), #000 1810%);
    font-family: Arial, sans-serif;
    left: 0;
    position: fixed;
    top: 0;
    touch-action: pinch-zoom;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    z-index: 1000000000
}

.fslightbox-container * {
    box-sizing: border-box
}

.fslightbox-svg-path {
    fill: #ddd;
    transition: fill .15s ease
}

.fslightbox-nav {
    height: 45px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.fslightbox-slide-number-container {
    align-items: center;
    color: #d7d7d7;
    display: flex;
    font-size: 15px;
    height: 100%;
    justify-content: center;
    max-width: 55px;
    position: relative;
    text-align: left;
    z-index: 0
}

.fslightbox-slide-number-container .fslightbox-flex-centered {
    height: 100%
}

.fslightbox-slash {
    background: #fff;
    display: block;
    height: 12px;
    margin: 0 5px;
    transform: rotate(15deg);
    width: 1px
}

.fslightbox-toolbar {
    background: rgba(35, 35, 35, .65);
    display: flex;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 3
}

.fslightbox-toolbar-button {
    cursor: pointer;
    height: 100%;
    width: 45px
}

.fslightbox-toolbar-button:hover .fslightbox-svg-path {
    fill: #fff
}

.fslightbox-slide-btn-container {
    align-items: center;
    cursor: pointer;
    display: flex;
    padding: 12px 12px 12px 6px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3
}

.fslightbox-slide-btn-container:hover .fslightbox-svg-path {
    fill: #f1f1f1
}

.fslightbox-slide-btn {
    background: rgba(35, 35, 35, .65);
    font-size: 26px;
    padding: 9px
}

.fslightbox-slide-btn-container-previous {
    left: 0
}

.fslightbox-slide-btn-container-next {
    padding-left: 12px;
    padding-right: 3px;
    right: 0
}

.fslightbox-down-event-detector {
    position: absolute;
    z-index: 1
}

.fslightbox-slide-swiping-hoverer {
    z-index: 4
}

.fslightbox-invalid-file-wrapper {
    color: #eaebeb;
    font-size: 22px;
    margin: auto
}

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

.fslightbox-youtube-iframe {
    border: 0
}

.fslightboxl {
    height: 67px;
    left: 50%;
    margin: auto;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 67px
}

.fslightboxl,
.fslightboxl div {
    display: block;
    position: absolute
}

.fslightboxl div {
    animation: fslightboxl 1.2s cubic-bezier(.5, 0, .5, 1) infinite;
    border: 5px solid transparent;
    border-radius: 50%;
    border-top-color: #999;
    box-sizing: border-box;
    height: 54px;
    margin: 6px;
    width: 54px
}

.fslightboxl div:first-child {
    animation-delay: -.45s
}

.fslightboxl div:nth-child(2) {
    animation-delay: -.3s
}

.fslightboxl div:nth-child(3) {
    animation-delay: -.15s
}

@keyframes fslightboxl {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(1turn)
    }
}

.fslightbox-source {
    opacity: 0;
    position: relative;
    z-index: 2
}

.fslightbox-container.fslightbox-container {
    background: rgba(0, 0, 0, .8);
    color: #fff;
    font-family: NBInternationalPro, Roboto, sans-serif
}

.fslightbox-container.fslightbox-container .fslightbox-toolbar {
    background: none;
    height: auto;
    padding: 2rem
}

.fslightbox-container.fslightbox-container .fslightbox-slide-btn-container {
    padding: 0
}

.fslightbox-container.fslightbox-container .fslightbox-slide-btn {
    align-items: center;
    background: none;
    display: flex;
    height: 6rem;
    justify-content: center;
    overflow: hidden;
    padding: 0;
    transition: opacity .35s cubic-bezier(.3, .86, .36, .95);
    width: 6rem
}

.fslightbox-container.fslightbox-container .fslightbox-slide-btn svg {
    height: auto;
    width: 3rem
}

.fslightbox-container.fslightbox-container .fslightbox-slide-btn svg path {
    fill: currentColor
}

.fslightbox-container.fslightbox-container .fslightbox-slide-btn:hover {
    opacity: .5
}

.fslightbox-container.fslightbox-container .fslightbox-toolbar-button {
    align-items: center;
    background: #fff;
    border-radius: 50%;
    color: #000;
    display: flex;
    height: 5rem;
    justify-content: center;
    overflow: hidden;
    position: relative;
    transition: color .35s cubic-bezier(.3, .86, .36, .95);
    width: 5rem
}

.fslightbox-container.fslightbox-container .fslightbox-toolbar-button svg {
    position: relative;
    z-index: 2
}

.fslightbox-container.fslightbox-container .fslightbox-toolbar-button svg path {
    fill: currentColor
}

.fslightbox-container.fslightbox-container .fslightbox-toolbar-button:first-child {
    display: none
}

.fslightbox-container.fslightbox-container .fslightbox-toolbar-button:before {
    background: #000;
    border-radius: 50%;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    transform: scale(0);
    transition: transform .35s cubic-bezier(.3, .86, .36, .95);
    width: 100%
}

.fslightbox-container.fslightbox-container .fslightbox-toolbar-button:hover {
    color: #fff
}

.fslightbox-container.fslightbox-container .fslightbox-toolbar-button:hover:before {
    transform: scale(1)
}

.fslightbox-container.fslightbox-container .fslightbox-slide-number-container {
    bottom: 0;
    color: currentColor;
    font-size: 2.4rem;
    height: auto;
    line-height: 1;
    max-width: none;
    padding: 2rem;
    position: fixed;
    right: 0
}

.fslightbox-container.fslightbox-container .fslightbox-slide-number-container .fslightbox-slash {
    height: .7em;
    margin: 0 .3em;
    width: .1em
}

@font-face {
    font-family: swiper-icons;
    font-style: normal;
    font-weight: 400;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+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") format("woff")
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.swiper-3d {
    perspective: 1200px
}

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

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

.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, .15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-css-mode>.swiper-wrapper {
    -ms-overflow-style: none;
    overflow: auto;
    scrollbar-width: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-horizontal.swiper-css-mode>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-vertical.swiper-css-mode>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-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-centered>.swiper-wrapper:before {
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always
}

.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-horizontal>.swiper-wrapper:before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-vertical>.swiper-wrapper:before {
    height: var(--swiper-centered-offset-after);
    min-width: 1px;
    width: 100%
}

.swiper-lazy-preloader {
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top: 4px solid transparent;
    box-sizing: border-box;
    height: 42px;
    left: 50%;
    margin-left: -21px;
    margin-top: -21px;
    position: absolute;
    top: 50%;
    transform-origin: 50%;
    width: 42px;
    z-index: 10
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s linear infinite
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

.swiper-fade.swiper-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

[data-component=vertical-bar-charts] .swiper-slide {
    width: 12.3rem
}

.swiper-pagination-bullet {
    background: #fff;
    border-radius: 50%;
    height: .6rem;
    opacity: .5;
    pointer-events: none;
    transition: opacity .35s cubic-bezier(.3, .86, .36, .95);
    width: .6rem
}

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

[data-component=free-carousel] .swiper-scrollbar {
    margin: 3rem auto 0;
    width: 50%
}

.swiper-button-disabled {
    opacity: .5;
    pointer-events: none
}

[data-component=default-carousel] .swiper-slide {
    transition-timing-function: cubic-bezier(.65, .05, .36, 1) !important
}

[data-component=default-carousel] [data-carousel-control=next],
[data-component=default-carousel] [data-carousel-control=prev] {
    align-items: center;
    background: #000;
    border-radius: 50%;
    color: #fff;
    display: flex;
    height: 3rem;
    justify-content: center;
    margin-top: -1.5rem;
    position: absolute;
    top: 50%;
    transition: transform .35s cubic-bezier(.3, .86, .36, .95), opacity .35s cubic-bezier(.3, .86, .36, .95);
    width: 3rem;
    z-index: 2
}

[data-component=default-carousel] [data-carousel-control=next] svg,
[data-component=default-carousel] [data-carousel-control=prev] svg {
    height: 1rem;
    width: 100%
}

[data-component=default-carousel] [data-carousel-control=prev] {
    left: 1rem
}

[data-component=default-carousel] [data-carousel-control=next] {
    right: 1rem
}

[data-view=grid] .case-block__client,
[data-view=grid] .case-block__image--another {
    display: none
}

@media (min-width:476px) {
    .fslightbox-slide-btn-container {
        padding: 22px 22px 22px 6px
    }
    .fslightbox-slide-btn-container-next {
        padding-left: 22px;
        padding-right: 6px
    }
}

@media screen and (min-width:768px) {
    .custom-images-grid__left-side .custom-images-grid__image:nth-child(2n) {
        margin-left: auto;
        width: 28rem
    }
    [dir=rtl] .custom-images-grid__left-side .custom-images-grid__image:nth-child(2n) {
        margin-left: 0;
        margin-right: auto
    }
    [data-component=about-intro] [data-sticky-part] {
        position: sticky;
        top: calc(var(--top)*var(--progress))
    }
    [data-animation=stack-panels] {
        height: 200vh
    }
    [data-animation=stack-panels] [data-panel] {
        height: 45rem;
        min-height: 45rem
    }
    [data-animation=stack-panels] [data-panel]:not(:last-child) {
        margin-bottom: -35rem
    }
    .methodology-block {
        background: #fff;
        margin-bottom: 0
    }
    .methodology-block:nth-child(odd) {
        background: #f4f4f4
    }
    .award [data-label]:before,
    .partners-row [data-label]:before {
        display: none
    }
    .award:first-child,
    .partners-row:first-child {
        margin-top: 10rem
    }
    .award:first-child [data-label]:before,
    .partners-row:first-child [data-label]:before {
        bottom: calc(100% + 2rem);
        display: block;
        left: 0;
        position: absolute
    }
    [dir=rtl] .award:first-child [data-label]:before,
    [dir=rtl] .partners-row:first-child [data-label]:before {
        left: auto;
        right: 0
    }
    .home-intro-section {
        height: 300vh
    }
    [dir=ltr] .team-modal__text {
        padding-right: 5rem
    }
    [dir=rtl] .team-modal__text {
        padding-left: 5rem
    }
    [data-top=true][dir=ltr] .homepage .header-nav {
        padding-left: 2rem
    }
    [data-top=true][dir=rtl] .homepage .header-nav {
        padding-right: 2rem
    }
    [data-view=list] [data-load-more-container] {
        gap: 0;
        grid-template-columns: repeat(1, minmax(0, 1fr))
    }
    [data-view=list] [data-post] {
        border-top: 1px solid rgba(0, 0, 0, .15);
        grid-column: span 1/span 1;
        padding: 1.2rem 0 3rem
    }
    [data-view=list] [data-post]:first-child {
        border-top: 1px solid;
        margin-top: 7rem
    }
    [data-view=list] [data-post]:first-child .case-block__client:before,
    [data-view=list] [data-post]:first-child .case-block__services:before,
    [data-view=list] [data-post]:first-child .case-block__title:before,
    [data-view=list] [data-post]:first-child .case-block__year:before {
        content: attr(data-label);
        left: 0;
        opacity: .3;
        position: absolute;
        top: -5rem
    }
    [dir=rtl] [data-view=list] [data-post]:first-child .case-block__client:before,
    [dir=rtl] [data-view=list] [data-post]:first-child .case-block__services:before,
    [dir=rtl] [data-view=list] [data-post]:first-child .case-block__title:before,
    [dir=rtl] [data-view=list] [data-post]:first-child .case-block__year:before {
        left: auto;
        right: 0
    }
    [data-view=list] [data-post]:last-child {
        padding-bottom: 0
    }
    [data-view=list] .case-block {
        display: grid
    }
    [data-view=list] .case-block__info {
        display: grid;
        gap: 1rem;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        margin-bottom: 2rem;
        order: -1;
        position: relative
    }
    [data-view=list] .case_block__images {
        display: flex;
        gap: 1rem;
        grid-column: span 9/span 9;
        grid-column-start: 4;
        height: 14rem;
        padding-left: 1rem
    }
    [data-view=list] .case-block__media {
        display: grid;
        gap: 1rem;
        grid-template-columns: repeat(12, minmax(0, 1fr));
        margin: 0 -2rem;
        overflow: hidden
    }
    [data-view=list] .case-block__image {
        border-radius: .5rem;
        display: flex;
        flex-shrink: 0;
        height: 100%;
        width: auto
    }
    [data-view=list] .case-block__image picture {
        transform: none !important
    }
    [data-view=list] .case-block__client,
    [data-view=list] .case-block__services,
    [data-view=list] .case-block__title,
    [data-view=list] .case-block__year {
        position: relative
    }
    [data-view=list] .case-block__icon {
        align-items: center;
        display: flex;
        height: 100%;
        justify-content: center;
        overflow: hidden;
        position: absolute;
        right: 0;
        top: 0;
        width: 1.4rem
    }
    [dir=rtl] [data-view=list] .case-block__icon {
        left: 0;
        right: auto
    }
    [data-view=list] .case-block:hover .case-block__icon .svgi {
        animation: button-icon-movement .6s cubic-bezier(.3, .86, .36, .95) forwards
    }
}

@media (min-width:768px) {
    .fslightbox-slide-btn-container {
        padding: 30px 30px 30px 6px
    }
    .fslightbox-slide-btn {
        padding: 10px
    }
    .fslightbox-slide-btn-container-next {
        padding-left: 30px
    }
}

@media screen and (min-width:1024px) {
    .is-active .accordion-opener-icon:after {
        transform: rotate(90deg)
    }
    .is-active .accordion-opener-icon--dark:after {
        transform: rotate(90deg) scaleX(0)
    }
    .dynamic-width-blocks {
        grid-template-columns: 50% 25% 25%;
        transition: .6s cubic-bezier(.3, .86, .36, .95)
    }
    .dynamic-width-blocks:has(.dynamic-width-block:nth-child(2):hover) {
        grid-template-columns: 25% 50% 25%
    }
    .dynamic-width-blocks:has(.dynamic-width-block:nth-child(3):hover) {
        grid-template-columns: 25% 25% 50%
    }
    .dynamic-width-blocks:hover .dynamic-width-block:not(:hover) .dynamic-width-block__icon {
        transform: scale(1)
    }
    .dynamic-width-blocks:hover .dynamic-width-block:not(:hover) .dynamic-width-block__image {
        opacity: 0
    }
    .dynamic-width-blocks:hover .dynamic-width-block:not(:hover) .dynamic-width-block__text {
        opacity: 0;
        transform: translateY(3rem)
    }
    .dynamic-width-block:first-child:not(:hover) .dynamic-width-block__image {
        opacity: 1
    }
    .dynamic-width-block:first-child:not(:hover) .dynamic-width-block__icon {
        transform: scale(0)
    }
    .dynamic-width-block:first-child:not(:hover) .dynamic-width-block__text {
        opacity: 1;
        transform: none
    }
    .dynamic-width-block__text {
        opacity: 0;
        transform: translateY(3rem);
        transition: opacity .35s cubic-bezier(.3, .86, .36, .95), transform .35s cubic-bezier(.3, .86, .36, .95)
    }
    .group:hover .dynamic-width-block__text {
        opacity: 1;
        transform: none
    }
    .dynamic-width-block__image {
        opacity: 0;
        transition: opacity .3s cubic-bezier(.3, .86, .36, .95)
    }
    .group:hover .dynamic-width-block__image {
        opacity: 1;
        transition-delay: .15s;
        transition-duration: .5s
    }
    .dynamic-width-block__icon {
        display: flex;
        transform: scale(1)
    }
    .group:hover .dynamic-width-block__icon {
        transform: scale(0)
    }
    .next-works-grid .block:nth-child(3) {
        grid-column: span 2/span 2
    }
    .next-news-grid .block {
        grid-column: span 1/span 1
    }
    .portfolio-grid .block {
        grid-column: span 2/span 2 !important
    }
    .portfolio-grid .block:nth-child(6n+4),
    .portfolio-grid .block:nth-child(6n+5) {
        grid-column: span 1/span 1 !important
    }
    .team-modal {
        padding: 2rem
    }
    .header-nav__item--last {
        display: flex;
        justify-content: space-between;
        margin-left: auto;
        width: 33.33%
    }
    [dir=rtl] .header-nav__item--last {
        margin-left: 0;
        margin-right: auto
    }
}

@media (min-width:1024px) {
    [data-component=vertical-bar-charts] .swiper-slide {
        width: 13.5rem
    }
}

@media screen and (min-width:1280px) {
    [data-component=contact-form] .form-message-success {
        font-size: 3.4rem
    }
    [data-page-cursor] {
        display: flex
    }
    [data-grid-block]:nth-child(6) {
        grid-column: span 2/span 2;
        padding-right: calc(50% + .5rem)
    }
    [dir=rtl] [data-grid-block]:nth-child(6) {
        padding-left: calc(50% + .5rem);
        padding-right: 0
    }
    [data-grid-block]:nth-child(11) {
        grid-column: span 2/span 2;
        padding-left: calc(50% + .5rem)
    }
    [dir=rtl] [data-grid-block]:nth-child(11) {
        padding-left: 0;
        padding-right: calc(50% + .5rem)
    }
    .about-intro__block {
        height: 100vh
    }
    .fslightbox-container.fslightbox-container .fslightbox-slide-number-container {
        font-size: 3.4rem
    }
    [data-component=default-carousel] [data-carousel-control=next] svg,
    [data-component=default-carousel] [data-carousel-control=prev] svg {
        height: 1.6rem
    }
    [data-component=default-carousel] [data-carousel-control=next],
    [data-component=default-carousel] [data-carousel-control=prev] {
        height: 5rem;
        margin-top: -2.5rem;
        width: 5rem
    }
    [data-component=default-carousel] [data-carousel-control=prev] {
        left: 2rem;
        opacity: 0;
        transform: translateX(50%)
    }
    [data-component=default-carousel] [data-carousel-control=next] {
        opacity: 0;
        right: 2rem;
        transform: translateX(-50%)
    }
    [data-component=default-carousel]:hover [data-carousel-control] {
        opacity: 1;
        transform: none
    }
}

@media screen and (min-width:1440px) {
    .large-title {
        font-size: 48rem
    }
    [dir=rtl] .large-title {
        font-size: 35rem
    }
}

@media (min-width:1600px) {
    .fslightbox-slide-btn {
        padding: 11px
    }
}

@media (max-width:475.99px) {
    .fslightbox-slide-btn-container-previous {
        padding-left: 3px
    }
}

@media screen and (max-width:767px) {
    .fslightbox-container.fslightbox-container .fslightbox-slide-btn-container {
        bottom: 0;
        left: 0;
        top: auto;
        transform: none
    }
    .fslightbox-container.fslightbox-container .fslightbox-slide-btn-container-next {
        left: 6rem
    }
    .case-block__client,
    .case-block__image--another {
        display: none
    }
}

.hover\:bg-yellow:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(255 233 67/var(--tw-bg-opacity))
}

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

.hover\:opacity-80:hover {
    opacity: .8
}

.group:hover .group-hover\:-rotate-180 {
    --tw-rotate: -180deg
}

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

.group:hover .group-hover\:rotate-180 {
    --tw-rotate: 180deg
}

.group:hover .group-hover\:scale-100 {
    --tw-scale-x: 1;
    --tw-scale-y: 1
}

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

.group:hover .group-hover\:scale-105 {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05
}

.group:hover .group-hover\:scale-110 {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1
}

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

.group:hover .group-hover\:scale-75 {
    --tw-scale-x: .75;
    --tw-scale-y: .75
}

.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)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group:hover .group-hover\:bg-black {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0/var(--tw-bg-opacity))
}

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

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

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

.group:hover .group-hover\:opacity-20 {
    opacity: .2
}

.group:hover .group-hover\:duration-700 {
    transition-duration: .7s
}

@media (min-width:375px) {
    .xs\:pr-120 {
        padding-right: 12rem
    }
}

@media (min-width:520px) {
    .sm\:col-span-2 {
        grid-column: span 2/span 2
    }
    .sm\:m-0 {
        margin: 0
    }
    .sm\:grid {
        display: grid
    }
    .sm\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
    .sm\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }
    .sm\:gap-10 {
        gap: 1rem
    }
}

@media (min-width:768px) {
    .md\:static {
        position: static
    }
    .md\:absolute {
        position: absolute
    }
    .md\:relative {
        position: relative
    }
    .md\:sticky {
        position: sticky
    }
    .md\:bottom-0 {
        bottom: 0
    }
    .md\:bottom-20 {
        bottom: 2rem
    }
    .md\:bottom-40 {
        bottom: 4rem
    }
    .md\:left-0 {
        left: 0
    }
    .md\:right-0 {
        right: 0
    }
    .md\:right-20 {
        right: 2rem
    }
    .md\:top-0 {
        top: 0
    }
    .md\:top-20 {
        top: 2rem
    }
    .md\:top-60 {
        top: 6rem
    }
    .md\:top-80 {
        top: 8rem
    }
    .md\:top-auto {
        top: auto
    }
    .md\:order-last {
        order: 9999
    }
    .md\:col-span-1 {
        grid-column: span 1/span 1
    }
    .md\:col-span-10 {
        grid-column: span 10/span 10
    }
    .md\:col-span-2 {
        grid-column: span 2/span 2
    }
    .md\:col-span-3 {
        grid-column: span 3/span 3
    }
    .md\:col-span-4 {
        grid-column: span 4/span 4
    }
    .md\:col-span-5 {
        grid-column: span 5/span 5
    }
    .md\:col-span-6 {
        grid-column: span 6/span 6
    }
    .md\:col-span-7 {
        grid-column: span 7/span 7
    }
    .md\:col-span-8 {
        grid-column: span 8/span 8
    }
    .md\:col-span-9 {
        grid-column: span 9/span 9
    }
    .md\:col-start-1 {
        grid-column-start: 1
    }
    .md\:col-start-2 {
        grid-column-start: 2
    }
    .md\:col-start-4 {
        grid-column-start: 4
    }
    .md\:col-start-5 {
        grid-column-start: 5
    }
    .md\:col-start-9 {
        grid-column-start: 9
    }
    .md\:row-start-1 {
        grid-row-start: 1
    }
    .md\:row-end-3 {
        grid-row-end: 3
    }
    .md\:my-100 {
        margin-bottom: 10rem;
        margin-top: 10rem
    }
    .md\:\ !mb-40 {
        margin-bottom: 4rem !important
    }
    .md\:-ml-10 {
        margin-left: -1rem
    }
    .md\:-mr-10 {
        margin-right: -1rem
    }
    .md\:-mr-20 {
        margin-right: -2rem
    }
    .md\:mb-0 {
        margin-bottom: 0
    }
    .md\:mb-100 {
        margin-bottom: 10rem
    }
    .md\:mb-12 {
        margin-bottom: 1.2rem
    }
    .md\:mb-140 {
        margin-bottom: 14rem
    }
    .md\:mb-20 {
        margin-bottom: 2rem
    }
    .md\:mb-30 {
        margin-bottom: 3rem
    }
    .md\:mb-60 {
        margin-bottom: 6rem
    }
    .md\:mb-70 {
        margin-bottom: 7rem
    }
    .md\:mb-80 {
        margin-bottom: 8rem
    }
    .md\:mt-80 {
        margin-top: 8rem
    }
    .md\:mt-auto {
        margin-top: auto
    }
    .md\:block {
        display: block
    }
    .md\:flex {
        display: flex
    }
    .md\:grid {
        display: grid
    }
    .md\:hidden {
        display: none
    }
    .md\:\ !h-\[6\.6rem\] {
        height: 6.6rem !important
    }
    .md\:h-110 {
        height: 11rem
    }
    .md\:h-12 {
        height: 1.2rem
    }
    .md\:h-140 {
        height: 14rem
    }
    .md\:h-15 {
        height: 1.5rem
    }
    .md\:h-30 {
        height: 3rem
    }
    .md\:h-\[3\.4rem\] {
        height: 3.4rem
    }
    .md\:h-\[36rem\] {
        height: 36rem
    }
    .md\:h-auto {
        height: auto
    }
    .md\:h-full {
        height: 100%
    }
    .md\:h-screen {
        height: 100vh
    }
    .md\:min-h-260 {
        min-height: 26rem
    }
    .md\:min-h-\[48rem\] {
        min-height: 48rem
    }
    .md\:min-h-\[calc\(100vh-20rem\)\] {
        min-height: calc(100vh - 20rem)
    }
    .md\:w-12 {
        width: 1.2rem
    }
    .md\:w-140 {
        width: 14rem
    }
    .md\:w-15 {
        width: 1.5rem
    }
    .md\:w-30 {
        width: 3rem
    }
    .md\:w-\[27\.2rem\] {
        width: 27.2rem
    }
    .md\:w-\[3\.4rem\] {
        width: 3.4rem
    }
    .md\:w-\[55\.4rem\] {
        width: 55.4rem
    }
    .md\:w-\[6\.3rem\] {
        width: 6.3rem
    }
    .md\:w-full {
        width: 100%
    }
    .md\:max-w-250 {
        max-width: 25rem
    }
    .md\:max-w-280 {
        max-width: 28rem
    }
    .md\:columns-3 {
        -moz-columns: 3;
        column-count: 3
    }
    .md\:grid-cols-10 {
        grid-template-columns: repeat(10, minmax(0, 1fr))
    }
    .md\:grid-cols-12 {
        grid-template-columns: repeat(12, minmax(0, 1fr))
    }
    .md\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
    .md\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
    .md\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }
    .md\:grid-cols-6 {
        grid-template-columns: repeat(6, minmax(0, 1fr))
    }
    .md\:flex-col {
        flex-direction: column
    }
    .md\:items-end {
        align-items: flex-end
    }
    .md\:justify-between {
        justify-content: space-between
    }
    .md\:gap-10 {
        gap: 1rem
    }
    .md\:gap-x-10 {
        -moz-column-gap: 1rem;
        column-gap: 1rem
    }
    .md\:gap-x-14 {
        -moz-column-gap: 1.4rem;
        column-gap: 1.4rem
    }
    .md\:gap-x-15 {
        -moz-column-gap: 1.5rem;
        column-gap: 1.5rem
    }
    .md\:gap-x-30 {
        -moz-column-gap: 3rem;
        column-gap: 3rem
    }
    .md\:gap-y-10 {
        row-gap: 1rem
    }
    .md\:gap-y-30 {
        row-gap: 3rem
    }
    .md\:gap-y-60 {
        row-gap: 6rem
    }
    .md\:border-0 {
        border-width: 0
    }
    .md\:border-b {
        border-bottom-width: .1rem
    }
    .md\:border-black-200 {
        border-color: rgba(0, 0, 0, .2)
    }
    .md\:bg-gray {
        --tw-bg-opacity: 1;
        background-color: rgb(239 240 242/var(--tw-bg-opacity))
    }
    .md\:p-0 {
        padding: 0
    }
    .md\:p-16 {
        padding: 1.6rem
    }
    .md\:p-20 {
        padding: 2rem
    }
    .md\:px-0 {
        padding-left: 0;
        padding-right: 0
    }
    .md\:px-20 {
        padding-left: 2rem;
        padding-right: 2rem
    }
    .md\:px-30 {
        padding-left: 3rem;
        padding-right: 3rem
    }
    .md\:py-0 {
        padding-bottom: 0;
        padding-top: 0
    }
    .md\:py-10 {
        padding-bottom: 1rem;
        padding-top: 1rem
    }
    .md\:py-12 {
        padding-bottom: 1.2rem;
        padding-top: 1.2rem
    }
    .md\:py-20 {
        padding-bottom: 2rem;
        padding-top: 2rem
    }
    .md\:py-60 {
        padding-bottom: 6rem;
        padding-top: 6rem
    }
    .md\:\ !pb-0 {
        padding-bottom: 0 !important
    }
    .md\:pb-0 {
        padding-bottom: 0
    }
    .md\:pb-15 {
        padding-bottom: 1.5rem
    }
    .md\:pb-16 {
        padding-bottom: 1.6rem
    }
    .md\:pb-20 {
        padding-bottom: 2rem
    }
    .md\:pb-40 {
        padding-bottom: 4rem
    }
    .md\:pb-60 {
        padding-bottom: 6rem
    }
    .md\:pb-80 {
        padding-bottom: 8rem
    }
    .md\:pl-1\/3 {
        padding-left: 33.333333%
    }
    .md\:pl-1\/4 {
        padding-left: 25%
    }
    .md\:pr-0 {
        padding-right: 0
    }
    .md\:pr-1\/3 {
        padding-right: 33.333333%
    }
    .md\:pr-30 {
        padding-right: 3rem
    }
    .md\:pr-50 {
        padding-right: 5rem
    }
    .md\:pr-60 {
        padding-right: 6rem
    }
    .md\:pt-100 {
        padding-top: 10rem
    }
    .md\:pt-140 {
        padding-top: 14rem
    }
    .md\:pt-15 {
        padding-top: 1.5rem
    }
    .md\:pt-20 {
        padding-top: 2rem
    }
    .md\:pt-60 {
        padding-top: 6rem
    }
    .md\:text-\[5rem\] {
        font-size: 5rem
    }
    .md\:text-base {
        font-size: 1.6rem
    }
}

@media (min-width:1024px) {
    .lg\:absolute {
        position: absolute
    }
    .lg\:bottom-auto {
        bottom: auto
    }
    .lg\:left-0 {
        left: 0
    }
    .lg\:left-20 {
        left: 2rem
    }
    .lg\:left-auto {
        left: auto
    }
    .lg\:right-20 {
        right: 2rem
    }
    .lg\:right-30 {
        right: 3rem
    }
    .lg\:right-auto {
        right: auto
    }
    .lg\:top-20 {
        top: 2rem
    }
    .lg\:top-30 {
        top: 3rem
    }
    .lg\:col-span-1 {
        grid-column: span 1/span 1
    }
    .lg\:col-span-10 {
        grid-column: span 10/span 10
    }
    .lg\:col-span-2 {
        grid-column: span 2/span 2
    }
    .lg\:col-span-3 {
        grid-column: span 3/span 3
    }
    .lg\:col-span-4 {
        grid-column: span 4/span 4
    }
    .lg\:col-span-6 {
        grid-column: span 6/span 6
    }
    .lg\:col-span-7 {
        grid-column: span 7/span 7
    }
    .lg\:col-start-2 {
        grid-column-start: 2
    }
    .lg\:m-0 {
        margin: 0
    }
    .lg\:mb-0 {
        margin-bottom: 0
    }
    .lg\:mb-100 {
        margin-bottom: 10rem
    }
    .lg\:mb-130,
    .lg\:mb-\[13rem\] {
        margin-bottom: 13rem
    }
    .lg\:ml-auto {
        margin-left: auto
    }
    .lg\:block {
        display: block
    }
    .lg\:flex {
        display: flex
    }
    .lg\:grid {
        display: grid
    }
    .lg\:hidden {
        display: none
    }
    .lg\:h-50 {
        height: 5rem
    }
    .lg\:w-50 {
        width: 5rem
    }
    .lg\:grid-cols-12 {
        grid-template-columns: repeat(12, minmax(0, 1fr))
    }
    .lg\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
    .lg\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
    .lg\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }
    .lg\:gap-x-10 {
        -moz-column-gap: 1rem;
        column-gap: 1rem
    }
    .lg\:p-30 {
        padding: 3rem
    }
    .lg\:pb-100 {
        padding-bottom: 10rem
    }
    .lg\:pb-140 {
        padding-bottom: 14rem
    }
    .lg\:pl-1\/3 {
        padding-left: 33.333333%
    }
    .lg\:pl-1\/4 {
        padding-left: 25%
    }
    .lg\:pr-0 {
        padding-right: 0
    }
    .lg\:pr-1\/3 {
        padding-right: 33.333333%
    }
    .lg\:pt-60 {
        padding-top: 6rem
    }
    .lg\:text-lg {
        font-size: 2rem
    }
}

@media (min-width:1280px) {
    .laptop\:relative {
        position: relative
    }
    .laptop\:top-100 {
        top: 10rem
    }
    .laptop\:col-span-2 {
        grid-column: span 2/span 2
    }
    .laptop\:col-span-3 {
        grid-column: span 3/span 3
    }
    .laptop\:col-span-4 {
        grid-column: span 4/span 4
    }
    .laptop\:my-100 {
        margin-bottom: 10rem;
        margin-top: 10rem
    }
    .laptop\:my-220 {
        margin-bottom: 22rem;
        margin-top: 22rem
    }
    .laptop\:mb-100 {
        margin-bottom: 10rem
    }
    .laptop\:mb-140 {
        margin-bottom: 14rem
    }
    .laptop\:mb-220 {
        margin-bottom: 22rem
    }
    .laptop\:mb-30 {
        margin-bottom: 3rem
    }
    .laptop\:mt-100 {
        margin-top: 10rem
    }
    .laptop\:block {
        display: block
    }
    .laptop\:flex {
        display: flex
    }
    .laptop\:hidden {
        display: none
    }
    .laptop\:h-20 {
        height: 2rem
    }
    .laptop\:h-50 {
        height: 5rem
    }
    .laptop\:h-\[58\.4rem\] {
        height: 58.4rem
    }
    .laptop\:h-\[72rem\] {
        height: 72rem
    }
    .laptop\:w-0 {
        width: 0
    }
    .laptop\:w-20 {
        width: 2rem
    }
    .laptop\:w-230 {
        width: 23rem
    }
    .laptop\:w-50 {
        width: 5rem
    }
    .laptop\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }
    .laptop\:gap-y-140 {
        row-gap: 14rem
    }
    .laptop\:p-20 {
        padding: 2rem
    }
    .laptop\:p-30 {
        padding: 3rem
    }
    .laptop\:p-40 {
        padding: 4rem
    }
    .laptop\:py-30 {
        padding-bottom: 3rem;
        padding-top: 3rem
    }
    .laptop\:pb-160 {
        padding-bottom: 16rem
    }
    .laptop\:pb-220 {
        padding-bottom: 22rem
    }
    .laptop\:pb-40 {
        padding-bottom: 4rem
    }
    .laptop\:pl-1\/2 {
        padding-left: 50%
    }
    .laptop\:pr-0 {
        padding-right: 0
    }
    .laptop\:pr-1\/2 {
        padding-right: 50%
    }
    .laptop\:pr-10 {
        padding-right: 1rem
    }
    .laptop\:pr-45 {
        padding-right: 4.5rem
    }
    .laptop\:pr-50 {
        padding-right: 5rem
    }
    .laptop\:text-lg {
        font-size: 2rem
    }
}