@font-face {
    font-family: swiper-icons;
    font-style: normal;
    font-weight: 400;
    src: url("data:application/font-woff;charset=utf-8;base64, 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")
        format("woff");
}
:root {
    --swiper-theme-color: #007aff;
}
:host {
    display: block;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 1;
}
.p_condition {
    font-size: 12px!important;
    font-style: italic;
}
.swiper {
    display: block;
    list-style: none;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    padding: 0;
    position: relative;
    z-index: 1;
}
.swiper-vertical > .swiper-wrapper {
    flex-direction: column;
}
.swiper-wrapper {
    box-sizing: content-box;
    display: flex;
    height: 100%;
    position: relative;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    width: 100%;
    z-index: 1;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
    transform: translateZ(0);
}
.swiper-horizontal {
    touch-action: pan-y;
}
.swiper-vertical {
    touch-action: pan-x;
}
.swiper-slide {
    display: block;
    flex-shrink: 0;
    height: 100%;
    position: relative;
    transition-property: transform;
    width: 100%;
}
.swiper-slide-invisible-blank {
    visibility: hidden;
}
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto;
}
.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
    backface-visibility: hidden;
    transform: translateZ(0);
}
.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d;
}
.swiper-3d {
    perspective: 1200px;
}
.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide {
    transform-style: preserve-3d;
}
.swiper-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
    display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
    scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
    scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
    scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper:before {
    content: "";
    flex-shrink: 0;
    order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper:before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper:before {
    height: var(--swiper-centered-offset-after);
    min-width: 1px;
    width: 100%;
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-lazy-preloader {
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top: 4px solid transparent;
    box-sizing: border-box;
    height: 42px;
    left: 50%;
    margin-left: -21px;
    margin-top: -21px;
    position: absolute;
    top: 50%;
    transform-origin: 50%;
    width: 42px;
    z-index: 10;
}
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
    animation: a 1s linear infinite;
}
.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000;
}
@keyframes a {
    0% {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(1turn);
    }
}
.testimonials {
    overflow: hidden;
}
.testimonials[data-theme="light"] {
    --slide-color: 255 255 255;
    background: var(--grey-background);
}
@media (min-width: 1025px) {
    .testimonials[data-theme="light"] .pattern.left {
        aspect-ratio: 2/1;
        left: 0;
        mix-blend-mode: multiply;
        opacity: 0.6;
        top: clamp(60px, 9.375vw, 180px);
        transform: translateX(-25%);
        width: clamp(300px, 20.833vw, 400px);
    }
    .testimonials[data-theme="light"] .pattern.left.loaded {
        background: url(../img/patterns/testimonials-left.webp) 100% / cover no-repeat;
    }
    .testimonials[data-theme="light"] .pattern.top {
        aspect-ratio: 65/68;
        right: 0;
        top: calc(clamp(250px, 20.833vw, 400px) * -1);
        width: clamp(500px, 33.854vw, 650px);
    }
    .testimonials[data-theme="light"] .pattern.top.loaded {
        background: url(../img/patterns/testimonials-right-1.svg) 50% / cover no-repeat;
    }
}
.testimonials[data-theme="dark"] {
    --slide-color: 24 29 47;
    background: var(--dark-background);
}
@media (min-width: 1025px) {
    .testimonials[data-theme="dark"] .pattern.left {
        aspect-ratio: 3/7;
        bottom: 0;
        left: -2vw;
        transform: translateY(56%);
        width: clamp(150px, 11.458vw, 220px);
    }
    .testimonials[data-theme="dark"] .pattern.left.loaded {
        background: url(../img/patterns/accordion-left-2.svg) 0 / cover no-repeat;
    }
    .testimonials[data-theme="dark"] .pattern.top {
        aspect-ratio: 2/1;
        right: 0;
        top: 0;
        width: clamp(500px, 31.25vw, 600px);
    }
    .testimonials[data-theme="dark"] .pattern.top.loaded {
        background: url(../img/patterns/accordion-left-3.svg) 0 / cover no-repeat;
    }
}
.testimonials .container {
    position: relative;
    row-gap: clamp(60px, 4.167vw, 80px);
    z-index: 1;
}
.testimonials .section-content {
    gap: clamp(20px, 1.25vw, 24px);
    grid-column: 3/9;
    max-width: 750px;
}
.testimonials .section-content .uptitle {
    align-items: center;
    gap: 20px;
}
.testimonials .section-content .uptitle .star {
    width: clamp(24px, 1.875vw, 36px);
}
.testimonials .swiper {
    display: flex;
    flex-direction: column;
    grid-column: 3/8;
    margin: 0 calc(clamp(24px, 2.083vw, 40px) * -1) 0 0;
    overflow: visible;
}
@media (max-width: 1024px) {
    .testimonials .swiper {
        margin: 0;
        padding-right: 44px;
        width: 100%;
    }
}
.testimonials .swiper-wrapper {
    transition-timing-function: ease-in-out;
}
.testimonials .swiper-slide {
    height: auto;
    padding-right: clamp(24px, 2.083vw, 40px);
}
@media (max-width: 768px) {
    .testimonials .swiper-slide {
        padding-right: 10px;
    }
}
.testimonials .swiper-slide.active .slide {
    clip-path: inset(0 0 0 0 round clamp(4px, 0.313vw, 6px));
    cursor: default;
}
.testimonials .swiper-slide.active .slide-arrow {
    bottom: 0;
    opacity: 0;
}
.testimonials .swiper-slide.active .slide-arrow.active:after {
    opacity: 1;
}
.testimonials .swiper-slide.active .slide-content {
    pointer-events: all;
}
.testimonials .swiper .slide {
    background: rgb(var(--slide-color));
    border-radius: clamp(4px, 0.313vw, 6px);
    clip-path: inset(0 0 20% 0 round clamp(4px, 0.313vw, 6px));
    cursor: pointer;
    display: flex;
    flex-direction: column;
    gap: clamp(40px, 3.125vw, 60px);
    padding: clamp(32px, 2.083vw, 40px);
    position: relative;
    transition: var(--transition-medium);
}
.testimonials .swiper .slide-header {
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between;
}
.testimonials .swiper .slide-person {
    align-items: center;
    gap: 10px;
}
.testimonials .swiper .slide-location {
    align-items: center;
    color: var(--dark-gray);
    gap: 2px;
}
.testimonials .swiper .slide-soc {
    background-color: var(--base-hover);
    border-radius: 2px;
    display: flex;
    height: 18px;
    margin-left: 8px;
    position: relative;
    width: 18px;
}
.testimonials .swiper .slide-soc .i {
    background: var(--white);
    inset: 1px;
    position: absolute;
}
.testimonials .swiper .slide-soc svg {
    height: 100%;
    width: 100%;
    fill: var(--base-main);
}
.testimonials .swiper .slide-logo {
    width: clamp(76px, 6.042vw, 116px);
}
.testimonials .swiper .slide-stars {
    gap: 4px;
}
.testimonials .swiper .slide-stars .star {
    aspect-ratio: 1;
    background-color: #d9d9d9;
    position: relative;
    width: 20px;
}
.testimonials .swiper .slide-stars .star.active {
    background-color: #00b57a;
}
.testimonials .swiper .slide-stars .star:before {
    background: url(../img/icons/star-mask.svg) 50% / cover no-repeat;
    content: "";
    inset: 0;
    position: absolute;
}
.testimonials .swiper .slide-content {
    overflow: hidden;
    pointer-events: none;
    position: relative;
}
@media (min-width: 1025px) {
    .testimonials .swiper .slide-content {
        height: 15rem;
        padding-right: 20px;
    }
    .testimonials .swiper .slide-content-wrapper {
        overflow-y: scroll;
        scrollbar-width: none;
    }
    .testimonials .swiper .slide-content-wrapper ::-webkit-scrollbar {
        width: 0;
    }
}
.testimonials .swiper .slide-content-wrapper {
    gap: clamp(16px, 1.25vw, 24px);
}
.testimonials .swiper .slide--avatar {
    aspect-ratio: 1;
    border-radius: clamp(4px, 0.313vw, 6px);
    overflow: hidden;
    width: 44px;
}
.testimonials .swiper .slide-scrollbar {
    background-color: var(--grey-background);
    border-radius: 2px;
    bottom: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity var(--transition);
    width: 4px;
}
.testimonials .swiper .slide-scrollbar.inited {
    opacity: 1;
}
.testimonials .swiper .slide-scrollbar .scroll-track {
    background-color: var(--grey-40);
    border-radius: 1px;
    width: 100%;
}
.testimonials .swiper .slide-arrow {
    background: linear-gradient(transparent 0, rgb(var(--slide-color) / 30%) 25%, rgb(var(--slide-color)) 55%);
    bottom: 19%;
    height: clamp(64px, 4.167vw, 80px);
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    transition: var(--transition-medium);
}
@media (max-width: 1024px) {
    .testimonials .swiper .slide {
        clip-path: inset(0 0 calc(32px + 13em) 0 round clamp(4px, 0.313vw, 6px));
    }
    .testimonials .swiper .slide-header {
        flex-direction: column;
    }
    .testimonials .swiper .slide-arrow {
        align-items: center;
        bottom: calc(32px + 13em);
        display: flex;
        height: 80px;
        justify-content: center;
    }
    .testimonials .swiper .slide-arrow.active {
        opacity: 1;
        pointer-events: all;
    }
    .testimonials .swiper .slide-arrow:after {
        aspect-ratio: 1;
        background: var(--gradient-hover);
        content: "";
        flex: none;
        margin-top: 2em;
        -webkit-mask: url(../img/icons/chevron.svg) center no-repeat;
        mask: url(../img/icons/chevron.svg) center no-repeat;
        opacity: 0;
        transition: var(--transition-medium);
        width: 24px;
    }
    .testimonials .swiper .slide .content {
        max-height: 21em;
        transition: var(--transition-medium);
    }
}
.testimonials .section-bottom {
    gap: clamp(32px, 2.083vw, 40px);
    grid-column: 3/-2;
}
@media (max-width: 1024px) {
    .testimonials .section-bottom {
        align-items: center;
        text-align: center;
    }
}
.testimonials .section-bottom-colums {
    flex-wrap: wrap;
    gap: 16px clamp(32px, 6.25vw, 120px);
}
@media (max-width: 1024px) {
    .testimonials .section-bottom-colums {
        justify-content: center;
        max-width: 75%;
    }
}
.testimonials .section-bottom .item {
    aspect-ratio: 16/6;
    display: flex;
    filter: grayscale(1);
    transition: var(--transition);
    width: clamp(90px, 8.333vw, 160px);
}
@media (hover: hover) {
    .testimonials .section-bottom .item:hover {
        filter: grayscale(0);
    }
}
.testimonials .pattern {
    display: none;
    pointer-events: none;
    position: absolute;
}
@media (min-width: 1025px) {
    .testimonials .pattern {
        display: block;
    }
    .testimonials .pattern.right {
        aspect-ratio: 1;
        right: 0;
        top: 0;
        width: clamp(600px, 52.083vw, 1000px);
        z-index: 2;
    }
    .loaded .testimonials .pattern.right {
        background: url(../img/patterns/testimonials-right-2.svg) 100% / cover no-repeat;
    }
}
.cta-section {
    min-height: clamp(450px, 35.417vw, 680px);
    overflow: hidden;
}
.cta-section.loaded {
    background: url(../img/back/form-section.webp) top/cover no-repeat;
}
@media (max-width: 1024px) {
    .cta-section {
        background-position: 0 0 !important;
        background-size: auto 150% !important;
        min-height: unset;
        padding-bottom: 215px;
    }
}
.cta-section .container {
    position: relative;
    row-gap: 32px;
    z-index: 1;
}
@media (min-width: 1025px) {
    .cta-section .container {
        padding-bottom: calc(clamp(700px, 44.792vw, 860px) * 0.35);
    }
}
.cta-section .section-content {
    align-items: flex-start;
    grid-column: 9/12;
}
.cta-section .section-content-contact {
    gap: 24px;
    margin-top: 24px;
}
.cta-section .section-content-cta {
    margin-top: 60px;
}
@media (max-width: 768px) {
    .cta-section .section-content {
        align-items: normal;
    }
}
.cta-section .section-title {
    grid-column: 3/8;
}
.cta-section .pattern {
    aspect-ratio: 86/45;
    background: url(../img/patterns/form-section.svg) 50% / cover no-repeat;
    bottom: 0;
    left: 0;
    position: absolute;
    transform: translateY(36%);
    width: clamp(700px, 44.792vw, 860px);
}
@media (max-width: 1024px) {
    .cta-section .pattern {
        bottom: 25px;
        left: -20px;
        opacity: 0.3;
        transform: none;
        width: 420px;
    }
}
.faq {
    overflow: hidden;
}
.faq[data-theme="dark"],
.faq2[data-theme="dark"] {
    background: #0f1228;
    --icon-def: var(--dark-gray);
    --icon-hover: var(--white);
}
@media (min-width: 1025px) {
    .faq[data-theme="dark"] .pattern {
        display: block;
    }
    .faq[data-theme="dark"] .pattern.left {
        aspect-ratio: 7/3;
        bottom: -35px;
        left: clamp(50px, 8.333vw, 160px);
        width: clamp(400px, 31.25vw, 600px);
    }
    .faq[data-theme="dark"] .pattern.left > div {
        aspect-ratio: 3/7;
        background: url(../img/patterns/accordion-left-2.svg) 0 / cover no-repeat;
        height: clamp(400px, 31.25vw, 600px);
        position: absolute;
        top: 100%;
        transform: rotate(-90deg);
        transform-origin: top left;
    }
    .faq[data-theme="dark"] .pattern.left-lg {
        aspect-ratio: 1;
        background: url(../img/patterns/faq-left.svg) 0 100% / cover no-repeat;
        bottom: 0;
        left: 0;
        width: clamp(700px, 52.083vw, 1000px);
    }
    .faq[data-theme="dark"] .pattern.top {
        aspect-ratio: 13/5;
        background: url(../img/patterns/faq-top.svg) 0 100% / cover no-repeat;
        right: 0;
        top: 0;
        width: clamp(500px, 33.854vw, 650px);
    }
}
.faq[data-theme="dark"] .section-description {
    order: 2;
}
.faq[data-theme="light"] {
    background: var(--white);
    --icon-def: var(--dark-gray);
    --icon-hover: var(--dark-background);
}
@media (min-width: 1025px) {
    .faq[data-theme="light"] .pattern.left {
        aspect-ratio: 2/1;
        background: url(../img/patterns/accordion-left-light.svg) 0 / cover no-repeat;
        bottom: 0;
        display: block;
        left: 0;
        width: clamp(500px, 41.667vw, 800px);
    }
}
@media (max-width: 1024px) {
    .faq[data-theme="light"] .section-description {
        color: var(--dark-gray);
    }
    .faq {
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), #0b1020;
    }
}
.faq .container {
    row-gap: clamp(20px, 2.083vw, 40px);
    z-index: 1;
}
.faq .section-title {
    grid-column: 2/5;
}
.faq .section-description {
    grid-area: 2/3/2/6;
}
.faq .section-description a,
.faq2 .section-description a {
    background: var(--gradient-hover);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    background-repeat: no-repeat;
    background-size: 100%;
    color: transparent;
}
@media (min-width: 1025px) {
    .faq .section-description {
        max-width: clamp(280px, 15.625vw, 300px);
    }
}
.faq .section-list {
    gap: clamp(24px, 1.667vw, 32px);
    grid-area: 1/5/4/-1;
}
@media (max-width: 1024px) {
    .faq .section-list,
    .faq2 .section-list {
        margin-top: 20px;
    }
}
.faq .section-list .item,
.faq2 .section-list .item {
    --is-open: 0;
    --rows: 0fr;
    --icon: var(--icon-def);
    border-bottom: 2px solid var(--grey-20);
    display: flex;
    flex-direction: column;
    padding-bottom: 24px;
}
.faq2 .section-list .item {
    padding-top: 24px;
}
.faq2 .section-list .item:last-child {
    border-bottom: none;
}
.faq .section-list .item.expanded,
.faq2 .section-list .item.expanded {
    --is-open: 1;
    --rows: 1fr;
}
.faq .section-list .item-button,
.faq2 .section-list .item-button {
    align-items: flex-start;
    align-items: center;
    display: flex;
    justify-content: space-between;
    min-height: clamp(32px, 2.292vw, 44px);
    padding-right: clamp(50px, 3.542vw, 68px);
    position: relative;
    text-align: left;
    width: 100%;
    outline: none;
}
@media (hover: hover) {
    .faq .section-list .item-button:hover,
    .faq2 .section-list .item-button:hover {
        --icon: var(--icon-hover);
    }
}
.faq .section-list .item-icon,
.faq2 .section-list .item-icon {
    aspect-ratio: 1;
    background: var(--icon);
    flex: none;
    -webkit-mask: url(../img/icons/open.svg) center/cover no-repeat;
    mask: url(../img/icons/open.svg) center/cover no-repeat;
    position: relative;
    position: absolute;
    right: 0;
    top: 0;
    transform: rotate(calc(var(--is-open) * 45deg));
    transition: var(--transition);
    width: clamp(32px, 2.292vw, 44px);
}
.faq .section-list .item-icon:before,
.faq2 .section-list .item-icon:before {
    background: var(--gradient-hover);
    content: "";
    inset: 0;
    opacity: var(--is-open);
    position: absolute;
    transition: var(--transition);
}
@media (max-width: 1024px) {
    .faq .section-list .item-icon:before,
    .faq2 .section-list .item-icon:before {
        opacity: 1;
    }
}
.faq .section-list .item-collapsed,
.faq2 .section-list .item-collapsed {
    display: grid;
    grid-template-rows: var(--rows);
    transition: grid-template-rows var(--transition);
}
.faq .section-list .item--wrapper {
    max-width: 80%;
    overflow: hidden;
}
.faq2 .section-list .item--wrapper {
    overflow: hidden;
}
.faq2 .expanded .item--wrapper {
    padding-top: 20px;
}

@media (max-width: 1024px) {
    .faq .section-list .item--wrapper,
    .faq2 .section-list .item--wrapper {
        max-width: 90%;
    }
}


@media (max-width: 767px) {
    .faq2 .section-list .item--wrapper {
        max-width: 100%;
    }
}

.faq .section-list .item--wrapper p {
    color: var(--dark-gray);
    margin-top: 16px;
    font-weight: 400;
}
.faq .section-list .item--wrapper p a {
    text-decoration: underline;
}
.faq .section-list .item--wrapper ul {
    list-style-type: disc;
    margin: 0 0 0 16px;
}
@media (min-width:1600px) {
    .faq .section-list .item--wrapper ul {
        margin: 0 0 0 2em
    }
}
.faq .section-list .item--wrapper ul li {
    padding-top: 10px;
    color: var(--dark-gray);
}
.faq .pattern {
    display: none;
    pointer-events: none;
    position: absolute;
}
.intro .section-bg {
    background-color: var(--dark-background);
    inset: 0;
    position: absolute;
}
.intro .container {
    align-items: center;
    min-height: 100vh;
    row-gap: 56px;
    z-index: 1;
}
.intro .section-title {
    gap: clamp(48px, 2.396vw, 46px);
    grid-column: 1/13;
    width: 100%;
}
.help_vis {
    border-bottom: 2px solid var(--blue);
    font-size: 20px;
    transition: 0.3s;
}
.help_vis:hover {
    color: var(--blue);
}
.intro .section-title p {
        max-width: 100%;
        opacity: 0.8;
        font-size: 16px;
        line-height: 125%;
        letter-spacing: 0.02em;
        font-weight: 400;
        padding-bottom: 12px;
    }
    .section-promo p,
    .section-promo b {
        font-size: 16px;
        line-height: 1.5;
        letter-spacing: 0.02em;
        font-weight: 400;
        opacity: 0.8;
        padding-bottom: 12px;
        /* display: block; */
    }
    .section-promo h3 {
        font-size: 20px;
        line-height: 1.5;
        letter-spacing: 0.02em;
        padding-top: 20px;
        padding-bottom: 12px;
        font-weight: 400;
    }
    b {
        font-family: var(--font-bold);
        font-weight: 700!important;
    }
    .section-promo_head p {
        font-family: var(--font-family);
        font-weight: 400;
        font-size: 29px;
        line-height: 131%;
        letter-spacing: 0.02em;
        color: #fff;
        opacity: 1;
        padding: 0;
    }

.intro .section-promo.section-promo-small {
    padding: 24px;
    margin: 20px 0 32px;

}
.intro .section-promo.section-promo-small p {
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 20px;
    line-height: 120%;
    letter-spacing: 0.02em;
    color: #fff;
    padding: 0;
}
   
@media (max-width: 768px) {
    .section-promo_head p {
        font-family: var(--second-family);
        font-weight: 500;
        font-size: 18px;
        line-height: 117%;
        letter-spacing: 0.03em;
        color: #fff;
    }
    .help_vis {
        font-size: 16px;
    }
    .section-title iframe {
        max-height: 210px;
    }

    .intro .section-promo.section-promo-small {
        padding: 24px;
        margin: 6px 0 16px;
        border-radius: 10px;

    }
    .intro .section-promo.section-promo-small p {
        font-weight: 500;
        font-size: 14px;
        line-height: 150%;
        letter-spacing: 0.02em;
    }
}
.intro .section-promo {
    /* background: var(--blue-background); */
    border-radius: clamp(8px, 0.521vw, 10px);
    gap: clamp(48px, 1.667vw, 32px);
    grid-column: 1/13;
    padding: clamp(46px, 2.604vw, 50px) clamp(24px, 2.604vw, 50px);
    position: relative;

    backdrop-filter: blur(32px);
    box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.25);
    background: rgba(40, 43, 66, 0.5);
}
.intro .section-promo.faq2 {
    grid-column: 2/12;
}
.intro .section-promo.active {
    background: var(--gradient-hover);
}
.intro .section-promo.active .line {
    background: var(--gradient);
}
.intro .section-promo.offer {
    gap: clamp(20px, 1.25vw, 24px);
}
.intro .section-promo-line {
    display: none;
}
@media (max-width: 1366px) {
    .intro .section-promo,
    .intro .section-promo.faq2 {
        grid-column: 1/13;
    }
}
@media (max-width: 1024px) {
    .intro .section-promo {
        padding-inline: 44px;
        width: 100%;
        gap: 14px;
    }
    .intro .section-title {
        gap: 16px;
    }
    .intro .section-promo .wrapper {
        /* margin-top: 16px; */
    }
}
@media (min-width: 1025px) {
    .intro .section-promo-line {
        aspect-ratio: 1;
        display: block;
        pointer-events: none;
        position: absolute;
        top: 0;
        width: clamp(400px, 34.896vw, 670px);
    }
    .intro .section-promo-line.left {
        background: url(../img/patterns/pricing-promo-left.svg) no-repeat 50% / cover;
        right: 100%;
    }
    .intro .section-promo-line.right {
        background: url(../img/patterns/pricing-promo-right.svg) no-repeat 50% / cover;
        left: 100%;
    }
  
    .intro .section-promo:after {
        top: 100%;
    }
    .intro .section-promo:before {
        bottom: 100%;
        opacity: 0.4;
    }
}
.intro .section-promo .wrapper {
    gap: clamp(8px, 0.521vw, 10px);
    /* margin-top: 16px; */
}
.intro .section-promo .line {
    background: #383c5c;
    height: 1px;
    width: 100%;
}
.intro .section-promo .timer {
    gap: clamp(2px, 0.208vw, 4px);
    justify-content: space-between;
    width: 100%;
}
.intro .section-promo .timer .col {
    flex: 1;
    gap: clamp(8px, 0.521vw, 10px);
    text-align: center;
}
.intro .section-promo .timer p {
    opacity: 0.8;
}
.intro .section-promo .count {
    align-items: center;
    gap: clamp(16px, 1.042vw, 20px);
}
.intro .section-promo .count .price_title br {
    display: none;
}
.intro .section-promo .count .value {
    flex: none;
}
.intro .pattern {
    position: absolute;
}
@media (min-width: 1025px) {
    .intro .pattern.left {
        aspect-ratio: 17/9;
        background: url(../img/patterns/pricing-left.svg) no-repeat 50% / cover;
        left: 0;
        top: 0;
        width: clamp(1200px, 98.958vw, 1900px);
    }
}
@media (max-width: 1024px) {
    .intro .pattern.right {
        aspect-ratio: 60/65;
        background: url(../img/patterns/pricing-right-md.svg) no-repeat 50% / cover;
        right: 0;
        top: 0;
        transform: scale(4);
        transform-origin: top right;
        width: 150px;
    }
}
.prices {
    --column: 2/-2;
}

@media (min-width: 1024px) {
    .prices_desc {
    font-size: 24px;
    line-height: 117%;
    }
}
.prices_desc {
  
    letter-spacing: 0.02em;
    color: #121526;
}
.prices_desc b {
    font-weight: 700;
    font-family: var(--font-bold);
}
.prices .container {
    align-content: flex-start;
    min-height: 100vh;
}
.prices .section-title {
    gap: clamp(20px, 1.667vw, 32px);
    grid-column: 1/12;
}
@media (min-width: 1025px) {
    .prices .section-title {
        /* align-items: center;
        text-align: center; */

    }
}
.prices .section-title p {
}
.prices .section-tabs {
    gap: clamp(24px, 4.688vw, 90px);
    grid-column: var(--column);
    margin-top: clamp(40px, 4.167vw, 80px);
}
.prices .section-tabs .currencies-choosen {
    align-items: center;
    background: var(--grey-background);
    border-radius: clamp(8px, 0.521vw, 10px);
    display: flex;
    min-width: clamp(220px, 13.802vw, 265px);
    padding: clamp(12px, 0.729vw, 14px) clamp(16px, 1.042vw, 20px);
    transition: var(--transition);
}
.prices .section-tabs .currencies-choosen:after {
    aspect-ratio: 1;
    background: var(--dark-gray);
    content: "";
    flex: none;
    -webkit-mask: url(../img/icons/chevron.svg) center/cover no-repeat;
    mask: url(../img/icons/chevron.svg) center/cover no-repeat;
    transform: scaleY(calc(1 - var(--isHovered) * 2));
    transition: transform var(--transition);
    width: 24px;
}
.prices .section-tabs .currencies-info {
    align-items: center;
    display: none;
    font-size: 12px;
    gap: clamp(8px, 0.521vw, 10px);
    margin-top: 4px;
    pointer-events: none;
}
.prices .section-tabs .currencies-info.active {
    display: flex;
}
.prices .section-tabs .currencies .choosen {
    align-items: center;
    flex: 1;
    gap: clamp(12px, 0.833vw, 16px);
}
.prices .section-tabs .currencies .choosen-icon {
    aspect-ratio: 1;
    background: var(--gradient-hover);
    border-radius: clamp(6px, 0.417vw, 8px);
    color: var(--white);
    flex: none;
    width: clamp(30px, 1.771vw, 34px);
}
.prices .section-tabs .currencies label {
    position: relative;
}
.prices .section-tabs .currencies label input {
    opacity: 0;
    pointer-events: none;
    position: absolute;
    z-index: -1;
}
.prices .section-tabs .currencies label .text {
    align-items: center;
    gap: 8px;
}
.prices .section-tabs .currencies label .icon {
    aspect-ratio: 1;
    background-color: var(--grey-background);
    border-radius: 4px;
    flex: none;
    font-family: var(--font-medium);
    font-weight: 500;
    transition: var(--transition);
    width: clamp(24px, 1.354vw, 26px);
}
.prices .section-tabs .currencies label:has(input:checked) {
    pointer-events: none;
}
.prices .section-tabs .currencies label:has(input:checked) .icon {
    background: var(--blue);
    color: var(--white);
}
.prices .section-tabs .currencies label:has(input:checked):after {
    background: var(--blue);
}
@media (min-width: 1025px) {
    .prices .section-tabs {
        z-index: 2;
    }
    .prices .section-tabs .periods {
        flex: 1;
    }
    .prices .section-tabs .periods-list {
        background: #f9fbfb;
        border: 1px solid var(--grey-20);
        border-radius: clamp(10px, 0.625vw, 12px);
        display: flex;
        overflow: hidden;
        width: 80%;
    }
    .prices .section-tabs .periods-list li {
        display: flex;
        flex: 1;
    }
    .prices .section-tabs .periods-list .tab {
        align-items: center;
        cursor: pointer;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 19px 16px;
        position: relative;
        transition: var(--transition);
        width: 100%;
    }
    .prices .section-tabs .periods-list .tab .text {
        display: flex;
        flex-direction: column;
    }
    .prices .section-tabs .periods-list .tab .title {
        font-family: var(--font-regular);
        font-size: clamp(14px, 0.833vw, 16px);
        font-weight: 400;
        letter-spacing: 0.02em;
        line-height: 150%;
    }
    .prices .section-tabs .periods-list .tab .subtitle {
        color: var(--blue);
        font-family: var(--font-bold);
        font-size: clamp(10px, 0.625vw, 12px);
        font-weight: 700;
        letter-spacing: 0.02em;
        line-height: 140%;
        transition: var(--transition);
    }
    .prices .section-tabs .periods-list .tab input {
        opacity: 0;
        pointer-events: none;
        position: absolute;
        z-index: -1;
    }
    .prices .section-tabs .periods-list .tab:has(input:checked) {
        background: var(--blue);
        color: var(--white);
    }
    .prices .section-tabs .periods-list .tab:has(input:checked) .subtitle {
        color: var(--white);
    }
    .prices .section-tabs .periods-list .line {
        align-self: center;
        background-color: var(--grey-20);
        height: 50%;
        width: 1px;
    }
    .prices .section-tabs .currencies {
        --isHovered: 0;
        flex: none;
        position: relative;
    }
    .prices .section-tabs .currencies-title {
        display: none;
    }
    .prices .section-tabs .currencies-info {
        position: absolute;
        right: 0;
        top: 100%;
    }
    .prices .section-tabs .currencies-list {
        min-width: 100%;
        opacity: 0;
        pointer-events: none;
        position: absolute;
        top: 100%;
        transition: opacity var(--transition);
    }
    .prices .section-tabs .currencies-list ul {
        background: var(--white);
        border-radius: clamp(6px, 0.521vw, 10px);
        box-shadow: 0 2px 12px 0 rgba(94, 94, 94, 0.2);
        gap: 8px;
        margin-top: 2px;
        padding: clamp(16px, 1.042vw, 20px);
    }
    .prices .section-tabs .currencies-list ul label {
        border-radius: 4px;
        cursor: pointer;
        padding: 4px;
        position: relative;
        transition: var(--transition);
    }
    .prices .section-tabs .currencies-list ul label:has(input:checked) {
        background: var(--grey-background);
    }
    .prices .section-tabs .currencies-list ul label:has(input:checked) .icon {
        background: var(--blue);
        color: var(--white);
    }
}
@media (min-width: 1025px) and (hover: hover) {
    .prices .section-tabs .currencies-list ul label:hover {
        background: #f9fbfb;
    }
}
@media (min-width: 1025px) and (min-width: 1025px) and (hover: hover) {
    .prices .section-tabs .currencies:hover {
        --isHovered: 1;
    }
    .prices .section-tabs .currencies:hover .currencies-list {
        opacity: 1;
        pointer-events: auto;
    }
}
@media (max-width: 1024px) {
    .prices .section-tabs {
        flex-direction: column-reverse;
        gap: 40px;
    }
    .prices .section-tabs .periods .line {
        display: none;
    }
    .prices .section-tabs .periods .tab {
        font-family: var(--font-medium);
        font-size: 14px;
        font-weight: 500;
        padding-left: 0;
    }
    .prices .section-tabs .periods .tab .subtitle {
        color: var(--blue);
    }
    .prices .section-tabs .periods .tab:has(input:checked) {
        color: var(--blue);
    }
    .prices .section-tabs .periods .tab:has(input:checked):after {
        background: var(--blue);
    }
    .prices .section-tabs .periods input {
        opacity: 0;
        pointer-events: none;
        position: absolute;
        z-index: -1;
    }
    .prices .section-tabs .currencies {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }
    .prices .section-tabs .currencies-choosen {
        width: 100%;
    }
    .prices .section-tabs .currencies-info {
        flex-direction: row-reverse;
    }
    .prices .section-tabs .currencies .tab {
        padding-left: 0;
        padding-block: 7px;
    }
    .prices .section-tabs .currencies .tab .icon {
        width: 30px;
    }
}
.prices .section-tariffs {
    display: flex;
    grid-column: 1/13;
    justify-content: space-around;
    margin-top: clamp(40px, 4.167vw, 80px);
}
.prices .section-tariffs .slider-wrapper {
    gap: clamp(16px, 1.667vw, 32px);
    position: relative;
}
.prices .section-tariffs .tariffs-tip {
    align-items: flex-start;
    display: flex;
    gap: clamp(8px, 0.521vw, 10px);
}
@media (max-width: 1024px) {
    .prices .section-tariffs .tariffs-tip {
        display: none;
    }
}
.prices .section-tariffs .tariffs-tip .i {
    height: 1.5em;
}
.prices .section-tariffs .swiper {
    display: flex;
    flex-direction: column;
    left: 0;
    max-width: 100%;
    opacity: 0;
    overflow: visible;
    pointer-events: none;
    position: absolute;
    top: 0;
    transition: var(--transition);
    width: 100%;
}
.prices .section-tariffs .swiper.active {
    opacity: 1;
    pointer-events: all;
    position: relative;
}
.prices .section-tariffs .swiper-pagination {
    align-self: center;
    margin: clamp(24px, 1.823vw, 35px) 0 0;
}
.prices .section-tariffs .swiper-pagination-lock {
    display: none;
}
.prices .section-tariffs .swiper-slide {
    display: flex;
    width: 200px;
}
@media (max-width: 1024px) {
    .prices .section-tariffs .swiper-slide {
        width: 170px;
    }
}
.prices .section-table {
    gap: clamp(36px, 2.604vw, 50px);
    grid-column: 1/13;
    margin-top: clamp(40px, 9.375vw, 180px);
    z-index: 2;
}
.prices .section-table .title {
    max-width: clamp(700px, 41.667vw, 800px);
}
@media (min-width: 1025px) {
    .prices .section-table .title {
        align-self: center;
        text-align: center;
    }
}
.prices .section-table.opened .table {
    max-height: var(--all);
}
.prices .section-table.opened .toggle-table .hide {
    display: block;
}
.prices .section-table.opened .toggle-table .show {
    display: none;
}
.prices .section-table.opened .toggle-table .btn-icon {
    transform: rotate(-180deg);
}
.prices .section-table .table {
    align-items: flex-start;
    display: flex;
    max-height: var(--short);
    overflow: hidden;
    transition: var(--transition);
    width: 100%;
}
.prices .section-table .table table {
    border-collapse: collapse;
    table-layout: fixed;
    text-align: left;
    width: 100%;
}
.prices .section-table .table-header {
    background: var(--grey-background);
    border: none !important;
    transform: translateY(-1px);
}
.prices .section-table .table-header td {
    border: none !important;
}
.prices .section-table .table-cta {
    color: var(--blue);
    text-align: left;
}
.prices .section-table .table tbody tr {
    border-bottom: 1px solid var(--grey-20);
}
.prices .section-table .table tbody tr p {
    font-family: var(--font-medium);
    font-size: clamp(12px, 0.729vw, 14px);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.02em;
    line-height: 150%;
}
.prices .section-table .table tbody tr p.checked {
    display: flex;
}
.prices .section-table .table tbody tr p.checked:before {
    background: var(--dark-background);
    content: "";
    display: block;
    height: 24px;
    -webkit-mask: url(../img/icons/check.svg) center/cover no-repeat;
    mask: url(../img/icons/check.svg) center/cover no-repeat;
    width: 24px;
}
.prices .section-table .table td,
.prices .section-table .table th {
    padding: 12px;
    display: inline-block;

}



.prices .section-table .table .param {
    min-width: clamp(280px, 20.833vw, 400px);
    padding-inline: clamp(16px, 1.667vw, 32px);
    width: 100%
}
.prices .section-table .table .param .i {
    margin-bottom: -2px;
}

@media (max-width: 767px) {
 
    .tariff-save {
        display: none;
    }
    .prices .section-table .table tr td:not(:first-child) {
            font-size: 12px;
            padding-left: 13px;
    }
    .prices .section-table {
        gap: clamp(10px, 2.604vw, 50px);
        margin-top: clamp(30px, 9.375vw, 180px);
    }

    .container .section-title.mobile-pd-inline {
        padding-inline: 0px;
    }
    .intro .section-promo {
        padding: 16px;
    }
    .prices .section-tariffs .swiper-slide {
        padding-left: 12px;
    }

}
@media (max-width: 1024px) {
    .tariff-left {
        display: none;
    }
    .title_black {
        font-size: 18px;
    }
    .tariff-title .title {
        font-size: 12px!important;
    }
  
    .prices .section-table .table tr:not(.table-header) td:first-child {
      
        
        border-bottom: 1px solid var(--grey-20);
        flex: none;
        margin-left: -14px;
        min-width: unset;
        width: calc(100% + 28px);
        padding-inline: clamp(16px, 1.667vw, 32px);
        
        font-family: var(--font-bold);

        color: #090B17;
        font-weight: 700;
        font-size: 14px;
        line-height: 1.5;
    }


 
    .prices .section-table .table-compare {
        display: none;
    }
    .prices .section-table .table tr {
        -moz-column-gap: 14px;
        column-gap: 14px;
        display: flex;
        flex-wrap: wrap;
        padding: 0 14px;
    }
    .prices .section-table .table tr td,
    .prices .section-table .table tr th {
        flex: 1;
        padding: 12px 0;
    }
    .prices .section-table .table tr .param {
        border-bottom: 1px solid var(--grey-20);
        flex: none;
        margin-left: -14px;
        min-width: unset;
        width: calc(100% + 28px);
    }
}
.prices .section-table .toggle-table {
    align-self: center;
}
.prices .section-table .toggle-table .hide,
.prices .section-table .toggle-table.none {
    display: none;
}
.prices .section-table .toggle-table .btn-icon {
    --color: var(--blue);
}
@media (max-width: 1366px) {
    .prices {
        --column: 1/13;
    }
}
@media (max-width: 1024px) {
    .prices {
        --column: 1/-1;
    }
}
.prices .pattern {
    pointer-events: none;
    position: absolute;
}
@media (min-width: 1025px) {



    .prices .section-table .table tr:not(.table-header) td {
        width: 16.3%;
        display: inline-block;
    }
       .prices .section-table .table tr:not(.table-header) td:first-child {
        width: 34%;
        padding-right: 40px;
    }

    .prices .pattern.left {
        aspect-ratio: 23/126;
        background: url(../img/patterns/table-left.svg) no-repeat 50% / cover;
        left: 0;
        top: 0;
        width: clamp(200px, 11.979vw, 230px);
    }
    .prices .pattern.right {
        aspect-ratio: 10/17;
        background: url(../img/patterns/table-right.svg) no-repeat 50% / cover;
        right: 0;
        top: 0;
        width: clamp(800px, 52.083vw, 1000px);
    }
}
.tariff-plan {
    background: #f9fbfb;
    border: 2px solid var(--grey-20);
    border-radius: clamp(8px, 0.521vw, 10px);
    padding: clamp(40px, 3.125vw, 60px) clamp(20px, 1.25vw, 24px);
    width: 100%;
}
.tariff-left {
    width: 34.6%;
    padding-right: 40px;
    justify-content: flex-start;
    z-index: 999;
    opacity: 1;
    transition: opacity 0.3s ease;
}
.tariff-left h3 {
    font-weight: 500;
    font-size: 18px;
    line-height: 144%;
    letter-spacing: 0.02em;
    color: #090b17;
    font-family: var(--font-bold);
}
.tariff-plan.selected {
    border-color: var(--blue);
}
.tariff-title {
    gap: 4px;
    text-align: left;
}
.tariff-title .title.free { 
    color: #767c8e;
    -webkit-text-fill-color: #767c8e;
}
.tariff-title .title {
    background: var(--gradient-hover);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    background-repeat: no-repeat;
    background-size: 100%;
    color: transparent;

    font-weight: 700;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0.02em;
    font-family: var(--font-bold);
}
.tariff-title .subtitle {
    min-height: 3em;
}
.tariff-price {
    align-self: flex-start;
    margin-top: 20px;
}
.tariff-save {
    align-items: flex-start;
    gap: 4px;
    margin-top:4px;
    min-height: clamp(45px, 3.125vw, 60px);
}
.tariff-save-count span {
    font-family: var(--font-medium);
    font-size: clamp(16px, 0.938vw, 18px);
    font-weight: 500;
}
.tariff-save-count {
    font-size: 12px;
    color: #121526;
    opacity: 0.8;
    letter-spacing: 0;
}

.tariff-save-info {
    color: #121526;
    text-align: left;
    font-weight: 700;
    font-size: 12px;
    line-height: 150%;
    font-family: var(--font-bold);
    opacity: 0.8;
}
.tariff-cta {
    gap: 4px;
    margin-top: 10px;
    text-align: left;
    font-weight: 400;
    font-size: 12px;
    line-height: 117%;
    letter-spacing: 0.02em;
    color: #767c8e;
    opacity: 0.8;

    border-radius: 4px;
    padding: 6px;
    background: rgba(245, 246, 246, 0.3);

}
.tariff-cta .btn {
    min-height: 40px;
    --color-back: #f9fbfb;
    padding-inline: 10px;
}
.tariff-cta-info {
    color: var(--dark-gray);
    font-size: 12px;
}
.tariff-cta-info span {
    color: var(--blue);
}
.tariff-list {
    gap: clamp(16px, 1.042vw, 20px);
    margin-top: clamp(24px, 2.396vw, 46px);
}
.tariff-list-item {
    gap: clamp(8px, 0.521vw, 10px);
}
.tariff-list-item:before {
    border: 1px solid var(--grey-20);
    border-radius: clamp(4px, 0.313vw, 6px);
    content: "";
    flex: none;
    height: clamp(20px, 1.25vw, 24px);
    width: clamp(20px, 1.25vw, 24px);
}
.tariff-list-item .i {
    margin-bottom: -3px;
}
.tariff-list-item[data-allow="false"] {
    color: var(--grey-80);
}
.tariff-list-item[data-allow="false"]:before {
    background: url(../img/icons/close.svg) 50% / cover no-repeat;
    border-color: #121526;
    opacity: 0.4;
}
.tariff-list-item[data-allow="true"]:before {
    background: url(../img/icons/check-2.svg) 50% / cover no-repeat;
    border-color: var(--blue);
}
.custom-panda-tooltip {
    transform: translateX(calc(-50% + clamp(7px, 0.417vw, 8px)));
}
@media (max-width: 768px) {
    .custom-panda-tooltip {
        left: 50% !important;
        transform: translateX(-50%);
    }
       .tariff-cta {
        padding: 0;
        font-size: 8px;
    }
}
.panda-tooltip {
    color: transparent !important;
    font-size: 0 !important;
}