html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
main,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {
    display: block
}

*[hidden] {
    display: none
}

body {
    line-height: 1
}

menu,
ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

@font-face {
    font-display: swap;
    font-weight: 900;
    font-family: "Geologica";
    src: url("../fonts/Geologica-Black.woff2")
}

@font-face {
    font-display: swap;
    font-weight: 700;
    font-family: "Geologica";
    src: url("../fonts/Geologica-Bold.woff2")
}

/* @font-face {
    font-display: swap;
    font-weight: 800;
    font-family: "Geologica";
    src: url("../fonts/Geologica-ExtraBold.woff2")
} */

@font-face {
    font-display: swap;
    font-weight: 200;
    font-family: "Geologica";
    src: url("../fonts/Geologica-ExtraLight.woff2")
}

@font-face {
    font-display: swap;
    font-weight: 300;
    font-family: "Geologica";
    src: url("../fonts/Geologica-Light.woff2")
}

@font-face {
    font-display: swap;
    font-weight: 500;
    font-family: "Geologica";
    src: url("../fonts/Geologica-Medium.woff2")
}

@font-face {
    font-display: swap;
    font-weight: 400;
    font-family: "Geologica";
    src: url("../fonts/Geologica-Regular.woff2")
}

@font-face {
    font-display: swap;
    font-weight: 600;
    font-family: "Geologica";
    src: url("../fonts/Geologica-SemiBold.woff2")
}

/* @font-face {
    font-display: swap;
    font-weight: 100;
    font-family: "Geologica";
    src: url("../fonts/Geologica-Thin.woff2")
} */

@font-face {
    font-display: swap;
    font-family: "Inter";
    src: url("../fonts/Inter.woff2")
}

@font-face {
    font-display: swap;
    font-family: "Oswald";
    src: url("../fonts/Oswald.woff2")
}

/* @font-face {
    font-display: swap;
    font-family: "Shantell_Sans";
    src: url("../fonts/Shantell_Sans.ttf")
} */

:root {
    --text: #24292f;
    --gray: #E9E9E9;
    --yellow: #f4c531;
    --yellow-2: #6a3e01;
    --tiffany: #41b49e;
    --green: #87c542;
    --blue-light: #019cde;
    --violet-light: #abaef4;
    --violet: #4147d5;
    --carrot: #EE5031;
    --red: #AD2126;
    --pink: #e62884;
    --pink-2: #630d37;
    --font-family: "Geologica", sans-serif;
    --second-family: "Oswald", sans-serif;
    --third-family: "Shantell Sans", sans-serif;
    --font3: "Inter", sans-serif;
    --inner-padding-left: 178px;
    --inner-padding-right: 20px;
    --inner-padding: calc(var(--inner-padding-left) + var(--inner-padding-right));
    --column: calc(100vw / 12 - 2px)
}

@media (max-width:1600px) {
    :root {
        --inner-padding-left: 124px;
        --inner-padding-right: 10px;
        --column: calc(100vw / 12 - 2px)
    }
}

@media (max-width:1099px) {
    :root {
        --inner-padding-left: 20px;
        --inner-padding-right: 20px
    }
}

@media (max-width:599px) {
    :root {
        --inner-padding-left: 10px;
        --inner-padding-right: 10px
    }
}

body {
    background: var(--gray);
    font-family: var(--font-family);
    font-weight: 200;
    color: #24292f;
    font-size: 18px
}

@media (max-width:1600px) {
    body {
        font-size: 14px
    }
}

body._open-menu {
    overflow: hidden
}

button,
html {
    color: var(--c-text);
    font-family: var(--font-family)
}

* {
    box-sizing: border-box;
    min-width: 0
}

._br {
    border-radius: 20px
}

@media (max-width:1099px) {
    ._tablet-w-100 {
        width: 100%
    }
    ._tablet-w-100.btn {
        text-align: center
    }
}

@media (max-width:599px) {
    ._mob-w-100 {
        width: 100%
    }
    ._mob-w-100.btn {
        text-align: center
    }
}

@media (max-width:1099px) {
    .for-desktop {
        display: none !important
    }
}

@media (max-width:1600px) {
    .for-large {
        display: none !important
    }
}

@media (min-width:1098px) {
    .for-devices {
        display: none !important
    }
}

@media (min-width:1599px) {
    .for-medium {
        display: none !important
    }
}

@media (max-width:1099px) {
    .for-medium {
        display: none !important
    }
}

@media (min-width:1098px) {
    .for-tablet {
        display: none !important
    }
}

@media (max-width:599px) {
    .for-tablet {
        display: none !important
    }
}

@media (min-width:598px) {
    .for-mobile {
        display: none !important
    }
}

@media (max-width:599px) {
    .not-mobile {
        display: none !important
    }
}

@media (min-width:598px) and (max-width:1099px) {
    .not-tablet {
        display: none !important
    }
}

.inner {
    padding-left: var(--inner-padding-left);
    padding-right: var(--inner-padding-right)
}

.page {
    padding-top: 75px;
    padding-bottom: 159px
}

@media (max-width:1600px) {
    .page {
        padding-bottom: 150px
    }
}

@media (max-width:1099px) {
    .page {
        padding-bottom: 80px
    }
}

@media (max-width:599px) {
    .page {
        padding-bottom: 60px
    }
}

.page:has(.front-top) {
    padding-top: 20px
}

@media (max-width:1600px) {
    .page:has(.front-top) {
        padding-top: 10px
    }
}

.page:has(.top-block) {
    padding-top: 0px
}

img {
    max-width: 100%
}

.relative {
    position: relative
}

.page {
    overflow: clip
}

._white._white {
    background: #fff
}

._yellow._yellow {
    background: var(--yellow)
}

._red._red {
    background: var(--red)
}

._yellow._yellow {
    background: var(--yellow)
}

._yellow-2._yellow-2 {
    background: var(--yellow-2)
}

._tiffany._tiffany {
    background: var(--tiffany)
}

._green._green {
    background: var(--green)
}

._blue-light._blue-light {
    background: var(--blue-light)
}

._violet-light._violet-light {
    background: var(--violet-light)
}

._violet._violet {
    background: var(--violet)
}

._pink._pink {
    background: var(--pink)
}

._red._red {
    background: var(--red)
}

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

._carrot._carrot {
    background: var(--carrot)
}

._pink-2._pink-2 {
    background: var(--pink-2)
}

._c-yellow._c-yellow {
    color: var(--yellow)
}

._c-yellow-2._c-yellow-2 {
    color: var(--yellow-2)
}

._c-tiffany._c-tiffany {
    color: var(--tiffany)
}

._c-green._c-green {
    color: var(--green)
}

._c-blue-light._c-blue-light {
    color: var(--blue-light)
}

._c-violet-light._c-violet-light {
    color: var(--violet-light)
}

._c-violet._c-violet {
    color: var(--violet)
}

._c-pink._c-pink {
    color: var(--pink)
}

._c-carrot._c-carrot {
    color: var(--carrot)
}

._c-pink-2._c-pink-2 {
    color: var(--pink-2)
}

._c-white._c-white {
    color: #fff
}

._c-black._c-black {
    color: #24292F
}

._c-red._c-red {
    color: var(--red)
}

._c-white._c-white {
    color: #fff
}

.js-link,
.js-links a {
    text-decoration: none
}

.btn {
    font-family: var(--second-family);
    font-variation-settings: "wght" 500;
    cursor: pointer;
    font-size: 20px;
    letter-spacing: -0.02em;
    color: #fff;
    z-index: 1;
    border: 0 solid;
    background: transparent;
    padding: 13px 20px 17px 20px;
    text-decoration: none;
    white-space: nowrap;
    display: inline-block;
    text-transform: lowercase;
    background: transparent !important;
    position: relative
}

.btn::before {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    border-radius: 10px;
    display: block;
    content: "";
    z-index: -1;
    transition: width 0.3s, height 0.3s
}

@media (hover:hover) {
    .btn:not([disabled]):hover::before {
        width: calc(100% - 6px);
        height: calc(100% - 6px)
    }
}

.btn._white::before {
    background: #fff
}

.btn._yellow::before {
    background: var(--yellow)
}

.btn._red::before {
    background: var(--red)
}

.btn._yellow::before {
    background: var(--yellow)
}

.btn._yellow-2::before {
    background: var(--yellow-2)
}

.btn._tiffany::before {
    background: var(--tiffany)
}

.btn._green::before {
    background: var(--green)
}

.btn._blue-light::before {
    background: var(--blue-light)
}

.btn._violet-light::before {
    background: var(--violet-light)
}

.btn._violet::before {
    background: var(--violet)
}

.btn._pink::before {
    background: var(--pink)
}

.btn._red::before {
    background: var(--red)
}

.btn._carrot::before {
    background: var(--carrot)
}

.btn._pink-2::before {
    background: var(--pink-2)
}

.btn._small {
    padding: 8px 20px 12px 20px
}

@media (max-width:1099px) {
    .btn._small {
        font-size: 14px;
        border-radius: 8px;
        padding: 6px 12px 10px 12px
    }
}

@media (max-width:1099px) {
    .btn:not(._big) {
        border-radius: 8px;
        padding: 10px 12px 13px 12px;
        font-size: 14px
    }
}

.btn._width-2 {
    text-align: center;
    min-width: 364px
}

@media (max-width:1099px) {
    .btn._width-2 {
        min-width: 340px
    }
}

@media (max-width:599px) {
    .btn._width-2 {
        min-width: initial;
        max-width: 100%;
        width: 100%
    }
}

.btn-outline {
    font-family: var(--second-family);
    font-weight: 700;
    cursor: pointer;
    font-size: 20px;
    letter-spacing: -0.04em;
    color: #fff;
    border-radius: 10px;
    padding: 13px 20px 17px 20px;
    text-decoration: none;
    white-space: nowrap;
    display: inline-block;
    text-transform: lowercase;
    border: 2px solid
}

.btn-outline svg {
    width: 17px;
    margin: -2px 0;
    height: 17px
}

.btn-outline._small {
    padding: 8px 20px 12px 20px
}

@media (max-width:1099px) {
    .btn-outline._small {
        font-size: 14px;
        border-radius: 8px;
        padding: 6px 12px 10px 12px
    }
}

@media (max-width:1099px) {
    .btn-outline {
        border-radius: 8px;
        padding: 10px 12px 13px 12px;
        font-size: 14px
    }
}

.btn-outline._width-2 {
    text-align: center;
    min-width: 364px
}

@media (max-width:1099px) {
    .btn-outline._width-2 {
        min-width: 340px
    }
}

@media (max-width:599px) {
    .btn-outline._width-2 {
        min-width: initial;
        max-width: 100%;
        width: 100%
    }
}

.arrow-link {
    display: flex;
    flex-direction: row;
    font-family: var(--second-family);
    font-weight: 700;
    cursor: pointer;
    font-size: 20px;
    letter-spacing: -0.04em;
    padding: 13px 20px 17px 20px;
    text-decoration: none;
    white-space: nowrap;
    background: transparent;
    border: 0 solid;
    display: inline-block;
    text-transform: lowercase;
    color: #24292f
}

@media (max-width:1099px) {
    .arrow-link {
        padding: 10px 12px 13px 12px;
        font-size: 14px
    }
}

.arrow-link svg {
    width: 13px;
    margin: -2px 0;
    height: 13px
}

.block {
    margin-top: 120px;
    margin-top: clamp(110px, 110px + 10 * (100vw - 1366px) / 554, 120px)
}

@media (max-width:1366px) {
    .block {
        margin-top: 110px;
        margin-top: clamp(100px, 100px + 10 * (100vw - 768px) / 598, 110px)
    }
}

@media (max-width:768px) {
    .block {
        margin-top: 100px;
        margin-top: clamp(80px, 80px + 20 * (100vw - 360px) / 408, 100px)
    }
}

.block__head {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 40px;
    position: relative
}

@media (max-width:1600px) {
    .block__head {
        margin-bottom: 20px
    }
}

@media (max-width:1099px) {
    .block__head:not(._only-row) {
        align-items: flex-start;
        flex-direction: column;
        gap: 20px
    }
}

@media (max-width:599px) {
    .block__head {
        align-items: center
    }
}

.block__head .h2,
.block__head h2 {
    margin-left: 0;
    margin-bottom: 20px
}

.block__head .h2:last-child,
.block__head h2:last-child {
    margin-bottom: 0 !important
}

@media (max-width:599px) {
    .block__head .h2,
    .block__head h2 {
        text-align: center;
        width: 100%
    }
}

.block__left {
    margin-right: auto
}

@media (max-width:1099px) {
    .block__left {
        margin-left: 0;
        width: 100%
    }
    .block__left .h2,
    .block__left .h2 {
        width: 100%
    }
}

@media (max-width:599px) {
    .block__left {
        margin-right: 0;
        text-align: center
    }
}

.block__right {
    gap: 30px;
    display: flex;
    align-items: center;
    flex-direction: row
}

@media (max-width:599px) {
    .block__right {
        flex-direction: column;
        gap: 0;
        width: 100%
    }
}

.block__right .download {
    margin-top: 0 !important
}

@media (max-width:599px) {
    .text-mob-left {
        text-align: left !important
    }
    .text-mob-left p {
        text-align: left !important
    }
}

._w-100 {
    width: 100%
}

.swiper-nav {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 7px;
    margin-top: 30px
}

.decor {
    position: absolute
}

.swiper-prev,
.swiper-next {
    cursor: pointer;
    border: 0 solid;
    background: transparent;
    padding: 0;
    transition: transform 0.3s;
    flex-shrink: 0
}

.swiper-prev:hover,
.swiper-next:hover {
    transform: scale(1.1)
}

.swiper-prev svg,
.swiper-next svg {
    width: 24px;
    height: 22px
}

.swiper-prev.swiper-button-disabled,
.swiper-next.swiper-button-disabled {
    opacity: 0.5;
    pointer-events: none
}

.swiper-prev svg {
    transform: scale(-1)
}

._hidden {
    display: none !important
}

._left-align {
    text-align: left !important
}

._mt-30 {
    margin-top: 30px
}

h1,
.big-title {
    font-family: var(--second-family);
    font-weight: 400;
    line-height: 100%;
    letter-spacing: -0.06em;
    text-transform: uppercase
}

h1,
.big-title {
    font-size: 170px;
    font-size: clamp(128px, 128px + 42 * (100vw - 1366px) / 554, 170px)
}

@media (max-width:1366px) {
    h1,
    .big-title {
        font-size: 128px;
        font-size: clamp(64px, 64px + 64 * (100vw - 768px) / 598, 128px)
    }
}

@media (max-width:768px) {
    h1,
    .big-title {
        font-size: 64px;
        font-size: clamp(48px, 48px + 16 * (100vw - 360px) / 408, 64px)
    }
}

h1,
.big-title {
    margin-bottom: 50px;
    margin-bottom: clamp(40px, 40px + 10 * (100vw - 1366px) / 554, 50px)
}

@media (max-width:1366px) {
    h1,
    .big-title {
        margin-bottom: 40px;
        margin-bottom: clamp(20px, 20px + 20 * (100vw - 768px) / 598, 40px)
    }
}

@media (max-width:768px) {
    h1,
    .big-title {
        margin-bottom: 20px;
        margin-bottom: clamp(24px, 24px + -4 * (100vw - 360px) / 408, 20px)
    }
}

h2,
.h2 {
    font-family: var(--second-family);
    font-weight: 400;
    margin-bottom: 20px;
    line-height: 100%;
    letter-spacing: -0.06em
}

h2,
.h2 {
    font-size: 64px;
    font-size: clamp(64px, 64px + 0 * (100vw - 1366px) / 554, 64px)
}

@media (max-width:1366px) {
    h2,
    .h2 {
        font-size: 64px;
        font-size: clamp(52px, 52px + 12 * (100vw - 768px) / 598, 64px)
    }
}

@media (max-width:768px) {
    h2,
    .h2 {
        font-size: 52px;
        font-size: clamp(40px, 40px + 12 * (100vw - 360px) / 408, 52px)
    }
}

h2.h1,
h2.block-title,
.h2.h1,
.h2.block-title {
    margin-bottom: 40px
}

h2.h1,
h2.block-title,
.h2.h1,
.h2.block-title {
    font-size: 96px;
    font-size: clamp(64px, 64px + 32 * (100vw - 1366px) / 554, 96px)
}

@media (max-width:1366px) {
    h2.h1,
    h2.block-title,
    .h2.h1,
    .h2.block-title {
        font-size: 64px;
        font-size: clamp(52px, 52px + 12 * (100vw - 768px) / 598, 64px)
    }
}

@media (max-width:768px) {
    h2.h1,
    h2.block-title,
    .h2.h1,
    .h2.block-title {
        font-size: 52px;
        font-size: clamp(40px, 40px + 12 * (100vw - 360px) / 408, 52px)
    }
}

@media (max-width:1600px) {
    h2.h1,
    h2.block-title,
    .h2.h1,
    .h2.block-title {
        margin-bottom: 20px
    }
}

h3,
.h3 {
    font-family: var(--second-family);
    font-weight: 400;
    margin-bottom: 30px;
    line-height: 100%;
    letter-spacing: -0.04em
}

h3,
.h3 {
    font-size: 52px;
    font-size: clamp(40px, 40px + 12 * (100vw - 1366px) / 554, 52px)
}

@media (max-width:1366px) {
    h3,
    .h3 {
        font-size: 40px;
        font-size: clamp(36px, 36px + 4 * (100vw - 768px) / 598, 40px)
    }
}

@media (max-width:768px) {
    h3,
    .h3 {
        font-size: 36px;
        font-size: clamp(32px, 32px + 4 * (100vw - 360px) / 408, 36px)
    }
}

@media (max-width:1600px) {
    h3,
    .h3 {
        margin-bottom: 20px
    }
}

h4,
.h4 {
    font-family: var(--second-family);
    font-weight: 400;
    margin-bottom: 30px;
    line-height: 100%;
    letter-spacing: -0.04em;
    letter-spacing: -0.06em
}

h4,
.h4 {
    font-size: 44px;
    font-size: clamp(36px, 36px + 8 * (100vw - 1366px) / 554, 44px)
}

@media (max-width:1366px) {
    h4,
    .h4 {
        font-size: 36px;
        font-size: clamp(28px, 28px + 8 * (100vw - 768px) / 598, 36px)
    }
}

@media (max-width:768px) {
    h4,
    .h4 {
        font-size: 28px;
        font-size: clamp(28px, 28px + 0 * (100vw - 360px) / 408, 28px)
    }
}

@media (max-width:1600px) {
    h4,
    .h4 {
        margin-bottom: 20px
    }
}

h5,
.h5 {
    font-family: var(--second-family);
    font-size: 24px;
    line-height: 116.6666666667%;
    letter-spacing: -0.02em;
    margin-top: 20px;
    margin-bottom: 16px;
    font-variation-settings: "wght" 500
}

h5:first-child,
.h5:first-child {
    margin-top: 0
}

@media (max-width:1600px) {
    h5,
    .h5 {
        font-size: 20px;
        margin-top: 16px;
        line-height: 130%
    }
}

@media (max-width:1099px) {
    h5,
    .h5 {
        font-size: 16px;
        line-height: 125%;
        margin-top: 40px;
        margin-bottom: 12px
    }
}

@media (max-width:599px) {
    h5,
    .h5 {
        font-size: 14px;
        margin-top: 10px;
        line-height: 128.5714285714%;
        margin-bottom: 10px
    }
}

._t-center {
    text-align: center
}

p,
.p1 {
    font-family: var(--font-family);
    font-weight: 200;
    font-size: 18px;
    line-height: 133%;
    letter-spacing: -0.04em;
    margin-bottom: 20px
}

@media (max-width:1600px) {
    p,
    .p1 {
        font-size: 14px
    }
}

.text {
    max-width: calc(var(--column) * 9)
}

.text img {
    width: 100%;
    border-radius: 20px;
    object-fit: cover
}

@media (max-width:599px) {
    .text img {
        aspect-ratio: 1/1
    }
}

@media (max-width:1099px) {
    .text {
        max-width: 100%
    }
}

.text .table-wrapper {
    border-radius: 20px 0;
    border: 1px solid var(--c-border);
    padding: 20px;
    margin-bottom: 16px
}

@media (max-width:599px) {
    .text .table-wrapper {
        margin-bottom: 8px;
        padding: 20px 10px
    }
}

.text .table-wrapper .table-responsive {
    margin-bottom: 16px
}

.text .table-responsive {
    overflow-y: hidden;
    overflow-x: auto
}

.text ul {
    display: flex;
    flex-direction: column;
    gap: 10px;
    list-style: disc;
    margin-left: 15px
}

.text ul li {
    font-family: var(--font-family);
    font-weight: 200;
    font-size: 18px;
    line-height: 133%;
    letter-spacing: -0.04em;
    color: #24292f
}

@media (max-width:1600px) {
    .text ul li {
        font-size: 14px
    }
}

.text ol {
    counter-reset: ol 0;
    display: flex;
    flex-direction: column;
    margin: 16px 0
}

@media (max-width:1099px) {
    .text ol {
        margin: 12px 0
    }
}

@media (max-width:599px) {
    .text ol {
        margin: 10px 0
    }
}

.text ol li {
    counter-increment: ol 1;
    gap: 8px;
    padding-left: 30px;
    position: relative;
    font-family: var(--font-family);
    font-weight: 200;
    font-size: 20px;
    line-height: 140%;
    letter-spacing: -0.02em;
    color: var(--c-text2);
    margin-bottom: 8px
}

@media (max-width:1600px) {
    .text ol li {
        font-size: 18px;
        line-height: 133.3333333333%
    }
}

@media (max-width:1099px) {
    .text ol li {
        font-size: 16px;
        line-height: 137.5%;
        margin-bottom: 12px
    }
}

@media (max-width:599px) {
    .text ol li {
        font-size: 14px;
        line-height: 128.5714285714%;
        margin-bottom: 10px
    }
}

.text ol li b,
.text ol li strong {
    font-weight: 600
}

.text ol li::after {
    top: 0;
    position: absolute;
    left: 0;
    display: block;
    content: counter(ol) "."
}

.page-title {
    color: var(--c-secondary);
    margin-bottom: 40px
}

@media (max-width:1600px) {
    .page-title {
        margin-bottom: 28px
    }
}

@media (max-width:1099px) {
    .page-title {
        margin-bottom: 16px
    }
}

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

@media (max-width:1600px) {
    .page-subtitle {
        margin-top: 40px
    }
}

@media (max-width:1099px) {
    .page-subtitle {
        margin-top: 20px
    }
}

.h1-big {
    font-size: 92px;
    line-height: 100%;
    letter-spacing: -0.06em;
    text-transform: uppercase;
    color: var(--c-secondary)
}

@media (max-width:1600px) {
    .h1-big {
        font-size: 64px
    }
}

@media (max-width:1099px) {
    .h1-big {
        font-size: 52px
    }
}

@media (max-width:599px) {
    .h1-big {
        font-size: 36px;
        width: fit-content
    }
}

.text-center {
    text-align: center
}

.afisha-scroll {
    padding: 0 100px 0 20px;
    height: 829px;
    background-image: url("data:image/svg+xml,%3Csvg width='138' height='828' viewBox='0 0 138 828' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.3'%3E%3Cline x1='138' y1='0.5' x2='1' y2='0.5' stroke='%23B3B3B3'/%3E%3Cline x1='138' y1='138.5' x2='1' y2='138.5' stroke='%23B3B3B3'/%3E%3Cline x1='138' y1='276.5' x2='1' y2='276.5' stroke='%23B3B3B3'/%3E%3Cline x1='138' y1='414.5' x2='1' y2='414.5' stroke='%23B3B3B3'/%3E%3Cline x1='138' y1='552.5' x2='1' y2='552.5' stroke='%23B3B3B3'/%3E%3Cline x1='138' y1='690.5' x2='1' y2='690.5' stroke='%23B3B3B3'/%3E%3C/g%3E%3Cg opacity='0.3'%3E%3Cline x1='0.5' y1='828' x2='0.5' y2='0' stroke='%23B3B3B3'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: repeat;
    background-position: 0 0;
    position: relative
}

@media (max-width:1600px) {
    .afisha-scroll {
        padding-left: 40px;
        padding-right: 60px;
        height: 692px
    }
}

@media (max-width:1099px) {
    .afisha-scroll {
        background-size: 96px auto;
        height: 577px
    }
}

@media (max-width:599px) {
    .afisha-scroll {
        background-size: 128px auto;
        height: 641px
    }
}

.afisha-scroll__slider {
    padding-top: 1px
}

.afisha-scroll .swiper {
    overflow: visible;
    margin-top: 60px
}

@media (max-width:1600px) {
    .afisha-scroll .swiper {
        margin-top: 50px
    }
}

@media (max-width:1099px) {
    .afisha-scroll .swiper {
        margin-top: 40px
    }
}

.afisha-scroll .swiper-slide {
    position: relative
}

.afisha-scroll .swiper-slide:nth-child(odd) {
    width: 300px
}

@media (max-width:1600px) {
    .afisha-scroll .swiper-slide:nth-child(odd) {
        width: 210px
    }
}

.afisha-scroll .swiper-slide:nth-child(odd) .afisha-scroll__card-inner {
    transform: rotate(8deg)
}

.afisha-scroll .swiper-slide:nth-child(even) {
    width: 400px
}

@media (max-width:1600px) {
    .afisha-scroll .swiper-slide:nth-child(even) {
        width: 290px
    }
}

.afisha-scroll .swiper-slide:nth-child(even) .afisha-scroll__card-inner {
    transform: rotate(-8deg);
    margin-top: 195px
}

@media (max-width:1600px) {
    .afisha-scroll .swiper-slide:nth-child(even) .afisha-scroll__card-inner {
        margin-top: 126px
    }
}

.afisha-scroll__details {
    display: flex;
    align-items: center;
    gap: 4px;
    font-family: var(--second-family);
    letter-spacing: -0.02em;
    margin-top: auto;
    font-size: 20px;
    text-decoration: none;
    color: #24292F;
    position: absolute;
    right: 0;
    top: -84px
}

@media (max-width:1600px) {
    .afisha-scroll__details {
        top: -69px
    }
}

@media (max-width:1099px) {
    .afisha-scroll__details {
        top: -55px
    }
}

@media (max-width:599px) {
    .afisha-scroll__details {
        top: unset;
        bottom: 57px;
        right: unset;
        left: 50%;
        transform: translateX(-50%)
    }
}

.afisha-scroll__details span {
    font-weight: 400
}

.afisha-scroll__details svg {
    width: 18px;
    height: 16px;
    flex-shrink: 0;
    position: relative;
    left: 0;
    top: 0.15em;
    transition: left 0.3s ease
}

@media (max-width:599px) {
    .afisha-scroll__details svg {
        width: 14px;
        height: 12px
    }
}

.afisha-scroll__details:hover svg {
    left: 3px
}

.afisha-scroll__card {
    display: block;
    text-decoration: none;
    width: 360px;
    aspect-ratio: 0.78;
    position: relative;
    color: #fff
}

@media (max-width:1600px) {
    .afisha-scroll__card {
        width: 256px
    }
}

@media (max-width:1099px) {
    .afisha-scroll__card {
        width: 256px
    }
}

.afisha-scroll__card:hover .icon-swiper-arrow {
    transform: translateX(3px)
}

.afisha-scroll__card:hover .afisha-scroll__card-inner {
    transform: rotate(0deg) !important
}

.afisha-scroll__card img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    border-radius: inherit;
    overflow: hidden
}

.afisha-scroll__card-inner {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    aspect-ratio: 0.78;
    position: relative;
    border-radius: 20px;
    box-sizing: border-box;
    padding: 20px;
    transition: transform 0.3s ease;
    transform-origin: 86% 5%;
    pointer-events: none
}

@media (max-width:1099px) {
    .afisha-scroll__card-inner {
        padding: 20px 12px
    }
}

.afisha-scroll__card-title {
    position: relative;
    z-index: 2
}

.afisha-scroll__card-date {
    position: relative;
    z-index: 2;
    font-size: 24px
}

@media (max-width:1600px) {
    .afisha-scroll__card-date {
        font-size: 18px
    }
}

.afisha-scroll__card .icon-swiper-arrow {
    display: block;
    width: 22px;
    height: 20px;
    position: absolute;
    right: 20px;
    bottom: 23px;
    z-index: 2;
    transition: transform 0.3s ease
}

@media (max-width:1099px) {
    .afisha-scroll__card .icon-swiper-arrow {
        width: 16px;
        height: 14px
    }
}

.afisha-scroll__card [class*=icon-pin-] {
    position: absolute;
    right: -5px;
    top: -45px;
    width: 70px;
    aspect-ratio: 7/9;
    z-index: 2
}

@media (max-width:1600px) {
    .afisha-scroll__card [class*=icon-pin-] {
        width: 50px;
        right: 0px;
        top: -32px
    }
}

.afisha-scroll__card .h5 {
    margin: 0;
    padding-right: 50px
}

@media (max-width:1600px) {
    .afisha-scroll__card .h5 {
        font-size: 24px
    }
}

@media (max-width:1099px) {
    .afisha-scroll__card .h5 {
        font-size: 20px
    }
}

@media (max-width:1099px) {
    .benefits {
        width: 100vw;
        position: relative;
        left: 50%;
        margin-left: -50vw;
        box-sizing: border-box
    }
}

@media (max-width:1099px) {
    .benefits__inner {
        width: 100%;
        box-sizing: border-box;
        padding: 0 4vw;
        flex-wrap: nowrap;
        overflow-y: hidden;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        scroll-padding: 0 3vw
    }
    .benefits__inner::-webkit-scrollbar {
        height: 0
    }
}

.benefits__top {
    display: flex;
    gap: 16px;
    padding-top: 30px
}

@media (max-width:1600px) {
    .benefits__top {
        gap: 10px
    }
}

@media (max-width:1099px) {
    .benefits__top {
        width: 1042px;
        padding-top: 15px
    }
}

.benefits__bottom {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
    gap: 16px;
    margin-top: 16px
}

@media (max-width:1600px) {
    .benefits__bottom {
        gap: 10px;
        margin-top: 10px
    }
}

@media (max-width:1099px) {
    .benefits__bottom {
        width: 1042px
    }
}

@media (max-width:599px) {
    .benefits__bottom {
        display: flex;
        flex-direction: row
    }
}

.benefits-img {
    aspect-ratio: 1;
    flex-shrink: 1;
    border-radius: 20px;
    overflow: hidden;
    position: relative
}

@media (max-width:599px) {
    .benefits-img {
        width: 253px
    }
}

.benefits-img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.benefits-item {
    width: 418px;
    background: #fff;
    border-radius: 20px;
    text-align: center;
    position: relative;
    box-sizing: border-box;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    flex-shrink: 1;
    width: 25%
}

@media (max-width:1099px) {
    .benefits-item {
        width: 253px;
        flex-shrink: 0
    }
}

.benefits-item__pin {
    position: absolute;
    right: -5px;
    top: -45px;
    width: 70px;
    aspect-ratio: 7/9;
    z-index: 2
}

@media (max-width:1600px) {
    .benefits-item__pin {
        width: 50px;
        right: 0px;
        top: -34px
    }
}

@media (max-width:1099px) {
    .benefits-item__pin {
        width: 30px;
        right: 8px;
        top: -15px
    }
}

.benefits-item__pin svg {
    display: block;
    width: 100%;
    height: 100%
}

.benefits-item__number {
    width: 80px;
    height: 80px;
    margin-bottom: 50px;
    flex-shrink: 0
}

@media (max-width:1600px) {
    .benefits-item__number {
        width: 60px;
        height: 60px;
        margin-bottom: 30px
    }
}

@media (max-width:599px) {
    .benefits-item__number {
        width: 60px;
        height: 60px;
        margin-bottom: 16px
    }
}

.benefits-item__number svg {
    display: block;
    width: 100%;
    height: 100%
}

.benefits-item__text {
    font-size: 18px;
    line-height: 1.33
}

@media (max-width:1600px) {
    .benefits-item__text {
        font-size: 14px
    }
}

@media (max-width:1099px) {
    .benefits-item__text {
        font-size: 12px
    }
}

.benefits-slider {
    display: flex;
    justify-content: space-between;
    height: 440px;
    position: relative;
    z-index: 2
}

@media (max-width:1099px) {
    .benefits-slider {
        flex-direction: column;
        gap: 10px;
        height: auto
    }
}

.benefits-slider__info {
    width: 418px;
    background: #fff;
    border-radius: 20px;
    text-align: center;
    box-sizing: border-box;
    padding: 20px 40px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 20px
}

@media (max-width:1600px) {
    .benefits-slider__info {
        width: 300px
    }
}

@media (max-width:1099px) {
    .benefits-slider__info {
        width: 100%
    }
}

@media (max-width:599px) {
    .benefits-slider__info {
        padding: 20px
    }
}

.benefits-slider__info .h5 {
    line-height: 1.1
}

@media (max-width:1099px) {
    .benefits-slider__info .h5 {
        font-size: 24px
    }
}

@media (max-width:599px) {
    .benefits-slider__info .h5 {
        font-size: 20px
    }
}

.benefits-slider__info img {
    display: inline-block;
    height: 34px;
    margin-bottom: 10px
}

@media (max-width:599px) {
    .benefits-slider__info img {
        height: 24px
    }
}

.benefits-slider__info p {
    color: #7D7D7D;
    font-size: 12px;
    margin: 0
}

@media (max-width:599px) {
    .benefits-slider__info p {
        font-size: 10px
    }
}

.benefits-slider__info p+p {
    margin-top: 1em
}

.benefits-slider__slider {
    width: calc(100% - 434px)
}

@media (max-width:1600px) {
    .benefits-slider__slider {
        width: calc(100% - 310px)
    }
}

@media (max-width:1099px) {
    .benefits-slider__slider {
        width: 100%
    }
}

.benefits-slider__card {
    color: #fff;
    box-sizing: border-box;
    padding: 20px;
    border-radius: 20px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 190px;
    height: 100%
}

@media (max-width:1099px) {
    .benefits-slider__card {
        width: 300px;
        min-height: 210px;
        padding-bottom: 30px
    }
}

.benefits-slider__card .h4 {
    font-size: 44px;
    line-height: 0.85
}

@media (max-width:1600px) {
    .benefits-slider__card .h4 {
        font-size: 36px
    }
}

.benefits-slider__card p {
    margin: 0;
    font-size: 16px;
    line-height: 1.3
}

@media (max-width:1600px) {
    .benefits-slider__card p {
        font-size: 14px
    }
}

@media (max-width:1099px) {
    .benefits-slider__card p {
        font-size: 16px
    }
}

.benefits-slider__card .icon {
    position: absolute;
    right: 0;
    top: -25px;
    width: 50px;
    aspect-ratio: 0.78
}

@media (max-width:1099px) {
    .benefits-slider__card .icon {
        width: 30px;
        right: 8px;
        top: -15px
    }
}

.benefits-slider .swiper {
    height: calc(100% + 30px);
    padding-top: 30px;
    margin-top: -30px
}

@media (max-width:1099px) {
    .benefits-slider .swiper {
        overflow: visible
    }
}

@media (max-width:1099px) {
    .benefits-slider .swiper-slide {
        width: 300px !important
    }
}

.benefits-slider .swiper-nav {
    margin-top: 20px
}

.benefits-slider__details {
    display: flex;
    align-items: center;
    gap: 4px;
    font-family: var(--second-family);
    letter-spacing: -0.02em;
    margin-top: auto;
    font-size: 20px;
    text-decoration: none;
    color: #24292F;
    position: absolute;
    right: 0;
    top: -84px
}

@media (max-width:1600px) {
    .benefits-slider__details {
        top: -69px
    }
}

@media (max-width:1099px) {
    .benefits-slider__details {
        top: -55px
    }
}

@media (max-width:599px) {
    .benefits-slider__details {
        top: unset;
        bottom: 57px;
        right: unset;
        left: 50%;
        transform: translateX(-50%)
    }
}

.benefits-slider__details span {
    font-weight: 400
}

.benefits-slider__details svg {
    width: 18px;
    height: 16px;
    flex-shrink: 0;
    position: relative;
    left: 0;
    top: 0.15em;
    transition: left 0.3s ease
}

@media (max-width:599px) {
    .benefits-slider__details svg {
        width: 14px;
        height: 12px
    }
}

.benefits-slider__details:hover svg {
    left: 3px
}

.breadcrumbs {
    padding-left: var(--inner-padding-left);
    padding-right: var(--inner-padding-right);
    margin-left: calc(-1 * var(--inner-padding-left));
    margin-right: calc(-1 * var(--inner-padding-right));
    overflow-y: hidden;
    overflow-x: auto;
    position: relative;
    z-index: 3
}

.breadcrumbs {
    margin-bottom: 30px;
    margin-bottom: clamp(15px, 15px + 15 * (100vw - 1366px) / 554, 30px)
}

@media (max-width:1366px) {
    .breadcrumbs {
        margin-bottom: 15px;
        margin-bottom: clamp(10px, 10px + 5 * (100vw - 768px) / 598, 15px)
    }
}

@media (max-width:768px) {
    .breadcrumbs {
        margin-bottom: 10px;
        margin-bottom: clamp(10px, 10px + 0 * (100vw - 360px) / 408, 10px)
    }
}

@media (max-width:1099px) {
    .breadcrumbs {
        margin-bottom: 40px
    }
}

@media (max-width:599px) {
    .breadcrumbs {
        margin-bottom: 30px
    }
}

.breadcrumbs::-webkit-scrollbar {
    width: 0;
    height: 0
}

.breadcrumbs__list {
    display: flex;
    flex-direction: row;
    font-size: 14px
}

@media (max-width:1600px) {
    .breadcrumbs__list {
        font-size: 12px
    }
}

.breadcrumbs__list li {
    display: flex;
    flex-direction: row;
    align-items: center;
    white-space: nowrap;
    flex-shrink: 0
}

.breadcrumbs__list li:has(a)::after {
    display: inline-block;
    content: "|";
    margin-left: 10px;
    margin-right: 10px
}

.breadcrumbs__list li a {
    font-weight: 200;
    font-size: 14px;
    line-height: 1.3;
    letter-spacing: -0.04em;
    color: var(--c-text);
    text-decoration: none
}

@media (max-width:1600px) {
    .breadcrumbs__list li a {
        font-size: 12px
    }
}

@media (hover:hover) {
    .breadcrumbs__list li a:not([disabled]):hover {
        color: var(--violet) !important
    }
}

.breadcrumbs._c-black .breadcrumbs__list li a {
    color: var(--c-text) !important
}

.cookie-disclaimer {
    position: fixed;
    opacity: 0;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 101;
    background: rgba(36, 41, 47, 0.6)
}

html._is-preloaded .cookie-disclaimer {
    opacity: 1
}

.cookie-disclaimer__inner {
    color: #24292F;
    padding: 70px 20px 20px 20px;
    pointer-events: auto;
    border-radius: 20px;
    background: #fff;
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 11;
    width: 458px
}

.cookie-disclaimer__inner:before {
    content: "";
    display: block;
    width: 34px;
    height: 32px;
    background: url("../img/o_single.webp") no-repeat 0 0;
    background-size: contain;
    position: absolute;
    top: 20px;
    left: 20px
}

@media (max-width:1600px) {
    .cookie-disclaimer__inner:before {
        width: 26px;
        height: 25px
    }
}

@media (max-width:1600px) {
    .cookie-disclaimer__inner {
        width: 340px;
        right: 10px
    }
}

@media (max-width:1099px) {
    .cookie-disclaimer__inner {
        width: 360px;
        right: unset;
        left: 50%;
        margin-left: -180px
    }
}

@media (max-width:599px) {
    .cookie-disclaimer__inner {
        width: calc(100% - 20px);
        left: 10px;
        margin-left: 0
    }
}

.cookie-disclaimer__content p {
    margin: 0;
    font-size: 18px;
    font-variation-settings: "wght" 700;
    line-height: 1.25;
    letter-spacing: -0.02em
}

@media (max-width:1600px) {
    .cookie-disclaimer__content p {
        font-size: 16px
    }
}

.cookie-disclaimer__content a {
    color: currentColor;
    text-decoration: underline;
    transition: all 0.2s ease
}

html.desktop .cookie-disclaimer__content a:hover {
    text-decoration-color: transparent
}

.cookie-disclaimer__agree-btn {
    display: block;
    width: 24px;
    height: 24px;
    background: none;
    border: 0;
    padding: 0;
    overflow: hidden;
    position: relative;
    flex-shrink: 0;
    position: absolute;
    right: 20px;
    top: 24px;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.768 23.2219C18.4225 23.9966 16.6774 23.7404 15.5358 22.688C15.3296 22.4979 15.1226 22.3072 14.9148 22.1158C13.9558 21.2326 12.9806 20.3345 12 19.4147C11.0194 20.3345 10.0442 21.2326 9.08524 22.1158C8.87744 22.3072 8.6704 22.4979 8.46425 22.688C7.32257 23.7404 5.57754 23.9966 4.23192 23.2219C3.65376 22.889 3.09933 22.5149 2.62815 22.0437C2.15698 21.5726 1.78295 21.0182 1.45002 20.4399C0.675171 19.0944 0.931505 17.3493 1.98396 16.2076C2.17402 16.0015 2.36471 15.7944 2.55611 15.5866C3.43933 14.6277 4.33749 13.6525 5.25714 12.6719C4.33749 11.6913 3.43931 10.7161 2.55609 9.75713C2.36469 9.54933 2.174 9.3423 1.98396 9.13612C0.931505 7.99444 0.675171 6.24942 1.45002 4.90381C1.78295 4.32563 2.157 3.7712 2.62815 3.30003C3.09933 2.82886 3.65376 2.45482 4.23194 2.12189C5.57754 1.34705 7.32257 1.60338 8.46425 2.65583C8.67042 2.84588 8.87746 3.03657 9.08526 3.22795C10.0442 4.11118 11.0194 5.00936 12 5.92901C12.9806 5.00936 13.9558 4.11118 14.9148 3.22797C15.1226 3.03657 15.3296 2.84588 15.5358 2.65583C16.6774 1.60338 18.4225 1.34705 19.768 2.12189C20.3463 2.45482 20.9007 2.82887 21.3718 3.30003C21.843 3.7712 22.2171 4.32563 22.55 4.90381C23.3248 6.24942 23.0685 7.99444 22.0161 9.13612C21.8261 9.3423 21.6353 9.54933 21.4439 9.75713C20.5607 10.7161 19.6626 11.6913 18.7428 12.6719C19.6626 13.6525 20.5607 14.6277 21.4439 15.5866C21.6353 15.7944 21.8261 16.0015 22.0161 16.2076C23.0685 17.3493 23.3248 19.0944 22.55 20.4399C22.2171 21.0182 21.843 21.5726 21.3718 22.0437C20.9007 22.5149 20.3463 22.889 19.768 23.2219Z' stroke='%2324292F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-size: 100% 100%;
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer
}

@media (max-width:1600px) {
    .cookie-disclaimer__agree-btn {
        width: 16px;
        height: 16px
    }
}

.cookie-disclaimer__agree-btn span {
    visibility: hidden
}

.cookie-disclaimer__agree-btn:hover {
    opacity: 0.7
}

.footer__logo {
    width: 100%
}

.footer__grid {
    display: grid;
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #d8d8d8;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr
}

.footer__socials-alert {
    font-family: var(--font-family);
    font-weight: 200;
    font-size: 10px;
    letter-spacing: -0.02em;
    text-align: right;
    color: #24292f
}

.footer__devices-block .footer__socials-alert {
    text-align: center
}

.footer__socials-alert-icon {
    position: absolute;
    right: -5px;
    top: -2px;
    font-size: 13px;
    line-height: 12px;
    display: block
}

.footer__socials {
    display: flex;
    flex-direction: row;
    gap: 16px;
    margin-bottom: 12px;
    margin-top: 20px;
    justify-content: flex-end
}

.footer__devices-block .footer__socials {
    justify-content: center
}

.footer__socials a {
    color: #B3B3B3;
    display: block;
    line-height: 0;
    position: relative
}

.footer__socials svg {
    width: 24px;
    height: 24px
}

.footer__column:last-child {
    text-align: right
}

.footer__menu-item+.footer__menu-item {
    margin-top: 40px
}

.footer__ctm {
    width: 121px;
    display: block;
    margin-left: auto
}

.footer__ctm svg {
    width: 121px;
    height: 26px
}

.footer__menu-link {
    font-family: var(--second-family);
    font-weight: 400;
    display: block;
    font-size: 32px;
    line-height: 100%;
    letter-spacing: -0.04em;
    color: #24292f;
    text-decoration: none;
    margin-bottom: 10px
}

.footer__menu-link {
    font-size: 32px;
    font-size: clamp(24px, 24px + 8 * (100vw - 1366px) / 554, 32px)
}

@media (max-width:1366px) {
    .footer__menu-link {
        font-size: 24px;
        font-size: clamp(16px, 16px + 8 * (100vw - 768px) / 598, 24px)
    }
}

@media (max-width:768px) {
    .footer__menu-link {
        font-size: 16px;
        font-size: clamp(16px, 16px + 0 * (100vw - 360px) / 408, 16px)
    }
}

@media (max-width:1600px) {
    .footer__menu-link {
        margin-bottom: 0
    }
}

.footer__sub-menu {
    margin-top: 20px;
    display: flex;
    gap: 4px;
    flex-direction: column
}

.footer__sub-menu li a {
    font-family: var(--font-family);
    font-weight: 200;
    font-size: 14px;
    text-decoration: none;
    line-height: 143%;
    letter-spacing: -0.04em;
    color: #7d7d7d
}

.footer__devices-menu {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 8px 20px;
    flex-wrap: wrap
}

.footer__devices-menu a {
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: -0.04em;
    color: #24292f;
    text-transform: uppercase;
    white-space: nowrap;
    text-decoration: none
}

.footer__devices-block {
    border-top: 1px solid #d8d8d8;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 20px
}

.footer__contacts {
    margin-top: 50px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-top: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
    display: grid;
    gap: 20px;
    grid-template-columns: 6fr 2fr 3fr;
    font-family: var(--font-family);
    font-weight: 200;
    font-size: 14px;
    line-height: 143%;
    letter-spacing: -0.02em;
    color: #24292f
}

.footer__contacts a {
    color: #24292f;
    text-decoration: none
}

@media (max-width:1600px) {
    .footer__contacts {
        grid-template-columns: 4fr 3fr 4fr
    }
}

@media (max-width:1099px) {
    .footer__contacts {
        gap: 10px;
        margin-top: 0;
        display: flex;
        align-items: center;
        text-align: center;
        flex-direction: column
    }
}

.footer__work-mode {
    text-align: right
}

@media (max-width:1099px) {
    .footer__work-mode {
        text-align: center
    }
}

.footer__column-right {
    display: flex;
    flex-direction: column;
    align-items: flex-end
}

.footer__bottom {
    display: grid;
    gap: 20px;
    grid-template-columns: 6fr 3fr 2fr;
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 14px;
    line-height: 143%;
    letter-spacing: -0.02em;
    color: #24292f;
    padding: 20px 0
}

@media (max-width:1600px) {
    .footer__bottom {
        grid-template-columns: 4fr 3fr 4fr
    }
}

@media (max-width:1099px) {
    .footer__bottom {
        display: flex;
        align-items: center;
        text-align: center;
        flex-direction: column
    }
}

.footer__bottom a {
    color: #24292f;
    text-decoration: none
}

body:has(.popup-gallery._display) {
    overflow: hidden
}

.popup-gallery {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    display: none;
    opacity: 0;
    transition: opacity 0.3s
}

.popup-gallery._display {
    display: block
}

.popup-gallery._animate {
    opacity: 1
}

.popup-gallery__overlay {
    background: rgba(36, 41, 47, 0.7);
    backdrop-filter: blur(0px);
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: all 0.3s;
    transition-delay: 0.5s
}

.popup-gallery._animate .popup-gallery__overlay {
    backdrop-filter: blur(0px)
}

.popup-gallery__close {
    position: absolute;
    color: #fff;
    border: 0 solid;
    right: 20px;
    top: 20px;
    cursor: pointer;
    background: transparent
}

@media (max-width:1099px) {
    .popup-gallery__close {
        right: 10px;
        top: 10px
    }
}

.popup-gallery__close svg {
    width: 40px;
    height: 40px;
    transition: transform 0.3s
}

@media (max-width:1099px) {
    .popup-gallery__close svg {
        width: 25px;
        height: 25px
    }
}

.popup-gallery__close:hover svg {
    transform: scale(1.1)
}

.popup-gallery__close:hover svg path {
    fill: #fff
}

.popup-gallery .swiper-pagi {
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 32px;
    line-height: 125%;
    letter-spacing: -0.04em;
    text-align: center;
    color: #fff;
    margin-top: 20px
}

@media (max-width:1099px) {
    .popup-gallery .swiper-pagi {
        margin-top: 10px;
        font-size: 20px
    }
}

.popup-gallery__flex {
    position: absolute;
    display: flex;
    flex-direction: row;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    justify-content: space-evenly;
    align-items: center
}

.popup-gallery .swiper-next {
    right: 20px
}

.popup-gallery .swiper-prev {
    left: 20px
}

.popup-gallery .swiper-next,
.popup-gallery .swiper-prev {
    color: #fff;
    cursor: pointer;
    z-index: 10;
    transition: transform 0.3s
}

.popup-gallery .swiper-next:hover,
.popup-gallery .swiper-prev:hover {
    transform: scale(1.1)
}

@media (max-width:599px) {
    .popup-gallery .swiper-next,
    .popup-gallery .swiper-prev {
        position: absolute;
        top: 50%;
        margin-top: -30px
    }
}

.popup-gallery .swiper-next svg,
.popup-gallery .swiper-prev svg {
    width: 50px;
    height: 45px
}

@media (max-width:1099px) {
    .popup-gallery .swiper-next svg,
    .popup-gallery .swiper-prev svg {
        width: 30px;
        height: 30px
    }
}

.popup-gallery__swiper {
    max-width: 1024px;
    max-height: calc(100vh - 100px);
    margin: 0
}

@media (max-width:1600px) {
    .popup-gallery__swiper {
        max-width: 790px
    }
}

@media (max-width:1099px) {
    .popup-gallery__swiper {
        max-width: calc(100vw - 100px)
    }
}

@media (max-width:599px) {
    .popup-gallery__swiper {
        max-width: calc(100vw - 20px)
    }
}

.popup-gallery .swiper-slide img {
    object-fit: cover;
    display: block;
    width: 100%;
    aspect-ratio: 790/554
}

.gallery {
    position: relative
}

@media (max-width:599px) {
    .gallery {
        padding-bottom: 50px
    }
}

@media (max-width:599px) {
    .gallery .block__head {
        position: initial
    }
}

@media (max-width:599px) {
    .gallery .block__navs {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: 0
    }
}

@media (max-width:1099px) {
    .gallery__swiper {
        overflow: visible !important
    }
}

@media (max-width:599px) {
    .gallery__swiper {
        margin-left: auto;
        margin-right: auto;
        max-width: 300px
    }
}

.gallery .swiper-slide {
    line-height: 0;
    overflow: hidden
}

.gallery .swiper-slide img {
    width: 100%;
    aspect-ratio: 1/1;
    object-fit: cover;
    transition: transform 0.6s
}

.gallery .swiper-slide:hover img {
    transform: scale(1.1)
}

.header {
    position: fixed;
    left: 0;
    top: 10;
    width: 100%;
    z-index: 100;
    transition: background 0.1s
}

.header._scroll {
    background: #E9E9E9
}

@media (max-width:599px) {
    .header._scroll {
        background: #fff
    }
}

body._open-menu .header._scroll {
    background: transparent !important
}

.header._scroll .header__contacts {
    color: var(--text) !important
}

.header._scroll .header__contacts a {
    color: var(--text) !important
}

.header._scroll .header__contacts a:hover {
    color: var(--violet) !important
}

body:has(#premium):not(._open-menu) .header._scroll {
    background: #24292F
}

body:has(#premium):not(._open-menu) .header._scroll .header__contacts {
    color: #fff !important
}

body:has(#premium):not(._open-menu) .header._scroll .header__contacts a {
    color: #fff !important
}

body:has(#premium):not(._open-menu) .header._scroll .header__contacts a:hover {
    color: #fff !important
}

html:has(.hero) .header::before,
body:has(.top-block:not(._white-bg)) .header::before {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
    display: block;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    opacity: 1;
    transition: opacity 0.3s;
    width: 100vw;
    height: 130px;
    pointer-events: none
}

body._open-menu .header::before {
    display: none !important
}

.header._scroll::before {
    opacity: 0 !important
}

.header__work-time {
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -4%;
    display: none;
    margin-left: auto;
    padding-right: 30px
}

body._open-menu .header__work-time {
    display: block
}

.header__menu-btn-open {
    background: #fff;
    border: 0 solid;
    border-radius: 8px;
    width: 44px;
    height: 38px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin-right: 19px;
    cursor: pointer
}

@media (max-width:1099px) {
    .header__menu-btn-open {
        margin-right: 10px
    }
}

body._open-menu .header__menu-btn-open {
    display: none
}

.header__menu-btn-open svg {
    width: 14px;
    height: 10px
}

@media (max-width:599px) {
    .header__menu-btn-open svg {
        width: 20px;
        height: 20px
    }
}

.header__menu-btn-close {
    background: #fff;
    border: 0 solid;
    border-radius: 8px;
    width: 44px;
    height: 38px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin-right: 19px;
    cursor: pointer
}

@media (max-width:1099px) {
    .header__menu-btn-close {
        display: none;
        margin-right: 10px
    }
    body._open-menu .header__menu-btn-close {
        display: flex
    }
}

.header__menu-btn-close svg {
    width: 20px;
    height: 20px
}

.header__logo-wrap {
    width: calc(2 * var(--column))
}

@media (max-width:1099px) {
    .header__logo-wrap {
        margin-right: auto;
        width: 144px
    }
}

.header__contacts {
    flex: 1
}

.header__row {
    position: fixed;
    display: flex;
    flex-direction: row;
    padding-left: var(--inner-padding-left);
    padding-right: var(--inner-padding-right);
    position: relative;
    padding: 5px 0;
    left: 0;
    align-items: center
}

@media (max-width:599px) {
    .header__row {
        min-height: 60px;
        padding-top: 5px;
        padding-bottom: 5px;
        top: 0
    }
}

.header__btns {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row
}

body._open-menu .header__btns {
    display: none
}

@media (max-width:1099px) {
    .header__btns .btn {
        font-size: 14px;
        padding: 11px 12px 15px 12px;
        border-radius: 8px
    }
}

@media (max-width:599px) {
    .header__btns .btn {
        font-size: 14px;
        padding: 10px 12px 13px 12px;
        border-radius: 8px
    }
}

.header__logo {
    display: block
}

.header__logo img {
    width: 242px;
    width: clamp(180px, 180px + 62 * (100vw - 1366px) / 554, 242px)
}

@media (max-width:1366px) {
    .header__logo img {
        width: 180px;
        width: clamp(144px, 144px + 36 * (100vw - 768px) / 598, 180px)
    }
}

@media (max-width:768px) {
    .header__logo img {
        width: 144px;
        width: clamp(144px, 144px + 0 * (100vw - 360px) / 408, 144px)
    }
}

.header__contacts {
    display: flex;
    align-items: center;
    flex-direction: row;
    font-family: var(--font-family);
    font-weight: 300;
    font-size: 16px;
    line-height: 125%;
    letter-spacing: -0.04em;
    color: var(--text)
}

body:has(#premium) .header__contacts,
body:has(.top-block:not(._white-bg)) .header__contacts {
    color: #fff
}

body._open-menu .header__contacts {
    padding-right: 256px;
    transform: translateY(0px) !important;
    color: var(--text) !important
}

body._open-menu .header__contacts .header__card {
    display: none
}

body._open-menu .header__contacts a {
    color: var(--text) !important
}

@media (hover:hover) {
    body._open-menu .header__contacts a:not([disabled]):hover {
        color: var(--violet) !important
    }
}

.header__contacts a {
    color: var(--text);
    text-decoration: none
}

body:has(#premium) .header__contacts a,
body:has(.top-block:not(._white-bg)) .header__contacts a {
    color: #fff
}

@media (hover:hover) {
    .header__contacts a:not([disabled]):hover {
        color: var(--violet)
    }
}

.header__address {
    margin-left: 0px
}

.header__phone {
    margin-left: 56px;
    white-space: nowrap
}

.header__card {
    padding-right: 30px;
    margin-left: auto
}

@media (max-width:1600px) {
    .header__card {
        margin-left: 178px
    }
}

.left-menu {
    position: fixed;
    left: 20px;
    top: 10px;
    height: calc(100svh - 20px);
    background: #fff;
    width: 100px;
    border-radius: 10px;
    padding: 20px;
    padding-bottom: 38px;
    display: flex;
    z-index: 100;
    transition: width 0.3s, left 0.3s;
    flex-direction: column
}

.left-menu:hover {
    left: 25px;
    width: 90px
}

@media (max-width:1600px) {
    .left-menu {
        width: 70px;
        padding: 10px 0px;
        padding-bottom: 38px
    }
}

@media (max-width:1099px) {
    .left-menu {
        display: none
    }
}

.left-menu__icons {
    display: flex;
    flex-direction: column
}

.left-menu__icons img {
    max-width: 30px;
    margin-left: auto;
    margin-right: auto;
    margin-top: -10px
}

.left-menu__icons img:first-child {
    margin-top: 0
}

.left-menu__reviews {
    font-family: var(--second-family);
    font-weight: 500;
    font-size: 14px;
    letter-spacing: -0.04em;
    color: #24292f;
    text-align: center;
    display: block;
    text-transform: uppercase;
    text-decoration: none;
    left: 50%;
    position: relative;
    transform: translateX(-50%)
}

.left-menu__open-menu {
    background-color: transparent;
    left: 50%;
    top: 50%;
    border: 0 solid;
    position: absolute;
    cursor: pointer;
    transition: transform 0.3s;
    transform: translateX(-50%) scale(1) translateY(-50%)
}

.left-menu__open-menu:hover svg {
    transform: scale(1.1)
}

body._open-menu .left-menu__open-menu {
    transform: translateX(-50%) scale(0) translateY(-50%)
}

.left-menu__open-menu svg {
    width: 34px;
    transition: transform 0.3s;
    height: 25px
}

@media (max-width:1600px) {
    .left-menu__open-menu svg {
        width: 25px;
        height: 18px
    }
}

.left-menu__close-menu {
    background-color: transparent;
    left: 50%;
    top: 50%;
    border: 0 solid;
    position: absolute;
    cursor: pointer;
    transition: transform 0.3s;
    transform: translateX(-50%) scale(0) translateY(-50%)
}

body._open-menu .left-menu__close-menu {
    transform: translateX(-50%) scale(1) translateY(-50%)
}

.left-menu__close-menu:hover svg {
    transform: scale(1.2)
}

.left-menu__close-menu svg {
    width: 30px;
    transition: transform 0.3s;
    height: 30px
}

@media (max-width:1600px) {
    .left-menu__close-menu svg {
        width: 22px;
        height: 22px
    }
}

.left-menu__socials {
    margin-top: auto;
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: center
}

.left-menu__socials li {
    line-height: 0
}

.left-menu__socials li a {
    transition: transform 0.3s;
    color: #B3B3B3
}

.left-menu__socials li a:hover {
    transform: scale(1.1)
}

.left-menu__socials li a svg {
    width: 24px;
    height: 24px
}

.left-menu__top {
    display: block;
    text-decoration: none
}

.menu {
    position: fixed;
    left: 0;
    z-index: 25;
    top: 0;
    width: 100%;
    background: #e9e9e9;
    height: 100svh;
    transform: translateX(-101%);
    transition: opacity 1s ease, transform 1s ease;
    pointer-events: none;
    overflow-y: auto;
    overflow-x: hidden;
    --delay-menu: 0.7s
}

body._open-menu .menu {
    opacity: 1;
    pointer-events: initial;
    transform: translateX(0)
}

body._open-menu .menu:before {
    opacity: 1;
    transition: all 1s ease
}

.menu:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    transition: all 1s ease;
    opacity: 0;
    background: url("../img/menu_bg.webp") no-repeat center center
}

@media (max-width:1099px) {
    .menu:before {
        content: none
    }
}

.menu .inner {
    position: relative;
    z-index: 2
}

.menu__grid {
    display: grid;
    grid-template-columns: auto 256px;
    gap: 20px
}

@media (max-width:1099px) {
    .menu__grid {
        gap: 0;
        display: flex;
        min-height: 100svh;
        padding-top: 68px;
        flex-direction: column-reverse
    }
}

.menu__left {
    display: flex;
    flex-direction: column;
    margin-bottom: auto;
    padding-top: 110px;
    padding-bottom: 30px;
    height: 100svh
}

@media (max-width:1099px) {
    .menu__left {
        padding: 0;
        margin-top: 30px;
        height: initial
    }
}

.menu__main {
    width: calc(var(--column) * 4);
    position: relative;
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    gap: 11px
}

@media (max-width:1099px) {
    .menu__main {
        width: calc(var(--column) * 6)
    }
}

@media (max-width:599px) {
    .menu__main {
        width: 100%
    }
}

.menu__main>li {
    position: relative;
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.2s ease, transform 0s linear 0.2s
}

body._open-menu .menu__main>li {
    opacity: 1;
    transform: translateY(0);
    transition: all 0.4s ease
}

body._open-menu .menu__main>li:nth-child(1) {
    transition-delay: calc(var(--delay-menu) + 0.05s)
}

body._open-menu .menu__main>li:nth-child(2) {
    transition-delay: calc(var(--delay-menu) + 0.1s)
}

body._open-menu .menu__main>li:nth-child(3) {
    transition-delay: calc(var(--delay-menu) + 0.15s)
}

body._open-menu .menu__main>li:nth-child(4) {
    transition-delay: calc(var(--delay-menu) + 0.2s)
}

body._open-menu .menu__main>li:nth-child(5) {
    transition-delay: calc(var(--delay-menu) + 0.25s)
}

body._open-menu .menu__main>li:nth-child(6) {
    transition-delay: calc(var(--delay-menu) + 0.3s)
}

body._open-menu .menu__main>li:nth-child(6)~li {
    transition-delay: calc(var(--delay-menu) + 0.35s)
}

.menu__main:has(.js-menu-dropdown._open) .menu__main-item {
    color: #b3b3b3
}

.menu__main:has(.js-menu-dropdown._open) .menu__main-item:hover {
    color: var(--violet)
}

@media (max-width:1099px) {
    .menu__main:has(.js-menu-dropdown._open) .menu__main-item:hover {
        color: #b3b3b3
    }
}

.menu__main:has(.js-menu-dropdown._open) .menu__main-item._open {
    color: var(--text)
}

@media (max-width:599px) {
    .menu:has(.js-menu-dropdown._open) .menu__main-item {
        display: none
    }
    .menu:has(.js-menu-dropdown._open) .menu__main-item._open {
        display: flex;
        flex-direction: row-reverse;
        justify-content: flex-end
    }
    .menu:has(.js-menu-dropdown._open) .menu__main-item._open svg {
        transform: scale(-1);
        margin-left: 0;
        margin-right: -5px
    }
    .menu:has(.js-menu-dropdown._open) .menu__main-item._open .hover-link__text,
    .menu:has(.js-menu-dropdown._open) .menu__main-item._open .hover-link__text2 {
        display: flex;
        justify-content: flex-end;
        flex-direction: row-reverse
    }
    .menu:has(.js-menu-dropdown._open) .menu__second {
        display: none
    }
}

.menu__main-item {
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 36px;
    color: #24292f;
    letter-spacing: -0.04em;
    white-space: nowrap;
    text-decoration: none;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 11px;
    transition: color 0.4s ease
}

.menu__main-item:hover {
    color: var(--violet)
}

@media (max-width:1099px) {
    .menu__main-item:hover {
        color: var(--text)
    }
}

.menu__main-item .hover-link__text,
.menu__main-item .hover-link__text2 {
    width: 100%;
    display: inline-flex !important;
    flex-direction: row
}

@media (max-width:1099px) {
    .menu__main-item {
        font-size: 32px
    }
}

.menu__main-item svg {
    width: 38px;
    height: 38px;
    margin: 2px 0 0 0
}

.menu__second {
    margin-top: auto;
    padding: 10px 0 20px 0;
    opacity: 0;
    transition: opacity 0.3s ease
}

.menu__second a {
    font-weight: 200;
    font-size: 16px;
    line-height: 125%;
    letter-spacing: -0.04em;
    color: #24292f
}

body._open-menu .menu__second {
    opacity: 1;
    transition: all 0.5s ease calc(var(--delay-menu) + 0.7s)
}

.menu__sub-menu {
    position: absolute;
    top: 0;
    min-width: calc(var(--column) * 2);
    left: calc(30px + var(--column) * 4);
    opacity: 0;
    transition: opacity 0.3s, transform 0.3s;
    pointer-events: none;
    display: flex;
    flex-direction: column;
    gap: 10px;
    transform: translateY(-20px)
}

@media (max-width:1099px) {
    .menu__sub-menu {
        min-width: calc(var(--column) * 6);
        left: calc(20px + var(--column) * 6)
    }
}

@media (max-width:599px) {
    .menu__sub-menu {
        width: 100%;
        left: 0;
        margin-top: 60px;
        transform: translateX(0);
        transition: none
    }
}

.menu__main-item._open+.menu__sub-menu {
    opacity: 1;
    transform: translateX(0);
    pointer-events: auto
}

.menu__sub-menu a {
    font-weight: 200;
    font-size: 16px;
    letter-spacing: -0.04em;
    color: #24292f;
    text-decoration: none;
    white-space: nowrap;
    transition: color 0.2s ease
}

.menu__sub-menu a:hover {
    color: var(--violet)
}

@media (max-width:1099px) {
    .menu__sub-menu a:hover {
        color: var(--text)
    }
}

.menu__cards {
    display: flex;
    gap: 10px;
    flex-direction: column;
    padding-top: 10px;
    padding-bottom: 10px;
    opacity: 0;
    transition: all 0.3s ease;
    position: relative
}

body._open-menu .menu__cards {
    opacity: 1;
    transition: all 0.5s ease calc(var(--delay-menu) + 0.6s)
}

@media (max-width:1099px) {
    .menu__cards {
        padding: 0;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr
    }
}

@media (max-width:599px) {
    .menu__cards {
        display: flex;
        flex-direction: row;
        overflow-y: hidden;
        overflow-x: auto;
        margin-left: calc(-1 * var(--inner-padding-left));
        margin-right: calc(-1 * var(--inner-padding-right));
        padding-left: var(--inner-padding-left);
        padding-right: var(--inner-padding-right)
    }
}

.menu__card {
    padding: 10px;
    position: relative;
    cursor: pointer
}

.menu__card::before {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    border-radius: 20px;
    display: block;
    content: "";
    z-index: -1;
    transition: width 0.3s, height 0.3s, border-radius 0.3s
}

@media (hover:hover) {
    .menu__card:not([disabled]):hover::before {
        border-radius: 15px;
        width: calc(100% - 6px);
        height: calc(100% - 6px)
    }
}

.menu__card-title {
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 36px;
    line-height: 83%;
    text-decoration: none;
    letter-spacing: -0.04em
}

@media (max-width:1099px) {
    .menu__card-title {
        font-size: 24px
    }
}

.menu__card-title::after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute
}

.menu__card-img {
    position: absolute;
    right: 20px;
    bottom: 20px
}

@media (max-width:1099px) {
    .menu__card-img {
        display: none
    }
}

.menu__card._it-1 {
    min-height: 330px
}

.menu__card._it-1::before {
    background: var(--blue-light)
}

.menu__card._it-1 .menu__card-title {
    color: #fff
}

@media (max-height:769px) {
    .menu__card._it-1 {
        min-height: 43svh
    }
}

.menu__card._it-2 {
    min-height: 177px
}

.menu__card._it-2::before {
    background: var(--yellow)
}

.menu__card._it-2 .menu__card-title {
    color: var(--yellow-2)
}

@media (max-height:769px) {
    .menu__card._it-2 {
        height: 23.047svh
    }
}

.menu__card._it-3 {
    min-height: 221px
}

.menu__card._it-3::before {
    background: var(--pink)
}

@media (max-height:769px) {
    .menu__card._it-3 {
        min-height: initial;
        flex: 1
    }
}

.menu__card._it-3 .menu__card-title {
    color: #fff
}

@media (max-width:1099px) {
    .menu__card {
        min-height: initial !important;
        height: 100px !important
    }
}

@media (max-width:599px) {
    .menu__card {
        flex-shrink: 0;
        min-width: 100px
    }
}

.menu__footer {
    margin-top: auto;
    opacity: 0;
    transition: opacity 0.3s ease
}

body._open-menu .menu__footer {
    opacity: 1;
    transition: all 0.5s ease calc(var(--delay-menu) + 0.7s)
}

.menu__footer-row-1 {
    display: flex;
    flex-direction: row;
    align-items: center;
    border-bottom: 1px solid #d8d8d8;
    border-top: 1px solid #d8d8d8;
    padding: 20px 0
}

.menu__footer-row-2 {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-top: 20px;
    padding-bottom: 20px
}

.menu__footer-adress {
    font-family: var(--font-family);
    font-weight: 300;
    font-size: 16px;
    line-height: 125%;
    letter-spacing: -0.04em;
    color: #24292f
}

.menu__footer-phone {
    font-weight: 300;
    font-size: 16px;
    line-height: 125%;
    letter-spacing: -0.04em;
    color: #24292f;
    text-decoration: none;
    margin-left: auto
}

.menu__icons {
    display: flex;
    flex-direction: row;
    margin-left: auto
}

.menu__icons img {
    max-width: 30px;
    margin-right: -10px
}

.menu__icons img:last-child {
    margin-right: 0
}

.menu__socials {
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: center
}

.menu__socials li {
    line-height: 0
}

.menu__socials li a {
    transition: transform 0.3s;
    color: #B3B3B3
}

.menu__socials li a:hover {
    transform: scale(1.1)
}

.menu__socials li a svg {
    width: 24px;
    height: 24px
}

.popup {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10000;
    display: none
}

.popup._display {
    display: block
}

.popup__overlay {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0;
    transition: opacity 0.2s;
    cursor: pointer
}

.popup._animate .popup__overlay {
    opacity: 0.7
}

.popup__flex {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center
}

.popup__content {
    background-color: #fff;
    max-width: 1194px;
    width: 100%;
    position: relative;
    z-index: 4;
    overflow: hidden;
    border-radius: 30px;
    opacity: 0;
    transform: translateY(100px) scale(0.9);
    transition: opacity 0.3s, transform 0.4s;
    cursor: pointer
}

.popup._animate .popup__content {
    opacity: 1;
    transform: translateY(0) scale(1)
}

@media (max-width:1600px) {
    .popup__content {
        max-width: 854px
    }
}

@media (max-width:1099px) {
    .popup__content {
        max-width: calc(100vw - 60px)
    }
}

@media (max-width:599px) {
    .popup__content {
        max-width: calc(100vw - 20px)
    }
}

.popup__close {
    border: 0 solid;
    padding: 0;
    margin: 0;
    background: transparent;
    width: 30px;
    height: 30px;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    right: 40px;
    top: 40px;
    cursor: pointer
}

@media (max-width:1600px) {
    .popup__close {
        right: 30px;
        top: 30px
    }
}

@media (max-width:1099px) {
    .popup__close {
        right: 20px;
        top: 20px
    }
}

.popup__close:hover svg path {
    stroke-width: 2px
}

.popup__scroll {
    padding: 40px;
    max-height: calc(100svh - 80px);
    overflow-x: hidden;
    overflow-y: scroll
}

@media (max-width:1600px) {
    .popup__scroll {
        padding: 30px
    }
}

@media (max-width:1099px) {
    .popup__scroll {
        padding: 20px
    }
}

@media (max-width:599px) {
    .popup__scroll {
        padding: 20px 10px
    }
}

.popup__scroll._is-frame {
    padding: 0;
    line-height: 0
}

.popup-form-error,
.popup-form-success {
    min-height: 300px;
    display: none;
    width: 100%
}

.popup:has(.popup-form._error) .popup-form-error {
    display: block
}

.popup:has(.popup-form._error) .popup-form-success,
.popup:has(.popup-form._error) .popup-form {
    display: none
}

.popup:has(.popup-form._success) .popup-form-success {
    display: block
}

.popup:has(.popup-form._success) .popup-form-error,
.popup:has(.popup-form._success) .popup-form {
    display: none
}

html:has(.popup-form._is-open) body {
    overflow: hidden
}

.popup-form {
    position: fixed;
    width: 100%;
    height: 100vh;
    z-index: 102;
    left: 0;
    top: 0;
    visibility: hidden;
    transition: all 0s ease 0.5s;
    overflow: hidden
}

.popup-form._is-open {
    visibility: visible;
    transition: all 0s ease
}

.popup-form .form-1 {
    width: 100%;
    margin: 0 !important;
    border-radius: 0;
    background: none;
    text-align: left;
    overflow: visible;
    padding-bottom: 170px
}

@media (max-width:599px) {
    .popup-form .form-1 {
        padding-bottom: 70px
    }
}

.popup-form .form-1 * {
    text-align: left !important
}

.popup-form .form-1 p {
    margin-left: 0;
    margin-right: 0
}

.popup-form .form-1 .form-1__agree {
    justify-content: flex-start;
    margin-left: 0;
    margin-right: 0
}

.popup-form .form-1 .form-1__btn {
    margin-left: 0;
    margin-right: 0
}

@media (max-width:1099px) {
    .popup-form .form-1 .form-1__btn {
        margin-left: auto;
        margin-right: auto
    }
}

.popup-form .form-1 .form-1__grid {
    max-width: 100% !important
}

.popup-form .form-1 .icon-form-decor-1 {
    left: 0% !important;
    top: 0;
    margin-left: 30px;
    transform: none !important
}

@media (max-width:599px) {
    .popup-form .form-1 .icon-form-decor-1 {
        margin-left: 10px
    }
}

.popup-form .form-1 .icon-form-decor-3 {
    right: 50px;
    bottom: 0;
    left: unset;
    margin: 0;
    transform: none !important
}

@media (max-width:599px) {
    .popup-form .form-1 .icon-form-decor-3 {
        display: none
    }
}

.popup-form .form-1 .icon-btn {
    aspect-ratio: 3.6
}

.popup-form__inner {
    position: relative;
    z-index: 2;
    min-height: 100svh;
    pointer-events: none
}

@media (max-width:1099px) {
    .popup-form__inner {
        height: 100dvh;
        pointer-events: auto
    }
}

.popup-form__scrollable {
    position: relative;
    z-index: 2;
    box-sizing: border-box;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 2
}

.popup-form__content {
    transition: transform 0.5s ease;
    transform: translateX(-100%);
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 100vh;
    width: 790px;
    pointer-events: auto
}

@media (max-width:1099px) {
    .popup-form__content {
        width: 100%
    }
}

.popup-form__content:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: -5vw;
    background: linear-gradient(180deg, #c9dd60 0%, #b1ce17 100%);
    z-index: 1
}

@media (max-width:1099px) {
    .popup-form__content:before {
        right: -5vw
    }
}

@media (max-width:599px) {
    .popup-form__content:before {
        right: -6vw;
        left: -6vw
    }
}

.popup-form__content:has(.popup-form__iframe):before {
    background: #fff
}

.popup-form._is-open .popup-form__content {
    transform: translateX(0)
}

.popup-form__content-inner {
    width: 790px;
    box-sizing: border-box;
    position: relative;
    pointer-events: auto
}

@media (max-width:1099px) {
    .popup-form__content-inner {
        width: 100%
    }
}

.popup-form__content-inner>* {
    position: relative;
    z-index: 2
}

.popup-form__content-inner:has(.popup-form__iframe) {
    height: 100vh
}

.popup-form__bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    backdrop-filter: blur(5px);
    transition: all 0.4s ease-in-out;
    background: rgba(0, 0, 0, 0.6);
    opacity: 0;
    will-change: opacity;
    pointer-events: auto
}

@media (max-width:1099px) {
    .popup-form__bg {
        backdrop-filter: unset
    }
}

.popup-form._is-open .popup-form__bg {
    opacity: 1
}

.popup-form__close-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 64px;
    height: 64px;
    position: absolute;
    left: 790px;
    top: 0;
    z-index: 3;
    color: #fff;
    overflow: hidden;
    padding: 0;
    border: 0;
    background: none;
    pointer-events: auto;
    opacity: 0;
    cursor: pointer;
    transition: opacity 0.3s ease, color 0.2s ease
}

@media (max-width:1099px) {
    .popup-form__close-btn {
        top: 0;
        right: 0;
        left: auto
    }
}

.popup-form._is-open .popup-form__close-btn {
    opacity: 1;
    transition: opacity 0.2s ease 0.4s
}

html.desktop .popup-form__close-btn:hover {
    color: var(--color-orange)
}

.popup-form__close-btn svg {
    width: 20px;
    height: 20px
}

.popup-form__close-btn span {
    display: none
}

.popup-form__iframe {
    width: 100%;
    height: 100%
}

body {
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.3s ease
}

html._is-preloaded body {
    pointer-events: auto;
    opacity: 1
}

html._is-anim-preloaded .preloader {
    visibility: hidden;
    opacity: 0
}

.preloader {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 102;
    background: #eee;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    transition: opacity 0.5s ease-in-out, visibility 0s linear 0.3s
}

.preloader-animation {
    width: 500px;
    aspect-ratio: 1;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    overflow: hidden
}

@media (max-width:599px) {
    .preloader-animation {
        width: 100%
    }
}

.preloader-animation svg {
    display: block;
    width: 100%;
    height: 100%
}

body:has(.reviews-popup._is-open) {
    overflow: hidden
}

.reviews-popup {
    position: fixed;
    width: 100%;
    height: 100vh;
    z-index: 100;
    left: 0;
    top: 0;
    visibility: hidden;
    opacity: 0;
    --duration: 0.2s;
    user-select: none;
    transition: opacity var(--duration) ease, transform var(--duration) ease, visibility 0s linear var(--duration)
}

.reviews-popup._is-open {
    visibility: visible;
    opacity: 1;
    transition: opacity var(--duration) ease, transform var(--duration) ease
}

.reviews-popup .swiper-prev,
.reviews-popup .swiper-next {
    width: 50px;
    aspect-ratio: 1;
    color: #fff;
    cursor: pointer;
    pointer-events: auto;
    flex-shrink: 1
}

.reviews-popup .swiper-prev svg,
.reviews-popup .swiper-next svg {
    width: 100%;
    height: 100%
}

.reviews-popup__inner {
    position: absolute;
    height: 100%;
    left: 0;
    right: 0;
    z-index: 2;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    pointer-events: none
}

.reviews-popup__content {
    aspect-ratio: 0.52;
    height: 90svh;
    background: #111;
    border-radius: 20px;
    overflow: hidden;
    flex-shrink: 0;
    margin: 0 50px;
    pointer-events: auto
}

@media (max-width:1099px) {
    .reviews-popup__content {
        margin: 0 30px
    }
}

@media (max-width:599px) {
    .reviews-popup__content {
        width: 94vw;
        height: 94svh;
        max-height: calc(100svh - 190px);
        aspect-ratio: auto
    }
}

.reviews-popup__bg {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(36, 41, 47, 0.7)
}

.stories {
    width: 100%;
    height: 100%;
    position: relative
}

.stories .swiper {
    width: 100%;
    height: 100%;
    --swiper-preloader-color: var(--color-sage);
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    z-index: 1
}

.stories .swiper-lazy-preloader {
    pointer-events: none;
    z-index: 1
}

.stories__title {
    font-family: var(--second-family);
    color: #fff;
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 500;
    position: absolute;
    top: 24px;
    left: 10px;
    z-index: 3
}

.stories__title i {
    display: block;
    width: 25px;
    height: 25px;
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12.5002' cy='12.5' r='12.5' fill='%23E62884'/%3E%3Cpath d='M13.0136 5.66284L15.1232 9.56163C15.188 9.68372 15.3054 9.76739 15.4434 9.79229L19.8646 10.5827C20.2214 10.6479 20.3622 11.0745 20.1082 11.3353L16.9825 14.5413C16.887 14.6379 16.8396 14.7784 16.8568 14.9107L17.4289 19.3008C17.4768 19.6548 17.102 19.9196 16.7762 19.7663L12.7343 17.8511C12.6108 17.7905 12.4624 17.7949 12.3369 17.8544L8.26712 19.7723C7.9411 19.9289 7.5686 19.6605 7.62032 19.307L8.24801 14.9163C8.26897 14.7813 8.22314 14.6443 8.12996 14.5446L5.04659 11.343C4.79821 11.0861 4.9435 10.6528 5.30007 10.5875L9.73035 9.78863C9.86786 9.75927 9.98368 9.68019 10.0514 9.557L12.2112 5.66016C12.3873 5.34531 12.8463 5.3452 13.0125 5.65764L13.0136 5.66284Z' fill='%23630D37'/%3E%3C/svg%3E");
    background-size: 100% 100%;
    background-repeat: no-repeat
}

.stories__inner {
    width: 100%;
    height: 100%;
    position: relative
}

.stories__video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.stories__video-inner {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: #000
}

.stories__video-inner iframe {
    width: 100% !important;
    height: 100% !important
}

.stories__video-preview {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    cursor: pointer
}

.stories__video-preview img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover !important;
    position: relative;
    z-index: 1
}

.stories__video-preview:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #000;
    opacity: 0.5;
    z-index: 2
}

.stories__video._is-playing .stories__video-preview {
    display: none
}

.stories__video-play {
    display: block;
    width: 38px;
    height: 38px;
    background-size: 100% 100%;
    padding: 0;
    border: 0;
    position: absolute;
    z-index: 2;
    left: 50%;
    top: 50%;
    margin: -19px 0 0 -19px;
    overflow: hidden;
    z-index: 3;
    cursor: pointer
}

.stories__video-play:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-size: 100% 100%;
    opacity: 0;
    transition: opacity 0.2s ease
}

html.desktop .stories__video-preview:hover .stories__video-play:after {
    opacity: 1
}

.stories__close-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 36px;
    height: 36px;
    position: absolute;
    right: 3px;
    top: 17px;
    z-index: 3;
    color: #fff;
    overflow: hidden;
    padding: 0;
    border: 0;
    background: none;
    transition: opacity 0.2s ease;
    cursor: pointer
}

.stories__close-btn i {
    display: none
}

.stories__close-btn svg {
    display: block;
    width: 24px;
    height: 25px
}

.stories__muted-off-btn,
.stories__muted-on-btn {
    display: none;
    width: 24px;
    height: 24px;
    position: absolute;
    right: 40px;
    top: 22px;
    z-index: 3;
    color: #fff;
    overflow: hidden;
    padding: 0;
    border: 0;
    background: none;
    transition: opacity 0.2s ease;
    cursor: pointer
}

.stories__muted-off-btn i,
.stories__muted-on-btn i {
    display: none
}

.stories__muted-off-btn svg,
.stories__muted-on-btn svg {
    display: block;
    width: 24px;
    height: 24px
}

.stories:has(.swiper-slide-active .js-stories-video) .stories__muted-off-btn,
.stories:has(.swiper-slide-active .js-stories-video) .stories__muted-on-btn {
    display: block
}

.stories:has(.swiper-slide-active .js-stories-video) .stories__muted-on-btn {
    display: block
}

._muted .stories:has(.swiper-slide-active .js-stories-video) .stories__muted-on-btn {
    display: none !important
}

.stories:has(.swiper-slide-active .js-stories-video) .stories__muted-off-btn {
    display: none
}

._muted .stories:has(.swiper-slide-active .js-stories-video) .stories__muted-off-btn {
    display: block !important
}

.stories__progress {
    position: absolute;
    z-index: 2;
    top: 10px;
    left: 10px;
    right: 10px;
    height: 2px;
    display: flex;
    gap: 6px
}

.stories__progress-item {
    height: 100%;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 2px;
    position: relative;
    width: 100%;
    overflow: hidden
}

.stories__progress-item-inner {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #fff;
    transform-origin: left;
    transform: scaleX(0)
}

.stories__click-area {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 2;
    background: rgba(255, 0, 0, 0.2)
}

.stories-item {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 2;
    pointer-events: none
}

.stories-item:before {
    content: "";
    display: block;
    width: 100%;
    height: 25%;
    background: linear-gradient(180deg, rgba(35, 35, 35, 0.56) 0%, rgba(35, 35, 35, 0) 100%);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    pointer-events: none
}

.stories-item:has(.stories-item__footer):after {
    content: "";
    display: block;
    width: 100%;
    height: 25%;
    background: linear-gradient(0deg, rgba(35, 35, 35, 0.56) 0%, rgba(35, 35, 35, 0) 100%);
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    pointer-events: none
}

.stories-item video {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
    z-index: 1
}

.stories-item__img {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
    z-index: 1
}

@media (max-width:599px) {
    body:has(.about-img) .benefits-slider .swiper-nav {
        display: flex
    }
}

@media (max-width:1600px) {
    body:has(.about-img) .info._style-1 .info__grid {
        grid-template-columns: 1fr 2fr
    }
    body:has(.about-img) .info._style-1 .info__slider-bottom {
        width: 33.33%
    }
}

@media (max-width:1099px) {
    body:has(.about-img) .info._style-1 .swiper-slide {
        border-radius: 0;
        padding-bottom: 70px
    }
    body:has(.about-img) .info._style-1 .info__slider-bottom {
        width: 100%
    }
}

body:has(.about-img) .info__slider-img {
    aspect-ratio: 1;
    object-fit: cover
}

.about-img {
    position: relative
}

@media (max-width:599px) {
    .about-img {
        border-radius: 0;
        margin-left: calc(-1 * var(--inner-padding-left));
        margin-right: calc(-1 * var(--inner-padding-right))
    }
}

.about-img__img {
    width: 100%;
    border-radius: 20px
}

@media (max-width:1099px) {
    .about-img__img {
        aspect-ratio: 729/470;
        object-fit: cover
    }
}

@media (max-width:599px) {
    .about-img__img {
        aspect-ratio: initial;
        height: 100svh
    }
}

.about-img__decor-1 {
    position: absolute;
    left: calc(3 * var(--column));
    top: -50px;
    width: 70px !important;
    transform: rotate(0deg)
}

.about-img__decor-2 {
    position: absolute;
    left: 23px;
    top: 140px
}

.about-img__decor-3 {
    position: absolute;
    right: 67px;
    bottom: 23px
}

.about-img video {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.about-block {
    margin-top: 16px
}

.about-block__grid {
    display: grid;
    grid-template-columns: 1fr 3fr;
    gap: 18px
}

@media (max-width:1600px) {
    .about-block__grid {
        gap: 10px
    }
}

@media (max-width:1099px) {
    .about-block__grid {
        grid-template-columns: 1fr
    }
}

.about-block__right-grid {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 50px 18px;
    display: grid;
    margin-bottom: 50px
}

@media (max-width:1600px) {
    .about-block__right-grid {
        gap: 50px 10px
    }
}

@media (max-width:1099px) {
    .about-block__right-grid {
        display: flex;
        margin-left: calc(-1 * var(--inner-padding-left));
        margin-right: calc(-1 * var(--inner-padding-right));
        padding-left: var(--inner-padding-left);
        padding-right: var(--inner-padding-right);
        flex-direction: row;
        overflow-x: auto;
        overflow-y: hidden
    }
    .about-block__right-grid::-webkit-scrollbar {
        width: 0;
        height: 0;
        opacity: 0
    }
}

.about-block__left {
    position: relative
}

.about-block__left .decor {
    left: 0;
    top: -40px;
    position: absolute;
    z-index: 5;
    display: block !important
}

.about-block__fixed {
    border-radius: 20px;
    padding: 30px 20px;
    background: #fff;
    top: 60px;
    position: sticky
}

.about-block__card-img-wrap {
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
    border-radius: 20px;
    aspect-ratio: 1/1
}

.about-block__card-img {
    position: absolute;
    object-fit: cover;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: transform 0.5s
}

.about-block__card:hover .about-block__card-img {
    transform: scale(1.1)
}

.about-block__card {
    overflow: hidden;
    position: relative;
    padding-bottom: 6px
}

@media (max-width:1099px) {
    .about-block__card {
        min-width: 253px
    }
}

.about-block__card .h3 {
    margin: 0;
    text-decoration: none
}

.about-block__card .h3::after {
    width: 100%;
    height: 100%;
    display: block;
    content: "";
    position: absolute;
    left: 0;
    top: 0
}

@media (max-width:1099px) {
    .about-block__card .h3 {
        font-size: 28px
    }
}

.about-info .info__content.text p {
    font-weight: 200;
    font-size: 18px;
    line-height: 133%;
    letter-spacing: -0.04em;
    color: #7d7d7d
}

.about-info .info__slider-bottom {
    bottom: 100px !important
}

@media (max-width:1099px) {
    .about-info .info__slider-bottom {
        bottom: initial !important
    }
}

.about-info .swiper-slide {
    padding-bottom: 100px
}

@media (max-width:1099px) {
    .about-info .swiper-slide {
        padding-bottom: 60px
    }
}

.about-info .swiper-slide .h4,
.about-info .swiper-slide h4 {
    position: absolute
}

@media (max-width:1099px) {
    .vacancy h4,
    .vacancy .h4 {
        font-size: 38px
    }
}

@media (max-width:599px) {
    .vacancy h4,
    .vacancy .h4 {
        font-size: 32px
    }
}

@media (max-width:1099px) {
    .vacancy h3,
    .vacancy .h3 {
        font-size: 32px
    }
}

.vacancy p {
    font-weight: 200;
    font-size: 18px;
    line-height: 133%;
    letter-spacing: -0.04em;
    color: #7d7d7d
}

@media (max-width:1600px) {
    .vacancy p {
        font-size: 16px
    }
}

.vacancy__grid {
    gap: 15px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr
}

@media (max-width:1099px) {
    .vacancy__grid {
        display: flex;
        margin-left: calc(-1 * var(--inner-padding-left));
        margin-right: calc(-1 * var(--inner-padding-right));
        padding-left: var(--inner-padding-left);
        padding-right: var(--inner-padding-right);
        flex-direction: row;
        overflow-x: auto;
        overflow-y: hidden
    }
    .vacancy__grid::-webkit-scrollbar {
        width: 0;
        height: 0;
        opacity: 0
    }
}

@media (max-width:599px) {
    .vacancy__grid {
        grid-template-columns: 1fr;
        gap: 14px;
        display: grid
    }
}

.vacancy__item {
    border-radius: 20px;
    padding: 30px 20px;
    display: flex;
    flex-direction: column;
    background: #fff;
    aspect-ratio: 1/1
}

@media (max-width:1099px) {
    .vacancy__item {
        aspect-ratio: inherit;
        min-width: 340px;
        min-height: 380px;
        padding-bottom: 10px
    }
}

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

.vacancy__item .h4,
.vacancy__item h4 {
    margin-top: 0;
    margin-bottom: 10px
}

.vacancy__item .h3,
.vacancy__item h3 {
    margin-top: 0;
    margin-bottom: 20px
}

@media (max-width:1099px) {
    .vacancy__item .h3,
    .vacancy__item h3 {
        text-align: center
    }
}

.vacancy__bottom {
    padding-top: 20px;
    margin-top: auto;
    border-top: 1px solid rgba(36, 41, 47, 0.2)
}

@media (max-width:1099px) {
    .vacancy__btns {
        display: flex;
        flex-direction: column;
        align-items: center
    }
}

.coop__top {
    text-align: center;
    margin-bottom: 40px
}

.coop__top p {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto
}

@media (max-width:1099px) {
    .coop__top p {
        font-size: 20px;
        max-width: 570px
    }
}

@media (max-width:1099px) {
    .coop .benefits__top,
    .coop .benefits__bottom {
        width: calc(100vw - var(--inner-padding-left) - var(--inner-padding-right))
    }
}

@media (max-width:599px) {
    .coop .benefits__top,
    .coop .benefits__bottom {
        display: flex;
        flex-direction: row
    }
}

@media (max-width:1099px) {
    .coop .benefits-item,
    .coop .benefits-img {
        width: calc((100vw - var(--inner-padding-left) - var(--inner-padding-right)) / 3 - 12px)
    }
}

@media (max-width:599px) {
    .coop .benefits-item,
    .coop .benefits-img {
        min-width: 253px
    }
}

.coop__bottom {
    margin-top: 58px;
    text-align: center
}

.coop__bottom a {
    text-decoration: none;
    color: var(--violet)
}

@media (max-width:599px) {
    .coop__bottom p {
        font-size: 20px
    }
}

.why .h1 {
    text-align: center
}

.why__grid {
    margin-top: 56px;
    display: grid;
    grid-template-columns: 1fr 3fr;
    gap: 16px
}

@media (max-width:1600px) {
    .why__grid {
        gap: 10px
    }
}

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

.why__card {
    padding: 20px;
    color: #fff;
    text-align: center;
    min-height: 210px;
    display: flex;
    flex-direction: column
}

.why__card .h4,
.why__card h4 {
    margin-bottom: auto
}

@media (max-width:1600px) {
    .why__card .h4,
    .why__card h4 {
        font-size: 36px
    }
}

@media (max-width:1099px) {
    .why__card {
        min-width: 300px
    }
}

@media (max-width:599px) {
    .why__card {
        min-width: 253px
    }
}

.why__card p {
    font-weight: 300;
    font-size: 16px;
    line-height: 112%;
    letter-spacing: -0.04em
}

.why__card p:last-child {
    margin-bottom: 0
}

.why__card-winner {
    background: #fff;
    text-align: center;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 20px
}

.why__card-winner p {
    font-weight: 200;
    font-size: 12px;
    letter-spacing: -0.04em;
    text-align: center;
    color: #7d7d7d
}

.why__card-winner p:last-child {
    margin-bottom: 0
}

.why__winner-text {
    font-weight: 300;
    font-size: 12px;
    letter-spacing: -0.04em;
    text-transform: uppercase;
    text-align: center;
    color: #7d7d7d;
    margin-top: 10px
}

.why__card-winner-title {
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 24px;
    line-height: 100%;
    letter-spacing: -0.04em;
    text-align: center;
    margin-bottom: 11px
}

.why__right-grid {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 16px;
    display: grid
}

@media (max-width:1600px) {
    .why__right-grid {
        gap: 10px
    }
}

@media (max-width:1099px) {
    .why__right-grid {
        padding-top: 50px;
        margin-top: -50px;
        display: flex;
        margin-left: calc(-1 * var(--inner-padding-left));
        margin-right: calc(-1 * var(--inner-padding-right));
        padding-left: var(--inner-padding-left);
        padding-right: var(--inner-padding-right);
        flex-direction: row;
        overflow-x: auto;
        gap: 8px;
        overflow-y: hidden
    }
    .why__right-grid::-webkit-scrollbar {
        width: 0;
        height: 0;
        opacity: 0
    }
}

body:has(.vacancy-popup._open) {
    overflow: hidden
}

.vacancy-popup {
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: none
}

.vacancy-popup._display {
    display: block
}

.vacancy-popup__overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(30px);
    background: rgba(36, 41, 47, 0.7);
    transition: opacity 0.3s;
    opacity: 0
}

.vacancy-popup._animate .vacancy-popup__overlay {
    opacity: 1
}

.vacancy-popup__content {
    border-radius: 0 20px 20px 0;
    padding: 0px 20px;
    width: 791px;
    background: #fff;
    left: 0;
    top: 0;
    position: absolute;
    height: 100%;
    transition: transform 0.6s;
    transform: translateX(-110%)
}

.vacancy-popup._animate .vacancy-popup__content {
    transform: translateX(0)
}

@media (max-width:1099px) {
    .vacancy-popup__content {
        border-radius: 20px;
        width: calc(100% - 40px);
        height: calc(100% - 40px);
        left: 20px;
        top: 20px
    }
}

@media (max-width:599px) {
    .vacancy-popup__content {
        left: 10px;
        width: calc(100% - 20px)
    }
}

.vacancy-popup__close {
    width: 50px;
    height: 50%;
    position: absolute;
    top: 0;
    height: 50px;
    cursor: pointer;
    right: -50px;
    background: transparent;
    border: 0 solid;
    color: #fff;
    padding: 0
}

.vacancy-popup__close:hover path {
    stroke-width: 4px
}

@media (max-width:1099px) {
    .vacancy-popup__close {
        width: 30px;
        height: 30px;
        color: var(--text);
        top: 30px;
        stroke-width: 3px;
        right: 20px
    }
}

.vacancy-popup__bottom {
    margin-top: 30px;
    padding-top: 20px;
    border-top: 1px solid rgba(36, 41, 47, 0.2)
}

.vacancy-popup__scroll {
    height: 100svh;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 30px 0
}

@media (max-width:1099px) {
    .vacancy-popup__scroll {
        height: calc(100svh - 40px)
    }
}

.vacancy-popup__scroll::-webkit-scrollbar {
    width: 0;
    height: 0;
    opacity: 0
}

.href-menu {
    position: fixed;
    left: 0;
    bottom: 15px;
    width: 100vw;
    padding-left: var(--inner-padding-left);
    padding-right: var(--inner-padding-right);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    z-index: 10
}

.href-menu ul {
    border-radius: 10px;
    padding: 2px;
    background: #fff;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap
}

.href-menu ul::-webkit-scrollbar {
    width: 0;
    height: 0;
    opacity: 0
}

.href-menu ul li {
    display: inline-block;
    min-width: auto
}

.href-menu a {
    font-weight: 600;
    font-size: 14px;
    letter-spacing: -0.04em;
    text-transform: uppercase;
    color: #24292f;
    border-radius: 10px;
    padding: 8px 20px;
    display: inline-block
}

.href-menu a._active {
    background: var(--violet);
    color: #fff
}

.actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px
}

@media (max-width:1600px) {
    .actions {
        gap: 10px
    }
}

@media (max-width:1099px) {
    .actions {
        gap: 12px;
        grid-template-columns: 1fr
    }
}

.actions-item {
    display: flex;
    text-decoration: none;
    min-height: 280px;
    box-sizing: border-box;
    padding: 10px;
    border-radius: 20px;
    color: #fff
}

@media (max-width:1099px) {
    .actions-item {
        min-height: 330px
    }
}

@media (max-width:599px) {
    .actions-item {
        border-radius: 10px
    }
}

.actions-item:hover .actions-item__details svg {
    left: 3px
}

.actions-item__inner {
    width: 100%;
    display: flex;
    gap: 10px;
    padding-bottom: 10px
}

@media (max-width:599px) {
    .actions-item__inner {
        flex-direction: column-reverse;
        padding-bottom: 0
    }
}

.actions-item__content {
    width: 100%;
    padding: 20px 10px 10px 10px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 20px
}

@media (max-width:599px) {
    .actions-item__content {
        padding: 10px
    }
}

.actions-item__title {
    margin: 0 !important
}

.actions-item__text {
    font-size: 18px;
    line-height: 1.33;
    font-weight: 100
}

@media (max-width:1600px) {
    .actions-item__text {
        font-size: 14px
    }
}

.actions-item__annotation {
    margin: 0;
    font-family: var(--second-family);
    line-height: normal;
    font-weight: 500;
    font-size: 20px;
    letter-spacing: -0.01em
}

.actions-item__img {
    width: 332px;
    aspect-ratio: 0.775;
    flex-shrink: 0;
    align-self: flex-start;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.2);
    overflow: hidden
}

@media (max-width:1600px) {
    .actions-item__img {
        width: 217px
    }
}

@media (max-width:599px) {
    .actions-item__img {
        width: 100%;
        aspect-ratio: 1
    }
}

.actions-item__img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.actions-item__footer {
    margin-top: auto;
    padding-top: 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.3)
}

.actions-item__price {
    line-height: 1;
    margin: 0;
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 40px;
    letter-spacing: -0.01em
}

@media (max-width:1099px) {
    .actions-item__price {
        font-size: 32px
    }
}

.actions-item__days {
    font-size: 14px;
    margin-top: 12px
}

.actions-item__details {
    display: flex;
    align-items: center;
    gap: 4px;
    font-family: var(--second-family);
    letter-spacing: -0.02em;
    margin-top: auto;
    font-size: 20px
}

@media (max-width:599px) {
    .actions-item__details {
        font-size: 14px;
        margin-top: 50px
    }
}

.actions-item__details span {
    font-weight: 400
}

.actions-item__details svg {
    width: 18px;
    height: 16px;
    flex-shrink: 0;
    position: relative;
    left: 0;
    top: 0.15em;
    transition: left 0.3s ease
}

@media (max-width:599px) {
    .actions-item__details svg {
        width: 14px;
        height: 12px
    }
}

.afisha-grid {
    display: flex;
    flex-direction: column;
    gap: 8px
}

@media (max-width:1099px) {
    .afisha-grid {
        display: grid;
        grid-template-columns: 1fr 1fr
    }
}

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

.afisha-card {
    background: #fff;
    display: grid;
    padding: 10px;
    gap: 30px;
    grid-template-columns: 330px auto
}

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

@media (max-width:1099px) {
    .afisha-card {
        gap: 20px;
        grid-template-columns: 1fr
    }
}

.afisha-card__img-wrap {
    border-radius: 10px;
    position: relative;
    overflow: hidden;
    min-height: 424px
}

@media (max-width:1099px) {
    .afisha-card__img-wrap {
        aspect-ratio: 1/1;
        min-height: auto
    }
}

.afisha-card__img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover
}

@media (max-width:1099px) {
    .afisha-card__info:last-child {
        grid-column: span 2
    }
    .afisha-card__info:last-child br {
        display: none
    }
}

.afisha-card__info-row {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
    margin-bottom: auto
}

@media (max-width:1099px) {
    .afisha-card__info-row {
        grid-template-columns: 1fr 1fr
    }
}

.afisha-card__content {
    padding-top: 18px;
    display: flex;
    flex-direction: column
}

@media (max-width:1099px) {
    .afisha-card__content {
        padding-top: 0
    }
}

.afisha-card__btns {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 15px
}

@media (max-width:1099px) {
    .afisha-card__btns {
        margin-top: 40px;
        border-top: 1px solid rgba(36, 41, 47, 0.2);
        padding-top: 10px;
        display: flex;
        flex-direction: column;
        gap: 5px
    }
    .afisha-card__btns .btn,
    .afisha-card__btns .arrow-link {
        width: 100%;
        text-align: center
    }
}

@media (max-width:599px) {
    .afisha-card__btns {
        flex-direction: row;
        align-items: center
    }
    .afisha-card__btns .btn {
        flex: 1
    }
    .afisha-card__btns .arrow-link {
        width: initial;
        padding-right: 2px
    }
}

.afisha-card__body.text {
    border-top: 1px solid rgba(36, 41, 47, 0.2);
    padding-top: 13px;
    margin-top: 5px
}

@media (max-width:1600px) {
    .afisha-card__body.text {
        margin-top: 34px;
        padding-top: 6px
    }
}

@media (max-width:1099px) {
    .afisha-card__body.text {
        display: none
    }
}

@media (max-width:1600px) {
    .afisha-card__body.text h5,
    .afisha-card__body.text .h5 {
        margin-bottom: 10px
    }
}

.afisha-card__body.text ul {
    margin-left: 24px
}

.afisha-card__body.text ul li {
    font-size: 16px;
    line-height: 125%
}

.afisha-card__info-title {
    font-size: 16px;
    font-size: clamp(16px, 16px + 0 * (100vw - 1366px) / 554, 16px)
}

@media (max-width:1366px) {
    .afisha-card__info-title {
        font-size: 16px;
        font-size: clamp(14px, 14px + 2 * (100vw - 768px) / 598, 16px)
    }
}

@media (max-width:768px) {
    .afisha-card__info-title {
        font-size: 14px;
        font-size: clamp(14px, 14px + 0 * (100vw - 360px) / 408, 14px)
    }
}

.afisha-card__title {
    margin-bottom: 24px
}

.afisha-card__title {
    font-size: 52px;
    font-size: clamp(40px, 40px + 12 * (100vw - 1366px) / 554, 52px)
}

@media (max-width:1366px) {
    .afisha-card__title {
        font-size: 40px;
        font-size: clamp(32px, 32px + 8 * (100vw - 768px) / 598, 40px)
    }
}

@media (max-width:768px) {
    .afisha-card__title {
        font-size: 32px;
        font-size: clamp(32px, 32px + 0 * (100vw - 360px) / 408, 32px)
    }
}

.afisha-card__btns {
    margin-top: 20px
}

.afisha-card__vk {
    min-width: 30px;
    height: 30px;
    color: #B3B3B3;
    transition: color 0.3s
}

@media (max-width:1099px) {
    .afisha-card__vk {
        display: none
    }
}

.afisha-card__vk:hover {
    color: rgb(77, 113, 152)
}

.afisha-card__vk svg {
    width: 30px;
    height: 30px
}

.afisha-card__info-desc {
    margin-top: 10px;
    font-family: var(--second-family);
    font-weight: 500;
    margin-bottom: 0;
    line-height: 152%;
    letter-spacing: -0.04em
}

.afisha-card__info-desc {
    font-size: 24px;
    font-size: clamp(20px, 20px + 4 * (100vw - 1366px) / 554, 24px)
}

@media (max-width:1366px) {
    .afisha-card__info-desc {
        font-size: 20px;
        font-size: clamp(20px, 20px + 0 * (100vw - 768px) / 598, 20px)
    }
}

@media (max-width:768px) {
    .afisha-card__info-desc {
        font-size: 20px;
        font-size: clamp(20px, 20px + 0 * (100vw - 360px) / 408, 20px)
    }
}

@media (max-width:1600px) {
    .afisha-card__info-desc {
        line-height: 100%
    }
}

@media (max-width:1099px) {
    .afisha-card__info-desc {
        margin-top: 8px
    }
}

.animator-popup {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 1111
}

.animator-popup._display {
    display: block
}

.animator-popup .afisha-card__vk {
    display: block
}

.animator-popup__flex {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 10px;
    justify-content: center
}

.animator-popup__overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 0.3s;
    backdrop-filter: blur(30px);
    background: rgba(36, 41, 47, 0.7)
}

.animator-popup._animate .animator-popup__overlay {
    opacity: 1
}

.animator-popup__content {
    background: #fff;
    border-radius: 20px;
    width: calc(100vw - 20px);
    max-width: 340px;
    overflow: hidden;
    position: relative;
    opacity: 0;
    transition: opacity 0.4s, transform 0.4s;
    transform: scale(0.8)
}

.animator-popup._animate .animator-popup__content {
    opacity: 1;
    transform: scale(1)
}

.animator-popup__content .afisha-card__btns {
    display: flex;
    gap: 20px;
    align-items: center;
    flex-direction: row;
    padding-right: 13px
}

.animator-popup__content .afisha-card__vk,
.animator-popup__content .afisha-card__body {
    display: block
}

.animator-popup__content .btn {
    width: 100%;
    text-align: center
}

.animator-popup .js-afisha-more {
    display: none
}

.animator-popup__scroll {
    overflow-x: hidden;
    overflow-y: auto;
    max-height: calc(100svh - 20px)
}

.animator-popup__close {
    position: absolute;
    right: 20px;
    top: 20px;
    width: 30px;
    height: 30px;
    background: transparent;
    border: 0 solid;
    z-index: 3;
    padding: 0
}

.animator-popup__close svg {
    width: 100%;
    height: 100%
}

.animators-wrap {
    position: relative
}

.animators-wrap__decor-1 {
    right: 258px;
    top: -60px
}

.animators-wrap__decor-2 {
    left: 200px;
    bottom: -80px
}

.animators-wrap__decor-3 {
    left: 50%;
    transform: translateX(160px);
    bottom: -70px
}

.info {
    position: relative
}

.info__slider-bottom {
    display: flex;
    flex-direction: row;
    align-items: center
}

.info__slider-bottom .swiper-nav {
    margin-top: 0;
    padding-right: 2px
}

@media (max-width:599px) {
    .info__slider-bottom .swiper-nav {
        padding-right: 7px
    }
}

.info__slider-img {
    width: 100%
}

.info__slider-img[data-popupslider] {
    cursor: pointer;
    transition: transform 0.3s
}

.info__slider-img[data-popupslider]:hover {
    transform: scale(1.03)
}

.info .decor {
    position: absolute
}

@media (max-width:1099px) {
    .info__grid {
        margin-top: 20px
    }
}

.info .swiper-slide {
    border-radius: 20px;
    overflow: hidden
}

.info .swiper-slide img {
    width: 100%
}

.info .text p {
    max-width: calc(var(--column) * 5);
    font-size: 24px
}

@media (max-width:1600px) {
    .info .text p {
        font-size: 16px
    }
}

@media (max-width:1099px) {
    .info .text p {
        max-width: initial
    }
}

.info__gallery-wrap {
    min-width: 0
}

.info__slider-pagi {
    margin: 0
}

.info__slider .swiper-slide {
    height: auto
}

.info__slider .swiper-slide img {
    object-fit: cover;
    aspect-ratio: 1/1
}

@media (max-width:1099px) {
    .info__slider {
        overflow: visible !important
    }
}

.info__content {
    padding-right: 28px
}

@media (max-width:1600px) {
    .info__content {
        padding-right: 20px
    }
}

@media (max-width:1099px) {
    .info__content .download:last-child {
        margin-bottom: 20px
    }
}

.info .swiper-prev svg,
.info .swiper-next svg {
    width: 42px;
    height: 36px
}

@media (max-width:1600px) {
    .info .swiper-prev svg,
    .info .swiper-next svg {
        width: 26px;
        height: 24px
    }
}

.info._style-1 .info__slider {
    min-width: 0;
    position: initial
}

.info._style-1 .info__left {
    padding-bottom: 50px
}

.info._style-1 .info__slider-bottom {
    position: absolute;
    left: 0;
    bottom: 0;
    width: calc(var(--column) * 3 - 20px);
    box-sizing: border-box;
    padding-right: 28px
}

#premium .info._style-1 .info__slider-bottom {
    width: calc(var(--column) * 4 - 20px)
}

@media (max-width:1099px) {
    #premium .info._style-1 .info__slider-bottom {
        position: relative;
        width: 100%;
        margin-top: 20px
    }
}

@media (max-width:1600px) {
    .info._style-1 .info__slider-bottom {
        padding-right: 12px
    }
}

@media (max-width:1099px) {
    .info._style-1 .info__slider-bottom {
        position: relative;
        width: 100%;
        margin-top: 20px;
        padding-right: 0
    }
}

.info._style-1 .info__grid {
    position: relative;
    display: grid;
    grid-template-columns: 3fr 8fr;
    gap: 18px
}

#premium .info._style-1 .info__grid {
    grid-template-columns: 4fr 8fr
}

@media (max-width:1099px) {
    .info._style-1 .info__grid {
        display: block;
        gap: 0
    }
}

.info._style-2 .info__slider {
    min-width: 0;
    position: initial
}

.info._style-2 .info__content {
    padding-left: calc(var(--column) * 3)
}

#premium .info._style-2 .info__content {
    padding-left: calc(var(--column) * 4)
}

@media (max-width:1099px) {
    #premium .info._style-2 .info__content {
        max-width: 100%;
        padding-left: calc(var(--column) * 4)
    }
}

@media (max-width:1099px) {
    .info._style-2 .info__content {
        max-width: 100%;
        padding-left: calc(var(--column) * 4)
    }
}

@media (max-width:599px) {
    .info._style-2 .info__content {
        padding-left: 0
    }
}

.info._style-2 .info__content p {
    max-width: calc(var(--column) * 5)
}

@media (max-width:1600px) {
    .info._style-2 .info__content p {
        max-width: calc(var(--column) * 6)
    }
}

@media (max-width:1099px) {
    .info._style-2 .info__content p {
        max-width: 100%
    }
}

.info._style-2 .info__content:has(.download) {
    margin-bottom: 30px
}

@media (max-width:1099px) {
    .info._style-2 .info__content:has(.download) {
        margin-bottom: 20px
    }
}

.info._style-2 .info__slider-bottom {
    position: absolute;
    right: 0;
    bottom: 0;
    width: calc(var(--column) * 3);
    flex-direction: row-reverse;
    box-sizing: border-box;
    padding-left: 20px
}

.info._style-2 .info__slider-bottom .info__slider-pagi {
    margin-left: auto !important;
    margin-right: 0;
    width: auto
}

@media (max-width:1099px) {
    .info._style-2 .info__slider-bottom .info__slider-pagi {
        margin-left: 0 !important
    }
}

#premium .info._style-2 .info__slider-bottom {
    width: calc(var(--column) * 4 - 20px)
}

@media (max-width:1099px) {
    #premium .info._style-2 .info__slider-bottom {
        position: relative;
        width: 100%;
        margin-top: 20px
    }
}

@media (max-width:1099px) {
    .info._style-2 .info__slider-bottom {
        position: relative;
        width: 100%;
        margin-top: 20px;
        padding-left: 0;
        flex-direction: row;
        justify-content: space-between
    }
}

.info._style-2 .info__grid {
    position: relative;
    display: grid;
    grid-template-columns: 8fr 3fr;
    gap: 18px
}

#premium .info._style-2 .info__grid {
    grid-template-columns: 8fr 4fr
}

@media (max-width:1099px) {
    #premium .info._style-2 .info__grid {
        grid-template-columns: 1fr;
        gap: 0
    }
}

@media (max-width:1099px) {
    .info._style-2 .info__grid {
        grid-template-columns: 1fr;
        gap: 0
    }
}

.info._style-3 .info__slider-2 {
    min-width: 0;
    position: initial
}

.info._style-3 .info__left {
    padding-bottom: 50px
}

.info._style-3 .info__slider-bottom {
    position: absolute;
    left: 0;
    bottom: 0;
    width: calc(var(--column) * 3 - 20px);
    padding-right: 28px
}

@media (max-width:1600px) {
    .info._style-3 .info__slider-bottom {
        padding-right: 12px
    }
}

@media (max-width:1099px) {
    .info._style-3 .info__slider-bottom {
        position: relative;
        width: 100%;
        margin-top: 20px;
        padding-right: 0
    }
}

.info._style-3 .info__grid {
    position: relative;
    display: grid;
    grid-template-columns: 3fr 8fr;
    gap: 18px
}

@media (max-width:1099px) {
    .info._style-3 .info__grid {
        grid-template-columns: 1fr;
        gap: 0
    }
}

.info._style-3 .swiper-slide {
    max-width: 881px
}

.info._style-3 .swiper-slide img {
    display: block;
    aspect-ratio: 632/442;
    object-fit: cover
}

@media (max-width:1600px) {
    .info._style-3 .swiper-slide {
        max-width: 632px
    }
}

.info .info__slider-4 .info__slider-bottom {
    position: relative;
    right: initial;
    left: 50%;
    transform: translateX(-50%)
}

.info._style-4 {
    min-width: 0
}

.info._style-4 .info__content {
    text-align: center
}

.info._style-4 .info__content .text p,
.info._style-4 .info__content .text {
    margin-left: auto;
    margin-right: auto
}

.info._style-4 .info__slider-4 {
    margin-top: 40px
}

@media (max-width:1600px) {
    .info._style-4 .info__slider-4 {
        margin-top: 30px
    }
}

.info__slider-4 {
    min-width: 0;
    margin-left: calc(var(--column) * -2);
    width: calc(100vw + var(--column) * 4)
}

@media (max-width:1099px) {
    .info__slider-4 {
        margin-left: calc(var(--inner-padding-left) * -1);
        max-width: 100vw
    }
}

.info__slider-4 .info__slider-bottom {
    margin-top: 40px;
    justify-content: center
}

@media (max-width:1099px) {
    .info__slider-4 .swiper-slide {
        width: 424px
    }
}

@media (max-width:599px) {
    .info__slider-4 .swiper-slide {
        width: 253px
    }
}

.popup-paket .card {
    padding: 0
}

.popup-paket .card__alert {
    margin-bottom: 20px
}

.popup-paket .popup__close {
    z-index: 3
}

._positon-abs {
    position: absolute
}

._right-0 {
    right: calc(var(--column) * 0)
}

._right-1 {
    right: calc(var(--column) * 1)
}

._right-2 {
    right: calc(var(--column) * 2)
}

._right-3 {
    right: calc(var(--column) * 3)
}

._right-4 {
    right: calc(var(--column) * 4)
}

._right-5 {
    right: calc(var(--column) * 5)
}

._right-6 {
    right: calc(var(--column) * 6)
}

._right-7 {
    right: calc(var(--column) * 7)
}

._right-8 {
    right: calc(var(--column) * 8)
}

._right-9 {
    right: calc(var(--column) * 9)
}

._left-0 {
    left: calc(var(--column) * 0)
}

._left-1 {
    left: calc(var(--column) * 1)
}

._left-2 {
    left: calc(var(--column) * 2)
}

._left-3 {
    left: calc(var(--column) * 3)
}

._left-4 {
    left: calc(var(--column) * 4)
}

._left-5 {
    left: calc(var(--column) * 5)
}

._left-6 {
    left: calc(var(--column) * 6)
}

._left-7 {
    left: calc(var(--column) * 7)
}

._left-8 {
    left: calc(var(--column) * 8)
}

._left-9 {
    left: calc(var(--column) * 9)
}

@media (max-width:1099px) {
    .decor {
        display: none
    }
}

@media (max-width:1099px) {
    .img-1 {
        height: 601px
    }
}

@media (max-width:599px) {
    .img-1 {
        height: initial;
        aspect-ratio: 1/1;
        object-fit: cover
    }
}

.icon-star-1 {
    width: 83px;
    height: 79px
}

@media (max-width:1099px) {
    .icon-star-1 {
        top: -35px;
        width: 64px;
        height: 61px
    }
}

.icon-star-1._b-100 {
    bottom: 100%
}

.icon-star-1._t-out-top {
    bottom: 100%;
    transform: translateY(25%)
}

.icon-star-1._b-40 {
    bottom: -40px
}

.icon-star-1._b-20 {
    bottom: -20px
}

.icon-star-1._r-15px {
    right: 15px
}

.icon-star-1._b-0 {
    bottom: 0px
}

.icon-star-1._t-0 {
    top: 0
}

.icon-star-1._t-100 {
    top: 100%
}

.icon-star-1._t-50p {
    top: 50%;
    transform: translateY(-50%)
}

.icon-star-1._l-15px {
    left: 15px
}

.icon-star-1._t-50px {
    top: 50px
}

.icon-star-1._t-75p {
    top: 75%;
    transform: translateY(-50%)
}

.icon-star-2 {
    width: 60px;
    height: 79px
}

@media (max-width:1099px) {
    .icon-star-2 {
        width: 45px;
        height: 41px
    }
}

.icon-star-2._b-0 {
    bottom: 0px
}

.icon-star-2._r-15px {
    right: 15px
}

.icon-star-2._l-15px {
    left: 15px
}

.icon-star-2._t-50px {
    top: 50px
}

.icon-star-2._b-100 {
    bottom: 100%
}

.icon-star-2._t-out-top {
    bottom: 100%;
    transform: translateY(25%)
}

.icon-star-2._t-100 {
    top: 100%
}

.icon-star-2._b-40 {
    bottom: -40px
}

.icon-star-2._b-20 {
    bottom: -40px
}

.icon-star-2._t-0 {
    top: 0
}

.icon-star-2._t-50p {
    top: 50%;
    transform: translateY(-50%)
}

.icon-star-2._t-75p {
    top: 75%;
    transform: translateY(-50%)
}

.hover-link {
    position: relative;
    white-space: nowrap;
    display: inline-block
}

.hover-link__content {
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    padding-bottom: 12px;
    margin-bottom: -12px
}

.hover-link__text,
.hover-link__text2 {
    margin-left: -5px;
    margin-right: -5px;
    padding-left: 5px;
    padding-right: 5px
}

.hover-link__text2 {
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    transform: translateY(180%)
}

.hover-link .char {
    transition: transform 0.35s cubic-bezier(0.77, 0, 0.18, 1);
    display: inline-block;
    transition-delay: var(--d);
    will-change: transform
}

@media (max-width:1099px) {
    .hover-link:hover .char {
        transform: translateY(-180%)
    }
}

.top-block {
    min-height: 100svh;
    width: 100vw;
    position: relative;
    margin-left: calc(-1 * var(--inner-padding-left))
}

.top-block {
    padding-top: 122px;
    padding-top: clamp(80px, 80px + 42 * (100vw - 1366px) / 554, 122px)
}

@media (max-width:1366px) {
    .top-block {
        padding-top: 80px;
        padding-top: clamp(68px, 68px + 12 * (100vw - 768px) / 598, 80px)
    }
}

@media (max-width:768px) {
    .top-block {
        padding-top: 68px;
        padding-top: clamp(67px, 67px + 1 * (100vw - 360px) / 408, 68px)
    }
}

.top-block__bg {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1;
    position: absolute
}

.top-block__bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    left: 0;
    top: 0;
    position: absolute
}

@media (max-width:1099px) {
    .top-block__bg img {
        object-position: center right
    }
}

@media (max-width:599px) {
    .top-block__bg img {
        object-position: center
    }
}

.top-block .download svg {
    margin-left: 8px
}

.top-block .download span {
    font-size: 20px
}

.top-block:not(._white-bg) {
    color: #fff
}

.top-block:not(._white-bg) .breadcrumbs,
.top-block:not(._white-bg) .breadcrumbs a {
    color: #fff
}

.top-block__downloads {
    display: flex;
    flex-direction: row;
    gap: 20px
}

@media (max-width:1099px) {
    .top-block__downloads {
        flex-direction: column
    }
}

@media (max-width:599px) {
    .top-block__downloads {
        gap: 10px;
        position: absolute;
        left: 0;
        bottom: 20px;
        width: 100%;
        padding-left: var(--inner-padding-left);
        text-align: center
    }
}

.top-block__row {
    display: flex;
    align-items: flex-start;
    max-width: calc(var(--column) * 6)
}

@media (max-width:1099px) {
    .top-block__row {
        position: static;
        max-width: initial
    }
}

.top-block__card {
    box-shadow: -1px 13px 11px 0 rgba(0, 0, 0, 0.12);
    background: #fff;
    transform: rotate(-16deg);
    border-radius: 28px;
    margin-left: auto;
    position: absolute;
    left: 58%;
    top: 52%;
    transform: translateX(-50%) translateX(-50%) rotate(-16deg);
    text-align: center;
    color: #24292f
}

.top-block__card {
    padding: 40px;
    padding: clamp(32px, 32px + 8 * (100vw - 1366px) / 554, 40px)
}

@media (max-width:1366px) {
    .top-block__card {
        padding: 32px;
        padding: clamp(20px, 20px + 12 * (100vw - 768px) / 598, 32px)
    }
}

@media (max-width:768px) {
    .top-block__card {
        padding: 20px;
        padding: clamp(20px, 20px + 0 * (100vw - 360px) / 408, 20px)
    }
}

.top-block__card {
    width: 221px;
    width: clamp(192px, 192px + 29 * (100vw - 1366px) / 554, 221px)
}

@media (max-width:1366px) {
    .top-block__card {
        width: 192px;
        width: clamp(138px, 138px + 54 * (100vw - 768px) / 598, 192px)
    }
}

@media (max-width:768px) {
    .top-block__card {
        width: 138px;
        width: clamp(138px, 138px + 0 * (100vw - 360px) / 408, 138px)
    }
}

.top-block__card p {
    margin-bottom: 0
}

@media (max-width:1099px) {
    .top-block__card {
        border-radius: 20px;
        position: absolute;
        right: 22px;
        top: initial;
        bottom: 126px;
        transform: rotate(-16deg)
    }
}

@media (max-width:599px) {
    .top-block__card {
        position: absolute;
        right: 15px;
        bottom: 41px;
        transform: rotate(-16deg)
    }
}

.top-block__card:has(.top-block__card-medium) {
    padding: 30px 20px
}

.top-block__card-pin {
    aspect-ratio: 70/90;
    position: absolute;
    right: 0;
    top: 0;
    transform: translateY(-50%)
}

.top-block__card-pin {
    width: 70px;
    width: clamp(50px, 50px + 20 * (100vw - 1366px) / 554, 70px)
}

@media (max-width:1366px) {
    .top-block__card-pin {
        width: 50px;
        width: clamp(40px, 40px + 10 * (100vw - 768px) / 598, 50px)
    }
}

@media (max-width:768px) {
    .top-block__card-pin {
        width: 40px;
        width: clamp(30px, 30px + 10 * (100vw - 360px) / 408, 40px)
    }
}

.top-block__card-big {
    font-family: var(--second-family);
    font-weight: 400;
    white-space: nowrap;
    line-height: 100%;
    letter-spacing: -0.04em;
    text-align: center
}

.top-block__card-big {
    font-size: 44px;
    font-size: clamp(36px, 36px + 8 * (100vw - 1366px) / 554, 44px)
}

@media (max-width:1366px) {
    .top-block__card-big {
        font-size: 36px;
        font-size: clamp(28px, 28px + 8 * (100vw - 768px) / 598, 36px)
    }
}

@media (max-width:768px) {
    .top-block__card-big {
        font-size: 28px;
        font-size: clamp(28px, 28px + 0 * (100vw - 360px) / 408, 28px)
    }
}

.top-block__card-medium {
    font-family: var(--second-family);
    font-weight: 400;
    white-space: nowrap;
    font-size: 32px;
    line-height: 100%;
    letter-spacing: -0.04em;
    text-align: center
}

@media (max-width:1099px) {
    .top-block__card-medium {
        font-size: 24px
    }
}

.download {
    display: flex;
    gap: 10px;
    flex-direction: row;
    color: #24292f;
    text-decoration: none
}

.download span {
    font-family: var(--second-family);
    font-weight: 500;
    font-size: 24px;
    letter-spacing: -0.04em
}

@media (max-width:1099px) {
    .download span {
        font-size: 20px
    }
}

@media (max-width:599px) {
    .download span {
        font-size: 20px
    }
}

.download .icon {
    width: 22px;
    height: 22px
}

@media (max-width:599px) {
    .download .icon {
        width: 17px;
        height: 17px
    }
}

.card {
    background: #fff;
    position: relative;
    padding: 20px;
    border-radius: 20px;
    display: flex;
    flex-direction: column
}

.card .card__list p {
    display: block;
    margin-top: 27px;
    font-family: var(--font-family);
    font-weight: 200;
    font-size: 18px;
    line-height: 133%;
    letter-spacing: -0.04em;
    color: #24292f;
    margin-bottom: 5px
}

@media (max-width:1600px) {
    .card .card__list p {
        font-size: 14px
    }
}

.card .card__list p:first-child {
    margin-top: 0
}

.card .card__list p:has(strong) {
    font-family: var(--second-family);
    font-weight: 500;
    font-size: 24px;
    letter-spacing: -0.04em;
    color: #24292f;
    margin-top: 5px !important
}

@media (max-width:1600px) {
    .card .card__list p:has(strong) {
        font-size: 20px;
        margin-top: 3px
    }
}

@media (max-width:1099px) {
    .card .columns2.card__btns {
        display: flex;
        flex-direction: column
    }
}

.card__bottom-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-bottom: 20px
}

.card__bottom-row .h3 {
    margin-bottom: 10px
}

.card__bottom-price:first-child:last-child {
    grid-column: span 2
}

.card__divider {
    opacity: 0.5;
    margin-top: 50px;
    margin-bottom: 20px;
    border-top: 1px solid #d8d8d8
}

@media (max-width:1099px) {
    .card__divider {
        margin-top: 36px
    }
}

.card__title+.card__divider {
    margin-top: 0
}

.card__body-row-with-alert {
    display: grid;
    grid-template-columns: auto 310px;
    gap: 20px
}

@media (max-width:1099px) {
    .card__body-row-with-alert {
        display: flex;
        flex-direction: column-reverse
    }
}

.card__price-wrap .h3 {
    margin-bottom: 10px
}

.card__btns {
    margin-top: 20px;
    text-align: center
}

.card__alert {
    background: var(--violet);
    border-radius: 10px;
    padding: 20px;
    color: #fff
}

.card__alert p:last-child {
    margin-bottom: 0
}

.card__mt {
    margin-top: auto
}

.card__mt p:last-child {
    margin-bottom: 0
}

.card__title {
    margin-top: 0
}

.card._center {
    text-align: center
}

.card__pin {
    aspect-ratio: 70/90;
    position: absolute;
    right: 0;
    top: 0;
    transform: translateY(-50%)
}

.card__pin {
    width: 70px;
    width: clamp(50px, 50px + 20 * (100vw - 1366px) / 554, 70px)
}

@media (max-width:1366px) {
    .card__pin {
        width: 50px;
        width: clamp(40px, 40px + 10 * (100vw - 768px) / 598, 50px)
    }
}

@media (max-width:768px) {
    .card__pin {
        width: 40px;
        width: clamp(30px, 30px + 10 * (100vw - 360px) / 408, 40px)
    }
}

.card._double {
    grid-column: span 2;
    text-align: left
}

@media (max-width:1099px) {
    .card._double {
        min-width: 500px !important
    }
}

@media (max-width:599px) {
    .card._double {
        min-width: 340px !important
    }
}

.card._double .h4 {
    max-width: 440px
}

.cards-4 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 16px
}

@media (max-width:1600px) {
    .cards-4 {
        gap: 11px
    }
}

@media (max-width:1099px) {
    .cards-4 {
        grid-template-columns: 1fr 1fr;
        gap: 12px
    }
}

@media (max-width:599px) {
    .cards-4 {
        grid: 8px;
        grid-template-columns: 1fr
    }
}

.cards-1 .swiper-nav {
    display: none
}

@media (max-width:1099px) {
    .cards-1 .swiper-nav {
        display: flex
    }
}

@media (min-width:1100px) {
    .cards-1 .swiper {
        overflow: visible
    }
    .cards-1 .swiper .swiper-wrapper {
        width: 100% !important;
        flex-wrap: wrap;
        height: auto !important;
        overflow: visible !important;
        transform: none !important;
        gap: 10px
    }
    .cards-1 .swiper .swiper-slide {
        width: calc(50% - 5px);
        flex-shrink: 1;
        margin: 0 !important
    }
}

.cards-1__grid {
    display: grid;
    grid-template-columns: 1fr 3fr;
    gap: 16px
}

@media (max-width:1600px) {
    .cards-1__grid {
        gap: 13px
    }
}

@media (max-width:1099px) {
    .cards-1__grid {
        grid-template-columns: 1fr;
        gap: 12px
    }
}

@media (max-width:599px) {
    .cards-1__grid {
        grid: 8px
    }
}

.cards-1__fixed-card {
    top: 100px;
    position: sticky;
    min-height: 496px
}

.cards-1__fixed-card .card__title {
    margin-bottom: 40px
}

@media (max-width:599px) {
    .cards-1__fixed-card .card__title {
        margin-bottom: 60px
    }
}

@media (max-width:1600px) {
    .cards-1__fixed-card {
        min-height: 430px
    }
}

@media (max-width:1099px) {
    .cards-1__fixed-card {
        min-height: initial
    }
}

.cards-1__fixed-card .icon-star-1 {
    width: 83px;
    top: -48px;
    left: 13px;
    height: 79px;
    display: block !important
}

@media (max-width:1099px) {
    .cards-1__fixed-card .icon-star-1 {
        top: -35px;
        width: 64px;
        height: 61px
    }
}

.cards-1__fixed-card .icon-star-2 {
    width: 60px;
    bottom: 60px;
    right: 60px;
    height: 79px;
    display: block !important
}

@media (max-width:1099px) {
    .cards-1__fixed-card .icon-star-2 {
        width: 45px;
        height: 41px
    }
}

.cards-1__right-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 16px
}

@media (max-width:1600px) {
    .cards-1__right-grid {
        gap: 10px
    }
}

@media (max-width:1099px) {
    .cards-1__right-grid {
        display: flex;
        width: 100vw;
        overflow-y: hidden;
        overflow-x: auto;
        flex-direction: row;
        padding-top: 32px;
        margin-top: -32px;
        padding-left: var(--inner-padding-left);
        padding-right: var(--inner-padding-right);
        margin-left: calc(-1 * var(--inner-padding-left));
        margin-right: calc(-1 * var(--inner-padding-right))
    }
    .cards-1__right-grid::-webkit-scrollbar {
        opacity: 0
    }
}

.cards-1__right-grid .card {
    min-height: 240px
}

@media (max-width:1600px) {
    .cards-1__right-grid .card {
        min-height: 210px
    }
}

@media (max-width:1099px) {
    .cards-1__right-grid .card {
        min-height: 180px;
        min-width: 253px
    }
}

.cards-2 .icon-star-1 {
    width: 83px;
    top: -48px;
    left: 13px;
    height: 79px
}

@media (max-width:1099px) {
    .cards-2 .icon-star-1 {
        top: -35px;
        width: 64px;
        height: 61px
    }
}

.cards-2 .icon-star-2 {
    width: 60px;
    bottom: 60px;
    right: 60px;
    height: 79px
}

@media (max-width:1099px) {
    .cards-2 .icon-star-2 {
        width: 45px;
        height: 41px
    }
}

.cards-2__grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 16px
}

@media (max-width:1600px) {
    .cards-2__grid {
        gap: 13px
    }
}

@media (max-width:1099px) {
    .cards-2__grid {
        grid-template-columns: 1fr 1fr 1fr;
        gap: 12px
    }
}

@media (max-width:599px) {
    .cards-2__grid {
        grid: 8px;
        display: flex;
        flex-direction: row;
        width: 100vw;
        margin-left: calc(-1 * var(--inner-padding-left));
        padding: calc(1 * var(--inner-padding-left));
        padding-left: calc(1 * var(--inner-padding-left));
        overflow-y: hidden;
        overflow-x: auto;
        padding-top: 20px;
        margin-top: -10px
    }
    .cards-2__grid::-webkit-scrollbar {
        opacity: 0;
        width: 0;
        height: 0
    }
}

.cards-2 .card {
    min-height: 210px
}

@media (max-width:1099px) {
    .cards-2 .card {
        min-height: 162px
    }
}

@media (max-width:599px) {
    .cards-2 .card {
        min-width: 253px;
        min-height: 180px
    }
}

.cards-2 .card:first-child {
    grid-row: span 2
}

@media (max-width:1099px) {
    .cards-2 .card:first-child {
        grid-row: span 1;
        grid-column: span 3;
        min-height: 202px
    }
}

.cards-2 .card:last-child {
    grid-column: span 2
}

@media (max-width:599px) {
    .cards-2 .card:last-child {
        min-width: calc(100vw - var(--inner-padding))
    }
}

.swiper-navs {
    display: flex;
    align-items: center;
    justify-items: center;
    gap: 9px;
    margin-top: 30px
}

.img-slider {
    margin-left: 0;
    margin-top: 13px
}

@media (max-width:599px) {
    .img-slider {
        max-width: 300px;
        overflow: visible !important
    }
}

.img-slider__img {
    aspect-ratio: 1/1;
    object-fit: cover;
    width: 100%
}

.afisha-block ._hidden {
    display: none
}

@media (max-width:599px) {
    .afisha-block h2.h1 {
        text-align: center
    }
}

.afisha-block__months {
    display: flex;
    flex-direction: row;
    border-radius: 10px;
    padding: 4px;
    background: #fff;
    margin-bottom: 10px
}

.afisha-block__month {
    flex: 1;
    background: transparent;
    border: 1px solid transparent;
    padding: 7px;
    text-align: center;
    font-family: var(--second-family);
    font-weight: 500;
    font-size: 20px;
    letter-spacing: -0.04em;
    color: var(--violet);
    border-radius: 10px;
    text-transform: uppercase
}

.afisha-block__month._active {
    color: #fff;
    background: var(--violet)
}

.afisha-block__days {
    border-radius: 20px;
    padding: 10px 20px;
    background: #fff;
    display: flex;
    justify-content: space-between
}

.afisha-block__day {
    text-align: center;
    border: 0 solid;
    background: transparent
}

.afisha-block__day-name {
    font-family: var(--second-family);
    font-weight: 500;
    font-size: 20px;
    letter-spacing: -0.04em
}

.afisha-block__day-number {
    font-family: var(--second-family);
    font-weight: 500;
    font-size: 20px;
    letter-spacing: -0.04em;
    width: 30px;
    height: 30px;
    margin-top: 7px;
    border: 0 solid;
    border-radius: 50%
}

.afisha-block__day._active .afisha-block__day-number {
    background: var(--violet);
    color: #fff
}

.afisha-block__bullets {
    top: 0 !important;
    width: calc(100vw - var(--inner-padding-left) - var(--inner-padding-right)) !important;
    margin-top: 20px;
    text-align: center
}

.afisha-block__bullets .swiper-pagination-bullet {
    width: 14px;
    text-align: center;
    height: 14px
}

.afisha-block__bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: var(--violet)
}

@media (max-width:599px) {
    .afisha-block__swiper {
        max-width: 300px;
        margin-left: 0;
        overflow: visible !important
    }
}

.afisha-block__img {
    aspect-ratio: 635/444;
    object-fit: cover
}

@media (max-width:599px) {
    .afisha-block__img {
        display: none
    }
}

.afisha-block .afisha-block__dates,
.afisha-block .card {
    min-height: 492px
}

@media (max-width:1600px) {
    .afisha-block .afisha-block__dates,
    .afisha-block .card {
        min-height: 420px
    }
}

.afisha-block .card {
    padding: 29px 20px;
    margin-bottom: 16px
}

@media (max-width:1600px) {
    .afisha-block .card {
        margin-bottom: 10px
    }
}

.afisha-block .card__title {
    margin-bottom: 22px
}

.afisha-block__dates {
    border-radius: 20px;
    padding: 30px 20px;
    background: #fff
}

.afisha-block__date-icon {
    overflow: hidden;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 0px;
    height: 30px;
    transition: width 0.3s
}

.afisha-block__date._active .afisha-block__date-icon {
    width: 30px
}

.afisha-block__date {
    background: transparent;
    border: 0 solid;
    font-family: var(--second-family);
    font-weight: 500;
    font-size: 24px;
    letter-spacing: -0.04em;
    color: #c8c9c8;
    display: flex;
    align-items: center;
    padding: 0;
    width: 100%;
    text-align: left;
    cursor: pointer;
    transition: color 0.3s
}

.afisha-block__date:hover {
    color: #24292f
}

@media (max-width:1600px) {
    .afisha-block__date {
        font-size: 20px
    }
}

.afisha-block__date._active {
    color: #24292f;
    text-decoration: underline;
    text-decoration-skip-ink: none
}

.afisha-block__date svg {
    width: 16px;
    height: 16px
}

.afisha-block dl dt {
    margin-top: 27px;
    font-family: var(--font-family);
    font-weight: 200;
    font-size: 18px;
    line-height: 133%;
    letter-spacing: -0.04em;
    color: #24292f
}

@media (max-width:1600px) {
    .afisha-block dl dt {
        font-size: 14px
    }
}

.afisha-block dl dt:first-child {
    margin-top: 0
}

.afisha-block dl dd {
    font-family: var(--second-family);
    font-weight: 500;
    font-size: 24px;
    letter-spacing: -0.04em;
    color: #24292f;
    margin-top: 5px
}

@media (max-width:1600px) {
    .afisha-block dl dd {
        font-size: 20px;
        margin-top: 3px
    }
}

.programm__row {
    display: grid;
    grid-template-columns: 1fr 1fr
}

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

.programm__row-price {
    display: grid;
    grid-template-columns: 1fr 1fr;
    border-top: solid #d8d8d8;
    margin-top: 42px;
    margin-bottom: 20px;
    padding-top: 20px
}

.programm__price-title {
    font-size: 18px;
    font-weight: 200;
    line-height: 129%;
    letter-spacing: -0.04em;
    color: #24292f;
    margin-bottom: 10px
}

@media (max-width:1600px) {
    .programm__price-title {
        font-size: 14px
    }
}

@media (max-width:599px) {
    .programm__price-title {
        font-size: 12px
    }
}

.programm__price {
    font-family: var(--second-family);
    font-weight: 400;
    line-height: 100%;
    letter-spacing: -0.04em
}

.programm__price {
    font-size: 52px;
    font-size: clamp(40px, 40px + 12 * (100vw - 1366px) / 554, 52px)
}

@media (max-width:1366px) {
    .programm__price {
        font-size: 40px;
        font-size: clamp(32px, 32px + 8 * (100vw - 768px) / 598, 40px)
    }
}

@media (max-width:768px) {
    .programm__price {
        font-size: 32px;
        font-size: clamp(32px, 32px + 0 * (100vw - 360px) / 408, 32px)
    }
}

.programm .icon-star-1 {
    width: 83px;
    height: 79px
}

.programm .icon-star-2 {
    width: 60px;
    height: 79px
}

.programm__column {
    position: relative
}

.programm__column ul {
    display: flex;
    flex-direction: column;
    gap: 21px
}

@media (max-width:599px) {
    .programm__column ul {
        gap: 10px;
        margin-bottom: 10px
    }
}

.programm__column ul li {
    position: relative;
    padding-left: 30px;
    font-family: var(--second-family);
    font-weight: 500;
    font-size: 24px;
    letter-spacing: -0.04em
}

@media (max-width:1600px) {
    .programm__column ul li {
        font-size: 20px
    }
}

.programm__column ul li::after {
    width: 6px;
    height: 6px;
    display: block;
    content: "";
    background: currentColor;
    border-radius: 50%;
    position: absolute;
    left: 11px;
    top: 50%;
    transform: translateY(-50%)
}

@media (max-width:1600px) {
    .programm__column ul li {
        font-size: 20px
    }
}

.columns2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px
}

.programms {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 16px
}

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

.menus {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px
}

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

.menu-img {
    aspect-ratio: 852/596;
    object-fit: cover;
    margin-top: 16px
}

@media (max-width:1600px) {
    .menu-img {
        margin-top: 10px
    }
}

@media (max-width:1099px) {
    .menu-img {
        margin-top: 12px
    }
}

@media (max-width:599px) {
    .menu-img {
        margin-top: 8px
    }
}

.tarif-slider {
    padding-top: 40px;
    margin-top: -40px
}

@media (max-width:1099px) {
    .tarif-slider {
        overflow: visible !important
    }
}

.tarif-slider .swiper-slide {
    height: auto
}

@media (max-width:1099px) {
    .tarif-slider .swiper-slide {
        width: 300px
    }
}

.description {
    color: #7d7d7d;
    margin-top: 20px
}

.btn-wrapper {
    display: flex;
    flex-direction: row;
    margin-top: 20px
}

.btn-wrapper._center {
    justify-content: center
}

.btn-wrapper._center._mt-30 {
    margin-top: 30px
}

@media (max-width:1099px) {
    .btn-wrapper {
        margin-top: 15px
    }
}

.bilet-slider {
    padding-top: 40px;
    margin-top: -40px
}

@media (max-width:1099px) {
    .bilet-slider {
        overflow: visible
    }
}

.bilet-slider .swiper-slide {
    height: auto
}

@media (max-width:1099px) {
    .bilet-slider .swiper-slide {
        max-width: 340px
    }
}

.bilet-card .btn {
    width: 100%;
    text-align: center
}

.bilet-card:has(.btn) .h3 {
    margin-bottom: 20px
}

.bilet-card:has(.btn) .card__bottom-row {
    margin-bottom: 0
}

.full-media {
    min-width: 100vw;
    position: relative;
    margin-left: calc(-1 * var(--inner-padding-left));
    aspect-ratio: 1920/1080;
    overflow: hidden
}

@media (max-width:1099px) {
    .full-media {
        object-fit: cover;
        border-radius: 0;
        aspect-ratio: 768/432
    }
}

@media (max-width:599px) {
    .full-media {
        aspect-ratio: 360/258
    }
}

.full-media img,
.full-media video,
.full-media iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.animators {
    display: grid;
    gap: 60px 16px;
    grid-template-columns: 1fr 1fr 1fr 1fr
}

@media (max-width:1600px) {
    .animators {
        gap: 60px 10px
    }
}

@media (max-width:1099px) {
    .animators {
        grid-template-columns: 1fr 1fr 1fr;
        gap: 40px 12px
    }
}

@media (max-width:599px) {
    .animators {
        grid-template-columns: 1fr 1fr;
        gap: 20px 8px
    }
}

.top-img {
    width: 100%;
    border-radius: 10px;
    height: 654px;
    max-height: 654px;
    object-fit: cover
}

@media (max-width:1600px) {
    .top-img {
        height: 470px
    }
}

.animator img {
    width: 100%;
    aspect-ratio: 1/1;
    object-fit: cover;
    margin-bottom: 16px
}

@media (max-width:1600px) {
    .animator img {
        margin-bottom: 10px
    }
}

@media (max-width:1099px) {
    .animator img {
        margin-bottom: 12px
    }
}

@media (max-width:599px) {
    .animator img {
        margin-bottom: 10px
    }
}

.animator .h3 {
    margin: 0;
    padding: 0 10px
}

.animator .h3 {
    font-size: 52px;
    font-size: clamp(35px, 35px + 17 * (100vw - 1366px) / 554, 52px)
}

@media (max-width:1366px) {
    .animator .h3 {
        font-size: 35px;
        font-size: clamp(24px, 24px + 11 * (100vw - 768px) / 598, 35px)
    }
}

@media (max-width:768px) {
    .animator .h3 {
        font-size: 24px;
        font-size: clamp(20px, 20px + 4 * (100vw - 360px) / 408, 24px)
    }
}

.events {
    display: grid;
    gap: 60px 16px;
    grid-template-columns: 1fr 1fr 1fr
}

@media (max-width:1600px) {
    .events {
        gap: 60px 10px
    }
}

@media (max-width:1099px) {
    .events {
        grid-template-columns: 1fr 1fr;
        gap: 40px 12px
    }
}

@media (max-width:599px) {
    .events {
        grid-template-columns: 1fr 1fr;
        gap: 20px 8px
    }
}

.event {
    overflow: hidden;
    padding-bottom: 20px;
    margin-bottom: -20px
}

.event__img-wrapper {
    overflow: hidden;
    position: relative;
    aspect-ratio: 1/1
}

@media (max-width:1600px) {
    .event__img-wrapper {
        margin-bottom: 10px
    }
}

@media (max-width:1099px) {
    .event__img-wrapper {
        margin-bottom: 12px
    }
}

@media (max-width:599px) {
    .event__img-wrapper {
        margin-bottom: 10px
    }
}

.event__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    transition: transform 0.3s
}

.event:hover .event__img {
    transform: scale(1.05)
}

.event__link {
    position: relative;
    z-index: 1;
    margin-top: 10px;
    display: block;
    color: #24292f;
    text-decoration: none
}

.event__link .hover-link__content {
    width: 100%
}

.event__link .hover-link__text,
.event__link .hover-link__text2 {
    display: flex;
    flex-direction: row;
    padding-left: 20px;
    padding-right: 20px;
    align-items: center;
    line-height: 1.3
}

.event__link::after {
    width: 100vmax;
    height: 100vmax;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    content: "";
    display: block
}

.event__link:hover svg {
    transform: translateX(10px)
}

.event__link svg {
    transition: transform 0.3s;
    margin-left: auto;
    width: 26px;
    height: 26px
}

@media (max-width:1600px) {
    .event__link svg {
        width: 21px;
        height: 20px
    }
}

@media (max-width:1099px) {
    .event__link svg {
        width: 18px;
        height: 17px
    }
}

@media (max-width:599px) {
    .event__link svg {
        width: 15px;
        height: 13px
    }
}

.event .h3 {
    margin: 0
}

.event .h3 {
    font-size: 52px;
    font-size: clamp(36px, 36px + 16 * (100vw - 1366px) / 554, 52px)
}

@media (max-width:1366px) {
    .event .h3 {
        font-size: 36px;
        font-size: clamp(32px, 32px + 4 * (100vw - 768px) / 598, 36px)
    }
}

@media (max-width:768px) {
    .event .h3 {
        font-size: 32px;
        font-size: clamp(20px, 20px + 12 * (100vw - 360px) / 408, 32px)
    }
}

.more__filters {
    white-space: nowrap;
    margin-bottom: 20px;
    overflow-y: hidden;
    overflow-x: auto;
    margin-left: calc(-1px * var(--inner-padding-left));
    margin-right: calc(-1px * var(--inner-padding-right));
    padding-left: calc(1px * var(--inner-padding-left));
    padding-right: calc(1px * var(--inner-padding-right))
}

.more__filters li {
    display: inline-block
}

.more__filters::-webkit-scrollbar {
    width: 0;
    height: 0;
    opacity: 0
}

.more__filter {
    padding: 8px 20px;
    border-radius: 10px;
    background: transparent;
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 14px;
    cursor: pointer;
    white-space: nowrap;
    letter-spacing: -0.04em;
    display: inline-block;
    text-transform: uppercase;
    color: #24292f;
    transition: color 0.3s, background 0.3s;
    border: 0 solid
}

.more__filter._active {
    color: #fff;
    background-color: var(--violet)
}

.more__btn {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
    background: transparent;
    border: 0;
    cursor: pointer;
    padding: 0;
    font-family: var(--second-family);
    font-weight: 500;
    font-size: 24px;
    letter-spacing: -0.04em;
    color: #24292f
}

.more__btn svg {
    width: 13px;
    height: 13px
}

.text hr {
    display: none
}

.text._hide hr {
    display: none
}

.text._hide hr~* {
    display: none
}

.text._hide .text__more {
    display: block !important
}

.text__more {
    display: none;
    margin-top: 0px;
    background: transparent;
    border: 0;
    cursor: pointer;
    padding: 0;
    font-family: var(--second-family);
    font-weight: 500;
    font-size: 20px;
    letter-spacing: -0.04em;
    color: #24292f
}

.text__more .hover-link__text {
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: baseline
}

.text__more svg {
    width: 13px;
    height: 13px
}

.form-1 {
    text-align: center;
    position: relative;
    padding: 70px;
    overflow: hidden;
    background: linear-gradient(180deg, #c9dd60 0%, #b1ce17 100%)
}

@media (max-width:1600px) {
    .form-1 {
        padding-bottom: 80px
    }
}

@media (max-width:599px) {
    .form-1 {
        padding: 30px 10px;
        padding-top: 50px;
        padding-bottom: 100px
    }
}

.form-1__decor {
    width: 0;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 0;
    pointer-events: none
}

@media (max-width:599px) {
    .form-1__decor {
        width: 100%;
        left: 0
    }
}

.form-1__agree {
    padding-top: 10px;
    display: inline-flex;
    width: 500px;
    max-width: 100%;
    text-align: left;
    margin-left: auto;
    margin-right: auto
}

@media (max-width:1600px) {
    .form-1__agree {
        padding-top: 15px
    }
}

@media (max-width:1099px) {
    .form-1__agree {
        text-align: left;
        justify-content: flex-start
    }
}

.form-1__agree+.form-1__agree {
    padding-top: 5px
}

.form-1__agree a {
    text-decoration: underline;
    color: currentColor;
    transition: all 0.2s ease
}

.form-1__agree a:hover {
    text-decoration-color: transparent
}

.form-1__agree .checkbox input {
    width: auto;
    height: auto
}

.form-1 .icon-form-decor-1,
.form-1 .icon-form-decor-2,
.form-1 .icon-form-decor-3,
.form-1 .icon-form-decor-4 {
    position: absolute
}

.form-1 .icon-form-decor-1 {
    width: 30px;
    left: 0;
    transform: translateX(-636px);
    top: 6px
}

@media (max-width:1600px) {
    .form-1 .icon-form-decor-1 {
        transform: translateX(-396px);
        top: -8px
    }
}

@media (max-width:1099px) {
    .form-1 .icon-form-decor-1 {
        transform: translateX(-326px)
    }
}

@media (max-width:599px) {
    .form-1 .icon-form-decor-1 {
        width: 24px;
        height: 30px;
        transform: translate(0);
        left: 10px;
        top: 10px
    }
}

.form-1 .icon-form-decor-2 {
    width: 125px;
    left: 0;
    transform: translateX(-620px);
    bottom: 63px
}

@media (max-width:1600px) {
    .form-1 .icon-form-decor-2 {
        transform: translateX(-546px);
        bottom: 51px
    }
}

@media (max-width:1099px) {
    .form-1 .icon-form-decor-2 {
        transform: translateX(-352px)
    }
}

@media (max-width:599px) {
    .form-1 .icon-form-decor-2 {
        width: 64px;
        bottom: 23px;
        left: 15px;
        height: 71px;
        transform: translate(0) rotate(-60deg)
    }
}

.form-1 .icon-form-decor-3 {
    width: 112px;
    left: 0;
    transform: translateX(636px);
    bottom: 30px
}

@media (max-width:1600px) {
    .form-1 .icon-form-decor-3 {
        transform: translateX(441px);
        bottom: 46px
    }
}

@media (max-width:1099px) {
    .form-1 .icon-form-decor-3 {
        transform: translateX(252px)
    }
}

@media (max-width:599px) {
    .form-1 .icon-form-decor-3 {
        width: 56px;
        left: initial;
        height: 38px;
        transform: translateX(0px);
        right: 29px
    }
}

.form-1 .icon-form-decor-4 {
    width: 141px;
    left: 0;
    transform: translateX(436px);
    top: 100px
}

@media (max-width:1600px) {
    .form-1 .icon-form-decor-4 {
        transform: translateX(441px);
        bottom: 46px
    }
}

@media (max-width:1099px) {
    .form-1 .icon-form-decor-4 {
        display: none
    }
}

.form-1 p {
    margin-left: auto;
    margin-right: auto;
    max-width: 555px;
    font-family: var(--font-family);
    font-weight: 200;
    font-size: 14px;
    line-height: 129%;
    letter-spacing: -0.04em;
    text-align: center;
    color: #24292f;
    margin-bottom: 10px
}

.form-1__form {
    margin-top: 40px;
    position: relative
}

.form-1__form._success>*,
.form-1__form._error>* {
    opacity: 0;
    pointer-events: none
}

.form-1__form._success .form-1__result,
.form-1__form._error .form-1__result {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    opacity: 1 !important;
    pointer-events: auto !important
}

.form-1__result {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.form-1__result p {
    font-weight: 600
}

.form-1__item._col-2 {
    grid-column: span 2
}

.form-1__item._col-3 {
    grid-column: span 3
}

.form-1__item._col-4 {
    grid-column: span 4
}

.form-1__item._col-5 {
    grid-column: span 5
}

.form-1__item._col-6 {
    grid-column: span 6
}

.form-1__grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    gap: 10px;
    max-width: 1007px;
    margin-bottom: 23px;
    margin-left: auto;
    margin-right: auto
}

.form-1__grid._small {
    max-width: calc(var(--column) * 5)
}

@media (max-width:1600px) {
    .form-1__grid._small {
        max-width: calc(var(--column) * 6)
    }
}

@media (max-width:1099px) {
    .form-1__grid {
        max-width: 320px !important;
        display: flex;
        flex-direction: column
    }
}

.form-1__btn {
    background: transparent;
    border: 0 solid;
    position: relative;
    display: flex;
    gap: 10px;
    margin-top: 50px;
    margin-left: auto;
    margin-right: auto;
    align-items: center;
    font-family: var(--second-family);
    font-weight: 500;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: -0.04em;
    color: #24292f;
    cursor: pointer
}

.form-1__btn .icon-btn {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 251px;
    aspect-ratio: 3.2;
    transform: translateX(-44%) translateY(-55%)
}

.form-1__btn .icon-btn-devices {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 154px;
    aspect-ratio: 2.6;
    transform: translateX(-44%) translateY(-52%)
}

.select .ts-wrapper {
    min-height: 46px
}

.select .ts-wrapper.single .ts-control::after {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='12' viewBox='0 0 16 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.19164 4.0912C2.70369 6.82849 5.32512 9.22353 7.10715 10.4673C7.64711 10.8442 8.35292 10.8442 8.89287 10.4673C10.6749 9.22353 13.2963 6.82849 14.8083 4.0912C15.292 3.21564 14.8194 2.18024 13.8488 1.9385C12.4412 1.58792 10.3979 1.24816 8.00001 1.24816C5.60211 1.24816 3.55888 1.58792 2.15124 1.9385C1.18063 2.18025 0.707985 3.21564 1.19164 4.0912Z' stroke='%2324292F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    border: 0 solid;
    width: 16px;
    height: 12px;
    margin-top: -6px;
    transition: transform 0.3s
}

.select .ts-wrapper.single.dropdown-active .ts-control::after {
    transform: scale(-1)
}

.select .ts-wrapper.single .ts-control::after {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='12' viewBox='0 0 16 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.19164 4.0912C2.70369 6.82849 5.32512 9.22353 7.10715 10.4673C7.64711 10.8442 8.35292 10.8442 8.89287 10.4673C10.6749 9.22353 13.2963 6.82849 14.8083 4.0912C15.292 3.21564 14.8194 2.18024 13.8488 1.9385C12.4412 1.58792 10.3979 1.24816 8.00001 1.24816C5.60211 1.24816 3.55888 1.58792 2.15124 1.9385C1.18063 2.18025 0.707985 3.21564 1.19164 4.0912Z' stroke='%2324292F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    border: 0 solid;
    width: 16px;
    height: 12px;
    margin-top: -6px
}

.select .ts-control .item {
    position: absolute;
    padding: 14px 0px;
    text-align: left;
    background-color: none;
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 14px;
    letter-spacing: -0.04em;
    text-transform: uppercase;
    color: #24292f;
    width: 100%
}

.select .ts-dropdown {
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 14px;
    letter-spacing: -0.04em;
    border-radius: 10px;
    letter-spacing: -0.04em;
    text-transform: uppercase;
    color: #24292f;
    text-align: left;
    padding: 14px 20px
}

.select .ts-dropdown .option {
    padding: 0;
    margin-bottom: 10px
}

.select .ts-dropdown .option:last-child {
    margin-bottom: 0
}

.select .ts-dropdown .option:hover {
    color: var(--blue)
}

.select .ts-control {
    padding: 0;
    border-radius: 10px;
    border: 0 solid;
    background: #fff;
    padding-left: 20px;
    box-shadow: 0 0 0 !important
}

.select .ts-control input {
    border: 0 solid;
    border-radius: 10px;
    padding: 14px 20px;
    background: #fff;
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 14px;
    letter-spacing: -0.04em;
    text-transform: uppercase;
    color: #24292f;
    width: 100%
}

.select .ts-control input::placeholder {
    opacity: 1;
    color: #24292f
}

.input input {
    border: 0 solid;
    border-radius: 10px;
    padding: 14px 20px;
    background: #fff;
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 14px;
    letter-spacing: -0.04em;
    text-transform: uppercase;
    color: #24292f;
    width: 100%
}

.input input::placeholder {
    opacity: 1;
    color: #24292f
}

.input input.just-validate-error-field {
    box-shadow: inset 0 0 0 2px red
}

.checkbox {
    position: relative;
    padding-left: 31px;
    display: block;
    cursor: pointer
}

.checkbox input {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    opacity: 0;
    cursor: pointer
}

.checkbox__indicator {
    position: absolute;
    left: 0;
    width: 18px;
    top: -2px;
    height: 18px;
    background-color: #e9e9e9;
    border: 2px solid #24292f
}

input.just-validate-error-field+.checkbox__indicator {
    border-color: red
}

input:checked+.checkbox__indicator::after {
    width: 10px;
    height: 10px;
    transform: translateX(-50%) translateY(-50%);
    left: 50%;
    top: 50%;
    position: absolute;
    display: block;
    content: "";
    background: #24292f
}

.checkbox__text {
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 14px;
    letter-spacing: -0.04em;
    text-transform: uppercase;
    color: #24292f
}

.flex-center {
    flex-direction: row;
    display: flex;
    justify-content: center
}

.just-validate-error-label {
    display: none
}

.bonus-card {
    padding: 30px
}

@media (max-width:1099px) {
    .bonus-card {
        padding: 30px 10px 10px
    }
}

.bonus-card p {
    max-width: 500px
}

.bonus-card__grid {
    display: grid;
    grid-template-columns: 1fr 1fr
}

@media (max-width:599px) {
    .bonus-card__grid {
        grid-template-columns: 1fr
    }
}

.bonus-card .btn {
    text-align: center
}

@media (max-width:1099px) {
    .bonus-card .btn {
        margin-top: 30px
    }
}

.bonus-card__img {
    max-width: calc(100% - 21px);
    transform: translateY(-28%) translateX(6%);
    margin-bottom: -153px
}

@media (max-width:1600px) {
    .bonus-card__img {
        max-width: calc(100% + 71px);
        transform: translateY(-35%) translateX(-5%);
        margin-bottom: -150px
    }
}

@media (max-width:1099px) {
    .bonus-card__img {
        margin: -40px;
        transform: none;
        max-width: calc(100% + 80px)
    }
}

.bg-block {
    position: relative;
    aspect-ratio: 1723/840;
    display: flex;
    flex-direction: row;
    overflow: hidden
}

@media (max-width:1099px) {
    .bg-block {
        aspect-ratio: initial;
        min-height: 608px
    }
}

.bg-block__bg {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute
}

.bg-block__bg img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover
}

.bg-block__left {
    padding: 30px;
    flex: 1;
    display: flex;
    max-width: calc(var(--column) * 6);
    flex-direction: column;
    z-index: 4
}

@media (max-width:1099px) {
    .bg-block__left {
        max-width: initial
    }
}

.bg-block__left P {
    font-family: var(--second-family);
    font-size: 20px;
    font-weight: 500
}

.bg-block__bottom {
    margin-top: auto;
    gap: 30px;
    display: flex;
    flex-direction: row;
    align-items: center
}

@media (max-width:599px) {
    .bg-block__bottom {
        gap: 10px;
        flex-direction: column
    }
}

.four-cards {
    margin-top: 90px
}

@media (max-width:1600px) {
    .four-cards {
        margin-top: 45px
    }
}

@media (max-width:1099px) {
    .four-cards {
        margin-top: 0
    }
    .top-block+.four-cards,
    .top-img+.four-cards {
        margin-top: 40px
    }
}

.four-cards__swiper {
    padding-top: 45px;
    overflow: visible !important;
    margin-top: -45px
}

@media (max-width:1600px) {
    .four-cards__swiper {
        padding-top: 35px;
        margin-top: -35px
    }
}

@media (max-width:1099px) {
    .four-cards__swiper {
        padding-top: 20px;
        margin-top: -20px
    }
}

.four-cards__swiper .swiper-slide {
    min-height: 240px;
    height: auto
}

@media (max-width:1600px) {
    .four-cards__swiper .swiper-slide {
        min-height: 210px
    }
}

@media (max-width:1099px) {
    .four-cards__swiper .swiper-slide {
        max-width: 253px;
        min-height: 143px
    }
}

.accordion {
    padding: 20px 0;
    border-bottom: 1px solid rgba(36, 41, 47, 0.2);
    display: grid;
    grid-template-rows: auto 0fr;
    transition: all 0.3s ease
}

.accordion._open {
    grid-template-rows: auto 1fr
}

.accordion._open .accordion__body {
    opacity: 1
}

.accordion__body {
    padding-left: var(--inner-padding-left);
    padding-right: var(--inner-padding-right);
    margin-left: calc(-1 * var(--inner-padding-left));
    margin-right: calc(-1 * var(--inner-padding-right))
}

.accordion.master-class .accordion__body {
    margin-top: 20px;
    border-top: 1px solid rgba(36, 41, 47, 0.2)
}

.accordion.accordion-paket {
    border-color: rgba(255, 255, 255, 0.2) !important
}

.accordion.accordion-paket .accordion__body {
    margin-top: 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.2)
}

.accordion.accordion-paket .accordion__body .h3,
.accordion.accordion-paket .accordion__body h3 {
    font-size: 40px;
    font-size: clamp(40px, 40px + 0 * (100vw - 1366px) / 554, 40px)
}

@media (max-width:1366px) {
    .accordion.accordion-paket .accordion__body .h3,
    .accordion.accordion-paket .accordion__body h3 {
        font-size: 40px;
        font-size: clamp(28px, 28px + 12 * (100vw - 768px) / 598, 40px)
    }
}

@media (max-width:768px) {
    .accordion.accordion-paket .accordion__body .h3,
    .accordion.accordion-paket .accordion__body h3 {
        font-size: 28px;
        font-size: clamp(32px, 32px + -4 * (100vw - 360px) / 408, 28px)
    }
}

@media (max-width:1099px) {
    .accordion.accordion-paket .accordion__title-wrap {
        display: flex;
        align-items: baseline;
        flex-wrap: wrap
    }
}

@media (max-width:1099px) {
    .accordion.accordion-paket .accordion__title {
        padding-right: 10px
    }
}

.accordion.accordion-quest .accordion__year {
    display: block !important
}

@media (max-width:1099px) {
    .accordion.accordion-quest .accordion__year {
        grid-column-start: 2
    }
}

@media (max-width:599px) {
    .accordion.accordion-quest .accordion__year {
        grid-column-start: 1
    }
}

.accordion.accordion-quest .accordion__price-wrap {
    grid-column-start: 3
}

@media (max-width:1099px) {
    .accordion.accordion-quest .accordion__price-wrap {
        grid-column-start: 2
    }
}

@media (max-width:599px) {
    .accordion.accordion-quest .accordion__price-wrap {
        grid-column-start: 1
    }
}

.accordion.accordion-quest .accordion__body {
    margin-top: 20px;
    border-top: 1px solid rgba(36, 41, 47, 0.2)
}

.accordion.accordion-quest .img-slider__img {
    aspect-ratio: 853/564
}

@media (max-width:599px) {
    .accordion.accordion-quest .img-slider__img {
        aspect-ratio: 1/1
    }
}

.accordion__head {
    display: grid;
    position: relative;
    grid-template-columns: 6fr 3fr 1fr;
    gap: 16px;
    cursor: pointer
}

.accordion__head:hover {
    color: var(--violet)
}

@media (max-width:1099px) {
    .accordion__head {
        grid-template-columns: 4fr 4fr 1px
    }
    .accordion__head:hover {
        color: var(--text)
    }
}

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

.accordion-paket .accordion__head {
    grid-template-columns: 3fr 2fr 5fr
}

@media (max-width:1600px) {
    .accordion-paket .accordion__head {
        grid-template-columns: 4fr 2fr 6fr
    }
}

@media (max-width:1099px) {
    .accordion-paket .accordion__head {
        grid-template-columns: 1fr
    }
}

@media (max-width:599px) {
    .accordion-paket .accordion__head {
        grid-template-columns: 1fr
    }
}

@media (max-width:599px) {
    .accordion-paket .accordion__head .accordion__title-wrap {
        display: flex;
        flex-direction: row;
        align-items: baseline;
        gap: 10px
    }
}

@media (max-width:1099px) {
    .accordion-paket .accordion__head .accordion__price-item {
        gap: 0;
        flex-direction: column
    }
}

.accordion-quest .accordion__head {
    grid-template-columns: 4fr 1fr 5fr
}

@media (max-width:1600px) {
    .accordion-quest .accordion__head {
        grid-template-columns: 4fr 1fr 4fr
    }
}

@media (max-width:1099px) {
    .accordion-quest .accordion__head {
        grid-template-columns: 1fr 2fr
    }
}

@media (max-width:599px) {
    .accordion-quest .accordion__head {
        grid-template-columns: 1fr
    }
}

.master-class .accordion__head {
    grid-template-columns: 4fr 7fr
}

@media (max-width:1600px) {
    .master-class .accordion__head {
        grid-template-columns: 6fr 5fr
    }
}

@media (max-width:1099px) {
    .master-class .accordion__head {
        grid-template-columns: 3fr 4fr 40px
    }
}

@media (max-width:599px) {
    .master-class .accordion__head {
        grid-template-columns: 1fr
    }
}

.accordion__title {
    margin: 0;
    transition: color 0.3s;
    padding-right: 50px;
    font-size: 44px
}

@media (max-width:1600px) {
    .accordion__title {
        font-size: 36px
    }
}

@media (max-width:1099px) {
    .accordion__title {
        font-size: 20px
    }
}

.accordion._open .accordion__title {
    color: var(--pink)
}

.accordion.accordion-paket._open .accordion__title {
    color: var(--yellow)
}

.accordion__count {
    align-self: center;
    font-size: 16px
}

.accordion__toogle-wrap {
    position: absolute;
    top: 0;
    right: 0
}

.accordion__toogle {
    width: 30px;
    height: 30px;
    border: 0 solid;
    padding: 0;
    margin-left: auto;
    background: transparent;
    position: relative;
    display: block;
    transition: transform 0.3s;
    cursor: pointer
}

@media (max-width:1099px) {
    .accordion__toogle {
        position: absolute;
        right: 0;
        width: 18px;
        height: 18px;
        top: 12px
    }
}

@media (max-width:599px) {
    .accordion__toogle {
        top: 0
    }
}

.accordion__toogle:hover {
    transform: scale(1.1)
}

.accordion__toogle::after {
    display: block;
    content: "";
    background-color: #24292F;
    border-radius: 2px;
    width: 3px;
    height: 100%;
    transition: height 0.3s;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    position: absolute
}

@media (max-width:1099px) {
    .accordion__toogle::after {
        width: 2px
    }
}

.accordion._open .accordion__toogle::after {
    height: 0
}

.accordion-paket .accordion__toogle::after {
    background: #fff
}

.accordion._open.accordion-paket .accordion__toogle::after {
    background: var(--yellow)
}

.accordion__toogle::before {
    display: block;
    content: "";
    background-color: #24292F;
    border-radius: 2px;
    height: 3px;
    width: 100%;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    position: absolute
}

@media (max-width:1099px) {
    .accordion__toogle::before {
        height: 2px
    }
}

.accordion-paket .accordion__toogle::before {
    background: #fff
}

.accordion._open.accordion-paket .accordion__toogle::before {
    background: var(--yellow)
}

.accordion__price-wrap {
    display: flex;
    flex-direction: row;
    gap: 20px
}

.accordion-paket .accordion__price-wrap {
    gap: 60px
}

.accordion-paket .accordion__price-item {
    display: flex;
    flex-direction: row;
    gap: 20px;
    align-items: baseline
}

.accordion__price-wrap .accordion__price-item {
    min-width: 200px
}

@media (max-width:599px) {
    .accordion__price-wrap .accordion__price-item {
        min-width: 150px
    }
}

.master-class .accordion__price-item {
    min-width: calc(3 * var(--column))
}

@media (max-width:1600px) {
    .master-class .accordion__price-item {
        min-width: calc(2 * var(--column))
    }
}

@media (max-width:1099px) {
    .master-class .accordion__price-item {
        min-width: calc(2.5 * var(--column))
    }
}

@media (max-width:599px) {
    .master-class .accordion__price-item {
        min-width: 150px
    }
}

.accordion__price-item h3,
.accordion__price-item .h3 {
    margin: 0;
    margin-bottom: 10px;
    color: var(--violet)
}

.accordion-paket .accordion__price-item h3,
.accordion-paket .accordion__price-item .h3 {
    color: #fff
}

.accordion__price-item span {
    font-size: 16px
}

@media (max-width:1099px) {
    .accordion__price-item span {
        font-size: 14px
    }
}

.accordion__body {
    overflow: hidden;
    opacity: 0;
    transition: opacity 0.2s ease
}

.accordion__body p {
    font-size: 24px;
    max-width: calc(var(--column) * 6)
}

@media (max-width:1600px) {
    .accordion__body p {
        font-size: 14px
    }
}

@media (max-width:1099px) {
    .accordion__body p {
        max-width: 100%
    }
}

.accordion__body>*:first-child {
    margin-top: 20px !important
}

.swiper-3-img {
    margin-top: 20px
}

@media (max-width:599px) {
    .accordion__body .swiper-3-img {
        overflow: visible !important
    }
}

.swiper-3-img .swiper-slide {
    overflow: hidden;
    line-height: 0
}

.swiper-3-img .swiper-slide img {
    object-fit: cover;
    aspect-ratio: 1/1
}

@media (max-width:599px) {
    .accordion__body .swiper-3-img .swiper-slide {
        max-width: 253px
    }
}

.swiper-3-img__bottom {
    display: flex;
    margin-top: 20px;
    flex-direction: row
}

.swiper-3-img__bottom .swiper-nav {
    margin: 0
}

.swiper-3-img__pagi {
    margin: 0;
    margin-right: auto
}

.three-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 16px
}

@media (max-width:1600px) {
    .three-grid {
        gap: 10px
    }
}

@media (max-width:599px) {
    .three-grid {
        grid-template-columns: 1fr 1fr;
        gap: 8px
    }
}

[class*=icon-pin-] {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

[class*=icon-pin-] * {
    opacity: 0
}

.icon-pin-carrot {
    background-image: url("../img/pin-carrot.webp")
}

.icon-pin-yellow {
    background-image: url("../img/pin-yellow.webp")
}

.icon-pin-green {
    background-image: url("../img/pin-green.webp")
}

.icon-pin-pink {
    background-image: url("../img/pin-pink.webp")
}

.icon-pin-tiffany {
    background-image: url("../img/pin-tiffany.webp")
}

.icon-pin-violet-light {
    background-image: url("../img/pin-violet-light.webp")
}

.icon-pin-violet {
    background-image: url("../img/pin-violet.webp")
}

.icon-pin-blue {
    background-image: url("../img/pin-blue.webp")
}

.icon-pin-white {
    background-image: url("../img/pin-white.webp")
}

@media (max-width:1099px) {
    body:has(.contacts) .bonus-card .btn {
        height: 50px;
        font-size: 20px;
        padding: 12px 12px 10px 12px
    }
}

.contacts {
    display: grid;
    grid-template-columns: repeat(11, 1fr);
    gap: 16px;
    margin-bottom: 160px
}

@media (max-width:1600px) {
    .contacts {
        gap: 10px
    }
}

@media (max-width:1099px) {
    .contacts {
        grid-template-columns: repeat(8, 1fr);
        margin-bottom: 60px
    }
}

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

.contacts__address {
    display: flex;
    flex-direction: column;
    gap: 20px;
    grid-column: span 3;
    border-radius: 20px;
    background: #fff;
    padding: 20px
}

@media (max-width:1099px) {
    .contacts__address {
        grid-column: 1/9
    }
}

.contacts__address .h3 {
    color: var(--violet);
    margin: 0
}

.contacts__address .arrow-link {
    margin-top: auto;
    margin-bottom: 6px
}

@media (max-width:1099px) {
    .contacts__address .arrow-link {
        margin-top: 10px
    }
}

.contacts__map {
    height: 616px;
    grid-column: span 8;
    border-radius: 20px;
    overflow: hidden;
    background: #fff
}

@media (max-width:1600px) {
    .contacts__map {
        height: 456px
    }
}

@media (max-width:1099px) {
    .contacts__map {
        grid-column: 1/9
    }
}

.contacts__table {
    grid-column: 4/12;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px 16px;
    margin-top: 70px
}

@media (max-width:1600px) {
    .contacts__table {
        margin-top: 50px;
        gap: 40px 16px
    }
}

@media (max-width:1099px) {
    .contacts__table {
        margin-top: 30px;
        gap: 35px 10px;
        grid-column: 1/9
    }
}

@media (max-width:599px) {
    .contacts__table {
        grid-column: unset;
        margin-top: 60px;
        grid-template-columns: 1fr
    }
}

.contacts__address-title {
    font-size: 14px
}

.contacts__cell .h3 {
    margin: 0
}

@media (max-width:1099px) {
    .contacts__cell .h3 {
        font-size: 20px
    }
}

.contacts__cell a {
    color: currentColor;
    text-decoration: none
}

.contacts__cell a[href^=mailto],
.contacts__cell a[href^=tel] {
    transition: color 0.2s ease
}

.contacts__cell a[href^=mailto]:hover,
.contacts__cell a[href^=tel]:hover {
    color: var(--violet)
}

.contacts__cell-title {
    font-size: 20px;
    margin-bottom: 10px
}

@media (max-width:1600px) {
    .contacts__cell-title {
        font-size: 14px
    }
}

.contacts .arrow-link {
    display: flex;
    align-items: center;
    gap: 6px;
    font-family: var(--second-family);
    letter-spacing: -0.02em;
    text-decoration: none;
    color: var(--text)
}

@media (max-width:1600px) {
    .contacts .arrow-link {
        gap: 4px
    }
}

.contacts .arrow-link:hover svg {
    left: 3px
}

.contacts .arrow-link span {
    font-size: 24px;
    font-weight: 400
}

@media (max-width:1600px) {
    .contacts .arrow-link span {
        font-size: 20px
    }
}

.contacts .arrow-link svg {
    width: 23px;
    height: 21px;
    flex-shrink: 0;
    position: relative;
    left: 0;
    top: 0.15em;
    transition: left 0.3s ease
}

@media (max-width:1600px) {
    .contacts .arrow-link svg {
        width: 18px;
        height: 16px
    }
}

.networks {
    display: flex;
    flex-direction: row;
    gap: 16px;
    margin-bottom: 12px;
    margin-top: 10px
}

.networks a {
    color: currentColor
}

.networks svg {
    width: 40px;
    height: 40px
}

@media (max-width:1099px) {
    .networks svg {
        width: 24px;
        height: 24px
    }
}

html:has(.hero) .header__contacts {
    color: #fff
}

html:has(.hero) .header__contacts a {
    color: currentColor
}

html:has(.hero) .block {
    position: relative
}

.hero {
    width: 100vw;
    background: #eee;
    margin-left: calc(var(--inner-padding-left) * -1);
    margin-top: -75px;
    aspect-ratio: 1.778;
    position: relative;
    padding-top: 1px;
    overflow: hidden
}

@media (max-width:1099px) {
    .hero {
        aspect-ratio: 0.75
    }
}

@media (max-width:599px) {
    .hero {
        aspect-ratio: unset;
        height: 100vh;
        min-height: 210vw
    }
}

.hero__anim {
    position: relative;
    z-index: 2;
    width: 100%
}

@media (max-width:1099px) {
    .hero__anim {
        margin-top: 10px
    }
    .hero__anim svg {
        position: relative;
        left: 4%;
        width: 91% !important
    }
}

@media (max-width:599px) {
    .hero__anim {
        margin-top: 50px
    }
    .hero__anim svg {
        left: -9%;
        width: 120% !important
    }
}

.hero__img {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    object-fit: cover
}

.hero__cards {
    position: absolute;
    bottom: -28px;
    left: 50%;
    width: 0;
    z-index: 3
}

@media (max-width:1099px) {
    .hero__cards {
        width: 360px;
        bottom: 30px;
        font-size: 24px;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
        margin-left: -180px
    }
}

@media (max-width:599px) {
    .hero__cards {
        width: calc(100% - 20px);
        margin-left: calc(-50% + 10px)
    }
}

.hero__card {
    width: 360px;
    aspect-ratio: 0.775;
    position: absolute;
    border-radius: 28px;
    bottom: 0;
    transform-origin: bottom;
    z-index: 1;
    box-sizing: border-box;
    padding: 16px;
    color: #fff;
    text-decoration: none;
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 44px;
    line-height: 1;
    letter-spacing: -0.02em;
    transition: transform 0.3s ease
}

@media (max-width:1600px) {
    .hero__card {
        width: 256px;
        font-size: 36px;
        border-radius: 20px;
        padding: 12px
    }
}

@media (max-width:1099px) {
    .hero__card {
        position: relative;
        transform: none !important;
        bottom: unset !important;
        margin: 0 !important;
        width: 100%;
        font-size: 24px !important
    }
    .hero__card:nth-child(1) {
        height: 146px;
        grid-row: 2/3;
        grid-column: 1/2;
        background-image: url("../img/hp-card-4.svg") !important;
        background-size: 174px auto;
        background-position: bottom 0 left 0 !important
    }
    .hero__card:nth-child(1) br {
        display: none
    }
    .hero__card:nth-child(2) {
        height: 104px;
        grid-column: 1/3;
        grid-row: 1/2;
        background-size: 180px auto !important;
        background-position: bottom 10px right 10px !important
    }
    .hero__card:nth-child(3) {
        height: 146px;
        grid-row: 2/3;
        grid-column: 2/3;
        background-image: none !important
    }
}

.hero__card:nth-child(1) {
    margin-left: -300px;
    transform: rotate(-15deg);
    background: var(--yellow) url("../img/hp-card-1.svg") no-repeat bottom 10px right 0;
    background-size: 100% auto;
    color: #6A3E01;
    bottom: -24px
}

@media (max-width:1600px) {
    .hero__card:nth-child(1) {
        margin-left: -220px;
        bottom: -14px
    }
}

.hero__card:nth-child(1):after {
    content: "";
    display: block;
    width: 157px;
    aspect-ratio: 1.18;
    position: absolute;
    right: 120px;
    top: -104px;
    background: url("../img/hp-bird.svg") no-repeat 0 0;
    background-size: 100% 100%;
    transform: rotate(19deg)
}

@media (max-width:1600px) {
    .hero__card:nth-child(1):after {
        width: 111px;
        right: 80px;
        top: -74px
    }
}

@media (max-width:1099px) {
    .hero__card:nth-child(1):after {
        content: none
    }
}

.hero__card:nth-child(1):hover {
    z-index: 3;
    transform: scale(1.05) rotate(-15deg)
}

.hero__card:nth-child(2) {
    margin-left: -180px;
    background: var(--blue-light) url("../img/hp-card-2.svg") no-repeat bottom 30px right 0;
    background-size: 100% auto;
    z-index: 2
}

@media (max-width:1600px) {
    .hero__card:nth-child(2) {
        margin-left: -128px
    }
}

.hero__card:nth-child(2):after {
    content: none;
    display: block;
    width: 62px;
    aspect-ratio: 1.18;
    position: absolute;
    left: 13px;
    top: -41px;
    background: url("../img/hp-bird.svg") no-repeat 0 0;
    background-size: 100% 100%
}

@media (max-width:1099px) {
    .hero__card:nth-child(2):after {
        content: ""
    }
}

.hero__card:nth-child(2):hover {
    z-index: 3;
    transform: scale(1.05)
}

.hero__card:nth-child(3) {
    margin-left: 0px;
    background: var(--pink) url("../img/hp-card-3.svg") no-repeat bottom 10px right 0;
    background-size: 100% auto;
    transform: rotate(15deg);
    bottom: -102px
}

@media (max-width:1600px) {
    .hero__card:nth-child(3) {
        bottom: -64px;
        margin-left: -11px
    }
}

.hero__card:nth-child(3):hover {
    z-index: 3;
    transform: scale(1.05) rotate(15deg)
}

.hero__card:before {
    display: block;
    width: 175px;
    aspect-ratio: 1;
    position: absolute;
    right: 28px;
    bottom: 28px;
    background-image: url("data:image/svg+xml,%3Csvg width='175' height='175' viewBox='0 0 175 175' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_3238_4' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='0' y='0' width='175' height='175'%3E%3Cpath d='M0.5 0.572266H174.875V174.924H0.5V0.572266Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_3238_4)'%3E%3Cpath d='M89.3476 21.295C92.0454 20.0718 96.2082 23.4325 98.648 28.8017C101.088 34.1711 100.883 39.5208 98.1817 40.745C97.1679 41.2075 95.291 41.5195 95.291 41.5195C92.5932 42.7427 88.4303 39.3816 85.9905 34.0123C83.5506 28.6431 83.7552 23.2933 86.4527 22.0706C87.466 21.6078 89.3476 21.295 89.3476 21.295Z' fill='%230C4C82'/%3E%3Cpath d='M86.9169 52.1874C88.3211 49.5824 85.2527 45.1957 80.0621 42.3968C76.8621 40.6748 67.6639 38.2854 65.2182 42.8255C63.814 45.4305 66.8813 49.813 72.076 52.6107C75.273 54.3381 84.47 56.7232 86.9158 52.1831L86.9169 52.1874Z' fill='%230C4C82'/%3E%3Cpath d='M57.6867 69.797C57.6074 72.7614 62.3285 75.2857 68.2239 75.435C71.8478 75.5286 81.8092 74.4338 81.9362 69.5777C82.0114 66.6145 77.2902 64.0901 71.3948 63.9408C67.7751 63.846 57.8095 64.942 57.6867 69.797Z' fill='%230C4C82'/%3E%3Cpath d='M89.3476 21.295C92.0454 20.0718 96.2082 23.4325 98.648 28.8017C101.088 34.1711 100.883 39.5208 98.1817 40.745C97.1679 41.2075 95.291 41.5195 95.291 41.5195C92.5932 42.7427 88.4303 39.3816 85.9905 34.0123C83.5506 28.6431 83.7552 23.2933 86.4527 22.0706C87.466 21.6078 89.3476 21.295 89.3476 21.295Z' stroke='%230C4C82' stroke-width='1.40556' stroke-miterlimit='10'/%3E%3Cpath d='M86.9169 52.1874C88.3211 49.5824 85.2527 45.1957 80.0621 42.3968C76.8621 40.6748 67.6639 38.2854 65.2182 42.8255C63.814 45.4305 66.8813 49.813 72.076 52.6107C75.273 54.3381 84.47 56.7232 86.9158 52.1831L86.9169 52.1874Z' stroke='%230C4C82' stroke-width='1.40556' stroke-miterlimit='10'/%3E%3Cpath d='M57.6867 69.797C57.6074 72.7614 62.3285 75.2857 68.2239 75.435C71.8478 75.5286 81.8092 74.4338 81.9362 69.5777C82.0114 66.6145 77.2902 64.0901 71.3948 63.9408C67.7751 63.846 57.8095 64.942 57.6867 69.797Z' stroke='%230C4C82' stroke-width='1.40556' stroke-miterlimit='10'/%3E%3Cpath d='M165.79 73.4469C164.981 72.9775 164.004 72.8938 163.127 73.2185L156.214 75.8591C155.222 76.2453 154.103 76.1027 153.239 75.4812L145.825 70.1648C144.962 69.5432 143.842 69.4007 142.85 69.7869L134.47 73.0119C133.477 73.3733 132.37 73.2329 131.499 72.634L123.83 67.1066C122.959 66.5056 121.85 66.3648 120.855 66.7287L112.479 69.9935C111.496 70.3679 110.388 70.2101 109.548 69.5759L103.514 65.3884C101.925 64.1867 99.6293 64.7795 98.8211 66.601C95.389 74.2686 92.2027 92.0293 89.9833 109.118C87.764 126.21 85.7953 147.402 87.0521 156.572C87.1223 157.032 87.2932 157.47 87.5534 157.855C88.5025 159.257 90.1682 161.397 91.6665 162.284C92.4787 162.763 93.4626 162.852 94.3471 162.526L101.216 159.929C102.193 159.543 103.3 159.686 104.147 160.307L111.565 165.624C112.421 166.261 113.541 166.42 114.54 166.046L122.916 162.776C123.9 162.402 125.007 162.56 125.847 163.194L133.266 168.515C134.137 169.113 135.243 169.254 136.236 168.893L144.617 165.668C145.594 165.282 146.701 165.425 147.548 166.045L153.876 170.189C155.455 171.397 157.746 170.851 158.609 169.06C162.169 160.681 165.772 139.739 168.036 122.484C170.294 105.224 171.762 87.4243 170.422 79.133C170.347 78.6753 170.171 78.2398 169.908 77.8585C169.002 76.5491 167.078 74.194 165.79 73.4469Z' fill='%230C4C82' stroke='%230C4C82' stroke-width='1.40556' stroke-miterlimit='10'/%3E%3Cpath d='M150.769 166.709C152.349 167.917 154.639 167.37 155.502 165.58C159.062 157.2 162.665 136.259 164.928 119.004C167.187 101.744 168.655 83.9397 167.315 75.648C166.99 73.704 164.976 72.5354 163.127 73.2184L156.214 75.859C155.222 76.2452 154.103 76.1026 153.239 75.4811L145.825 70.1647C144.962 69.5431 143.842 69.4006 142.85 69.7867L134.47 73.0118C133.477 73.3736 132.37 73.2328 131.499 72.6339L123.83 67.1065C122.959 66.5054 121.85 66.3647 120.855 66.7286L112.479 69.9933C111.496 70.3678 110.388 70.21 109.548 69.5758L103.514 65.3883C101.925 64.1866 99.6293 64.7798 98.8211 66.6009C95.389 74.2685 92.2027 92.0292 89.9833 109.117C87.764 126.21 85.7953 147.402 87.0521 156.572C87.3529 158.535 89.3761 159.73 91.2402 159.046L98.1088 156.449C99.0853 156.063 100.192 156.204 101.04 156.823L108.458 162.144C109.315 162.779 110.435 162.936 111.433 162.561L119.809 159.297C120.793 158.922 121.901 159.08 122.741 159.714L130.158 165.031C131.028 165.632 132.136 165.775 133.129 165.413L141.51 162.188C142.486 161.801 143.593 161.942 144.441 162.561L150.769 166.709Z' fill='%23019CDE' stroke='%230C4C82' stroke-width='2.81113' stroke-miterlimit='10'/%3E%3Cpath d='M131.568 116.726C131.248 115.852 128.451 115.38 126.816 115.166C125.179 114.953 122.356 114.692 121.822 115.454C121.184 116.818 120.831 118.298 120.785 119.804C120.443 121.271 120.404 122.791 120.671 124.273C120.991 125.148 123.786 125.621 125.423 125.835C127.058 126.048 129.883 126.309 130.417 125.545C131.055 124.181 131.408 122.702 131.454 121.197C131.796 119.729 131.834 118.208 131.568 116.726Z' fill='%23019CDE' stroke='%230C4C82' stroke-width='2.81113' stroke-miterlimit='10'/%3E%3Cpath d='M128.782 138.064C128.461 137.191 125.665 136.718 124.029 136.505C122.392 136.291 119.57 136.031 119.036 136.792C118.398 138.157 118.045 139.637 117.998 141.143C117.656 142.61 117.617 144.131 117.884 145.614C118.204 146.487 120.999 146.96 122.636 147.173C124.272 147.387 127.096 147.648 127.63 146.886C128.268 145.521 128.621 144.041 128.668 142.535C129.009 141.068 129.048 139.547 128.782 138.064Z' fill='%23019CDE' stroke='%230C4C82' stroke-width='2.81113' stroke-miterlimit='10'/%3E%3Cpath d='M152.909 119.513C152.589 118.639 149.792 118.167 148.156 117.953C146.521 117.74 143.697 117.479 143.163 118.241C142.525 119.605 142.172 121.086 142.125 122.591C141.785 124.058 141.745 125.578 142.011 127.06C142.332 127.935 145.127 128.408 146.764 128.622C148.399 128.835 151.223 129.096 151.757 128.332C152.396 126.968 152.749 125.489 152.795 123.984C153.136 122.516 153.175 120.995 152.909 119.513Z' fill='%23019CDE' stroke='%230C4C82' stroke-width='2.81113' stroke-miterlimit='10'/%3E%3Cpath d='M137.485 116.56C136.54 121.859 135.843 127.199 135.396 132.564L140.732 133.26' stroke='%230C4C82' stroke-width='2.81113' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M119.391 130.474C122.981 130.635 126.55 131.101 130.061 131.866L119.391 130.474Z' fill='%23019CDE'/%3E%3Cpath d='M119.391 130.474C122.981 130.635 126.55 131.101 130.061 131.866' stroke='%230C4C82' stroke-width='2.81113' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M145.37 139.29L140.036 138.594L139.339 143.928' stroke='%230C4C82' stroke-width='2.81113' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M146.068 133.954C147.864 134.036 149.647 134.269 151.403 134.65C151.35 136.453 150.421 143.566 150.01 145.32L144.675 144.624' stroke='%230C4C82' stroke-width='2.81113' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M134.7 137.897C133.988 141.417 133.522 144.981 133.307 148.566C138.599 149.564 143.945 150.262 149.313 150.655' stroke='%230C4C82' stroke-width='2.81113' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M88.8811 33.2366C86.4417 27.8672 86.65 22.5164 89.3474 21.2933C92.0454 20.0705 96.2081 23.4312 98.648 28.8004C101.088 34.1697 100.882 39.5153 98.1817 40.7437C95.4839 41.967 91.321 38.6058 88.8811 33.2366Z' fill='%23019CDE' stroke='%230C4C82' stroke-width='1.40556' stroke-miterlimit='10'/%3E%3Cpath d='M74.9727 51.8387C69.7768 49.0368 66.7057 44.6552 68.1136 42.0493C69.5172 39.444 74.8678 39.598 80.0585 42.3973C85.2532 45.195 88.3205 49.5776 86.9175 52.1867C85.5139 54.792 80.1622 54.6337 74.9727 51.8387Z' fill='%23019CDE' stroke='%230C4C82' stroke-width='1.40556' stroke-miterlimit='10'/%3E%3Cpath d='M71.1191 74.6598C65.2238 74.5105 60.5026 71.9862 60.5777 69.0229C60.6535 66.064 65.4997 63.7919 71.3951 63.9412C77.2905 64.0905 82.0116 66.6149 81.9365 69.5781C81.8607 72.537 77.0145 74.8091 71.1191 74.6598Z' fill='%23019CDE' stroke='%230C4C82' stroke-width='1.40556' stroke-miterlimit='10'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: 100% auto
}

.hero h1 {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0
}

.hero h2 {
    position: absolute;
    font-family: var(--font-family);
    z-index: 2;
    font-size: 24px;
    line-height: 1.25;
    left: 9vw;
    top: 23vw;
    font-weight: 300
}

@media (max-width:1600px) {
    .hero h2 {
        font-size: 16px
    }
}

@media (max-width:1099px) {
    .hero h2 {
        color: #fff;
        text-align: center;
        left: 0;
        top: 77px;
        width: 100%
    }
}

@media (max-width:599px) {
    .hero h2 {
        font-size: 14px;
        top: 70px
    }
}

.hp-title {
    text-transform: uppercase;
    font-size: 170px;
    letter-spacing: -0.05em;
    margin: 0 0 30px 0;
    position: relative
}

@media (max-width:1600px) {
    .hp-title {
        font-size: 128px
    }
}

@media (max-width:1099px) {
    .hp-title {
        font-size: 64px
    }
}

@media (max-width:599px) {
    .hp-title {
        font-size: 48px
    }
}

.form-1.form-hp {
    width: 100vw;
    margin-left: calc(var(--inner-padding-left) * -1);
    padding-left: var(--inner-padding-left);
    padding-right: var(--inner-padding-right);
    padding-bottom: 150px;
    padding-top: 110px
}

@media (max-width:1600px) {
    .form-1.form-hp {
        padding-bottom: 130px
    }
}

@media (max-width:1099px) {
    .form-1.form-hp {
        width: 100%;
        margin-left: 0;
        border-radius: 20px;
        padding-bottom: 152px;
        padding-top: 90px
    }
}

@media (max-width:599px) {
    .form-1.form-hp {
        width: 100vw;
        margin-left: calc(var(--inner-padding-left) * -1);
        padding-top: 100px
    }
}

.form-1.form-hp:before {
    content: "";
    display: block
}

.form-1.form-hp .form-1__form {
    width: 422px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px
}

@media (max-width:1600px) {
    .form-1.form-hp .form-1__form {
        margin-top: 110px
    }
}

@media (max-width:1099px) {
    .form-1.form-hp .form-1__form {
        width: 340px;
        margin-top: 40px
    }
}

@media (max-width:599px) {
    .form-1.form-hp .form-1__form {
        width: 100%
    }
}

.form-1.form-hp .form-1__item {
    margin-bottom: 10px
}

.form-1.form-hp .form-1__agree {
    text-align: left
}

.form-1.form-hp .form-1__btn {
    padding-left: 0;
    padding-right: 0
}

.form-1.form-hp h2 {
    font-size: 170px
}

@media (max-width:1600px) {
    .form-1.form-hp h2 {
        font-size: 128px
    }
}

@media (max-width:1099px) {
    .form-1.form-hp h2 {
        font-size: 64px
    }
}

@media (max-width:599px) {
    .form-1.form-hp h2 {
        font-size: 48px
    }
}

.form-1.form-hp .icon-form-decor-1 {
    left: 0;
    transform: translateX(-476px);
    top: 56px
}

@media (max-width:1600px) {
    .form-1.form-hp .icon-form-decor-1 {
        transform: translateX(-366px);
        top: 42px
    }
}

@media (max-width:1099px) {
    .form-1.form-hp .icon-form-decor-1 {
        transform: translateX(-222px);
        top: 13px;
        width: 26px
    }
}

@media (max-width:599px) {
    .form-1.form-hp .icon-form-decor-1 {
        transform: translateX(0);
        top: 73px
    }
}

.form-1.form-hp .icon-form-decor-2 {
    width: 211px;
    transform: scaleY(-1) translateX(-560px)
}

@media (max-width:1600px) {
    .form-1.form-hp .icon-form-decor-2 {
        width: 161px;
        transform: scaleY(-1) translateX(-410px)
    }
}

@media (max-width:1099px) {
    .form-1.form-hp .icon-form-decor-2 {
        width: 81px;
        transform: scaleY(-1) translateX(-285px)
    }
}

@media (max-width:599px) {
    .form-1.form-hp .icon-form-decor-2 {
        transform: scaleY(-1) translateX(0px);
        bottom: 20px
    }
}

.form-1.form-hp .icon-form-decor-3 {
    width: 185px;
    left: 0;
    transform: translateX(376px);
    bottom: 130px
}

@media (max-width:1600px) {
    .form-1.form-hp .icon-form-decor-3 {
        width: 140px;
        transform: translateX(308px);
        bottom: 159px
    }
}

@media (max-width:1099px) {
    .form-1.form-hp .icon-form-decor-3 {
        width: 84px;
        transform: translateX(170px);
        bottom: 38px
    }
}

@media (max-width:599px) {
    .form-1.form-hp .icon-form-decor-3 {
        transform: translateX(267px)
    }
}

.form-1.form-hp .icon-form-decor-6 {
    position: absolute;
    left: 640px;
    top: 170px;
    width: 235px;
    aspect-ratio: 1.16
}

@media (max-width:1600px) {
    .form-1.form-hp .icon-form-decor-6 {
        left: 500px;
        top: 260px;
        width: 175px
    }
}

@media (max-width:1099px) {
    .form-1.form-hp .icon-form-decor-6 {
        left: 248px;
        top: 27px;
        width: 67px
    }
}

@media (max-width:599px) {
    .form-1.form-hp .icon-form-decor-6 {
        left: 278px
    }
}

.form-1.form-hp .icon-form-decor-5 {
    position: absolute;
    left: -640px;
    top: 278px;
    width: 253px;
    aspect-ratio: 1.9
}

@media (max-width:1600px) {
    .form-1.form-hp .icon-form-decor-5 {
        left: -457px;
        top: 338px;
        width: 190px
    }
}

@media (max-width:1099px) {
    .form-1.form-hp .icon-form-decor-5 {
        display: none
    }
}

.tuto-is {
    position: relative;
    --scroll-progress: 0
}

.tuto-is__top {
    height: 230px;
    position: relative
}

@media (min-width:1100px) {
    .tuto-is__top {
        opacity: calc(1 - var(--scroll-pin-progress) * 2)
    }
}

@media (max-width:1600px) {
    .tuto-is__top {
        height: 180px
    }
}

@media (max-width:1099px) {
    .tuto-is__top {
        height: auto
    }
}

.tuto-is__title {
    color: var(--violet);
    text-transform: uppercase;
    font-size: 170px;
    letter-spacing: -0.05em;
    margin: 0 0 60px 0
}

@media (max-width:1600px) {
    .tuto-is__title {
        font-size: 128px;
        margin-bottom: 20px
    }
}

@media (max-width:1099px) {
    .tuto-is__title {
        font-size: 64px;
        text-align: center
    }
}

@media (max-width:599px) {
    .tuto-is__title {
        font-size: 48px
    }
}

.tuto-is__title+.star-yellow {
    position: absolute;
    left: 78%;
    top: 50px
}

@media (max-width:1600px) {
    .tuto-is__title+.star-yellow {
        left: 75%;
        top: -3px
    }
}

@media (max-width:1099px) {
    .tuto-is__title+.star-yellow {
        display: none
    }
}

.tuto-is__intro {
    text-align: center;
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
    margin-top: 150px
}

@media (max-width:1600px) {
    .tuto-is__intro {
        margin-top: 100px
    }
}

@media (max-width:1099px) {
    .tuto-is__intro {
        grid-column: span 2;
        padding-bottom: 40px;
        height: auto;
        margin-top: 0
    }
}

.tuto-is__intro>div {
    max-width: 350px
}

.tuto-is__intro>div p {
    font-size: 16px;
    line-height: 1.3
}

@media (max-width:1600px) {
    .tuto-is__intro>div p {
        font-size: 14px
    }
}

.tuto-is__star {
    position: relative
}

.tuto-is__star .star-pink {
    position: absolute;
    top: 240px;
    right: 30.5%;
    z-index: 3
}

@media (max-width:1600px) {
    .tuto-is__star .star-pink {
        right: 31.5%;
        top: 140px
    }
}

@media (max-width:1099px) {
    .tuto-is__star .star-pink {
        display: none
    }
}

.tuto-is__grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 16px
}

@media (max-width:1600px) {
    .tuto-is__grid {
        gap: 10px
    }
}

@media (max-width:1099px) {
    .tuto-is__grid {
        grid-template-columns: 1fr 1fr
    }
}

@media (max-width:599px) {
    .tuto-is__grid {
        grid-template-columns: 1fr
    }
}

.tuto-is__btn {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-family: var(--second-family);
    letter-spacing: -0.02em;
    margin-top: auto;
    font-size: 20px;
    position: relative
}

.tuto-is__btn span {
    font-weight: 400;
    z-index: 2;
    color: var(--violet)
}

.tuto-is__btn svg:nth-of-type(1) {
    width: 110%;
    aspect-ratio: 4.46;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    transform: translate(-50%, -50%)
}

.tuto-is__btn span+svg {
    width: 18px;
    height: 16px;
    flex-shrink: 0;
    position: relative;
    z-index: 2;
    left: 0;
    top: 0.15em;
    transition: left 0.3s ease;
    color: var(--violet)
}

.tuto-is__grid-item {
    position: relative;
    z-index: 2
}

@media (min-width:1100px) {
    .tuto-is__grid-item:nth-child(1) {
        grid-column: 1/2;
        grid-row: 2/3
    }
    .tuto-is__grid-item:nth-child(2) {
        grid-column: 1/2;
        grid-row: 3/4
    }
    .tuto-is__grid-item:nth-child(3) {
        grid-column: 2/3;
        grid-row: 2/3;
        transform: translateY(calc((1 - var(--scroll-progress)) * 80%))
    }
    .tuto-is__grid-item:nth-child(4) {
        grid-column: 2/3;
        grid-row: 3/4;
        transform: translateY(calc((1 - var(--scroll-progress)) * 80%))
    }
    .tuto-is__grid-item:nth-child(5) {
        grid-column: 3/4;
        grid-row: 2/3
    }
    .tuto-is__grid-item:nth-child(6) {
        grid-column: 3/4;
        grid-row: 3/4
    }
}

.tuto-is__item {
    display: block;
    aspect-ratio: 1;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    color: #fff;
    text-decoration: none;
    box-sizing: border-box;
    padding: 20px;
    text-align: left
}

.tuto-is__item:hover img {
    transform: scale(1.05)
}

.tuto-is__item:hover svg {
    transform: translateX(3px)
}

@media (max-width:1600px) {
    .tuto-is__item {
        padding: 20px 10px
    }
}

.tuto-is__item img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    transition: transform 1s ease-out;
    will-change: transform
}

.tuto-is__item svg {
    display: block;
    width: 30px;
    aspect-ratio: 1;
    position: absolute;
    z-index: 3;
    right: 28px;
    top: 38px;
    transition: transform 0.3s ease
}

@media (max-width:1600px) {
    .tuto-is__item svg {
        width: 24px;
        top: 32px;
        right: 15px;
        top: 34px
    }
}

@media (max-width:1099px) {
    .tuto-is__item svg {
        top: 28px
    }
}

.tuto-is__item:before {
    content: "";
    display: block;
    width: 100%;
    height: 25%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%)
}

.tuto-is__item-title {
    position: relative;
    z-index: 3;
    padding-right: 60px
}

@media (max-width:1099px) {
    .tuto-is__item-title {
        font-size: 32px
    }
}

.star-yellow {
    width: 77px;
    height: 70px;
    background: url("data:image/svg+xml,%3Csvg width='77' height='70' viewBox='0 0 77 70' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M43.5228 0.0257543L37.3384 7.36977L37.2096 7.62745L37.0807 7.85935L36.9519 8.11705L36.8231 8.37473L36.6942 8.63241L36.5654 8.89009L36.4365 9.14777L36.3077 9.40547L36.1789 9.66315L36.05 9.92083L35.9212 10.1785L35.7923 10.4362L35.6635 10.6939L35.5347 10.9516L35.4058 11.2093L35.277 11.4669L35.1481 11.7246L34.9935 11.9823L34.8389 12.24L34.7101 12.4977L34.5555 12.7554L34.4008 13.013L34.2462 13.2707L34.0916 13.5284L33.937 13.7861L33.7824 14.0438L33.6278 14.3015L33.4732 14.5592L33.3186 14.8168L33.1639 15.0745L33.0093 15.3322L32.8547 15.5899L32.7001 15.8733L32.5455 16.1568L32.3909 16.4402L32.2363 16.7237L32.0817 17.0071L31.9271 17.2906L31.7725 17.5741L31.6179 17.8575L31.4632 18.141L31.3086 18.4244L31.154 18.7079L30.9994 18.9913L30.8448 19.2748L30.6902 19.5582L30.5356 19.8417L30.381 20.1251L30.2263 20.4086L30.0717 20.692L29.9171 20.9755L29.7625 21.2589L29.6079 21.5424L29.4533 21.8258L29.2987 22.1093L29.1441 22.3927L28.9895 22.6762L28.8349 22.9596L28.6803 23.2431L28.5257 23.5266L28.371 23.81L28.2164 24.0935L28.0618 24.3769L27.9072 24.6604L34.0916 17.3164L34.2462 17.0329L34.4008 16.7495L34.5555 16.466L34.7101 16.1826L34.8647 15.8991L35.0193 15.6156L35.1739 15.3322L35.3285 15.0487L35.4831 14.7653L35.6377 14.4818L35.7923 14.1984L35.9469 13.9149L36.1016 13.6315L36.2562 13.348L36.4108 13.0646L36.5654 12.7811L36.72 12.4977L36.8746 12.2142L37.0292 11.9308L37.1838 11.6473L37.3384 11.3639L37.493 11.0804L37.6477 10.797L37.8023 10.5135L37.9569 10.2301L38.1115 9.94661L38.2661 9.66315L38.4207 9.3797L38.5753 9.09624L38.7299 8.81279L38.8845 8.52934L39.0392 8.24588L39.1938 7.9882L39.3484 7.73052L39.503 7.47284L39.6576 7.21514L39.8122 6.95746L39.9668 6.69978L40.1214 6.4421L40.276 6.18442L40.4306 5.92672L40.5852 5.66904L40.7399 5.41136L40.8945 5.15368L41.0233 4.896L41.1779 4.6383L41.3068 4.38062L41.4614 4.12294L41.5902 3.86526L41.7191 3.60758L41.8479 3.34988L41.9768 3.0922L42.1056 2.83452L42.2344 2.57684L42.3633 2.31916L42.4921 2.06146L42.621 1.80378L42.7498 1.5461L42.8786 1.28842L43.0075 1.03074L43.1363 0.77304L43.2652 0.51536L43.394 0.25768L43.5228 0V0.0257543ZM6.15865 63.0553L6.64825 62.7976L7.13786 62.5657L7.62747 62.3338L8.11707 62.1019L8.58089 61.8699L9.07049 61.638L9.5343 61.4061L9.99816 61.1742L10.462 60.9423L10.9258 60.7104L11.3896 60.4785L11.8535 60.2465L12.3173 60.0146L12.7811 59.7827L13.245 59.5508L13.7088 59.3189L14.1726 59.087L14.6365 58.855L15.1003 58.6231L15.5641 58.3912L16.028 58.1593L16.4918 57.9274L16.9556 57.6955L17.4195 57.4635L17.8833 57.2316L18.3471 56.9997L18.8109 56.7678L19.2748 56.5359L19.7386 56.304L20.2024 56.072L20.6663 55.8401L21.1301 55.6082L21.5681 55.3763L22.0062 55.1444L22.4443 54.9125L22.8824 54.6806L23.3204 54.4486L23.7585 54.2167L24.1965 53.9848L24.6346 53.7529L25.0727 53.521L25.5107 53.3148L25.9488 53.1087L26.3869 52.9025L26.7992 52.6964L27.2114 52.4902L27.6237 52.2841L28.036 52.078L28.4483 51.8718L28.8606 51.6656L29.2729 51.4595L29.6852 51.2534L30.0975 51.0472L30.5098 50.8411L30.9221 50.6349L31.3344 50.4288L31.7467 50.2226L32.159 50.0165L32.5713 49.8103L32.9836 49.6042L33.3959 49.398L33.8081 49.1919L34.2204 48.9857L34.6328 48.7796L35.0193 49.0888L35.38 49.398L35.7666 49.7073L36.1531 50.0165L36.5138 50.3257L36.9004 50.6349L37.2869 50.9441L37.6734 51.2534L38.06 51.5626L38.4465 51.8718L38.833 52.181L39.2195 52.4902L39.606 52.7995L39.9926 53.1087L40.3791 53.4179L40.7656 53.7271L41.1522 54.0364L41.5387 54.3456L41.9252 54.6548L42.3117 54.964L42.6983 55.2732L43.0848 55.5825L43.4713 55.8917L43.8578 56.2009L44.2444 56.5101L44.6309 56.8193L45.0174 57.1286L45.4039 57.4378L45.7905 57.747L46.177 58.0562L46.5635 58.3654L46.95 58.6747L47.3366 58.9839L47.7231 59.2931L48.1354 59.6023L48.5219 59.9115L48.9342 60.2465L49.3465 60.5558L49.7588 60.8907L50.1711 61.2L50.5834 61.535L50.9957 61.8699L51.408 62.2049L51.8203 62.5399L52.2326 62.8749L52.6449 63.2099L53.0571 63.5449L53.4695 63.8799L53.8818 64.2149L54.2941 64.5499L54.7063 64.8849L55.1186 65.2198L55.5309 65.5548L55.9432 65.8898L56.3555 66.2248L56.7678 66.5598L57.1801 66.8948L57.5924 67.2298L58.0047 67.5648L58.417 67.8997L58.8293 68.2347L59.2416 68.5697L59.6539 68.9047L60.0662 69.2397L66.2764 61.8957L65.8641 61.5607L65.4518 61.2257L65.0395 60.8907L64.6272 60.5558L64.2149 60.2208L63.8026 59.8858L63.3903 59.5508L62.978 59.2158L62.5657 58.8808L62.1534 58.5458L61.7411 58.2108L61.3288 57.8758L60.9165 57.5408L60.5042 57.2059L60.092 56.8709L59.6796 56.5359L59.2673 56.2009L58.855 55.8659L58.4428 55.5309L58.0305 55.1959L57.6182 54.8609L57.2059 54.5259L56.7936 54.191L56.3813 53.856L55.969 53.521L55.5567 53.2118L55.1444 52.9025L54.7321 52.5933L54.3456 52.2583L53.9591 51.9491L53.5725 51.6399L53.186 51.3307L52.7995 51.0214L52.4129 50.7122L52.0264 50.403L51.6399 50.0938L51.2534 49.7846L50.8669 49.4753L50.4803 49.1661L50.0938 48.8569L49.7073 48.5477L49.3207 48.2385L48.9342 47.9292L48.5477 47.62L48.1612 47.3108L47.7747 47.0016L47.3881 46.6923L47.0016 46.3831L46.615 46.0739L46.2285 45.7647L45.842 45.4555L45.4555 45.1462L45.069 44.837L44.6824 44.5278L44.2959 44.2186L43.9094 43.9094L43.5228 43.6001L43.1363 43.2909L42.7498 42.9817L42.3633 42.6725L41.9768 42.3633L41.616 42.054L41.2295 41.7448L40.8687 41.4356L40.4564 41.6417L40.0441 41.8479L39.6318 42.054L39.2195 42.2602L38.8072 42.4663L38.395 42.6725L37.9827 42.8786L37.5703 43.0848L37.158 43.2909L36.7458 43.4971L36.3335 43.7032L35.9212 43.9094L35.5089 44.1155L35.0966 44.3217L34.6843 44.5278L34.272 44.734L33.8597 44.9401L33.4474 45.1462L33.0351 45.3524L32.6228 45.5585L32.1848 45.7647L31.7467 45.9708L31.3086 46.2028L30.8705 46.4089L30.4325 46.6408L29.9944 46.8727L29.5564 47.1046L29.1183 47.3366L28.6803 47.5685L28.2422 47.8004L27.8041 48.0323L27.366 48.2642L26.9022 48.4961L26.4384 48.7281L25.9746 48.96L25.5107 49.1919L25.0469 49.4238L24.5831 49.6557L24.1192 49.8876L23.6554 50.1195L23.1916 50.3515L22.7278 50.5834L22.2639 50.8153L21.8001 51.0472L21.3362 51.2791L20.8724 51.511L20.4086 51.743L19.9448 51.9749L19.4809 52.2068L19.0171 52.4387L18.5532 52.6706L18.0894 52.9025L17.6256 53.1344L17.1618 53.3664L16.6979 53.5983L16.2341 53.8302L15.7703 54.0621L15.3064 54.294L14.8426 54.5259L14.3788 54.7579L13.8892 54.9898L13.3996 55.2217L12.91 55.4536L12.4204 55.7113L12.6781 55.2732L12.9358 54.8352L13.1934 54.3971L13.4511 53.959L13.7088 53.521L13.9665 53.0829L14.2242 52.6449L14.4818 52.2068L14.7395 51.7687L14.9972 51.3307L15.2549 50.8926L15.4868 50.4545L15.7445 50.0165L15.9764 49.5784L16.2084 49.1404L16.4403 48.7023L16.6722 48.2642L16.9041 47.8262L17.136 47.3881L17.3679 46.9758L17.5998 46.5635L17.8317 46.1512L18.0637 45.7389L18.2956 45.3266L18.5275 44.9143L18.7594 44.502L18.9913 44.0897L19.2233 43.6774L19.4552 43.2652L19.6871 42.8529L19.919 42.4406L20.1509 42.0283L20.3828 41.6417L20.6147 41.2552L20.8209 40.8687L21.027 40.4822L21.2332 40.0956L21.4393 39.7091L21.6455 39.3226L21.8516 38.9361L22.0578 38.5495L22.2639 38.163L22.4701 37.7765L22.6762 37.3899L22.8824 37.0034L23.0885 36.6169L23.2947 36.2304L23.5008 35.8438L23.7069 35.4831L23.9131 35.1223L24.1192 34.7616L24.3254 34.4008L24.5315 34.0401L24.7377 33.6793L24.9438 33.3186L25.15 32.9578L25.3561 32.597L25.5623 32.2363L25.7684 31.8755L25.9746 31.5148L26.1807 31.154L26.3869 30.7932L26.593 30.4325L26.7992 30.0717L26.4642 29.7883L26.1292 29.5306L25.7942 29.2729L25.4592 29.0152L25.1242 28.7575L24.7892 28.4999L24.4542 28.2422L24.1192 27.9845L23.7842 27.7268L23.4493 27.4691L23.1143 27.2114L22.7793 26.9538L22.4443 26.6961L22.1093 26.4384L21.7743 26.1807L21.4393 25.923L21.1043 25.6653L20.7693 25.4077L20.4344 25.15L20.0994 24.8923L19.7644 24.6346L19.4294 24.3769L19.0944 24.1192L18.7594 23.8615L18.4244 23.6039L18.0894 23.3462L17.7544 23.0885L17.4195 22.8308L17.0845 22.5731L16.7495 22.3154L16.4145 22.0578L16.0795 21.8001L15.7703 21.5424L15.461 21.2847L15.1518 21.027L14.8426 20.7693L14.5334 20.5117L14.2242 20.254L13.915 19.9963L13.6057 19.7386L13.2965 19.4809L12.9873 19.2232L12.6781 18.9656L12.3688 18.7079L12.0596 18.4502L11.7504 18.1925L11.4412 17.9348L11.132 17.6771L10.8227 17.4194L10.5135 17.1618L10.2043 16.9041L9.89506 16.6464L9.58585 16.3887L9.27664 16.131L8.9674 15.8733L8.65819 15.6156L8.34898 15.358L8.03973 15.1003L7.73052 14.8426L7.42132 14.5849L7.11211 14.3272L6.80286 14.0695L6.49365 13.8119L6.18444 13.5542L0 20.8982L0.309208 21.1559L0.618456 21.4135L0.927664 21.6712L1.23687 21.9289L1.54612 22.1866L1.85533 22.4443L2.16454 22.702L2.47378 22.9596L2.78299 23.2173L3.0922 23.475L3.40145 23.7327L3.71066 23.9904L4.01987 24.2481L4.32911 24.5057L4.63832 24.7634L4.94753 25.0211L5.25678 25.2788L5.56599 25.5365L5.87519 25.7942L6.18444 26.0519L6.49365 26.3095L6.80286 26.5672L7.11211 26.8249L7.42132 27.0826L7.73052 27.3403L8.03973 27.598L8.34898 27.8556L8.65819 28.1133L8.9674 28.371L9.27664 28.6287L9.58585 28.8864L9.89506 29.1441L10.2301 29.4017L10.5651 29.6594L10.9 29.9171L11.235 30.1748L11.57 30.4325L11.905 30.6902L12.24 30.9478L12.575 31.2055L12.91 31.4632L13.245 31.7209L13.58 31.9786L13.915 32.2363L14.2499 32.494L14.5849 32.7516L14.9199 33.0093L15.2549 33.267L15.5899 33.5247L15.9249 33.7824L16.2599 34.0401L16.5949 34.2977L16.9299 34.5554L17.2648 34.8131L17.5998 35.0708L17.9348 35.3285L18.2698 35.5862L18.6048 35.8438L18.9398 36.1015L19.2748 36.3592L19.6098 36.6169L19.9448 36.8746L20.2797 37.1323L20.6147 37.3899L20.4086 37.7507L20.2024 38.1115L19.9963 38.4722L19.7902 38.833L19.584 39.1937L19.3779 39.5545L19.1717 39.9153L18.9656 40.276L18.7594 40.6368L18.5532 40.9975L18.3471 41.3583L18.141 41.719L17.9348 42.0798L17.7287 42.4406L17.5225 42.8013L17.3164 43.1878L17.1102 43.5744L16.9041 43.9609L16.6979 44.3474L16.4918 44.734L16.2857 45.1205L16.0795 45.507L15.8734 45.8935L15.6672 46.2801L15.461 46.6666L15.2549 47.0531L15.0487 47.4396L14.8426 47.8262L14.6365 48.2127L14.4303 48.5992L14.1984 48.9857L13.9665 49.3723L13.7346 49.7846L13.5027 50.1968L13.2708 50.6092L13.0388 51.0214L12.8069 51.4337L12.575 51.846L12.3431 52.2583L12.1111 52.6706L11.8792 53.0829L11.6473 53.4952L11.4154 53.9075L11.1835 54.3198L10.9516 54.7321L10.7197 55.1702L10.4878 55.6082L10.2558 56.0463L10.0239 56.4843L9.792 56.9224L9.5601 57.3605L9.3024 57.7985L9.07049 58.2366L8.81279 58.6747L8.55513 59.1127L8.29743 59.5508L8.03973 59.9889L7.78207 60.4269L7.52437 60.865L7.26671 61.303L7.00901 61.7411L6.75131 62.1792L6.49365 62.6172L6.23595 63.0553H6.15865ZM55.7113 33.5762L49.5269 40.9202L49.8876 40.7398L50.2484 40.5595L50.6092 40.3791L50.9699 40.1987L51.3307 40.0183L51.6914 39.838L52.0522 39.6576L52.4129 39.4772L52.7737 39.2968L53.1087 39.1164L53.4437 38.9361L53.7787 38.7557L54.1137 38.5753L54.4487 38.3949L54.7837 38.2145L55.1186 38.0342L55.4536 37.8538L55.7886 37.6734L56.1236 37.493L56.4586 37.3126L56.7936 37.1323L57.1286 36.9519L57.4636 36.7715L57.7986 36.5911L58.1335 36.4108L58.4685 36.2304L58.8035 36.05L59.1385 35.8696L59.4735 35.6892L59.8085 35.5089L60.1435 35.3285L60.4785 35.1481L60.8135 34.9935L61.1484 34.8389L61.4834 34.6843L61.7926 34.5297L62.1019 34.375L62.4111 34.2204L62.7203 34.0658L63.0296 33.9112L63.3388 33.7566L63.648 33.602L63.9572 33.4474L64.2664 33.2928L64.5756 33.1382L64.8849 32.9836L65.1941 32.8289L65.5033 32.6743L65.8125 32.5197L66.1217 32.3651L66.431 32.2105L66.7402 32.0559L67.0494 31.9013L67.3586 31.7467L67.6679 31.5921L67.9771 31.4375L68.2863 31.2828L68.5955 31.1282L68.9047 30.9736L69.214 30.819L69.5232 30.6644L69.8324 30.5098L70.1416 30.3552L70.4508 30.2006L76.6353 22.8566L76.326 23.0112L76.0168 23.1658L75.7076 23.3204L75.3984 23.475L75.0891 23.6296L74.7799 23.7842L74.4707 23.9389L74.1615 24.0935L73.8523 24.2481L73.5431 24.4027L73.2338 24.5573L72.9246 24.7119L72.6154 24.8665L72.3062 25.0211L71.9969 25.1757L71.6877 25.3303L71.3785 25.485L71.0693 25.6396L70.7601 25.7942L70.4508 25.9488L70.1416 26.1034L69.8324 26.258L69.5232 26.4126L69.214 26.5672L68.9047 26.7218L68.5955 26.8765L68.2863 27.0311L67.9771 27.1857L67.6421 27.3403L67.3071 27.4949L66.9721 27.6495L66.6371 27.8041L66.3021 27.9845L65.9671 28.1649L65.6321 28.3452L65.2971 28.5256L64.9622 28.706L64.6272 28.8864L64.2922 29.0668L63.9572 29.2471L63.6222 29.4275L63.2872 29.6079L62.9522 29.7883L62.6172 29.9687L62.2822 30.149L61.9473 30.3294L61.6123 30.5098L61.2773 30.6902L60.9423 30.8705L60.6073 31.0509L60.2723 31.2313L59.9374 31.4117L59.6023 31.5921L59.2416 31.7724L58.9066 31.9528L58.5458 32.1332L58.1851 32.3136L57.8243 32.494L57.4636 32.6743L57.1028 32.8547L56.7421 33.0351L56.3813 33.2155L56.0205 33.3959L55.6598 33.5762H55.7113Z' fill='%23C56929'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M43.5235 0.0258789C42.0804 2.62849 40.5859 5.33418 39.014 8.14293C37.3906 11.0548 35.7157 14.0954 33.9634 17.2392C29.4024 16.6207 24.7898 16.0281 20.203 15.4096C15.5647 14.7912 10.9007 14.147 6.18506 13.5285C9.45765 16.1569 12.8075 18.8111 16.209 21.5167C19.6619 24.274 23.218 27.1085 26.8255 29.9946C24.6868 33.8083 22.4449 37.8024 20.0742 41.9769C17.6262 46.3317 15.0494 50.9185 12.3437 55.7114C17.4716 53.083 22.4449 50.5577 27.2636 48.084C31.9019 45.7133 36.4114 43.3941 40.7663 41.178C44.7346 44.3733 48.7802 47.6202 52.929 50.97C57.155 54.3715 61.4841 57.876 65.9162 61.432C64.0351 56.3041 62.2313 51.3823 60.5048 46.6667C58.8557 42.1315 57.258 37.7766 55.7119 33.6021C59.4999 31.6953 63.159 29.8399 66.715 28.0362C70.168 26.2839 73.5179 24.5832 76.7905 22.9082C72.4872 22.3413 68.1581 21.7744 63.8032 21.2075C59.4226 20.6406 54.9904 20.0479 50.5582 19.4553C49.2956 15.9508 48.0587 12.5236 46.8734 9.25098C45.7138 6.08146 44.6057 3.01502 43.5235 0.0516528' fill='%23FEC528'/%3E%3C/svg%3E%0A") no-repeat 0 0;
    background-size: 100% 100%;
    z-index: -1
}

@media (max-width:1600px) {
    .star-yellow {
        width: 46px;
        height: 42px
    }
}

.star-pink {
    background-image: url("data:image/svg+xml,%3Csvg width='107' height='102' viewBox='0 0 107 102' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M38.4485 15.1879L46.3804 21.8523L46.5935 22.0996L46.8067 22.3468L47.0199 22.594L47.2331 22.8412L47.4463 23.0885L47.6595 23.3357L47.8727 23.5829L48.0858 23.8302L48.299 24.0774L48.5122 24.3246L48.7254 24.5719L48.9386 24.8191L49.1518 25.0663L49.365 25.3135L49.5781 25.5608L49.7913 25.808L50.0045 26.0552L50.2177 26.3025L50.4309 26.5497L50.6441 26.7969L50.8573 27.0442L51.0705 27.2914L51.2836 27.5386L51.4968 27.7858L51.71 28.0331L51.9331 28.309L52.1561 28.5849L52.3791 28.8608L52.6022 29.1366L52.8252 29.4125L53.0483 29.6884L53.2713 29.9643L53.4943 30.2402L53.7174 30.5161L53.9404 30.792L54.1635 31.0679L54.3865 31.3438L54.6095 31.6197L54.8326 31.8956L55.0556 32.1715L55.2787 32.4474L55.5017 32.7233L55.7247 32.9992L55.9478 33.2751L56.1708 33.551L56.3939 33.8269L56.6268 34.1314L56.8785 34.3974L57.1114 34.702L57.3729 34.9967L57.6345 35.2914L57.896 35.5861L58.1576 35.8808L58.4191 36.1755L58.6807 36.4702L58.9422 36.7649L59.2038 37.0596L59.4654 37.3544L59.7269 37.649L59.9885 37.9438L60.25 38.2385L60.5116 38.5332L60.7731 38.8279L61.0347 39.1226L53.1029 32.4581L52.8413 32.1634L52.5798 31.8687L52.3182 31.574L52.0566 31.2793L51.7951 30.9846L51.5335 30.6899L51.272 30.3952L51.0104 30.1005L50.7489 29.8058L50.4873 29.5111L50.2258 29.2164L49.9642 28.9216L49.7026 28.6269L49.4411 28.3322L49.1795 28.0375L48.918 27.7428L48.6851 27.4383L48.4334 27.1722L48.2103 26.8963L47.9873 26.6204L47.7642 26.3445L47.5412 26.0686L47.3182 25.7927L47.0951 25.5169L46.8721 25.241L46.649 24.9651L46.426 24.6892L46.203 24.4133L45.9799 24.1374L45.7569 23.8615L45.5339 23.5856L45.3108 23.3097L45.0878 23.0338L44.8647 22.7579L44.6417 22.482L44.4187 22.2061L44.1956 21.9302L43.9726 21.6543L43.7495 21.3785L43.5363 21.1312L43.3133 20.8553L43.1001 20.6081L42.8869 20.3609L42.6737 20.1136L42.4606 19.8664L42.2474 19.6192L42.0342 19.3719L41.821 19.1247L41.6078 18.8775L41.3946 18.6303L41.1814 18.383L40.9682 18.1358L40.7551 17.8886L40.5419 17.6413L40.3287 17.3941L40.1155 17.1469L39.9023 16.8996L39.6891 16.6524L39.4759 16.4052L39.2628 16.158L39.0496 15.9107L38.8364 15.6635L38.6232 15.4163L38.41 15.169L38.4485 15.1879ZM83.1447 22.3239L91.0766 28.9883L90.7828 29.3457L90.5176 29.6933L90.2238 30.0507L89.93 30.4081L89.6362 30.7655L89.3424 31.1229L89.0486 31.4803L88.7547 31.8377L88.4609 32.1951L88.1671 32.5525L87.8733 32.9099L87.5795 33.2673L87.2857 33.6247L86.9919 33.9821L86.6981 34.3395L86.4043 34.6969L86.1104 35.0543L85.8166 35.4117L85.5228 35.7691L85.229 36.1265L84.9352 36.4839L84.6414 36.8413L84.3476 37.1987L84.0538 37.5561L83.76 37.9135L83.4662 38.2709L83.1723 38.6283L82.8785 38.9857L82.5847 39.3431L82.2909 39.7006L81.9971 40.0579L81.7033 40.4154L81.4095 40.7728L81.1157 41.1302L80.8219 41.4876L80.528 41.845L80.2342 42.2024L79.9404 42.5598L79.6466 42.9172L79.3528 43.2746L79.059 43.632L78.7652 43.9894L78.4714 44.3468L78.1776 44.7042L77.8838 45.0616L77.5899 45.419L77.2961 45.7764L77.0023 46.1338L76.6799 46.501L76.3574 46.8683L76.0349 47.2356L75.7124 47.6028L75.39 47.9701L75.0675 48.3373L74.745 48.7046L74.4225 49.0718L74.1001 49.4391L73.7776 49.8064L73.4551 50.1736L73.1326 50.5409L72.8102 50.9081L72.4877 51.2754L72.1652 51.6426L71.8427 52.0099L72.1625 52.3807L72.4823 52.7516L72.8021 53.1224L73.1219 53.4933L73.4416 53.8641L73.7614 54.2349L74.0812 54.6058L74.401 54.9766L74.7208 55.3475L75.0405 55.7183L75.3603 56.0892L75.6801 56.46L75.9999 56.8309L76.3197 57.2017L76.6394 57.5726L76.9592 57.9434L77.279 58.3142L77.5988 58.6851L77.9186 59.0559L78.2383 59.4268L78.5581 59.7976L78.8779 60.1685L79.1977 60.5393L79.5273 60.9388L79.8569 61.3383L80.1866 61.7379L80.5162 62.1374L80.8458 62.5369L81.1755 62.9364L81.5051 63.3359L81.8347 63.7354L82.1644 64.1349L82.5325 64.5532L82.9007 64.9715L83.2688 65.3899L83.637 65.8082L84.0051 66.2265L84.3733 66.6448L84.7414 67.0631L85.1096 67.4815L85.4777 67.8998L85.8459 68.3181L86.214 68.7364L86.5822 69.1547L86.9503 69.5731L87.3185 69.9914L87.6866 70.4097L88.0548 70.828L88.4328 71.275L88.8108 71.722L89.1888 72.169L89.5668 72.6159L89.9448 73.0629L90.3228 73.5099L90.7008 73.9569L91.0788 74.4039L91.4568 74.8509L91.8348 75.2979L92.2128 75.7448L92.5908 76.1918L92.9688 76.6388L93.3468 77.0858L93.7248 77.5328L94.1028 77.9798L93.4973 77.8033L92.8918 77.6268L92.2863 77.4504L91.6807 77.2739L91.1039 77.0876L90.527 76.9012L89.9501 76.7149L89.3733 76.5286L88.7964 76.3423L88.2195 76.156L87.6427 75.9696L87.0757 75.812L86.5087 75.6543L85.9417 75.4967L85.3746 75.339L84.8076 75.1813L84.2406 75.0237L83.6736 74.866L83.1066 74.7084L82.5396 74.5507L81.9726 74.3931L81.4056 74.2354L80.8386 74.0777L80.2716 73.9201L79.7045 73.7624L79.1375 73.6048L78.5705 73.4471L78.0035 73.2895L77.4365 73.1318L76.8695 72.9741L76.3025 72.8165L75.7355 72.6588L75.1971 72.4913L74.6588 72.3238L74.1204 72.1563L73.5821 71.9888L73.0437 71.8213L72.5054 71.6538L71.9671 71.4862L71.4287 71.3187L70.9002 71.1799L70.3619 71.0124L69.8334 70.8735L69.3049 70.7347L68.7764 70.5958L68.2479 70.457L67.7194 70.3181L67.1909 70.1793L66.6624 70.0405L66.1339 69.9016L65.6054 69.7627L65.1056 69.614L64.6058 69.4654L64.106 69.3167L63.6061 69.1679L63.1063 69.0192L62.6065 68.8706L62.1066 68.7219L61.6068 68.5732L61.107 68.4244L60.6071 68.2757L60.1073 68.1271L59.6075 67.9784L59.1077 67.8297L58.7664 68.2354L58.4251 68.6412L58.0838 69.047L57.7425 69.4528L57.4111 69.8872L57.0698 70.293L56.7384 70.7274L56.3971 71.1332L56.0656 71.5676L55.7342 72.002L55.4028 72.4365L55.0714 72.8709L54.7399 73.3054L54.4085 73.7398L54.077 74.1742L53.7456 74.6086L53.4142 75.0431L53.0541 75.4874L52.7227 75.9218L52.3626 76.3661L52.0025 76.8104L51.6424 77.2547L51.2823 77.699L50.9222 78.1433L50.5621 78.5876L50.202 79.0318L49.8419 79.4762L49.4818 79.9204L49.1217 80.3647L48.7616 80.809L48.4015 81.2533L48.0414 81.6976L47.6813 82.1419L47.3212 82.5862L46.9611 83.0305L46.601 83.4747L46.2409 83.9191L45.8808 84.3633L45.5207 84.8076L45.1606 85.2519L44.8005 85.6962L44.4404 86.1405L44.0803 86.5848L43.7202 87.0291L43.3601 87.4734L43 87.9176L42.6399 88.3619L42.2798 88.8062L41.8911 89.2604L41.5023 89.7145L41.1136 90.1686L40.7248 90.6228L40.336 91.077L39.9473 91.5311L39.5585 91.9852L39.1698 92.4394L38.781 92.8935L38.3922 93.3477L38.0035 93.8018L37.6147 94.2559L37.2259 94.7101L36.8372 95.1642L36.4484 95.6184L36.0597 96.0725L28.1278 89.408L28.5166 88.9539L28.9054 88.4998L29.2941 88.0456L29.6829 87.5915L30.0716 87.1373L30.4604 86.6832L30.8492 86.229L31.2379 85.7749L31.6267 85.3207L32.0155 84.8666L32.4042 84.4125L32.793 83.9583L33.1817 83.5042L33.5705 83.05L33.9593 82.5959L34.348 82.1418L34.7368 81.6876L35.0969 81.2433L35.457 80.799L35.8171 80.3547L36.1772 79.9105L36.5373 79.4662L36.8974 79.0219L37.2575 78.5776L37.6176 78.1333L37.9777 77.689L38.3378 77.2447L38.6978 76.8004L39.0579 76.3561L39.418 75.9118L39.7781 75.4676L40.1382 75.0233L40.4983 74.579L40.8584 74.1347L41.2185 73.6904L41.5786 73.2461L41.9387 72.8018L42.2988 72.3575L42.6589 71.9132L43.019 71.4689L43.3791 71.0247L43.7392 70.5804L44.0993 70.1361L44.4594 69.6918L44.8195 69.2475L45.1509 68.8131L45.4824 68.3786L45.8138 67.9442L46.1452 67.5097L46.4767 67.0753L46.8081 66.6409L47.1395 66.2064L47.4808 65.8007L47.8122 65.3662L48.1437 64.9318L48.485 64.526L48.8164 64.0916L49.1577 63.6858L49.499 63.28L49.8403 62.8743L50.1815 62.4685L50.513 62.034L50.8543 61.6283L51.1955 61.2225L51.6954 61.3712L52.1952 61.5199L52.695 61.6686L53.1949 61.8173L53.6947 61.966L54.1945 62.1147L54.6943 62.2634L55.1942 62.4121L55.694 62.5608L56.1938 62.7095L56.6937 62.8582L57.1935 63.0069L57.6933 63.1556L58.2218 63.2945L58.7503 63.4333L59.2788 63.5721L59.8073 63.711L60.3358 63.8498L60.8643 63.9887L61.3928 64.1275L61.9213 64.2664L62.4497 64.4052L62.9782 64.5441L63.5067 64.6829L64.0451 64.8504L64.5834 65.0179L65.1218 65.1855L65.6601 65.353L66.1985 65.5205L66.7368 65.688L67.2752 65.8555L67.8135 66.023L68.3805 66.1807L68.9475 66.3383L69.5145 66.496L70.0815 66.6536L70.6486 66.8113L71.2156 66.969L71.7826 67.1266L72.3496 67.2843L72.9166 67.4419L73.4836 67.5996L74.0506 67.7572L74.6176 67.9149L75.1846 68.0726L75.7516 68.2302L76.3186 68.3879L76.8857 68.5455L77.4527 68.7032L78.0197 68.8609L78.5867 69.0185L79.1636 69.2048L79.7306 69.3625L80.3074 69.5488L80.8843 69.7351L81.4612 69.9214L82.038 70.1078L82.6149 70.2941L83.1917 70.4804L83.7686 70.6667L84.3741 70.8432L84.9797 71.0197L85.5852 71.1962L86.1907 71.3726L85.8127 70.9256L85.4347 70.4786L85.0567 70.0317L84.6787 69.5847L84.3007 69.1377L83.9227 68.6907L83.5447 68.2437L83.1667 67.7968L82.7887 67.3498L82.4107 66.9028L82.0327 66.4558L81.6547 66.0088L81.2767 65.5618L80.8987 65.1148L80.5207 64.6679L80.1427 64.2209L79.7745 63.8026L79.4064 63.3842L79.0382 62.9659L78.6701 62.5476L78.3019 62.1293L77.9338 61.711L77.5656 61.2926L77.1975 60.8743L76.8293 60.456L76.4612 60.0377L76.093 59.6193L75.7249 59.201L75.3567 58.7827L74.9886 58.3644L74.6204 57.9461L74.2523 57.5277L73.9226 57.1282L73.593 56.7287L73.2634 56.3292L72.9337 55.9297L72.6041 55.5302L72.2745 55.1307L71.9448 54.7312L71.6152 54.3317L71.2855 53.9322L70.9658 53.5613L70.646 53.1905L70.3262 52.8196L70.0064 52.4488L69.6867 52.0779L69.3669 51.7071L69.0471 51.3363L68.7273 50.9654L68.4075 50.5946L68.0878 50.2237L67.768 49.8529L67.4482 49.482L67.1284 49.1112L66.8086 48.7403L66.4889 48.3695L66.1691 47.9987L65.8493 47.6278L65.5295 47.257L65.2097 46.8861L64.89 46.5153L64.5702 46.1444L64.2504 45.7736L63.9306 45.4027L64.2432 45.0068L64.5657 44.6396L64.8882 44.2723L65.2107 43.905L65.5331 43.5378L65.8556 43.1705L66.1781 42.8033L66.5006 42.436L66.823 42.0688L67.1455 41.7015L67.468 41.3343L67.7905 40.967L68.1129 40.5997L68.4354 40.2325L68.7579 39.8652L69.0804 39.498L69.4028 39.1307L69.6966 38.7733L69.9905 38.4159L70.2843 38.0585L70.5781 37.7011L70.8719 37.3437L71.1657 36.9863L71.4595 36.6289L71.7533 36.2715L72.0471 35.9141L72.3409 35.5567L72.6347 35.1993L72.9285 34.8419L73.2224 34.4845L73.5162 34.1271L73.81 33.7697L74.1038 33.4123L74.3976 33.0549L74.6914 32.6975L74.9852 32.3401L75.279 31.9827L75.5728 31.6253L75.8667 31.2679L76.1605 30.9105L76.4543 30.5531L76.7481 30.1957L77.0419 29.8383L77.3357 29.4809L77.6295 29.1235L77.9233 28.766L78.2171 28.4087L78.511 28.0513L78.8048 27.6938L79.0986 27.3364L79.3924 26.9791L79.6862 26.6216L79.98 26.2642L80.2738 25.9068L80.5676 25.5494L80.8614 25.192L81.1552 24.8346L81.4491 24.4772L81.7429 24.1198L82.0367 23.7624L82.3305 23.405L82.6243 23.0476L82.9181 22.6902L83.2119 22.3328L83.1447 22.3239ZM32.9796 55.6893L40.9114 62.3537L40.4787 62.214L40.0461 62.0743L39.6135 61.9345L39.1808 61.7948L38.758 61.6837L38.3254 61.544L37.9026 61.4329L37.4798 61.3218L37.057 61.2107L36.6342 61.0996L36.2114 60.9886L35.7886 60.8775L35.3658 60.7664L34.943 60.6553L34.5202 60.5443L34.0974 60.4332L33.6746 60.3221L33.2518 60.211L32.829 60.0999L32.4062 59.9889L31.9835 59.8778L31.5607 59.7667L31.1379 59.6556L30.7151 59.5446L30.2923 59.4335L29.8695 59.3224L29.4467 59.2113L29.0239 59.1002L28.6011 58.9892L28.1783 58.8781L27.7555 58.767L27.3327 58.6559L26.9386 58.535L26.5444 58.4141L26.1503 58.2932L25.7562 58.1722L25.3621 58.0513L24.9679 57.9304L24.5738 57.8094L24.1797 57.6885L23.7855 57.5676L23.3914 57.4466L22.9973 57.3257L22.6031 57.2048L22.209 57.0838L21.8149 56.9629L21.4208 56.842L21.0266 56.7211L20.6325 56.6001L20.2384 56.4792L19.8442 56.3583L19.4501 56.2373L19.056 56.1164L18.6618 55.9955L18.2677 55.8745L17.8736 55.7536L17.4795 55.6327L17.0853 55.5117L16.6912 55.3908L16.2971 55.2699L15.9128 55.1776L15.5187 55.0567L15.1245 54.9358L14.7403 54.8435L6.80842 48.179L7.20255 48.2999L7.58683 48.3922L7.98096 48.5131L8.36524 48.6054L8.75937 48.7263L9.1535 48.8473L9.54763 48.9682L9.94176 49.0891L10.3359 49.2101L10.73 49.331L11.1241 49.4519L11.5183 49.5729L11.9124 49.6938L12.3065 49.8147L12.7007 49.9356L13.0948 50.0566L13.4889 50.1775L13.8831 50.2984L14.2772 50.4194L14.6713 50.5403L15.0655 50.6612L15.4596 50.7822L15.8537 50.9031L16.2478 51.024L16.642 51.145L17.0361 51.2659L17.4302 51.3868L17.8244 51.5077L18.2185 51.6287L18.6126 51.7496L19.0067 51.8705L19.4009 51.9915L19.8237 52.1025L20.2465 52.2136L20.6693 52.3247L21.0921 52.4358L21.5149 52.5469L21.9376 52.6579L22.3604 52.769L22.7832 52.8801L23.206 52.9912L23.6288 53.1022L24.0516 53.2133L24.4744 53.3244L24.8972 53.4355L25.32 53.5466L25.7428 53.6576L26.1656 53.7687L26.5884 53.8798L27.0112 53.9909L27.434 54.1019L27.8568 54.213L28.2796 54.3241L28.7024 54.4352L29.1251 54.5463L29.5479 54.6573L29.9806 54.7971L30.4132 54.9368L30.8459 55.0766L31.2785 55.2163L31.7112 55.356L32.1438 55.4958L32.5765 55.6355L33.0091 55.7753L32.9796 55.6893Z' fill='%236D1148'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M38.4488 15.188C40.6685 17.8225 42.9849 20.5518 45.398 23.3762C47.8792 26.3053 50.5055 29.3769 53.1999 32.5532C58.1015 30.8684 63.0702 29.1925 68.039 27.5166C73.0266 25.8021 78.0715 24.068 83.1549 22.3527C80.1505 26.0136 77.07 29.7327 73.9231 33.5388C70.7387 37.4218 67.4781 41.3631 64.1611 45.4199C67.4655 49.252 70.8962 53.265 74.5204 57.4679C78.2995 61.8419 82.2345 66.4828 86.4203 71.294C80.0865 69.4648 73.9542 67.6625 68.0333 65.9157C62.2951 64.2343 56.7683 62.6085 51.3857 61.0292C47.7274 65.4918 44.0315 70.0314 40.2505 74.6965C36.3745 79.4583 32.4036 84.3168 28.3476 89.3007C29.2004 83.1102 30.0075 77.1597 30.8075 71.4681C31.5519 65.9879 32.2793 60.7379 32.9798 55.6894C28.3184 54.3431 23.8011 53.0433 19.4182 51.7614C15.1508 50.536 11.0178 49.3285 6.99055 48.1487C11.644 46.5812 16.2975 45.0137 21.0082 43.4265C25.7092 41.8106 30.5158 40.2224 35.3126 38.6057C35.8769 34.3732 36.4422 30.2367 36.9806 26.3016C37.4912 22.4723 38.0126 18.7675 38.4775 15.1782' fill='%23EB358E'/%3E%3C/svg%3E%0A");
    background-size: 100% 100%;
    z-index: -1;
    width: 85px;
    height: 77px
}

@media (max-width:1600px) {
    .star-pink {
        width: 46px;
        height: 42px
    }
}

.block:has(.benefits-slider) .hp-title+.star-yellow {
    position: absolute;
    left: 78%;
    top: 50px
}

@media (max-width:1600px) {
    .block:has(.benefits-slider) .hp-title+.star-yellow {
        left: 75%
    }
}

@media (max-width:1099px) {
    .block:has(.benefits-slider) .hp-title+.star-yellow {
        display: none
    }
}

.block:has(.benefits-slider) .hp-title~.star-pink {
    position: absolute;
    left: -48px;
    top: 440px;
    z-index: 3
}

@media (max-width:1600px) {
    .block:has(.benefits-slider) .hp-title~.star-pink {
        left: -27px;
        top: 410px
    }
}

@media (max-width:1099px) {
    .block:has(.benefits-slider) .hp-title~.star-pink {
        display: none
    }
}

@media (max-width:599px) {
    body:has(.gift-cards) .form-1 h2 {
        text-align: center
    }
}

body:has(.gift-cards) .card .h5 {
    margin-top: 0
}

body:has(.gift-cards) .card p {
    font-size: 18px
}

body:has(.gift-cards) .card>:last-child {
    margin-bottom: 5px
}

@media (max-width:1600px) {
    body:has(.gift-cards) .card p {
        font-size: 16px
    }
}

@media (max-width:1099px) {
    body:has(.gift-cards) .card .h3 {
        font-size: 32px
    }
    body:has(.gift-cards) .card .h5 {
        font-size: 20px
    }
    body:has(.gift-cards) .card p {
        font-size: 16px
    }
}

.gift-cards {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 15px;
    margin-top: 24px
}

@media (max-width:1600px) {
    .gift-cards {
        gap: 10px;
        margin-top: 15px
    }
}

@media (max-width:1099px) {
    .gift-cards {
        gap: 50px 12px;
        margin-top: 12px;
        grid-template-columns: 1fr 1fr
    }
}

@media (max-width:599px) {
    .gift-cards {
        grid-template-columns: 1fr
    }
}

.gift-card {
    display: block;
    overflow: hidden;
    position: relative;
    padding-bottom: 5px;
    text-decoration: none
}

.gift-card__img {
    aspect-ratio: 1/1;
    position: relative;
    overflow: hidden
}

.gift-card__img img {
    transition: transform 0.3s;
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.gift-card:hover .gift-card__img img {
    transform: scale(1.01)
}

.gift-card__title {
    text-decoration: none;
    display: block;
    margin-bottom: 0;
    color: var(--text);
    padding-left: 15px;
    margin-top: 10px;
    padding-right: 15px
}

.gift-card__title::after {
    width: 100%;
    height: 100%;
    position: absolute;
    display: block;
    content: ""
}

.page-404 {
    width: 100vw;
    background: #eee;
    margin-left: calc(var(--inner-padding-left) * -1);
    margin-top: -75px;
    min-height: 100vh;
    box-sizing: border-box;
    padding: 100px 0;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center
}

.page-404__img {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    object-fit: cover
}

.page-404__content {
    text-align: center;
    position: relative;
    z-index: 2;
    padding: 0 20px
}

.page-404__title {
    font-size: 170px;
    line-height: 1;
    font-weight: 400;
    font-family: var(--second-family);
    letter-spacing: -0.05em;
    margin-bottom: 10px
}

@media (max-width:1600px) {
    .page-404__title {
        font-size: 128px
    }
}

@media (max-width:1099px) {
    .page-404__title {
        font-size: 64px
    }
}

@media (max-width:599px) {
    .page-404__title {
        font-size: 48px
    }
}

@media (max-width:599px) {
    html:has(.corporate) .form-1 .form-1__decor {
        display: none
    }
    html:has(.corporate) .form-1 .text-mob-left,
    html:has(.corporate) .form-1 .text-mob-left p {
        text-align: center !important
    }
}

.corporate h2,
.corporate .h2 {
    color: var(--violet)
}

body:has(#premium) {
    background: #24292F;
    color: #fff;
    --inner-padding-left: 20px
}

@media (max-width:1600px) {
    body:has(#premium) {
        --inner-padding-left: 10px;
        --inner-padding-right: 10px
    }
}

@media (max-width:1099px) {
    body:has(#premium) {
        --inner-padding-left: 20px;
        --inner-padding-right: 20px
    }
}

@media (max-width:599px) {
    body:has(#premium) {
        --inner-padding-left: 10px;
        --inner-padding-right: 10px
    }
}

body:has(#premium) .popup-form__content:before {
    background: #FEC528
}

body:has(#premium) .form-1 {
    background: #FEC528;
    color: #24292F
}

body:has(#premium) .form-1 .ts-wrapper.single .ts-control,
body:has(#premium) .form-1 .ts-dropdown.single,
body:has(#premium) .form-1 input {
    background: #ffd04e
}

body:has(#premium) .form-1 .ts-wrapper.single .ts-control,
body:has(#premium) .form-1 input[type=text] {
    border: 1px solid #ffe08b
}

body:has(#premium) .form-1 .ts-dropdown.single {
    border: 1px solid #ffe08b
}

body:has(#premium) .form-1 .ts-dropdown .active {
    background: transparent;
    color: #fff
}

body:has(#premium) .left-menu {
    display: none
}

body:has(#premium) .header__menu-btn-open {
    display: flex !important
}

body:has(#premium) .header__menu-btn-close {
    color: var(--text);
    cursor: pointer
}

body:has(#premium) .full-media {
    min-width: 100%;
    margin-left: 0;
    margin-right: 0;
    border-radius: 6px
}

body:has(#premium) .footer__menu-link {
    color: #fff
}

body:has(#premium) .footer__devices-menu a,
body:has(#premium) .footer__bottom a,
body:has(#premium) .footer__bottom,
body:has(#premium) .footer__contacts,
body:has(#premium) footer {
    color: #fff
}

@media (max-width:599px) {
    body:has(#premium) .info__slider-4 .swiper-nav {
        margin-left: auto;
        margin-right: auto
    }
}

body:has(#premium) footer * {
    border-color: rgba(255, 255, 255, 0.2) !important
}

body:has(#premium) .download {
    color: #fff
}

body:has(#premium)._open-menu .header__menu-btn-close {
    display: flex !important
}

body:has(#premium)._open-menu .header__menu-btn-open {
    display: none !important
}

.premium-top {
    position: relative
}

.premium-top__letter {
    width: 100%
}

.premium-top__bg {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    max-width: 100vw;
    width: 100vw
}

.premium-top__content {
    text-align: center;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -52px
}

.premium-oformlenie {
    aspect-ratio: 1920/1080;
    border-radius: 20px;
    padding: 30px;
    width: calc(100% + var(--inner-padding-left) * 2);
    margin-left: calc(-1 * var(--inner-padding-left));
    position: relative
}

@media (max-width:1600px) {
    .premium-oformlenie {
        aspect-ratio: 1356/768;
        width: 100%;
        margin-left: 0
    }
}

@media (max-width:1099px) {
    .premium-oformlenie {
        aspect-ratio: initial;
        min-height: 768px;
        display: flex;
        flex-direction: row;
        align-items: flex-end;
        text-align: center;
        width: calc(100% + var(--inner-padding-left) * 2);
        margin-left: calc(-1 * var(--inner-padding-left))
    }
}

.premium-oformlenie .premium-oformlenie__bg {
    width: 100%;
    left: 0;
    top: 0;
    height: 100%;
    position: absolute;
    object-fit: cover
}

.premium-oformlenie__content {
    z-index: 2;
    position: relative;
    width: 100%;
    max-width: 421px
}

.premium-oformlenie__content p {
    font-size: 24px;
    font-size: clamp(16px, 16px + 8 * (100vw - 1366px) / 554, 24px)
}

@media (max-width:1366px) {
    .premium-oformlenie__content p {
        font-size: 16px;
        font-size: clamp(16px, 16px + 0 * (100vw - 768px) / 598, 16px)
    }
}

@media (max-width:768px) {
    .premium-oformlenie__content p {
        font-size: 16px;
        font-size: clamp(16px, 16px + 0 * (100vw - 360px) / 408, 16px)
    }
}

@media (max-width:1099px) {
    .premium-oformlenie__content {
        margin-left: auto;
        margin-right: auto
    }
}

.pakets .paket-column-img-wrap img {
    width: 100%
}

@media (max-width:1099px) {
    .pakets .block__head {
        flex-direction: row
    }
    .pakets .block__head .block__right {
        position: absolute;
        right: 0;
        top: 0
    }
}

@media (max-width:599px) {
    .pakets .block__head {
        flex-direction: column
    }
    .pakets .block__head .block__left h2 {
        text-align: left
    }
    .pakets .block__head .block__right {
        position: relative;
        text-align: right
    }
    .pakets .block__head .block__right p {
        width: 100%;
        margin-right: 0
    }
}

.gallery2 {
    background: rgba(255, 255, 255, 0.1);
    padding: 38px 20px;
    width: 100vw;
    overflow: hidden;
    margin-left: calc(-1 * var(--inner-padding-left))
}

@media (max-width:1600px) {
    .gallery2 {
        margin-left: 0;
        width: initial
    }
}

.gallery2__head {
    display: grid;
    grid-template-columns: 8fr 4fr
}

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

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

.gallery2__right {
    text-align: right
}

@media (max-width:599px) {
    .gallery2__right {
        text-align: left
    }
}

.gallery2__right p {
    font-size: 24px
}

@media (max-width:1600px) {
    .gallery2__right p {
        font-size: 16px
    }
}

.gallery2 .gallery2__slider {
    overflow: visible;
    margin-top: 175px;
    margin-bottom: 125px
}

@media (max-width:1600px) {
    .gallery2 .gallery2__slider {
        margin-top: 115px;
        margin-bottom: 83px
    }
}

@media (max-width:1099px) {
    .gallery2 .gallery2__slider {
        margin-top: 193px;
        margin-bottom: 95px
    }
}

@media (max-width:599px) {
    .gallery2 .gallery2__slider {
        margin-top: 77px;
        margin-bottom: 66px
    }
}

.gallery2 .swiper-prev svg,
.gallery2 .swiper-next svg {
    width: 42px;
    height: 36px
}

@media (max-width:1600px) {
    .gallery2 .swiper-prev svg,
    .gallery2 .swiper-next svg {
        width: 26px;
        height: 24px
    }
}

.gallery2 .swiper-slide {
    aspect-ratio: 1/1;
    position: relative;
    width: 469px
}

@media (max-width:1600px) {
    .gallery2 .swiper-slide {
        width: 329px
    }
}

@media (max-width:599px) {
    .gallery2 .swiper-slide {
        width: 200px
    }
}

.gallery2 .swiper-slide img {
    transform: translateX(-85px)
}

@media (max-width:1600px) {
    .gallery2 .swiper-slide img {
        transform: translateX(-56px)
    }
}

@media (max-width:599px) {
    .gallery2 .swiper-slide img {
        transform: translateX(-26px)
    }
}

.gallery2__slider-bottom {
    display: flex;
    flex-direction: row;
    align-items: center
}

.gallery2__slider-pagi {
    margin-bottom: 0
}

.gallery2 .swiper-nav {
    margin-top: 0
}

.gallery2 .swiper-slide-active img {
    width: calc(100% + 170px);
    max-width: calc(100% + 170px);
    transform: translateY(-85px) translateX(-85px)
}

@media (max-width:1600px) {
    .gallery2 .swiper-slide-active img {
        width: calc(100% + 112px);
        max-width: calc(100% + 112px);
        transform: translateY(-56px) translateX(-56px)
    }
}

@media (max-width:599px) {
    .gallery2 .swiper-slide-active img {
        width: calc(100% + 52px);
        max-width: calc(100% + 52px);
        transform: translateY(-26px) translateX(-26px)
    }
}

.gallery2 .swiper-slide-active~.swiper-slide img {
    transform: translateX(85px)
}

@media (max-width:1600px) {
    .gallery2 .swiper-slide-active~.swiper-slide img {
        transform: translateX(56px)
    }
}

@media (max-width:599px) {
    .gallery2 .swiper-slide-active~.swiper-slide img {
        transform: translateX(26px)
    }
}

.gallery2__slider-img {
    aspect-ratio: 1/1;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
    transition: all 0.3s;
    transition-timing-function: linear
}

.pakets .block__head {
    height: 100%;
    align-items: normal
}

.pakets .block__right {
    display: flex;
    flex-direction: column;
    text-align: right;
    height: initial;
    justify-content: space-between
}

.pakets .block__right p {
    font-size: 24px
}

@media (max-width:1600px) {
    .pakets .block__right p {
        font-size: 16px
    }
}

.pakets .block__right .download {
    color: #fff
}

.paket-columns {
    display: grid;
    grid-template-columns: 522px auto;
    gap: 33px
}

@media (max-width:1600px) {
    .paket-columns {
        grid-template-columns: 4fr 8fr;
        gap: 20px
    }
}

@media (max-width:1099px) {
    .paket-columns {
        grid-template-columns: 1fr;
        gap: 10px
    }
}

.paket-columns li {
    color: #fff !important;
    font-size: 16px !important
}

.paket-columns .columns2 {
    max-width: 994px
}

.paket-columns .paket-column-text {
    padding-top: 20px
}

.paket-columns .paket-column-img-wrap img {
    aspect-ratio: 522/365
}

@media (max-width:1600px) {
    .paket-columns .paket-column-img-wrap img {
        aspect-ratio: 440/308
    }
}

@media (max-width:1099px) {
    .paket-columns .paket-column-img-wrap img {
        aspect-ratio: 728/510
    }
}

html:has(.prices) .block:has(.filter-tabs) {
    margin-top: 0 !important
}

@media (max-width:599px) {
    html:has(.prices) .block:has(.prices) {
        width: 100vw;
        margin-bottom: 80px;
        margin-left: calc(var(--inner-padding-left) * -1)
    }
}

html:has(.prices) .filter-tabs {
    display: none
}

@media (max-width:1099px) {
    html:has(.prices) .filter-tabs {
        display: block
    }
}

@media (max-width:599px) {
    html:has(.prices) .filter-tabs {
        padding-left: var(--inner-padding-left)
    }
}

html:has(.prices) .block__head {
    align-items: flex-end
}

@media (max-width:1099px) {
    html:has(.prices) .block__head {
        flex-direction: row;
        align-items: flex-end
    }
}

@media (max-width:599px) {
    html:has(.prices) .block__head .block__right {
        display: none
    }
}

html:has(.prices) .block__head .btn {
    flex-shrink: 0
}

.prices {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    margin-top: 40px;
    margin-bottom: 160px
}

@media (max-width:1600px) {
    .prices {
        gap: 10px;
        margin-top: 30px
    }
}

@media (max-width:1099px) {
    .prices {
        display: block;
        margin-bottom: 100px
    }
}

@media (max-width:599px) {
    .prices {
        margin-bottom: 80px
    }
}

.prices .btn-wrapper {
    grid-column: span 2;
    margin-top: 20px;
    display: none
}

@media (max-width:1600px) {
    .prices .btn-wrapper {
        display: flex
    }
}

.prices-table {
    background: #fff;
    border-radius: 20px;
    padding: 20px
}

@media (max-width:1099px) {
    .prices-table {
        display: none
    }
    .prices-table._active {
        display: block
    }
}

.prices-table table {
    width: 100%
}

.prices-table table th,
.prices-table table td {
    width: 50%;
    font-size: 16px;
    padding: 5px 50px 5px 0;
    text-align: left;
    line-height: 1.25;
    width: 60%;
    box-sizing: border-box
}

.prices-table table th:nth-child(2),
.prices-table table td:nth-child(2) {
    font-weight: 700;
    height: 40%;
    padding-right: 0 !important
}

.prices-table table th[colspan],
.prices-table table td[colspan] {
    padding-top: 10px;
    padding-bottom: 15px;
    padding-right: 0;
    width: 100%
}

.prices-table table th[colspan]:before,
.prices-table table td[colspan]:before {
    content: "";
    display: block;
    width: 100%;
    border-top: 1px solid rgba(36, 41, 47, 0.1254901961);
    margin-bottom: 20px
}

@media (max-width:599px) {
    .prices-table table th,
    .prices-table table td {
        padding-right: 20px
    }
}

.prices-table table tr:nth-child(1) th,
.prices-table table tr:nth-child(1) td {
    padding-top: 5px
}

.prices-table table tr:nth-child(1) th:before,
.prices-table table tr:nth-child(1) td:before {
    content: none
}

.prices-table table em {
    display: block;
    font-style: normal;
    font-size: 12px;
    margin-top: 10px
}

.prices-table table h4 {
    margin: 0
}

@media (max-width:599px) {
    .prices-table table h4 {
        font-size: 36px
    }
}

.prices-table table h5 {
    margin: 0
}

@media (max-width:599px) {
    .prices-table table h5 {
        font-size: 20px
    }
}

.filter-tabs {
    white-space: nowrap;
    margin-top: 30px;
    margin-bottom: 20px;
    overflow-y: hidden;
    overflow-x: auto;
    margin-left: calc(-1px * var(--inner-padding-left));
    margin-right: calc(-1px * var(--inner-padding-right));
    padding-left: calc(1px * var(--inner-padding-left));
    padding-right: calc(1px * var(--inner-padding-right))
}

@media (max-width:599px) {
    .filter-tabs {
        padding-right: 10px
    }
}

.filter-tabs li {
    display: inline-block
}

.filter-tabs::-webkit-scrollbar {
    width: 0;
    height: 0;
    opacity: 0
}

.filter-tabs button {
    padding: 8px 20px;
    border-radius: 10px;
    background: transparent;
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 14px;
    cursor: pointer;
    white-space: nowrap;
    letter-spacing: -0.04em;
    display: inline-block;
    text-transform: uppercase;
    color: #24292f;
    transition: color 0.3s, background 0.3s;
    border: 0 solid
}

.filter-tabs button._active {
    color: #fff;
    background-color: var(--violet)
}

.prices-info {
    background: #fff;
    padding: 20px;
    border-radius: 20px;
    grid-column: span 2
}

@media (max-width:1099px) {
    .prices-info {
        margin-top: 10px
    }
}

.prices-info>* {
    max-width: 1000px;
    margin: 20px 0
}

.prices-info>*:last-child {
    margin-bottom: 0 !important
}

.prices-info h3,
.prices-info .h3 {
    color: var(--violet)
}

@media (max-width:599px) {
    .prices-info h3,
    .prices-info .h3 {
        font-size: 36px
    }
}

@media (max-width:599px) {
    .prices-info h4 {
        font-size: 36px
    }
}

.prices-info h5,
.prices-info .h5 {
    line-height: 1
}

@media (max-width:599px) {
    .prices-info h5,
    .prices-info .h5 {
        font-size: 20px
    }
}

.prices-info a {
    text-decoration: none;
    color: var(--violet);
    transition: color 0.2s ease
}

.prices-info a:hover {
    color: var(--dark)
}

.prices-info p {
    font-size: 16px
}

.quest-columns {
    display: grid;
    position: relative;
    grid-template-columns: 3fr 5fr 1.5fr 1.5fr;
    gap: 16px;
    margin-bottom: 20px
}

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

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

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

body:has(.rules-inner) h1 {
    max-width: calc(var(--column) * 9)
}

@media (max-width:1099px) {
    body:has(.rules-inner) h1 {
        min-width: 100%
    }
}

.rules {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 16px
}

@media (max-width:1600px) {
    .rules {
        gap: 10px
    }
}

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

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

.rules-item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 20px 80px 25px 20px;
    border-radius: 20px;
    background: #fff;
    box-sizing: border-box;
    min-height: 300px;
    font-family: var(--second-family);
    letter-spacing: -0.02em;
    text-decoration: none;
    color: var(--text)
}

@media (max-width:1099px) {
    .rules-item {
        padding-right: 50px;
        min-height: 200px
    }
}

.rules-item:hover .rules-item__title {
    color: var(--text)
}

.rules-item:hover svg {
    left: 3px
}

.rules-item__title {
    color: var(--violet);
    transition: color 0.3s ease
}

@media (max-width:599px) {
    .rules-item__title {
        font-size: 28px
    }
}

.rules-item__details {
    display: flex;
    align-items: center;
    gap: 4px
}

.rules-item__details span {
    font-size: 20px;
    font-weight: 400
}

.rules-item__details svg {
    width: 18px;
    height: 16px;
    flex-shrink: 0;
    position: relative;
    left: 0;
    top: 0.15em;
    transition: left 0.3s ease
}

.rules-inner {
    margin-top: 50px
}

.rules-inner .text {
    max-width: calc(var(--column) * 7)
}

@media (max-width:1099px) {
    .rules-inner .text {
        min-width: 100%
    }
}

@media (max-width:599px) {
    .rules-inner h2 {
        font-size: 28px
    }
}

@media (max-width:599px) {
    html:has(.summer-camp) .bilet-slider .swiper-wrapper {
        display: block !important;
        transform: none !important
    }
    html:has(.summer-camp) .bilet-slider .swiper-wrapper .swiper-slide {
        width: 100%;
        max-width: unset !important;
        margin: 0 0 10px 0 !important
    }
    html:has(.summer-camp) .bilet-slider .swiper-wrapper .card__bottom-row {
        margin-bottom: 10px
    }
    html:has(.summer-camp) .bilet-slider .swiper-wrapper .card__title {
        margin-bottom: 10px
    }
}

html:has(.summer-camp) .card__bottom-row {
    margin-bottom: 5px !important
}

html:has(.summer-camp) .card__bottom-row .h3 {
    margin-bottom: 10px;
    font-size: 25px
}

@media (max-width:1600px) {
    html:has(.summer-camp) .card__bottom-row .h3 {
        font-size: 20px
    }
}

.routine {
    display: flex;
    gap: 10px;
    align-items: flex-start
}

@media (max-width:599px) {
    .routine {
        flex-direction: column
    }
}

.routine__col {
    width: 50%;
    background: #fff;
    flex-shrink: 1;
    border-radius: 20px;
    box-sizing: border-box;
    padding: 0 20px
}

@media (max-width:1099px) {
    .routine__col {
        width: 100%
    }
}

.routine__item {
    display: flex;
    justify-content: space-between;
    gap: 40px;
    align-items: flex-end;
    border-bottom: 1px solid rgba(36, 41, 47, 0.1254901961);
    padding: 20px 0
}

.routine__item:last-child {
    border-bottom: 0
}

.routine__item .h3 {
    margin: 0 !important;
    color: var(--violet);
    flex-shrink: 0
}

.routine__item p {
    margin: 0 !important;
    max-width: 340px;
    text-align: right;
    font-size: 18px
}

@media (max-width:1600px) {
    .routine__item p {
        font-size: 16px
    }
}

.triple {
    display: flex;
    gap: 10px;
    justify-content: space-between;
    margin-top: 10px
}

@media (max-width:1099px) {
    .triple {
        display: none
    }
}

.triple img {
    display: block;
    width: 33%;
    aspect-ratio: 1;
    flex-shrink: 1;
    border-radius: 20px;
    object-fit: cover
}

@media (max-width:1099px) {
    .triple img {
        width: 50%
    }
    .triple img:nth-child(2)~img {
        display: none
    }
}