@font-face {
    font-family: "Modern Era";
    font-weight: 400;
    font-display: swap;
    src: url("../fnt/ModernEra-Regular.woff2") format("woff2"), url("../fnt/ModernEra-Regular.woff") format("woff");
}

@font-face {
    font-family: "Modern Era";
    font-weight: 400;
    font-style: italic;
    font-display: swap;
    src: url("../fnt/ModernEra-Italic.woff2") format("woff2"), url("../fnt/ModernEra-Italic.woff") format("woff");
}

@font-face {
    font-family: "Modern Era";
    font-weight: 500;
    font-display: swap;
    src: url("../fnt/ModernEra-Medium.woff2") format("woff2"), url("../fnt/ModernEra-Medium.woff") format("woff");
}

@font-face {
    font-family: "Modern Era";
    font-weight: 700;
    font-display: swap;
    src: url("../fnt/ModernEra-Bold.woff2") format("woff2"), url("../fnt/ModernEra-Bold.woff") format("woff");
}

@font-face {
    font-family: "Modern Era";
    font-weight: 800;
    font-display: swap;
    src: url("../fnt/ModernEra-ExtraBold.woff2") format("woff2"), url("../fnt/ModernEra-ExtraBold.woff") format("woff");
}

@font-face {
    font-family: "Modern Era";
    font-weight: 800;
    font-style: italic;
    font-display: swap;
    src: url("../fnt/ModernEra-ExtraBoldItalic.woff2") format("woff2"), url("../fnt/ModernEra-ExtraBoldItalic.woff") format("woff");
}

@font-face {
    font-family: "Modern Era";
    font-weight: 900;
    font-display: swap;
    src: url("../fnt/ModernEra-Black.woff2") format("woff2"), url("../fnt/ModernEra-Black.woff") format("woff");
}

*,
*::after,
*::before {
    margin: 0;
    padding: 0;
    border: 0;
    outline: none;
    background: none;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    box-sizing: border-box;
    box-shadow: none;
    font: inherit;
    color: inherit;
}

table {
    border-collapse: collapse;
}

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

.mt-1 {
    margin-top: 5px;
}

.mr-1 {
    margin-right: 5px;
}

.mb-1 {
    margin-bottom: 5px;
}

.ml-1 {
    margin-left: 5px;
}

.mx-1 {
    margin-right: 5px;
    margin-left: 5px;
}

.my-1 {
    margin-top: 5px;
    margin-bottom: 5px;
}

.mt-2 {
    margin-top: 10px;
}

.mr-2 {
    margin-right: 10px;
}

.mb-2 {
    margin-bottom: 10px;
}

.ml-2 {
    margin-left: 10px;
}

.mx-2 {
    margin-right: 10px;
    margin-left: 10px;
}

.my-2 {
    margin-top: 10px;
    margin-bottom: 10px;
}

.mt-3 {
    margin-top: 15px;
}

.mr-3 {
    margin-right: 15px;
}

.mb-3 {
    margin-bottom: 15px;
}

.ml-3 {
    margin-left: 15px;
}

.mx-3 {
    margin-right: 15px;
    margin-left: 15px;
}

.my-3 {
    margin-top: 15px;
    margin-bottom: 15px;
}

.mt-4 {
    margin-top: 20px;
}

.mr-4 {
    margin-right: 20px;
}

.mb-4 {
    margin-bottom: 20px;
}

.ml-4 {
    margin-left: 20px;
}

.mx-4 {
    margin-right: 20px;
    margin-left: 20px;
}

.my-4 {
    margin-top: 20px;
    margin-bottom: 20px;
}

.mt-5 {
    margin-top: 25px;
}

.mr-5 {
    margin-right: 25px;
}

.mb-5 {
    margin-bottom: 25px;
}

.ml-5 {
    margin-left: 25px;
}

.mx-5 {
    margin-right: 25px;
    margin-left: 25px;
}

.my-5 {
    margin-top: 25px;
    margin-bottom: 25px;
}

.mt-6 {
    margin-top: 30px;
}

.mr-6 {
    margin-right: 30px;
}

.mb-6 {
    margin-bottom: 30px;
}

.ml-6 {
    margin-left: 30px;
}

.mx-6 {
    margin-right: 30px;
    margin-left: 30px;
}

.my-6 {
    margin-top: 30px;
    margin-bottom: 30px;
}

.mt-7 {
    margin-top: 35px;
}

.mr-7 {
    margin-right: 35px;
}

.mb-7 {
    margin-bottom: 35px;
}

.ml-7 {
    margin-left: 35px;
}

.mx-7 {
    margin-right: 35px;
    margin-left: 35px;
}

.my-7 {
    margin-top: 35px;
    margin-bottom: 35px;
}

.mt-8 {
    margin-top: 40px;
}

.mr-8 {
    margin-right: 40px;
}

.mb-8 {
    margin-bottom: 40px;
}

.ml-8 {
    margin-left: 40px;
}

.mx-8 {
    margin-right: 40px;
    margin-left: 40px;
}

.my-8 {
    margin-top: 40px;
    margin-bottom: 40px;
}

.mt-9 {
    margin-top: 45px;
}

.mr-9 {
    margin-right: 45px;
}

.mb-9 {
    margin-bottom: 45px;
}

.ml-9 {
    margin-left: 45px;
}

.mx-9 {
    margin-right: 45px;
    margin-left: 45px;
}

.my-9 {
    margin-top: 45px;
    margin-bottom: 45px;
}

.mt-10 {
    margin-top: 50px;
}

.mr-10 {
    margin-right: 50px;
}

.mb-10 {
    margin-bottom: 50px;
}

.ml-10 {
    margin-left: 50px;
}

.mx-10 {
    margin-right: 50px;
    margin-left: 50px;
}

.my-10 {
    margin-top: 50px;
    margin-bottom: 50px;
}

.grid-cont {
    max-width: 880px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 30px;
    padding-left: 30px;
    box-sizing: content-box;
}

.grid-cont--xl {
    max-width: 1240px;
}

.grid-cont--full {
    max-width: 100%;
}

.grid-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -10px;
    margin-left: -10px;
}

.grid-row--aic {
    align-items: center;
}

.grid-row--aib {
    align-items: flex-end;
}

.grid-row--ais {
    align-items: stretch;
}

.grid-row--jcc {
    justify-content: center;
}

.grid-row--jce {
    justify-content: flex-end;
}

.grid-row--jca {
    justify-content: space-around;
}

.grid-row--jcb {
    justify-content: space-between;
}

.grid-row--nog {
    margin-right: 0;
    margin-left: 0;
}

    .grid-row--nog > .grid-col {
        padding-right: 0;
        padding-left: 0;
    }

.grid-row--smg {
    margin-right: -5px;
    margin-left: -5px;
}

    .grid-row--smg > .grid-col {
        padding-right: 5px;
        padding-left: 5px;
    }

.grid-col {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
    padding-right: 10px;
    padding-left: 10px;
}

.grid-col--a {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
}

.grid-col--1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
}

.grid-col--2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
}

.grid-col--3 {
    flex: 0 0 25%;
    max-width: 25%;
}

.grid-col--4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
}

.grid-col--5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
}

.grid-col--6 {
    flex: 0 0 50%;
    max-width: 50%;
}

.grid-col--7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
}

.grid-col--8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
}

.grid-col--9 {
    flex: 0 0 75%;
    max-width: 75%;
}

.grid-col--10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
}

.grid-col--11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
}

.grid-col--12 {
    flex: 0 0 100%;
    max-width: 100%;
}

@media screen and (max-width: 1279px) {
    .lg\:grid-col--1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%;
    }

    .lg\:grid-col--2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%;
    }

    .lg\:grid-col--3 {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .lg\:grid-col--4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%;
    }

    .lg\:grid-col--5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%;
    }

    .lg\:grid-col--6 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .lg\:grid-col--7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%;
    }

    .lg\:grid-col--8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%;
    }

    .lg\:grid-col--9 {
        flex: 0 0 75%;
        max-width: 75%;
    }

    .lg\:grid-col--10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%;
    }

    .lg\:grid-col--11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%;
    }

    .lg\:grid-col--12 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media screen and (max-width: 1023px) {
    .md\:grid-col--1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%;
    }

    .md\:grid-col--2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%;
    }

    .md\:grid-col--3 {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .md\:grid-col--4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%;
    }

    .md\:grid-col--5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%;
    }

    .md\:grid-col--6 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .md\:grid-col--7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%;
    }

    .md\:grid-col--8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%;
    }

    .md\:grid-col--9 {
        flex: 0 0 75%;
        max-width: 75%;
    }

    .md\:grid-col--10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%;
    }

    .md\:grid-col--11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%;
    }

    .md\:grid-col--12 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .sm\:grid-col--1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%;
    }

    .sm\:grid-col--2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%;
    }

    .sm\:grid-col--3 {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .sm\:grid-col--4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%;
    }

    .sm\:grid-col--5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%;
    }

    .sm\:grid-col--6 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .sm\:grid-col--7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%;
    }

    .sm\:grid-col--8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%;
    }

    .sm\:grid-col--9 {
        flex: 0 0 75%;
        max-width: 75%;
    }

    .sm\:grid-col--10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%;
    }

    .sm\:grid-col--11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%;
    }

    .sm\:grid-col--12 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media screen and (max-width: 599px) {
    .grid-cont {
        padding-right: 20px;
        padding-left: 20px;
    }

    .xs\:grid-col--1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%;
    }

    .xs\:grid-col--2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%;
    }

    .xs\:grid-col--3 {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .xs\:grid-col--4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%;
    }

    .xs\:grid-col--5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%;
    }

    .xs\:grid-col--6 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .xs\:grid-col--7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%;
    }

    .xs\:grid-col--8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%;
    }

    .xs\:grid-col--9 {
        flex: 0 0 75%;
        max-width: 75%;
    }

    .xs\:grid-col--10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%;
    }

    .xs\:grid-col--11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%;
    }

    .xs\:grid-col--12 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

.d-none {
    display: none !important;
}

.d-flex {
    display: flex !important;
}

.d-block {
    display: block !important;
}

.d-inline {
    display: inline !important;
}

.d-iblock {
    display: inline-block !important;
}

@media screen and (max-width: 1279px) {
    .lg\:d-none {
        display: none !important;
    }

    .lg\:d-flex {
        display: flex !important;
    }

    .lg\:d-block {
        display: block !important;
    }

    .lg\:d-inline {
        display: inline !important;
    }

    .lg\:d-iblock {
        display: inline-block !important;
    }
}

@media screen and (max-width: 1023px) {
    .md\:d-none {
        display: none !important;
    }

    .md\:d-flex {
        display: flex !important;
    }

    .md\:d-block {
        display: block !important;
    }

    .md\:d-inline {
        display: inline !important;
    }

    .md\:d-iblock {
        display: inline-block !important;
    }
}

@media screen and (max-width: 767px) {
    .sm\:d-none {
        display: none !important;
    }

    .sm\:d-flex {
        display: flex !important;
    }

    .sm\:d-block {
        display: block !important;
    }

    .sm\:d-inline {
        display: inline !important;
    }

    .sm\:d-iblock {
        display: inline-block !important;
    }
}

@media screen and (max-width: 599px) {
    .xs\:d-none {
        display: none !important;
    }

    .xs\:d-flex {
        display: flex !important;
    }

    .xs\:d-block {
        display: block !important;
    }

    .xs\:d-inline {
        display: inline !important;
    }

    .xs\:d-iblock {
        display: inline-block !important;
    }
}

h1,
.h1 {
    font-size: 54px;
    line-height: 100%;
    font-weight: 900;
    letter-spacing: -0.03em;
    color: #0b141f;
}

h2,
.h2 {
    font-size: 44px;
    line-height: 100%;
    font-weight: 900;
    letter-spacing: -0.03em;
    color: #0b141f;
}

h3,
.h3 {
    font-size: 32px;
    line-height: 100%;
    font-weight: 900;
    letter-spacing: -0.03em;
    color: #0b141f;
}

h4,
.h4 {
    font-size: 30px;
    line-height: 1.1334;
    font-weight: 800;
    letter-spacing: -0.01em;
}

@media screen and (max-width: 1279px) {
    h2,
    .h2 {
        font-size: 40px;
    }
}

@media screen and (max-width: 1023px) {
    h1,
    .h1 {
        font-size: 50px;
    }
}

@media screen and (max-width: 599px) {
    h1,
    .h1 {
        font-size: 32px;
    }

    h2,
    .h2 {
        font-size: 28px;
    }

    h3,
    .h3 {
        font-size: 28px;
    }
}

sup,
.sup {
    display: inline-block;
    vertical-align: top;
    font-size: 0.5em;
}

@media screen and (max-width: 1279px) {
    .image--responsive {
        width: auto;
        max-width: 100%;
        height: auto;
    }
}

nobr,
.nobr {
    white-space: nowrap;
}

hr,
.hr {
    border-top: 1px solid #f2f3f5;
}

.fs-normal {
    font-style: normal;
}

.fs-italic {
    font-style: italic;
}

.fw-regular {
    font-weight: 400;
}

.fw-medium {
    font-weight: 500;
}

.fw-semibold {
    font-weight: 600;
}

strong,
.fw-bold {
    font-weight: 700;
}

.ta-left {
    text-align: left;
}

.ta-center {
    text-align: center;
}

.ta-right {
    text-align: right;
}

.tc-lighter {
    color: #6f7b8e;
}

.tc-light {
    color: #2f3c4d;
}

.tc-gray {
    color: #1f2b37;
}

.tc-dark {
    color: #1b2430;
}

.tc-darker {
    color: #131d28;
}

.tc-darkest {
    color: #0b141f;
}

.tc-inherit {
    color: inherit;
}

html {
    scroll-behavior: smooth;
}

html,
body {
    background-color: #ffffff;
    font-family: "Modern Era", sans-serif;
    font-size: 16px;
    line-height: 1.375;
    font-weight: 500;
    color: #1f2b37;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
}

img,
svg,
label,
input,
select,
textarea {
    display: block;
}

select,
button {
    cursor: pointer;
}

a {
    text-decoration: none;
    color: inherit;
}

.button {
    display: flex;
    gap: 5px;
    align-items: center;
    justify-content: center;
    height: 50px;
    width: 100%;
    border-radius: 5px;
    background: linear-gradient(180deg, #0060dd 0%, #004aab 100%);
    box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.2), inset 0 100px 0 0 rgba(0, 0, 0, 0);
    font-size: 20px;
    line-height: 1;
    font-weight: 800;
    color: #ffffff;
    transition-duration: 200ms;
    transition-property: box-shadow;
}

    .button:hover {
        box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.2), inset 0 100px 0 0 rgba(0, 0, 0, 0.2);
    }

.button--xs {
    height: 34px;
    font-size: 15px;
}

.button--xl {
    height: 70px;
    font-size: 26px;
}

.button--enlarged {
    position: static;
}

    .button--enlarged::before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

.body {
    padding-right: 400px;
}

.body--alt {
    padding-right: 0;
}

@media screen and (min-width: 1440px) {
    .body {
        padding-right: 27.7777777778%;
    }

    .body--alt {
        padding-right: 0;
    }
}

@media screen and (max-width: 1279px) {
    .body {
        padding-right: 360px;
    }

    .body--alt {
        padding-right: 0;
    }
}

@media screen and (max-width: 1023px) {
    .body {
        padding-right: 0;
        padding-bottom: 287px;
    }

    .body--alt {
        padding-bottom: 0;
    }

    .body--alt2 {
        padding-right: 340px;
        padding-bottom: 0;
    }
}

@media screen and (max-width: 767px) {
    .body {
        padding-bottom: 327px;
    }

    .body--alt {
        padding-bottom: 0;
    }

    .body--alt2 {
        padding-right: 290px;
        padding-bottom: 0;
    }
}

@media screen and (max-width: 599px) {
    .body {
        padding-bottom: 153px;
    }

    .body--alt {
        padding-bottom: 0;
    }

    .body--alt2 {
        padding-right: 0;
        padding-bottom: 0;
    }
}

.header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 30px;
}

@media screen and (max-width: 599px) {
    .header {
        padding-right: 15px;
        padding-left: 15px;
    }
}

.user-nav {
    display: flex;
    gap: 10px;
    align-items: center;
    font-size: 13px;
    color: #6f7b8e;
}

.user-nav__link {
    text-decoration: underline;
    transition-duration: 200ms;
    transition-property: color;
}

    .user-nav__link:hover {
        color: #4976ff;
    }

@media screen and (max-width: 389px) {
    .user-nav {
        gap: 5px;
    }
}

.main--fullh {
    overflow: hidden;
    min-height: calc(100vh - 56px - 57px);
}

@media screen and (max-width: 1023px) {
    .main--fullh {
        overflow: hidden;
        min-height: calc(100vh - 56px - 83px);
    }
}

@media screen and (max-width: 599px) {
    .main--fullh {
        overflow: hidden;
        min-height: 0;
    }
}

.aside {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    width: 400px;
    padding: 50px;
    background-color: #1b2430;
    color: #ffffff;
}

@media screen and (min-width: 1440px) {
    .aside {
        width: 27.7777777778%;
    }
}

@media screen and (max-width: 1279px) {
    .aside {
        width: 360px;
        padding: 30px;
    }
}

@media screen and (max-width: 1023px) {
    .aside {
        z-index: 10;
        top: auto;
        left: 0;
        width: auto;
        padding: 25px 30px 20px;
        box-shadow: 0px -4px 25px rgba(0, 0, 0, 0.08);
    }
}

@media screen and (max-width: 767px) {
    .aside {
        padding: 20px 30px;
    }
}

@media screen and (max-width: 599px) {
    .aside {
        padding: 15px 20px;
    }
}

.callout {
    margin-top: auto;
    margin-bottom: auto;
    text-align: center;
    color: #ffffff;
}

.callout__close {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    display: none;
    width: 24px;
    height: 24px;
    background: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 9L12 15L18 9" stroke="rgb(143, 157, 176)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

    .callout__close::before {
        content: "";
        position: absolute;
        top: -10px;
        right: -10px;
        bottom: -10px;
        left: -10px;
    }

.callout__head {
    display: flex;
    gap: 20px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
}

.callout__overline {
    display: inline-block;
    vertical-align: top;
    padding: 5px 10px;
    border-radius: 4px;
    background: rgba(114, 142, 228, 0.2);
    font-size: 11px;
    line-height: 14px;
    font-weight: 800;
    text-transform: uppercase;
    color: #e4e8f8;
}

.callout__title {
    margin-right: -10px;
    margin-left: -10px;
}

    .callout__title br {
        display: none;
    }

    .callout__title del {
        font-size: 24px;
        font-weight: 500;
        text-decoration: line-through;
        color: #8f9db0;
    }

    .callout__title span {
        position: relative;
    }

        .callout__title span::after {
            content: "";
            position: absolute;
            top: 100%;
            left: 50%;
            width: 68px;
            height: 10.5px;
            background: url("../img/sale.png") 50% 50%/100% 100% no-repeat;
            translate: -50% -3px;
        }

.callout__sale {
    font-weight: 700;
    color: #febe2b;
}

.callout__form {
    display: flex;
    gap: 20px;
    flex-direction: column;
    text-align: left;
}

.callout__label {
    padding-bottom: 5px;
    font-weight: 700;
}

.callout__input, .callout__select {
    width: 100%;
    padding: 8px 10px;
    border-radius: 5px;
    border: 1px solid #d3d5da;
    background-color: #ffffff;
    color: #0b141f;
    appearance: none;
    transition-duration: 200ms;
    transition-property: border-color, box-shadow;
}

    .callout__input:focus, .callout__select:focus {
        border-color: #4976ff;
        box-shadow: 0 0 0 2px #4976ff;
    }

    .callout__input::placeholder, .callout__select::placeholder {
        color: #8f9db0;
    }

    .callout__input.invalid, .callout__select.invalid {
        border-color: #d94a49;
        box-shadow: 0 0 0 2px #d94a49;
    }

.callout__select {
    padding-right: 30px;
    background-image: url('data:image/svg+xml;utf8,<svg width="30" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4 6L8 10L12 6" stroke="rgb(143, 157, 176)" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    background-position: 100% 50%;
}

.callout__checkbox {
    display: flex;
    gap: 10px;
    align-items: start;
    font-size: 14px;
    line-height: 1.2858;
    user-select: none;
    cursor: pointer;
}

    .callout__checkbox a {
        text-decoration: underline;
        transition-duration: 200ms;
        transition-property: color;
    }

        .callout__checkbox a:hover {
            color: #4976ff;
        }

    .callout__checkbox input {
        flex-shrink: 0;
        width: 18px;
        height: 18px;
        border-radius: 4px;
        border: 1px solid #d3d5da;
        background-color: #ffffff;
        appearance: none;
        cursor: pointer;
    }

        .callout__checkbox input:checked {
            background: url('data:image/svg+xml;utf8,<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.25 9.5L7.95 12.5L12.7501 5.5" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>'), linear-gradient(180deg, #0060dd 0%, #0046a2 100%);
            border: none;
        }

    .callout__checkbox:has(:disabled) {
        display: none;
    }

.callout__error {
    margin-top: 10px;
    padding-left: 18px;
    background: url('data:image/svg+xml;utf8,<svg viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" stroke="rgb(217, 74, 73)" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M6 11C8.76142 11 11 8.76142 11 6C11 3.23858 8.76142 1 6 1C3.23858 1 1 3.23858 1 6C1 8.76142 3.23858 11 6 11Z"/><path d="M6 8V6"/><path d="M6 4H6.00545"/></svg>') 0 50%/12px 12px no-repeat;
    font-size: 14px;
    line-height: 1.2858;
    color: #d94a49;
}

    .callout__error a {
        margin-left: 2px;
        white-space: nowrap;
        color: #ffffff;
    }

.callout__button {
    margin-top: 10px;
}

.callout__toggle {
    gap: 5px;
    flex-direction: column;
    display: none;
    max-height: 65px;
    overflow: hidden;
    font-size: 12px;
    line-height: 1.3334;
    font-weight: 800;
    text-transform: uppercase;
    color: #e4e8f8;
    transition-duration: 200ms;
    transition-property: max-height, opacity;
}

.callout__toggle--alt {
    max-height: 88px;
}

.callout__toggle .callout__sale {
    font-size: 14px;
    line-height: 18px;
    text-transform: none;
}

.callout__foot {
    display: flex;
    gap: 7.5px;
    align-items: center;
    flex-direction: column;
    margin-top: 25px;
    font-size: 13px;
    line-height: 1.2308;
    color: #d3d5da;
}

.callout__rating span {
    font-weight: 800;
}

.callout__rating::before {
    content: "";
    display: inline-block;
    vertical-align: top;
    margin-right: 7.5px;
    width: 72px;
    height: 13px;
    margin-top: 1.5px;
    background-image: url('data:image/svg+xml;utf8,<svg width="72" height="13" viewBox="0 0 72 13" fill="%23FEC72F" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2.97434 12.6602C2.67453 12.8242 2.33433 12.5367 2.39492 12.1697L3.03958 8.25108L0.303246 5.47076C0.0477097 5.21062 0.180527 4.73508 0.523054 4.68372L4.32736 4.10711L6.02369 0.522354C6.1767 0.199254 6.59069 0.199254 6.7437 0.522354L8.44003 4.10711L12.2443 4.68372C12.5869 4.73508 12.7197 5.21062 12.4634 5.47076L9.72781 8.25108L10.3725 12.1697C10.4331 12.5367 10.0929 12.8242 9.79305 12.6602L6.38253 10.7911L2.97356 12.6602H2.97434ZM17.7787 12.6602C17.4789 12.8242 17.1387 12.5368 17.1992 12.1698L17.8439 8.25114L15.1076 5.47082C14.852 5.21068 14.9848 4.73515 15.3274 4.68378L19.1317 4.10717L20.828 0.522415C20.981 0.199315 21.395 0.199315 21.548 0.522415L23.2443 4.10717L27.0487 4.68378C27.3912 4.73515 27.524 5.21068 27.2677 5.47082L24.5321 8.25114L25.1768 12.1698C25.2374 12.5368 24.8972 12.8242 24.5974 12.6602L21.1869 10.7912L17.7779 12.6602H17.7787ZM32.0043 12.1698C31.9437 12.5368 32.2839 12.8242 32.5837 12.6602H32.5829L35.9919 10.7912L39.4024 12.6602C39.7022 12.8242 40.0424 12.5368 39.9818 12.1698L39.3372 8.25114L42.0727 5.47082C42.3291 5.21068 42.1962 4.73515 41.8537 4.68378L38.0494 4.10717L36.3531 0.522415C36.2001 0.199315 35.7861 0.199315 35.6331 0.522415L33.9367 4.10717L30.1324 4.68378C29.7899 4.73515 29.6571 5.21068 29.9126 5.47082L32.649 8.25114L32.0043 12.1698ZM47.3896 12.6602C47.0898 12.8242 46.7496 12.5368 46.8102 12.1698L47.4549 8.25114L44.7185 5.47082C44.463 5.21068 44.5958 4.73515 44.9383 4.68378L48.7427 4.10717L50.439 0.522415C50.592 0.199315 51.006 0.199315 51.159 0.522415L52.8554 4.10717L56.6597 4.68378C57.0022 4.73515 57.135 5.21068 56.8787 5.47082L54.1432 8.25114L54.7878 12.1698C54.8484 12.5368 54.5082 12.8242 54.2084 12.6602L50.7979 10.7912L47.3889 12.6602H47.3896ZM61.6157 12.1698C61.5551 12.5368 61.8953 12.8242 62.1951 12.6602H62.1943L65.6033 10.7912L69.0138 12.6602C69.3137 12.8242 69.6539 12.5368 69.5933 12.1698L68.9486 8.25114L71.6842 5.47082C71.9405 5.21068 71.8077 4.73515 71.4651 4.68378L67.6608 4.10717L65.9645 0.522415C65.8115 0.199315 65.3975 0.199315 65.2445 0.522415L63.5481 4.10717L59.7438 4.68378C59.4013 4.73515 59.2685 5.21068 59.524 5.47082L62.2604 8.25114L61.6157 12.1698Z"/></svg>');
}

@media screen and (min-width: 1440px) {
    .callout {
        width: 300px;
        margin-right: auto;
        margin-left: auto;
    }
}

@media screen and (max-width: 1023px) {
    .callout {
        padding-bottom: 0;
    }

    .callout__head {
        position: relative;
        gap: 15px;
        flex-direction: row;
        align-items: center;
        justify-content: start;
        margin-bottom: 25px;
        padding-top: 34px;
    }

    .callout__overline {
        position: absolute;
        top: 0;
        left: 0;
    }

    .callout__title {
        margin: 0;
        font-size: 25px;
    }

        .callout__title del {
            font-size: 22px;
        }

    .callout__form {
        position: relative;
        gap: 15px;
        flex-wrap: wrap;
        align-items: start;
        flex-direction: row;
        padding-bottom: 15px;
    }

    .callout__control {
        flex-basis: 33%;
    }

    .callout__checkbox {
        order: 1;
    }

    .callout__error {
        margin-top: 5px;
        margin-right: -100px;
    }

    .callout__button {
        flex-grow: 1;
        height: 40px;
        margin-top: 27px;
        font-size: 18px;
    }

    .callout__foot {
        flex-direction: row;
        margin-top: 0;
        padding-top: 15px;
        border-top: 1px solid #2f3c4d;
        font-size: 12px;
        line-height: 1.3334;
        color: #8f9db0;
    }

    .callout__rating {
        padding-top: 4px;
        padding-bottom: 4px;
    }
}

@media screen and (max-width: 767px) {
    .callout__head {
        gap: 10px;
        align-items: start;
        flex-direction: column;
    }

    .callout__title {
        order: 0;
    }

    .callout__form {
        gap: 10px;
    }

    .callout__foot {
        gap: 5px;
        align-items: start;
        flex-direction: column;
    }
}

@media screen and (max-width: 599px) {
    .callout__spoiler {
        position: relative;
        max-height: 0;
        overflow: hidden;
        margin-right: -2px;
        margin-left: -2px;
        padding-right: 2px;
        padding-left: 2px;
        opacity: 0;
        transition-duration: 200ms;
        transition-property: max-height, opacity;
    }

        .callout__spoiler.visible {
            opacity: 1;
        }

    .callout__close {
        display: block;
    }

    .callout__head {
        margin-bottom: 15px;
        text-align: left;
    }

    .callout__title {
        font-size: 30px;
    }

        .callout__title br {
            display: inline;
        }

    .callout__form {
        gap: 15px;
        align-items: stretch;
        flex-direction: column;
        padding-bottom: 0;
    }

    .callout__control {
        flex-basis: auto;
    }

    .callout__label {
        font-size: 14px;
        line-height: 1.2858;
        line-height: 1;
    }

    .callout__error {
        margin-right: 0;
    }

    .callout__button {
        flex-shrink: 0;
        height: 44px;
        margin-top: 0;
        font-size: 20px;
    }

    .callout__toggle {
        display: flex;
    }

    .callout__foot {
        display: none;
    }
}

.social-proof {
    display: flex;
    align-items: start;
    justify-content: space-between;
    margin-top: 50px;
    text-align: center;
    color: #d3d5da;
}

.social-proof__value {
    font-size: 44px;
    line-height: 100%;
    font-weight: 900;
    letter-spacing: -0.03em;
    color: #0b141f;
    font-size: 40px;
    color: #ffffff;
}

    .social-proof__value span {
        font-size: 20px;
        line-height: 1;
        font-weight: 400;
        color: #6f7b8e;
    }

.social-proof__caption {
    margin-top: 2px;
    font-size: 11px;
    line-height: 13px;
    font-weight: 700;
    text-transform: uppercase;
}

.social-proof__stars {
    display: none;
    width: 65px;
    height: 13px;
    margin-top: -1px;
    background-image: url('data:image/svg+xml;utf8,<svg width="65" height="13" viewBox="0 0 65 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.78993 12.6661C2.49167 12.8293 2.15323 12.5433 2.2135 12.1782L2.85484 8.27984L0.132636 5.51389C-0.121581 5.25509 0.0105499 4.78201 0.351308 4.73092L4.13596 4.15728L5.82353 0.591049C5.97575 0.269618 6.3876 0.269618 6.53982 0.591049L8.22738 4.15728L12.012 4.73092C12.3528 4.78201 12.4849 5.25509 12.2299 5.51389L9.50851 8.27984L10.1498 12.1782C10.2101 12.5433 9.87167 12.8293 9.57341 12.6661L6.18051 10.8068L2.78916 12.6661H2.78993ZM15.9491 12.6663C15.6509 12.8294 15.3124 12.5435 15.3727 12.1783L16.014 8.27996L13.2918 5.51401C13.0376 5.25522 13.1698 4.78214 13.5105 4.73104L17.2952 4.15741L18.9827 0.59117C19.135 0.269739 19.5468 0.269739 19.699 0.59117L21.3866 4.15741L25.1712 4.73104C25.512 4.78214 25.6441 5.25522 25.3891 5.51401L22.6677 8.27996L23.309 12.1783C23.3693 12.5435 23.0309 12.8294 22.7326 12.6663L19.3397 10.8069L15.9484 12.6663H15.9491ZM28.5319 12.1783C28.4716 12.5435 28.8101 12.8294 29.1083 12.6663H29.1076L32.4989 10.8069L35.8918 12.6663C36.1901 12.8294 36.5285 12.5435 36.4682 12.1783L35.8269 8.27996L38.5483 5.51401C38.8033 5.25522 38.6712 4.78214 38.3304 4.73104L34.5458 4.15741L32.8582 0.59117C32.706 0.269739 32.2942 0.269739 32.1419 0.59117L30.4544 4.15741L26.6697 4.73104C26.329 4.78214 26.1968 5.25522 26.451 5.51401L29.1732 8.27996L28.5319 12.1783ZM42.2676 12.6663C41.9693 12.8294 41.6309 12.5435 41.6911 12.1783L42.3325 8.27996L39.6102 5.51401C39.356 5.25522 39.4882 4.78214 39.8289 4.73104L43.6136 4.15741L45.3012 0.59117C45.4534 0.269739 45.8652 0.269739 46.0175 0.59117L47.705 4.15741L51.4897 4.73104C51.8305 4.78214 51.9626 5.25522 51.7076 5.51401L48.9862 8.27996L49.6275 12.1783C49.6878 12.5435 49.3493 12.8294 49.0511 12.6663L45.6582 10.8069L42.2668 12.6663H42.2676ZM54.8503 12.1783C54.7901 12.5435 55.1285 12.8294 55.4268 12.6663H55.426L58.8173 10.8069L62.2103 12.6663C62.5085 12.8294 62.847 12.5435 62.7867 12.1783L62.1454 8.27996L64.8668 5.51401C65.1218 5.25522 64.9896 4.78214 64.6489 4.73104L60.8642 4.15741L59.1767 0.59117C59.0244 0.269739 58.6126 0.269739 58.4604 0.59117L56.7728 4.15741L52.9881 4.73104C52.6474 4.78214 52.5152 5.25522 52.7694 5.51401L55.4917 8.27996L54.8503 12.1783Z" fill="%23FEC72F"/></svg>');
}

@media screen and (min-width: 1440px) {
    .social-proof {
        width: 300px;
        margin-right: auto;
        margin-left: auto;
    }
}

@media screen and (max-width: 1023px) {
    .social-proof {
        position: absolute;
        right: 30px;
        bottom: 20px;
        gap: 25px;
        margin-top: 0;
        text-align: left;
    }

    .social-proof__item {
        display: flex;
        align-items: center;
        gap: 7.5px;
    }

    .social-proof__value {
        font-size: 24px;
    }

        .social-proof__value span {
            font-size: 15px;
        }

    .social-proof__caption {
        margin-top: 0;
        font-size: 10px;
        line-height: 12px;
    }
}

@media screen and (max-width: 767px) {
    .social-proof {
        gap: 20px;
    }
}

@media screen and (max-width: 599px) {
    .social-proof {
        position: static;
        gap: 15px;
        margin-top: 15px;
    }

    .social-proof__item {
        gap: 5px;
    }

    .social-proof__value {
        font-size: 20px;
    }

        .social-proof__value span {
            font-size: 14px;
            font-weight: 500;
        }

    .social-proof__caption {
        font-size: 9px;
        line-height: 10px;
        color: #8f9db0;
    }

    .social-proof__stars {
        display: block;
    }
}

.section {
    margin-top: 100px;
    margin-bottom: 100px;
}

@media screen and (max-width: 1023px) {
    .section {
        margin-top: 80px;
        margin-bottom: 80px;
    }
}

@media screen and (max-width: 599px) {
    .section {
        margin-top: 60px;
        margin-bottom: 60px;
    }
}

.footer {
    padding: 20px 0;
    border-top: 1px solid rgba(211, 213, 218, 0.5);
    font-size: 12px;
    line-height: 1.3334;
    color: #6f7b8e;
}

.footer__cont {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: space-between;
}

@media screen and (max-width: 1023px) {
    .footer__cont {
        flex-direction: column;
    }
}

.legal-nav {
    display: flex;
    gap: 15px;
}

.legal-nav__link {
    transition-duration: 200ms;
    transition-property: color;
}

    .legal-nav__link:hover {
        color: #4976ff;
    }

.intro {
    margin-top: 50px;
    text-align: center;
}

.intro__subtitle {
    margin-top: 15px;
    font-size: 20px;
    line-height: 1.3;
    color: #2f3c4d;
}

.intro__figure {
    position: relative;
    max-width: 818px;
    margin: 25px auto 0;
}

.intro__badge {
    position: absolute;
    bottom: 8.0086580087%;
    left: 2.8117359413%;
    padding: 5px 7px;
    border-radius: 4px;
    background: #728ee4;
    font-size: 10px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #ffffff;
}

.intro__logos {
    display: flex;
    flex-wrap: wrap;
    gap: 20px 40px;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
    color: #6f7b8e;
}

    .intro__logos svg {
        fill: currentColor;
    }

.intro__benefits {
    display: grid;
    gap: 40px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 40px 0;
    font-weight: 700;
    text-align: left;
}

    .intro__benefits ul {
        list-style: none;
    }

    .intro__benefits li {
        margin-top: 10px;
        margin-bottom: 10px;
        padding-left: 24px;
        background: url('data:image/svg+xml;utf8,<svg viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.166 3.55603L5.06277 10.444L1.83405 7.31309" stroke="rgb(0, 192, 100)" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>') 0 4px/14px 14px no-repeat;
    }

.intro__foot {
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: space-between;
    margin-top: 50px;
    text-align: left;
}

@media screen and (max-width: 1279px) {
    .intro__figure img {
        max-width: 100%;
        height: auto;
    }
}

@media screen and (max-width: 1179px) {
    .intro__foot {
        flex-direction: column;
        text-align: center;
    }
}

@media screen and (max-width: 1023px) {
    .intro {
        margin-top: 40px;
    }

    .intro__logos {
        gap: 15px 21px;
    }

    .intro__benefits {
        gap: 30px;
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .intro__foot {
        flex-direction: row;
        margin-top: 40px;
        text-align: left;
    }
}

@media screen and (max-width: 767px) {
    .intro__logos {
        gap: 15px 30px;
    }

    .intro__foot {
        flex-direction: column;
        text-align: center;
    }
}

@media screen and (max-width: 599px) {
    .intro {
        margin-top: 30px;
    }

    .intro__subtitle {
        font-size: 18px;
        line-height: 1.3334;
    }

    .intro__badge {
        font-size: 9px;
    }

    .intro__logos {
        margin-top: 20px;
        gap: 10px 19px;
    }

    .intro__benefits {
        display: block;
        font-size: 13px;
        line-height: 16px;
    }

        .intro__benefits li {
            background-position: 0 1px;
        }

    .intro__foot {
        margin-top: 30px;
    }
}

@media screen and (max-width: 389px) {
    .intro__logos {
        gap: 10px 14px;
    }
}

.markets {
    display: flex;
    gap: 15px;
    align-items: center;
    text-align: left;
    color: #6f7b8e;
}

.markets__title {
    font-size: 12px;
    line-height: 14px;
    font-weight: 700;
    text-transform: uppercase;
}

.markets__flags {
    display: flex;
    gap: 12.5px;
    align-items: center;
}

@media screen and (max-width: 1023px) {
    .markets__flags {
        gap: 10px;
    }

        .markets__flags svg {
            width: 24px;
            height: 18px;
        }
}

@media screen and (max-width: 767px) {
    .markets__flags svg {
        width: 32px;
        height: 24px;
    }
}

@media screen and (max-width: 599px) {
    .markets {
        gap: 7.5px;
        flex-direction: column;
    }

    .markets__title br {
        display: none;
    }
}

.markets-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    color: #000000;
}

.markets-nav__item {
    display: flex;
    gap: 7px;
    align-items: center;
    height: 40px;
    padding: 0 7px;
    border-radius: 5px;
    border: 1px solid #d3d5da;
    font-size: 9px;
    line-height: 1;
    text-align: left;
}

.markets-nav__item--link {
    transition-duration: 200ms;
    transition-property: border-color;
}

    .markets-nav__item--link:hover {
        border-color: #4976ff;
    }

.markets-nav__caption {
    margin-top: 1px;
    margin-bottom: -2px;
}

.mobile-download-container {
    background: transparent url(../img/mobileBG.png) no-repeat 0 0;
    background-size: cover;
    width: 90%;
    height: auto;
    padding: 20px;
    border-radius: 10px;
    font-size: 14px;
    margin: auto;
}

.mobile-left {
    width: 65%;
    float: left;
    text-align: left;
}

.mobile-right {
    width: 30%;
    float: right;
    text-align: right;
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: right;
}

    .mobile-right img {
        max-width: 80px;
        height: auto;
    }

.clear {
    clear: both;
}

@media screen and (max-width: 1023px) {
    .markets-nav {
        gap: 10px;
    }
}

@media screen and (max-width: 599px) {
    .markets-nav__item {
        height: 36px;
        font-size: 7px;
    }

    .markets-nav__logo {
        width: auto;
        height: 20px;
    }

    .markets-nav__caption {
        width: auto;
        height: 16px;
    }
}

@media screen and (max-width: 389px) {
    .markets-nav {
        gap: 5px;
    }
}

.reviews {
    position: relative;
    z-index: 1;
}

.reviews__grid {
    display: grid;
    gap: 40px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.reviews__stars {
    width: 72px;
    height: 13px;
    background: url('data:image/svg+xml;utf8,<svg width="72" height="13" viewBox="0 0 72 13" fill="%23FEC72F" xmlns="http://www.w3.org/2000/svg"><path d="M2.97442 12.6601C2.67461 12.8242 2.33441 12.5367 2.395 12.1697L3.03966 8.25105L0.303324 5.47073C0.0477879 5.21059 0.180605 4.73505 0.523132 4.68369L4.32744 4.10708L6.02377 0.522325C6.17678 0.199225 6.59077 0.199225 6.74378 0.522325L8.44011 4.10708L12.2444 4.68369C12.5869 4.73505 12.7198 5.21059 12.4634 5.47073L9.72789 8.25105L10.3726 12.1697C10.4331 12.5367 10.0929 12.8242 9.79313 12.6601L6.38261 10.7911L2.97364 12.6601H2.97442ZM17.7787 12.6602C17.4789 12.8242 17.1387 12.5367 17.1993 12.1697L17.844 8.25111L15.1076 5.47079C14.8521 5.21065 14.9849 4.73512 15.3275 4.68375L19.1318 4.10714L20.8281 0.522386C20.9811 0.199286 21.3951 0.199286 21.5481 0.522386L23.2444 4.10714L27.0487 4.68375C27.3913 4.73512 27.5241 5.21065 27.2678 5.47079L24.5322 8.25111L25.1769 12.1697C25.2375 12.5367 24.8973 12.8242 24.5975 12.6602L21.1869 10.7912L17.778 12.6602H17.7787ZM32.0044 12.1697C31.9438 12.5367 32.284 12.8242 32.5838 12.6602H32.583L35.992 10.7912L39.4025 12.6602C39.7023 12.8242 40.0425 12.5367 39.9819 12.1697L39.3373 8.25111L42.0728 5.47079C42.3291 5.21065 42.1963 4.73512 41.8538 4.68375L38.0495 4.10714L36.3532 0.522386C36.2001 0.199286 35.7862 0.199286 35.6331 0.522386L33.9368 4.10714L30.1325 4.68375C29.79 4.73512 29.6572 5.21065 29.9127 5.47079L32.649 8.25111L32.0044 12.1697ZM47.3897 12.6602C47.0899 12.8242 46.7497 12.5367 46.8103 12.1697L47.455 8.25111L44.7186 5.47079C44.4631 5.21065 44.5959 4.73512 44.9384 4.68375L48.7428 4.10714L50.4391 0.522386C50.5921 0.199286 51.0061 0.199286 51.1591 0.522386L52.8554 4.10714L56.6598 4.68375C57.0023 4.73512 57.1351 5.21065 56.8788 5.47079L54.1432 8.25111L54.7879 12.1697C54.8485 12.5367 54.5083 12.8242 54.2085 12.6602L50.7979 10.7912L47.3889 12.6602H47.3897ZM61.6158 12.1697C61.5552 12.5367 61.8954 12.8242 62.1952 12.6602H62.1944L65.6034 10.7912L69.0139 12.6602C69.3137 12.8242 69.6539 12.5367 69.5934 12.1697L68.9487 8.25111L71.6843 5.47079C71.9406 5.21065 71.8077 4.73512 71.4652 4.68375L67.6609 4.10714L65.9646 0.522386C65.8116 0.199286 65.3976 0.199286 65.2446 0.522386L63.5482 4.10714L59.7439 4.68375C59.4014 4.73512 59.2686 5.21065 59.5241 5.47079L62.2604 8.25111L61.6158 12.1697Z" /></svg>');
}

.reviews__text {
    margin-top: 15px;
    font-style: italic;
    font-weight: 400;
}

.reviews__highlight {
    font-weight: 800;
    color: #0b141f;
}

.reviews__highlight--green {
    background-color: #c3ec4e;
}

.reviews__highlight--yellow {
    background-color: #fbe94d;
}

.reviews__highlight--purple {
    background-color: #c5cef1;
}

.reviews__author {
    margin-top: 10px;
    font-size: 12px;
    line-height: 1.3334;
    color: #6f7b8e;
}

@media screen and (max-width: 1023px) {
    .reviews__grid {
        gap: 30px;
    }
}

@media screen and (max-width: 599px) {
    .reviews__grid {
        grid-template-columns: 100%;
    }

    .reviews__text {
        margin-top: 10px;
    }

    .reviews__author {
        margin-top: 7px;
    }
}

.outperform {
    position: relative;
    margin: -80px auto -20px;
    background: url(../img/outperform.svg) 50% 50%/100% 100% no-repeat;
}

    .outperform::before {
        content: "";
        position: absolute;
        top: 100%;
        right: 0;
        left: 0;
        height: 200px;
        background: linear-gradient(#fbfbfc, rgba(251, 251, 252, 0));
    }

.outperform__img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.outperform__dates {
    position: absolute;
    right: 30px;
    bottom: 20px;
    left: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 10px;
    font-weight: 700;
    color: #8f9db0;
}

.outperform__index {
    position: absolute;
    right: 7.6923076923%;
    bottom: 110px;
    font-size: 11px;
    line-height: 1;
    font-weight: 800;
    text-align: right;
    color: #1b2430;
}

    .outperform__index strong {
        display: block;
        margin-top: 2.5px;
        font-size: 26px;
        font-weight: 900;
        color: #2f3c4d;
    }

.outperform__index--vv {
    bottom: 87.4125874126%;
}

    .outperform__index--vv strong {
        color: #247845;
    }

.outperform__cont {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 572px;
    padding-bottom: 60px;
}

.outperform__title {
    max-width: 770px;
}

.outperform__subtitle {
    max-width: 700px;
    margin-top: 15px;
    font-size: 20px;
    line-height: 1.25;
    color: #2f3c4d;
}

@media screen and (max-width: 1179px) {
    .outperform__title {
        max-width: 540px;
    }

    .outperform__subtitle {
        max-width: 420px;
    }
}

@media screen and (max-width: 1023px) {
    .outperform {
        margin-top: -60px;
    }

    .outperform__subtitle {
        max-width: 440px;
        font-size: 20px;
        line-height: 1.3;
    }
}

@media screen and (max-width: 767px) {
    .outperform__title {
        max-width: 460px;
    }

    .outperform__subtitle {
        max-width: 400px;
    }
}

@media screen and (max-width: 599px) {
    .outperform {
        margin-top: -40px;
        margin-bottom: -10px;
    }

    .outperform__subtitle {
        font-size: 18px;
        line-height: 1.3334;
    }

    .outperform__dates {
        right: 20px;
        bottom: 10px;
        left: 20px;
    }

    .outperform__cont {
        height: 500px;
    }

    .outperform__title {
        max-width: 260px;
    }

    .outperform__subtitle {
        max-width: 260px;
    }
}

.engine__subtitle {
    max-width: 620px;
    margin-top: 15px;
    font-size: 20px;
    line-height: 1.3;
    color: #2f3c4d;
}

.engine__grid {
    display: grid;
    gap: 15.5px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 40px;
}

.engine__item {
    position: relative;
    z-index: 1;
    padding: 20px;
    overflow: hidden;
    border-radius: 10px;
    background-color: #f7f8f9;
}

.engine__figure {
    margin: -20px -20px 15px;
}

.engine__caption {
    font-weight: 700;
    color: #0b141f;
}

.engine__subcaption {
    margin-top: 10px;
    font-size: 14px;
    line-height: 1.2858;
    font-weight: 400;
}

@media screen and (max-width: 1279px) {
    .engine__figure img {
        width: 100%;
        height: auto;
    }
}

@media screen and (max-width: 767px) {
    .engine__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media screen and (max-width: 599px) {
    .engine__subtitle {
        font-size: 18px;
        line-height: 1.3334;
    }

    .engine__grid {
        gap: 10px;
        margin-top: 20px;
    }

    .engine__item {
        padding: 15px;
    }

    .engine__figure {
        margin: -15px -15px 10px;
    }

    .engine__subcaption {
        margin-top: 5px;
    }
}

.predictions__title {
    position: relative;
    z-index: 1;
    max-width: 750px;
}

.predictions__subtitle {
    position: relative;
    z-index: 1;
    max-width: 750px;
    margin-top: 15px;
    font-size: 20px;
    line-height: 1.25;
    color: #2f3c4d;
}

.predictions__tabs {
    display: flex;
    display: none;
    align-items: center;
    margin-top: 20px;
    padding: 3px;
    border-radius: 20px;
    border: 1px solid rgba(211, 213, 218, 0.7);
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.08);
}

    .predictions__tabs hr {
        width: 1px;
        height: 10px;
        margin-right: -1px;
        background-color: #d3d5da;
        transition-duration: 200ms;
        transition-property: opacity;
    }

    .predictions__tabs button {
        position: relative;
        flex-grow: 1;
        border-radius: 16px;
        line-height: 32px;
        transition-duration: 200ms;
        transition-property: background-color, color;
    }

        .predictions__tabs button.active {
            background-color: #1f2b37;
            pointer-events: none;
            color: #ffffff;
        }

            .predictions__tabs button.active + hr {
                opacity: 0;
            }

.predictions__select {
    display: none;
    width: 100%;
    margin-top: 20px;
    padding: 0 14px;
    border-radius: 17px;
    border: 1px solid rgba(211, 213, 218, 0.7);
    background: url('data:image/svg+xml;utf8,<svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4 6L8 10L12 6" stroke="rgb(143, 157, 176)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') 100% 50%/38px 16px no-repeat;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.08);
    font-size: 15px;
    line-height: 32px;
    font-weight: 700;
    appearance: none;
    color: #0b141f;
}

.predictions__chart {
    position: relative;
    aspect-ratio: 880/524;
    margin-top: 30px;
}

    .predictions__chart::after {
        content: "";
        position: absolute;
        right: 0;
        bottom: 100%;
        left: 0;
        height: 330px;
        background-color: #ffffff;
    }

    .predictions__chart::before {
        content: "";
        position: absolute;
        z-index: 1;
        top: 100%;
        right: 0;
        left: 0;
        height: 400px;
        background-color: #ffffff;
    }

.predictions__img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.predictions__axis {
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    width: 100%;
}

.predictions__dot {
    position: absolute;
    cursor: default;
}

    .predictions__dot::after {
        content: "";
        position: absolute;
        top: -6px;
        left: -6px;
        width: 12px;
        height: 12px;
        border-radius: 50%;
        border: 3px solid #ffffff;
        box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.15);
        background-color: #d94a49;
        opacity: 0;
        transition-duration: 200ms;
        transition-property: opacity;
    }

    .predictions__dot::before {
        content: "";
        position: absolute;
        top: -430px;
        right: -10px;
        bottom: -460px;
        left: -10px;
        background: url('data:image/svg+xml;utf8,<svg viewBox="0 0 2 6" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.630005" y="1.5" width="0.73" height="3" fill="%23A1B1EB"/></svg>') 50% 50%/2px 6px repeat-y;
        opacity: 0;
        transition-duration: 200ms;
        transition-property: opacity;
    }

    .predictions__dot:hover::after {
        opacity: 1;
    }

    .predictions__dot:hover::before {
        opacity: 1;
    }

    .predictions__dot:hover .predictions__date {
        opacity: 0;
    }

    .predictions__dot:hover .predictions__tooltip {
        opacity: 1;
    }

    .predictions__dot:hover .predictions__tooltip-arrow {
        opacity: 1;
    }

.predictions__dot--buy::after {
    background-color: #00c064;
}

.predictions__dot--left::before {
    right: -2px;
    background-position: 9px 50%;
}

.predictions__dot--right::before {
    left: -2px;
    background-position: 1px 50%;
}

.predictions__date {
    position: absolute;
    z-index: 1;
    left: 50%;
    padding: 4px 6px;
    border-radius: 4px;
    border-width: 1px;
    border-style: solid;
    font-size: 12px;
    line-height: 1;
    font-weight: 900;
    white-space: nowrap;
    cursor: default;
}

    .predictions__date i {
        display: inline-block;
        vertical-align: top;
        width: 12px;
        height: 12px;
        margin-left: 4px;
        background-size: 100% 100%;
        opacity: 0.5;
    }

    .predictions__date::before {
        content: "";
        position: absolute;
        top: -10px;
        right: -10px;
        bottom: -10px;
        left: -10px;
    }

.predictions__date--buy {
    top: 100%;
    border-color: #bbdfc5;
    background-color: #c8e7d1;
    color: #247845;
    translate: -50% 8px;
}

    .predictions__date--buy i {
        background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" stroke="rgb(36, 120, 69)" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M6 11C8.76142 11 11 8.76142 11 6C11 3.23858 8.76142 1 6 1C3.23858 1 1 3.23858 1 6C1 8.76142 3.23858 11 6 11Z"/><path d="M6 8V6"/><path d="M6 4H6.00545"/></svg>');
    }

    .predictions__date--buy span {
        position: absolute;
        bottom: 100%;
        left: 50%;
        margin-left: -5px;
        border-right: 5px solid transparent;
        border-bottom: 5px solid #bbdfc5;
        border-left: 5px solid transparent;
    }

        .predictions__date--buy span::after {
            content: "";
            position: absolute;
            top: 0;
            left: 50%;
            margin-left: -5px;
            margin-top: 1.5px;
            border-right: 5px solid transparent;
            border-bottom: 5px solid #c8e7d1;
            border-left: 5px solid transparent;
        }

.predictions__date--sell {
    bottom: 100%;
    border-color: #f7c0be;
    background-color: #ffcdcb;
    color: #c5443c;
    translate: -50% -8px;
}

    .predictions__date--sell i {
        background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" stroke="rgb(197, 68, 60)" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M6 11C8.76142 11 11 8.76142 11 6C11 3.23858 8.76142 1 6 1C3.23858 1 1 3.23858 1 6C1 8.76142 3.23858 11 6 11Z"/><path d="M6 8V6"/><path d="M6 4H6.00545"/></svg>');
    }

    .predictions__date--sell span {
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -5px;
        border-top: 5px solid #f7c0be;
        border-right: 5px solid transparent;
        border-left: 5px solid transparent;
    }

        .predictions__date--sell span::after {
            content: "";
            position: absolute;
            bottom: 0;
            left: 50%;
            margin-left: -5px;
            margin-bottom: 1.5px;
            border-top: 5px solid #ffcdcb;
            border-right: 5px solid transparent;
            border-left: 5px solid transparent;
        }

.predictions__tooltip {
    position: absolute;
    z-index: 2;
    width: 340px;
    margin-left: -170px;
    padding: 15px;
    border-radius: 10px;
    background-color: #0b141f;
    color: #d3d5da;
    pointer-events: none;
    opacity: 0;
    transition-duration: 200ms;
    transition-property: opacity;
}

.predictions__tooltip--buy {
    top: 100%;
    margin-top: 16px;
}

    .predictions__tooltip--buy .predictions__tooltip-caption span {
        color: #00c064;
    }

    .predictions__tooltip--buy ~ .predictions__tooltip-arrow {
        top: 100%;
        margin-top: 10px;
        margin-left: -6px;
        border-right: 6px solid transparent;
        border-bottom: 6px solid #0b141f;
        border-left: 6px solid transparent;
    }

.predictions__tooltip--sell {
    bottom: 100%;
    margin-bottom: 16px;
}

    .predictions__tooltip--sell .predictions__tooltip-caption span {
        color: #c5443c;
    }

    .predictions__tooltip--sell ~ .predictions__tooltip-arrow {
        bottom: 100%;
        margin-bottom: 10px;
        margin-left: -6px;
        border-top: 6px solid #0b141f;
        border-right: 6px solid transparent;
        border-left: 6px solid transparent;
    }

.predictions__tooltip-arrow {
    position: absolute;
    z-index: 2;
    pointer-events: none;
    opacity: 0;
    transition-duration: 200ms;
    transition-property: opacity;
}

.predictions__tooltip-caption {
    font-weight: 700;
    color: #ffffff;
}

.predictions__tooltip-subcaption {
    margin-top: 5px;
    font-size: 14px;
    line-height: 1.2858;
}

@media screen and (max-width: 1279px) {
    .predictions__chart img {
        max-width: 100%;
        height: auto;
    }
}

@media screen and (max-width: 1179px) {
    .predictions__tabs button {
        font-size: 13px;
    }
}

@media screen and (max-width: 1023px) {
    .predictions__subtitle {
        font-size: 20px;
        line-height: 1.3;
    }

    .predictions__tabs button {
        font-size: 15px;
    }
}

@media screen and (max-width: 767px) {
    .predictions__tabs button {
        font-size: 12px;
    }
}

@media screen and (max-width: 599px) {
    .predictions__subtitle {
        font-size: 18px;
        line-height: 1.3334;
    }

    .predictions__date {
        padding: 2px 3px;
        border-radius: 3px;
        font-size: 10px;
        font-weight: 800;
    }

        .predictions__date i {
            width: 10px;
            height: 10px;
            margin-left: 3px;
        }

    .predictions__date--right {
        left: 100%;
        translate: 8px -50%;
    }

        .predictions__date--right span {
            right: 100%;
            bottom: 50%;
            left: auto;
            margin: 0 0 -5px;
            border-top: 5px solid transparent;
            border-right: 5px solid #bbdfc5;
            border-bottom: 5px solid transparent;
            border-left: 0;
        }

            .predictions__date--right span::after {
                top: 50%;
                left: 0;
                margin: -5px 0 0 1.5px;
                border-top: 5px solid transparent;
                border-right: 5px solid #c8e7d1;
                border-bottom: 5px solid transparent;
                border-left: 0;
            }
}

.faqs {
    position: relative;
    z-index: 1;
}

.faqs__title {
    margin-bottom: 15px;
}

.faqs__item {
    border-bottom: 1px solid #f2f3f5;
}

.faqs__toggle {
    position: relative;
    width: 100%;
    padding: 15px 31px 15px 0;
    font-weight: 700;
    text-align: left;
    color: #2f3c4d;
    transition-duration: 200ms;
    transition-property: color;
}

    .faqs__toggle::after {
        content: "";
        position: absolute;
        top: 50%;
        right: 0;
        width: 16px;
        height: 16px;
        margin-top: -8px;
        background-image: url('data:image/svg+xml;utf8,<svg width="16" height="16" viewBox="0 0 16 16" fill="rgb(143, 157, 176)" xmlns="http://www.w3.org/2000/svg"><path d="M9 2.66666C9 2.11438 8.55228 1.66666 8 1.66666C7.44772 1.66666 7 2.11438 7 2.66666V7H2.66667C2.11439 7 1.66667 7.44772 1.66667 8C1.66667 8.55228 2.11439 9 2.66667 9H7V13.3333C7 13.8856 7.44772 14.3333 8 14.3333C8.55228 14.3333 9 13.8856 9 13.3333V9H13.3333C13.8856 9 14.3333 8.55228 14.3333 8C14.3333 7.44772 13.8856 7 13.3333 7H9V2.66666Z"/></svg>');
        transition-duration: 200ms;
        transition-property: background-image, rotate;
    }

    .faqs__toggle:hover {
        color: #0b141f;
    }

        .faqs__toggle:hover::after {
            background-image: url('data:image/svg+xml;utf8,<svg width="16" height="16" viewBox="0 0 16 16" fill="rgb(27, 36, 48)" xmlns="http://www.w3.org/2000/svg"><path d="M9 2.66666C9 2.11438 8.55228 1.66666 8 1.66666C7.44772 1.66666 7 2.11438 7 2.66666V7H2.66667C2.11439 7 1.66667 7.44772 1.66667 8C1.66667 8.55228 2.11439 9 2.66667 9H7V13.3333C7 13.8856 7.44772 14.3333 8 14.3333C8.55228 14.3333 9 13.8856 9 13.3333V9H13.3333C13.8856 9 14.3333 8.55228 14.3333 8C14.3333 7.44772 13.8856 7 13.3333 7H9V2.66666Z"/></svg>');
        }

    .faqs__toggle.active {
        color: #0b141f;
    }

        .faqs__toggle.active::after {
            rotate: -45deg;
        }

.faqs__spoiler {
    overflow: hidden;
    max-height: 0;
    font-weight: 400;
    opacity: 0;
    transition-duration: 200ms;
    transition-property: max-height, margin, opacity;
}

    .faqs__spoiler p {
        margin-top: 10px;
    }

        .faqs__spoiler p:first-child {
            margin-top: 0;
        }

    .faqs__spoiler.visible {
        margin-bottom: 15px;
        opacity: 1;
    }

.plan-select {
    position: relative;
    text-align: center;
}

.plan-select__head {
    padding: 50px 0 300px;
    background-color: #1b2430;
    color: #ffffff;
}

    .plan-select__head:has(~ .plan-select__grid .plan-details__yearly.d-none) {
        box-shadow: 0 -18px 0 0 #ffffff inset;
    }

.plan-select__overline {
    margin-bottom: 5px;
    font-size: 12px;
    line-height: 1.3334;
    font-weight: 800;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #d3d5da;
}

.plan-select__title {
    color: #ffffff;
}
h1.h2.plan-select__title {
    max-width: 830px;
    margin: auto;
}
.plan-select__toggle {
    position: relative;
    display: flex;
    width: 180px;
    margin: 15px auto 0;
    border-radius: 6px;
    border: 2px solid #2f3c4d;
    background-color: #2f3c4d;
    font-size: 14px;
    line-height: 1.2858;
    color: #d3d5da;
    user-select: none;
    cursor: pointer;
    transition-duration: 200ms;
    transition-property: color;
}

    .plan-select__toggle span {
        position: relative;
        flex-basis: 50%;
        padding: 3px;
        border-radius: 4px;
    }

    .plan-select__toggle input {
        position: absolute;
        top: 0;
        left: 0;
        width: 50%;
        height: 100%;
        border-radius: 4px;
        background: linear-gradient(180deg, #0060dd 0%, #004aab 100%);
        box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.2), inset 0 50px 0 0 rgba(0, 0, 0, 0);
        appearance: none;
        pointer-events: none;
        transition-duration: 200ms;
        transition-property: left;
    }

        .plan-select__toggle input + span {
            font-weight: 700;
            color: #ffffff;
        }

        .plan-select__toggle input:checked {
            left: 50%;
        }

            .plan-select__toggle input:checked + span {
                font-weight: inherit;
                color: inherit;
            }

                .plan-select__toggle input:checked + span + span {
                    font-weight: 700;
                    color: #ffffff;
                }

    .plan-select__toggle:hover {
        color: #ffffff;
    }

.plan-select__save {
    position: relative;
    margin-top: 20px;
}


.plan-select__save span
{
    position: relative;
}
.plan-select__save span::after {
    content: "";
    background-image: url("../img/Hand-drawn-pen-scribble.svg");
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-size: cover;
    width: 134px;
    height: 10px;
    display: block;
    position: absolute;
    right: -7px;
}

.plan-select__compare {
    display: none;
    vertical-align: top;
    gap: 4px;
    align-items: center;
    justify-content: center;
    margin-top: 15px;
    font-size: 13px;
    line-height: 16px;
    color: #c5cef1;
    transition-duration: 200ms;
    transition-property: color;
}

    .plan-select__compare:hover {
        color: #ffffff;
    }

.plan-select__grid {
    display: flex;
    max-width: 1200px;
    margin: auto;
    margin-top: -240px;
    gap: 20px;
    padding: 0 10px;
}

@media screen and (max-width: 1023px) {
    .plan-select__head {
        padding-top: 40px;
    }

    .plan-select__grid {
        gap: 10px;
        padding: 0 10px;
    }
}

@media screen and (max-width: 767px) {
    .plan-select__grid {
        flex-direction: column;
        align-items: center;
    }
    .plan-details {
        width: 90% !important;
    }
    .cre60-all-plan-cards {
        flex-direction: column;
        gap: 25px;
        margin-top: 30px;
    }

    html body .see-all-btn-60 {
        margin-top: 60px;
    }
}

@media screen and (max-width: 599px) {
    .plan-select {
        background-color: #1b2430;
    }

    .plan-select__head {
        padding-top: 30px;
        padding-bottom: 0;
    }

        .plan-select__head:has(~ .plan-select__grid .plan-details__yearly.d-none) {
            box-shadow: none;
        }

    .plan-select__title {
        font-size: 40px;
    }

    .plan-select__compare {
        display: inline-flex;
    }

    .plan-select__grid {
        gap: 15px;
        grid-template-columns: 100%;
        margin-top: 20px;
        padding: 0 20px;
    }
}

.plan-details {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    background-color: #f7f8f9;
    width: 31%;
}

.plan-details:hover {
    background-color: #f2f3f5;
}

.plan-details:hover .plan-details__head {
    background-color: #fafbfb;
}

.plan-details--popular::after {
    content: "";
    position: absolute;
    top: -1px;
    right: -1px;
    width: 67px;
    height: 67px;
    background-image: url(../img/popular.svg);
}

.plan-details__head {
    padding: 30px;
    padding-bottom: 10px;
    background-color: #ffffff;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

.plan-details__name {
    font-size: 16px;
    margin-bottom: 8px;
    font-weight: 700;
    text-transform: uppercase;
    color: #0b141f;
    text-align: center;
    font-family: "Modern Era ExtraBold", sans-serif;
    line-height: 22px;
}

.plan-details__blurb {
    font-size: 22px;
    line-height: 22px;
    text-align: center;
    font-weight: 500;
    color: #0b141f;
    font-family: "Modern Era Medium", sans-serif;
}

.plan-details__price {
    font-size: 40px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: -0.03em;
    color: #247845;
    text-align: center;
    margin-top: 15px;
    font-family: "Modern Era ExtraBold", sans-serif;
}

.plan-details__price del {
    font-size: 24px;
    font-weight: 500;
    color: #6f7b8e;
}

.plan-details__subprice {
    font-size: 13px;
    line-height: 16px;
    font-weight: 400;
    color: #247845;
}

.plan-details__montly {
    margin-top: 8px;
    font-size: 16px;
    line-height: 18px;
    font-weight: 700;
    color: #2f3c4d;
    text-align: center;
    font-family: "Modern Era Bold", sans-serif
}

.plan-details__yearly {
    margin-top: 2px;
    font-size: 13px;
    line-height: 16px;
    color: #6f7b8e;
}

.plan-details__button {
    margin-top: 20px;
}

.plan-details__cont {
    padding: 20px 30px;
    font-size: 14px;
    line-height: 1.2858;
    text-align: left;
}

    .plan-details__cont p {
        margin-bottom: 8px;
        font-weight: 800;
    }

    .plan-details__cont strong {
        font-weight: 800;
    }

.plan-details__list {
    list-style: none;
}

.plan-details__list li {
    margin-top: 7px;
    padding-left: 22px;
    background: url('data:image/svg+xml;utf8,<svg viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.166 3.55603L5.06277 10.444L1.83405 7.31309" stroke="rgb(0, 192, 100)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') 0 2px/15px 15px no-repeat;
}

ul.plan-details__list {
    list-style: none;
    margin-top: 4px;
}

.plan-details__list li:first-child {
    margin-top: 0;
}

.plan-details__list li ul {
    margin-top: 0;
    padding-left: 40px;
}

.plan-details__list li ul li {
    margin-top: 0px;
    list-style-type: disc !important;
    background: none;
    font-family: "Modern Era Medium", sans-serif;
    font-weight: 500;
    line-height: 18.0012px;
    font-size: 15px;
    padding-left: 0;
}

.plan-details_list li ul.sub-list li {
    list-style-type: disc !important;
    padding-left: 0 !important;
}

@media screen and (max-width: 1023px) {
    .plan-details__cont {
        padding: 20px;
    }
}

@media screen and (max-width: 767px) {
    .plan-details__head {
        padding: 22px 20px;
    }

    .plan-details__cont {
        padding: 15px;
    }

    .plan-details__list ul {
        margin-left: -9px;
    }
}

@media screen and (max-width: 599px) {
    .plan-details:last-child {
        box-shadow: 30px 183px 0 0 #ffffff, -30px 183px 0 0 #ffffff;
    }

    .plan-details__button {
        margin-top: 15px;
    }

    .plan-details__cont {
        padding: 15px 20px 20px;
    }
}

.tag_most_popular {
    display: block !important;
    background: #ff8a00;
    color: #fff;
    padding: 3px 5px;
    margin-top: -29px;
    text-align: center;
}

.plan-compare {
    position: relative;
    margin-top: 50px;
    margin-bottom: 50px;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
}

.plan-compare__table {
    width: 100%;
    border-collapse: collapse;
    border-collapse: separate !important;
    border-spacing: 0;
}

.plan-compare__thead {
    position: sticky;
    z-index: 1;
    top: 0;
}

.plan-compare__thead th {
    width: 1%;
    overflow: hidden;
    padding: 0 15px 10px;
    border-top: 1px solid #d3d5da;
    border-left: 1px solid #d3d5da;
    background-color: #ffffff;
    white-space: nowrap;
}

.plan-compare__thead th:nth-child(1) {
    width: auto;
    border-top-color: #ffffff;
    border-left-color: #ffffff;
}

.plan-compare__thead th:nth-child(2) {
    border-top-left-radius: 5px;
}

.plan-compare__thead th:last-child {
    border-top-right-radius: 5px;
    border-right: 1px solid #d3d5da;
}

.plan-compare__thead th:last-child::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 136px;
    box-shadow: 50vw 0 0 0 #ffffff, -50vw 0 0 0 #ffffff, 0px 7.5px 15px 0 rgba(11, 20, 31, 0.2);
    pointer-events: none;
    opacity: 0;
    transition-duration: 200ms;
    transition-property: opacity;
}

.plan-compare__thead.sticky th:nth-child(2) {
    border-top-left-radius: 0;
}

.plan-compare__thead.sticky th:last-child {
    border-top-right-radius: 0;
}

.plan-compare__thead.sticky th:last-child::after {
    opacity: 1;
}

.plan-compare__tbody tr {
    transition-duration: 200ms;
    transition-property: background-color;
}

.plan-compare__tbody tr:nth-child(2) td {
    border-top: 1px solid #d3d5da;
}

.plan-compare__tbody tr:nth-child(2) td:first-child {
    border-top-left-radius: 5px;
}

.plan-compare__tbody tr:nth-child(odd) {
    display: none;
}

.plan-compare__tbody tr:nth-child(4n) {
    background-color: #f7f8f9;
}

.plan-compare__tbody tr:last-child td {
    border-bottom: 1px solid #d3d5da;
}

.plan-compare__tbody tr:last-child td:first-child {
    border-bottom-left-radius: 5px;
}

        .plan-compare__tbody tr:last-child td:last-child {
            border-bottom-right-radius: 5px;
        }

.plan-compare__tbody td {
    padding: 10px 15px;
    border-left: 1px solid #d3d5da;
}

    .plan-compare__tbody td:first-child {
        font-weight: 700;
        text-align: left;
    }

    .plan-compare__tbody td:last-child {
        border-right: 1px solid #d3d5da;
    }

    .plan-compare__tbody td[colspan="2"] {
        font-size: 14px;
    }

.plan-compare__name {
    margin: 0 -15px 10px;
    padding: 10px;
    background-color: rgba(211, 213, 218, 0.5);
    font-weight: 800;
    text-transform: uppercase;
}

.plan-compare__price {
    margin-top: 10px;
    font-size: 15px;
    line-height: 1;
    font-weight: 800;
    color: #247845;
}

    .plan-compare__price span {
        font-size: 13px;
        line-height: 1;
        font-weight: 500;
    }

    .plan-compare__price del {
        font-size: 12px;
        font-weight: 500;
        text-decoration: line-through;
        color: #6f7b8e;
    }

.plan-compare__montly {
    margin-top: 5px;
    font-size: 13px;
    line-height: 1;
}

.plan-compare__button {
    width: 190px;
    margin-top: 10px;
}

.plan-compare__caption {
    margin-top: 2.5px;
    font-size: 13px;
    line-height: 16px;
    font-weight: 500;
    color: #2f3c4d;
}

.plan-compare__check {
    width: 14px;
    height: 14px;
    margin: 2px auto;
    background-image: url('data:image/svg+xml;utf8,<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.166 3.55603L5.06277 10.444L1.83405 7.31309" stroke="rgb(0, 192, 100)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.plan-compare__cross {
    width: 14px;
    height: 14px;
    margin: 2px auto;
    background-image: url('data:image/svg+xml;utf8,<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg" stroke="rgb(211, 213, 218)" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M11 3L3 11"/><path d="M3 3L11 11"/></svg>');
}

@media screen and (max-width: 1023px) {
    .plan-compare {
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .plan-compare__cont {
        margin-right: -30px;
        margin-left: -30px;
        border-right: 0;
        border-left: 0;
    }

    .plan-compare__thead th:first-child {
        border-left: 0;
    }

    .plan-compare__thead th:last-child {
        border-right: 0;
        border-top-right-radius: 0;
    }

    .plan-compare__tbody tr:nth-child(2) td:first-child {
        border-top-left-radius: 0;
    }

    .plan-compare__tbody tr:last-child td:first-child {
        border-bottom-left-radius: 0;
    }

    .plan-compare__tbody tr:last-child td:last-child {
        border-bottom-right-radius: 0;
    }

    .plan-compare__tbody td:first-child {
        border-left: 0;
    }

    .plan-compare__tbody td:last-child {
        border-right: 0;
    }

    .plan-compare__price del {
        display: none;
    }

    .plan-compare__button {
        width: auto;
        padding-right: 15px;
        padding-left: 15px;
    }
}

@media screen and (max-width: 767px) {
    .plan-compare {
        font-size: 14px;
    }

    .plan-compare__thead th {
        padding-right: 10px;
        padding-left: 10px;
    }

    .plan-compare__tbody td {
        padding-right: 10px;
        padding-left: 10px;
    }

    .plan-compare__name {
        margin-right: -10px;
        margin-left: -10px;
    }

    .plan-compare__caption {
        font-size: 12px;
        line-height: 14px;
    }
}

@media screen and (max-width: 599px) {
    .plan-compare__cont {
        margin-right: -20px;
        margin-left: -20px;
    }

    .plan-compare__thead th:first-child {
        display: none;
        border-right: 0;
    }

    .plan-compare__thead th:nth-child(2) {
        border-top-left-radius: 0;
        border-left: 0;
    }

    .plan-compare__tbody tr:first-child td {
        border-top: 1px solid #d3d5da;
    }

    .plan-compare__tbody tr:nth-child(2) td {
        border-top: 0;
    }

    .plan-compare__tbody tr:last-child td {
        border-bottom: 0;
    }

    .plan-compare__tbody tr:nth-child(4n) {
        background-color: transparent;
    }

    .plan-compare__tbody tr:nth-child(odd) {
        display: table-row;
        font-weight: 700;
        text-align: left;
    }

    .plan-compare__tbody tr:nth-child(odd) td {
        padding-top: 17.5px;
    }

    .plan-compare__tbody tr:nth-child(even) {
        background-color: #f7f8f9;
    }

    .plan-compare__tbody td {
        padding-top: 7.5px;
        padding-bottom: 7.5px;
    }

    .plan-compare__tbody td:first-child {
        display: none;
        border-right: 0;
    }

    .plan-compare__tbody td:nth-child(2) {
        border-left: 0;
    }

    .plan-compare__tbody td[colspan="3"] {
        padding-right: 20px;
        padding-left: 20px;
        text-align: left;
    }

    .plan-compare__price {
        margin-right: -10px;
        margin-left: -10px;
    }
}

@media screen and (max-width: 389px) {
    .plan-compare__button {
        padding-right: 0;
        padding-left: 0;
    }

    .plan-compare__tbody td[colspan="2"] {
        font-size: 13px;
    }
}

@media (hover: hover) {
    .plan-compare__tbody tr:hover {
        background-color: #f1f3fb;
    }
}

.personal-details {
    max-width: 580px;
    margin-top: 50px;
    margin-right: auto;
    margin-left: auto;
}

.personal-details__heading {
    margin-top: 40px;
    font-size: 26px;
    line-height: 1.1538461538;
    font-weight: 800;
    letter-spacing: 0;
    color: #0b141f;
}

    .personal-details__heading:first-child {
        margin-top: 0;
    }

.personal-details__label {
    display: block;
    margin-top: 20px;
    padding-bottom: 5px;
    font-weight: 700;
    color: #2f3c4d;
}

.personal-details__control {
    position: relative;
}

    .personal-details__control + .personal-details__control {
        margin-top: 5px;
    }

.personal-details__control--hastip:hover .personal-details__tooltip {
    opacity: 1;
}

.personal-details__icon {
    position: absolute;
    top: 1px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    color: #8f9db0;
}

    .personal-details__icon:hover .personal-details__tooltip {
        opacity: 1;
    }

.personal-details__icon--prefix {
    left: 1px;
}

    .personal-details__icon--prefix ~ input {
        padding-left: 34px;
    }

.personal-details__icon--postfix {
    right: 1px;
}

    .personal-details__icon--postfix ~ input {
        padding-right: 34px;
    }

.personal-details__icon--button {
    transition-duration: 200ms;
    transition-property: color;
}

    .personal-details__icon--button:hover {
        color: #2f3c4d;
    }

.personal-details__icon.crossed::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1px;
    height: 18px;
    background-color: currentColor;
    box-shadow: 0 0 0 1px #ffffff;
    rotate: 45deg;
    translate: -50% -50%;
}

.personal-details__input, .personal-details__select {
    width: 100%;
    padding: 8px 10px;
    border-radius: 5px;
    border: 1px solid #d3d5da;
    background-color: #ffffff;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.06);
    font-size: 15px;
    line-height: 18px;
    color: #2f3c4d;
    appearance: none;
    transition-duration: 200ms;
    transition-property: border-color, box-shadow;
}

    .personal-details__input:hover, .personal-details__select:hover {
        border-color: #8f9db0;
    }

    .personal-details__input:focus, .personal-details__select:focus {
        border-color: #4976ff;
        box-shadow: 0 0 0 2px rgba(73, 118, 255, 0.15);
    }

    .personal-details__input:disabled, .personal-details__select:disabled {
        border-color: #d3d5da;
        background-color: #f2f3f5;
        box-shadow: none;
        color: #6f7b8e;
    }

    .personal-details__input::placeholder, .personal-details__select::placeholder {
        color: #8f9db0;
    }

.personal-details__select {
    padding-right: 30px;
    background-image: url('data:image/svg+xml;utf8,<svg width="30" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4 6L8 10L12 6" stroke="rgb(143, 157, 176)" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    background-position: 100% 50%;
}

.personal-details__checkbox {
    position: relative;
    margin-top: 20px;
    padding-left: 28px;
    line-height: 18px;
    user-select: none;
    cursor: pointer;
    color: #2f3c4d;
}

    .personal-details__checkbox input {
        position: absolute;
        top: 0;
        left: 0;
        width: 18px;
        height: 18px;
        border-radius: 4px;
        border: 1px solid #d3d5da;
        background-color: #ffffff;
        box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.06);
        appearance: none;
        cursor: pointer;
        transition-duration: 200ms;
        transition-property: border-color;
    }

        .personal-details__checkbox input:hover {
            border-color: #8f9db0;
        }

        .personal-details__checkbox input:focus {
            border-color: #4976ff;
            box-shadow: 0 0 0 2px rgba(73, 118, 255, 0.15);
        }

        .personal-details__checkbox input:checked {
            border: none;
            background: url('data:image/svg+xml;utf8,<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.25 9.5L7.95 12.5L12.7501 5.5" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>'), linear-gradient(180deg, #0060dd 0%, #0046a2 100%);
        }

    .personal-details__checkbox:has(:disabled) {
        display: none;
    }

.personal-details__tooltip {
    position: absolute;
    z-index: 1;
    bottom: 100%;
    left: 50%;
    width: 280px;
    pointer-events: none;
    opacity: 0;
    translate: -50% -4px;
    transition-duration: 200ms;
    transition-property: opacity;
}

    .personal-details__tooltip span {
        display: block;
        padding: 7.5px 10px;
        border-radius: 5px;
        background-color: #0b141f;
        font-size: 11px;
        line-height: 12px;
        text-align: center;
        color: #ffffff;
    }

    .personal-details__tooltip::after {
        content: "";
        position: absolute;
        top: 100%;
        right: 50%;
        margin-right: -6px;
        border-top: 6px solid #0b141f;
        border-right: 6px solid transparent;
        border-left: 6px solid transparent;
    }

.personal-details__tooltip--auto {
    width: auto;
    white-space: nowrap;
}

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

.personal-details__note {
    display: none;
    margin-top: 15px;
    text-align: center;
    font-size: 14px;
    line-height: 1.2858;
    color: #6f7b8e;
}

    .personal-details__note a {
        text-decoration: underline;
        transition-duration: 200ms;
        transition-property: color;
    }

        .personal-details__note a:hover {
            color: #4976ff;
        }

@media screen and (max-width: 1023px) {
    .personal-details {
        margin-top: 40px;
    }
}

@media screen and (max-width: 767px) {
    .personal-details__label {
        margin-top: 15px;
    }
}

@media screen and (max-width: 599px) {
    .personal-details {
        margin-top: 30px;
    }
}

.order-summary {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    gap: 50px;
    flex-direction: column;
    width: 400px;
    padding: 106px 50px 50px;
    background-color: #1b2430;
    color: #ffffff;
}

.order-summary__overline {
    display: flex;
    align-items: center;
    gap: 7.5px;
    font-size: 14px;
    line-height: 1;
    font-weight: 700;
}

.order-summary__title {
    margin-top: 10px;
    margin-bottom: 20px;
    font-size: 25px;
    line-height: 1;
    font-weight: 800;
}

.order-summary__subtotal {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 7.5px;
    font-size: 15px;
    line-height: 18px;
    color: #d3d5da;
}

    .order-summary__subtotal em {
        color: #00c064;
    }

    .order-summary__subtotal span {
        color: #ffffff;
    }

.order-summary__total {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 7.5px;
    font-size: 20px;
    line-height: 1;
    font-weight: 700;
    color: #ffffff;
}

    .order-summary__total span {
        font-weight: 800;
    }

.order-summary__annualy {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #2f3c4d;
    font-size: 13px;
    line-height: 16px;
    color: #d3d5da;
}

.order-summary__note {
    margin-top: 4px;
    font-size: 11px;
    line-height: 13px;
    color: #8f9db0;
}

.order-summary__heading {
    font-size: 11px;
    line-height: 13px;
    font-weight: 800;
    text-transform: uppercase;
}

.order-summary__list {
    list-style: none;
    font-size: 14px;
    line-height: 1.2858;
    color: #d3d5da;
}

.order-summary__list li {
    margin-top: 6px;
    padding-left: 22px;
    background: url('data:image/svg+xml;utf8,<svg viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.166 3.55603L5.06277 10.444L1.83405 7.31309" stroke="rgb(0, 192, 100)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') 0 2px/14px 14px no-repeat;
}

.order-summary__list li ul li {
    list-style-type: none;
}

.order-summary__more {
    position: relative;
    display: none;
    padding-right: 20px;
    background: url('data:image/svg+xml;utf8,<svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4 6L8 10L12 6" stroke="%230B141F" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>') 100% 50%/16px 16px no-repeat;
    font-size: 13px;
    line-height: 16px;
    font-weight: 700;
}

    .order-summary__more::after {
        content: attr(data-more);
    }

    .order-summary__more.active {
        background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4 10L8 6L12 10" stroke="%230B141F" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    }

        .order-summary__more.active::after {
            content: attr(data-less);
        }

@media screen and (min-width: 1440px) {
    .order-summary {
        width: 27.7777777778%;
        padding-right: 3.4722222222%;
        padding-left: 3.4722222222%;
    }
}

@media screen and (max-width: 1279px) {
    .order-summary {
        width: 360px;
        padding: 106px 40px 80px;
    }

    .order-summary__title {
        font-size: 23px;
    }
}

@media screen and (max-width: 1023px) {
    .order-summary {
        width: 340px;
        padding: 96px 30px 60px;
    }
}

@media screen and (max-width: 767px) {
    .order-summary {
        width: 290px;
    }

    .order-summary__title {
        margin-right: -10px;
        font-size: 20px;
    }
}

@media screen and (max-width: 599px) {
    .order-summary {
        position: static;
        gap: 20px;
        width: auto;
        margin-top: 40px;
        padding: 0;
        background-color: transparent;
        color: #0b141f;
    }

    .order-summary__subtotal {
        color: #2f3c4d;
    }

        .order-summary__subtotal span {
            color: #0b141f;
        }

    .order-summary__total {
        color: #0b141f;
    }

        .order-summary__total span {
            font-weight: 800;
        }

    .order-summary__annualy {
        border-top-color: #d3d5da;
        color: #2f3c4d;
    }

    .order-summary__note {
        color: #6f7b8e;
    }

    .order-summary__spoiler {
        max-height: 0;
        overflow: hidden;
        opacity: 0;
        transition-duration: 200ms;
        transition-property: max-height, opacity;
    }

        .order-summary__spoiler.visible {
            opacity: 1;
        }

    .order-summary__heading {
        color: #6f7b8e;
    }

    .order-summary__list {
        margin-bottom: 15px;
        color: #1f2b37;
    }

    .order-summary__more {
        display: block;
    }
}

.thanks {
    max-width: 580px;
    margin-top: 50px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}

.thanks__img {
    margin-right: auto;
    margin-left: auto;
}

.thanks__title {
    margin-top: 40px;
    font-size: 26px;
    line-height: 1.1538461538;
    font-weight: 800;
    letter-spacing: 0;
    color: #0b141f;
}

.thanks__subtitle {
    margin-top: 20px;
    font-weight: 400;
}

    .thanks__subtitle a {
        text-decoration: underline;
        transition-duration: 200ms;
        transition-property: color;
    }

        .thanks__subtitle a:hover {
            color: #4976ff;
        }

.thanks__button {
    display: inline-flex;
    vertical-align: top;
    margin-top: 40px;
    margin-bottom: 20px;
    padding-right: 20px;
    padding-left: 20px;
}

@media screen and (max-width: 1023px) {
    .thanks {
        margin-top: 40px;
    }
}

@media screen and (max-width: 599px) {
    .thanks {
        margin-top: 30px;
    }

    .thanks__img {
        max-width: 100%;
        height: auto;
    }

    .thanks__title {
        margin-top: 30px;
    }

    .thanks__subtitle {
        margin-top: 15px;
    }

    .thanks__button {
        margin-top: 30px;
    }
}

.modal {
    position: fixed;
    z-index: 100;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 50px;
    pointer-events: none;
    opacity: 0;
    transition-duration: 200ms;
    transition-property: opacity;
}

    .modal.active {
        pointer-events: auto;
        opacity: 1;
    }

.modal__back {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(11, 20, 31, 0.8);
}

.modal__close {
    position: fixed;
    z-index: 1;
    top: 0;
    right: 0;
    width: 60px;
    height: 60px;
    background: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" stroke="rgb(211, 213, 218)" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M18 6L6 18"/><path d="M6 6L18 18"/></svg>') 50% 50%/24px 24px no-repeat;
    transition-duration: 200ms;
    transition-property: background-image;
}

    .modal__close:hover {
        background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" stroke="rgb(255, 255, 255)" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M18 6L6 18"/><path d="M6 6L18 18"/></svg>');
    }

.modal__frame {
    position: relative;
    max-width: 650px;
    max-height: 100%;
    overflow: auto;
    border-radius: 10px;
    background-color: #ffffff;
}

.modal__cont {
    padding: 40px;
    color: #2f3c4d;
}

    .modal__cont h3 {
        margin-bottom: 30px;
    }

    .modal__cont h4 {
        margin-top: 30px;
        font-size: 18px;
        font-weight: 700;
        color: #0b141f;
    }

    .modal__cont ul {
        margin-left: 15px;
        font-size: 15px;
    }

    .modal__cont li {
        margin-top: 5px;
    }

    .modal__cont p {
        margin-top: 15px;
        font-size: 15px;
    }

    .modal__cont a {
        text-decoration: underline;
        color: #0b141f;
        transition-duration: 200ms;
        transition-property: color;
    }

        .modal__cont a:hover {
            color: #4976ff;
        }

@media screen and (max-width: 1279px) {
    .modal {
        padding: 40px;
    }

    .modal__close {
        width: 50px;
        height: 50px;
    }
}

@media screen and (max-width: 1023px) {
    .modal__cont {
        padding: 30px;
    }
}

@media screen and (max-width: 599px) {
    .modal {
        padding: 0;
    }

    .modal__frame {
        border-radius: 0;
    }

    .modal__cont {
        padding: 20px;
    }

        .modal__cont h3 {
            margin-right: 48px;
        }

    .modal__close {
        width: 68px;
        height: 68px;
        background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" stroke="rgb(143, 157, 176)" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M18 6L6 18"/><path d="M6 6L18 18"/></svg>');
    }

        .modal__close:hover {
            background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" stroke="rgb(27, 36, 48)" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M18 6L6 18"/><path d="M6 6L18 18"/></svg>');
        }
}

.pac-container {
    margin-top: 3px;
    border-radius: 5px;
    border: 1px solid #4976ff;
    background-color: #ffffff;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.06);
    box-sizing: content-box;
    font: inherit;
}

    .pac-container::after {
        display: none;
    }

    .pac-container .pac-item {
        padding-right: 10px;
        padding-left: 10px;
    }

    .pac-container .pac-icon {
        display: none;
    }

.has-danger .personal-details__input,
.has-danger .personal-details__select {
    border-color: #d94a49;
}

    .has-danger .personal-details__input:focus,
    .has-danger .personal-details__select:focus {
        box-shadow: 0 0 0 2px rgba(217, 74, 73, 0.15);
    }

.has-danger.personal-details__checkbox input {
    border-color: #d94a49;
}

    .has-danger.personal-details__checkbox input:focus {
        box-shadow: 0 0 0 2px rgba(217, 74, 73, 0.15);
    }

.has-danger .pristine-error {
    flex-basis: 100%;
    margin-top: 5px;
    padding-left: 18px;
    background: url('data:image/svg+xml;utf8,<svg viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" stroke="rgb(197, 68, 60)" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M6 11C8.76142 11 11 8.76142 11 6C11 3.23858 8.76142 1 6 1C3.23858 1 1 3.23858 1 6C1 8.76142 3.23858 11 6 11Z"/><path d="M6 8V6"/><path d="M6 4H6.00545"/></svg>') 0 50%/12px 12px no-repeat;
    font-size: 14px;
    line-height: 1.2858;
    color: #c5443c;
}

.login-body {
    display: flex;
    flex-direction: column;
    min-height: 100%;
}

.login {
    overflow: hidden;
    margin-bottom: auto;
    padding-top: 60px;
    border-bottom: 60px solid #ffffff;
    background: #1b2430;
}

.login__form {
    max-width: 520px;
    margin: 0 auto;
}

.login__cont {
    padding: 40px;
    border-radius: 6px 6px 0 0;
    background: #ffffff;
}

.login__title {
    font-size: 26px;
    line-height: 1.1538461538;
    font-weight: 800;
    letter-spacing: 0;
    color: #0b141f;
}

.login__subtitle {
    margin-top: 10px;
    font-size: 16px;
    line-height: 1.375;
    font-weight: 500;
    font-weight: 400;
    color: #1b2430;
}

.login__foot {
    position: relative;
    padding: 40px;
}

    .login__foot::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        border-radius: 0 0 6px 6px;
        background: #f7f8f9;
    }

    .login__foot::before {
        content: "";
        position: absolute;
        top: 0;
        left: 50%;
        width: 100vw;
        height: 100%;
        margin-left: -50vw;
        background: #ffffff;
    }

.login__foot-inner {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: 15px;
    text-align: center;
}

.login__forgot {
    font-size: 14px;
    line-height: 1.2858;
}

.login__forgot-link {
    text-decoration: underline;
    color: #6f7b8e;
    transition-duration: 200ms;
    transition-property: color;
}

    .login__forgot-link:hover {
        color: #4976ff;
    }

@media screen and (max-width: 767px) {
    .login {
        padding-top: 40px;
        border-bottom: 40px solid #ffffff;
    }

    .login__cont, .login__foot {
        padding: 30px;
    }
}

.plan-new-content-wrapper img {
    display: inline;
    position: relative;
    top: 4px;
    cursor: pointer;
}

.tooltip {
    position: relative;
    display: inline-block !important;
    position: relative;
    z-index: 2030 !important;
    visibility: visible;
    font-size: 12px;
    line-height: 1.4;
    opacity: 1 !important;
}

 .tooltip .tooltiptext {
    visibility: hidden;
    width: 300px;
    background-color: #101828;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 12px;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: 20px;
    margin-bottom: -52px;
    opacity: 0;
    transition: opacity 0.3s;
    font-size: 15px;
}

    .tooltip:hover .tooltiptext {
        visibility: visible;
        opacity: 1;
    }

 .tooltiptext::after {
    background-image: url("../img/Tooltip.svg");
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-size: cover;
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    left: -8px;
    top: 42%;
}

@media (min-width: 970px) and (max-width: 1600px) {
     .plan-details--popular .tooltip .tooltiptext {
        width: 300px;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 12px;
        position: absolute;
        z-index: 1;
        bottom: 125%;
        left: auto;
        margin-left: -312px;
        margin-bottom: -52px;
        opacity: 0;
        transition: opacity 0.3s;
    }

    .plan-details--popular .tooltip:hover .tooltiptext {
        visibility: visible;
        opacity: 1;
    }

    .plan-details--popular .tooltiptext::after {
        left: 97%;
        transform: rotate(180deg);
    }
}

@media (min-width: 600px) and (max-width: 970px) {
     .tooltip:hover .tooltiptext {
        visibility: visible;
        opacity: 1;
        left: 0%;
        margin-bottom: 0;
        margin-left: -100px;
    }

     .tooltiptext::after {
        left: 40%;
        top: 89%;
        z-index: -1;
        transform: rotate(268deg);
    }

     .tooltip .tooltiptext {
        width: 250px;
        font-size: 12px;
    }

    .plan-details--popular .tooltiptext::after {
        left: 80%;
        top: 89%;
        z-index: -1;
        transform: rotate(268deg);
    }

    .plan-details--popular .tooltip:hover .tooltiptext {
        margin-left: -200px;
    }
}

@media (min-width: 320px) and (max-width: 599px) {
    .tooltip:hover .tooltiptext {
        visibility: visible;
        opacity: 1;
        left: 0%;
        margin-bottom: 0;
        margin-left: -100px;
        padding: 12px;
    }

     .tooltiptext::after {
        left: 40%;
        top: 85%;
        z-index: -1;
        transform: rotate(268deg);
    }

     .tooltip .tooltiptext {
        width: 250px;
        font-size: 12px;
    }

     .tooltiptext::after {
        left: 87%;
        top: 89%;
        z-index: -1;
        transform: rotate(268deg);
    }

     .tooltip:hover .tooltiptext {
        margin-left: -216px;
    }

    .plan-details__yearly:not(.d-none) + .plan-details__button {
        margin-top: 15px;
    }

    .plan-select .plan-select__save {
        font-size: 15px;
    }
}

@media (min-width: 320px) {
    .plan-select .plan-details {
        overflow: unset;
    }
    body {
        overflow-x: hidden;
    }

    .plan-details__head {
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }
}
@media (max-width: 600px) {
    h1.h2.plan-select__title {
        font-size: 32px;
        line-height: initial;
    }
}

@media (max-width: 370px) {
    .plan-select__save span::after {
        right: -116px;
    }
}

.plans .section-faqs {
    background-color: white;
    max-width: 1300px;
    margin: auto;
    padding-top: 17px;
    padding-left: 30px;
    padding-right: 30px;
}

.plans .section-faqs .faqs-container {
    margin-bottom: 95px;
}

.plans .section-faqs .faqs-container .faqs-title {
    font-size: 32px;
    line-height: 100%;
    font-weight: 900;
    letter-spacing: -0.03em;
    color: #0b141f;
    margin-bottom: 15px;
}

.plans .section-faqs .faqs-container .faqs__item {
    border-bottom: 1px solid #f2f3f5;
}

.plans .section-faqs .faqs-container .faq-button {
    position: relative;
    width: 100%;
    padding: 15px 0px 15px 0;
    font-weight: 700;
    text-align: left;
    font-size: 16px;
    cursor: pointer;
    color: #2f3c4d;
    transition-duration: 200ms;
    transition-property: color;
    background-color: transparent;
    border: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.plans .section-faqs .faqs-container .faqs__item .faq-button.active {
    color: #0b141f;
}

.plans .section-faqs .faqs-container .faqs__item .faq-button .faq-icon {
    rotate: 0;
    transition: rotate 0.3s ease;
    font-size: 24px;
    font-weight: 400;
}

.plans .section-faqs .faqs-container .faqs__item .faq-button.active .faq-icon {
    rotate: -45deg;
    transition: rotate 0.3s ease;
}

.plans .section-faqs .faqs-container .faqs__item .faq-answer {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition-duration: 0.2s;
    transition-property: max-height, opacity;
    color: rgb(31, 43, 55);
    line-height: 22px;
    font-weight: 400;
    font-size: 15px;
    text-wrap: pretty;
    padding-right: 10px;
}

.plans .section-faqs .faqs-container .faqs__item .faq-answer.visible {
    max-height: 500px;
    opacity: 1;
    transition-duration: 0.2s;
    /* transition: max-height 0.5s linear, opacity 0.5s linear; */
    transition-property: max-height, opacity;
}

@media (max-width: 1023px) {
    .plans .section-faqs {
        width: 100%;
        background-color: #ffffff;
        padding-left: 20px;
    }
}

.plans .faq-button span.faq-icon {
    color: #8f9db0;
}

.plans .faq-button:hover span.faq-icon {
    color: #2f3c4d;
}

.plans .faq-answer a {
    font-weight: 700;
    cursor: pointer;
    color: #0060dd;
}

.plans .section-faqs .faqs-container .faqs__item .faq-answer ul {
    padding-left: 40px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.plans .section-faqs .faqs-container .faqs__item .faq-answer p {
    margin-top: 0;
    margin-bottom: 20px;
}

.cre60-all-plan-section-outer {
    background: #F7F8F9;
}

.cre60-all-plan-section-outer + div > div {
    max-width: 1400px !important;
}

@media screen and (max-width: 1023px) {
    html body .cre60-all-plan-section-outer + div {
        width: 100%;
        background-color: #ffffff;
        padding-left: 20px;
    }
}

html body .cre60-all-plan-section .heading-plan-sec {
    font-family: "Modern Era ExtraBold", sans-serif !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    line-height: 22px !important;
}

html body .cre60-all-plan-card .card-para {
    text-align: center;
    line-height: 18.0012px;
    font-weight: 500;
    color: #0b141f;
    font-family: "Modern Era Medium", sans-serif;
    font-size: 14px;
}

html body .cre60-all-plan-card .card-headline {
    font-size: 16px;
    margin-bottom: 8px;
    font-weight: 700;
    text-transform: uppercase;
    color: #0b141f;
    text-align: center;
    font-family: "Modern Era ExtraBold", sans-serif;
    line-height: 22px;
}

.see-all-btn-60 {
    cursor: pointer;
    display: flex;
    justify-content: center;
    margin-top: 35px;
    align-items: center;
    gap: 5px;
    width: 100%;
}

.see-all-btn-60 .text-all {
    font-family: "Modern Era Medium", sans-serif;
    color: #0060DD;
    font-weight: 600;
    font-size: 16px;
}

.see-all-btn-60 .text-img {
    width: 20px;
    height: 20px;
}

.see-all-btn-60 .text-img img {
    width: 100%;
    height: 100%;
}

.cre60-all-plan-section {
    padding-top: 60px;
    padding-bottom: 60px;
    max-width: 1076px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: auto;
    font-weight: 500 !important;
}

.cre60-all-plan-cards {
    display: flex;
    margin-top: 21px;
    gap: 112px;
    padding: 0px 20px;
}

html body .cre60-all-plan-cards {
    padding-left: 20px;
    padding-right: 20px;
}

.heading-plan-sec {
    color: #0A151F;
    font-weight: 700;
    font-size: 18px;
    line-height: 21px;
}

.cre60-all-plan-card {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.card-top-img {
    width: 48px;
    height: 48px;
}

    .card-top-img img {
        border-style: none;
        vertical-align: top;
        max-width: 100%;
        height: auto;
    }

.card-headline {
    font-size: 16px;
    font-weight: 700;
    color: #0A151F;
    margin-top: 15px;
    line-height: 30px;
}

.card-para {
    color: #0A151F;
    font-size: 16px;
    margin-top: 12px;
    line-height: 20px;
    text-align: center;
    font-weight: 400;
}

.cre60-toggle-container {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    margin-top: 10px;
}

    .cre60-toggle-container .right-text {
        display: flex;
        margin-top: 15px;
    }

html body .right-text .textcontent {
    font-family: "Modern Era ExtraBold", sans-serif;
    color: #fdbf2b;
    font-size: 15px;
    font-weight: 600;
    line-height: 26px;
    margin-left: 9px;
}

@media screen and (max-width: 768px) {
    html body .right-text .textcontent {
        font-size: 12px !important;
    }
}

html body .cre60-toggle-container .right-text .img-arrow {
    rotate: -45deg;
}

@media screen and (max-width: 768px) {
    html body .cre60-toggle-container .right-text .img-arrow {
        top: -1px;
        position: relative;
    }
}

/*# sourceMappingURL=main.css.map */