/*Тут постепенно добавляется отрефакторенный css из template_styles*/
.content-layout {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 30px;
    padding-right: 30px;
}

.overflow-x-scroll {
    display: block;
    overflow-x: auto;
}

.top-block .content-layout {
    max-width: 1127px;
}

.top-block__achiv-wrap {
    max-width: 1157px;
    width: 100%;
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    margin-left: auto;
    margin-right: auto;
}

.top-block .content-layout::-webkit-scrollbar {
    display: none;
}

/* Стили для блока top-block */
.top-block {
    background: linear-gradient(180deg, #060E29 0%, #162043 100%);
    /* text-align: center; */
}

.top-block__btn_row,
.main-block__btn_row {
    text-align: center;
}

.top-block__title,
.top-block__title h1 {
    color: #FFF;
    text-align: center;
}

.top-block__achiv {
    width: 1127px;
}

.top-block__achiv_row {
    display: flex;
    justify-content: space-around;
    gap: 15px;
}

.top-block__achiv_row:nth-child(1) .top-block__achiv_item:nth-child(1) {
    display: flex;
    align-items: center;
    color: #DCE3F2;
    border-radius: 10px;
    border: 0.7px solid #4499FC;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.10) 0%, rgba(255, 255, 255, 0.00) 100%), #0E2777;
    box-shadow: 0px 0px 60px 0px rgba(25, 130, 214, 0.50) inset;
}

.top-block__achiv_row:nth-child(1) .top-block__achiv_item:nth-child(1) img {
    display: flex;
    width: 93px;
    height: 93px;
}

.top-block__achiv_row:nth-child(1) .top-block__achiv_item:nth-child(2) {
    display: flex;
    align-items: center;
    color: #DCF2DC;
    border-radius: 10px;
    border: 0.7px solid #00FF57;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.00) 100%), #063E05;
    box-shadow: 0px 0px 60px 0px rgba(26, 175, 76, 0.25) inset;
    min-width: 219px;
}

.top-block__achiv_row:nth-child(1) .top-block__achiv_item:nth-child(2) img {
    display: flex;
    width: 53.5px;
    height: 53.5px;
}

.top-block__achiv_row:nth-child(1) .top-block__achiv_item:nth-child(3) {
    display: flex;
    align-items: center;
    color: #F2E8DC;
    border-radius: 10px;
    border: 0.7px solid #A35F2D;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.10) 0%, rgba(255, 255, 255, 0.00) 100%), #1C0E02;
    box-shadow: 0px 0px 70px 0px rgba(254, 202, 19, 0.25) inset;
}

.top-block__achiv_row:nth-child(1) .top-block__achiv_item:nth-child(3) img {
    display: flex;
    width: 67px;
    height: 67px;
}

.top-block__achiv_row:nth-child(2) .top-block__achiv_item:nth-child(1) {
    /* min-width: 464px; */
    color: #EEDCF2;
    border-radius: 10px;
    border: 0.7px solid #8443C5;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.10) 0%, rgba(255, 255, 255, 0.00) 100%), #2E0358;
    box-shadow: 0px 0px 80px 0px rgba(211, 86, 255, 0.20) inset;
}

.top-block__achiv_row:nth-child(2) .top-block__achiv_item:nth-child(2) {
    color: #DCF2EF;
    border-radius: 10px;
    border: 0.7px solid #34B3A4;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.00) 100%), #0F4B44;
    box-shadow: 0px 0px 70px 0px rgba(27, 218, 218, 0.25) inset;
}

.top-block__achiv_row:nth-child(2) .top-block__achiv_item:nth-child(3) {
    color: #DCE3F2;
    border-radius: 10px;
    border: 0.7px solid #FE1381;
    background: #45001D;
    box-shadow: 0px 4px 70px 0px rgba(158, 0, 255, 0.25) inset;
    min-width: 256px;
}

.top-block__achiv_row:nth-child(2) .top-block__achiv_item:nth-child(3) .top-block__achiv_item__desc {
    display: flex;
    align-items: end;
    gap: 5px;
}

.top-block__achiv_row:nth-child(2) .top-block__achiv_item:nth-child(3) .top-block__achiv_item__desc img {
    width: 67px;
    height: 67px;
}

/* .top-block__achiv_row:nth-child(2) .top-block__achiv_item:nth-child(1) .top-block__achiv_item__text {
    width: 453px;
}
.top-block__achiv_row:nth-child(2) .top-block__achiv_item:nth-child(2) .top-block__achiv_item__text {
    width: 237px;
}
.top-block__achiv_row:nth-child(2) .top-block__achiv_item:nth-child(3) .top-block__achiv_item__text {
    width: 204px;
} */

.top-block__achiv_item__text_icon_disk {
    vertical-align: middle;
    width: 29.73px;
    height: 29.73px;
    transform: rotate(3deg);
}

.top-block__achiv_item__text_icon_yt {
    vertical-align: middle;
    width: 26.757px;
    height: 19.324px;
}

.top-block__achiv_item__text_icon_tg svg {
    vertical-align: middle;
}

.top-block__achiv_item__format {
    display: flex;
    align-items: center;
    gap: 6px;
}

.top-block__achiv_item__format_item {
    padding: 6px 8px;
    border-radius: 5px;
    background: rgba(17, 0, 52, 0.50);
    box-shadow: 0px 0px 15px 0px rgba(66, 86, 194, 0.10);
    color: rgba(217, 179, 255, 0.70);
    text-align: center;
    text-transform: uppercase;
    cursor: default;
}

.top-block__achiv_row .top-block__achiv_item__format_item:not(:first-child) {
    padding: 6px 13px;
}

.top-block__achiv_item__format_item {
    display: flex;
    justify-content: center;
    align-items: center;
}

.top-block__desc p {
    color: #FFF;
}

a.top_btn_tg {
    color: #34B3A4;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
}

.top_btn_tg {
    display: block;
    width: 100%;
    border-radius: 5px;
    border: 1px solid #34B3A4;
    background: rgba(9, 54, 49, 0.20);
}

.top_btn_tg:hover {
    background: rgba(9, 54, 49, 0.4);
}

@media (max-width: 768px) {
    .top-block__achiv {
        width: 820px;
    }

    .top-block__achiv_row:nth-child(1) {
        color: #DCE3F2;
        width: 820px;
    }

    .top-block__achiv_row:nth-child(2) {
        color: #DCE3F2;
        width: 820px;
    }

    .top-block__achiv_row:nth-child(1) .top-block__achiv_item:nth-child(1) img {
        width: 63px;
        height: 63px;
    }

    .top-block__achiv_row:nth-child(2) .top-block__achiv_item {
        /* flex: 1 0 0%; */
        flex: 0;
    }

    .top-block__achiv_item {
        /* flex: 1 0 0%; */
        box-sizing: border-box;
    }

    .top-block__achiv_row:nth-child(2) .top-block__achiv_item:nth-child(3) {
        min-width: auto;
    }

    .top-block__achiv_row:nth-child(1) .top-block__achiv_item:nth-child(1) {
        /* width: 270px; */
        min-width: 256px;
        flex: 0;
    }

    .top-block__achiv_row:nth-child(1) .top-block__achiv_item:nth-child(2) {
        width: 200px;
        min-width: 174px;
    }

    .top-block__achiv_row:nth-child(1) .top-block__achiv_item:nth-child(3) {
        width: 320px;
    }

    .top-block__achiv_row:nth-child(2) .top-block__achiv_item:nth-child(1) {
        min-width: 350px;
    }

    .top-block__achiv_row:nth-child(2) .top-block__achiv_item:nth-child(2) {
        min-width: 210px;
    }

    .top-block__achiv_row:nth-child(2) .top-block__achiv_item:nth-child(3) {
        min-width: 216px;
    }

    .top-block .top-block__achiv_row .top-block__achiv_item {
    }

    .top-block__desc {
        max-width: 301px;
        margin: auto;
    }

    .top-block__achiv_row .top-block__achiv_item__format_item:not(:first-child) {
        padding: 4px 7px;
    }

    .top-block__achiv_item__format_item:first-of-type {
        padding: 3px 7px;
    }

    .top-block__achiv_row .first .top-block__achiv_item__format_item:first-of-type {
        padding: 1px 6px;
    }

    .top-block__achiv_item__format_item:first-of-type svg {
        width: 9px;
    }

    .top-block__achiv_row .first .top-block__achiv_item__format_item:first-of-type svg {
        width: 11px;
    }
}


.examples-use {
    position: relative;
}

.examples-use__title {
    color: #FFF;
}

.examples-use__company_group {
    width: auto;
}

.examples-use__company_group_name {
    text-transform: uppercase;
}

.examples-use__company_group__item {
    width: 360px;
}

.examples-use__company_group__item_head {
    display: flex;
    align-items: center;
    gap: 22px;
}

.examples-use__company_group .flex {
    gap: 11px;
}

.examples-use__company_group__item_body {
    border-radius: 10px;
    border: 1px solid #17408a;
    background: #061a61;
    box-shadow: 0px 0px 60px 0px rgba(25, 130, 214, 0.50) inset;
}

.examples-use__company_group:nth-child(1) .examples-use__company_group_name {
    color: #6296EE;
}

.examples-use__company_group:nth-child(2) .examples-use__company_group_name {
    color: #548A61;
}

.examples-use__company_group:nth-child(3) .examples-use__company_group_name {
    color: #81699D;
}

.examples-use__company_group:nth-child(2) .examples-use__company_group__item_body {
    border: 1px solid #055b1c;
    background: #031C02;
    box-shadow: 0px 0px 60px 0px rgba(26, 175, 76, 0.25) inset;
}

.examples-use__company_group:nth-child(3) .examples-use__company_group__item_body {
    border: 1px solid #623198;
    background: #280661;
    box-shadow: 0px 0px 60px 0px #C144FC4D inset;
}

.examples-use__company_group:nth-child(4) .examples-use__company_group__item_body {
    border: 1px solid #602805;
    background: #610606;
    box-shadow: 0px 0px 60px 0px #280000 inset;
}

.swiper-slide-examples-use {
    width: 320px;
}

.examples-use-swiper-item {
    width: 100%;
}

.examples-use .swiper-controls {
    position: absolute;
    top: 15px;
    right: 0;
    display: flex;
    gap: 20px;
}

.examples-use .swiper-controls .swiper-examples-use-prev {
    transform: rotate(180deg);
}

@media (max-width: 768px) {
    .examples-use__swiper-group .swiper-wrapper {
        display: flex;
        flex-direction: column;
        row-gap: 40px;
    }

    .examples-use-swiper-item .swiper-wrapper {
        flex-direction: row;
    }
}

@media (max-width: 1024px) {
    .examples-use__company_group_name {
        display: none;
    }

    .examples-use__company {
        flex-direction: column;
    }

    .examples-use .swiper-controls {
        display: none;
    }
}


.server {
    border-bottom: 1px dashed #575757;
}

.server__title {
    max-width: 1286px;
}

.server,
.teach {
    background: #02081C;
}

.teach__title {
    max-width: 865px;
}

.server__title.server__title_mobile,
.teach__title.teach__title_mobile {
    display: none;
}

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

.server__img img {
    width: 100%;
    max-width: 536px;
    margin-top: -60px;
}

.teach__img img {
    width: 100%;
    max-width: 536px;
    margin-top: -60px;
}

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

.server__box {
    position: relative;
}

.server__box::before {
    content: '';
    background: url('/local/templates/atwinta/img/icon/check.png');
    position: absolute;
    top: 21px;
    left: 23px;
    width: 29px;
    height: 29px;
}

.server__box {
    color: #CEFFDE;
    border-radius: 10px;
    border: 1px solid rgba(0, 255, 87, 0.40);
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.00) 100%), #031C02;
    box-shadow: 0px 0px 60px 0px rgba(26, 175, 76, 0.25) inset;
    width: 606px;
    padding: 15px 18px 21px 71px;
}

.server__box a {
    color: #4499FC;
}

.teach__box {
    color: #CEE1FF;
    border-radius: 10px;
    border: 1px solid #4499FC;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.10) 0%, rgba(255, 255, 255, 0.00) 100%), #071955;
    box-shadow: 0px 0px 60px 0px rgba(25, 130, 214, 0.50) inset;
    width: 697px;
    padding: 15px 10px 21px 71px;
    box-sizing: border-box;
}

.server__desc {
    max-width: 541px;
}

.server__btn {
    display: flex;
    gap: 31px;
    text-transform: uppercase;
}

.teach__desc {
    max-width: 642px;
}

.teach__btn {
    display: flex;
    gap: 31px;
    text-transform: uppercase;
    text-align: center;
}

.server__btn_api {
    border-radius: 10px;
    border: 1px solid #00FF57;
    background: #1AAF4C;
    cursor: pointer;
    width: 231px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 52px;
}

.server__btn_buy {
    border-radius: 10px;
    border: 1px solid #FECA13;
    background: #02081C;
    color: #FECA13;
    cursor: pointer;
    width: 231px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 52px;
}


.teach__btn_request {
    border-radius: 10px;
    border: 1px solid #73CDFF;
    background: #4499FC;
    cursor: pointer;
    width: 231px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 52px;
}

.teach__btn_callback {
    border-radius: 10px;
    border: 1px solid #4499FC;
    color: #4499FC;
    cursor: pointer;
    width: 231px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 52px;
}

.server__btn_api:hover, .server__btn_buy:hover {
    /* opacity: 0.8; */
}

.server__btn_api, .server__btn_buy {
    /* opacity: 0.6; */
    cursor: pointer;
}

.teach__btn_callback:hover, .teach__btn_request:hover {
    opacity: 0.8;
}

@media (max-width: 1279px) {
    .server__title:not(.server__title_mobile), .teach__title:not(.teach__title_mobile) {
        display: none;
    }

    .server__title.server__title_mobile, .teach__title.teach__title_mobile {
        display: block;
    }

    .server__row {
        flex-direction: column;
        gap: 0;
    }

    .server__box, .teach__box {
        width: auto;
    }

    .server__btn, .teach__btn {
        text-align: center;
        text-transform: uppercase;
        gap: 21px;
    }

    .server__btn_api, .server__btn_buy {
        width: 100%;
        max-width: 255px;
        height: 34px;
    }

    .server__row .server__col:nth-child(1), .teach__row .teach__col:nth-child(1) {
        order: 1;
    }

    .server__img, .teach__img {
        text-align: center;
    }

    .server__img img, .teach__img img {
        width: 100%;
        max-width: 674px;
        margin-top: unset;
    }

    .server {
        border: none;
    }

    .teach__row {
        flex-direction: column;
        gap: 0;
    }

    .teach__btn_request, .teach__btn_callback {
        width: 155px;
        height: 34px;
    }
}

@media (max-width: 768px) {
    .server__btn, .teach__btn {
        justify-content: space-between;
    }
}

.regular-sprojects__items {
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.regular-sprojects__items_row {
    display: flex;
    gap: 4px;
    justify-content: start;
}

.regular-sprojects__items_row__desc .regular-sprojects__items_el div {
    display: flex;
    gap: 14px;
}

.regular-sprojects__items_row__desc .regular-sprojects__items_el div {
    display: flex;
    gap: 14px;
}

.regular-sprojects__items_row__desc .regular-sprojects__items_el {
    flex: 1 1 0px;
}

.regular-sprojects__items_row__desc .regular-sprojects__items_el:nth-of-type(1) {
    border-radius: 4px;
    background: #2AACEF;
}

.regular-sprojects__items_row__desc .regular-sprojects__items_el:nth-of-type(2) {
    border-radius: 4px;
    background: #3444B3;
}

.regular-sprojects__items_row__desc .regular-sprojects__items_el:nth-of-type(3) {
    border-radius: 4px;
    background: #00A839;
}

.regular-sprojects__items_row__desc .regular-sprojects__items_el:nth-of-type(4) {
    border-radius: 4px;
    background: #A84900;
}

.line_chart__left-wrap {
    width: 70%;
}

.line_chart__right-wrap {
    width: 100%;
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.line_chart__right {
    display: flex;
    align-items: center;
    gap: 15px;
    width: 100%;
}

.line_chart__right_text {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    gap: 15px;
}

@media (max-width: 1440px) {
    .line_chart__right {
        width: 100%;
    }

    .line_chart__row {
        flex-direction: column;
        position: relative;
    }

    .line_chart .col:first-of-type svg {
        width: 11px;
        float: left;
    }

    .line_chart .col svg {
        width: 11px;
        float: left;
    }

    .line_chart__right_img {
        width: 75%;
        min-width: 440px;
    }

    .line_chart__right_img img {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .line_chart__left-wrap {
        width: 100%;
    }
    .line_chart__right {
        flex-direction: column;
    }

    .line_chart__right_text {
        width: 100%;
        height: unset;
    }

    .line_chart__right_img {
        width: 100%;
        min-width: unset;
    }

    .line_chart__right_img img {
        width: 100%;
    }

    .line_chart__row .flex {
        gap: 10px;
        width: 100%;
        max-width: 400px;
    }

    .line_chart__row .flex .col {
        display: block;
    }
}

.about-enter__login {
    display: inline-block;
}

.about-enter__login_block {
    display: flex;
    align-items: center;
    gap: 22px;
    justify-content: center;
    width: 327px;
    height: 26px;
    border-radius: 5px;
    background: #02081C;
    margin: 8px 0;
}

.about-enter__login_item {
    cursor: pointer;
}

.about-enter__login_item img {
    position: relative;
    top: 0;
    transition: top ease 0.1s;
}

.about-enter__login_item:hover img {
    top: -5px;
}

.about-enter__login_item.text {
    color: #4499FC;
    text-align: right;
    text-transform: uppercase;
}

.about-enter__login_item.text a {
    color: #4499FC;
}

.about-enter__login_item.text a:hover {
    opacity: 0.8;
}

.footer {
    background: linear-gradient(180deg, #1D2951 0%, #131C3C 100%);
}

.footer-menu__item a {
    color: #BFBFBF;
    text-decoration: none;
}

.footer-menu__item a:hover,
.footer-menu__item.active a {
    color: #00FF57;
    text-decoration-line: underline;
}

.footer-menu {
    display: flex;
    flex-direction: column;
    gap: 17px;
}

.footer-text {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #DCE3F2;
    text-align: center;
}

.footer-logo img {
    max-width: 177px;
    width: 100%;
}

.footer-row {
    gap: 55px;
    justify-content: space-between;
}

.footer-row .col-6 {
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer-contacts a {
    color: #2AABEE;
    text-decoration: none;
}

.footer-contacts a.tel {
    color: #FFF;
}

.footer-contacts {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.footer-contacts__item {
    display: flex;
    align-items: center;
}

.footer-contacts__item_tel img {
    position: relative;
}

.footer-contacts a.tel {
    position: relative;
    left: -4px;
}

.footer-right {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

@media (max-width: 768px) {
    .footer {
        background: #02081c;
    }

    .footer-menu {
        gap: 5px;
    }
    .footer-text {
        display: none;
    }
}

/* Стили для about-enter */
.about-enter {
    background: linear-gradient(180deg, #1D2951 0%, #131C3C 100%);
    text-align: center;
    padding-left: 80px;
    padding-right: 80px;
}

.about-enter__title {
    color: #DCE3F2;
    text-align: center;
}

.about-enter__logo {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 14px;
}

.about-enter__result-text{
    color: rgba(217, 248, 255, 0.60);
    text-transform: uppercase;
}

.about-enter__result-icon {
    color: #FFF;
}

.about-enter-bottom {
    /* background: linear-gradient(180deg, #060E29 0%, #162043 100%); */
    background: linear-gradient(180deg, #1D2951 0%, #131C3C 100%);
}

.about-enter-bottom_row {
    display: flex;
    justify-content: space-between;
    gap: 40px;
}

.about-enter-bottom_left .about-enter__logo {
    align-items: start;
}

.about-enter-bottom_left .about-enter__title {
    text-align: left;
    color: #DCE3F2;
}

.about-enter-bottom .content-layout {
    max-width: 1280px;
}


@media (max-width: 768px) {
    .about-enter-bottom_left .about-enter__logo {
        align-items: center;
        justify-content: space-between;
    }

    .about-enter__result-text {
        width: 100%;
        text-align: right;
    }

    .about-enter {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-left: 30px;
        padding-right: 30px;
    }

    .about-enter__title {
        text-align: left;
        order: 1;
    }

    .about-enter__login {
        order: 2;
    }

    .about-enter__logo {
        width: 100%;
        order: 0;
        flex-direction: row;
        justify-content: space-between;
        text-align: right;
    }

    .about-enter__logo img {
        max-width: 179px;
        width: 44%;
    }

    .about-enter__result {
        display: flex;
        text-align: left;
        gap: 5px;
        width: 127px;
    }

    .about-enter__result-icon {
        display: inline-block;
        text-align: left;
        flex: 1 0 0%;
    }

    .main-page.about-enter__btn {
        display: none;
    }

    .about-enter-bottom_row {
        flex-direction: column;
    }
}

.diag_circle {
    display: flex;
    gap: 60px;
}

.diag_left {
    display: flex;
}

.diag_left__row {
    display: flex;
    position: relative;
    gap: 31px;
}

.diag_one,
.diag_second {
    display: flex;
    justify-content: space-between;
    background-color: #ffffff;
}

.diag_left_item {
    display: flex;
    flex-direction: column;
    gap: 15px;
    flex: 1 1 0;
    min-width: 130px;
}

.diag_left_item.orange {
    color: #FE9413;
}

.diag_left_item.blue {
    color: #4499FC;
    position: relative;
}

.diag_left_item.blue::before {
    content: "";
    width: 1px;
    height: 100%;
    position: absolute;
    left: 0;
    background: #848484;
}

.diag_left_item.green {
    color: #37D57B;;
}

.diag_right {
    min-width: 471px;
}

.diag_right__row {
    display: flex;
    flex-direction: column;
    gap: 19px;
}

.diag_right__title {
    color: #FFF;
}

.diag_right__desc {
    color: #FFF;
}

.diag_right__item {
    background: #1A1E3A;
}

.diag_right__item_container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #000;
    text-transform: uppercase;
    text-align: right;
}

.diag_right__item_container.yellow {
    width: 87%;
    border-radius: 0 16px 16px 0;
    background: #FECA13;
}

.diag_right__item_container.green {
    width: 96%;
    border-radius: 0 16px 16px 0;
    background: #1AAF4C;
}

.diag_right__item_container.blue {
    width: 99%;
    border-radius: 0 16px 16px 0;
    background: #4499FC;
}

.diag_right__item_name {
    text-align: left;
}

.diag_right__item_container.blue .diag_right__item_name {
    min-width: 160px;
}

@media (max-width: 1500px) {
    .diag_left_item.blue {
        min-width: 157px;
    }

    .diag_left_item.green.last {
        min-width: 155px;
    }
}

@media (max-width: 768px) {
    .diag_circle {
        flex-direction: column;
        gap: 40px;
    }

    .diag_right {
        min-width: auto;
        max-width: 500px;
    }

    .diag_left__row {
        overflow-x: scroll;
        -ms-overflow-style: none;
        /* IE 10+ */
        scrollbar-width: none;
        /* Firefox */
        gap: 25px;
    }

    .diag_left__row::-webkit-scrollbar {
        display: none;
    }

    .diag_left {
        margin-right: -15px;
    }
}

/* Стили для scenarios */
.scenarios {
    background: linear-gradient(180deg, #1D2951 0%, #131C3C 100%);
}

.scenarios__desc {
    display: flex;
    align-items: center;
    gap: 48px;
}

.scenarios__desc p {
    color: #FFF;
}

.scenarios__items {
    display: flex;
    justify-content: space-around;
    gap: 27px;
}

.scenarios__items .swiper-wrapper {
    justify-content: space-between;
}

.scenarios__items ul {
    list-style: none;
}

.scenarios__items ul li:before {
    content: "–";
    position: relative;
    left: -5px;
}

.scenarios__items_element_btn {
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    border-radius: 3px;
    color: #000;
    display: block;
}

.scenarios__items_element_btn:hover {
    opacity: 0.8;
}

.scenarios__items_element {
    border-radius: 10px;
    color: #000;
    /* border: 1px solid #00FF57;
    background: #031C02;
    box-shadow: 0px 0px 60px 0px rgba(26, 175, 76, 0.25) inset; */
}

.scenarios__items_element:nth-child(1) {
    color: #DAFFE5;
    border: 1px solid #00FF57;
    background: #031C02;
    box-shadow: 0px 0px 60px 0px rgba(26, 175, 76, 0.25) inset;
}

.scenarios__items_element:nth-child(2) {
    color: #FEFFD9;
    border-radius: 10px;
    border: 1px solid #FECA13;
    background: #251900;
    box-shadow: 0px 0px 60px 0px rgba(66, 86, 194, 0.40) inset;

}

.scenarios__items_element:nth-child(3) {
    color: #DCE3F2;
    border-radius: 10px;
    border: 1px solid #34B3A4;
    background: #02081C;
    box-shadow: 0px 0px 70px 0px rgba(27, 218, 218, 0.25) inset;
}

.scenarios__items_element:nth-child(4) {
    color: #DCE3F2;
    border-radius: 10px;
    border: 1px solid #4499FC;
    background: #02081C;
    box-shadow: 0px 0px 60px 0px rgba(25, 130, 214, 0.50) inset;
}

.scenarios__items_element:nth-child(1) .scenarios__items_element_btn {
    border: 1px solid #00FF57;
    background: #1AAF4C;
    color: #FFF;
}

.scenarios__items_element:nth-child(2) .scenarios__items_element_btn {
    border: 1px solid #FDFF9F;
    background: #FECA13;

}

.scenarios__items_element:nth-child(3) .scenarios__items_element_btn {
    background: #34B3A4;
}

.scenarios__items_element:nth-child(4) .scenarios__items_element_btn {
    background: #4499FC;
}

.scenarios__items_element {
    width: 300px;
    box-sizing: border-box;
}

.scenarios__items_element_name {
    color: #FFF;
}

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

.scenarios__contacts a {
    color: #2AABEE;
    text-decoration: none;
    display: flex;
    gap: 5px;
    align-items: center;
}

.scenarios__ender {
    display: flex;
    gap: 40px;
    justify-content: space-between;
    align-items: flex-start;
}

@media (max-width: 768px) {
    .scenarios__desc {
        flex-direction: column;
        gap: 15px;
        align-items: start;
    }

    .scenarios__ender {
        flex-direction: column;
        gap: 20px;
    }

    .scenarios__contacts {
        width: 100%;
    }
}

.cases-list_row {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.case_item {
    flex-direction: column;
    position: relative;
    width: calc(50% - 20px);
    border-radius: 10px;
    font-size: 1.25rem;
    box-sizing: border-box;
    font-variation-settings: 'wght' 600;
}

.cases-item-block {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.cases-item-block .cases-item {
    display: flex;
    background: #fff;
    border-radius: 20px;
}

.case_item__body {
    flex-direction: column;
    background: #FFF;
    padding: 30px;
    border-radius: 10px;
    box-sizing: border-box;
}

.case_item__name {
    color: #000;
}

.case_item__text {
    color: #000;
}

.cases-detail-block h1 {
    color: #FFF;
    text-align: center;
    text-transform: uppercase;
}

.cases-detail-block__prosveshchenie .cases-detail_main__bg {
    background: linear-gradient(180deg, #2E3192 0%, #162043 100%);
}

.cases-detail-block__prosveshchenie .cases-detail_main__img_desc {
    justify-content: center;
}

.cases-detail-block img.cases-detail_main__img_body__gif {
    position: absolute;
    top: 128px;
    right: 112px;
    max-width: 400px;
}

.cases-detail-block__prosveshchenie .cases-detail_content__cta {
    border-radius: 10px;
    border: 1px solid #016FDE;
    background: #02081C;
    box-shadow: 0px 0px 250px 0px rgba(132, 183, 255, 0.25) inset;
}

.cases-detail_content__cta_desc span {
    font-weight: 700;
}

.case_item__img img {
    width: 100%;
    height: 400px;
    object-fit: cover;
}

@media (max-width: 1024px) {
    .cases-detail-block img.cases-detail_main__img_body__gif {
        position: absolute;
        top: 12%;
        right: 4%;
        max-width: 40%;
    }
    .case_item {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .cases-item-block .cases-item {
        flex-wrap: wrap;
    }

    .case_item__img img {
        height: 200px;
        object-fit: cover;
    }

    .cases-item__left img {
        width: 100%;
        max-width: 100%;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        border-bottom-left-radius: 0px;
    }

    .cases-item__right {
        border-top-right-radius: 0px;
        border-bottom-right-radius: 20px;
        border-bottom-left-radius: 20px;
    }

    .cases-item__left {
        height: 300px;
    }
}

.lk {
    background: #000;
}

.lk__title {
    text-align: center;
}

.lk__bg_macbook {
    background-image: url("/local/templates/atwinta/img/MacBook.png");
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 804px;
    margin: auto;
    text-align: center;
    position: relative;
}

.lk__bg_macbook .macbook {
    max-width: 1064px;
}

.lk__bg_macbook .macbook img {
    width: 100%;
    height: 629px;
}

.lk__bg_macbook .swiper-controls {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 1.2rem;
    justify-content: space-between;
    position: absolute;
    bottom: 95px;
    width: 200px;
    margin: auto;
    left: 0;
    right: 0;
}

.btn {
    cursor: pointer;
    border-radius: 10px;
    text-align: center;
    background: #016FDE;
    color: #FFF;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    box-sizing: border-box;
}

button.copy-button,
button.copy-plain-text {
    border-radius: 0px 5px;
    border: 1px solid #393939;
    background: #202020;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 11px;
    cursor: pointer;
}

button.copy-button,
button.copy-plain-text {
    color: #656F92;
    text-align: right;
    text-transform: uppercase;
}

button.success {
    color: green;
}

.btn:hover {
    opacity: .8;
}

.btn_radius-xs {
    border-radius: 5px;
}

.btn_radius-s {
    border-radius: 20px;
}

.btn_radius-m {
    border-radius: 30px;
}

.btn_radius-l {
    border-radius: 40px;
}

.btn_radius-xl {
    border-radius: 50px;
}

.btn_width-full {
    width: 100%;
}

.btn_width-s {
    width: 100%;
    max-width: 185px;
}

.btn_width-m {
    width: 100%;
    max-width: 230px;
}

.btn_width-xxxl {
    width: 100%;
    max-width: 470px;
}

.btn_color-blue {
    background: #4499FC;
    color: #FFF;
    border: 1px solid #97DBFF;
}

.btn_color-dark-blue {
    background: #016FDE;
    color: #FFF;
    border: 1px solid #016FDE;
}

.btn_color-blue-transparent {
    border: 1px solid #4499FC;
    color: #4499FC;
    background: unset;
}

.btn_color-green {
    background: #00A839;
    color: #FFF;
    border: 1px solid #00FF57;
}

.btn_color-white-transparent {
    background: unset;
    color: #FFF;
    border: 1px solid #FFF;
}

.btn_color-gold {
    border: 1px solid #FDFF9F;
    color: #000;
    background: #FECA13;
}

.btn_color-gold-transparent {
    border: 1px solid #FECA13;
    color: #FECA13;
    background: unset;
}

.btn_color-aqua {
    border: 1px solid #00FF57;
    color: #FFF;
    background: #34B3A4;
}

.btn_text-inverse {
    color: #000
}
.btn_color-gold.btn_text-inverse {
    color: #FFF;
}

@media (max-width: 768px) {
    .btn_width-m {
        width: 100%;
        max-width: 175px;
    }
    .btn_width-xxxl {
        width: 100%;
        max-width: 470px;
    }
}

.cases-detail_main__img_desc {
    display: flex;
    align-items: flex-start;
    gap: 80px;
}

.cases-detail_main__img_desc .col:nth-of-type(1) {
    text-align: left;
}

.cases-detail_main__img_desc .col:nth-of-type(2) {
    text-align: left;
}

.cases-detail_main__img_desc a {
    color: #4499FC;
}

.cases-detail_content {
    color: #FFF;
}

.cases-detail_content .content-layout {
}

.cases-detail__img-over {
    text-align: center;
    max-width: 100%;
}

.cases-detail__img {
    text-align: center;
    max-width: 100%;
}

.cases-detail-block img {
    max-width: 100%;
}

.cases-detail_content__header {
    display: flex;
    align-items: center;
    gap: 62px;
}

.cases-detail_content__header_title p {
    color: #FFF;
}

.cases-detail_content__report {
    display: flex;
    align-items: start;
    gap: 40px;
}

.cases-detail_content__report_img {
    flex: none;
}

.cases-detail_content__report_text h3 {
    position: relative;
    top: -8px;
}

.cases-detail_content__report_text a {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #34B3A4;
    width: 226.48px;
    height: 44px;
    color: #000;
    text-align: center;
    text-transform: uppercase;
}

.cases-detail_content__settings_row {
    display: flex;
    gap: 65px;
}

.cases-detail_content__settings_img {
    flex: none;
    display: flex;
    flex-direction: column;
}

.cases-detail_content__settings_img img:first-of-type {
    max-width: 477px;
}

.cases-detail_content__header_title {
    max-width: 780px;
}

.cases-detail_content__quote {
    position: relative;
    max-width: 1200px;
    color: #FFF;
    text-align: center;
}

.cases-detail_content__quote::after {
    content: "";
    position: absolute;
    background: #656565;
    width: 50%;
    height: 1px;
    left: 0;
    right: 0;
    bottom: 0;
}

.cases-detail_content__quote::before {
    content: "";
    position: absolute;
    background: #656565;
    width: 50%;
    height: 1px;
    left: 0;
    right: 0;
    top: 0;
}

.cases-detail_content__quote span {
    color: #34B3A4;
}

.cases-detail_content__row {
    display: flex;
}

.cases-detail__classic h3 {
    text-align: center;
}

.cases-detail_content__img-desc-top {
    text-align: center;
}

.cases-detail_content__cta {
    border-radius: 10px;
    border: 1px solid #016FDE;
    background: #02081C;
    box-shadow: 0px 0px 250px 0px rgba(132, 183, 255, 0.25) inset;
    box-sizing: border-box;
}

.cases-detail__cat .cases-detail__img-desc {
    max-width: 700px;
    text-align: center;
}

.cases-detail__img_reviews {
    text-align: center;
}

.cases-detail__img_reviews img {
    display: block;
}

.cases-detail__results img {
    display: block;
}

.cases-detail_main__img_body .btn-play:hover svg circle {
    fill-opacity: 0.4 !important;
}

.cases-detail_main__img_body {
    position: relative;
}

.cases-detail_main__img_body img {
    width: 100%;
}

.cases-detail_main__video {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
}

.cases-detail_main__video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
    border-radius: 40px;
}

.cases-detail_main__img_body .btn-play {
    position: absolute;
    right: 65px;
    bottom: 68px;
    cursor: pointer;
}

@media (min-width: 1440px) {
    .cases-detail__classic {
        text-align: center;
    }

    .cases-detail_content__quote {
        max-width: 100%;
    }
}

@media (max-width: 768px) {
    .cases-detail_main__img_body .btn-play {
        right: auto;
        bottom: auto;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .cases-detail_main__img_body .btn-play svg circle {
        fill-opacity: 0.7 !important;
    }

    .cases-detail_main__btn_page {
        display: none;
    }

    .cases-detial_main__desc {
        flex-wrap: wrap;
        gap: 45px;
    }

    .cases-detail_main__img_desc {
        flex-direction: column;
        gap: 20px;
    }

    .cases-detail-block .cases-detail_main__img_desc .col {
        text-align: center;
    }

    .cases-detail_content__header {
        flex-wrap: wrap;
    }

    .cases-detail_content__report {
        flex-direction: column;
    }

    .cases-detail_content__settings_row {
        flex-wrap: wrap;
    }

    .cases-detail_content__settings_row .cases-detail_content__settings_img {
        flex: auto;
    }

    .cases-detail_content__settings_row .cases-detail_content__settings_img img {
        max-width: 100%;
    }

    .cases-detail_content__row {
        flex-direction: column;
    }
}

.price__main-block {
    background: linear-gradient(180deg, #060E29 0%, #162043 100%);
}

.price__main-block__title {
    display: flex;
    justify-content: center;
    gap: 20px;
}

.price__main-block__title.price__main-block__title_case-title h1 {
    color: #FFF;
    text-align: center;
    text-transform: uppercase;
}

.price__main-block__title img {
    height: 38px;
}

.price__main-block__title h1 {
    text-transform: uppercase;
    text-align: center;
}

.price__main-block__desc {
    display: flex;
    justify-content: space-between;
    gap: 95px;
}

.price__main-block__desc_item {
    flex: 1 1 0px;
}

.price__main-block__desc_item p span {
    color: #57638C;
    text-transform: uppercase;
}

.price__main-block__desc_item p:first-of-type {
    color: #57638C;
    text-transform: uppercase;
}

.price_calculator {
    box-sizing: border-box;
}

.price_calculator h2 {
    text-align: center;
}

.price_calculator__block {
    border-radius: 10px;
    border: 1px solid #4499FC;
    background: #02081C;
    box-shadow: 0px 0px 250px 0px rgba(25, 130, 214, 0.50) inset;
}

.price_calculator__calculator-block {
    width: 100%;
    box-sizing: border-box;
}

.price_calculator__calculator-block .option-group {
    display: flex;
    align-items: center;
    gap: 19px;
}

.price_calculator__calculator-block .option-group:last-of-type {
    align-items: start;
}

.price_calculator__calculator-block .option-group label {
    display: block;
    width: 389px;
}

.price_calculator__calculator-block .option-group label {
    color: #FFF;
    text-align: right;
}

.price_calculator__calculator-block .options {
    display: flex;
    width: 100%;
    max-width: 600px;
    height: 56px;
    overflow: hidden;
    box-sizing: border-box;
}

.price_calculator__calculator-block .options:not(#serviceOptions) {
    background: #FFF;
    border-radius: 10px;
    color: #2AABEE;
    justify-content: space-between;
}

.price_calculator__calculator-block .option {
    cursor: pointer;
    text-align: center;
    width: 100%;
    height: 56px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 7px;
}

.price_calculator__calculator-block .option.selected {
    background: #2AABEE;
    color: white;
}

.price_calculator__calculator-block .result {
    width: 100%;
    max-width: 600px;
}

.price_calculator .content-layout {
    max-width: 1217px;
}

.price_calculator__bonus {
    color: #DCE3F2;
    display: flex;
    gap: 10px;
}

.price__subscribe {
    display: flex;
    justify-content: center;
}

.price__subscribe a {
    width: 427px;
    height: 71px;
    border-radius: 50px;
    background: linear-gradient(180deg, #FECA13 0%, #AA880F 100%);
    display: flex;
    justify-content: center;
    align-items: center;
}

.price__subscribe a {
    color: #000;
    text-align: center;
    text-transform: uppercase;
}

.price_calculator__bonus span {
    color: #1AAF4C;
    flex: none;
}

.price_subscribe h3 {
    text-align: center;
}

.price_subscribe__items {
    display: flex;
    gap: 30px;
}

.price_subscribe__item {
    position: relative;
}

.price_subscribe__item.blue {
    border: 1px solid #4499FC;
    border-radius: 10px;
    max-width: 370px;
    height: 520px;
}

.price_subscribe__item.green {
    border-radius: 10px;
    border: 1px solid #00FF57;
    background: #02081C;
    box-shadow: 0px 0px 250px 0px rgba(26, 154, 37, 0.50) inset;
    max-width: 370px;
    height: 684px;
}

.price_subscribe__item.yellow {
    border-radius: 10px;
    border: 1px solid #FECA13;
    background: #02081C;
    box-shadow: 0px 0px 250px 120px #342a04 inset;
    max-width: 485px;
    height: 845px;
}

.price_subscribe__item.blue .price_subscribe__item_title {
    color: #F0F9FD;
    text-align: center;
    text-transform: uppercase;
    border-radius: 10px 10px 0px 0px;
    background: #4499FC;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.price_subscribe__item.green .price_subscribe__item_title {
    border-radius: 10px 10px 0px 0px;
    background: linear-gradient(180deg, #37D57B 0%, #1AAF4C 100%);
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.price_subscribe__item.yellow .price_subscribe__item_title {
    border-radius: 10px 10px 0px 0px;
    background: linear-gradient(180deg, #FECA13 0%, #AA880F 100%);
    display: flex;
    justify-content: center;
    align-items: start;
    box-sizing: border-box;
}

.price_subscribe__item.yellow .price_subscribe__item_title {
    color: #000;
    text-align: center;
    text-transform: uppercase;
}

.price_subscribe__item.green .price_subscribe__item_title {
    color: #000;
    text-align: center;
    text-transform: uppercase;
}

.price_subscribe__item .price_subscribe__item__btn {
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
}

.price_subscribe__item.blue .price_subscribe__item__btn a {
    color: #2AABEE;
    position: absolute;
    bottom: -35.5px;
    border-radius: 50px;
    border: 1px solid #2AABEE;
    background: #151F40;
    width: 313px;
    height: 71px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.price_subscribe__item.green .price_subscribe__item__btn a {
    color: #00FF57;
    position: absolute;
    bottom: -35.5px;
    border-radius: 50px;
    border: 1px solid #00FF57;
    background: #0C2511;
    width: 313px;
    height: 71px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.price_subscribe__item.yellow .price_subscribe__item__btn a {
    color: #000;
    position: absolute;
    bottom: -35.5px;
    border-radius: 50px;
    background: linear-gradient(180deg, #FECA13 0%, #AA880F 100%);
    height: 71px;
    padding: 0 35px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.price_subscribe__item_options {
    display: flex;
    margin-left: auto;
    margin-right: auto;
}

.price_subscribe__item__body {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    padding: 48px 33px 0 33px;
    margin-left: 35px;
}

.price_subscribe__item.yellow .price_subscribe__item__body {
    padding: 15px 33px 0 33px;
}


.price_subscribe__item__body p {
    position: relative;
    color: #FFF;
    margin-bottom: 20px;
}

.price_subscribe__item__body p::before {
    content: "";
    position: absolute;
    left: -35px;
    top: 5px;
    width: 20px;
    height: 20px;
}

.price_subscribe__item__body p.alien-monster::before {
    background: url(/local/templates/atwinta/img/price/spritesheet-icon.png) -0px -0px;
}

.price_subscribe__item__body p.bellhop-bell::before {
    background: url(/local/templates/atwinta/img/price/spritesheet-icon.png) -20px -0px;
}

.price_subscribe__item__body p.check-mark-button::before {
    background: url(/local/templates/atwinta/img/price/spritesheet-icon.png) -40px -0px;
}

.price_subscribe__item__body p.coin::before {
    background: url(/local/templates/atwinta/img/price/spritesheet-icon.png) -60px -0px;
}

.price_subscribe__item__body p.crystal-ball::before {
    background: url(/local/templates/atwinta/img/price/spritesheet-icon.png) -80px -0px;
}

.price_subscribe__item__body p.eight-spoked-asterisk::before {
    background: url(/local/templates/atwinta/img/price/spritesheet-icon.png) -100px -0px;
}

.price_subscribe__item__body p.electric-plug::before {
    background: url(/local/templates/atwinta/img/price/spritesheet-icon.png) -120px -0px;
}

.price_subscribe__item__body p.e-mail::before {
    background: url(/local/templates/atwinta/img/price/spritesheet-icon.png) -140px -0px;
}

.price_subscribe__item__body p.face-with-monocle::before {
    background: url(/local/templates/atwinta/img/price/spritesheet-icon.png) -160px -0px;
}

.price_subscribe__item__body p.hourglass-not-done::before {
    background: url(/local/templates/atwinta/img/price/spritesheet-icon.png) -180px -0px;
}

.price_subscribe__item__body p.key::before {
    background: url(/local/templates/atwinta/img/price/spritesheet-icon.png) -200px -0px;
}

.price_subscribe__item__body p.large-green-circle::before {
    background: url(/local/templates/atwinta/img/price/spritesheet-icon.png) -220px -0px;
}

.price_subscribe__item__body p.man-raising-hand-light-skin-tone::before {
    background: url(/local/templates/atwinta/img/price/spritesheet-icon.png) -240px -0px;
}

.price_subscribe__item__body p.oclock::before {
    background: url(/local/templates/atwinta/img/price/spritesheet-icon.png) -260px -0px;
}

.price_subscribe__item__body p.ring-buoy::before {
    background: url(/local/templates/atwinta/img/price/spritesheet-icon.png) -280px -0px;
}

.price_subscribe__item__body p.robot::before {
    background: url(/local/templates/atwinta/img/price/spritesheet-icon.png) -300px -0px;
}

.price_subscribe__item__body p.rocket::before {
    background: url(/local/templates/atwinta/img/price/spritesheet-icon.png) -320px -0px;
}

.price_subscribe__item__body p.sparkle::before {
    background: url(/local/templates/atwinta/img/price/spritesheet-icon.png) -340px -0px;
}

.price_subscribe__item__body p.ten-oclock::before {
    background: url(/local/templates/atwinta/img/price/spritesheet-icon.png) -360px -0px;
}

.price_subscribe__item__body p.toolbox::before {
    background: url(/local/templates/atwinta/img/price/spritesheet-icon.png) -380px -0px;
}

.price_subscribe__item__body p.wrapped-gift::before {
    background: url(/local/templates/atwinta/img/price/spritesheet-icon.png) -400px -0px;
}

@media (max-width: 1440px) {
    .price_subscribe__items {
        flex-direction: column;
        align-items: center;
    }
    .price_subscribe__item.blue {
        width: 100%;
        max-width: 600px;
    }
    .price_subscribe__item.green {
        width: 100%;
        max-width: 600px;
    }
    .price_subscribe__item.yellow {
        width: 100%;
        max-width: 600px;
    }
}

@media (max-width: 1024px) {
    .price_calculator__calculator-block .option-group label {
        width: 300px;
    }
}

@media (max-width: 768px) {
    .price__main-block__desc {
        flex-direction: column;
        gap: 45px;
    }

    .price_calculator__calculator-block .option-group {
        gap: 12px;
        flex-direction: column;
    }

    .price_calculator__calculator-block .option-group label {
        width: 100%;
        text-align: center;
    }

    .price_calculator__bonus {
        flex-wrap: wrap;
    }

    .price_subscribe__items .price_subscribe__item {
        height: auto;
        padding-bottom: 40px;
    }

    .price_subscribe__item_option {
        box-sizing: border-box;
    }

    .price_subscribe__items .price_subscribe__item .price_subscribe__item__btn a {
        bottom: -30px;
        width: 290px;
        height: 61px;
    }

    .price__subscribe a {
        width: 320px;
        height: 51px;
    }

    .price_subscribe__items {
        flex-wrap: wrap;
    }

    .price_calculator__calculator-block .options:not(#serviceOptions) .option {
        display: none;
    }

    .price_calculator__block .options .option {
        min-width: 52px;
        width: 100%;
    }
}

.price_table h2 {
    text-align: center;
}

.price_table .content-layout {
    max-width: 1217px;
}

.price-table-container {
    width: 100%;
}

.price-table {
    width: 100%;
    border-collapse: collapse;
    text-align: left;
    padding-left: 30px;
    padding-right: 30px;
}

.price-table thead th {
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    letter-spacing: 0.2px;
    padding: 0 10px 19px 10px;
    border-bottom: 1px solid #6A6A6A;
    white-space: nowrap;
}

.price-table tbody tr {
    border-bottom: 1px dotted #6A6A6A;
}

.price-table tbody tr:last-child {
    border-bottom: none;
}

.price-table tbody td {
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0.2px;
    padding: 19px 10px;
    vertical-align: top;
}

@media (max-width: 768px) {
    .price-table thead th {
        font-size: 16px;
        line-height: 24px;
    }
    .price-table tbody td {
        font-size: 16px;
        line-height: 24px;
    }
    .price-table thead th {
        padding: 10px 5px;
    }
    .price-table tbody td {
        padding: 10px 5px;
    }
}

.team__main-block__desc {
    display: flex;
    justify-content: space-between;
    gap: 40px;
}

.team__main-block__desc_item {
    max-width: 350px;
}

.team__main-block__desc_item p span {
    color: #57638C;
    text-transform: uppercase;
}

.team__main-block__desc_item a {
    color: #2AABEE;
    text-decoration-line: underline;
}

.team__main-block__btn {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 47px;
}

.team__main-block__btn .top-block__btn_content,
.team__main-block__btn .team__main-block__btn_donation_content {
    width: 449px;
    height: 61px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.team__main-block__btn .team__main-block__btn_donation a {
    border-radius: 50px;
    border: 1px solid #FFF;
    color: #FFF;
    text-align: center;
    text-transform: uppercase;
}

.team-block .content-layout {
    max-width: 1211px;
}

.team-block h3 {
    text-align: center;
    text-transform: uppercase;
}

.team_row {
    flex-wrap: wrap;
    justify-content: start;
    gap: 80px;
}

.team_row p {
    margin-bottom: 15px;
}

.team_item {
    flex-direction: column;
    flex: 0 0 auto;
    width: 350px;
}

.team_item__position_project {
    color: #6A7499;
    text-transform: uppercase;
}

.team_item__position {
    color: #9DA7BE;
}

.team_item__position_project_text,
.team_item__position {
    max-width: 340px;
}

.team_item__dash {
    color: #9DA7BE;
}

.team_item__position a,
.team_item__position_project_text a {
    color: #2AABEE;
    text-decoration: none;
}

.team_row img {
    border-radius: 10px;
}

.team_item__join {
    position: relative;
}

.team_item__join .preview_picture {
    cursor: pointer;
}

.team_item__join .team_item__name {
    position: absolute;
    top: 43%;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
}

.team_item__join .team_item__position_project {
    display: none;
}

.team-block .content-layout {
    max-width: 1211px;
}

.team-block h3 {
    text-align: center;
    text-transform: uppercase;
}

.team_row {
    flex-wrap: wrap;
}

.team_item {
    flex-direction: column;
    flex: 0 0 auto;
    width: 350px;
}

.team_item__position_project {
    color: #6A7499;
    text-transform: uppercase;
}

.team_item__position {
    color: #9DA7BE;
}

.team_item__dash {
    color: #9DA7BE;
}

.team_item__position a,
.team_item__position_project_text a {
    color: #2AABEE;
    text-decoration: none;
}

.team_item__join {
    position: relative;
}

.team_item__join .preview_picture {
    cursor: pointer;
}

.team_item__join .team_item__name {
    position: absolute;
    top: 43%;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
}

.team_item__join .team_item__position_project {
    display: none;
}

.team__main-block__desc_item p:first-of-type {
    color: #57638C;
    text-transform: uppercase;
}

@media (max-width: 1200px) {
    .team__main-block__title h1 {
        text-align: center;
        text-transform: uppercase;
    }

    .team__main-block__desc {
        flex-wrap: wrap;
    }

    .team__main-block__title {
        flex-direction: column;
    }
}

@media (max-width: 1024px) {
    .team__main-block__title h1 {
        text-align: center;
        text-transform: uppercase;
    }
}

@media (max-width: 768px) {
    .team__main-block__title {
        flex-wrap: wrap;
        gap: 5px;
    }

    .team__main-block__desc {
        gap: 45px;
    }

    .team-block .team_item {
        width: 100% !important;
    }

    .team-block .team_item img {
        max-width: 100%;
        object-fit: contain;
    }

    .team_item__join .team_item__name {
        top: 270px;
    }

    .team__main-block__btn {
        flex-direction: column;
    }

    .team__main-block .team__main-block__btn .top-block__btn_content,
    .team__main-block .team__main-block__btn .team__main-block__btn_donation_content {
        width: 320px;
        height: 51px;
        text-transform: uppercase;
    }

    .team_row {
        gap: 0;
    }
}

.main-block {
    background: linear-gradient(180deg, #060E29 0%, #162043 100%);
}

.main-block .content-layout {
    max-width: 1217px;
}

.main-block__title {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    text-align: center;
    text-transform: uppercase;
    flex-direction: column;
}

.main-block__btn {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}

.main-block__title h1,
.main-block__title h2 {
    text-align: center;
    text-transform: uppercase;
}

.main-block__menu .swiper-wrapper {
    align-items: center;
}

.main-block__menu .swiper-slide.main-block__menu-slide_active {
    color: #FFF;
    background-color: #4499FC;
    padding-top: 20px;
    padding-bottom: 24px;
    width: 380px;
}

.main-block__menu .swiper-slide.main-block__menu-slide_active:first-of-type::before,
.main-block__menu .swiper-slide.main-block__menu-slide_active::after {
    content: '';
    position: absolute;
    left: 133px;
    border: 20px solid transparent;
    border-top: 20px solid #252858;
    bottom: -39px;
}

.main-block__menu .swiper-slide.main-block__menu-slide_active:first-of-type::after,
.main-block__menu .swiper-slide.main-block__menu-slide_active::after {
    border-top: 20px solid #4499FC;
}

.main-block__menu .swiper-slide.main-block__menu-slide_active h1 {
    color: #FFF;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 36px;
    letter-spacing: 2.4px;
    margin: 0;
}

.main-block__menu .swiper-slide {
    flex-grow: 1;
    background: #000;
    padding-top: 14px;
    padding-bottom: 18px;
    color: #2AABEE;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 1.6px;
    text-align: center;
    text-transform: uppercase;
    width: 175px;
}

@media (max-width: 1200px) {
    .main-block__title {
        flex-direction: column;
    }
}

.main-block__columns {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    text-align: right;
    gap: 40px;
}

.main-block__column {
    display: flex;
    flex-direction: column;
    text-align: left;
    flex: 1;
    min-width: 320px;
}

.main-block__column:nth-child(2)  {
    align-items: center;
}
.main-block__column:nth-child(3)  {
    align-items: flex-end;
}

@media (max-width: 1200px) {
    .main-block__columns {
        flex-wrap: wrap;
    }

    .main-block__column:nth-child(2)  {
        align-items: unset;
    }
    .main-block__column:nth-child(3)  {
        align-items: unset;
    }
}

.main-block__column p:first-of-type {
    color: #57638C;
}

.contacts-item {
    display: flex;
    align-items: center;
    color: #2AABEE;
    gap: 10px;
}

.contacts-item a {
    color: #2AABEE;
    text-decoration-line: underline;
}

.contacts-map {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 20px;
}

.contacts-map__map {
    width: 100%;
    height: 645px;
}
.contacts-map__map iframe {
    border-radius: 40px;
}

@media (max-width: 768px) {
    .contacts-map__map {
        height: 350px;
    }
}

.contacts-map__info {
    text-align: center;
}

.contacts-map__info a {
    color: #4499FC;
}

.filezone-block {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}
.filezone-block__desc {
    max-width: 633px;
    color: #FFF;
}
.file-selectdialog {
    background: none;
    border: none;
    box-shadow: none;
    max-width: 473px;
    padding-right: 0;
}
.file-selectdialog .file-label {
    text-shadow: none;
}
.file-selectdialog .file-extended .file-selector {
    border-radius: 25px;
    border: 1px dashed #1982D6;
    background: #02081C;
    padding: 45px 110px 45px 110px;
    color: #a0aeb5;
    font-size: 17px;
    font-weight: bold;
    line-height: 26px;
    margin: 30px 0 10px;
    position: relative;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}
.file-selectdialog .file-extended .file-selector:hover {
    border-radius: 25px;
    border: 1px dashed #1982D6;
    background: #02081C;
    padding: 45px 110px 45px 110px;
}
.file-selectdialog .file-extended .file-uploader {
    color: #2AABEE;
    text-align: center;
    font-family: "SF Compact Display";
    font-size: 24px;
    font-style: normal;
    font-weight: 300;
    line-height: 30px;
    text-shadow: none;
}
.file-selectdialog .file-extended .file-uploader .file-but-text {
    cursor: pointer;
    display: block;
    width: 100%;
    height: 100%;
}

.file-selectdialog .file-simple, .file-selectdialog .file-extended {
    margin-left: 0;
}

@media (max-width: 1024px) {
    .filezone-block {
        flex-direction: column;
    }
    .file-selectdialog {
        max-width: unset;
    }
}

.swiper-integration {
    position: relative;
}
.swiper-integration .swiper-wrapper {
    align-items: center;
}
.swiper-integration  .swiper-slide,
.swiper-integration  .swiper-slide > a,
.swiper-integration  .swiper-slide > span {
    display: flex;
    align-items: center;
    justify-content: center;
}
.swiper-integration .swiper-integration__prev {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    z-index: 1;
    cursor: pointer;
}
.swiper-integration .swiper-integration__prev:hover {
    opacity: .8;
}
.swiper-integration .swiper-integration__next {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
    z-index: 1;
    cursor: pointer;
}
.swiper-integration .swiper-integration__next:hover {
    opacity: .8;
}

.swiper-integration__slide-active {
    gap: 20px;
    border-radius: 10px;
    border: 1px solid #1AAF4C;
    background: #000;
    box-shadow: 0px 0px 70px 0px #1AAF4C4D inset;
    width: 323px;
    justify-content: left;
    box-sizing: border-box;
}

.seo-page__main-block__menu {
    display: flex;
    gap: 18px;
    text-align: center;
    align-items: center;
}

.seo-page__main-block__menu:not(.swiper-mobile-menu) .seo-page__main-block__menu__item:first-of-type, .seo-page__main-block__menu .swiper-slide.swiper-slide-active .seo-page__main-block__menu__item {
    color: #FFF;
    background-color: #4499FC;
}

.seo-page__main-block__menu .seo-page__main-block__menu__item {
    flex-grow: 1;
    background: #000;
    color: #2AABEE;
    border-radius: 10px;
    text-transform: uppercase;
}

.seo-page__main-block__menu .seo-page__main-block__menu__item:first-of-type::before, .seo-page__main-block__menu .seo-page__main-block__menu__item:first-of-type::after {
    content: '';
    position: absolute;
    left: 133px;
    border: 20px solid transparent;
    border-top: 20px solid #252858;
    bottom: -39px;
}

.seo-page__main-block__menu:not(.swiper-mobile-menu) .seo-page__main-block__menu__item:first-of-type::after, .seo-page__main-block__menu .swiper-slide.swiper-slide-active .seo-page__main-block__menu__item::after {
    border-top: 20px solid #4499FC;
}

.seo-page__main-block__menu .seo-page__main-block__menu__item:first-of-type {
    flex-grow: 2;
    text-transform: uppercase;
    padding-top: 20px;
    padding-bottom: 24px;
    position: relative;
}

.seo-page_info__block img {
    border-radius: 40px;
    width: 100%;
    object-fit: cover;
}

.sp-image img {
    width: 100%;
    border-radius: 10px;
}

.format {
    color: #4499FC;
    text-align: center;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.68px;
    text-transform: uppercase;
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

.format div {
    border-radius: 5px;
    background: #000;
    box-shadow: 0px 0px 15px 0px rgba(66, 86, 194, 0.10);
    padding: 5px 10px;
}

.news-detail .content-section h1, .news-detail .content-section h2 {
    color: #FFF;
    font-family: "SF Compact Display", sans-serif;
    font-size: 60px;
    line-height: 1.25 ;
    font-weight: 600;
    margin: 60px 0;
}

.news-detail .content-section h3 {
    color: #FFF;
    font-family: "SF Compact Display";
    font-size: 64px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.64px;
    margin: 40px 0;
}

.news-detail .content-section h4 {
    color: #FFF;
    font-family: "SF Compact Display";
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.25;
    margin: 20px 0;
}

.news-detail .content-section p {
    color: #FFF;
    font-family: "SF Compact Display";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 36px;
    letter-spacing: 0.24px;
    margin-bottom: 15px;
}

.news-detail .content-section p:last-child {
    margin-bottom: 0;
}

.news-detail .content-section .quote {
    position: relative;
    margin-top: 48px;
    margin-bottom: 48px;
    padding-top: 48px;
    padding-bottom: 48px;
    max-width: 1200px;
    color: #FFF;
    text-align: center;
    font-size: 32px;
    font-style: normal;
    font-weight: 300;
    line-height: 46px;
    letter-spacing: 0.32px;
    margin-left: -20px;
}

.news-detail .content-section .quote p {
    position: relative;
    max-width: 1200px;
    color: #FFF;
    text-align: center;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 46px;
    letter-spacing: 0.32px;
    margin-left: -20px;
}

.news-detail .content-section .quote::before {
    content: "";
    position: absolute;
    background: #656565;
    width: 50%;
    height: 1px;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    top: 0;
}

.news-detail .content-section .quote::after {
    content: "";
    position: absolute;
    background: #656565;
    width: 50%;
    height: 1px;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    bottom: 0;
}

.news-detail .content-section ul,
.news-detail .content-section ol {
    color: #FFF;
    font-family: "SF Compact Display";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 36px;
    letter-spacing: 0.24px;
    padding-left: 20px;
}

.news-detail .content-section ul li,
.news-detail .content-section ul ol {
    margin-bottom: 15px;
}

.news-detail .content-section ul li:last-of-type,
.news-detail .content-section ol li:last-of-type {
    margin-bottom: 0;
}

.news-detail .cases-detail_content__cta_title {
    font-family: "SF Compact Display", sans-serif;
    font-size: 48px;
    line-height: 1.25;
    font-weight: 600;
    margin-bottom: 30px;
}

.news-detail .cases-detail_content__cta_desc {
    font-family: "SF Compact Display", sans-serif;
    font-size: 18px;
    line-height: 26px;
    font-weight: 400;
    margin-bottom: 20px;
}

.news-detail .cases-detail_content__cta {
    padding: 60px;
}

.news-detail .cases-detail_content__cta a {
    font-family: "SF Compact Display", sans-serif;
    font-size: 18px;
    line-height: 26px;
    font-weight: 400;
    cursor: pointer;
    border-radius: 10px;
    text-align: center;
    background: #016FDE;
    color: #FFF;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding: 15px 80px 15px 80px;
    text-transform: uppercase;
}

.news-detail .cases-detail_content__cta_desc p {
    margin-bottom: 15px;
}

.news-detail .row {
    display: flex;
    align-items: start;
    justify-content: center;
}

.news-detail .advantages-item {
    display: flex;
    gap: 20px;
    margin-bottom: 30px;
}

.news-detail .advantages img {
    width: 25px;
    height: 25px;
    flex-shrink: 0;
    margin-top: 7px;
}

.news-detail .info-cont-1 {
    background-color: rgba(228, 218, 207, 1);
    border-radius: 20px;
    display: flex;
    overflow: hidden;
}
.news-detail .info-cont-1 .info-cont-1__lt {
    padding: 49px 47px 50px 40px;
    width: 64%;
    box-sizing: border-box;
}
.news-detail .info-cont-1__lt-head {
    display: flex;
    align-items: center;
    gap: 30px;
    justify-content: space-between;
    margin-bottom: 43px;
}
.news-detail .info-cont-1 .info-cont-1__lt-title {
    color: rgba(216, 118, 21, 1);
    font-weight: 700;
    line-height: 34px;
    text-transform: uppercase;
}
.news-detail .info-cont-1 .info-cont-1__lt-title.info-cont-1__lt-title_xl {
    font-size: 28px;
    line-height: 40px;
}
.news-detail .info-cont-1 .info-cont-1__lt-text {
    color: rgba(0, 0, 0, 1);
    font-size: 22px;
    line-height: 29px;
}
.news-detail .info-cont-1 .info-cont-1__lt-wrap-text {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.news-detail .info-cont-1 .info-cont-1__rating {
    color: rgba(216, 118, 21, 1);
    font-size: 150px;
    font-weight: 300;
    line-height: 0;
}
.news-detail .info-cont-1 .info-cont-1__rt {
    background-color: #fff;
    padding: 34px 31px 37px 39px;
    width: 36%;
    box-sizing: border-box;
}
.news-detail .info-cont-1 .info-cont-1__rt-title {
    color: rgba(87, 99, 140, 1);
    font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 22px;
}
.news-detail .info-cont-1 .info-cont-1__rt-wrap-text {
    display: flex;
    flex-direction: column;
    gap: 25px;
}
.news-detail .info-cont-1 .info-cont-1__rt-text.info-cont-1__rt-text_lh-xl {
    line-height: 30px;
}
.news-detail .info-cont-1 .info-cont-1__rt-text {
    color: rgba(0, 0, 0, 1);
    font-size: 21px;
    line-height: 100%;
}
.news-detail .info-cont-1__lt-list {
    margin-top: 40px;
}
.news-detail .info-cont-1__lt-list-item {
    color: rgba(0, 0, 0, 1);
    line-height: 30px;
}
.news-detail .info-cont-1__rt-pict {
    border-radius: 10px;
    margin-bottom: 30px;
}
.news-detail .info-cont-2 {
    display: grid;
    gap: 38px;
    grid-template-columns: 1fr 1fr 1fr;
}
.news-detail .info-cont-2 .info-cont-2__block {
    background: rgba(2, 8, 28, 1);
    border: 1px solid rgba(68, 153, 252, 1);
    box-shadow: 0 0 250px 0 rgba(27, 218, 218, 0.25) inset;
    color: white;
    padding: 50px;
    border-radius: 20px;
    box-sizing: border-box;
}
.news-detail .info-cont-2 .info-cont-2__block-title {
    font-weight: 700;
    font-size: 40px;
    line-height: 100%;
}
.news-detail .info-cont-2__block-top {
    display: flex;
    gap: 20px;
    align-items: center;
    margin-bottom: 50px;
}
.news-detail .info-cont-2 .info-cont-2__block-text {
    font-weight: 400;
    font-size: 24px;
    line-height: 150%;
}

.news-detail .info-cont-2 .info-cont-2__block_full {
    grid-column: span 3;
}

.news-detail .info-cont-2 .info-cont-2__block_half {
    grid-column: span 2;
}

.news-detail .info-cont-2 .info-cont-2__block_one-third {
    grid-column: span 1;
}

.news-detail .info-cont-2 .info-cont-2__block_two-thirds {
    grid-column: span 2;
}

@media screen and (max-width: 1024px) {
    .news-detail .info-cont-1 {
        flex-direction: column;
    }
    .news-detail .info-cont-1 .info-cont-1__lt {
        width: 100%;
    }
    .news-detail .info-cont-1 .info-cont-1__rt {
        width: 100%;
    }
    .news-detail .info-cont-2 .info-cont-2__block_full {
        grid-column: span 3;
    }

    .news-detail .info-cont-2 .info-cont-2__block_half {
        grid-column: span 3;
    }

    .news-detail .info-cont-2 .info-cont-2__block_one-third {
        grid-column: span 3;
    }

    .news-detail .info-cont-2 .info-cont-2__block_two-thirds {
        grid-column: span 3;
    }
}

@media screen and (max-width: 768px) {
    .news-detail .content-section h1, .news-detail .content-section h2 {
        font-size: 30px;
        line-height: 45px;
        margin: 26px 0;
    }

    .news-detail .content-section h3 {
        margin: 24px 0;
    }

    .news-detail .content-section p {
        font-size: 18px;
        line-height: 27px;
    }

    .news-detail .content-section .quote {
        padding-top: 24px;
        padding-bottom: 24px;
        margin: 32px 0;
    }

    .news-detail .content-section .quote p {
        font-size: 20px;
        line-height: 30px;
    }

    .news-detail .cases-detail_content__cta {
        padding: 40px;
    }
    .news-detail .cases-detail_content__cta a {
        padding: 15px;
    }
    .news-detail .cases-detail_content__cta_title {
        font-size: 30px;
        line-height: 48px;
        margin-bottom: 30px;
    }
    .news-detail .cases-detail_content__cta_desc p {
        font-size: 16px;
        line-height: 24px;
    }
    .news-detail .content-section ul {
        font-size: 18px;
        line-height: 27px;
    }
}