.header-ppc {
    padding: 32px 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
}

.header-ppc.header-border {
    padding: 12px 0;
    border-bottom: 1px solid var(--color-gray-500);
}

@media (min-width: 992px) {
    .header-ppc.header-border {
        padding-top: 74px;
        border-bottom: none;
    }
}

.header-ppc.stick {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.04);
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.04);
    padding-top: 12px;
    padding-bottom: 12px;
}

@media (min-width: 992px) {
    .header-ppc {
        padding-top: 76px;
    }

    .header-ppc.stick {
        padding-top: 20px;
        padding-bottom: 20px;
    }
}

.header-ppc-logo {
    color: #fff;
}

.header-ppc.stick .header-ppc-logo {
    width: 125px;
}

@media (min-width: 992px) {
    .header-ppc-logo {
        width: 220px;
        height: 55px;
    }

    .header-ppc.stick .header-ppc-logo {
        width: 160px;
        height: 44px;
    }
}

.header-ppc.header-colorful .header-ppc-logo {
    color: var(--purple-300);
}

.header-ppc .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.header-ppc-cta {
    display: none;
    font-size: 16px;
    padding: 8px 20px;
    background-color: #5651D5;
    border-color: #5651D5;
}

@media (min-width: 992px) {
    .header-ppc-cta {
        display: block;
    }

    .header-ppc-cta {
        padding: 18px 20px;
    }

}

.header-ppc.stick .header-ppc-cta {
    display: block;
}

.header[aria-expanded=true] .header-ppc {
    color: #fff;
}

.footer-ppc {
    background-color: #14111B;
    padding: 32px 0;
    position: relative;
}

.footer-ppc:before {
    position: absolute;
    top: -71px;
    left: 0;
    content: "";
    width: 100%;
    height: 71px;
    display: block;
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 390 71'%3E%3Cg fill='%2314111B' clip-path='url(%23a)'%3E%3Cpath d='M-1573 93V57.125c106.09-17.205 229.97-24.931 350.76-21.7 156.2 4.162 302.653 25.816 459.096 29.063 163.925 3.379 327.539-13.082 484.404-27.327 153.779-13.95 307.026-19.282 464.868-10.137 80.253 4.65 155.067 13.826 231.879 22.739C623.668 73.625 897.86 104.075 1091 52.336V93h-2664Z' opacity='.25'/%3E%3Cpath d='M-1573 93V80.747c28.86-16.36 61.36-31.813 105.87-43.586 114.82-30.395 260.43-30.186 392.7-15.136 69.15 7.867 133.397 20.205 199.065 30.846 90.842 14.724 188.101 35.65 290.443 38.494 80.497 2.209 157.398-7.3 218.892-24.46 70.529-19.677 138.35-48.05 230.058-56.574 89.777-8.362 180.597 5.184 264.469 18.817C212.368 42.78 295.352 59.373 388.059 62.51c132.601 4.534 251.482-17.732 374.958-30.1 67.044-6.712 130.98-4.782 193.34 5.812 49.793 8.44 106.563 20.87 134.643 38.161V93h-2664Z' opacity='.5'/%3E%3Cpath d='M-1573 93v-4.363c332.84-41.362 697.28-50.91 1056.343-28.629 95.46 5.921 186.99 15.593 283.294 20.507 130.98 6.688 249.705-9.486 367.543-27.435 130.825-19.925 259.74-33.891 404.484-29.83C730.761 28.675 921.525 58.675 1091 88.978V93h-2664Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M-701 71h1792V0H-701z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

@media (min-width: 992px) {
    .footer-ppc:before {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 1792 93'%3E%3Cg fill='%2314111B' clip-path='url(%23a)'%3E%3Cpath d='M-872 93V57.125c106.094-17.205 229.97-24.931 350.76-21.7 156.199 4.162 302.653 25.816 459.096 29.063C101.781 67.867 265.395 51.406 422.26 37.16c153.779-13.95 307.026-19.282 464.868-10.137 80.253 4.65 155.062 13.826 231.882 22.739 205.66 23.862 479.85 54.312 672.99 2.573V93H-872Z' opacity='.25'/%3E%3Cpath d='M-872 93V80.747c28.86-16.36 61.361-31.813 105.872-43.586C-651.31 6.766-505.7 6.975-373.432 22.025c69.153 7.867 133.399 20.205 199.067 30.846 90.842 14.724 188.1 35.65 290.443 38.494 80.497 2.209 157.398-7.3 218.892-24.46 70.529-19.677 138.35-48.05 230.058-56.574 89.777-8.362 180.597 5.184 264.469 18.817C913.368 42.78 996.352 59.373 1089.06 62.51c132.6 4.534 251.48-17.732 374.96-30.1 67.04-6.712 130.98-4.782 193.34 5.812 49.79 8.44 106.56 20.87 134.64 38.161V93H-872Z' opacity='.5'/%3E%3Cpath d='M-872 93v-4.363c332.845-41.362 697.28-50.91 1056.343-28.629 95.46 5.921 186.99 15.593 283.294 20.507 130.98 6.688 249.705-9.486 367.543-27.435 130.825-19.925 259.74-33.891 404.48-29.83 192.1 5.425 382.87 35.425 552.34 65.728V93H-872Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 93h1792V0H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
        top: -93px;
        height: 93px;
    }
}

.footer-ppc.flat:before {
    content: none;
}

.footer-ppc-logo {
    color: #fff;
}

@media (min-width: 992px) {
    .footer-ppc-logo {
        width: 156px;
        height: 40px;
    }
}

.footer-ppc-copy {
    padding-top: 32px;
    margin-top: 32px;
    border-top: 1px solid #4C4A52;
    color: #A1A0A4;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 20px;
}

@media (min-width: 992px) {
    .footer-ppc-copy {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

.footer-ppc.lg {
    padding-top: 60px;
}

.footer-ppc.lg .footer-ppc-copy {
    margin-top: 60px;
}

@media (min-width: 992px) {
    .footer-ppc.lg {
        padding-top: 80px;
    }

    .footer-ppc.lg .footer-ppc-copy {
        margin-top: 80px;
    }
}

.row {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    -webkit-column-gap: 24px;
    -moz-column-gap: 24px;
    column-gap: 24px;
}

.gap-sm {
    gap: 12px;
}

.gap-md {
    gap: 24px;
}

.gap-row-0 {
    row-gap: 0;
}

.gap-row-sm {
    row-gap: 12px;
}

.gap-row-md {
    row-gap: 24px;
}

.gap-column-0 {
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0;
}

.gap-column-sm {
    -webkit-column-gap: 12px;
    -moz-column-gap: 12px;
    column-gap: 12px;
}

.col-1 {
    grid-column-end: span 1;
}

.col-2 {
    grid-column-end: span 2;
}

.col-3 {
    grid-column-end: span 3;
}

.col-4 {
    grid-column-end: span 4;
}

.col-5 {
    grid-column-end: span 5;
}

.col-6 {
    grid-column-end: span 6;
}

.col-7 {
    grid-column-end: span 7;
}

.col-8 {
    grid-column-end: span 8;
}

.col-9 {
    grid-column-end: span 9;
}

.col-10 {
    grid-column-end: span 10;
}

.col-11 {
    grid-column-end: span 11;
}

.col-12 {
    grid-column-end: span 12;
}

@media (min-width: 992px) {
    .col-lg-1 {
        grid-column-end: span 1;
    }
}

@media (min-width: 992px) {
    .col-lg-2 {
        grid-column-end: span 2;
    }
}

@media (min-width: 992px) {
    .col-lg-3 {
        grid-column-end: span 3;
    }
}

@media (min-width: 992px) {
    .col-lg-4 {
        grid-column-end: span 4;
    }
}

@media (min-width: 992px) {
    .col-lg-5 {
        grid-column-end: span 5;
    }
}

@media (min-width: 992px) {
    .col-lg-6 {
        grid-column-end: span 6;
    }
}

@media (min-width: 992px) {
    .col-lg-7 {
        grid-column-end: span 7;
    }
}

@media (min-width: 992px) {
    .col-lg-8 {
        grid-column-end: span 8;
    }
}

@media (min-width: 992px) {
    .col-lg-9 {
        grid-column-end: span 9;
    }
}

@media (min-width: 992px) {
    .col-lg-10 {
        grid-column-end: span 10;
    }
}

@media (min-width: 992px) {
    .col-lg-11 {
        grid-column-end: span 11;
    }
}

@media (min-width: 992px) {
    .col-lg-12 {
        grid-column-end: span 12;
    }
}

@media (min-width: 1200px) {
    .col-xl-1 {
        grid-column-end: span 1;
    }
}

@media (min-width: 1200px) {
    .col-xl-2 {
        grid-column-end: span 2;
    }
}

@media (min-width: 1200px) {
    .col-xl-3 {
        grid-column-end: span 3;
    }
}

@media (min-width: 1200px) {
    .col-xl-4 {
        grid-column-end: span 4;
    }
}

@media (min-width: 1200px) {
    .col-xl-5 {
        grid-column-end: span 5;
    }
}

@media (min-width: 1200px) {
    .col-xl-6 {
        grid-column-end: span 6;
    }
}

@media (min-width: 1200px) {
    .col-xl-7 {
        grid-column-end: span 7;
    }
}

@media (min-width: 1200px) {
    .col-xl-8 {
        grid-column-end: span 8;
    }
}

@media (min-width: 1200px) {
    .col-xl-9 {
        grid-column-end: span 9;
    }
}

@media (min-width: 1200px) {
    .col-xl-10 {
        grid-column-end: span 10;
    }
}

@media (min-width: 1200px) {
    .col-xl-11 {
        grid-column-end: span 11;
    }
}

@media (min-width: 1200px) {
    .col-xl-12 {
        grid-column-end: span 12;
    }
}

@media (min-width: 992px) {
    .offset-lg-1 {
        grid-column-start: 2;
    }
}

@media (min-width: 992px) {
    .offset-lg-2 {
        grid-column-start: 3;
    }
}

@media (min-width: 992px) {
    .offset-lg-3 {
        grid-column-start: 4;
    }
}

@media (min-width: 992px) {
    .offset-lg-4 {
        grid-column-start: 5;
    }
}

@media (min-width: 992px) {
    .offset-lg-5 {
        grid-column-start: 6;
    }
}

@media (min-width: 992px) {
    .offset-lg-6 {
        grid-column-start: 7;
    }
}

@media (min-width: 992px) {
    .offset-lg-7 {
        grid-column-start: 8;
    }
}

@media (min-width: 992px) {
    .offset-lg-8 {
        grid-column-start: 9;
    }
}

@media (min-width: 992px) {
    .offset-lg-9 {
        grid-column-start: 10;
    }
}

@media (min-width: 992px) {
    .offset-lg-10 {
        grid-column-start: 11;
    }
}

@media (min-width: 992px) {
    .offset-lg-11 {
        grid-column-start: 12;
    }
}

@media (min-width: 992px) {
    .offset-lg-12 {
        grid-column-start: 13;
    }
}

@media (min-width: 1200px) {
    .offset-xl-1 {
        grid-column-start: 2;
    }
}

@media (min-width: 1200px) {
    .offset-xl-2 {
        grid-column-start: 3;
    }
}

@media (min-width: 1200px) {
    .offset-xl-3 {
        grid-column-start: 4;
    }
}

@media (min-width: 1200px) {
    .offset-xl-4 {
        grid-column-start: 5;
    }
}

@media (min-width: 1200px) {
    .offset-xl-5 {
        grid-column-start: 6;
    }
}

@media (min-width: 1200px) {
    .offset-xl-6 {
        grid-column-start: 7;
    }
}

@media (min-width: 1200px) {
    .offset-xl-7 {
        grid-column-start: 8;
    }
}

@media (min-width: 1200px) {
    .offset-xl-8 {
        grid-column-start: 9;
    }
}

@media (min-width: 1200px) {
    .offset-xl-9 {
        grid-column-start: 10;
    }
}

@media (min-width: 1200px) {
    .offset-xl-10 {
        grid-column-start: 11;
    }
}

@media (min-width: 1200px) {
    .offset-xl-11 {
        grid-column-start: 12;
    }
}

@media (min-width: 1200px) {
    .offset-xl-12 {
        grid-column-start: 13;
    }
}

.hero {
    padding-top: 96px;
    padding-bottom: 48px;
    background: #F2F0ED;
    overflow: hidden;
    position: relative;
    z-index: 0;
    text-align: center;
}

@media (min-width: 992px) {
    .hero {
        padding-top: 198px;
        text-align: left;
    }
}

.hero-title {
    font-size: 40px;
    letter-spacing: -2px;
    line-height: 48px;
    text-align: left;
}

@media (min-width: 992px) {
    .hero-title {
        font-size: 72px;
        margin-bottom: 48px;
        line-height: 72px;
        letter-spacing: -4px;
    }
}

.hero-heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
    color: #30302F;
    line-height: 1.4;
    letter-spacing: -0.33px;
}

@media (min-width: 992px) {
    .hero-heading {
        font-size: 20px;
        gap: 40px;
    }
}

.hero-heading strong {
    font-weight: 500;
}

.hero-heading>* {
    margin-bottom: 0;
}

.hero-btn .btn {
    gap: 4px;
}

@media (max-width: 575px) {
    .hero-btn .btn {
        width: 100%;
        margin-top: 20px;
    }
}

.hero-cards {
    text-align: left;
    position: relative;
    margin-top: 56px;
}

.hero-cards .img-fluid {
    position: relative;
    z-index: 2;
    width: 93%;
    height: 100%;
    object-fit: contain;
    border-radius: 8px;
    box-shadow: 8px 8px 6px 0 rgba(113, 108, 101, 0.20);
}

@media (min-width: 992px) {
    .hero-cards .img-fluid {
        box-shadow: 20px 20px 16px 0 rgba(113, 108, 101, 0.20);
        width: 775px;
        border-radius: 20px;
    }
}

.hero-cards:before {
    content: "";
    position: absolute;
    border-radius: 8px;
    right: 0;
    height: calc(100% + 40px);
    background: #ECEBE7;
    z-index: 0;
    width: 93%;
    top: 0;
    bottom: 0;
    margin: auto;
}

@media (min-width: 1200px) {
    .hero-cards:before {
        height: 550px;
        border-radius: 20px;
        width: 774px;
        left: 54px;
    }
}

.hero-cards-wrap {
    width: auto;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    gap: 8px;
    -webkit-animation: animate-cards 20s linear infinite;
    animation: animate-cards 20s linear infinite;
}

.hero-card {
    border-radius: 20px;
    background: #F9F8F5;
    padding: 28px 16px 30px;
    width: 268px;
}

@media (max-width: 1199px) {
    .hero-card {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 268px;
        flex: 0 0 268px;
    }
}

@media (min-width: 1200px) {
    .hero-card {
        width: 100%;
        padding: 10px 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 20px;
    }
}

.hero-card-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
    margin-bottom: 16px;
}

@media (min-width: 1200px) {
    .hero-card-header {
        text-align: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 214px;
        flex: 0 0 214px;
        padding: 10px 24px;
        border-right: 1px solid #EEECE6;
        margin-bottom: 0;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.hero-card-avatar {
    width: 64px;
    height: 64px;
    border-radius: 50%;
}

@media (min-width: 1200px) {
    .hero-card-avatar {
        width: 88px;
        height: 88px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 14px;
    }
}

.hero-card-avatar img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.hero-card-author {
    color: #8A8A87;
    font-size: 14px;
    letter-spacing: -0.5px;
}

.hero-card-author-name {
    color: #30302F;
    font-size: 14px;
    line-height: 1.71;
    font-weight: 600;
}

.hero-card-author-age {
    color: #635BFF;
}

@media (min-width: 1200px) {
    .hero-card-author-age {
        margin-top: 16px;
        font-size: 12px;
    }
}

.hero-card-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media (min-width: 1200px) {
    .hero-card-body {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 10px 24px 10px 0;
    }
}

.hero-card-data {
    color: #8A8A87;
    font-size: 12px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.5px;
}

.hero-card-data b {
    margin-top: 6px;
    color: #30302F;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: -0.5px;
    display: block;
}

.hero-card-data.habilities {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid #EEECE6;
}

@media (min-width: 1200px) {
    .hero-card-data.habilities {
        gap: 0;
        margin-top: 8px;
        padding-top: 0;
        border-top: 0;
        padding-bottom: 12px;
        border-bottom: 1px solid #EEECE6;
    }
}

.hero-card-habilities {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 4px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
}

.hero-card-habilities span {
    background-color: #EEEDFF;
    color: #4732D1;
    padding: 2px 4px;
    border-radius: 6px;
    margin-top: 6px;
}

.hero-card-cta {
    margin-top: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
}

@media (min-width: 1200px) {
    .hero-card-cta {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        margin-top: 16px;
    }
}

.hero-card-cta svg {
    color: #E5E3DC;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 28px;
    flex: 0 0 28px;
}

.hero-card-cta .btn {
    cursor: auto;
    font-size: 12px;
    padding: 4px 16px;
    border-radius: 8px;
}

@media (max-width: 1199px) {
    .hero-card-cta .btn {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
}

.hero-card-cta .btn:hover {
    background: #5644F4;
}

.checklist {
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: -0.18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    text-align: left;
    gap: 8px;
    list-style: none;
    padding: 0;
}

@media (min-width: 992px) {
    .checklist {
        line-height: 1.2;
        font-size: 20px;
        gap: 20px;
    }
}

.checklist li {
    padding-left: 36px;
    background-size: 24px 24px;
    background-position: center left;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath  d='M0 0h24v24H0z' style='mix-blend-mode:multiply'/%3E%3Ccircle cx='12' cy='12' r='8' fill='%23fff'/%3E%3Cpath fill='%236A64F2' d='M12 1.5a10.5 10.5 0 1 0 0 21 10.5 10.5 0 0 0 0-21Zm-1.5 14.693-3.75-3.75 1.193-1.193 2.557 2.557 5.558-5.557 1.196 1.19-6.754 6.753Z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
}

@media (min-width: 992px) {
    .checklist li {
        background-size: 28px 28px;
        padding-left: 40px;
    }
}

@-webkit-keyframes animate-cards {
    from {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    to {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}

@keyframes animate-cards {
    from {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    to {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}

@-webkit-keyframes animate-cards-lg {
    from {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    to {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}

@keyframes animate-cards-lg {
    from {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    to {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}

.saas-section {
    display: none;
    padding-top: 120px;
    text-align: center;
    overflow: hidden;
}

@media (min-width: 992px) {
    .saas-section {
        display: block;
    }
}

.saas-section-title {
    font-size: 44px;
    line-height: 52px;
    letter-spacing: -0.431px;
    margin-bottom: 64px;
}

.saas-section .img-fluid {
    display: block;
    max-width: 100%;
    margin: 0 auto -124px;
    height: auto;
}

.evaluation-ecosystem {
    background-color: #141414;
    padding: 48px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.evaluation-ecosystem.evaluation-ecosystem-2 {
    background-color: #FFFFFF;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 32px;
}

@media (min-width: 992px) {
    .evaluation-ecosystem.evaluation-ecosystem-2 {
        gap: 64px;
    }
}

.evaluation-ecosystem.evaluation-ecosystem-2 .ecosystem-title {
    color: #141414;
}

.evaluation-ecosystem.evaluation-ecosystem-2 .card-icon {
    background-color: #ECE8E4;
}

.evaluation-ecosystem.evaluation-ecosystem-2 .card-icon svg {
    color: #141414;
}

.evaluation-ecosystem.evaluation-ecosystem-2 .ecosystem-card {
    background: #F6F5F3;
}

.evaluation-ecosystem.evaluation-ecosystem-2 .main-card {
    background: #F6F5F3;
    color: #141414;
    padding: 32px 20px;
}

@media (min-width: 992px) {
    .evaluation-ecosystem.evaluation-ecosystem-2 .main-card {
        padding: 80px 40px 40px;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .evaluation-ecosystem.evaluation-ecosystem-2 .main-card .card-content {
        padding-bottom: 40px;
    }
}

.evaluation-ecosystem.evaluation-ecosystem-2 .main-card .card-content {
    padding: 0;
    padding-bottom: 32px;
}

@media (min-width: 992px) {
    .evaluation-ecosystem.evaluation-ecosystem-2 .main-card .card-content {
        padding-bottom: 40px;
    }
}

.evaluation-ecosystem.evaluation-ecosystem-2 .main-card .card-description {
    color: #3B3937;
}

@media (min-width: 992px) {
    .evaluation-ecosystem.evaluation-ecosystem-2 .main-card .card-title {
        margin-bottom: 20px;
    }
}

.evaluation-ecosystem.evaluation-ecosystem-2 .secondary-card {
    background: #F6F5F3;
    padding: 32px 40px;
}

@media (min-width: 992px) {
    .evaluation-ecosystem.evaluation-ecosystem-2 .secondary-card {
        padding: 40px;
        min-height: 260px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.evaluation-ecosystem.evaluation-ecosystem-2 .secondary-card .card-title {
    color: #141414;
}

.evaluation-ecosystem.evaluation-ecosystem-2 .secondary-card .card-description {
    color: #3B3937;
}

@media (min-width: 992px) {
    .evaluation-ecosystem.evaluation-ecosystem-2 .ecosystem-grid {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    }

    .evaluation-ecosystem.evaluation-ecosystem-2 .main-card {
        grid-column: span 5;
        grid-row: span 3;
    }

    .evaluation-ecosystem.evaluation-ecosystem-2 .secondary-card {
        grid-column: span 4;
    }
}

@media (min-width: 992px) {
    .evaluation-ecosystem {
        padding: 120px 0;
    }
}

.ecosystem-title {
    font-size: 36px;
    font-weight: 600;
    text-align: center;
    color: #FFFFFF;
    margin-bottom: 24px;
    line-height: 1.2;
}

@media (min-width: 992px) {
    .ecosystem-title {
        font-size: 44px;
        margin-bottom: 64px;
    }
}

.ecosystem-grid {
    display: grid;
    gap: 16px;
    grid-template-columns: 1fr;
}

@media (min-width: 992px) {
    .ecosystem-grid {
        grid-template-columns: 1fr 1fr 1fr;
        gap: 8px;
    }
}

.ecosystem-card {
    background: #E0DEFF;
    border-radius: 24px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.main-card {
    background: #E0DEFF;
    color: #30302F;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media (min-width: 992px) {
    .main-card {
        grid-row: span 2;
    }
}

.main-card .card-content {
    padding: 32px 20px;
}

@media (min-width: 992px) {
    .main-card .card-content {
        padding: 32px 40px;
    }
}

.main-card .card-title {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 16px;
}

@media (min-width: 992px) {
    .main-card .card-title {
        font-size: 28px;
    }
}

.main-card .card-description {
    font-size: 16px;
    margin-bottom: 0;
    line-height: 1.2;
    letter-spacing: -0.33px;
}

@media (min-width: 992px) {
    .main-card .card-description {
        font-size: 18px;
    }
}

.main-card .card-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.secondary-card {
    background: #2D2C2B;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 16px;
    padding: 32px;
}

@media (min-width: 992px) {
    .secondary-card {
        min-height: 248px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

.secondary-card .card-icon {
    min-width: 56px;
    min-height: 56px;
    background: #545454;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #FFFFFF;
}

.secondary-card .card-icon svg {
    min-width: 28px;
    min-height: 28px;
}

.secondary-card .card-title {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 8px;
    color: #fff;
}

.secondary-card .card-description {
    font-size: 16px;
    color: #E0E0E0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-bottom: 0;
}

.enhance-hr {
    padding: 48px 0;
    background-color: #F3F2FF;
}

@media (min-width: 768px) {
    .enhance-hr {
        padding: 120px 0;
    }
}

.enhance-hr-title {
    font-size: 36px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 32px;
    color: #141414;
    letter-spacing: -0.98px;
}

@media (min-width: 768px) {
    .enhance-hr-title {
        font-size: 44px;
        margin-bottom: 64px;
    }
}

.enhance-hr-grid {
    display: grid;
    gap: 10px;
    grid-template-columns: 1fr;
}

@media (min-width: 576px) {
    .enhance-hr-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 992px) {
    .enhance-hr-grid {
        grid-template-columns: repeat(4, 1fr);
    }
}

.enhance-hr-card {
    background-color: #C2CCFF;
    border-radius: 14px;
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    height: 108px;
}

.enhance-hr-card-icon {
    width: 32px;
    height: 32px;
}

.enhance-hr-card-text {
    font-size: 16px;
    color: #1D174F;
    margin-bottom: 0;
    font-weight: 500;
    letter-spacing: -0.26px;
    line-height: 1.2;
}

@media (max-width: 992px) {
    .ecosystem-grid .main-card {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }
}

.title-section {
    font-size: 36px;
    line-height: 1.11;
    letter-spacing: -1.11px;
    margin-bottom: 20px;
}

@media (min-width: 992px) {
    .title-section {
        font-size: 50px;
        line-height: 1.08;
        letter-spacing: -1.11px;
    }
}

.box-form {
    width: 100%;
    padding: 24px 20px 40px 20px;
    background-color: #fff;
    border-radius: 20px;
    -webkit-box-shadow: 0 0 1px 0 rgba(17, 17, 17, 0.04), 0 2px 6px 0 rgba(17, 17, 17, 0.04), 0 16px 24px 0 rgba(17, 17, 17, 0.06);
    box-shadow: 0 0 1px 0 rgba(17, 17, 17, 0.04), 0 2px 6px 0 rgba(17, 17, 17, 0.04), 0 16px 24px 0 rgba(17, 17, 17, 0.06);
}

@media (min-width: 992px) {
    .box-form {
        margin-top: -82px;
        padding: 40px;
    }
}

@media (min-width: 1200px) {
    .box-form {
        padding: 52px 56px;
    }
}

.box-form-title {
    font-size: 24px;
    line-height: 1.33;
    margin-bottom: 24px;
    letter-spacing: -0.59px;
}

@media (min-width: 992px) {
    .box-form-title {
        font-size: 28px;
        margin-bottom: 32px;
        line-height: 1.14;
    }
}

.box-form-term {
    color: var(--text-default);
    font-size: 12px;
    font-weight: 400;
    line-height: 1.33;
    margin-top: 16px;
}

.box-form-term a {
    text-decoration: underline;
    color: var(--text-default);
}

.box-form-footer .btn[type=submit] {
    width: 100%;
    margin-top: 24px;
}

.companies {
    background-color: #F2F0ED;
    margin-top: 0;
    margin-bottom: 0;
    text-align: center;
    font-size: 18px;
    line-height: 1.33;
    padding-bottom: 48px;
    color: #141414;
}

@media (min-width: 992px) {
    .companies {
        padding-bottom: 96px;
    }
}

.companies strong {
    font-weight: 500;
}

.companies-logos {
    margin-top: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 24px;
    row-gap: 24px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
}

@media (min-width: 992px) {
    .companies-logos {
        padding: 0;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

.faq .collapse:not(.show) {
    display: none;
}

.faq .collapsing {
    height: 0;
    overflow: hidden;
    -webkit-transition: height 0.35s ease;
    transition: height 0.35s ease;
}

@media (prefers-reduced-motion: reduce) {
    .faq .collapsing {
        -webkit-transition: none;
        transition: none;
    }
}

.accordion {
    border-bottom: 1px solid var(--gray-400);
    border-top: 1px solid var(--gray-400);
    counter-reset: accordion-counter;
}

.accordion-group {
    min-height: 340px;
    margin-bottom: 32px;
}

@media (min-width: 992px) {
    .accordion-group {
        min-height: 434px;
    }
}

.accordion.faq-animation .accordion-item-header:not(.collapsed) .accordion-item-header-title:before {
    -webkit-transition: ease-in 10s;
    transition: ease-in 10s;
}

.accordion-item {
    padding-top: 24px;
    padding-bottom: 24px;
    counter-increment: accordion-counter;
}

@media (min-width: 992px) {
    .accordion-item {
        padding-top: 38px;
        padding-bottom: 38px;
    }
}

.accordion-item+.accordion-item {
    border-top: 1px solid var(--gray-400);
}

.accordion-item-header {
    cursor: pointer;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px;
}

.accordion-item-header:before {
    width: 32px;
    height: 32px;
    background-color: #4442C1;
    content: counter(accordion-counter);
    color: #FFF;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: -0.33px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    -webkit-transition: ease-in 0.3s;
    transition: ease-in 0.3s;
}

@media (min-width: 992px) {
    .accordion-item-header {
        padding-right: 42px;
    }

    .accordion-item-header:after {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23220F3F' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.6' d='m20 8-8 8-8-8'/%3E%3C/svg%3E");
        background-size: contain;
        width: 24px;
        height: 24px;
        content: "";
        position: absolute;
        top: 50%;
        right: 0;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-transition: -webkit-transform 0.15s ease-in-out;
        transition: -webkit-transform 0.15s ease-in-out;
        transition: transform 0.15s ease-in-out;
        transition: transform 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
    }

    .accordion-item-header:not(.collapsed):after {
        -webkit-transform: translateY(-50%) rotate(180deg);
        -ms-transform: translateY(-50%) rotate(180deg);
        transform: translateY(-50%) rotate(180deg);
    }
}

.accordion-item-header-title {
    -webkit-transition: ease-in 0.3s;
    transition: ease-in 0.3s;
    margin-bottom: 0;
    font-size: 18px;
    line-height: 1.33;
    letter-spacing: -0.4px;
}

@media (min-width: 992px) {
    .accordion-item-header-title {
        font-size: 20px;
    }
}

.accordion-item-header-title:before {
    content: "";
    position: absolute;
    top: -26px;
    border-top: 2px solid var(--text-primary);
    left: 0;
    width: 0;
}

@media (min-width: 992px) {
    .accordion-item-header-title:before {
        top: -40px;
    }
}

.accordion-item-header:not(.collapsed) .accordion-item-header-title:before {
    width: 100%;
    -webkit-transition: ease-in 0.3s;
    transition: ease-in 0.3s;
}

.accordion-item-header.collapsed:before {
    background-color: #fff;
    border: 1px solid var(--gray-600);
    color: var(--gray-600);
}

.accordion-item-header.collapsed .accordion-item-header-title {
    color: var(--gray-600);
    font-weight: 500;
}

.accordion-item-body {
    position: relative;
    bottom: 6px;
    padding-left: 48px;
    padding-top: 12px;
    color: var(--text-default);
}

@media (min-width: 992px) {
    .accordion-item-body {
        font-size: 18px;
    }
}

.accordion-item-body p {
    opacity: 1;
    -webkit-transition: ease-in-out 0.3s;
    transition: ease-in-out 0.3s;
}

.accordion-item-body p:last-child {
    margin-bottom: 0;
}

.accordion-item-body.collapsing p {
    opacity: 0;
}

.faq {
    background-color: #FFFFFF;
    padding-bottom: 48px;
    padding-top: 48px;
}

@media (min-width: 992px) {
    .faq {
        padding-top: 80px;
        padding-bottom: 124px;
    }
}

@media (min-width: 992px) {
    .faq .container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 32px;
    }

    .faq .container> :first-child {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 384px;
        flex: 0 0 384px;
        margin-bottom: 0;
    }
}

@media (min-width: 992px) {
    .faq-group {
        position: relative;
        bottom: 32px;
        width: 100%;
        max-width: 600px;
        margin-left: auto;
    }
}

.faq-title {
    margin-bottom: 32px;
}

@media (min-width: 992px) {
    .faq-title {
        font-size: 44px;
        line-height: 1.12;
        letter-spacing: -1.056px;
    }
}

.faq-item+.faq-item {
    border-top: 1px solid var(--border-tertiary);
}

.faq-item+.faq-item:last-child {
    border-bottom: 1px solid var(--border-tertiary);
}

.faq-item-header {
    cursor: pointer;
    padding: 24px 33px 24px 0;
    position: relative;
}

@media (min-width: 992px) {
    .faq-item-header {
        padding: 32px 33px 32px 0;
    }
}

.faq-item-header:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23220F3F' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.6' d='m20 8-8 8-8-8'/%3E%3C/svg%3E");
    background-size: contain;
    width: 24px;
    height: 24px;
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: -webkit-transform 0.15s ease-in-out;
    transition: -webkit-transform 0.15s ease-in-out;
    transition: transform 0.15s ease-in-out;
    transition: transform 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
}

.faq-item-header:not(.collapsed):after {
    -webkit-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
}

.faq-item-body {
    color: var(--text-default);
    letter-spacing: -0.18px;
}

.faq-item-body.collapsing>* {
    opacity: 0;
}

.faq-item-body :last-child {
    margin-bottom: 0;
}

.faq-item-text {
    padding-bottom: 16px;
    opacity: 1;
    -webkit-transition: ease-in-out 0.15s;
    transition: ease-in-out 0.15s;
    position: relative;
    bottom: 8px;
}

.faq-item-text a {
    color: #30302F;
    line-height: 24px;
    letter-spacing: -0.18px;
    text-decoration-line: underline;
}

.faq-item-title {
    font-size: 18px;
    line-height: 1.33;
    margin-bottom: 0;
    letter-spacing: -0.26px;
}

.dialog {
    background-color: #fff;
    position: fixed;
    border-radius: 20px 20px 0 0;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 99999;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    pointer-events: auto;
    -webkit-box-shadow: 0 0 1px 0 rgba(17, 17, 17, 0.04), 0 2px 6px 0 rgba(17, 17, 17, 0.04), 0 16px 24px 0 rgba(17, 17, 17, 0.06);
    box-shadow: 0 0 1px 0 rgba(17, 17, 17, 0.04), 0 2px 6px 0 rgba(17, 17, 17, 0.04), 0 16px 24px 0 rgba(17, 17, 17, 0.06);
}

@media (min-width: 992px) {
    .dialog {
        bottom: auto;
        width: 448px;
        border-radius: 20px;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        -webkit-box-shadow: 0px 0px 1px 0px rgba(17, 17, 17, 0.04), 0px 2px 6px 0px rgba(17, 17, 17, 0.04), 0px 16px 24px 0px rgba(17, 17, 17, 0.06);
        box-shadow: 0px 0px 1px 0px rgba(17, 17, 17, 0.04), 0px 2px 6px 0px rgba(17, 17, 17, 0.04), 0px 16px 24px 0px rgba(17, 17, 17, 0.06);
    }
}

@media (min-width: 1200px) {
    .dialog {
        overflow: hidden;
        width: 956px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

.dialog:not(.show) {
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%);
    opacity: 0;
    pointer-events: none;
}

@media (min-width: 992px) {
    .dialog:not(.show) {
        -webkit-transform: translate(-50%, -36%);
        -ms-transform: translate(-50%, -36%);
        transform: translate(-50%, -36%);
    }
}

.dialog-body {
    padding: 40px 24px;
}

@media (min-width: 992px) {
    .dialog-body {
        padding: 54px 64px;
    }
}

.dialog-image {
    display: none;
}

@media (min-width: 1200px) {
    .dialog-image {
        display: block;
        width: 460px;
        min-width: 460px;
    }
}

.dialog-image img {
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
    width: 100%;
}

.dialog-close {
    position: absolute;
    top: 16px;
    right: 16px;
    cursor: pointer;
    background-color: transparent;
    border: 0;
    color: #797877;
}

.dialog-overlay {
    background: rgba(11, 10, 9, 0.48);
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    opacity: 1;
}

.dialog-overlay:not(.show) {
    opacity: 0;
    height: 0;
}

.dialog-title {
    font-size: 28px;
    line-height: 1.14;
    letter-spacing: -0.59px;
    margin-bottom: 32px;
    color: var(--text-primary);
}

.dialog-title span:last-child {
    display: none;
}

.dialog-title.active span {
    display: none;
}

.dialog-title.active span:last-child {
    display: block;
}

.dialog-open {
    overflow: hidden;
    margin-right: 15px;
}

.signup {
    margin-top: 48px;
    margin-bottom: 56px;
}

@media (min-width: 992px) {
    .signup {
        margin-top: 120px;
        margin-bottom: 124px;
    }
}

.signup-heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
    margin-bottom: 32px;
}

@media (min-width: 992px) {
    .signup-heading {
        font-size: 20px;
        line-height: 1.4;
        margin-bottom: 64px;
    }
}

.signup-heading>* {
    margin: 0;
}

.signup-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 32px;
    counter-reset: signup;
}

@media (min-width: 992px) {
    .signup-list {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: 1fr;
        grid-column-gap: 24px;
    }
}

.signup-item {
    border-radius: 12px;
    position: relative;
    counter-increment: signup;
}

.signup-item:before {
    content: counter(signup);
    position: absolute;
    color: #FFF;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: -0.18px;
    width: 20px;
    height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #141414;
    border-radius: 50%;
    top: -5px;
    left: 0;
}

.signup-item-icon {
    margin-bottom: 12px;
}

@media (min-width: 992px) {
    .signup-item-icon {
        width: 56px;
        height: 56px;
        margin-bottom: 16px;
    }
}

.signup-item-title {
    font-size: 18px;
    margin-bottom: 4px;
    line-height: 1.5;
}

@media (min-width: 992px) {
    .signup-item-title {
        font-size: 20px;
        margin-bottom: 8px;
    }
}

.signup-item> :last-child {
    margin-bottom: 0;
}

.features {
    margin-top: 48px;
    margin-bottom: 56px;
}

@media (min-width: 992px) {
    .features {
        margin-top: 120px;
        margin-bottom: 124px;
    }
}

.features-heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
    margin-bottom: 32px;
}

@media (min-width: 992px) {
    .features-heading {
        font-size: 20px;
        line-height: 1.4;
        margin-bottom: 64px;
    }
}

.features-heading>* {
    margin: 0;
}

.features-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px;
}

@media (min-width: 992px) {
    .features-list {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: 1fr;
        grid-column-gap: 24px;
    }
}

.features-item {
    border-radius: 12px;
    background: var(--color-wood-100);
    padding: 20px;
}

@media (min-width: 992px) {
    .features-item {
        padding: 32px 32px 40px;
    }
}

.features-item-icon {
    margin-bottom: 12px;
}

@media (min-width: 992px) {
    .features-item-icon {
        width: 56px;
        height: 56px;
        margin-bottom: 16px;
    }
}

.features-item-title {
    font-size: 18px;
    margin-bottom: 4px;
    line-height: 1.5;
}

@media (min-width: 992px) {
    .features-item-title {
        font-size: 20px;
        margin-bottom: 8px;
    }
}

.features-item> :last-child {
    margin-bottom: 0;
}

.control-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.control.active {
    display: none;
}

.control .slick-disabled {
    opacity: 0.32;
    pointer-events: none;
}

.control button {
    border: 0;
    padding: 0;
    background: transparent;
}

@media (min-width: 992px) {
    .control button svg {
        width: 40px;
        height: 40px;
    }
}

.testimonial {
    margin-top: 48px;
    padding-top: 48px;
    padding-bottom: 72px;
    background-color: var(--color-wood-100);
    overflow: hidden;
}

@media (min-width: 992px) {
    .testimonial {
        padding-top: 124px;
        padding-bottom: 124px;
    }
}

.testimonial-title {
    font-size: 28px;
    margin-bottom: 32px;
    text-align: center;
}

@media (min-width: 992px) {
    .testimonial-title {
        text-align: left;
        margin-bottom: 64px;
        font-size: 44px;
        max-width: 617px;
    }
}

.testimonial-list:not(.slick-initialized) {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 16px;
    grid-row-gap: 0;
}

.testimonial-list:not(.slick-initialized)>div:nth-child(2)~div {
    display: none;
}

@media (max-width: 767px) {
    .testimonial-list:not(.slick-initialized) {
        padding-bottom: 16px;
        overflow-x: auto;
        width: 100vw;
        padding-left: var(--container-gutter);
        padding-right: var(--container-gutter);
        margin-left: calc(var(--container-gutter) * -1);
    }
}

@media (min-width: 992px) {
    .testimonial-list:not(.slick-initialized) {
        grid-column-gap: 24px;
    }
}

@media (max-width: 767px) {
    .testimonial-list.slick-initialized {
        width: 90%;
    }
}

.testimonial-list.slick-initialized .slick-list {
    overflow: visible;
    margin: 0 -8px;
}

@media (max-width: 767px) {
    .testimonial-list.slick-initialized .slick-list {
        overflow: visible;
    }
}

@media (min-width: 992px) {
    .testimonial-list.slick-initialized .slick-list {
        margin: 0 -12px;
    }
}

.testimonial-list.slick-initialized .slick-list .slick-track {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

.testimonial-list.slick-initialized .slick-list .slick-slide {
    margin: 0 8px;
    height: inherit !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

.testimonial-list.slick-initialized .slick-list .slick-slide>div {
    height: inherit !important;
}

@media (min-width: 992px) {
    .testimonial-list.slick-initialized .slick-list .slick-slide {
        margin: 0 12px;
    }
}

.testimonial-list.slick-initialized .slick-list .slick-slide .testimonial-item {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    height: 100% !important;
}

.testimonial .control-wrap {
    margin-top: 32px;
}

.testimonial-stars {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 4px;
    color: #fff;
    margin-bottom: 32px;
}

@media (min-width: 992px) {
    .testimonial-stars {
        margin-bottom: 64px;
        gap: 6px;
    }
}

.testimonial-stars-bg {
    background: var(--color-purple-400);
    border-radius: 8px;
    height: 24px;
    width: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media (min-width: 992px) {
    .testimonial-stars-bg {
        height: 36px;
        width: 36px;
    }
}

@media (min-width: 992px) {
    .testimonial-stars-bg svg {
        height: 24px;
        width: 24px;
    }
}

.testimonial-item {
    background: var(--color-gray-400);
    border-radius: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media (max-width: 767px) {
    .testimonial-item {
        width: calc(100vw - 35px - var(--container-gutter) * 2);
    }
}

@media (min-width: 992px) {
    .testimonial-item {
        border-radius: 32px;
    }
}

.testimonial-item-content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 24px 20px;
    background-color: #fff;
    border-radius: 24px;
}

@media (min-width: 992px) {
    .testimonial-item-content {
        border-radius: 32px;
        padding: 60px;
    }
}

.testimonial-item-content .blockquote {
    font-size: 18px;
    line-height: 1.33;
    letter-spacing: -0.47px;
    font-weight: 500;
    color: var(--text-default);
    margin: 0;
}

@media (min-width: 992px) {
    .testimonial-item-content .blockquote {
        font-size: 24px;
    }
}

.testimonial-item-author {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 24px 20px;
    font-size: 13px;
    line-height: 1.3;
}

@media (max-width: 575px) {
    .testimonial-item-author>div {
        max-width: 50%;
    }
}

@media (min-width: 992px) {
    .testimonial-item-author {
        font-size: 16px;
        padding: 20px 60px;
    }
}

.testimonial-item-author .autor {
    padding-left: 40px;
    position: relative;
}

@media (min-width: 992px) {
    .testimonial-item-author .autor {
        padding-left: 62px;
    }
}

.testimonial-item-author .autor img {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media (min-width: 992px) {
    .testimonial-item-author .autor img {
        width: 49px;
    }
}

.testimonial-item-author .author-name {
    color: var(--color-gray-900);
    font-weight: 500;
    font-size: 14px;
    line-height: 1.42;
}

@media (min-width: 992px) {
    .testimonial-item-author .author-name {
        font-size: 18px;
    }
}

.testimonial-item.bg {
    background: var(--color-purple-500);
}

.testimonial-item.bg .testimonial-item-content {
    background-color: var(--color-purple-400);
}

.testimonial-item.bg .testimonial-item-content .blockquote {
    color: #fff;
}

.testimonial-item.bg .testimonial-item-author {
    color: var(--color-purple-200);
}

.testimonial-item.bg .testimonial-item-author .author-name {
    color: #fff;
}

.testimonial-item.bg .testimonial-stars {
    color: var(--color-purple-400);
}

.testimonial-item.bg .testimonial-stars-bg {
    background: var(--color-purple-050, #F0F0FF);
}

.testimonial-item.bg.violet {
    background: var(--color-violet-700);
}

.testimonial-item.bg.violet .testimonial-item-content {
    background-color: var(--color-violet-600);
}

.testimonial-item.bg.violet .testimonial-stars {
    color: var(--color-violet-600);
}

.testimonial-item.bg.violet .testimonial-item-author {
    color: var(--color-violet-200);
}

.chart {
    border-radius: 24px;
    background: #F6F5F3;
    padding: 32px 24px;
    position: relative;
}

@media (min-width: 576px) and (max-width: 1199px) {
    .chart {
        text-align: center;
    }
}

@media (min-width: 1200px) {
    .chart {
        padding: 70px 80px 133px;
    }
}

.chart-title {
    margin-bottom: 20px;
}

@media (min-width: 1200px) {
    .chart-content {
        width: 387px;
    }
}

@media (max-width: 575px) {
    .chart .btn {
        width: 100%;
    }
}

@media (min-width: 1200px) {
    .chart .btn {
        margin-top: 40px;
        display: inline-block;
    }
}

.chart-illustration {
    padding: 20px;
    position: relative;
    z-index: 0;
    text-align: center;
    max-width: 450px;
    margin: 0 auto;
}

@media (min-width: 1200px) {
    .chart-illustration {
        margin: 0;
        position: absolute;
        right: 72px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        max-width: 442px;
        padding: 0;
    }
}

@media (min-width: 1400px) {
    .chart-illustration {
        max-width: 587px;
    }
}

.chart-illustration:before {
    border-radius: 14px;
    background: #ECEBE7;
    content: "";
    position: absolute;
    top: 36px;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 258px;
}

@media (min-width: 1200px) {
    .chart-illustration:before {
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 438px;
        height: 470px;
    }
}

@media (min-width: 1200px) {
    .chart-illustration-tag {
        width: 199px;
        position: absolute;
        left: -40px;
        top: 48px;
    }
}

.chart-illustration-caption {
    display: grid;
    grid-template-columns: 2fr 2fr;
    margin-top: 16px;
    gap: 8px;
}

@media (min-width: 1200px) {
    .chart-illustration-caption {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 20px;
        position: absolute;
        left: -65px;
        top: calc(50% + 50px);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}

.chart-illustration-caption-item {
    border-radius: 8px;
    background: #FFF;
    padding: 8px 10px;
    color: #8A8A87;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: -0.18px;
    line-height: normal;
    text-align: left;
}

@media (min-width: 1200px) {
    .chart-illustration-caption-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 4px;
        border-radius: 100px;
    }
}

.chart-illustration-caption-item span {
    position: relative;
    display: block;
    color: #000;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.25;
    letter-spacing: -0.26px;
    padding-left: 16px;
}

@media (min-width: 1200px) {
    .chart-illustration-caption-item span {
        display: inline-block;
        font-size: 18px;
    }
}

.chart-illustration-caption-item span:before {
    border-radius: 4px;
    background: #A665F5;
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 12px;
    height: 12px;
}

.chart-illustration-caption-item:nth-child(2) span:before {
    background: #FF9B61;
}

.chart-illustration-caption-item:nth-child(3) span:before {
    background: #2ED389;
}

.chart-illustration-caption-item:nth-child(4) span:before {
    background: #7A73FF;
}

.chart-illustration-img {
    width: 100%;
    max-width: 245px;
    display: block;
    margin: 16px auto 8px;
}

@media (min-width: 1200px) {
    .chart-illustration-img {
        max-width: 350px;
        margin: 0 0 0 148px;
    }
}

@media (min-width: 1400px) {
    .chart-illustration-img {
        max-width: 376px;
    }
}

.section-cta {
    margin-top: 64px;
    margin-bottom: 64px;
    text-align: center;
    position: relative;
    overflow: hidden;
    min-height: 272px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.section-cta.section-cta-2 {
    margin-top: 48px;
    margin-bottom: 48px;
}

@media (min-width: 992px) {
    .section-cta.section-cta-2 {
        margin-bottom: 120px;
    }
}

.section-cta.section-cta-2 .section-cta-content {
    padding: 0;
}

@media (min-width: 992px) {
    .section-cta.section-cta-2 .section-cta-content {
        max-width: 820px;
    }
}

.section-cta.section-cta-2 .section-cta-title {
    font-size: 28px;
    margin-bottom: 12px;
}

@media (min-width: 992px) {
    .section-cta.section-cta-2 .section-cta-title {
        font-size: 44px;
        margin-bottom: 24px;
    }
}

.section-cta.section-cta-2 .btn {
    width: 100%;
    margin-top: 8px;
}

@media (min-width: 992px) {
    .section-cta.section-cta-2 .btn {
        margin-top: 16px;
        max-width: 239px;
    }
}

@media (min-width: 992px) {
    .section-cta {
        min-height: 370px;
        margin-top: 120px;
        margin-bottom: 120px;
    }
}

.section-cta-content {
    padding: 16px 28px;
}

@media (min-width: 992px) {
    .section-cta-content {
        max-width: 610px;
        margin: 0 auto;
        padding: 16px;
    }
}

.section-cta-title {
    margin-bottom: 4px;
    font-size: 32px;
    line-height: 1.12;
    letter-spacing: -1.34px;
}

@media (min-width: 992px) {
    .section-cta-title {
        font-size: 60px;
        line-height: 1.06;
        margin-bottom: 24px;
    }
}

@media (min-width: 992px) {
    .section-cta-text {
        font-size: 20px;
        line-height: 1.4;
        letter-spacing: -0.33px;
    }
}

.section-cta .btn {
    margin-top: 28px;
}

@media (min-width: 992px) {
    .section-cta .btn {
        margin-top: 24px;
    }
}

.section-cta-bg {
    position: absolute;
    top: 0;
}

.section-cta-bg.left {
    left: 0;
    -webkit-transform: translateX(-80%);
    -ms-transform: translateX(-80%);
    transform: translateX(-80%);
}

@media (min-width: 992px) {
    .section-cta-bg.left {
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        left: calc(50% - 460px);
    }

    .section-cta-bg.left img {
        width: 303px;
    }
}

.section-cta-bg.right {
    right: 0;
    -webkit-transform: translateX(73%);
    -ms-transform: translateX(73%);
    transform: translateX(73%);
}

@media (min-width: 992px) {
    .section-cta-bg.right {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        right: calc(50% - 612px);
    }

    .section-cta-bg.right img {
        width: 303px;
    }
}

.maximize {
    margin-bottom: 48px;
}

@media (min-width: 992px) {
    .maximize {
        margin-bottom: 120px;
    }
}

.maximize+div {
    position: relative;
    z-index: 2;
}

.maximize-title {
    margin-bottom: 24px;
    color: #fff;
}

@media (min-width: 1200px) {
    .maximize-title {
        margin-bottom: 40px;
    }
}

.maximize-card {
    background: #141414;
    padding: 38px 24px;
    border-radius: 24px;
    color: #fff;
    position: relative;
}

@media (min-width: 992px) {
    .maximize-card {
        padding: 40px 56px;
    }
}

@media (min-width: 1200px) {
    .maximize-card {
        padding: 84px 0 224px;
    }
}

@media (min-width: 1200px) {
    .maximize-card-body {
        margin-left: 80px;
        width: 320px;
    }
}

@media (min-width: 1400px) {
    .maximize-card-body {
        margin-left: 102px;
        width: 409px;
    }
}

@media (min-width: 1200px) {
    .maximize-content {
        position: absolute;
        right: 35px;
        top: 84px;
        width: 566px;
        max-width: 50%;
    }
}

.maximize-numbers {
    margin-bottom: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
}

@media (min-width: 1200px) {
    .maximize-numbers {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 40px;
        margin-bottom: 64px;
    }
}

.maximize-item {
    color: #E3E2E1;
    letter-spacing: -0.18px;
}

.maximize-item-number {
    color: #5644F4;
    font-size: 40px;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -1.11px;
    margin-bottom: 8px;
}

@media (min-width: 992px) {
    .maximize-item-number {
        font-size: 50px;
    }
}

.maximize-countres {
    color: #E3E2E1;
    font-weight: 500;
    letter-spacing: -0.18px;
    margin-bottom: 32px;
}

@media (max-width: 575px) {
    .maximize .btn {
        width: 100%;
    }
}

.animate-item {
    -webkit-transition: ease-in 0.3s;
    transition: ease-in 0.3s;
    opacity: 0;
}

.footer {
    position: relative;
    z-index: 2;
}