a.amprise,
input {
    margin: 0;
    padding: 0;
}
a.amprise {
    --amprise-text-color: #ccc;
    --amprise-logo-color: #000;
    --amprise-logo-hover-color: #000;
    --amprise-logo-background: #ccc;
    --amprise-logo-hover-background: #ccc;
    display: inline-block;
    font-size: 1em;
    height: 2em;
    -webkit-mask-image: url(/src/assets/amprise/main_mask.svg);
    mask-image: url(/src/assets/amprise/main_mask.svg);
    -webkit-mask-position: right top;
    mask-position: right top;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: auto 100%;
    mask-size: auto 100%;
    overflow: hidden;
    position: relative;
    text-align: left;
    width: 10.34em;
}
a.amprise * {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
a.amprise > div {
    height: 2em;
    -webkit-transform: translateX(0.41em);
    transform: translateX(0.41em);
    -webkit-transition: -webkit-transform 0.4s ease-in-out;
    transition: -webkit-transform 0.4s ease-in-out;
    transition: transform 0.4s ease-in-out;
    transition:
        transform 0.4s ease-in-out,
        -webkit-transform 0.4s ease-in-out;
    width: 18.1em;
}
a.amprise > div > div {
    display: inline-block;
    height: 2em;
    margin: 0;
    padding: 0;
    position: absolute;
}
a.amprise > div > div:first-child {
    background: var(--amprise-text-color);
    -webkit-mask-image: url(/src/assets/amprise/text.svg);
    mask-image: url(/src/assets/amprise/text.svg);
    opacity: 1;
    -webkit-transform: scale(1.24);
    transform: scale(1.24);
    -webkit-transform-origin: left center;
    transform-origin: left center;
    -webkit-transition: opacity 0.4s linear;
    transition: opacity 0.4s linear;
    width: 6.6em;
}
a.amprise > div > div:first-child,
a.amprise > div > div:last-child {
    -webkit-mask-position: left top;
    mask-position: left top;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: auto 100%;
    mask-size: auto 100%;
}
a.amprise > div > div:last-child {
    background: var(--amprise-logo-background);
    -webkit-mask-image: url(/src/assets/amprise/logo_mask.svg);
    mask-image: url(/src/assets/amprise/logo_mask.svg);
    position: absolute;
    right: 0;
    -webkit-transform: translateX(0.19em);
    transform: translateX(0.19em);
    width: 10.34em;
}
a.amprise > div > div:last-child:before {
    background: var(--amprise-logo-hover-background);
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: opacity 0.4s linear;
    transition: opacity 0.4s linear;
    z-index: 50;
}
a.amprise > div > div:last-child:after {
    background: var(--amprise-logo-color);
    bottom: 0;
    content: "";
    left: 0;
    -webkit-mask-image: url(/src/assets/amprise/logo.svg);
    mask-image: url(/src/assets/amprise/logo.svg);
    -webkit-mask-position: left center;
    mask-position: left center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: auto 100%;
    mask-size: auto 100%;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: scale(1.03);
    transform: scale(1.03);
    -webkit-transform-origin: left center;
    transform-origin: left center;
    -webkit-transition: background 0.4s linear;
    transition: background 0.4s linear;
    z-index: 100;
}
a.amprise:hover > div {
    -webkit-transform: translateX(-6.7em);
    transform: translateX(-6.7em);
}
a.amprise:hover > div > div:first-child {
    opacity: 0;
}
a.amprise:hover > div > div:last-child:before {
    opacity: 1;
}
a.amprise:hover > div > div:last-child:after {
    background: var(--amprise-logo-hover-color);
}
a.amprise-identity {
    color: var(--amprise-identity-color, inherit);
    font-family: var(--amprise-identity-font, inherit);
    font-size: var(--amprise-identity-font-size, inherit);
    font-style: var(--amprise-identity-font-style, inherit);
    font-weight: var(--amprise-identity-font-weight, inherit);
    text-decoration: none;
    white-space: nowrap;
}
a.amprise-identity > b {
    font: inherit;
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    font-weight: var(--amprise-identity-accent-weight, inherit);
    position: relative;
    text-decoration: none;
}
a.amprise-identity > b:after {
    background: var(--amprise-identity-accent-line-color, var(--amprise-identity-color, inherit));
    bottom: -0.15em;
    content: "";
    height: 0.07em;
    left: 0;
    position: absolute;
    right: 0;
    -webkit-transition: background 0.35s ease;
    transition: background 0.35s ease;
}
@media (hover: none) {
    a.amprise-identity > b:after {
        background: var(
            --amprise-identity-accent-line-hover-color,
            var(--amprise-identity-accent-line-color, var(--amprise-identity-color, inherit))
        );
    }
}
a.amprise-identity:hover > b:after {
    background: var(
        --amprise-identity-accent-line-hover-color,
        var(--amprise-identity-accent-line-color, var(--amprise-identity-color, inherit))
    );
}
.flex-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    justify-content: flex-start;
}
@media (max-width: 1030px) {
    .flex-row-tablet {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        align-items: stretch;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        justify-content: flex-start;
    }
}
@media (max-width: 780px) {
    .flex-row-mobile {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        align-items: stretch;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        justify-content: flex-start;
    }
}
.flex-col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: flex-start;
}
@media (max-width: 1030px) {
    .flex-col-tablet {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        align-items: stretch;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        justify-content: flex-start;
    }
}
@media (max-width: 780px) {
    .flex-col-mobile {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        align-items: stretch;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        justify-content: flex-start;
    }
}
.flex-center {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center;
}
@media (max-width: 1030px) {
    .flex-center-tablet {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        align-items: stretch;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        justify-content: flex-start;
    }
}
@media (max-width: 780px) {
    .flex-center-mobile {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        align-items: stretch;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        justify-content: flex-start;
    }
}
@media (max-width: 1030px) and (min-width: 481px) {
    .no-tablet-only {
        display: none !important;
    }
}
.no-display {
    display: none !important;
}
.icon-end:after,
.icon:before {
    -ms-flex-negative: 0;
    background: var(--icon-src, var(--icon-color, #fff));
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: inline-block;
    flex-shrink: 0;
    height: var(--icon-h, var(--icon-size, 1.25em));
    margin-right: var(--icon-pad, 0.5em);
    -webkit-mask-image: var(--icon);
    mask-image: var(--icon);
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 99%;
    mask-size: 99%;
    -webkit-transition: var(--icon-transition, none);
    transition: var(--icon-transition, none);
    width: var(--icon-w, var(--icon-size, 1.25em));
}
[data-modal-name] {
    background: rgba(0, 0, 0, 0.333);
    bottom: 0;
    display: none;
    left: 0;
    overflow-x: hidden;
    overflow-y: auto;
    position: fixed;
    right: 0;
    top: 0;
}
[data-modal-name].modal-active {
    display: block;
    opacity: 0;
    -webkit-transition: opacity 0.4s ease;
    transition: opacity 0.4s ease;
}
[data-modal-name].modal-active.modal-view {
    opacity: 1;
}
.media-content-frame,
.media-content-frame-save-me {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: flex-start;
}
.media-content-frame-save-me > canvas,
.media-content-frame-save-me > img,
.media-content-frame-save-me > video,
.media-content-frame > canvas,
.media-content-frame > img,
.media-content-frame > video {
    height: 100%;
    -o-object-fit: var(--media-content-frame-fit, contain);
    object-fit: var(--media-content-frame-fit, contain);
    -o-object-position: var(--media-content-frame-position, center);
    object-position: var(--media-content-frame-position, center);
    pointer-events: all;
    width: 100%;
}
.media-content-frame-save-me > iframe,
.media-content-frame > iframe {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    pointer-events: all;
    width: 100%;
}
[data-custom-cursor-pattern-default],
[data-custom-cursor-pattern] {
    display: none !important;
}
html:has(.data-custom-cursor [data-custom-cursor-replace]) *,
html:has([data-custom-cursor-pattern-default]) * {
    cursor: none;
}
.data-custom-cursor {
    display: inline-block;
    pointer-events: none;
    position: fixed;
    will-change: left, right;
    z-index: 9999999999999;
}
.cursor-out-screen {
    display: none !important;
}
[data-swiper] {
    display: block;
    position: relative;
}
[data-swiper] [data-swiper-paging-title] {
    display: none !important;
}
[data-swiper] .swipe-wrapper-horizontal,
[data-swiper] .swipe-wrapper-horizontal-loop-pad,
[data-swiper] .swipe-wrapper-vertical,
[data-swiper] .swipe-wrapper-vertical-loop-pad {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    will-change: transform;
}
[data-swiper] .swipe-wrapper-horizontal .swipe-slides,
[data-swiper] .swipe-wrapper-horizontal-loop-pad .swipe-slides,
[data-swiper] .swipe-wrapper-vertical .swipe-slides,
[data-swiper] .swipe-wrapper-vertical-loop-pad .swipe-slides {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    justify-content: flex-start;
}
[data-swiper] .swipe-wrapper-horizontal .swipe-slides .swipe-item,
[data-swiper] .swipe-wrapper-horizontal-loop-pad .swipe-slides .swipe-item,
[data-swiper] .swipe-wrapper-vertical .swipe-slides .swipe-item,
[data-swiper] .swipe-wrapper-vertical-loop-pad .swipe-slides .swipe-item {
    cursor: default;
}
[data-swiper] .swipe-wrapper-vertical,
[data-swiper] .swipe-wrapper-vertical-loop-pad {
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    width: 100%;
}
[data-swiper] .swipe-wrapper-vertical .swipe-slides,
[data-swiper] .swipe-wrapper-vertical-loop-pad .swipe-slides {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
[data-swiper] .swipe-wrapper-horizontal,
[data-swiper] .swipe-wrapper-horizontal-loop-pad {
    height: 100%;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
}
[data-swiper] .swipe-wrapper-horizontal .swipe-slides,
[data-swiper] .swipe-wrapper-horizontal-loop-pad .swipe-slides {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}
[data-swiper] .swipe-wrapper-horizontal-loop-pad,
[data-swiper] .swipe-wrapper-vertical-loop-pad {
    position: absolute;
}
[data-swiper] .swipe-wrapper-vertical-loop-pad {
    right: 0;
}
[data-swiper] .swipe-wrapper-vertical-loop-pad.start {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}
[data-swiper] .swipe-wrapper-vertical-loop-pad.end {
    top: 100%;
}
[data-swiper] .swipe-wrapper-horizontal-loop-pad {
    bottom: 0;
}
[data-swiper] .swipe-wrapper-horizontal-loop-pad.start {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}
[data-swiper] .swipe-wrapper-horizontal-loop-pad.end {
    left: 100%;
}
.has-icon {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: var(--icon-pad, 0.75em);
    justify-content: flex-start;
}
.has-icon:before {
    background: var(--icon-src, var(--icon-color, #fff));
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: inline-block;
    height: var(--icon-size, 1.25em);
    -webkit-mask-image: var(--icon);
    mask-image: var(--icon);
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-transition: var(--icon-transition, none);
    transition: var(--icon-transition, none);
    width: var(--icon-size, 1.25em);
}
.has-icon-end {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: var(--icon-pad, 0.75em);
    justify-content: flex-start;
}
.has-icon-end:after {
    background: var(--icon-src, var(--icon-color, #fff));
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: inline-block;
    height: var(--icon-size, 1.25em);
    -webkit-mask-image: var(--icon);
    mask-image: var(--icon);
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-transition: var(--icon-transition, none);
    transition: var(--icon-transition, none);
    width: var(--icon-size, 1.25em);
}
[data-counter] {
    display: inline-block;
    overflow: hidden;
    position: relative;
}
[data-counter] .corrector {
    display: inline-block;
    padding-right: 1rem;
    visibility: hidden;
}
[data-counter] .content {
    bottom: 0;
    position: absolute;
    -webkit-transform: translateY(110%);
    transform: translateY(110%);
    -webkit-transition: -webkit-transform 2s cubic-bezier(0, 1.09, 0.61, 1);
    transition: -webkit-transform 2s cubic-bezier(0, 1.09, 0.61, 1);
    transition: transform 2s cubic-bezier(0, 1.09, 0.61, 1);
    transition:
        transform 2s cubic-bezier(0, 1.09, 0.61, 1),
        -webkit-transform 2s cubic-bezier(0, 1.09, 0.61, 1);
}
[data-counter].active .content {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
@-webkit-keyframes move-to-left {
    0% {
        -webkit-transform: translateX(-200%);
        transform: translateX(-200%);
    }
    to {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}
@keyframes move-to-left {
    0% {
        -webkit-transform: translateX(-200%);
        transform: translateX(-200%);
    }
    to {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}
@-webkit-keyframes move-to-down {
    0% {
        -webkit-transform: translateY(-200%);
        transform: translateY(-200%);
    }
    to {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}
@keyframes move-to-down {
    0% {
        -webkit-transform: translateY(-200%);
        transform: translateY(-200%);
    }
    to {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}
@-webkit-keyframes move-bg-to-left {
    0% {
        background-position: 0 0;
    }
    to {
        background-position: 200% 0;
    }
}
@keyframes move-bg-to-left {
    0% {
        background-position: 0 0;
    }
    to {
        background-position: 200% 0;
    }
}
@-webkit-keyframes move-bg-to-down {
    0% {
        background-position: 0 0;
    }
    to {
        background-position: 0 200%;
    }
}
@keyframes move-bg-to-down {
    0% {
        background-position: 0 0;
    }
    to {
        background-position: 0 200%;
    }
}
.move-line-effect {
    overflow: hidden;
}
.move-line-effect > * {
    -webkit-animation-duration: 100s;
    animation-duration: 100s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    position: relative;
}
.move-line-effect.left > * {
    -webkit-animation-direction: normal;
    animation-direction: normal;
}
.move-line-effect.left > *,
.move-line-effect.right > * {
    -webkit-animation-name: move-to-left;
    animation-name: move-to-left;
}
.move-line-effect.right > * {
    animation-direction: reverse;
}
.move-line-effect.down > * {
    -webkit-animation-direction: normal;
    animation-direction: normal;
}
.move-line-effect.down > *,
.move-line-effect.up > * {
    -webkit-animation-name: move-to-down;
    animation-name: move-to-down;
}
.move-line-effect.up > * {
    animation-direction: reverse;
}
.move-bg-effect {
    -webkit-animation-duration: 10s;
    animation-duration: 10s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}
.move-bg-effect.left {
    -webkit-animation-direction: normal;
    animation-direction: normal;
}
.move-bg-effect.left,
.move-bg-effect.right {
    -webkit-animation-name: move-bg-to-left;
    animation-name: move-bg-to-left;
}
.move-bg-effect.right {
    animation-direction: reverse;
}
.move-bg-effect.down {
    -webkit-animation-direction: normal;
    animation-direction: normal;
}
.move-bg-effect.down,
.move-bg-effect.up {
    -webkit-animation-name: move-bg-to-down;
    animation-name: move-bg-to-down;
}
.move-bg-effect.up {
    animation-direction: reverse;
}
[data-move-line] {
    position: relative;
}
[data-move-line] > * {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
[data-dropdown] {
    position: relative;
}
[data-dropdown] [data-dropdown-content] {
    left: 0;
    max-height: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 100%;
}
[data-dropdown][data-dropdown-active] [data-dropdown-content] {
    max-height: var(--dropdown-h, unset);
    pointer-events: all;
}
.data-dropdown-select {
    display: inline-block;
    position: relative;
}
.data-dropdown-select select {
    display: none;
}
.data-dropdown-select-title {
    position: relative;
}
.data-dropdown-select-items {
    -webkit-box-orient: vertical;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-direction: column;
    flex-direction: column;
    max-height: 100vh;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    top: 100%;
}
.data-dropdown-select-items,
.data-dropdown-select-items-filter {
    -webkit-box-direction: normal;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-start;
}
.data-dropdown-select-items-filter {
    -webkit-box-orient: horizontal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: row;
    flex-direction: row;
}
.data-dropdown-select-items-filter input {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
.data-dropdown-select-items-filter-out {
    display: none !important;
}
.data-dropdown-select-items-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: flex-start;
    overflow: auto;
}
.data-dropdown-select-items-list > div,
.data-dropdown-select-title {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
}
.data-dropdown-select.data-dropdown-select-open .data-dropdown-select-items > div {
    pointer-events: all;
}
.form-success-checkbox {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: var(--check-pad, 0.84em);
    justify-self: flex-start;
    position: relative;
}
.form-success-checkbox > .text {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    display: inline-block;
    flex-grow: 1;
    font-size: 1em;
    line-height: 1.46em;
}
.form-success-checkbox input[type="checkbox"] {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -ms-flex-negative: 0;
    align-items: flex-start;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    background: none !important;
    background-color: transparent !important;
    border: none !important;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: row;
    flex-direction: row;
    flex-shrink: 0;
    margin: 0 !important;
    outline: none !important;
    padding: 0 !important;
}
.form-success-checkbox input[type="checkbox"]:before {
    background-image: var(--icon-unchecked);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 99% 99%;
    content: "";
    cursor: pointer;
    display: inline-block;
    height: var(--check-size, 1.25em);
    -webkit-transition: background 0.2s linear;
    transition: background 0.2s linear;
    width: var(--check-size, 1.25em);
}
.form-success-checkbox input[type="checkbox"].error:before {
    background-image: var(--icon-error);
}
.form-success-checkbox input[type="checkbox"]:hover:before {
    background-image: var(--icon-hover);
}
.form-success-checkbox input[type="checkbox"]:checked:before {
    background-image: var(--icon-checked);
}
[data-form-file] [data-form-file-items],
[data-form-file] input {
    display: none !important;
}
[data-form-file].data-form-file-full [data-form-file-appdend] {
    pointer-events: none;
}
.form-content {
    -webkit-box-orient: vertical;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-direction: column;
    flex-direction: column;
}
.form-content,
.form-content .form-row {
    -webkit-box-direction: normal;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-start;
}
.form-content .form-row {
    -webkit-box-orient: horizontal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 1rem;
}
@media (min-width: 780px) {
    .form-content .form-row > * {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        -ms-flex-preferred-size: 1%;
        flex-basis: 1%;
        flex-grow: 1;
    }
}
@media (max-width: 780px) {
    .form-content .form-row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 3rem;
    }
}
.form-content .input-group {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1rem;
    justify-content: flex-start;
}
@media (max-width: 780px) {
    .form-content .input-group {
        gap: 3rem;
    }
}
.form-content .input-group label {
    font-size: 1rem;
}
@media (max-width: 780px) {
    .form-content .input-group label {
        font-size: 1.5rem;
    }
}
.form-content input:-webkit-autofill,
.form-content input:-webkit-autofill:focus,
.form-content input:-webkit-autofill:hover {
    -webkit-text-fill-color: var(--autofill-color, #000);
    background: var(--autofill-bg, #fff);
    -webkit-box-shadow: inset 0 0 0 50px var(--autofill-bg, #fff);
    caret-color: var(--autofill-color, #000);
    -webkit-transition: background 999999999s cubic-bezier(1, 0, 1, 0) 999999999s;
    transition: background 999999999s cubic-bezier(1, 0, 1, 0) 999999999s;
}
[data-round-swiper] {
    position: relative;
}
[data-round-swiper] .round-swipe-pan {
    height: 100%;
    left: var(--round-swiper-center-x, 0);
    pointer-events: none;
    position: absolute;
    top: var(--round-swiper-center-y, 0);
    width: 100%;
}
[data-round-swiper] .round-swipe-pan .round-swipe-test-0 {
    background: #000;
    border: 1px solid #fff;
    height: 3px;
    left: 0;
    position: absolute;
    right: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(var(--round-swiper-test-angle, 0deg));
    transform: translateY(-50%) rotate(var(--round-swiper-test-angle, 0deg));
    -webkit-transform-origin: right center;
    transform-origin: right center;
}
[data-round-swiper] .round-swipe-pan .round-swipe-test-0:before {
    background: hsla(0, 0%, 76%, 0.173);
    border: 1px solid rgba(0, 0, 0, 0.216);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: rotate(calc(var(--round-swiper-test-angle, 0deg) * -1));
    transform: rotate(calc(var(--round-swiper-test-angle, 0deg) * -1));
    -webkit-transform-origin: right center;
    transform-origin: right center;
}
[data-round-swiper] .round-swipe-pan .round-swipe-wrapper {
    height: calc(var(--round-swiper-radius, 50%) * 2);
    left: 50%;
    pointer-events: none;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(var(--round-swiper-angle, 0deg));
    transform: translate(-50%, -50%) rotate(var(--round-swiper-angle, 0deg));
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transition: var(--round-swiper-animation, none);
    transition: var(--round-swiper-animation, none);
    width: calc(var(--round-swiper-radius, 50%) * 2);
    will-change: transform;
}
[data-round-swiper] .round-swipe-pan .round-swipe-wrapper .round-swipe-test-0 {
    background: red;
    border: 1px solid #000;
}
[data-round-swiper] .round-swipe-pan .round-swipe-wrapper .round-swipe-test-0:before {
    background: #3b00a1;
    border: 1px solid #c3c3c3;
    left: 30%;
    -webkit-transform: rotate(var(--round-swiper-test-angle2, 0deg));
    transform: rotate(var(--round-swiper-test-angle2, 0deg));
    -webkit-transform-origin: right center;
    transform-origin: right center;
}
[data-round-swiper] .round-swipe-pan .round-swipe-slides {
    bottom: 0;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
}
[data-round-swiper] .round-swipe-pan .round-swipe-container {
    --coef-mult: calc(var(--round-swipe-container-angle-coef, 0) + var(--round-swiper-angle-coef, 0));
    left: 50%;
    pointer-events: none;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(var(--round-swipe-container-angle, 0deg))
        scale(calc(1 - var(--coef-mult, 0) * var(--round-swiper-coef-scale, 0)))
        rotate(
            calc(
                var(--round-swipe-container-angle) * var(--round-swiper-coef-step, 0) *
                    var(--round-swipe-container-angle-coef, 0)
            )
        )
        translateX(calc(var(--round-swiper-radius, 0%) * var(--coef-mult, 0) * var(--round-swiper-coef-radius, 0)));
    transform: translate(-50%, -50%) rotate(var(--round-swipe-container-angle, 0deg))
        scale(calc(1 - var(--coef-mult, 0) * var(--round-swiper-coef-scale, 0)))
        rotate(
            calc(
                var(--round-swipe-container-angle) * var(--round-swiper-coef-step, 0) *
                    var(--round-swipe-container-angle-coef, 0)
            )
        )
        translateX(calc(var(--round-swiper-radius, 0%) * var(--coef-mult, 0) * var(--round-swiper-coef-radius, 0)));
    will-change: transform;
}
[data-round-swiper] .round-swipe-pan .round-swipe-container .round-swipe-item {
    pointer-events: all;
    -webkit-transform: translateX(calc(var(--round-swiper-radius, 0%) * -1))
        rotate(var(--round-swiper-start-angle, 0deg));
    transform: translateX(calc(var(--round-swiper-radius, 0%) * -1)) rotate(var(--round-swiper-start-angle, 0deg));
    -webkit-transform-origin: center;
    transform-origin: center;
    will-change: transform;
}
[data-round-swiper] .round-swipe-pan .round-swipe-container.round-swipe-normalized .round-swipe-item {
    -webkit-transform: translateX(calc(var(--round-swiper-radius, 0%) * -1))
        rotate(
            calc(
                var(--round-swipe-container-angle, 0deg) * -1 + var(--round-swiper-angle, 0deg) * -1 +
                    var(--round-swipe-item-angle-fixed, 0deg)
            )
        );
    transform: translateX(calc(var(--round-swiper-radius, 0%) * -1))
        rotate(
            calc(
                var(--round-swipe-container-angle, 0deg) * -1 + var(--round-swiper-angle, 0deg) * -1 +
                    var(--round-swipe-item-angle-fixed, 0deg)
            )
        );
    -webkit-transition: var(--round-swiper-animation, none);
    transition: var(--round-swiper-animation, none);
}
.data-scroll-slider {
    display: block;
    min-height: calc(
        var(--data-scroll-slide-height, 100vh) * var(--data-scroll-slides, 1) + var(--data-scroll-slide-height, 100vh) *
            var(--data-scroll-slide-space-before, 0) + var(--data-scroll-slide-height, 100vh) *
            var(--data-scroll-slide-space-after, 0)
    );
    position: relative;
}
.data-scroll-slider .data-scroll-slider-trigers {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: stretch;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: flex-start;
    left: 0;
    pointer-events: none !important;
    position: absolute;
    right: 0;
    top: 0;
}
.data-scroll-slider .data-scroll-slider-trigers * {
    pointer-events: none !important;
}
.data-scroll-slider .data-scroll-slider-trigers > [data-scroll-slide-trigger] {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -ms-flex-preferred-size: 1%;
    flex-basis: 1%;
    flex-grow: 1;
}
.data-scroll-slider .data-scroll-slider-trigers > .data-scroll-slide-pad-before {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: calc(var(--data-scroll-slide-height, 100vh) * var(--data-scroll-slide-space-before, 0));
}
.data-scroll-slider .data-scroll-slider-trigers > .data-scroll-slide-pad-after {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: calc(var(--data-scroll-slide-height, 100vh) * var(--data-scroll-slide-space-after, 0));
}
.data-scroll-slider .data-scroll-slider-container {
    left: 0;
    position: sticky;
    right: 0;
    top: 0;
}
[data-overflow-line] {
    overflow-x: hidden;
    white-space: nowrap;
    width: 100%;
}
[data-overflow-line] .overflow-line-counter {
    display: inline-block;
}
[data-overflow-line] .is-owerflow {
    display: none !important;
}
[data-action-shadow-of],
[data-bublbe-event-shadow-of] {
    display: none;
}
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
summary,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    border: none;
    font: inherit;
    font-size: 100%;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}
html {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
*,
:after,
:before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}
audio,
canvas,
video {
    display: inline-block;
}
body {
    margin: 0;
}
ul {
    list-style-type: none;
}
a {
    background: transparent;
    text-decoration: none;
}
button,
input {
    line-height: normal;
}
input[type="search"] {
    -webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
textarea {
    overflow: auto;
    vertical-align: top;
}
img {
    display: block;
    height: auto;
    max-width: 100%;
}
input:focus,
textarea:focus {
    outline: 0;
}
input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
    padding: 0;
}
.overflow-hidden {
    -webkit-overflow-scrolling: touch;
    overflow: hidden !important;
    touch-action: none;
    -ms-touch-action: none;
}
@media (min-width: 780px) {
    .mobile-only {
        display: none !important;
    }
}
@media (min-width: 1030px) {
    .tablet-only {
        display: none !important;
    }
}
@media (max-width: 780px) {
    .no-mobile {
        display: none !important;
    }
}
@media (max-width: 1030px) {
    .no-tablet {
        display: none !important;
    }
}
html {
    font-size: 1vw;
    overflow-x: hidden;
    scroll-behavior: smooth;
    -webkit-text-size-adjust: 100%;
}
@media (min-width: 2700px) {
    html {
        font-size: 22px;
    }
    html body > * {
        margin-left: auto;
        margin-right: auto;
        max-width: 100rem;
    }
}
html * {
    font-family: Mulish;
}
html main {
    padding-top: 5.16rem;
}
@media (max-width: 780px) {
    html main {
        padding-top: 18.2rem;
    }
}
.img-frame {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.img-frame > img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    width: 100%;
}
.btns {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    -webkit-column-gap: 1.09rem;
    -moz-column-gap: 1.09rem;
    column-gap: 1.09rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    justify-content: center;
}
@media (max-width: 780px) {
    .btns {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 5.6rem;
    }
}
.btns.big {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.btns.big .btn {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
.pad {
    padding-left: 20.8333rem;
    padding-right: 20.8333rem;
}
@media (max-width: 780px) {
    .pad {
        padding-left: 4.13rem;
        padding-right: 4.13rem;
    }
}
.images {
    display: grid;
    gap: 1.25rem;
    grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 780px) {
    .images {
        gap: 4.27rem;
        grid-template-columns: 1fr;
    }
}
.images .img-frame {
    border-radius: 0.625rem;
    height: 18.90625rem;
    overflow: hidden;
    width: 100%;
}
@media (max-width: 780px) {
    .images .img-frame {
        border-radius: 3.2rem;
        height: 51rem;
    }
}
.images .img-frame:nth-child(odd):last-child {
    grid-column: 1/3;
    height: 43.80208rem;
}
@media (max-width: 780px) {
    .images .img-frame:nth-child(odd):last-child {
        grid-column: initial;
        height: 51rem;
    }
}
.images .img-frame img {
    -o-object-fit: cover;
    object-fit: cover;
}
.media-content-frame {
    border-radius: 0.625rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 29.0625rem;
    overflow: hidden;
}
@media (max-width: 780px) {
    .media-content-frame {
        border-radius: 3.2rem;
        height: 38.25013rem;
    }
}
main > .images,
main > .media-content-frame {
    margin: 1.25rem 20.8333rem 0;
}
@media (max-width: 780px) {
    main > .images,
    main > .media-content-frame {
        margin: 5.33rem 4.13rem 0;
    }
    main > .images .img-frame {
        height: 68.8rem !important;
    }
    main > .media-content-frame {
        height: 51.6rem;
    }
    .tooltip .close {
        border-color: #e5e5f3;
        border-radius: 2.13333rem;
        height: 8.53333rem;
        position: absolute;
        right: 2.13rem;
        top: 2.13rem;
        width: 8.53333rem;
    }
    .tooltip .close:before {
        background: var(--color-dark);
        height: 4.26667rem;
        width: 4.26667rem;
    }
}
.h1,
h1 {
    color: var(--color-dark);
    font-size: 3.02083rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
@media (max-width: 780px) {
    .h1,
    h1 {
        font-size: 7.46667rem;
    }
}
.h2,
h2 {
    color: var(--color-dark);
    font-size: 1.66667rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
@media (max-width: 780px) {
    .h2,
    h2 {
        font-size: 6.4rem;
    }
}
.h3,
h3 {
    color: var(--color-dark);
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
@media (max-width: 780px) {
    .h3,
    h3 {
        font-size: 4.8rem;
    }
}
.p,
p {
    color: var(--color-dark);
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}
@media (max-width: 780px) {
    .p,
    p {
        font-size: 4.26667rem;
    }
}
ul li {
    padding-left: 1rem;
}
@media (max-width: 780px) {
    ul li {
        padding-left: 3.75rem;
    }
}
ul li:before {
    background: var(--color-primary);
    border-radius: 0.09115rem;
    content: "";
    height: 0.3125rem;
    left: 0;
    position: absolute;
    top: 0.55rem;
    width: 0.3125rem;
}
@media (max-width: 780px) {
    ul li:before {
        border-radius: 0.46667rem;
        height: 1.6rem;
        top: 2.4rem;
        width: 1.6rem;
    }
}
ol,
ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0.83rem;
    list-style: none;
}
@media (max-width: 780px) {
    ol,
    ul {
        gap: 3.2rem;
    }
}
ol li,
ul li {
    color: var(--color-dark);
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    position: relative;
}
@media (max-width: 780px) {
    ol li,
    ul li {
        font-size: 4.26667rem;
    }
}
ol {
    counter-reset: list-counter;
}
ol li {
    counter-increment: list-counter;
    padding-left: 2.08rem;
}
@media (max-width: 780px) {
    ol li {
        padding-left: 9.6rem;
    }
}
ol li:before {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: var(--color-secondary);
    border-radius: 0.36458rem;
    color: var(--color-dark);
    content: counter(list-counter);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 600;
    height: 1.45833rem;
    justify-content: center;
    left: 0;
    line-height: 150%;
    position: absolute;
    top: 0;
    width: 1.45833rem;
}
@media (max-width: 780px) {
    ol li:before {
        border-radius: 1.86667rem;
        font-size: 4.26667rem;
        height: 6.4rem;
        width: 6.4rem;
    }
}
strong {
    color: inherit;
    font: inherit;
    font-weight: 700;
}
.text-big {
    color: var(--color-dark);
    font-size: 1.04167rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
@media (max-width: 780px) {
    .text-big {
        font-size: 4.8rem;
    }
}
.text-def {
    color: var(--color-dark);
    font-size: 0.83333rem;
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
}
@media (max-width: 780px) {
    .text-def {
        font-size: 3.73333rem;
        line-height: normal;
    }
}
.text-sm {
    color: var(--color-dark);
    font-size: 0.72917rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
@media (max-width: 780px) {
    .text-sm {
        font-size: 3.2rem;
    }
}
.theme-blue {
    --color-dark: #0e0f28;
    --color-primary: #2a3ef4;
    --color-secondary: #ffc72c;
    --color-light: #f2f4ff;
    --color-light2: #eaecfe;
    --header-dropdown-bg: #171830;
    --btn-primary-bg-hov: #0019ff;
    --btn-secondary-bg-hov: #ffae00;
    --top-pick-details-bg-black: rgba(242, 244, 255, 0.04);
    --top-pick-details-bg-yellow: rgba(242, 244, 255, 0.2);
    --top-pick-details-bg-light: #f7f7ff;
    --dropdown-bg-hov: rgba(42, 62, 244, 0.08);
}
.theme-crimson {
    --color-dark: #1a1c5c;
    --color-primary: #ef1c69;
    --color-secondary: #ffc300;
    --color-light: #f5f5ff;
    --color-light2: #dee3fe;
    --header-dropdown-bg: #2b2e78;
    --btn-primary-bg-hov: #e30053;
    --btn-secondary-bg-hov: #f1b800;
    --top-pick-details-bg-black: rgba(242, 244, 255, 0.04);
    --top-pick-details-bg-yellow: rgba(242, 244, 255, 0.2);
    --top-pick-details-bg-light: #f7f7ff;
    --dropdown-bg-hov: rgba(42, 62, 244, 0.08);
}
.close {
    border: 1px solid hsla(0, 0%, 100%, 0.16);
    border-radius: 3.2rem;
    display: inline-block;
    height: 11.73333rem;
    position: relative;
    width: 11.73333rem;
}
.close:before {
    background: #fff;
    content: "";
    height: 6.4rem;
    left: 50%;
    -webkit-mask-image: url(/src/assets/icon/close.svg);
    mask-image: url(/src/assets/icon/close.svg);
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 6.4rem;
}
.modal-active-mobile-menu {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: stretch;
    -ms-flex-pack: stretch;
    align-items: stretch;
    display: grid !important;
    justify-content: stretch;
}
.modal-active-mobile-menu .content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    background: var(--color-dark);
    bottom: 0;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4.27rem;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.modal-active-mobile-menu .content,
.modal-active-mobile-menu .content .top {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
}
.modal-active-mobile-menu .content .top {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid hsla(0, 0%, 100%, 0.16);
    padding: 3.2rem 4.26667rem;
}
.modal-active-mobile-menu .content .top .img-frame {
    height: 6.4rem;
    width: auto;
}
.modal-active-mobile-menu .content .top .close {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.modal-active-mobile-menu .content .main {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    flex-grow: 1;
    gap: 16rem;
    margin-top: 6.4rem;
    overflow: scroll;
    padding: 0 4.27rem;
}
.modal-active-mobile-menu .content .main .pan .h2,
.modal-active-mobile-menu .content .main a {
    color: #fff;
}
.modal-active-mobile-menu .content .main .pan .h2 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
}
.modal-active-mobile-menu .content .main .pan .h2:after {
    -ms-flex-negative: 0;
    background-image: url(/src/assets/icon/arrow-down.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: inline-block;
    flex-shrink: 0;
    height: 3.73333rem;
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition:
        transform 0.3s ease,
        -webkit-transform 0.3s ease;
    width: 3.73333rem;
}
.modal-active-mobile-menu .content .main .pan .data {
    max-height: var(--marker-h, 0);
    overflow: hidden;
    -webkit-transition: max-height 0.5s ease;
    transition: max-height 0.5s ease;
}
.modal-active-mobile-menu .content .main .pan .data > div {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2.13rem;
    margin-top: 6.4rem;
}
.modal-active-mobile-menu .content .main .pan .data > div a {
    font-weight: 600;
    padding: 3.5rem 0;
}
.modal-active-mobile-menu .content .main .pan.open .h2:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.modal-active-mobile-menu .content .btns {
    padding: 0 4.27rem 4.27rem;
}
.btn {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: var(--color-primary);
    border-radius: 0.41667rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 0.83333rem;
    font-style: normal;
    font-weight: 700;
    gap: 0.52083rem;
    justify-content: center;
    line-height: normal;
    padding: 0.72917rem 1.25rem;
    -webkit-transition:
        color 0.3s ease,
        background 0.3s ease;
    transition:
        color 0.3s ease,
        background 0.3s ease;
    white-space: nowrap;
}
@media (max-width: 780px) {
    .btn {
        border-radius: 2.13333rem;
        font-size: 4.26667rem;
        gap: 2.66667rem;
        padding: 3.73333rem 6.4rem;
    }
}
.btn:after {
    content: "";
    display: inline-block;
    height: 0.9375rem;
    flex-shrink: 0;
    -webkit-mask-image: url(/src/assets/icon/arrow-link.svg);
    mask-image: url(/src/assets/icon/arrow-link.svg);
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-transition:
        background 0.3s ease,
        -webkit-transform 0.3s ease;
    transition:
        background 0.3s ease,
        -webkit-transform 0.3s ease;
    transition:
        transform 0.3s ease,
        background 0.3s ease;
    transition:
        transform 0.3s ease,
        background 0.3s ease,
        -webkit-transform 0.3s ease;
    width: 0.9375rem;
}
@media (max-width: 780px) {
    .btn:after {
        height: 4.8rem;
        width: 4.8rem;
    }
}
.btn:hover:after {
    -webkit-transform: translateX(0.1rem);
    transform: translateX(0.1rem);
}
.btn.primary {
    color: #fff;
}
.btn.primary:after {
    background: #fff;
}
.btn.primary:hover {
    background: var(--btn-primary-bg-hov);
}
.btn.secondary {
    background: var(--color-secondary);
    color: var(--color-dark);
}
.btn.secondary:after {
    background: var(--color-dark);
}
.btn.secondary:hover {
    background: var(--btn-secondary-bg-hov);
}
.btn.simple {
    background: none;
    color: var(--color-primary);
    padding: 0;
}
.btn.simple:after {
    background: var(--color-primary);
}
.btn.simple:hover {
    color: var(--btn-primary-bg-hov);
}
.btn.simple:hover:after {
    background: var(--btn-primary-bg-hov);
}
@media (min-width: 780px) {
    .btn.simple {
        font-size: 0.625rem;
        gap: 0.3rem;
    }
    .btn.simple:after {
        width: 0.65rem;
        height: 0.65rem;
    }
}
.blog-content .h1,
.blog-content .h2,
.blog-content .h3,
.blog-content .h4,
.blog-content .h5,
.blog-content h1,
.blog-content h2,
.blog-content h3,
.blog-content h4,
.blog-content h5,
.blog-content ol li,
.blog-content p,
.blog-content ul li {
    font-style: normal;
}
.blog-content .h1 em,
.blog-content .h2 em,
.blog-content .h3 em,
.blog-content .h4 em,
.blog-content .h5 em,
.blog-content h1 em,
.blog-content h2 em,
.blog-content h3 em,
.blog-content h4 em,
.blog-content h5 em,
.blog-content ol li em,
.blog-content p em,
.blog-content ul li em {
    font-style: italic;
}
.blog-content .h1 strong,
.blog-content .h2 strong,
.blog-content .h3 strong,
.blog-content .h4 strong,
.blog-content .h5 strong,
.blog-content h1 strong,
.blog-content h2 strong,
.blog-content h3 strong,
.blog-content h4 strong,
.blog-content h5 strong,
.blog-content ol li strong,
.blog-content p strong,
.blog-content ul li strong {
    font-weight: 700;
}
.blog-content .h1 span,
.blog-content .h2 span,
.blog-content .h3 span,
.blog-content .h4 span,
.blog-content .h5 span,
.blog-content h1 span,
.blog-content h2 span,
.blog-content h3 span,
.blog-content h4 span,
.blog-content h5 span,
.blog-content ol li span,
.blog-content p span,
.blog-content ul li span {
    color: inherit;
    font: inherit;
}
.blog-content .h1 a,
.blog-content .h2 a,
.blog-content .h3 a,
.blog-content .h4 a,
.blog-content .h5 a,
.blog-content h1 a,
.blog-content h2 a,
.blog-content h3 a,
.blog-content h4 a,
.blog-content h5 a,
.blog-content ol li a,
.blog-content p a,
.blog-content ul li a {
    color: inherit;
    display: inline-block;
    font: inherit;
    position: relative;
    text-decoration: underline;
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}
.blog-content .h1 a:hover,
.blog-content .h2 a:hover,
.blog-content .h3 a:hover,
.blog-content .h4 a:hover,
.blog-content .h5 a:hover,
.blog-content h1 a:hover,
.blog-content h2 a:hover,
.blog-content h3 a:hover,
.blog-content h4 a:hover,
.blog-content h5 a:hover,
.blog-content ol li a:hover,
.blog-content p a:hover,
.blog-content ul li a:hover {
    color: var(--color-primary);
}
.blog-content .h1,
.blog-content .h2,
.blog-content h1,
.blog-content h2,
.blog-content h3 {
    margin-top: 3.12rem;
}
@media (max-width: 780px) {
    .blog-content .h1,
    .blog-content .h2,
    .blog-content h1,
    .blog-content h2,
    .blog-content h3 {
        margin-top: 10.67rem;
    }
}
.blog-content p {
    margin-top: 1.67rem;
}
@media (max-width: 780px) {
    .blog-content p {
        margin-top: 6.4rem;
    }
}
.blog-content ol,
.blog-content ul {
    margin-top: 1.25rem;
}
@media (max-width: 780px) {
    .blog-content ol,
    .blog-content ul {
        margin-top: 5.33rem;
    }
}
.blog-content > :first-child {
    margin-top: 0;
}
.blog-content ol li {
    padding-left: 1.5rem;
}
@media (max-width: 780px) {
    .blog-content ol li {
        padding-left: 7.5rem;
    }
}
.blog-content ol li:before {
    background: none;
    content: counter(list-counter) ".";
    font-weight: 700;
}
header.header {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: var(--color-dark);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    left: 0;
    min-height: 4.11458rem;
    padding: 0.89rem 0 0.94rem;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 999;
}
@media (max-width: 780px) {
    header.header {
        min-height: auto;
        padding: 3.2rem 0;
    }
}
header.header .content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-grow: 1;
    justify-content: space-between;
    padding: 0 7.81rem;
    position: relative;
}
@media (max-width: 780px) {
    header.header .content {
        padding: 0 4.26667rem;
    }
}
header.header .content .logo {
    height: 1.97917rem;
    width: auto;
}
@media (max-width: 780px) {
    header.header .content .logo {
        height: 6.4rem;
    }
}
header.header .content .links {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 3.12rem;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
header.header .content .links a,
header.header .content .links span {
    color: #fff;
    font-weight: 700;
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease;
}
header.header .content .links a:hover,
header.header .content .links span:hover {
    color: var(--color-secondary);
}
header.header .content .links [data-dropdown] span {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: default;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0.31rem;
}
header.header .content .links [data-dropdown] span:after {
    background: #fff;
    content: "";
    display: inline-block;
    height: 0.72917rem;
    -webkit-mask-image: url(/src/assets/icon/arrow-down.svg);
    mask-image: url(/src/assets/icon/arrow-down.svg);
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-transition:
        background 0.3s ease,
        -webkit-transform 0.3s ease;
    transition:
        background 0.3s ease,
        -webkit-transform 0.3s ease;
    transition:
        background 0.3s ease,
        transform 0.3s ease;
    transition:
        background 0.3s ease,
        transform 0.3s ease,
        -webkit-transform 0.3s ease;
    width: 0.72917rem;
}
header.header .content .links [data-dropdown] [data-dropdown-content] {
    left: 50%;
    opacity: 0;
    padding-top: 2.34rem;
    top: 100%;
    -webkit-transform: translate(-50%, -0.2rem);
    transform: translate(-50%, -0.2rem);
    -webkit-transition:
        opacity 0.5s ease,
        max-height 0s linear 0.5s;
    transition:
        opacity 0.5s ease,
        max-height 0s linear 0.5s;
    width: 12.5rem;
    will-change: opacity, max-height;
}
header.header .content .links [data-dropdown] [data-dropdown-content] > div {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    background: var(--header-dropdown-bg);
    border: 1px solid hsla(0, 0%, 100%, 0.1);
    border-radius: 0.625rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0.83333rem;
    padding: 1.25rem 1.04167rem;
}
header.header .content .links [data-dropdown] [data-dropdown-content] > div a {
    font-weight: 600;
    line-height: 150%;
}
header.header .content .links [data-dropdown][data-dropdown-active] span {
    color: var(--color-secondary);
}
header.header .content .links [data-dropdown][data-dropdown-active] span:after {
    background: var(--color-secondary);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
header.header .content .links [data-dropdown][data-dropdown-active] [data-dropdown-content] {
    opacity: 1;
    -webkit-transition:
        opacity 0.5s ease,
        max-height 0s linear 0s;
    transition:
        opacity 0.5s ease,
        max-height 0s linear 0s;
}
header.header .content .menu-open {
    background: var(--color-primary);
    border-radius: 2.1rem;
    display: inline-block;
    height: 11.73333rem;
    position: relative;
    width: 11.73333rem;
}
header.header .content .menu-open:before {
    background-image: url(/src/assets/icon/menu-open.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 6.4rem;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 6.4rem;
}
section.hero .content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.67rem;
    padding-top: 3.12rem;
}
@media (max-width: 780px) {
    section.hero .content {
        gap: 6.4rem;
        padding-top: 10.67rem;
    }
}
section.hero .content .info {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 3.23rem;
}
@media (max-width: 780px) {
    section.hero .content .info {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 3.5rem;
    }
}
section.hero .content .info .item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
}
section.hero .content .info .item:first-child:after {
    background: #e5e5f3;
    bottom: 0;
    content: "";
    display: inline-block;
    height: 100%;
    position: absolute;
    right: -1.67rem;
    top: 0;
    width: 1px;
}
@media (max-width: 780px) {
    section.hero .content .info .item:first-child:after {
        bottom: -1.67rem;
        height: 1px;
        right: 0;
        top: auto;
        width: 100%;
    }
}
@media (max-width: 780px) {
    section.hero .content .info .item:first-child > .group:has(.tooltip.show) > .text-def {
        color: var(--color-primary);
    }
    section.hero .content .info .item:first-child > .group:has(.tooltip.show) > .text-def:after {
        background: var(--color-primary);
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    section.hero .content .info .item:first-child > .group:has(.tooltip.show) .tooltip {
        opacity: 1;
        pointer-events: all;
    }
}
section.hero .content .info .item:first-child > .group > .text-def {
    cursor: pointer;
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease;
}
section.hero .content .info .item:first-child > .group > .text-def:after {
    background: var(--color-dark);
    content: "";
    display: inline-block;
    height: 0.72917rem;
    -webkit-mask-image: url(/src/assets/icon/arrow-down.svg);
    mask-image: url(/src/assets/icon/arrow-down.svg);
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-transition:
        background 0.3s ease,
        -webkit-transform 0.3s ease;
    transition:
        background 0.3s ease,
        -webkit-transform 0.3s ease;
    transition:
        background 0.3s ease,
        transform 0.3s ease;
    transition:
        background 0.3s ease,
        transform 0.3s ease,
        -webkit-transform 0.3s ease;
    width: 0.72917rem;
}
@media (max-width: 780px) {
    section.hero .content .info .item:first-child > .group > .text-def:after {
        height: 3.73333rem;
        width: 3.73333rem;
    }
}
@media (min-width: 780px) {
    section.hero .content .info .item:first-child > .group:hover > .text-def {
        color: var(--color-primary);
    }
    section.hero .content .info .item:first-child > .group:hover > .text-def:after {
        background: var(--color-primary);
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    section.hero .content .info .item:first-child > .group:hover .tooltip {
        opacity: 1;
        pointer-events: all;
    }
}
section.hero .content .info .item > .text-sm {
    color: #6e6f7e;
}
section.hero .content .info .item > .group > .text-def {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 700;
    gap: 0.31rem;
}
@media (max-width: 780px) {
    section.hero .content .info .item > .group > .text-def {
        gap: 1.6rem;
    }
}
section.hero .content .info .item > .group .tooltip {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    background: #fff;
    border: 1px solid #e5e5f3;
    border-radius: 0.625rem;
    -webkit-box-shadow: 0 4px 15px 0 rgba(14, 15, 40, 0.1);
    box-shadow: 0 4px 15px 0 rgba(14, 15, 40, 0.1);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.25rem;
    left: calc(100% - 0.36rem);
    opacity: 0;
    padding: 1.66667rem;
    pointer-events: none;
    position: absolute;
    top: calc(100% + 0.9rem);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
    width: 32.55208rem;
    z-index: 5;
}
@media (max-width: 780px) {
    section.hero .content .info .item > .group .tooltip {
        border-radius: 3.2rem;
        gap: 5.33333rem;
        left: 0;
        padding: 6.4rem 4.26667rem;
        top: calc(100% + 4.5rem);
        -webkit-transform: none;
        transform: none;
        width: 91.46667rem;
    }
}
section.hero .content .info .item > .group .tooltip:before {
    background-image: url(/src/assets/icon/triangle.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 0.52083rem;
    left: 50%;
    position: absolute;
    top: -0.5rem;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0.83333rem;
}
@media (max-width: 780px) {
    section.hero .content .info .item > .group .tooltip:before {
        height: 2.66667rem;
        top: -2.5rem;
        width: 4.26667rem;
    }
}
section.hero .content .info .item > .group .tooltip:after {
    content: "";
    height: 1.1rem;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: -1rem;
}
section.hero .content .info .item > .group .tooltip .top {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0.62rem;
}
@media (max-width: 780px) {
    section.hero .content .info .item > .group .tooltip .top {
        gap: 3.2rem;
    }
}
section.hero .content .info .item > .group .tooltip .top .img-frame {
    border-radius: 50%;
    height: 3.33333rem;
    overflow: hidden;
    width: 3.33333rem;
}
@media (max-width: 780px) {
    section.hero .content .info .item > .group .tooltip .top .img-frame {
        height: 17.06667rem;
        width: 17.06667rem;
    }
}
section.hero .content .info .item > .group .tooltip .top .group {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0.21rem;
}
@media (max-width: 780px) {
    section.hero .content .info .item > .group .tooltip .top .group {
        gap: 1.07rem;
    }
}
section.hero .content .info .item > .group .tooltip .top .group .p {
    font-weight: 700;
}
section.hero .content .info .item > .group .tooltip .top .group .text-sm {
    color: #6e6f7e;
}
@media (max-width: 780px) {
    section.hero .content .info .item > .group .tooltip .top .group .text-sm {
        font-size: 3.73333rem;
    }
}
section.hero .content .info .item > .group .tooltip.is-open {
    opacity: 1;
    pointer-events: all;
}
section.hero .content > p {
    margin-top: 1.67rem;
}
section.about .content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    counter-reset: about-counter;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.67rem;
    padding-top: 3.12rem;
}
@media (max-width: 780px) {
    section.about .content {
        gap: 3.2rem;
        padding-top: 10.67rem;
    }
}
section.about .content .item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    background: #fbfbff;
    border-radius: 0.625rem;
    counter-increment: about-counter;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0.625rem;
    padding: 0.83333rem;
}
@media (max-width: 780px) {
    section.about .content .item {
        border-radius: 3.2rem;
        gap: 3.2rem;
        padding: 2.66667rem 3.2rem;
    }
}
section.table .content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.67rem;
    padding-top: 3.12rem;
}
@media (max-width: 780px) {
    section.table .content {
        gap: 5.33rem;
        margin-top: 10.67rem;
    }
}
section.table .content .block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    background: rgba(42, 62, 244, 0.02);
    border-radius: 0.625rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0.62rem;
    padding: 0.83333rem;
}
@media (max-width: 780px) {
    section.table .content .block {
        border-radius: 3.2rem;
        gap: 3.2rem;
        padding: 3.2rem;
    }
}
section.table .content .block .row {
    display: grid;
    gap: 3.12rem;
    grid-template-columns: 13rem 1fr 1fr;
}
@media (max-width: 780px) {
    section.table .content .block .row {
        gap: 3.2rem;
        grid-template-columns: 1fr;
    }
}
section.table .content .block .row:not(:first-child) {
    background: var(--color-light);
    border-radius: 0.625rem;
    padding: 1.04167rem 1.25rem;
}
@media (max-width: 780px) {
    section.table .content .block .row:not(:first-child) {
        border-radius: 3.2rem;
        gap: 3.2rem;
        padding: 4.26667rem;
    }
    section.table .content .block .row:not(:first-child) .group {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 3.2rem;
    }
    section.table .content .block .row:not(:first-child) .group:not(:last-child) {
        border-bottom: 1px solid #e5e5f3;
        padding-bottom: 3.2rem;
    }
    section.table .content .block .row:not(:first-child) .group .text-sm {
        color: #6e6f7e;
        font-weight: 700;
    }
}
section.table .content .block .row:not(:first-child) .group:first-child .text-def {
    font-weight: 700;
}
section.table .content .block .row:first-child {
    padding: 0 1.25rem;
}
section.table .content .block .row:first-child .text-sm {
    color: #6e6f7e;
    font-weight: 700;
}
section.top-pick {
    padding-top: 3.12rem;
}
@media (max-width: 780px) {
    section.top-pick {
        padding-top: 10.67rem;
    }
}
section.top-pick .content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    border-radius: 0.625rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1.25rem;
    justify-content: space-between;
    padding: 1.66667rem;
}
@media (max-width: 780px) {
    section.top-pick .content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        border-radius: 3.2rem;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 4.26667rem;
        padding: 4.26667rem;
    }
}
section.top-pick .content .text {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    flex-grow: 1;
    gap: 1.25rem;
}
@media (max-width: 780px) {
    section.top-pick .content .text {
        gap: 4.27rem;
    }
}
section.top-pick .content .text .list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0.833rem;
    width: 27.96875rem;
}
@media (max-width: 780px) {
    section.top-pick .content .text .list {
        gap: 3.2rem;
        width: auto;
    }
}
section.top-pick .content .text .list .p {
    -webkit-box-align: start;
    -ms-flex-align: start;
    --icon-pad: 0.83333rem;
    --icon-size: 1.45833rem;
    align-items: flex-start;
    font-weight: 700;
    position: relative;
    z-index: 1;
}
@media (max-width: 780px) {
    section.top-pick .content .text .list .p {
        --icon-pad: 3.2rem;
        --icon-size: 6.4rem;
        font-size: 4.8rem;
    }
}
section.top-pick .content .text .list .p:before {
    -ms-flex-negative: 0;
    background: var(--color-secondary);
    flex-shrink: 0;
}
@media (max-width: 780px) {
    section.top-pick .content .text .list .p:before {
        margin-top: 0.5rem;
    }
}
section.top-pick .content .text .btns {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
section.top-pick .content .details {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-flex-negative: 0;
    align-items: center;
    border-radius: 0.625rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    flex-shrink: 0;
    gap: 1.25rem;
    padding: 1.66667rem;
    width: 19.79167rem;
}
@media (max-width: 780px) {
    section.top-pick .content .details {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        border-radius: 3.2rem;
        gap: 5.33333rem;
        order: -1;
        padding: 6.4rem 3.2rem;
        width: auto;
    }
}
section.top-pick .content .details .top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0.833rem;
}
@media (max-width: 780px) {
    section.top-pick .content .details .top {
        gap: 4.27rem;
    }
}
section.top-pick .content .details .top .img-frame {
    border-radius: 0.41667rem;
    height: 3.33333rem;
    overflow: hidden;
    width: 3.33333rem;
}
@media (max-width: 780px) {
    section.top-pick .content .details .top .img-frame {
        border-radius: 2.13rem;
        height: 12.8rem;
        width: 12.8rem;
    }
}
section.top-pick .content .details .top .text-def {
    font-weight: 700;
}
section.top-pick .content .details .middle {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-flex-item-align: stretch;
    align-items: center;
    align-self: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0.833rem;
    padding: 0 2.5rem;
    position: relative;
}
@media (max-width: 780px) {
    section.top-pick .content .details .middle {
        gap: 3.2rem;
        padding: 0 10rem;
    }
}
section.top-pick .content .details .middle .p {
    font-size: 1.14583rem;
    font-weight: 700;
    line-height: normal;
    text-align: center;
}
@media (max-width: 780px) {
    section.top-pick .content .details .middle .p {
        font-size: 5.33333rem;
    }
}
section.top-pick .content .details .middle:after,
section.top-pick .content .details .middle:before {
    background: var(--color-secondary);
    content: "";
    height: 3.75rem;
    -webkit-mask-image: url(/src/assets/img/branch-decor.svg);
    mask-image: url(/src/assets/img/branch-decor.svg);
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 2.55rem;
}
@media (max-width: 780px) {
    section.top-pick .content .details .middle:after,
    section.top-pick .content .details .middle:before {
        height: 17rem;
        width: 12rem;
    }
}
section.top-pick .content .details .middle:before {
    left: 0;
}
section.top-pick .content .details .middle:after {
    right: 0;
    -webkit-transform: translateY(-50%) scaleX(-1);
    transform: translateY(-50%) scaleX(-1);
}
section.top-pick .content .details .bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    border-radius: 0.41667rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0.52083rem;
    padding: 0.52083rem 0.625rem 0.625rem;
}
@media (max-width: 780px) {
    section.top-pick .content .details .bottom {
        border-radius: 2.13333rem;
        gap: 2.66667rem;
        padding: 2.66667rem 3.2rem 3.2rem;
    }
}
section.top-pick .content .details .bottom .group {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0.20833rem;
}
@media (max-width: 780px) {
    section.top-pick .content .details .bottom .group {
        gap: 1.07rem;
        position: relative;
    }
}
section.top-pick .content .details .bottom .group div {
    position: relative;
}
@media (max-width: 780px) {
    section.top-pick .content .details .bottom .group div {
        position: static;
    }
    section.top-pick .content .details .bottom .group div:has(.tooltip.show) i {
        background: var(--color-primary);
    }
    section.top-pick .content .details .bottom .group div:has(.tooltip.show) .tooltip {
        opacity: 1;
        pointer-events: all;
    }
}
section.top-pick .content .details .bottom .group div i {
    -ms-flex-negative: 0;
    background: var(--color-dark);
    display: inline-block;
    flex-shrink: 0;
    height: 0.625rem;
    -webkit-mask-image: url(/src/assets/icon/info.svg);
    mask-image: url(/src/assets/icon/info.svg);
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-transition: background 0.3s ease;
    transition: background 0.3s ease;
    width: 0.625rem;
}
@media (max-width: 780px) {
    section.top-pick .content .details .bottom .group div i {
        height: 2.66667rem;
        width: 2.66667rem;
    }
}
section.top-pick .content .details .bottom .group div .tooltip {
    background: #fff;
    border: 1px solid #e5e5f3;
    border-radius: 0.625rem;
    bottom: calc(100% + 1.5rem);
    -webkit-box-shadow: 0 4px 15px 0 rgba(14, 15, 40, 0.1);
    box-shadow: 0 4px 15px 0 rgba(14, 15, 40, 0.1);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    left: 50%;
    opacity: 0;
    padding: 0.625rem;
    pointer-events: none;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
    width: 17.4rem;
    z-index: 5;
}
@media (max-width: 780px) {
    section.top-pick .content .details .bottom .group div .tooltip {
        border-radius: 3.2rem;
        bottom: calc(100% + 4.5rem);
        padding: 12.8rem 4.26667rem 6.4rem;
        width: 91.46667rem;
    }
}
section.top-pick .content .details .bottom .group div .tooltip:before {
    background-image: url(/src/assets/icon/triangle.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    bottom: -0.5rem;
    content: "";
    height: 0.52083rem;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%) scaleY(-1);
    transform: translateX(-50%) scaleY(-1);
    width: 0.83333rem;
}
@media (max-width: 780px) {
    section.top-pick .content .details .bottom .group div .tooltip:before {
        bottom: -2.5rem;
        height: 2.66667rem;
        width: 4.26667rem;
    }
}
section.top-pick .content .details .bottom .group div .tooltip:after {
    bottom: -2rem;
    content: "";
    height: 2.2rem;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
}
section.top-pick .content .details .bottom .group div .tooltip .text {
    color: var(--color-dark);
    font-size: 0.625rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}
@media (max-width: 780px) {
    section.top-pick .content .details .bottom .group div .tooltip .text {
        font-size: 3.2rem;
    }
}
@media (min-width: 780px) {
    section.top-pick .content .details .bottom .group div:hover i {
        background: var(--color-primary);
    }
    section.top-pick .content .details .bottom .group div:hover .tooltip {
        opacity: 1;
        pointer-events: all;
    }
}
section.top-pick .content .details .bottom .score {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0.62rem;
}
@media (max-width: 780px) {
    section.top-pick .content .details .bottom .score {
        gap: 2.13rem;
    }
}
section.top-pick .content .details .bottom .score .img-frame {
    background: var(--color-primary);
    border-radius: 0.48609rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 1.66667rem;
    padding: 0.28rem;
    width: 1.66667rem;
}
@media (max-width: 780px) {
    section.top-pick .content .details .bottom .score .img-frame {
        border-radius: 1.86667rem;
        height: 6.4rem;
        padding: 1.07rem;
        width: 6.4rem;
    }
}
section.top-pick .content .details .bottom .score .rating {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0.16rem;
}
@media (max-width: 780px) {
    section.top-pick .content .details .bottom .score .rating {
        gap: 0.8rem;
    }
}
section.top-pick .content .details .bottom .score .rating .text-def {
    color: #6e6f7e;
    font-weight: 700;
}
section.top-pick.black .content {
    background: var(--color-dark);
}
section.top-pick.black .content .text .list .p,
section.top-pick.black .content .text h2 {
    color: #fff;
}
section.top-pick.black .content .details {
    background: var(--top-pick-details-bg-black);
}
section.top-pick.black .content .details .top .text-def {
    color: #fff;
}
section.top-pick.black .content .details .middle * {
    color: var(--color-secondary);
}
section.top-pick.yellow .content {
    background: var(--color-secondary);
}
section.top-pick.yellow .content .text .list .p:before {
    background: var(--color-primary);
}
section.top-pick.yellow .content .details {
    background: var(--top-pick-details-bg-yellow);
}
section.top-pick.yellow .content .details .middle:after,
section.top-pick.yellow .content .details .middle:before {
    background: var(--color-primary);
}
section.top-pick.light .content {
    background: #eaecff;
}
section.top-pick.light .content .text .list .p:after {
    background: var(--color-dark);
    border-radius: 50%;
    content: "";
    height: 0.8rem;
    left: 0.33rem;
    position: absolute;
    top: 0.33rem;
    width: 0.8rem;
    z-index: -1;
}
@media (max-width: 780px) {
    section.top-pick.light .content .text .list .p:after {
        height: 3.75rem;
        left: 1.35rem;
        top: 1.8rem;
        width: 3.75rem;
    }
}
section.top-pick.light .content .details {
    background: var(--top-pick-details-bg-light);
}
section.dropdown .content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.67rem;
    padding-top: 3.12rem;
}
@media (max-width: 780px) {
    section.dropdown .content {
        gap: 6.4rem;
        padding-top: 10.67rem;
    }
}
section.dropdown .content .block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0.62rem;
}
@media (max-width: 780px) {
    section.dropdown .content .block {
        gap: 3.2rem;
    }
}
section.dropdown .content .block .item {
    background: var(--color-light);
    border-radius: 0.41667rem;
    padding: 1.25rem;
    -webkit-transition: background 0.3s ease;
    transition: background 0.3s ease;
}
@media (max-width: 780px) {
    section.dropdown .content .block .item {
        border-radius: 2.13333rem;
        padding: 4.26667rem;
    }
}
section.dropdown .content .block .item [data-mark] {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 700;
    gap: 1rem;
    justify-content: space-between;
}
@media (max-width: 780px) {
    section.dropdown .content .block .item [data-mark] {
        gap: 4.27rem;
    }
}
section.dropdown .content .block .item [data-mark] i {
    -ms-flex-negative: 0;
    background: var(--color-primary);
    border-radius: 0.36458rem;
    display: inline-block;
    flex-shrink: 0;
    height: 2.29167rem;
    position: relative;
    -webkit-transition: background 0.3s ease;
    transition: background 0.3s ease;
    width: 2.29167rem;
}
@media (max-width: 780px) {
    section.dropdown .content .block .item [data-mark] i {
        border-radius: 1.86667rem;
        height: 9.6rem;
        width: 9.6rem;
    }
}
section.dropdown .content .block .item [data-mark] i:hover {
    background: var(--btn-primary-bg-hov);
}
section.dropdown .content .block .item [data-mark] i:after,
section.dropdown .content .block .item [data-mark] i:before {
    background-image: url(/src/assets/icon/line.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 1.25rem;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transition:
        opacity 0.3s ease,
        -webkit-transform 0.3s ease;
    transition:
        opacity 0.3s ease,
        -webkit-transform 0.3s ease;
    transition:
        transform 0.3s ease,
        opacity 0.3s ease;
    transition:
        transform 0.3s ease,
        opacity 0.3s ease,
        -webkit-transform 0.3s ease;
    width: 1.25rem;
}
@media (max-width: 780px) {
    section.dropdown .content .block .item [data-mark] i:after,
    section.dropdown .content .block .item [data-mark] i:before {
        height: 6.4rem;
        width: 6.4rem;
    }
}
section.dropdown .content .block .item [data-mark] i:before {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
section.dropdown .content .block .item [data-mark] i:after {
    -webkit-transform: translate(-50%, -50%) rotate(90deg);
    transform: translate(-50%, -50%) rotate(90deg);
}
section.dropdown .content .block .item .data {
    max-height: var(--marker-h, 0);
    overflow: hidden;
    -webkit-transition: max-height 0.5s ease;
    transition: max-height 0.5s ease;
}
section.dropdown .content .block .item .data > div {
    margin-top: 1.25rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0.833rem;
}
@media (max-width: 780px) {
    section.dropdown .content .block .item .data > div {
        margin-top: 4.27rem;
        gap: 3.2rem;
    }
}
section.dropdown .content .block .item .data > div p:has(strong) {
    margin-top: 0.5rem;
}
@media (max-width: 780px) {
    section.dropdown .content .block .item .data > div p:has(strong) {
        margin-top: 2.33rem;
    }
}
section.dropdown .content .block .item.open > [data-mark] i:before {
    -webkit-transform: translate(-50%, -50%) rotate(180deg);
    transform: translate(-50%, -50%) rotate(180deg);
}
section.dropdown .content .block .item.open > [data-mark] i:after {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) rotate(270deg);
    transform: translate(-50%, -50%) rotate(270deg);
}
@media (min-width: 780px) {
    section.dropdown .content .block .item:not(.open):has([data-mark]:hover) {
        background: var(--dropdown-bg-hov);
    }
    section.dropdown .content .block .item:not(.open):has([data-mark]:hover) > [data-mark] i {
        background: var(--btn-primary-bg-hov);
    }
}
section.dropdown.light .content .block .item {
    background: #fbfbff;
}
@media (min-width: 780px) {
    section.dropdown.light .content .block .item:not(.open):has([data-mark]:hover) {
        background: var(--dropdown-bg-hov);
    }
}
section.partners .content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    counter-reset: partners-counter;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0.62rem;
    padding-top: 3.12rem;
}
@media (max-width: 780px) {
    section.partners .content {
        gap: 3.2rem;
        padding-top: 10.67rem;
    }
}
section.partners .content .item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: var(--color-light);
    border-radius: 0.625rem;
    counter-increment: partners-counter;
    display: grid;
    gap: 2.5rem;
    grid-template-columns: 14.2rem 7.81rem 16.46rem auto;
    overflow: hidden;
    padding: 0.625rem 1.25rem;
    position: relative;
}
@media (max-width: 780px) {
    section.partners .content .item {
        border-radius: 3.2rem;
        gap: 5.33rem;
        grid-template-columns: 1fr;
        padding: 4.26667rem;
    }
}
section.partners .content .item:before {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: var(--color-secondary);
    border-radius: 0 0.36458rem 0.36458rem 0;
    color: var(--color-dark);
    content: counter(partners-counter);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 0.72917rem;
    font-style: normal;
    font-weight: 600;
    height: 1.04167rem;
    justify-content: center;
    left: 0;
    line-height: 150%;
    position: absolute;
    top: 0.42rem;
    width: 1.04167rem;
}
@media (max-width: 780px) {
    section.partners .content .item:before {
        border-radius: 0 1.86667rem 1.86667rem 0;
        font-size: 2.66667rem;
        height: 4.8rem;
        top: 2.13rem;
        width: 3.73333rem;
    }
}
section.partners .content .item .name {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0.833rem;
}
@media (max-width: 780px) {
    section.partners .content .item .name {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        display: grid;
        gap: 2.1rem 3.2rem;
        grid-template-columns: 21.33333rem auto;
    }
}
section.partners .content .item .name .img-frame {
    border-radius: 0.41667rem;
    height: 3.75rem;
    overflow: hidden;
    width: 3.75rem;
}
@media (max-width: 780px) {
    section.partners .content .item .name .img-frame {
        border-radius: 2.13333rem;
        grid-row: 1/3;
        height: 21.33333rem;
        width: 21.33333rem;
    }
}
section.partners .content .item .name .p {
    font-weight: 700;
}
section.partners .content .item .wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0.72917rem;
}
@media (max-width: 780px) {
    section.partners .content .item .wrapper {
        gap: 2.13rem;
        grid-column: 2/3;
    }
}
section.partners .content .item .wrapper .score {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0.42rem;
}
@media (max-width: 780px) {
    section.partners .content .item .wrapper .score {
        gap: 2.13rem;
    }
}
section.partners .content .item .wrapper .score .img-frame {
    background: var(--color-primary);
    border-radius: 0.36458rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 1.25rem;
    padding: 0.21rem;
    width: 1.25rem;
}
@media (max-width: 780px) {
    section.partners .content .item .wrapper .score .img-frame {
        border-radius: 1.86667rem;
        height: 6.4rem;
        padding: 1.07rem;
        width: 6.4rem;
    }
}
section.partners .content .item .wrapper .score .rating {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0.16rem;
}
@media (max-width: 780px) {
    section.partners .content .item .wrapper .score .rating {
        gap: 0.8rem;
    }
}
section.partners .content .item .wrapper .score .rating .text-def {
    font-weight: 700;
}
section.partners .content .item .wrapper .score .rating .text-sm {
    color: #6e6f7e;
    font-weight: 700;
}
@media (max-width: 780px) {
    section.partners .content .item .wrapper .score .rating .text-sm {
        font-size: 2.66667rem;
    }
}
section.partners .content .item .details {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0.42rem;
}
@media (max-width: 780px) {
    section.partners .content .item .details {
        gap: 3.2rem;
    }
}
section.partners .content .item .details .text-def {
    --icon-pad: 0.41667rem;
    --icon-size: 1.25rem;
    font-weight: 700;
}
@media (max-width: 780px) {
    section.partners .content .item .details .text-def {
        --icon-pad: 2.13rem;
        --icon-size: 6.4rem;
    }
}
section.partners .content .item .details .text-def:before {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
section.partners .content .item > .btns {
    margin-left: -2rem;
}
@media (max-width: 780px) {
    section.partners .content .item > .btns {
        margin-left: 0;
    }
}
section.partners .content .item > .btns .btn {
  white-space: initial;
}
section.not-found {
    position: relative;
}
section.not-found .content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
@media (max-width: 780px) {
    section.not-found .content {
        width: 91.46667rem;
    }
}
section.not-found .content .img-frame {
    height: 5.20833rem;
    width: 5.20833rem;
}
@media (max-width: 780px) {
    section.not-found .content .img-frame {
        height: 18.13333rem;
        width: 18.13333rem;
    }
}
section.not-found .content .title {
    color: var(--color-dark);
    font-size: 6.66667rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-top: 0.42rem;
    text-align: center;
}
@media (max-width: 780px) {
    section.not-found .content .title {
        font-size: 17.06667rem;
        margin-top: 5rem;
    }
    section.not-found .content p {
        margin-top: 2.5rem;
    }
}
section.not-found .content .btns {
    margin-top: 1.67rem;
}
@media (max-width: 780px) {
    section.not-found .content .btns {
        margin-top: 6.4rem;
    }
}
body:has(section.not-found) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 100vh;
}
body:has(section.not-found) main {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    flex-grow: 1;
}
body:has(section.not-found) main section {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
body:has(section.not-found) footer.footer {
    margin-top: 0;
}
body:has(section.not-found) footer.footer .content {
    padding-top: 0;
}
body:has(section.not-found) footer.footer .content .bottom {
    border-top: none;
    margin: 0;
}
div.about-hero {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: var(--color-light2);
    border-radius: 0.625rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1.25rem;
    padding: 1.25rem;
    position: relative;
}
@media (max-width: 780px) {
    div.about-hero {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        border-radius: 3.2rem;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 5.33333rem;
        padding: 4.26667rem 4.26667rem 3.2rem;
    }
}
div.about-hero:before {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: var(--color-secondary);
    border-radius: 0 0.36458rem 0.36458rem 0;
    color: var(--color-dark);
    content: counter(about-counter);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 0.72917rem;
    font-style: normal;
    font-weight: 600;
    height: 1.04167rem;
    justify-content: center;
    left: 0;
    line-height: 150%;
    position: absolute;
    top: 0.833rem;
    width: 1.04167rem;
}
@media (max-width: 780px) {
    div.about-hero:before {
        border-radius: 0 1.86667rem 1.86667rem 0;
        font-size: 2.66667rem;
        height: 4.8rem;
        top: 2.13rem;
        width: 3.73333rem;
    }
}
div.about-hero .left {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-grow: 1;
    gap: 1.04rem;
}
@media (max-width: 780px) {
    div.about-hero .left {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 3.2rem;
    }
}
div.about-hero .left .img-frame {
    border-radius: 0.625rem;
    height: 5.20833rem;
    overflow: hidden;
    width: 5.20833rem;
}
@media (max-width: 780px) {
    div.about-hero .left .img-frame {
        border-radius: 2.13333rem;
        height: 21.33333rem;
        width: 21.33333rem;
    }
}
div.about-hero .left > .group {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0.833rem;
}
@media (max-width: 780px) {
    div.about-hero .left > .group {
        gap: 2.13rem;
    }
}
div.about-hero .left > .group .wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0.62rem;
}
@media (max-width: 780px) {
    div.about-hero .left > .group .wrapper {
        gap: 2.13rem;
    }
}
div.about-hero .left > .group .wrapper .group {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0.20833rem;
}
@media (max-width: 780px) {
    div.about-hero .left > .group .wrapper .group {
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
        gap: 1.07rem;
        position: relative;
    }
}
div.about-hero .left > .group .wrapper .group div {
    position: relative;
}
@media (max-width: 780px) {
    div.about-hero .left > .group .wrapper .group div {
        position: static;
    }
    div.about-hero .left > .group .wrapper .group div:has(.tooltip.show) i {
        background: var(--color-primary);
    }
    div.about-hero .left > .group .wrapper .group div:has(.tooltip.show) .tooltip {
        opacity: 1;
        pointer-events: all;
    }
}
div.about-hero .left > .group .wrapper .group div i {
    -ms-flex-negative: 0;
    background: var(--color-dark);
    display: inline-block;
    flex-shrink: 0;
    height: 0.625rem;
    -webkit-mask-image: url(/src/assets/icon/info.svg);
    mask-image: url(/src/assets/icon/info.svg);
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-transition: background 0.3s ease;
    transition: background 0.3s ease;
    width: 0.625rem;
}
@media (max-width: 780px) {
    div.about-hero .left > .group .wrapper .group div i {
        height: 3.2rem;
        width: 3.2rem;
    }
}
div.about-hero .left > .group .wrapper .group div .tooltip {
    background: #fff;
    border: 1px solid #e5e5f3;
    border-radius: 0.625rem;
    bottom: calc(100% + 1rem);
    -webkit-box-shadow: 0 4px 15px 0 rgba(14, 15, 40, 0.1);
    box-shadow: 0 4px 15px 0 rgba(14, 15, 40, 0.1);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    left: 50%;
    opacity: 0;
    padding: 0.625rem;
    pointer-events: none;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
    width: 17.4rem;
    z-index: 5;
}
@media (max-width: 780px) {
    div.about-hero .left > .group .wrapper .group div .tooltip {
        border-radius: 3.2rem;
        bottom: calc(100% + 4.5rem);
        left: 61%;
        padding: 12.8rem 4.26667rem 6.4rem;
        width: 91.46667rem;
    }
}
div.about-hero .left > .group .wrapper .group div .tooltip:before {
    background-image: url(/src/assets/icon/triangle.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    bottom: -0.5rem;
    content: "";
    height: 0.52083rem;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%) scaleY(-1);
    transform: translateX(-50%) scaleY(-1);
    width: 0.83333rem;
}
@media (max-width: 780px) {
    div.about-hero .left > .group .wrapper .group div .tooltip:before {
        bottom: -2.5rem;
        height: 2.66667rem;
        width: 4.26667rem;
    }
}
div.about-hero .left > .group .wrapper .group div .tooltip:after {
    bottom: -1rem;
    content: "";
    height: 1.2rem;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
}
div.about-hero .left > .group .wrapper .group div .tooltip .text {
    color: var(--color-dark);
    font-size: 0.625rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}
@media (max-width: 780px) {
    div.about-hero .left > .group .wrapper .group div .tooltip .text {
        font-size: 3.2rem;
    }
}
@media (min-width: 780px) {
    div.about-hero .left > .group .wrapper .group div:hover i {
        background: var(--color-primary);
    }
    div.about-hero .left > .group .wrapper .group div:hover .tooltip {
        opacity: 1;
        pointer-events: all;
    }
}
div.about-hero .left > .group .wrapper .score {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0.42rem;
}
@media (max-width: 780px) {
    div.about-hero .left > .group .wrapper .score {
        gap: 2.13rem;
    }
}
div.about-hero .left > .group .wrapper .score .img-frame {
    background: var(--color-primary);
    border-radius: 0.42536rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 1.45833rem;
    padding: 0.24rem;
    width: 1.45833rem;
}
@media (max-width: 780px) {
    div.about-hero .left > .group .wrapper .score .img-frame {
        border-radius: 1.86667rem;
        height: 6.4rem;
        padding: 1.07rem;
        width: 6.4rem;
    }
}
div.about-hero .left > .group .wrapper .score .rating {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0.16rem;
}
@media (max-width: 780px) {
    div.about-hero .left > .group .wrapper .score .rating {
        gap: 0.8rem;
    }
}
div.about-hero .left > .group .wrapper .score .rating .p {
    font-weight: 700;
}
@media (max-width: 780px) {
    div.about-hero .left > .group .wrapper .score .rating .p {
        font-size: 3.7333rem;
    }
}
div.about-hero .left > .group .wrapper .score .rating .text-sm {
    color: #6e6f7e;
    font-weight: 700;
}
@media (max-width: 780px) {
    div.about-hero .left > .group .wrapper .score .rating .text-sm {
        font-size: 2.66667rem;
    }
}
div.about-hero .btns {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-negative: 0;
    -ms-flex-direction: column;
    flex-direction: column;
    flex-shrink: 0;
    gap: 0.833rem;
}
@media (max-width: 780px) {
    div.about-hero .btns {
        gap: 2.13rem;
    }
    div.about-hero .btns .btn.simple {
        padding: 3.2rem 0;
    }
}
div.about-list {
    display: grid;
    gap: 0.62rem;
    grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 780px) {
    div.about-list {
        gap: 3.2rem;
        grid-template-columns: 1fr;
    }
}
div.about-list .card {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    background: var(--color-light);
    border-radius: 0.625rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 1.25rem;
}
@media (max-width: 780px) {
    div.about-list .card {
        border-radius: 3.2rem;
        padding: 4.26667rem;
    }
    div.about-list .card.open .text-big:after {
        -webkit-transform: translateY(-50%) rotate(180deg);
        transform: translateY(-50%) rotate(180deg);
    }
}
div.about-list .card:nth-child(odd):last-child {
    grid-column: 1/3;
}
@media (max-width: 780px) {
    div.about-list .card:nth-child(odd):last-child {
        grid-column: initial;
    }
}
div.about-list .card .text-big {
    --icon-pad: 0.62rem;
    --icon-size: 1.66667rem;
    font-weight: 700;
}
@media (max-width: 780px) {
    div.about-list .card .text-big {
        --icon-pad: 3.2rem;
        --icon-size: 8.53333rem;
        position: relative;
    }
    div.about-list .card .text-big:after {
        background: var(--color-dark);
        content: "";
        display: inline-block;
        height: 3.73333rem;
        -webkit-mask-image: url(/src/assets/icon/arrow-down.svg);
        mask-image: url(/src/assets/icon/arrow-down.svg);
        -webkit-mask-position: center;
        mask-position: center;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-size: contain;
        mask-size: contain;
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-transition: -webkit-transform 0.3s ease;
        transition: -webkit-transform 0.3s ease;
        transition: transform 0.3s ease;
        transition:
            transform 0.3s ease,
            -webkit-transform 0.3s ease;
        width: 3.73333rem;
    }
}
div.about-list .card .text-big:before {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
@media (max-width: 780px) {
    div.about-list .card .data {
        max-height: var(--marker-h, 0);
        overflow: hidden;
        -webkit-transition: max-height 0.5s ease;
        transition: max-height 0.5s ease;
    }
}
div.about-list .card .data > div {
    margin-top: 1.66667rem;
}
@media (max-width: 780px) {
    div.about-list .card .data > div {
        margin-top: 4.27rem;
    }
}
div.about-text {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    background: var(--color-light);
    border-radius: 0.625rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 1.25rem;
}
@media (max-width: 780px) {
    div.about-text {
        border-radius: 3.2rem;
        padding: 4.26667rem;
    }
    div.about-text.open .text-big:after {
        -webkit-transform: translateY(-50%) rotate(180deg);
        transform: translateY(-50%) rotate(180deg);
    }
}
div.about-text .text-big {
    --icon-pad: 0.62rem;
    --icon-size: 1.66667rem;
    font-weight: 700;
}
@media (max-width: 780px) {
    div.about-text .text-big {
        --icon-pad: 3.2rem;
        --icon-size: 8.53333rem;
        position: relative;
    }
    div.about-text .text-big:after {
        background: var(--color-dark);
        content: "";
        display: inline-block;
        height: 3.73333rem;
        -webkit-mask-image: url(/src/assets/icon/arrow-down.svg);
        mask-image: url(/src/assets/icon/arrow-down.svg);
        -webkit-mask-position: center;
        mask-position: center;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-size: contain;
        mask-size: contain;
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-transition: -webkit-transform 0.3s ease;
        transition: -webkit-transform 0.3s ease;
        transition: transform 0.3s ease;
        transition:
            transform 0.3s ease,
            -webkit-transform 0.3s ease;
        width: 3.73333rem;
    }
}
div.about-text .text-big:before {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
@media (max-width: 780px) {
    div.about-text .data {
        max-height: var(--marker-h, 0);
        overflow: hidden;
        -webkit-transition: max-height 0.5s ease;
        transition: max-height 0.5s ease;
    }
}
div.about-text .data > div {
    margin-top: 1.66667rem;
}
@media (max-width: 780px) {
    div.about-text .data > div {
        margin-top: 4.27rem;
    }
}
section.text-block .content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.67rem;
    padding-top: 3.12rem;
}
@media (max-width: 780px) {
    section.text-block .content {
        gap: 5.33rem;
        padding-top: 10.67rem;
    }
}
section.text-block .content p + p {
    margin-top: -0.8333rem;
}
@media (max-width: 780px) {
    section.text-block .content p + p {
        margin-top: -2.13rem;
    }
}
section.references .content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.25rem;
    padding-top: 3.12rem;
}
@media (max-width: 780px) {
    section.references .content {
        gap: 6.4rem;
        padding-top: 10.67rem;
    }
}
section.references .content p {
    font-weight: 700;
}
@media (max-width: 780px) {
    section.references .content p {
        font-size: 4.8rem;
    }
}
section.references .content ol li:before {
    background: rgba(42, 62, 244, 0.06);
}
section.references .content ol li a {
    color: var(--color-dark);
    text-decoration: underline;
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease;
}
section.references .content ol li a:hover {
    color: var(--color-primary);
}
section.disclaimer .content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0.62rem;
    padding-top: 3.12rem;
}
@media (max-width: 780px) {
    section.disclaimer .content {
        gap: 3.2rem;
        padding-top: 10.67rem;
    }
}
@media (min-width: 780px) {
    section.disclaimer .content .text-sm {
        font-size: 0.625rem;
    }
}
section.disclaimer .content .btns {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
@media (max-width: 780px) {
    section.disclaimer .content .btns {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    section.disclaimer .content .btns .btn {
        font-size: 3.2rem;
        gap: 1.6rem;
    }
    section.disclaimer .content .btns .btn:after {
        height: 3.2rem;
        width: 3.2rem;
    }
}
section.info-section .content {
    padding-top: 3.12rem;
}
@media (max-width: 780px) {
    section.info-section .content {
        padding-top: 10.67rem;
    }
}
body:has(section.info-section) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 100vh;
}
body:has(section.info-section) main {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    flex-grow: 1;
}
body:has(section.info-section) main section {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
section.numbered-list .content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.25rem;
    padding-top: 3.12rem;
}
@media (max-width: 780px) {
    section.numbered-list .content {
        gap: 5.33rem;
        padding-top: 10.67rem;
    }
}
section.numbered-list .content p {
    font-weight: 700;
}
div.about-criteria {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    background: var(--color-light);
    border-radius: 0.625rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 1.25rem;
}
@media (max-width: 780px) {
    div.about-criteria {
        border-radius: 3.2rem;
        padding: 4.26667rem;
    }
    div.about-criteria.open .text-big:after {
        -webkit-transform: translateY(-50%) rotate(180deg);
        transform: translateY(-50%) rotate(180deg);
    }
    div.about-criteria.open .data {
        max-height: 1000rem;
        -webkit-transition: max-height 2s ease;
        transition: max-height 2s ease;
    }
}
div.about-criteria .text-big {
    --icon-pad: 0.62rem;
    --icon-size: 1.66667rem;
    font-weight: 700;
}
@media (max-width: 780px) {
    div.about-criteria .text-big {
        --icon-pad: 3.2rem;
        --icon-size: 8.53333rem;
        position: relative;
    }
    div.about-criteria .text-big:after {
        background: var(--color-dark);
        content: "";
        display: inline-block;
        height: 3.73333rem;
        -webkit-mask-image: url(/src/assets/icon/arrow-down.svg);
        mask-image: url(/src/assets/icon/arrow-down.svg);
        -webkit-mask-position: center;
        mask-position: center;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-size: contain;
        mask-size: contain;
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-transition: -webkit-transform 0.5s ease;
        transition: -webkit-transform 0.5s ease;
        transition: transform 0.5s ease;
        transition:
            transform 0.5s ease,
            -webkit-transform 0.5s ease;
        width: 3.73333rem;
    }
}
div.about-criteria .text-big:before {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
@media (max-width: 780px) {
    div.about-criteria .data {
        max-height: var(--marker-h, 0);
        overflow: hidden;
        -webkit-transition: max-height 0.5s ease;
        transition: max-height 0.5s ease;
    }
    div.about-criteria .data:has(.tooltip.show) {
        overflow: visible;
    }
}
div.about-criteria .data > div {
    margin-top: 1.66667rem;
}
@media (max-width: 780px) {
    div.about-criteria .data > div {
        margin-top: 4.27rem;
    }
}
div.about-criteria .data > div .tabs {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0.42rem;
}
@media (max-width: 780px) {
    div.about-criteria .data > div .tabs {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 3.2rem;
    }
}
div.about-criteria .data > div .tabs .title {
    -webkit-box-flex: 1;
    cursor: pointer;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
}
@media (max-width: 780px) {
    div.about-criteria .data > div .tabs .title {
        background: #e6e8fe;
        border-radius: 3.2rem;
        padding: 4.26667rem;
    }
    div.about-criteria .data > div .tabs .title .wrapper {
        max-height: var(--marker-h, 0);
        overflow: hidden;
        -webkit-transition: max-height 0.5s ease;
        transition: max-height 0.5s ease;
    }
    div.about-criteria .data > div .tabs .title .wrapper > div {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 4.27rem;
        margin-top: 4.27rem;
    }
    div.about-criteria .data > div .tabs .title.active .group:after {
        -webkit-transform: translateY(-50%) rotate(180deg);
        transform: translateY(-50%) rotate(180deg);
    }
}
div.about-criteria .data > div .tabs .title .group {
    background: #fbfbff;
    border-radius: 0.41667rem 0.41667rem 0 0;
    border-top: 2px solid #fbfbff;
    padding: 0.72917rem 1.5rem;
    -webkit-transition:
        border-color 0.3s ease,
        background 0.3s ease;
    transition:
        border-color 0.3s ease,
        background 0.3s ease;
}
@media (max-width: 780px) {
    div.about-criteria .data > div .tabs .title .group {
        background: transparent;
        border: none;
        border-radius: 0;
        padding: 0;
        position: relative;
    }
    div.about-criteria .data > div .tabs .title .group:after {
        background: var(--color-dark);
        content: "";
        display: inline-block;
        height: 3.73333rem;
        -webkit-mask-image: url(/src/assets/icon/arrow-down.svg);
        mask-image: url(/src/assets/icon/arrow-down.svg);
        -webkit-mask-position: center;
        mask-position: center;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-size: contain;
        mask-size: contain;
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-transition: -webkit-transform 0.3s ease;
        transition: -webkit-transform 0.3s ease;
        transition: transform 0.3s ease;
        transition:
            transform 0.3s ease,
            -webkit-transform 0.3s ease;
        width: 3.73333rem;
    }
}
div.about-criteria .data > div .tabs .title .group .p {
    font-weight: 700;
    text-align: center;
    position: relative;
    z-index: 1;
}
@media (max-width: 780px) {
    div.about-criteria .data > div .tabs .title .group .p {
        padding-right: 23rem;
        text-align: left;
    }
}
div.about-criteria .data > div .tabs .title .group .p div {
    display: inline-block;
    position: relative;
}
@media (max-width: 780px) {
    div.about-criteria .data > div .tabs .title .group .p div {
        position: static;
    }
    div.about-criteria .data > div .tabs .title .group .p div:has(.tooltip.show) i {
        background: var(--color-primary);
    }
    div.about-criteria .data > div .tabs .title .group .p div:has(.tooltip.show) .tooltip {
        opacity: 1;
        pointer-events: all;
    }
}
@media (min-width: 780px) {
    div.about-criteria .data > div .tabs .title .group .p div:hover i {
        background: var(--color-primary);
    }
    div.about-criteria .data > div .tabs .title .group .p div:hover .tooltip {
        opacity: 1;
        pointer-events: all;
    }
}
div.about-criteria .data > div .tabs .title .group .p div i {
    -ms-flex-negative: 0;
    background: var(--color-dark);
    display: inline-block;
    flex-shrink: 0;
    height: 0.625rem;
    -webkit-mask-image: url(/src/assets/icon/info.svg);
    mask-image: url(/src/assets/icon/info.svg);
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-transition: background 0.3s ease;
    transition: background 0.3s ease;
    width: 0.625rem;
}
@media (max-width: 780px) {
    div.about-criteria .data > div .tabs .title .group .p div i {
        height: 3.2rem;
        width: 3.2rem;
    }
}
div.about-criteria .data > div .tabs .title .group .p div .tooltip {
    background: #fff;
    border: 1px solid #e5e5f3;
    border-radius: 0.625rem;
    bottom: calc(100% + 1rem);
    -webkit-box-shadow: 0 4px 15px 0 rgba(14, 15, 40, 0.1);
    box-shadow: 0 4px 15px 0 rgba(14, 15, 40, 0.1);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    left: 50%;
    opacity: 0;
    padding: 0.625rem;
    pointer-events: none;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
    width: 17.4rem;
    z-index: 5;
}
@media (max-width: 780px) {
    div.about-criteria .data > div .tabs .title .group .p div .tooltip {
        border-radius: 3.2rem;
        bottom: calc(100% + 4.5rem);
        padding: 12.8rem 4.26667rem 6.4rem;
        width: 91.46667rem;
    }
}
div.about-criteria .data > div .tabs .title .group .p div .tooltip:before {
    background-image: url(/src/assets/icon/triangle.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    bottom: -0.5rem;
    content: "";
    height: 0.52083rem;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%) scaleY(-1);
    transform: translateX(-50%) scaleY(-1);
    width: 0.83333rem;
}
@media (max-width: 780px) {
    div.about-criteria .data > div .tabs .title .group .p div .tooltip:before {
        bottom: -2.5rem;
        height: 2.66667rem;
        width: 4.26667rem;
    }
}
div.about-criteria .data > div .tabs .title .group .p div .tooltip:after {
    bottom: -1rem;
    content: "";
    height: 1.2rem;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
}
div.about-criteria .data > div .tabs .title .group .p div .tooltip .text {
    color: var(--color-dark);
    font-size: 0.625rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}
@media (max-width: 780px) {
    div.about-criteria .data > div .tabs .title .group .p div .tooltip .text {
        font-size: 3.2rem;
    }
}
div.about-criteria .data > div .tabs .title.slide-selected .group {
    background: #e6e8fe;
    border-color: var(--color-primary);
}
div.about-criteria .data > div [data-slider] {
    background: #e6e8fe;
    border-radius: 0 0 0.625rem 0.625rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    overflow: hidden;
    padding-top: 1.25rem;
    position: relative;
    -webkit-transition: min-height 0.5s ease;
    transition: min-height 0.5s ease;
    width: 100%;
}
div.about-criteria .data > div [data-slider] .slide {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    inset: 0;
    bottom: unset;
    display: none;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.25rem;
    padding: 1.25rem;
    position: absolute;
}
div.about-criteria .data > div [data-slider] .slide.active,
div.about-criteria .data > div [data-slider] .slide.after,
div.about-criteria .data > div [data-slider] .slide.before {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(1rem);
    transform: translateY(1rem);
    -webkit-transition:
        opacity 1s ease,
        -webkit-transform 1s ease;
    transition:
        opacity 1s ease,
        -webkit-transform 1s ease;
    transition:
        transform 1s ease,
        opacity 1s ease;
    transition:
        transform 1s ease,
        opacity 1s ease,
        -webkit-transform 1s ease;
}
div.about-criteria .data > div [data-slider] .slide.active {
    opacity: 1;
    pointer-events: all;
    -webkit-transform: translate(0);
    transform: translate(0);
    -webkit-transition:
        opacity 0.5s ease 0.5s,
        -webkit-transform 0.5s ease 0.5s;
    transition:
        opacity 0.5s ease 0.5s,
        -webkit-transform 0.5s ease 0.5s;
    transition:
        transform 0.5s ease 0.5s,
        opacity 0.5s ease 0.5s;
    transition:
        transform 0.5s ease 0.5s,
        opacity 0.5s ease 0.5s,
        -webkit-transform 0.5s ease 0.5s;
}
footer.footer {
    background: var(--color-dark);
    margin-top: 4.17rem;
}
@media (max-width: 780px) {
    footer.footer {
        margin-top: 16rem;
    }
}
footer.footer .content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 4.17rem 0 1.25rem;
}
@media (max-width: 780px) {
    footer.footer .content {
        padding: 8.53rem 0;
    }
}
footer.footer .content .top {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
}
@media (max-width: 780px) {
    footer.footer .content .top {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 10.67rem;
    }
}
footer.footer .content .top .group {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.25rem;
}
@media (max-width: 780px) {
    footer.footer .content .top .group {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 4.27rem;
    }
}
footer.footer .content .top .group .logo {
    height: 1.97917rem;
    width: auto;
}
@media (max-width: 780px) {
    footer.footer .content .top .group .logo {
        height: 6.4rem;
        max-width: 50rem;
    }
}
footer.footer .content .top .group .text-sm {
    color: #fff;
    width: 18.59375rem;
}
@media (max-width: 780px) {
    footer.footer .content .top .group .text-sm {
        text-align: center;
        width: auto;
    }
}
footer.footer .content .top .links {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem 3.12rem;
    margin: 0.5rem 1rem 0;
}
@media (max-width: 780px) {
    footer.footer .content .top .links {
        gap: 8.53rem;
        margin: 0;
    }
}
footer.footer .content .top .links a {
    color: #fff;
    font-weight: 700;
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease;
    white-space: nowrap;
}
footer.footer .content .top .links a:hover {
    color: var(--color-secondary);
}
footer.footer .content .top .socials {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0.62rem;
}
@media (max-width: 780px) {
    footer.footer .content .top .socials {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 3.2rem;
    }
}
footer.footer .content .top .socials .img-frame {
    background: var(--color-primary);
    border-radius: 0.42rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 1.875rem;
    padding: 0.31rem;
    -webkit-transition: background 0.3s ease;
    transition: background 0.3s ease;
    width: 1.875rem;
}
@media (max-width: 780px) {
    footer.footer .content .top .socials .img-frame {
        border-radius: 2.13rem;
        height: 11.73333rem;
        padding: 1.95rem;
        width: 11.73333rem;
    }
}
footer.footer .content .top .socials .img-frame:hover {
    background: var(--btn-primary-bg-hov);
}
footer.footer .content .middle {
    border-top: 1px solid hsla(0, 0%, 100%, 0.16);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 1rem 3rem;
    margin-top: 1.25rem;
    padding-top: 1.67rem;
}
@media (max-width: 780px) {
    footer.footer .content .middle {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        gap: 6.4rem;
        justify-content: center;
        margin-top: 10.67rem;
        padding-top: 8.53rem;
    }
}
footer.footer .content .middle .img-frame {
    height: 3.33333rem;
    opacity: 0.4;
    width: auto;
}
@media (max-width: 780px) {
    footer.footer .content .middle .img-frame {
        height: 17.06667rem;
    }
}
footer.footer .content .bottom {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    border-top: 1px solid hsla(0, 0%, 100%, 0.16);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    margin-top: 1.67rem;
    padding-top: 1.25rem;
}
@media (max-width: 780px) {
    footer.footer .content .bottom {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 8.53rem;
        margin-top: 6.4rem;
        padding-top: 8.53rem;
    }
}
footer.footer .content .bottom .text-sm {
    color: #fff;
}
@media (max-width: 780px) {
    footer.footer .content .bottom .text-sm {
        font-size: 3.73333rem;
    }
}
footer.footer .content .bottom .group {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 2.08rem;
}
@media (max-width: 780px) {
    footer.footer .content .bottom .group {
        gap: 10.67rem;
    }
}
footer.footer .content .bottom .group a {
    text-decoration: underline;
    text-decoration-color: var(--color-dark);
    -webkit-transition: text-decoration-color 0.3s ease;
    transition: text-decoration-color 0.3s ease;
}
footer.footer .content .bottom .group a:hover {
    text-decoration-color: #fff;
}