@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Sora:wght@700&display=swap);

html {
    -webkit-text-size-adjust: 100%;
    line-height: 1.15
}

body {
    margin: 0
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],
[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

[hidden],
template {
    display: none
}

:root {
    --animate-duration: 1s;
    --animate-delay: 1s;
    --animate-repeat: 1
}

.animate__animated {
    animation-duration: 1s;
    animation-duration: var(--animate-duration);
    animation-fill-mode: both
}

.animate__animated.animate__slow {
    animation-duration: 2s;
    animation-duration: calc(var(--animate-duration)*2)
}

@media (prefers-reduced-motion:reduce),
print {
    .animate__animated {
        animation-duration: 1ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 1ms !important
    }

    .animate__animated[class*=Out] {
        opacity: 0
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.animate__fadeIn {
    animation-name: fadeIn
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.animate__fadeInUp {
    animation-name: fadeInUp
}

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

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

body {
    background: #fff;
    color: #0c122a;
    font-family: Inter, serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4
}

body.no-scroll {
    overflow: hidden
}

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

.h1,
h1 {
    font-family: Sora, sans-serif;
    font-size: 40px;
    font-weight: 700;
    line-height: 130%
}

@media screen and (max-width:991.98px) {

    .h1,
    h1 {
        font-size: 32px;
        margin: 0 0 20px
    }
}

.h2,
h2 {
    font-family: Sora, sans-serif;
    font-size: 40px;
    font-weight: 700;
    line-height: 120%
}

@media screen and (max-width:991.98px) {

    .h2,
    h2 {
        font-size: 32px
    }
}

p {
    margin: 0
}

.grecaptcha-badge,
.grecaptcha-logo,
.otgs-development-site-front-end {
    display: none
}

[data-slide-block]:not(.active) {
    border: none !important;
    height: 0 !important;
    margin: 0 !important;
    outline: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    visibility: hidden !important
}

ul {
    list-style-position: inside
}

@media screen and (max-width:991.98px) {
    .mobile {
        display: none
    }
}

@media screen and (min-width:991.98px) {
    .no-mobile {
        display: none
    }
}

.download-app-link {
    align-items: center;
    border: 1px solid #efefef;
    border-radius: 16px;
    display: inline-flex;
    height: 76px;
    justify-content: center;
    margin-right: 10px;
    min-width: 76px;
    transition: .2s;
    width: 76px
}

.download-app-link:last-child {
    margin-right: 0
}

.download-app-link img {
    height: auto;
    max-width: 90%
}

.download-app-link:hover {
    opacity: .8
}

.container {
    margin: auto;
    max-width: 1140px;
    padding: 0 15px;
    width: 100%
}

@media screen and (max-width:1199.98px) {
    .container {
        max-width: 962px
    }
}

.container .container {
    display: block !important;
    padding: 0
}

.button {
    align-items: center;
    background: #6948eb;
    border: none;
    border-radius: 10px;
    box-shadow: none;
    color: #fefefe;
    cursor: pointer;
    display: inline-flex;
    font-size: 16px;
    font-weight: 600;
    gap: 8px;
    justify-content: center;
    line-height: 120%;
    min-width: min(290px, 100%);
    padding: 13px;
    text-align: center;
    text-decoration: none;
    transition: .3s
}

.button:hover {
    background: #4c31b7
}

.button.transparent {
    background-color: transparent;
    color: #282828;
    transition: .2s
}

.button.transparent:hover {
    opacity: .8
}

.button.small {
    align-items: center;
    border-radius: 12px;
    color: #0c122a;
    display: flex;
    font-size: 16px;
    font-weight: 600;
    min-width: auto;
    padding: 8px 20px;
    transition: .2s
}

.button.small:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.31 13.69c.976.975 2.547.975 5.69.975 3.143 0 4.714 0 5.69-.976.977-.976.977-2.548.977-5.69 0-3.143 0-4.714-.976-5.69-.977-.977-2.548-.977-5.69-.977-3.144 0-4.715 0-5.691.976-.977.977-.977 2.548-.977 5.69 0 3.143 0 4.715.977 5.691Zm4.337-3.338a.5.5 0 0 1 0-.707L8.293 8 6.647 6.352a.5.5 0 0 1 .707-.707l2 2a.5.5 0 0 1 0 .707l-2 2a.5.5 0 0 1-.707 0Z' fill='%232A3040'/%3E%3C/svg%3E");
    content: "";
    height: 16px;
    margin-left: 8px;
    width: 16px
}

.button.small:hover {
    opacity: .8
}

.button.small.gray {
    background: #f1f7fc
}

.button.small.white {
    background: #fefefe
}

.button.fullwidth {
    width: 100%
}

.button.upload:before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEyLjU1MyAxNi41MDZhLjc1Ljc1IDAgMCAxLTEuMTA3IDBsLTQtNC4zNzVhLjc1Ljc1IDAgMCAxIDEuMTA4LTEuMDEybDIuNjk2IDIuOTVWM2EuNzUuNzUgMCAwIDEgMS41IDB2MTEuMDY4bDIuNjk3LTIuOTVhLjc1Ljc1IDAgMSAxIDEuMTA3IDEuMDEzbC00IDQuMzc1WiIgZmlsbD0iI0ZFRkVGRSIvPjxwYXRoIGQ9Ik0zLjc1IDE1YS43NS43NSAwIDAgMC0xLjUgMHYuMDU1YzAgMS4zNjcgMCAyLjQ3LjExNyAzLjMzNy4xMi45LjM4IDEuNjU4Ljk4MSAyLjI2LjYwMi42MDIgMS4zNi44NiAyLjI2Ljk4Mi44NjcuMTE2IDEuOTcuMTE2IDMuMzM3LjExNmg2LjExYzEuMzY3IDAgMi40NyAwIDMuMzM3LS4xMTYuOS0uMTIyIDEuNjU4LS4zOCAyLjI2LS45ODIuNjAyLS42MDIuODYtMS4zNi45ODItMi4yNi4xMTYtLjg2Ny4xMTYtMS45Ny4xMTYtMy4zMzdWMTVhLjc1Ljc1IDAgMCAwLTEuNSAwYzAgMS40MzUtLjAwMiAyLjQzNi0uMTAzIDMuMTkyLS4wOTkuNzM0LS4yOCAxLjEyMi0uNTU2IDEuMzk5LS4yNzcuMjc3LS42NjUuNDU3LTEuNC41NTYtLjc1NS4xMDEtMS43NTYuMTAzLTMuMTkxLjEwM0g5Yy0xLjQzNSAwLTIuNDM3LS4wMDItMy4xOTItLjEwMy0uNzM0LS4wOTktMS4xMjItLjI4LTEuMzk5LS41NTYtLjI3Ny0uMjc3LS40NTctLjY2NS0uNTU2LTEuNC0uMTAxLS43NTUtLjEwMy0xLjc1Ni0uMTAzLTMuMTkxWiIgZmlsbD0iI0ZFRkVGRSIvPjwvc3ZnPg==");
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 24px;
    width: 24px
}

.content {
    color: #6a727e
}

.content .h1,
.content .h2,
.content .h3,
.content .h4,
.content .h5,
.content .h6,
.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
    color: #0c122a;
    font-weight: 700;
    margin: 35px 0 20px
}

@media screen and (max-width:991.98px) {

    .content .h1,
    .content .h2,
    .content .h3,
    .content .h4,
    .content .h5,
    .content .h6,
    .content h1,
    .content h2,
    .content h3,
    .content h4,
    .content h5,
    .content h6 {
        margin: 30px 0 15px
    }
}

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

.content b,
.content strong {
    color: #282828
}

.content .h1,
.content h1 {
    font-size: 56px;
    line-height: 1.2;
    margin: 80px 0 30px
}

@media screen and (max-width:991.98px) {

    .content .h1,
    .content h1 {
        font-size: 32px;
        margin: 30px 0 15px
    }
}

.content .h2,
.content h2 {
    font-size: 28px;
    line-height: 1.4
}

@media screen and (max-width:991.98px) {

    .content .h2,
    .content h2 {
        font-size: 20px
    }
}

.content .h3,
.content h3 {
    font-size: 20px
}

.content .h4,
.content h4 {
    font-size: 18px
}

.content .h5,
.content h5 {
    font-size: 16px
}

.content .h6,
.content h6 {
    font-size: 14px
}

.content p,
.content>* {
    margin: 0 0 16px
}

.content p:last-child,
.content>:last-child {
    margin: 0
}

.content a {
    color: #6948eb;
    font-weight: 600;
    text-decoration: underline
}

.content>ol,
.content>ul {
    list-style-position: outside;
    padding-left: 20px
}

.content>ol li+li,
.content>ul li+li {
    margin-top: 8px
}

.content>ol.with-border,
.content>ul.with-border {
    border: 1px solid #efefef;
    border-radius: 12px;
    list-style-type: none;
    padding: 20px
}

.content>ol.with-border li+li,
.content>ul.with-border li+li {
    margin-top: 20px
}

.breadcrumbs {
    display: flex;
    flex-wrap: wrap;
    font-size: 14px;
    line-height: 140%;
    list-style: none;
    margin: 0 0 30px;
    padding: 0
}

@media screen and (max-width:991.98px) {
    .breadcrumbs {
        margin: 0 0 20px
    }
}

.breadcrumbs li {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='4' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m.5 7 2.859-2.859a.2.2 0 0 0 0-.282L.5 1' stroke='%23697395' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-position: calc(100% - 9.5px) 48%;
    background-repeat: no-repeat;
    overflow: hidden;
    padding-right: 22px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.breadcrumbs li:first-child {
    flex: 0 0 auto
}

.breadcrumbs li:last-child {
    background-image: none;
    color: #0c122a;
    display: inline-block;
    flex: 1 0;
    padding-right: 0
}

.breadcrumbs a {
    color: #697395;
    text-decoration: none
}

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

.swiper-wrapper {
    box-sizing: content-box;
    display: flex;
    z-index: 1
}

.swiper-slide,
.swiper-wrapper {
    height: 100%;
    position: relative;
    transition-property: transform;
    width: 100%
}

.swiper-slide {
    flex-shrink: 0
}

.header {
    background: #fff;
    border-bottom: 1px solid #f7f7fa;
    display: flex;
    flex-direction: column;
    position: relative;
    position: sticky;
    top: 0;
    width: 100%;
    z-index: 2
}

.header>.container {
    padding-bottom: 18px;
    padding-top: 18px
}

@media screen and (max-width:991.98px) {
    .header>.container {
        height: 70px;
        padding-bottom: 0;
        padding-top: 0
    }
}

.header .container,
.header__logo {
    align-items: center;
    display: flex
}

.header__logo {
    margin-right: auto
}

@media screen and (max-width:767.98px) {
    .header__logo {
        margin-right: 20px
    }
}

.header__logo a {
    display: flex
}

.header__logo img {
    max-height: 44px;
    width: auto
}

.header__menu {
    margin: 0 auto 0 30px
}

@media screen and (max-width:1199.98px) {
    .header__menu {
        font-size: 14px;
        margin-left: 10px
    }
}

@media screen and (max-width:991.98px) {
    .header__menu {
        display: none
    }
}

.header__menu ul {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0
}

.header__menu ul li+li {
    margin-left: 20px
}

@media screen and (max-width:1199.98px) {
    .header__menu ul li+li {
        margin-left: 15px
    }
}

.header__menu ul a {
    color: #0c122a;
    text-decoration: none;
    transition: .3s
}

.header__menu ul .current-menu-item a,
.header__menu ul a:hover {
    color: #6948eb
}

.header__menu_mobile {
    margin: 0
}

@media screen and (max-width:991.98px) {
    .header__menu_mobile {
        display: block
    }
}

.header__menu_mobile ul {
    flex-direction: column
}

.header__menu_mobile ul li+li {
    margin: 24px 0 0
}

.header__menu_mobile ul a {
    font-size: 24px
}

.header__menu_mobile ul .current-menu-item a {
    font-weight: 500
}

.header__phone {
    margin: 0 30px 0 auto
}

@media screen and (max-width:1199.98px) {
    .header__phone {
        display: none
    }
}

.header__phone a {
    color: #071b3a;
    font-size: 14px;
    font-weight: 700;
    line-height: 130%;
    text-decoration: none;
    transition: .2s
}

.header__phone a:hover {
    color: #6948eb
}

@media screen and (max-width:991.98px) {
    .header__button {
        margin-left: auto
    }
}

.header__button a {
    background-color: #f1f7fc;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='15' height='17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.531 3.5V1.969c0-.26.21-.469.469-.469h8.5M4.531 11.784v1.935c0 .259.21.469.469.469h5.5' stroke='%230C122A' stroke-width='1.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.202 7.512a.62.62 0 0 0-.136-.2l-1.874-1.84a.634.634 0 0 0-.884 0 .605.605 0 0 0 0 .868l.808.793H.625A.62.62 0 0 0 0 7.747c0 .338.28.613.625.613h3.491l-.808.793a.605.605 0 0 0 0 .868c.122.12.282.18.442.18.16 0 .32-.06.442-.18l1.874-1.84a.607.607 0 0 0 .136-.669ZM14 1.469c0-.17-.116-.325-.304-.408a.748.748 0 0 0-.605.006l-4.8 2.812c-.18.085-.291.237-.291.402v12.25c0 .17.116.325.304.408a.748.748 0 0 0 .605-.006l4.8-2.812c.18-.085.291-.238.291-.402V1.469Z' fill='%230C122A'/%3E%3C/svg%3E");
    background-position: 12px 50%;
    background-repeat: no-repeat;
    border-radius: 12px;
    color: #0c122a;
    display: block;
    font-size: 14px;
    font-weight: 600;
    line-height: 130%;
    padding: 8px 12px 8px 34px;
    text-decoration: none;
    transition: .3s;
    white-space: nowrap
}

.header__button a:hover {
    background-color: #e9e9e9
}

.header__burger {
    cursor: pointer;
    display: none;
    height: 14px;
    margin-left: 15px;
    position: relative;
    width: 20px
}

@media screen and (max-width:991.98px) {
    .header__burger {
        display: block
    }
}

.header__burger span {
    background-color: #1d2922;
    border-radius: 10px;
    display: block;
    height: 2px;
    left: 50%;
    position: absolute;
    top: 50%;
    transition: .3s;
    width: 20px
}

.header__burger span:first-child {
    transform: translate(-50%, calc(-50% - 7px))
}

.header__burger span:nth-child(2) {
    transform: translate(-50%, -50%)
}

.header__burger span:nth-child(3) {
    transform: translate(-50%, calc(-50% + 7px))
}

.header__burger.active span:first-child {
    transform: translate(-50%, -50%) rotate(45deg)
}

.header__burger.active span:nth-child(2) {
    opacity: 0
}

.header__burger.active span:nth-child(3) {
    transform: translate(-50%, -50%) rotate(-45deg)
}

.header__mobile {
    background: #fff;
    clip-path: circle(0 at calc(100% - 25px) 0);
    display: none;
    height: calc(100vh - 70px);
    position: absolute;
    top: 100%;
    transition: .3s;
    width: 100%;
    z-index: 1000
}

@media screen and (max-width:991.98px) {
    .header__mobile {
        display: block
    }
}

.header__mobile.active {
    clip-path: circle(142% at calc(100% - 25px) 0)
}

.header__mobile .container {
    align-items: flex-start;
    border-top: 1px solid #f7f7fa;
    flex-direction: column;
    height: 100%;
    padding: 20px 15px
}

.header__mobile .header__mobile__contacts {
    align-items: flex-start;
    background-color: #f1f7fc;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    margin-top: auto;
    padding: 20px 24px
}

.header__mobile .footer__contact {
    font-size: 20px !important
}

.header__mobile .footer__contact:first-child {
    margin-top: 0
}

.header__mobile .support__content {
    box-shadow: none;
    margin-top: auto;
    opacity: 1;
    padding: 0;
    position: static;
    visibility: visible
}

.header__app {
    background-color: #e2dcff;
    display: none;
    opacity: 1;
    transition: .4s;
    width: 100%
}

@media screen and (max-width:991.98px) {
    .header__app {
        display: block
    }
}

.header__app .container {
    padding-bottom: 8px;
    padding-top: 8px
}

.header__app .block,
.header__app .container,
.header__app .image {
    align-items: center;
    display: flex
}

.header__app .image {
    background: #fff;
    border-radius: 6px;
    height: 56px;
    justify-content: center;
    margin-right: 12px;
    width: 56px
}

.header__app .image img {
    height: auto;
    width: 42px
}

.header__app .text {
    color: #222;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -.02em
}

.header__app .text .stars {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzYiIGhlaWdodD0iMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTQuNTc3IDMuMjA0QzUuMjEgMi4wNjggNS41MjcgMS41IDYgMS41Yy40NzMgMCAuNzkuNTY4IDEuNDIzIDEuNzA0bC4xNjQuMjk0Yy4xOC4zMjMuMjcuNDg0LjQxLjU5LjE0LjEwNy4zMTYuMTQ3LjY2NS4yMjZsLjMxOC4wNzJjMS4yMy4yNzggMS44NDUuNDE3IDEuOTkxLjg4OC4xNDcuNDctLjI3My45Ni0xLjExMSAxLjk0MWwtLjIxNy4yNTRjLS4yMzguMjc4LS4zNTcuNDE4LS40MS41OS0uMDU1LjE3Mi0uMDM3LjM1OCAwIC43M2wuMDMyLjMzOGMuMTI3IDEuMzA4LjE5IDEuOTYyLS4xOTMgMi4yNTMtLjM4My4yOS0uOTU4LjAyNi0yLjExLS41MDRsLS4yOTgtLjEzOGMtLjMyNy0uMTUtLjQ5LS4yMjYtLjY2NC0uMjI2LS4xNzMgMC0uMzM3LjA3Ni0uNjY0LjIyNmwtLjI5OC4xMzhjLTEuMTUyLjUzLTEuNzI3Ljc5NS0yLjExLjUwNC0uMzgzLS4yOS0uMzItLjk0NS0uMTkzLTIuMjUzbC4wMzItLjMzOGMuMDM3LS4zNzIuMDU1LS41NTggMC0uNzMtLjA1My0uMTcyLS4xNzItLjMxMi0uNDEtLjU5bC0uMjE3LS4yNTRjLS44MzgtLjk4LTEuMjU4LTEuNDctMS4xMTEtMS45NDEuMTQ2LS40Ny43Ni0uNjEgMS45OS0uODg4bC4zMTktLjA3MmMuMzUtLjA3OS41MjQtLjExOS42NjQtLjIyNS4xNC0uMTA3LjIzLS4yNjguNDEtLjU5bC4xNjUtLjI5NVpNMjAuNTc3IDMuMjA0QzIxLjIxIDIuMDY4IDIxLjUyNyAxLjUgMjIgMS41Yy40NzMgMCAuNzkuNTY4IDEuNDIzIDEuNzA0bC4xNjQuMjk0Yy4xOC4zMjMuMjcuNDg0LjQxLjU5LjE0LjEwNy4zMTYuMTQ3LjY2NS4yMjZsLjMxOC4wNzJjMS4yMy4yNzggMS44NDUuNDE3IDEuOTkxLjg4OC4xNDcuNDctLjI3My45Ni0xLjExMSAxLjk0MWwtLjIxNy4yNTRjLS4yMzguMjc4LS4zNTcuNDE4LS40MS41OS0uMDU1LjE3Mi0uMDM3LjM1OCAwIC43M2wuMDMyLjMzOGMuMTI3IDEuMzA4LjE5IDEuOTYyLS4xOTMgMi4yNTMtLjM4My4yOS0uOTU4LjAyNi0yLjExLS41MDRsLS4yOTgtLjEzOGMtLjMyNy0uMTUtLjQ5LS4yMjYtLjY2NC0uMjI2LS4xNzMgMC0uMzM3LjA3Ni0uNjY0LjIyNmwtLjI5OC4xMzhjLTEuMTUyLjUzLTEuNzI3Ljc5NS0yLjExLjUwNC0uMzgzLS4yOS0uMzItLjk0NS0uMTkzLTIuMjUzbC4wMzItLjMzOGMuMDM3LS4zNzIuMDU1LS41NTggMC0uNzMtLjA1My0uMTcyLS4xNzItLjMxMi0uNDEtLjU5bC0uMjE3LS4yNTRjLS44MzgtLjk4LTEuMjU4LTEuNDctMS4xMTEtMS45NDEuMTQ2LS40Ny43Ni0uNjEgMS45OS0uODg4bC4zMTktLjA3MmMuMzUtLjA3OS41MjQtLjExOS42NjUtLjIyNS4xNC0uMTA3LjIzLS4yNjguNDEtLjU5bC4xNjQtLjI5NVpNMzYuNTc3IDMuMjA0QzM3LjIxIDIuMDY4IDM3LjUyNyAxLjUgMzggMS41Yy40NzMgMCAuNzkuNTY4IDEuNDIzIDEuNzA0bC4xNjQuMjk0Yy4xOC4zMjMuMjcuNDg0LjQxLjU5LjE0LjEwNy4zMTYuMTQ3LjY2NS4yMjZsLjMxOC4wNzJjMS4yMy4yNzggMS44NDUuNDE3IDEuOTkxLjg4OC4xNDcuNDctLjI3My45Ni0xLjExMSAxLjk0MWwtLjIxNy4yNTRjLS4yMzguMjc4LS4zNTcuNDE4LS40MS41OS0uMDU0LjE3Mi0uMDM2LjM1OCAwIC43M2wuMDMyLjMzOGMuMTI3IDEuMzA4LjE5IDEuOTYyLS4xOTMgMi4yNTMtLjM4My4yOS0uOTU4LjAyNi0yLjExLS41MDRsLS4yOTgtLjEzOGMtLjMyNy0uMTUtLjQ5LS4yMjYtLjY2NC0uMjI2LS4xNzMgMC0uMzM3LjA3Ni0uNjY0LjIyNmwtLjI5OC4xMzhjLTEuMTUyLjUzLTEuNzI3Ljc5NS0yLjExLjUwNC0uMzgzLS4yOS0uMzItLjk0NS0uMTkzLTIuMjUzbC4wMzItLjMzOGMuMDM2LS4zNzIuMDU0LS41NTggMC0uNzMtLjA1My0uMTcyLS4xNzItLjMxMi0uNDEtLjU5bC0uMjE3LS4yNTRjLS44MzgtLjk4LTEuMjU4LTEuNDctMS4xMTEtMS45NDEuMTQ2LS40Ny43Ni0uNjEgMS45OS0uODg4bC4zMTktLjA3MmMuMzUtLjA3OS41MjQtLjExOS42NjQtLjIyNS4xNC0uMTA3LjIzLS4yNjguNDEtLjU5bC4xNjUtLjI5NVpNNTIuNTc3IDMuMjA0QzUzLjIxIDIuMDY4IDUzLjUyNyAxLjUgNTQgMS41Yy40NzMgMCAuNzkuNTY4IDEuNDIzIDEuNzA0bC4xNjQuMjk0Yy4xOC4zMjMuMjcuNDg0LjQxLjU5LjE0LjEwNy4zMTYuMTQ3LjY2NS4yMjZsLjMxOC4wNzJjMS4yMy4yNzggMS44NDUuNDE3IDEuOTkxLjg4OC4xNDcuNDctLjI3My45Ni0xLjExMSAxLjk0MWwtLjIxNy4yNTRjLS4yMzguMjc4LS4zNTcuNDE4LS40MS41OS0uMDU0LjE3Mi0uMDM2LjM1OCAwIC43M2wuMDMyLjMzOGMuMTI3IDEuMzA4LjE5IDEuOTYyLS4xOTMgMi4yNTMtLjM4My4yOS0uOTU4LjAyNi0yLjExLS41MDRsLS4yOTgtLjEzOGMtLjMyNy0uMTUtLjQ5LS4yMjYtLjY2NC0uMjI2LS4xNzMgMC0uMzM3LjA3Ni0uNjY0LjIyNmwtLjI5OC4xMzhjLTEuMTUyLjUzLTEuNzI3Ljc5NS0yLjExLjUwNC0uMzgzLS4yOS0uMzItLjk0NS0uMTkzLTIuMjUzbC4wMzItLjMzOGMuMDM2LS4zNzIuMDU0LS41NTggMC0uNzMtLjA1My0uMTcyLS4xNzItLjMxMi0uNDEtLjU5bC0uMjE3LS4yNTRjLS44MzgtLjk4LTEuMjU4LTEuNDctMS4xMTEtMS45NDEuMTQ2LS40Ny43Ni0uNjEgMS45OS0uODg4bC4zMTktLjA3MmMuMzUtLjA3OS41MjQtLjExOS42NjQtLjIyNS4xNC0uMTA3LjIzLS4yNjguNDEtLjU5bC4xNjUtLjI5NVpNNjguNTc3IDMuMjA0QzY5LjIxIDIuMDY4IDY5LjUyNyAxLjUgNzAgMS41Yy40NzMgMCAuNzkuNTY4IDEuNDIzIDEuNzA0bC4xNjQuMjk0Yy4xOC4zMjMuMjcuNDg0LjQxLjU5LjE0LjEwNy4zMTYuMTQ3LjY2NS4yMjZsLjMxOC4wNzJjMS4yMy4yNzggMS44NDUuNDE3IDEuOTkxLjg4OC4xNDcuNDctLjI3My45Ni0xLjExMSAxLjk0MWwtLjIxNy4yNTRjLS4yMzguMjc4LS4zNTcuNDE4LS40MS41OS0uMDU1LjE3Mi0uMDM3LjM1OCAwIC43M2wuMDMyLjMzOGMuMTI3IDEuMzA4LjE5IDEuOTYyLS4xOTMgMi4yNTMtLjM4My4yOS0uOTU4LjAyNi0yLjExLS41MDRsLS4yOTgtLjEzOGMtLjMyNy0uMTUtLjQ5LS4yMjYtLjY2NC0uMjI2LS4xNzMgMC0uMzM3LjA3Ni0uNjY0LjIyNmwtLjI5OC4xMzhjLTEuMTUyLjUzLTEuNzI3Ljc5NS0yLjExLjUwNC0uMzgzLS4yOS0uMzItLjk0NS0uMTkzLTIuMjUzbC4wMzItLjMzOGMuMDM3LS4zNzIuMDU1LS41NTggMC0uNzMtLjA1My0uMTcyLS4xNzItLjMxMi0uNDEtLjU5bC0uMjE3LS4yNTRjLS44MzgtLjk4LTEuMjU4LTEuNDctMS4xMTEtMS45NDEuMTQ2LS40Ny43Ni0uNjEgMS45OS0uODg4bC4zMTktLjA3MmMuMzUtLjA3OS41MjQtLjExOS42NjUtLjIyNS4xNC0uMTA3LjIzLS4yNjguNDEtLjU5bC4xNjQtLjI5NVoiIGZpbGw9IiNGQTlBMDAiLz48L3N2Zz4=");
    background-size: contain;
    height: 12px;
    margin-top: 4px;
    width: 70px
}

.header__app .link {
    color: #6948eb;
    font-size: 14px;
    font-weight: 500;
    margin-left: auto;
    margin-right: 27px
}

.header__app .close {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3QgeD0iMTEuMTQiIHk9IjEwLjUzNCIgd2lkdGg9IjEyIiBoZWlnaHQ9IjEuMiIgcng9Ii42IiB0cmFuc2Zvcm09InJvdGF0ZSgtMTM1IDExLjE0IDEwLjUzNCkiIGZpbGw9IiM2OTczOTUiLz48cmVjdCB4PSIyLjc0IiB5PSI5LjkzNCIgd2lkdGg9IjEyIiBoZWlnaHQ9IjEuMiIgcng9Ii42IiB0cmFuc2Zvcm09InJvdGF0ZSgtNDUgMi43NCA5LjkzNCkiIGZpbGw9IiM2OTczOTUiLz48L3N2Zz4=");
    height: 12px;
    width: 12px
}

.header__app a {
    text-decoration: none
}

.header__app.hidden {
    margin-top: -72px;
    opacity: 0;
    visibility: hidden
}

.header #open-helpcrunch-chat {
    align-items: center;
    cursor: pointer;
    display: flex;
    gap: 10px;
    transition: .2s
}

.header #open-helpcrunch-chat:before {
    align-items: center;
    background: #f7f7fa;
    background-image: url("data: image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzgiIGhlaWdodD0iMzgiIHZpZXdCb3g9IjAgMCAzOCAzOCI+PGRlZnM+PHBhdGggaWQ9IndpZGdldF9pY25fYjciIGQ9Ik0xOCA0MGMtMS40NTItMS45MDMtMi0zLjY4Ny0yLTYgMC0yLjU5OCAxLjExOC01LjA1NCAzLTcgLjE3MSAxLjAyLjA4IDEuODA3IDAgMiAuMDggMy41NiAxLjI0MyA2LjMwNSA0IDkgMS44OTcgMS44OTIgNC43MDMgMy4wMzkgOCAzIDEuMDM4LjAzOSAyLjA0Mi0uMSAzIDAtMi4wNTMgMi4wNzctNC42NzcgMy4zMDUtOCAzLTEuMTAzLjMwNS0yLjQyNi4wMjctNC0xLS4wOTEuMzc4LS4yNzQuMzMyIDAgMC0uNTkzLjMzMi0uNzk4LjM3OC0xIDBsLTQgMiAxLTRjLS4wODQtLjYxLS4xNTItLjg0MiAwLTF6bTE1LTI0YzMuMjg1IDAgNi4xMjEgMS4xNDEgOCAzIDIuODI0IDIuNzA2IDQgNS40MzggNCA5IDAgMS43ODctLjY0NiAzLjg2Mi0yIDYtLjA1Mi0uMDQtLjA3NS4wMDYgMCAwLS4yMTMuMzI5LS4yODIuNjA1IDAgMWwxIDUtNS0yYy0uMTU2LjExLS4zODYuMDYzLTEgMCAuMjkxLjA2My4wODQuMTEgMCAwLS43LjQxLTEuMjU0LjU3LTIgMS0uOTYuMDMyLTEuOTc0LjE3LTMgMC0zLjM1NC4xNy02LjE3OS0uOTYtOS0zLTEuODM2LTIuNDc4LTMtNS4xOTktMy04IDAtMS4yMS4wNy0yLjAxNyAwLTMgLjc2LTIuNDMgMi4xNDQtNC42MiA0LTYgMi41Ny0yLjEyNCA1LjEwNy0zIDgtM3oiPjwvcGF0aD48ZmlsdGVyIGlkPSJ3aWRnZXRfaWNuX2E3IiB3aWR0aD0iMTQ4LjMlIiBoZWlnaHQ9IjE0OC4zJSIgeD0iLTI0LjElIiB5PSItMTcuMiUiIGZpbHRlclVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCI+PGZlT2Zmc2V0IGR5PSIyIiBpbj0iU291cmNlQWxwaGEiIHJlc3VsdD0ic2hhZG93T2Zmc2V0T3V0ZXIxIj48L2ZlT2Zmc2V0PjxmZUdhdXNzaWFuQmx1ciBpbj0ic2hhZG93T2Zmc2V0T3V0ZXIxIiByZXN1bHQ9InNoYWRvd0JsdXJPdXRlcjEiIHN0ZERldmlhdGlvbj0iMiI+PC9mZUdhdXNzaWFuQmx1cj48ZmVDb2xvck1hdHJpeCBpbj0ic2hhZG93Qmx1ck91dGVyMSIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwLjEgMCI+PC9mZUNvbG9yTWF0cml4PjwvZmlsdGVyPjwvZGVmcz48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMiAtMTIpIj48dXNlIGZpbGw9IiMwMDAiIGZpbHRlcj0idXJsKCN3aWRnZXRfaWNuX2E3KSIgeGxpbms6aHJlZj0iI3dpZGdldF9pY25fYjciPjwvdXNlPjx1c2UgZmlsbD0iY3VycmVudENvbG9yIiB4bGluazpocmVmPSIjd2lkZ2V0X2ljbl9iNyI+PC91c2U+PC9nPjwvc3ZnPg==");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 22px;
    border-radius: 10px;
    content: "";
    display: flex;
    height: 35px;
    justify-content: center;
    min-width: 35px;
    width: 35px
}

.header #open-helpcrunch-chat:hover {
    color: #6948eb
}

.header #open-helpcrunch-chat.hidden {
    display: none
}

.header__fixed {
    background-color: #c4e9d1;
    color: #454545;
    color: #006123;
    display: flex;
    font-size: 12px;
    font-weight: 500;
    justify-content: center;
    line-height: 15px;
    padding: 7px 15px;
    width: 100%
}

@media screen and (max-width:767.98px) {
    .header__fixed {
        font-size: 10px;
        line-height: 12px
    }
}

.header__fixed span {
    align-items: center;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.878 5.582C3.5 6.12 3.5 7.72 3.5 10.917v1.574c0 5.638 4.239 8.375 6.899 9.536.721.315 1.082.473 2.101.473 1.02 0 1.38-.158 2.101-.473 2.66-1.162 6.899-3.898 6.899-9.536v-1.574c0-3.198 0-4.797-.378-5.335-.377-.537-1.88-1.052-4.887-2.081l-.573-.196c-1.567-.537-2.35-.805-3.162-.805-.811 0-1.595.268-3.162.805l-.573.196C5.758 4.53 4.255 5.045 3.878 5.582ZM15.559 11a.75.75 0 0 0-1.118-.998l-3.012 3.373-.87-.974a.75.75 0 0 0-1.118 1l1.428 1.6a.75.75 0 0 0 1.119 0l3.572-4Z' fill='%23006123'/%3E%3C/svg%3E");
    background-position: 0;
    background-repeat: no-repeat;
    display: flex;
    min-height: 18px;
    padding-left: 36px
}

.header__fixed_static {
    position: static;
    visibility: hidden
}

.support {
    margin-right: 20px;
    position: relative
}

@media screen and (max-width:1199.98px) {
    .support {
        margin-right: 10px
    }

    .support__button span {
        display: none
    }
}

@media screen and (max-width:991.98px) {
    .support__button {
        display: none
    }
}

.support__button .button {
    align-items: center;
    background: 0 0;
    border: 1px solid #697395;
    border-radius: 12px;
    color: #0c122a;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    gap: 8px;
    height: 34px;
    line-height: 34px;
    line-height: 130%;
    padding: 0 11px
}

.support__button .button:before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Im0xMS4zNTcgMTcuMDYtLjQ1MS43NjNjLS40MDMuNjgtMS40MDkuNjgtMS44MTIgMGwtLjQ1MS0uNzYzYy0uMzUtLjU5Mi0uNTI2LS44ODgtLjgwNy0xLjA1Mi0uMjgyLS4xNjMtLjYzNi0uMTctMS4zNDUtLjE4Mi0xLjA0Ni0uMDE4LTEuNzAyLS4wODItMi4yNTItLjMxYTQuMTY3IDQuMTY3IDAgMCAxLTIuMjU1LTIuMjU1Yy0uMzE3LS43NjYtLjMxNy0xLjczNi0uMzE3LTMuNjc4VjguNzVjMC0yLjcyOCAwLTQuMDkyLjYxNC01LjA5NGE0LjE2NyA0LjE2NyAwIDAgMSAxLjM3NS0xLjM3NWMxLjAwMi0uNjE0IDIuMzY2LS42MTQgNS4wOTQtLjYxNGgyLjVjMi43MjggMCA0LjA5MiAwIDUuMDk0LjYxNC41Ni4zNDMgMS4wMzIuODE1IDEuMzc1IDEuMzc1LjYxNCAxLjAwMi42MTQgMi4zNjYuNjE0IDUuMDk0di44MzNjMCAxLjk0MiAwIDIuOTEyLS4zMTcgMy42NzhhNC4xNjcgNC4xNjcgMCAwIDEtMi4yNTUgMi4yNTVjLS41NS4yMjgtMS4yMDYuMjkyLTIuMjUyLjMxLS43MDkuMDEyLTEuMDYzLjAxOC0xLjM0NS4xODItLjI4MS4xNjQtLjQ1Ni40Ni0uODA3IDEuMDUyWm0tNC42OS03LjI2OGEuNjI1LjYyNSAwIDEgMCAwIDEuMjVoNC41ODNhLjYyNS42MjUgMCAxIDAgMC0xLjI1SDYuNjY3Wk02LjA0MiA3LjVjMC0uMzQ1LjI4LS42MjUuNjI1LS42MjVoNi42NjZhLjYyNS42MjUgMCAxIDEgMCAxLjI1SDYuNjY3YS42MjUuNjI1IDAgMCAxLS42MjUtLjYyNVoiIGZpbGw9IiMyQTMwNDAiLz48L3N2Zz4=");
    content: "";
    height: 20px;
    width: 20px
}

.support__button .button:after {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTE2IDEzLTQtNC00IDQiIHN0cm9rZT0iIzBDMTIyQSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz48L3N2Zz4=");
    content: "";
    height: 24px;
    transform: rotate(180deg);
    transition: .2s;
    width: 24px
}

.support__button .button:hover {
    background-color: #f0f0f0
}

.support__content {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 0 20px rgba(0, 0, 0, .06);
    left: 0;
    margin-top: 14px;
    min-width: 295px;
    opacity: 0;
    padding: 20px;
    position: absolute;
    top: 100%;
    transition: .4s;
    visibility: hidden;
    z-index: 3
}

.support__content:before {
    content: "";
    height: 14px;
    left: 0;
    position: absolute;
    top: -14px;
    width: 100%
}

.support__content ul {
    display: flex;
    flex-direction: column;
    gap: 24px;
    list-style-type: none
}

.support__content ul li {
    align-items: center;
    display: flex;
    font-weight: 600;
    gap: 10px
}

.support__content ul li .img {
    align-items: center;
    background: #f7f7fa;
    border-radius: 10px;
    display: flex;
    height: 35px;
    justify-content: center;
    min-width: 35px;
    width: 35px
}

.support__content ul li a {
    color: #0c122a;
    font-size: 16px;
    font-weight: 600;
    line-height: 140%;
    text-decoration: none
}

.support__content ul li .schedule {
    color: #697395;
    font-size: 12px;
    font-weight: 500;
    line-height: 130%
}

.support__content ul li .dropdown__button {
    align-items: center;
    cursor: pointer;
    display: flex;
    gap: 10px
}

.support__content ul li .dropdown__button:after {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTE2IDEzLTQtNC00IDQiIHN0cm9rZT0iIzBDMTIyQSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz48L3N2Zz4=");
    content: "";
    height: 24px;
    transform: rotate(180deg);
    transition: .2s;
    width: 24px
}

.support__content ul li .dropdown__content {
    display: none
}

.support__content ul li .dropdown__content .tel {
    color: #6948eb;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    line-height: 140%;
    margin-left: 36px;
    margin-top: 22px;
    text-decoration-line: underline
}

.support__content ul li .dropdown__content .additional-info {
    background: #fdfae3;
    border: 1px solid #faefc7;
    border-radius: 10px;
    color: #4e451a;
    display: flex;
    font-weight: 500;
    gap: 10px;
    line-height: 130%;
    margin-top: 22px;
    padding: 9px
}

.support__content ul li .dropdown__content .additional-info:before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03LjUgMTMuNzVjLTIuOTQ2IDAtNC40MiAwLTUuMzM1LS45MTUtLjkxNS0uOTE2LS45MTUtMi4zODktLjkxNS01LjMzNXMwLTQuNDIuOTE1LTUuMzM1QzMuMDgxIDEuMjUgNC41NTQgMS4yNSA3LjUgMS4yNXM0LjQyIDAgNS4zMzUuOTE1Yy45MTUuOTE2LjkxNSAyLjM4OS45MTUgNS4zMzVzMCA0LjQyLS45MTUgNS4zMzVjLS45MTYuOTE1LTIuMzg5LjkxNS01LjMzNS45MTVabTAtMi42NTZjLjI1OSAwIC40NjktLjIxLjQ2OS0uNDY5di0zLjc1YS40NjkuNDY5IDAgMCAwLS45MzggMHYzLjc1YzAgLjI1OS4yMS40NjkuNDY5LjQ2OVptMC02LjcxOWEuNjI1LjYyNSAwIDEgMSAwIDEuMjUuNjI1LjYyNSAwIDAgMSAwLTEuMjVaIiBmaWxsPSIjNEU0NTFBIi8+PC9zdmc+");
    content: "";
    height: 15px;
    min-width: 15px;
    width: 15px
}

.support__content ul li .dropdown.active .dropdown__button:after {
    transform: rotate(0)
}

.support__content ul li .dropdown.active .dropdown__content {
    display: block
}

.support:hover .support__button .button:after {
    transform: rotate(0)
}

.support:hover .support__content {
    opacity: 1;
    visibility: visible
}

.footer {
    background: #f1f7fc;
    margin-top: 70px;
    padding-top: 60px
}

@media screen and (max-width:767.98px) {
    .footer {
        margin-top: 40px
    }
}

.footer .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

@media screen and (max-width:991.98px) {
    .footer .container {
        gap: 30px
    }
}

.footer__col {
    display: flex;
    flex-direction: column;
    width: auto
}

@media screen and (max-width:991.98px) {
    .footer__col {
        width: calc(50% - 15px)
    }
}

@media screen and (max-width:575.98px) {
    .footer__col {
        width: 100%
    }
}

.footer__col.last {
    width: 310px
}

@media screen and (max-width:1199.98px) {
    .footer__col.last {
        width: 200px
    }
}

@media screen and (max-width:991.98px) {
    .footer__col.last {
        width: calc(50% - 15px)
    }
}

@media screen and (max-width:575.98px) {
    .footer__col.last {
        width: 100%
    }
}

.footer__title {
    color: #0c122a;
    font-size: 18px;
    font-weight: 700
}

.footer__menu ul {
    list-style: none;
    margin-top: 30px
}

@media screen and (max-width:991.98px) {
    .footer__menu ul {
        margin-top: 20px
    }
}

.footer__menu ul li+li {
    margin-top: 30px
}

@media screen and (max-width:991.98px) {
    .footer__menu ul li+li {
        margin-top: 20px
    }
}

.footer__menu ul a {
    color: #071b3a;
    font-weight: 400;
    text-decoration: none;
    transition: .2s
}

.footer__menu ul a:hover {
    color: #6948eb
}

.footer__menu .more-btn {
    color: #6948eb;
    cursor: pointer;
    font-size: 16px;
    font-weight: 600;
    margin-top: 30px;
    text-decoration-line: underline;
    transition: .2s
}

.footer__menu .more-btn:hover {
    opacity: .8
}

.footer__contact {
    display: inline-block;
    margin-top: 20px;
    text-decoration: none
}

.footer__contact.email {
    color: #6948eb;
    font-size: 14px;
    transition: .2s
}

.footer__contact.email:hover {
    opacity: .8
}

.footer__contact.phone {
    color: #071b3a;
    font-size: 14px;
    font-weight: 700;
    transition: .2s
}

.footer__contact.phone:hover {
    opacity: .8
}

.footer__contact.schedule {
    color: #000;
    font-size: 16px
}

.footer__socials__title {
    color: #071b3a;
    font-size: 14px;
    font-weight: 500;
    width: 100%
}

.footer__socials .social-networks {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 20px;
    margin-top: 10px
}

.footer__socials .social-networks__item {
    align-items: center;
    border: 1px solid rgba(45, 106, 202, .1);
    border-radius: 50%;
    display: flex;
    height: 35px;
    justify-content: center;
    transition: .2s;
    width: 35px
}

.footer__socials .social-networks__item:hover {
    border: 1px solid #071b3a
}

.footer__note {
    color: rgba(7, 27, 58, .8);
    font-size: 10px;
    font-weight: 500;
    line-height: 130%;
    margin-top: 40px
}

.footer__apps {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 40px
}

.footer__apps__item {
    display: flex;
    transition: .2s
}

.footer__apps__item:hover {
    opacity: .8
}

.footer__text {
    color: rgba(7, 27, 58, .8);
    font-size: 12px;
    margin-top: 100px;
    width: 100%
}

@media screen and (max-width:991.98px) {
    .footer__text {
        margin-top: 50px
    }
}

.footer__text .with-images {
    list-style-type: none
}

.footer__text .with-images li {
    align-items: center;
    display: flex;
    gap: 20px;
    margin-top: 24px
}

.footer__copyright {
    background-color: #4c31b7;
    margin-top: 40px;
    padding: 15px 0;
    text-align: right
}

.footer__copyright,
.footer__copyright a {
    color: hsla(0, 0%, 100%, .5);
    font-size: 12px;
    font-weight: 500
}

.footer__copyright a:hover {
    opacity: .8
}

@media screen and (max-width:991.98px) {
    .footer__copyright {
        text-align: center
    }
}

.footer__copyright .container>div {
    width: 100%
}

.banner {
    padding: 80px 0;
    position: relative
}

@media screen and (max-width:575.98px) {
    .banner {
        padding: 60px 0
    }
}

.banner .container {
    align-items: center;
    display: flex;
    flex-direction: column;
    position: relative
}

.banner__bg-link {
    z-index: 1
}

.banner__bg-link,
.banner__img {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.banner__img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    z-index: -1
}

@media screen and (max-width:575.98px) {
    .banner__img {
        display: none
    }
}

.banner__img.mobile {
    display: none
}

@media screen and (max-width:575.98px) {
    .banner__img.mobile {
        display: block
    }
}

.banner__title {
    color: #fefefe;
    font-family: Sora, serif;
    font-size: 56px;
    font-weight: 700;
    line-height: 120%;
    margin-bottom: 32px;
    text-align: center;
    z-index: 1
}

@media screen and (max-width:575.98px) {
    .banner__title {
        font-size: 40px
    }

    .banner__title br {
        display: none
    }
}

.banner .link {
    align-items: center;
    display: flex;
    text-align: center;
    text-decoration: none;
    z-index: 1
}

.banner .link h1 {
    color: #fefefe;
    font-family: Inter, serif;
    font-size: 20px;
    font-weight: 600;
    margin: 0
}

.banner .link a {
    padding: 10px;
    transition: .2s;
    z-index: 2
}

.banner .link a:hover {
    opacity: .8
}

.banner .link a:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.964 20.535C5.43 22 7.786 22 12.5 22c4.714 0 7.071 0 8.535-1.465C22.5 19.072 22.5 16.714 22.5 12s0-7.071-1.465-8.536C19.572 2 17.214 2 12.5 2S5.429 2 3.964 3.464C2.5 4.93 2.5 7.286 2.5 12c0 4.714 0 7.071 1.464 8.535Zm6.506-5.005a.75.75 0 0 1 0-1.06L12.94 12l-2.47-2.47a.75.75 0 0 1 1.06-1.06l3 3a.75.75 0 0 1 0 1.06l-3 3a.75.75 0 0 1-1.06 0Z' fill='%23FEFEFE'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    content: "";
    display: block;
    height: 24px;
    width: 24px
}

.banner__calculator {
    margin-top: 70px;
    max-width: 100%;
    position: relative;
    width: 377px;
    z-index: 1
}

@media screen and (max-width:767.98px) {
    .banner__calculator {
        margin-top: 40px
    }
}

.page__right .calc__decoration {
    display: none
}

.calc {
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 30px;
    padding: 32px
}

.calc-wrap {
    position: relative
}

.calc__decoration {
    left: 50%;
    margin-top: -10px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: -1
}

.calc__decoration div {
    background-image: url(../images/calc-bg.webp);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 398px;
    width: 643px
}

@media screen and (max-width:767.98px) {
    .calc__decoration div {
        display: none
    }
}

.calc__data {
    margin-bottom: 25px
}

@media screen and (max-width:991.98px) {
    .calc__data {
        margin-bottom: 15px
    }
}

.calc__data-title {
    color: #2a3040;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px
}

.calc__data-border {
    align-items: center;
    background-color: #f8fafe;
    border-radius: 10px 10px 0 0;
    display: flex;
    justify-content: space-between;
    padding: 16px 16px 20px
}

.calc__data-btn {
    background: #6948eb;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='11' height='3' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%23fff' stroke-width='1.667' stroke-linecap='round' d='M1.333 1.5h8.334'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    border-radius: 50%;
    cursor: pointer;
    height: 25px;
    position: relative;
    width: 25px
}

.calc__data-btn_plus {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='11' height='11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%23fff' stroke-width='1.667' stroke-linecap='round' d='M1.333 5.5h8.334M5.499 1.333v8.334'/%3E%3C/svg%3E")
}

.calc__data-input {
    color: #525e7e;
    font-size: 18px;
    font-weight: 700;
    line-height: 120%;
    margin-right: -20px
}

.calc__data-input input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: 0 0;
    border: none;
    color: #525e7e;
    font-weight: 700;
    margin: 0;
    outline: 0;
    padding: 0;
    width: 80px
}

.calc__data-input input#term_input {
    text-align: right
}

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

.calc__data-minmax {
    color: #939db8;
    display: flex;
    font-size: 12px;
    font-weight: 500;
    justify-content: space-between;
    line-height: 130%;
    margin-top: 7px
}

.calc__button {
    width: 100%
}

.calc__result {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-top: 27px
}

@media screen and (max-width:991.98px) {
    .calc__result {
        margin-top: 20px
    }
}

.calc__result+.calc__result {
    border-top: 1px solid #e9e9e9;
    margin-top: 15px;
    padding-top: 15px
}

@media screen and (max-width:991.98px) {
    .calc__result+.calc__result {
        margin-top: 10px;
        padding-top: 10px
    }
}

.calc__result-title {
    font-size: 12px;
    font-weight: 500;
    line-height: 130%
}

.calc__result-title p {
    color: #697395;
    font-size: 10px
}

.calc__result-value {
    background: #f7f7fa;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 500;
    line-height: 130%;
    padding: 8px 12px
}

.calc__limit-message {
    color: #697395;
    display: none;
    font-size: .75rem;
    line-height: 1rem;
    margin: 5px 0 -10px
}

.calc .slider-container {
    align-items: center;
    display: flex;
    margin-top: -4px;
    position: relative;
    text-align: center;
    width: 100%
}

.calc .slider-container .slider {
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    background-color: #bac3d5;
    border-radius: 2px;
    flex: 1 0;
    height: 4px;
    opacity: 1;
    outline: 0
}

.calc .slider-container .slider::-webkit-slider-thumb {
    appearance: none;
    -webkit-appearance: none;
    background-color: #6948eb;
    border: none;
    border-radius: 50%;
    box-shadow: 0 0 0 4px #eef2fd;
    cursor: pointer;
    height: 16px;
    outline: 0;
    width: 16px
}

.calc .slider-container .slider::-moz-range-thumb {
    -moz-appearance: none;
    appearance: none;
    background-color: #6948eb;
    border: none;
    border-radius: 50%;
    box-shadow: 0 0 0 4px #eef2fd;
    box-shadow: none;
    cursor: pointer;
    height: 16px;
    outline: 0;
    width: 16px
}

.discount-banner {
    background-image: url(../images/get-discount-banner.webp);
    background-position: 63% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 10px;
    color: #fff;
    margin-top: 24px;
    overflow: hidden;
    padding: 18px 23px;
    position: relative;
    width: 100%;
    z-index: 1
}

@media screen and (max-width:991.98px) {
    .discount-banner {
        bottom: 12px;
        left: 12px;
        position: fixed;
        width: calc(100% - 24px)
    }
}

.discount-banner-title {
    font-size: 24px;
    font-weight: 700;
    line-height: 130%;
    margin-bottom: 4px
}

.discount-banner-desc {
    color: #e2dcff;
    font-size: 14px;
    margin-bottom: 4px
}

.discount-banner a {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    transition: .2s
}

.discount-banner a:hover {
    opacity: .8
}

.discount-banner-close {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTE2IDE2LTQtNG0wIDAgNC00bS00IDQtNCA0bTQtNEw4IDgiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz48L3N2Zz4=");
    background-position: 50%;
    background-repeat: no-repeat;
    display: none;
    height: 24px;
    position: absolute;
    right: 4px;
    top: 4px;
    transition: .2s;
    width: 24px
}

@media screen and (max-width:991.98px) {
    .discount-banner-close {
        display: block
    }
}

.discount-banner-close:hover {
    opacity: .8
}

.discount-banner.dark {
    background-image: url(../images/get-discount-banner2.webp);
    padding: 20px
}

@media screen and (max-width:767.98px) {
    .discount-banner.dark {
        padding: 20px 17px
    }
}

.discount-banner.dark .discount-banner-title {
    font-size: 20px;
    margin-bottom: 8px
}

.discount-banner.dark .discount-banner-desc {
    font-size: 12px;
    line-height: 130%;
    margin-bottom: 12px
}

.discount-banner.dark .discount-banner-link {
    font-size: 14px;
    text-decoration: none
}

.discount-banner.hidden {
    opacity: 0;
    transform: translateY(100%);
    transition: .4s;
    visibility: hidden
}

.page-navigation {
    display: flex;
    flex-direction: column
}

.page-navigation-scroll {
    height: 450px;
    max-height: calc(100vh - 570px);
    overflow-y: auto
}

.page-navigation-wrapper {
    margin-top: 30px
}

@media screen and (max-width:991.98px) {
    .page-navigation-wrapper {
        display: none
    }
}

.page-navigation-wrapper .calc__data-title {
    border-bottom: 1px solid #f7f7fa;
    padding-bottom: 5px
}

.page-navigation a {
    color: #0c122a;
    font-size: 16px;
    font-weight: 500;
    margin-top: 14px;
    text-decoration: none;
    transition: .2s
}

.page-navigation a:hover {
    color: #6948eb
}

.page-navigation a:first-child {
    margin-top: 0
}

.page-navigation a.active {
    color: #6948eb;
    font-weight: 600
}

.page-navigation .level-3 {
    font-weight: 400;
    margin-left: 10px;
    margin-top: 8px
}

.page-navigation .level-4 {
    font-size: 14px;
    margin-left: 18px;
    margin-top: 4px
}

.page-navigation .level-5,
.page-navigation .level-6 {
    font-size: 12px;
    margin-left: 26px;
    margin-top: 2px
}

.advantages {
    padding: 100px 0
}

@media screen and (max-width:991.98px) {
    .advantages {
        padding: 40px 0
    }
}

.advantages .h2 {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between
}

@media screen and (max-width:575.98px) {
    .advantages .h2 .button {
        margin: 0 auto
    }
}

.advantages__list {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    margin-top: 60px;
    width: 100%
}

@media screen and (max-width:767.98px) {
    .advantages__list {
        gap: 20px;
        margin-top: 30px
    }
}

.advantages__item {
    width: calc(33.33% - 20px)
}

@media screen and (max-width:991.98px) {
    .advantages__item {
        width: calc(50% - 15px)
    }
}

@media screen and (max-width:767.98px) {
    .advantages__item {
        width: 100%
    }
}

@media screen and (min-width:991.98px) {
    .advantages .advantages__item:nth-child(1n) {
        animation-delay: 0s
    }

    .advantages .advantages__item:nth-child(2n) {
        animation-delay: .6s
    }

    .advantages .advantages__item:nth-child(3n) {
        animation-delay: 1.2s
    }
}

.advantages__img {
    margin-bottom: 15px
}

.advantages__title {
    align-items: center;
    display: flex;
    font-size: 20px;
    font-weight: 700;
    line-height: 130%;
    margin-bottom: 15px
}

.advantages__img {
    flex: 1 0
}

.advantages__img img {
    border-radius: 10px;
    width: 100%
}

.advantages.bg .advantages__item {
    background: linear-gradient(0deg, #f1f7fc, #f1f7fc), #fcf8f3;
    border-radius: 30px;
    padding: 40px
}

.advantages.bb .advantages__list {
    border-bottom: 1px solid #dfe9f3;
    gap: 30px;
    padding-bottom: 80px
}

@media screen and (max-width:991.98px) {
    .advantages.bb .advantages__list {
        border-bottom: none;
        padding-bottom: 40px
    }

    .advantages.bb {
        border-bottom: 1px solid #dfe9f3;
        margin-bottom: 40px;
        padding-bottom: 0
    }
}

.steps {
    counter-reset: step;
    padding-top: 100px
}

@media screen and (max-width:991.98px) {
    .steps {
        padding-top: 40px
    }
}

.steps .container {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 30px
}

@media screen and (max-width:991.98px) {
    .steps .container {
        flex-direction: column
    }
}

.steps__text {
    width: 100%
}

.steps.with-image .steps__text {
    padding-bottom: 100px;
    width: calc(50% - 15px)
}

@media screen and (max-width:991.98px) {
    .steps.with-image .steps__text {
        padding-bottom: 0;
        width: 100%
    }
}

.steps.with-image .steps__image {
    width: calc(50% - 15px)
}

@media screen and (max-width:991.98px) {
    .steps.with-image .steps__image {
        display: none
    }
}

.steps.with-image .steps__image.mobile {
    display: none;
    max-width: 100%;
    width: 245px;
    width: 450px
}

@media screen and (max-width:991.98px) {
    .steps.with-image .steps__image.mobile {
        display: flex
    }
}

@media screen and (max-width:575.98px) {
    .steps.with-image .steps__image.mobile {
        width: 245px
    }
}

.steps__button {
    margin-top: 40px;
    width: 100%
}

@media screen and (max-width:991.98px) {
    .steps__button {
        margin-top: 30px
    }
}

.steps__list {
    flex: 1 0 100%
}

@media screen and (max-width:991.98px) {
    .steps__list {
        flex-direction: column;
        gap: 20px
    }
}

.steps__item {
    margin-top: 32px;
    padding-left: 36px;
    position: relative
}

.steps__item:before {
    align-items: center;
    background: #6948eb;
    border-radius: 6px;
    color: #fff;
    content: counter(step);
    counter-increment: step;
    display: flex;
    font-size: 16px;
    font-weight: 600;
    height: 24px;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 24px
}

.steps__title {
    color: #0c122a;
    font-size: 20px;
    font-weight: 700;
    line-height: 130%
}

.steps__description {
    color: #6a727e;
    margin-top: 10px
}

.steps .collapse-button {
    margin-top: 30px
}

.reviews {
    background: #fefefe;
    overflow: hidden;
    padding-top: 100px
}

@media screen and (max-width:991.98px) {
    .reviews {
        padding-top: 40px
    }
}

.reviews .container {
    align-items: center;
    display: flex;
    flex-wrap: wrap
}

.reviews__title {
    margin-bottom: 30px
}

@media screen and (max-width:767.98px) {
    .reviews__title {
        margin-bottom: 14px
    }
}

.reviews__slider {
    margin-top: 30px;
    width: 100%
}

@media screen and (max-width:767.98px) {
    .reviews__slider {
        margin-top: 18px
    }
}

.reviews__slider .swiper-wrapper {
    margin: 0 auto;
    transition-timing-function: linear
}

.reviews__slider .swiper {
    overflow: initial !important
}

.reviews__item {
    align-items: flex-start;
    border: 1px solid #dfeaf3;
    border-radius: 24px;
    display: flex;
    flex-direction: column;
    height: auto;
    padding: 32px 40px
}

.reviews__item.google .reviews__name:after {
    background-image: url(../images/review-app1.svg)
}

.reviews__item.apple .reviews__name:after {
    background-image: url(../images/review-app2.svg)
}

.reviews__item.huawei .reviews__name:after {
    background-image: url(../images/review-app3.svg)
}

@media screen and (max-width:767.98px) {
    .reviews__item {
        padding: 30px 38px
    }
}

.reviews__name {
    align-items: center;
    color: #0c122a;
    display: flex;
    font-size: 20px;
    font-weight: 700;
    gap: 10px;
    justify-content: space-between;
    width: 100%
}

.reviews__name:after {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 25px;
    width: 25px
}

.reviews__review {
    color: #6a727e;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    margin: 12px 0
}

@media screen and (max-width:767.98px) {
    .reviews__review {
        font-size: 14px
    }
}

.reviews__stars {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUyIiBoZWlnaHQ9IjI0IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik05LjE1MyA1LjQwOEMxMC40MiAzLjEzNiAxMS4wNTMgMiAxMiAyYy45NDcgMCAxLjU4IDEuMTM2IDIuODQ3IDMuNDA4bC4zMjguNTg4Yy4zNi42NDYuNTQuOTY5LjgyIDEuMTgyLjI4LjIxMy42My4yOTIgMS4zMy40NWwuNjM2LjE0NGMyLjQ2LjU1NyAzLjY4OS44MzUgMy45ODIgMS43NzYuMjkyLjk0LS41NDYgMS45MjEtMi4yMjMgMy44ODJsLS40MzQuNTA3Yy0uNDc2LjU1Ny0uNzE1LjgzNi0uODIyIDEuMTgtLjEwNy4zNDUtLjA3MS43MTcuMDAxIDEuNDZsLjA2Ni42NzdjLjI1MyAyLjYxNy4zOCAzLjkyNS0uMzg2IDQuNTA2LS43NjYuNTgyLTEuOTE4LjA1MS00LjIyLTEuMDA5bC0uNTk3LS4yNzRjLS42NTQtLjMwMi0uOTgxLS40NTItMS4zMjgtLjQ1Mi0uMzQ3IDAtLjY3NC4xNS0xLjMyOS40NTJsLS41OTUuMjc0Yy0yLjMwMyAxLjA2LTMuNDU1IDEuNTktNC4yMiAxLjAxLS43NjctLjU4Mi0uNjQtMS44OS0uMzg3LTQuNTA3bC4wNjYtLjY3NmMuMDcyLS43NDQuMTA4LTEuMTE2IDAtMS40Ni0uMTA2LS4zNDUtLjM0NS0uNjI0LS44MjEtMS4xOGwtLjQzNC0uNTA4Yy0xLjY3Ny0xLjk2LTIuNTE1LTIuOTQxLTIuMjIzLTMuODgyLjI5My0uOTQxIDEuNTIzLTEuMjIgMy45ODMtMS43NzZsLjYzNi0uMTQ0Yy42OTktLjE1OCAxLjA0OC0uMjM3IDEuMzI5LS40NS4yOC0uMjEzLjQ2LS41MzYuODItMS4xODJsLjMyOC0uNTg4Wk00MS4xNTMgNS40MDhDNDIuNDIgMy4xMzYgNDMuMDUzIDIgNDQgMmMuOTQ3IDAgMS41OCAxLjEzNiAyLjg0NyAzLjQwOGwuMzI4LjU4OGMuMzYuNjQ2LjU0Ljk2OS44MiAxLjE4Mi4yOC4yMTMuNjMuMjkyIDEuMzMuNDVsLjYzNi4xNDRjMi40Ni41NTcgMy42ODkuODM1IDMuOTgyIDEuNzc2LjI5Mi45NC0uNTQ2IDEuOTIxLTIuMjIzIDMuODgybC0uNDM0LjUwN2MtLjQ3Ni41NTctLjcxNS44MzYtLjgyMiAxLjE4LS4xMDcuMzQ1LS4wNzEuNzE3LjAwMSAxLjQ2bC4wNjYuNjc3Yy4yNTMgMi42MTcuMzggMy45MjUtLjM4NiA0LjUwNi0uNzY2LjU4Mi0xLjkxOC4wNTEtNC4yMi0xLjAwOWwtLjU5Ni0uMjc0Yy0uNjU1LS4zMDItLjk4Mi0uNDUyLTEuMzI5LS40NTJzLS42NzQuMTUtMS4zMjguNDUybC0uNTk2LjI3NGMtMi4zMDMgMS4wNi0zLjQ1NSAxLjU5LTQuMjIgMS4wMS0uNzY3LS41ODItLjY0LTEuODktLjM4Ny00LjUwN2wuMDY2LS42NzZjLjA3Mi0uNzQ0LjEwOC0xLjExNiAwLTEuNDYtLjEwNi0uMzQ1LS4zNDUtLjYyNC0uODIxLTEuMThsLS40MzQtLjUwOGMtMS42NzctMS45Ni0yLjUxNS0yLjk0MS0yLjIyMy0zLjg4Mi4yOTMtLjk0MSAxLjUyMy0xLjIyIDMuOTgyLTEuNzc2bC42MzctLjE0NGMuNjk5LS4xNTggMS4wNDgtLjIzNyAxLjMyOS0uNDUuMjgtLjIxMy40Ni0uNTM2LjgyLTEuMTgybC4zMjgtLjU4OFpNNzMuMTUzIDUuNDA4Qzc0LjQyIDMuMTM2IDc1LjA1MyAyIDc2IDJjLjk0NyAwIDEuNTggMS4xMzYgMi44NDcgMy40MDhsLjMyOC41ODhjLjM2LjY0Ni41NC45NjkuODIgMS4xODIuMjguMjEzLjYzLjI5MiAxLjMzLjQ1bC42MzUuMTQ0YzIuNDYuNTU3IDMuNjkuODM1IDMuOTgzIDEuNzc2LjI5Mi45NC0uNTQ2IDEuOTIxLTIuMjIzIDMuODgybC0uNDM0LjUwN2MtLjQ3Ni41NTctLjcxNS44MzYtLjgyMiAxLjE4LS4xMDcuMzQ1LS4wNzEuNzE3LjAwMSAxLjQ2bC4wNjYuNjc3Yy4yNTMgMi42MTcuMzggMy45MjUtLjM4NiA0LjUwNi0uNzY2LjU4Mi0xLjkxOC4wNTEtNC4yMi0xLjAwOWwtLjU5Ni0uMjc0Yy0uNjU1LS4zMDItLjk4Mi0uNDUyLTEuMzI5LS40NTJzLS42NzQuMTUtMS4zMjkuNDUybC0uNTk1LjI3NGMtMi4zMDMgMS4wNi0zLjQ1NSAxLjU5LTQuMjIgMS4wMS0uNzY3LS41ODItLjY0LTEuODktLjM4Ny00LjUwN2wuMDY2LS42NzZjLjA3Mi0uNzQ0LjEwOC0xLjExNiAwLTEuNDYtLjEwNi0uMzQ1LS4zNDUtLjYyNC0uODIxLTEuMThsLS40MzQtLjUwOGMtMS42NzctMS45Ni0yLjUxNS0yLjk0MS0yLjIyMy0zLjg4Mi4yOTMtLjk0MSAxLjUyMy0xLjIyIDMuOTgzLTEuNzc2bC42MzYtLjE0NGMuNjk5LS4xNTggMS4wNDgtLjIzNyAxLjMyOS0uNDUuMjgtLjIxMy40Ni0uNTM2LjgyLTEuMTgybC4zMjgtLjU4OFpNMTA1LjE1MyA1LjQwOEMxMDYuNDIgMy4xMzYgMTA3LjA1MyAyIDEwOCAyYy45NDcgMCAxLjU4IDEuMTM2IDIuODQ3IDMuNDA4bC4zMjguNTg4Yy4zNTkuNjQ2LjUzOS45NjkuODIgMS4xODIuMjgxLjIxMy42My4yOTIgMS4zMjkuNDVsLjYzNi4xNDRjMi40Ni41NTcgMy42OS44MzUgMy45ODMgMS43NzYuMjkyLjk0LS41NDYgMS45MjEtMi4yMjMgMy44ODJsLS40MzQuNTA3Yy0uNDc2LjU1Ny0uNzE1LjgzNi0uODIyIDEuMTgtLjEwNy4zNDUtLjA3MS43MTcuMDAxIDEuNDZsLjA2Ni42NzdjLjI1MyAyLjYxNy4zOCAzLjkyNS0uMzg2IDQuNTA2LS43NjYuNTgyLTEuOTE4LjA1MS00LjIyMS0xLjAwOWwtLjU5NS0uMjc0Yy0uNjU1LS4zMDItLjk4Mi0uNDUyLTEuMzI5LS40NTJzLS42NzQuMTUtMS4zMjkuNDUybC0uNTk1LjI3NGMtMi4zMDMgMS4wNi0zLjQ1NSAxLjU5LTQuMjIxIDEuMDEtLjc2Ni0uNTgyLS42MzktMS44OS0uMzg2LTQuNTA3bC4wNjYtLjY3NmMuMDcyLS43NDQuMTA4LTEuMTE2LjAwMS0xLjQ2LS4xMDctLjM0NS0uMzQ2LS42MjQtLjgyMi0xLjE4bC0uNDM0LS41MDhjLTEuNjc3LTEuOTYtMi41MTUtMi45NDEtMi4yMjMtMy44ODIuMjkzLS45NDEgMS41MjMtMS4yMiAzLjk4My0xLjc3NmwuNjM2LS4xNDRjLjY5OS0uMTU4IDEuMDQ4LS4yMzcgMS4zMjktLjQ1LjI4MS0uMjEzLjQ2MS0uNTM2LjgyLTEuMTgybC4zMjgtLjU4OFpNMTM3LjE1MyA1LjQwOEMxMzguNDIgMy4xMzYgMTM5LjA1MyAyIDE0MCAyYy45NDcgMCAxLjU4IDEuMTM2IDIuODQ3IDMuNDA4bC4zMjguNTg4Yy4zNTkuNjQ2LjUzOS45NjkuODIgMS4xODIuMjgxLjIxMy42My4yOTIgMS4zMjkuNDVsLjYzNi4xNDRjMi40Ni41NTcgMy42OS44MzUgMy45ODMgMS43NzYuMjkyLjk0LS41NDYgMS45MjEtMi4yMjMgMy44ODJsLS40MzQuNTA3Yy0uNDc2LjU1Ny0uNzE1LjgzNi0uODIyIDEuMTgtLjEwNy4zNDUtLjA3MS43MTcuMDAxIDEuNDZsLjA2Ni42NzdjLjI1MyAyLjYxNy4zOCAzLjkyNS0uMzg2IDQuNTA2LS43NjYuNTgyLTEuOTE4LjA1MS00LjIyMS0xLjAwOWwtLjU5NS0uMjc0Yy0uNjU1LS4zMDItLjk4Mi0uNDUyLTEuMzI5LS40NTJzLS42NzQuMTUtMS4zMjkuNDUybC0uNTk1LjI3NGMtMi4zMDMgMS4wNi0zLjQ1NSAxLjU5LTQuMjIxIDEuMDEtLjc2Ni0uNTgyLS42MzktMS44OS0uMzg2LTQuNTA3bC4wNjYtLjY3NmMuMDcyLS43NDQuMTA4LTEuMTE2LjAwMS0xLjQ2LS4xMDctLjM0NS0uMzQ2LS42MjQtLjgyMi0xLjE4bC0uNDM0LS41MDhjLTEuNjc3LTEuOTYtMi41MTUtMi45NDEtMi4yMjMtMy44ODIuMjkzLS45NDEgMS41MjMtMS4yMiAzLjk4My0xLjc3NmwuNjM2LS4xNDRjLjY5OS0uMTU4IDEuMDQ4LS4yMzcgMS4zMjktLjQ1LjI4MS0uMjEzLjQ2MS0uNTM2LjgyLTEuMTgybC4zMjgtLjU4OFoiIGZpbGw9IiNGQTlBMDAiLz48L3N2Zz4=");
    background-position: 0;
    background-repeat: no-repeat;
    height: 24px;
    margin-top: auto;
    width: 152px
}

.hidden-text {
    padding-bottom: 40px;
    padding-top: 90px
}

@media screen and (max-width:991.98px) {
    .hidden-text {
        border-bottom: 1px solid #dfe9f3;
        margin-bottom: 40px;
        padding-bottom: 0
    }
}

@media screen and (max-width:767.98px) {
    .hidden-text {
        padding-bottom: 40px;
        padding-top: 80px
    }
}

.hidden-text .wrapper {
    border-bottom: 1px solid #dfe9f3;
    padding-bottom: 40px
}

@media screen and (max-width:991.98px) {
    .hidden-text .wrapper {
        border-bottom: none;
        padding-bottom: 0
    }
}

.hidden-text__content-hidden {
    margin-top: 16px
}

.hidden-text .hidden-text__button {
    color: #6948eb;
    cursor: pointer;
    font-weight: 600;
    margin-top: 20px;
    text-decoration: underline
}

.hidden-text.second .wrapper {
    border-bottom: none;
    padding-bottom: 0
}

.hidden-text.second .hidden-text__button {
    align-items: center;
    border: 1px solid #d6d6d6;
    border-radius: 100px;
    color: #0c122a;
    display: flex;
    font-weight: 500;
    height: 42px;
    justify-content: center;
    line-height: 42px;
    padding: 0 42px;
    text-decoration: none
}

.hidden-text.second .hidden-text__button:after {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTEwIDE0IDQuOTM4IDMuOTVhLjEuMSAwIDAgMCAuMTI0IDBMMjAgMTQiIHN0cm9rZT0iIzBDMTIyQSIgc3Ryb2tlLXdpZHRoPSIxLjY4OCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+PC9zdmc+");
    background-position: 50%;
    background-repeat: no-repeat;
    content: "";
    height: 30px;
    transition: .3s;
    width: 30px
}

.hidden-text.second .hidden-text__button.active:after {
    transform: rotate(180deg)
}

.collapse-button {
    align-items: center;
    border: 1px solid #d6d6d6;
    border-radius: 100px;
    color: #0c122a;
    cursor: pointer;
    display: flex;
    font-weight: 500;
    height: 42px;
    justify-content: center;
    line-height: 42px;
    padding: 0 42px;
    text-decoration: none;
    transition: .2s
}

.collapse-button:after {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTEwIDE0IDQuOTM4IDMuOTVhLjEuMSAwIDAgMCAuMTI0IDBMMjAgMTQiIHN0cm9rZT0iIzBDMTIyQSIgc3Ryb2tlLXdpZHRoPSIxLjY4OCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+PC9zdmc+");
    background-position: 50%;
    background-repeat: no-repeat;
    content: "";
    height: 30px;
    transition: .3s;
    width: 30px
}

.collapse-button:hover {
    opacity: .8
}

.collapse-button.active:after {
    transform: rotate(180deg)
}

.text-block {
    margin-bottom: 20px
}

.text-block:first-of-type {
    margin-top: 40px
}

@media screen and (max-width:991.98px) {
    .text-block:first-of-type {
        margin-top: 20px
    }
}

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

.text-block__description {
    color: #6948eb;
    font-size: 18px;
    font-weight: 700;
    line-height: 120%;
    margin-bottom: 25px
}

.accordion {
    margin-bottom: 20px
}

.accordion:first-of-type {
    margin-top: 40px
}

@media screen and (max-width:991.98px) {
    .accordion:first-of-type {
        margin-top: 20px
    }
}

.accordion:last-child {
    margin-bottom: 0
}

.accordion__wrap {
    background: #fefefe;
    border-radius: 10px;
    width: 100%
}

.accordion__title {
    cursor: pointer;
    font-size: 20px;
    font-weight: 700;
    line-height: 130%;
    padding: 25px 60px 25px 20px;
    position: relative
}

.accordion__title:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='30' height='30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='15' cy='15' r='15' fill='%23F8F8F8'/%3E%3Cpath d='m10 14 4.938 3.95a.1.1 0 0 0 .124 0L20 14' stroke='%230C122A' stroke-width='1.688' stroke-linecap='round'/%3E%3C/svg%3E");
    background-position: 0 0;
    background-repeat: no-repeat;
    content: "";
    height: 30px;
    position: absolute;
    right: 20px;
    top: calc(50% - 15px);
    transition: .3s;
    width: 30px
}

.accordion__title.active:after {
    transform: rotate(180deg)
}

.accordion__content {
    padding: 0 20px 25px
}

.app .container {
    max-width: 1270px
}

.app__wrap {
    align-items: center;
    background-image: url(../images/app-bg.webp);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 30px;
    display: flex;
    flex-direction: column;
    height: 530px;
    justify-content: center;
    margin: 50px 0;
    width: 100%
}

@media screen and (max-width:767.98px) {
    .app__wrap {
        height: auto;
        margin: 40px 0;
        padding: 40px 15px 30px
    }
}

.app .qr-code {
    height: 114px;
    width: 114px
}

.app__text {
    margin-top: 10px;
    max-width: 700px;
    text-align: center
}

.app__text>* {
    margin-bottom: 10px
}

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

@media screen and (max-width:575.98px) {
    .app__text br {
        display: none
    }
}

.app__list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
    margin-top: 30px
}

.app__list__item {
    display: flex;
    transition: .2s
}

.app__list__item:hover {
    opacity: .8
}

@media screen and (max-width:575.98px) {
    .app__list__item {
        height: 40px
    }
}

@media screen and (min-width:991.98px) {
    .app__list__item:nth-child(1n) {
        animation-delay: 0s
    }

    .app__list__item:nth-child(2n) {
        animation-delay: .3s
    }

    .app__list__item:nth-child(3n) {
        animation-delay: .6s
    }
}

.relinking__relinking-list {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center
}

.relinking__relinking-list a {
    background-color: #f1f7fc;
    border-radius: 12px;
    color: #0c122a;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    padding: 12px 24px;
    text-decoration: none;
    transition: .2s
}

.relinking__relinking-list a:hover {
    color: #6948eb
}

.modal-window {
    align-items: center;
    background: #fff;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    left: 50%;
    max-width: calc(100% - 30px);
    opacity: 0;
    padding: 40px;
    position: fixed;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: .4s;
    visibility: hidden;
    width: 562px;
    z-index: 30
}

@media screen and (max-width:767.98px) {
    .modal-window {
        padding: 16px
    }
}

.modal-window .h3 {
    font-size: 32px;
    font-weight: 700;
    line-height: 140%;
    margin: 0;
    text-align: center
}

@media screen and (max-width:767.98px) {
    .modal-window .h3 {
        font-size: 24px
    }
}

.modal-window .button {
    margin-top: 32px;
    width: 100%
}

@media screen and (max-width:767.98px) {
    .modal-window .button {
        margin-top: 20px
    }
}

.modal-window .button:after {
    content: url(../images/flag-mx.svg);
    display: inline-block;
    margin-left: 4px;
    transform: translateY(3px)
}

.modal-window .button.transparent {
    margin-top: 12px;
    padding-left: 0;
    padding-right: 0
}

@media screen and (max-width:767.98px) {
    .modal-window .button.transparent {
        margin-top: 4px
    }
}

.modal-window .button.transparent:after {
    content: url(../images/flag-co.svg)
}

.modal-window.open {
    opacity: 1;
    visibility: visible
}

.overlay {
    background: rgba(12, 12, 42, .4);
    height: 100%;
    left: 0;
    opacity: 0;
    position: fixed;
    top: 0;
    transition: .4s;
    visibility: hidden;
    width: 100%;
    z-index: 20
}

.overlay.open {
    opacity: 1;
    visibility: visible
}

.unsubscribe {
    font-size: 20px
}

.unsubscribe .container {
    align-items: center;
    display: flex;
    flex-wrap: wrap
}

.unsubscribe .h2 {
    margin-bottom: 20px
}

.unsubscribe .subtitle {
    font-size: 20px;
    font-weight: 500
}

.unsubscribe label {
    display: block;
    margin-bottom: 15px
}

.unsubscribe input[type=text] {
    border-radius: 10px;
    display: block;
    font-size: 16px;
    font-weight: 600;
    padding: 13px;
    width: 100%
}

.unsubscribe label {
    font-size: 18px
}

.unsubscribe input[type=text] {
    border: 1px solid #0c122a;
    margin-top: 10px;
    max-width: 400px;
    outline: 0
}

.unsubscribe .content {
    padding: 80px 0;
    width: calc(50% - 15px)
}

@media screen and (max-width:991.98px) {
    .unsubscribe .content {
        padding: 50px 0;
        width: 100%
    }
}

.unsubscribe .image {
    width: calc(50% - 15px)
}

.unsubscribe .image img {
    max-width: 100%
}

@media screen and (max-width:991.98px) {
    .unsubscribe .image {
        display: none
    }
}

.unsubscribe__success {
    display: none
}

.posts {
    border-bottom: 1px solid #dfe9f3;
    padding-bottom: 100px
}

@media screen and (max-width:767.98px) {
    .posts {
        padding-bottom: 40px
    }
}

.posts .h2 {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between;
    margin-bottom: 60px;
    width: 100%
}

@media screen and (max-width:767.98px) {
    .posts .h2 {
        margin-bottom: 30px
    }
}

.posts__list {
    display: flex;
    flex-wrap: wrap;
    gap: 30px
}

@media screen and (max-width:767.98px) {
    .posts__list {
        flex-direction: column
    }
}

.posts__list__item {
    align-items: flex-end;
    border-radius: 24px;
    display: flex;
    flex: 1 1 0;
    height: 400px;
    overflow: hidden;
    padding: 48px;
    position: relative;
    text-decoration: none;
    transition: .4s
}

@media screen and (max-width:767.98px) {
    .posts__list__item {
        flex: initial !important;
        height: 88px;
        padding: 24px
    }
}

.posts__list__item.active {
    flex: 0 0 65%
}

@media screen and (max-width:767.98px) {
    .posts__list__item.active {
        height: 400px
    }
}

.posts__list__item.active .content {
    opacity: 1;
    transition: .2s;
    transition-delay: .4s;
    visibility: visible
}

.posts__list__item .image,
.posts__list__item .image:before {
    height: 100%;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%
}

.posts__list__item .image:before {
    background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .9));
    content: ""
}

.posts__list__item .image img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%;
    z-index: -1
}

.posts__list__item .content {
    opacity: 0;
    padding-right: 70px;
    position: relative;
    transition-delay: 0s;
    transition: .2s;
    visibility: hidden;
    width: 100%
}

@media screen and (max-width:767.98px) {
    .posts__list__item .content {
        padding-right: 54px
    }
}

.posts__list__item .content .title {
    color: #e9e9e9;
    font-size: 20px;
    font-weight: 700;
    max-width: 480px
}

.posts__list__item .content .desc {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #e9e9e9;
    display: -webkit-box;
    font-size: 16px;
    font-weight: 400;
    margin-top: 12px;
    max-width: 480px;
    overflow: hidden;
    text-overflow: ellipsis
}

@media screen and (max-width:767.98px) {
    .posts__list__item .content .desc {
        -webkit-line-clamp: 5
    }
}

.posts__list__item .content:after {
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background-color: hsla(0, 0%, 100%, .2);
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath d='M5.47 17.47a.75.75 0 1 0 1.06 1.06l6.97-6.97 3.97 3.97a.75.75 0 0 0 1.28-.53V6a.75.75 0 0 0-.75-.75H9a.75.75 0 0 0-.53 1.28l3.97 3.97-6.97 6.97Z' fill='%23FEFEFE'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    border-radius: 50%;
    bottom: 0;
    content: "";
    height: 56px;
    position: absolute;
    right: 0;
    width: 56px
}

@media screen and (max-width:767.98px) {
    .posts__list__item .content:after {
        background-size: 20px;
        height: 44px;
        width: 44px
    }
}

@media screen and (min-width:991.98px) {
    .posts__list__item:nth-child(0n) {
        animation-delay: -.6s
    }

    .posts__list__item:nth-child(1n) {
        animation-delay: 0s
    }

    .posts__list__item:nth-child(2n) {
        animation-delay: .6s
    }

    .posts__list__item:nth-child(3n) {
        animation-delay: 1.2s
    }
}

.faqs {
    padding-top: 100px
}

@media screen and (max-width:991.98px) {
    .faqs {
        padding-top: 40px
    }
}

.faqs .container {
    max-width: 1270px
}

@media screen and (max-width:767.98px) {
    .faqs .container {
        padding: 0
    }
}

.faqs.bg .faqs__wrap {
    align-items: center;
    background: linear-gradient(0deg, #f1f7fc, #f1f7fc), #fcf8f3;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 auto;
    overflow: hidden;
    padding: 80px;
    position: relative;
    width: 100%
}

@media screen and (max-width:767.98px) {
    .faqs.bg .faqs__wrap {
        padding: 32px 15px
    }
}

.faqs.bg .faqs__wrap:after {
    background-image: url(../images/faqs-bg1.webp), url(../images/faqs-bg2.webp);
    background-position: 100% 0, 0 100%;
    background-repeat: no-repeat, no-repeat;
    background-size: contain;
    content: "";
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%
}

@media screen and (max-width:767.98px) {
    .faqs.bg .faqs__wrap:after {
        content: none
    }
}

.faqs.bg .faqs__list {
    width: 710px
}

.faqs.list .faqs__list__item {
    background: #f1f7fc;
    border-radius: 10px;
    margin-top: 20px;
    padding: 25px 20px
}

.faqs.list .faqs__list__item .question:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' fill='none'%3E%3Ccircle cx='15' cy='15' r='15' fill='%23fff'/%3E%3Cpath d='m10 14 4.938 3.95a.1.1 0 0 0 .124 0L20 14' stroke='%230C122A' stroke-width='1.688' stroke-linecap='round'/%3E%3C/svg%3E");
    height: 30px;
    width: 30px
}

.faqs__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 10px;
    max-width: 100%
}

.faqs__list__item {
    list-style-type: none;
    margin-top: 32px;
    width: 100%
}

@media screen and (max-width:767.98px) {
    .faqs__list__item {
        margin-top: 24px
    }
}

.faqs__list__item .question {
    align-items: center;
    color: #0c122a;
    cursor: pointer;
    display: flex;
    font-size: 20px;
    font-weight: 700;
    gap: 14px;
    justify-content: space-between;
    margin: 0;
    transition: .2s
}

.faqs__list__item .question:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath d='m12.37 15.835 6.43-6.63C19.201 8.79 18.958 8 18.43 8H5.57c-.528 0-.771.79-.37 1.205l6.43 6.63c.213.22.527.22.74 0Z' fill='%232A3040'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 24px;
    min-width: 24px;
    transition: .3s;
    width: 24px
}

.faqs__list__item .question.active:after {
    transform: rotate(180deg)
}

.faqs__list__item .question:hover {
    opacity: .8
}

.faqs__list__item .answer {
    color: #6a727e;
    margin-top: 12px
}

.faqs .button {
    margin-top: 40px
}

@media screen and (max-width:767.98px) {
    .faqs .button {
        margin-top: 32px
    }
}

.faqs .collapse-button {
    margin-top: 30px
}

.apps-section__image {
    display: flex
}

.apps-section__tabs {
    align-items: center;
    background: #f7f7fa;
    border-radius: 100px;
    display: flex;
    flex-direction: row;
    gap: 5px;
    margin-bottom: 30px;
    padding: 5px 8px
}

@media screen and (max-width:575.98px) {
    .apps-section__tabs {
        gap: 0;
        padding: 6px
    }
}

.apps-section__tabs-item {
    align-items: center;
    border-radius: 100px;
    cursor: pointer;
    display: flex;
    flex: 1 0 auto;
    flex-direction: row;
    font-size: 16px;
    gap: 5px;
    height: 40px;
    justify-content: center;
    line-height: 40px;
    padding: 8px 16px;
    transition: .3s
}

@media screen and (max-width:575.98px) {
    .apps-section__tabs-item {
        font-size: 14px;
        height: 34px;
        line-height: 34px;
        padding: 0
    }

    .apps-section__tabs-item img {
        height: 14px
    }
}

@media screen and (max-width:369.98px) {
    .apps-section__tabs-item {
        font-size: 12px;
        height: 26px;
        line-height: 26px
    }

    .apps-section__tabs-item img {
        height: 12px
    }
}

.apps-section__tabs-item.active {
    background: #fff;
    font-weight: 600;
    pointer-events: none
}

.apps-section__list-item {
    align-items: flex-start;
    display: none;
    flex-wrap: wrap;
    gap: 14px;
    justify-content: space-between;
    transition: .3s;
    width: 100%
}

.apps-section__list-item.active {
    display: flex
}

.apps-section__text {
    margin-right: auto
}

@media screen and (max-width:575.98px) {
    .apps-section__text {
        width: calc(100% - 90px)
    }
}

.apps-section__text .title {
    color: #000;
    font-size: 16px;
    font-weight: 700;
    margin: 0
}

.apps-section__text .desc {
    color: #059436;
    font-size: 12px;
    font-weight: 500;
    margin-top: 2px
}

.apps-section__text .list {
    align-items: center;
    color: #071b3a;
    display: flex;
    font-size: 16px;
    font-weight: 600;
    margin: 12px 0 0;
    padding: 0
}

.apps-section__text .list li {
    list-style-type: none;
    position: relative;
    text-align: center
}

.apps-section__text .list li+li {
    padding-left: 24px
}

.apps-section__text .list li+li:before {
    background-color: #071b3a;
    content: "";
    height: calc(100% - 16px);
    left: 12px;
    opacity: .1;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1px
}

.apps-section__text .list div {
    color: #939db8;
    font-size: 10px;
    font-weight: 500
}

.apps-section__link {
    align-items: center;
    display: flex;
    justify-content: center
}

@media screen and (max-width:575.98px) {
    .apps-section__link {
        background-color: #100f0d;
        border-radius: 4px;
        height: 40px;
        width: 100%
    }
}

.apps-section__link img {
    max-height: 100%
}

.apps-section__gallery-wrap {
    overflow: hidden
}

.apps-section__gallery {
    margin-top: 33px;
    overflow: visible !important;
    padding-right: 150px;
    width: 100%
}

@media screen and (max-width:1199.98px) {
    .apps-section__gallery {
        padding-right: 90px
    }
}

@media screen and (max-width:767.98px) {
    .apps-section__gallery {
        margin-right: -15px;
        margin-top: 24px;
        padding-right: 60px;
        width: calc(100% + 15px)
    }
}

.apps-section__gallery-item {
    position: relative
}

.apps-section__gallery-item:after {
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #fff);
    bottom: 0;
    content: "";
    height: 90px;
    left: 0;
    pointer-events: none;
    position: absolute;
    width: 100%;
    z-index: 1
}

.image-text {
    padding-top: 40px
}

.image-text__list {
    display: flex;
    flex-wrap: wrap;
    gap: 40px 30px;
    list-style-type: none;
    margin-top: 40px
}

@media screen and (max-width:767.98px) {
    .image-text__list {
        gap: 30px;
        margin-top: 30px
    }
}

.image-text__item {
    width: calc(50% - 15px)
}

@media screen and (max-width:767.98px) {
    .image-text__item {
        width: 100%
    }
}

.image-text__head {
    align-items: center;
    display: flex;
    gap: 16px
}

.image-text__title {
    color: #0c122a;
    font-size: 20px;
    font-weight: 700
}

.image-text__desc {
    color: #6a727e;
    font-size: 16px;
    font-weight: 400;
    margin-top: 16px
}

.image-text .collapse-button {
    margin-top: 30px
}

.tabs-section__nav ul {
    background: #f7f7fa;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 5px;
    list-style-type: none;
    padding: 5px 8px
}

.tabs-section__nav ul,
.tabs-section__nav-item {
    align-items: center;
    border-radius: 100px;
    display: flex
}

.tabs-section__nav-item {
    color: #0c122a;
    cursor: pointer;
    flex: 1 0 auto;
    font-size: 16px;
    height: 40px;
    justify-content: center;
    padding: 0 16px;
    transition: .2s
}

.tabs-section__nav-item:hover {
    opacity: .8
}

.tabs-section__nav-item.active {
    background-color: #fff;
    font-weight: 600
}

.tabs-section__list {
    list-style-type: none;
    margin-top: 20px
}

.tabs-section__list-item {
    color: #6a727e;
    display: none;
    font-size: 16px;
    font-weight: 400
}

.tabs-section__list-item.active {
    display: block
}

.page {
    padding: 40px 0 0
}

@media screen and (max-width:991.98px) {
    .page {
        display: block;
        padding: 20px 0 0
    }
}

.page .container {
    display: flex;
    flex-wrap: wrap;
    gap: 30px
}

@media screen and (max-width:991.98px) {
    .page .container {
        display: block
    }
}

.page__left {
    width: calc(100% - 370px)
}

@media screen and (max-width:991.98px) {
    .page__left {
        margin: 0 0 40px;
        width: 100%
    }
}

.page__left section {
    padding: 30px 0 !important
}

.page__right {
    flex: 0 0 340px
}

.page__right .calc-wrap {
    position: sticky;
    top: 170px
}

.info-page .banner {
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 10px;
    min-height: 360px;
    padding: 40px 45px
}

@media screen and (max-width:767.98px) {
    .info-page .banner {
        min-height: auto;
        padding: 16px 10px
    }
}

.info-page .banner__title {
    margin-bottom: 20px;
    padding: 0;
    position: inherit
}

@media screen and (max-width:767.98px) {
    .info-page .banner__title {
        margin-bottom: 8px
    }
}

@media screen and (max-width:575.98px) {
    .info-page .banner__title {
        font-size: 18px
    }
}

.info-page .banner__under-title {
    font-size: 20px;
    font-weight: 500
}

@media screen and (max-width:767.98px) {
    .info-page .banner__under-title {
        font-size: 12px
    }
}

.info-page .page__text {
    margin: 40px 0 70px
}

.info-page .button-up {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik02LjkyOSA0MS4wNzFDNCAzOC4xNDIgNCAzMy40MjggNCAyNFM0IDkuODU4IDYuOTI5IDYuOTI5QzkuODU4IDQgMTQuNTcyIDQgMjQgNHMxNC4xNDIgMCAxNy4wNzEgMi45MjlDNDQgOS44NTggNDQgMTQuNTcyIDQ0IDI0czAgMTQuMTQyLTIuOTI5IDE3LjA3MUMzOC4xNDIgNDQgMzMuNDI4IDQ0IDI0IDQ0UzkuODU4IDQ0IDYuOTI5IDQxLjA3MVptMTAuMDEtMTMuMDFhMS41IDEuNSAwIDAgMCAyLjEyMiAwTDI0IDIzLjEybDQuOTQgNC45NGExLjUgMS41IDAgMCAwIDIuMTItMi4xMjJsLTYtNmExLjUgMS41IDAgMCAwLTIuMTIgMGwtNiA2YTEuNSAxLjUgMCAwIDAgMCAyLjEyMloiIGZpbGw9IiMwQzEyMkEiIG9wYWNpdHk9Ii40Ii8+PC9zdmc+");
    bottom: 20px;
    display: none;
    height: 48px;
    opacity: 0;
    position: fixed;
    right: 20px;
    width: 48px
}

@media screen and (max-width:767.98px) {
    .info-page .button-up {
        display: block
    }
}

.blog__list {
    display: flex;
    flex-wrap: wrap;
    gap: 30px
}

@media screen and (max-width:1199.98px) {
    .blog__list {
        gap: 16px
    }
}

.blog__item {
    border-radius: 10px;
    display: block;
    text-decoration: none;
    width: calc(50% - 15px)
}

@media screen and (max-width:1199.98px) {
    .blog__item {
        width: calc(50% - 8px)
    }
}

@media screen and (max-width:575.98px) {
    .blog__item {
        width: 100%
    }
}

.blog__item:hover img {
    transform: scale(1.1)
}

.blog__image {
    border-radius: 10px;
    height: 180px;
    overflow: hidden
}

.blog__image img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    transition: .3s;
    width: 100%
}

.blog__title {
    color: #0c122a;
    font-size: 20px;
    font-weight: 700;
    margin-top: 12px
}

.blog__desc {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #6a727e;
    display: -webkit-box;
    font-size: 16px;
    font-weight: 400;
    margin-top: 12px;
    overflow: hidden;
    text-overflow: ellipsis
}

.blog__content {
    color: #282828
}

.blog__content iframe {
    margin: 0 auto;
    max-width: 100%;
    text-align: center
}

.blog__pagination {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-top: 30px
}

.blog__pagination .page-numbers {
    color: #697395;
    font-size: 16px;
    font-weight: 700;
    line-height: 120%;
    margin: 0 12.5px;
    text-decoration: none
}

.blog__pagination .page-numbers.current {
    color: #6948eb
}

.blog__pagination .next,
.blog__pagination .prev {
    background: #fefefe;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.088 1.078a.75.75 0 1 0-1.06 1.06L8.889 5H.8a.75.75 0 0 0 0 1.5h8.09L6.027 9.361a.75.75 0 1 0 1.06 1.06l4.142-4.14a.75.75 0 0 0 0-1.061L7.088 1.078Z' fill='%230C122A'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    border-radius: 50%;
    height: 40px;
    width: 40px
}

.blog__pagination .prev {
    transform: rotate(180deg)
}

.blog__back {
    color: #6948eb;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    line-height: 140%;
    margin-top: 20px
}

.blog-single {
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 10px;
    min-height: 360px;
    padding: 40px 45px
}

@media screen and (max-width:767.98px) {
    .blog-single {
        min-height: auto;
        padding: 16px 10px
    }
}

.blog-single h1.blog-single__title {
    margin-bottom: 20px;
    padding: 0;
    position: inherit
}

@media screen and (max-width:575.98px) {
    .blog-single h1.blog-single__title {
        font-size: 18px;
        margin-bottom: 8px
    }
}

.blog-single__under-title {
    font-size: 20px;
    font-weight: 500
}

@media screen and (max-width:767.98px) {
    .blog-single__under-title {
        font-size: 12px
    }
}

.blog-single__image {
    padding: 40px 0
}

@media screen and (max-width:767.98px) {
    .blog-single__image {
        padding: 24px 0
    }
}

.blog-single .page__text {
    line-height: 150%;
    margin-bottom: 70px
}

@media screen and (max-width:767.98px) {
    .blog-single .page__text {
        margin-bottom: 32px
    }
}

.blog-single .button-up {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik02LjkyOSA0MS4wNzFDNCAzOC4xNDIgNCAzMy40MjggNCAyNFM0IDkuODU4IDYuOTI5IDYuOTI5QzkuODU4IDQgMTQuNTcyIDQgMjQgNHMxNC4xNDIgMCAxNy4wNzEgMi45MjlDNDQgOS44NTggNDQgMTQuNTcyIDQ0IDI0czAgMTQuMTQyLTIuOTI5IDE3LjA3MUMzOC4xNDIgNDQgMzMuNDI4IDQ0IDI0IDQ0UzkuODU4IDQ0IDYuOTI5IDQxLjA3MVptMTAuMDEtMTMuMDFhMS41IDEuNSAwIDAgMCAyLjEyMiAwTDI0IDIzLjEybDQuOTQgNC45NGExLjUgMS41IDAgMCAwIDIuMTItMi4xMjJsLTYtNmExLjUgMS41IDAgMCAwLTIuMTIgMGwtNiA2YTEuNSAxLjUgMCAwIDAgMCAyLjEyMloiIGZpbGw9IiMwQzEyMkEiIG9wYWNpdHk9Ii40Ii8+PC9zdmc+");
    bottom: 20px;
    display: none;
    height: 48px;
    opacity: 0;
    position: fixed;
    right: 20px;
    width: 48px
}

@media screen and (max-width:767.98px) {
    .blog-single .button-up {
        display: block
    }
}

@media screen and (max-width:991.98px) {
    .blog-single .relinking {
        padding-bottom: 0
    }
}

@media screen and (max-width:767.98px) {
    .blog-single .page__right {
        padding-bottom: 40px
    }
}

.page-404 {
    padding: 130px 0
}

@media screen and (max-width:991.98px) {
    .page-404 {
        padding: 80px 0
    }
}

.page-404 .container {
    align-items: center;
    display: flex;
    flex-direction: column;
    text-align: center
}

.page-404 .error-code {
    margin: 0 auto
}

.page-404__title {
    font-size: 32px;
    font-weight: 700;
    line-height: 130%;
    margin-top: 40px
}

@media screen and (max-width:991.98px) {
    .page-404__title {
        font-size: 20px
    }
}

.page-404__text {
    font-size: 14px;
    line-height: 140%;
    margin-top: 15px
}

.page-404__button {
    margin-top: 30px;
    max-width: 100%;
    width: 300px
}
.chat-icon {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 1000;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    margin: 0;
    padding: 0;
    background-color: #6a67ce;
    border-radius: 18px;
    overflow: hidden;
}