@font-face {
    font-family: "HelveticaNeueCyr";
    src: url("/i/fonts/page/norisk/helvetica-neue-cyr/HelveticaNeueCyr-Medium.woff2")
            format("woff2"),
        url("/i/fonts/page/norisk/helvetica-neue-cyr/HelveticaNeueCyr-Medium.woff")
            format("woff");
    font-weight: 550;
    font-display: swap;
}

@font-face {
    font-family: "HelveticaNeueCyr";
    src: url("/i/fonts/page/norisk/helvetica-neue-cyr/HelveticaNeueCyr-Roman.woff2")
            format("woff2"),
        url("/i/fonts/page/norisk/helvetica-neue-cyr/HelveticaNeueCyr-Roman.woff")
            format("woff");
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: "MontserratRegular";
    src: url("/i/fonts/montserrat/Montserrat-Regular.woff2")
            format("woff2"),
        url("/i/fonts/montserrat/Montserrat-Regular.woff")
            format("woff");
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: "MontserratMedium";
    src: url("/i/fonts/montserrat/Montserrat-Medium.woff2")
            format("woff2"),
        url("/i/fonts/montserrat/Montserrat-Medium.woff")
            format("woff");
    font-weight: 500;
    font-display: swap;
}


.montserrat-medium {
    font-family: "MontserratMedium", sans-serif;
}

.montserrat-regular {
    font-family: "MontserratRegular", sans-serif;
}


@font-face {
    font-family: "Roboto";
    src: url("/i/fonts/page/norisk/roboto-black/Roboto-Black.woff2") format("woff2"),
        url("/i/fonts/page/norisk/roboto-black/Roboto-Black.woff") format("woff");
    font-weight: 900;
    font-display: swap;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "HelveticaNeueCyr", sans-serif;
}

html {
    overflow-x: hidden;
}

body {
    overflow-x: hidden;
    width: 100%;
}
:root {
    --brand: #1C7FE7;
    --brand-active: #1672d3;
    --text-color: #101011;
    --text-alt: #6b6f78;
}

.container {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 20px;
}
.container_participant {
    max-width: 1240px;
    margin: 0 auto;
}

.header {
    background: url("/i/img/page/norisk/header_bg.jpg") center center/cover
        no-repeat;
    padding: 20px 0;
}

.header__content {
    max-width: 550px;
}

.title {
    margin-top: 105px;
    color: var(--white, #fff);
    font-weight: 550;
}

.header__note {
    position: relative;
    padding-left: 30px;
    margin-top: 20px;
    color: #1C7FE7;
    font-size: 18px;
    font-weight: 550;
    line-height: 130%;
}

.header__note::before {
    content: url("/i/img/page/norisk/shield.svg");
    position: absolute;
    left: 0;
    top: 0;
}

.header__descr {
    margin-top: 20px;
    color: var(--white, #fff);
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
}

.header__btn {
    margin-top: 30px;
    display: flex;
    width: 200px;
    height: 44px;
    padding: 10px;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    border: 1px solid var(--white, #fff);
    color: var(--white, #fff);
    font-size: 14px;
    font-weight: 400;
    text-decoration: none;
    background-color: transparent;
    transition: all 0.3s ease;
}

.header__btn:hover {
    background-color: var(--white, #fff);
    color: var(--black, #000);
    cursor: pointer;
}

.header__btn:active {
    transform: scale(0.95);
}

.header-bot {
    margin-top: 155px;
    display: flex;
    gap: 8px;
}

.header-bot__item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 16px 8px 10px;
    border-radius: 80px;
    background: rgba(255, 255, 255, 0.1);
    color: var(--white, #fff);
    font-size: 14px;
    font-weight: 550;
}

.subscribe {
    margin-top: 80px;
}

.subtitle {
    color: var(--text-color);
    text-align: center;
    font-size: 28px;
    font-weight: 500;
}

.subscribe__items {
    margin-top: 65px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
}

.subscribe__item {
    position: relative;
    border-radius: 10px;
    background: #f7f9fc;
    min-height: 135px;
    padding: 0 20px;
}

.subscribe__number {
    position: absolute;
    left: 50%;
    translate: -50%;
    top: -24px;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: #5e799f;
    color: var(--white, #fff);
    text-align: center;
    font-family: "Roboto", sans-serif;
    font-size: 24px;
    font-weight: 900;
}

.subscribe__descr {
    margin-top: 55px;
    color: var(--text-color);
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 130%;
}

.compensation {
    margin-top: 80px;
}

.compensation__wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.compensation__info {
    max-width: 740px;
}

.compensation .subtitle {
    font-family: 'MontserratMedium', sans-serif;
    text-align: left;
}

.compensation__descr {
    margin-top: 20px;
    color: var(--text-alt);
    font-size: 16px;
    line-height: 160%;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.compensation__descr ul li {
   font-family: 'MontserratRegular', sans-serif;
}

.price {
    margin-top: 80px;
}

.price__items {
    margin-top: 40px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
}

.d-flex {
    display: flex;
}
.uppercase {
    text-transform: uppercase;
}
.program_participant {
    
    border-radius: 12px;
    background-color: rgba(247, 249, 252, 1);
}
.font-bold{
    font-weight: bold;
}
.text-black {
    color: #000;
}
.text-red {
    color: rgba(206, 48, 38, 1);
}

.ml-2 {
margin-left: 16px;
}
.text-green {
    color: rgb(12, 225, 94);
}

.price__item {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 10px 6px;
    border-radius: 10px;
    background: #f7f9fc;
}

.price__num {
    padding: 12px 15px;
    border-radius: 8px;
    background: #5e799f;
    color: var(--white, #fff);
    text-align: center;
    font-family: "Roboto", sans-serif;
    font-size: 20px;
    font-weight: 900;
}

.price__num span {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
}

.price__descr {
    color: var(--text-color);
    font-size: 16px;
    font-weight: 400;
    line-height: 130%;
}
.price__warning {
    color: var(--brand);
    margin-top: 20px;
}

/* Advantages Section */

.flex_item {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}



.gap-12 {
    gap: 12px;
}

.flex-1 {
   padding: 20px;
  flex: 1 1 0%;
  background-color: rgba(247, 249, 252, 1);
}
.flex-1 h1 {
    font-size: 1.75rem;
    font-weight: 500;
    color: rgba(36, 36, 36, 1);
    padding-bottom: 1.875rem;
    font-family: 'MontserratMedium', sans-serif;
}

.flex-1 p {
    font-family: 'MontserratMedium', sans-serif;
}
.flex-1 span {
    font-family: 'MontserratRegular', sans-serif;
}

.container_participant .secondary {
    padding:20px 30px;
}
.container_participant img {
    width: auto;
}

.container_participant .flex_item p {
    font-family: 'MontserratRegular', sans-serif;
}
.pt-80 {
    padding-top: 80px;
}
.text-center {
    text-align: center;
}
.rounded-12 {
    border-radius: 12px;
}

.advantages {
    margin-top: 80px;
}

.advantages .d-flex span {
    color: rgba(107, 111, 120, 1);
    font-size: 14px;
}

.advantages .subtitle {
    text-align: left;
}

.advantages__items {
    margin-top: 40px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 32px 16px;
}

.advantages__img {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    background: #fcfbf7;
    border-radius: 50%;
}

.advantages__title {
    margin-top: 12px;
    color: var(--text-color);
    font-size: 16px;
    font-weight: 550;
}

.advantages__descr {
    margin-top: 12px;
    color: var(--text-alt);
    font-size: 14px;
    font-weight: 400;
    line-height: 140%;
}

.forms {
    margin-top: 80px;
}

.forms__wrap {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    border: 1px solid #e5e5e5;
    border-radius: 10px;
    overflow: hidden;
}

.forms-left {
    background: #1C7FE7;
    display: flex;
    flex-direction: column;
}

.forms-left__img {
    display: flex;
    flex: 1;
}

.forms-left img {
    width: 100%;
    height: auto;
    vertical-align: middle;
    font-style: italic;
    background-repeat: no-repeat;
    background-size: contain;
}

.forms-left .subtitle {
    text-align: left;
    color: white;
}

.forms-left__descr {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 40px 40px 0 40px;
}

.forms-left__descr ul {
    list-style-type: disc;
    padding-left: 20px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    color: white;
}

.forms-left__descr ul > li::marker {
    font-size: 30px;
}

.forms-left form {
    margin-top: 30px;
    /* max-width: 320px; */
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.consult span.select2.select2-container.select2-container--default {
    width: 30% !important;
}

.forms-left__name,
.forms-left__phone select,
.forms-left__phone input {
    background: transparent;
    padding: 16px;
    border-radius: 5px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: var(--white, #fff);
    font-size: 14px;
    font-weight: 400;
    outline: none;
}

.forms-left__name::placeholder,
.forms-left__phone select::placeholder,
input.forms-left__phone::placeholder {
    color: rgba(255, 255, 255, 0.4);
}

.forms-left__name {
    width: 100%;
}

.forms-left__phone {
    width: 100%;
    display: flex;
    gap: 8px;
}

.forms-left__phone select {
    width: 30%;
}

.forms-left__phone select option {
    background: #1c7fe7;
}

.forms-left__phone input {
    width: 70%;
}

.subscribe-button {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 14px;
    border-radius: 6px;
    border: none;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    cursor: pointer;
    height: 48px;
    border-radius: 6px;
    background: var(--brand);
    border: none;
    transition: background 0.3s;
}

.subscribe-button:hover {
    background: var(--brand-active);
}

.subscribe-button > i {
    flex: none;
    display: none;
}

.subscribe-button.loading > i {
    display: block;
}

.forms-left__socials {
    margin-top: 80px;
}

.forms-left__socials-title {
    color: var(--white, #fff);
    font-size: 20px;
    font-weight: 550;
}

.forms-left__socials-wrap {
    margin-top: 20px;
    display: flex;
    gap: 20px;
    align-items: center;
}

.forms-right {
    background: white;
    padding: 40px;
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
}

.forms-right form {
    margin-top: 40px;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.forms-right__name,
.forms-right__phone select,
.forms-right__phone input,
.forms-right__country,
.forms-right__email {
    background: transparent;
    padding: 16px;
    border-radius: 5px;
    border: 1px solid #e9f0f7;
    color: var(--text-color);
    font-size: 14px;
    font-weight: 400;
    outline: none;
}

.forms-right__name::placeholder,
.forms-right__phone select::placeholder,
.forms-right__phone input::placeholder,
.forms-right__country::placeholder,
.forms-right__email::placeholder {
    color: #9ba7bf;
}

.forms-right__confirm {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    color: #878991;
    font-size: 12px;
    font-weight: 400;
    line-height: 130%;
}

.forms-right__confirm input {
    width: 18px;
    height: 18px;
    border-radius: 1px;
    border: 1px solid #e9f0f7;
    cursor: pointer;
    flex: none;
}

.faq {
    margin-top: 80px;
    margin-bottom: 80px;
}

.faq .subtitle {
    text-align: left;
}

.rotate::before {
    transform: rotate(180deg);
    top: -5px;
}

@keyframes move {
    0% {
        transform: translateX(0%);
    }

    100% {
        transform: translateX(100%);
    }
}

.moving-block {
    height: 170px;
    position: relative;
    width: 100%;
}

.moving-block__wrap {
    position: absolute;
    bottom: 40px;
    animation: move 10s linear infinite;
    /* 10s - время одного оборота */
    display: flex;
    gap: 8px;
}

.moving-block__item {
    padding: 6px 20px 6px 6px;
    border-radius: 80px;
    background: #f7f9fc;
    display: flex;
    align-items: center;
    gap: 10px;
}

.moving-block__item img {
    width: 32px;
    height: 32px;
}

.moving-block__info {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.moving-block__title {
    color: var(--text-color);
    font-size: 14px;
    font-weight: 550;
}

.moving-block__nums {
    display: flex;
    align-items: center;
    gap: 6px;
}

.moving-block__rate {
    color: var(--text-color);
    font-size: 12px;
    font-weight: 550;
}

.moving-block__percent {
    color: #12c024;
    font-size: 12px;
    font-weight: 550;
}

.starts__wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 30px;
    border-radius: 12px;
    background: #f7f9fc;
}

.starts__info {
    max-width: 600px;
}

.starts .subtitle {
    text-align: left;
}

.starts__descr {
    margin-top: 16px;
    color: var(--text-alt);
    font-size: 16px;
    font-weight: 400;
    line-height: 160%;
}

.starts__btn {
    margin-top: 30px;
    padding: 14px;
    box-sizing: border-box;
    width: 240px;
    border-radius: 6px;
    background: var(--brand);
    display: flex;
    justify-content: center;
    text-decoration: none;
    color: var(--white, #fff);
    font-size: 16px;
    font-weight: 400;
    border: none;
    transition: all 0.3s;
}

.start__bt:hover {
}

.starts__btn:not(:disabled):hover {
    cursor: pointer;
    background: var(--brand-active);
}
.starts__btn:is(:disabled) {
    opacity: 0.8;
    cursor:not-allowed;
}

.starts__img_mob {
    display: none;
}

.select2-container {
    /* width: 100% !important; */
}
.select2 {
    width: 100% !important;
}

.forms-left__phone span.select2.select2-container.select2-container--default {
    width: 30% !important;
}

.select2-container .select2-selection--single {
    height: 48px;
    background: transparent;
    border: 1px solid #e9f0f7;
}

.consult .select2-container .select2-selection--single {
    height: 48px;
    background: transparent;
    border: 1px solid #4c97ea;
}

.select2-container--default
    .select2-selection--single
    .select2-selection__rendered {
    height: 100%;
    display: flex;
    align-items: center;
    gap: 20px;
    color: #828482;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    padding: 0 18px;
}

.select2-results__option {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
}

.select2-container--default
    .select2-selection--single
    .select2-selection__arrow {
    height: 100%;
}

.select2-container--default
    .select2-selection--single
    .select2-selection__arrow
    b {
    border-color: #eaeaea transparent transparent transparent;
}

.select2-container--default.select2-container--open
    .select2-selection--single
    .select2-selection__arrow
    b {
    border-color: transparent transparent #eaeaea transparent;
}

/* .norisk-form__text {
    margin-bottom: 40px;
} */

.norisk-form__head.flexes {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.norisk-form__head {
    font-size: 26px;
    font-weight: 500;
    line-height: 36px;
    color: var(--color-s3);
    margin-bottom: 10px;
}

.norisk-form__head.flexes span {
    margin-right: 20px;
    width: 100%;
}

.norisk-form__head.flexes svg {
    display: block;
    stroke: gray;
    width: 24px;
    height: 24px;
    margin-top: 4px;
    margin-right: -3px;
    cursor: pointer;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -webkit-transition: all 200ms linear;
    position: absolute;
    top: 4px;
    right: 10px;
}

.norisk-form__desc {
    font-size: 14px;
    line-height: 22px;
    font-weight: 300;
}

.norisk-form__data__one {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: #e9f0f7;
    padding: 16px;
    border-radius: 5px;
    margin-bottom: 15px;
    position: relative;
    overflow: hidden;
}

.norisk-form__data__info__one:nth-child(1) {
    font-size: 14px;
    line-height: 22px;
    font-weight: 300;
    width: 100%;
}

.norisk-form__data__info__one {
    margin-right: 16px;
}

.norisk-form__data__info__one:last-child {
    margin-right: 0px;
}

.norisk-form__data__info__one:nth-child(2) {
    font-size: 14px;
    line-height: 22px;
    font-weight: 500;
    white-space: nowrap;
}

.norisk-form__data__one:after {
    content: attr(data-clipping_block);
    position: absolute;
    top: 0px;
    left: 0;
    background: rgba(0, 0, 0, 0.85);
    width: 100%;
    height: 100%;
    color: #fff;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 16px;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -webkit-transition: all 200ms linear;
    opacity: 0;
    z-index: -1;
}

.norisk-form__data__info__one:nth-child(2) svg {
    display: inline-block;
    stroke: #878991;
    width: 21px;
    height: 21px;
    cursor: pointer;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -webkit-transition: all 200ms linear;
    margin-left: 5px;
}

.norisk-form__data__info__one:nth-child(2) * {
    vertical-align: middle;
}

.norisk-form__btn {
    margin-top: 15px;
}

.norisk-btn {
    font-size: 16px;
    font-weight: 300;
    line-height: 20px;
    border-radius: 6px;
    border: 1px solid #fff;
    padding: 14px;
    text-align: center;
    max-width: 220px;
    width: 100%;
    background: transparent;
    color: #fff;
    cursor: pointer;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -webkit-transition: all 200ms linear;
    text-decoration: none;
}

.norisk-btn.type2 {
    background: var(--brand);
    border: 1px solid var(--brand);
}

.norisk-form__btn .norisk-btn {
    max-width: 100%;
    display: block;
}

.norisk-form__bitcoin {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: var(--color-s8);
    padding: 16px;
    border-radius: 5px;
    margin-top: 15px;
    font-size: 14px;
    line-height: 22px;
    font-weight: 300;
}

.norisk-form__bitcoin__one:last-child {
    margin-right: 0px;
}

.norisk-form__bitcoin__one {
    margin-right: 16px;
}

.hide {
    display: none;
}

.preloader_white_mini {
    position: relative;
    z-index: 9;
}

.preloader_white_mini,
.preloader_white_mini::before,
.preloader_white_mini::after {
    display: block;
    width: 20px;
    height: 20px;
}

.preloader_white_mini::before {
    background: url(data:image%2Fpng;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6%2FNlyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABXpJREFUeNrkm22IVFUYx8%2FMjovFuBK15aZJia69Uu6uuV9MSwgKsZTovT6W1IfCVSgUpBJ6gU2zN7IaQ7I3IxNbgiCzzNrKisrMpLAk2jfNt43VsZ3p%2F3T%2F0eXOOXfmXu+duScP%2FEDvzDnn+c+55zzPec7ZdLFYVFVibdFc1lbLjrQ6wUoUgjPgLnB1jHbOYR+ZWgu+HHwDngZPgZExiJU2V7CPr8DMWgieCN4Cm8D5fHYOuDcGwYvYtpSLwAfse2Ko1gJO+nrwMDhqWHwOgzP53RRoAXeD1aDfZ9HqAzl+t4V1pY2xbFNXhsAyMCKIhn8aDlBS4BPQ7vOdDeBncB2o51vwBdgJfgF9YAgcAaeAM8AEcB6YxmnyJ3gTTAazffraCqbLuMU1wkIbKPiM1gHwJLjUNVJBSLHucvCHTz%2FDtCVQ+2H92UsaA3rAAnByhH4zCxaCXk1%2FuTBthjVkjGtu5cFjNC6ugEHa7gTH2OdB2hC4rbB+bRDsAllwK+donEX66wCvkv18FplbqucCpSuyyHwEfgdtVRDrLttAK+gFH4LTfRbX+iCCH6K%2Fm+J53siOpONrweEaRIeHwFzwNW1p9HwuNn8MHqh0lZ4EjrhWwhdBE+fRt2BVyNU3alK0pZsLZRNtHabtomFCJX74bXCN59kBzll5leaB4YTsBeoYdTXRj2c1Wub6jfCVPn5vFxiVgJH1Mhr85GP3LNP2UFbsTsMv+Re4qUZztlw5CG6gjbqywr3LcguW7deFhkrLwZcJ3uaKbSsNn4mmO3WCd4M9mgoS+z5owd5+KdcYb9nDGL5E8EZwLljiceqPhHXyVS6Dnik5SC2iqavc5mEc6AL7Yw4Z4whBZcOxkW6q4tDyN74Guy0ZXfeovs4FrCdIpJXmfvYVC%2FN0a2h7OojgNgYX3RYK7qYbag0ieAY3CAULBRe5D5geRLD8Op9ZnH7uNo2wDP0bmudXgNUWC5b82f06bbJ5MCXAJnPDYGNpBj8GzUsPWDzCA2ES8YMWCz4URnBB%2FQ+Ln+AGi3U1hBHcaLFgo+3iltYZ3NIki1dpOWjbywCkRPD1mgqv0S11WSpYtoTvgVsqfaUlg9Bu8Ss9zZShMQmWfK+c4qUsFJvilNwSRPA2uqV2S0e3EHSEpYKcz95moeDbGUMXggg+C5wNblSlye0klyxtFtubKhF8ElgMdijnVo6c0M+3SPB82jybLnUxNbl2y%2F8luOaBXw0H3VlLEng9GvtF0xzdycM4MF7zq41RppO4ZJWltNVbxlNbyQhnwHbD+YycvLcmeHSnuG4HeMt31FYywpLaXOATgkr6c3QCR3aUcrKrppTzPcp17uRdtCQc26CpJMel+5STAq1LkFix5WXlXHPS7d%2FluHRTObckN9+OuvxxTjm37WYp50bccwmJwMSGZ5VzBeMypnVyLv8rGjpKahnmxKNgM+eG+3kj2AleAHU1nLN1tOEH2uSdz1t5Y7Dim3hyIeSY0t9wk1%2F0XeUcx9xcg1RQA1%2FjseAq0G8Y%2FREgX2mklVfm63x9fIWkQ7nB01JFsW2M8yWKmmEQq2h7PmjGo9zK2Mx9pyTsO2MOQbPs41MmJppD9xfx1cOOiKOyLNvsqeXVw6llLpfuiFDw51FfLk2HcAUry7ilPsPzS5g2Ok05t9xH8t%2FybKqhTn+ZjOsTQV1kUMGy8m02LQj0gYsMny1TzpmPnAoMkQE+e9xQ5z5lvp2TZ5IuE6dg6UQOqS4A6zWfr+EqGlXZDp7XPF9PG5bQfca+aP2LXPr6vsIrve%2F4zMctPvVOdV0Ul83NzOOx+Xj%2FLOZ9cDG4g%2F%2FvjcElSQy%2FkHN+lc8rXlHJRGCQGPBMzAFHLqqGTri%2FTPtbgAEA1EZTrD32jtkAAAAASUVORK5CYII=)
        no-repeat;
}

.preloader_white_mini::before {
    -webkit-animation-name: spin;
    -webkit-animation-duration: 6000ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin;
    -moz-animation-duration: 6000ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spin;
    -ms-animation-duration: 6000ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    animation-name: spin;
    animation-duration: 6000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.preloader_white_mini::after {
    background: url(data:image%2Fpng;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6%2FNlyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABBhJREFUeNrsm2tIFFEUx2fNoELSwIq+iJWhRA%2FSBKnFtTAqqA+VXyoikiAQDIsgJPpURgQlIfWpIoLsgdqnykhitQdF+SpQexj2oswgi1722v6XPQsSzsx9zczuugd+sO7MnHP%2F48y995x71xcKhYzRZEnGKLOE4IRgZyyVcN2SHfTtA%2FPBYrAQzAMzQNp%2F5w2C56ATtILb9NmR3tTnQC+dCzaCEpAh6eMFqAPn6CboMyZYE8UgGNJvQfKtpZ063uEscAVcBwEHnsIA+b5KsTzrtNg7WgEegZUu9DcrKNYOiu2q4BRQD6rBOBc7WRbrCL3fKW4JngqCYI2Hw+laasMUp4elyaAZZEs29AM4C9qH9egbQLqErzxqSyEYcKKXTgEPFXrbOpA2gl%2F2Xb2C37tgAq8OXrE+xUY1gzEW%2FseCmwr+66mN2oalcnpvZI315n8sjv+ic1Te6XJdM60sGg5ke+M+MF1ghiU7O%2FsB5oJnqr10jeLQ81rg3FeKQ1aN6rBUTAO+iqU7dK7Z5KRYRfAei2NfORuRzflIzxQY7r5bHNsrKzgfFFkcZ9lQlU3wyBS0ikPEAU6hVTYdaCGlo8Lj8DGbocBP52WACxxDx0GQNEIc9t0hjusbQBZd47c5t0Z0HGaN6OcUHKEItNlc0w62gXyCfe6wuaaTfA+PZSf4rcnNNRWcy3HH%2FSY3aisY0JAHMx9lIHmEOH6O6%2FNEJh5LJXvJv+AEmAUOg58SPn6Do+TjOP0tm0dzd1q5isMDq1PtAnNAo8B1jVQHqyAfKpYnIjhHUxr3lIoDjJcW570Dq+i8Lk2xZ4sIztScSzfS9NTM2HTwsuY8PlPkwkkcDs+DUpdr22xM30Kx7SyNV%2FBEzuDTwEnwACxyQWwBuANOUWweS9VZxIvYAnAL1CpkOnY3tpbEFjhRtfws+aitBz1gt0axrLd+Qr5lKpWfeP%2FDHyUbOB6UaRRcKludNBvWkiyS9li3PhHBPXEguEtEcFscCG4VEXwjDgQ3iwjuAO9jWCxre7uIYJb11MWw4IukQWhOejqGBZ+RmYTfBy0xKLaF2i6VdeyLQcH7VdKsJsEE3mu7ZoR3CyjllduN8DJGtBtro+36Eo9gVrWojAHBldRWLVULVlRriGKxDdRGQ5dgtsS4OUqnnPfAJoNzI5tIAeCLEV6sehxFYlmSsxp8UykAWBnbSxEwdO+Ok08OAobI%2Fg5DrsTTb4QX2S55%2FM4Wycz3ZWta7PFeB3aCIReFDlHMEmqD4ZbgSEfGNqaxIl7QBbFBilVtKOy01VG17AZLwDKzHFRDXrucYnSrOtO5X7qJyNHok+3269V595xYNTCrh70xee%2FYd2brTr26G+fz6Gc8kWWQQbcDJxve2KBHcRO%2FakkIjjf7J8AAJpCcb5SurHgAAAAASUVORK5CYII=)
        no-repeat;
}

.preloader_white_mini::before,
.preloader_white_mini::after {
    position: absolute;
    content: "";
    background-size: cover;
}

@-moz-keyframes spin {
    from {
        -moz-transform: rotate(0deg);
    }

    to {
        -moz-transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.preloader_white_mini::before {
    -webkit-animation-name: spin;
    -webkit-animation-duration: 6000ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin;
    -moz-animation-duration: 6000ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spin;
    -ms-animation-duration: 6000ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    animation-name: spin;
    animation-duration: 6000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.forms-right__email {
    width: 100%;
}

.registration__feedback {
    color: #878991;
    font-size: 12px;
    font-weight: 400;
    line-height: 130%;
    margin-left: 5px;
}

.registration__iagree-title a,
.registration__privacy-title a {
    color: #242424;
    text-decoration: underline;
}

.forms-right.modal {
    display: none;
}

.forms-right.modal {
    position: fixed;
    top: 20%;
    left: calc((100% - 650px) / 2);
    width: unset;
    max-width: 650px;
    z-index: 10;
    display: block;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
}

.form__bg {
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.67);
    z-index: 2;
    display: none;
}

.norisk-close-popup {
    width: 24px;
    height: 24px;
    margin-top: 4px;
    margin-right: -3px;
    cursor: pointer;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -webkit-transition: all 200ms linear;
    position: absolute;
    top: 4px;
    right: 10px;
    stroke: gray;
    display: none;
}

.modal .norisk-close-popup {
    display: block;
}

.modal .open-account-form-success .norisk-form__head svg {
    display: none;
}

.copy-anim {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.9);
    justify-content: center;
    align-items: center;
    color: #fff;
    border-radius: 5px;
    display: flex;
    opacity: 5;
    pointer-events: none;
    opacity: 0;
    transition: all 0.6s linear;
}
.copy-anim.copy-anim--active {
   opacity: 1;
}

@keyframes color-change {
    0% {
        background: rgba(0, 0, 0, 0.9);
    }

    100% {
        background: rgba(0, 0, 0, 0);
    }
}

.norisk-form__successlogo {
    margin-bottom: 20px;
}

.norisk-form__successlogo__ico {
    display: block;
    width: 90px;
    height: 90px;
}

.norisk-form__flex__one.revert .norisk-form__head.flexes svg {
    stroke: #fff;
}

.norisk-form__head {
    font-size: 26px;
    font-weight: 500;
    line-height: 36px;
    margin-bottom: 10px;
}

.norisk-form__desc {
    font-size: 14px;
    line-height: 22px;
    font-weight: 300;
}

.norisk-form__flex__one.revert .norisk-form__head,
.norisk-form__flex__one.revert .norisk-form__desc {
    color: #fff;
}

.norisk-form__input {
    margin-bottom: 15px;
}

.norisk-form__input input {
    font-size: 14px;
    font-weight: 300;
    line-height: 18px;
    border-radius: 5px;
    border: 1px solid #4c97ea;
    color: #fff;
    background: transparent;
    padding: 16px;
    width: 100%;
    height: 48px;
}

.norisk-svg__phone {
    display: inline-block;
    width: 20px;
    height: 20px;
    fill: #fff;
    margin-right: 5px;
}

.norisk-btn.ico * {
    vertical-align: middle;
}

#subscribe-success,
#subscribe-login-success {
    position: relative;
    display: none;
}

.close-icon {
    width: 20px;
    height: 20px;
    color: black;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
}

.close-icon:hover {
    color: rgba(0, 0, 0, 0.67);
}

.accordion {
    /* overflow: hidden; */
    display: flex;
    flex-direction: column;
    width: 100%;
    border-bottom: 1px solid #f2f5f9;
}

.accordion > input[type="radio"] {
    appearance: none;
    opacity: 0;
    height: 0;
    width: 0;
    position: fixed;
    top: -100vw;
    left: -100vw;
}

.accordion__title {
    padding: 20px 0;
    display: flex;
    align-items: center;
    gap: 10px;
}

.accordion__title:hover {
    cursor: pointer;
}

.accordion__title > svg {
    color: var(--brand);
}

.accordion__arrow {
    width: 22px;
    height: 22px;
}

.accordion__content {
    opacity: 0;
    max-height: 0;
    margin-left: 30px;
    color: var(--text-alt);
    font-size: 14px;
    font-weight: 400;
    line-height: 160%;
    transition: all 0.5s;
    overflow: hidden;
    display: none;
    transition-behavior: allow-discrete;
}
.accordion__content > *  {
    margin-bottom: 12px;
}

.accordion > input:checked + label + .accordion__content {
    display: block;
    opacity: 1;
    @starting-style {
        opacity: 0;
    }
    max-height: 100vh;
}

.accordion > input:checked + label > svg:first-child {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
    transition-duration: 0.2s;
    transform: rotate(180deg);
}

.subscription-forms {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    padding-top: 1.25rem;
}

.subscription-forms input[type="radio"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: fixed;
    top: -100vh;
    left: -100vh;
}

.subscription-forms__tabs {
    display: flex;
    flex-direction: row;
    gap: 16px;
}

.subscription-forms__tab {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 12px 16px;
    line-height: 1;
    position: relative;
    text-align: center;
    background-color: #f7f9fc;
    border: 1px solid #9ba7bf;
    border-radius: 4px;
    flex: 1;
    font-size: 14px;
}

.subscription-forms__panel {
    display: none;
    animation: fadein 0.8s;
}

.subscription-forms__one:checked
    ~ .subscription-forms__panels
    .subscription-forms__panel:first-child,
.subscription-forms__two:checked
    ~ .subscription-forms__panels
    .subscription-forms__panel:last-child {
    display: block;
}

.subscription-forms__one:checked
    ~ .subscription-forms__tabs
    .subscription-forms__tab:first-child,
.subscription-forms__two:checked
    ~ .subscription-forms__tabs
    .subscription-forms__tab:last-child {
    border-color: #656b81;
    background-color: #656b81;
    color: #ffffff;
}

.forms__banner {
    background-color: #f7f9fc;
}

#subscribe-error,
#subscribe-login-error {
    display: none;
}

.form-error {
    color: #f44336;
    margin-top: 16px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
}

@media screen and (max-width: 1023.98px) {
    .header__btn {
        font-size: 16px;
        width: 220px;
    }

    .subscribe,
    .compensation,
    .price,
    .advantages,
    .forms,
    .faq {
        margin-top: 70px;
    }

    .subscribe__items {
        margin-top: 30px;
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }

    .subscribe__item {
        display: flex;
        align-items: center;
        gap: 16px;
        min-height: auto;
        padding: 16px;
    }

    .subscribe__number {
        position: static;
        translate: none;
        font-size: 18px;
        height: 42px;
        width: 42px;
        min-width: 42px;
        min-height: 42px;
        border-radius: 10px;
    }

    .subscribe__descr {
        margin-top: 0;
        font-size: 14px;
        text-align: left;
    }

    .price__num {
        font-size: 14px;
    }

    .price__num span {
        font-size: 12px;
    }

    .price__descr {
        font-size: 14px;
    }

    .compensation__info {
        max-width: 485px;
    }

    .compensation__wrap img {
        width: 300px;
    }

    .forms-left__socials {
        margin-top: 70px;
    }

    .forms-left__descr {
        padding: 40px 20px 0 40px;
    }

    .forms-right {
        padding: 40px 20px;
    }

    .forms-left {
        border-top-left-radius: 0;
        border-bottom-right-radius: 10px;
    }

    .forms-right {
        border-bottom-right-radius: 0;
        border-top-left-radius: 10px;
    }

    .forms__wrap {
        display: flex;
        flex-direction: column-reverse;
        max-width: 570px;
        margin: 0 auto;
    }

    .starts__info {
        max-width: 460px;
    }

    .starts__wrap {
        padding: 0 20px;
    }

    .starts__img {
        width: 185px;
    }

}

@media screen and (max-width: 767.98px) {
    .compensation__wrap img {
        width: 230px;
    }

    .advantages__img {
        width: 40px;
        height: 40px;
    }

    .advantages__img img {
        width: 22px;
    }

    .norisk-form__text {
        margin-bottom: 20px;
    }

    .norisk-form__head {
        text-align: center;
        font-size: 22px;
        line-height: 26px;
    }

    .norisk-form__head.flexes {
        display: block;
    }

    .norisk-form__head.flexes span {
        margin-right: 0px;
    }

    .norisk-form__desc {
        text-align: center;
    }
}

@media screen and (max-width: 690px) {
    .forms-right.modal {
        left: unset;
        /* margin-left: 20px; */
        margin-right: 20px;
        width: unset;
    }
}

@media screen and (max-width: 575.98px) {
    .header {
        background: url("/i/img/page/norisk/header_bg-mob.jpg") center
            center/cover no-repeat;
    }

    .flex_item {
        display: block !important;
    }

    .flex_item img {
        width: 100%;
    }

    .logo img {
        width: 130px;
    }

    .title {
        font-size: 28px;
    }

    .subtitle {
        font-size: 24px;
        text-align: left;
    }

    .header__note {
        margin-top: 12px;
        font-size: 14px;
    }

    .header__descr {
        margin-top: 12px;
        font-size: 14px;
    }

    .header__btn {
        margin-top: 24px;
    }

    .header-bot {
        margin-top: 60px;
        flex-direction: column;
    }

    .subscribe,
    .compensation,
    .price,
    .advantages,
    .forms,
    .faq {
        margin-top: 60px;
    }

    .subscribe__items {
        margin-top: 20px;
        grid-template-columns: repeat(1, 1fr);
        gap: 10px;
    }

    .compensation__wrap {
        flex-direction: column;
        gap: 40px;
    }

    .compensation__descr {
        font-size: 14px;
    }

    .price__items {
        grid-template-columns: repeat(1, 1fr);
        margin-top: 20px;
    }

    .price__item {
        padding: 6px;
        gap: 10px;
    }

    .price__item:nth-child(odd) {
        order: -1;
    }

    .price__num {
        min-width: 70px;
        box-sizing: border-box;
        padding: 12px 3px;
    }

    .advantages__items {
        grid-template-columns: repeat(1, 1fr);
        margin-top: 20px;
        gap: 16px;
    }

    .advantages__wrap {
        display: flex;
        align-items: center;
        gap: 12px;
    }

    .advantages__title {
        margin-top: 0;
    }

    .moving-block {
        width: 115px;
    }

    .moving-block__wrap {
        bottom: 20px;
    }

    .moving-block__info {
        gap: 2px;
    }

    .moving-block__item {
        padding: 2px 10px 2px 4px;
    }

    .moving-block__item img {
        width: 24px;
        height: 24px;
    }

    .moving-block__title {
        font-size: 12px;
    }

    .moving-block__rate,
    .moving-block__percent {
        font-size: 10px;
    }

    .starts .subtitle {
        text-align: center;
    }

    .starts__descr {
        text-align: center;
    }

    .starts__btn {
        margin: 30px auto 0;
    }

    .starts__wrap {
        flex-direction: column;
        padding: 30px 0;
    }

    .starts__info {
        max-width: 100%;
        padding: 0 10px;
    }

    .starts__img {
        display: none;
    }

    .starts__img_mob {
        margin-top: 40px;
        display: block;
        width: 100%;
    }

    .select2-container .select2-selection--single {
        height: 48px;
        /* border: 1px solid #ACACAC; */
    }

    .select2-container--default
        .select2-selection--single
        .select2-selection__rendered {
        /* color: #FFF; */
        gap: 12px;
        font-size: 14px;
        line-height: 20px;
        padding: 0 10px;
    }

    .norisk-form__data__one {
        display: block;
        text-align: center;
    }
}

.consultation-btn {
    height: 50px;
    width: 50px;
    background-color: var(--brand);
    position: fixed;
    bottom: 1rem;
    right: 1rem;

    border-radius: 100%;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    font-weight: bold;
    cursor: pointer;
    transition: background opacity 0.3s;
}
.consultation-btn:not(:disabled):hover {
    background: var(--brand-active);
}

.consultation-btn:is(:disabled) {
    opacity: 0.8;
}

@media screen and (min-width: 1025px) {
    .consultation-btn {
        height: 80px;
        width: 80px;
        right: 2rem;
    }
}

.modal {
    opacity: 0;
    visibility: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: left;
    background-color: rgba(0, 0, 0, 0.6);
    transition: opacity 0.3s cubic-bezier(0.25, 0.1, 0.25, 0.1);
    z-index: 999;
}

.modal__bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    cursor: pointer;
}

.modal-state {
    display: none;
}

.modal-state:checked + .modal {
    opacity: 1;
    visibility: visible;
}

.modal-state:checked + .modal .modal__inner {
    top: 0;
}

.modal__inner {
    transition: top 0.3s ease;
    position: absolute;
    top: -20%;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    max-width: 500px;
    height: max-content;
    margin: auto;
    overflow: auto;
    background: #fff;
    border-radius: 1rem;
    padding: 2rem;
    min-height: 160px;
}

@media screen and (max-width: 690px) {
    .modal__inner {
        padding: 2rem 1rem;
    }
}

.modal__close {
    position: absolute;
    right: 1em;
    top: 1em;
    width: 1.1em;
    height: 1.1em;
    cursor: pointer;
}

.modal__close:after,
.modal__close:before {
    content: "";
    position: absolute;
    width: 2px;
    height: 1.5em;
    background: #878991;
    display: block;
    transform: rotate(45deg);
    left: 50%;
    margin: -3px 0 0 -1px;
    top: 0;
    transition: background 0.2s ease;
}

.modal__close:hover:after,
.modal__close:hover:before {
    background: var(--text-color);
}

.modal__close:before {
    transform: rotate(-45deg);
}

#consultation-form {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

#consultation-success {
    display: none;
}
#consultation-error {
    display: none;
}
#consultation-form .norisk-form__head {
    text-align: center;
}

.consultation__result {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.country-option {
    display: flex;
    flex-direction: row;
    gap: 15px;
    align-items: center;
}

.messenger-group-radio {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto 48px;
    gap: 10px;
}
.messenger-group-radio__title {
    color: #9ba7bf;
    grid-column: span 2;
    font-size: 14px;
}
.messenger-group-radio > label {
    border-radius: 5px;
    border: 1px solid #e9f0f7;
    padding: 0 10px;
    font-size: 14px;
    color: #828482;
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
}

.messenger-group-radio input[type="text"] {
    border: none;
    align-self: stretch;
    outline: none;
    width: 100%;
}
.messenger-group-radio input[type="text"]:focus {
    outline: none;
}
.messenger-group-radio input[type="radio"] {
    position: fixed;
    top: -100vh;
    left: -100vh;
}
.messenger-group-radio input[type="radio"] + span {
    display: flex;
    border-radius: 50%;
    height: 16px;
    width: 16px;
    border: 1px solid #828482;
    background: white;
    align-items: center;
    justify-content: center;
    flex: none;
}

.messenger-group-radio input[type="radio"]:checked + span {
    border: 1px var(--brand);
    background: var(--brand);
}

.footer__slider {
    display: none;
    border-radius: 10px;
    border: 1px solid #00000040!important;
}
.footer__award {
    border:none !important;
}

ol.list-number {
    list-style-type: decimal;
    margin-inline-start: 30px;
}

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

.app__banner {
    display: flex;
    justify-content: center;
}
.app__banner img {
    max-width: 320px;
    height: auto;
    vertical-align: middle;
    font-style: italic;
    object-fit: contain;
}
.app__desc {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.app__desc .subscribe-button {
    width: 240px;
    margin: 0 auto;
}
.app__desc p {
    color: var(--text-alt);
    font-size: 16px;
    font-weight: 400;
    line-height: 160%;
}
.app__links {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    justify-content: center;
}

.app__links img {
    height: 36px;
}
.qrcode-container {
    display: flex;
    gap: 40px;
    justify-content: center;
}

.qrcode-btn {
    display: none;
}
.qrcode-btn:hover {
    cursor: pointer;
}

.qrcode {
    flex: 1;
    display: flex;
    flex-direction: column-reverse;
    gap: 16px;
    padding: 20px 0;
}
.qrcode img {
    width: 100%;
    height: auto;
}
.qrcode strong {
    font-size: 18px;
    font-weight: 400;
    line-height: 160%;
    text-align: center;
}

@media screen and (min-width: 768px) {
    .app {
        grid-template-columns: 1fr 1fr;
    }
    .app__banner {
        justify-content: start;
    }
    .app__banner img {
        max-width: 100%;
    }
    .app__desc {
        justify-content: center;
    }
    .qrcode-btn {
        display: block;
    }
    .app__links {
        justify-content: start;
    }
    .app__desc .subscribe-button  {
        margin: 0;
    }
}
@media screen and (min-width: 1024px) {
    .app__banner img {
        max-width: 482px;
    }
}

.steps .slick-dotted.slick-slider {
    margin-bottom: 0;
}
.hidden {
    display: none !important;
}

.steps {
    display: flex;
    flex-direction: column;
    gap: 28px;
    padding: 20px;
    border-radius: 10px;
    background: #f7f9fc;
    max-width: 1240px;
    margin: 0 auto;
}
.steps__content {
    gap: 28px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: repeat(3, min-content);
}

.steps__content .subtitle {
    grid-area: 1 / 1 / 2 / -1;
}

.steps-phone {
    grid-area: 2/1/3/2;
}
.steps__nav {
    grid-area: 2/2/3/2;
}
.slider-steps {
    grid-area: 3/1/3/-1;
}

.slider-steps .slider-step {
    display: inline-flex !important;
    flex-direction: column;
    gap: 12px;
    height: inherit;
    justify-content: start;
}

.slider-step__title {
    display: flex;
    flex-direction: row;
    gap: 12px;
    align-items: center;
    line-height: 130%;
}

.slider-step__number {
    border-radius: 100%;
    border: 1px solid #656b81;
    width: 32px;
    height: 32px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    color: #656B81;
}

.steps-phone {
    position: relative;
    overflow: hidden;
    border-radius: 24px;
}
/*.steps-phone::before{
    content: "";
    position: absolute;
    inset: 0;
    background: url("/i/img/page/norisk/phone-mask.svg") no-repeat;
    background-size: contain;
    z-index: 2;
} */

.slider-phone {
    height: 100%;
    background-color: white;
}

.slider-phone div {
    height: 100%;
}
.slider-phone div > div {
    display: inline-flex !important;
    width: 100%;
}
.slider-phone div > div > img {
    padding-bottom: 0!important;
    max-width: 100%;
}

.steps-phone__content {
    position: absolute;
    inset: 0;
    overflow: hidden;
    padding: 2px 3px;
}

.steps__nav {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    justify-self: end;
    gap: 12px;

}
.steps__nav .slick-dots {
    position: static;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}
.steps__prev,
.steps__next {
    display: inline-flex;
    padding: 8px;
    outline: none;
    border: none;
    background-image: none;
    background-color: transparent;
    border-radius: 100%;
    transition: all 0.3s;
}
.steps__next:hover,
.steps__prev:hover {
    cursor: pointer;
    background-color: lightgray;
}
.steps__next:active,
.steps__prev:active {
    transform: scale(0.98);
}
.steps__nav .slick-dots li {
    color: #6b6f78;
    display: flex;
    width: 32px;
    height: 32px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border: 1px solid transparent;
    border-radius: 100%;
    margin: 0;
    line-height: 1;
    font-size: 12px;
}
.steps__nav .slick-dots li.slick-active {
    border-color: var(--brand);
    color: #242424;
}

.steps__nav .steps__next {
    order: 1;
}

@media screen and (min-width: 360px) {
    .steps__content {
        padding: 0 40px;
    }
}

@media screen and (min-width: 768px) {
    .steps {
        position: relative;
        padding: 50px 40px;
    }
    .slider-step {
        font-size: 1.25rem;
    }

    .steps__content {
        padding: 0;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        grid-template-rows: auto 1fr;
        gap: 50px 20px;
    }

    .slider-steps {
        grid-area: 2 / 2 / -1 / -1;
        margin-right: 30%;
    }

    .steps__content .subtitle {
        grid-area: 1 / 2 / 1 / -1;
    }

    .steps__nav {
        justify-self: end;
        align-self: center;
        grid-area: 1 / 3 / 3 / -1;
    }

    .slider-step > button {
        max-width: 340px;
    }
    .steps-phone {
        width: 300px;
        height: 300px;
        align-self: center;
        justify-self: self-start;
        grid-area: 1 / 1 / -1 / 2;
    }
    .slider-step__title {
        flex-direction: column;
        align-items: flex-start;
        gap: 1.5rem;
    }
    .steps-phone__content {
        padding: 2px 5px;
    }

}
@media screen and (min-width: 1024px) {
    .steps-phone {
        left: 10%;
    }
}