:root {
    --f-spinner-width: 36px;
    --f-spinner-height: 36px;
    --f-spinner-color-1: rgba(0, 0, 0, 0.1);
    --f-spinner-color-2: rgba(17, 24, 28, 0.8);
    --f-spinner-stroke: 2.75
}

.f-spinner {
    margin: auto;
    padding: 0;
    width: var(--f-spinner-width);
    height: var(--f-spinner-height)
}

.f-spinner svg {
    width: 100%;
    height: 100%;
    vertical-align: top;
    animation: f-spinner-rotate 2s linear infinite
}

.f-spinner svg * {
    stroke-width: var(--f-spinner-stroke);
    fill: none
}

.f-spinner svg :first-child {
    stroke: var(--f-spinner-color-1)
}

.f-spinner svg :last-child {
    stroke: var(--f-spinner-color-2);
    animation: f-spinner-dash 2s ease-in-out infinite
}

@keyframes f-spinner-rotate {
    100% {
        transform: rotate(360deg)
    }
}

@keyframes f-spinner-dash {
    0% {
        stroke-dasharray: 1, 150;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -35
    }

    100% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -124
    }
}

.f-throwOutUp {
    animation: var(--f-throw-out-duration, .175s) ease-out both f-throwOutUp
}

.f-throwOutDown {
    animation: var(--f-throw-out-duration, .175s) ease-out both f-throwOutDown
}

@keyframes f-throwOutUp {
    to {
        transform: translate3d(0, calc(var(--f-throw-out-distance, 150px) * -1), 0);
        opacity: 0
    }
}

@keyframes f-throwOutDown {
    to {
        transform: translate3d(0, var(--f-throw-out-distance, 150px), 0);
        opacity: 0
    }
}

.f-zoomInUp {
    animation: var(--f-transition-duration, .2s) ease .1s both f-zoomInUp
}

.f-zoomOutDown {
    animation: var(--f-transition-duration, .2s) ease both f-zoomOutDown
}

@keyframes f-zoomInUp {
    from {
        transform: scale(.975) translate3d(0, 16px, 0);
        opacity: 0
    }

    to {
        transform: scale(1) translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes f-zoomOutDown {
    to {
        transform: scale(.975) translate3d(0, 16px, 0);
        opacity: 0
    }
}

.f-fadeIn {
    animation: var(--f-transition-duration, .2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn;
    z-index: 2
}

.f-fadeOut {
    animation: var(--f-transition-duration, .2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeOut;
    z-index: 1
}

@keyframes f-fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes f-fadeOut {
    100% {
        opacity: 0
    }
}

.f-fadeFastIn {
    animation: var(--f-transition-duration, .2s) ease-out both f-fadeFastIn;
    z-index: 2
}

.f-fadeFastOut {
    animation: var(--f-transition-duration, .1s) ease-out both f-fadeFastOut;
    z-index: 2
}

@keyframes f-fadeFastIn {
    0% {
        opacity: .75
    }

    100% {
        opacity: 1
    }
}

@keyframes f-fadeFastOut {
    100% {
        opacity: 0
    }
}

.f-fadeSlowIn {
    animation: var(--f-transition-duration, .5s) ease both f-fadeSlowIn;
    z-index: 2
}

.f-fadeSlowOut {
    animation: var(--f-transition-duration, .5s) ease both f-fadeSlowOut;
    z-index: 1
}

@keyframes f-fadeSlowIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes f-fadeSlowOut {
    100% {
        opacity: 0
    }
}

.f-crossfadeIn {
    animation: var(--f-transition-duration, .2s) ease-out both f-crossfadeIn;
    z-index: 2
}

.f-crossfadeOut {
    animation: calc(var(--f-transition-duration, .2s)*.5) linear .1s both f-crossfadeOut;
    z-index: 1
}

@keyframes f-crossfadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes f-crossfadeOut {
    100% {
        opacity: 0
    }
}

.f-slideIn.from-next {
    animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-slideInNext
}

.f-slideIn.from-prev {
    animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-slideInPrev
}

.f-slideOut.to-next {
    animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-slideOutNext
}

.f-slideOut.to-prev {
    animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-slideOutPrev
}

@keyframes f-slideInPrev {
    0% {
        transform: translateX(100%)
    }

    100% {
        transform: translate3d(0, 0, 0)
    }
}

@keyframes f-slideInNext {
    0% {
        transform: translateX(-100%)
    }

    100% {
        transform: translate3d(0, 0, 0)
    }
}

@keyframes f-slideOutNext {
    100% {
        transform: translateX(-100%)
    }
}

@keyframes f-slideOutPrev {
    100% {
        transform: translateX(100%)
    }
}

.f-classicIn.from-next {
    animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-classicInNext;
    z-index: 2
}

.f-classicIn.from-prev {
    animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-classicInPrev;
    z-index: 2
}

.f-classicOut.to-next {
    animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-classicOutNext;
    z-index: 1
}

.f-classicOut.to-prev {
    animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-classicOutPrev;
    z-index: 1
}

@keyframes f-classicInNext {
    0% {
        transform: translateX(-75px);
        opacity: 0
    }

    100% {
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes f-classicInPrev {
    0% {
        transform: translateX(75px);
        opacity: 0
    }

    100% {
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes f-classicOutNext {
    100% {
        transform: translateX(-75px);
        opacity: 0
    }
}

@keyframes f-classicOutPrev {
    100% {
        transform: translateX(75px);
        opacity: 0
    }
}

:root {
    --f-button-width: 40px;
    --f-button-height: 40px;
    --f-button-border: 0;
    --f-button-border-radius: 0;
    --f-button-color: #374151;
    --f-button-bg: #f8f8f8;
    --f-button-hover-bg: #e0e0e0;
    --f-button-active-bg: #d0d0d0;
    --f-button-shadow: none;
    --f-button-transition: all 0.15s ease;
    --f-button-transform: none;
    --f-button-svg-width: 20px;
    --f-button-svg-height: 20px;
    --f-button-svg-stroke-width: 1.5;
    --f-button-svg-fill: none;
    --f-button-svg-filter: none;
    --f-button-svg-disabled-opacity: 0.65
}

.f-button {
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: content-box;
    position: relative;
    margin: 0;
    padding: 0;
    width: var(--f-button-width);
    height: var(--f-button-height);
    border: var(--f-button-border);
    border-radius: var(--f-button-border-radius);
    color: var(--f-button-color);
    background: var(--f-button-bg);
    box-shadow: var(--f-button-shadow);
    pointer-events: all;
    cursor: pointer;
    transition: var(--f-button-transition)
}

@media(hover:hover) {
    .f-button:hover:not([disabled]) {
        color: var(--f-button-hover-color);
        background-color: var(--f-button-hover-bg)
    }
}

.f-button:active:not([disabled]) {
    background-color: var(--f-button-active-bg)
}

.f-button:focus:not(:focus-visible) {
    outline: 0
}

.f-button:focus-visible {
    outline: 0;
    box-shadow: inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color))
}

.f-button svg {
    width: var(--f-button-svg-width);
    height: var(--f-button-svg-height);
    fill: var(--f-button-svg-fill);
    stroke: currentColor;
    stroke-width: var(--f-button-svg-stroke-width);
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: opacity .15s ease;
    transform: var(--f-button-transform);
    filter: var(--f-button-svg-filter);
    pointer-events: none
}

.f-button[disabled] {
    cursor: default
}

.f-button[disabled] svg {
    opacity: var(--f-button-svg-disabled-opacity)
}

.f-carousel__nav .f-button.is-next,
.f-carousel__nav .f-button.is-prev,
.fancybox__nav .f-button.is-next,
.fancybox__nav .f-button.is-prev {
    position: absolute;
    z-index: 1
}

.is-horizontal .f-carousel__nav .f-button.is-next,
.is-horizontal .f-carousel__nav .f-button.is-prev,
.is-horizontal .fancybox__nav .f-button.is-next,
.is-horizontal .fancybox__nav .f-button.is-prev {
    top: 50%;
    transform: translateY(-50%)
}

.is-horizontal .f-carousel__nav .f-button.is-prev,
.is-horizontal .fancybox__nav .f-button.is-prev {
    left: var(--f-button-prev-pos)
}

.is-horizontal .f-carousel__nav .f-button.is-next,
.is-horizontal .fancybox__nav .f-button.is-next {
    right: var(--f-button-next-pos)
}

.is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev,
.is-horizontal.is-rtl .fancybox__nav .f-button.is-prev {
    left: auto;
    right: var(--f-button-next-pos)
}

.is-horizontal.is-rtl .f-carousel__nav .f-button.is-next,
.is-horizontal.is-rtl .fancybox__nav .f-button.is-next {
    right: auto;
    left: var(--f-button-prev-pos)
}

.is-vertical .f-carousel__nav .f-button.is-next,
.is-vertical .f-carousel__nav .f-button.is-prev,
.is-vertical .fancybox__nav .f-button.is-next,
.is-vertical .fancybox__nav .f-button.is-prev {
    top: auto;
    left: 50%;
    transform: translateX(-50%)
}

.is-vertical .f-carousel__nav .f-button.is-prev,
.is-vertical .fancybox__nav .f-button.is-prev {
    top: var(--f-button-next-pos)
}

.is-vertical .f-carousel__nav .f-button.is-next,
.is-vertical .fancybox__nav .f-button.is-next {
    bottom: var(--f-button-next-pos)
}

.is-vertical .f-carousel__nav .f-button.is-next svg,
.is-vertical .f-carousel__nav .f-button.is-prev svg,
.is-vertical .fancybox__nav .f-button.is-next svg,
.is-vertical .fancybox__nav .f-button.is-prev svg {
    transform: rotate(90deg)
}

.f-carousel__nav .f-button:disabled,
.fancybox__nav .f-button:disabled {
    pointer-events: none
}

html.with-fancybox {
    width: auto;
    overflow: visible;
    scroll-behavior: auto
}

html.with-fancybox body {
    touch-action: none
}

html.with-fancybox body.hide-scrollbar {
    width: auto;
    margin-right: calc(var(--fancybox-body-margin, 0px) + var(--fancybox-scrollbar-compensate, 0px));
    overflow: hidden !important;
    overscroll-behavior-y: none
}

.fancybox__container {
    --fancybox-color: #dbdbdb;
    --fancybox-hover-color: #fff;
    --fancybox-bg: rgba(24, 24, 27, 0.98);
    --fancybox-slide-gap: 10px;
    --f-spinner-width: 50px;
    --f-spinner-height: 50px;
    --f-spinner-color-1: rgba(255, 255, 255, 0.1);
    --f-spinner-color-2: #bbb;
    --f-spinner-stroke: 3.65;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    direction: ltr;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #f8f8f8;
    -webkit-tap-highlight-color: transparent;
    overflow: visible;
    z-index: var(--fancybox-zIndex, 1050);
    outline: 0;
    transform-origin: top left;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    overscroll-behavior-y: contain
}

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

.fancybox__container::backdrop {
    background-color: rgba(0, 0, 0, 0)
}

.fancybox__backdrop {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
    background: var(--fancybox-bg);
    opacity: var(--fancybox-opacity, 1);
    will-change: opacity
}

.fancybox__carousel {
    position: relative;
    box-sizing: border-box;
    flex: 1;
    min-height: 0;
    z-index: 10;
    overflow-y: visible;
    overflow-x: clip
}

.fancybox__viewport {
    width: 100%;
    height: 100%
}

.fancybox__viewport.is-draggable {
    cursor: move;
    cursor: grab
}

.fancybox__viewport.is-dragging {
    cursor: move;
    cursor: grabbing
}

.fancybox__track {
    display: flex;
    margin: 0 auto;
    height: 100%
}

.fancybox__slide {
    flex: 0 0 auto;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 100%;
    margin: 0 var(--fancybox-slide-gap) 0 0;
    padding: 4px;
    overflow: auto;
    overscroll-behavior: contain;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden
}

.fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn {
    padding-top: 40px
}

.fancybox__slide.has-html5video,
.fancybox__slide.has-iframe,
.fancybox__slide.has-video {
    overflow: hidden
}

.fancybox__slide.has-image {
    overflow: hidden
}

.fancybox__slide.has-image.is-animating,
.fancybox__slide.has-image.is-selected {
    overflow: visible
}

.fancybox__slide::after,
.fancybox__slide::before {
    content: "";
    flex: 0 0 0;
    margin: auto
}

.fancybox__backdrop:empty,
.fancybox__slide:empty,
.fancybox__track:empty,
.fancybox__viewport:empty {
    display: block
}

.fancybox__content {
    align-self: center;
    display: flex;
    flex-direction: column;
    position: relative;
    margin: 0;
    padding: 2rem;
    max-width: 100%;
    color: var(--fancybox-content-color, #374151);
    background: var(--fancybox-content-bg, #fff);
    cursor: default;
    border-radius: 0;
    z-index: 20
}

.is-loading .fancybox__content {
    opacity: 0
}

.is-draggable .fancybox__content {
    cursor: move;
    cursor: grab
}

.can-zoom_in .fancybox__content {
    cursor: zoom-in
}

.can-zoom_out .fancybox__content {
    cursor: zoom-out
}

.is-dragging .fancybox__content {
    cursor: move;
    cursor: grabbing
}

.fancybox__content [contenteditable],
.fancybox__content [data-selectable] {
    cursor: auto
}

.fancybox__slide.has-image>.fancybox__content {
    padding: 0;
    background: rgba(0, 0, 0, 0);
    min-height: 1px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    transition: none;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden
}

.fancybox__slide.has-image>.fancybox__content>picture>img {
    width: 100%;
    height: auto;
    max-height: 100%
}

.is-animating .fancybox__content,
.is-dragging .fancybox__content {
    will-change: transform, width, height
}

.fancybox-image {
    margin: auto;
    display: block;
    width: 100%;
    height: 100%;
    min-height: 0;
    object-fit: contain;
    user-select: none;
    filter: blur(0)
}

.fancybox__caption {
    align-self: center;
    max-width: 100%;
    flex-shrink: 0;
    margin: 0;
    padding: 14px 0 4px 0;
    overflow-wrap: anywhere;
    line-height: 1.375;
    color: var(--fancybox-color, currentColor);
    opacity: var(--fancybox-opacity, 1);
    cursor: auto;
    visibility: visible
}

.is-closing .fancybox__caption,
.is-loading .fancybox__caption {
    opacity: 0;
    visibility: hidden
}

.is-compact .fancybox__caption {
    padding-bottom: 0
}

.f-button.is-close-btn {
    --f-button-svg-stroke-width: 2;
    position: absolute;
    top: 0;
    right: 8px;
    z-index: 40
}

.fancybox__content>.f-button.is-close-btn {
    --f-button-width: 34px;
    --f-button-height: 34px;
    --f-button-border-radius: 4px;
    --f-button-color: var(--fancybox-color, #fff);
    --f-button-hover-color: var(--fancybox-color, #fff);
    --f-button-bg: transparent;
    --f-button-hover-bg: transparent;
    --f-button-active-bg: transparent;
    --f-button-svg-width: 22px;
    --f-button-svg-height: 22px;
    position: absolute;
    top: -38px;
    right: 0;
    opacity: .75
}

.is-loading .fancybox__content>.f-button.is-close-btn {
    visibility: hidden
}

.is-zooming-out .fancybox__content>.f-button.is-close-btn {
    visibility: hidden
}

.fancybox__content>.f-button.is-close-btn:hover {
    opacity: 1
}

.fancybox__footer {
    padding: 0;
    margin: 0;
    position: relative
}

.fancybox__footer .fancybox__caption {
    width: 100%;
    padding: 24px;
    opacity: var(--fancybox-opacity, 1);
    transition: all .25s ease
}

.is-compact .fancybox__footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 20;
    background: rgba(24, 24, 27, .5)
}

.is-compact .fancybox__footer .fancybox__caption {
    padding: 12px
}

.is-compact .fancybox__content>.f-button.is-close-btn {
    --f-button-border-radius: 50%;
    --f-button-color: #fff;
    --f-button-hover-color: #fff;
    --f-button-outline-color: #000;
    --f-button-bg: rgba(0, 0, 0, 0.6);
    --f-button-active-bg: rgba(0, 0, 0, 0.6);
    --f-button-hover-bg: rgba(0, 0, 0, 0.6);
    --f-button-svg-width: 18px;
    --f-button-svg-height: 18px;
    --f-button-svg-filter: none;
    top: 5px;
    right: 5px
}

.fancybox__nav {
    --f-button-width: 50px;
    --f-button-height: 50px;
    --f-button-border: 0;
    --f-button-border-radius: 50%;
    --f-button-color: var(--fancybox-color);
    --f-button-hover-color: var(--fancybox-hover-color);
    --f-button-bg: transparent;
    --f-button-hover-bg: rgba(24, 24, 27, 0.3);
    --f-button-active-bg: rgba(24, 24, 27, 0.5);
    --f-button-shadow: none;
    --f-button-transition: all 0.15s ease;
    --f-button-transform: none;
    --f-button-svg-width: 26px;
    --f-button-svg-height: 26px;
    --f-button-svg-stroke-width: 2.5;
    --f-button-svg-fill: none;
    --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.5));
    --f-button-svg-disabled-opacity: 0.65;
    --f-button-next-pos: 1rem;
    --f-button-prev-pos: 1rem;
    opacity: var(--fancybox-opacity, 1)
}

.fancybox__nav .f-button:before {
    position: absolute;
    content: "";
    top: -30px;
    right: -20px;
    left: -20px;
    bottom: -30px;
    z-index: 1
}

.is-idle .fancybox__nav {
    animation: .15s ease-out both f-fadeOut
}

.is-idle.is-compact .fancybox__footer {
    pointer-events: none;
    animation: .15s ease-out both f-fadeOut
}

.fancybox__slide>.f-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: var(--f-spinner-top, calc(var(--f-spinner-width) * -.5)) 0 0 var(--f-spinner-left, calc(var(--f-spinner-height) * -.5));
    z-index: 30;
    cursor: pointer
}

.fancybox-protected {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 40;
    user-select: none
}

.fancybox-ghost {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-height: 0;
    object-fit: contain;
    z-index: 40;
    user-select: none;
    pointer-events: none
}

.fancybox-focus-guard {
    outline: 0;
    opacity: 0;
    position: fixed;
    pointer-events: none
}

.fancybox__container:not([aria-hidden]) {
    opacity: 0
}

.fancybox__container.is-animated[aria-hidden=false] .fancybox__carousel>:not(.fancybox__viewport),
.fancybox__container.is-animated[aria-hidden=false] .fancybox__slide>:not(.fancybox__content),
.fancybox__container.is-animated[aria-hidden=false]>:not(.fancybox__backdrop, .fancybox__carousel) {
    animation: var(--f-interface-enter-duration, .25s) ease .1s backwards f-fadeIn
}

.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop {
    animation: var(--f-backdrop-enter-duration, .35s) ease backwards f-fadeIn
}

.fancybox__container.is-animated[aria-hidden=true] .fancybox__carousel>:not(.fancybox__viewport),
.fancybox__container.is-animated[aria-hidden=true] .fancybox__slide>:not(.fancybox__content),
.fancybox__container.is-animated[aria-hidden=true]>:not(.fancybox__backdrop, .fancybox__carousel) {
    animation: var(--f-interface-exit-duration, .15s) ease forwards f-fadeOut
}

.fancybox__container.is-animated[aria-hidden=true] .fancybox__backdrop {
    animation: var(--f-backdrop-exit-duration, .35s) ease forwards f-fadeOut
}

.has-html5video .fancybox__content,
.has-iframe .fancybox__content,
.has-map .fancybox__content,
.has-pdf .fancybox__content,
.has-vimeo .fancybox__content,
.has-youtube .fancybox__content {
    max-width: 100%;
    flex-shrink: 1;
    min-height: 1px;
    overflow: visible
}

.has-iframe .fancybox__content,
.has-map .fancybox__content,
.has-pdf .fancybox__content {
    width: calc(100% - 120px);
    height: 90%
}

.fancybox__container.is-compact .has-iframe .fancybox__content,
.fancybox__container.is-compact .has-map .fancybox__content,
.fancybox__container.is-compact .has-pdf .fancybox__content {
    width: 100%;
    height: 100%
}

.has-html5video .fancybox__content,
.has-vimeo .fancybox__content,
.has-youtube .fancybox__content {
    width: 960px;
    height: 540px;
    max-width: 100%;
    max-height: 100%
}

.has-html5video .fancybox__content,
.has-map .fancybox__content,
.has-pdf .fancybox__content,
.has-vimeo .fancybox__content,
.has-youtube .fancybox__content {
    padding: 0;
    background: rgba(24, 24, 27, .9);
    color: #fff
}

.has-map .fancybox__content {
    background: #e5e3df
}

.fancybox__html5video,
.fancybox__iframe {
    border: 0;
    display: block;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0)
}

.fancybox-placeholder {
    border: 0 !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important
}

.f-carousel__thumbs {
    --f-thumb-width: 96px;
    --f-thumb-height: 72px;
    --f-thumb-outline: 0;
    --f-thumb-outline-color: #5eb0ef;
    --f-thumb-opacity: 1;
    --f-thumb-hover-opacity: 1;
    --f-thumb-selected-opacity: 1;
    --f-thumb-border-radius: 2px;
    --f-thumb-offset: 0px;
    --f-button-next-pos: 0;
    --f-button-prev-pos: 0
}

.f-carousel__thumbs.is-classic {
    --f-thumb-gap: 8px;
    --f-thumb-opacity: 0.5;
    --f-thumb-hover-opacity: 1;
    --f-thumb-selected-opacity: 1
}

.f-carousel__thumbs.is-modern {
    --f-thumb-gap: 4px;
    --f-thumb-extra-gap: 16px;
    --f-thumb-clip-width: 46px
}

.f-thumbs {
    position: relative;
    flex: 0 0 auto;
    margin: 0;
    overflow: hidden;
    -webkit-tap-highlight-color: transparent;
    user-select: none;
    perspective: 1000px;
    transform: translateZ(0)
}

.f-thumbs .f-spinner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 2px;
    background-image: linear-gradient(#ebeff2, #e2e8f0);
    z-index: -1
}

.f-thumbs .f-spinner svg {
    display: none
}

.f-thumbs.is-vertical {
    height: 100%
}

.f-thumbs__viewport {
    width: 100%;
    height: auto;
    overflow: hidden;
    transform: translate3d(0, 0, 0)
}

.f-thumbs__track {
    display: flex
}

.f-thumbs__slide {
    position: relative;
    flex: 0 0 auto;
    box-sizing: content-box;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 0;
    width: var(--f-thumb-width);
    height: var(--f-thumb-height);
    overflow: visible;
    cursor: pointer
}

.f-thumbs__slide.is-loading img {
    opacity: 0
}

.is-classic .f-thumbs__viewport {
    height: 100%
}

.is-modern .f-thumbs__track {
    width: max-content
}

.is-modern .f-thumbs__track::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: calc((var(--f-thumb-clip-width, 0))*-.5);
    width: calc(var(--width, 0)*1px + var(--f-thumb-clip-width, 0));
    cursor: pointer
}

.is-modern .f-thumbs__slide {
    width: var(--f-thumb-clip-width);
    transform: translate3d(calc(var(--shift, 0) * -1px), 0, 0);
    transition: none;
    pointer-events: none
}

.is-modern.is-resting .f-thumbs__slide {
    transition: transform .33s ease
}

.is-modern.is-resting .f-thumbs__slide__button {
    transition: clip-path .33s ease
}

.is-using-tab .is-modern .f-thumbs__slide:focus-within {
    filter: drop-shadow(-1px 0 0 var(--f-thumb-outline-color)) drop-shadow(2px 0 0 var(--f-thumb-outline-color)) drop-shadow(0 -1px 0 var(--f-thumb-outline-color)) drop-shadow(0 2px 0 var(--f-thumb-outline-color))
}

.f-thumbs__slide__button {
    appearance: none;
    width: var(--f-thumb-width);
    height: 100%;
    margin: 0 -100% 0 -100%;
    padding: 0;
    border: 0;
    position: relative;
    border-radius: var(--f-thumb-border-radius);
    overflow: hidden;
    background: rgba(0, 0, 0, 0);
    outline: 0;
    cursor: pointer;
    pointer-events: auto;
    touch-action: manipulation;
    opacity: var(--f-thumb-opacity);
    transition: opacity .2s ease
}

.f-thumbs__slide__button:hover {
    opacity: var(--f-thumb-hover-opacity)
}

.f-thumbs__slide__button:focus:not(:focus-visible) {
    outline: 0
}

.f-thumbs__slide__button:focus-visible {
    outline: 0;
    opacity: var(--f-thumb-selected-opacity)
}

.is-modern .f-thumbs__slide__button {
    --clip-path: inset(0 calc(((var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0))) * (1 - var(--progress, 0)) * 0.5) round var(--f-thumb-border-radius, 0));
    clip-path: var(--clip-path)
}

.is-classic .is-nav-selected .f-thumbs__slide__button {
    opacity: var(--f-thumb-selected-opacity)
}

.is-classic .is-nav-selected .f-thumbs__slide__button::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: auto;
    bottom: 0;
    border: var(--f-thumb-outline, 0) solid var(--f-thumb-outline-color, transparent);
    border-radius: var(--f-thumb-border-radius);
    animation: f-fadeIn .2s ease-out;
    z-index: 10
}

.f-thumbs__slide__img {
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: var(--f-thumb-offset);
    box-sizing: border-box;
    pointer-events: none;
    object-fit: cover;
    border-radius: var(--f-thumb-border-radius)
}

.f-thumbs.is-horizontal .f-thumbs__track {
    padding: 8px 0 12px 0
}

.f-thumbs.is-horizontal .f-thumbs__slide {
    margin: 0 var(--f-thumb-gap) 0 0
}

.f-thumbs.is-vertical .f-thumbs__track {
    flex-wrap: wrap;
    padding: 0 8px
}

.f-thumbs.is-vertical .f-thumbs__slide {
    margin: 0 0 var(--f-thumb-gap) 0
}

.fancybox__thumbs {
    --f-thumb-width: 96px;
    --f-thumb-height: 72px;
    --f-thumb-border-radius: 2px;
    --f-thumb-outline: 2px;
    --f-thumb-outline-color: #ededed;
    position: relative;
    opacity: var(--fancybox-opacity, 1);
    transition: max-height .35s cubic-bezier(.23, 1, .32, 1)
}

.fancybox__thumbs.is-classic {
    --f-thumb-gap: 8px;
    --f-thumb-opacity: 0.5;
    --f-thumb-hover-opacity: 1
}

.fancybox__thumbs.is-classic .f-spinner {
    background-image: linear-gradient(rgba(255, 255, 255, .1), rgba(255, 255, 255, .05))
}

.fancybox__thumbs.is-modern {
    --f-thumb-gap: 4px;
    --f-thumb-extra-gap: 16px;
    --f-thumb-clip-width: 46px;
    --f-thumb-opacity: 1;
    --f-thumb-hover-opacity: 1
}

.fancybox__thumbs.is-modern .f-spinner {
    background-image: linear-gradient(rgba(255, 255, 255, .1), rgba(255, 255, 255, .05))
}

.fancybox__thumbs.is-horizontal {
    padding: 0 var(--f-thumb-gap)
}

.fancybox__thumbs.is-vertical {
    padding: var(--f-thumb-gap) 0
}

.is-compact .fancybox__thumbs {
    --f-thumb-width: 64px;
    --f-thumb-clip-width: 32px;
    --f-thumb-height: 48px;
    --f-thumb-extra-gap: 10px
}

.fancybox__thumbs.is-masked {
    max-height: 0 !important
}

.is-closing .fancybox__thumbs {
    transition: none !important
}

.fancybox__toolbar {
    --f-progress-color: var(--fancybox-color, rgba(255, 255, 255, 0.94));
    --f-button-width: 46px;
    --f-button-height: 46px;
    --f-button-color: var(--fancybox-color);
    --f-button-hover-color: var(--fancybox-hover-color);
    --f-button-bg: rgba(24, 24, 27, 0.65);
    --f-button-hover-bg: rgba(70, 70, 73, 0.65);
    --f-button-active-bg: rgba(90, 90, 93, 0.65);
    --f-button-border-radius: 0;
    --f-button-svg-width: 24px;
    --f-button-svg-height: 24px;
    --f-button-svg-stroke-width: 1.5;
    --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.15));
    --f-button-svg-fill: none;
    --f-button-svg-disabled-opacity: 0.65;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 0;
    padding: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif;
    color: var(--fancybox-color, currentColor);
    opacity: var(--fancybox-opacity, 1);
    text-shadow: var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, .5));
    pointer-events: none;
    z-index: 20
}

.fancybox__toolbar :focus-visible {
    z-index: 1
}

.fancybox__toolbar.is-absolute,
.is-compact .fancybox__toolbar {
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.is-idle .fancybox__toolbar {
    pointer-events: none;
    animation: .15s ease-out both f-fadeOut
}

.fancybox__toolbar__column {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start
}

.fancybox__toolbar__column.is-left,
.fancybox__toolbar__column.is-right {
    flex-grow: 1;
    flex-basis: 0
}

.fancybox__toolbar__column.is-right {
    display: flex;
    justify-content: flex-end;
    flex-wrap: nowrap
}

.fancybox__infobar {
    padding: 0 5px;
    line-height: var(--f-button-height);
    text-align: center;
    font-size: 17px;
    font-variant-numeric: tabular-nums;
    -webkit-font-smoothing: subpixel-antialiased;
    cursor: default;
    user-select: none
}

.fancybox__infobar span {
    padding: 0 5px
}

.fancybox__infobar:not(:first-child):not(:last-child) {
    background: var(--f-button-bg)
}

[data-fancybox-toggle-slideshow] {
    position: relative
}

[data-fancybox-toggle-slideshow] .f-progress {
    height: 100%;
    opacity: .3
}

[data-fancybox-toggle-slideshow] svg g:first-child {
    display: flex
}

[data-fancybox-toggle-slideshow] svg g:last-child {
    display: none
}

.has-slideshow [data-fancybox-toggle-slideshow] svg g:first-child {
    display: none
}

.has-slideshow [data-fancybox-toggle-slideshow] svg g:last-child {
    display: flex
}

[data-fancybox-toggle-fullscreen] svg g:first-child {
    display: flex
}

[data-fancybox-toggle-fullscreen] svg g:last-child {
    display: none
}

:fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child {
    display: none
}

:fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child {
    display: flex
}

.f-progress {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    transform: scaleX(0);
    transform-origin: 0;
    transition-property: transform;
    transition-timing-function: linear;
    background: var(--f-progress-color, var(--f-carousel-theme-color, #0091ff));
    z-index: 30;
    user-select: none;
    pointer-events: none
}

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

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

:host {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 1
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.swiper-3d {
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide {
    transform-style: preserve-3d
}

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

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

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

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

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

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
    scroll-snap-type: none
}

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

.swiper-css-mode.swiper-centered>.swiper-wrapper::before {
    content: '';
    flex-shrink: 0;
    order: 9999
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

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

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
    height: 1px;
    width: var(--swiper-virtual-size)
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
    width: 1px;
    height: var(--swiper-virtual-size)
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: var(--swiper-navigation-top-offset, 50%);
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

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

.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none
}

.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
    display: none !important
}

.swiper-button-next svg,
.swiper-button-prev svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform-origin: center
}

.swiper-rtl .swiper-button-next svg,
.swiper-rtl .swiper-button-prev svg {
    transform: rotate(180deg)
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 10px);
    right: auto
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 10px);
    left: auto
}

.swiper-button-lock {
    display: none
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    content: 'prev'
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 10px);
    left: auto
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    content: 'next'
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-disabled>.swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
    display: none !important
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom, 8px);
    top: var(--swiper-pagination-top, auto);
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    display: inline-block;
    border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none !important
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical>.swiper-pagination-bullets {
    right: var(--swiper-pagination-right, 8px);
    left: var(--swiper-pagination-left, auto);
    top: 50%;
    transform: translate3d(0, -50%, 0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: .2s transform, .2s top
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s left
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s right
}

.swiper-pagination-fraction {
    color: var(--swiper-pagination-fraction-color, inherit)
}

.swiper-pagination-progressbar {
    background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size, 4px);
    left: 0;
    top: 0
}

.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical>.swiper-pagination-progressbar {
    width: var(--swiper-pagination-progressbar-size, 4px);
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    position: relative;
    touch-action: none;
    background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, .1))
}

.swiper-scrollbar-disabled>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
    display: none !important
}

.swiper-horizontal>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
    position: absolute;
    left: var(--swiper-scrollbar-sides-offset, 1%);
    bottom: var(--swiper-scrollbar-bottom, 4px);
    top: var(--swiper-scrollbar-top, auto);
    z-index: 50;
    height: var(--swiper-scrollbar-size, 4px);
    width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))
}

.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical>.swiper-scrollbar {
    position: absolute;
    left: var(--swiper-scrollbar-left, auto);
    right: var(--swiper-scrollbar-right, 4px);
    top: var(--swiper-scrollbar-sides-offset, 1%);
    z-index: 50;
    width: var(--swiper-scrollbar-size, 4px);
    height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, .5));
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move;
    touch-action: none
}

.swiper .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-grid>.swiper-wrapper {
    flex-wrap: wrap
}

.swiper-grid-column>.swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column
}

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

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

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

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

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

.swiper.swiper-cube {
    overflow: visible
}

.swiper-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

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

.swiper-cube.swiper-rtl .swiper-slide {
    transform-origin: 100% 0
}

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

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: .6;
    z-index: 0
}

.swiper-cube .swiper-cube-shadow:before {
    content: '';
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    filter: blur(50px)
}

.swiper-cube .swiper-slide-next+.swiper-slide {
    pointer-events: auto;
    visibility: visible
}

.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper.swiper-flip {
    overflow: visible
}

.swiper-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

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

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

.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-creative .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: transform, opacity, height
}

.swiper.swiper-cards {
    overflow: visible
}

.swiper-cards .swiper-slide {
    transform-origin: center bottom;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden
}

@font-face {
    font-family: InterRegular;
    font-weight: 400;
    font-style: normal;
    src: url(../fonts/InterRegular/InterRegular.woff2) format("woff2"), url(../fonts/InterRegular/InterRegular.woff) format("woff")
}

@font-face {
    font-family: InterMedium;
    font-weight: 500;
    font-style: normal;
    src: url(../fonts/InterMedium/InterMedium.woff2) format("woff2"), url(../fonts/InterMedium/InterMedium.woff) format("woff")
}

@font-face {
    font-family: InterSemiBold;
    font-weight: 600;
    font-style: normal;
    src: url(../fonts/InterSemiBold/InterSemiBold.woff2) format("woff2"), url(../fonts/InterSemiBold/InterSemiBold.woff) format("woff")
}

@font-face {
    font-family: InterBold;
    font-weight: 700;
    font-style: normal;
    src: url(../fonts/InterBold/InterBold.woff2) format("woff2"), url(../fonts/InterBold/InterBold.woff) format("woff")
}

@font-face {
    font-family: InterBlack;
    font-weight: 800;
    font-style: normal;
    src: url(../fonts/InterBlack/InterBlack.woff2) format("woff2"), url(../fonts/InterBlack/InterBlack.woff) format("woff")
}

@font-face {
    font-family: RalewayRegular;
    font-weight: 400;
    font-style: normal;
    src: url(../fonts/RalewayRegular/RalewayRegular.woff2) format("woff2"), url(../fonts/RalewayRegular/RalewayRegular.woff) format("woff")
}

@font-face {
    font-family: RalewayMedium;
    font-weight: 500;
    font-style: normal;
    src: url(../fonts/RalewayMedium/RalewayMedium.woff2) format("woff2"), url(../fonts/RalewayMedium/RalewayMedium.woff) format("woff")
}

@font-face {
    font-family: RalewaySemiBold;
    font-weight: 600;
    font-style: normal;
    src: url(../fonts/RalewaySemiBold/RalewaySemiBold.woff2) format("woff2"), url(../fonts/RalewaySemiBold/RalewaySemiBold.woff) format("woff")
}

@font-face {
    font-family: RalewayBold;
    font-weight: 700;
    font-style: normal;
    src: url(../fonts/RalewayBold/RalewayBold.woff2) format("woff2"), url(../fonts/RalewayBold/RalewayBold.woff) format("woff")
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
    --bs-gutter-x: 24px;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-right: auto;
    margin-left: auto
}

@media (min-width:576px) {

    .container,
    .container-sm {
        max-width: 1140px
    }
}

@media (min-width:744px) {

    .container,
    .container-md,
    .container-sm {
        max-width: 1150px
    }
}

@media (min-width:1023px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm {
        max-width: 1474px
    }
}

@media (min-width:1239px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1475px
    }
}

@media (min-width:1476px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1476px
    }
}

:root {
    --bs-breakpoint-xs: 0;
    --bs-breakpoint-sm: 576px;
    --bs-breakpoint-md: 744px;
    --bs-breakpoint-lg: 1023px;
    --bs-breakpoint-xl: 1239px;
    --bs-breakpoint-xxl: 1476px
}

.row {
    --bs-gutter-x: 24px;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x))
}

.row>* {
    box-sizing: border-box;
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y)
}

.col {
    flex: 1 0 0%
}

.row-cols-auto>* {
    flex: 0 0 auto;
    width: auto
}

.row-cols-1>* {
    flex: 0 0 auto;
    width: 100%
}

.row-cols-2>* {
    flex: 0 0 auto;
    width: 50%
}

.row-cols-3>* {
    flex: 0 0 auto;
    width: 33.3333333333%
}

.row-cols-4>* {
    flex: 0 0 auto;
    width: 25%
}

.row-cols-5>* {
    flex: 0 0 auto;
    width: 20%
}

.row-cols-6>* {
    flex: 0 0 auto;
    width: 16.6666666667%
}

.col-auto {
    flex: 0 0 auto;
    width: auto
}

.col-1 {
    flex: 0 0 auto;
    width: 8.33333333%
}

.col-2 {
    flex: 0 0 auto;
    width: 16.66666667%
}

.col-3 {
    flex: 0 0 auto;
    width: 25%
}

.col-4 {
    flex: 0 0 auto;
    width: 33.33333333%
}

.col-5 {
    flex: 0 0 auto;
    width: 41.66666667%
}

.col-6 {
    flex: 0 0 auto;
    width: 50%
}

.col-7 {
    flex: 0 0 auto;
    width: 58.33333333%
}

.col-8 {
    flex: 0 0 auto;
    width: 66.66666667%
}

.col-9 {
    flex: 0 0 auto;
    width: 75%
}

.col-10 {
    flex: 0 0 auto;
    width: 83.33333333%
}

.col-11 {
    flex: 0 0 auto;
    width: 91.66666667%
}

.col-12 {
    flex: 0 0 auto;
    width: 100%
}

.offset-1 {
    margin-left: 8.33333333%
}

.offset-2 {
    margin-left: 16.66666667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.33333333%
}

.offset-5 {
    margin-left: 41.66666667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.33333333%
}

.offset-8 {
    margin-left: 66.66666667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.33333333%
}

.offset-11 {
    margin-left: 91.66666667%
}

.g-0,
.gx-0 {
    --bs-gutter-x: 0
}

.g-0,
.gy-0 {
    --bs-gutter-y: 0
}

.g-1,
.gx-1 {
    --bs-gutter-x: 0.25rem
}

.g-1,
.gy-1 {
    --bs-gutter-y: 0.25rem
}

.g-2,
.gx-2 {
    --bs-gutter-x: 0.5rem
}

.g-2,
.gy-2 {
    --bs-gutter-y: 0.5rem
}

.g-3,
.gx-3 {
    --bs-gutter-x: 1rem
}

.g-3,
.gy-3 {
    --bs-gutter-y: 1rem
}

.g-4,
.gx-4 {
    --bs-gutter-x: 1.5rem
}

.g-4,
.gy-4 {
    --bs-gutter-y: 1.5rem
}

.g-5,
.gx-5 {
    --bs-gutter-x: 3rem
}

.g-5,
.gy-5 {
    --bs-gutter-y: 3rem
}

@media (min-width:576px) {
    .col-sm {
        flex: 1 0 0%
    }

    .row-cols-sm-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-sm-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-sm-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-sm-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-sm-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-sm-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-sm-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-sm-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-sm-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-sm-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-sm-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-sm-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-sm-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-sm-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-sm-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-sm-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-sm-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-sm-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-sm-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-sm-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-sm-0 {
        margin-left: 0
    }

    .offset-sm-1 {
        margin-left: 8.33333333%
    }

    .offset-sm-2 {
        margin-left: 16.66666667%
    }

    .offset-sm-3 {
        margin-left: 25%
    }

    .offset-sm-4 {
        margin-left: 33.33333333%
    }

    .offset-sm-5 {
        margin-left: 41.66666667%
    }

    .offset-sm-6 {
        margin-left: 50%
    }

    .offset-sm-7 {
        margin-left: 58.33333333%
    }

    .offset-sm-8 {
        margin-left: 66.66666667%
    }

    .offset-sm-9 {
        margin-left: 75%
    }

    .offset-sm-10 {
        margin-left: 83.33333333%
    }

    .offset-sm-11 {
        margin-left: 91.66666667%
    }

    .g-sm-0,
    .gx-sm-0 {
        --bs-gutter-x: 0
    }

    .g-sm-0,
    .gy-sm-0 {
        --bs-gutter-y: 0
    }

    .g-sm-1,
    .gx-sm-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-sm-1,
    .gy-sm-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-sm-2,
    .gx-sm-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-sm-2,
    .gy-sm-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-sm-3,
    .gx-sm-3 {
        --bs-gutter-x: 1rem
    }

    .g-sm-3,
    .gy-sm-3 {
        --bs-gutter-y: 1rem
    }

    .g-sm-4,
    .gx-sm-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-sm-4,
    .gy-sm-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-sm-5,
    .gx-sm-5 {
        --bs-gutter-x: 3rem
    }

    .g-sm-5,
    .gy-sm-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width:744px) {
    .col-md {
        flex: 1 0 0%
    }

    .row-cols-md-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-md-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-md-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-md-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-md-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-md-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-md-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-md-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-md-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-md-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-md-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-md-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-md-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-md-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-md-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-md-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-md-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-md-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-md-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-md-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-md-0 {
        margin-left: 0
    }

    .offset-md-1 {
        margin-left: 8.33333333%
    }

    .offset-md-2 {
        margin-left: 16.66666667%
    }

    .offset-md-3 {
        margin-left: 25%
    }

    .offset-md-4 {
        margin-left: 33.33333333%
    }

    .offset-md-5 {
        margin-left: 41.66666667%
    }

    .offset-md-6 {
        margin-left: 50%
    }

    .offset-md-7 {
        margin-left: 58.33333333%
    }

    .offset-md-8 {
        margin-left: 66.66666667%
    }

    .offset-md-9 {
        margin-left: 75%
    }

    .offset-md-10 {
        margin-left: 83.33333333%
    }

    .offset-md-11 {
        margin-left: 91.66666667%
    }

    .g-md-0,
    .gx-md-0 {
        --bs-gutter-x: 0
    }

    .g-md-0,
    .gy-md-0 {
        --bs-gutter-y: 0
    }

    .g-md-1,
    .gx-md-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-md-1,
    .gy-md-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-md-2,
    .gx-md-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-md-2,
    .gy-md-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-md-3,
    .gx-md-3 {
        --bs-gutter-x: 1rem
    }

    .g-md-3,
    .gy-md-3 {
        --bs-gutter-y: 1rem
    }

    .g-md-4,
    .gx-md-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-md-4,
    .gy-md-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-md-5,
    .gx-md-5 {
        --bs-gutter-x: 3rem
    }

    .g-md-5,
    .gy-md-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width:1023px) {
    .col-lg {
        flex: 1 0 0%
    }

    .row-cols-lg-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-lg-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-lg-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-lg-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-lg-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-lg-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-lg-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-lg-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-lg-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-lg-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-lg-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-lg-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-lg-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-lg-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-lg-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-lg-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-lg-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-lg-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-lg-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-lg-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-lg-0 {
        margin-left: 0
    }

    .offset-lg-1 {
        margin-left: 8.33333333%
    }

    .offset-lg-2 {
        margin-left: 16.66666667%
    }

    .offset-lg-3 {
        margin-left: 25%
    }

    .offset-lg-4 {
        margin-left: 33.33333333%
    }

    .offset-lg-5 {
        margin-left: 41.66666667%
    }

    .offset-lg-6 {
        margin-left: 50%
    }

    .offset-lg-7 {
        margin-left: 58.33333333%
    }

    .offset-lg-8 {
        margin-left: 66.66666667%
    }

    .offset-lg-9 {
        margin-left: 75%
    }

    .offset-lg-10 {
        margin-left: 83.33333333%
    }

    .offset-lg-11 {
        margin-left: 91.66666667%
    }

    .g-lg-0,
    .gx-lg-0 {
        --bs-gutter-x: 0
    }

    .g-lg-0,
    .gy-lg-0 {
        --bs-gutter-y: 0
    }

    .g-lg-1,
    .gx-lg-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-lg-1,
    .gy-lg-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-lg-2,
    .gx-lg-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-lg-2,
    .gy-lg-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-lg-3,
    .gx-lg-3 {
        --bs-gutter-x: 1rem
    }

    .g-lg-3,
    .gy-lg-3 {
        --bs-gutter-y: 1rem
    }

    .g-lg-4,
    .gx-lg-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-lg-4,
    .gy-lg-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-lg-5,
    .gx-lg-5 {
        --bs-gutter-x: 3rem
    }

    .g-lg-5,
    .gy-lg-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width:1239px) {
    .col-xl {
        flex: 1 0 0%
    }

    .row-cols-xl-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-xl-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-xl-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-xl-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-xl-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-xl-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-xl-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-xl-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-xl-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-xl-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-xl-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-xl-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-xl-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-xl-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-xl-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-xl-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-xl-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-xl-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-xl-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-xl-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-xl-0 {
        margin-left: 0
    }

    .offset-xl-1 {
        margin-left: 8.33333333%
    }

    .offset-xl-2 {
        margin-left: 16.66666667%
    }

    .offset-xl-3 {
        margin-left: 25%
    }

    .offset-xl-4 {
        margin-left: 33.33333333%
    }

    .offset-xl-5 {
        margin-left: 41.66666667%
    }

    .offset-xl-6 {
        margin-left: 50%
    }

    .offset-xl-7 {
        margin-left: 58.33333333%
    }

    .offset-xl-8 {
        margin-left: 66.66666667%
    }

    .offset-xl-9 {
        margin-left: 75%
    }

    .offset-xl-10 {
        margin-left: 83.33333333%
    }

    .offset-xl-11 {
        margin-left: 91.66666667%
    }

    .g-xl-0,
    .gx-xl-0 {
        --bs-gutter-x: 0
    }

    .g-xl-0,
    .gy-xl-0 {
        --bs-gutter-y: 0
    }

    .g-xl-1,
    .gx-xl-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-xl-1,
    .gy-xl-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-xl-2,
    .gx-xl-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-xl-2,
    .gy-xl-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-xl-3,
    .gx-xl-3 {
        --bs-gutter-x: 1rem
    }

    .g-xl-3,
    .gy-xl-3 {
        --bs-gutter-y: 1rem
    }

    .g-xl-4,
    .gx-xl-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-xl-4,
    .gy-xl-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-xl-5,
    .gx-xl-5 {
        --bs-gutter-x: 3rem
    }

    .g-xl-5,
    .gy-xl-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width:1476px) {
    .col-xxl {
        flex: 1 0 0%
    }

    .row-cols-xxl-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-xxl-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-xxl-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-xxl-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-xxl-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-xxl-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-xxl-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-xxl-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-xxl-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-xxl-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-xxl-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-xxl-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-xxl-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-xxl-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-xxl-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-xxl-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-xxl-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-xxl-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-xxl-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-xxl-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-xxl-0 {
        margin-left: 0
    }

    .offset-xxl-1 {
        margin-left: 8.33333333%
    }

    .offset-xxl-2 {
        margin-left: 16.66666667%
    }

    .offset-xxl-3 {
        margin-left: 25%
    }

    .offset-xxl-4 {
        margin-left: 33.33333333%
    }

    .offset-xxl-5 {
        margin-left: 41.66666667%
    }

    .offset-xxl-6 {
        margin-left: 50%
    }

    .offset-xxl-7 {
        margin-left: 58.33333333%
    }

    .offset-xxl-8 {
        margin-left: 66.66666667%
    }

    .offset-xxl-9 {
        margin-left: 75%
    }

    .offset-xxl-10 {
        margin-left: 83.33333333%
    }

    .offset-xxl-11 {
        margin-left: 91.66666667%
    }

    .g-xxl-0,
    .gx-xxl-0 {
        --bs-gutter-x: 0
    }

    .g-xxl-0,
    .gy-xxl-0 {
        --bs-gutter-y: 0
    }

    .g-xxl-1,
    .gx-xxl-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-xxl-1,
    .gy-xxl-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-xxl-2,
    .gx-xxl-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-xxl-2,
    .gy-xxl-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-xxl-3,
    .gx-xxl-3 {
        --bs-gutter-x: 1rem
    }

    .g-xxl-3,
    .gy-xxl-3 {
        --bs-gutter-y: 1rem
    }

    .g-xxl-4,
    .gx-xxl-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-xxl-4,
    .gy-xxl-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-xxl-5,
    .gx-xxl-5 {
        --bs-gutter-x: 3rem
    }

    .g-xxl-5,
    .gy-xxl-5 {
        --bs-gutter-y: 3rem
    }
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-grid {
    display: grid !important
}

.d-inline-grid {
    display: inline-grid !important
}

.d-table {
    display: table !important
}

.d-table-row {
    display: table-row !important
}

.d-table-cell {
    display: table-cell !important
}

.d-flex {
    display: flex !important
}

.d-inline-flex {
    display: inline-flex !important
}

.d-none {
    display: none !important
}

.w-25 {
    width: 25% !important
}

.w-50 {
    width: 50% !important
}

.w-75 {
    width: 75% !important
}

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

.w-auto {
    width: auto !important
}

.flex-fill {
    flex: 1 1 auto !important
}

.flex-row {
    flex-direction: row !important
}

.flex-column {
    flex-direction: column !important
}

.flex-row-reverse {
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    flex-direction: column-reverse !important
}

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

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

.justify-content-center {
    justify-content: center !important
}

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

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

.justify-content-evenly {
    justify-content: space-evenly !important
}

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

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

.align-items-center {
    align-items: center !important
}

.align-items-baseline {
    align-items: baseline !important
}

.align-items-stretch {
    align-items: stretch !important
}

.order-first {
    order: -1 !important
}

.order-0 {
    order: 0 !important
}

.order-1 {
    order: 1 !important
}

.order-2 {
    order: 2 !important
}

.order-3 {
    order: 3 !important
}

.order-4 {
    order: 4 !important
}

.order-5 {
    order: 5 !important
}

.order-last {
    order: 6 !important
}

.m-0 {
    margin: 0 !important
}

.m-1 {
    margin: .25rem !important
}

.m-2 {
    margin: .5rem !important
}

.m-3 {
    margin: 1rem !important
}

.m-4 {
    margin: 1.5rem !important
}

.m-5 {
    margin: 3rem !important
}

.m-auto {
    margin: auto !important
}

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

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

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

.mt-3 {
    margin-top: 1rem !important
}

.mt-4 {
    margin-top: 1.5rem !important
}

.mt-5 {
    margin-top: 3rem !important
}

.mt-auto {
    margin-top: auto !important
}

.mb-0 {
    margin-bottom: 0 !important
}

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

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

.mb-3 {
    margin-bottom: 1rem !important
}

.mb-4 {
    margin-bottom: 1.5rem !important
}

.mb-5 {
    margin-bottom: 3rem !important
}

.mb-auto {
    margin-bottom: auto !important
}

.p-0 {
    padding: 0 !important
}

.p-1 {
    padding: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.p-3 {
    padding: 1rem !important
}

.p-4 {
    padding: 1.5rem !important
}

.p-5 {
    padding: 3rem !important
}

.pt-0 {
    padding-top: 0 !important
}

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

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

.pt-3 {
    padding-top: 1rem !important
}

.pt-4 {
    padding-top: 1.5rem !important
}

.pt-5 {
    padding-top: 3rem !important
}

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

.pb-1 {
    padding-bottom: .25rem !important
}

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

.pb-3 {
    padding-bottom: 1rem !important
}

.pb-4 {
    padding-bottom: 1.5rem !important
}

.pb-5 {
    padding-bottom: 3rem !important
}

.gap-0 {
    gap: 0 !important
}

.gap-1 {
    gap: .25rem !important
}

.gap-2 {
    gap: .5rem !important
}

.gap-3 {
    gap: 1rem !important
}

.gap-4 {
    gap: 1.5rem !important
}

.gap-5 {
    gap: 3rem !important
}

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

.row-gap-1 {
    row-gap: .25rem !important
}

.row-gap-2 {
    row-gap: .5rem !important
}

.row-gap-3 {
    row-gap: 1rem !important
}

.row-gap-4 {
    row-gap: 1.5rem !important
}

.row-gap-5 {
    row-gap: 3rem !important
}

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

.column-gap-1 {
    column-gap: .25rem !important
}

.column-gap-2 {
    column-gap: .5rem !important
}

.column-gap-3 {
    column-gap: 1rem !important
}

.column-gap-4 {
    column-gap: 1.5rem !important
}

.column-gap-5 {
    column-gap: 3rem !important
}

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

.text-end {
    text-align: right !important
}

.text-center {
    text-align: center !important
}

@media (min-width:576px) {
    .d-sm-inline {
        display: inline !important
    }

    .d-sm-inline-block {
        display: inline-block !important
    }

    .d-sm-block {
        display: block !important
    }

    .d-sm-grid {
        display: grid !important
    }

    .d-sm-inline-grid {
        display: inline-grid !important
    }

    .d-sm-table {
        display: table !important
    }

    .d-sm-table-row {
        display: table-row !important
    }

    .d-sm-table-cell {
        display: table-cell !important
    }

    .d-sm-flex {
        display: flex !important
    }

    .d-sm-inline-flex {
        display: inline-flex !important
    }

    .d-sm-none {
        display: none !important
    }

    .flex-sm-fill {
        flex: 1 1 auto !important
    }

    .flex-sm-row {
        flex-direction: row !important
    }

    .flex-sm-column {
        flex-direction: column !important
    }

    .flex-sm-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-sm-column-reverse {
        flex-direction: column-reverse !important
    }

    .justify-content-sm-start {
        justify-content: flex-start !important
    }

    .justify-content-sm-end {
        justify-content: flex-end !important
    }

    .justify-content-sm-center {
        justify-content: center !important
    }

    .justify-content-sm-between {
        justify-content: space-between !important
    }

    .justify-content-sm-around {
        justify-content: space-around !important
    }

    .justify-content-sm-evenly {
        justify-content: space-evenly !important
    }

    .align-items-sm-start {
        align-items: flex-start !important
    }

    .align-items-sm-end {
        align-items: flex-end !important
    }

    .align-items-sm-center {
        align-items: center !important
    }

    .align-items-sm-baseline {
        align-items: baseline !important
    }

    .align-items-sm-stretch {
        align-items: stretch !important
    }

    .order-sm-first {
        order: -1 !important
    }

    .order-sm-0 {
        order: 0 !important
    }

    .order-sm-1 {
        order: 1 !important
    }

    .order-sm-2 {
        order: 2 !important
    }

    .order-sm-3 {
        order: 3 !important
    }

    .order-sm-4 {
        order: 4 !important
    }

    .order-sm-5 {
        order: 5 !important
    }

    .order-sm-last {
        order: 6 !important
    }

    .m-sm-0 {
        margin: 0 !important
    }

    .m-sm-1 {
        margin: .25rem !important
    }

    .m-sm-2 {
        margin: .5rem !important
    }

    .m-sm-3 {
        margin: 1rem !important
    }

    .m-sm-4 {
        margin: 1.5rem !important
    }

    .m-sm-5 {
        margin: 3rem !important
    }

    .m-sm-auto {
        margin: auto !important
    }

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

    .mt-sm-1 {
        margin-top: .25rem !important
    }

    .mt-sm-2 {
        margin-top: .5rem !important
    }

    .mt-sm-3 {
        margin-top: 1rem !important
    }

    .mt-sm-4 {
        margin-top: 1.5rem !important
    }

    .mt-sm-5 {
        margin-top: 3rem !important
    }

    .mt-sm-auto {
        margin-top: auto !important
    }

    .mb-sm-0 {
        margin-bottom: 0 !important
    }

    .mb-sm-1 {
        margin-bottom: .25rem !important
    }

    .mb-sm-2 {
        margin-bottom: .5rem !important
    }

    .mb-sm-3 {
        margin-bottom: 1rem !important
    }

    .mb-sm-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-sm-5 {
        margin-bottom: 3rem !important
    }

    .mb-sm-auto {
        margin-bottom: auto !important
    }

    .p-sm-0 {
        padding: 0 !important
    }

    .p-sm-1 {
        padding: .25rem !important
    }

    .p-sm-2 {
        padding: .5rem !important
    }

    .p-sm-3 {
        padding: 1rem !important
    }

    .p-sm-4 {
        padding: 1.5rem !important
    }

    .p-sm-5 {
        padding: 3rem !important
    }

    .pt-sm-0 {
        padding-top: 0 !important
    }

    .pt-sm-1 {
        padding-top: .25rem !important
    }

    .pt-sm-2 {
        padding-top: .5rem !important
    }

    .pt-sm-3 {
        padding-top: 1rem !important
    }

    .pt-sm-4 {
        padding-top: 1.5rem !important
    }

    .pt-sm-5 {
        padding-top: 3rem !important
    }

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

    .pb-sm-1 {
        padding-bottom: .25rem !important
    }

    .pb-sm-2 {
        padding-bottom: .5rem !important
    }

    .pb-sm-3 {
        padding-bottom: 1rem !important
    }

    .pb-sm-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-sm-5 {
        padding-bottom: 3rem !important
    }

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

    .gap-sm-1 {
        gap: .25rem !important
    }

    .gap-sm-2 {
        gap: .5rem !important
    }

    .gap-sm-3 {
        gap: 1rem !important
    }

    .gap-sm-4 {
        gap: 1.5rem !important
    }

    .gap-sm-5 {
        gap: 3rem !important
    }

    .row-gap-sm-0 {
        row-gap: 0 !important
    }

    .row-gap-sm-1 {
        row-gap: .25rem !important
    }

    .row-gap-sm-2 {
        row-gap: .5rem !important
    }

    .row-gap-sm-3 {
        row-gap: 1rem !important
    }

    .row-gap-sm-4 {
        row-gap: 1.5rem !important
    }

    .row-gap-sm-5 {
        row-gap: 3rem !important
    }

    .column-gap-sm-0 {
        column-gap: 0 !important
    }

    .column-gap-sm-1 {
        column-gap: .25rem !important
    }

    .column-gap-sm-2 {
        column-gap: .5rem !important
    }

    .column-gap-sm-3 {
        column-gap: 1rem !important
    }

    .column-gap-sm-4 {
        column-gap: 1.5rem !important
    }

    .column-gap-sm-5 {
        column-gap: 3rem !important
    }

    .text-sm-start {
        text-align: left !important
    }

    .text-sm-end {
        text-align: right !important
    }

    .text-sm-center {
        text-align: center !important
    }
}

@media (min-width:744px) {
    .d-md-inline {
        display: inline !important
    }

    .d-md-inline-block {
        display: inline-block !important
    }

    .d-md-block {
        display: block !important
    }

    .d-md-grid {
        display: grid !important
    }

    .d-md-inline-grid {
        display: inline-grid !important
    }

    .d-md-table {
        display: table !important
    }

    .d-md-table-row {
        display: table-row !important
    }

    .d-md-table-cell {
        display: table-cell !important
    }

    .d-md-flex {
        display: flex !important
    }

    .d-md-inline-flex {
        display: inline-flex !important
    }

    .d-md-none {
        display: none !important
    }

    .flex-md-fill {
        flex: 1 1 auto !important
    }

    .flex-md-row {
        flex-direction: row !important
    }

    .flex-md-column {
        flex-direction: column !important
    }

    .flex-md-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-md-column-reverse {
        flex-direction: column-reverse !important
    }

    .justify-content-md-start {
        justify-content: flex-start !important
    }

    .justify-content-md-end {
        justify-content: flex-end !important
    }

    .justify-content-md-center {
        justify-content: center !important
    }

    .justify-content-md-between {
        justify-content: space-between !important
    }

    .justify-content-md-around {
        justify-content: space-around !important
    }

    .justify-content-md-evenly {
        justify-content: space-evenly !important
    }

    .align-items-md-start {
        align-items: flex-start !important
    }

    .align-items-md-end {
        align-items: flex-end !important
    }

    .align-items-md-center {
        align-items: center !important
    }

    .align-items-md-baseline {
        align-items: baseline !important
    }

    .align-items-md-stretch {
        align-items: stretch !important
    }

    .order-md-first {
        order: -1 !important
    }

    .order-md-0 {
        order: 0 !important
    }

    .order-md-1 {
        order: 1 !important
    }

    .order-md-2 {
        order: 2 !important
    }

    .order-md-3 {
        order: 3 !important
    }

    .order-md-4 {
        order: 4 !important
    }

    .order-md-5 {
        order: 5 !important
    }

    .order-md-last {
        order: 6 !important
    }

    .m-md-0 {
        margin: 0 !important
    }

    .m-md-1 {
        margin: .25rem !important
    }

    .m-md-2 {
        margin: .5rem !important
    }

    .m-md-3 {
        margin: 1rem !important
    }

    .m-md-4 {
        margin: 1.5rem !important
    }

    .m-md-5 {
        margin: 3rem !important
    }

    .m-md-auto {
        margin: auto !important
    }

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

    .mt-md-1 {
        margin-top: .25rem !important
    }

    .mt-md-2 {
        margin-top: .5rem !important
    }

    .mt-md-3 {
        margin-top: 1rem !important
    }

    .mt-md-4 {
        margin-top: 1.5rem !important
    }

    .mt-md-5 {
        margin-top: 3rem !important
    }

    .mt-md-auto {
        margin-top: auto !important
    }

    .mb-md-0 {
        margin-bottom: 0 !important
    }

    .mb-md-1 {
        margin-bottom: .25rem !important
    }

    .mb-md-2 {
        margin-bottom: .5rem !important
    }

    .mb-md-3 {
        margin-bottom: 1rem !important
    }

    .mb-md-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-md-5 {
        margin-bottom: 3rem !important
    }

    .mb-md-auto {
        margin-bottom: auto !important
    }

    .p-md-0 {
        padding: 0 !important
    }

    .p-md-1 {
        padding: .25rem !important
    }

    .p-md-2 {
        padding: .5rem !important
    }

    .p-md-3 {
        padding: 1rem !important
    }

    .p-md-4 {
        padding: 1.5rem !important
    }

    .p-md-5 {
        padding: 3rem !important
    }

    .pt-md-0 {
        padding-top: 0 !important
    }

    .pt-md-1 {
        padding-top: .25rem !important
    }

    .pt-md-2 {
        padding-top: .5rem !important
    }

    .pt-md-3 {
        padding-top: 1rem !important
    }

    .pt-md-4 {
        padding-top: 1.5rem !important
    }

    .pt-md-5 {
        padding-top: 3rem !important
    }

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

    .pb-md-1 {
        padding-bottom: .25rem !important
    }

    .pb-md-2 {
        padding-bottom: .5rem !important
    }

    .pb-md-3 {
        padding-bottom: 1rem !important
    }

    .pb-md-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-md-5 {
        padding-bottom: 3rem !important
    }

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

    .gap-md-1 {
        gap: .25rem !important
    }

    .gap-md-2 {
        gap: .5rem !important
    }

    .gap-md-3 {
        gap: 1rem !important
    }

    .gap-md-4 {
        gap: 1.5rem !important
    }

    .gap-md-5 {
        gap: 3rem !important
    }

    .row-gap-md-0 {
        row-gap: 0 !important
    }

    .row-gap-md-1 {
        row-gap: .25rem !important
    }

    .row-gap-md-2 {
        row-gap: .5rem !important
    }

    .row-gap-md-3 {
        row-gap: 1rem !important
    }

    .row-gap-md-4 {
        row-gap: 1.5rem !important
    }

    .row-gap-md-5 {
        row-gap: 3rem !important
    }

    .column-gap-md-0 {
        column-gap: 0 !important
    }

    .column-gap-md-1 {
        column-gap: .25rem !important
    }

    .column-gap-md-2 {
        column-gap: .5rem !important
    }

    .column-gap-md-3 {
        column-gap: 1rem !important
    }

    .column-gap-md-4 {
        column-gap: 1.5rem !important
    }

    .column-gap-md-5 {
        column-gap: 3rem !important
    }

    .text-md-start {
        text-align: left !important
    }

    .text-md-end {
        text-align: right !important
    }

    .text-md-center {
        text-align: center !important
    }
}

@media (min-width:1023px) {
    .d-lg-inline {
        display: inline !important
    }

    .d-lg-inline-block {
        display: inline-block !important
    }

    .d-lg-block {
        display: block !important
    }

    .d-lg-grid {
        display: grid !important
    }

    .d-lg-inline-grid {
        display: inline-grid !important
    }

    .d-lg-table {
        display: table !important
    }

    .d-lg-table-row {
        display: table-row !important
    }

    .d-lg-table-cell {
        display: table-cell !important
    }

    .d-lg-flex {
        display: flex !important
    }

    .d-lg-inline-flex {
        display: inline-flex !important
    }

    .d-lg-none {
        display: none !important
    }

    .flex-lg-fill {
        flex: 1 1 auto !important
    }

    .flex-lg-row {
        flex-direction: row !important
    }

    .flex-lg-column {
        flex-direction: column !important
    }

    .flex-lg-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-lg-column-reverse {
        flex-direction: column-reverse !important
    }

    .justify-content-lg-start {
        justify-content: flex-start !important
    }

    .justify-content-lg-end {
        justify-content: flex-end !important
    }

    .justify-content-lg-center {
        justify-content: center !important
    }

    .justify-content-lg-between {
        justify-content: space-between !important
    }

    .justify-content-lg-around {
        justify-content: space-around !important
    }

    .justify-content-lg-evenly {
        justify-content: space-evenly !important
    }

    .align-items-lg-start {
        align-items: flex-start !important
    }

    .align-items-lg-end {
        align-items: flex-end !important
    }

    .align-items-lg-center {
        align-items: center !important
    }

    .align-items-lg-baseline {
        align-items: baseline !important
    }

    .align-items-lg-stretch {
        align-items: stretch !important
    }

    .order-lg-first {
        order: -1 !important
    }

    .order-lg-0 {
        order: 0 !important
    }

    .order-lg-1 {
        order: 1 !important
    }

    .order-lg-2 {
        order: 2 !important
    }

    .order-lg-3 {
        order: 3 !important
    }

    .order-lg-4 {
        order: 4 !important
    }

    .order-lg-5 {
        order: 5 !important
    }

    .order-lg-last {
        order: 6 !important
    }

    .m-lg-0 {
        margin: 0 !important
    }

    .m-lg-1 {
        margin: .25rem !important
    }

    .m-lg-2 {
        margin: .5rem !important
    }

    .m-lg-3 {
        margin: 1rem !important
    }

    .m-lg-4 {
        margin: 1.5rem !important
    }

    .m-lg-5 {
        margin: 3rem !important
    }

    .m-lg-auto {
        margin: auto !important
    }

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

    .mt-lg-1 {
        margin-top: .25rem !important
    }

    .mt-lg-2 {
        margin-top: .5rem !important
    }

    .mt-lg-3 {
        margin-top: 1rem !important
    }

    .mt-lg-4 {
        margin-top: 1.5rem !important
    }

    .mt-lg-5 {
        margin-top: 3rem !important
    }

    .mt-lg-auto {
        margin-top: auto !important
    }

    .mb-lg-0 {
        margin-bottom: 0 !important
    }

    .mb-lg-1 {
        margin-bottom: .25rem !important
    }

    .mb-lg-2 {
        margin-bottom: .5rem !important
    }

    .mb-lg-3 {
        margin-bottom: 1rem !important
    }

    .mb-lg-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-lg-5 {
        margin-bottom: 3rem !important
    }

    .mb-lg-auto {
        margin-bottom: auto !important
    }

    .p-lg-0 {
        padding: 0 !important
    }

    .p-lg-1 {
        padding: .25rem !important
    }

    .p-lg-2 {
        padding: .5rem !important
    }

    .p-lg-3 {
        padding: 1rem !important
    }

    .p-lg-4 {
        padding: 1.5rem !important
    }

    .p-lg-5 {
        padding: 3rem !important
    }

    .pt-lg-0 {
        padding-top: 0 !important
    }

    .pt-lg-1 {
        padding-top: .25rem !important
    }

    .pt-lg-2 {
        padding-top: .5rem !important
    }

    .pt-lg-3 {
        padding-top: 1rem !important
    }

    .pt-lg-4 {
        padding-top: 1.5rem !important
    }

    .pt-lg-5 {
        padding-top: 3rem !important
    }

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

    .pb-lg-1 {
        padding-bottom: .25rem !important
    }

    .pb-lg-2 {
        padding-bottom: .5rem !important
    }

    .pb-lg-3 {
        padding-bottom: 1rem !important
    }

    .pb-lg-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-lg-5 {
        padding-bottom: 3rem !important
    }

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

    .gap-lg-1 {
        gap: .25rem !important
    }

    .gap-lg-2 {
        gap: .5rem !important
    }

    .gap-lg-3 {
        gap: 1rem !important
    }

    .gap-lg-4 {
        gap: 1.5rem !important
    }

    .gap-lg-5 {
        gap: 3rem !important
    }

    .row-gap-lg-0 {
        row-gap: 0 !important
    }

    .row-gap-lg-1 {
        row-gap: .25rem !important
    }

    .row-gap-lg-2 {
        row-gap: .5rem !important
    }

    .row-gap-lg-3 {
        row-gap: 1rem !important
    }

    .row-gap-lg-4 {
        row-gap: 1.5rem !important
    }

    .row-gap-lg-5 {
        row-gap: 3rem !important
    }

    .column-gap-lg-0 {
        column-gap: 0 !important
    }

    .column-gap-lg-1 {
        column-gap: .25rem !important
    }

    .column-gap-lg-2 {
        column-gap: .5rem !important
    }

    .column-gap-lg-3 {
        column-gap: 1rem !important
    }

    .column-gap-lg-4 {
        column-gap: 1.5rem !important
    }

    .column-gap-lg-5 {
        column-gap: 3rem !important
    }

    .text-lg-start {
        text-align: left !important
    }

    .text-lg-end {
        text-align: right !important
    }

    .text-lg-center {
        text-align: center !important
    }
}

@media (min-width:1239px) {
    .d-xl-inline {
        display: inline !important
    }

    .d-xl-inline-block {
        display: inline-block !important
    }

    .d-xl-block {
        display: block !important
    }

    .d-xl-grid {
        display: grid !important
    }

    .d-xl-inline-grid {
        display: inline-grid !important
    }

    .d-xl-table {
        display: table !important
    }

    .d-xl-table-row {
        display: table-row !important
    }

    .d-xl-table-cell {
        display: table-cell !important
    }

    .d-xl-flex {
        display: flex !important
    }

    .d-xl-inline-flex {
        display: inline-flex !important
    }

    .d-xl-none {
        display: none !important
    }

    .flex-xl-fill {
        flex: 1 1 auto !important
    }

    .flex-xl-row {
        flex-direction: row !important
    }

    .flex-xl-column {
        flex-direction: column !important
    }

    .flex-xl-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-xl-column-reverse {
        flex-direction: column-reverse !important
    }

    .justify-content-xl-start {
        justify-content: flex-start !important
    }

    .justify-content-xl-end {
        justify-content: flex-end !important
    }

    .justify-content-xl-center {
        justify-content: center !important
    }

    .justify-content-xl-between {
        justify-content: space-between !important
    }

    .justify-content-xl-around {
        justify-content: space-around !important
    }

    .justify-content-xl-evenly {
        justify-content: space-evenly !important
    }

    .align-items-xl-start {
        align-items: flex-start !important
    }

    .align-items-xl-end {
        align-items: flex-end !important
    }

    .align-items-xl-center {
        align-items: center !important
    }

    .align-items-xl-baseline {
        align-items: baseline !important
    }

    .align-items-xl-stretch {
        align-items: stretch !important
    }

    .order-xl-first {
        order: -1 !important
    }

    .order-xl-0 {
        order: 0 !important
    }

    .order-xl-1 {
        order: 1 !important
    }

    .order-xl-2 {
        order: 2 !important
    }

    .order-xl-3 {
        order: 3 !important
    }

    .order-xl-4 {
        order: 4 !important
    }

    .order-xl-5 {
        order: 5 !important
    }

    .order-xl-last {
        order: 6 !important
    }

    .m-xl-0 {
        margin: 0 !important
    }

    .m-xl-1 {
        margin: .25rem !important
    }

    .m-xl-2 {
        margin: .5rem !important
    }

    .m-xl-3 {
        margin: 1rem !important
    }

    .m-xl-4 {
        margin: 1.5rem !important
    }

    .m-xl-5 {
        margin: 3rem !important
    }

    .m-xl-auto {
        margin: auto !important
    }

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

    .mt-xl-1 {
        margin-top: .25rem !important
    }

    .mt-xl-2 {
        margin-top: .5rem !important
    }

    .mt-xl-3 {
        margin-top: 1rem !important
    }

    .mt-xl-4 {
        margin-top: 1.5rem !important
    }

    .mt-xl-5 {
        margin-top: 3rem !important
    }

    .mt-xl-auto {
        margin-top: auto !important
    }

    .mb-xl-0 {
        margin-bottom: 0 !important
    }

    .mb-xl-1 {
        margin-bottom: .25rem !important
    }

    .mb-xl-2 {
        margin-bottom: .5rem !important
    }

    .mb-xl-3 {
        margin-bottom: 1rem !important
    }

    .mb-xl-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-xl-5 {
        margin-bottom: 3rem !important
    }

    .mb-xl-auto {
        margin-bottom: auto !important
    }

    .p-xl-0 {
        padding: 0 !important
    }

    .p-xl-1 {
        padding: .25rem !important
    }

    .p-xl-2 {
        padding: .5rem !important
    }

    .p-xl-3 {
        padding: 1rem !important
    }

    .p-xl-4 {
        padding: 1.5rem !important
    }

    .p-xl-5 {
        padding: 3rem !important
    }

    .pt-xl-0 {
        padding-top: 0 !important
    }

    .pt-xl-1 {
        padding-top: .25rem !important
    }

    .pt-xl-2 {
        padding-top: .5rem !important
    }

    .pt-xl-3 {
        padding-top: 1rem !important
    }

    .pt-xl-4 {
        padding-top: 1.5rem !important
    }

    .pt-xl-5 {
        padding-top: 3rem !important
    }

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

    .pb-xl-1 {
        padding-bottom: .25rem !important
    }

    .pb-xl-2 {
        padding-bottom: .5rem !important
    }

    .pb-xl-3 {
        padding-bottom: 1rem !important
    }

    .pb-xl-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-xl-5 {
        padding-bottom: 3rem !important
    }

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

    .gap-xl-1 {
        gap: .25rem !important
    }

    .gap-xl-2 {
        gap: .5rem !important
    }

    .gap-xl-3 {
        gap: 1rem !important
    }

    .gap-xl-4 {
        gap: 1.5rem !important
    }

    .gap-xl-5 {
        gap: 3rem !important
    }

    .row-gap-xl-0 {
        row-gap: 0 !important
    }

    .row-gap-xl-1 {
        row-gap: .25rem !important
    }

    .row-gap-xl-2 {
        row-gap: .5rem !important
    }

    .row-gap-xl-3 {
        row-gap: 1rem !important
    }

    .row-gap-xl-4 {
        row-gap: 1.5rem !important
    }

    .row-gap-xl-5 {
        row-gap: 3rem !important
    }

    .column-gap-xl-0 {
        column-gap: 0 !important
    }

    .column-gap-xl-1 {
        column-gap: .25rem !important
    }

    .column-gap-xl-2 {
        column-gap: .5rem !important
    }

    .column-gap-xl-3 {
        column-gap: 1rem !important
    }

    .column-gap-xl-4 {
        column-gap: 1.5rem !important
    }

    .column-gap-xl-5 {
        column-gap: 3rem !important
    }

    .text-xl-start {
        text-align: left !important
    }

    .text-xl-end {
        text-align: right !important
    }

    .text-xl-center {
        text-align: center !important
    }
}

@media (min-width:1476px) {
    .d-xxl-inline {
        display: inline !important
    }

    .d-xxl-inline-block {
        display: inline-block !important
    }

    .d-xxl-block {
        display: block !important
    }

    .d-xxl-grid {
        display: grid !important
    }

    .d-xxl-inline-grid {
        display: inline-grid !important
    }

    .d-xxl-table {
        display: table !important
    }

    .d-xxl-table-row {
        display: table-row !important
    }

    .d-xxl-table-cell {
        display: table-cell !important
    }

    .d-xxl-flex {
        display: flex !important
    }

    .d-xxl-inline-flex {
        display: inline-flex !important
    }

    .d-xxl-none {
        display: none !important
    }

    .flex-xxl-fill {
        flex: 1 1 auto !important
    }

    .flex-xxl-row {
        flex-direction: row !important
    }

    .flex-xxl-column {
        flex-direction: column !important
    }

    .flex-xxl-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-xxl-column-reverse {
        flex-direction: column-reverse !important
    }

    .justify-content-xxl-start {
        justify-content: flex-start !important
    }

    .justify-content-xxl-end {
        justify-content: flex-end !important
    }

    .justify-content-xxl-center {
        justify-content: center !important
    }

    .justify-content-xxl-between {
        justify-content: space-between !important
    }

    .justify-content-xxl-around {
        justify-content: space-around !important
    }

    .justify-content-xxl-evenly {
        justify-content: space-evenly !important
    }

    .align-items-xxl-start {
        align-items: flex-start !important
    }

    .align-items-xxl-end {
        align-items: flex-end !important
    }

    .align-items-xxl-center {
        align-items: center !important
    }

    .align-items-xxl-baseline {
        align-items: baseline !important
    }

    .align-items-xxl-stretch {
        align-items: stretch !important
    }

    .order-xxl-first {
        order: -1 !important
    }

    .order-xxl-0 {
        order: 0 !important
    }

    .order-xxl-1 {
        order: 1 !important
    }

    .order-xxl-2 {
        order: 2 !important
    }

    .order-xxl-3 {
        order: 3 !important
    }

    .order-xxl-4 {
        order: 4 !important
    }

    .order-xxl-5 {
        order: 5 !important
    }

    .order-xxl-last {
        order: 6 !important
    }

    .m-xxl-0 {
        margin: 0 !important
    }

    .m-xxl-1 {
        margin: .25rem !important
    }

    .m-xxl-2 {
        margin: .5rem !important
    }

    .m-xxl-3 {
        margin: 1rem !important
    }

    .m-xxl-4 {
        margin: 1.5rem !important
    }

    .m-xxl-5 {
        margin: 3rem !important
    }

    .m-xxl-auto {
        margin: auto !important
    }

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

    .mt-xxl-1 {
        margin-top: .25rem !important
    }

    .mt-xxl-2 {
        margin-top: .5rem !important
    }

    .mt-xxl-3 {
        margin-top: 1rem !important
    }

    .mt-xxl-4 {
        margin-top: 1.5rem !important
    }

    .mt-xxl-5 {
        margin-top: 3rem !important
    }

    .mt-xxl-auto {
        margin-top: auto !important
    }

    .mb-xxl-0 {
        margin-bottom: 0 !important
    }

    .mb-xxl-1 {
        margin-bottom: .25rem !important
    }

    .mb-xxl-2 {
        margin-bottom: .5rem !important
    }

    .mb-xxl-3 {
        margin-bottom: 1rem !important
    }

    .mb-xxl-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-xxl-5 {
        margin-bottom: 3rem !important
    }

    .mb-xxl-auto {
        margin-bottom: auto !important
    }

    .p-xxl-0 {
        padding: 0 !important
    }

    .p-xxl-1 {
        padding: .25rem !important
    }

    .p-xxl-2 {
        padding: .5rem !important
    }

    .p-xxl-3 {
        padding: 1rem !important
    }

    .p-xxl-4 {
        padding: 1.5rem !important
    }

    .p-xxl-5 {
        padding: 3rem !important
    }

    .pt-xxl-0 {
        padding-top: 0 !important
    }

    .pt-xxl-1 {
        padding-top: .25rem !important
    }

    .pt-xxl-2 {
        padding-top: .5rem !important
    }

    .pt-xxl-3 {
        padding-top: 1rem !important
    }

    .pt-xxl-4 {
        padding-top: 1.5rem !important
    }

    .pt-xxl-5 {
        padding-top: 3rem !important
    }

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

    .pb-xxl-1 {
        padding-bottom: .25rem !important
    }

    .pb-xxl-2 {
        padding-bottom: .5rem !important
    }

    .pb-xxl-3 {
        padding-bottom: 1rem !important
    }

    .pb-xxl-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-xxl-5 {
        padding-bottom: 3rem !important
    }

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

    .gap-xxl-1 {
        gap: .25rem !important
    }

    .gap-xxl-2 {
        gap: .5rem !important
    }

    .gap-xxl-3 {
        gap: 1rem !important
    }

    .gap-xxl-4 {
        gap: 1.5rem !important
    }

    .gap-xxl-5 {
        gap: 3rem !important
    }

    .row-gap-xxl-0 {
        row-gap: 0 !important
    }

    .row-gap-xxl-1 {
        row-gap: .25rem !important
    }

    .row-gap-xxl-2 {
        row-gap: .5rem !important
    }

    .row-gap-xxl-3 {
        row-gap: 1rem !important
    }

    .row-gap-xxl-4 {
        row-gap: 1.5rem !important
    }

    .row-gap-xxl-5 {
        row-gap: 3rem !important
    }

    .column-gap-xxl-0 {
        column-gap: 0 !important
    }

    .column-gap-xxl-1 {
        column-gap: .25rem !important
    }

    .column-gap-xxl-2 {
        column-gap: .5rem !important
    }

    .column-gap-xxl-3 {
        column-gap: 1rem !important
    }

    .column-gap-xxl-4 {
        column-gap: 1.5rem !important
    }

    .column-gap-xxl-5 {
        column-gap: 3rem !important
    }

    .text-xxl-start {
        text-align: left !important
    }

    .text-xxl-end {
        text-align: right !important
    }

    .text-xxl-center {
        text-align: center !important
    }
}

@media print {
    .d-print-inline {
        display: inline !important
    }

    .d-print-inline-block {
        display: inline-block !important
    }

    .d-print-block {
        display: block !important
    }

    .d-print-grid {
        display: grid !important
    }

    .d-print-inline-grid {
        display: inline-grid !important
    }

    .d-print-table {
        display: table !important
    }

    .d-print-table-row {
        display: table-row !important
    }

    .d-print-table-cell {
        display: table-cell !important
    }

    .d-print-flex {
        display: flex !important
    }

    .d-print-inline-flex {
        display: inline-flex !important
    }

    .d-print-none {
        display: none !important
    }
}

html {
    scrollbar-gutter: stable
}

body,
html {
    height: 100%
}

p {
    margin-top: 0;
    margin-bottom: 15px
}

circle,
path,
rect {
    transition: all .35s ease
}

body {
    font-size: 16px;
    line-height: 1.5;
    min-width: 360px;
    position: relative;
    font-family: RalewayRegular, sans-serif;
    color: #2b2b39;
    margin: 0;
    -webkit-tap-highlight-color: transparent;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: flex;
    flex-direction: column;
    font-feature-settings: "lnum" 1
}

::placeholder {
    color: #666;
    opacity: 1
}

::selection {
    background: #b3d4fc;
    text-shadow: none
}

address {
    font-style: normal
}

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

button,
input,
select,
textarea {
    outline: 0;
    border: none;
    margin: 0;
    padding: 0;
    font-size: inherit
}

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

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400;
    margin: 0
}

a {
    color: inherit;
    transition: all .35s ease;
    text-decoration: none;
    outline: 0
}

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

iframe {
    display: block;
    border: none
}

button {
    cursor: pointer;
    background: 0 0
}

select {
    appearance: none
}

select::-ms-expand {
    display: none
}

textarea {
    resize: none
}

body.hidden {
    overflow: hidden
}

.logo img,
.logo svg {
    display: block
}

main {
    padding-top: 83px
}

@media screen and (max-width:1023px) {
    main {
        padding-top: 81px
    }
}

@media screen and (max-width:743px) {
    main {
        padding-top: 57px
    }
}

.header {
    padding: 17px 0;
    background: #f7f6fb;
    position: fixed;
    left: 0;
    width: 100%;
    top: 0;
    z-index: 300;
    border-bottom: 1px solid #d3d9ea
}

@media screen and (max-width:743px) {
    .header {
        padding: 6px 0
    }
}

.header .logo {
    max-width: 171px;
    flex-shrink: 0
}

@media screen and (max-width:743px) {
    .header .logo {
        max-width: 112px
    }
}

.header__nav {
    display: flex;
    gap: 32px;
    align-items: center;
    margin-right: auto;
    margin-left: 67px
}

@media screen and (max-width:1439px) {
    .header__nav {
        margin-left: auto
    }
}

@media screen and (max-width:743px) {
    .header__menu {
        margin-bottom: 24px
    }

    .header__menu .dropdown-wrap {
        transition: none;
        display: none
    }
}

.header__menu-row {
    display: flex;
    gap: 80px
}

@media screen and (max-width:1023px) {
    .header__menu-row {
        gap: 32px
    }
}

@media screen and (max-width:743px) {
    .header__menu-row {
        gap: 16px
    }
}

.header__menu-item {
    width: 48%
}

.header__menu-item:last-child {
    width: 52%
}

.header__menu-title {
    font-family: RalewaySemiBold, sans-serif;
    font-size: 18px;
    line-height: 1.33;
    color: #d3d9ea;
    margin-bottom: 12px;
    padding-left: 40px
}

@media screen and (max-width:1023px) {
    .header__menu-title {
        padding-left: 32px
    }
}

@media screen and (max-width:743px) {
    .header__menu-title {
        padding-left: 0;
        font-size: 16px;
        margin-bottom: 8px;
        color: #2b2b39
    }
}

.header__menu-list li {
    margin-bottom: 1px
}

.header__menu-list li:last-child {
    margin-bottom: 0
}

.header__menu-list a {
    padding: 7px 0 7px 40px;
    font-size: 16px;
    line-height: 1.25;
    color: #66666c;
    display: block
}

@media screen and (max-width:1023px) {
    .header__menu-list a {
        padding-left: 32px
    }
}

@media screen and (max-width:743px) {
    .header__menu-list a {
        padding-left: 0;
        font-size: 14px
    }
}

.header__menu-list a:hover {
    background: #fff1f1
}

.header__menu-body {
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .05);
    padding: 39px 0 39px;
    padding-right: 40px;
    background: #fff;
    border: 1px solid #f26a6a;
    border-radius: 6px;
    width: 583px
}

@media screen and (max-width:1023px) {
    .header__menu-body {
        padding: 32px 0;
        padding-right: 24px;
        width: 500px
    }
}

@media screen and (max-width:743px) {
    .header__menu-body {
        width: 100%;
        border: none;
        border-radius: 0;
        background: 0 0;
        padding: 0;
        box-shadow: none;
        padding-top: 12px
    }
}

.header__menu-toggler {
    background: #fff1f1;
    border: 1px solid #f26a6a;
    border-radius: 4px;
    padding: 13px 18px;
    line-height: 1;
    color: #66666c;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: all .35s ease;
    cursor: pointer;
    white-space: nowrap;
    width: fit-content
}

@media screen and (max-width:1023px) {
    .header__menu-toggler {
        font-size: 14px;
        padding: 12px 18px
    }
}

.header__menu-toggler:hover {
    border-color: #f26a6a;
    color: #e60000
}

.header__menu-toggler:hover svg {
    color: #e60000
}

.header__menu-toggler.active {
    border-color: #f26a6a;
    color: #e60000
}

.header__menu-toggler.active svg {
    transform: rotate(180deg);
    color: #e60000
}

.header__menu-toggler svg {
    flex-shrink: 0;
    transition: all .35s ease;
    color: #f26a6a
}

.header__row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px
}

@media screen and (max-width:1023px) {
    .header__row {
        gap: 24px
    }
}

@media screen and (max-width:743px) {
    .header__row {
        gap: 12px
    }
}

.header__contacts {
    display: flex;
    align-items: center;
    gap: 13px;
    margin-right: 8px
}

.header__contacts-link {
    padding: 12px 16px;
    border-radius: 8px;
    font-size: 18px;
    line-height: 1.33;
    font-family: InterSemiBold, sans-serif;
    white-space: nowrap
}

@media screen and (max-width:1023px) {
    .header__contacts-link {
        padding: 0
    }

    .header__contacts-link span {
        display: none
    }
}

.header__contacts a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px
}

.header__contacts a svg {
    flex-shrink: 0;
    transition: all .35s ease
}

@media screen and (max-width:1023px) {
    .header__contacts a svg {
        width: 26px;
        height: 26px
    }
}

@media screen and (max-width:743px) {
    .header__contacts a svg {
        width: 19px;
        height: 19px
    }
}

.header__contacts a:hover {
    color: #e60000
}

.header__contacts a:hover svg {
    color: #e60000
}

.dropdown {
    position: relative;
    z-index: 1
}

.dropdown-toggler {
    user-select: none
}

.dropdown-wrap {
    padding-top: 16px;
    position: absolute;
    top: calc(100% + 10px);
    left: 0;
    opacity: 0;
    visibility: hidden;
    transition: all .35s ease;
    pointer-events: none
}

.dropdown.active .dropdown-wrap {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    top: 100%
}

@media screen and (max-width:1239px) {
    .main-nav {
        display: none
    }
}

.main-list {
    display: flex;
    align-items: center;
    gap: 32px
}

.main-list a {
    position: relative;
    display: inline-block;
    white-space: nowrap
}

.main-list a:hover {
    color: #e60000
}

.hamburger {
    cursor: pointer;
    width: 52px;
    height: 44px;
    flex-shrink: 0;
    border: 1px solid transparent;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .35s ease
}

.hamburger__box {
    width: 38px;
    height: 18px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center
}

.hamburger__box span {
    border-radius: 1px;
    width: 32px;
    height: 2px;
    background: #2b2b39;
    transition: transform .35s ease
}

.hamburger:hover {
    border-color: #f26a6a;
    background: #fff1f1
}

.hamburger:hover .hamburger__box span {
    background: #e60000
}

.hamburger.active {
    border-color: #f26a6a;
    background: #fff1f1
}

.hamburger.active .hamburger__box span {
    background: #e60000
}

.hamburger.active .hamburger__box span:first-child {
    transform: translateY(8px)
}

.hamburger.active .hamburger__box span:last-child {
    transform: translateY(-8px)
}

.js-hamburger {
    display: none
}

@media screen and (max-width:1239px) {
    .js-hamburger {
        display: flex
    }
}

@media screen and (max-width:1239px) {
    .top__menu {
        display: none
    }
}

.top__menu-body {
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .05);
    background: #fff;
    border: 1px solid #f26a6a;
    border-radius: 6px;
    padding: 40px 48px;
    width: 460px
}

.top__menu-row {
    display: flex;
    justify-content: space-between;
    gap: 16px
}

.top__menu-item {
    width: 100%;
    max-width: 163px
}

.top__menu-list a {
    display: inline-block;
    padding: 8px 0;
    color: #66666c
}

.top__menu-list a:hover {
    color: #e60000
}

.top__menu-toggler.active .hamburger {
    border-color: #f26a6a;
    background: #fff1f1
}

.top__menu-toggler.active .hamburger .hamburger__box span {
    background: #e60000
}

.top__menu-toggler.active .hamburger .hamburger__box span:first-child {
    transform: translateY(8px)
}

.top__menu-toggler.active .hamburger .hamburger__box span:last-child {
    transform: translateY(-8px)
}

.menu {
    display: none
}

.menu .dropdown-wrap {
    position: static;
    width: 100%;
    opacity: 1;
    visibility: visible;
    pointer-events: auto
}

.menu .btn-green {
    padding: 8px 44px
}

.menu .socials svg {
    color: #2b2b39
}

@media screen and (max-width:1239px) {
    .menu {
        position: fixed;
        width: 100%;
        background-color: #f7f6fb;
        left: 0;
        top: 80px;
        transform: translateX(-100%);
        transition: transform .35s ease, height .25s linear;
        padding: 46px 32px 56px;
        overflow-y: auto;
        z-index: 100;
        display: block;
        border-top: 1px solid #d3d9ea
    }

    .menu.open {
        transform: translateX(0)
    }
}

@media screen and (max-width:743px) {
    .menu {
        top: 56px;
        height: calc(100dvh - 56px);
        padding: 29px 20px 45px
    }
}

.menu__box {
    border-top: 1px solid #d3d9ea;
    padding-top: 30px;
    margin-top: 50px
}

@media screen and (max-width:743px) {
    .menu__box {
        padding-top: 23px;
        margin-top: 24px
    }
}

.menu__box:first-child {
    padding-top: 0;
    margin-top: 0;
    border-top: none
}

.menu__list-row {
    display: flex;
    flex-wrap: wrap
}

.menu__list-item {
    width: 50%
}

@media screen and (max-width:743px) {
    .menu__list-item {
        width: 100%
    }
}

.menu__list a {
    font-size: 14px;
    line-height: 1.71;
    padding: 4px 0;
    display: inline-block;
    color: #66666c
}

.overlay {
    position: fixed;
    opacity: 0;
    visibility: hidden;
    pointer-events: none
}

@media screen and (max-width:1239px) {
    .overlay {
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(43, 43, 57, .32);
        z-index: 2;
        transition: all .35s ease
    }
}

.overlay.active {
    opacity: 1;
    visibility: visible
}

.footer {
    background: #f7f6fb;
    margin-top: auto
}

.footer .col-auto {
    max-width: 27%;
    width: 100%;
    margin-left: auto
}

@media screen and (max-width:1239px) {
    .footer .col-auto {
        max-width: 32%
    }
}

@media screen and (max-width:1023px) {
    .footer .col-auto {
        max-width: initial
    }

    .footer .col-auto.col-md-6 {
        width: 50%
    }
}

@media screen and (max-width:743px) {
    .footer .col-auto.col-md-6 {
        width: 100%
    }
}

.footer__top {
    padding-top: 80px
}

@media screen and (max-width:1023px) {
    .footer__top {
        padding-top: 71px
    }
}

@media screen and (max-width:743px) {
    .footer__top {
        padding-top: 56px
    }
}

.footer__info {
    max-width: 350px
}

@media screen and (max-width:1023px) {
    .footer__way {
        max-width: 420px;
        margin-bottom: 56px
    }
}

@media screen and (max-width:743px) {
    .footer__way {
        margin-bottom: 48px
    }

    .footer__way .row {
        margin-bottom: -46px
    }

    .footer__way .row>div {
        margin-bottom: 46px
    }
}

.footer__logo {
    margin-bottom: 39px
}

.footer__logo img {
    max-width: 220px
}

@media screen and (max-width:743px) {
    .footer__logo img {
        max-width: 267px;
        width: 100%
    }
}

@media screen and (max-width:1023px) {
    .footer__logo {
        margin-bottom: 40px;
        order: 1;
        width: 57%
    }
}

@media screen and (max-width:743px) {
    .footer__logo {
        width: 100%;
        margin-bottom: 36px
    }
}

.footer__phone {
    font-family: InterSemiBold, sans-serif;
    line-height: 1;
    display: block;
    width: fit-content;
    font-size: 30px
}

@media screen and (max-width:1023px) {
    .footer__phone {
        margin-top: 16px;
        margin-bottom: 49px;
        order: 2
    }
}

@media screen and (max-width:743px) {
    .footer__phone {
        font-size: 22px;
        line-height: 1.09;
        margin-bottom: 22px;
        margin-top: 0
    }
}

.footer__phone:hover {
    color: #e60000
}

.footer__email {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 18px;
    color: #66666c
}

@media screen and (max-width:1023px) {
    .footer__email {
        order: 4;
        margin-top: -31px
    }
}

@media screen and (max-width:743px) {
    .footer__email {
        margin-bottom: 31px;
        margin-top: 0;
        order: 3
    }
}

.footer__email svg {
    flex-shrink: 0;
    transition: all .35s ease;
    color: #2b2b39
}

.footer__email:hover {
    color: #e60000
}

.footer__email:hover svg {
    color: #e60000
}

@media screen and (max-width:1023px) {
    .footer__contacts {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 58px
    }
}

@media screen and (max-width:743px) {
    .footer__contacts {
        flex-direction: column;
        gap: 0
    }

    .footer__contacts .btn {
        order: 2;
        line-height: 2;
        padding: 12px;
        margin-bottom: 49px;
        text-transform: uppercase
    }
}

@media screen and (max-width:1023px) {
    .footer__contacts-item {
        width: 100%;
        max-width: 540px
    }

    .footer__contacts-item:last-child {
        width: 100%;
        max-width: 291px
    }
}

.footer__contacts .socials {
    margin-bottom: 28px
}

@media screen and (max-width:1023px) {
    .footer__contacts .socials {
        order: 3;
        margin-bottom: 0;
        width: 57%
    }
}

@media screen and (max-width:743px) {
    .footer__contacts .socials {
        justify-content: space-between;
        order: 4;
        width: 100%
    }

    .footer__contacts .socials svg {
        color: #2b2b39
    }
}

.footer__title {
    font-size: 18px;
    line-height: 1.33;
    font-family: RalewaySemiBold, sans-serif;
    margin-bottom: 12px
}

@media screen and (max-width:743px) {
    .footer__title {
        font-size: 16px;
        line-height: 1.5
    }
}

.footer__list li {
    margin-bottom: 2px
}

.footer__list li:last-child {
    margin-bottom: 0
}

.footer__list a {
    color: #66666c;
    display: block;
    width: fit-content;
    padding: 8px 0
}

@media screen and (max-width:743px) {
    .footer__list a {
        font-size: 14px;
        padding: 4px 0
    }
}

.footer__list a:hover {
    color: #e60000
}

.footer__medium {
    padding-top: 44px
}

@media screen and (max-width:1023px) {
    .footer__medium {
        padding-top: 54px
    }
}

@media screen and (max-width:743px) {
    .footer__medium {
        padding-top: 44px
    }
}

@media screen and (max-width:743px) {
    .footer__medium .row {
        display: none;
        margin-bottom: -24px;
        margin-top: 16px
    }
}

.footer__medium-toggler {
    display: inline-flex;
    align-items: center;
    font-family: RalewaySemiBold, sans-serif;
    gap: 4px
}

.footer__medium-toggler svg {
    flex-shrink: 0;
    transition: all .35s ease
}

.footer__medium-toggler.active svg {
    transform: rotate(180deg)
}

.footer__medium-item {
    display: flex;
    flex-direction: column;
    height: 100%;
    align-items: flex-start
}

@media screen and (max-width:1023px) {
    .footer__medium-item {
        padding-bottom: 20px
    }
}

@media screen and (max-width:743px) {
    .footer__medium-item {
        padding-bottom: 24px
    }
}

.footer__medium-item p {
    font-size: 13px;
    line-height: 1.62;
    color: #66666c;
    font-family: RalewayMedium, sans-serif;
    margin-bottom: 16px
}

@media screen and (max-width:743px) {
    .footer__medium-item p {
        margin-bottom: 12px;
        font-size: 12px;
        line-height: 1.75
    }
}

.footer__medium-link {
    padding: 4px 0;
    display: inline-block;
    text-decoration: underline;
    text-decoration-skip-ink: none;
    color: #55861d;
    font-family: RalewayMedium, sans-serif;
    margin-top: auto
}

.footer__medium-link:hover {
    text-decoration-thickness: 2px
}

@media screen and (max-width:743px) {
    .footer__medium-link {
        font-size: 14px
    }
}

.footer__bottom {
    padding: 24px 0;
    border-top: 1px solid #d3d9ea;
    margin-top: 52px
}

@media screen and (max-width:1023px) {
    .footer__bottom {
        margin-top: 59px;
        width: calc(100% + 64px);
        margin-left: -32px;
        margin-right: -32px
    }
}

@media screen and (max-width:743px) {
    .footer__bottom {
        width: calc(100% + 40px);
        margin-left: -20px;
        margin-right: -20px;
        margin-top: 53px;
        padding: 15px 0
    }
}

.copyright {
    font-size: 14px;
    color: #ababb4;
    text-align: center;
    line-height: 1.71
}

@media screen and (max-width:743px) {
    .copyright {
        font-size: 12px;
        line-height: 2
    }
}

.form-input,
.form-textarea {
    display: block;
    width: 100%;
    font-family: RalewayRegular, sans-serif;
    font-size: 16px;
    color: #000;
    transition: all .35s ease;
    -webkit-appearance: none;
    border-radius: 0;
    padding: 10px 15px;
    background: #fff
}

.form-input::placeholder,
.form-textarea::placeholder {
    font-size: 16px;
    color: #000;
    font-family: RalewayRegular, sans-serif
}

.form-input:focus,
.form-input:hover,
.form-textarea:focus,
.form-textarea:hover {
    border-color: red
}

.form-textarea {
    min-height: 140px
}

.form-row {
    margin-bottom: 15px
}

.form-checkbox input[type=checkbox] {
    display: none
}

.form-checkbox input[type=checkbox]+label {
    position: relative;
    cursor: pointer;
    display: block;
    padding-left: 30px;
    font-size: 14px;
    color: #333
}

.form-checkbox input[type=checkbox]+label::before {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    top: 1px;
    left: 0;
    border: 1px solid #333;
    border-radius: 2px
}

.form-checkbox input[type=checkbox]:checked+label::after {
    content: "";
    position: absolute;
    width: 5px;
    height: 8px;
    border-bottom: 1px solid #333;
    border-right: 1px solid #333;
    transform: rotate(45deg);
    left: 6px;
    top: 4px
}

.select2 {
    display: block
}

.select2.select2-container {
    width: 100% !important
}

.select2-results__option {
    padding: 9px 20px;
    transition: all .35s ease;
    height: 40px;
    font-size: 14px
}

.select2-dropdown {
    border: 1px solid #d9d9d9;
    border-radius: 4px
}

.select2-container {
    z-index: 1100
}

.select2-container--open .select2-selection__arrow::before {
    transform: translate(-50%, -50%) rotate(180deg) !important
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #f0f7f6;
    color: #2b2b39
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #f0f7f6;
    color: #2b2b39
}

.select2-container--default .select2-selection {
    border: 1px solid #d9d9d9;
    transition: all .35s ease
}

.select2-container--default .select2-selection:hover {
    border-color: #2b2b39
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 100%;
    border-left: 1px solid rgba(217, 217, 217, .05);
    width: 44px
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none
}

.select2-container--default .select2-selection--single .select2-selection__arrow::before {
    content: "";
    position: absolute;
    width: 12px;
    height: 8px;
    background: url(../icon/select-arrow.svg) no-repeat center center;
    background-size: contain;
    top: 50%;
    left: 50%;
    transition: all .35s ease;
    transform: translate(-50%, -50%)
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    padding: 6px 0;
    padding-left: 12px;
    padding-right: 12px;
    color: #2b2b39;
    font-size: 14px
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #000
}

.select2-container .select2-selection--single {
    height: auto
}

.select2-selection {
    outline: 0 !important
}

.select2-selection__rendered {
    padding: 8px 0;
    padding-left: 12px;
    padding-right: 12px
}

.select2-search {
    display: none
}

.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition: all .35s ease;
    line-height: 1.67;
    font-size: 18px;
    font-family: InterSemiBold, sans-serif;
    text-align: center;
    border-radius: 6px;
    padding: 18px 49px;
    white-space: nowrap
}

@media screen and (max-width:743px) {
    .btn {
        font-size: 16px;
        padding: 10px 24px;
        line-height: 2
    }
}

.btn-red {
    background: #e60000;
    color: #fff
}

.btn-red.btn-transparent {
    border: 1px solid #e60000;
    background: 0 0;
    color: #e60000;
    padding: 20px 50px;
    font-size: 16px;
    line-height: 1.5
}

.btn-red.btn-transparent.btn-xs {
    padding: 16.5px 29px
}

@media screen and (max-width:743px) {
    .btn-red.btn-transparent {
        padding: 13px 24px
    }
}

.btn-red.btn-transparent:hover {
    background: #bc0d0d;
    border-color: #bc0d0d;
    color: #fff
}

.btn-red:hover {
    background: #bc0d0d
}

.btn-green {
    background: #dff3c8;
    color: #66666c
}

.btn-green:hover {
    background: #c7eaa0;
    color: #55861d
}

.btn-xs {
    font-size: 16px;
    padding: 8px 16px;
    line-height: 1.87;
    font-family: InterRegular, sans-serif
}

@media screen and (max-width:1023px) {
    .btn-xs {
        padding: 5px 16px
    }
}

.btn-md {
    padding: 15px 42px
}

.breadcrumb {
    margin: 0;
    padding: 0;
    padding-top: 40px
}

@media screen and (max-width:743px) {
    .breadcrumb {
        padding-top: 28px
    }
}

.breadcrumb-list {
    display: flex;
    align-items: center;
    gap: 21px
}

.breadcrumb-list li {
    color: #f26a6a;
    font-size: 16px;
    line-height: 1.6;
    position: relative
}

@media screen and (max-width:743px) {
    .breadcrumb-list li {
        font-size: 12px
    }
}

.breadcrumb-list li::before {
    content: "";
    position: absolute;
    width: 7px;
    height: 12px;
    background: url(../img/bread-arrow.svg) no-repeat center center/contain;
    transform: translateY(-50%);
    top: 50%;
    left: -12px
}

.breadcrumb-list li:first-child::before {
    display: none
}

.breadcrumb-list a {
    font-size: 16px;
    line-height: 1.6;
    color: #ababb4
}

@media screen and (max-width:743px) {
    .breadcrumb-list a {
        font-size: 12px
    }
}

.breadcrumb-list a:hover {
    color: #e60000
}

.socials {
    display: flex;
    align-items: center;
    gap: 16px
}

.socials li img,
.socials li svg {
    display: block
}

.socials li a {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: 6px;
    width: 52px;
    height: 52px;
    border: 1px solid transparent
}

.socials li a:hover {
    border-color: #f26a6a;
    background: #fff1f1
}

.socials li a svg {
    color: #e60000
}

.socials--xl {
    gap: 24px
}

.socials--xl li a {
    width: 100px;
    height: 100px
}

@media screen and (max-width:1239px) {
    .socials--xl li a {
        width: 80px;
        height: 80px
    }

    .socials--xl li a svg {
        max-width: 32px
    }
}

@media screen and (max-width:743px) {
    .socials--xl li a {
        width: 60px;
        height: 60px
    }

    .socials--xl li a svg {
        max-width: 32px
    }
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.bg-gray {
    background: #f7f6fb
}

.title {
    margin-bottom: 56px;
    position: relative;
    width: fit-content
}

@media screen and (max-width:1023px) {
    .title {
        margin-bottom: 32px
    }
}

.title__label {
    font-size: 24px;
    line-height: 1.67;
    font-family: InterSemiBold, sans-serif;
    color: #55861d;
    background: #c7eaa0;
    border-radius: 70px;
    padding: 12px 24px;
    position: absolute;
    pointer-events: none;
    white-space: nowrap
}

.label {
    background: #c7eaa0;
    border-radius: 70px;
    color: #55861d;
    font-family: InterRegular, sans-serif;
    width: fit-content;
    white-space: nowrap;
    text-align: center
}

.label--md {
    font-size: 24px;
    font-family: InterSemiBold, sans-serif;
    padding: 3px 25px
}

@media screen and (max-width:1023px) {
    .label--md {
        font-size: 18px;
        padding: 3px 24px
    }
}

@media screen and (max-width:743px) {
    .label--md {
        font-size: 12px;
        padding: 7px 24px
    }
}

.label--xl {
    font-size: 36px;
    line-height: 1.11;
    font-family: InterMedium, sans-serif;
    padding: 5px 31px
}

@media screen and (max-width:1239px) {
    .label--xl {
        font-size: 24px
    }
}

@media screen and (max-width:1023px) {
    .label--xl {
        font-size: 36px
    }
}

@media screen and (max-width:743px) {
    .label--xl {
        font-size: 12px;
        padding: 10px 22px
    }
}

.label--xs {
    font-size: 16px;
    line-height: 1;
    padding: 9px 19px;
    font-family: InterSemiBold, sans-serif
}

@media screen and (max-width:743px) {
    .label--xs {
        font-size: 12px
    }
}

.users {
    border-radius: 8px;
    display: flex;
    align-items: center;
    max-width: 239px;
    position: relative;
    width: 100%;
    padding: 11.5px 14px;
    gap: 8px;
    z-index: 1
}

@media screen and (max-width:1023px) {
    .users {
        box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .25);
        background: #fff;
        max-width: 168px;
        padding: 13px 10px 10px 12px;
        flex-direction: column;
        align-items: flex-start;
        gap: 0
    }
}

@media screen and (max-width:743px) {
    .users {
        max-width: 118px;
        padding: 9px 4px 10px 10px
    }
}

.users__bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    filter: drop-shadow(0 4px 4px rgba(0, 0, 0, .25))
}

@media screen and (max-width:1023px) {
    .users__bg {
        display: none
    }
}

.users__num {
    font-size: 18px;
    font-family: InterSemiBold, sans-serif;
    color: #e7392f
}

@media screen and (max-width:1023px) {
    .users__num {
        font-size: 20px;
        font-family: InterBold, sans-serif;
        line-height: 1.2
    }
}

@media screen and (max-width:743px) {
    .users__num {
        font-size: 12px
    }
}

.users__text {
    font-size: 12px;
    color: #64646c;
    font-family: InterRegular, sans-serif
}

@media screen and (max-width:743px) {
    .users__text {
        font-size: 8px;
        margin-top: 2px
    }
}

.users__img {
    display: flex;
    align-items: center;
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    left: calc(100% - 19px)
}

@media screen and (max-width:1023px) {
    .users__img {
        position: static;
        transform: none;
        order: -1;
        margin-left: auto;
        margin-bottom: -4px
    }
}

@media screen and (max-width:743px) {
    .users__img {
        margin-bottom: -7px
    }
}

.users__img img {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    flex-shrink: 0;
    position: relative;
    max-width: none
}

@media screen and (max-width:1023px) {
    .users__img img {
        width: 32px;
        height: 32px
    }
}

@media screen and (max-width:743px) {
    .users__img img {
        width: 24px;
        height: 24px
    }
}

.users__img img:nth-child(1) {
    z-index: 3
}

.users__img img:nth-child(2) {
    z-index: 2
}

.users__img img:nth-child(3) {
    z-index: 1
}

.users__img img:not(:last-child) {
    border: 1px solid #f7f6fb
}

.users__img img:not(:first-child) {
    margin-left: -26px
}

@media screen and (max-width:1023px) {
    .users__img img:not(:first-child) {
        margin-left: -10px
    }
}

.animate {
    transition: all .8s cubic-bezier(.4, 0, .2, 1);
    opacity: 0
}

.animate.animate-in {
    opacity: 1
}

.fade-up {
    transform: translateY(30px)
}

.fade-up.animate-in {
    transform: translateY(0)
}

.reverserotate-360,
.rotate-360 {
    will-change: transform
}

.fade-down {
    transform: translateY(-30px)
}

.fade-down.animate-in {
    transform: translateY(0)
}

.t-156 {
    padding-top: 156px
}

@media screen and (max-width:1239px) {
    .t-156 {
        padding-top: 120px
    }
}

@media screen and (max-width:743px) {
    .t-156 {
        padding-top: 80px
    }
}

.t-100 {
    padding-top: 100px
}

@media screen and (max-width:743px) {
    .t-100 {
        padding-top: 80px
    }
}

.t-96 {
    padding-top: 92px
}

.t-80 {
    padding-top: 80px
}

@media screen and (max-width:743px) {
    .t-80 {
        padding-top: 40px
    }
}

.t-48 {
    padding-top: 48px
}

.b-156 {
    padding-bottom: 156px
}

@media screen and (max-width:1239px) {
    .b-156 {
        padding-bottom: 120px
    }
}

@media screen and (max-width:743px) {
    .b-156 {
        padding-bottom: 80px
    }
}

.b-100 {
    padding-bottom: 100px
}

@media screen and (max-width:743px) {
    .b-100 {
        padding-bottom: 80px
    }
}

.b-96 {
    padding-bottom: 96px
}

@media screen and (max-width:743px) {
    .b-96 {
        padding-bottom: 80px
    }
}

.b-80 {
    padding-bottom: 80px
}

.play {
    border-radius: 10px;
    background: rgba(255, 255, 255, .6);
    transition: all .35s ease;
    width: 70px;
    height: 53px;
    display: flex;
    align-items: center;
    justify-content: center
}

.play svg {
    display: block;
    color: #e60000
}

.play--center {
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    z-index: 10
}

.play--xl {
    width: 83px;
    height: 63px
}

.read-more {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    font-family: InterMedium, sans-serif;
    color: #66666c;
    transition: all .35s ease;
    cursor: pointer
}

.read-more:hover {
    color: #e60000
}

.read-more svg {
    color: #e60000;
    flex-shrink: 0
}

.tabs__nav {
    display: flex;
    gap: 16px
}

.tabs__btn {
    font-family: RalewayRegular, sans-serif;
    border: 1px solid #d3d9ea;
    border-radius: 70px;
    padding: 7px 22px;
    color: #949aab;
    font-size: 16px;
    font-family: InterSemiBold, sans-serif;
    white-space: nowrap;
    transition: all .35s ease
}

.tabs__btn.active {
    border-color: #55861d;
    color: #55861d
}

.tabs__btn:hover {
    border-color: #55861d;
    color: #55861d
}

@media screen and (max-width:743px) {
    .tabs__btn {
        font-size: 12px
    }
}

.scroll__slider {
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
    cursor: grab;
    user-select: none
}

.scroll__slider::-webkit-scrollbar {
    display: none
}

.swiper-horizontal>.swiper-pagination-lock {
    display: none !important
}

.swiper-horizontal>.swiper-pagination-bullets {
    position: static;
    width: auto;
    transition: none;
    transform: none;
    display: flex;
    justify-content: center;
    margin-top: 32px;
    gap: 8px
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    background: #f7f6fb;
    margin: 0;
    opacity: 1;
    transition: all .35s ease
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active {
    width: 24px;
    background: #d3d9ea;
    border-radius: 100px
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:hover {
    background: #d3d9ea
}

.swiper-button-next,
.swiper-button-prev {
    position: relative;
    width: 46px;
    height: 46px
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: 1
}

.swiper-button-next.swiper-button-disabled svg,
.swiper-button-prev.swiper-button-disabled svg {
    color: #d3d9ea
}

.swiper-button-next svg,
.swiper-button-prev svg {
    width: auto;
    height: auto;
    transition: all .35s ease;
    color: #f26a6a
}

.swiper-button-next::after,
.swiper-button-prev::after {
    display: none
}

.swiper-button-next:hover svg,
.swiper-button-prev:hover svg {
    color: #e60000
}

.swiper-button-prev svg {
    transform: rotate(180deg)
}

.slider__rel {
    position: relative
}

.slider__next,
.slider__prev {
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    z-index: 20
}

.slider__prev {
    left: -56px
}

@media screen and (max-width:1540px) {
    .slider__prev {
        left: -46px
    }
}

@media screen and (max-width:1439px) {
    .slider__prev {
        left: 0
    }
}

.slider__next {
    right: -56px
}

@media screen and (max-width:1540px) {
    .slider__next {
        right: -46px
    }
}

@media screen and (max-width:1439px) {
    .slider__next {
        right: 0
    }
}

@keyframes breathing {

    0%,
    100% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-10px)
    }
}

@keyframes wobble {

    0%,
    100% {
        transform: rotate(15deg)
    }

    10% {
        transform: rotate(23deg)
    }

    20% {
        transform: rotate(9deg)
    }

    30% {
        transform: rotate(19deg)
    }

    40% {
        transform: rotate(13deg)
    }

    50% {
        transform: rotate(16deg)
    }

    100%,
    60% {
        transform: rotate(15deg)
    }
}

@media screen and (max-width:743px) {
    .mix {
        display: flex;
        flex-direction: column;
        padding-top: 5px
    }

    .mix .ways {
        padding-top: 0
    }

    .mix .teacher {
        background: 0 0;
        padding-top: 0
    }
}

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

.h-100 {
    height: 100%
}

.bg-gray .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    background: #eaedf7
}

.bg-gray .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:hover {
    background: #d3d9ea
}

.bg-gray .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active {
    background: #d3d9ea
}

.modal {
    display: none;
    max-width: 500px;
    padding: 30px 30px;
    border-radius: 20px
}

.modal-close {
    position: absolute;
    right: -24px;
    top: -24px;
    cursor: pointer;
    transition: all .35s ease
}

.modal-close svg {
    display: block;
    width: 24px;
    height: 24px
}

html.with-fancybox body.hide-scrollbar {
    margin-right: 0 !important
}

.h1,
h1 {
    font-family: InterBold, sans-serif;
    font-size: 48px;
    line-height: 1.12;
    text-transform: uppercase;
    color: #2b2b39
}

.h1--56,
h1--56 {
    font-size: 56px;
    line-height: 1.21
}

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

    .h1--56,
    h1--56 {
        font-size: 48px
    }
}

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

    .h1--56,
    h1--56 {
        font-size: 56px
    }
}

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

    .h1--56,
    h1--56 {
        font-size: 30px;
        line-height: 1.27
    }
}

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

    .h1,
    h1 {
        font-size: 32px;
        line-height: 1.25
    }
}

.h2,
h2 {
    font-size: 48px;
    line-height: 1.46;
    text-transform: uppercase;
    font-family: InterBold, sans-serif;
    color: #2b2b39
}

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

    .h2,
    h2 {
        font-size: 44px
    }
}

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

    .h2,
    h2 {
        font-size: 48px
    }
}

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

    .h2,
    h2 {
        font-size: 32px;
        line-height: 1.37
    }
}

.h2--42,
h2--42 {
    font-size: 42px;
    line-height: 1.29
}

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

    .h2--42,
    h2--42 {
        font-size: 38px
    }
}

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

    .h2--42,
    h2--42 {
        font-size: 32px;
        line-height: 1.19
    }
}

.h2--40,
h2--40 {
    font-size: 40px;
    line-height: 1.4
}

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

    .h2--40,
    h2--40 {
        font-size: 30px
    }
}

.h2--36,
h2--36 {
    font-size: 36px;
    line-height: 1.22
}

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

    .h2--36,
    h2--36 {
        font-size: 26px;
        line-height: 1.1943
    }
}

.h3,
h3 {
    font-family: InterBold, sans-serif;
    font-size: 32px;
    line-height: 1.4;
    text-transform: uppercase;
    color: #2b2b39
}

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

    .h3,
    h3 {
        font-size: 21px
    }
}

.h3--28,
h3--28 {
    font-size: 28px;
    line-height: 1
}

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

    .h3--28,
    h3--28 {
        font-size: 21px;
        line-height: 1.05
    }
}

.h4,
h4 {
    font-size: 24px;
    font-family: InterBold, sans-serif;
    line-height: 1.33
}

.red {
    color: #e60000
}

.white {
    color: #fff
}

.text-uppercase {
    text-transform: uppercase
}

.ttn {
    text-transform: none
}

.container {
    padding: 0 50px
}

@media screen and (max-width:1439px) {
    .container {
        padding: 0 32px
    }
}

@media screen and (max-width:743px) {
    .container {
        padding: 0 20px
    }
}

.hero {
    padding: 82px 0 81px
}

@media screen and (max-width:743px) {
    .hero {
        overflow: hidden
    }
}

@media screen and (max-width:1023px) {
    .hero {
        padding-top: 80px;
        background: 0 0;
        padding-bottom: 0;
        position: relative
    }

    .hero::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        z-index: -1;
        background: #f7f6fb;
        height: 92%
    }
}

@media screen and (max-width:743px) {
    .hero {
        padding-top: 46px
    }

    .hero::before {
        height: 85%
    }
}

.hero__arrow {
    position: absolute;
    left: 52%;
    bottom: -79px
}

@media screen and (max-width:1023px) {
    .hero__arrow {
        bottom: -60px
    }
}

@media screen and (max-width:743px) {
    .hero__arrow {
        left: auto;
        right: -9px;
        bottom: -20px
    }

    .hero__arrow .d-md-none {
        width: 56px;
        height: auto
    }
}

.hero__img {
    position: relative;
    max-width: 568px
}

@media screen and (max-width:1023px) {
    .hero__img {
        max-width: 100%
    }
}

@media screen and (max-width:743px) {
    .hero__img picture img {
        width: 100%
    }
}

.hero__img .users {
    position: absolute;
    bottom: 0;
    right: 59px
}

@media screen and (max-width:1023px) {
    .hero__img .users {
        right: auto;
        left: 20px;
        bottom: auto;
        top: 37px
    }
}

@media screen and (max-width:743px) {
    .hero__img .users {
        left: 0;
        top: -15px
    }
}

.hero__img>img {
    display: block
}

@media screen and (max-width:1023px) {
    .hero__img>img {
        width: 100%
    }
}

@media screen and (max-width:743px) {
    .hero__img>img {
        aspect-ratio: 16/7.9
    }
}

.hero__row {
    display: flex;
    justify-content: space-between;
    gap: 16px
}

@media screen and (max-width:1023px) {
    .hero__row {
        flex-direction: column;
        gap: 56px
    }
}

.hero__feature {
    background: #2b2b39;
    border-radius: 6px;
    transform: rotate(-1.44deg);
    display: flex;
    padding: 15px 58px;
    margin-top: 90px;
    gap: 12px
}

@media screen and (max-width:1239px) {
    .hero__feature {
        padding: 15px 24px
    }
}

@media screen and (max-width:1023px) {
    .hero__feature {
        width: calc(100% + 40px);
        margin-left: -20px;
        margin-right: -20px;
        padding: 24px 70px;
        padding-right: 23px
    }
}

@media screen and (max-width:743px) {
    .hero__feature {
        width: 100%;
        margin: 0;
        transform: none;
        margin-top: 64px;
        padding: 32px 32px;
        flex-direction: column;
        gap: 18px;
        padding-right: 16px
    }
}

@media screen and (max-width:1023px) {
    .hero__feature-img {
        width: 71px;
        height: 75px
    }
}

@media screen and (max-width:743px) {
    .hero__feature-img {
        height: auto
    }
}

.hero__feature-item {
    display: flex;
    align-items: center;
    gap: 16px;
    font-size: 20px;
    line-height: 1.3;
    font-family: InterMedium, sans-serif;
    color: #fff;
    width: 33.3333%
}

@media screen and (max-width:1239px) {
    .hero__feature-item {
        font-size: 18px
    }
}

@media screen and (max-width:1023px) {
    .hero__feature-item {
        flex-direction: column;
        font-size: 16px;
        align-items: flex-start;
        line-height: 1.625
    }
}

@media screen and (max-width:743px) {
    .hero__feature-item {
        width: 100%;
        flex-direction: row;
        font-size: 16px;
        line-height: 1.37;
        font-family: RalewayMedium, sans-serif;
        align-items: center;
        gap: 22px
    }
}

.hero__feature-item span {
    max-width: 260px
}

.hero__feature-item img {
    flex-shrink: 0
}

.hero__content {
    max-width: 790px;
    width: 100%
}

@media screen and (max-width:1540px) {
    .hero__content {
        max-width: 670px
    }
}

@media screen and (max-width:1023px) {
    .hero__content {
        max-width: 100%
    }
}

.hero__content-box {
    position: relative
}

@media screen and (max-width:743px) {
    .hero__content-box {
        max-width: 330px
    }
}

.hero__content .label {
    transform: rotate(1.72deg);
    margin-bottom: 33px
}

@media screen and (max-width:1023px) {
    .hero__content .label {
        transform: rotate(-2.93deg)
    }
}

@media screen and (max-width:743px) {
    .hero__content .label {
        margin-bottom: 8px
    }
}

@media screen and (max-width:743px) {
    .hero__content .h1 {
        font-size: 30px;
        line-height: 1.27;
        min-width: 360px
    }

    .hero__content .h1 br {
        display: none
    }
}

.hero__content p {
    font-size: 20px;
    line-height: 1.2;
    font-family: RalewayMedium, sans-serif;
    color: #66666c;
    margin-top: 32px;
    margin-bottom: 84px
}

@media screen and (max-width:1023px) {
    .hero__content p {
        margin-bottom: 64px
    }
}

@media screen and (max-width:743px) {
    .hero__content p {
        font-size: 15px;
        line-height: 1.6;
        font-family: RalewayRegular, sans-serif;
        margin-top: 15px;
        margin-bottom: 52px;
        max-width: 303px
    }
}

.hero__nav {
    display: flex;
    gap: 32px;
    align-items: center
}

@media screen and (max-width:1439px) {
    .hero__nav {
        gap: 16px
    }

    .hero__nav .btn {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media screen and (max-width:1023px) {
    .hero__nav {
        gap: 24px
    }
}

@media screen and (max-width:743px) {
    .hero__nav {
        flex-direction: column;
        gap: 16px;
        margin-top: 40px
    }
}

.hero__nav .btn {
    width: 50%
}

@media screen and (max-width:743px) {
    .hero__nav .btn {
        width: calc(100% - 28px);
        margin-left: 14px;
        margin-right: 14px
    }
}

.hero--school {
    padding-bottom: 55px
}

@media screen and (max-width:1023px) {
    .hero--school {
        padding-bottom: 0
    }
}

.hero--school .hero__feature {
    margin-top: 98px;
    padding: 31px 24px
}

@media screen and (max-width:743px) {
    .hero--school .hero__feature {
        margin-top: 42px;
        padding: 32px 32px;
        gap: 24px;
        padding-right: 24px
    }
}

.hero--school .hero__feature-item {
    line-height: 1.3125;
    font-size: 16px;
    font-family: InterRegular, sans-serif
}

@media screen and (max-width:1023px) {
    .hero--school .hero__feature-item {
        font-size: 14px
    }
}

@media screen and (max-width:743px) {
    .hero--school .hero__feature-item {
        font-size: 16px
    }
}

.hero--school .hero__feature-img {
    flex-shrink: 0;
    width: 71px;
    height: 71px
}

@media screen and (max-width:743px) {
    .hero--school .hero__feature-img {
        width: 48px;
        height: 48px
    }
}

.hero--school .hero__img .users {
    bottom: -8px
}

@media screen and (max-width:1239px) {
    .hero--school .hero__img .users {
        bottom: 0
    }
}

@media screen and (max-width:1023px) {
    .hero--school .hero__img .users {
        bottom: auto
    }
}

@media screen and (max-width:1023px) {
    .hero--school .hero__content-box .h1 {
        max-width: 800px
    }
}

.hero--school .hero__content p {
    margin-bottom: 40px
}

@media screen and (max-width:1023px) {
    .hero--school .hero__content p {
        margin-bottom: 56px
    }
}

@media screen and (max-width:743px) {
    .hero--school .hero__content p {
        font-size: 15px;
        line-height: 1.6;
        margin-top: 12px;
        margin-bottom: 33px
    }

    .hero--school .hero__content p br {
        display: none
    }
}

.hero--school .hero__nav {
    max-width: 646px
}

@media screen and (max-width:1023px) {
    .hero--school .hero__nav {
        max-width: 100%
    }
}

.hero--school .hero__nav .btn {
    padding-left: 30px;
    padding-right: 30px
}

.why__feature {
    display: flex;
    justify-content: space-between;
    padding: 57px 0;
    align-items: center
}

@media screen and (max-width:1023px) {
    .why__feature {
        flex-wrap: wrap;
        align-items: flex-start;
        padding: 0;
        margin-bottom: -34px
    }
}

@media screen and (max-width:743px) {
    .why__feature {
        margin-top: 50px
    }
}

.why__feature-item {
    text-align: center
}

@media screen and (max-width:1023px) {
    .why__feature-item {
        width: 50%;
        text-align: left;
        margin-bottom: 34px
    }
}

.why__feature-item p {
    max-width: 184px;
    margin: 0 auto;
    line-height: 1.25;
    font-family: RalewaySemiBold, sans-serif;
    color: #66666c
}

@media screen and (max-width:1023px) {
    .why__feature-item p {
        font-size: 14px;
        line-height: 1.43;
        font-family: RalewayRegular, sans-serif;
        max-width: 155px;
        margin-left: 0
    }
}

.why__feature-item-num {
    font-family: InterBold, sans-serif;
    font-size: 60px;
    line-height: 1.07;
    margin-bottom: 15px
}

@media screen and (max-width:1023px) {
    .why__feature-item-num {
        font-size: 40px;
        margin-bottom: 8px
    }
}

@media screen and (max-width:1023px) {
    .why__info-content {
        margin-bottom: 49px
    }
}

.why__info-content ul {
    display: none;
    margin-top: 32px
}

@media screen and (max-width:743px) {
    .why__info-content ul {
        margin-top: 17px
    }
}

.why__info-content ul li {
    position: relative;
    font-size: 14px;
    line-height: 1.57;
    color: #66666c;
    margin-bottom: 10px;
    padding-left: 25px
}

@media screen and (max-width:743px) {
    .why__info-content ul li {
        margin-bottom: 8px
    }
}

.why__info-content ul li::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    background: url(../img/price-list.svg) no-repeat center center/contain
}

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

@media screen and (max-width:1023px) {
    .why__info-content ul {
        display: block
    }
}

.why__info-content h2 {
    max-width: 410px
}

.why__info-content p {
    color: #66666c;
    margin-bottom: 24px;
    margin-top: 24px
}

@media screen and (max-width:1023px) {
    .why__info-content p {
        display: none
    }
}

.why__info-content p:last-child {
    margin-bottom: 0
}

.why__info-license {
    display: flex;
    align-items: flex-start;
    gap: 31px;
    font-size: 18px;
    color: #66666c;
    line-height: 1.16
}

@media screen and (max-width:1023px) {
    .why__info-license .read-more {
        font-size: 10px
    }
}

.why__info-license-text {
    max-width: 174px
}

@media screen and (max-width:1239px) {
    .why__info-license-text {
        margin-bottom: 8px
    }
}

@media screen and (max-width:1023px) {
    .why__info-license-text {
        font-size: 14px;
        line-height: 1.57;
        max-width: 130px;
        margin-bottom: 10px
    }
}

@media screen and (max-width:743px) {
    .why__info-license-text {
        margin-bottom: 15px
    }
}

.why__info-license img {
    flex-shrink: 0
}

@media screen and (max-width:1023px) {
    .why__info-license img {
        height: 99px
    }
}

.why__info-alert {
    position: relative;
    z-index: 1;
    padding-top: 59px;
    padding-right: 30px;
    padding-left: 55px;
    border-radius: 8px;
    overflow: hidden;
    background: #fff1f1 url(../img/why-alert-rectangle.svg) no-repeat right bottom
}

@media screen and (max-width:1239px) {
    .why__info-alert {
        background: #fff1f1;
        padding: 40px 32px;
        padding-bottom: 0
    }
}

@media screen and (max-width:1023px) {
    .why__info-alert {
        padding: 29px 12px 0
    }
}

@media screen and (max-width:743px) {
    .why__info-alert {
        width: calc(100% + 32px);
        margin-left: -16px;
        margin-right: -16px;
        padding: 33px 16px 0
    }
}

.why__info-alert-rect {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1
}

.why__info-alert .btn {
    position: absolute;
    bottom: 1px;
    right: 0
}

.why__info-alert .h4 {
    margin-bottom: 57px
}

@media screen and (max-width:1239px) {
    .why__info-alert .h4 {
        margin-bottom: 30px
    }
}

@media screen and (max-width:1023px) {
    .why__info-alert .h4 {
        font-size: 20px;
        line-height: 1.3
    }
}

@media screen and (max-width:743px) {
    .why__info-alert .h4 {
        margin-bottom: 35px
    }
}

.why__info-alert-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1
}

@media screen and (max-width:1439px) {
    .why__info-alert-bg {
        display: none
    }
}

.why__row {
    display: flex;
    gap: 24px
}

@media screen and (max-width:1023px) {
    .why__row {
        flex-direction: column;
        gap: 32px
    }
}

@media screen and (max-width:743px) {
    .why__row {
        gap: 16px
    }
}

.why__wrap {
    padding-top: 63px
}

@media screen and (max-width:1023px) {
    .why__wrap {
        padding-top: 124px
    }
}

@media screen and (max-width:743px) {
    .why__wrap {
        padding-top: 64px
    }
}

.why__box {
    width: 71.6%
}

.why__box .row {
    margin-bottom: -30px
}

.why__box .row>div {
    margin-bottom: 30px
}

@media screen and (max-width:1023px) {
    .why__box {
        width: 100%
    }

    .why__box .row {
        margin-bottom: -16px
    }

    .why__box .row>div {
        margin-bottom: 16px
    }
}

.why__box:last-child {
    width: 28.4%
}

@media screen and (max-width:1023px) {
    .why__box:last-child {
        width: 100%;
        order: -1
    }
}

.why__aside {
    border-radius: 6px;
    background: #2b2b39;
    padding: 48px 24px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    height: 100%
}

@media screen and (max-width:1239px) {
    .why__aside {
        padding: 24px 16px
    }
}

@media screen and (max-width:1023px) {
    .why__aside {
        padding: 38px 24px;
        padding-right: 43px
    }
}

@media screen and (max-width:743px) {
    .why__aside {
        padding-top: 31px;
        padding-bottom: 32px
    }
}

.why__aside-arrow {
    position: absolute;
    left: 52px;
    top: 153px
}

@media screen and (max-width:1023px) {
    .why__aside-arrow {
        top: auto;
        bottom: 0;
        left: auto;
        right: 220px;
        transform: translateY(30px) rotateY(180deg) rotate(220deg)
    }

    .why__aside-arrow.animate-in {
        transform: translateY(0) rotateY(180deg) rotate(220deg)
    }
}

@media screen and (max-width:743px) {
    .why__aside-arrow {
        transform: translateY(30px);
        bottom: auto;
        top: 80px;
        width: 70px;
        height: 96px;
        right: auto;
        left: 46px
    }

    .why__aside-arrow.animate-in {
        transform: translateY(0)
    }
}

.why__aside--price {
    padding-top: 0;
    padding-left: 32px
}

@media screen and (max-width:743px) {
    .why__aside--price {
        margin-bottom: 16px;
        height: auto;
        padding: 12px 32px 40px;
        padding-right: 24px
    }
}

.why__aside--price .why__aside-arrow {
    top: 120px
}

@media screen and (max-width:1023px) {
    .why__aside--price .why__aside-arrow {
        transform: translateY(30px)
    }
}

@media screen and (max-width:743px) {
    .why__aside--price .why__aside-arrow {
        width: 121px;
        height: 95px;
        top: 42px
    }
}

.why__aside--price .why__aside-img {
    width: 223px;
    height: 223px;
    margin-bottom: 19px;
    right: -62px;
    top: -4px
}

@media screen and (max-width:743px) {
    .why__aside--price .why__aside-img {
        width: 173px;
        height: 173px
    }
}

.why__aside--price .why__aside-img img {
    width: 100%;
    height: 100%;
    max-width: none;
    margin: 0 !important
}

.why__aside-img {
    width: fit-content;
    display: flex;
    margin-left: auto;
    position: relative;
    right: -70px;
    margin-bottom: 109px
}

@media screen and (max-width:1023px) {
    .why__aside-img {
        right: 0;
        margin-bottom: -105px
    }
}

@media screen and (max-width:743px) {
    .why__aside-img {
        margin-bottom: 59px;
        right: -60px
    }
}

.why__aside-img img {
    border-radius: 50%;
    width: 149px;
    height: 149px;
    border: 4px solid #2b2b39;
    position: relative
}

@media screen and (max-width:1023px) {
    .why__aside-img img {
        width: 114px;
        height: 114px
    }
}

.why__aside-img img:first-child {
    z-index: 2
}

.why__aside-img img:last-child {
    margin-left: -48px
}

.why__aside-title {
    color: #fff;
    font-size: 26px;
    font-family: RalewayBold, sans-serif;
    line-height: 1.1923
}

@media screen and (max-width:1239px) {
    .why__aside-title {
        font-size: 22px;
        line-height: 1.16666
    }
}

@media screen and (max-width:1023px) {
    .why__aside-title {
        font-size: 24px;
        max-width: 356px
    }
}

.why__aside p {
    margin-top: 12px;
    margin-bottom: 12px;
    color: #fff
}

@media screen and (max-width:1023px) {
    .why__aside p {
        max-width: 356px;
        font-size: 14px;
        line-height: 1.57
    }
}

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

.why__item {
    border-radius: 6px;
    background: #f7f6fb;
    height: 100%;
    position: relative;
    z-index: 1;
    padding: 33px 33px;
    min-height: 255px;
    display: flex;
    flex-direction: column
}

@media screen and (max-width:1439px) {
    .why__item {
        padding: 32px 24px;
        min-height: 250px
    }
}

@media screen and (max-width:1023px) {
    .why__item {
        min-height: 220px
    }
}

@media screen and (max-width:743px) {
    .why__item {
        min-height: 220px;
        padding-right: 7px;
        overflow: hidden
    }
}

.why__item-label--1 {
    transform: rotate(-2.92deg);
    margin-left: -11px
}

@media screen and (max-width:1023px) {
    .why__item-label--1 {
        font-size: 12px;
        padding: 6px 19px;
        margin-left: 3px
    }
}

@media screen and (max-width:743px) {
    .why__item-label--1 {
        margin-left: 9px
    }
}

.why__item-label--2 {
    transform: rotate(-4.82deg);
    margin-top: -7px;
    margin-left: -11px
}

@media screen and (max-width:1023px) {
    .why__item-label--2 {
        font-size: 12px;
        padding: 6px 19px;
        margin-left: 3px;
        top: -2px
    }
}

.why__item-img {
    position: absolute;
    right: 33px;
    top: 10px;
    pointer-events: none
}

@media screen and (max-width:1439px) {
    .why__item-img {
        right: 12px;
        max-width: 100px
    }
}

@media screen and (max-width:743px) {
    .why__item-img {
        max-width: 88px;
        right: -7px;
        top: 23px
    }
}

.why__item-img--2 {
    right: 57px;
    top: 77px
}

@media screen and (max-width:1439px) {
    .why__item-img--2 {
        right: 12px;
        top: 10px;
        max-width: 56px
    }
}

@media screen and (max-width:743px) {
    .why__item-img--2 {
        top: 10px;
        right: 15px
    }
}

.why__item-img--3 {
    right: 55px;
    top: 36px
}

@media screen and (max-width:1439px) {
    .why__item-img--3 {
        right: 12px;
        top: 12px;
        max-width: 56px
    }
}

.why__item-img--4 {
    right: 0;
    top: 0
}

@media screen and (max-width:743px) {
    .why__item-img--4 {
        max-width: 100px
    }
}

.why__item-title {
    font-size: 30px;
    font-family: RalewayBold, sans-serif;
    line-height: 1.1667;
    max-width: 280px
}

@media screen and (max-width:1439px) {
    .why__item-title {
        font-size: 24px;
        max-width: 220px
    }
}

.why__item-info {
    font-family: RalewaySemiBold, sans-serif;
    font-size: 18px;
    line-height: 1.16666;
    margin-top: 9px
}

@media screen and (max-width:1439px) {
    .why__item-info {
        font-size: 16px
    }
}

.why__item p {
    margin-bottom: 0;
    color: #66666c;
    margin-top: auto;
    max-width: 350px
}

@media screen and (max-width:1023px) {
    .why__item p {
        font-size: 14px;
        line-height: 1.57
    }
}

.learn__header {
    display: flex;
    align-items: flex-start;
    gap: 33px;
    justify-content: space-between
}

.learn__header .h2 {
    max-width: 625px
}

@media screen and (max-width:743px) {
    .learn__header .h2 {
        max-width: 525px
    }
}

@media screen and (max-width:1023px) {
    .learn__header {
        flex-direction: column;
        gap: 48px
    }
}

.learn__alert {
    border-radius: 6px;
    background: #e60000;
    padding: 28px 27px;
    position: relative;
    width: 100%;
    max-width: 718px;
    margin-top: 10px
}

@media screen and (max-width:743px) {
    .learn__alert {
        max-width: 100%;
        padding: 74px 21px 28px;
        margin-top: 88px
    }
}

.learn__alert-arrow {
    position: absolute;
    right: 263px;
    top: -77px
}

@media screen and (max-width:1540px) {
    .learn__alert-arrow {
        top: -47px
    }
}

@media screen and (max-width:743px) {
    .learn__alert-arrow {
        right: 0;
        transform: rotateY(180deg) rotate(-33deg);
        top: -4px;
        max-width: 60px
    }

    .learn__alert-arrow path {
        fill: #fff
    }
}

.learn__alert p {
    color: #fff;
    font-family: RalewayBold, sans-serif;
    line-height: 1.44;
    max-width: 417px;
    margin: 0;
    font-size: 18px
}

@media screen and (max-width:1439px) {
    .learn__alert p {
        max-width: 360px
    }
}

@media screen and (max-width:1239px) {
    .learn__alert p {
        font-size: 16px;
        max-width: 200px
    }
}

@media screen and (max-width:1023px) {
    .learn__alert p {
        max-width: 420px
    }
}

@media screen and (max-width:743px) {
    .learn__alert p {
        line-height: 1.25
    }
}

.learn__alert-video {
    position: absolute;
    bottom: 5px;
    right: 15px
}

.learn__alert-video .play {
    transform: translate(-50%, -50%) rotate(4.51deg)
}

@media screen and (max-width:1239px) {
    .learn__alert-video {
        max-width: 200px
    }
}

@media screen and (max-width:743px) {
    .learn__alert-video {
        max-width: 245px;
        transform: translateX(-50%);
        left: 50%;
        bottom: auto;
        top: -105px;
        width: 100%
    }
}

.learn__alert-video:hover .play {
    background: #fff
}

.learn__wrap {
    margin-top: 32px
}

@media screen and (max-width:743px) {
    .learn__wrap {
        margin-top: 40px
    }
}

.learn__list {
    margin-bottom: 60px;
    max-width: 642px
}

@media screen and (max-width:1023px) {
    .learn__list {
        margin-bottom: 43px
    }
}

.learn__list li {
    display: flex;
    align-items: center;
    gap: 22px;
    color: #66666c;
    margin-bottom: 16px
}

.learn__list li b,
.learn__list li strong {
    font-family: RalewaySemiBold, sans-serif
}

@media screen and (max-width:743px) {
    .learn__list li {
        font-size: 14px;
        line-height: 1.43
    }
}

.learn__list li:last-child {
    margin-bottom: 0
}

.learn__list-icon {
    background: #fbf2f3;
    border-radius: 4px;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px;
    flex-shrink: 0
}

.learn__video {
    display: block;
    border-radius: 6px;
    overflow: hidden;
    position: relative;
    z-index: 2
}

.learn__video:hover .play {
    background: #fff
}

.learn__video:hover::before {
    background: rgba(43, 43, 57, .4)
}

.learn__video::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: rgba(43, 43, 57, .1);
    transition: all .35s ease
}

.learn__video img {
    display: block;
    width: 100%;
    aspect-ratio: 16/10.1
}

@media screen and (max-width:743px) {
    .learn__video img {
        aspect-ratio: 16/10.2
    }
}

.learn__tabs {
    position: relative
}

@media screen and (max-width:1023px) {
    .learn__tabs {
        margin-top: 103px
    }
}

@media screen and (max-width:743px) {
    .learn__tabs {
        width: calc(100% + 20px);
        margin-left: -10px;
        margin-right: -10px;
        margin-top: 54px
    }
}

.learn__tabs .label {
    transform: rotate(-2.75deg);
    position: absolute;
    left: 44px;
    top: -35px;
    z-index: 4
}

@media screen and (max-width:1023px) {
    .learn__tabs .label {
        left: 24px;
        top: -22px
    }
}

.learn__tabs-nav {
    margin-top: 16px;
    margin-bottom: -6px
}

@media screen and (max-width:743px) {
    .learn__tabs-nav {
        overflow: auto;
        margin-top: 32px;
        padding-bottom: 8px;
        margin-bottom: -8px
    }
}

.learn__tabs-nav button {
    flex-grow: 1;
    padding-left: 8px;
    padding-right: 8px
}

@media screen and (max-width:743px) {
    .learn__tabs-nav button {
        padding-left: 24px;
        padding-right: 24px
    }
}

.cta__row {
    display: flex;
    gap: 24px
}

@media screen and (max-width:1023px) {
    .cta__row {
        flex-direction: column;
        gap: 56px;
        align-items: flex-start !important
    }
}

.cta__bg {
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
    pointer-events: none
}

@media screen and (max-width:743px) {
    .cta__bg {
        max-width: 250px
    }
}

.cta__woman {
    position: absolute;
    bottom: 0;
    right: 55px
}

@media screen and (max-width:1239px) {
    .cta__woman {
        max-width: 400px
    }
}

@media screen and (max-width:1023px) {
    .cta__woman {
        right: 0;
        max-width: 320px
    }
}

@media screen and (max-width:743px) {
    .cta__woman {
        max-width: 281px
    }
}

.cta__box {
    position: relative;
    background: #2b2b39;
    border-radius: 6px;
    border: 1px solid #d3d9ea;
    padding: 70px 66px;
    padding-right: 92px;
    z-index: 1
}

@media screen and (max-width:1540px) {
    .cta__box {
        padding: 60px 48px
    }
}

@media screen and (max-width:1023px) {
    .cta__box {
        padding: 58px 27px 54px
    }
}

@media screen and (max-width:743px) {
    .cta__box {
        width: calc(100% + 20px);
        margin-left: -10px;
        margin-right: -10px
    }

    .cta__box .btn {
        width: 100%
    }
}

.cta__box .label {
    transform: rotate(-2.15deg);
    position: absolute;
    top: -29px;
    left: 44px
}

@media screen and (max-width:1023px) {
    .cta__box .label {
        top: -13px
    }
}

@media screen and (max-width:743px) {
    .cta__box .label {
        top: -19px;
        left: 11px
    }
}

.cta__box--free {
    padding: 88px 104px
}

@media screen and (max-width:1439px) {
    .cta__box--free {
        padding: 60px 48px
    }
}

@media screen and (max-width:1023px) {
    .cta__box--free {
        padding: 56px 24px
    }
}

@media screen and (max-width:743px) {
    .cta__box--free {
        padding-bottom: 237px
    }
}

.cta__box--free .cta__bg {
    right: 19%
}

.cta__box--free .cta__content {
    max-width: 709p
}

.cta__box--free .cta__content .btn {
    width: 100%;
    max-width: 373px;
    text-transform: uppercase
}

@media screen and (max-width:743px) {
    .cta__box--free .cta__content .btn {
        max-width: 100%
    }
}

.cta__box--free .cta__content p {
    max-width: 390px;
    margin-bottom: 48px;
    margin-top: 11px
}

@media screen and (max-width:743px) {
    .cta__box--free .cta__content p {
        margin-bottom: 34px
    }
}

.cta__content {
    max-width: 778px;
    width: 100%
}

.cta__content .h2 {
    color: #fff
}

.cta__content p {
    margin-bottom: 24px;
    color: #fff;
    margin-top: 24px;
    max-width: 583px
}

@media screen and (max-width:1023px) {
    .cta__content p {
        margin-top: 16px
    }
}

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

.teacher {
    overflow: hidden
}

.teacher__info {
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative
}

@media screen and (max-width:1023px) {
    .teacher__info {
        margin-bottom: 56px;
        height: auto
    }
}

@media screen and (max-width:743px) {
    .teacher__info {
        margin-bottom: 40px
    }
}

.teacher__info-arrow {
    position: absolute;
    bottom: -15px;
    right: 0
}

@media screen and (max-width:1239px) {
    .teacher__info-arrow {
        bottom: -60px
    }
}

@media screen and (max-width:1023px) {
    .teacher__info-arrow {
        display: none
    }
}

.teacher__info .read-more {
    margin-top: auto
}

.teacher__info p {
    margin-top: 24px;
    margin-bottom: 24px;
    color: #66666c;
    max-width: 589px
}

@media screen and (max-width:743px) {
    .teacher__info p {
        font-size: 14px;
        line-height: 1.57;
        margin-top: 16px;
        margin-bottom: 0
    }
}

.teacher__info h2 {
    font-size: 47px
}

@media screen and (max-width:1540px) {
    .teacher__info h2 {
        font-size: 44px
    }
}

@media screen and (max-width:1239px) {
    .teacher__info h2 {
        font-size: 40px
    }
}

@media screen and (max-width:743px) {
    .teacher__info h2 {
        font-size: 28px;
        line-height: 1.43;
        width: calc(100% + 13px)
    }
}

.teacher__video {
    position: relative;
    display: block;
    max-width: 632px;
    margin-left: auto
}

@media screen and (max-width:1023px) {
    .teacher__video {
        max-width: 100%
    }
}

@media screen and (max-width:743px) {
    .teacher__video {
        width: calc(100% + 20px);
        margin-left: -10px;
        margin-right: -10px;
        max-width: none
    }
}

.teacher__video:hover .play {
    background: #fff
}

.teacher__video img {
    aspect-ratio: 16/9;
    border-radius: 6px;
    width: 100%
}

.teacher__slider {
    margin-left: calc((100% - 1376px)/ 2);
    display: flex;
    gap: 24px;
    margin-top: 80px
}

@media screen and (max-width:1439px) {
    .teacher__slider {
        margin-left: 32px
    }
}

@media screen and (max-width:1023px) {
    .teacher__slider {
        margin-top: 56px
    }
}

@media screen and (max-width:743px) {
    .teacher__slider {
        margin-left: 20px;
        gap: 16px
    }
}

.teacher__slide {
    width: 302px;
    flex-shrink: 0
}

@media screen and (max-width:743px) {
    .teacher__slide {
        width: 220px
    }
}

.teacher__item {
    display: block;
    user-select: none
}

.teacher__item:hover .teacher__item-btn {
    opacity: 1;
    visibility: visible
}

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

.teacher__item-img {
    border-radius: 6px;
    margin-bottom: 8px;
    background: #fff;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    aspect-ratio: 16/15.21
}

@media screen and (max-width:743px) {
    .teacher__item-img {
        background: #f7f6fb;
        aspect-ratio: 1/1.04
    }
}

.teacher__item-img img {
    display: block;
    width: 100%;
    transition: all .35s ease;
    height: 100%;
    user-select: none;
    object-fit: cover
}

.teacher__item-content {
    background: #2b2b39;
    border-radius: 6px;
    padding: 29.5px 6px;
    text-align: center;
    position: relative
}

@media screen and (max-width:743px) {
    .teacher__item-content {
        padding: 22.5px 24px
    }
}

.teacher__item-name {
    font-size: 20px;
    font-family: RalewaySemiBold, sans-serif;
    color: #fff;
    line-height: 1.25
}

.teacher__item-text {
    color: #f7f6fb
}

@media screen and (max-width:743px) {
    .teacher__item-text {
        font-size: 14px;
        line-height: 1.14
    }
}

.teacher__item-btn {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #e60000;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    font-size: 16px;
    font-family: InterMedium, sans-serif;
    color: #fff;
    gap: 9px;
    opacity: 0;
    visibility: hidden;
    transition: all .35s ease
}

.teacher__item-btn svg {
    color: #fff;
    flex-shrink: 0
}

.teacher__item--gray .teacher__item-img {
    border: 1px solid #d3d9ea;
    background: #f7f6fb
}

@media screen and (max-width:743px) {
    .teacher__nav {
        margin-top: 44px
    }
}

.ways__label--1 {
    transform: rotate(-4.3deg);
    position: absolute;
    top: -20px;
    left: 46%;
    padding: 10px 24px
}

@media screen and (max-width:743px) {
    .ways__label--1 {
        left: 16px
    }
}

.ways__label--2 {
    transform: rotate(-.81deg);
    position: absolute;
    top: -20px;
    left: 46%;
    padding: 10px 24px
}

@media screen and (max-width:743px) {
    .ways__label--2 {
        left: 13px;
        transform: rotate(-6.27deg)
    }
}

.ways .title .h2 {
    max-width: 700px
}

@media screen and (max-width:743px) {
    .ways .title .h2 {
        max-width: 305px
    }
}

.ways__slider {
    display: flex;
    gap: 16px;
    margin-left: calc((100% - 1376px)/ 2)
}

@media screen and (max-width:1439px) {
    .ways__slider {
        margin-left: 32px
    }
}

@media screen and (max-width:743px) {
    .ways__slider {
        margin-left: 10px;
        margin-right: 10px;
        flex-wrap: wrap
    }
}

.ways__slide {
    flex-shrink: 0;
    width: 448px
}

@media screen and (max-width:743px) {
    .ways__slide {
        width: 100%
    }
}

.ways__slide:nth-child(even) .ways__item {
    background: #f7f6fb
}

.ways__slide:nth-child(even) .ways__item-img-rect {
    background: url(../img/way-gray-bg.webp) no-repeat center center
}

.ways__slide:nth-child(even) .ways__item:hover {
    border-color: #d3d9ea
}

.ways__item {
    border-radius: 6px;
    background: #fff1f1;
    padding: 14px 16px 47px;
    border: 1px solid transparent;
    display: block
}

@media screen and (max-width:743px) {
    .ways__item {
        padding: 10px 10px 21px
    }
}

.ways__item:hover {
    border-color: #f26a6a
}

.ways__item:hover .ways__item-img>img {
    transform: scale(1.1)
}

.ways__item:hover .ways__item-title {
    color: #e60000
}

.ways__item:hover .ways__item-title svg {
    color: #e60000
}

.ways__item-content {
    padding: 0 16px;
    padding-top: 44px;
    position: relative
}

@media screen and (max-width:743px) {
    .ways__item-content {
        padding: 0 23px;
        padding-top: 40px
    }
}

.ways__item-title {
    display: inline-flex;
    align-items: center;
    font-size: 30px;
    font-family: RalewayBold, sans-serif;
    gap: 8px;
    line-height: 1.2;
    transition: all .35s ease
}

@media screen and (max-width:743px) {
    .ways__item-title {
        font-size: 24px;
        line-height: 1.08
    }
}

.ways__item-title svg {
    flex-shrink: 0;
    position: relative;
    top: 2px;
    transition: all .35s ease
}

@media screen and (max-width:743px) {
    .ways__item-title svg {
        color: #e60000
    }
}

.ways__item-img {
    position: relative;
    border-radius: 6px;
    overflow: hidden
}

.ways__item-img-rect {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 88px;
    height: 61px;
    background: url(../img/way-pink-bg.webp) no-repeat center center;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end
}

.ways__item-img>img {
    display: block;
    width: 100%;
    aspect-ratio: 16/7.152;
    border-radius: 6px;
    object-fit: cover;
    object-position: center top;
    transition: all .35s ease
}

@media screen and (max-width:743px) {
    .ways__item-img>img {
        aspect-ratio: 16/8.7;
        object-fit: cover;
        object-position: right bottom;
        border-radius: 8px
    }
}

@media screen and (max-width:743px) {
    .ways__info {
        padding-top: 61px
    }
}

.ways__info-box {
    position: relative
}

@media screen and (max-width:743px) {
    .ways__info-box {
        width: calc(100% + 20px);
        margin-left: -10px;
        margin-right: -10px
    }
}

.ways__info-bg {
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    right: 15%;
    pointer-events: none
}

@media screen and (max-width:743px) {
    .ways__info-bg {
        display: none
    }
}

.ways__info-arrow {
    display: block;
    margin-left: auto;
    margin-right: 117px;
    margin-top: -5px
}

@media screen and (max-width:1023px) {
    .ways__info-arrow {
        position: absolute;
        right: 0;
        bottom: 0;
        margin: 0;
        margin-right: 60px;
        max-width: 80px;
        transform: translateY(-30px) rotate(80deg) rotateX(180deg)
    }

    .ways__info-arrow.animate-in {
        transform: translateY(0) rotate(80deg) rotateX(180deg)
    }
}

@media screen and (max-width:743px) {
    .ways__info-arrow {
        bottom: -17px;
        max-width: 69px;
        margin-right: 17px
    }
}

.ways__info-content {
    margin-top: 10px
}

@media screen and (max-width:743px) {
    .ways__info-content .h2 {
        max-width: 240px
    }
}

@media screen and (max-width:1023px) {
    .ways__info-content {
        margin-top: 0;
        position: relative;
        margin-bottom: 40px
    }
}

.ways__info-content .label {
    transform: rotate(-4.3deg);
    min-width: 124px;
    margin-bottom: 4px
}

@media screen and (max-width:1023px) {
    .ways__info-content .label {
        min-width: auto
    }
}

@media screen and (max-width:743px) {
    .ways__info-content .label {
        margin-bottom: 1px
    }
}

.ways__info-item {
    display: flex;
    padding: 28px 25px 28px 48px;
    background: #f7f6fb;
    border-radius: 6px;
    gap: 21px;
    align-items: center;
    margin-bottom: 24px;
    border: 2px solid transparent
}

@media screen and (max-width:1439px) {
    .ways__info-item {
        padding-left: 24px
    }
}

@media screen and (max-width:743px) {
    .ways__info-item {
        flex-direction: column;
        align-items: flex-start;
        padding: 30px 22px;
        gap: 17px;
        position: relative;
        margin-bottom: 16px
    }
}

.ways__info-item:hover {
    border-color: #d3d9ea
}

.ways__info-item:hover .ways__info-title {
    color: #e60000
}

.ways__info-item:last-child {
    margin-bottom: 0
}

.ways__info-title {
    font-size: 30px;
    line-height: 1.2;
    display: inline-flex;
    align-items: center;
    gap: 11px;
    font-family: RalewayBold, sans-serif;
    transition: all .35s ease
}

@media screen and (max-width:743px) {
    .ways__info-title {
        font-size: 24px;
        line-height: 1.08
    }
}

.ways__info-title svg {
    flex-shrink: 0;
    color: #e60000;
    transition: all .35s ease
}

.ways__info-text {
    color: #66666c;
    margin-left: auto;
    max-width: 305px
}

@media screen and (max-width:743px) {
    .ways__info-text {
        font-size: 14px;
        line-height: 1.57;
        margin-left: 0;
        max-width: 240px
    }
}

.ways__info-img {
    flex-shrink: 0;
    width: 86px;
    height: 86px
}

@media screen and (max-width:743px) {
    .ways__info-img {
        position: absolute;
        width: 52px;
        height: 52px;
        right: 8px;
        bottom: 19px
    }
}

.price-header {
    padding: 72px 0 94px
}

@media screen and (max-width:743px) {
    .price-header {
        padding-top: 45px;
        padding-bottom: 27px
    }
}

.price-header__row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px
}

@media screen and (max-width:1239px) {
    .price-header__row img {
        max-width: 400px
    }
}

@media screen and (max-width:1023px) {
    .price-header__row {
        flex-direction: column;
        gap: 40px
    }

    .price-header__row img {
        max-width: 100%
    }
}

@media screen and (max-width:743px) {
    .price-header__row {
        align-items: flex-start
    }

    .price-header__row img {
        margin-left: auto;
        margin-right: auto
    }
}

.price-header__content {
    max-width: 830px
}

@media screen and (max-width:743px) {
    .price-header__content h1 {
        font-size: 30px;
        line-height: 1.33;
        max-width: 324px
    }
}

.price-header__content p {
    margin-bottom: 0;
    font-size: 18px;
    line-height: 1.44;
    margin-top: 32px;
    color: #66666c;
    max-width: 440px
}

@media screen and (max-width:743px) {
    .price-header__content p {
        font-size: 16px;
        line-height: 1.5;
        margin-top: 16px
    }

    .price-header__content p br {
        display: none
    }
}

.price .title .h2 {
    max-width: 660px
}

.price .title .label {
    position: absolute;
    right: 102px;
    bottom: 1px;
    transform: rotate(-4.3deg)
}

@media screen and (max-width:1239px) {
    .price .title .label {
        right: 143px
    }
}

@media screen and (max-width:1023px) {
    .price .title .label {
        right: 152px;
        bottom: 18px
    }
}

@media screen and (max-width:743px) {
    .price .title .label {
        right: 0;
        bottom: -40px;
        transform: rotate(4deg);
        z-index: 20
    }
}

@media screen and (max-width:743px) {
    .price .title {
        width: 100%
    }

    .price .title .h2 {
        max-width: 383px
    }
}

.price .title__tutor .label {
    left: 100%
}

@media screen and (max-width:743px) {
    .price .title__tutor .label {
        left: 157px;
        transform: rotate(-3.35deg);
        bottom: -10px;
        z-index: -1
    }
}

.price__row {
    margin-left: -8px;
    margin-right: -8px
}

.price__row>div {
    padding: 0 8px
}

@media screen and (max-width:1239px) {
    .price__row {
        margin-bottom: -40px
    }

    .price__row>div {
        margin-bottom: 40px
    }
}

@media screen and (max-width:743px) {
    .price__row {
        width: calc(100% + 12px);
        margin-left: -6px;
        margin-right: -6px;
        margin-bottom: -16px
    }

    .price__row>div {
        padding: 0;
        margin-bottom: 16px
    }
}

.price__item {
    position: relative;
    border-radius: 6px;
    padding: 27px 24px;
    background: #f7f6fb;
    border: 2px solid transparent;
    transition: all .35s ease;
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 680px
}

@media screen and (max-width:1540px) {
    .price__item {
        padding: 24px 20px
    }
}

@media screen and (max-width:743px) {
    .price__item {
        padding: 30px 22px;
        min-height: auto
    }
}

.price__item:hover {
    border-color: #d3d9ea
}

.price__item.active {
    border-color: rgba(231, 57, 47, .3);
    background: #fff1f1
}

.price__item.active:hover {
    border-color: #f26a6a
}

.price__item--tutor .price__item-list {
    margin-top: auto;
    margin-bottom: 99px
}

@media screen and (max-width:743px) {
    .price__item--tutor .price__item-list {
        margin-bottom: 40px
    }
}

.price__item--full {
    min-height: auto
}

.price__item--full .price__item-header {
    margin-bottom: 30px
}

@media screen and (max-width:1023px) {
    .price__item--full .price__item-header {
        margin-bottom: 20px
    }
}

/* 3 карточки в ряд: тесно, поджимаем цену и плашку */
.price__item--full .price__item-header-flex {
    gap: 12px
}

.price__item--full .price__item-header-flex .price__item-price {
    white-space: nowrap
}

.price__item--full .price__item-header-flex .price__item-btn {
    padding: 12px 14px;
    font-size: 14px;
    text-align: center
}

.price__item--full .price__item-list {
    margin-bottom: 32px
}

.price__item--full .price__item-list:last-child {
    margin-bottom: 0
}

.price__item--full .price__item-body {
    margin-bottom: 40px
}

.price__item .btn {
    margin-top: auto;
    text-transform: uppercase;
    padding: 15px 49px
}

.price__item-icon {
    position: absolute;
    right: 10px;
    top: -39px;
    transform: rotate(15deg);
    animation: wobble 4s ease-in-out infinite;
    transform-origin: center bottom
}

@media screen and (max-width:743px) {
    .price__item-icon {
        top: 5px;
        right: 15px
    }
}

@media screen and (max-width:743px) {
    .price__item-icon--2 {
        top: 100px
    }
}

.price__item-btn {
    background: rgba(255, 255, 255, .1);
    border: 1px solid #d3d9ea;
    border-radius: 6px;
    padding: 15px 20px;
    font-size: 15px;
    line-height: 1.6;
    font-family: RalewaySemiBold, sans-serif;
    margin-bottom: 24px
}

@media screen and (max-width:1540px) {
    .price__item-btn {
        padding-left: 12px;
        padding-right: 12px
    }
}

.price__item-title {
    color: #e60000;
    font-size: 28px;
    font-family: InterSemiBold, sans-serif;
    line-height: 1.2142
}

.price__item-class {
    font-size: 15px;
    line-height: 1.6;
    color: #66666c;
    font-family: InterRegular, sans-serif;
    margin-top: 8px;
    margin-bottom: -8px
}

.price__item-price {
    margin-top: 8px;
    font-family: InterBlack, sans-serif;
    font-size: 32px
}

.price__item-price span {
    font-size: 21px;
    color: #d3d9ea;
    font-family: InterRegular, sans-serif
}

.price__item-price-old {
    font-family: InterRegular, sans-serif;
    position: relative;
    color: #d3d9ea
}

.price__item-price-old span {
    color: #d3d9ea;
    color: #e60000;
    font-family: InterSemiBold, sans-serif;
    position: relative
}

.price__item-price-old span::before {
    content: "";
    position: absolute;
    height: 2px;
    width: 100%;
    left: 0;
    background: #e60000;
    transform: rotate(-10deg);
    top: 50%
}

.price__item-header {
    margin-bottom: 51px;
    position: relative
}

.price__item-header-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 9px;
    gap: 32px
}

.price__item-header-flex .price__item-btn {
    margin: 0
}

.price__item-header-flex .price__item-price {
    margin: 0
}

@media screen and (max-width:1023px) {
    .price__item-header-flex {
        flex-direction: column;
        align-items: flex-start
    }
}

.price__item-who {
    top: calc(100% + 8px);
    position: absolute;
    left: 0;
    font-size: 15px;
    line-height: 1.6;
    color: #66666c;
    font-family: InterRegular, sans-serif
}

.price__item-who span {
    font-family: InterBold, sans-serif;
    color: #e60000
}

.price__item-list {
    margin-bottom: 38px
}

@media screen and (max-width:743px) {
    .price__item-list {
        margin-bottom: 36px
    }
}

.price__item-list-title {
    font-size: 15px;
    line-height: 1.6;
    font-family: RalewaySemiBold, sans-serif;
    margin-bottom: 20px
}

.price__item-list li {
    position: relative;
    font-size: 15px;
    line-height: 1.6;
    color: #66666c;
    margin-bottom: 12px;
    padding-left: 25px
}

@media screen and (max-width:743px) {
    .price__item-list li {
        padding-left: 30px
    }
}

.price__item-list li::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    background: url(../img/price-list.svg) no-repeat center center/contain
}

.price__item-list li:last-child {
    margin-bottom: 0
}

.price__item-alert {
    margin-bottom: 39px;
    background: #f2fde7;
    border: 1px solid #c7eaa0;
    border-radius: 6px;
    padding: 15px 20px;
    font-size: 14px;
    line-height: 1.29;
    font-family: RalewaySemiBold, sans-serif;
    color: #55861d;
    position: relative
}

.price__item-alert img {
    position: absolute;
    right: -16px;
    top: -33px;
    transform: rotate(13deg);
    animation: breathing 3s ease-in-out infinite
}

@media screen and (max-width:1023px) {
    .price__info-box {
        margin-bottom: 42px
    }
}

@media screen and (max-width:1023px) {
    .price__info .cta__bg {
        max-width: 280px
    }
}

@media screen and (max-width:743px) {
    .price__info .cta__bg {
        right: -80px
    }
}

.price__info .cta__box {
    height: 100%;
    max-width: 852px;
    margin-left: auto;
    padding: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

@media screen and (max-width:1439px) {
    .price__info .cta__box {
        padding: 32px
    }
}

@media screen and (max-width:1023px) {
    .price__info .cta__box {
        padding: 58px 14px;
        max-width: 100%
    }
}

@media screen and (max-width:743px) {
    .price__info .cta__box {
        height: auto;
        max-width: none;
        margin-left: -10px;
        overflow: hidden
    }

    .price__info .cta__box .btn {
        width: calc(100% - 34px);
        margin-left: 17px;
        margin-right: 17px
    }
}

.price__info .cta__box .h2 {
    margin-bottom: 40px
}

@media screen and (max-width:1239px) {
    .price__info .cta__box .h2 {
        margin-bottom: 24px
    }
}

@media screen and (max-width:743px) {
    .price__info .cta__box .h2 {
        margin-bottom: 39px
    }
}

.price__info-item {
    background: #f7f6fb;
    border-radius: 6px;
    display: flex;
    align-items: center;
    gap: 27px;
    padding-left: 46px;
    padding-right: 24px;
    margin-bottom: 16px
}

.price__info-item b,
.price__info-item strong {
    font-family: RalewaySemiBold, sans-serif
}

@media screen and (max-width:1239px) {
    .price__info-item {
        padding-left: 6px;
        gap: 12px
    }
}

@media screen and (max-width:743px) {
    .price__info-item {
        gap: 16px;
        padding-top: 5.5px;
        padding-bottom: 5.5px;
        padding-right: 0
    }
}

.price__info-item--long {
    margin-bottom: 24px;
    padding: 24px 24px 24px 46px
}

@media screen and (max-width:743px) {
    .price__info-item--long {
        padding: 40px 16px 24px;
        position: relative;
        margin-bottom: 16px
    }

    .price__info-item--long img {
        position: absolute;
        right: 0;
        top: 0
    }
}

.price__info-item:last-child {
    margin-bottom: 0
}

.price__info-item-title {
    font-size: 20px;
    font-family: RalewaySemiBold, sans-serif;
    line-height: 1.2
}

@media screen and (max-width:743px) {
    .price__info-item-title {
        font-size: 16px;
        line-height: 1.5
    }
}

@media screen and (max-width:743px) {
    .price__info-item-content {
        max-width: calc(100% - 56px)
    }
}

.price__info-item-text {
    color: #66666c;
    margin-top: 16px;
    font-family: RalewayRegular, sans-serif;
    max-width: 672px
}

@media screen and (max-width:743px) {
    .price__info-item-text {
        font-size: 14px;
        line-height: 1.57
    }
}

.price__info-item span {
    max-width: 228px
}

@media screen and (max-width:1023px) {
    .price__info-item span {
        max-width: 100%
    }
}

.price__info-item img {
    width: 79px;
    height: 79px;
    flex-shrink: 0
}

@media screen and (max-width:743px) {
    .price__info-item img {
        width: 69px;
        height: 69px
    }
}

@media screen and (max-width:743px) {
    .reccomend {
        padding-top: 48px
    }
}

@media screen and (max-width:1023px) {
    .reccomend .title {
        margin-top: 80px
    }
}

@media screen and (max-width:1023px) {
    .reccomend__box {
        display: flex;
        flex-direction: column
    }
}

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

    .reccomend__next,
    .reccomend__prev {
        display: none
    }
}

.reccomend__slider {
    padding-bottom: 54px;
    position: relative
}

@media screen and (max-width:1023px) {
    .reccomend__slider {
        padding-bottom: 70px
    }
}

@media screen and (max-width:743px) {
    .reccomend__slider {
        width: calc(100% + 20px)
    }
}

.reccomend__item-img {
    position: relative
}

.reccomend__item-img:hover .play {
    background: #fff
}

.reccomend__item-img img {
    display: block;
    width: 100%;
    aspect-ratio: 326/510;
    border-radius: 8px;
    object-fit: cover
}

.reccomend__item-content {
    padding-top: 16px
}

.reccomend__item-link {
    display: inline-flex;
    align-items: center;
    font-family: RalewaySemiBold, sans-serif;
    color: #66666c;
    gap: 10px
}

.reccomend__item-link:hover {
    color: #e60000
}

.reccomend__item-link:hover svg {
    color: #e60000
}

.reccomend__item-link svg {
    flex-shrink: 0;
    transition: all .35s ease;
    color: #66666c
}

.write {
    padding: 91px 0
}

@media screen and (max-width:1239px) {
    .write .h2 {
        font-size: 40px
    }
}

@media screen and (max-width:1023px) {
    .write {
        order: -1;
        padding: 0
    }

    .write .h2 {
        margin-bottom: 40px
    }
}

@media screen and (max-width:743px) {
    .write .h2 {
        font-size: 32px;
        line-height: 1.37
    }
}

.write__item {
    background: #fff;
    border-radius: 8px;
    padding: 10px 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 66px
}

@media screen and (max-width:743px) {
    .write__item {
        height: 50px
    }
}

@media screen and (max-width:743px) {
    .write__item img {
        max-width: 88px;
        max-height: 27px;
        width: auto
    }
}

.write__slider .swiper-wrapper {
    transition-timing-function: linear !important
}

.write__slider .swiper-slide {
    width: 196px;
    flex-shrink: 0
}

@media screen and (max-width:743px) {
    .write__slider .swiper-slide {
        width: 128px
    }
}

.reviews.bg-gray .reviews__item {
    background: #fff
}

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

    .reviews__next,
    .reviews__prev {
        display: none !important
    }
}

.reviews__top {
    display: flex;
    align-items: flex-end;
    max-width: 1135px;
    margin-bottom: 154px;
    position: relative
}

@media screen and (max-width:1439px) {
    .reviews__top {
        flex-direction: column;
        align-items: flex-start
    }
}

@media screen and (max-width:743px) {
    .reviews__top {
        margin-bottom: 80px
    }
}

.reviews__top-icon {
    position: absolute;
    left: calc(100% + 16px);
    bottom: -45px
}

@media screen and (max-width:1439px) {
    .reviews__top-icon {
        left: auto;
        right: 0;
        bottom: 0
    }
}

@media screen and (max-width:743px) {
    .reviews__top-icon {
        max-width: 44px
    }
}

.reviews__top .btn {
    width: 100%;
    max-width: 348px
}

@media screen and (max-width:1439px) {
    .reviews__top .btn {
        margin-top: 48px
    }
}

@media screen and (max-width:743px) {
    .reviews__top .btn {
        margin-left: auto;
        margin-right: auto;
        padding: 10px 24px !important;
        max-width: 216px
    }
}

.reviews__top-content {
    width: 100%;
    max-width: 696px;
    margin-right: 45px
}

@media screen and (max-width:1439px) {
    .reviews__top-content {
        margin-right: 0
    }
}

.reviews__top-content p {
    margin-bottom: 0;
    margin-top: 32px;
    font-size: 18px;
    line-height: 1.44;
    color: #66666c;
    max-width: 618px
}

@media screen and (max-width:1439px) {
    .reviews__top-content p {
        max-width: 800px
    }
}

@media screen and (max-width:1023px) {
    .reviews__top-content p {
        max-width: 600px
    }
}

@media screen and (max-width:743px) {
    .reviews__top-content p {
        margin-top: 16px;
        font-size: 16px;
        line-height: 1.5
    }
}

.reviews__nav {
    text-align: center;
    margin-top: 80px
}

@media screen and (max-width:1023px) {
    .reviews__nav {
        flex-direction: column;
        display: flex;
        align-items: center;
        gap: 27px
    }
}

@media screen and (max-width:743px) {
    .reviews__nav {
        margin-top: 43px
    }
}

.reviews__nav .btn {
    width: 100%;
    max-width: 348px
}

@media screen and (max-width:743px) {
    .reviews__nav .btn {
        max-width: 248px;
        padding: 10px 24px !important
    }
}

.reviews__videos {
    position: relative
}

.reviews__videos .swiper-horizontal>.swiper-pagination-bullets {
    margin-top: 40px
}

@media screen and (max-width:743px) {
    .reviews__videos .swiper-horizontal>.swiper-pagination-bullets {
        margin-top: 30px
    }
}

.reviews__videos .label {
    position: absolute;
    z-index: 2;
    left: -5px;
    top: -30px;
    transform: rotate(-5.63deg)
}

@media screen and (max-width:743px) {
    .reviews__videos .label {
        left: -13px;
        top: -23px;
        padding: 4px 24px
    }
}

.reviews__videos-nav {
    text-align: center;
    margin-top: 6px;
    position: relative;
    z-index: 2
}

.reviews__videos-nav .btn {
    width: 100%;
    max-width: 383px
}

@media screen and (max-width:743px) {
    .reviews__videos-nav .btn {
        max-width: 256px;
        padding: 10px 24px !important
    }
}

.reviews__slider .swiper-slide {
    height: auto
}

.reviews__header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 56px
}

@media screen and (max-width:743px) {
    .reviews__header .h2 {
        max-width: 320px
    }
}

@media screen and (max-width:743px) {
    .reviews__header {
        margin-bottom: 32px
    }
}

@media screen and (max-width:743px) {
    .reviews__header .title {
        max-width: 100%;
        width: 100%
    }
}

.reviews__header .label {
    transform: rotate(-5.63deg);
    position: absolute;
    left: 94%;
    top: 43px;
    z-index: 20
}

@media screen and (max-width:1239px) {
    .reviews__header .label {
        left: 84%
    }
}

@media screen and (max-width:1023px) {
    .reviews__header .label {
        top: 58px;
        left: 78%
    }
}

@media screen and (max-width:743px) {
    .reviews__header .label {
        right: 0;
        left: auto;
        top: auto;
        bottom: -35px
    }
}

.reviews__header .title {
    margin-bottom: 0
}

.reviews__video {
    border: 1px solid transparent;
    display: block;
    height: 100%;
    transition: all .35s ease;
    border-radius: 6px
}

.reviews__video:hover {
    border-color: #d3d9ea
}

.reviews__video img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 6px
}

.reviews__item {
    background: #f7f6fb;
    border-radius: 6px;
    padding: 32px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    height: 100%;
    border: 1px solid transparent
}

@media screen and (max-width:743px) {
    .reviews__item {
        padding: 30px 22px 17px
    }
}

.reviews__item:hover {
    border-color: #d3d9ea
}

.reviews__item p {
    margin-top: 16px;
    margin-bottom: 0;
    color: #66666c;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

@media screen and (max-width:743px) {
    .reviews__item p {
        font-size: 14px;
        line-height: 1.71;
        margin-bottom: 40px
    }
}

.reviews__item-header {
    display: flex;
    align-items: center;
    gap: 12px
}

.reviews__item-user {
    width: 74px;
    height: 74px;
    border-radius: 50%;
    flex-shrink: 0
}

.reviews__item-content {
    flex-grow: 1
}

.reviews__item-name {
    font-size: 21px;
    font-family: RalewaySemiBold, sans-serif;
    line-height: 1.19
}

.reviews__item-text {
    font-family: RalewaySemiBold, sans-serif;
    font-size: 15px;
    color: #aba9b2;
    margin-top: 4px;
    line-height: 1.2
}

.reviews__list {
    padding-top: 100px;
    position: relative;
    z-index: 1
}

@media screen and (max-width:743px) {
    .reviews__list {
        width: calc(100% + 20px);
        margin-left: -10px;
        margin-right: -10px;
        padding-top: 80px
    }
}

.reviews__list::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0, #fff 100%);
    height: 400px
}

.reviews__list .row {
    margin-bottom: -24px
}

.reviews__list .row>div {
    margin-bottom: 24px
}

.reviews__list .row>div:nth-child(even) .reviews__item {
    background: #fff1f1
}

@media screen and (max-width:743px) {
    .reviews__list .reviews__item {
        padding: 31px
    }
}

@media screen and (max-width:743px) {
    .reviews__list .reviews__item-user {
        width: 50px;
        height: 50px
    }
}

@media screen and (max-width:743px) {
    .reviews__list .reviews__item-text {
        font-size: 13px
    }
}

.reviews__list .reviews__item .text-right {
    margin-left: auto
}

.reviews__list .reviews__item .read-more {
    margin-top: 49px
}

@media screen and (max-width:743px) {
    .reviews__list .reviews__item .read-more {
        margin-top: 0
    }
}

@media screen and (max-width:1023px) {
    .partners__item img {
        max-width: 132px
    }
}

@media screen and (max-width:743px) {
    .partners__item img {
        max-height: 76px;
        width: auto
    }
}

.partners__slider {
    display: flex;
    align-items: center;
    gap: 114px;
    margin-bottom: 80px
}

@media screen and (max-width:1023px) {
    .partners__slider {
        margin-bottom: 8px
    }
}

.partners__slider .swiper-wrapper {
    transition-timing-function: linear !important;
    align-items: center
}

.partners__slider:last-child {
    margin-bottom: 0
}

.partners__slider .swiper-slide {
    width: fit-content;
    height: auto
}

.faq__title {
    position: relative;
    width: fit-content
}

@media screen and (max-width:1023px) {
    .faq__title .h2 {
        max-width: 600px
    }
}

@media screen and (max-width:743px) {
    .faq__title .h2 {
        max-width: 400px
    }
}

.faq__title .label {
    transform: rotate(6.86deg);
    left: calc(100% - 12px);
    bottom: 0;
    position: absolute;
    z-index: -1
}

@media screen and (max-width:1023px) {
    .faq__title .label {
        left: 250px;
        bottom: 10px
    }
}

@media screen and (max-width:743px) {
    .faq__title .label {
        left: 166px;
        bottom: 5px
    }
}

.faq__tabs-nav {
    margin-bottom: 44px;
    overflow-x: auto;
    padding-bottom: 12px
}

@media screen and (max-width:743px) {
    .faq__tabs-nav {
        gap: 8px;
        width: calc(100% + 20px)
    }
}

.faq__tabs-nav .tabs__btn {
    width: 271px
}

@media screen and (max-width:743px) {
    .faq__tabs-nav .tabs__btn {
        font-size: 10px;
        padding: 8.5px 31px;
        width: auto
    }
}

.faq__content {
    position: relative;
    z-index: 1;
    margin-bottom: 56px
}

@media screen and (max-width:743px) {
    .faq__content {
        margin-bottom: 27px
    }

    .faq__content .label {
        display: none
    }
}

.faq__content-icon {
    position: absolute;
    right: 0;
    top: -42px;
    max-width: 146px
}

@media screen and (max-width:1023px) {
    .faq__content-icon {
        top: -20px
    }
}

@media screen and (max-width:743px) {
    .faq__content-icon {
        max-width: 87px;
        right: -17px
    }
}

@media screen and (max-width:743px) {
    .faq__content .h2 {
        max-width: 286px
    }
}

.accordion {
    gap: 24px
}

@media screen and (max-width:743px) {
    .accordion {
        width: calc(100% + 20px);
        margin-left: -10px;
        margin-right: -10px
    }
}

.accordion--center {
    max-width: 1144px;
    margin-left: auto;
    margin-right: auto
}

@media screen and (max-width:743px) {
    .accordion--center {
        margin-left: -10px;
        margin-right: -10px
    }
}

.accordion-box {
    width: calc(50% - 12px)
}

@media screen and (max-width:743px) {
    .accordion-box {
        width: 100%;
        margin-bottom: 16px
    }

    .accordion-box:last-child {
        margin-bottom: 0
    }
}

.accordion-item {
    margin-bottom: 16px;
    background: #f7f6fb;
    border-radius: 8px
}

.accordion-item.active .accordion-toggler svg {
    transform: rotate(45deg);
    color: #6d758f
}

.accordion-item:last-child {
    margin-bottom: 0
}

.accordion-toggler {
    padding: 19px 40px;
    padding-right: 16px;
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    min-height: 82px;
    user-select: none
}

@media screen and (max-width:1239px) {
    .accordion-toggler {
        padding-left: 24px
    }
}

@media screen and (max-width:743px) {
    .accordion-toggler {
        padding: 8px 20px 8px 16px;
        min-height: 66px
    }
}

.accordion-toggler:hover svg {
    color: #6d758f
}

.accordion-toggler__num {
    color: #d3d9ea;
    font-size: 18px;
    font-family: InterSemiBold, sans-serif;
    line-height: 1.33
}

.accordion-toggler__title {
    font-size: 20px;
    line-height: 1.1;
    font-family: RalewaySemiBold, sans-serif
}

@media screen and (max-width:743px) {
    .accordion-toggler__title {
        font-size: 16px;
        line-height: 1.37
    }
}

.accordion-toggler svg {
    margin-left: auto;
    color: #e60000;
    flex-shrink: 0;
    transition: all .35s ease
}

.accordion-hidden {
    display: none;
    padding: 0 44px 32px 80px
}

@media screen and (max-width:743px) {
    .accordion-hidden {
        padding-left: 50px;
        padding-right: 19px;
        padding-bottom: 32px;
        padding-top: 8px
    }
}

.accordion-hidden p {
    color: #66666c;
    margin-bottom: 16px
}

@media screen and (max-width:743px) {
    .accordion-hidden p {
        font-size: 14px;
        line-height: 1.57
    }
}

.accordion-hidden p:last-child {
    margin-bottom: 0
}

@media screen and (max-width:743px) {
    .blogs__slider {
        width: calc(100% + 20px)
    }
}

.blogs__nav {
    text-align: center;
    margin-top: 40px
}

.blogs__nav .btn {
    padding: 13.5px 44px
}

@media screen and (max-width:743px) {
    .blogs__nav .btn {
        width: 100%;
        max-width: 248px;
        padding: 10px 24px !important
    }
}

.blogs .title .btn {
    width: 100%;
    max-width: 218px
}

.blogs__item {
    border-radius: 8px;
    border: 1px solid #d3d9ea;
    overflow: hidden;
    display: flex;
    flex-direction: column
}

.blogs__item:hover {
    background: #f7f6fb
}

.blogs__item-img img {
    width: 100%;
    aspect-ratio: 16/10.353;
    border-radius: 8px
}

.blogs__item-content {
    padding: 20px 24px 29px;
    flex-grow: 1;
    display: flex;
    flex-direction: column
}

@media screen and (max-width:743px) {
    .blogs__item-content {
        padding: 26px 24px 16px
    }
}

.blogs__item-content .read-more {
    font-size: 14px
}

.blogs__item-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-top: auto
}

.blogs__item-date {
    color: #d3d9ea;
    font-family: InterRegular, sans-serif
}

@media screen and (max-width:743px) {
    .blogs__item-date {
        font-size: 12px
    }
}

.blogs__item-title {
    font-family: InterSemiBold, sans-serif;
    margin-bottom: 27px
}

@media screen and (max-width:743px) {
    .blogs__item-title {
        font-size: 14px;
        line-height: 1.43
    }
}

.seo {
    padding-bottom: 75px;
    padding-top: 97px
}

@media screen and (max-width:743px) {
    .seo {
        padding-top: 56px;
        padding-bottom: 56px
    }
}

.seo__box {
    margin-bottom: 24px;
    height: 170px;
    overflow: hidden;
    position: relative
}

@media screen and (max-width:1239px) {
    .seo__box {
        height: 240px
    }
}

.seo__box.active {
    height: auto
}

.seo__box.active::before {
    opacity: 0;
    visibility: hidden
}

.seo__box::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    pointer-events: none;
    height: 90px;
    background: linear-gradient(180deg, rgba(255, 255, 255, .61) 0, #fff 100%);
    z-index: 1;
    transition: all .35s ease
}

@media screen and (max-width:1239px) {
    .seo__box::before {
        height: 45px
    }
}

.seo__box h2 {
    font-size: 40px;
    line-height: 1.25;
    font-family: RalewaySemiBold, sans-serif;
    margin-bottom: 32px;
    text-transform: none;
    margin-top: 40px
}

.seo__box h2:first-child {
    margin-top: 0
}

@media screen and (max-width:743px) {
    .seo__box h2 {
        font-size: 24px;
        line-height: 1.33;
        margin-bottom: 16px;
        margin-top: 32px
    }
}

.seo__box h3 {
    font-size: 32px;
    line-height: 1.25;
    font-family: RalewaySemiBold, sans-serif;
    margin-bottom: 32px;
    margin-top: 40px;
    text-transform: uppercase
}

@media screen and (max-width:743px) {
    .seo__box h3 {
        font-size: 20px;
        margin-bottom: 16px;
        margin-top: 32px
    }
}

.seo__box h3:first-child {
    margin-top: 0
}

.seo__box h4 {
    font-family: RalewayMedium, sans-serif;
    font-size: 21px;
    line-height: 1.1442;
    margin-bottom: 16px
}

.seo__box p {
    margin-bottom: 24px;
    color: #55595d
}

@media screen and (max-width:743px) {
    .seo__box p {
        font-size: 14px;
        line-height: 1.43;
        margin-bottom: 16px
    }
}

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

.seo__box ol {
    padding-left: 20px;
    margin-bottom: 24px
}

@media screen and (max-width:743px) {
    .seo__box ol {
        margin-bottom: 16px;
        padding-left: 16px
    }
}

.seo__box ol:last-child {
    margin-bottom: 0
}

.seo__box ol li {
    margin-bottom: 8px;
    list-style: decimal;
    color: #55595d
}

@media screen and (max-width:743px) {
    .seo__box ol li {
        font-size: 14px;
        line-height: 1.43
    }
}

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

.seo__box ul {
    padding-left: 20px;
    margin-bottom: 24px
}

@media screen and (max-width:743px) {
    .seo__box ul {
        margin-bottom: 16px;
        padding-left: 16px
    }
}

.seo__box ul:last-child {
    margin-bottom: 0
}

.seo__box ul li {
    margin-bottom: 8px;
    list-style: disc;
    color: #55595d
}

@media screen and (max-width:743px) {
    .seo__box ul li {
        font-size: 14px;
        line-height: 1.43
    }
}

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

.thanks {
    padding-top: 142px;
    padding-bottom: 163px
}

@media screen and (max-width:743px) {
    .thanks {
        padding-top: 104px;
        padding-bottom: 146px
    }
}

.thanks__box {
    max-width: 541px;
    text-align: center;
    margin: 0 auto
}

.thanks__box .h1 {
    margin-bottom: 20px
}

@media screen and (max-width:743px) {
    .thanks__box .h1 {
        margin-bottom: 25px
    }
}

.thanks__box p {
    font-size: 21px;
    line-height: 1.24;
    font-family: InterRegular, sans-serif;
    margin-bottom: 39px
}

@media screen and (max-width:743px) {
    .thanks__box p {
        font-size: 16px;
        line-height: 1.62;
        margin-bottom: 18px
    }
}

.thanks__box h3 {
    font-size: 28px;
    line-height: 1.2;
    text-align: center;
    font-family: InterSemiBold, sans-serif;
    margin-bottom: 24px
}

@media screen and (max-width:743px) {
    .thanks__box h3 {
        font-size: 21px;
        line-height: 1.24;
        margin-bottom: 30px
    }
}

.thanks__box .label {
    transform: rotate(-3.18deg);
    margin-bottom: 29px;
    margin-left: auto;
    margin-right: auto
}

@media screen and (max-width:743px) {
    .thanks__box .label {
        font-size: 16px;
        padding: 6px 24px
    }
}

.thanks__nav {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 36px
}

@media screen and (max-width:743px) {
    .thanks__nav {
        gap: 24px
    }
}

.thanks__nav-link {
    width: 89px;
    height: 61px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f7f6fb;
    border-radius: 6px;
    border: 1px solid transparent
}

@media screen and (max-width:743px) {
    .thanks__nav-link {
        width: 70px;
        height: 47px
    }
}

.thanks__nav-link:hover {
    border-color: #f26a6a;
    background: #fff1f1
}

.thanks__nav-link:hover svg {
    color: #e60000
}

.thanks__nav-link svg {
    transition: all .35s ease
}

.thanks__nav-link--tg svg {
    color: #0297f9
}

@media screen and (max-width:743px) {
    .thanks__nav-link--tg svg {
        width: 31px;
        height: 29px
    }
}

.thanks__nav-link--vb svg {
    color: #984bf1
}

@media screen and (max-width:743px) {
    .thanks__nav-link--vb svg {
        width: 26px;
        height: 29px
    }
}

.license {
    padding-top: 78px;
    padding-bottom: 99px
}

@media screen and (max-width:1023px) {
    .license {
        padding-bottom: 80px
    }
}

@media screen and (max-width:743px) {
    .license {
        padding-top: 44px;
        padding-bottom: 75px
    }
}

.license__content {
    max-width: 704px;
    position: relative;
    margin-bottom: 106px
}

@media screen and (max-width:1023px) {
    .license__content {
        margin-bottom: 80px
    }
}

@media screen and (max-width:743px) {
    .license__content {
        margin-bottom: 56px
    }
}

@media screen and (max-width:1023px) {
    .license__content h1 {
        max-width: 330px
    }
}

@media screen and (max-width:743px) {
    .license__content h1 {
        max-width: 260px
    }
}

.license__content p {
    margin-bottom: 0;
    margin-top: 34px;
    color: #66666c
}

@media screen and (max-width:1023px) {
    .license__content p {
        margin-top: 24px
    }
}

@media screen and (max-width:743px) {
    .license__content p {
        margin-top: 16px
    }
}

.license__content img {
    position: absolute;
    left: calc(100% + 60px);
    top: 9px;
    pointer-events: none;
    max-width: 87px
}

@media screen and (max-width:1023px) {
    .license__content img {
        left: 350px;
        top: -5px
    }
}

@media screen and (max-width:743px) {
    .license__content img {
        max-width: 61px;
        left: 230px;
        top: -13px
    }
}

.license__doc {
    max-width: 697px;
    margin: 0 auto;
    display: block
}

@media screen and (max-width:743px) {
    .license__doc {
        padding: 0 4px
    }
}

@media screen and (max-width:743px) {
    .contacts {
        padding-top: 44px
    }
}

.contacts__header {
    margin-bottom: 56px;
    position: relative;
    width: fit-content
}

@media screen and (max-width:1239px) {
    .contacts__header h1 {
        max-width: 440px
    }
}

@media screen and (max-width:743px) {
    .contacts__header h1 {
        max-width: 290px
    }
}

.contacts__header-icon {
    max-width: 95px;
    position: absolute;
    bottom: 0;
    left: calc(100% + 60px)
}

@media screen and (max-width:1239px) {
    .contacts__header-icon {
        left: calc(100% + 32px)
    }
}

@media screen and (max-width:743px) {
    .contacts__header-icon {
        left: auto;
        right: -30px;
        bottom: auto;
        top: -26px;
        max-width: 73px
    }
}

@media screen and (max-width:743px) {
    .contacts__content {
        width: calc(100% + 20px);
        margin-left: -10px;
        margin-right: -10px
    }
}

.contacts__content .row {
    margin-bottom: -101px
}

@media screen and (max-width:1023px) {
    .contacts__content .row {
        margin-bottom: -50px
    }
}

@media screen and (max-width:743px) {
    .contacts__content .row {
        margin-bottom: -40px
    }
}

.contacts__content .row>div {
    margin-bottom: 101px
}

@media screen and (max-width:1023px) {
    .contacts__content .row>div {
        margin-bottom: 50px
    }
}

@media screen and (max-width:743px) {
    .contacts__content .row>div {
        margin-bottom: 40px
    }
}

.contacts__site {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    color: #d3d9ea
}

.contacts__site svg {
    flex-shrink: 0
}

.contacts__site:hover {
    color: #b0bbda
}

.contacts__about-time span {
    display: block
}

.contacts__about-time-val {
    font-family: RalewaySemiBold, sans-serif;
    color: #2b2b39
}

.contacts__about-item {
    display: flex;
    align-items: flex-start;
    font-size: 20px;
    color: #66666c;
    gap: 8px;
    margin-bottom: 24px
}

.contacts__about-item:last-child {
    margin-bottom: 0
}

.contacts__about-item svg {
    flex-shrink: 0
}

.contacts__item {
    border-radius: 6px;
    padding: 60px;
    background: #f7f6fb;
    padding-right: 32px;
    padding-bottom: 65px;
    height: 100%;
    overflow: hidden
}

@media screen and (max-width:1239px) {
    .contacts__item {
        padding: 32px;
        padding-right: 24px
    }
}

@media screen and (max-width:1023px) {
    .contacts__item {
        padding: 40px 24px
    }
}

.contacts__item--about {
    min-height: 445px
}

@media screen and (max-width:1023px) {
    .contacts__item--about {
        min-height: 360px
    }
}

@media screen and (max-width:743px) {
    .contacts__item--about {
        min-height: 340px
    }
}

.contacts__item--map {
    padding: 0
}

.contacts__item--map iframe {
    display: block;
    width: 100%;
    height: 100%
}

@media screen and (max-width:743px) {
    .contacts__item--map {
        width: calc(100% + 20px);
        margin-left: -10px;
        margin-right: -10px;
        border-radius: 0
    }

    .contacts__item--map iframe {
        height: 308px
    }
}

.contacts__item-title {
    font-family: RalewayBold, sans-serif;
    font-size: 40px;
    line-height: 1.175;
    margin-bottom: 32px
}

@media screen and (max-width:1239px) {
    .contacts__item-title {
        font-size: 28px
    }
}

@media screen and (max-width:1023px) {
    .contacts__item-title {
        margin-bottom: 24px;
        font-size: 24px
    }
}

@media screen and (max-width:743px) {
    .contacts__item-title {
        font-size: 26px;
        line-height: 1.1943;
        margin-bottom: 31px
    }
}

.contacts__info-nav {
    display: flex;
    align-items: center;
    gap: 32px
}

@media screen and (max-width:1239px) {
    .contacts__info-nav {
        gap: 16px
    }
}

@media screen and (max-width:743px) {
    .contacts__info-nav {
        gap: 34px;
        padding-bottom: 12px
    }
}

.contacts__info-nav-link {
    display: flex;
    align-items: center;
    font-size: 30px;
    color: #66666c;
    gap: 8px
}

.contacts__info-nav-link svg {
    color: #2b2b39;
    transition: all .35s ease
}

.contacts__info-nav-link:hover {
    color: #e60000
}

.contacts__info-nav-link:hover svg {
    color: #e60000
}

@media screen and (max-width:1239px) {
    .contacts__info-nav-link {
        font-size: 24px
    }

    .contacts__info-nav-link svg {
        width: 28px
    }
}

@media screen and (max-width:743px) {
    .contacts__info-nav-link {
        gap: 12px
    }
}

.contacts__info-phone {
    display: flex;
    align-items: center;
    width: max-content;
    font-size: 30px;
    font-family: InterMedium, sans-serif;
    color: #66666c;
    gap: 8px;
    margin-bottom: 16px;
    line-height: 1;
    padding: 12px 0
}

@media screen and (max-width:1023px) {
    .contacts__info-phone {
        font-size: 24px;
        padding: 4px 0
    }
}

@media screen and (max-width:743px) {
    .contacts__info-phone {
        padding: 12px 0
    }
}

.contacts__info-phone:hover {
    color: #e60000
}

.contacts__info-email {
    display: flex;
    align-items: center;
    width: max-content;
    font-size: 20px;
    line-height: 1.2;
    color: #66666c;
    gap: 8px;
    margin-bottom: 30px
}

.contacts__info-email:hover {
    color: #e60000
}

@media screen and (max-width:743px) {
    .contacts__info-email {
        font-size: 16px;
        margin-bottom: 34px
    }
}

.contacts__info-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 596px;
    gap: 24px
}

@media screen and (max-width:1023px) {
    .contacts__info-footer {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px
    }
}

@media screen and (max-width:743px) {
    .contacts__info-footer {
        gap: 29px
    }
}

.contacts__info-footer .label {
    transform: rotate(-1.33deg)
}

.balance__box {
    background: #2b2b39;
    border-radius: 6px;
    padding: 66px 40px 56px;
    position: relative;
    overflow: hidden
}

@media screen and (max-width:1023px) {
    .balance__box {
        padding: 48px 32px 280px
    }
}

@media screen and (max-width:743px) {
    .balance__box {
        padding: 24px 24px 259px
    }
}

.balance__box-arrow {
    position: absolute;
    top: 20px;
    right: 110px
}

@media screen and (max-width:1239px) {
    .balance__box-arrow {
        right: 30px
    }
}

.balance__box-img {
    position: absolute;
    bottom: 0;
    right: 0;
    max-width: 40%
}

@media screen and (max-width:743px) {
    .balance__box-img {
        max-width: 275px;
        margin-left: auto;
        margin-right: auto;
        transform: translateX(-50%);
        left: 50%
    }
}

.balance__box-content {
    max-width: 660px;
    width: 100%;
    position: relative
}

@media screen and (max-width:1239px) {
    .balance__box-content {
        max-width: 548px
    }
}

@media screen and (max-width:1023px) {
    .balance__box-content {
        max-width: 100%
    }
}

.balance__box-content .h2 {
    color: #fff;
    max-width: 550px
}

@media screen and (max-width:743px) {
    .balance__box-content .h2 {
        font-size: 32px;
        line-height: 1.31
    }
}

.balance__box-content p {
    font-size: 24px;
    line-height: 1.3;
    margin-bottom: 44px;
    color: #fff;
    margin-top: 20px;
    max-width: 668px
}

@media screen and (max-width:1239px) {
    .balance__box-content p {
        font-size: 20px;
        max-width: 548px
    }
}

@media screen and (max-width:743px) {
    .balance__box-content p {
        font-size: 16px;
        line-height: 1.37;
        margin-top: 16px;
        margin-bottom: 16px
    }
}

.balance__info {
    background: #3a3a47;
    border-radius: 6px;
    padding: 32px 85px 32px 46px;
    margin-top: 44px;
    display: flex;
    gap: 27px;
    align-items: flex-start
}

@media screen and (max-width:1239px) {
    .balance__info {
        padding-left: 32px;
        gap: 16px;
        padding-right: 48px
    }
}

@media screen and (max-width:743px) {
    .balance__info {
        margin-top: 0;
        padding: 23px;
        flex-direction: column
    }
}

.balance__info img {
    flex-shrink: 0
}

@media screen and (max-width:743px) {
    .balance__info img {
        width: 60px
    }
}

.balance__info-title {
    font-size: 20px;
    font-family: RalewaySemiBold, sans-serif;
    line-height: 1.2;
    color: #fff
}

@media screen and (max-width:743px) {
    .balance__info-title {
        font-size: 18px;
        line-height: 1.17
    }
}

.balance__info-content p {
    margin-bottom: 0;
    margin-top: 16px;
    color: #a5a5ac;
    font-size: 16px;
    line-height: 1.5
}

@media screen and (max-width:743px) {
    .balance__info-content p {
        font-size: 14px;
        line-height: 1.71
    }
}

.touch__nav {
    margin-top: 32px
}

@media screen and (max-width:743px) {
    .touch__nav .btn {
        padding-left: 24px;
        padding-right: 12px;
        width: 100%
    }
}

.touch__box {
    border-radius: 8px;
    padding: 45px 50px 55px;
    background: #2b2b39
}

@media screen and (max-width:1023px) {
    .touch__box {
        padding: 32px
    }
}

@media screen and (max-width:743px) {
    .touch__box {
        padding: 24px 20px;
        width: calc(100% + 40px);
        margin-left: -20px;
        margin-right: -20px;
        border-radius: 0
    }
}

.touch__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 32px
}

.touch__item {
    background: #3a3a47;
    padding: 24px;
    border-radius: 6px;
    position: relative;
    height: 100%
}

@media screen and (max-width:1239px) {
    .touch__item {
        padding: 16px
    }
}

.touch__item img {
    display: block;
    margin: 0 auto 12px
}

.touch__item p {
    margin-bottom: 0;
    font-family: RalewaySemiBold, sans-serif;
    color: #fff;
    text-align: center;
    max-width: 165px;
    margin-left: auto;
    margin-right: auto
}

.touch__item-num {
    left: 20px;
    top: 20px;
    font-family: InterSemiBold, sans-serif;
    font-size: 32px;
    line-height: .75;
    color: #717187;
    position: absolute
}

.shel .h2 {
    margin-bottom: 24px
}

@media screen and (max-width:1023px) {
    .shel .h2 {
        max-width: 450px
    }
}

.shel__tabs-nav .tabs__btn {
    padding-left: 24px;
    padding-right: 24px
}

.shel__box {
    background: #f7f6fb;
    border-radius: 8px;
    padding: 30px 30px;
    margin-top: 24px
}

@media screen and (max-width:1023px) {
    .shel__box {
        padding: 16px
    }
}

.shel__scroll {
    overflow-y: auto;
    padding-right: 38px;
    aspect-ratio: 16/9;
    width: min(100%, 177.7777777778vh);
    height: min(56.25vw, 100vh);
    max-height: 596px;
    width: 100%
}

@media screen and (max-width:1023px) {
    .shel__scroll {
        padding-right: 12px
    }
}

@media screen and (max-width:743px) {
    .shel__scroll {
        overflow-x: auto;
        height: auto;
        min-height: 450px
    }
}

.shel__scroll::-webkit-scrollbar {
    background: #e1dfe8;
    border-radius: 82px;
    width: 3px;
    height: 3px
}

.shel__scroll::-webkit-scrollbar-thumb {
    background: #2b2b39;
    border-radius: 82px;
    cursor: pointer
}

.shel__table {
    width: 100%;
    border-spacing: 4px;
    margin-bottom: 16px;
    min-width: 900px
}

@media screen and (max-width:743px) {
    .shel__table {
        border-spacing: 3px;
        margin-bottom: 13px
    }
}

.shel__table:last-child {
    margin-bottom: 0
}

.shel__table td {
    height: 46px;
    border-radius: 4px;
    text-align: center;
    background: #e7e5ef;
    color: #827c97;
    font-size: 13px;
    line-height: 1.52
}

@media screen and (max-width:743px) {
    .shel__table td {
        font-size: 9px;
        height: 33px
    }
}

.shel__table td:first-child {
    font-family: InterRegular, sans-serif;
    width: 140px
}

@media screen and (max-width:743px) {
    .shel__table td:first-child {
        width: 100px
    }
}

.shel__table td.bold {
    font-family: InterBold, sans-serif
}

.shel__table .bg-purple {
    background: #e5dfff;
    color: #3a3160
}

.shel__table .bg-blue {
    background: #dfebff;
    color: #3a3160
}

.shel__table .bg-orange {
    background: #fff1df;
    color: #3a3160
}

.shel__table .bg-red {
    background: #ffe3df;
    color: #3a3160
}

.shel__table .bg-lightgreen {
    background: #f3ffdf;
    color: #3a3160
}

.shel__table .bg-salat {
    background: #ffe3df;
    color: #3a3160
}

.shel__table .bg-white {
    background: #fff
}

.shel__table .bg-black {
    background: #2b2b39;
    color: #fff;
    font-family: RalewayBold, sans-serif
}

.online {
    padding-top: 44px;
    padding-bottom: 48px;
    position: relative;
    z-index: 1
}

@media screen and (max-width:743px) {
    .online {
        padding-top: 24px;
        padding-bottom: 14px
    }
}

.online .h2 {
    max-width: 450px
}

@media screen and (max-width:1239px) {
    .online .h2 {
        max-width: 420px;
        margin-bottom: 32px
    }
}

@media screen and (max-width:1023px) {
    .online .h2 {
        max-width: 460px
    }
}

@media screen and (max-width:743px) {
    .online .h2 {
        max-width: 310px
    }
}

.online__img {
    position: absolute;
    left: 45px;
    bottom: 0;
    z-index: -1
}

@media screen and (max-width:1540px) {
    .online__img {
        left: 0
    }
}

@media screen and (max-width:1239px) {
    .online__img {
        position: static
    }
}

.online__info {
    border-radius: 8px;
    padding: 31px 16px;
    background: #fff;
    margin-bottom: 69px
}

@media screen and (max-width:1239px) {
    .online__info {
        margin-bottom: 32px
    }
}

@media screen and (max-width:743px) {
    .online__info {
        padding: 27px 16px
    }
}

.online__info p {
    font-size: 18px;
    color: #66666c;
    line-height: 1.4;
    margin-bottom: 20px
}

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

.online__info p b,
.online__info p strong {
    font-family: RalewayBold, sans-serif
}

@media screen and (max-width:743px) {
    .online__info p {
        font-size: 16px
    }
}

.online__garantee {
    border-radius: 6px;
    padding: 32px;
    background: #fff
}

@media screen and (max-width:1239px) {
    .online__garantee {
        padding: 24px
    }
}

@media screen and (max-width:743px) {
    .online__garantee {
        padding: 16px;
        margin-top: -4px
    }
}

.online__garantee .row {
    margin-bottom: 32px
}

@media screen and (max-width:743px) {
    .online__garantee .row {
        margin-bottom: 25px
    }
}

.online__garantee .h3 {
    margin-bottom: 32px
}

.online__garantee-item {
    text-align: center
}

.online__garantee-item img {
    display: block;
    margin: 0 auto 12px
}

@media screen and (max-width:743px) {
    .online__garantee-item img {
        margin-bottom: 8px
    }
}

.online__garantee-item-title {
    font-size: 18px;
    line-height: 1.4;
    font-family: RalewaySemiBold, sans-serif;
    margin-bottom: 12px
}

@media screen and (max-width:743px) {
    .online__garantee-item-title {
        font-size: 17px;
        margin-bottom: 0
    }
}

.online__garantee-item-text {
    font-size: 18px;
    line-height: 1.4;
    color: #66666c;
    max-width: 240px;
    margin-left: auto;
    margin-right: auto
}

@media screen and (max-width:743px) {
    .online__garantee-item-text {
        font-size: 16px
    }
}

.online__garantee-alert {
    border: 1px solid #f1f0f5;
    border-radius: 6px;
    padding: 23px;
    display: flex;
    align-items: center;
    gap: 24px;
    margin-bottom: 32px
}

@media screen and (max-width:743px) {
    .online__garantee-alert {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
        margin-bottom: 25px
    }
}

.online__garantee-alert-title {
    font-size: 18px;
    line-height: 1.4;
    font-family: RalewaySemiBold, sans-serif
}

@media screen and (max-width:743px) {
    .online__garantee-alert-title {
        font-size: 16px
    }
}

.online__garantee-alert-text {
    font-size: 18px;
    line-height: 1.4;
    color: #66666c
}

@media screen and (max-width:743px) {
    .online__garantee-alert-text {
        font-size: 16px
    }
}

.online__garantee-alert img {
    flex-shrink: 0;
    width: 71px
}

.online__garantee-quote {
    border-radius: 6px;
    padding: 24px;
    background: #fff1f1 url(/img/official-alrt-bg.svg) no-repeat right bottom
}

@media screen and (max-width:743px) {
    .online__garantee-quote {
        padding: 7px 12px;
        background: #fff1f1
    }
}

.online__garantee-quote-title {
    font-size: 18px;
    line-height: 1.4;
    font-family: RalewaySemiBold, sans-serif;
    margin-bottom: 12px;
    max-width: 540px
}

@media screen and (max-width:743px) {
    .online__garantee-quote-title {
        font-size: 16px
    }
}

.online__garantee-quote .btn {
    padding-left: 32px;
    padding-right: 32px
}

@media screen and (max-width:743px) {
    .online__garantee-quote .btn {
        padding-left: 24px;
        padding-right: 24px;
        width: 100%
    }
}

.work {
    padding-top: 44px;
    padding-bottom: 59px
}

@media screen and (max-width:743px) {
    .work {
        padding-top: 24px;
        padding-bottom: 40px
    }
}

.work .h2 {
    margin-bottom: 27px;
    max-width: 900px
}

@media screen and (max-width:743px) {
    .work .h2 {
        margin-bottom: 33px
    }
}

.work__item {
    border-radius: 8px;
    background: #fff;
    padding: 32px 16px 32px 32px;
    position: relative;
    z-index: 1;
    height: 100%;
    display: flex;
    gap: 10px;
    align-items: flex-start
}

@media screen and (max-width:1239px) {
    .work__item {
        padding: 32px 16px 28px
    }
}

.work__item img {
    width: 79px;
    height: 79px;
    flex-shrink: 0
}

@media screen and (max-width:1239px) {
    .work__item img {
        width: 60px;
        height: 60px
    }
}

@media screen and (max-width:743px) {
    .work__item img {
        width: 48px;
        height: 48px
    }
}

.work__item-num {
    font-size: 32px;
    font-family: InterSemiBold, sans-serif;
    color: #d3d9ea;
    position: absolute;
    top: 31px;
    right: 19px;
    line-height: .75
}

@media screen and (max-width:743px) {
    .work__item-num {
        font-size: 24px;
        line-height: 1
    }
}

.work__item-title {
    font-family: RalewaySemiBold, sans-serif;
    font-size: 20px;
    line-height: 1.1;
    margin-bottom: 12px;
    padding-right: 56px
}

@media screen and (max-width:743px) {
    .work__item-title {
        font-size: 16px;
        line-height: 1.37;
        padding-right: 45px
    }
}

.work__item-text {
    color: #66666c
}

@media screen and (max-width:743px) {
    .work__item-text {
        font-size: 14px;
        line-height: 1.5
    }
}

.work__item--black {
    background: #2b2b39
}

.work__item--black .work__item-title {
    color: #fff
}

.work__item--black .work__item-text {
    color: #a5a5ac
}

.work__item--black .work__item-num {
    color: #717187
}

.work__info .h3 {
    max-width: 678px;
    margin-bottom: 22px
}

@media screen and (max-width:743px) {
    .work__info .h3 {
        margin-bottom: 32px
    }
}

.work__info-alert {
    display: flex;
    align-items: center;
    gap: 16px
}

@media screen and (max-width:743px) {
    .work__info-alert {
        align-items: flex-start
    }
}

.work__info-alert img {
    flex-shrink: 0;
    width: 79px;
    height: 79px
}

@media screen and (max-width:743px) {
    .work__info-alert img {
        width: 48px;
        height: 48px
    }
}

.work__info-alert-text {
    font-family: RalewaySemiBold, sans-serif;
    max-width: 436px
}

@media screen and (max-width:743px) {
    .work__info-alert-text {
        font-size: 14px
    }
}

.work__info-alert-text a {
    text-decoration: underline;
    text-decoration-skip-ink: none;
    color: #55861d
}

.work__info-alert-text a:hover {
    text-decoration: none
}

.how {
    overflow: hidden
}

@media screen and (max-width:1023px) {
    .how__content .h2 {
        max-width: 520px
    }
}

.how__content .learn__list {
    margin-top: 40px;
    margin-bottom: 0
}

@media screen and (max-width:743px) {
    .how__content .learn__list {
        margin-top: 32px
    }
}

.how__content .learn__list li {
    margin-bottom: 24px
}

@media screen and (max-width:1023px) {
    .how__content .learn__list li {
        margin-bottom: 16px
    }
}

.how__content .learn__list li:last-child {
    margin-bottom: 0
}

.how__list {
    margin-top: 39px
}

@media screen and (max-width:743px) {
    .how__list {
        margin-top: 31px
    }
}

.how__list li {
    display: flex;
    align-items: center;
    gap: 24px;
    color: #66666c;
    margin-bottom: 18px
}

@media screen and (max-width:1023px) {
    .how__list li {
        gap: 16px;
        margin-bottom: 16px
    }
}

@media screen and (max-width:743px) {
    .how__list li {
        gap: 22px;
        font-size: 14px;
        line-height: 1.43;
        max-width: 300px
    }
}

.how__list li:last-child {
    margin-bottom: 0
}

.how__list li img {
    flex-shrink: 0;
    width: 79px
}

@media screen and (max-width:1023px) {
    .how__list li img {
        width: 62px
    }
}

@media screen and (max-width:743px) {
    .how__list li img {
        width: 48px
    }
}

.how__img {
    width: fit-content;
    margin-left: auto;
    position: relative;
    z-index: 1;
    padding-top: 70px
}

@media screen and (max-width:1023px) {
    .how__img {
        margin-left: auto;
        margin-right: auto
    }
}

@media screen and (max-width:743px) {
    .how__img {
        padding-top: 32px
    }
}

.how__preview {
    position: absolute;
    z-index: 2;
    border: 4px solid #fff;
    border-radius: 6px;
    width: 100%;
    max-width: 344px;
    background: #fff;
    box-shadow: 14px 14px 25px 0 #cbc8d4;
    bottom: -74px;
    left: -90px
}

.how__preview:hover {
    box-shadow: none
}

@media screen and (max-width:1239px) {
    .how__preview {
        left: -40px;
        max-width: 280px
    }
}

@media screen and (max-width:1023px) {
    .how__preview {
        left: -12px;
        bottom: auto;
        top: 50%
    }
}

@media screen and (max-width:743px) {
    .how__preview {
        border-width: 1px;
        max-width: 124px;
        left: -6px;
        border-radius: 2px;
        top: 36%
    }
}

.how__preview-icon {
    position: absolute;
    z-index: 3;
    right: 14px;
    top: 14px;
    border-radius: 6px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px
}

@media screen and (max-width:743px) {
    .how__preview-icon {
        width: 13px;
        height: 13px;
        right: 4px;
        top: 4px;
        border-radius: 2px
    }

    .how__preview-icon svg {
        width: 7px
    }
}

.how__preview-name {
    position: absolute;
    z-index: 3;
    padding: 18px;
    width: 100%;
    left: 0;
    bottom: 0;
    font-size: 15px;
    line-height: 1.2;
    color: #fff;
    font-family: RalewaySemiBold, sans-serif
}

@media screen and (max-width:743px) {
    .how__preview-name {
        font-size: 5px;
        padding: 6px
    }
}

.how__preview::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 6px;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 1.79%, rgba(0, 0, 0, .5) 100%)
}

.how__preview img {
    border-radius: 6px
}

.how__play {
    padding: 14px 40px;
    display: flex;
    align-items: center;
    gap: 18px;
    position: absolute;
    top: calc(100% + 95px);
    left: 102px;
    width: 100%;
    max-width: 292px
}

.how__play rect {
    transition: all .35s ease
}

@media screen and (max-width:1023px) {
    .how__play {
        position: relative;
        left: 0;
        margin-left: auto;
        margin-right: auto;
        margin-top: 80px
    }
}

@media screen and (max-width:743px) {
    .how__play {
        max-width: 219px;
        padding: 14px;
        margin-top: 61px;
        margin-left: 0;
        padding-left: 4px
    }
}

.how__play:hover .how__play-icon rect {
    fill: #e60000;
    stroke: #e60000
}

.how__play:hover .how__play-icon path {
    fill: #fff
}

.how__play-arrow {
    position: absolute;
    top: -80px;
    right: -110px
}

@media screen and (max-width:743px) {
    .how__play-arrow {
        top: -56px;
        right: auto;
        left: 100%
    }
}

.how__play span {
    line-height: 1.87;
    font-family: InterMedium, sans-serif
}

.how__play svg {
    flex-shrink: 0
}

.service {
    padding-top: 70px
}

.service .tabs__item {
    margin-top: 100px
}

.service .tabs__item:first-child {
    margin-top: 0
}

.service .tabs__item[style] {
    margin-top: 0
}

.service .teacher__slider {
    margin-top: 212px
}

@media screen and (max-width:1023px) {
    .service .teacher__slider {
        margin-top: 56px
    }
}

.service__title {
    position: relative;
    width: fit-content;
    margin-bottom: 56px
}

@media screen and (max-width:743px) {
    .service__title {
        margin-bottom: 32px
    }
}

@media screen and (max-width:743px) {
    .service__title .h2 {
        max-width: 210px
    }
}

.service__title-icon {
    position: absolute;
    left: calc(100% + 56px);
    top: -30px
}

@media screen and (max-width:1023px) {
    .service__title-icon {
        left: 100%
    }
}

@media screen and (max-width:743px) {
    .service__title-icon {
        width: 74px;
        height: 74px;
        transform: translateY(-50%);
        top: 50%
    }
}

.service__tabs {
    width: 100%
}

.service__tabs-nav {
    margin-bottom: 56px
}

@media screen and (max-width:743px) {
    .service__tabs-nav {
        margin-bottom: 48px
    }
}

@media screen and (max-width:743px) {
    .service__tabs-nav {
        overflow-x: auto;
        padding-bottom: 8px;
        gap: 8px
    }
}

.service__tabs-nav .tabs__btn {
    width: 100%;
    max-width: 368px
}

@media screen and (max-width:1023px) {
    .curator {
        padding-top: 0;
        background: 0 0;
        padding-bottom: 0
    }
}

.curator__quote {
    position: relative;
    z-index: 1;
    max-width: 629px
}

@media screen and (max-width:1023px) {
    .curator__quote {
        max-width: 100%;
        border-radius: 6px;
        padding: 40px 24px;
        background: #f7f6fb
    }
}

.curator__quote-top {
    position: absolute;
    left: -8px;
    top: -40px;
    z-index: -1
}

@media screen and (max-width:1023px) {
    .curator__quote-top {
        display: none
    }
}

.curator__quote-top svg {
    display: block;
    width: 100%;
    height: auto
}

.curator__quote-bottom {
    position: absolute;
    right: 26px;
    bottom: -31px;
    z-index: -1
}

@media screen and (max-width:1023px) {
    .curator__quote-bottom {
        bottom: 7px;
        width: 54px;
        height: 54px;
        right: 12px
    }
}

.curator__quote-bottom svg {
    display: block;
    width: 100%;
    height: auto
}

.curator__content .h2 {
    text-transform: none;
    margin-bottom: 39px;
    font-size: 36px;
    line-height: 1.17
}

@media screen and (max-width:743px) {
    .curator__content .h2 {
        font-size: 20px;
        line-height: 1.3;
        margin-bottom: 28px
    }
}

.curator__content p {
    font-size: 18px;
    line-height: 1.44;
    color: #66666c;
    margin-bottom: 28px
}

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

.curator__content p b,
.curator__content p strong {
    font-family: RalewaySemiBold, sans-serif;
    font-weight: 600
}

@media screen and (max-width:743px) {
    .curator__content p {
        font-size: 16px;
        line-height: 1.37;
        margin-bottom: 12px
    }
}

@media screen and (max-width:1023px) {
    .curator__img {
        margin-bottom: 32px
    }
}

.curator__img-img {
    position: relative
}

.curator__img .label {
    left: 50%;
    bottom: -17px;
    position: absolute;
    transform: translateX(-50%) rotate(-2.75deg)
}

.curator__img img {
    display: block;
    width: 100%;
    border-radius: 6px
}

.curator__info {
    position: absolute;
    right: calc(100% + 24px);
    bottom: 3px;
    text-align: right;
    padding-right: 16px
}

@media screen and (max-width:1239px) {
    .curator__info {
        position: relative;
        right: 0;
        bottom: 0;
        text-align: center;
        margin-top: 73px
    }

    .curator__info::after {
        display: none
    }
}

.curator__info svg {
    position: absolute;
    right: 22px;
    bottom: calc(100% + 36px)
}

@media screen and (max-width:1239px) {
    .curator__info svg {
        bottom: auto;
        top: -80px
    }
}

@media screen and (max-width:743px) {
    .curator__info svg {
        left: 0;
        right: auto;
        transform: rotate(-50deg) !important;
        max-width: 110px;
        top: -60px
    }
}

.curator__info::after {
    content: "";
    position: absolute;
    right: 0;
    transform: translateY(-50%);
    top: 50%;
    width: 5px;
    height: 43px;
    background: #e60000
}

.curator__info-name {
    font-size: 20px;
    color: #66666c;
    line-height: 1.1;
    font-family: RalewaySemiBold, sans-serif;
    margin-bottom: 2px;
    white-space: nowrap
}

.curator__info-text {
    font-size: 14px;
    line-height: 1.57;
    color: #66666c;
    white-space: nowrap
}

.team__box {
    border-radius: 6px;
    padding: 64px 96px;
    background: #f7f6fb;
    height: 100%
}

@media screen and (max-width:1239px) {
    .team__box {
        padding: 32px 32px
    }
}

@media screen and (max-width:1023px) {
    .team__box {
        margin-bottom: 32px;
        height: auto
    }
}

@media screen and (max-width:743px) {
    .team__box {
        padding: 26px 11px 38px 20px
    }
}

.team__box .h3 {
    font-size: 28px;
    text-transform: none;
    line-height: 1.1785;
    margin-bottom: 24px
}

@media screen and (max-width:743px) {
    .team__box .h3 {
        font-size: 20px;
        line-height: 1.3
    }
}

.team__box ul li {
    position: relative;
    padding-left: 25px;
    color: #66666c;
    margin-bottom: 16px
}

@media screen and (max-width:743px) {
    .team__box ul li {
        font-size: 14px;
        line-height: 1.43
    }
}

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

.team__box ul li b,
.team__box ul li strong {
    color: #2b2b39;
    font-family: RalewayBold, sans-serif
}

.team__box ul li::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    background: url(../img/price-list.svg) no-repeat center center/contain
}

.psy__content {
    max-width: 710px;
    padding-bottom: 148px;
    position: relative
}

@media screen and (max-width:1023px) {
    .psy__content {
        margin-bottom: 20px
    }
}

@media screen and (max-width:743px) {
    .psy__content {
        padding-bottom: 100px
    }
}

.psy__content-arrow {
    position: absolute;
    left: 0;
    bottom: -40px
}

@media screen and (max-width:1023px) {
    .psy__content-arrow {
        left: auto;
        right: 0;
        bottom: -10px;
        tramsform: translateY(-30px) rotateX(180deg) rotate(-60deg)
    }

    .psy__content-arrow.animate-in {
        transform: translateY(0) rotateX(180deg) rotate(-60deg)
    }
}

@media screen and (max-width:743px) {
    .psy__content-arrow {
        max-width: 100px;
        bottom: -20px
    }
}

.psy__content .label {
    transform: rotate(-2.75deg);
    margin-bottom: 6px
}

.psy__content-icon {
    position: absolute;
    bottom: 0;
    right: 0
}

@media screen and (max-width:1023px) {
    .psy__content-icon {
        right: auto;
        left: 0
    }
}

@media screen and (max-width:743px) {
    .psy__content-icon {
        max-width: 103px
    }
}

.psy__content .h2 {
    line-height: 1.17;
    margin-bottom: 40px;
    text-transform: none
}

@media screen and (max-width:743px) {
    .psy__content .h2 {
        margin-bottom: 32px
    }
}

.psy__content p {
    max-width: 627px;
    color: #66666c;
    margin-bottom: 39px;
    font-size: 18px;
    line-height: 1.44
}

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

@media screen and (max-width:743px) {
    .psy__content p {
        font-size: 16px;
        line-height: 1.5;
        margin-bottom: 12px
    }
}

.psy__content ul li {
    display: flex;
    align-items: center;
    gap: 14px;
    font-size: 18px;
    line-height: 1.44;
    margin-bottom: 36px;
    color: #66666c
}

@media screen and (max-width:743px) {
    .psy__content ul li {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
        font-size: 16px;
        line-height: 1.5;
        margin-bottom: 12px
    }
}

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

.psy__content ul li b,
.psy__content ul li strong {
    font-family: RalewaySemiBold, sans-serif;
    font-weight: 600
}

.psy__content ul li img {
    flex-shrink: 0;
    width: 68px;
    height: 68px
}

@media screen and (max-width:743px) {
    .psy__content ul li img {
        width: 56px;
        height: auto
    }
}

.tg__content {
    background: #f7f6fb;
    border-radius: 6px;
    padding: 56px 53px 71px;
    position: relative
}

.tg__content .label {
    position: absolute;
    left: 53px;
    transform: rotate(-2.75deg);
    top: -16px
}

@media screen and (max-width:743px) {
    .tg__content .label {
        left: 20px
    }
}

.tg__content .h2 {
    max-width: 615px;
    text-transform: none
}

@media screen and (max-width:743px) {
    .tg__content .h2 {
        font-size: 20px;
        line-height: 1.5;
        max-width: 318px
    }
}

@media screen and (max-width:743px) {
    .tg__content {
        padding: 56px 20px 38px;
        width: calc(100% + 40px);
        margin-left: -20px;
        margin-right: -20px;
        border-radius: 0
    }
}

.tg__aside {
    background: #2b2b39;
    border-radius: 6px;
    padding: 195px 78px 80px;
    position: relative
}

@media screen and (max-width:1439px) {
    .tg__aside {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media screen and (max-width:1239px) {
    .tg__aside {
        padding-left: 32px;
        padding-right: 32px
    }
}

@media screen and (max-width:1023px) {
    .tg__aside {
        margin-top: 280px;
        padding-bottom: 40px
    }
}

.tg__aside-title {
    color: #fff;
    font-size: 36px;
    font-family: RalewayBold, sans-serif;
    line-height: 1.1666
}

@media screen and (max-width:1239px) {
    .tg__aside-title {
        font-size: 28px;
        max-width: 220px
    }
}

@media screen and (max-width:1023px) {
    .tg__aside-title {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        max-width: 300px
    }
}

@media screen and (max-width:743px) {
    .tg__aside-title {
        font-size: 24px
    }
}

.tg__aside .animate {
    position: absolute;
    right: 16px;
    top: 110px
}

@media screen and (max-width:1239px) {
    .tg__aside .animate {
        right: 4px
    }
}

@media screen and (max-width:1023px) {
    .tg__aside .animate {
        right: 40px
    }
}

@media screen and (max-width:743px) {
    .tg__aside .animate {
        max-width: 40px;
        right: 24px;
        top: 80px
    }
}

.tg__aside img {
    position: absolute;
    right: 0;
    bottom: 174px
}

@media screen and (max-width:1023px) {
    .tg__aside img {
        right: auto;
        transform: translateX(-50%);
        left: 50%;
        max-width: 350px;
        bottom: 134px
    }
}

@media screen and (max-width:743px) {
    .tg__aside img {
        max-width: 330px
    }
}

.tg__aside--about {
    padding-bottom: 41px;
    padding-left: 72px;
    padding-right: 72px
}

@media screen and (max-width:1239px) {
    .tg__aside--about {
        padding-left: 32px;
        padding-right: 32px
    }
}

.tg__aside--about img {
    bottom: 274px
}

.tg__aside--about .label {
    transform: rotate(-3.18deg) translateX(-50%);
    font-size: 19px;
    margin-bottom: 30px;
    margin-top: 20px;
    padding: 5px 24px;
    position: relative;
    left: 50%
}

@media screen and (max-width:1239px) {
    .tg__aside--about .label {
        font-size: 18px
    }
}

@media screen and (max-width:743px) {
    .tg__aside--about .label {
        font-size: 16px
    }
}

.tg__list {
    margin-top: 40px
}

@media screen and (max-width:743px) {
    .tg__list {
        margin-top: 24px
    }
}

.tg__list-title {
    font-family: RalewaySemiBold, sans-serif;
    font-size: 20px;
    line-height: 1.2
}

@media screen and (max-width:743px) {
    .tg__list-title {
        font-size: 18px;
        line-height: 1.333
    }
}

.tg__list-text {
    color: #66666c;
    max-width: 600px;
    margin-top: 10px
}

@media screen and (max-width:743px) {
    .tg__list-text {
        font-size: 14px;
        line-height: 1.43
    }
}

.tg__list-icon {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    background: #fff;
    border-radius: 4px
}

.tg__list li {
    display: flex;
    align-items: flex-start;
    margin-bottom: 21px;
    padding: 10px 0;
    gap: 24px
}

@media screen and (max-width:743px) {
    .tg__list li {
        gap: 10px;
        padding: 5px 0
    }
}

.tg__list li:last-child {
    margin-bottom: 0
}

.tg__list li img {
    flex-shrink: 0
}

.teams {
    padding-top: 69px
}

.teams .tabs__item:last-child {
    margin-top: 100px
}

.teams .tabs__item[style] {
    margin-top: 0
}

.teams__title {
    width: fit-content;
    position: relative;
    margin-bottom: 56px
}

@media screen and (max-width:743px) {
    .teams__title {
        margin-bottom: 32px
    }
}

.teams__title-icon {
    position: absolute;
    left: calc(100% + 92px);
    top: -23px
}

@media screen and (max-width:743px) {
    .teams__title-icon {
        width: 50px;
        height: 50px;
        left: 100%
    }
}

.teams__tabs-nav {
    margin-bottom: 56px
}

.teams__tabs-nav .tabs__btn {
    width: 100%;
    max-width: 338px
}

.teams__content .h2 {
    text-transform: none;
    max-width: 790px;
    margin-bottom: 38px;
    line-height: 1.17
}

@media screen and (max-width:743px) {
    .teams__content .h2 {
        margin-bottom: 24px
    }
}

@media screen and (max-width:1023px) {
    .teams__img {
        margin-bottom: 32px
    }
}

.teams__img img {
    width: 100%;
    border-radius: 6px
}

.teams__teacher {
    position: relative
}

.teams__teacher .teacher__item {
    height: 100%;
    display: flex;
    flex-direction: column
}

.teams__teacher .teacher__item-content {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 109px
}

@media screen and (max-width:743px) {
    .teams__teacher .teacher__item-content {
        padding: 12px 15px;
        min-height: 71px
    }
}

@media screen and (max-width:743px) {
    .teams__teacher .teacher__item-name {
        font-size: 16px
    }
}

@media screen and (max-width:743px) {
    .teams__teacher .teacher__item-text {
        font-size: 12px;
        line-height: 1.17
    }
}

.teams__teacher>.label {
    position: absolute;
    top: -9px;
    left: 0;
    transform: rotate(-2.75deg)
}

@media screen and (max-width:743px) {
    .teams__teacher>.label {
        top: 4px
    }
}

.teams__quote {
    display: flex;
    align-items: flex-start;
    justify-content: space-between
}

@media screen and (max-width:1239px) {
    .teams__quote {
        flex-direction: column
    }
}

.teams__quote-content {
    width: 70%;
    background: #f7f6fb;
    border-radius: 6px;
    padding: 40px 32px;
    position: relative;
    z-index: 1
}

@media screen and (max-width:1239px) {
    .teams__quote-content {
        width: 100%;
        margin-top: -5px
    }
}

.teams__quote-content svg {
    position: absolute;
    pointer-events: none;
    right: 25px;
    bottom: 8px
}

@media screen and (max-width:743px) {
    .teams__quote-content svg {
        bottom: 7px;
        right: 12px
    }
}

.teams__quote-content p {
    color: #66666c;
    margin-bottom: 12px
}

@media screen and (max-width:743px) {
    .teams__quote-content p {
        line-height: 1.37
    }
}

.teams__quote-content p b,
.teams__quote-content p strong {
    font-family: RalewaySemiBold, sans-serif
}

.teams__quote-content p:last-child {
    margin-bottom: 0
}

.teams__quote-arrow {
    display: block;
    margin: 0 auto
}

@media screen and (max-width:1239px) {
    .teams__quote-arrow {
        display: none
    }
}

.teams__quote-user {
    width: 25%
}

@media screen and (max-width:1239px) {
    .teams__quote-user {
        width: 100%;
        position: relative;
        z-index: 2
    }
}

.teams__quote-user .label {
    transform: rotate(-2.75deg);
    margin-top: -12px;
    position: relative;
    z-index: 1;
    padding-left: 13px;
    padding-right: 13px;
    margin-left: auto;
    margin-right: auto
}

@media screen and (max-width:1370px) {
    .teams__quote-user .label {
        left: 50%;
        transform: translateX(-50%) rotate(-2.75deg)
    }
}

.teams__quote-user img {
    border-radius: 50%;
    width: 132px;
    height: 132px;
    margin: 0 auto;
    object-fit: cover
}

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

    .videos__next,
    .videos__prev {
        display: none
    }
}

.videos__item {
    display: block;
    width: 100%;
    position: relative
}

.videos__item img {
    width: 100%;
    aspect-ratio: 16/10.8;
    border-radius: 6px;
    object-fit: cover
}

.videos__item:hover .play {
    background: #fff
}

.about {
    padding-top: 53px;
    padding-bottom: 16px;
    position: relative
}

@media screen and (max-width:1023px) {
    .about {
        padding-top: 0
    }
}

@media screen and (max-width:743px) {
    .about {
        padding-bottom: 0
    }
}

.about .container {
    position: relative;
    z-index: 1
}

.about::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: -1;
    background: #f7f6fb;
    height: calc(100% - 56px);
    border-radius: 0 0 8px 8px
}

.about .hero__feature {
    margin-top: 122px;
    transform: rotate(-.57deg);
    padding: 28px 58px;
    justify-content: space-between;
    gap: 20px;
    width: calc(100% + 20px);
    margin-left: -10px;
    margin-right: -10px
}

@media screen and (max-width:1239px) {
    .about .hero__feature {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media screen and (max-width:743px) {
    .about .hero__feature {
        margin-top: 69px;
        transform: none;
        gap: 32px 20px;
        flex-direction: row;
        flex-wrap: wrap;
        padding: 36px 12px 21px
    }
}

.about .hero__feature-item {
    font-size: 16px;
    line-height: 1.25;
    font-family: RalewayRegular, sans-serif;
    font-weight: 400;
    width: fit-content
}

@media screen and (max-width:1023px) {
    .about .hero__feature-item {
        width: 25%
    }
}

@media screen and (max-width:743px) {
    .about .hero__feature-item {
        width: calc(50% - 10px);
        flex-direction: column;
        align-items: flex-start;
        gap: 12px
    }
}

.about .hero__feature-item span {
    max-width: 176px
}

@media screen and (max-width:743px) {
    .about .hero__feature-item span {
        font-size: 14px;
        line-height: 1.43
    }
}

.about .hero__feature-num {
    font-family: InterBold, sans-serif;
    font-size: 60px;
    line-height: 1.07;
    color: #fff
}

@media screen and (max-width:1239px) {
    .about .hero__feature-num {
        font-size: 36px
    }
}

@media screen and (max-width:1439px) {
    .about__content {
        max-width: 800px
    }
}

.about__content-icon {
    position: absolute;
    left: 100%;
    top: 24px;
    width: 104px;
    height: 104px
}

@media screen and (max-width:1023px) {
    .about__content-icon {
        width: 64px;
        height: 64px;
        top: 0
    }
}

@media screen and (max-width:743px) {
    .about__content-icon {
        top: -14px;
        left: calc(100% - 32px)
    }
}

.about__content .h1 {
    max-width: 975px;
    margin-bottom: 32px;
    line-height: 1.46
}

@media screen and (max-width:743px) {
    .about__content .h1 {
        font-size: 28px;
        line-height: 1.57;
        margin-bottom: 24px
    }
}

.about__img {
    position: absolute;
    right: 9px;
    top: 0;
    pointer-events: none;
    z-index: -1
}

@media screen and (max-width:1239px) {
    .about__img {
        max-width: 440px;
        top: -30px
    }
}

@media screen and (max-width:1023px) {
    .about__img {
        position: relative;
        max-width: 100%;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 12px;
        z-index: -1
    }
}

@media screen and (max-width:743px) {
    .about__img {
        max-width: none;
        width: calc(100% + 40px);
        margin-left: -20px;
        margin-right: -20px;
        margin-top: -7px;
        margin-bottom: 4px
    }
}

.about__quote {
    position: relative;
    max-width: 723px
}

@media screen and (max-width:1439px) {
    .about__quote {
        max-width: 650px
    }
}

.about__quote p {
    margin-bottom: 24px;
    font-size: 18px;
    line-height: 1.44;
    color: #66666c
}

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

@media screen and (max-width:743px) {
    .about__quote p {
        font-size: 16px;
        line-height: 1.5;
        margin-bottom: 16px
    }
}

.about__quote-top {
    position: absolute;
    left: -31px;
    top: -40px;
    z-index: -1
}

@media screen and (max-width:1023px) {
    .about__quote-top {
        top: -30px;
        left: -8px
    }
}

.about__quote-top svg {
    display: block;
    width: 100%;
    height: auto
}

.about__quote-bottom {
    position: absolute;
    right: 5px;
    bottom: -73px;
    z-index: -1
}

@media screen and (max-width:1023px) {
    .about__quote-bottom {
        bottom: -25px;
        width: 54px;
        height: 54px;
        right: 12px
    }
}

.about__quote-bottom svg {
    display: block;
    width: 100%;
    height: auto
}

.about__row {
    display: flex;
    justify-content: space-between;
    gap: 24px
}

@media screen and (max-width:743px) {
    .about__row {
        flex-direction: column
    }
}

.about--learn {
    padding-top: 73px;
    padding-bottom: 79px
}

@media screen and (max-width:743px) {
    .about--learn {
        padding-bottom: 62px;
        padding-top: 20px
    }
}

.about--learn::before {
    display: none
}

.about--learn .about__content {
    max-width: 434px;
    position: relative;
    padding-top: 31px
}

@media screen and (max-width:1023px) {
    .about--learn .about__content {
        padding-top: 0
    }
}

@media screen and (max-width:743px) {
    .about--learn .about__content {
        max-width: 303px
    }
}

.about--learn .about__content .h1 {
    margin-bottom: 7px
}

@media screen and (max-width:1023px) {
    .about--learn .about__content .h1 {
        font-size: 46px
    }
}

@media screen and (max-width:743px) {
    .about--learn .about__content .h1 {
        font-size: 30px;
        line-height: 1.27;
        margin-bottom: 19px
    }
}

.about--learn .about__content p {
    font-family: InterBold, sans-serif;
    font-size: 18px;
    line-height: 1.5
}

@media screen and (max-width:743px) {
    .about--learn .about__content p {
        font-size: 16px;
        margin-bottom: 0
    }
}

.mission {
    padding-top: 78px
}

@media screen and (max-width:743px) {
    .mission .container {
        padding: 0 10px
    }
}

.mission__item {
    background: #f7f6fb;
    border-radius: 6px;
    padding: 26px 50px;
    display: flex;
    align-items: center;
    gap: 80px;
    position: relative;
    z-index: 1;
    margin-bottom: 49px
}

@media screen and (max-width:1239px) {
    .mission__item {
        padding-left: 24px;
        padding-right: 24px;
        margin-bottom: 40px;
        gap: 40px
    }
}

@media screen and (max-width:1023px) {
    .mission__item {
        flex-direction: column;
        padding: 20px 20px 32px
    }
}

@media screen and (max-width:743px) {
    .mission__item {
        margin-bottom: 32px
    }
}

.mission__item:last-child {
    margin-bottom: 0
}

.mission__item-label {
    position: absolute;
    bottom: 15px;
    right: 0;
    background: #e60000;
    padding: 8px 20px;
    min-width: 185px
}

.mission__item-label-name {
    color: #fff;
    font-size: 16px;
    line-height: 1.37;
    font-family: RalewaySemiBold, sans-serif;
    white-space: nowrap
}

.mission__item-label-text {
    color: #fff;
    font-size: 14px;
    line-height: 1.2;
    white-space: nowrap
}

.mission__item-bg {
    position: absolute;
    left: 36%;
    bottom: 0;
    z-index: -1;
    pointer-events: none
}

@media screen and (max-width:743px) {
    .mission__item-bg {
        display: none
    }
}

.mission__item-content {
    width: 55.6%
}

@media screen and (max-width:743px) {
    .mission__item-content .h3 {
        font-size: 32px;
        line-height: 1
    }
}

@media screen and (max-width:1023px) {
    .mission__item-content {
        width: 100%
    }
}

.mission__item-content .read-more {
    margin-top: 24px
}

.mission__item-content p {
    font-size: 18px;
    line-height: 1.56;
    color: #64646c;
    margin-top: 24px;
    margin-bottom: 16px
}

@media screen and (max-width:743px) {
    .mission__item-content p {
        font-size: 16px;
        line-height: 1.5
    }
}

.mission__item-content p:last-of-type {
    margin-bottom: 0
}

.mission__item-img {
    width: 44.4%;
    position: relative
}

@media screen and (max-width:1023px) {
    .mission__item-img {
        width: 100%;
        order: -1
    }
}

.mission__item-img img {
    width: 100%;
    border-radius: 6px
}

@media screen and (max-width:743px) {
    .mission__item-img img {
        aspect-ratio: 16/10
    }
}

.describe {
    padding-top: 163px
}

@media screen and (max-width:1023px) {
    .describe {
        padding-top: 80px
    }
}

@media screen and (max-width:743px) {
    .describe {
        padding-top: 40px
    }
}

.describe .write {
    padding: 123px 0 90px
}

@media screen and (max-width:743px) {
    .describe .write {
        padding-top: 80px;
        padding-bottom: 47px
    }
}

@media screen and (max-width:743px) {
    .describe__info .row {
        margin-bottom: -32px
    }

    .describe__info .row>div {
        margin-bottom: 32px
    }
}

.describe__info .h3 {
    font-size: 35px;
    text-transform: none;
    line-height: 1.2;
    margin-bottom: 60px
}

@media screen and (max-width:1023px) {
    .describe__info .h3 {
        margin-bottom: 32px
    }
}

@media screen and (max-width:743px) {
    .describe__info .h3 {
        font-size: 24px;
        line-height: 1.4
    }
}

.describe__info-item .read-more {
    color: #2b2b39;
    font-size: 18px
}

.describe__info-item .read-more:hover {
    color: #e60000
}

.describe__info-item p {
    margin-bottom: 0;
    color: #66666c;
    margin-top: 12px;
    max-width: 258px
}

@media screen and (max-width:743px) {
    .describe__info-item p {
        font-size: 14px;
        line-height: 1.57;
        margin-top: 8px
    }
}

@media screen and (max-width:1023px) {
    .describe__img {
        margin-bottom: 32px
    }
}

.describe__img img {
    width: 100%;
    border-radius: 6px
}

.prop .h2 {
    margin-bottom: 35px
}

.prop__item {
    background: #f7f6fb;
    border-radius: 6px;
    padding: 40px 24px;
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 1;
    min-height: 318px;
    height: 100%
}

@media screen and (max-width:1023px) {
    .prop__item {
        padding: 32px 24px;
        min-height: auto
    }
}

.prop__item p {
    margin-bottom: 0;
    color: #66666c;
    margin-top: auto;
    max-width: 278px
}

@media screen and (max-width:1023px) {
    .prop__item p {
        margin-top: 56px;
        max-width: 100%
    }
}

@media screen and (max-width:743px) {
    .prop__item p {
        margin-top: 24px;
        font-size: 14px;
        line-height: 1.57
    }
}

.prop__item--large {
    padding: 40px 48px
}

@media screen and (max-width:1023px) {
    .prop__item--large {
        padding: 32px 24px
    }
}

@media screen and (max-width:743px) {
    .prop__item--large .prop__item-title {
        max-width: 160px
    }
}

.prop__item--large p {
    max-width: 410px
}

.prop__item-subtitle {
    font-size: 18px;
    font-family: RalewaySemiBold, sans-serif;
    line-height: 1.1666
}

@media screen and (max-width:743px) {
    .prop__item-subtitle {
        font-size: 16px;
        margin-top: -24px
    }
}

.prop__item-img {
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}

@media screen and (max-width:1439px) {
    .prop__item-img--1 {
        max-width: 220px
    }
}

@media screen and (max-width:743px) {
    .prop__item-img--1 {
        max-width: 160px
    }
}

.prop__item-img--2 {
    top: 96px;
    right: 27px
}

@media screen and (max-width:1439px) {
    .prop__item-img--2 {
        right: 16px
    }
}

@media screen and (max-width:1023px) {
    .prop__item-img--2 {
        width: 62px;
        height: 62px;
        top: 52px;
        right: 32px
    }
}

.prop__item-img--3 {
    right: 31px;
    top: 89px
}

@media screen and (max-width:1439px) {
    .prop__item-img--3 {
        right: 16px
    }
}

@media screen and (max-width:1023px) {
    .prop__item-img--3 {
        width: 76px;
        height: 72px;
        top: 55px
    }
}

@media screen and (max-width:743px) {
    .prop__item-img--4 {
        max-width: 140px
    }
}

.prop__item-title {
    font-size: 28px;
    font-family: RalewayBold, sans-serif;
    line-height: 1.1785;
    margin-bottom: 10px
}

@media screen and (max-width:743px) {
    .prop__item-title {
        margin-bottom: 32px;
        font-size: 24px;
        line-height: 1.166
    }
}

.prop__item-list {
    margin-top: auto
}

.prop__item-list li {
    position: relative;
    color: #66666c;
    padding-left: 25px
}

@media screen and (max-width:743px) {
    .prop__item-list li {
        font-size: 14px;
        line-height: 1.43;
        margin-bottom: 8px
    }

    .prop__item-list li:last-child {
        margin-bottom: 0
    }
}

.prop__item-list li::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    background: url(../img/price-list.svg) no-repeat center center/contain
}

.prop__item-label--1 {
    transform: rotate(-2.92deg);
    margin-left: 2px;
    margin-top: -2px
}

@media screen and (max-width:1439px) {
    .prop__item-label--1 {
        font-size: 12px
    }
}

@media screen and (max-width:1239px) {
    .prop__item-label--1 {
        font-size: 16px
    }
}

@media screen and (max-width:1023px) {
    .prop__item-label--1 {
        font-size: 16px
    }
}

@media screen and (max-width:743px) {
    .prop__item-label--1 {
        margin-top: -28px;
        font-size: 12px;
        margin-left: 11px;
        margin-bottom: 28px
    }
}

.prop__item-label--2 {
    transform: rotate(-4.82deg);
    margin-top: -12px;
    margin-left: 2px;
    padding-left: 16px;
    padding-right: 16px
}

@media screen and (max-width:1439px) {
    .prop__item-label--2 {
        font-size: 12px
    }
}

@media screen and (max-width:1239px) {
    .prop__item-label--2 {
        font-size: 16px;
        transform: rotate(-2deg);
        margin-top: -4px
    }
}

@media screen and (max-width:1023px) {
    .prop__item-label--2 {
        font-size: 16px;
        top: -2px
    }
}

@media screen and (max-width:743px) {
    .prop__item-label--2 {
        font-size: 12px;
        margin-left: 13px;
        margin-top: -32px;
        margin-bottom: 32px
    }
}

.platform {
    padding: 59px 0 96px
}

@media screen and (max-width:743px) {
    .platform {
        padding-top: 32px;
        padding-bottom: 60px
    }
}

.platform__header {
    display: flex;
    align-items: center;
    gap: 20px
}

@media screen and (max-width:1023px) {
    .platform__header {
        flex-direction: column;
        align-items: flex-start
    }
}

.platform__header .h2 {
    max-width: 460px
}

.platform .learn__list {
    display: flex;
    flex-wrap: wrap;
    max-width: 814px;
    gap: 48px 20px;
    margin-top: 50px;
    margin-bottom: 0
}

@media screen and (max-width:1439px) {
    .platform .learn__list {
        max-width: 600px
    }
}

@media screen and (max-width:1023px) {
    .platform .learn__list {
        max-width: 100%
    }
}

@media screen and (max-width:743px) {
    .platform .learn__list {
        flex-direction: column;
        gap: 16px;
        margin-top: 40px
    }
}

.platform .learn__list li {
    width: calc(50% - 10px);
    margin-bottom: 0;
    gap: 16px
}

@media screen and (max-width:743px) {
    .platform .learn__list li {
        width: 100%
    }
}

.platform .learn__list li:last-child {
    width: 100%
}

.platform .learn__list li b,
.platform .learn__list li strong {
    font-family: RalewayBold, sans-serif;
    font-weight: 700;
    color: #2b2b39
}

.platform__video {
    background: #e60000;
    border-radius: 6px;
    padding: 27px 104px 27px 188px;
    position: relative
}

@media screen and (max-width:1239px) {
    .platform__video {
        padding: 24px
    }
}

@media screen and (max-width:1023px) {
    .platform__video {
        padding: 74px 21px 28px;
        margin-top: 220px
    }
}

@media screen and (max-width:743px) {
    .platform__video {
        margin-top: 120px
    }
}

.platform__video-arrow {
    position: absolute;
    left: -39px;
    top: -35px
}

@media screen and (max-width:1023px) {
    .platform__video-arrow {
        transform: translateY(30px) rotateY(180deg) rotateX(180deg) rotate(5deg)
    }

    .platform__video-arrow.animate-in {
        transform: translateY(0) rotateY(180deg) rotateX(180deg) rotate(5deg);
        left: auto;
        right: -50px;
        top: auto;
        bottom: 30px
    }

    .platform__video-arrow.animate-in path {
        fill: #2b2b39
    }
}

@media screen and (max-width:743px) {
    .platform__video-arrow {
        max-width: 30px
    }

    .platform__video-arrow.animate-in {
        right: -20px;
        bottom: 10px
    }
}

.platform__video-title {
    font-size: 24px;
    line-height: 1.42;
    color: #fff;
    font-family: RalewayBold, sans-serif
}

@media screen and (max-width:743px) {
    .platform__video-title {
        font-size: 16px;
        line-height: 1.25
    }
}

.platform__video-link {
    position: absolute;
    right: -17px;
    top: calc(100% + 69px);
    width: 100%;
    max-width: 573px
}

@media screen and (max-width:1239px) {
    .platform__video-link {
        max-width: 340px
    }
}

@media screen and (max-width:1023px) {
    .platform__video-link {
        right: auto;
        top: -170px;
        left: 50%;
        transform: translateX(-50%);
        left: 50%
    }
}

@media screen and (max-width:743px) {
    .platform__video-link {
        max-width: 245px;
        top: -110px
    }
}

.platform__video-link .play {
    transform: rotate(6.59deg) translate(-50%, -50%);
    width: 143px;
    height: 109px
}

@media screen and (max-width:743px) {
    .platform__video-link .play {
        width: 70px;
        height: 52px
    }

    .platform__video-link .play svg {
        width: 23px;
        height: auto
    }
}

.platform__video-link:hover .play {
    background: #fff
}

.platform__video-link img {
    display: block;
    width: 100%
}

.history {
    padding: 107px 0 112px
}

@media screen and (max-width:743px) {
    .history {
        padding-top: 100px;
        padding-bottom: 82px
    }
}

.history .h2 {
    margin-bottom: 38px
}

.history__aside {
    background: #2b2b39;
    border-radius: 6px;
    padding: 26px 50px 26px 26px;
    position: relative;
    z-index: 1
}

@media screen and (max-width:743px) {
    .history__aside {
        padding: 26px 20px 40px
    }
}

.history__aside-bg {
    position: absolute;
    top: 34px;
    right: 37px;
    z-index: -1
}

.history__aside-img {
    margin-bottom: 32px
}

.history__aside-img img {
    border-radius: 6px;
    width: 100px;
    height: 118px
}

.history__aside-title {
    font-size: 21px;
    line-height: 1.52;
    text-transform: uppercase;
    color: #fff;
    font-family: RalewayBold, sans-serif;
    margin-bottom: 16px
}

.history__aside-text {
    color: #fff
}

.history__item {
    border-radius: 6px;
    padding: 40px 48px;
    background: #f7f6fb;
    position: relative;
    z-index: 1;
    height: 100%;
    padding-right: 24px
}

@media screen and (max-width:1239px) {
    .history__item {
        padding: 40px 20px
    }
}

.history__item--last {
    overflow: hidden
}

@media screen and (max-width:743px) {
    .history__item--last {
        padding-bottom: 100px
    }
}

.history__item-img {
    position: absolute;
    z-index: -1;
    top: 10px;
    right: 34px
}

.history__item-img--2 {
    bottom: 0;
    right: 0;
    left: auto;
    top: auto
}

@media screen and (max-width:743px) {
    .history__item-img--2 {
        max-width: 220px;
        right: -70px
    }
}

.history__item-num {
    font-size: 72px;
    color: #e60000;
    font-family: InterBold, sans-serif;
    line-height: 1.1805
}

.history__item p {
    margin-bottom: 0;
    font-size: 18px;
    line-height: 1.56;
    color: #66666c
}

@media screen and (max-width:743px) {
    .history__item p {
        font-size: 16px;
        line-height: 1.5
    }
}

.history__item p b,
.history__item p strong {
    color: #2b2b39;
    font-family: RalewayBold, sans-serif
}

.history__item-label--1 {
    transform: rotate(-2.92deg);
    top: 44px;
    right: 44px;
    z-index: -1;
    position: absolute
}

@media screen and (max-width:1239px) {
    .history__item-label--1 {
        top: 16px;
        right: 8px;
        font-size: 12px
    }
}

.history__item-label--2 {
    transform: rotate(4.03deg);
    top: 44px;
    right: 10px;
    top: 34px;
    z-index: -1;
    position: absolute
}

@media screen and (max-width:1239px) {
    .history__item-label--2 {
        font-size: 12px;
        top: 20px
    }
}

.history__item ul {
    margin-top: auto
}

.history__item ul li {
    position: relative;
    color: #66666c;
    padding-left: 25px;
    font-size: 18px;
    line-height: 1.56
}

@media screen and (max-width:743px) {
    .history__item ul li {
        font-size: 16px;
        line-height: 1.5
    }
}

.history__item ul li::before {
    content: "";
    position: absolute;
    top: 4px;
    left: 0;
    width: 20px;
    height: 20px;
    background: url(../img/price-list.svg) no-repeat center center/contain
}

.princip__item {
    border-radius: 8px;
    padding: 30px 24px;
    background: #f7f6fb;
    height: 100%;
    display: flex;
    flex-direction: column
}

.princip__item--xl {
    padding: 52px 52px
}

@media screen and (max-width:1239px) {
    .princip__item--xl {
        padding: 30px 24px
    }
}

.princip__item--xl .princip__item-title {
    font-size: 28px;
    margin-bottom: 18px
}

@media screen and (max-width:743px) {
    .princip__item--xl .princip__item-title {
        font-size: 21px;
        line-height: 1.14;
        margin-bottom: 24px
    }
}

.princip__item--xl .princip__item-img {
    margin-bottom: 18px
}

@media screen and (max-width:743px) {
    .princip__item--xl .princip__item-img {
        margin-bottom: 24px
    }
}

.princip__item--xl .princip__item-content p em,
.princip__item--xl .princip__item-content p i {
    font-style: italic;
    font-size: 14px
}

.princip__item-img {
    margin-bottom: 10px
}

.princip__item-img img {
    display: block;
    width: 79px;
    height: 79px
}

.princip__item-title {
    font-size: 20px;
    line-height: 1.1;
    font-family: RalewaySemiBold, sans-serif;
    margin-bottom: 12px
}

.princip__item-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 24px
}

.princip__item-tags-item {
    background: #fff;
    border-radius: 2px;
    padding: 4px 8px;
    color: #66666c
}

@media screen and (max-width:743px) {
    .princip__item-tags-item {
        font-size: 13px;
        line-height: 1.85
    }
}

.princip__item-content {
    flex-grow: 1;
    display: flex;
    flex-direction: column
}

.princip__item-content .btn {
    margin-top: auto;
    width: 100%;
    max-width: 260px;
    padding-left: 12px;
    padding-right: 12px
}

.princip__item-content p {
    margin-bottom: 20px;
    color: #66666c
}

@media screen and (max-width:743px) {
    .princip__item-content p {
        font-size: 14px;
        line-height: 1.71
    }
}

.princip__item-content p b,
.princip__item-content p strong {
    font-family: RalewaySemiBold, sans-serif;
    font-weight: 600
}

.princip__item-content p:last-child {
    margin-bottom: 0;
    margin-top: auto
}

.princip__item-content p:only-of-type {
    margin-top: 0
}

.calendar-scroll {
    padding-bottom: 32px;
    margin-bottom: -32px;
    overflow-x: auto
}

.calendar-scroll::-webkit-scrollbar {
    background: #e1dfe8;
    border-radius: 82px;
    height: 2px
}

.calendar-scroll::-webkit-scrollbar-thumb {
    background: #2b2b39;
    border-radius: 82px
}

.calendar-box {
    background: #f7f6fb;
    border-radius: 8px;
    padding: 30px
}

@media screen and (max-width:1239px) {
    .calendar-box {
        min-width: 1371px
    }
}

.calendar-table {
    width: 100%;
    border-spacing: 4px;
    table-layout: fixed
}

.calendar-table td {
    border-radius: 4px;
    padding: 4px 24px;
    height: 72px;
    background: #2b2b39;
    color: #fff;
    font-size: 13px;
    line-height: 1.52;
    text-align: center
}

.calendar-table td b,
.calendar-table td strong {
    font-family: RalewayBold, sans-serif;
    font-weight: 700;
    display: block
}

.calendar-table td.bg-purple {
    background: #e5dfff;
    color: #3a3160
}

.calendar-table td.bg-blue {
    background: #dfebff;
    color: #3a3160
}

.calendar-table td.bg-yellow {
    background: #fff1df;
    color: #3a3160
}

.block {
    background: #f7f6fb;
    border-radius: 8px;
    padding: 42px 52px;
    position: relative;
    z-index: 1;
    padding-right: 32px
}

@media screen and (max-width:1239px) {
    .block {
        padding: 32px 32px
    }
}

@media screen and (max-width:743px) {
    .block {
        padding: 42px 24px
    }
}

.block .label {
    position: absolute;
    left: 52px;
    top: -18px;
    transform: rotate(-2.75deg)
}

@media screen and (max-width:743px) {
    .block .label {
        left: 24px
    }
}

.block>p {
    color: #66666c;
    margin-bottom: 16px
}

@media screen and (max-width:743px) {
    .block>p {
        font-size: 14px;
        line-height: 1.171;
        margin-bottom: 12px
    }
}

.block>p:last-child {
    margin-bottom: 0
}

.block>h4 {
    font-size: 20px;
    line-height: 1.2;
    font-family: RalewaySemiBold, sans-serif;
    margin-bottom: 16px
}

@media screen and (max-width:743px) {
    .block>h4 {
        font-size: 16px;
        line-height: 1.5;
        margin-bottom: 12px
    }
}

.block>h4:last-child {
    margin-bottom: 0
}

.block-image {
    border-radius: 6px;
    overflow: hidden;
    aspect-ratio: 16/8.5
}

.block-image img {
    display: block;
    width: 100%;
    height: 100%
}

.block-video {
    position: relative;
    z-index: 1;
    border-radius: 6px;
    overflow: hidden;
    display: block;
    height: 100%
}

@media screen and (max-width:1023px) {
    .block-video {
        aspect-ratio: 16/9
    }
}

.block-video:hover .play {
    background: #fff
}

.block-video::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6)
}

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

.icon-list {
    margin-bottom: 24px
}

.icon-list:last-child {
    margin-bottom: 0
}

.icon-list__item {
    display: flex;
    align-items: flex-start;
    gap: 24px;
    margin-bottom: 16px
}

@media screen and (max-width:743px) {
    .icon-list__item {
        font-size: 14px;
        line-height: 1.71
    }
}

.icon-list__item ul {
    margin-bottom: 0;
    padding-left: 16px;
    list-style: disc
}

.icon-list__item ul li {
    list-style: disc;
    margin-bottom: 0;
    color: #66666c
}

.icon-list__item ol {
    margin-bottom: 0;
    padding-left: 16px;
    list-style: decimal
}

.icon-list__item ol li {
    list-style: decimal;
    margin-bottom: 0;
    color: #66666c
}

.icon-list__item:last-child {
    margin-bottom: 0
}

.icon-list--md .icon-list__item {
    margin-bottom: 24px
}

.icon-list--md .icon-list__item:last-child {
    margin-bottom: 0
}

.icon-list--center .icon-list__item {
    align-items: center
}

.icon-list--flex {
    display: flex;
    flex-wrap: wrap;
    gap: 0 32px
}

@media screen and (max-width:743px) {
    .icon-list--flex {
        gap: 0 24px
    }
}

.icon-list--flex .icon-list__item {
    width: calc(50% - 16px)
}

@media screen and (max-width:743px) {
    .icon-list--flex .icon-list__item {
        width: 100%
    }
}

.icon-list__icon {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    background: #fbf2f3;
    border-radius: 4px
}

.icon-list__icon img {
    width: 24px;
    height: 24px
}

.icon-list__title {
    font-size: 20px;
    line-height: 1.2;
    font-family: RalewaySemiBold, sans-serif;
    margin-bottom: 10px
}

.icon-list__title:only-child {
    margin-bottom: 0
}

@media screen and (max-width:743px) {
    .icon-list__title {
        font-size: 16px;
        line-height: 1.5
    }
}

.icon-list__content p {
    margin-bottom: 0;
    color: #66666c
}

.icon-list__content p b,
.icon-list__content p strong {
    font-family: RalewayBold, sans-serif;
    font-weight: 700
}

.icon-list--white .icon-list__icon {
    background: #fff
}

.icon-list--gray .icon-list__icon {
    background: #f7f6fb
}

.icon-list--gray .icon-list__content p {
    color: #2b2b39
}

.vacation__img {
    position: relative;
    z-index: 1;
    background: #2b2b39;
    border-radius: 6px;
    width: 100%;
    height: 100%
}

@media screen and (max-width:1023px) {
    .vacation__img {
        padding-top: 43%
    }
}

@media screen and (max-width:743px) {
    .vacation__img {
        padding-top: 65%
    }
}

.vacation__img img {
    position: absolute;
    right: -2px;
    bottom: -2px;
    transform: rotate(.5deg)
}

.rules__content>p {
    font-size: 14px;
    line-height: 1.71;
    color: #66666c
}

.rules__content>p em,
.rules__content>p i {
    font-style: italic
}

.rules__content>p:last-child {
    margin-bottom: 0
}

.summary {
    padding: 70px 0 100px
}

@media screen and (max-width:743px) {
    .summary {
        padding: 32px 0
    }
}

@media screen and (max-width:1023px) {
    .summary .summary__box {
        padding: 0
    }
}

.summary .title {
    margin-bottom: 24px
}

@media screen and (max-width:743px) {
    .summary .title .h2 {
        max-width: 320px
    }
}

.summary__info {
    display: flex;
    background: #fff;
    border-radius: 6px;
    padding: 24px;
    font-family: RalewayBold, sans-serif;
    color: #66666c;
    align-items: center;
    margin-top: 24px;
    gap: 10px
}

@media screen and (max-width:743px) {
    .summary__info {
        margin-top: 32px;
        align-items: flex-start
    }
}

.summary__info span {
    flex-grow: 1
}

.summary__info svg {
    flex-shrink: 0
}

.summary__scroll {
    padding-bottom: 32px;
    margin-bottom: -32px;
    overflow-x: auto
}

.summary__scroll::-webkit-scrollbar {
    background: #e1dfe8;
    border-radius: 82px;
    height: 2px
}

.summary__scroll::-webkit-scrollbar-thumb {
    background: #2b2b39;
    border-radius: 82px
}

.summary__box {
    background: #f7f6fb;
    border-radius: 8px;
    padding: 30px
}

@media screen and (max-width:1239px) {
    .summary__box {
        min-width: 1376px
    }
}

.summary__table {
    width: 100%;
    border-spacing: 4px;
    table-layout: fixed
}

.summary__table tr:first-child td {
    background: #2b2b39;
    color: #fff;
    font-family: RalewayBold, sans-serif
}

.summary__table td {
    border-radius: 4px;
    padding: 4px 24px;
    height: 74px;
    background: #e7e5ef;
    font-family: RalewayRegular, sans-serif;
    font-size: 13px;
    line-height: 1.52;
    text-align: center
}

.summary__table td sup {
    color: #66666c
}

.summary__table td:first-child {
    background: #2b2b39;
    color: #fff;
    font-family: RalewayBold, sans-serif
}

.tests__content {
    max-width: 721px
}

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

@media screen and (max-width:743px) {
    .tests__content p {
        font-size: 12px;
        line-height: 2
    }
}

.tests__content .icon-list {
    margin-bottom: 12px
}

.req__table {
    position: relative
}

.req__table .h2 {
    max-width: 400px
}

@media screen and (max-width:1023px) {
    .req__table .h2 {
        max-width: 440px
    }
}

@media screen and (max-width:743px) {
    .req__table .h2 {
        font-size: 24px !important
    }
}

.req__box {
    padding: 60px 48px;
    background: #f7f6fb;
    border-radius: 6px;
    display: flex;
    gap: 87px
}

@media screen and (max-width:1239px) {
    .req__box {
        gap: 24px
    }
}

@media screen and (max-width:1023px) {
    .req__box {
        padding: 32px;
        flex-direction: column
    }
}

.req__item {
    width: 50%
}

@media screen and (max-width:1023px) {
    .req__item {
        width: 100%
    }
}

.req__item .h2 {
    margin-bottom: 24px
}

@media screen and (max-width:1239px) {
    .req__item .h2 {
        font-size: 40px
    }
}

@media screen and (max-width:743px) {
    .req__item .h2 {
        font-size: 32px
    }
}

.req__item .icon-list {
    margin-bottom: 16px
}

.req__item .icon-list__item {
    align-items: center
}

.req__item .block-video {
    height: auto
}

.req__item ol {
    margin-top: 31px
}

.req__item ol li {
    font-size: 14px;
    line-height: 1.71;
    color: #66666c
}

@media screen and (max-width:743px) {
    .req__item ol li {
        font-size: 12px;
        line-height: 1.75
    }
}

.req__item ol li b,
.req__item ol li strong {
    font-family: RalewayBold, sans-serif;
    font-weight: 700
}

.req__item .summary__box {
    min-width: auto;
    background: #fff;
    position: relative
}

@media screen and (max-width:743px) {
    .req__item .summary__box {
        padding: 0;
        border-radius: 0;
        background: 0 0
    }
}

.req__item .summary__box .label {
    position: absolute;
    right: -12px;
    top: -32px;
    transform: rotate(-2.75deg)
}

@media screen and (max-width:743px) {
    .req__item .summary__box .label {
        display: none
    }
}

.req__item .summary__table {
    table-layout: initial;
    border-spacing: 2px
}

.req__item .summary__table td {
    padding-left: 10px;
    padding-right: 10px;
    height: 62px;
    border-radius: 2px
}

@media screen and (max-width:743px) {
    .req__item .summary__table td {
        font-size: 9px;
        line-height: 1.33;
        height: auto;
        height: 27px
    }

    .req__item .summary__table td svg {
        width: 15px;
        height: 15px
    }
}

.req__item .summary__table td sup {
    display: inline
}

.goal {
    padding-top: 66px;
    padding-bottom: 52px
}

.awards {
    padding-top: 66px;
    padding-bottom: 52px
}

.awards .h2 {
    margin-bottom: 27px
}

.awards .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    background: #d3d9ea
}

.awards .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:hover {
    background: #7e8597
}

.awards .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active {
    background: #7e8597
}

.awards__author-img {
    aspect-ratio: 1/1 .5;
    margin-bottom: 12px
}

.awards__author-img img {
    width: 100%;
    height: 100%;
    border-radius: 6px
}

.awards__author-name {
    font-size: 20px;
    font-family: RalewaySemiBold, sans-serif;
    line-height: 1.2;
    text-align: center
}

@media screen and (max-width:743px) {
    .awards__author-name {
        font-size: 14px;
        line-height: 1.18
    }
}

.awards__item {
    border-radius: 6px;
    padding: 36px 35px;
    background: #fff;
    height: 100%
}

.awards__item-subtitle {
    letter-spacing: .06em;
    text-transform: uppercase;
    text-align: center;
    color: #66666c;
    font-family: RalewayBold, sans-serif;
    margin-bottom: 24px
}

.awards__item-img {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
    min-height: 93px
}

.awards__item-val {
    font-size: 72px;
    font-family: RalewayBold, sans-serif;
    line-height: 1.1805;
    text-align: center
}

.awards__item-text {
    text-align: center;
    font-size: 20px;
    line-height: 1.2;
    color: #66666c
}

.awards .row {
    margin-bottom: 36px
}

.goal .title .label {
    transform: rotate(-2.75deg);
    margin-bottom: -12px;
    z-index: 1;
    position: relative
}

@media screen and (max-width:743px) {
    .goal .title .label {
        margin-bottom: -4px
    }
}

.goal__box {
    display: flex;
    flex-direction: column;
    height: 100%
}

.goal__box .goal__item {
    flex-grow: 1
}

.goal__item {
    background: #f3f4fd;
    border-radius: 8px;
    padding: 42px 52px;
    margin-bottom: 24px
}

@media screen and (max-width:743px) {
    .goal__item {
        padding: 24px
    }
}

.goal__item:last-child {
    margin-bottom: 0
}

.goal__item--black {
    background: #2b2b39;
    height: 100%
}

.goal__item--black .h3 {
    color: #fff
}

.goal__item--black .icon-list__item ol li,
.goal__item--black .icon-list__item p,
.goal__item--black .icon-list__item ul li {
    color: #fff
}

.goal__item .h3 {
    margin-bottom: 24px
}

@media screen and (max-width:743px) {
    .audit .summary__box {
        padding: 0;
        border-radius: 0;
        background: 0 0
    }
}

.audit .summary__table {
    table-layout: initial
}

.audit .summary__table td {
    padding-left: 16px;
    padding-right: 16px;
    font-size: 16px;
    line-height: 1.5
}

.audit .summary__table td.audit__cell {
    padding-left: 42px
}

.audit .summary__table td:first-child {
    white-space: nowrap;
    width: 280px
}

.audit .summary__table td:last-child {
    width: 168px
}

.audit .summary__table td.text-left {
    text-align: left
}

.strat__item {
    border-radius: 6px;
    padding: 36px 35px;
    background: #e5dfff;
    padding-right: 40px;
    height: 100%;
    position: relative
}

@media screen and (max-width:743px) {
    .strat__item {
        padding: 24px
    }
}

.strat__item-img {
    position: absolute;
    top: 21px;
    right: 35px
}

@media screen and (max-width:1239px) {
    .strat__item-img {
        width: 39px;
        top: 9px;
        right: 15px
    }
}

.strat__item .h4 {
    line-height: 1;
    font-family: RalewaySemiBold, sans-serif;
    font-weight: 600;
    margin-bottom: 24px
}

@media screen and (max-width:743px) {
    .strat__item .h4 {
        font-size: 20px;
        margin-bottom: 32px
    }
}

.strat__item--yellow {
    background: #fff1df
}

.strat__item--green {
    background: #ecfee8
}

.visit__content {
    height: 100%;
    border-radius: 8px;
    background: #2b2b39 url(../img/visit-bg.svg) no-repeat right bottom;
    position: relative;
    padding: 36px 84px
}

@media screen and (max-width:1239px) {
    .visit__content {
        padding-left: 32px
    }
}

@media screen and (max-width:743px) {
    .visit__content {
        padding: 24px;
        background: #2b2b39
    }
}

.visit__content .h2 {
    color: #fff;
    margin-bottom: 40px
}

@media screen and (max-width:743px) {
    .visit__content .h2 {
        margin-bottom: 16px
    }
}

.visit__content-img {
    position: absolute;
    top: 54px;
    right: 54px
}

@media screen and (max-width:1239px) {
    .visit__content-img {
        top: 32px;
        right: 24px;
        max-width: 180px
    }
}

@media screen and (max-width:743px) {
    .visit__content-img {
        position: static;
        max-width: 251px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 16px
    }
}

.visit__list {
    max-width: 375px
}

.visit__list li {
    position: relative;
    color: #fff;
    padding-left: 40px;
    margin-bottom: 16px
}

.visit__list li:last-child {
    margin-bottom: 0
}

.visit__list li::before {
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    top: 0;
    left: 0;
    background: url(../img/check-list.svg) no-repeat center center;
    background-size: contain
}

@media screen and (max-width:743px) {
    .estimate {
        padding-bottom: 40px
    }
}

.estimate .h2 {
    margin-bottom: 32px
}

.estimate__content .h2 {
    margin-bottom: 27px
}

.estimate__content>p {
    color: #66666c;
    margin-bottom: 12px
}

.estimate__content>p:last-child {
    margin-bottom: 0
}

.estimate__content>p b,
.estimate__content>p strong {
    font-family: RalewayBold, sans-serif
}

.estimate__info {
    background: #fff;
    border-radius: 6px;
    padding: 24px;
    margin-bottom: 47px
}

@media screen and (max-width:1023px) {
    .estimate__info {
        margin-bottom: 32px
    }
}

.estimate__info .icon-list--gray .icon-list__content p {
    color: #66666c;
    margin-top: 24px
}

.author {
    padding-top: 60px;
    padding-bottom: 80px
}

@media screen and (max-width:743px) {
    .author {
        padding-top: 16px;
        padding-bottom: 40px
    }
}

.author__subtitle {
    font-size: 21px;
    line-height: 1.24;
    font-family: InterMedium, sans-serif;
    margin-bottom: 42px
}

@media screen and (max-width:743px) {
    .author__subtitle {
        font-size: 18px;
        line-height: 1.44;
        margin-bottom: 24px
    }
}

@media screen and (max-width:743px) {
    .author__img {
        margin-bottom: 24px
    }
}

.author__img img {
    width: 100%;
    border-radius: 6px;
    aspect-ratio: 16/12.87;
    object-fit: cover
}

.author__content {
    padding-left: 62px
}

@media screen and (max-width:743px) {
    .author__content .row {
        margin-bottom: -24px
    }

    .author__content .row>div {
        margin-bottom: 24px
    }
}

@media screen and (max-width:1239px) {
    .author__content {
        padding-left: 0
    }
}

.author__content .h2 {
    margin-bottom: 12px
}

@media screen and (max-width:743px) {
    .author__content .h2 {
        font-size: 24px;
        margin-bottom: 8px
    }
}

.author__content .label {
    margin-bottom: 12px;
    transform: rotate(-2.92deg);
    font-size: 18px;
    padding: 7px 19px;
    font-family: InterSemiBold, sans-serif
}

@media screen and (max-width:1023px) {
    .author__content .label {
        font-size: 16px
    }
}

@media screen and (max-width:743px) {
    .author__content .label {
        font-size: 14px;
        margin-bottom: 4px
    }
}

.author__list li {
    position: relative;
    font-size: 18px;
    line-height: 1.33;
    color: #66666c;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 25px
}

@media screen and (max-width:1239px) {
    .author__list li {
        font-size: 16px;
        line-height: 1.5
    }
}

@media screen and (max-width:743px) {
    .author__list li {
        padding-left: 30px
    }
}

.author__list li b,
.author__list li strong {
    font-family: RalewayBold, sans-serif
}

.author__list li::before {
    content: "";
    position: absolute;
    top: 14px;
    left: 0;
    width: 20px;
    height: 20px;
    background: url(../img/price-list.svg) no-repeat center center/contain
}

.author__list li:last-child {
    margin-bottom: 0
}

@media screen and (max-width:743px) {
    .read .title .h2 {
        max-width: 320px
    }
}

.read .row {
    margin-bottom: 30px
}

.read__item {
    border-radius: 6px;
    padding: 40px 48px;
    background: #f7f6fb;
    position: relative;
    z-index: 1;
    overflow: hidden;
    height: 100%
}

@media screen and (max-width:1023px) {
    .read__item {
        padding: 40px 24px
    }
}

.read__item-img {
    position: absolute;
    right: 0;
    top: -10px;
    z-index: -1
}

@media screen and (max-width:1239px) {
    .read__item-img {
        top: -40px;
        max-width: 240px
    }
}

@media screen and (max-width:1023px) {
    .read__item-img {
        max-width: 180px;
        top: -30px
    }
}

@media screen and (max-width:743px) {
    .read__item-img {
        max-width: 140px;
        right: 10px;
        top: -15px
    }
}

.read__item-img--2 {
    top: 20px
}

@media screen and (max-width:1239px) {
    .read__item-img--2 {
        top: 0;
        max-width: 140px
    }
}

@media screen and (max-width:1023px) {
    .read__item-img--2 {
        max-width: 110px
    }
}

@media screen and (max-width:743px) {
    .read__item-img--2 {
        max-width: 96px;
        top: 24px;
        right: 7px
    }
}

.read__item .h3 {
    margin-bottom: 67px
}

@media screen and (max-width:1239px) {
    .read__item .h3 {
        max-width: 240px
    }
}

@media screen and (max-width:1023px) {
    .read__item .h3 {
        margin-bottom: 24px
    }
}

@media screen and (max-width:743px) {
    .read__item .h3 {
        font-size: 28px
    }
}

.read__item p {
    margin: 0;
    color: #66666c;
    max-width: 362px;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical
}

.read__item .read-more {
    margin-top: 12px;
    font-size: 14px;
    font-family: RalewayMedium, sans-serif
}

.read__item--2 p {
    max-width: 420px
}

.read__item--normal {
    padding: 40px 24px
}

.read__item--normal .h3 {
    margin-bottom: 32px
}

@media screen and (max-width:1239px) {
    .read__item--normal .h3 {
        max-width: 100%
    }
}

@media screen and (max-width:743px) {
    .read__item--normal .h3 {
        font-size: 20px
    }
}

.motiv__row {
    display: flex;
    gap: 32px
}

@media screen and (max-width:1239px) {
    .motiv__row {
        gap: 24px
    }
}

@media screen and (max-width:1023px) {
    .motiv__row {
        flex-wrap: wrap;
        gap: 32px
    }
}

@media screen and (max-width:1023px) {
    .motiv__item {
        width: calc(50% - 16px)
    }
}

@media screen and (max-width:743px) {
    .motiv__item {
        width: 100%
    }
}

.motiv__item img {
    margin-bottom: 12px
}

.motiv__item-title {
    font-size: 18px;
    line-height: 1.33;
    font-family: RalewaySemiBold, sans-serif;
    margin-bottom: 12px
}

@media screen and (max-width:743px) {
    .motiv__item-title {
        font-size: 16px;
        line-height: 1.5
    }
}

.motiv__item p {
    margin-bottom: 0;
    color: #66666c
}

@media screen and (max-width:743px) {
    .motiv__item p {
        font-size: 14px;
        line-height: 1.71
    }
}

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

    .cert__next,
    .cert__prev {
        display: none
    }
}

.cert__slider {
    padding-top: 30px;
    padding-bottom: 30px;
    margin-top: -30px;
    margin-bottom: -30px
}

@media screen and (max-width:743px) {
    .cert__slider::before {
        content: "";
        position: absolute;
        right: -4px;
        top: 0;
        height: 100%;
        width: 20%;
        background: linear-gradient(90deg, rgba(255, 255, 255, 0) -33.73%, #fff 58.06%);
        z-index: 12;
        pointer-events: none
    }
}

.cert__item img {
    width: 100%;
    height: 100%;
    display: block;
    box-shadow: 15px 15px 25px 0 rgba(0, 0, 0, .05);
    border-radius: 6px
}


.vacancies-wrapper {}

.vacancy-item {
    position: relative;
    display: flex;
    flex-direction: column;

    width: 100%;
    margin: 0;
    border-radius: 8px;
    border: 1px solid #d3d9ea;
    transition: all .2s ease-in-out;
    padding: 18px;
    margin-bottom: 35px;
}

.vacancy-item {
    transition: opacity 0.3s ease;
}

.vacancy-item.hidden {
    opacity: 0;
}

.vacancy-title {
    display: block;
    font-family: InterSemiBold, sans-serif;
    margin-bottom: 15px;
    text-align: left;
    text-decoration: none;
    white-space: normal;
    word-break: break-word;
    transition: all 0.3s ease-out;
    font-size: 20px;

}



.vacancy-status {
    padding: 4px 8px;
    background: #f7f6fb;
    border: 1px solid;
    border-radius: 3px;
    color: #66666c;
    font-size: 0.625rem;
    font-weight: 500;
    line-height: 0.75rem;
    letter-spacing: 0.05em;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.3s ease-out;
    font-family: RalewayRegular, sans-serif;
    border: 1px solid #d3d9ea;
    border-radius: 70px;
    padding: 5px 13px;
    color: #949aab;
    font-family: InterSemiBold, sans-serif;
    white-space: nowrap;
    transition: all .35s ease;
    position: absolute;
    right: 10px;
    top: -10px;
}

.vacancy-status.relevant {
    border-color: #55861d;
    color: #55861d;
}


.read-more {
    margin-top: auto;
}

.posts-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 30px 15px;
    text-align: center;
}

.posts-pagination .screen-reader-text {
    display: none;
}

.posts-pagination .nav-links {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
}

.posts-pagination .nav-links:before,
.posts-pagination .nav-links:after {
    display: none;
}

.posts-pagination .page-numbers {
    display: flex;
    align-content: center;
    justify-content: center;
    min-width: 46px;
    width: fit-content;
    height: 46px;
    padding: 10px;
    color: #2b2b2b;
    background-color: #fff;
    border-radius: 6px;
    border: 1px solid #d3d9ea;
    font-family: InterSemiBold, sans-serif;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
}

.posts-pagination .page-numbers:hover {
    border-color: var(--blog-main-color);
}

.posts-pagination .page-numbers.current {
    border-color: var(--blog-main-color);
    color: var(--blog-main-color);
}

.posts-pagination .page-numbers.next,
.posts-pagination .page-numbers.prev {
    justify-content: center;
    flex: initial;
    min-width: 46px;
    padding: 10px;
}

.vacancy-page .post-table-of-contents {
    background-color: unset;
}

.vacancy-page .post-prof {
    margin-bottom: 10px;
}

.archive-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    gap: 15px;
    margin-bottom: 15px;
}

@media screen and (min-width: 500px) {
    .archive-wrapper {
        grid-template-columns: 1fr 1fr;
        margin-bottom: 50px;
    }
}

@media screen and (min-width: 901px) {
    .archive-wrapper {
        grid-template-columns: 1fr 1fr 1fr;
    }
}

@media screen and (min-width: 1024px) {
    .archive-wrapper {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
}

@media screen and (max-width: 499px) {
    .archive-wrapper {
        grid-auto-rows: auto;
    }
}

.footer__stores {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 16px;
    margin-top: -12px;
    margin-bottom: 36px;
}

.footer__store {
    display: block;
    width: 120px;
    max-width: 100%;
    transition: opacity .35s ease;
}

.footer__store img {
    display: block;
    width: 100%;
    height: auto;
}

.footer__store:hover {
    opacity: .8;
}

@media screen and (max-width: 1023px) {
    .footer__stores {
        order: 3;
        width: 100%;
        margin-top: 0;
        margin-bottom: 24px;
    }
}

@media screen and (max-width: 743px) {
    .footer__stores {
        order: 5;
        gap: 12px;
        margin-top: 20px;
        margin-bottom: 28px;
    }
    .footer__store {
        width: calc(50% - 6px);
    }
}