@charset "UTF-8";

section.head {
    padding: 50px 0;
    z-index: 2;
    overflow: hidden
}

section.head .wrap-img img {
    margin-left: 30px
}

section.head .wrap-composition {
    max-width: 556px
}

section.head .wrap-composition .h1 {
    font-size: 38px;
    margin-bottom: 0;
    max-width: 500px
}

section.head .wrap-composition p {
    font-size: 18px;
    margin-top: 36px;
    margin-bottom: 0
}

section.head .wrap-composition ul {
    padding-left: 18px;
    margin-top: 30px
}

section.head .wrap-composition li {
    font-size: 18px;
    color: var(--grayBorder)
}

section.head .wrap-composition .wrap-btns {
    margin-top: 80px;
    max-width: 360px
}

section.head .wrap-composition .btn {
    width: 100%;
    max-width: 100%
}

section.head .wrap-composition .rassrochka {
    margin-top: 22px;
    width: 100%
}

section.head .wrap-composition .rassrochka svg {
    fill: var(--grayBorder);
    margin-right: 4px
}

@media screen and (max-width:1200px) {
    section.head {
        padding: 0 0 30px
    }

    section.head .wrap-composition {
        margin-top: 16px
    }

    section.head .wrap-composition ul {
        text-align: left
    }

    section.head .wrap-img img {
        max-height: 300px;
        display: block;
        margin: 0
    }
}

@media screen and (max-width:768px) {
    section.head .wrap-composition p {
        margin-top: 16px;
        font-size: 16px;
        color: #dfdfdf
    }

    section.head img {
        margin-left: auto;
        margin-right: auto
    }

    section.head .wrap-composition {
        max-width: 100%
    }

    section.head .wrap-composition .h1 {
        font-size: 26px
    }

    section.head .wrap-composition .wrap-btns {
        margin-top: 44px;
        max-width: 100%
    }

    section.head .wrap-composition .wrap-btns .rassrochka {
        text-align: left;
        margin-top: 20px
    }

    section.head .wrap-composition .wrap-btns .btn {
        margin-right: 0
    }

    section.head .wrap-img img {
        margin: 0 auto
    }
}

.our_awards {
    padding-top: 0;
    padding-bottom: 80px
}

.our_awards--blocks .awards-block {
    width: 230px;
    display: block;
    border-radius: 16px;
    transition: all .25s ease;
    padding: 20px 18px 28px;
    background: #191e25;
    position: relative;
    height: 100%
}

.our_awards--blocks .awards-block::before,
.we_help_check::before {
    content: "";
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain
}

.our_awards--blocks .awards-block::before {
    top: 18px;
    right: 12px;
    background-image: url(/local/templates/els-black/img/b2b/check-icon.svg);
    width: 21px;
    height: 14px
}

.our_awards--blocks .awards-block .h3 {
    font-size: 18px;
    color: var(--dark-turquoise);
    margin: auto auto 8px;
    display: block;
    transition: all .25s ease
}

.our_awards--blocks .awards-block .h3 span {
    position: relative;
    display: block
}

.our_awards--blocks .awards-block p {
    font-size: 16px;
    line-height: var(--lineheight-title);
    margin: 0
}

.our_awards--blocks .owl-stage {
    display: flex
}

@media screen and (max-width:768px) {
    .our_awards {
        padding-top: 30px;
        padding-bottom: 60px
    }

    .our_awards--blocks .awards-block p {
        font-size: 14px
    }
}

.we_help {
    padding: 100px 0
}

.we_help .title-main {
    max-width: 740px
}

.we_help_check {
    color: #dfdfdf;
    font-size: 18px;
    margin-bottom: 40px;
    position: relative;
    padding-left: 36px;
    line-height: var(--lineheight-title)
}

.we_help_check::before {
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background-image: url(/local/templates/els-black/img/b2b/icon-accent-check.svg);
    width: 29px;
    height: 28px
}

.help-items {
    margin: -15px
}

.help-items>div {
    margin: 16px 0
}

.help-items>div:nth-child(-n+2) .help-item {
    height: 292px;
    padding: 36px
}

.help-items .col-xl-4 .help-item {
    height: 264px;
    padding: 36px
}

.help-item {
    height: 168px;
    border-radius: 16px;
    position: relative;
    z-index: 1;
    padding: 24px;
    display: block;
    overflow: hidden;
    background-color: #1e2935
}

.help-item::before {
    content: "";
    position: absolute;
    border-radius: 10em;
    z-index: -1
}

.help-item.color-1::before {
    background: radial-gradient(46.31% 46.31% at 50% 50%, #7230ff 0, rgba(31, 69, 85, 0) 100%);
    width: 478px;
    height: 478px;
    left: 53%;
    top: 0;
    opacity: .25
}

.help-item.color-1 img {
    bottom: 15px
}

.help-item.color-2::before {
    background: radial-gradient(46.31% 46.31% at 50% 50%, #3888ff 0, rgba(31, 69, 85, 0) 100%);
    width: 394px;
    height: 394px;
    right: -120px;
    top: -10px;
    opacity: .25
}

.help-item.color-3::before {
    background: radial-gradient(46.31% 46.31% at 50% 50%, #00ffa3 0, rgba(31, 69, 85, 0) 100%);
    width: 355px;
    height: 355px;
    right: -175px;
    top: -30px;
    opacity: .2
}

.help-item.color-4::before {
    background: radial-gradient(46.31% 46.31% at 50% 50%, #00a3ff 0, rgba(31, 69, 85, 0) 100%);
    width: 355px;
    height: 355px;
    right: -175px;
    top: -30px;
    opacity: .25
}

.help-item.color-5::before {
    background: radial-gradient(46.31% 46.31% at 50% 50%, #7230ff 0, rgba(31, 69, 85, 0) 100%);
    width: 261px;
    height: 261px;
    left: 217px;
    top: 0;
    opacity: .25
}

.help-item.color-6::before {
    background: radial-gradient(46.31% 46.31% at 50% 50%, #00ffa3 0, rgba(31, 69, 85, 0) 100%);
    width: 355px;
    height: 355px;
    left: 37px;
    top: -65px;
    opacity: .2
}

.help-item.color-7::before {
    background: radial-gradient(46.31% 46.31% at 50% 50%, #7230ff 0, rgba(31, 69, 85, 0) 100%);
    width: 217px;
    height: 217px;
    left: 124px;
    top: -8px;
    opacity: .25
}

.help-item.color-8::before {
    background: radial-gradient(46.31% 46.31% at 50% 50%, #3888ff 0, rgba(31, 69, 85, 0) 100%);
    width: 216px;
    height: 216px;
    left: 135px;
    top: -15px;
    opacity: .3
}

.help-item .h3,
.help-item .h4 {
    transition: all .25s ease;
    color: var(--white)
}

.help-item .wrap-text ul {
    padding: 0 0 0 18px;
    margin: 16px 0 0;
    max-width: 242px
}

.help-item .wrap-text ul li {
    margin-top: 5px;
    line-height: var(--lineheight-title);
    font-size: 16px;
    color: var(--grayBorder)
}

.compare_item_ul li:first-child,
.help-item .wrap-text ul li:first-child {
    margin-top: 0
}

.help-item .wrap-text,
.help-view-tariffs {
    display: flex;
    flex-direction: column;
    height: 100%
}

.help-item .wrap-text .h3 {
    margin: 0;
    font-size: 26px
}

.help-item img {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: -1
}

.help-view-tariffs {
    border: 2px solid var(--dark-turquoise);
    border-radius: 16px;
    padding: 24px 24px 36px;
    position: relative;
    z-index: 1;
    overflow: hidden
}

.help-view-tariffs:hover,
.table-t__wrapper table tr td .btn-accent::before {
    background: linear-gradient(270deg, #00ffd1 0, #00e0ff 101.56%)
}

.help-view-tariffs:hover::before,
section.certificates .certificates_item:hover::after {
    opacity: 1
}

.help-view-tariffs:hover .h3 {
    color: #161616
}

.help-view-tariffs .h3 {
    font-size: 20px;
    font-weight: 600;
    transition: all .25s ease-in-out;
    color: #fff;
    margin: 0
}

.help-view-tariffs svg {
    margin-top: auto
}

.help-view-tariffs svg path {
    transition: all .25s ease
}

.help-view-tariffs:hover svg path {
    fill: #161616
}

.help-view-tariffs .h3 span {
    display: block
}

@media screen and (max-width:1199.98px) {
    .help-item {
        padding: 20px;
        height: 110px
    }

    .help-items>div:nth-child(3) .help-item img,
    .help-items>div:nth-child(4) .help-item img,
    .help-items>div:nth-child(5) .help-item img {
        max-width: 75px;
        max-height: 90px
    }
}

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

    .help-items>div:nth-child(3) .help-item img,
    .help-items>div:nth-child(4) .help-item img,
    .help-items>div:nth-child(5) .help-item img {
        max-width: 100%;
        max-height: none
    }

    .help-item::before {
        left: auto !important;
        right: -202px !important;
        width: 503px !important;
        height: 503px !important;
        top: auto !important;
        bottom: -217px !important
    }

    .help-item .h3,
    .help-item .h4 {
        font-size: 18px !important
    }

    .help-item,
    .help-view-tariffs {
        align-items: center;
        min-height: 96px
    }

    .help-item {
        padding: 16px !important;
        border-radius: 12px;
        height: auto !important;
        display: flex
    }

    .help-item img {
        max-width: 145px
    }

    .help-item .h4 {
        margin-bottom: 0
    }

    .help-view-tariffs .h3 {
        font-size: 18px;
        white-space: nowrap
    }

    .help-view-tariffs {
        flex-direction: row;
        padding: 0 16px
    }

    .help-view-tariffs svg {
        margin-left: auto;
        margin-top: 0
    }
}

@media screen and (max-width:768px) {
    .we_help_check {
        font-size: 16px;
        margin-bottom: 20px
    }

    .we_help {
        padding-top: 30px;
        padding-bottom: 60px
    }

    .help-item .wrap-text ul li {
        font-size: 14px
    }

    .help-item .wrap-text ul {
        margin-top: 8px;
        padding-left: 16px
    }

    .help-item .wrap-text .h3 {
        font-size: 18px !important
    }

    .help-items {
        margin: -5px
    }

    .help-items>div {
        margin: 8px 0;
        padding: 0 5px
    }

    .help-items>div.col-6 .help-item {
        height: 100%
    }
}

@media screen and (max-width:576px) {
    .help-item {
        padding: 14px
    }

    .help-items>div:first-child img {
        max-width: 100px
    }

    .help-item img {
        max-height: 94px
    }

    .help-items>div:first-child .wrap-text p {
        max-width: 69vw
    }

    .help-items>div:nth-child(1) .help-item img {
        bottom: 50px
    }
}

@media screen and (max-width:360px) {
    .help-item img {
        max-width: 100px !important;
        max-height: 80px !important
    }

    .help-items>div:nth-child(2) .help-item img {
        max-width: 82px !important
    }
}

.steps_section,
section.questions_section {
    overflow: hidden;
    padding: 100px 0
}

.steps_section .title-main {
    margin-bottom: 60px
}

.step-item:nth-child(n+4) {
    margin-top: 60px
}

.steps-items .step-item .count {
    display: block;
    border: 2px solid #01e2fd;
    width: 52px;
    height: 52px;
    line-height: 48px;
    border-radius: 16px;
    margin-bottom: 24px;
    text-align: center;
    color: #01e2fd;
    font-weight: 600;
    font-size: 18px;
    position: relative;
    z-index: 1
}

.steps-items .step-item .count::before {
    content: "";
    position: absolute;
    background-image: url(/local/templates/els-black/img/b2b/long-arrow-right.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 281px;
    height: 16px;
    left: 49px;
    z-index: -1;
    top: 50%;
    transform: translateY(-50%)
}

.steps-items .step-item .h4 {
    margin-top: 24px;
    margin-bottom: 16px;
    color: var(--white)
}

.steps-items .step-item p,
.title-with-descr p {
    margin: 0;
    font-size: 18px;
    color: var(--grayBorder)
}

.steps_section .wrap_btn {
    margin: 60px auto auto;
    max-width: 381px
}

@media screen and (max-width:1199.98px) {
    .steps-items .step-item .count::before {
        width: 260px
    }
}

@media screen and (min-width:992px) {
    .steps-items .step-item:last-child .count::before {
        display: none
    }

    .steps-items .step-item:last-child .count {
        background: var(--dark-turquoise);
        color: #161616
    }
}

@media screen and (max-width:992px) {
    .steps-items {
        margin: 0
    }

    .steps-items .step-item {
        width: 384px;
        padding: 0
    }

    .steps-items .owl-item:last-child .count::before {
        display: none
    }

    .steps-items .owl-item:last-child .count {
        background: var(--dark-turquoise);
        color: #161616
    }
}

@media screen and (max-width:768px) {
    .steps-items .step-item .count::before {
        width: 118px;
        height: 8px
    }

    .steps_section {
        padding-top: 30px;
        padding-bottom: 60px
    }

    .steps_section .title-main {
        margin-bottom: 24px
    }

    .steps_section .btn {
        margin-top: 40px
    }

    .steps-items .step-item .h4 {
        font-size: 18px
    }

    .steps-items .step-item {
        width: 232px
    }

    .steps-items .step-item p {
        font-size: 14px;
        color: #fff
    }

    .steps_section .wrap_btn {
        margin-top: 40px
    }
}

@media screen and (max-width:576px) {
    .steps_section .wrap_btn {
        max-width: 100%
    }
}

.questions_section .wrap_btn {
    margin: 60px auto auto;
    max-width: 306px
}

.questions_section .wrap-title .title-main {
    max-width: 950px
}

.question_slider,
.question_slider.owl-carousel .owl-stage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.question_slider .question_slide {
    position: relative;
    border-radius: 16px;
    width: 500px;
    padding: 28px;
    z-index: 1;
    height: 304px;
    overflow: hidden;
    display: block
}

.question_slider .question_slide.color-1 {
    background: -o-linear-gradient(158.74deg, #004789 -6.78%, #0085ff 109.37%);
    background: linear-gradient(291.26deg, #004789 -6.78%, #0085ff 109.37%)
}

.question_slider .question_slide.color-2 {
    background: -o-linear-gradient(158.74deg, #da4e00 -6.78%, #ff9600 109.37%);
    background: linear-gradient(291.26deg, #da4e00 -6.78%, #ff9600 109.37%)
}

.question_slider .question_slide.color-3 {
    background: -o-linear-gradient(179.71deg, #006755 0, #00aa96 101.56%);
    background: linear-gradient(270.29deg, #006755 0, #00aa96 101.56%)
}

.question_slider .question_slide.color-4 {
    background: -o-linear-gradient(158.74deg, #4100cc -6.78%, #986afa 109.37%);
    background: linear-gradient(291.26deg, #4100cc -6.78%, #986afa 109.37%)
}

.question_slider .question_slide.color-5 {
    background: -o-linear-gradient(158.74deg, #0078bc -6.78%, #00a3ff 109.37%);
    background: linear-gradient(291.26deg, #0078bc -6.78%, #00a3ff 109.37%)
}

.question_slider .question_slide>img {
    width: auto;
    position: absolute;
    right: 0;
    bottom: 13px;
    pointer-events: none;
    z-index: -1;
    transition: transform .25s ease
}

.question_slider .question_slide .wrap-composition {
    max-width: 389px;
    display: flex;
    flex-direction: column;
    height: 100%
}

.question_slider .question_slide .wrap-composition .h3 {
    font-size: 26px;
    margin-bottom: 0
}

.question_slider .question_slide .wrap-composition .price {
    font-size: 28px;
    white-space: nowrap;
    font-weight: 600;
    line-height: var(--lineheight-title);
    margin-top: auto
}

.question_slider .question_slide .wrap-composition li {
    padding: 0;
    margin: 0;
    font-size: 15px;
    margin-top: 10px
}

.question_slider .question_slide .wrap-composition ul {
    margin: 0;
    padding: 0 0 0 19px
}

.question_slider .question_slide .wrap-composition p {
    font-size: 15px;
    margin-top: 0;
    margin-bottom: 45px
}

.question_slider .question_slide .wrap-composition .btn {
    margin-top: auto;
    -ms-flex-item-align: start;
    align-self: flex-start;
    padding: 0 23px
}

@media screen and (max-width:768px) {
    .questions_section .wrap_btn {
        margin-top: 40px
    }

    section.questions_section {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .question_slider .question_slide {
        width: 256px;
        padding: 16px;
        border-radius: 12px
    }

    .question_slider .question_slide .wrap-composition .h3 {
        font-size: 20px
    }

    .question_slider .question_slide .wrap-composition .price {
        font-size: 20px;
        margin-top: 36px
    }

    .question_slider .question_slide>img {
        top: auto
    }
}

@media screen and (max-width:576px) {
    .questions_section .wrap_btn {
        max-width: 100%
    }
}

.question_slider--b2b.owl-carousel .owl-stage-outer {
    overflow: visible
}

section.partners {
    overflow: hidden;
    padding: 100px 0
}

.partners_slider.owl-carousel .owl-stage-outer {
    overflow: hidden
}

.partners_slider .partners_slide {
    height: 60px;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.partners_slider .partners_slide img {
    width: auto;
    max-width: 100%
}

@media screen and (max-width:768px) {
    section.partners {
        padding: 30px 16px 0
    }
}

.areas_slider .areas_slide,
.business_areas {
    overflow: hidden;
    position: relative;
    padding: 100px 0
}

.areas_slider.owl-carousel .owl-stage-outer,
section.certificates .confidence_slider .owl-stage-outer {
    overflow: visible
}

.areas_slider.owl-carousel .owl-item img,
.blago_slider.owl-carousel .owl-item .certificates_item .img-zoom,
.confidence_slider.owl-carousel .owl-item .certificates_item .img-zoom {
    width: auto
}

.areas_slider .areas_slide {
    background: #1e2935;
    border-radius: 16px;
    padding: 24px;
    height: 366px;
    width: 400px;
    z-index: 1
}

.areas_slider .areas_slide::before {
    content: "";
    position: absolute;
    width: 722px;
    height: 723px;
    background: radial-gradient(48.18% 47.98% at 50% 50%, #01ffd3 0, rgba(1, 255, 211, 0) 100%);
    opacity: .2;
    z-index: -1;
    left: -24px;
    top: -54px;
    border-radius: 10em
}

.areas_slider .areas_slide:hover .h3 {
    color: var(--dark-turquoise)
}

.areas_slider .areas_slide:hover img {
    transform: scale(1.05, 1.05)
}

.areas_slider .areas_slide .h3 {
    font-size: 26px;
    margin-bottom: 8px;
    color: var(--white);
    transition: all .25s ease
}

.areas_slider .areas_slide p {
    font-size: 18px;
    margin: 0;
    max-width: 72%
}

.areas_slider .areas_slide img {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: -1;
    transition: transform .2s ease
}

@media screen and (max-width:768px) {
    .business_areas {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .areas_slider .areas_slide {
        height: 226px;
        max-width: 256px;
        padding: 16px
    }

    .areas_slider .areas_slide:hover img {
        transform: scale(.6, .6)
    }

    .areas_slider .areas_slide p {
        font-size: 16px;
        max-width: 79%
    }

    .areas_slider .areas_slide .h3 {
        font-size: 20px
    }

    .areas_slider .areas_slide img {
        transform: scale(.4, .4);
        transform-origin: right bottom
    }
}

.title-with-descr {
    text-align: center
}

.title-with-descr p {
    max-width: 730px;
    margin: auto
}

@media screen and (max-width:768px) {
    .title-with-descr {
        text-align: left
    }
}

.tarrifs-tabs {
    box-shadow: none;
    background-color: var(--dark-lightBlack)
}

.tarrifs-tabs .tab {
    color: var(--white)
}

.tarrifs-tabs .tab:hover {
    color: var(--dark-turquoise)
}

.tarrifs-tabs .tab.active {
    background-color: var(--white);
    color: var(--dark-lightBlack)
}

.card,
.tabs_mountly .tab_mountly {
    background-color: #1e2935
}

.benefits-item p a:hover,
.card__btn-more:hover,
.tabs_mountly .tab_mountly b,
.tabs_mountly .tab_mountly:hover,
.tabs_mountly .tab_mountly:hover b {
    color: var(--dark-turquoise)
}

.tabs_mountly .tab_mountly.active {
    background-color: var(--white);
    color: var(--dark-lightBlack)
}

.tabs_mountly .tab_mountly.active b {
    color: var(--dark-lightBlack)
}

.card {
    box-shadow: none
}

.card__btn-more,
.card__cost,
.card__item li,
.card__name,
.mobile-tarif-title {
    color: var(--white)
}

.card__btn-more svg rect {
    fill: var(--white)
}

.card__btn-more:hover svg rect {
    fill: var(--dark-turquoise)
}

.card__btn-more:active {
    color: var(--dark-green)
}

.card__btn-more:active svg rect {
    fill: var(--dark-green)
}

.card__name .premium {
    background: linear-gradient(270.29deg, #00ffd1 0, #00e0ff 101.56%);
    color: var(--text)
}

.card.card--color {
    border-color: var(--dark-turquoise)
}

.vigoda-mothnly span.line::after {
    background-color: var(--text)
}

.table-t__btn-more svg:not(.arrow),
.table-t__btn-more:hover svg:not(.arrow) {
    fill: var(--dark-green)
}

.table-t__btn-more svg.arrow path {
    stroke: var(--white)
}

.benefits-item p a,
.table-t__btn-more:hover {
    color: var(--dark-green)
}

.table-t__btn-more:hover svg.arrow path {
    stroke: var(--dark-green)
}

.table-t__btn-more:active {
    color: var(--grayBorder)
}

.table-t__btn-more:active svg:not(.arrow) {
    fill: var(--grayBorder)
}

.table-t__btn-more:active svg.arrow path {
    stroke: var(--grayBorder)
}

.table-t__wrapper,
.table-t__wrapper table tr td {
    background-color: var(--dark-black)
}

.table-t__wrapper table tr:first-child td {
    background-color: var(--dark-black)
}

.table-t-compare table tr:first-child td:nth-child(3)::after {
    background-color: var(--dark-black)
}

.table-t-compare table tr:last-child td:nth-child(3),
.table-t-compare table tr:last-child td:nth-child(3)::after {
    background-color: var(--dark-black)
}

.table-t-compare table tr:first-child td:nth-child(3) {
    background-color: var(--dark-black)
}

.table-t__wrapper table tr td {
    color: var(--grayBorder);
    border-color: var(--dark-lightBlack)
}

.table-t__wrapper table tr td .price,
.table-t__wrapper table tr td:first-child,
.table-t__wrapper table tr:first-child td {
    color: var(--white)
}

.table-t__wrapper table tr:not(:first-child, :last-child):hover td {
    background-color: #1e2935
}

.table-t__wrapper table tr:first-child td .premium {
    background: linear-gradient(270.29deg, #00ffd1 0, #00e0ff 101.56%);
    color: var(--text)
}

.table-t-compare table tr td:nth-child(3) {
    border-left-color: #007d6e;
    border-right-color: #007d6e
}

.table-t-compare table tr:first-child td:nth-child(3)::before,
.table-t-compare table tr:last-child td:nth-child(3)::before {
    background-color: #007d6e
}

.benefits-item p,
.table-t__wrapper table tr td .accent-text {
    color: var(--grayBorder)
}

.benefits-item {
    position: relative;
    padding-left: 78px;
    margin-top: 60px
}

.benefits-item img {
    position: absolute;
    left: 0;
    top: 0
}

.benefits-item .h3 {
    font-size: 20px;
    margin-bottom: 16px
}

.benefits-item p {
    margin: 0
}

@media screen and (max-width:768px) {
    .benefits-items {
        margin-top: 24px
    }

    .benefits-item {
        margin-top: 60px;
        padding-left: 54px
    }

    .benefits-items .row>div:first-child .benefits-item {
        margin-top: 0
    }

    .benefits-item img {
        width: 38px;
        height: auto
    }

    .benefits-item .h3 {
        margin-bottom: 8px;
        font-size: 18px
    }

    .benefits-item p {
        font-size: 14px;
        color: #fff;
        line-height: var(--lineheight-title)
    }
}

section.certificates {
    padding: 100px 0;
    overflow: hidden
}

section.certificates.gray {
    background-color: #f4f6f9
}

section.certificates .certificates_item {
    border: 0;
    width: 213px;
    height: 302px;
    overflow: hidden
}

section.certificates .certificates_item .img-certificate {
    border: 17px solid transparent
}

section.certificates .certificates_item .img-zoom {
    opacity: 0 !important
}

section.certificates .certificates_item::before {
    background-image: url(/local/templates/els-black/img/b2b/frame.svg);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 1;
    z-index: 1;
    background-repeat: no-repeat
}

section.certificates .certificates_item::after {
    background: rgba(60, 62, 79, .7);
    opacity: 0;
    z-index: 2
}

section.certificates .certificates_item:hover .img-zoom {
    opacity: 1 !important
}

.certificates_item {
    display: block;
    height: 376px;
    position: relative;
    z-index: 1;
    border: 2px solid #d6d7de
}

.certificates_item::before {
    content: "";
    position: absolute;
    left: -2px;
    top: -2px;
    bottom: -2px;
    right: -2px;
    background: -webkit-gradient(linear, left top, left bottom, from(#5683f8), to(#034bb6));
    background: -o-linear-gradient(#5683f8, #034bb6);
    background: linear-gradient(#5683f8, #034bb6);
    z-index: -1;
    opacity: 0;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.certificates_item::after {
    content: "";
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: transparent
}

.certificates_item .img-certificate {
    width: 100%;
    height: 100%;
    object-position: 0 50%;
    overflow: hidden;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.certificates_item .img-zoom,
.certificates_item::after {
    position: absolute;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.certificates_item .img-zoom {
    z-index: 3;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0
}

.certificates_item:hover .img-zoom,
.certificates_item:hover::before {
    opacity: 1
}

.certificates_item:hover::after {
    background-color: rgba(226, 236, 255, .7)
}

@media screen and (max-width:1199.98px) {
    .certificates_item {
        width: 270px
    }
}

@media screen and (max-width:768px) {
    section.certificates {
        padding: 30px 0
    }
}

.tooltipster {
    background-color: var(--white)
}

.tooltipster:hover {
    background: linear-gradient(270.29deg, var(--dark-turquoise) 0, #00e0ff 101.56%)
}

.question_popup button.mfp-close svg path,
.table-t__wrapper table tr td .tooltipster svg path,
.tooltipster svg {
    fill: var(--black)
}

.tooltipster-sidetip .tooltipster-box {
    background-color: var(--black);
    box-shadow: 0 4px 20px rgba(1, 254, 212, .4)
}

.tooltipster-sidetip .tooltipster-content {
    color: var(--white)
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background,
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
    border-top-color: var(--black)
}

.question_popup {
    background: var(--black);
    box-shadow: 0 4px 20px rgba(1, 254, 212, .4)
}

.question_popup button.mfp-close {
    background: var(--white);
    box-shadow: 0 4px 20px rgba(1, 254, 212, .4)
}

.question_popup button.mfp-close:focus,
.question_popup button.mfp-close:hover {
    background: linear-gradient(270.29deg, var(--dark-turquoise) 0, #00e0ff 101.56%);
    box-shadow: 0 4px 20px transparent
}

.question_popup .title-main {
    border-bottom-color: var(--white)
}

.popup-callback .title {
    color: #fff
}

.help_section {
    overflow: visible;
    z-index: 1;
    padding: 100px 0
}

.help_section::before {
    content: "";
    position: absolute;
    z-index: -1;
    border-radius: 693px;
    opacity: .1;
    background: #01ffd3;
    filter: blur(190.73500061035156px);
    top: 148px;
    left: 50%;
    transform: translateX(-50%);
    width: 693px;
    height: 441px
}

.help_section .h2_left_wrapper {
    position: sticky;
    top: 36px
}

.help_section .mobile-btn {
    display: none
}

.help_section .h2_left_wrapper .btn {
    max-width: 420px
}

.help_section .title-main {
    margin-bottom: 80px
}

.help_items {
    max-width: 592px;
    margin-left: auto
}

.help_item:first-child .help_item--tab {
    margin-top: -30px
}

.help_item:not(:first-child) {
    border-top: 1px solid #3d3f59
}

.help_item:last-child {
    border-bottom: 1px solid #3d3f59
}

.help_item--tab {
    display: flex;
    position: relative;
    cursor: pointer;
    padding: 48px 100px 48px 0
}

.help_item--tab::after,
.help_item--tab::before {
    content: "";
    position: absolute;
    background: #fff;
    border-radius: 10em;
    right: 49px;
    top: 67px;
    width: 30px;
    height: 3px;
    transition: all .3s ease
}

.help_item--tab::after {
    transform: rotate(90deg)
}

.help_item--tab .h5 {
    width: 100%;
    font-size: 26px;
    color: #fff;
    transition: all .25s ease
}

.help_item--tab .h5 span {
    display: block;
    font-weight: 400;
    font-size: 18px;
    margin-top: 4px
}

.help_item.active .help_item--tab::after {
    transform: rotate(0deg)
}

.help_item--content {
    display: none;
    color: #dfdfdf;
    padding-left: 48px;
    padding-bottom: 48px;
    margin-top: -32px;
    position: relative;
    z-index: 2;
    font-size: 18px
}

.help_item--content p {
    max-width: 440px;
    margin: 0
}

.help_item .wrap-icon {
    min-width: 32px;
    width: 32px;
    height: 32px;
    text-align: center;
    margin-right: 16px;
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.help_item .wrap-icon::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 8px;
    left: 0;
    bottom: 0;
    background: linear-gradient(270deg, #00606c -20%, #003d50 116.67%);
    z-index: -1;
    transition: all .25s ease;
    opacity: 1
}

.help_item .wrap-icon .svg-icon {
    fill: #01e2fd
}

@media screen and (min-width:992px) {
    .help_item:nth-child(1) .help_item--content {
        display: block
    }

    .help_item:not(.active):hover .h5 {
        color: #01e2fd
    }

    .help_item:not(.active):hover .help_item--tab::after,
    .help_item:not(.active):hover .help_item--tab::before {
        background: #01e2fd
    }
}

@media screen and (max-width:992px) {
    .help_section .h2_left_wrapper {
        position: relative;
        top: 0
    }

    .help_section::before {
        display: none
    }

    .help_section .title-main {
        margin-bottom: 48px
    }

    .help_section .h2_left_wrapper .btn {
        display: none !important
    }

    .help_section .mobile-btn {
        display: block;
        max-width: 592px;
        margin-top: 40px
    }

    .help_items {
        margin-left: 0
    }

    .help_item--tab {
        padding-right: 50px
    }

    .help_item--tab::after,
    .help_item--tab::before {
        right: 9px
    }

    .help_item--content {
        padding-left: 0
    }
}

@media screen and (max-width:768px) {
    .help_section {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .help_section .h2_left_wrapper .btn {
        display: none !important
    }

    .help_item:first-child .help_item--tab {
        margin-top: -24px;
        border-top: 1px solid #3d3f59
    }

    .help_item--tab .h5 {
        font-size: 18px
    }

    .help_item--content {
        font-size: 16px;
        padding-bottom: 34px;
        margin-top: -18px
    }

    .help_item--tab {
        padding: 34px 55px 34px 0;
        align-items: center
    }

    .help_item--tab::after,
    .help_item--tab::before {
        top: 48px;
        width: 28px
    }
}

.info_section {
    position: relative;
    z-index: 1;
    overflow: hidden;
    padding: 80px 0
}

.info_section::before {
    content: "";
    position: absolute;
    border-radius: 629px;
    opacity: .3;
    background: #01ffd3;
    filter: blur(60.73500061035156px);
    width: 629px;
    height: 244px;
    top: 166px;
    left: 45%;
    z-index: -1
}

.info_section .h2_left_wrapper {
    max-width: 469px
}

.info_item b,
.info_section .h2_left_wrapper .description {
    font-size: 18px
}

.info_section .wrap-img img {
    z-index: -1;
    position: relative;
    max-width: 100%;
    height: auto;
    display: block;
    margin: auto
}

.info_items {
    margin-top: 60px
}

.info_item {
    background: #1e2935;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    z-index: 1;
    padding: 0 18px;
    height: 136px
}

.info_item img,
.main_form--security img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.info_item img {
    z-index: -1;
    right: 18px
}

@media screen and (max-width:992px) {
    .info_section::before {
        display: none
    }

    .info_section .wrap-img {
        margin-top: 32px
    }

    .info_items>div:nth-child(n+3) {
        margin-top: 32px
    }
}

@media screen and (max-width:768px) {
    .info_section .h2_left_wrapper .description {
        color: #dfdfdf
    }

    .info_section .h2_left_wrapper .title-main {
        margin-bottom: 24px
    }

    .info_section {
        padding: 30px 0
    }

    .info_items>div:nth-child(n+2) {
        margin-top: 8px
    }

    .info_section .wrap-img {
        margin-top: 30px
    }

    .info_items {
        margin-top: 16px
    }

    .info_item {
        height: 80px;
        padding: 0 16px
    }
}

.form_section__inner {
    background: linear-gradient(90deg, #5a41d1 -17.31%, #1e2935 111.47%);
    border-radius: 16px;
    overflow: hidden;
    padding: 56px 44px
}

.form_section__inner .title-main {
    margin-bottom: 48px
}

.form_section__inner .form-banner--flex {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    margin: 0 -10px
}

.form_section__inner .form-banner--flex>* {
    width: calc(33.333% - 20px);
    margin: 0 10px
}

.form_section__inner label span.field__error {
    position: absolute;
    top: calc(100% - 3px);
    width: 100%;
    left: 0
}

.form_section__inner .form-banner--flex label {
    position: relative
}

.form_section__inner .form-banner--flex .btn {
    box-shadow: none;
    margin-bottom: 1px
}

.form_section__inner .form-banner--flex .checkbox {
    width: 100%;
    max-width: 506px;
    margin-top: 28px;
    margin-left: 10px
}

.form_info_block,
.ul-check li {
    position: relative;
    color: #dfdfdf
}

.form_info_block {
    font-size: 14px;
    line-height: var(--lineheight-title);
    padding-left: 36px;
    margin-left: auto !important;
    margin-top: 48px !important
}

.form_info_block::before {
    background-image: url(/local/templates/els-black/img/b2b/icon-time.svg);
    width: 24px;
    height: 24px;
    top: 50%
}

@media screen and (max-width:992px) {
    .form_section__inner label span.field__error {
        position: relative;
        top: auto;
        margin-top: 2px
    }

    .form_section__inner .form-banner--flex {
        margin: 0
    }

    .form_section__inner .form-banner--flex>* {
        width: 100%;
        margin: 0 0 20px
    }

    .form_section__inner .form-banner--flex .btn {
        order: 5;
        margin-top: 28px
    }

    .form_info_block {
        order: 6;
        margin-top: 20px !important;
        margin-bottom: 0 !important
    }

    .form_section__inner .form-banner--flex .checkbox {
        margin-top: 0;
        margin-left: 0
    }
}

@media screen and (max-width:768px) {
    .form_section__inner {
        padding: 60px 16px;
        margin-left: -16px;
        width: calc(100% - -32px)
    }

    .form_section__inner .title-main {
        margin-bottom: 24px;
        font-size: 26px;
        text-align: center
    }
}

.main_form {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 40px;
    background: linear-gradient(90deg, #5a41d1 -17.31%, #1e2935 111.47%), #1e2935;
    border-radius: 16px
}

.main_form>* {
    width: 100%
}

.main_form label.checkbox {
    margin-top: 28px
}

.main_form .btn {
    display: flex;
    width: 100%;
    margin-top: 80px
}

.main_form--security {
    position: relative;
    padding-left: 36px;
    font-size: 14px;
    color: #dfdfdf;
    line-height: var(--lineheight-title);
    margin-top: 28px
}

.main_form--security p {
    margin: 0;
    max-width: 310px
}

.main_form--security img {
    left: 2px
}

.main_form .label-switcher {
    margin-top: 80px
}

.main_form .title {
    text-align: center;
    margin-bottom: 60px;
    line-height: var(--lineheight-title);
    font-size: 28px
}

@media screen and (max-width:768px) {
    .main_form .title {
        font-size: 18px;
        margin-bottom: 28px
    }

    .main_form {
        padding: 48px 16px 40px;
        margin-left: -16px;
        width: calc(100% - -32px)
    }

    .main_form .btn,
    .main_form .label-switcher {
        margin-top: 60px
    }

    .main_form--security {
        margin-top: 16px
    }
}

.statistic_mini_items {
    display: flex;
    flex-wrap: wrap;
    row-gap: 32px
}

.statistic_mini_item {
    width: 50%
}

.statistic_mini_item .h3 {
    font-size: 38px;
    margin-bottom: 0
}

.statistic_mini_item p {
    margin: 0;
    font-size: 18px
}

.ul-check {
    padding: 0;
    margin: 0;
    list-style-type: none;
    display: flex;
    flex-direction: column;
    gap: 20px
}

.ul-check li {
    display: block;
    padding-left: 40px;
    font-size: 18px
}

.compare_item_ul li::before,
.form_info_block::before,
.ul-check li::before {
    content: "";
    position: absolute;
    left: 0;
    transform: translateY(-50%);
    background-size: contain;
    background-repeat: no-repeat
}

.ul-check li::before {
    top: 50%;
    background-image: url(/local/templates/els-black/img/b2b/icon-accent-check.svg);
    width: 24px;
    height: 24px
}

.h2_left_wrapper .description {
    max-width: 390px
}

.h2_left_wrapper .btn {
    margin-top: 60px
}

.form_section {
    padding: 100px 0
}

.form_section .main_form {
    max-width: 592px;
    margin-left: auto
}

.form_section .statistic_mini_items {
    margin-top: 58px
}

.form_section .ul-check {
    max-width: 385px
}

@media screen and (max-width:992px) {
    .form_section .main_form {
        margin-left: 0;
        margin-top: 40px
    }

    .h2_left_wrapper .description {
        max-width: 100%
    }
}

@media screen and (max-width:768px) {
    .form_section {
        padding: 30px 0
    }

    .ul-check li {
        font-size: 16px;
        padding-left: 40px
    }

    .ul-check {
        gap: 28px
    }

    .form_section .statistic_mini_items {
        display: none
    }

    .form_section .main_form {
        margin-top: 36px;
        margin-right: auto;
        margin-left: -16px;
        max-width: calc(100% - -32px)
    }

    .form_section .h2_left_wrapper .title-main {
        margin-bottom: 24px
    }
}

.tarrifs-tabs {
    background-color: #1e2935
}

.tarrifs-tabs::before {
    border: 0
}

.table-t__wrapper table tr td .btn-accent {
    color: var(--black);
    background: linear-gradient(270deg, #00e0ff 0, #00ffd1 101.56%)
}

.table-t__wrapper table tr td svg path {
    fill: var(--grayBorder)
}

.section_tarrifs {
    padding: 100px 0
}

@media screen and (max-width:768px) {
    .section_tarrifs {
        padding: 30px 0
    }

    .section_tarrifs .title-main {
        text-align: center
    }

    .card-t__layout-3 {
        display: none
    }

    .card-t__layout {
        padding: 0
    }

    .tarrifs-tabs__wrapper {
        display: block
    }
}

.section_compare {
    padding: 100px 0;
    overflow: hidden;
    z-index: 1
}

.section_compare .title-main {
    text-align: center;
    margin-bottom: 60px
}

.compare_items {
    display: flex;
    justify-content: center;
    margin: auto;
    gap: 70px
}

.compare_item {
    width: 480px;
    position: relative;
    z-index: 1
}

.compare_item::before {
    content: "";
    position: absolute;
    z-index: -1
}

.compare_item--left::before {
    border-radius: 602.787px;
    background: #1f2a37;
    top: 61px;
    right: 44px;
    transform: rotate(-7.746deg);
    filter: blur(148.13499450683594px);
    width: 602.787px;
    height: 357.156px
}

.compare_item--right::before {
    top: 5px;
    left: 98px;
    border-radius: 771px;
    opacity: .4;
    background: radial-gradient(46.31% 46.31% at 50% 50%, #01ffd3 0, rgba(1, 255, 211, 0) 100%);
    filter: blur(97px);
    width: 771px;
    height: 771px
}

.compare_item_top {
    border-radius: 16px;
    padding: 20px 40px
}

.compare_item_top .h5 {
    font-size: 24px;
    margin: 0;
    display: flex;
    gap: 12px;
    align-items: center;
    color: #fff
}

.compare_item_top img {
    width: 30px;
    min-width: 30px;
    height: auto
}

.compare_item_top p {
    margin-bottom: 0;
    margin-top: 12px;
    font-size: 18px
}

.compare_item .link {
    color: #ffdf73;
    font-size: 18px;
    text-decoration: underline;
    font-weight: 600;
    box-shadow: none;
    padding: 0;
    background: 0 0;
    margin-top: 12px;
    border: 0
}

.compare_item--left .compare_item_top {
    background: #1e2935
}

.compare_item--right .compare_item_top {
    background: #008575
}

.compare_item_ul {
    list-style-type: none;
    padding: 0 52px 0 30px;
    margin: 72px 0 0
}

.compare_item_ul li {
    font-size: 18px;
    margin-top: 50px;
    line-height: var(--lineheight-title);
    position: relative
}

.compare_item_ul li::before {
    top: calc(50%)
}

.compare_item--left .compare_item_ul li {
    padding-left: 35px
}

.compare_item--left .compare_item_ul li::before {
    width: 16px;
    height: 16px;
    background-image: url(/local/templates/els-black/img/b2b/icon-crocss-gray.svg)
}

.compare_item--right .compare_item_ul li {
    padding-left: 46px
}

.compare_item--right .compare_item_ul li::before {
    width: 28px;
    height: 28px;
    background-image: url(/local/templates/els-black/img/b2b/icon-circle-check.svg)
}

.section_compare .wrap_btn {
    margin: 78px auto auto;
    max-width: 325px
}

.compare_mobile_top {
    display: none
}

@media screen and (max-width:992px) {
    .compare_item_ul {
        padding: 0
    }
}

@media screen and (max-width:768px) {
    .section_compare {
        padding: 30px 0
    }

    .section_compare .title-main {
        text-align: left;
        margin-bottom: 24px
    }

    .section_compare .title-main img {
        margin-left: 4px;
        vertical-align: text-bottom
    }

    .compare_item--left,
    .compare_item::before {
        display: none
    }

    .compare_item {
        width: 100%
    }

    .compare_mobile_top {
        display: block
    }

    .compare_mobile_top p {
        margin: 0;
        font-size: 18px;
        color: #dfdfdf
    }

    .compare_mobile_top .link {
        margin-top: 20px;
        font-size: 15px
    }

    .compare_item--right .compare_item_top {
        display: none
    }

    .section_compare .wrap_btn {
        margin-top: 40px
    }

    .compare_item_ul {
        margin-top: 30px
    }

    .compare_item_ul li {
        font-size: 18px;
        padding: 28px 0;
        margin: 0;
        border-top: 1px solid #1e2935
    }

    .compare_item_ul li:last-child {
        border-bottom: 1px solid #1e2935
    }

    .compare_item--right .compare_item_ul li {
        padding-left: 48px
    }

    .compare_item--right .compare_item_ul li::before {
        width: 24px;
        height: 24px;
        left: 8px
    }
}

@media screen and (max-width:576px) {
    .section_compare .wrap_btn {
        max-width: 100%
    }
}

.popup-mini p {
    margin: 24px 0
}

.popup-mini p:first-child {
    padding-right: 24px
}

.about_section {
    position: relative;
    z-index: 1;
    overflow-x: clip;
    padding: 100px 0
}

.about_section::before {
    content: "";
    position: absolute;
    border-radius: 931px;
    opacity: .4;
    background: radial-gradient(46.31% 46.31% at 50% 50%, #01ffd3 0, rgba(1, 255, 211, 0) 100%);
    filter: blur(97px);
    width: 931px;
    height: 390px;
    top: 104px;
    left: 52%;
    transform: translateX(-50%);
    z-index: -1
}

.about_section .description {
    max-width: 362px;
    font-size: 18px
}

.about_section .wrap-img img {
    margin-left: auto;
    border-radius: 12px;
    overflow: hidden
}

.about_items {
    margin-top: 60px
}

.about_item {
    border-radius: 12px;
    padding: 28px 32px;
    background: #1e2935;
    height: 100%;
    position: relative;
    z-index: 1
}

.about_item .h5 {
    color: #fff;
    font-size: 26px
}

.about_item>span {
    display: block;
    margin-top: auto
}

.about_item img {
    position: absolute;
    z-index: -1;
    right: 32px;
    top: 50%;
    transform: translateY(-50%)
}

@media screen and (max-width:992px) {
    .about_section .description {
        max-width: 100%
    }

    .about_section .wrap-img img {
        margin: 40px auto auto
    }

    .about_items .row>div:nth-child(n+3) {
        margin-top: 32px
    }
}

@media screen and (max-width:768px) {
    .about_section {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .about_section .description {
        font-size: 16px
    }

    .about_items .row>div:nth-child(n+2) {
        margin-top: 16px
    }

    .about_section::before {
        left: 50%;
        width: 542px;
        height: 150px;
        top: 103px
    }

    .about_items,
    .about_section .wrap-img img {
        margin-top: 16px
    }

    .about_item {
        padding: 12px
    }

    .about_section .title-main {
        margin-bottom: 12px
    }

    .about_item img {
        transform: translateY(-50%) scale(.7, .7);
        transform-origin: right
    }
}

.video_reviews_section {
    padding: 100px 0
}

.video_reviews_slide .icon-play path {
    fill: #4e74f5
}

.video_reviews_slide:hover .icon-play path {
    fill: #00aa96
}

@media screen and (max-width:768px) {
    .video_reviews_section {
        padding: 30px 0
    }
}

section.certificates.dark .blago_slider .owl-stage-outer {
    overflow: visible
}

.faq_section {
    padding: 80px 0
}

.faq_news-item .faq_news__question span::before {
    width: 30px;
    height: 3px
}

.faq_news-item .faq_news__question span::after {
    width: 3px;
    height: 30px;
    background-color: #fff
}

.faq_news-item .faq_news__question span {
    width: 30px;
    height: 30px;
    margin-right: 9px
}

.faq_news-item .faq_news__question span::before,
.faq_news-item.active .faq_news__question span::before {
    background-color: #fff
}

.faq_news-item .faq_news__question:hover .h3,
.faq_news-item.active .faq_news__question .h3 {
    color: #fff
}

.faq_news-item {
    border-bottom: 1px solid #3d3f59;
    margin: 0
}

.faq_news-item .faq_news__question .h3 {
    font-size: 26px
}

.faq_news-item .faq_news__answer {
    color: var(--grayBorder);
    padding: 0 0 40px;
    margin-top: -8px
}

.faq_news-item .faq_news__question {
    padding: 16px 0;
    background-color: transparent;
    min-height: 112px;
    box-shadow: none
}

.faq_news-item .faq_news__question:hover,
.faq_news-item.active .faq_news__question {
    background-color: transparent
}

.cta_inner p,
.faq_news-item .faq_news__answer p {
    font-size: 18px
}

@media screen and (max-width:768px) {
    .faq_news-item .faq_news__question span {
        margin-right: 6px
    }

    .faq_news-item .faq_news__question span::before {
        width: 22px
    }

    .faq_news-item .faq_news__question span::after {
        height: 22px
    }

    .faq_section {
        padding: 30px 0
    }

    .faq_news-item .faq_news__answer p {
        font-size: 14px
    }

    .faq_news-item .faq_news__question .h3 {
        font-size: 18px
    }

    .faq_news-item .faq_news__question {
        min-height: 98px;
        padding: 8px 0
    }
}

.cta_section {
    padding-top: 100px
}

.cta_inner {
    background: #1e2935;
    border-radius: 16px;
    overflow: hidden;
    min-height: 440px;
    display: flex;
    align-items: center;
    padding: 30px 44px;
    position: relative;
    z-index: 1
}

.cta_inner>img {
    position: absolute;
    z-index: -1;
    right: 0;
    top: 0;
    height: 100%;
    width: 638px;
}

.cta_inner .wrap_composition {
    max-width: 402px;
    float: right; 
}

.cta_inner .h3 {
    font-size: 28px;
    margin-bottom: 16px
}

.cta_inner p {
    margin: 0;
    color: #dfdfdf
}

.cta_inner .btn {
    max-width: 360px;
    margin-top: 64px
}

@media screen and (max-width:992px) {
    .cta_inner>img {
        display: none
    }

    .cta_inner {
        padding: 48px 44px;
        min-height: auto
    }
}

@media screen and (max-width:768px) {
    .cta_inner {
        padding: 48px 24px;
        border-radius: 12px
    }

    .cta_inner .h3 {
        font-size: 18px
    }

    .cta_inner p {
        font-size: 14px
    }

    .cta_inner .btn {
        margin-top: 48px
    }

    .cta_section {
        padding-top: 30px;
        padding-bottom: 50px
    }
}

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

    .cta_inner .btn,
    .cta_inner .wrap_composition {
        max-width: 100%
    }
}

.popup-consultation .title {
    text-align: center;
    margin-bottom: 44px;
    font-size: 26px
}

.popup-consultation {
    max-width: 560px;
    padding: 44px 40px 56px
}

.popup-consultation .btn {
    margin-top: 70px
}

.popup-consultation .form_info_block {
    margin-left: 0 !important;
    margin-top: 16px !important
}

@media screen and (max-width:768px) {
    .popup-consultation {
        padding: 60px 16px
    }

    .popup-consultation .title {
        margin-bottom: 38px
    }

    .popup-consultation .btn {
        margin-top: 50px
    }
}