/*!********************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/main.scss ***!
  \********************************************************************************************************/

@charset "UTF-8";
:root {
    --main-bg-color: #F1F5FF;
    --main-header-background-color: #222A39;
    --switch-shadow-color: rgba(0, 0, 0, 0.73);
    --switch-border-color: #3E4A5B;
    --menu-link-color: #ffffff;
    --footer-menu-link-color: #ffffff;
    --main-font-color: #ffffff;
    --first-shadow-color: rgba(61, 95, 247, 0.50);
    --second-shadow-color: rgba(40, 54, 102, 0.50);
    --menu-drop-down-bg: rgba(255, 255, 255, 0.10);
    --menu-drop-down-blur: 35px;
    --review-slider-item-bg: rgba(255, 255, 255, 0.10);
    --table-head-block-bg: rgba(255, 255, 255, 0.20);
    --table-row-title-bg: rgba(255, 255, 255, 0.20);
    --table-content-bg: rgba(255, 255, 255, 0.10);
    --swap-token-item-bg: rgba(255, 255, 255, 0.10);
    --hero-item-shadow: 0px -4px 64.4px 0px rgba(0, 0, 0, 0.45);
    --home-banner-shadow: 0px -4px 64.4px 0px rgba(0, 0, 0, 0.45);
    --open-mobile-menu: #ffffff;
    --mobile-menu-bg: #222A39;
    --table-arrow-bg: #ffffff;
    --mobile-menu-close: #ffffff;
    --second-color: #161618;
    --mute-color: #313136;
    --main-text-color: rgba(255, 255, 245, .86);
    --second-text-color: rgba(235, 235, 245, .6);
    --hero-name-background: linear-gradient(120deg, #bd34fe 30%, #41d1ff);
    --brand-color: #646cff;
    --brand-light-color: #747bff
}

[data-theme=light] {
    --main-bg-color: #F1F5FF;
    --main-header-background-color: #ffffff;
    --switch-shadow-color: rgba(0, 0, 0, 0.08);
    --switch-border-color: #E4E4E4;
    --menu-link-color: #2F3A61;
    --main-font-color: #2F3A61;
    --footer-menu-link-color: #2F3A61;
    --first-shadow-color: #E4EEFF;
    --second-shadow-color: #FFF;
    --menu-drop-down-bg: rgba(72, 86, 106, 0.69);
    --menu-drop-down-blur: 15px;
    --review-slider-item-bg: #ffffff;
    --table-head-block-bg: rgba(255, 255, 255);
    --table-row-title-bg: rgba(255, 255, 255);
    --table-content-bg: rgba(255, 255, 255, 0.6);
    --swap-token-item-bg: rgba(255, 255, 255, 0.10);
    --hero-item-shadow: 0px 16px 30px 0px rgba(0, 0, 0, 0.10);
    --home-banner-shadow: 0px 16px 30px 0px rgba(0, 0, 0, 0.10);
    --open-mobile-menu: #2F3A61;
    --mobile-menu-bg: #ffffff;
    --table-arrow-bg: #2F3A61;
    --mobile-menu-close: #222A39;
    --main-color: rgba(255, 255, 245, .86);
    --second-color: #fff;
    --mute-color: rgba(235, 235, 245, .6);
    --main-text-color: #161618;
    --second-text-color: #1e1e20
}

* {
    box-sizing: border-box
}

body {
    font-family: "Plus Jakarta Sans", sans-serif;
    background-color: var(--main-bg-color);
    position: relative
}

.dark {
    color-scheme: dark
}

.d-flex {
    display: flex
}

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

a {
    text-decoration: none
}

.no-scroll {
    overflow: hidden;
    height: 100%
}

.menu-open {
    position: fixed;
    width: 100%;
    overflow: hidden
}

.mobile-menu {
    overflow-y: auto !important;
    max-height: 100vh !important
}

.sBlogTop__title {
    color: var(--main-font-color)
}

.sBlogTop__socials .sBlogTop__socialsItem a .mts_light_hidden svg path {
    fill: var(--main-font-color)
}

.faq,
.faq_single {
    background: 0 0 !important
}

.sBlogTop__desc p {
    color: var(--main-font-color)
}

.sBlogTop__joinTitle {
    color: var(--main-font-color)
}

.bestArticles__title {
    color: var(--main-font-color)
}

.bestArticles__itemTitle a {
    color: var(--main-font-color)
}

.sp__title,
.sp__excerpt,
.sp__content,
.sp__authorName,
.sRelatedPosts__title {
    color: var(--main-font-color)
}

.sp__authorInfo {
    color: var(--main-font-color)
}

.blog_archive_title {
    color: var(--main-font-color) !important
}

.blog_archive_description p {
    color: var(--main-font-color) !important
}

.breadcrumbs__link span {
    color: var(--main-font-color) !important
}

.breadcrumbs__current {
    color: var(--main-font-color) !important
}

.faq_single_inner h1 {
    color: var(--main-font-color) !important
}

.faq_single_ts {
    color: var(--main-font-color) !important
}

.faq_single_content p {
    color: var(--main-font-color) !important
}

.faq_single_content ul li {
    color: var(--main-font-color) !important
}

.faq_single_content ol li {
    color: var(--main-font-color) !important
}

.faq_single_related_title {
    color: var(--main-font-color) !important
}

.faq_single_related_subtitle rect {
    fill: var(--main-font-color)
}

.faq_single_stitle path {
    stroke: var(--main-font-color)
}

.switch {
    text-align: right
}

.switch__box {
    display: inline-block
}

.switch__box input {
    position: absolute;
    z-index: -1;
    opacity: 0
}

.switch__box input:checked+label::before {
    right: calc(100% - 27px);
    background: url(assets/images/switcher-dark.087b1ae11f.png), linear-gradient(129deg, #099fc0 -17.03%, #8358ff 96.4%);
    background-repeat: no-repeat;
    background-position: center
}

.switch__box label {
    display: inline-block;
    cursor: pointer;
    width: 60px;
    height: 32px;
    border-radius: 32px;
    background: var(--mute-color);
    box-shadow: 0 0 22.6px 4px var(--switch-shadow-color) inset;
    border: 1px solid var(--switch-border-color);
    position: relative
}

.switch__box label::before {
    content: "";
    position: absolute;
    top: 3px;
    right: 3px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: url(assets/images/switcher-light.936bb2be12.png), linear-gradient(129deg, #099fc0 -17.03%, #8358ff 96.4%);
    background-repeat: no-repeat;
    background-position: center;
    transition: all .3s ease
}

.main-header {
    position: sticky;
    top: 0;
    z-index: 1000;
    padding: 11px 0
}

.main-header__container {
    width: 100%;
    max-width: 1391px;
    padding: 0 38px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media (max-width:768px) {
    .main-header__container {
        padding: 0 22px
    }
}

.main-header__logo svg {
    width: 160px;
    height: 43px
}

@media (max-width:768px) {
    .main-header__logo svg {
        width: 114px;
        height: 31px
    }
}

.main-header__menu-wrapper {
    width: 100%;
    max-width: 600px
}

@media (max-width:1024px) {
    .main-header__menu-wrapper {
        display: none
    }
}

@media (max-width:1024px) {
    .main-header__download-wrapper {
        margin-left: auto;
        margin-right: 20px
    }
}

.main-header__download-link {
    background: radial-gradient(50% 50%at 50% 50%, #587eff 47%, #5478f4 100%);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 18.725px;
    display: flex;
    align-items: center;
    gap: 10px;
    color: #fff;
    padding: 8px 20px;
    border-radius: 26px;
    box-shadow: 0 16px 30px 0 rgb(0 0 0/.1);
    position: relative
}

.main-header__download-link:hover {
    background: radial-gradient(50% 50%at 50% 50%, rgb(88 126 255/.8) 47%, rgb(84 120 244/.8) 100%);
    box-shadow: 0 16px 30px 0 rgb(0 0 0/.1);
    color: #fff !important
}

@media (max-width:768px) {
    .main-header__download-link {
        font-size: 14px;
        padding: 6px 15px;
        gap: 7px
    }
}

.main-header__download-link-icon {
    position: relative;
    top: 2px
}

@media (max-width:1024px) {
    .main-header__switch-wrapper {
        display: none
    }
}

.main-header__mobile-menu {
    display: none
}

@media (max-width:1024px) {
    .main-header__mobile-menu {
        display: block
    }
}

.main-header__mobile-menu-button svg path {
    fill: var(--open-mobile-menu)
}

.main-header__logo {
    display: none
}

.main-header__logo.active {
    display: block
}

.main-menu__list {
    list-style: none;
    display: flex;
    position: relative;
    justify-content: space-between
}

.main-menu__list-item {
    position: relative;
    padding-left: 30px
}

.main-menu__list-item::after {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 2px;
    display: none;
    background-repeat: no-repeat
}

.main-menu__list-item:nth-child(1)::after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IkZyYW1lIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTE3LjYyNSA0Ljg5MzU0TDEwLjc1IDEuMTMwMjZDMTAuNTIwMiAxLjAwMzgxIDEwLjI2MjMgMC45Mzc1IDEwIDAuOTM3NUM5LjczNzc1IDAuOTM3NSA5LjQ3OTc1IDEuMDAzODEgOS4yNSAxLjEzMDI2TDIuMzc1IDQuODkzNTRDMi4xMjkgNS4wMjgxNCAxLjkyMzc1IDUuMjI2NDYgMS43ODA3OSA1LjQ2NzdDMS42Mzc4NCA1LjcwODk1IDEuNTYyNDQgNS45ODQyMSAxLjU2MjUgNi4yNjQ2M1YxMy43MzQ5QzEuNTYyNDQgMTQuMDE1NCAxLjYzNzg0IDE0LjI5MDYgMS43ODA3OSAxNC41MzE5QzEuOTIzNzUgMTQuNzczMSAyLjEyOSAxNC45NzE0IDIuMzc1IDE1LjEwNkw5LjI1IDE4Ljg2OTNDOS40Nzk3MSAxOC45OTU5IDkuNzM3NzIgMTkuMDYyMyAxMCAxOS4wNjIzQzEwLjI2MjMgMTkuMDYyMyAxMC41MjAzIDE4Ljk5NTkgMTAuNzUgMTguODY5M0wxNy42MjUgMTUuMTA2QzE3Ljg3MSAxNC45NzE0IDE4LjA3NjIgMTQuNzczMSAxOC4yMTkyIDE0LjUzMTlDMTguMzYyMiAxNC4yOTA2IDE4LjQzNzYgMTQuMDE1NCAxOC40Mzc1IDEzLjczNDlWNi4yNjQ2M0MxOC40Mzc2IDUuOTg0MjEgMTguMzYyMiA1LjcwODk1IDE4LjIxOTIgNS40Njc3QzE4LjA3NjIgNS4yMjY0NiAxNy44NzEgNS4wMjgxNCAxNy42MjUgNC44OTM1NFpNMTAgMi44NTY4MkwxNS42MjUgNS45MzcyOUwxMCA5LjAxNTQxTDQuMzc1IDUuOTM3MjlMMTAgMi44NTY4MlpNMy40Mzc1IDcuNTYxNTFMOS4wNjI1IDEwLjYzOTZWMTYuNjI5NUwzLjQzNzUgMTMuNTQ5OFY3LjU2MTUxWk0xMC45Mzc1IDE2LjYyOTVWMTAuNjM5NkwxNi41NjI1IDcuNTYxNTFWMTMuNTQ5OEwxMC45Mzc1IDE2LjYyOTVaIiBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXJfNjAyOV8yMjE5MSkiLz4KPC9nPgo8ZGVmcz4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDBfbGluZWFyXzYwMjlfMjIxOTEiIHgxPSItMS43OTU2NiIgeTE9Ii0xLjQ5NTkyIiB4Mj0iMjAuMzc0NyIgeTI9IjE0Ljk4NzMiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0iIzA5OUZDMCIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiM4MzU4RkYiLz4KPC9saW5lYXJHcmFkaWVudD4KPC9kZWZzPgo8L3N2Zz4K)
}

.main-menu__list-item:nth-child(2)::after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IkZyYW1lIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTcuMzI5NjkgOS4xMTI1QzcuNDc1OTUgOS4wMzEzOCA3LjU5Nzg1IDguOTEyNjIgNy42ODI3NSA4Ljc2ODUxQzcuNzY3NjQgOC42MjQ0MSA3LjgxMjQ0IDguNDYwMjIgNy44MTI1IDguMjkyOTdWMy4xODI4MUM3LjgxMjUyIDMuMDI1NjkgNy43NzMwNCAyLjg3MTA4IDcuNjk3NzEgMi43MzMyQzcuNjIyMzcgMi41OTUzMiA3LjUxMzU4IDIuNDc4NTggNy4zODEzNSAyLjM5MzcyQzcuMjQ5MTIgMi4zMDg4NSA3LjA5NzY3IDIuMjU4NTkgNi45NDA5NCAyLjI0NzUzQzYuNzg0MjEgMi4yMzY0OCA2LjYyNzIxIDIuMjY1IDYuNDg0MzggMi4zMzA0N0M1LjAxNzQgMy4wMDU1OSAzLjc3NDM1IDQuMDg2NTggMi45MDIxNyA1LjQ0NTY3QzIuMDI5OTggNi44MDQ3NSAxLjU2NTExIDguMzg1MTMgMS41NjI1IDEwQzEuNTYyNSAxMC4yNjMzIDEuNTc1IDEwLjUyODEgMS41OTkyMiAxMC43ODkxQzEuNjEzNzMgMTAuOTQ0MSAxLjY2NjY0IDExLjA5MzEgMS43NTMxNyAxMS4yMjI2QzEuODM5NjkgMTEuMzUyMSAxLjk1NzExIDExLjQ1NzkgMi4wOTQ4MSAxMS41MzA3QzIuMjMyNTEgMTEuNjAzNCAyLjM4NjE2IDExLjY0MDcgMi41NDE4OCAxMS42MzkxQzIuNjk3NTkgMTEuNjM3NiAyLjg1MDQ4IDExLjU5NzMgMi45ODY3MiAxMS41MjE5TDcuMzI5NjkgOS4xMTI1Wk01LjkzNzUgNC44NDg0NFY3LjczOTA2TDMuNTAwNzggOS4wOTA2MkMzLjczODkgNy40MTYzOSA0LjYxMTI2IDUuODk3NjYgNS45Mzc1IDQuODQ4NDRaTTEwIDEuNTYyNUM5Ljc1MTM2IDEuNTYyNSA5LjUxMjkgMS42NjEyNyA5LjMzNzA5IDEuODM3MDlDOS4xNjEyNyAyLjAxMjkgOS4wNjI1IDIuMjUxMzYgOS4wNjI1IDIuNVY5LjQ5NDUzTDMuMDYwOTQgMTIuOTg5OEMyLjk1NDIyIDEzLjA1MiAyLjg2MDgzIDEzLjEzNDYgMi43ODYxNCAxMy4yMzNDMi43MTE0NSAxMy4zMzE0IDIuNjU2OTMgMTMuNDQzNSAyLjYyNTcxIDEzLjU2M0MyLjU5NDUgMTMuNjgyNSAyLjU4NzIgMTMuODA3IDIuNjA0MjQgMTMuOTI5M0MyLjYyMTI4IDE0LjA1MTYgMi42NjIzMiAxNC4xNjk0IDIuNzI1IDE0LjI3NThDMy40NzQxMSAxNS41NTAyIDQuNTQ0ODkgMTYuNjA1NCA1LjgzMDEgMTcuMzM1N0M3LjExNTMyIDE4LjA2NjEgOC41Njk4NiAxOC40NDYgMTAuMDQ4MSAxOC40Mzc0QzExLjUyNjMgMTguNDI4NyAxMi45NzYzIDE4LjAzMTkgMTQuMjUyOSAxNy4yODY2QzE1LjUyOTUgMTYuNTQxMyAxNi41ODc5IDE1LjQ3MzcgMTcuMzIyMSAxNC4xOTA2QzE4LjA1NjMgMTIuOTA3NiAxOC40NDA1IDExLjQ1NDIgMTguNDM2MyA5Ljk3NTk2QzE4LjQzMjEgOC40OTc3MiAxOC4wMzk2IDcuMDQ2NTMgMTcuMjk4MSA1Ljc2NzdDMTYuNTU2NiA0LjQ4ODg4IDE1LjQ5MjIgMy40MjczMSAxNC4yMTEzIDIuNjg5MjlDMTIuOTMwNSAxLjk1MTI2IDExLjQ3ODIgMS41NjI3IDEwIDEuNTYyNVpNMTAgMTYuNTYyNUM5LjAxNjczIDE2LjU1OTggOC4wNDY0OSAxNi4zMzc1IDcuMTYwMTkgMTUuOTExN0M2LjI3Mzg5IDE1LjQ4NTkgNS40OTM5MyAxNC44Njc1IDQuODc3MzQgMTQuMTAxNkwxMC40Njg4IDEwLjg0M0MxMC42MTEgMTAuNzYwOCAxMC43MjkyIDEwLjY0MjggMTAuODExNSAxMC41MDA2QzEwLjg5MzcgMTAuMzU4NCAxMC45MzcyIDEwLjE5NzEgMTAuOTM3NSAxMC4wMzI4VjMuNTAzOTFDMTIuNTgwOSAzLjczOTQ5IDE0LjA3NCA0LjU4OTIxIDE1LjExNTggNS44ODE4NUMxNi4xNTc3IDcuMTc0NDkgMTYuNjcwOCA4LjgxMzk3IDE2LjU1MiAxMC40Njk5QzE2LjQzMzEgMTIuMTI1OSAxNS42OTEgMTMuNjc1MiAxNC40NzUyIDE0LjgwNThDMTMuMjU5MyAxNS45MzY0IDExLjY2MDIgMTYuNTY0MSAxMCAxNi41NjI1WiIgZmlsbD0idXJsKCNwYWludDBfbGluZWFyXzYwNDhfOTEwMikiLz4KPC9nPgo8ZGVmcz4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDBfbGluZWFyXzYwNDhfOTEwMiIgeDE9Ii0xLjc5NTQzIiB5MT0iLTAuNzAzMTI1IiB4Mj0iMTkuMjI1MSIgeTI9IjE2LjA4MTYiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0iIzA5OUZDMCIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiM4MzU4RkYiLz4KPC9saW5lYXJHcmFkaWVudD4KPC9kZWZzPgo8L3N2Zz4K)
}

.main-menu__list-item:nth-child(3)::after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IkZyYW1lIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTEwLjAwMDEgMS41NTk1N0M4LjMzMDc5IDEuNTU5NTcgNi42OTkgMi4wNTQ1NyA1LjMxMTA1IDIuOTgxOTdDMy45MjMxIDMuOTA5MzcgMi44NDEzMiA1LjIyNzUxIDIuMjAyNTIgNi43Njk3MkMxLjU2MzcyIDguMzExOTMgMS4zOTY1OCAxMC4wMDg5IDEuNzIyMjMgMTEuNjQ2MUMyLjA0Nzg5IDEzLjI4MzMgMi44NTE3MyAxNC43ODcyIDQuMDMyMDggMTUuOTY3NUM1LjIxMjQ0IDE3LjE0NzkgNi43MTYzIDE3Ljk1MTcgOC4zNTM1IDE4LjI3NzRDOS45OTA3IDE4LjYwMzEgMTEuNjg3NyAxOC40MzU5IDEzLjIyOTkgMTcuNzk3MUMxNC43NzIxIDE3LjE1ODMgMTYuMDkwMyAxNi4wNzY1IDE3LjAxNzcgMTQuNjg4NkMxNy45NDUxIDEzLjMwMDYgMTguNDQwMSAxMS42Njg4IDE4LjQ0MDEgOS45OTk1N0MxOC40Mzc2IDcuNzYxOSAxNy41NDc2IDUuNjE2NiAxNS45NjUzIDQuMDM0MzNDMTQuMzgzIDIuNDUyMDYgMTIuMjM3NyAxLjU2MjA1IDEwLjAwMDEgMS41NTk1N1pNMTAuMDAwMSAxNi41NjRDOC43MDE3NCAxNi41NjQgNy40MzI1NyAxNi4xNzkgNi4zNTMwNSAxNS40NTc3QzUuMjczNTMgMTQuNzM2NCA0LjQzMjE1IDEzLjcxMTIgMy45MzUzMSAxMi41MTE3QzMuNDM4NDYgMTEuMzEyMiAzLjMwODQ2IDkuOTkyMjkgMy41NjE3NSA4LjcxODkxQzMuODE1MDQgNy40NDU1MyA0LjQ0MDI0IDYuMjc1ODYgNS4zNTgzIDUuMzU3ODFDNi4yNzYzNSA0LjQzOTc1IDcuNDQ2MDIgMy44MTQ1NSA4LjcxOTQgMy41NjEyNkM5Ljk5Mjc4IDMuMzA3OTcgMTEuMzEyNyAzLjQzNzk3IDEyLjUxMjIgMy45MzQ4MUMxMy43MTE3IDQuNDMxNjYgMTQuNzM2OSA1LjI3MzA0IDE1LjQ1ODIgNi4zNTI1NkMxNi4xNzk1IDcuNDMyMDggMTYuNTY0NSA4LjcwMTI0IDE2LjU2NDUgOS45OTk1N0MxNi41NjI2IDExLjc0IDE1Ljg3MDQgMTMuNDA4NiAxNC42Mzk4IDE0LjYzOTNDMTMuNDA5MSAxNS44Njk5IDExLjc0MDUgMTYuNTYyMSAxMC4wMDAxIDE2LjU2NFpNMTIuNzU2MyA2LjAxNDAxTDguMzgwMDUgNy44ODk1N0M4LjE1ODg0IDcuOTg0NDIgNy45ODI1NyA4LjE2MDY5IDcuODg3NzIgOC4zODE5TDYuMDEyMTYgMTIuNzU4MkM1LjkzOTY1IDEyLjkzMDMgNS45MjAxNyAxMy4xMjAxIDUuOTU2MjMgMTMuMzAzNEM1Ljk5MjI4IDEzLjQ4NjYgNi4wODIyMiAxMy42NTQ5IDYuMjE0NTIgMTMuNzg2N0M2LjM0NjgyIDEzLjkxODUgNi41MTU0NiAxNC4wMDc4IDYuNjk4ODMgMTQuMDQzMUM2Ljg4MjIxIDE0LjA3ODUgNy4wNzE5NiAxNC4wNTgzIDcuMjQzNzggMTMuOTg1MUwxMS42MjAxIDEyLjEwOTZDMTEuODQxMyAxMi4wMTQ3IDEyLjAxNzYgMTEuODM4NCAxMi4xMTI0IDExLjYxNzJMMTMuOTg4IDcuMjQwOTRDMTQuMDYwNSA3LjA2ODg0IDE0LjA3OTkgNi44NzkwMiAxNC4wNDM5IDYuNjk1NzhDMTQuMDA3OCA2LjUxMjU1IDEzLjkxNzkgNi4zNDQyNSAxMy43ODU2IDYuMjEyNDVDMTMuNjUzMyA2LjA4MDY1IDEzLjQ4NDcgNS45OTEzNSAxMy4zMDEzIDUuOTU2QzEzLjExNzkgNS45MjA2NSAxMi45MjgyIDUuOTQwODUgMTIuNzU2MyA2LjAxNDAxWk0xMC41MzYyIDEwLjUzOEw4LjY2MDYgMTEuMzQyMkw5LjQ2NDc1IDkuNDY2NkwxMS4zNDAzIDguNjYyNDVMMTAuNTM2MiAxMC41MzhaIiBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXJfNjg1MF81NjE2NikiLz4KPC9nPgo8ZGVmcz4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDBfbGluZWFyXzY4NTBfNTYxNjYiIHgxPSItMS43OTkwOSIgeTE9Ii0wLjcwNjcyNSIgeDI9IjE5LjIyOCIgeTI9IjE2LjA4NDMiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0iIzA5OUZDMCIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiM4MzU4RkYiLz4KPC9saW5lYXJHcmFkaWVudD4KPC9kZWZzPgo8L3N2Zz4K)
}

.main-menu__list-item:nth-child(4)::after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IkZyYW1lIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTguNDM3NSA2LjU2MjVDOC40Mzc1IDYuMzE1MjcgOC41MTA4MSA2LjA3MzYgOC42NDgxNyA1Ljg2ODA0QzguNzg1NTIgNS42NjI0OCA4Ljk4MDc0IDUuNTAyMjYgOS4yMDkxNSA1LjQwNzY1QzkuNDM3NTYgNS4zMTMwNCA5LjY4ODg5IDUuMjg4MjkgOS45MzEzNyA1LjMzNjUyQzEwLjE3MzggNS4zODQ3NSAxMC4zOTY2IDUuNTAzOCAxMC41NzE0IDUuNjc4NjJDMTAuNzQ2MiA1Ljg1MzQzIDEwLjg2NTMgNi4wNzYxNiAxMC45MTM1IDYuMzE4NjRDMTAuOTYxNyA2LjU2MTExIDEwLjkzNyA2LjgxMjQ1IDEwLjg0MjQgNy4wNDA4NUMxMC43NDc3IDcuMjY5MjYgMTAuNTg3NSA3LjQ2NDQ5IDEwLjM4MiA3LjYwMTg0QzEwLjE3NjQgNy43MzkxOSA5LjkzNDczIDcuODEyNSA5LjY4NzUgNy44MTI1QzkuMzU1OTggNy44MTI1IDkuMDM4MDQgNy42ODA4IDguODAzNjIgNy40NDYzOEM4LjU2OTIgNy4yMTE5NiA4LjQzNzUgNi44OTQwMiA4LjQzNzUgNi41NjI1Wk0xOC40Mzc1IDEwQzE4LjQzNzUgMTEuNjY4OCAxNy45NDI3IDEzLjMwMDEgMTcuMDE1NSAxNC42ODc2QzE2LjA4ODQgMTYuMDc1MiAxNC43NzA2IDE3LjE1NjYgMTMuMjI4OSAxNy43OTUyQzExLjY4NzEgMTguNDMzOCA5Ljk5MDY0IDE4LjYwMDkgOC4zNTM5MyAxOC4yNzU0QzYuNzE3MjEgMTcuOTQ5OCA1LjIxMzggMTcuMTQ2MiA0LjAzMzc5IDE1Ljk2NjJDMi44NTM3OSAxNC43ODYyIDIuMDUwMTkgMTMuMjgyOCAxLjcyNDYzIDExLjY0NjFDMS4zOTkwNyAxMC4wMDk0IDEuNTY2MTYgOC4zMTI4NiAyLjIwNDc3IDYuNzcxMTFDMi44NDMzOCA1LjIyOTM2IDMuOTI0ODQgMy45MTE2IDUuMzEyMzggMi45ODQ0OEM2LjY5OTkyIDIuMDU3MzUgOC4zMzEyMiAxLjU2MjUgMTAgMS41NjI1QzEyLjIzNyAxLjU2NDk4IDE0LjM4MTcgMi40NTQ3MyAxNS45NjM1IDQuMDM2NTNDMTcuNTQ1MyA1LjYxODMzIDE4LjQzNSA3Ljc2MyAxOC40Mzc1IDEwWk0xNi41NjI1IDEwQzE2LjU2MjUgOC43MDIwNiAxNi4xNzc2IDcuNDMzMjcgMTUuNDU2NSA2LjM1NDA3QzE0LjczNTQgNS4yNzQ4NyAxMy43MTA1IDQuNDMzNzQgMTIuNTExNCAzLjkzNzA0QzExLjMxMjIgMy40NDAzNCA5Ljk5MjcyIDMuMzEwMzggOC43MTk3MiAzLjU2MzZDNy40NDY3MiAzLjgxNjgxIDYuMjc3NCA0LjQ0MTgzIDUuMzU5NjIgNS4zNTk2MUM0LjQ0MTgzIDYuMjc3MzkgMy44MTY4MiA3LjQ0NjcyIDMuNTYzNiA4LjcxOTcyQzMuMzEwMzggOS45OTI3MiAzLjQ0MDM0IDExLjMxMjIgMy45MzcwNCAxMi41MTE0QzQuNDMzNzQgMTMuNzEwNSA1LjI3NDg4IDE0LjczNTQgNi4zNTQwNyAxNS40NTY1QzcuNDMzMjcgMTYuMTc3NiA4LjcwMjA2IDE2LjU2MjUgMTAgMTYuNTYyNUMxMS43Mzk5IDE2LjU2MDYgMTMuNDA4IDE1Ljg2ODYgMTQuNjM4MyAxNC42MzgzQzE1Ljg2ODYgMTMuNDA4IDE2LjU2MDYgMTEuNzM5OSAxNi41NjI1IDEwWk0xMC45Mzc1IDEyLjg2NTZWMTAuMzEyNUMxMC45Mzc1IDkuODk4MSAxMC43NzI5IDkuNTAwNjcgMTAuNDc5OSA5LjIwNzY1QzEwLjE4NjggOC45MTQ2MiA5Ljc4OTQgOC43NSA5LjM3NSA4Ljc1QzkuMTUzNiA4Ljc0OTY3IDguOTM5MjMgOC44Mjc3MSA4Ljc2OTg2IDguOTcwMjlDOC42MDA0OCA5LjExMjg3IDguNDg3MDMgOS4zMTA3OSA4LjQ0OTYgOS41MjkwMUM4LjQxMjE3IDkuNzQ3MjIgOC40NTMxOCA5Ljk3MTY0IDguNTY1MzYgMTAuMTYyNUM4LjY3NzU0IDEwLjM1MzQgOC44NTM2NSAxMC40OTg0IDkuMDYyNSAxMC41NzE5VjEzLjEyNUM5LjA2MjUgMTMuNTM5NCA5LjIyNzEyIDEzLjkzNjggOS41MjAxNSAxNC4yMjk5QzkuODEzMTggMTQuNTIyOSAxMC4yMTA2IDE0LjY4NzUgMTAuNjI1IDE0LjY4NzVDMTAuODQ2NCAxNC42ODc4IDExLjA2MDggMTQuNjA5OCAxMS4yMzAyIDE0LjQ2NzJDMTEuMzk5NSAxNC4zMjQ2IDExLjUxMyAxNC4xMjY3IDExLjU1MDQgMTMuOTA4NUMxMS41ODc4IDEzLjY5MDMgMTEuNTQ2OCAxMy40NjU5IDExLjQzNDYgMTMuMjc1QzExLjMyMjUgMTMuMDg0MSAxMS4xNDY0IDEyLjkzOTEgMTAuOTM3NSAxMi44NjU2WiIgZmlsbD0idXJsKCNwYWludDBfbGluZWFyXzYxNDJfNjkpIi8+CjwvZz4KPGRlZnM+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQwX2xpbmVhcl82MTQyXzY5IiB4MT0iLTEuNzk1NjYiIHkxPSItMC43MDMxMjUiIHgyPSIxOS4yMjUyIiB5Mj0iMTYuMDgyOSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSIjMDk5RkMwIi8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzgzNThGRiIvPgo8L2xpbmVhckdyYWRpZW50Pgo8L2RlZnM+Cjwvc3ZnPgo=)
}

.main-menu__list-item:nth-child(5)::after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAxNiAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlVuaW9uIj4KPHBhdGggZD0iTTEwLjgyNSAxLjY1NTU0QzEwLjg1NDUgMS43MDY5MSAxMC44MTU1IDEuNzcwNDEgMTAuNzU3NCAxLjc3MDQxQzkuNTgyMzEgMS43NzA0MSA4LjYyNzA1IDIuNzI2NjIgOC42MDQ2MiAzLjkxNDg0QzguMjAyMjQgMy44Mzc2MyA3Ljc4NTMgMy44MzE4MiA3LjM3MzQyIDMuOTAzMTVDNy4zNDQ5NyAyLjcyMDM2IDYuMzkyMTMgMS43NzA0MSA1LjIyMDg2IDEuNzcwNDFDNS4xNjI3NyAxLjc3MDQxIDUuMTIzNyAxLjcwNjg2IDUuMTUzMjMgMS42NTU0NkM1LjcyMjA3IDAuNjY1MzE4IDYuNzc5MDkgMCA3Ljk4OTA5IDBDOS4xOTkxMyAwIDEwLjI1NjIgMC42NjUzNTcgMTAuODI1IDEuNjU1NTRaIiBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXJfNjA1N185NDU0KSIvPgo8cGF0aCBkPSJNMTQuMzA1NCA5LjAwNDRDMTQuNzA1MSA5LjEyODgxIDE1LjA4MTggOC43Njc3NCAxNC45MzA5IDguMzY3NDhDMTMuODA5OSA1LjM5MjkxIDEwLjQ5MTkgNC4xNzQyOSA3Ljk3MyA0LjE3NDI5QzUuNDQ5MjYgNC4xNzQyOSAyLjA1NzMxIDUuNDMyMzEgMS4wMDkyNyA4LjM4NjAyQzAuODY4MTY5IDguNzgzNjkgMS4yNDM4MiA5LjEzMjg3IDEuNjM3NTkgOS4wMDg4NUw3LjY3MzkxIDcuMTA3OEM3Ljg0ODE2IDcuMDUyOTMgOC4wMzQzNSA3LjA1MjYxIDguMjA4NzcgNy4xMDY5TDE0LjMwNTQgOS4wMDQ0WiIgZmlsbD0idXJsKCNwYWludDFfbGluZWFyXzYwNTdfOTQ1NCkiLz4KPHBhdGggZD0iTTAuOTUwMzUgOS41NzcwNUw3LjY3ODk5IDcuNDc5NjdDNy44NTIxOSA3LjQyNTY4IDguMDM3MDUgNy40MjU1MyA4LjIxMDMzIDcuNDc5MjVMMTQuOTgxMyA5LjU3ODA4QzE1LjU0NjcgOS43NTMzNCAxNS45MzM2IDEwLjI4ODYgMTUuOTMzNiAxMC44OTU2VjE3LjIxOTNDMTUuOTA3NCAxOC43NjI4IDE0LjU1ODIgMjAgMTMuMDU2OSAyMEgxMC41NjMyQzEwLjMxNjcgMjAgMTAuMTE3MSAxOS43OTUxIDEwLjExNzEgMTkuNTQxN1YxNy4zMjQ2QzEwLjExNzEgMTYuNDUxNiAxMC42MTk4IDE1LjY2MTQgMTEuMzk3NyAxNS4zMTE3QzEyLjQ0MDUgMTQuODQyOSAxMy42NzQxIDE0LjIwODcgMTMuOTA2MiAxMi45MzYyQzEzLjk4MSAxMi41MjU1IDEzLjcyMDUgMTIuMTI5NCAxMy4zMjE5IDEyLjA0NzlDMTIuMzE0IDExLjg0MiAxMS4xOTY3IDExLjkyMTYgMTAuMjUxOCAxMi4zNTU5QzkuMTc5MTIgMTIuODQ5IDguODk4NTMgMTMuNjY5MiA4Ljc5NDY1IDE0Ljc3MDhMOC42Njg3NSAxNS45NTc1QzguNjMwMjcgMTYuMzIwMiA4LjI5OTQyIDE2LjU5ODEgNy45NDQ2IDE2LjU5ODFDNy41Nzc1NCAxNi41OTgxIDcuMzAyMzEgMTYuMzEwNyA3LjI2MjUgMTUuOTM1NUw3LjEzODkzIDE0Ljc3MDhDNy4wNDk5NSAxMy44MjczIDYuODg4NjUgMTIuOTEwNyA1LjkzOTU5IDEyLjQ3NDRDNC44NTcgMTEuOTc2NyAzLjc2OTA2IDExLjgxMTUgMi42MTE3IDEyLjA0NzlDMi4yMTMxMSAxMi4xMjk0IDEuOTUyNTMgMTIuNTI1NSAyLjAyNzQzIDEyLjkzNjJDMi4yNjE0OCAxNC4yMTk4IDMuNDg1NDMgMTQuODM5NCA0LjUzNTg4IDE1LjMxMTdDNS4zMTM3OSAxNS42NjE0IDUuODE2NTEgMTYuNDUxNiA1LjgxNjUxIDE3LjMyNDZWMTkuNTQxM0M1LjgxNjUxIDE5Ljc5NDcgNS42MTY5NiAyMCA1LjM3MDQ3IDIwSDIuODc2NzNDMS4zNzUzOCAyMCAwLjAyNjIyMDQgMTguNzYyOCAwIDE3LjIxOTNWMTAuODk0QzAgMTAuMjg3OCAwLjM4NTkzNCA5Ljc1Mjk4IDAuOTUwMzUgOS41NzcwNVoiIGZpbGw9InVybCgjcGFpbnQyX2xpbmVhcl82MDU3Xzk0NTQpIi8+CjwvZz4KPGRlZnM+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQwX2xpbmVhcl82MDU3Xzk0NTQiIHgxPSItMy4xNzA4MSIgeTE9Ii0yLjY4NTE4IiB4Mj0iMTkuOTY4NyIgeTI9IjEyLjAzNTgiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0iIzA5OUZDMCIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiM4MzU4RkYiLz4KPC9saW5lYXJHcmFkaWVudD4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDFfbGluZWFyXzYwNTdfOTQ1NCIgeDE9Ii0zLjE3MDgxIiB5MT0iLTIuNjg1MTgiIHgyPSIxOS45Njg3IiB5Mj0iMTIuMDM1OCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSIjMDk5RkMwIi8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzgzNThGRiIvPgo8L2xpbmVhckdyYWRpZW50Pgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50Ml9saW5lYXJfNjA1N185NDU0IiB4MT0iLTMuMTcwODEiIHkxPSItMi42ODUxOCIgeDI9IjE5Ljk2ODciIHkyPSIxMi4wMzU4IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IiMwOTlGQzAiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjODM1OEZGIi8+CjwvbGluZWFyR3JhZGllbnQ+CjwvZGVmcz4KPC9zdmc+Cg==)
}

.main-menu__list-item-wrapper {
    display: flex;
    align-items: center;
    gap: 10px
}

.main-menu__list-item:hover::after {
    display: block
}

.main-menu__list-item-text {
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    color: var(--main-font-color)
}

.main-menu__dropdown {
    position: absolute;
    top: calc(100% + 8px);
    left: 50%;
    transform: translateX(-50%);
    background: var(--menu-drop-down-bg);
    backdrop-filter: blur(var(--menu-drop-down-blur));
    border-radius: 30px;
    display: flex;
    width: 177px;
    padding: 26px 0;
    flex-direction: column;
    align-items: flex-start;
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s ease, visibility .3s ease;
    z-index: 1
}

.main-menu__list-item:hover .main-menu__dropdown,
.main-menu__list-item:focus-within .main-menu__dropdown {
    display: flex;
    opacity: 1;
    visibility: visible
}

.main-menu__dropdown-list {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%
}

.main-menu__dropdown-list-item {
    padding: 8px 0;
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.main-menu__dropdown-list-item-link {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 10px;
    text-decoration: none;
    width: 100%;
    gap: 10px;
    color: #fff;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px
}

.main-menu__dropdown-list-item-link:hover {
    color: #fff !important
}

.main-menu__dropdown-list-item-link-text {
    display: flex;
    align-items: center
}

.main-menu__dropdown-list-item-link:hover {
    background: rgb(255 255 255/.2);
    border-radius: 50px;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    align-self: stretch
}

.main-menu__dropdown-list-item-link:hover a {
    background-color: #fff0;
    border-radius: 50px
}

.main-menu__list-item.active-menu::after {
    display: block
}

.active-submenu-item {
    border-radius: 50px;
    background: rgb(255 255 255/.2)
}

.main-footer {
    padding: 130px 0 55px 0;
    position: relative
}

.main-footer::after {
    content: "";
    width: 100%;
    height: 500px;
    display: block;
    border-radius: 1593px;
    background: linear-gradient(9deg, var(--first-shadow-color) 58.95%, var(--second-shadow-color) 62.75%);
    filter: blur(148.6999969482px);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -10
}

@media (max-width:768px) {
    .main-footer::after {
        display: none
    }
}

@media (max-width:1024px) {
    .main-footer {
        padding: 85px 0
    }
}

.main-footer__container {
    width: 100%;
    max-width: 1391px;
    padding: 0 38px;
    margin: 0 auto
}

@media (max-width:768px) {
    .main-footer__container {
        padding: 0 22px
    }
}

.main-footer__logo-wrapper {
    margin-bottom: 34px;
    display: none
}

@media (max-width:768px) {
    .main-footer__logo-wrapper {
        margin-bottom: 42px
    }
}

.main-footer .active-footer-logo {
    display: block
}

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

@media (max-width:1024px) {
    .footer-menu {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(3, 1fr);
        grid-column-gap: 50px;
        grid-row-gap: 32px
    }
}

.footer-menu .menu-item-has-children>a {
    margin-bottom: 20px;
    display: block;
    color: var(--footer-menu-link-color);
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px
}

.footer-menu .sub-menu li a {
    color: var(--footer-menu-link-color);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px
}

@media (max-width:1024px) {
    .footer-menu li:last-of-type {
        grid-column: span 2
    }
}

.mobile-menu {
    display: none;
    position: fixed;
    width: 90%;
    height: 100%;
    background: var(--mobile-menu-bg);
    box-shadow: -20px 4px 24.6px 0 rgb(0 0 0/.35);
    right: 0;
    z-index: 1000;
    padding: 11px 22px 11px 30px;
    flex-direction: column
}

.mobile-menu__close {
    margin-left: auto;
    margin-bottom: 15px
}

.mobile-menu__close svg path {
    fill: var(--mobile-menu-close)
}

.mobile-menu__title-wrapper {
    display: flex;
    gap: 6px;
    align-items: center;
    margin-bottom: 10px
}

.mobile-menu__menu-title {
    margin: 0;
    color: var(--main-font-color);
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px
}

.mobile-menu__list {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding-left: 14px;
    margin-bottom: 20px
}

.mobile-menu__list:last-of-type {
    margin-bottom: 57px
}

.mobile-menu__list-item-link {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-left: 12px
}

.mobile-menu__list-item-link-text {
    color: var(--main-font-color);
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px
}

.mobile-menu__download-link {
    display: flex;
    align-items: center;
    gap: 10px;
    box-shadow: 0 16px 30px 0 rgb(0 0 0/.1);
    border-radius: 26px;
    background: radial-gradient(50% 50%at 50% 50%, #587eff 47%, #5478f4 100%);
    padding: 8px 20px;
    max-width: 153px;
    width: 100%
}

.mobile-menu__download-link-text {
    color: var(--main-font-color);
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px
}

.home-hero {
    padding-top: 130px;
    position: relative
}

.home-hero::after {
    content: "";
    width: 100%;
    height: 906px;
    display: block;
    border-radius: 1593px;
    background: linear-gradient(9deg, var(--first-shadow-color) 58.95%, var(--second-shadow-color) 62.75%);
    filter: blur(148.6999969482px);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -10
}

@media (max-width:768px) {
    .home-hero::after {
        display: none
    }
}

@media (max-width:1024px) {
    .home-hero {
        padding-top: 80px
    }
}

.home-hero__container {
    max-width: 1138px;
    width: 100%;
    padding: 0 22px;
    margin: 0 auto
}

.home-hero__top-wrapper {
    display: flex;
    gap: 6px;
    justify-content: space-between
}

@media (max-width:1024px) {
    .home-hero__top-wrapper {
        flex-direction: column;
        gap: 0;
        justify-content: flex-start
    }
}

.home-hero__bottom-wrapper {
    padding: 130px 0
}

@media (max-width:768px) {
    .home-hero__bottom-wrapper {
        padding: 85px 0
    }
}

.home-hero__left-wrapper {
    max-width: 510px;
    width: 100%
}

@media (max-width:1024px) {
    .home-hero__left-wrapper {
        max-width: 100%
    }
}

.home-hero__right-wrapper {
    max-width: 578px
}

@media (max-width:1024px) {
    .home-hero__right-wrapper {
        max-width: 100%
    }
}

.home-hero__title {
    color: var(--main-font-color);
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 56px;
    font-style: normal;
    font-weight: 800;
    line-height: 70px;
    margin: 35px 0 24px 0
}

@media (max-width:768px) {
    .home-hero__title {
        margin: 0 0 19px 0;
        font-size: 42px;
        line-height: 55px
    }
}

.home-hero__description {
    color: var(--main-font-color);
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: 38px;
    margin: 0 0 48px 0
}

@media (max-width:768px) {
    .home-hero__description {
        margin: 0 0 38px 0;
        font-size: 24px;
        line-height: 30px
    }
}

.home-hero__links {
    display: flex;
    gap: 30px;
    margin-bottom: 32px
}

@media (max-width:768px) {
    .home-hero__links {
        gap: 23px;
        margin-bottom: 30px
    }
}

.home-hero__video-link {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 20px;
    border-radius: 26px;
    background: #fff;
    box-shadow: 0 16px 30px 0 rgb(0 0 0/.1)
}

.home-hero__video-link:hover {
    background: rgb(255 255 255/.8);
    box-shadow: 0 16px 30px 0 rgb(0 0 0/.1)
}

@media (max-width:768px) {
    .home-hero__video-link {
        padding: 6px 15px;
        gap: 7px
    }
}

.home-hero__video-link-text {
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    color: #587eff
}

@media (max-width:768px) {
    .home-hero__video-link-text {
        font-size: 14px;
        line-height: 19px
    }
}

.home-hero__download-link {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 20px;
    border-radius: 26px;
    background: radial-gradient(50% 50%at 50% 50%, #587eff 47%, #5478f4 100%);
    box-shadow: 0 16px 30px 0 rgb(0 0 0/.1)
}

.home-hero__download-link:hover {
    background: radial-gradient(50% 50%at 50% 50%, rgb(88 126 255/.8) 47%, rgb(84 120 244/.8) 100%);
    box-shadow: 0 16px 30px 0 rgb(0 0 0/.1)
}

@media (max-width:768px) {
    .home-hero__download-link {
        padding: 6px 15px;
        gap: 7px
    }
}

.home-hero__download-link-text {
    color: #fff;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px
}

@media (max-width:768px) {
    .home-hero__download-link-text {
        font-size: 14px;
        line-height: 19px
    }
}

.home-hero__items {
    display: flex;
    gap: 24px;
    justify-content: center
}

@media (max-width:768px) {
    .home-hero__items {
        flex-direction: column;
        justify-content: flex-start;
        align-items: center
    }
}

.home-hero__item {
    padding: 24px 16px 34px 16px;
    border-radius: 30px;
    border: 0 solid #3e4a5b;
    background: inherit;
    box-shadow: var(--hero-item-shadow);
    width: 100%;
    max-width: 300px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: center;
    background-size: cover
}

@media (max-width:768px) {
    .home-hero__item {
        max-width: 380px;
        padding: 57px 13px
    }
}

.home-hero__item:nth-child(1) {
    background-image: url(assets/images/collapse.cb877e07aa.png)
}

.home-hero__item:nth-child(2) {
    background-image: url(assets/images/collapse-1.6944d91cf8.png)
}

.home-hero__item:nth-child(2) .home-hero__item-image-wrapper {
    max-width: 160px
}

.home-hero__item:nth-child(3) {
    background-image: url(assets/images/collapse-2.87a78c5054.png)
}

.home-hero__item-image-wrapper {
    max-width: 90px;
    height: 90px
}

.home-hero__item-title {
    color: var(--main-font-color);
    text-align: center;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 44px
}

@media (max-width:768px) {
    .home-hero__item-title {
        font-size: 24px;
        line-height: 38px
    }
}

.popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(10 17 31/.8);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 9999
}

.popup {
    max-width: 950px;
    width: 100%;
    height: 534px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    border-radius: 10px
}

.popup iframe {
    width: 100%;
    height: 100%;
    border: 0
}

.home-rating {
    padding-bottom: 130px
}

@media (max-width:768px) {
    .home-rating {
        padding-bottom: 85px
    }
}

.home-rating__container {
    max-width: 1138px;
    width: 100%;
    padding: 0 22px;
    margin: 0 auto
}

.home-rating__title {
    width: 100%;
    margin: 0 auto;
    color: var(--main-font-color);
    text-align: center;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 46px;
    font-style: normal;
    font-weight: 700;
    line-height: 58px;
    margin-bottom: 68px
}

@media (max-width:768px) {
    .home-rating__title {
        font-size: 32px;
        line-height: 44px;
        margin-bottom: 34px
    }
}

.home-rating__title span {
    background: radial-gradient(50% 50%at 50% 50%, #587eff 47%, #5478f4 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: #fff0
}

.home-rating__wrapper {
    margin: 0 auto;
    max-width: 955px;
    width: 100%;
    border-radius: 100px;
    background: linear-gradient(129deg, #099fc0 -17.03%, #8358ff 96.4%);
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    padding: 19px 60px 21px 51px
}

@media (max-width:1024px) {
    .home-rating__wrapper {
        flex-direction: column;
        align-items: center
    }
}

@media (max-width:768px) {
    .home-rating__wrapper {
        padding: 25px 30px
    }
}

@media (max-width:430px) {
    .home-rating__wrapper {
        padding: 20px 20px
    }
}

.home-rating__stars {
    display: flex;
    gap: 32px;
    margin-right: 32px
}

@media (max-width:768px) {
    .home-rating__stars {
        margin-right: 0;
        gap: 25px;
        margin-bottom: 20px
    }
}

@media (max-width:768px) {
    .home-rating__star svg {
        width: 42px;
        height: 42px
    }
}

@media (max-width:768px) {
    .home-rating__star--last svg {
        width: 45px;
        height: 45px
    }
}

.home-rating__text {
    color: rgb(255 255 255/.6);
    text-align: center;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.6;
    display: flex;
    align-items: flex-end
}

@media (max-width:768px) {
    .home-rating__text {
        font-size: 31px
    }
}

.home-rating__text span {
    color: #fff;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 76.343px;
    font-style: normal;
    font-weight: 700;
    line-height: 1;
    padding: 0 5px
}

@media (max-width:768px) {
    .home-rating__text span {
        font-size: 52.55px
    }
}

.home-rating__text-reviews {
    color: rgb(255 255 255/.6);
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 46px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.6;
    margin: 13px auto 0 auto
}

@media (max-width:768px) {
    .home-rating__text-reviews {
        font-size: 32px;
        margin: 0
    }
}

.guide-container {
    position: relative;
    margin: 0 auto;
    width: 1352px;
    height: 640px;
    display: flex;
    overflow: visible;
    justify-content: center
}

.apps-slider {
    max-width: 100%;
    margin: 0 auto;
    padding: 117px 0 97px;
    background: linear-gradient(128.61deg, #099fc0 -17.03%, #8358ff 96.4%);
    background: url(assets/images/slider-bg.9e75627493.png), linear-gradient(129deg, #099fc0 -17.03%, #8358ff 96.4%);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain
}

@media (max-width:768px) {
    .apps-slider {
        padding: 85px 0;
        background-size: cover
    }
}

.apps-slider__container {
    max-width: 955px;
    margin: 0 auto
}

.apps-slider__title {
    color: #fff;
    text-align: center;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 46px;
    font-style: normal;
    font-weight: 700;
    line-height: 58px;
    max-width: 895px;
    width: 100%;
    margin: 0 auto 68px auto
}

@media (max-width:768px) {
    .apps-slider__title {
        font-size: 32px;
        line-height: 44px;
        margin-bottom: 50px
    }
}

.container-apps {
    max-width: 955px
}

.Swiper-apps {
    margin: 0 auto;
    width: 920px;
    height: 315px
}

.apps-container {
    position: relative;
    margin: 0 auto;
    width: 955px;
    height: 315px;
    display: flex;
    overflow: visible;
    justify-content: center
}

.apps-slide {
    margin-bottom: 40px;
    max-width: 200px;
    height: auto;
    padding-top: 22px;
    background: rgb(255 255 255/.2);
    border-radius: 30px;
    text-align: center;
    box-shadow: 0 16px 30px 0 rgb(0 0 0/.1019607843);
    font-size: 18px;
    backdrop-filter: blur(10px)
}

.swiper-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 28px
}

.swiper-content>p {
    margin: 0;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 28px;
    font-weight: 700;
    line-height: 44px;
    text-align: center;
    color: #fff
}

.apps-slide img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: 156px;
    max-height: 156px
}

.swiper-button-next::after,
.swiper-button-prev::after {
    color: #f0f8ff !important;
    font-size: 18px !important;
    position: absolute !important;
    top: 0 !important;
    transform: translateY(-50%) !important
}

.swiper-button-next {
    right: -30px !important
}

.swiper-button-prev {
    left: -30px !important
}

@media screen and (max-width:960px) {
    .swiper-container {
        width: 100%;
        overflow: hidden
    }
    .swiper-button-next {
        right: 5px !important
    }
    .swiper-button-prev {
        left: 5px !important
    }
}

@media screen and (max-width:480px) {
    .section-title {
        font-size: 2rem;
        margin-bottom: 50px
    }
    .Swiper-guide {
        width: 100%
    }
}

.home-deposit {
    padding: 130px 0 76px 0;
    position: relative
}

@media (max-width:768px) {
    .home-deposit {
        padding: 85px 0
    }
}

.home-deposit::after {
    content: "";
    width: 100%;
    max-width: 687px;
    height: 904px;
    display: block;
    border-radius: 904px;
    background: linear-gradient(9deg, var(--first-shadow-color) 58.95%, var(--second-shadow-color) 62.75%);
    filter: blur(148.6999969482px);
    position: absolute;
    top: 0;
    z-index: -10
}

@media (min-width:1700px) {
    .home-deposit::after {
        left: 20%
    }
}

@media (max-width:768px) {
    .home-deposit::after {
        display: none
    }
}

.home-deposit__container {
    max-width: 1138px;
    width: 100%;
    padding: 0 22px;
    margin: 0 auto
}

.home-deposit__title {
    color: var(--main-font-color);
    text-align: center;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 46px;
    font-style: normal;
    font-weight: 700;
    line-height: 58px;
    max-width: 947px;
    width: 100%;
    margin: 0 auto 68px auto
}

@media (max-width:768px) {
    .home-deposit__title {
        font-size: 32px;
        line-height: 44px;
        margin: 0 auto 60px auto
    }
}

.home-deposit__wrapper {
    display: flex;
    gap: 21px
}

@media (max-width:1024px) {
    .home-deposit__wrapper {
        flex-direction: column;
        gap: 60px
    }
}

.home-deposit__left-wrapper {
    max-width: 452px;
    width: 100%;
    padding-top: 97px;
    position: relative
}

@media (max-width:1024px) {
    .home-deposit__left-wrapper {
        max-width: 100%;
        padding-top: 0
    }
}

.home-deposit__right-wrapper {
    max-width: 615px;
    width: 100%
}

@media (max-width:1024px) {
    .home-deposit__right-wrapper {
        max-width: 100%
    }
}

.home-deposit__list-title {
    color: var(--main-font-color);
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 44px;
    margin-bottom: 24px
}

@media (max-width:768px) {
    .home-deposit__list-title {
        font-size: 24px;
        line-height: 38px
    }
}

.home-deposit__list {
    display: flex;
    flex-direction: column;
    gap: 30px
}

.home-deposit__item {
    padding-left: 21px;
    position: relative
}

.home-deposit__item::before {
    content: "";
    display: block;
    width: 11px;
    height: 11px;
    background: linear-gradient(129deg, #099fc0 -17.03%, #8358ff 96.4%);
    position: absolute;
    left: 0;
    top: 11px;
    border-radius: 100%
}

.home-deposit__item-text {
    color: var(--main-font-color);
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px
}

.home-security {
    padding-bottom: 76px;
    position: relative
}

@media (max-width:768px) {
    .home-security {
        padding-bottom: 85px
    }
}

.home-security::after {
    content: "";
    width: 100%;
    max-width: 687px;
    height: 904px;
    display: block;
    border-radius: 904px;
    background: linear-gradient(9deg, var(--first-shadow-color) 58.95%, var(--second-shadow-color) 62.75%);
    filter: blur(148.6999969482px);
    position: absolute;
    top: -40%;
    right: 26%;
    z-index: -10
}

@media (max-width:1440px) {
    .home-security::after {
        right: 10%
    }
}

@media (max-width:1024px) {
    .home-security::after {
        right: 0;
        top: 0
    }
}

@media (max-width:768px) {
    .home-security::after {
        display: none
    }
}

.home-security__container {
    max-width: 1138px;
    width: 100%;
    padding: 0 22px;
    margin: 0 auto;
    display: flex;
    gap: 30px
}

@media (max-width:1024px) {
    .home-security__container {
        flex-direction: column-reverse;
        gap: 35px
    }
}

.home-security__left-wrapper {
    max-width: 473px;
    width: 100%
}

@media (max-width:1024px) {
    .home-security__left-wrapper {
        max-width: 100%
    }
}

.home-security__right-wrapper {
    max-width: 452px;
    width: 100%;
    padding-top: 146px
}

@media (max-width:1024px) {
    .home-security__right-wrapper {
        max-width: 100%;
        padding-top: 0
    }
}

.home-security__title {
    color: var(--main-font-color);
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 44px;
    margin-bottom: 24px
}

@media (max-width:768px) {
    .home-security__title {
        font-size: 24px;
        line-height: 38px
    }
}

.home-security__description {
    color: var(--main-font-color);
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px;
    margin-bottom: 24px
}

.home-security__icon-wrapper {
    max-width: 160px
}

.home-swap {
    padding-bottom: 76px;
    position: relative
}

@media (max-width:768px) {
    .home-swap {
        padding-bottom: 85px
    }
}

.home-swap::after {
    content: "";
    width: 100%;
    max-width: 687px;
    height: 904px;
    display: block;
    border-radius: 904px;
    background: linear-gradient(9deg, var(--first-shadow-color) 58.95%, var(--second-shadow-color) 62.75%);
    filter: blur(148.6999969482px);
    position: absolute;
    top: -30%;
    z-index: -10
}

@media (min-width:1700px) {
    .home-swap::after {
        left: 20%
    }
}

@media (max-width:768px) {
    .home-swap::after {
        display: none
    }
}

.home-swap__container {
    max-width: 1138px;
    width: 100%;
    padding: 0 22px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between
}

@media (max-width:1024px) {
    .home-swap__container {
        flex-direction: column;
        gap: 40px
    }
}

.home-swap__left-wrapper {
    max-width: 452px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center
}

@media (max-width:1024px) {
    .home-swap__left-wrapper {
        max-width: 100%
    }
}

.home-swap__right-wrapper {
    max-width: 433px;
    width: 100%
}

@media (max-width:1024px) {
    .home-swap__right-wrapper {
        max-width: 100%
    }
}

.home-swap__title {
    color: var(--main-font-color);
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 44px;
    margin-bottom: 24px
}

@media (max-width:768px) {
    .home-swap__title {
        font-size: 24px;
        line-height: 38px
    }
}

.home-swap__description {
    color: var(--main-font-color);
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px
}

.home-grow {
    padding-bottom: 130px;
    position: relative
}

@media (max-width:768px) {
    .home-grow {
        padding-bottom: 85px
    }
}

.home-grow::after {
    content: "";
    width: 100%;
    max-width: 687px;
    height: 904px;
    display: block;
    border-radius: 904px;
    background: linear-gradient(9deg, var(--first-shadow-color) 58.95%, var(--second-shadow-color) 62.75%);
    filter: blur(148.6999969482px);
    position: absolute;
    top: -40%;
    right: 26%;
    z-index: -10
}

@media (max-width:1440px) {
    .home-grow::after {
        right: 10%
    }
}

@media (max-width:1024px) {
    .home-grow::after {
        right: 0;
        top: 0
    }
}

@media (max-width:768px) {
    .home-grow::after {
        display: none
    }
}

.home-grow__container {
    max-width: 1138px;
    width: 100%;
    padding: 0 22px;
    margin: 0 auto;
    display: flex;
    gap: 36px
}

@media (max-width:1024px) {
    .home-grow__container {
        flex-direction: column-reverse;
        gap: 40px
    }
}

.home-grow__left-wrapper {
    max-width: 468px;
    width: 100%
}

@media (max-width:1024px) {
    .home-grow__left-wrapper {
        max-width: 100%
    }
}

.home-grow__right-wrapper {
    padding-top: 166px;
    max-width: 452px;
    width: 100%
}

@media (max-width:1024px) {
    .home-grow__right-wrapper {
        max-width: 100%;
        padding-top: 0
    }
}

.home-grow__title {
    color: var(--main-font-color);
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 44px;
    margin-bottom: 24px
}

@media (max-width:768px) {
    .home-grow__title {
        font-size: 24px;
        line-height: 38px
    }
}

.home-grow__list {
    display: flex;
    flex-direction: column;
    gap: 30px
}

.home-grow__item {
    padding-left: 21px;
    position: relative
}

.home-grow__item::before {
    content: "";
    display: block;
    width: 11px;
    height: 11px;
    background: linear-gradient(129deg, #099fc0 -17.03%, #8358ff 96.4%);
    position: absolute;
    left: 0;
    top: 11px;
    border-radius: 100%
}

.home-grow__item-text {
    color: var(--main-font-color);
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px
}

.home-reviews {
    padding-bottom: 130px
}

@media (max-width:768px) {
    .home-reviews {
        padding-bottom: 85px
    }
}

.home-reviews__container {
    max-width: 1138px;
    width: 100%;
    padding: 0 22px;
    margin: 0 auto
}

@media screen and (max-width:1140px) {
    .home-reviews__container .apps-container {
        width: 100%;
        overflow: hidden
    }
}

.home-reviews__title {
    color: var(--main-font-color);
    text-align: center;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 46px;
    font-style: normal;
    font-weight: 700;
    line-height: 58px;
    margin: 0 auto 68px auto
}

.home-reviews .container-testimonials {
    max-width: 1100px
}

.home-reviews .Swiper-testimonials {
    margin: 0 auto;
    width: 1100px;
    height: 506px
}

.home-reviews .block-testimonials {
    max-width: 1440px;
    margin: 0 auto;
    padding: 117px 0 97px;
    background: linear-gradient(128.61deg, #099fc0 -17.03%, #8358ff 96.4%)
}

.home-reviews .testimonials-container {
    position: relative;
    margin: 0 auto;
    width: 1100px;
    height: 515px;
    display: flex;
    overflow: visible;
    justify-content: center
}

.home-reviews .testimonial-slide {
    height: 472px;
    display: block;
    font-size: 1.25rem;
    padding: 24px 20px;
    min-width: 340px;
    max-width: 340px;
    width: 100%;
    background: var(--review-slider-item-bg);
    border-radius: 30px;
    text-align: center;
    backdrop-filter: blur(10px)
}

.home-reviews .testimonial-content {
    font-family: "Plus Jakarta Sans";
    display: flex;
    flex-direction: column;
    justify-content: center
}

.home-reviews .testimonial-content small {
    font-weight: 400;
    font-size: .875rem;
    font-family: "Plus Jakarta Sans";
    color: #fff;
    margin-top: 10px;
    align-self: flex-start
}

.home-reviews .testimonial-header {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.home-reviews .testimonial-header img {
    width: 24px;
    height: 24px
}

.home-reviews .testimonial-header-info {
    display: flex;
    gap: 8px;
    align-items: center
}

.home-reviews .testimonial-header-info img {
    width: 46px;
    height: 46px;
    border-radius: 50%
}

.home-reviews .testimonial-name {
    font-family: "Plus Jakarta Sans", sans-serif;
    color: var(--main-font-color);
    margin: 0;
    place-self: baseline;
    font-size: 1.125rem;
    line-height: 1;
    font-weight: 600;
    margin-bottom: 4px
}

.home-reviews .testimonial-nickname {
    font-family: "Plus Jakarta Sans";
    font-size: .875rem;
    font-weight: 400;
    margin: 0 !important;
    place-self: baseline;
    color: var(--main-font-color);
    line-height: 1
}

.home-reviews .testimonial-text {
    margin-top: 24px;
    align-items: left;
    font-weight: 500;
    font-size: 1.25rem;
    line-height: 1.6;
    color: var(--main-font-color);
    text-align: left
}

.home-reviews .testimonial-text p {
    margin: 0;
    margin-bottom: 12px
}

.home-reviews .testimonial-text p:last-child {
    margin-bottom: 0
}

.home-reviews .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    color: #587eff;
    background-color: #587eff
}

.home-reviews .swiper-pagination-testimonials {
    margin-top: 24px
}

@media screen and (max-width:1140px) {
    .apps-container {
        width: 100%;
        overflow: hidden
    }
    .testimonials-container {
        width: 100% !important;
        overflow: hidden
    }
    .guide-container {
        width: 100%;
        overflow: hidden
    }
    .chiplist-container {
        display: flex;
        flex-wrap: wrap;
        gap: 8.5px;
        row-gap: 40px
    }
}

@media screen and (max-width:1380px) {
    .guide-container {
        width: 100%;
        overflow: hidden
    }
    .swiper-pagination-guide {
        display: block !important
    }
}

@media screen and (max-width:480px) {
    .section-title {
        font-size: 2rem;
        margin-bottom: 50px
    }
    .Swiper-apps {
        width: 100%
    }
    .Swiper-testimonials {
        width: 100% !important
    }
    .Swiper-guide {
        width: 100%
    }
    .badge {
        padding: 6px 14px;
        gap: 12px
    }
    .badge img {
        width: 34px;
        height: 34px
    }
    .badge-text {
        font-size: 1.5rem;
        line-height: 1.2
    }
}

.home-banner {
    padding-bottom: 130px
}

@media (max-width:768px) {
    .home-banner {
        padding-bottom: 85px
    }
}

.home-banner__container {
    max-width: 1138px;
    width: 100%;
    padding: 0 22px;
    margin: 0 auto
}

.home-banner__title {
    color: var(--main-font-color);
    text-align: center;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 46px;
    font-style: normal;
    font-weight: 700;
    line-height: 58px;
    margin: 0 auto 63px auto
}

@media (max-width:1150px) {
    .home-banner__title {
        margin: 0 auto 100px auto
    }
}

@media (max-width:768px) {
    .home-banner__title {
        font-size: 32px;
        line-height: 44px;
        max-width: 282px
    }
}

.home-banner__wrapper {
    max-width: 926px;
    width: 100%;
    padding: 61px 48px 61px 158px;
    border-radius: 30px;
    border: 0 solid #3e4a5b;
    background: linear-gradient(129deg, #099fc0 -17.03%, #8358ff 96.4%);
    box-shadow: var(--home-banner-shadow);
    position: relative;
    margin: 0 72px 0 115px
}

@media (max-width:1150px) {
    .home-banner__wrapper {
        padding: 92px 21px 58px 21px;
        margin: 0 auto;
        max-width: 386px
    }
}

.home-banner__text {
    max-width: 721px;
    width: 100%;
    color: #fff;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 44px
}

@media (max-width:1150px) {
    .home-banner__text {
        max-width: 100%;
        font-size: 24px;
        line-height: 38px;
        text-align: center
    }
}

.home-banner__image {
    position: absolute;
    left: -155px;
    top: -52px
}

@media (max-width:1150px) {
    .home-banner__image {
        max-width: 247px;
        top: -35%;
        left: 19%
    }
}

.home-table {
    padding-bottom: 130px;
    position: relative
}

.home-table::after {
    content: "";
    width: 100%;
    height: 804px;
    display: block;
    border-radius: 1593px;
    background: linear-gradient(9deg, var(--first-shadow-color) 58.95%, var(--second-shadow-color) 62.75%);
    filter: blur(148.6999969482px);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -10
}

@media (max-width:768px) {
    .home-table::after {
        display: none
    }
}

@media (max-width:768px) {
    .home-table {
        padding-bottom: 85px
    }
}

.home-table__container {
    max-width: 1214px;
    width: 100%;
    padding: 0 22px;
    margin: 0 auto;
    position: relative
}

@media (max-width:1170px) {
    .home-table__container {
        padding: 0 0 0 22px
    }
}

.home-table__scroll-container {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

.home-table__title {
    color: var(--main-font-color);
    text-align: center;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 46px;
    font-style: normal;
    font-weight: 700;
    line-height: 58px;
    margin-bottom: 68px
}

@media (max-width:768px) {
    .home-table__title {
        font-size: 32px;
        line-height: 44px;
        margin-bottom: 20px
    }
}

.home-table__wrapper {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 1170px
}

.home-table__row {
    display: flex;
    gap: 10px
}

.home-table__table-head-block {
    background: var(--table-head-block-bg);
    max-width: 220px;
    width: 100%;
    padding: 0 19px;
    text-align: center;
    min-height: 80px;
    display: flex;
    align-items: center;
    justify-content: center
}

.home-table__table-head-block p {
    color: var(--main-font-color);
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px
}

.home-table__table-head-block:first-of-type {
    max-width: 243px;
    border-radius: 30px 0 0 0
}

.home-table__table-head-block:last-of-type {
    border-radius: 0 30px 0 0
}

.home-table__row-title {
    background: var(--table-row-title-bg);
    max-width: 243px;
    width: 100%;
    padding: 0 24px;
    text-align: center;
    min-height: 67px;
    display: flex;
    align-items: center;
    justify-content: center
}

.home-table__row-title--last {
    border-radius: 0 0 0 30px
}

.home-table__row-title p {
    color: var(--main-font-color);
    text-align: center;
    font-feature-settings: "liga"off, "clig"off;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    letter-spacing: .1px
}

.home-table__content {
    background: var(--table-content-bg);
    max-width: 220px;
    width: 100%;
    text-align: center;
    min-height: 67px;
    display: flex;
    align-items: center;
    justify-content: center
}

.home-table__content--last {
    border-radius: 0 0 30px 0
}

.home-table__arrows {
    display: none
}

@media (max-width:1170px) {
    .home-table__arrows {
        display: block
    }
}

.home-table__arrows span svg path {
    fill: var(--table-arrow-bg)
}

.home-table__arrows-left {
    position: absolute;
    left: 30px;
    top: 65%
}

.home-table__arrows-right {
    position: absolute;
    right: 15px;
    top: 65%
}

.home-socials {
    padding-bottom: 130px
}

@media (max-width:768px) {
    .home-socials {
        padding-bottom: 85px
    }
}

.home-socials__container {
    max-width: 1138px;
    width: 100%;
    padding: 0 22px;
    margin: 0 auto
}

.home-socials__title {
    color: var(--main-font-color);
    text-align: center;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 46px;
    font-style: normal;
    font-weight: 700;
    line-height: 58px;
    margin: 0 auto 100px auto
}

@media (max-width:768px) {
    .home-socials__title {
        font-size: 32px;
        line-height: 44px;
        margin-bottom: 37px
    }
}

.home-socials__list {
    display: flex;
    gap: 24px;
    justify-content: center
}

@media (max-width:1024px) {
    .home-socials__list {
        flex-wrap: wrap;
        justify-content: flex-start
    }
}

@media (max-width:768px) {
    .home-socials__list {
        gap: 20px
    }
}

.home-socials__item {
    max-width: 200px;
    width: 100%;
    border-radius: 30px;
    background: rgb(255 255 255/.1);
    box-shadow: 0 16px 30px 0 rgb(0 0 0/.1)
}

@media (max-width:1024px) {
    .home-socials__item {
        max-width: 48%
    }
}

@media (max-width:768px) {
    .home-socials__item {
        display: flex;
        align-items: center;
        justify-content: center;
        max-width: 47%
    }
}

.home-socials__item a {
    padding: 22px 0 25px 0;
    display: flex;
    flex-direction: column;
    gap: 28px;
    align-items: center;
    justify-content: space-between;
    height: 100%
}

.home-socials__image {
    height: 157px;
    display: flex;
    align-items: center;
    justify-content: center
}

.home-socials__text {
    color: var(--main-font-color);
    text-align: center;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 44px
}

@media (max-width:768px) {
    .home-socials__text {
        display: none
    }
}

@media (max-width:768px) {
    .home-socials__image {
        max-width: 142px
    }
}

.home-apps {
    padding: 130px 0 135px 0;
    background: url(assets/images/Union.ddfc4fc6ac.png), linear-gradient(129deg, #099fc0 -17.03%, #8358ff 96.4%);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain
}

@media (max-width:1024px) {
    .home-apps {
        background-size: cover
    }
}

@media (max-width:768px) {
    .home-apps {
        padding: 78px 0 135px 0
    }
}

.home-apps__container {
    max-width: 1138px;
    width: 100%;
    padding: 0 22px;
    margin: 0 auto
}

.home-apps__title {
    color: #fff;
    text-align: center;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 46px;
    font-style: normal;
    font-weight: 700;
    line-height: 58px;
    margin: 0 auto 24px auto
}

@media (max-width:768px) {
    .home-apps__title {
        font-size: 32px;
        line-height: 44px;
        margin-bottom: 20px
    }
}

.home-apps__text {
    color: #fff;
    text-align: center;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 44px;
    margin-bottom: 68px
}

@media (max-width:768px) {
    .home-apps__text {
        font-size: 24px;
        line-height: 38px;
        margin-bottom: 40px
    }
}

.home-apps__list {
    display: flex;
    gap: 24px;
    justify-content: center;
    margin-bottom: 40px
}

@media (max-width:768px) {
    .home-apps__list {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, 1fr);
        grid-column-gap: 20px;
        grid-row-gap: 20px
    }
}

.home-apps__item {
    max-width: 200px;
    width: 100%;
    border-radius: 30px;
    background: rgb(255 255 255/.2);
    box-shadow: 0 16px 30px 0 rgb(0 0 0/.1);
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 22px 0 25px 0;
    gap: 28px;
    justify-content: space-between
}

.home-apps__item-text {
    color: #fff;
    text-align: center;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 44px
}

@media (max-width:768px) {
    .home-apps__item-text {
        display: none
    }
}

.home-apps__download {
    display: flex;
    gap: 24px;
    justify-content: center
}

@media (max-width:768px) {
    .home-apps__download {
        flex-direction: column;
        align-items: center
    }
}

.security-hero {
    padding-top: 114px;
    padding-bottom: 80px;
    position: relative
}

@media (max-width:768px) {
    .security-hero {
        padding: 80px 0
    }
}

.security-hero::after {
    content: "";
    width: 100%;
    height: 906px;
    display: block;
    border-radius: 1593px;
    background: linear-gradient(9deg, var(--first-shadow-color) 58.95%, var(--second-shadow-color) 62.75%);
    filter: blur(148.6999969482px);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -10
}

@media (max-width:768px) {
    .security-hero::after {
        display: none
    }
}

.security-hero__container {
    max-width: 1319px;
    width: 100%;
    padding: 0 22px;
    margin: 0 auto;
    display: flex;
    justify-content: flex-end;
    gap: 84px
}

@media (max-width:1024px) {
    .security-hero__container {
        flex-direction: column;
        justify-content: flex-start;
        gap: 0
    }
}

.security-hero__left-wrapper {
    max-width: 548px;
    width: 100%;
    padding-top: 16px
}

@media (max-width:1024px) {
    .security-hero__left-wrapper {
        max-width: 100%;
        padding: 0;
        margin-bottom: 50px
    }
}

.security-hero__right-wrapper {
    max-width: 454px;
    width: 100%
}

@media (max-width:1024px) {
    .security-hero__right-wrapper {
        max-width: 100%
    }
}

.security-hero__icon {
    margin-bottom: 10px
}

.security-hero__title {
    color: var(--main-font-color);
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 46px;
    font-style: normal;
    font-weight: 700;
    line-height: 58px;
    margin-bottom: 24px
}

@media (max-width:768px) {
    .security-hero__title {
        font-size: 32px;
        line-height: 44px;
        margin-bottom: 20px
    }
}

.security-hero__description {
    color: var(--main-font-color);
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: 38px;
    margin-bottom: 48px
}

@media (max-width:768px) {
    .security-hero__description {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 35px
    }
}

.security-hero__link {
    max-width: 288px;
    width: 100%;
    display: flex;
    gap: 10px;
    align-items: center;
    padding: 8px 20px;
    border-radius: 26px;
    background: radial-gradient(50% 50%at 50% 50%, #587eff 47%, #5478f4 100%)
}

@media (max-width:768px) {
    .security-hero__link {
        max-width: 232px;
        padding: 6px 16px;
        gap: 8px
    }
}

.security-hero__link-text {
    color: #fff;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px
}

@media (max-width:768px) {
    .security-hero__link-text {
        font-size: 14px;
        line-height: 18.725px
    }
}

@media (max-width:768px) {
    .security-hero__link-icon svg {
        width: 20px;
        height: 20px
    }
}

.security-how {
    padding: 130px 0;
    background: url(assets/images/Union.ddfc4fc6ac.png), linear-gradient(129deg, #099fc0 -17.03%, #8358ff 96.4%);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain
}

@media (max-width:768px) {
    .security-how {
        padding: 85px 0;
        background-size: cover
    }
}

.security-how__container {
    max-width: 1319px;
    width: 100%;
    padding: 0 22px;
    margin: 0 auto
}

.security-how__title {
    color: #fff;
    text-align: center;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 46px;
    font-style: normal;
    font-weight: 700;
    line-height: 58px;
    margin-bottom: 68px
}

@media (max-width:768px) {
    .security-how__title {
        font-size: 32px;
        line-height: 44px
    }
}

.security-how__list {
    display: flex;
    gap: 24px
}

@media (max-width:1024px) {
    .security-how__list {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, 1fr);
        grid-column-gap: 24px;
        grid-row-gap: 24px
    }
}

@media (max-width:768px) {
    .security-how__list {
        display: flex;
        flex-direction: column;
        gap: 24px
    }
}

.security-how__item {
    max-width: 25%;
    width: 100%;
    padding: 24px 16px 15px 16px;
    border-radius: 30px;
    border: 0 solid #3e4a5b;
    background: rgb(255 255 255/.2);
    box-shadow: 0 16px 30px 0 rgb(0 0 0/.1);
    display: flex;
    flex-direction: column;
    align-items: center
}

@media (max-width:1024px) {
    .security-how__item {
        max-width: 100%
    }
}

.security-how__item-image {
    margin-bottom: 20px
}

.security-how__item-title {
    color: #fff;
    text-align: center;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 44px;
    margin-bottom: 10px
}

@media (max-width:768px) {
    .security-how__item-title {
        font-size: 24px;
        line-height: 38px
    }
}

.security-how__item-text {
    color: #fff;
    text-align: center;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px
}

.security-biometric {
    padding-top: 130px;
    position: relative
}

.security-biometric::after {
    content: "";
    width: 100%;
    max-width: 687px;
    height: 904px;
    display: block;
    border-radius: 904px;
    background: linear-gradient(9deg, var(--first-shadow-color) 58.95%, var(--second-shadow-color) 62.75%);
    filter: blur(148.6999969482px);
    position: absolute;
    top: 0;
    z-index: -10
}

@media (min-width:1700px) {
    .security-biometric::after {
        left: 20%
    }
}

@media (max-width:768px) {
    .security-biometric::after {
        display: none
    }
}

@media (max-width:768px) {
    .security-biometric {
        padding-top: 85px
    }
}

.security-biometric__container {
    max-width: 999px;
    width: 100%;
    padding: 0 22px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    gap: 38px
}

@media (max-width:768px) {
    .security-biometric__container {
        flex-direction: column;
        justify-content: flex-start;
        gap: 60px
    }
}

.security-biometric__left-wrapper {
    width: 100%;
    max-width: 452px;
    padding-top: 103px
}

@media (max-width:768px) {
    .security-biometric__left-wrapper {
        max-width: 100%;
        padding-top: 0
    }
}

.security-biometric__right-wrapper {
    max-width: 465px;
    width: 100%
}

@media (max-width:768px) {
    .security-biometric__right-wrapper {
        max-width: 100%
    }
}

.security-biometric__title {
    color: var(--main-font-color);
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 44px;
    margin-bottom: 24px
}

@media (max-width:768px) {
    .security-biometric__title {
        font-size: 24px;
        line-height: 38px
    }
}

.security-biometric__list {
    display: flex;
    flex-direction: column;
    gap: 30px;
    margin-bottom: 54px
}

.security-biometric__item {
    padding-left: 21px;
    position: relative
}

.security-biometric__item::before {
    content: "";
    width: 11px;
    height: 11px;
    background: linear-gradient(129deg, #e64dff -17.03%, #ff4d78 96.4%);
    position: absolute;
    left: 0;
    top: 11px;
    border-radius: 100%
}

.security-biometric__text {
    color: var(--main-font-color);
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px
}

.security-biometric__link {
    display: inline-block;
    padding: 8px 20px;
    text-align: center;
    border-radius: 26px;
    background-color: #fff;
    max-width: 220px;
    width: 100%;
    box-shadow: 0 16px 30px 0 rgb(0 0 0/.1)
}

.security-biometric__link p {
    background: radial-gradient(50% 50%at 50% 50%, #587eff 47%, #5478f4 100%);
    background-clip: text;
    color: #587eff;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px
}

.security-three-factor {
    padding-top: 130px;
    position: relative
}

.security-three-factor::after {
    content: "";
    width: 100%;
    max-width: 687px;
    height: 904px;
    display: block;
    border-radius: 904px;
    background: linear-gradient(9deg, var(--first-shadow-color) 58.95%, var(--second-shadow-color) 62.75%);
    filter: blur(148.6999969482px);
    position: absolute;
    top: -20%;
    right: 15%;
    z-index: -10
}

@media (max-width:1440px) {
    .security-three-factor::after {
        right: 10%
    }
}

@media (max-width:1024px) {
    .security-three-factor::after {
        right: 0;
        top: 0
    }
}

@media (max-width:768px) {
    .security-three-factor::after {
        display: none
    }
}

@media (max-width:768px) {
    .security-three-factor {
        padding-top: 85px
    }
}

.security-three-factor__container {
    max-width: 999px;
    width: 100%;
    padding: 0 22px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    gap: 95px
}

@media (max-width:768px) {
    .security-three-factor__container {
        flex-direction: column-reverse;
        justify-content: flex-start;
        gap: 60px
    }
}

.security-three-factor__left-wrapper {
    width: 100%;
    max-width: 465px
}

@media (max-width:768px) {
    .security-three-factor__left-wrapper {
        max-width: 100%
    }
}

.security-three-factor__right-wrapper {
    max-width: 452px;
    width: 100%;
    padding-top: 182px
}

@media (max-width:768px) {
    .security-three-factor__right-wrapper {
        max-width: 100%;
        padding-top: 0
    }
}

.security-three-factor__title {
    color: var(--main-font-color);
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 44px;
    margin-bottom: 24px
}

@media (max-width:768px) {
    .security-three-factor__title {
        font-size: 24px;
        line-height: 38px
    }
}

.security-three-factor__list {
    display: flex;
    flex-direction: column;
    gap: 30px;
    margin-bottom: 54px
}

@media (max-width:768px) {
    .security-three-factor__list {
        margin-bottom: 30px
    }
}

.security-three-factor__item {
    padding-left: 21px;
    position: relative
}

.security-three-factor__item::before {
    content: "";
    width: 11px;
    height: 11px;
    background: linear-gradient(129deg, #e64dff -17.03%, #ff4d78 96.4%);
    position: absolute;
    left: 0;
    top: 11px;
    border-radius: 100%
}

.security-three-factor__text {
    color: var(--main-font-color);
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px
}

.security-three-factor__link {
    display: inline-block;
    padding: 8px 20px;
    text-align: center;
    border-radius: 26px;
    background-color: #fff;
    max-width: 220px;
    width: 100%;
    box-shadow: 0 16px 30px 0 rgb(0 0 0/.1)
}

.security-three-factor__link p {
    background: radial-gradient(50% 50%at 50% 50%, #587eff 47%, #5478f4 100%);
    background-clip: text;
    color: #587eff;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px
}

.security-support {
    padding-top: 130px;
    position: relative
}

.security-support::after {
    content: "";
    width: 100%;
    max-width: 687px;
    height: 904px;
    display: block;
    border-radius: 904px;
    background: linear-gradient(9deg, var(--first-shadow-color) 58.95%, var(--second-shadow-color) 62.75%);
    filter: blur(148.6999969482px);
    position: absolute;
    top: 0;
    z-index: -10
}

@media (min-width:1700px) {
    .security-support::after {
        left: 20%
    }
}

@media (max-width:768px) {
    .security-support::after {
        display: none
    }
}

@media (max-width:768px) {
    .security-support {
        padding-top: 85px
    }
}

.security-support__container {
    max-width: 999px;
    width: 100%;
    padding: 0 22px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    gap: 36px
}

@media (max-width:768px) {
    .security-support__container {
        flex-direction: column;
        justify-content: flex-start;
        gap: 60px
    }
}

.security-support__left-wrapper {
    width: 100%;
    max-width: 452px;
    padding-top: 243px
}

@media (max-width:768px) {
    .security-support__left-wrapper {
        max-width: 100%;
        padding-top: 0
    }
}

.security-support__right-wrapper {
    max-width: 469px;
    width: 100%
}

@media (max-width:768px) {
    .security-support__right-wrapper {
        max-width: 100%
    }
}

.security-support__title {
    color: var(--main-font-color);
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 44px;
    margin-bottom: 24px
}

@media (max-width:768px) {
    .security-support__title {
        font-size: 24px;
        line-height: 38px
    }
}

.security-support__description {
    color: var(--main-font-color);
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px;
    margin-bottom: 54px
}

@media (max-width:768px) {
    .security-support__description {
        margin-bottom: 24px
    }
}

.security-support__link {
    display: inline-block;
    padding: 8px 20px;
    text-align: center;
    border-radius: 26px;
    background-color: #fff;
    max-width: 220px;
    width: 100%;
    box-shadow: 0 16px 30px 0 rgb(0 0 0/.1)
}

.security-support__link p {
    background: radial-gradient(50% 50%at 50% 50%, #587eff 47%, #5478f4 100%);
    background-clip: text;
    color: #587eff;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px
}

.security-detection {
    padding-top: 130px;
    position: relative
}

.security-detection::after {
    content: "";
    width: 100%;
    max-width: 687px;
    height: 904px;
    display: block;
    border-radius: 904px;
    background: linear-gradient(9deg, var(--first-shadow-color) 58.95%, var(--second-shadow-color) 62.75%);
    filter: blur(148.6999969482px);
    position: absolute;
    top: -20%;
    right: 15%;
    z-index: -10
}

@media (max-width:1440px) {
    .security-detection::after {
        right: 10%
    }
}

@media (max-width:1024px) {
    .security-detection::after {
        right: 0;
        top: 0
    }
}

@media (max-width:768px) {
    .security-detection::after {
        display: none
    }
}

@media (max-width:768px) {
    .security-detection {
        padding-top: 85px
    }
}

.security-detection__container {
    max-width: 999px;
    width: 100%;
    padding: 0 22px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    gap: 114px
}

@media (max-width:768px) {
    .security-detection__container {
        flex-direction: column-reverse;
        justify-content: flex-start;
        gap: 60px
    }
}

.security-detection__left-wrapper {
    width: 100%;
    max-width: 421px
}

@media (max-width:768px) {
    .security-detection__left-wrapper {
        max-width: 100%
    }
}

.security-detection__right-wrapper {
    padding-top: 115px;
    max-width: 473px;
    width: 100%
}

@media (max-width:768px) {
    .security-detection__right-wrapper {
        max-width: 100%;
        padding-top: 0
    }
}

.security-detection__title {
    color: var(--main-font-color);
    margin-bottom: 24px;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 44px
}

@media (max-width:768px) {
    .security-detection__title {
        font-size: 24px;
        line-height: 38px
    }
}

.security-detection__list {
    display: flex;
    flex-direction: column;
    gap: 30px;
    margin-bottom: 54px
}

@media (max-width:768px) {
    .security-detection__list {
        margin-bottom: 24px
    }
}

.security-detection__item {
    padding-left: 21px;
    position: relative
}

.security-detection__item::before {
    content: "";
    width: 11px;
    height: 11px;
    background: linear-gradient(129deg, #e64dff -17.03%, #ff4d78 96.4%);
    position: absolute;
    left: 0;
    top: 11px;
    border-radius: 100%
}

.security-detection__text {
    color: var(--main-font-color);
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px
}

.security-detection__link {
    display: inline-block;
    padding: 8px 20px;
    text-align: center;
    border-radius: 26px;
    background-color: #fff;
    max-width: 220px;
    width: 100%;
    box-shadow: 0 16px 30px 0 rgb(0 0 0/.1)
}

.security-detection__link p {
    background: radial-gradient(50% 50%at 50% 50%, #587eff 47%, #5478f4 100%);
    background-clip: text;
    color: #587eff;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px
}

.swap-hero {
    padding: 85px 0;
    position: relative
}

.swap-hero::after {
    content: "";
    width: 100%;
    height: 906px;
    display: block;
    border-radius: 1593px;
    background: linear-gradient(9deg, var(--first-shadow-color) 58.95%, var(--second-shadow-color) 62.75%);
    filter: blur(148.6999969482px);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -10
}

@media (max-width:768px) {
    .swap-hero::after {
        display: none
    }
}

@media (max-width:768px) {
    .swap-hero {
        padding: 80px 0
    }
}

.swap-hero__container {
    max-width: 1319px;
    width: 100%;
    padding: 0 22px;
    margin: 0 auto;
    display: flex;
    justify-content: flex-end;
    gap: 49px
}

@media (max-width:1024px) {
    .swap-hero__container {
        flex-direction: column;
        justify-content: flex-start;
        gap: 0
    }
}

.swap-hero__left-wrapper {
    max-width: 510px;
    width: 100%;
    padding-top: 10px
}

@media (max-width:1024px) {
    .swap-hero__left-wrapper {
        max-width: 100%;
        padding: 0;
        margin-bottom: 50px
    }
}

.swap-hero__right-wrapper {
    max-width: 485px;
    width: 100%
}

@media (max-width:1024px) {
    .swap-hero__right-wrapper {
        max-width: 100%
    }
}

.swap-hero__icon-wrapper {
    margin-bottom: 10px
}

.swap-hero__title {
    color: var(--main-font-color);
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 46px;
    font-style: normal;
    font-weight: 700;
    line-height: 58px;
    margin-bottom: 24px
}

@media (max-width:768px) {
    .swap-hero__title {
        font-size: 32px;
        line-height: 44px;
        margin-bottom: 20px
    }
}

.swap-hero__description {
    color: var(--main-font-color);
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 44px;
    margin-bottom: 24px
}

@media (max-width:768px) {
    .swap-hero__description {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 25px
    }
}

.swap-hero__list {
    display: flex;
    flex-direction: column;
    gap: 30px;
    margin-bottom: 48px
}

@media (max-width:768px) {
    .swap-hero__list {
        margin-bottom: 40px
    }
}

.swap-hero__item {
    color: var(--main-font-color);
    position: relative;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px;
    padding-left: 21px
}

.swap-hero__item::before {
    content: "";
    width: 11px;
    height: 11px;
    background: linear-gradient(129deg, #e64dff -17.03%, #ff4d78 96.4%);
    position: absolute;
    left: 0;
    top: 11px;
    border-radius: 100%
}

.swap-hero__link {
    display: flex;
    gap: 10px;
    padding: 8px 20px;
    color: #fff;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    border-radius: 26px;
    background: radial-gradient(50% 50%at 50% 50%, #587eff 47%, #5478f4 100%);
    max-width: 288px;
    width: 100%
}

@media (max-width:768px) {
    .swap-hero__link {
        max-width: 232px;
        padding: 6px 16px;
        gap: 8px
    }
}

.swap-hero__link-text {
    color: #fff;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px
}

@media (max-width:768px) {
    .swap-hero__link-text {
        font-size: 14px;
        line-height: 18.725px
    }
}

@media (max-width:768px) {
    .swap-hero__link-icon svg {
        width: 20px;
        height: 20px
    }
}

.swap-video {
    padding: 120px 0;
    background: linear-gradient(129deg, #099fc0 -17.03%, #8358ff 96.4%)
}

.swap-video__container {
    max-width: 1319px;
    width: 100%;
    padding: 0 22px;
    margin: 0 auto;
    display: flex;
    justify-content: center
}

.swap-video__wrapper {
    max-width: 950px;
    width: 100%
}

.swap-video__wrapper img {
    border-radius: 30px
}

.swap-description {
    padding-top: 130px
}

@media (max-width:768px) {
    .swap-description {
        padding-top: 85px
    }
}

.swap-description__container {
    max-width: 999px;
    width: 100%;
    padding: 0 22px;
    margin: 0 auto
}

.swap-description__title {
    color: var(--main-font-color);
    text-align: center;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 46px;
    font-style: normal;
    font-weight: 700;
    line-height: 58px;
    margin-bottom: 68px
}

@media (max-width:768px) {
    .swap-description__title {
        font-size: 32px;
        line-height: 44px;
        margin-bottom: 24px
    }
}

.swap-description__text {
    color: var(--main-font-color);
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px
}

.swap-description__images {
    margin: 50px 0;
    display: flex;
    justify-content: space-between
}

@media (max-width:1024px) {
    .swap-description__images {
        flex-direction: column;
        align-items: center
    }
}

.swap-description__images img {
    max-width: 475px
}

@media (max-width:768px) {
    .swap-description__images img {
        max-width: 100%
    }
}

.swap-paid {
    padding-top: 130px
}

@media (max-width:768px) {
    .swap-paid {
        padding-top: 85px
    }
}

.swap-paid__container {
    max-width: 999px;
    width: 100%;
    padding: 0 22px;
    margin: 0 auto;
    display: flex;
    gap: 14px;
    justify-content: space-between
}

@media (max-width:1024px) {
    .swap-paid__container {
        flex-direction: column;
        justify-content: flex-start;
        gap: 60px
    }
}

.swap-paid__left-wrapper {
    max-width: 450px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: url(assets/images/paid-bg.4447b4c61b.png);
    background-repeat: no-repeat
}

@media (max-width:1024px) {
    .swap-paid__left-wrapper {
        max-width: 100%;
        background: 0 0
    }
}

.swap-paid__right-wrapper {
    max-width: 530px;
    width: 100%
}

@media (max-width:1024px) {
    .swap-paid__right-wrapper {
        background: 0 0
    }
}

.swap-paid__title {
    color: var(--main-font-color);
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 44px;
    margin-bottom: 14px
}

@media (max-width:768px) {
    .swap-paid__title {
        font-size: 24px;
        line-height: 38px;
        margin-bottom: 6px
    }
}

.swap-paid__list {
    display: flex;
    gap: 14px
}

.swap-paid__item {
    display: flex;
    gap: 10px;
    align-items: center
}

.swap-paid__item-text {
    color: var(--main-font-color);
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 44px
}

@media (max-width:768px) {
    .swap-paid__item-text {
        font-size: 24px;
        line-height: 38px
    }
}

.swap-interface {
    padding-top: 130px
}

@media (max-width:768px) {
    .swap-interface {
        padding-top: 85px
    }
}

.swap-interface__container {
    max-width: 999px;
    width: 100%;
    padding: 0 22px;
    margin: 0 auto;
    display: flex;
    gap: 56px;
    justify-content: space-between
}

@media (max-width:1024px) {
    .swap-interface__container {
        flex-direction: column-reverse;
        justify-content: flex-start;
        gap: 60px
    }
}

.swap-interface__left-wrapper {
    max-width: 508px;
    width: 100%
}

@media (max-width:1024px) {
    .swap-interface__left-wrapper {
        max-width: 100%
    }
}

.swap-interface__right-wrapper {
    max-width: 464px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center
}

@media (max-width:1024px) {
    .swap-interface__right-wrapper {
        max-width: 100%
    }
}

.swap-interface__title {
    color: var(--main-font-color);
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 44px;
    margin-bottom: 24px
}

@media (max-width:768px) {
    .swap-interface__title {
        font-size: 24px;
        line-height: 38px
    }
}

.swap-interface__list {
    display: flex;
    flex-direction: column;
    gap: 30px
}

@media (max-width:768px) {
    .swap-interface__list {
        gap: 20px
    }
}

.swap-interface__item {
    padding-left: 21px;
    position: relative;
    color: var(--main-font-color);
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px
}

.swap-interface__item::before {
    content: "";
    width: 11px;
    height: 11px;
    background: linear-gradient(129deg, #e64dff -17.03%, #ff4d78 96.4%);
    position: absolute;
    left: 0;
    top: 11px;
    border-radius: 100%
}

.swap-tokens {
    padding: 130px 0
}

@media (max-width:768px) {
    .swap-tokens {
        padding: 85px 0
    }
}

.swap-tokens__container {
    max-width: 999px;
    width: 100%;
    padding: 0 22px;
    margin: 0 auto
}

.swap-tokens__title {
    color: var(--main-font-color);
    text-align: center;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 44px;
    margin-bottom: 70px
}

.swap-tokens__items {
    display: grid;
    grid-template-columns: repeat(7, minmax(80px, 133px));
    row-gap: 33px
}

@media (max-width:1140px) {
    .swap-tokens__items {
        display: flex;
        flex-wrap: wrap;
        gap: 8.5px;
        row-gap: 40px
    }
}

.swap-tokens__items .swap-tokens__item:nth-child(8),
.swap-tokens__items .swap-tokens__item:nth-child(1) {
    grid-column-start: 1;
    grid-column-end: 2
}

.swap-tokens__items .swap-tokens__item:nth-child(9),
.swap-tokens__items .swap-tokens__item:nth-child(2) {
    grid-column-start: 3;
    grid-column-end: 4
}

.swap-tokens__items .swap-tokens__item:nth-child(10),
.swap-tokens__items .swap-tokens__item:nth-child(3) {
    grid-column-start: 5;
    grid-column-end: 6
}

.swap-tokens__items .swap-tokens__item:nth-child(11),
.swap-tokens__items .swap-tokens__item:nth-child(4) {
    grid-column-start: 7;
    grid-column-end: 7
}

.swap-tokens__items .swap-tokens__item:nth-child(5) {
    grid-column-start: 2;
    grid-column-end: 2
}

.swap-tokens__items .swap-tokens__item:nth-child(6) {
    grid-column-start: 4;
    grid-column-end: 5
}

.swap-tokens__items .swap-tokens__item:nth-child(7) {
    grid-column-start: 6;
    grid-column-end: 7
}

.swap-tokens__item {
    display: flex;
    background: var(--swap-token-item-bg);
    width: fit-content;
    align-items: center;
    backdrop-filter: blur(10px);
    box-shadow: 0 16px 30px 0 rgb(0 0 0/.1);
    gap: 14px;
    padding: 8px 16px;
    border-radius: 40px
}

@media (max-width:768px) {
    .swap-tokens__item {
        padding: 6px 14px;
        gap: 12px
    }
}

.swap-tokens__item-text {
    color: var(--main-font-color);
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 44px
}

@media (max-width:768px) {
    .swap-tokens__item-text {
        font-size: 1.5rem;
        line-height: 1.2
    }
}

.how-to {
    padding: 130px 0 135px 0;
    background: url(assets/images/Union.ddfc4fc6ac.png), linear-gradient(129deg, #099fc0 -17.03%, #8358ff 96.4%);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain
}

.how-to__container {
    max-width: 1396px;
    width: 100%;
    padding: 0 22px;
    margin: 0 auto
}

.how-to__title {
    color: #fff;
    text-align: center;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 46px;
    font-style: normal;
    font-weight: 700;
    line-height: 58px;
    margin-bottom: 68px
}

.how-to__items {
    display: flex;
    gap: 24px
}

.how-to__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 10px;
    max-width: 320px;
    width: 100%;
    border-radius: 30px;
    background: rgb(255 255 255/.2);
    box-shadow: 0 16px 30px 0 rgb(0 0 0/.1)
}

.how-to__item-top-wrapper {
    display: flex;
    gap: 10px;
    align-items: center;
    padding: 5px 12px;
    border-radius: 29px;
    background: rgb(40 49 66/.2);
    margin-bottom: 10px
}

.how-to__item-image {
    margin-bottom: 10px
}

.how-to__item-step {
    color: var(--Text-White, #FFF);
    text-align: center;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px
}

.Swiper-guide {
    margin: 0 auto;
    width: 1352px;
    height: 640px
}

.guide-slide {
    height: 580px;
    margin-bottom: 40px;
    display: block;
    font-size: 1.25rem;
    padding: 10px;
    min-width: 320px;
    max-width: 320px;
    width: 100%;
    background: rgb(255 255 255/.2);
    border-radius: 30px;
    text-align: center;
    box-shadow: 0 16px 30px 0 rgb(0 0 0/.1019607843);
    backdrop-filter: blur(10px)
}

.guide-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px
}

.guide-header {
    background: rgb(40 49 66/.2);
    border-radius: 30px;
    display: flex;
    gap: 10px;
    padding: 5px 12px
}

.guide-icon {
    width: 32px;
    height: 32px
}

.guide-img {
    max-width: 100% !important;
    max-height: 100% !important;
    width: 100% !important;
    border-radius: 30px;
    border: 0;
    height: 100% !important
}

.guide-text {
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.6;
    color: #fff;
    place-self: center
}

.swiper-pagination-guide {
    display: none
}

.swiper-pagination-guide .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background-color: #fff
}

@media screen and (max-width:1140px) {
    .guide-container {
        width: 100%;
        overflow: hidden
    }
}

@media screen and (max-width:1380px) {
    .guide-container {
        width: 100%;
        overflow: hidden
    }
    .swiper-pagination-guide {
        display: block !important
    }
}

@media screen and (max-width:480px) {
    .Swiper-guide {
        width: 100%
    }
}

.swap-info {
    padding: 130px 0 0 0
}

@media (max-width:768px) {
    .swap-info {
        padding: 85px 0 0 0
    }
}

.swap-info__container {
    max-width: 999px;
    width: 100%;
    padding: 0 22px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between
}

@media (max-width:768px) {
    .swap-info__container {
        flex-direction: column-reverse;
        gap: 37px
    }
}

.swap-info__right-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    max-width: 451px;
    width: 100%
}

@media (max-width:768px) {
    .swap-info__right-wrapper {
        max-width: 100%
    }
}

.swap-info__right-wrapper p {
    color: var(--main-font-color);
    font-family: "Plus Jakarta Sans";
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 44px
}

@media (max-width:768px) {
    .swap-info__right-wrapper p {
        font-size: 32px;
        text-align: center
    }
}

.deposit-hero {
    padding: 130px 0;
    position: relative
}

.deposit-hero::after {
    content: "";
    width: 100%;
    height: 906px;
    display: block;
    border-radius: 1593px;
    background: linear-gradient(9deg, var(--first-shadow-color) 58.95%, var(--second-shadow-color) 62.75%);
    filter: blur(148.6999969482px);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -10
}

@media (max-width:768px) {
    .deposit-hero::after {
        display: none
    }
}

@media (max-width:768px) {
    .deposit-hero {
        padding: 85px 0
    }
}

.deposit-hero__container {
    max-width: 994px;
    width: 100%;
    padding: 0 22px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between
}

@media (max-width:1024px) {
    .deposit-hero__container {
        flex-direction: column;
        justify-content: flex-start;
        gap: 50px
    }
}

.deposit-hero__left-wrapper {
    max-width: 510px;
    width: 100%
}

@media (max-width:1024px) {
    .deposit-hero__left-wrapper {
        max-width: 100%
    }
}

.deposit-hero__right-wrapper {
    max-width: 410px;
    width: 100%
}

@media (max-width:1024px) {
    .deposit-hero__right-wrapper {
        max-width: 100%
    }
}

.deposit-hero__icon {
    margin-bottom: 10px
}

.deposit-hero__title {
    color: var(--main-font-color);
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 46px;
    font-style: normal;
    font-weight: 700;
    line-height: 58px;
    margin-bottom: 24px
}

@media (max-width:768px) {
    .deposit-hero__title {
        font-size: 32px;
        line-height: 44px
    }
}

.deposit-hero__list {
    display: flex;
    flex-direction: column;
    gap: 30px;
    margin-bottom: 48px
}

.deposit-hero__item {
    color: var(--main-font-color);
    position: relative;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px;
    padding-left: 21px
}

.deposit-hero__item::before {
    content: "";
    width: 11px;
    height: 11px;
    background: linear-gradient(129deg, #e64dff -17.03%, #ff4d78 96.4%);
    position: absolute;
    left: 0;
    top: 11px;
    border-radius: 100%
}

.deposit-hero__link {
    display: flex;
    gap: 10px;
    padding: 8px 20px;
    color: #fff;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    border-radius: 26px;
    background: radial-gradient(50% 50%at 50% 50%, #587eff 47%, #5478f4 100%);
    max-width: 288px;
    width: 100%
}

.deposit-description {
    padding: 90px 0
}

@media (max-width:768px) {
    .deposit-description {
        padding: 85px 0
    }
}

.deposit-description__container {
    max-width: 994px;
    width: 100%;
    padding: 0 22px;
    margin: 0 auto
}

.deposit-description__title {
    color: var(--main-font-color);
    text-align: center;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 46px;
    font-style: normal;
    font-weight: 700;
    line-height: 58px;
    margin-bottom: 68px
}

@media (max-width:768px) {
    .deposit-description__title {
        font-size: 32px;
        line-height: 44px;
        margin-bottom: 24px
    }
}

.deposit-description__subtitle {
    color: var(--main-font-color);
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 44px;
    margin-bottom: 68px
}

@media (max-width:768px) {
    .deposit-description__subtitle {
        font-size: 24px;
        line-height: 38px;
        margin-bottom: 24px
    }
}

.deposit-description__items {
    display: flex;
    justify-content: space-between;
    gap: 40px;
    margin-bottom: 43px
}

@media (max-width:1024px) {
    .deposit-description__items {
        flex-direction: column;
        align-items: center
    }
}

@media (max-width:768px) {
    .deposit-description__items {
        margin-bottom: 60px;
        gap: 24px
    }
}

.deposit-description__item {
    max-width: 33.3%;
    width: 100%;
    padding: 24px 16px;
    border-radius: 30px;
    background: rgb(255 255 255/.2);
    box-shadow: 0 16px 30px 0 rgb(0 0 0/.1);
    display: flex;
    flex-direction: column;
    align-items: center
}

@media (max-width:768px) {
    .deposit-description__item {
        max-width: 100%
    }
}

.deposit-description__item-image {
    margin-bottom: 20px
}

.deposit-description__item-title {
    text-align: center;
    color: var(--main-font-color);
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 44px;
    margin-bottom: 10px
}

@media (max-width:768px) {
    .deposit-description__item-title {
        font-size: 24px;
        line-height: 38px
    }
}

.deposit-description__item-text {
    text-align: center;
    color: var(--main-font-color);
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px
}

.deposit-description__text {
    color: var(--main-font-color);
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px
}

.deposit-how-to {
    padding: 90px 0 50px 0;
    background: url(assets/images/Union.ddfc4fc6ac.png), linear-gradient(129deg, #099fc0 -17.03%, #8358ff 96.4%);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain
}

.deposit-how-to__container {
    max-width: 994px;
    width: 100%;
    padding: 0 22px;
    margin: 0 auto
}

.deposit-how-to__title {
    color: #fff;
    text-align: center;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 46px;
    font-style: normal;
    font-weight: 700;
    line-height: 58px;
    margin-bottom: 68px
}

.connect-hero {
    position: relative;
    padding: 130px 0
}

@media (max-width:768px) {
    .connect-hero {
        padding: 85px 0
    }
}

.connect-hero::after {
    content: "";
    width: 100%;
    height: 906px;
    display: block;
    border-radius: 1593px;
    background: linear-gradient(9deg, var(--first-shadow-color) 58.95%, var(--second-shadow-color) 62.75%);
    filter: blur(148.6999969482px);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -10
}

@media (max-width:768px) {
    .connect-hero::after {
        display: none
    }
}

.connect-hero__container {
    max-width: 994px;
    width: 100%;
    padding: 0 22px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between
}

@media (max-width:1024px) {
    .connect-hero__container {
        flex-direction: column;
        justify-content: flex-start;
        gap: 70px
    }
}

.connect-hero__left-wrapper {
    max-width: 510px;
    width: 100%
}

@media (max-width:1024px) {
    .connect-hero__left-wrapper {
        max-width: 100%
    }
}

.connect-hero__icon {
    margin-bottom: 10px
}

.connect-hero__title {
    color: var(--main-font-color);
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 46px;
    font-style: normal;
    font-weight: 700;
    line-height: 58px;
    margin-bottom: 24px
}

@media (max-width:768px) {
    .connect-hero__title {
        font-size: 32px;
        line-height: 44px
    }
}

.connect-hero__list {
    display: flex;
    flex-direction: column;
    gap: 30px;
    margin-bottom: 48px
}

.connect-hero__item {
    color: var(--main-font-color);
    position: relative;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px;
    padding-left: 21px
}

.connect-hero__item::before {
    content: "";
    width: 11px;
    height: 11px;
    background: linear-gradient(129deg, #e64dff -17.03%, #ff4d78 96.4%);
    position: absolute;
    left: 0;
    top: 11px;
    border-radius: 100%
}

.connect-hero__link {
    display: flex;
    gap: 10px;
    padding: 8px 20px;
    color: #fff;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    border-radius: 26px;
    background: radial-gradient(50% 50%at 50% 50%, #587eff 47%, #5478f4 100%);
    max-width: 288px;
    width: 100%
}

.connect-description {
    padding: 90px 0;
    position: relative
}

.connect-description::after {
    content: "";
    width: 100%;
    height: 906px;
    display: block;
    border-radius: 1593px;
    background: linear-gradient(9deg, var(--first-shadow-color) 58.95%, var(--second-shadow-color) 62.75%);
    filter: blur(148.6999969482px);
    position: absolute;
    top: 15%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -10
}

@media (max-width:768px) {
    .connect-description::after {
        display: none
    }
}

@media (max-width:768px) {
    .connect-description {
        padding: 85px 0
    }
}

.connect-description__container {
    max-width: 994px;
    width: 100%;
    padding: 0 22px;
    margin: 0 auto
}

.connect-description__title {
    color: var(--main-font-color);
    text-align: center;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 46px;
    font-style: normal;
    font-weight: 700;
    line-height: 58px;
    margin-bottom: 70px
}

@media (max-width:768px) {
    .connect-description__title {
        font-size: 32px;
        line-height: 44px;
        margin-bottom: 24px
    }
}

.connect-description__first-text {
    color: var(--main-font-color);
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px;
    margin-bottom: 70px
}

@media (max-width:768px) {
    .connect-description__first-text {
        margin-bottom: 40px
    }
}

.connect-description__image {
    margin-bottom: 100px
}

@media (max-width:768px) {
    .connect-description__image {
        margin-bottom: 40px
    }
}

.connect-description__wrapper {
    margin-bottom: 60px;
    display: flex;
    justify-content: space-between
}

@media (max-width:900px) {
    .connect-description__wrapper {
        flex-direction: column
    }
}

.connect-description__left-wrapper {
    max-width: 451px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center
}

@media (max-width:768px) {
    .connect-description__left-wrapper {
        max-width: 100%;
        margin-bottom: 35px
    }
}

.connect-description__wrapper-text {
    color: var(--main-font-color);
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 44px
}

.connect-description__right-wrapper {
    max-width: 377px;
    width: 100%
}

@media (max-width:768px) {
    .connect-description__right-wrapper {
        max-width: 100%
    }
}

.connect-description__second-text {
    color: var(--main-font-color);
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px
}

.stake-hero {
    padding: 85px 0;
    position: relative
}

.stake-hero::after {
    content: "";
    width: 100%;
    height: 906px;
    display: block;
    border-radius: 1593px;
    background: linear-gradient(9deg, var(--first-shadow-color) 58.95%, var(--second-shadow-color) 62.75%);
    filter: blur(148.6999969482px);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -10
}

@media (max-width:768px) {
    .stake-hero::after {
        display: none
    }
}

@media (max-width:768px) {
    .stake-hero {
        padding: 85px 0
    }
}

.stake-hero__container {
    max-width: 994px;
    width: 100%;
    padding: 0 22px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between
}

@media (max-width:1024px) {
    .stake-hero__container {
        flex-direction: column;
        justify-content: flex-start;
        gap: 72px
    }
}

.stake-hero__left-wrapper {
    max-width: 510px;
    width: 100%
}

@media (max-width:1024px) {
    .stake-hero__left-wrapper {
        max-width: 100%
    }
}

.stake-hero__icon {
    margin-bottom: 10px
}

.stake-hero__title {
    color: var(--main-font-color);
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 46px;
    font-style: normal;
    font-weight: 700;
    line-height: 58px;
    margin-bottom: 24px
}

@media (max-width:768px) {
    .stake-hero__title {
        font-size: 32px;
        line-height: 44px
    }
}

.stake-hero__list {
    display: flex;
    flex-direction: column;
    gap: 30px;
    margin-bottom: 48px
}

.stake-hero__item {
    color: var(--main-font-color);
    position: relative;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px;
    padding-left: 21px
}

.stake-hero__item::before {
    content: "";
    width: 11px;
    height: 11px;
    background: linear-gradient(129deg, #e64dff -17.03%, #ff4d78 96.4%);
    position: absolute;
    left: 0;
    top: 11px;
    border-radius: 100%
}

.stake-hero__link {
    display: flex;
    gap: 10px;
    padding: 8px 20px;
    color: #fff;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    border-radius: 26px;
    background: radial-gradient(50% 50%at 50% 50%, #587eff 47%, #5478f4 100%);
    max-width: 288px;
    width: 100%
}

.stake-description {
    padding: 90px 0
}

@media (max-width:768px) {
    .stake-description {
        padding: 85px 0
    }
}

.stake-description__container {
    max-width: 994px;
    width: 100%;
    padding: 0 22px;
    margin: 0 auto
}

.stake-description__title {
    color: var(--main-font-color);
    text-align: center;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 46px;
    font-style: normal;
    font-weight: 700;
    line-height: 58px;
    margin-bottom: 68px
}

@media (max-width:768px) {
    .stake-description__title {
        font-size: 32px;
        line-height: 44px;
        margin-bottom: 24px
    }
}

.stake-description__first-text {
    color: var(--main-font-color);
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px;
    margin-bottom: 70px
}

@media (max-width:768px) {
    .stake-description__first-text {
        margin-bottom: 32px
    }
}

.stake-description__wrapper {
    display: flex;
    justify-content: space-between;
    margin-bottom: 70px
}

@media (max-width:1024px) {
    .stake-description__wrapper {
        flex-direction: column;
        gap: 60px;
        margin-bottom: 60px;
        justify-content: flex-start;
        align-items: center
    }
}

.stake-description__right-wrapper {
    padding-top: 144px;
    max-width: 452px;
    width: 100%
}

@media (max-width:1024px) {
    .stake-description__right-wrapper {
        padding-top: 0;
        max-width: 100%
    }
}

.stake-description__wrapper-title {
    color: var(--main-font-color);
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 44px;
    margin-bottom: 24px
}

@media (max-width:768px) {
    .stake-description__wrapper-title {
        font-size: 24px;
        line-height: 38px
    }
}

.stake-description__wrapper-text {
    color: var(--main-font-color);
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px
}

.stake-description__subtitle {
    color: var(--main-font-color);
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 44px;
    margin-bottom: 24px
}

@media (max-width:768px) {
    .stake-description__subtitle {
        font-size: 24px;
        line-height: 38px
    }
}

.stake-description__second-text {
    color: var(--main-font-color);
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px;
    margin-bottom: 70px
}

.stake-description__schema-wrapper {
    margin-bottom: 70px
}

.stake-description__third-text {
    color: var(--main-font-color);
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px;
    margin-bottom: 70px
}

.stake-description__fourth-text {
    color: var(--main-font-color);
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px;
    margin-bottom: 30px
}

.stake-description__items {
    display: flex;
    flex-direction: column;
    gap: 30px
}

.stake-description__item {
    color: var(--main-font-color);
    position: relative;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px;
    padding-left: 21px
}

.stake-description__item span {
    font-weight: 700
}

.stake-description__item::before {
    content: "";
    width: 11px;
    height: 11px;
    background: linear-gradient(129deg, #e64dff -17.03%, #ff4d78 96.4%);
    position: absolute;
    left: 0;
    top: 11px;
    border-radius: 100%
}

.stake-socials {
    padding: 130px 0
}

@media (max-width:768px) {
    .stake-socials {
        padding: 85px 0
    }
}

.defi-hero {
    padding: 90px 0;
    position: relative
}

.defi-hero--dark::after {
    content: "";
    width: 100%;
    height: 582px;
    display: block;
    border-radius: 1593px;
    background: linear-gradient(9deg, var(--first-shadow-color) 58.95%, var(--second-shadow-color) 62.75%);
    filter: blur(148.6999969482px);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -10
}

@media (max-width:768px) {
    .defi-hero {
        padding: 80px 0 40px 0
    }
}

.defi-hero__container {
    max-width: 994px;
    width: 100%;
    padding: 0 22px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between
}

@media (max-width:1024px) {
    .defi-hero__container {
        flex-direction: column
    }
}

.defi-hero__left-wrapper {
    max-width: 510px;
    width: 100%
}

@media (max-width:1024px) {
    .defi-hero__left-wrapper {
        max-width: 100%;
        margin-bottom: 50px
    }
}

.defi-hero__icon {
    margin-bottom: 10px
}

.defi-hero__title {
    color: var(--main-font-color);
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 46px;
    font-style: normal;
    font-weight: 700;
    line-height: 58px;
    margin-bottom: 24px
}

@media (max-width:768px) {
    .defi-hero__title {
        font-size: 32px;
        line-height: 44px
    }
}

.defi-hero__list {
    display: flex;
    flex-direction: column;
    gap: 30px;
    margin-bottom: 48px
}

@media (max-width:768px) {
    .defi-hero__list {
        margin-bottom: 30px
    }
}

.defi-hero__item {
    color: var(--main-font-color);
    position: relative;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px;
    padding-left: 21px
}

.defi-hero__item::before {
    content: "";
    width: 11px;
    height: 11px;
    background: linear-gradient(129deg, #e64dff -17.03%, #ff4d78 96.4%);
    position: absolute;
    left: 0;
    top: 11px;
    border-radius: 100%
}

.defi-hero__link {
    display: flex;
    gap: 10px;
    padding: 8px 20px;
    color: #fff;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    border-radius: 26px;
    background: radial-gradient(50% 50%at 50% 50%, #587eff 47%, #5478f4 100%);
    max-width: 288px;
    width: 100%
}

@media (max-width:768px) {
    .defi-hero__link {
        font-size: 14px;
        line-height: 18px;
        padding: 6px 16px;
        gap: 8px;
        max-width: 240px
    }
}

.defi-video {
    padding: 120px 0;
    background: url(assets/images/slider-bg.9e75627493.png), linear-gradient(129deg, #099fc0 -17.03%, #8358ff 96.4%)
}

@media (max-width:768px) {
    .defi-video {
        padding: 90px 0
    }
}

.defi-video__container {
    max-width: 994px;
    width: 100%;
    padding: 0 22px;
    margin: 0 auto
}

.defi-video__thumbnail {
    position: relative
}

.defi-video__play-button {
    position: absolute;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 125px;
    background: 0 0;
    border: 0;
    color: #fff;
    cursor: pointer
}

.defi-video__video-container {
    border-radius: 30px;
    overflow: hidden
}

.defi-video__video-container iframe {
    max-width: 950px;
    width: 100%;
    height: 535px
}

.defi-description {
    padding: 90px 0 10px;
    position: relative
}

.defi-description::after {
    content: "";
    width: 100%;
    height: 582px;
    display: block;
    border-radius: 1593px;
    background: linear-gradient(9deg, var(--first-shadow-color) 58.95%, var(--second-shadow-color) 62.75%);
    filter: blur(148.6999969482px);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -10
}

@media (max-width:768px) {
    .defi-description {
        padding: 85px 0
    }
}

.defi-description__container {
    max-width: 994px;
    width: 100%;
    padding: 0 22px;
    margin: 0 auto
}

.defi-description__title {
    color: var(--main-font-color);
    text-align: center;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 46px;
    font-style: normal;
    font-weight: 700;
    line-height: 58px;
    margin-bottom: 68px
}

@media (max-width:768px) {
    .defi-description__title {
        margin-bottom: 24px;
        font-size: 32px;
        line-height: 44px
    }
}

.defi-description__wrapper {
    display: flex;
    justify-content: space-between
}

@media (max-width:768px) {
    .defi-description__wrapper {
        flex-direction: column;
        justify-content: flex-start
    }
}

.defi-description__left-wrapper {
    max-width: 473px;
    width: 100%
}

@media (max-width:768px) {
    .defi-description__left-wrapper {
        max-width: 100%;
        margin-bottom: 60px
    }
}

.defi-description__subtitle {
    color: var(--main-font-color);
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 44px;
    margin-bottom: 24px
}

@media (max-width:768px) {
    .defi-description__subtitle {
        font-size: 24px;
        line-height: 38px
    }
}

.defi-description__text {
    color: var(--main-font-color);
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px;
    margin-bottom: 24px
}

@media (max-width:768px) {
    .defi-description__text {
        margin-bottom: 30px
    }
}

.defi-description__list {
    display: flex;
    flex-direction: column;
    gap: 30px
}

.defi-description__item {
    color: var(--main-font-color);
    position: relative;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px;
    padding-left: 21px
}

.defi-description__item::before {
    content: "";
    width: 11px;
    height: 11px;
    background: linear-gradient(129deg, #e64dff -17.03%, #ff4d78 96.4%);
    position: absolute;
    left: 0;
    top: 11px;
    border-radius: 100%
}

.defi-socials {
    padding-bottom: 130px;
    padding-top: 130px;
    position: relative
}

@media (max-width:768px) {
    .defi-socials {
        padding-bottom: 85px;
        padding-top: 85px
    }
}

.defi-socials::after {
    content: "";
    width: 100%;
    height: 582px;
    display: block;
    border-radius: 1593px;
    background: linear-gradient(9deg, rgb(61 95 247/.5) 58.95%, rgb(40 54 102/.5) 62.75%);
    filter: blur(148.6999969482px);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -10
}

@media (max-width:768px) {
    .defi-socials {
        padding-bottom: 85px
    }
}

.defi-socials__container {
    max-width: 994px;
    width: 100%;
    padding: 0 22px;
    margin: 0 auto
}

.defi-socials__title {
    color: var(--main-font-color);
    text-align: center;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 46px;
    font-style: normal;
    font-weight: 700;
    line-height: 58px;
    margin-bottom: 100px
}

@media (max-width:768px) {
    .defi-socials__title {
        font-size: 32px;
        line-height: 44px;
        margin-bottom: 37px
    }
}

.defi-socials__items {
    display: flex;
    gap: 40px;
    justify-content: center
}

@media (max-width:1024px) {
    .defi-socials__items {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, 1fr);
        grid-column-gap: 24px;
        grid-row-gap: 24px
    }
}

.defi-socials__item {
    padding: 22px 0 25px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 200px;
    width: 100%;
    border-radius: 30px;
    background: rgb(255 255 255/.1);
    box-shadow: 0 16px 30px 0 rgb(0 0 0/.1)
}

@media (max-width:1024px) {
    .defi-socials__item {
        max-width: 100%
    }
}

@media (max-width:768px) {
    .defi-socials__item {
        justify-content: center;
        padding: 20px 0
    }
}

.defi-socials__item a {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%
}

.defi-socials__item-icon {
    height: 157px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px
}

@media (max-width:768px) {
    .defi-socials__item-icon {
        max-width: 145px
    }
}

.defi-socials__item-title {
    color: var(--main-font-color);
    text-align: center;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 44px;
    margin-top: auto
}

@media (max-width:768px) {
    .defi-socials__item-title {
        display: none
    }
}

.defi-apps {
    padding: 130px 0 135px 0;
    background: url(assets/images/Union.ddfc4fc6ac.png), linear-gradient(129deg, #099fc0 -17.03%, #8358ff 96.4%);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain
}

@media (max-width:768px) {
    .defi-apps {
        padding: 78px 0 135px 0;
        background-size: cover
    }
}

.defi-apps__container {
    max-width: 994px;
    width: 100%;
    padding: 0 22px;
    margin: 0 auto
}

.defi-apps__title {
    color: #fff;
    text-align: center;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 46px;
    font-style: normal;
    font-weight: 700;
    line-height: 58px;
    margin-bottom: 24px
}

@media (max-width:768px) {
    .defi-apps__title {
        font-size: 32px;
        line-height: 44px;
        margin-bottom: 20px
    }
}

.defi-apps__description {
    color: var(--Text-White, #FFF);
    text-align: center;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 44px;
    margin-bottom: 68px
}

@media (max-width:768px) {
    .defi-apps__description {
        font-size: 24px;
        line-height: 38px;
        margin-bottom: 37px
    }
}

.defi-apps__list {
    display: flex;
    justify-content: center;
    gap: 40px;
    margin-bottom: 40px
}

@media (max-width:1024px) {
    .defi-apps__list {
        margin-bottom: 20px;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, 1fr);
        grid-column-gap: 20px;
        grid-row-gap: 20px
    }
}

.defi-apps__item {
    max-width: 200px;
    width: 100%;
    padding: 22px 0 25px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 30px;
    background: rgb(255 255 255/.2);
    box-shadow: 0 16px 30px 0 rgb(0 0 0/.1)
}

@media (max-width:1024px) {
    .defi-apps__item {
        max-width: 100%;
        padding: 20px 0
    }
}

@media (max-width:768px) {
    .defi-apps__item {
        padding: 20px 0
    }
}

.defi-apps__item-icon {
    margin-bottom: 30px
}

@media (max-width:768px) {
    .defi-apps__item-icon {
        margin-bottom: 0
    }
}

.defi-apps__item-title {
    color: var(--Text-White, #FFF);
    text-align: center;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 44px
}

@media (max-width:768px) {
    .defi-apps__item-title {
        display: none
    }
}

.download-tabs {
    padding: 130px 0 135px 0;
    background: url(assets/images/Union.ddfc4fc6ac.png), linear-gradient(129deg, #099fc0 -17.03%, #8358ff 96.4%);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    height: 1200px
}

@media (max-width:1024px) {
    .download-tabs {
        height: auto
    }
}

@media (max-width:768px) {
    .download-tabs {
        padding: 85px 0;
        background-size: cover
    }
}

.download-tabs__container {
    max-width: 994px;
    width: 100%;
    padding: 0 22px;
    margin: 0 auto
}

.download-tabs__title {
    color: #fff;
    text-align: center;
    font-family: "Plus Jakarta Sans";
    font-size: 46px;
    font-style: normal;
    font-weight: 700;
    line-height: 58px
}

@media (max-width:768px) {
    .download-tabs__title {
        font-size: 32px;
        line-height: 44px
    }
}

.download-tabs__browser-content {
    display: flex;
    justify-content: space-between
}

@media (max-width:1024px) {
    .download-tabs__browser-content {
        flex-direction: column;
        gap: 30px
    }
}

.download-tabs__left-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.download-tabs__right-wrapper {
    width: 100%;
    max-width: 573px
}

@media (max-width:1024px) {
    .download-tabs__right-wrapper {
        max-width: 100%
    }
}

@media (max-width:550px) {
    .download-tabs__right-wrapper img {
        height: 550px;
        object-fit: cover
    }
}

.download-tabs__browser-items {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 24px;
    grid-row-gap: 24px
}

.download-tabs__browser-item {
    max-width: 200px;
    width: 100%;
    padding: 22px 22px 25px 22px;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 30px;
    background: rgb(255 255 255/.2);
    box-shadow: 0 16px 30px 0 rgb(0 0 0/.1)
}

.download-tabs__browser-image {
    width: 573px;
    height: 818px
}

.download-tabs__mobile-links {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 30px
}

.download-tabs__mobile-image {
    max-width: 360px;
    height: 720px
}

.download-tabs__mobile-content {
    justify-content: space-between
}

@media (max-width:1024px) {
    .download-tabs__mobile-content {
        flex-direction: column;
        gap: 30px
    }
}

#horizontal-buttons {
    padding: 70px 0
}

@media (max-width:768px) {
    #horizontal-buttons {
        padding: 20px 0 37px 0
    }
}

.buttons-traveler {
    min-height: 50px;
    max-width: fit-content;
    margin: 0 auto;
    position: relative;
    background-color: #3e4a5b;
    border-radius: 50px;
    display: flex;
    justify-content: center
}

.horizontal-button {
    border: 0;
    min-width: 292px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #3e4a5b;
    gap: 10px;
    font-family: "Plus Jakarta Sans";
    height: 100%;
    padding: 13px 25px;
    border-radius: 50px;
    border: 0;
    color: #fff;
    line-height: 1.5;
    cursor: pointer;
    font-size: 16px;
    font-weight: 700;
    transition: background-color .3s, color .3s, box-shadow .3s
}

@media (max-width:768px) {
    .horizontal-button {
        min-width: 160px
    }
}

.horizontal-button.active {
    color: #587eff;
    background-color: #fff;
    box-shadow: 0 0 2.94px 0 rgb(0 0 0/.3490196078)
}

.horizontal-button svg {
    fill: #fff;
    width: 20px;
    height: 20px
}

.horizontal-button.active svg {
    fill: #587eff
}

.download-rating {
    padding: 130px 0 0 0
}

@media (max-width:768px) {
    .download-rating {
        padding: 85px 0 0 0
    }
}