/* footer contact */

.footer-contact {
    overflow: hidden;
    padding: var(--margin-betwen-title-content) 0;
}

.footer-contact__content {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    margin: 0 auto;
}

.footer-contact__left {
    width: calc(50% - 112px);
}

.footer-contact__left .title {
    margin-top: var(--margin-betwen-title-buble);
}

.footer-contact__left .text {
    margin-top: var(--margin-betwen-text);
}

.footer-contact__left .form {
    margin-top: var(--margin-betwen-content);
}

.footer-contact__left .form .input-box {
    margin-bottom: var(--margin-betwen-content);
}

.footer-contact__left .form .input-box textarea {
    min-height: 40px;
}

.footer-contact__right {
    display: flex;
    flex-direction: column;
    width: calc(50% - 112px);
    padding: 10px 0 var(--margin-betwen-text) 0;
}


.footer-contact__right .text {
    margin: var(--margin-betwen-text) 0;
}

.footer-contact__right .img {
    width: 197px;
    height: auto;
    margin: auto 0 0 0;
}

.animated-small-cube {
    width: 197px;
}

.animated-small-cube svg {
    display: block;
    width: 100%;
    height: auto;
    overflow: visible;
}

.animated-small-cube svg path {
    transform: translateZ(0);
}

.animated-small-cube .animated-cube {
    transform: translate(33.1%, -18%) translateZ(0);
    transition: transform 0.7s ease-in-out;
}

.animated-small-cube.-flip .animated-cube {
    transform: translate(-33.1%, -18%) translateZ(0);
    transition: transform 0.7s ease-in-out;
}


/* testimonial */

.testimonial-card {
    background: var(--white);
    border-radius: 4px;
    padding: 32px var(--margin-betwen-content) var(--margin-betwen-content) var(--margin-betwen-content);
    max-width: 920px;
    width: 100%;
    min-height: 320px;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    transition: height 0.7s;
}


.testimonial-card__content {
    max-width: 560px;
}

.button-to-mob {
    display: none;
}

.testimonial-card__left {
    margin-right: 30px;
}

.tesimonial-card__user-img {
    display: flex;
    flex-wrap: wrap;
}

.tesimonial-card__user-img .img {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 1px solid var(--grey);
    overflow: hidden;
}

.tesimonial-card__user-img .img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.tesimonial-card__user-img .img:nth-child(5n + 1) {
    margin-left: 0;
}

.tesimonial-card__user-img .img {
    margin-left: -8px;
}

.tesimonial-card__user-text {
    margin-top: var(--margin-betwen-text);
}

.testimonial-card__left {
    display: flex;
    flex-direction: column;

}

.testimonial-card__left .default-button {
    margin: auto 0 0 0;
}

.testimonial-card.-not-slide {
    width: 100%;
    width: auto;
    height: auto;
    min-height: auto;
    display: block;
}

.testimonial-card.-not-slide .testimonial-card__content {
    width: 100%;
    max-width: 100%;
    margin-top: var(--margin-betwen-text);
}

.testimonial-card.-not-slide .tesimonial-card__user-text {
    margin-top: 10px;
}

.testimonial-slider {
    position: static;
    overflow: visible;
    max-width: 100%;
    z-index: 1;
}

.swiper__navigation {
    position: absolute;
    left: 0;
    top: 0;

    height: 100%;
    width: 100%;
    pointer-events: none;
    z-index: 5;
}

.swiper__navigation-button {
    position: absolute;
    pointer-events: auto;
    height: 100%;
    cursor: pointer;
    min-width: 24px;
    width: calc((100vw - 640px) / 2 - (var(--scrollbar-width) / 2));
    background: none;
    margin: 0;
}

.swiper-button-next, .swiper-button-prev {
    z-index: 2;
}

.swiper:not(.testimonial-slider) .swiper-wrapper {
    z-index: 1;
}

.testimonial-slider .swiper__navigation {
    z-index: 0;
}

.testimonial-slider .swiper-wrapper {
    pointer-events: none;
}

.testimonial-slider .swiper-wrapper a,
.testimonial-slider .swiper-wrapper .default-button {
    z-index: 4;
    pointer-events: auto;
}

.swiper__navigation-button:after {
    display: none;
}

.swiper__navigation-button.swiper-button-prev {
    /* pointer-events: none; */
    left: 0;
    top: 0;
    cursor: url('../images/ui-kit/testimonials-prev.svg') 0 32, pointer;
    width: 40px;
}

.swiper__navigation-button.swiper-button-next {
    right: 0;
    top: 0;
    cursor: url('../images/ui-kit/testimonials-next.svg') 32 32, pointer;
}

.swiper-pagination {
    position: relative;
    margin-top: var(--margin-betwen-content);
    bottom: 0 !important;
    top: auto;
    width: fit-content !important;
}

.swiper-pagination-bullet {
    position: relative;
    width: 16px;
    height: 16px;
    background: rgba(0, 0, 0, 0);
    border: 1px solid var(--grey);
    border-radius: 8px;
    opacity: 1;
    transition: width 0.5s, border-color 0.5s;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 2px;
}

.swiper-pagination-bullet:before {
    content: '';

    position: absolute;
    left: 2px;
    top: 2px;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    transition: opacity 0.5s, width 0.5s;
    background: var(--red);
    opacity: 0;
    border-radius: 8px;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active:before {
    opacity: 1;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 32px;
    border-color: var(--red);
    pointer-events: none;
}


/* cclient-list*/

.client-list {
    /*display: grid;*/
    /*grid-template-columns: repeat(10, 1fr);*/
    /*align-items: stretch;*/
    /*position: relative;*/
}

.client-row {
    display: grid;
    grid-template-columns: repeat(10, 1fr);
    align-items: stretch;
    position: relative;
}

.client-list .client-list__wrapper {
    display: grid;
    grid-template-columns: repeat(10, 1fr);
    align-items: stretch;
    grid-column: span 12;
    overflow: hidden;
    transition: height 0.7s;
}

/* .client-list .client-list__wrapper .client-card:last-child {
	border-bottom: 1px solid var(--grey);
} */

.client-list .client-list__wrapper + .default-button {
    width: 100%;
    margin: 24px auto 40px auto;
    grid-column: span 12;
}

.clients-section .client-list.for-mob {
    display: none;
}

.client-list .client-card {
    grid-column: span 2;
}

.client-card.-hover {
    z-index: 10;
    transition: all 0.4s ease;
}

.client-card.-placeholder {
    transition: max-height 0.4s ease, width 0.4s ease;

    visibility: hidden;
}

.client-list .client-card.-double-card {
    grid-column: span 4;
}

.client-list .client-card.-border-top {
    border-top: 1px solid var(--grey);
}

.client-list .client-card.-border-left {
    border-left: 1px solid var(--grey);
}

.client-card {
    position: relative;
    transition: max-height 0.4s ease, width 0.4s ease;


    min-height: 246px;

    display: flex;
    justify-content: center;
    /*align-items: center;*/
    max-height: 246px;
    overflow: hidden;
}

.client-card .--horizontal-border {
    top: 0;
    z-index: 4;
}

.client-card .--vertical-border {
    z-index: 4;
}

.client-card .--border-bottom {
    top: auto;
    bottom: 0;
}

.client-card__preview {
    position: absolute;
    left: 0;
    top: 0;

    display: flex;
    justify-content: center;
    align-items: center;

    width: 100%;
    height: 100%;
}

.client-card__preview .img {
    width: 160px;
    height: 160px;
}

.client-card__preview .img img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.client-card__preview.-red-dot:before {
    content: '';

    position: absolute;
    right: 48px;
    bottom: 48px;

    height: 8px;
    width: 8px;
    background-color: var(--red);
    border-radius: 50%;
    display: block;
}


.client-card__content-bg {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: var(--white);
    transform: translateY(calc(-100% - 1px));
    transition: transform 0.4s, border 0.000001s;
    border-top: 1px solid rgba(0, 0, 0, 0);
    z-index: 2;
    pointer-events: none;
}

.client-card__content-bg.-active {
    transform: translateY(0);
    border-top-color: var(--white)
}

.client-card__content {
    position: relative;
    z-index: 3;
    display: flex;
    flex-direction: column;


    width: 100%;
    min-height: 308px;
    padding: 16px 24px 24px 24px;

    opacity: 0;
    transition: opacity 0.4s, color 0.2s;
    pointer-events: none;
    color: red;
    height: 100%;
}

.client-card__content [data-index="1"] {
    transition-delay: 0.07s !important;
}

.client-card__content [data-index="2"] {
    transition-delay: 0.14s !important;
}

.client-card__content [data-index="3"] {
    transition-delay: 0.21s !important;
}

.client-card.-hover .client-card__content {
    opacity: 1;
    transition: opacity 0s;
    color: pink;
    /* transition-delay: .1s; */
    pointer-events: auto;
}

.client-card__content .top-tag {
    display: block;
    padding-bottom: var(--margin-betwen-text);
    color: var(--dark-grey);
}

.client-card__content .top-tag .--border-bottom {
    top: auto;
    bottom: 0;
}

.client-card__content .title {
    margin-top: var(--margin-betwen-text);
    color: var(--background-dark);
}

.client-card__content .text {
    margin: var(--margin-betwen-text) 0;
    color: var(--dark-grey);
}

.client-card__content .buttons-container .default-button {
    /*margin-right: 30px;*/
    width: 100%;
}

.client-card__content .buttons-container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    margin: auto 0 0 0;
    gap: 16px;
}

.client-card__content .buttons-container .link {
    margin: 0 20px 16px auto;
}

.client-card__content .buttons-container .default-button + .link {
    /*margin: 0 20px 0 auto;*/
    margin: 0 auto;
}

.mobile-icon {
    display: none;
}

.client-card.-new-client {
    padding: 28px;
    justify-content: flex-start;
    align-items: flex-end;
    color: var(--background-dark);
    transition: background 0.4s;
}

.client-card.-new-client .plus {
    position: absolute;
    left: 28px;
    top: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 64px;
    height: 64px;
    background-color: rgba(187, 187, 187, 0.32);
    border-radius: 50%;
    transition: transform 0.4s, background 0.4s;
}

.client-card.-new-client .plus span {
    position: absolute;

    width: 24px;
    height: 2px;
    background: var(--text-dark);
    transition: background 0.4s;
}

.client-card.-new-client .plus span:last-child {
    transform: rotate(90deg);
}

/* case-card */

.case-card {
    display: block;
}

.case-card__img {
    position: relative;

    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;

    width: 100%;
    height: 400px;
    padding: 16px;
    border-radius: 4px;
    overflow: hidden;
}

.case-card__img .img {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    border-radius: 4px;
}

.case-card__img .img img {
    position: relative;
    z-index: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 4px;
    overflow: hidden;
    transform: scale(110%);
    transition: transform 0.6s;
}

.case-card__img .img:before {
    content: '';

    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 66%, rgba(0, 0, 0, 0.4) 100%);
    mix-blend-mode: darken;
}

.case-card__img .img:after {
    content: '';

    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    background: repeat center / cover url('../images/cases/noise.png');
    mix-blend-mode: soft-light;
    opacity: 0.32;
}

.case-card__tags {
    position: relative;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.case-card__tag {
    white-space: nowrap;
    background: rgba(241, 241, 241, 0.32);
    color: var(--white);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-radius: 18px;
    line-height: 100%;
    padding: 10px 24px;
}

.case-card__param-list {
    position: relative;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin: auto 0 0 0;
}

.case-card .case-card__param {
    margin: 8px;
    color: var(--white);
}

.case-card.-big-card .case-card__param .case-card__param-name {
    color: var(--grey);
}

.case-card__description {
    margin-top: var(--margin-betwen-text);
    color: var(--background-dark);
    width: 100%;
}

.case-card__description .text {
    margin-top: var(--margin-betwen-text);
    color: var(--dark-grey);
}

.case-card__description .title {
    transition: color 0.4s;
}

.case-card.-big-card .case-card__description .title {
    padding-right: 20px;
}

.case-card.-big-card .case-card__description .text {
    padding-right: 20px;
}

.case-card.-big-card .case-card__img {
    height: auto;
    min-height: 352px;
    width: 42.525%;
    min-width: 42.525%;
}

.case-card.-big-card {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    border-radius: 4px;
    background: var(--white);
    padding: 24px;
}

.case-card.-big-card .case-card__description {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: var(--margin-betwen-text) var(--margin-betwen-text) var(--margin-betwen-text) var(--margin-betwen-content);
}

.case-card.-big-card .case-card__description .title {
    padding-right: 0;
}

.case-card.-big-card .case-card__description .text {
    padding-right: 0;
}

.case-card.-big-card .bottom-container {
    margin: auto 0 0 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.case-card.-big-card .case-card__description > .text {
    margin-bottom: var(--margin-betwen-text);
}

.case-card.-big-card .bottom-container .text {
    margin: 0;
}


/* sticky-list */

.sticky-block {
    position: relative;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: flex-start;
    background-color: var(--background-dark);
    border-top: 1px solid var(--dark-grey);
}

.sticky-block.-always-open .container {
    height: auto !important;
}

.sticky-block.-always-open .sticky-block__content .title {
    color: var(--white);
}

.sticky-block .container {
    transition: height 0.7s;
    overflow: hidden;
    height: 64px;
}

.sticky-block .sticky-opener {
    position: absolute;
    left: 0;
    top: 0;
    height: 64px;
    width: 100%;
    z-index: 10;
}

.sticky-list.-other-paddings .sticky-opener,
.sticky-list.-other-paddings .container {
    height: 80px;
}

.sticky-block__content {
    position: relative;
    padding: 28px 0 24px 56px;
}

.sticky-block__content .title {
    position: relative;
    transition: color 0.4s;
    color: var(--grey);
}

.sticky-block__content .title .sticky-block__number {
    left: -55px;
}

.sticky-block__content .title .opener {
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
    margin-top: 0;
}

.sticky-block.-open .title {
    color: var(--white);
}

.sticky-block.-without-title .title {
    color: var(--white);
}

.--black-section .sticky-block__content .title .opener:before,
.--black-section .sticky-block__content .title .opener:after {
    background: var(--white);
}

.--black-section .-open .sticky-block__content .title .opener {
    background: var(--white);
}

.--black-section .-open .sticky-block__content .title .opener:before,
.--black-section .-open .sticky-block__content .title .opener:after {
    background: var(--background-dark);
}


.sticky-block__number {
    position: absolute;
    left: 0;
    top: 10px;

    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    color: var(--red);
    background-color: rgba(237, 59, 68, 0.16);
}

.title + .sticky-block__content-wrapper {
    margin-top: 28px;
}

.sticky-block__content-wrapper {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.sticky-block__img {
    width: 38.188%;
    min-width: 38.188%;
    margin-right: var(--margin-betwen-content);
    border-radius: 4px;
    overflow: hidden;
}

.sticky-block__img img {
    display: block;
    width: 100%;
    height: auto;
    max-height: 100%;
    object-fit: cover;
    border-radius: 4px;
}

.sticky-block__text {
    width: 43.366%;
}

.sticky-block__text.for-mob {
    display: none !important;
}

.sticky-block__text p + p {
    margin-top: 32px;
}

.sticky-list {
    position: relative;
}

.sticky-block__anchor {
    position: sticky;
    top: 0;
    z-index: 10;
    display: flex;
    width: 100%;
    display: block;
    background: pink;
}

.sticky-block__after {
    display: block;
    width: 100%;
    height: 0;
    position: relative;
}


.sticky-block.-without-title .sticky-block__text {
    margin: 0;
    display: flex;
    flex-direction: column;
}

.sticky-block.-without-title .sticky-block__content-wrapper {
    align-items: stretch;
}

.sticky-block.-without-title .sticky-block__text .position {
    margin: 0;
}

.sticky-block.-without-title .sticky-block__text .title-big + .position {
    margin: var(--margin-betwen-text) 0 var(--margin-betwen-content) 0;
}

.sticky-block.-without-title .description {
    margin-top: 0;
}

.sticky-block.-without-title .sticky-block__img {
    width: 31.633%;
    min-width: 31.633%;
}

.sticky-block.-without-title .sticky-block__text {
    padding-right: 56px;
    width: 100%;
}

.sticky-block.-without-title .sticky-block__text .default-button {
    margin: auto 0 0 0;
}

.sticky-block.-without-title .sticky-block__content {
    padding: 39px 0 39px 56px;
}

.sticky-block.-without-title .sticky-block__number {
    top: 40px;
}

/*header*/

.header {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 100;
    width: 100%;
    padding: 20px 0;
    transition: transform 0.4s, background 0.4s;
}

.header.-hide {
    transform: translateY(-100%);
}

.header.-has-bg {
    background: var(--light);
}

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

.logo {
    position: relative;
    z-index: 21;
    width: 125px;
    height: 40px;
}

.logo img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: opacity 0.4s;
}

.logo img:last-child {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}

.header__wrapper .default-button {
    position: relative;
    z-index: 0;
    margin: 0 32px 0 auto;
}

.header__burger {
    position: relative;
    z-index: 21;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 40px;
}

.header__burger span {
    display: block;
    width: 40px;
    height: 4px;
    background: var(--text-dark);
    transition: background 0.4s, transform 0.4s, width 0.4s;
}

.header__burger span:last-child {
    margin-top: 12px;
}

.header.-white .logo img:first-child {
    opacity: 0;
}

.header.-white .logo img:last-child {
    opacity: 1;
}

.header.-white .header__burger {
    height: 26px;
}

.header.-white .header__burger span {
    width: 34px;
    background: var(--white);
}

.header.-white .header__burger span:last-child {
    transform: rotate(-45deg) translate(6px, -5px);
}

.header.-white .header__burger span:first-child {
    transform: rotate(45deg) translate(6px, 5px);
}

.header__menu {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: var(--window-inner-height);
    background: none;
    pointer-events: none;
}


.header__menu .menu-bg {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: var(--background-dark);
    transform: translateY(-100%);
    transition: transform 0.5s, border 0.1s;
    border-top: 1px solid rgba(0, 0, 0, 0);
}

body.-has-conveyor .header__menu {
    top: 40px;
    height: calc(var(--window-inner-height) - 40px)
}

body.-has-conveyor .header__menu-wrapper {
    height: calc(var(--window-inner-height) - 40px)
}

body.-has-conveyor .header__menu .menu-bg {
    transform: translateY(calc(-100% - 40px));
}

.header__menu-wrapper {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: var(--window-inner-height);
    padding: 96px 0 40px 0;
    overflow: hidden;
    opacity: 0;
    transition: opacity 0.4s;
}

.header__menu-wrapper.-full-animation-end .header__menu-menu a,
.header__menu-wrapper.-full-animation-end .header__menu-menu a * {
    transition: color 0.4s, transform 0.4s !important;
    transition-delay: 0s !important;
}

.header__menu-wrapper.-full-animation-end .header__menu-menu a * {
    transition: color 0s, transform 0.7s !important;
}

.header__menu-wrapper .scrollable-section,
.header__menu-wrapper .scrollable-section .container {
    height: 100%;
}

.header__menu-wrapper .scrollable-section .container {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    min-height: 100%;
    height: auto;
}

.header__menu-wrapper .scrollable-section {
    position: relative;
    max-height: 100%;
}

.header__menu-footer-content {
    margin-top: 56px;
}

.header__menu-footer-content p span,
.header__menu-footer-content p a {
    color: var(--white);
    font-weight: 600;
    transition: color 0.4s, opacity 0.4s;
}

.header__menu-wrapper .scrollable-section .img {
    position: absolute;
    right: 40px;
    bottom: 101px;
    height: 230px;
}

.header__menu-wrapper .scrollable-section .img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.header__menu-wrapper .default-button {
    margin-top: var(--margin-betwen-content);
}

.header__menu-footer-content {
    padding-top: var(--margin-betwen-content);
    /* border-top: 1px solid var(--dark-grey); */

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

.header__menu-footer a {
    font-weight: 600;
    transition: color 0.4s;
}

.header__menu-menu {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    width: 100%;
    max-width: 1100px;
    margin: auto 0 auto 0;
}

.header__menu-menu a {
    display: block;
    position: relative;
    color: var(--white);
    margin-bottom: 24px;
    transition: color 0.4s, transform 0.4s;
    font-weight: inherit;
    font-size: inherit;
}

.header__menu-menu sup {
    position: absolute;
    top: 0;
    right: 0;
    transform: translateX(100%);
    color: var(--red);
    pointer-events: none;
}

.header__menu-menu a span {
    transition: color 0.4s ease-in-out 0, transform 0.4s;
}

.header__menu-menu > * {
    position: relative;
}

.header__menu-menu > *:not(:last-child) {
    margin-right: var(--margin-betwen-title-content);
}

.header.-opened .header__menu {
    pointer-events: auto;
}

.header__menu .menu-bg.-opened {
    transform: translateY(0) !important;
    border-top: rgba(255, 255, 255, 0);
}

.header .header__menu-wrapper.-opened {
    opacity: 1;
}

.header.-has-animated .header__burger {
    pointer-events: none;
}

/* footer-content */

.footer-contact + .footer-content .footer-content__wrapper {
    border-top: 1px solid var(--dark-grey);
}

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

.footer-content__content > * {
    min-width: 40.9%;
}

.footer-content__wrapper {
    padding: var(--margin-betwen-content) 0;
}

.footer-content__top-menu {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.footer-content__top-menu a {
    color: var(--white);
    font-weight: 600;
}

.footer-content__top-menu a:not(:last-child) {
    margin-right: 32px;
}

.footer-content a,
.footer-contact__right a {
    color: var(--white);
    transition: color 0.4s;
}

.footer-content .text a {
    font-weight: 600;
}

.footer-content__content + .footer-content__content {
    margin-top: 128px;
}

.footer-content__bottom-menu {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.footer-content__bottom-menu > *:not(:last-child) {
    margin-right: 8px;
}

.footer .copy-link {
    cursor: pointer;
    transition: color 0.4s;
}

/** title-block */

.title-block__wrapper {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.bubble-tag + .title-block__wrapper {
    margin-top: var(--margin-betwen-title-buble);
}

.title-block__wrapper + .subtitle {
    margin-top: 24px;
    color: var(--dark-grey);
}

.title-block__wrapper > * {
    max-width: calc(100% - 30px);
    min-width: 35%;
}

.title-block__wrapper > p {
    color: var(--dark-grey);
    margin-left: 30px;
    /* min-width: 400px; */
    min-width: fit-content;
}

.title-block__wrapper .side {
    width: fit-content;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.title-block__wrapper .side .clutch {
    margin-bottom: 35px;
    width: 128px;
}

.title-block__wrapper .side .clutch img {
    display: block;
    width: 100%;
}

.--black-section .title-block__wrapper p {
    color: var(--grey);
}

span.-has-sup {
    position: relative;
}

span.-has-sup sup {
    position: absolute;
    color: var(--red);
    pointer-events: none;
    right: 0;
    transform: translateX(100%);
}

.-sup-in-row span.-has-sup {
    padding-right: 10px;
}

.-sup-in-row span.-has-sup sup {
    transform: none;
    right: 10px;
    top: 8px;
}

/* --accordion */

.--accordion {
    border-bottom: 1px solid var(--grey);
}

.--accordion:first-child .--accordion .opener {
    margin-top: 0;
}

.--accordion + .--accordion .--accordion__open {
    margin-top: 26px;
}

.--accordion__content-container {
    height: 0;
    transition: height 0.4s;
    overflow: hidden;
}

.--accordion__open {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 28px;
    padding-right: 16px;
    transition: margin 0.4s;
    cursor: pointer;
    user-select: none;
}

.--accordion__open:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: -28px;
    width: 100%;
    height: calc(100% + 28px + 26px);
}

.opener {
    position: absolute;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 16px;
    height: 16px;
    margin-top: 3px;
    border-radius: 50%;
    cursor: pointer;
    transition: background 0.4s, transform 0.4s;
}

.opener:after,
.opener:before {
    content: '';
    position: absolute;
    display: block;
    width: 8px;
    height: 1px;
    background: var(--text-dark);
    transition: background 0.4s, transform 0.4s;
}

.opener:after {
    transform: rotate(90deg);
}

.cube-acordion .title {
    position: relative;
    color: var(--dark-grey);
    transition: color 0.4s;
}

.cube-acordion .--accordion__open .title {
    padding-left: 40px;
}

.--accordion__open .title .number {
    position: absolute;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;

    width: 32px;
    height: 32px;
    border-radius: 50%;


    color: var(--red);
    background-color: rgba(237, 59, 68, 0.16);
}

.--accordion__content {
    padding-bottom: var(--margin-betwen-text);
    max-width: 80%;
}

.--accordion__content .link {
    margin-top: var(--margin-betwen-text);
}

.--accordion.-open .--accordion__open {
    pointer-events: none;
    margin-bottom: var(--margin-betwen-text);
}

.--accordion.-open.hiring-slide .--accordion__open {
    pointer-events: auto;
}

.--accordion.-open .--accordion__open:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: -16px;
    height: calc(100% + var(--margin-betwen-text) + 26px);
}

.-open .opener {
    background: var(--text-dark);
}

.-open .opener:after {
    transform: rotate(0deg);
}

.-open .opener:after,
.-open .opener:before {
    background: var(--white);
}

.--accordion.-open .title {
    color: var(--background-dark);
}


/* inner-main-section */

.inner-main-section {
    margin: 72px 0 var(--margin-betwen-blocks) 0;
}

.inner-main-section .title {
    margin-top: var(--margin-betwen-text);
}

.inner-main-section .default-button {
    margin-top: var(--margin-betwen-title-content);
}

.inner-main-section.-without-margin-bottom {
    margin-bottom: 0;
}

.inner-main-section.-without-margin-bottom + * {
    margin-top: var(--margin-betwen-title-content);
}

.inner-main-section .subtitle {
    margin-top: var(--margin-betwen-text);
    color: var(--background-dark);
}

/* --tabs-container__items */

.--tabs-container__items,
.--tabs-container__items-inner {
    position: relative;
}

.--tabs-container__items-inner {
    overflow: hidden;
    transition: height 0.7s;
}

.--tabs-container__item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;

    opacity: 0;
    pointer-events: none;
    transition: 0.4s opacity;
}

.--tabs-container__item.-active {
    position: relative;
    z-index: 1;

    opacity: 1;
    pointer-events: auto;
}

[data-copied-text] {
    width: fit-content;
    position: relative;
}

[data-copied-text]:before {
    content: attr(data-copied-text);
    position: absolute;
    top: calc(100% - 10px);
    left: calc(100% - 5px);
    display: block;
    padding: 10px 15px;
    background-color: var(--white);
    box-shadow: 0 0 100px rgb(0 0 0 / 20%);
    -webkit-border-radius: 0 10px 10px 10px;
    border-radius: 0 10px 10px 10px;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
    color: var(--background-dark);
    -webkit-user-select: none;
    user-select: none;
    pointer-events: none;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    opacity: 0;
    -webkit-transition: transform 0.4s, opacity 0.4s;
    transition: transform 0.4s, opacity 0.4s;
    white-space: nowrap;
}

/* Cookie banner */

.cookie-banner {
    position: fixed;
    bottom: 28px;
    left: 0;
    width: 100%;
    z-index: 10;
    pointer-events: none;
    transition: opacity 0.4s;
}

.cookie-banner.-hide {
    opacity: 0;
}

.cookie-banner__inner {
    pointer-events: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;

    background: rgba(241, 241, 241, 0.72);
    border: 1px solid var(--grey);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-radius: 40px;
    width: 100%;
    max-width: 560px;
    padding: 7px 7px 7px 35px;
    margin: 0 auto;
}

.cookie-banner .cookie-banner__text {
    display: flex;
    justify-content: flex-start;
    padding-left: 32px;
    position: relative;
}

.cookie-banner .cookie-banner__text:before {
    content: '';

    display: block;
    background: no-repeat center / contain url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjUgMTBDMTAuOTE2NyAxMCAxMS4yNzA3IDkuODU0MDEgMTEuNTYyIDkuNTYyMDFDMTEuODU0IDkuMjcwNjggMTIgOC45MTY2OCAxMiA4LjUwMDAxQzEyIDguMDgzMzQgMTEuODU0IDcuNzI5MzQgMTEuNTYyIDcuNDM4MDFDMTEuMjcwNyA3LjE0NjAxIDEwLjkxNjcgNy4wMDAwMSAxMC41IDcuMDAwMDFDMTAuMDgzMyA3LjAwMDAxIDkuNzI5MzMgNy4xNDYwMSA5LjQzOCA3LjQzODAxQzkuMTQ2IDcuNzI5MzQgOSA4LjA4MzM0IDkgOC41MDAwMUM5IDguOTE2NjggOS4xNDYgOS4yNzA2OCA5LjQzOCA5LjU2MjAxQzkuNzI5MzMgOS44NTQwMSAxMC4wODMzIDEwIDEwLjUgMTBaTTguNSAxNUM4LjkxNjY3IDE1IDkuMjcwNjcgMTQuODU0IDkuNTYyIDE0LjU2MkM5Ljg1NCAxNC4yNzA3IDEwIDEzLjkxNjcgMTAgMTMuNUMxMCAxMy4wODMzIDkuODU0IDEyLjcyOTMgOS41NjIgMTIuNDM4QzkuMjcwNjcgMTIuMTQ2IDguOTE2NjcgMTIgOC41IDEyQzguMDgzMzMgMTIgNy43MjkzMyAxMi4xNDYgNy40MzggMTIuNDM4QzcuMTQ2IDEyLjcyOTMgNyAxMy4wODMzIDcgMTMuNUM3IDEzLjkxNjcgNy4xNDYgMTQuMjcwNyA3LjQzOCAxNC41NjJDNy43MjkzMyAxNC44NTQgOC4wODMzMyAxNSA4LjUgMTVaTTE1IDE2QzE1LjI4MzMgMTYgMTUuNTIxIDE1LjkwNCAxNS43MTMgMTUuNzEyQzE1LjkwNDMgMTUuNTIwNyAxNiAxNS4yODMzIDE2IDE1QzE2IDE0LjcxNjcgMTUuOTA0MyAxNC40NzkgMTUuNzEzIDE0LjI4N0MxNS41MjEgMTQuMDk1NyAxNS4yODMzIDE0IDE1IDE0QzE0LjcxNjcgMTQgMTQuNDc5MyAxNC4wOTU3IDE0LjI4OCAxNC4yODdDMTQuMDk2IDE0LjQ3OSAxNCAxNC43MTY3IDE0IDE1QzE0IDE1LjI4MzMgMTQuMDk2IDE1LjUyMDcgMTQuMjg4IDE1LjcxMkMxNC40NzkzIDE1LjkwNCAxNC43MTY3IDE2IDE1IDE2Wk0xMiAyMkMxMC42MTY3IDIyIDkuMzE2NjcgMjEuNzM3MyA4LjEgMjEuMjEyQzYuODgzMzMgMjAuNjg3MyA1LjgyNSAxOS45NzUgNC45MjUgMTkuMDc1QzQuMDI1IDE4LjE3NSAzLjMxMjY3IDE3LjExNjcgMi43ODggMTUuOUMyLjI2MjY3IDE0LjY4MzMgMiAxMy4zODMzIDIgMTJDMiAxMC42NSAyLjI3OTMzIDkuMzM3MzQgMi44MzggOC4wNjIwMUMzLjM5NiA2Ljc4NzM0IDQuMTcxIDUuNjY2NjggNS4xNjMgNC43MDAwMUM2LjE1NDMzIDMuNzMzMzQgNy4zMzMzMyAzLjAwMDAxIDguNyAyLjUwMDAxQzEwLjA2NjcgMi4wMDAwMSAxMS41NjY3IDEuODUwMDEgMTMuMiAyLjA1MDAxQzEzLjQ1IDIuMDgzMzQgMTMuNjQxNyAyLjE4NzM0IDEzLjc3NSAyLjM2MjAxQzEzLjkwODMgMi41MzczNCAxMy45ODMzIDIuNzc1MDEgMTQgMy4wNzUwMUMxNC4wMzMzIDQuMTQxNjggMTQuNDI5MyA1LjA1NDAxIDE1LjE4OCA1LjgxMjAxQzE1Ljk0NiA2LjU3MDY4IDE2Ljg1IDYuOTY2NjggMTcuOSA3LjAwMDAxQzE4LjI1IDcuMDE2NjggMTguNTE2NyA3LjExNjY4IDE4LjcgNy4zMDAwMUMxOC44ODMzIDcuNDgzMzQgMTguOTgzMyA3Ljc2NjY4IDE5IDguMTUwMDFDMTkuMDMzMyA4Ljg1MDAxIDE5LjI0NiA5LjQyNTAxIDE5LjYzOCA5Ljg3NTAxQzIwLjAyOTMgMTAuMzI1IDIwLjU3NSAxMC42NjY3IDIxLjI3NSAxMC45QzIxLjUwODMgMTAuOTgzMyAyMS42ODczIDExLjEwNCAyMS44MTIgMTEuMjYyQzIxLjkzNzMgMTEuNDIwNyAyMiAxMS42MTY3IDIyIDExLjg1QzIyLjAzMzMgMTMuMjMzMyAyMS43OTE3IDE0LjU0MTcgMjEuMjc1IDE1Ljc3NUMyMC43NTgzIDE3LjAwODMgMjAuMDUgMTguMDg3MyAxOS4xNSAxOS4wMTJDMTguMjUgMTkuOTM3MyAxNy4xODMzIDIwLjY2NjcgMTUuOTUgMjEuMkMxNC43MTY3IDIxLjczMzMgMTMuNCAyMiAxMiAyMloiIGZpbGw9IiMxRjFGMUYiLz4KPHBhdGggZD0iTTE2LjA2MDIgMi4wNjA0M0MxNS43NjU2IDIuMzU1MDYgMTUuNjE4NSAyLjcwODYyIDE1LjYxOSAzLjEyMTA5QzE1LjYxODUgMy41MzM1NyAxNS43NjU2IDMuODg3MTMgMTYuMDYwMiA0LjE4MTc1QzE2LjM1NDggNC40NzYzOCAxNi43MDg0IDQuNjIzNDYgMTcuMTIwOSA0LjYyMjk5QzE3LjUzMzMgNC42MjM0NiAxNy44ODY5IDQuNDc2MzggMTguMTgxNSA0LjE4MTc1QzE4LjQ3NjIgMy44ODcxMyAxOC42MjMyIDMuNTMzNTcgMTguNjIyOCAzLjEyMTA5QzE4LjYyMzIgMi43MDg2MSAxOC40NzYyIDIuMzU1MDYgMTguMTgxNSAyLjA2MDQzQzE3Ljg4NjkgMS43NjU4IDE3LjUzMzMgMS42MTg3MyAxNy4xMjA5IDEuNjE5MkMxNi43MDg0IDEuNjE4NzMgMTYuMzU0OCAxLjc2NTggMTYuMDYwMiAyLjA2MDQzWiIgZmlsbD0iIzFGMUYxRiIvPgo8cGF0aCBkPSJNMjAuODEwMiAxLjgxMDQzQzIwLjU4NSAyLjAzNTYyIDIwLjQ3MjYgMi4zMDU4NCAyMC40NzMgMi42MjEwOUMyMC40NzI2IDIuOTM2MzUgMjAuNTg1IDMuMjA2NTcgMjAuODEwMiAzLjQzMTc1QzIxLjAzNTQgMy42NTY5NCAyMS4zMDU2IDMuNzY5MzUgMjEuNjIwOSAzLjc2ODk5QzIxLjkzNjEgMy43NjkzNSAyMi4yMDYzIDMuNjU2OTQgMjIuNDMxNSAzLjQzMTc1QzIyLjY1NjcgMy4yMDY1NyAyMi43NjkxIDIuOTM2MzUgMjIuNzY4OCAyLjYyMTA5QzIyLjc2OTEgMi4zMDU4NCAyMi42NTY3IDIuMDM1NjIgMjIuNDMxNSAxLjgxMDQzQzIyLjIwNjMgMS41ODUyNSAyMS45MzYxIDEuNDcyODQgMjEuNjIwOSAxLjQ3MzJDMjEuMzA1NiAxLjQ3Mjg0IDIxLjAzNTQgMS41ODUyNSAyMC44MTAyIDEuODEwNDNaIiBmaWxsPSIjMUYxRjFGIi8+Cjwvc3ZnPgo=);
    width: 24px;
    height: 24px;
    position: absolute;
    left: 0;
}

.cookie-banner .button {
    background: var(--red);
    border-radius: 32px;
    color: var(--white);
    min-width: 128px;
    padding: 16px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: opacity 0.4s;
}

.cookie-banner a {
    color: var(--red);
    transition: opacity 0.4s;
}

/** conveyor belt */

body.-has-conveyor {
    padding-top: 40px;
}

body.-has-conveyor .header {
    top: 40px;
}

body.-has-conveyor .header.-hide {
    transform: translateY(calc(-100% - 40px));
}

html.-scroll-lock .conveyor-container {
    right: var(--scrollbar-width);
}

.conveyor-container {
    position: fixed;
    z-index: 110;
    top: 0;
    left: 0;
    right: 0;
    background: var(--background-dark);
    color: var(--white);
}

.conveyor-belt__belt {
    position: relative;
    display: flex;
    width: 100%;
    overflow: hidden;
    user-select: none;
}

.conveyor-belt__belt:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: block;
    width: 48px;
    height: 100%;
    background: linear-gradient(270deg, rgba(31, 31, 31, 0) 0%, #1F1F1F 100%);;
}

.conveyor-belt__belt:after {
    content: '';
    position: absolute;
    top: 0;
    right: 114px;
    z-index: 2;
    display: block;
    width: 48px;
    height: 100%;
    background: linear-gradient(270deg, #1F1F1F 0%, rgba(31, 31, 31, 0) 100%);
}

.conveyor-belt__belt-part {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    height: 100%;
    padding: 14px;
    white-space: nowrap;
    color: var(--white);
    transition: color 0.4s;
}

.conveyor-belt__belt-part + .conveyor-belt__belt-part:before {
    content: '';
    position: absolute;
    left: 0;
    margin-top: 2px;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 4px;
    height: 4px;
    background: var(--red);
    transition: background 0.4s;
}

.-apple .conveyor-belt__belt-part + .conveyor-belt__belt-part:before {
    margin-top: 1px;
}

.conveyor-belt__belt.-in-viewport .conveyor-belt__belt-part {
    animation-play-state: running !important;
}

.conveyor-belt__belt .conveyor-belt__belt-part {
    animation-play-state: paused !important;
}

@keyframes conveyor-part {
    0% {
        transform: translateX(0%);
    }

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

.close-conveyor {
    position: absolute;
    z-index: 3;
    right: 0;
    top: 0;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 24px 0 16px;
    border-left: 1.5px solid var(--white);
    background: var(--background-dark);
}

.close-conveyor:after {
    content: '';
    display: block;
    margin-left: 8px;
    height: 13px;
    width: 13px;
    background: no-repeat center / contain url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjkzOTQgNy4wMDAwNkwwLjQ2OTcyNyAxLjUzMDM5TDEuNTMwMzkgMC40Njk3MjdMNy4wMDAwNiA1LjkzOTRMMTIuNDY5NyAwLjQ2OTcyN0wxMy41MzA0IDEuNTMwMzlMOC4wNjA3MiA3LjAwMDA2TDEzLjUzMDQgMTIuNDY5N0wxMi40Njk3IDEzLjUzMDRMNy4wMDAwNiA4LjA2MDcyTDEuNTMwMzkgMTMuNTMwNEwwLjQ2OTcyNyAxMi40Njk3TDUuOTM5NCA3LjAwMDA2WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==);
    transition: transform 0.4s;
}


@media screen and (max-height: 720px) and (min-width: 1024px) {
    .sticky-block__img {
        max-height: 240px;
    }

    .sticky-block__img img {
        max-height: inherit;
    }
}

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

    /* footer contact */
    .footer-contact__left {
        max-width: 50%;
        margin-right: 50px;
    }

    .footer-contact__right {
        max-width: calc(50% - 50px);
    }

}

@media screen and (max-width: 1100px) {
    .client-card__content .buttons-container {
        flex-wrap: wrap;
        justify-content: center;
    }

    .client-card__content .buttons-container .default-button {
        margin-right: 0;
    }

    .client-card__content .buttons-container .default-button + .link {
        margin: 0 auto 0 auto;
    }
}

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

    /* footer contact */
    .footer-contact__content {
        flex-direction: column;
    }

    .footer-contact__left {
        margin-right: 0;
        width: 100%;
        max-width: 100%;
    }

    .footer-contact__left .title {
        margin-top: var(--margin-betwen-text);
    }


    .footer-contact__right {
        padding: 0;
        max-width: calc(50% - 50px);
        width: 100%;
        max-width: 100%;
    }

    .footer-contact__content + .footer-contact__content .footer-contact__right {
        margin-top: var(--margin-betwen-title-content);
    }

    .footer-contact__right .img {
        display: none;
    }

    .footer-contact__right .text {
        margin: var(--margin-betwen-title-buble) 0 0 0;
    }


    /* testimonial */
    .testimonial-card {
        width: 358px;
        /* min-height: 536px; */
        min-height: auto;
        height: auto;
        padding: 16px;
        flex-direction: column;
        justify-content: flex-start;
    }

    .testimonial-card__content + .default-button {
        margin-top: var(--margin-betwen-text);
    }

    .testimonial-card__content {
        max-width: 100%;
    }

    .button-to-mob {
        display: flex;
        margin: auto 0 0 0;
        width: 100%;
    }

    .testimonial-card__left {
        margin-right: 0;
    }

    .testimonial-card__left .default-button {
        display: none;
    }

    .testimonial-card__content {
        margin-top: var(--margin-betwen-text);
    }

    .tesimonial-card__user-img {
        margin-right: var(--margin-betwen-text);
    }

    .tesimonial-card__user-text {
        margin-top: 0;
    }

    .testimonial-card.-not-slide .tesimonial-card__user-text {
        margin-top: 0;
    }

    .tesimonial-card__user {
        display: flex;
    }

    .testimonial-card.-not-slide {
        min-width: auto;
        width: 100%;
    }

    .swiper__navigation-button {
        display: none;
    }

    .swiper-pagination {
        margin-top: var(--margin-betwen-text);
    }


    /* client-list */
    .clients-section .client-list.for-mob {
        display: grid;
    }

    .clients-section .client-list.for-pc {
        display: none;
    }

    .client-list .client-card {
        grid-column: span 12;
        width: 100%;
        height: auto;
    }

    .client-list .client-card.-double-card {
        grid-column: span 12;
        width: 100%;
    }

    .client-card {
        min-height: 420px;
        max-height: 100%;
    }

    .client-card .client-card__content {
        width: 100%;
        min-height: 358px;
    }

    .client-card.-double-card {
        width: 100%;
    }

    .client-card.-double-card .client-card__content {
        width: 100%;
    }

    .mobile-icon {
        position: absolute;
        top: 24px;
        right: 24px;
        z-index: 4;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 16px;
        height: 16px;
        cursor: pointer;
        border-radius: 50%;
        background: var(--text-dark);
        transition: background 0.4s;
    }

    .mobile-icon span {
        position: absolute;
        width: 8px;
        height: 1px;
        background-color: var(--white);
        transition: background 0.4s, transform 0.4s;
    }

    .mobile-icon span:last-child {
        transform: rotate(90deg);
    }


    .client-card.-hover .mobile-icon span {
        transform: rotate(0deg);
    }


    .client-card__preview.-red-dot:before {
        left: 50%;
        right: auto;
        bottom: 24px;
        transform: translateX(-50%);
    }

    .client-card.-hover .client-card__content {
        pointer-events: none !important;
    }

    .client-card.-hover .client-card__content .link,
    .client-card.-hover .client-card__content .default-button {
        pointer-events: auto;
    }

    .client-card.-hover .client-card__content {
        opacity: 1;
        pointer-events: auto;
    }

    .client-card__content {
        pointer-events: none;
        padding: var(--margin-betwen-text);
    }


    .client-card__content .text {
        margin: var(--margin-betwen-title-buble) 0 var(--margin-betwen-text) 0;
    }

    .client-card__content .buttons-container .link {
        margin: 0 auto 8px auto;
    }

    .client-card__content .buttons-container .default-button + .link {
        margin: 0 0 0 auto;
    }

    .client-card.-new-client {
        padding: 96px 16px 16px 16px;
        /* background-color: var(--background-dark);
        color: var(--white); */
        min-height: 184px;
    }

    .client-card.-new-client .plus {
        left: 16px;
        top: 16px;
        background-color: var(--text-dark);
    }

    .client-card.-new-client .plus span {
        background: var(--white);
    }

    .client-card.-new-client .plus span:last-child {
        transform: rotate(90deg);
    }


    /* case-card */
    .case-card__img {
        height: 236px;
    }

    .case-card__param-list {
        display: none;
    }

    .case-card.-big-card {
        padding: 16px;
        flex-direction: column;
    }

    .case-card.-big-card .case-card__img {
        height: auto;
        min-height: 216px;
        max-height: 300px;
        width: 100%;
    }


    .case-card.-big-card .case-card__description {
        padding: 0;
        margin-top: var(--margin-betwen-text);
    }

    .case-card.-big-card .bottom-container {
        margin: 0;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;
    }

    .case-card.-big-card .bottom-container .link {
        margin: var(--margin-betwen-content) 0 0 auto;
    }

    /* sticky-list */
    .sticky-block__content {
        padding: var(--margin-betwen-text) 0;
    }

    .sticky-block__content .title .sticky-block__number {
        left: 0;
    }

    .sticky-block .sticky-opener,
    .sticky-block .container {
        height: 40px;
    }


    .sticky-list.-other-paddings .sticky-opener,
    .sticky-list.-other-paddings .container {
        height: 40px;
    }

    .sticky-list.-other-paddings .sticky-opener,
    .sticky-list.-other-paddings .container {
        height: 64px;
    }

    .sticky-block__content-wrapper .sticky-block__number + .sticky-block__text {
        padding-left: 48px;
    }


    .sticky-block__content {
        position: relative;
        padding-left: 0;
    }

    .sticky-block__content > .title {
        position: relative;
        padding-left: 40px;
    }

    .sticky-block__content > .title > .sticky-block__number {
        top: 0;
    }


    .title + .sticky-block__content-wrapper {
        margin-top: var(--margin-betwen-text);
    }

    .sticky-block__img {
        width: 50%;
        min-width: 50%;
    }

    .sticky-block__text p + p {
        margin-top: 8px;
    }


    .sticky-block.-without-title .sticky-block__text .default-button {
        width: 100%;
    }


    .sticky-block.-without-title .sticky-block__text {
        padding-right: 0;
    }

    .sticky-block.-without-title .sticky-block__text .title-big + .position {
        margin: var(--margin-betwen-text) 0 0 0;
    }

    .sticky-block.-without-title .sticky-block__img {
        width: 40%;
        min-width: 40%;
    }

    .sticky-block.-without-title .sticky-block__text .default-button {
        margin-top: var(--margin-betwen-text);
    }

    .sticky-block.-without-title .sticky-block__number {
        left: 0;
        top: 16px;
    }

    .sticky-block.-without-title .sticky-block__content {
        padding: 16px 0 16px 56px;
    }


    /** header */
    .header__menu-menu {
        width: 90%;
        max-width: 800px;
        margin: auto 0;
    }

    body.-has-conveyor .header__menu {
        top: 36px;
        height: calc(var(--window-inner-height) - 36px);
    }

    body.-has-conveyor .header__menu-wrapper {
        height: calc(var(--window-inner-height) - 36px)
    }

    body.-has-conveyor .header__menu .menu-bg {
        transform: translateY(calc(-100% - 36px));
    }

    /* footer-content */
    .footer-content__content {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .footer-content__wrapper {
        padding: var(--margin-betwen-content) 0 32px 0;
    }

    .footer-content__top-menu,
    .footer-content__bottom-menu {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
    }

    .footer-content__top-menu a:not(:last-child) {
        margin: 0 0 16px 0;
    }

    .footer-content__content > *:not(:last-child) {
        margin-bottom: 24px;
    }

    .footer-content__bottom-menu > *:not(:last-child) {
        margin-bottom: 8px;
    }

    .footer-content__content + .footer-content__content {
        margin-top: 64px;
    }

    /** title-block */
    .title-block__wrapper {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
    }

    .title-block__wrapper > * {
        max-width: 100%;
        width: 100%;
    }

    .title-block__wrapper > p {
        margin-left: 0;
        margin-top: var(--margin-betwen-text);
        text-align: left;
        min-width: auto;
    }

    .title-block__wrapper + .subtitle {
        margin-top: var(--margin-betwen-text);
    }

    .title-block__wrapper .side {
        flex-direction: column-reverse;
    }

    .title-block__wrapper .side .clutch {
        margin-top: 16px;
        margin-bottom: 0;
    }


    /* --accordion */
    .--accordion + .--accordion .--accordion__open {
        margin-top: var(--margin-betwen-text);
    }

    .--accordion__open {
        margin-bottom: var(--margin-betwen-text);
    }

    .--accordion__open:before {
        content: '';
        position: absolute;
        left: 0;
        bottom: -16px;
        height: calc(100% + var(--margin-betwen-text) + var(--margin-betwen-text));
    }

    .cube-acordion.--accordion.-open .--accordion__open {
        pointer-events: auto !important;
    }


    .--accordion .opener {
        margin: 0;
    }

    .--accordion__content {
        padding-bottom: var(--margin-betwen-text);
        max-width: 100%;
        padding-right: 24px;
    }

    .opener {
        background: var(--text-dark);
    }

    .opener:before,
    .opener:after {
        background: var(--white);
    }

    .--black-section .opener {
        background: var(--white);
    }

    .--black-section .opener:before,
    .--black-section .opener:after {
        background: var(--text-dark);
    }

    .--black-section .sticky-block__content .title .opener:before, .--black-section .sticky-block__content .title .opener:after {
        background: var(--text-dark);
    }

    /* inner-main-section */
    .inner-main-section {
        margin: var(--margin-betwen-blocks) 0;
    }


    .cube-acordion .--accordion__open .title {
        padding-top: 5px;
    }

    .--accordion__open .title .number {
        margin-top: -1px;
    }

    span.-has-sup sup {
        right: 0;
        transform: translateX(0%);
    }

    .-sup-in-row span.-has-sup {
        padding-right: 8px;
    }

    .-sup-in-row span.-has-sup sup {
        transform: none;
        right: 8px;
        top: 0;
    }


    .testimonial-slider .swiper-wrapper {
        pointer-events: auto;
    }


    /** conveyor belt */
    body.-has-conveyor {
        padding-top: 36px;
    }

    body.-has-conveyor .header {
        top: 36px;
    }

    body.-has-conveyor .header.-hide {
        transform: translateY(calc(-100% - 36px));
    }

    html.-scroll-lock .conveyor-container {
        right: var(--scrollbar-width);
    }


    .close-conveyor {
        padding: 0 24px 0 16px;
        border-left: 1px solid var(--white);
        padding-top: 2px;
        height: 36px;
    }

    .close-conveyor:after {
        content: '';
        display: block;
        margin-left: 8px;
        height: 13px;
        width: 13px;
        background: no-repeat center / contain url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjkzOTQgNy4wMDAwNkwwLjQ2OTcyNyAxLjUzMDM5TDEuNTMwMzkgMC40Njk3MjdMNy4wMDAwNiA1LjkzOTRMMTIuNDY5NyAwLjQ2OTcyN0wxMy41MzA0IDEuNTMwMzlMOC4wNjA3MiA3LjAwMDA2TDEzLjUzMDQgMTIuNDY5N0wxMi40Njk3IDEzLjUzMDRMNy4wMDAwNiA4LjA2MDcyTDEuNTMwMzkgMTMuNTMwNEwwLjQ2OTcyNyAxMi40Njk3TDUuOTM5NCA3LjAwMDA2WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==);
        transition: transform 0.4s;
        margin-top: -2px;
    }

    .conveyor-belt__belt-part + .conveyor-belt__belt-part:before {
        margin-top: 0;
    }

    .conveyor-belt__belt:before {
        width: 20px;
    }

    .conveyor-belt__belt:after {
        right: 89px;
        width: 20px;
    }

}

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

    /* footer contact */
    .footer-contact .default-button {
        width: 100%;
    }


    .testimonial-slider .testimonial-card {
        margin: 0;
    }

    .testimonial-card {
        width: 100%;
    }


    /* client-list */
    .client-list .client-card {
        grid-column: span 12;
    }

    .client-card {
        width: 100%;
    }

    .client-card + .client-card {
        border-top: none;
    }

    .client-card__content .buttons-container {
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
    }

    .client-card__content .buttons-container .default-button {
        margin-right: 0;
        width: 100%;
    }


    .client-card__content .buttons-container .link {
        margin: 0 0 8px 0;
    }

    .client-card__content .buttons-container .default-button + .link {
        margin: 16px 0 8px 0;
    }

    /* case-card */
    .case-card {
        width: 100%;
    }


    /* sticky-list */
    .sticky-block__content {
        position: relative;
        padding-left: 0;
    }

    .sticky-block__content > .title {
        position: relative;
        padding-left: 40px;
    }

    .sticky-block__content > .title > .sticky-block__number {
        top: 0;
    }


    .title + .sticky-block__content-wrapper {
        margin-top: var(--margin-betwen-text);
    }

    .sticky-block__content-wrapper {
        flex-direction: column;
    }

    .sticky-block__img {
        width: 100%;
        margin: 0;
    }

    .sticky-block__text.for-mob {
        display: block !important;
    }

    .sticky-block__text .for-pc {
        display: none;
    }

    .sticky-block__text {
        margin-top: var(--margin-betwen-text);
        width: 100%;
    }

    .sticky-block__text p + p {
        margin-top: 8px;
    }


    .sticky-block.-without-title .sticky-block__img + .sticky-block__text {
        padding-right: 0;
        margin-top: var(--margin-betwen-text);
    }

    .sticky-block.-without-title .sticky-block__text + .sticky-block__img {
        margin-top: var(--margin-betwen-text);
    }

    .sticky-block.-without-title .sticky-block__content {
        padding: 15px 0;
    }

    .sticky-block.-without-title.-always-open .sticky-block__content {
        padding: 64px 0 16px 0;
    }

    .sticky-block.-without-title .sticky-block__content-wrapper {
        flex-direction: column;
    }

    .sticky-block.-without-title .sticky-block__img {
        width: 100%;
        min-width: auto;
        max-height: 300px;
    }

    .sticky-block.-without-title .sticky-block__img img {
        width: 100%;
        max-height: inherit;
        object-fit: cover;
    }

    .sticky-block.-without-title .sticky-block__text .default-button {
        margin-top: var(--margin-betwen-text);
    }


    /** header */
    .header__wrapper > .default-button {
        display: none;
    }

    .logo {
        width: 75px;
        height: 24px;
    }

    .header__burger {
        width: 20px;
    }

    .header__burger span {
        height: 2px;
        width: 20px;
    }

    .header.-white .header__burger {
        height: 16px;
    }

    .header.-white .header__burger span {
        width: 20px;
    }

    .header.-white .header__burger span:first-child {
        transform: rotate(45deg) translate(3px, 3px);
    }

    .header.-white .header__burger span:last-child {
        transform: rotate(-45deg) translate(3px, -3px);
    }

    .header__burger span:last-child {
        margin-top: 6px;
    }

    .header__menu-wrapper .scrollable-section .container {
        overflow: hidden;
    }

    .header__menu-menu {
        width: 100%;
        flex-direction: column;
        margin: auto 0;
    }

    .header__menu-menu a {
        margin: 0;
    }

    .header__menu-menu > *:not(:last-child) {
        margin: 0 0 var(--margin-betwen-content) 0;
    }

    .header {
        padding: 16px 0;
    }

    .header__menu-wrapper {
        padding: 56px 0 20px 0;
        overflow: auto;
    }

    .header__menu-wrapper .default-button {
        margin-top: 84px;
        width: 100%;
    }

    .header__menu-footer-content {
        padding-top: 16px;
        flex-direction: column;
        align-items: flex-start;
    }

    .header__menu-footer-content p + p {
        margin-top: 24px;
    }

    .header__menu-wrapper .scrollable-section {
        padding: 40px 0 0 0;
        overflow: auto;
    }

    .header__menu-wrapper .scrollable-section .header__menu-footer-content {
        margin-top: 40px;
    }

    .header__menu-wrapper .scrollable-section .img {
        display: none;
    }

    /* inner-main-section */
    .inner-main-section .default-button {
        width: 100%;
    }


    /* Cookie banner */
    .cookie-banner {
        bottom: 16px;
    }

    .cookie-banner__inner {
        border-radius: 24px;
        width: 100%;
        padding: 15px 7px;
        margin: 0 auto;
        flex-direction: column;
    }

    .cookie-banner .cookie-banner__text {
        padding-left: 32px;
    }

    .cookie-banner .button {
        width: 100%;
        margin-top: 16px;
    }

    .close-conveyor {
        padding: 0 16px;
        border-left: 1px solid var(--white);
        padding-top: 2px;
    }

    .close-conveyor:after {
        content: '';
        display: block;
        margin-left: 8px;
        height: 13px;
        width: 13px;
        background: no-repeat center / contain url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjkzOTQgNy4wMDAwNkwwLjQ2OTcyNyAxLjUzMDM5TDEuNTMwMzkgMC40Njk3MjdMNy4wMDAwNiA1LjkzOTRMMTIuNDY5NyAwLjQ2OTcyN0wxMy41MzA0IDEuNTMwMzlMOC4wNjA3MiA3LjAwMDA2TDEzLjUzMDQgMTIuNDY5N0wxMi40Njk3IDEzLjUzMDRMNy4wMDAwNiA4LjA2MDcyTDEuNTMwMzkgMTMuNTMwNEwwLjQ2OTcyNyAxMi40Njk3TDUuOTM5NCA3LjAwMDA2WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==);
        transition: transform 0.4s;
        margin-top: -2px;
    }

}