/* Start:/local/templates/nota_main/components/bitrix/news/services/bitrix/news.list/russian/style.css?174841640728295*/
.content-wrapper {
    max-width: 1220px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}
.backgound-block_1-one {
    position: absolute;
    left: calc(30%);
    top: calc(-3%);
    z-index: -1;
    width: 1102.57px;
    height: 454.64px;
    background: linear-gradient(90.95deg, #000C4B 20.7%, #18007A 74.26%);
    mix-blend-mode: normal;
    opacity: 0.5;
    filter: blur(150px);
}

.backgound-block_1-two {
    position: absolute;
    left: calc(-30%);
    top: calc(-4%);
    z-index: -1;
    width: 1204.19px;
    height: 615.54px;
    background: linear-gradient(257.51deg, #006A5D 11.19%, #03136B 81.04%);
    mix-blend-mode: normal;
    opacity: 0.7;
    filter: blur(140px);
}
.block_1 {
    position: relative;
}

.block_1-container {
    position: relative;
    z-index: 100;
    display: flex;
    flex-flow: row;
    flex-wrap: nowrap;
    margin-top: 96px;
    margin-bottom: 160px;
}

.block_1__first-column {
    display: flex;
    flex-flow: column;
    width: 809px;
}

.item__title {
    line-height: 110%;
    margin-bottom: 24px;
}

.item__text {
    font-weight: 400;
    font-size: 24px;
    line-height: 130%;
    color: #FFFFFF;
    margin-bottom: 56px;
}

.item__button-link {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 12px 32px;
    gap: 12px;
    width: 280px;
    height: 64px;
    background: linear-gradient(89.91deg, #2AA1C6 0.06%, #39A16A 99.91%);
    border-radius: 8px;
    cursor: pointer;
    font-size: 20px;
    line-height: 26px;
}

.item__button-link:hover {
    background: linear-gradient(90deg, #0088EA 0%, #00E39F 100%);
}

.block_1__second-column {
    margin-left: 72px;
    max-width: 339px;
}

.block_2 {
    position: relative;
    z-index: 100;
}

.block_2__text-block {
    margin-bottom: 160px;
}
.text-layout {
    display: flex;
    flex-flow: column;
}
.text-block {
    width: 898px;
    margin-bottom: 96px;
}

.text-block__title {
    font-size: 24px;
    line-height: 130%;
    color: #FFFFFF;
    margin-bottom: 24px;
}

.text-block__text {
    font-size: 48px;
    line-height: 110%;
    color: #FFFFFF;
}

.row-items {
    display: flex;
    flex-flow: row;
    height: 156px;
}

.item-flex {
    padding-left: 24px;
    padding-right: 24px;
    border-left: 1px solid #313B49;
    width: 296px;
    opacity: 0;
}

.item-flex__title {
    font-size: 48px;
    line-height: 110%;
    color: #FFFFFF;
}

.item-flex__subtitle {
    margin-top: 40px;
    font-size: 16px;
    line-height: 130%;
    color: #FFFFFF;
}

.block_2__card-block {
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
    gap: 24px;
    margin-bottom: 84px;
}

.card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    padding: 40px;
    gap: 24px;
    isolation: isolate;
    width: 390px;
    height: 264px;
    border-radius: 16px;
    -webkit-transition: 0.3s ease; /* Safari and Chrome */
    -moz-transition: 0.3s ease; /* Firefox 4 */
    -o-transition: 0.3s ease; /* Opera */
    animation-fill-mode: both;
    animation-duration: 0.3s;
    animation-name: cardZoomOut;
    background-size: cover;
    background-repeat: no-repeat;
}

.card:hover {
    animation-fill-mode: both;
    animation-duration: 0.3s;
    animation-name: cardZoomIn;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -o-transition: 0.3s ease;
}

.card:hover .card-link__arrow {
    fill: #01B2C8;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -o-transition: 0.3s ease;
}

@keyframes cardZoomIn {
    0% {
        background-size: 100%;
    }
    100% {
        background-size: 120%;
    }
}

@keyframes cardZoomOut {
    0% {
        background-size: 120%;
    }
    100% {
        background-size: 100%;
    }
}

.card-title {
    font-size: 28px;
    line-height: 110%;
    margin-bottom: 0;
    white-space: normal;
}

.card-link {
    display: flex;
    flex-flow: row;
    padding-top: 4px;
    padding-bottom: 4px;
    width: 106px;
    height: 29px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.16);
}

.card-link__arrow {
    margin: auto 0 auto auto;
    width: 10px;
    height: 10px;
    fill: #FFFFFF;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -o-transition: 0.3s ease;
}
.drop-down-list {
    padding: 96px 0 0 0;
    z-index: 2;
    position: relative;
}

/*#order .drop-down-list {*/
/*    padding-top: 0;*/
/*}*/

.drop-down-list__head {
    display: flex;
    justify-content: space-between;
    cursor: pointer;
}

.drop-down-list__head:after {
    content: '';
    display: block;
    width: 56px;
    height: 56px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='12' viewBox='0 0 22 12' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.973135 0.468629C1.60398 -0.15621 2.62679 -0.15621 3.25763 0.468629L11 8.13726L18.7424 0.468629C19.3732 -0.15621 20.396 -0.15621 21.0269 0.468629C21.6577 1.09347 21.6577 2.10653 21.0269 2.73137L12.1422 11.5314C11.5114 12.1562 10.4886 12.1562 9.85775 11.5314L0.973135 2.73137C0.342288 2.10653 0.342288 1.09347 0.973135 0.468629Z' fill='white'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 8px;
    flex: 0 0 56px;
}
.drop-down-list__head.active:after {
    transform: rotate(180deg);
}

.drop-down-list__title {
    max-width: 100%;
    margin-right: 12px;
    margin-bottom: 0;
}
/*.drop-down-list__body.active {*/
/*    margin-top: 56px;*/
/*}*/
.drop-down-list__body-text {
    font-size: 40px;
    line-height: 130%;
    /*margin-bottom: 120px;*/
    width: 80%;
    padding-top: 48px;
}
.drop-down-list__body-title {
    font-size: 40px;
    line-height: 110%;
    margin-bottom: 24px;
}
.drop-down-list__body-list {
    display: flex;
    padding-top: 56px;
}
.drop-down-list__body-item {
    width: 50%;
}
.drop-down-list__body-ul {
    margin: 0;
    padding: 0;
}
.drop-down-list__body-li {
    font-size: 20px;
    line-height: 130%;
    list-style: none;
    padding-left: 22px;
    position: relative;
}
.drop-down-list__body-li:before {
    content: "•";
    color: #67717D;
    position: absolute;
    left: 0;
}
.drop-down-list__body-li:not(:last-child) {
    margin-bottom: 20px;
}
.direction {
    margin-top: 180px;
    margin-bottom: 200px;
}

.direction-swiper {
    overflow: hidden;
    position: relative;
    padding-left: 40px;
    padding-right: 40px;
}
.direction-list__info {
    line-height: 110%;
    margin-bottom: 90px;
    width: 67%;
    opacity: 0;
}
.direction-swiper__button {
    margin-bottom: 40px;
    font-size: 0;
    text-align: right;
}
.button-prev {
    margin-right: 8px;
}
.button-prev img {
    transform: rotate(180deg);
}
.direction-swiper .swiper-slide {
    width: 380px;
}
.direction-list__img-wrapper {
    display: block;
    border-radius: 20px;
    overflow: hidden;
    margin-bottom: 32px;
}
.direction-list__img {
    -o-object-fit: cover;
    object-fit: cover;
    height: 280px;
    width: 380px;
}
.direction-swiper__info-title {
    display: block;
    font-size: 28px;
    line-height: 130%;
    margin-bottom: 16px;
}
.direction-swiper__info-text {
    font-size: 16px;
    line-height: 150%;
    color: #828996;
}

.service-tabs__text {
    font-size: 24px;
    line-height: 31px;
    color: #828996;
    margin-bottom: 120px;
    max-width: 65%;
    padding-top: 65px;
}

.service-tabs__container {
    padding-top: 56px;
}

.service-tabs__nav {
    display: flex;
    align-items: end;
    overflow-y: hidden;
    overflow-x: auto;
}

.service-tabs__nav {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.service-tabs__nav-item {
    min-width: 240px;
    width: 25%;
    border-bottom: 2px solid #313B49;
    padding-bottom: 24px;
    font-size: 20px;
    line-height: 26px;
    color: #828996;
    cursor: pointer;
}

.service-tabs__nav-item--active {
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 2px solid white;
    border-image: linear-gradient(89.91deg, #0088EA 0.06%, #00E39F 99.91%);
    border-image-slice: 1;
    cursor: default;
    color: #FFFFFF;
}

.service-tabs__body {
    margin-top: 56px;
    margin-bottom: 160px;
}

.service-tabs__body-inner {
    display: none;
}

.service-tabs__body-info {
    width: 59%;
    display: flex;
    flex-direction: column;
    padding-right: 40px;
}

.service-tabs__body-text {
    font-size: 20px;
    line-height: 26px;
    color: #828996;
    margin-bottom: 40px;
}

.service-tabs__body-title {
    font-size: 40px;
    line-height: 44px;
    color: #FFFFFF;
    margin-bottom: 40px;
}

.service-tabs__body-list {
    font-size: 20px;
    line-height: 26px;
    color: #FFFFFF;
}

.service-tabs__body-list ul {
    margin: 0;
    padding: 0 20px;
}

.service-tabs__body-list ul li {
    margin-bottom: 20px;
}

.service-tabs__body-list ul li:last-child {
    margin-bottom: 0;
}

.service-tabs__body-list ul li::marker {
    color: #67717D;
}

.service-tabs__body-image {
    width: 41%;
    background: url('/local/templates/nota_main/components/bitrix/news/services/bitrix/news.list/russian/./images/image-tabs-preview.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

.service-tabs__body-image img {
    width: 100%;
}

.active-tabs__content {
    display: flex;
}


.integrations {
    background: #0E1B31;
    border-radius: 24px;
    overflow: hidden;
    padding: 72px 80px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    position: relative;
    margin-top: 120px;
}
.integrations-bg {
    position: absolute;
    width: 889px;
    height: 547px;
    background: radial-gradient(65.49% 244.71% at 68.54% 48.05%, #005E6B 0%, #002C81 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;
    mix-blend-mode: normal;
    opacity: 0.7;
    filter: blur(131px);
    transform: rotate(164.95deg);
    z-index: 0;
    top: -62%;
}
.integrations-bg-bottom {
    position: absolute;
    width: 1131px;
    height: 613px;
    background: radial-gradient(65.49% 244.71% at 68.54% 48.05%, #130C3F 0%, #0F498D 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;
    mix-blend-mode: normal;
    opacity: 0.6;
    filter: blur(131px);
    transform: rotate(-15deg);
    bottom: -300px;
}
.integrations__count {
    z-index: 2;
}
.integrations__count-title {
    font-size: 80px;
    line-height: 110%;
}
.integrations__count-text {
    font-size: 28px;
    line-height: 120%;
}
.integrations__services {
    display: flex;
    flex-wrap: wrap;
    margin-top: 90px;
    z-index: 2;
}
.integrations__services-item {
    padding: 20px;
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 16px;
    display: flex;
    justify-content: space-between;
    width: calc(33.333333333% - 8px);
    font-size: 18px;
    line-height: 130%;
    margin-top: 8px;
}
.integrations__services-item:not(:nth-child(3n+1)) {
    margin-left: 8px;
}
.integrations__services-item:nth-child(1) {
    opacity: 0;
}
.integrations__services-item-img {
    width: 20px;
    height: 20px;
}
#security .drop-down-list__body-li,
#marketing .drop-down-list__body-li {
    width: calc(50% - 4px);
    display: inline-block;
}
#russian, #order, #integration, #security, #marketing {
    position: relative;
}
.russian-bg {
    position: absolute;
    width: 1261px;
    height: 532px;
    left: -25%;
    top: 289px;
    background: radial-gradient(50.26% 263.65% at 72.85% 46.86%, #011E85 0%, rgba(3, 1, 100, 0.79) 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;
    mix-blend-mode: normal;
    opacity: 0.5;
    filter: blur(132px);
    border-radius: 531px;
    transform: matrix(-0.93, -0.37, -0.37, 0.93, 0, 0);
    z-index: -1;
}
.systems {
    display: flex;
    flex-wrap: wrap;
    padding-top: 56px;
}
.systems-item {
    width: 50%;
    margin-bottom: 48px;
}

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

.systems-item:nth-child(odd) {
    padding-right: 40px;
}
.systems-item-title {
    font-size: 24px;
    line-height: 130%;
    margin-bottom: 4px;
}
.systems-item-text {
    font-size: 20px;
    line-height: 130%;
    color: #A7ACB6;
}
.order-bg {
    position: absolute;
    left: -16%;
    top: 105px;
    width: 1261px;
    height: 532px;
    background: radial-gradient(50.26% 263.65% at 72.85% 46.86%, #011E85 0%, rgba(3, 1, 100, 0.79) 100%);
    mix-blend-mode: normal;
    opacity: 0.5;
    filter: blur(132px);
    border-radius: 531px;
    transform: matrix(-0.93, -0.37, -0.37, 0.93, 0, 0);
    z-index: 1;
}
.integration-bg {
    position: absolute;
    right: -16%;
    top: 105px;
    width: 889px;
    height: 547px;
    background: radial-gradient(65.49% 244.71% at 68.54% 48.05%, #005E6B 0%, #002C81 100%);
    mix-blend-mode: normal;
    opacity: 0.7;
    filter: blur(131px);
    transform: rotate(-164deg);
}
.security-bg,
.marketing-bg {
    position: absolute;
    left: -16%;
    top: 105px;
    width: 1261px;
    height: 532px;
    background: radial-gradient(50.26% 263.65% at 72.85% 46.86%, #011E85 0%, rgba(3, 1, 100, 0.79) 100%);
    mix-blend-mode: normal;
    opacity: 0.5;
    filter: blur(132px);
    border-radius: 531px;
    transform: matrix(-0.93, -0.37, -0.37, 0.93, 0, 0);
    z-index: -1;
}
@media screen and (max-width: 1279px) {

    .text-block {
        width: auto;
    }

    .block_1-container {
        margin-bottom: 96px;
        margin-top: 56px;
    }
    .block_2__card-block {
        gap: 12px;
        display: flex;
        overflow-x: auto;
        white-space: nowrap;
        padding-left: 6px;
        position: relative;
        bottom: -10px;
        margin: 0 -5px;
        flex-wrap: nowrap;
        margin-bottom: 128px;
        -ms-overflow-style: none;  /* IE и Edge */
        scrollbar-width: none;  /* Firefox */
    }

    .block_2__card-block::-webkit-scrollbar {
        display: none;
    }

    .block_2__text-block {
        margin-bottom: 96px;
    }
    .backgound-block_1-one {
        top: calc(1%);
    }
    .backgound-block_1-two {
        top: calc(1%);
        opacity: .8;
    }
    .item__button-link {
        padding: 12px 24px;
        font-size: 16px;
        line-height: 21px;
    }
    .item__text {
        font-size: 20px;
    }
    .card {
        min-width: 280px;
        width: 280px;
        height: 224px;
        border-radius: 12px;
    }
    .card-title {
        font-size: 24px;
    }
    .drop-down-list__body-text {
        font-size: 28px;
        line-height: 110%;
        /*margin-bottom: 80px;*/
        padding-top: 40px;
    }
    .drop-down-list {
        padding: 64px 0 0 0;
    }
    .drop-down-list__head:after {
        width: 48px;
        height: 48px;
        background-size: 30%;
        flex: 0 0 48px;
    }
    .drop-down-list__body-title {
        font-size: 28px;
        margin-bottom: 20px;
    }
    .drop-down-list__body-li {
        font-size: 18px;
    }
    .drop-down-list__body-li:not(:last-child) {
        margin-bottom: 16px;
    }
    .drop-down-list__body-item:nth-child(1) {
        padding-right: 20px;

    }
    .integrations {
        padding: 32px 40px;
        margin-top: 80px;
    }
    .integrations__count-title {
        font-size: 64px;
    }
    .integrations__count-text {
        font-size: 24px;
        line-height: 130%;
    }
    .integrations__services-item {
        width: calc(50% - 8px);
        font-size: 14px;
        padding: 16px;
        border-radius: 12px;
    }
    .integrations__services-item:not(:nth-child(3n+1)) {
        margin-left: 0;
    }
    .integrations__services-item:nth-child(odd) {
        margin-left: 10px;
    }
    .integrations__services-item:nth-child(1) {
        display: none;
    }
    .integrations__services-item-img {
        width: 16px;
        height: 16px;
    }
    .integrations__services {
        margin-top: 40px;
    }

    .direction {
        margin-top: 56px;
        margin-bottom: 157px;
    }

    .direction-swiper {
        padding-left: 20px;
    }
    .direction-swiper__info-title {
        font-size: 24px;
        margin-bottom: 12px;
    }
    .direction-swiper__info-text {
        font-size: 14px;
    }
    .russian-bg {
        top: 78px;
    }
    .systems {
        padding-top: 48px;
    }
    .systems-item-title {
        font-size: 18px;
    }
    .systems-item-text {
        font-size: 16px;
        line-height: 150%;
    }
    .service-tabs__title span {
        font-size: 44px;
        line-height: 48px;
        border-radius: 12px;
    }

    .service-tabs__text {
        font-size: 18px;
        line-height: 23px;
        max-width: 90%;
        margin-right: 0;
        margin-left: 0;
        margin-bottom: 80px;
    }

    .service-tabs__text div {
        width: 585px;
    }

    .service-tabs__container.container {
        padding: 48px 0 0 40px;
    }

    .service-tabs__nav-item {
        font-size: 18px;
        line-height: 23px;
        min-width: 200px;
    }

    .service-tabs__body {
        margin-bottom: 136px;
    }

    .service-tabs__body-inner {
        flex-direction: column;
    }

    .service-tabs__body-info {
        width: 100%;
    }

    .service-tabs__body-image {
        width: 100%;
        background-size: cover;
        border-radius: 16px;
        padding-right: 40px;
    }

    .service-tabs__body-image img {
        width: 100%;
        height: auto;
    }

    .service-tabs__body-text {
        font-size: 18px;
        line-height: 23px;
    }

    .service-tabs__body-title {
        font-size: 28px;
        line-height: 31px;
        margin-bottom: 32px;
    }
    .service-tabs__body-list ul {
        margin-bottom: 48px;
    }
    .service-tabs__body-list ul li {
        margin-bottom: 16px;
    }
    .service-tabs__container {
        margin-bottom: 120px;
    }
    .order-bg, .russian-bg, .security-bg, .marketing-bg {
        width: 929px;
        height: 392px;
        opacity: 0.5;
    }
    .integration-bg {
        width: 842px;
        height: 381px;
        opacity: 0.5;
    }
    .direction-list__info {
        margin-bottom: 62px;
        width: 575px;
    }

    .text-block__text {
        font-size: 32px;
        line-height: 35px;
    }

    .text-block__title {
        margin-bottom: 16px;
    }

    .block_1__second-column {
        margin-left: 40px;
    }

    .block_1__second-column {
        max-width: 29%;
    }
    .drop-down-list__body-list {
        padding-top: 48px;
    }

    .container.service-tabs__text {
        padding: 0;
        margin-left: 40px;
    }
    .container.service-tabs__body {
        padding: 0;
    }
}

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

}

@media screen and (max-width: 767px) {
    .block_1-container {
        margin-bottom: 48px;
        margin-top: 40px;
        flex-direction: column;
    }
    .block_1__second-column {
        margin-left: 0;
        margin-top: 48px;
        max-width: none;
    }
    .block_1__first-column {
        width: 100%;
    }
    .block_1__second-column img {
        width: 100%;
    }
    .block_2__text-block {
        margin-bottom: 60px;
    }
    .backgound-block_1-one {
        transform: scale(2);
        opacity: .8;
    }
    .backgound-block_1-two {
        transform: scale(2);
        top: -18%;
        left: -59%;
    }
    .item__text {
        font-size: 14px;
        margin-bottom: 24px;
    }
    .item__button-link {
        width: 100%;
        padding: 12px 20px;
        font-size: 14px;
        line-height: 130%;
        border-radius: 6px;
        height: 40px;
    }
    .text-block__title {
        font-size: 14px;
    }
    .text-block {
        width: 100%;
        margin-bottom: 40px;
    }
    .row-items {
        height: auto;
        flex-direction: column;
    }
    .item-flex {
        padding-left: 16px;
        padding-right: 16px;
    }
    .item-flex:not(:last-child) {
        margin-bottom: 24px;
    }
    .item-flex__title {
        font-size: 20px;
    }
    .item-flex__subtitle {
        font-size: 12px;
        margin-top: 16px;
    }
    .card {
        min-width: 250px;
        width: 250px;
        height: 160px;
        padding: 16px;
        border-radius: 8px;
    }
    .card-title {
        font-size: 20px;
    }
    /*.drop-down-list__title {*/
    /*    max-width: 85%;*/
    /*}*/

    .block_2__card-block {
        margin-bottom: 24px;
    }

    .service-tabs__container.container {
        padding: 24px 0 0 16px;
    }

    .drop-down-list__body-title {
        margin-bottom: 16px;
    }
    .drop-down-list__body-text {
        font-size: 18px;
        /*margin-bottom: 48px;*/
        width: 100%;
        padding-top: 24px;
    }
    .drop-down-list{
        padding: 56px 0 0 0;
    }

    /*#order .drop-down-list {*/
    /*    padding-top: 0;*/
    /*}*/

    .drop-down-list__head:after {
        width: 40px;
        height: 40px;
        background-size: 30%;
        flex: 0 0 40px;
    }
    .drop-down-list__body-list {
        flex-direction: column;
        padding-top: 24px;
    }
    .drop-down-list__body-item {
        width: 100%;
    }
    .drop-down-list__body-item:nth-child(1) {
        padding-right: 0;
        margin-bottom: 28px;
    }
    .integrations {
        padding: 16px;
        margin-top: 48px;
    }
    .integrations__count-title {
        font-size: 40px;
    }
    .integrations__count-text {
        font-size: 18px;
    }
    .integrations__services {
        margin-top: 32px;
    }
    .integrations__services-item {
        width: 100%;
        font-size: 12px;
        padding: 12px;
        border-radius: 8px;
    }
    .integrations__services-item:nth-child(odd) {
        margin-left: 0;
    }
    #security .drop-down-list__body-li,
    #marketing .drop-down-list__body-li {
        width: 100%;
        display: inline-block;
        font-size: 14px;
        padding-left: 14px;
    }
    .drop-down-list__body-li:not(:last-child) {
        margin-bottom: 12px;
    }
    .direction-swiper {
        padding-left: 16px;
        padding-right: 16px;
    }
    .direction-swiper__info-title {
        font-size: 20px;
    }
    .direction-swiper__info-text {
        font-size: 12px;
    }

    .direction {
        margin-top: 80px;
        margin-bottom: 106px;
    }
    .systems {
        padding-top: 24px;
    }
    .systems-item {
        width: 100%;
        margin-bottom: 24px;
    }
    .systems-item-title {
        font-size: 14px;
    }
    .systems-item-text {
        font-size: 12px;
        line-height: 130%;
    }
    .russian-bg {
        opacity: 0.5;
        left: -105%;
    }
    .direction-swiper .swiper-slide {
        width: 260px;
    }
    .direction-list__img {
        height: 190px;
        width: 260px;
    }
    .direction-list__img-wrapper {
        border-radius: 8px;
        margin-bottom: 16px;
    }
    .direction-swiper__info-title {
        font-size: 20px;
        margin-bottom: 12px;
    }
    .direction-swiper__info-text {
        font-size: 12px;
    }
    .service-tabs {
        margin-top: 50px;
    }

    .service-tabs__title {
        margin-bottom: 20px;
    }

    .service-tabs__title span {
        font-size: 24px;
        line-height: 26px;
        padding: 4px 16px;
        display: flex;
        border-radius: 8px;
    }

    .service-tabs__text {
        font-size: 16px;
        line-height: 21px;
        margin-bottom: 48px;
        max-width: 100%;
    }

    .service-tabs__nav-item {
        padding-bottom: 16px;
    }

    .service-tabs__body {
        margin-top: 40px;
        margin-bottom: 80px;
    }

    .service-tabs__body-info {
        padding-right: 0;
    }

    .container.service-tabs__body {
        padding-left: 0;
    }

    .service-tabs__body-text {
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 24px;
    }

    .service-tabs__body-title {
        font-size: 18px;
        line-height: 20px;
        margin-bottom: 24px;
    }

    .service-tabs__body-list {
        font-size: 14px;
        line-height: 18px;
    }
    .service-tabs__body-list ul {
        margin-bottom: 32px;
    }

    .service-tabs__body-list ul li {
        margin-bottom: 12px;
    }
    .service-tabs__container {
        margin-bottom: 80px;
    }
    .order-bg, .russian-bg, .security-bg, .marketing-bg {
        width: 604px;
        height: 255px;
        opacity: 0.7;
        left: -44%;
    }
    .integration-bg {
        width: 451px;
        height: 313px;
        opacity: 0.7;
    }
    .direction-list__info {
        margin-bottom: 40px;
        width: auto;
    }
    .text-block__text {
        font-size: 20px;
        line-height: 22px;
    }
    .drop-down-list__body {
        margin-top: 24px;
    }
    .service-tabs__body-image {
        padding-right: 16px;
    }
}



    .partner-wrapper {
        display: flex;
        flex-direction: column;
        min-width: 310px;
        background: linear-gradient(90deg, #005062 0%, #003881 100%);
        /* Для поддержки в старых браузерах */
        background: -webkit-linear-gradient(left, #005062 0%, #003881 100%);
        background: -moz-linear-gradient(left, #005062 0%, #003881 100%);
        background: -o-linear-gradient(left, #005062 0%, #003881 100%);
        padding: 32px;
        border-radius: 12px;
        gap: 40px;
    }

    .partner-card {
        display: flex;
        justify-content: space-between;
        
    }

    .partner-card .line {
        width: 2px;
        background: linear-gradient(90deg, #2AA1C6, #39A16A);
        background-size: 200% 200%;
        animation: gradientMove 3s ease infinite;
    }

    .partner-card .gradient-partner {
        background: linear-gradient(90deg, #2AA1C6 0%, #39A16A 100%);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
        display: inline-block;
        font-size: 28px;
        line-height: 120%;
        font-weight: 300;
    }

    .partner-card .logos {
        display: flex;
        flex-direction: column;
        gap: 15px;
        font-size: 18px;
        font-weight: 600;
    }
    .partner-card .bitrix {
        font-size: 14px;
    }
    .partner-wrapper .description {
        color: rgba(255, 255, 255, 0.5)
    }
    .partner-card .bitrix24 {
        display: flex;
    }

    @media (max-width: 1279px) {
        .partner-card .bitrix {
            font-size: 12px;
        }
        .partner-card .logos {
            font-size: 14px;
        }
        .partner-card .gradient-partner {
            font-size: 22px;
        }
        .partner-wrapper {
            min-width: 290px;
        }

        .partner-wrapper .description {
            font-size: 14px;
        }
    }
    @media (max-width: 1279px) {
        .partner-wrapper {
            min-width: 200px;
        }
        .partner-card {
            flex-direction: column;
            align-items: center;
            gap: 15px;
        }
        .partner-card .line {
            width: 80%;
            height: 2px;
        }
    }
    @media (max-width: 767px) {
        .partner-card .line {
            width: 2px;
            height: 55px;
        }
        .partner-card  {
            flex-direction: row;
            justify-content: space-around;
        }
        .partner-card .bitrix {
            font-size: 16px;
        }
        .partner-card .logos {
            font-size: 18px;
        }
        .partner-card .gradient-partner {
            font-size: 28px;
        }
        .partner-wrapper .description {
            text-align: center;
        }
    }
    @media (max-width: 578px) {
        .partner-wrapper {
            padding: 32px 20px 32px 20px;
        }
        .partner-card .bitrix {
            font-size: 12px;
        }
        .partner-card .logos {
            font-size: 14px;
            gap: 10px;
        }
        .partner-card .gradient-partner {
            font-size: 22px;
        }
    }
/* End */


/* Start:/local/templates/nota_main/components/bitrix/news.list/vendors_banner_without_text/style.css?16770661853317*/
.partner {
    position: relative;
}
.partner-carousel__row .js-marquee {
    display: flex;
}

.partner-carousel__row {
    overflow: hidden;
    margin-bottom: 104px;
}
.lang-ru .partner-carousel__row {
    overflow: hidden;
    margin-bottom: 36px;
}
.partner__img-bg1 {
    position: absolute;
    top: -191%;
    left: -36%;
    z-index: -1;
}

.partner__img-bg2 {
    position: absolute;
    top: -120%;
    right: -42%;
    z-index: -1;
}

.partner-carousel__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    width: 193px;
    height: 232px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 20px;
    text-align: center;
    padding: 40px;
    margin: 0 4px;
}

.partner-carousel__img {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 120px;
    height: 96px;
}

.partner-carousel__name {
    font-weight: 400;
    font-size: 12px;
    color: #828996;
}

.partner__info {
    max-width: 900px;
    font-style: normal;
    font-weight: 400;
    font-size: 48px;
    line-height: 110%;
    margin-bottom: 120px;
}

.partner__info span:nth-child(1) {
    position: relative;
    display: inline-block;
    padding: 10px 20px;
}


.partner__info span:nth-child(2) {
    background: linear-gradient(89.59deg, rgba(241, 35, 196, 0.4) 0.15%, rgba(255, 158, 234, 0.08) 99.93%);
    border-radius: 16px;
    padding: 6px 24px 8px;
}

@media(max-width:1279px) {
    .partner__img-bg1 {
        opacity: .7;
    }
    .partner__info{
        font-size: 44px;
        margin-bottom: 80px;
    }
    .partner-carousel__row {
        margin-bottom: 40px;
    }
    .lang-ru .partner-carousel__row {
        margin-bottom: 0;
    }

    .partner__info span:nth-child(1),
    .partner__info span:nth-child(1)::before{
        padding: 4px 20px 6px;
        border-radius: 12px;
        margin-bottom: 4px;
    }
    .lang-en .partner__info span:nth-child(1)::before,
    .lang-en .partner__info span:nth-child(2)::before{
        border-radius: 12px;
    }
    .partner-carousel__item {
        width: 190px;
        height: 210px;
        border-radius: 16px;
        padding: 32px 8px 24px;
    }
    .partner-carousel__img {
        width: 120px;
        height: 96px;
    }
    .partner-carousel__name {
        font-size: 12px;
    }
}
@media(max-width:767px) {
    .partner__info{
        font-size: 24px;
        margin-bottom: 48px;
    }
    .partner-carousel__row {
        margin-bottom: 48px;
    }
    .partner__img-bg1,
    .partner__img-bg2 {
        display: none;
    }
    .partner__info span:nth-child(1),
    .partner__info span:nth-child(2) {
        padding: 4px 8px;
        border-radius: 8px;
    }
    .lang-en .partner__info span:nth-child(1)::before,
    .lang-en .partner__info span:nth-child(2)::before {
        border-radius: 8px;
    }
    .partner-carousel__item {
        width: 110px;
        height: 130px;
        border-radius: 12px;
        padding: 16px 8px 12px;
    }
    .partner-carousel__img {
        width: 80px;
        height: 64px;
    }
    .partner-carousel__name {
        font-size: 9px;
    }
}
/* End */


/* Start:/local/templates/nota_main/components/dnext/simple.banner/banner/style.css?16775856062100*/
.banner {
    padding: 0 80px;
    border-radius: 32px;
    height: 350px;
    overflow: hidden;
    margin-bottom: 120px;
    display: flex;
    align-items: center;
    background-size: 100% 100%;
    transition: background-size .3s ease-in;
    -moz-transition: background-size .3s ease-in;
    -web-kit-transition: background-size .3s ease-in
}
.lang-en .banner {
    background-image: url('/local/html/img/bg-banner.jpg')
}
.lang-ru .banner {
    background-image: url('/local/html/img/bg-banner-ru.jpg')
}

.banner__wrapper {
    width: 100%;
}

.banner:hover {
    background-size: 120% 120%;
}

.banner__container {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    width: 100%;
}
.banner__text {
    font-size: 48px;
    line-height: 110%;
    max-width: 650px;
}

@media(max-width: 1279px) {
    .banner {
        animation: none;
    }
    .banner:hover {
        animation: none;
    }
}

@media(max-width: 1279px) {
    .banner {
        padding: 0 48px;
        border-radius: 20px;
        height: 350px;
        margin-bottom: 80px;
    }
    .banner__text {
        font-size: 32px;
        max-width: 320px;
    }
    .lang-ru .banner {
        padding: 56px;
    }
    .lang-ru .banner__container {
        flex-direction: column;
        align-items: start;
    }
    .lang-ru .banner__text {
        max-width: 100%;
        margin-bottom: 48px;
    }
}

@media(max-width: 784px) {
    .banner {
        padding: 0 40px;
    }
}

@media(max-width: 767px) {
    .banner {
        padding: 40px 32px;
        border-radius: 16px;
        margin-bottom: 40px;
        height: 264px;
    }
    .lang-ru .banner {
        padding: 40px 24px;
    }
    .lang-ru .banner__text {
        margin-bottom: 40px;
    }
    .banner__text {
        font-size: 20px;
        max-width: 100%;
        margin-bottom: 40px;
    }
    .banner__container {
        flex-direction: column;
        align-items: start;
    }
    .banner__container .arrow-link {
        width: 100%;
        text-align: center;
    }
    .banner__link {
        width: 100%;
    }
}
/* End */
/* /local/templates/nota_main/components/bitrix/news/services/bitrix/news.list/russian/style.css?174841640728295 */
/* /local/templates/nota_main/components/bitrix/news.list/vendors_banner_without_text/style.css?16770661853317 */
/* /local/templates/nota_main/components/dnext/simple.banner/banner/style.css?16775856062100 */