.services__text-small, .we-use__text-first, .we-use__text-second {
    font-size: calc(var(--scale-rem) * 1.4);
    line-height: 1.42857em;
    --lh: 1.42857em;
    letter-spacing: 0;
    font-weight: 400
}

.we-use__title {
    font-size: calc(var(--scale-rem) * 3.6);
    line-height: .97222em;
    --lh: 0.97222em;
    letter-spacing: -.02em
}

@media (min-width: 568px) and (max-aspect-ratio: 13/9),(min-width: 668px) and (min-height: 416px),(min-width: 980px) {
    .services__text-small {
        letter-spacing: -.02em
    }

    .services__text-small, .we-use__text-first, .we-use__text-second {
        font-size: calc(var(--scale-rem) * 1.6);
        line-height: 1.25em;
        --lh: 1.25em;
        font-weight: 400
    }

    .we-use__text-first, .we-use__text-second {
        letter-spacing: 0
    }

    .we-use__title {
        font-size: calc(var(--scale-rem) * 9.2);
        line-height: .86957em;
        --lh: 0.86957em;
        letter-spacing: -.04em
    }
}

.title-border {
    border-bottom: 1px solid;
    border-bottom-color: var(--t-line);
    padding-bottom: 16px;
    display: flex;
    position: relative;
    z-index: 1;
    color: var(--t-title)
}

.title-border h2 {
    font-size: calc(var(--scale-rem) * 1.4);
    line-height: 1.14286em;
    --lh: 1.14286em;
    letter-spacing: -.02em;
    color: var(--t-title)
}

@media (min-width: 568px) and (max-aspect-ratio: 13/9),(min-width: 668px) and (min-height: 416px),(min-width: 980px) {
    .title-border h2 {
        font-size: calc(var(--scale-rem) * 1.6);
        line-height: 1.25em;
        --lh: 1.25em;
        letter-spacing: -.02em;
        font-weight: 400
    }
}

.title-border__counter {
    margin-left: auto;
    color: rgba(var(--t-small-rgb), .6);
    font-size: calc(var(--scale-rem) * 1.4);
    line-height: 1.14286em;
    --lh: 1.14286em;
    letter-spacing: -.02em
}

@media (min-width: 568px) and (max-aspect-ratio: 13/9),(min-width: 668px) and (min-height: 416px),(min-width: 980px) {
    .title-border__counter {
        font-size: calc(var(--scale-rem) * 1.6);
        line-height: 1.25em;
        --lh: 1.25em;
        letter-spacing: -.02em;
        font-weight: 400
    }
}

.title-border--grey h2 {
    color: var(--t-text)
}

@media (min-width: 568px) and (max-aspect-ratio: 13/9),(min-width: 668px) and (min-height: 416px),(min-width: 980px) {
    .title-border--border-md-top {
        border-bottom: 0;
        border-top: 1px solid;
        border-top-color: var(--t-line);
        padding-bottom: 0;
        padding-top: 23px
    }
}

.list-counters li {
    border-top: 1px solid;
    border-top-color: var(--t-line);
    display: flex;
    padding: calc(var(--scale-px) * 30) 0 calc(var(--scale-px) * 32)
}

.list-counters li:last-child {
    padding-bottom: 0
}

.list-counters__count {
    width: calc(var(--scale-perc) * 27);
    flex-basis: calc(var(--scale-perc) * 27);
    min-width: calc(var(--scale-perc) * 27);
    color: var(--t-primary);
    font-size: calc(var(--scale-rem) * 2.6);
    line-height: 1.15385em;
    --lh: 1.15385em;
    letter-spacing: -.02em
}

@media (min-width: 568px) and (max-aspect-ratio: 13/9),(min-width: 668px) and (min-height: 416px),(min-width: 980px) {
    .list-counters__count {
        font-size: calc(var(--scale-rem) * 3.7);
        line-height: 1.21622em;
        --lh: 1.21622em;
        letter-spacing: -.04em
    }
}

.list-counters__text {
    font-size: calc(var(--scale-rem) * 1.4);
    line-height: 1.42857em;
    --lh: 1.42857em;
    letter-spacing: 0;
    font-weight: 400;
    padding-right: calc(var(--scale-px) * 20)
}

@media (min-width: 568px) and (max-aspect-ratio: 13/9),(min-width: 668px) and (min-height: 416px),(min-width: 980px) {
    .list-counters__text {
        font-size: calc(var(--scale-rem) * 1.6);
        line-height: 1.25em;
        --lh: 1.25em;
        letter-spacing: 0;
        font-weight: 400
    }
}

@media (min-width: 568px) and (max-aspect-ratio: 13/9),(min-width: 668px) and (min-height: 416px),(min-width: 980px) {
    .list-counters li {
        padding: calc(var(--scale-px) * 60) 0 calc(var(--scale-px) * 56);
        align-items: center
    }

    .list-counters li:first-child {
        border: 0
    }

    .list-counters__count {
        width: calc(var(--scale-perc) * 18);
        flex-basis: calc(var(--scale-perc) * 18);
        min-width: calc(var(--scale-perc) * 18)
    }

    .list-counters--big .list-counters__count {
        width: calc(var(--scale-px) * 100);
        flex-basis: calc(var(--scale-px) * 100);
        min-width: calc(var(--scale-px) * 100)
    }

    .list-counters--big .list-counters__text {
        padding-right: 0
    }
}

.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    touch-action: manipulation;
    -moz-backface-visibility: hidden
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    transform: translateZ(0)
}

.owl-carousel .owl-item, .owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0)
}

.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%
}

.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
    display: none
}

.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
    background: none;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit
}

.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.no-js .owl-carousel {
    display: block
}

.owl-height {
    transition: height .5s cubic-bezier(.55, 0, .1, 1)
}

.carousel-owl {
    position: relative
}

.carousel-owl .carousel-owl__fallback, .carousel-owl .owl-stage {
    display: flex;
    align-items: flex-start
}

.carousel-owl .owl-stage, .carousel-owl .owl-stage-outer {
    width: 100%
}

.carousel-owl .owl-nav {
    display: none
}

.carousel-owl .owl-drag, .carousel-owl .owl-drag .card__overlay {
    cursor: move;
    cursor: grab;
    cursor: -webkit-grab
}

.carousel-owl .owl-grab, .carousel-owl .owl-grab .btn-container, .carousel-owl .owl-grab .card__overlay {
    cursor: grabbing;
    cursor: -webkit-grabbing
}

.carousel-owl-item {
    width: 100%
}

.carousel-owl-item img, .carousel-owl-item picture {
    width: 100%;
    height: auto;
    min-height: 1px
}

.carousel-owl--full .owl-stage-outer {
    overflow: visible
}

.carousel-owl__side-content {
    position: relative;
    z-index: 2
}

.carousel-owl__side-content a, .carousel-owl__side-content h2, .carousel-owl__side-content h3, .carousel-owl__side-content p {
    position: relative
}

.carousel-owl__side-background {
    position: relative;
    z-index: 1
}

.carousel-owl__side-background:before {
    content: "";
    position: absolute;
    z-index: 0;
    right: 0;
    top: -1px;
    height: calc(100% + 2px);
    width: 100vw;
    background: var(--t-background)
}

.carousel-owl--not-ready .is-hidden--not-ready {
    display: none !important
}

.sticky {
    --sticky-content-height: 0px;
    --sticky-full-height: 0px;
    --sticky-margin: min(0px, calc(var(--sticky-content-height) / 2 - var(--viewport-height) / 2));
    --sticky-padding: max(0px, calc(var(--viewport-height) / 2 - var(--sticky-content-height) / 2));
    position: relative;
    margin-top: var(--sticky-margin);
    margin-bottom: var(--sticky-margin);
    height: var(--sticky-full-height)
}

.sticky__sticky {
    position: sticky;
    top: 0;
    height: var(--viewport-height);
    padding-top: var(--sticky-padding);
    padding-bottom: var(--sticky-padding);
    overflow: hidden;
    overflow: clip
}

.has-scroll-smooth .sticky__sticky {
    position: relative
}

@media (max-width: 567px) and (max-aspect-ratio: 13/9),(max-width: 667px) and (min-aspect-ratio: 13/9),(max-width: 979px) and (max-height: 415px) and (min-aspect-ratio: 13/9) {
    .sticky--md-up {
        margin-top: 0;
        margin-bottom: 0;
        height: auto
    }

    .sticky--md-up .sticky__sticky {
        position: relative;
        padding-top: 0;
        padding-bottom: 0;
        height: auto
    }
}

.no-hover .sticky--has-hover {
    margin-top: 0;
    margin-bottom: 0;
    height: auto
}

.no-hover .sticky--has-hover .sticky__sticky {
    position: relative;
    padding-top: 0;
    padding-bottom: 0;
    height: auto
}

.tabs-contents {
    position: relative;
    overflow: visible !important
}

.tabs-contents__content[aria-hidden=true] {
    display: none
}

.tabs-contents__content--animating-in {
    position: absolute !important;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    min-height: 100%
}

.tabs-height-test .tabs-contents__content--animating-in {
    min-height: 0
}

.tabs-contents__content--animating-top {
    z-index: 2
}

.tabs-contents__content[aria-hidden=false]:not(.tabs-contents__content--animating-in) ~ .tabs-contents__content[aria-hidden=false] {
    position: absolute !important;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    min-height: 100%
}

.tabs-height-test .tabs-contents__content[aria-hidden=false]:not(.tabs-contents__content--animating-in) ~ .tabs-contents__content[aria-hidden=false] {
    min-height: 0
}

.services-intro__content {
    padding-top: calc(var(--header-height) * 3 + calc(var(--scale-px) * 30))
}

.services-intro__content__wrap {
    position: relative;
    height: calc(100vh - calc(var(--header-height) * 3 + calc(var(--scale-px) * 30)))
}

.services-intro__content__wrap:after {
    content: "";
    position: absolute;
    background: var(--t-primary);
    top: 0;
    right: 50%;
    bottom: 0;
    left: 50%;
    width: 100vw;
    margin-left: -50vw;
    margin-right: -50vw;
    z-index: -1
}

.services-intro__content__title {
    position: relative;
    z-index: 1;
    transform: translateY(-61%);
    font-size: calc(var(--scale-rem) * 6.1);
    line-height: 1.01449em;
    --lh: 1.01449em;
    letter-spacing: -.04em
}

@media (min-width: 568px) and (max-aspect-ratio: 13/9),(min-width: 668px) and (min-height: 416px),(min-width: 980px) {
    .services-intro__content__title {
        font-size: calc(var(--scale-rem) * 11.4);
        line-height: .97561em;
        --lh: 0.97561em;
        letter-spacing: -.04em
    }
}

.services-intro__background picture, .services-intro__logo picture, .services-intro__man picture {
    width: 100%;
    height: 100%
}

.services-intro__background img, .services-intro__logo img, .services-intro__man img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: "object-fit: cover"
}

.services-intro__logo {
    position: absolute;
    bottom: 0;
    left: calc(var(--scale-px) * -60);
    right: calc(var(--scale-px) * -60);
    overflow: hidden
}

.services-intro__logo img {
    image-rendering: crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: -moz-crisp-edges
}

.services-intro__logo--lt img {
    -o-object-position: 0 0;
    object-position: 0 0
}

.services-intro__next {
    position: absolute;
    bottom: calc(var(--scale-px) * 30);
    width: 100%;
    display: flex;
    justify-content: center;
    z-index: 2
}

.services-intro__next__wrap {
    width: 100%;
    max-width: 1680px;
    display: flex;
    padding-right: var(--md, calc(var(--scale-px) * 140)) var(--n-md, var(--sm, calc(var(--scale-px) * 60)) var(--n-sm, calc(var(--scale-px) * 30)));
    padding-left: var(--md, calc(var(--scale-px) * 140)) var(--n-md, var(--sm, calc(var(--scale-px) * 60)) var(--n-sm, calc(var(--scale-px) * 30)))
}

.services-intro__next__btn {
    position: relative;
    z-index: 1
}

@media (max-width: 667px) and (min-aspect-ratio: 13/9),(max-width: 979px) and (max-height: 415px) and (min-aspect-ratio: 13/9) {
    .services-intro__content {
        padding-top: calc(var(--header-height) * 2)
    }

    .services-intro__content__wrap, .services-intro__logo {
        height: calc(100vh - calc(var(--header-height) * 2))
    }

    .services-intro__logo {
        right: 0;
        left: auto;
        width: auto;
        margin-left: calc(var(--scale-px) * 200)
    }

    .services-intro__logo__container, .services-intro__logo__wrap {
        height: 100%
    }

    .services-intro__logo picture, .services-intro__logo picture img {
        width: auto
    }
}

@media (min-width: 568px) and (max-aspect-ratio: 13/9),(min-width: 668px) and (min-height: 416px),(min-width: 980px) {
    .services-intro {
        min-height: calc(var(--scale-px) * 700)
    }

    .services-intro__next {
        bottom: calc(var(--spacing) * 2)
    }

    .services-intro__logo {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        height: 100vh
    }

    .services-intro__logo__container {
        height: 100%
    }

    .services-intro__logo__wrap {
        height: 100%;
        padding-top: calc(28.66667vh + calc(var(--scale-px) * 92));
        margin-left: calc(var(--scale-px) * 200);
        position: relative
    }

    .services-intro__logo picture {
        height: 100%
    }

    .services-intro__logo svg {
        width: auto;
        height: 100%;
        position: relative;
        z-index: 1
    }

    .services-intro__logo img {
        position: absolute;
        top: calc(28.66667vh + calc(var(--scale-px) * 92));
        left: 0;
        height: calc(100% - (28.66667vh + (calc(var(--scale-px) * 92))));
        width: calc(50vw + 42%)
    }

    .services-intro__content {
        padding-top: calc(28.66667vh + calc(var(--scale-px) * 92));
        height: 100vh
    }

    .services-intro__content__wrap {
        min-height: 100%
    }
}

@media (min-width: 1920px) and (min-height: 600px) {
    .services-intro__content {
        padding-top: calc(var(--header-height) * 2 + calc(var(--scale-px) * 44))
    }

    .services-intro__content__wrap {
        height: calc(100vh - calc(var(--header-height) * 2 + calc(var(--scale-px) * 44)))
    }

    .services-intro__logo__wrap {
        height: 100%;
        padding-top: calc(var(--scale-px) * 360);
        margin-left: calc(var(--scale-px) * 239)
    }

    .services-intro__logo__wrap img {
        height: calc(100% - calc(var(--scale-px) * 360));
        bottom: 0;
        top: calc(var(--scale-px) * 360);
        right: 0
    }
}

.card-service {
    position: relative;
    height: inherit;
    display: block;
    overflow: hidden;
    height: 100%
}

.card-service__image {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: calc(var(--scale-px) * 60);
    margin-bottom: calc(var(--scale-px) * 40)
}

.card-service__image picture {
    width: 44.44444vw
}

.card-service__image img {
    display: block;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: "object-fit: cover"
}

.card-service__layer {
    position: relative;
    padding: calc(var(--scale-px) * 40);
    background: var(--c-grey-dark)
}

.card-service__title {
    font-size: calc(var(--scale-rem) * 1.6);
    line-height: 1.25em;
    --lh: 1.25em;
    letter-spacing: -.02em;
    font-weight: 400
}

@media (min-width: 568px) and (max-aspect-ratio: 13/9),(min-width: 668px) and (min-height: 416px),(min-width: 980px) {
    .card-service__title {
        font-size: calc(var(--scale-rem) * 2);
        line-height: 1.25em;
        --lh: 1.25em;
        letter-spacing: -.02em
    }
}

.card-service__btn {
    position: absolute;
    top: calc(var(--scale-px) * 30);
    right: calc(var(--scale-px) * 30)
}

.card-service__hover, .card-service__layer {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%
}

.card-service__description {
    position: absolute;
    bottom: calc(var(--scale-px) * 40);
    left: calc(var(--scale-px) * 40);
    right: calc(var(--scale-px) * 40);
    color: var(--t-small);
    font-size: calc(var(--scale-rem) * 1.4);
    line-height: 1.42857em;
    --lh: 1.42857em;
    letter-spacing: 0;
    font-weight: 400
}

@media (min-width: 568px) and (max-aspect-ratio: 13/9),(min-width: 668px) and (min-height: 416px),(min-width: 980px) {
    .card-service__description {
        font-size: calc(var(--scale-rem) * 1.4);
        line-height: 1.25em;
        --lh: 1.25em;
        letter-spacing: 0;
        font-weight: 400
    }
}

.card-service__hover {
    transform: translateY(100%);
    overflow: hidden
}

.card-service__hover, .card-service__hover__background {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: transform .8s cubic-bezier(.55, 0, .1, 1)
}

.card-service__hover__background {
    z-index: -1;
    transform: translateY(-100%)
}

.card-service__hover__background img {
    transition: transform .8s cubic-bezier(.55, 0, .1, 1)
}

.card-service__hover .card-service__title {
    color: var(--t-text)
}

.card-service__small {
    font-size: calc(var(--scale-rem) * 1.2);
    line-height: 1.16667em;
    --lh: 1.16667em;
    letter-spacing: -.02em;
    font-weight: 400
}

@media (min-width: 568px) and (max-aspect-ratio: 13/9),(min-width: 668px) and (min-height: 416px),(min-width: 980px) {
    .card-service__small {
        font-size: calc(var(--scale-rem) * 1.4);
        line-height: 1.14286em;
        --lh: 1.14286em;
        letter-spacing: -.02em
    }
}

.card-service__bottom {
    padding-top: var(--spacing);
    border-top: 1px solid;
    border-top-color: var(--t-line)
}

@media (min-width: 568px) and (max-aspect-ratio: 13/9),(min-width: 668px) and (min-height: 416px),(min-width: 980px) {
    .card-service {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
    }

    .card-service__description {
        bottom: auto;
        top: calc(var(--scale-px) * 60);
        right: calc(var(--scale-px) * 60);
        left: calc(var(--scale-px) * 60);
        /*max-width: calc(var(--scale-px) * 330)*/
    }

    .card-service__image {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0
    }

    .card-service__image picture {
        width: 13.88889vw;
        max-width: calc(var(--scale-px) * 300)
    }

    .card-service__title {
        position: absolute;
        bottom: calc(var(--scale-px) * 55);
        left: calc(var(--scale-px) * 60);
        right: calc(var(--scale-px) * 60)
    }  .card-service__titleiki {
        position: absolute;
        bottom: calc(var(--scale-px) * 75);
        left: calc(var(--scale-px) * 60);
        right: calc(var(--scale-px) * 60)
    }

    .card-service__btn {
        top: calc(var(--scale-px) * 40);
        right: calc(var(--scale-px) * 40)
    }
}

.card-service.active .card-service__hover, .card-service.active .card-service__hover .card-service__hover__background, .has-hover .card-service:hover .card-service__hover, .has-hover .card-service:hover .card-service__hover .card-service__hover__background {
    transform: translateY(0)
}

.services__text {
    font-size: calc(var(--scale-rem) * 2.6);
    line-height: 1.15385em;
    --lh: 1.15385em;
    letter-spacing: -.02em
}

@media (min-width: 568px) and (max-aspect-ratio: 13/9),(min-width: 668px) and (min-height: 416px),(min-width: 980px) {
    .services__text {
        font-size: calc(var(--scale-rem) * 3.7);
        line-height: 1.21622em;
        --lh: 1.21622em;
        letter-spacing: -.04em
    }
}

.services__text-small {
    margin-top: calc(var(--scale-px) * 30);
    color: var(--c-grey-light)
}

.services__title {
    margin: calc(var(--scale-px) * 65) calc(var(--scale-px) * -37) calc(var(--scale-px) * -40) calc(var(--scale-px) * -43)
}

.services__title img, .services__title picture {
    width: 100%;
    height: auto
}

.services__title img {
    display: block
}

.services .carousel-owl-item {
    flex: 0 0 calc(100% - var(--spacing));
    width: calc(100% - var(--spacing));
    height: 100%;
    min-height: calc(var(--scale-px) * 410)
}

.services .carousel-owl-item _:-ms-input-placeholder, :root .services .carousel-owl-item {
    min-width: calc(100% - var(--spacing));
    max-width: calc(100% - var(--spacing))
}

@-moz-document url-prefix() {
    .services .carousel-owl-item {
        max-width: calc(100% - var(--spacing))
    }
}

.services .carousel-owl .owl-stage {
    align-items: normal
}

@media (min-width: 568px) and (max-aspect-ratio: 13/9),(min-width: 668px) and (min-height: 416px),(min-width: 980px) {
    .services__content {
        margin-top: calc(var(--spacing) * 2)
    }

    .services__title {
        margin: 150px auto -9.2%;
        padding: 0 calc(var(--scale-px) * 20) 0 calc(var(--scale-px) * 20)
    }

    .services__text {
        padding-right: calc(var(--scale-px) * 20)
    }

    .services__text-small {
        margin-top: calc(var(--scale-px) * 60);
        padding-right: calc(var(--scale-px) * 40)
    }

    .services .js-carousel-owl {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }

    .services .carousel-owl-item {
        flex: 0 0 calc(50% - calc(var(--scale-px) * 20));
        width: calc(50% - calc(var(--scale-px) * 20));
        height: 0;
        min-height: 0;
        padding-top: calc(50% - calc(var(--scale-px) * 20));
        margin-bottom: calc(var(--scale-px) * 40);
        position: relative
    }

    .services .carousel-owl-item _:-ms-input-placeholder, :root .services .carousel-owl-item {
        min-width: calc(50% - calc(var(--scale-px) * 20));
        max-width: calc(50% - calc(var(--scale-px) * 20))
    }

    @-moz-document url-prefix() {
        .services .carousel-owl-item {
            max-width: calc(50% - calc(var(--scale-px) * 20))
        }
    }.services--service .carousel-owl-item {
         flex: 0 0 calc(100% / 12 * 4 - calc(var(--scale-px) * 26.66));
         width: calc(100% / 12 * 4 - calc(var(--scale-px) * 26.66))
     }

    .services--service .carousel-owl-item _:-ms-input-placeholder, :root .services--service .carousel-owl-item {
        min-width: calc(100% / 12 * 4 - calc(var(--scale-px) * 26.66));
        max-width: calc(100% / 12 * 4 - calc(var(--scale-px) * 26.66))
    }

    @-moz-document url-prefix() {
        .services--service .carousel-owl-item {
            max-width: calc(100% / 12 * 4 - calc(var(--scale-px) * 26.66))
        }
    }.services--service .carousel-owl-item:first-child {
         flex: 0 0 calc(100% / 12 * 8 - calc(var(--scale-px) * 13.33));
         width: calc(100% / 12 * 8 - calc(var(--scale-px) * 13.33))
     }

    .services--service .carousel-owl-item:first-child _:-ms-input-placeholder, :root .services--service .carousel-owl-item:first-child {
        min-width: calc(100% / 12 * 8 - calc(var(--scale-px) * 13.33));
        max-width: calc(100% / 12 * 8 - calc(var(--scale-px) * 13.33))
    }

    @-moz-document url-prefix() {
        .services--service .carousel-owl-item:first-child {
            max-width: calc(100% / 12 * 8 - calc(var(--scale-px) * 13.33))
        }
    }.services--service .card-service__title {
         left: calc(var(--scale-px) * 40);
         right: calc(var(--scale-px) * 40);
         bottom: calc(var(--scale-px) * 40)
     }

    .services--service .card-service__btn {
        right: calc(var(--scale-px) * 40);
        top: calc(var(--scale-px) * 40)
    }

    .services--service .card-service__image {
        margin-top: calc(var(--scale-px) * -20)
    }
}

#services {
    z-index: 1
}

.row {
    display: flex;
    flex-wrap: wrap
}

.row--pad {
    margin-left: calc(calc(var(--scale-px) * 10) / -2);
    margin-right: calc(calc(var(--scale-px) * 10) / -2)
}

.row--pad > .col {
    padding-left: calc(calc(var(--scale-px) * 10) / 2);
    padding-right: calc(calc(var(--scale-px) * 10) / 2)
}

@media (min-aspect-ratio: 13/9),(min-width: 568px) {
    .row--pad {
        margin-left: calc(calc(var(--scale-px) * 10) / -2);
        margin-right: calc(calc(var(--scale-px) * 10) / -2)
    }

    .row--pad > .col {
        padding-left: calc(calc(var(--scale-px) * 10) / 2);
        padding-right: calc(calc(var(--scale-px) * 10) / 2)
    }
}

@media (min-width: 568px) and (max-aspect-ratio: 13/9),(min-width: 668px) and (min-height: 416px),(min-width: 980px) {
    .row--pad {
        margin-left: calc(calc(var(--scale-px) * 40) / -2);
        margin-right: calc(calc(var(--scale-px) * 40) / -2)
    }

    .row--pad > .col {
        padding-left: calc(calc(var(--scale-px) * 40) / 2);
        padding-right: calc(calc(var(--scale-px) * 40) / 2)
    }
}

.row--pad--large {
    margin-right: calc(var(--scale-px) * -20);
    margin-left: calc(var(--scale-px) * -20)
}

.row--pad--large > .col {
    padding-left: calc(var(--scale-px) * 20);
    padding-right: calc(var(--scale-px) * 20)
}

.col {
    flex: 1;
    max-width: 100%
}

.col--xs-1 {
    flex: 0 1 8.33333%;
    width: 8.33333%
}

.col--xs-1 _:-ms-input-placeholder, :root .col--xs-1 {
    min-width: 8.33333%;
    max-width: 8.33333%
}

@-moz-document url-prefix() {
    .col--xs-1 {
        max-width: 8.33333%
    }
}

.offset--xs-1 {
    margin-left: 8.33333%
}

.col--xs-2 {
    flex: 0 1 16.66667%;
    width: 16.66667%
}

.col--xs-2 _:-ms-input-placeholder, :root .col--xs-2 {
    min-width: 16.66667%;
    max-width: 16.66667%
}

@-moz-document url-prefix() {
    .col--xs-2 {
        max-width: 16.66667%
    }
}

.offset--xs-2 {
    margin-left: 16.66667%
}

.col--xs-3 {
    flex: 0 1 25%;
    width: 25%
}

.col--xs-3 _:-ms-input-placeholder, :root .col--xs-3 {
    min-width: 25%;
    max-width: 25%
}

@-moz-document url-prefix() {
    .col--xs-3 {
        max-width: 25%
    }
}

.offset--xs-3 {
    margin-left: 25%
}

.col--xs-4 {
    flex: 0 1 33.33333%;
    width: 33.33333%
}

.col--xs-4 _:-ms-input-placeholder, :root .col--xs-4 {
    min-width: 33.33333%;
    max-width: 33.33333%
}

@-moz-document url-prefix() {
    .col--xs-4 {
        max-width: 33.33333%
    }
}

.offset--xs-4 {
    margin-left: 33.33333%
}

.col--xs-5 {
    flex: 0 1 41.66667%;
    width: 41.66667%
}

.col--xs-5 _:-ms-input-placeholder, :root .col--xs-5 {
    min-width: 41.66667%;
    max-width: 41.66667%
}

@-moz-document url-prefix() {
    .col--xs-5 {
        max-width: 41.66667%
    }
}

.offset--xs-5 {
    margin-left: 41.66667%
}

.col--xs-6 {
    flex: 0 1 50%;
    width: 50%
}

.col--xs-6 _:-ms-input-placeholder, :root .col--xs-6 {
    min-width: 50%;
    max-width: 50%
}

@-moz-document url-prefix() {
    .col--xs-6 {
        max-width: 50%
    }
}

.offset--xs-6 {
    margin-left: 50%
}

.col--xs-7 {
    flex: 0 1 58.33333%;
    width: 58.33333%
}

.col--xs-7 _:-ms-input-placeholder, :root .col--xs-7 {
    min-width: 58.33333%;
    max-width: 58.33333%
}

@-moz-document url-prefix() {
    .col--xs-7 {
        max-width: 58.33333%
    }
}

.offset--xs-7 {
    margin-left: 58.33333%
}

.col--xs-8 {
    flex: 0 1 66.66667%;
    width: 66.66667%
}

.col--xs-8 _:-ms-input-placeholder, :root .col--xs-8 {
    min-width: 66.66667%;
    max-width: 66.66667%
}

@-moz-document url-prefix() {
    .col--xs-8 {
        max-width: 66.66667%
    }
}

.offset--xs-8 {
    margin-left: 66.66667%
}

.col--xs-9 {
    flex: 0 1 75%;
    width: 75%
}

.col--xs-9 _:-ms-input-placeholder, :root .col--xs-9 {
    min-width: 75%;
    max-width: 75%
}

@-moz-document url-prefix() {
    .col--xs-9 {
        max-width: 75%
    }
}

.offset--xs-9 {
    margin-left: 75%
}

.col--xs-10 {
    flex: 0 1 83.33333%;
    width: 83.33333%
}

.col--xs-10 _:-ms-input-placeholder, :root .col--xs-10 {
    min-width: 83.33333%;
    max-width: 83.33333%
}

@-moz-document url-prefix() {
    .col--xs-10 {
        max-width: 83.33333%
    }
}

.offset--xs-10 {
    margin-left: 83.33333%
}

.col--xs-11 {
    flex: 0 1 91.66667%;
    width: 91.66667%
}

.col--xs-11 _:-ms-input-placeholder, :root .col--xs-11 {
    min-width: 91.66667%;
    max-width: 91.66667%
}

@-moz-document url-prefix() {
    .col--xs-11 {
        max-width: 91.66667%
    }
}

.offset--xs-11 {
    margin-left: 91.66667%
}

.col--xs-12 {
    flex: 0 1 100%;
    width: 100%
}

.col--xs-12 _:-ms-input-placeholder, :root .col--xs-12 {
    min-width: 100%;
    max-width: 100%
}

@-moz-document url-prefix() {
    .col--xs-12 {
        max-width: 100%
    }
}

.offset--xs-12 {
    margin-left: 100%
}

.col--xs-full {
    flex: 0 1 100%;
    width: 100%
}

.col--xs-full _:-ms-input-placeholder, :root .col--xs-full {
    min-width: 100%;
    max-width: 100%
}

@-moz-document url-prefix() {
    .col--xs-full {
        max-width: 100%
    }
}

.offset--xs-0 {
    margin-left: 0
}

.col--xs-auto {
    flex: 0 0 auto;
    width: auto
}

.col--xs-auto _:-ms-input-placeholder, :root .col--xs-auto {
    min-width: 0;
    max-width: 100%
}

@-moz-document url-prefix() {
    .col--xs-auto {
        max-width: none
    }
}

.col--xs-fill {
    flex: 1 1 auto;
    width: auto
}

.col--xs-fill _:-ms-input-placeholder, :root .col--xs-fill {
    min-width: 0;
    max-width: 100%
}

@-moz-document url-prefix() {
    .col--xs-fill {
        max-width: none
    }
}

@media (min-aspect-ratio: 13/9),(min-width: 568px) {
    .col--sm-1 {
        flex: 0 1 8.33333%;
        width: 8.33333%
    }

    .col--sm-1 _:-ms-input-placeholder, :root .col--sm-1 {
        min-width: 8.33333%;
        max-width: 8.33333%
    }

    @-moz-document url-prefix() {
        .col--sm-1 {
            max-width: 8.33333%
        }
    }.offset--sm-1 {
         margin-left: 8.33333%
     }

    .col--sm-2 {
        flex: 0 1 16.66667%;
        width: 16.66667%
    }

    .col--sm-2 _:-ms-input-placeholder, :root .col--sm-2 {
        min-width: 16.66667%;
        max-width: 16.66667%
    }

    @-moz-document url-prefix() {
        .col--sm-2 {
            max-width: 16.66667%
        }
    }.offset--sm-2 {
         margin-left: 16.66667%
     }

    .col--sm-3 {
        flex: 0 1 25%;
        width: 25%
    }

    .col--sm-3 _:-ms-input-placeholder, :root .col--sm-3 {
        min-width: 25%;
        max-width: 25%
    }

    @-moz-document url-prefix() {
        .col--sm-3 {
            max-width: 25%
        }
    }.offset--sm-3 {
         margin-left: 25%
     }

    .col--sm-4 {
        flex: 0 1 33.33333%;
        width: 33.33333%
    }

    .col--sm-4 _:-ms-input-placeholder, :root .col--sm-4 {
        min-width: 33.33333%;
        max-width: 33.33333%
    }

    @-moz-document url-prefix() {
        .col--sm-4 {
            max-width: 33.33333%
        }
    }.offset--sm-4 {
         margin-left: 33.33333%
     }

    .col--sm-5 {
        flex: 0 1 41.66667%;
        width: 41.66667%
    }

    .col--sm-5 _:-ms-input-placeholder, :root .col--sm-5 {
        min-width: 41.66667%;
        max-width: 41.66667%
    }

    @-moz-document url-prefix() {
        .col--sm-5 {
            max-width: 41.66667%
        }
    }.offset--sm-5 {
         margin-left: 41.66667%
     }

    .col--sm-6 {
        flex: 0 1 50%;
        width: 50%
    }

    .col--sm-6 _:-ms-input-placeholder, :root .col--sm-6 {
        min-width: 50%;
        max-width: 50%
    }

    @-moz-document url-prefix() {
        .col--sm-6 {
            max-width: 50%
        }
    }.offset--sm-6 {
         margin-left: 50%
     }

    .col--sm-7 {
        flex: 0 1 58.33333%;
        width: 58.33333%
    }

    .col--sm-7 _:-ms-input-placeholder, :root .col--sm-7 {
        min-width: 58.33333%;
        max-width: 58.33333%
    }

    @-moz-document url-prefix() {
        .col--sm-7 {
            max-width: 58.33333%
        }
    }.offset--sm-7 {
         margin-left: 58.33333%
     }

    .col--sm-8 {
        flex: 0 1 66.66667%;
        width: 66.66667%
    }

    .col--sm-8 _:-ms-input-placeholder, :root .col--sm-8 {
        min-width: 66.66667%;
        max-width: 66.66667%
    }

    @-moz-document url-prefix() {
        .col--sm-8 {
            max-width: 66.66667%
        }
    }.offset--sm-8 {
         margin-left: 66.66667%
     }

    .col--sm-9 {
        flex: 0 1 75%;
        width: 75%
    }

    .col--sm-9 _:-ms-input-placeholder, :root .col--sm-9 {
        min-width: 75%;
        max-width: 75%
    }

    @-moz-document url-prefix() {
        .col--sm-9 {
            max-width: 75%
        }
    }.offset--sm-9 {
         margin-left: 75%
     }

    .col--sm-10 {
        flex: 0 1 83.33333%;
        width: 83.33333%
    }

    .col--sm-10 _:-ms-input-placeholder, :root .col--sm-10 {
        min-width: 83.33333%;
        max-width: 83.33333%
    }

    @-moz-document url-prefix() {
        .col--sm-10 {
            max-width: 83.33333%
        }
    }.offset--sm-10 {
         margin-left: 83.33333%
     }

    .col--sm-11 {
        flex: 0 1 91.66667%;
        width: 91.66667%
    }

    .col--sm-11 _:-ms-input-placeholder, :root .col--sm-11 {
        min-width: 91.66667%;
        max-width: 91.66667%
    }

    @-moz-document url-prefix() {
        .col--sm-11 {
            max-width: 91.66667%
        }
    }.offset--sm-11 {
         margin-left: 91.66667%
     }

    .col--sm-12 {
        flex: 0 1 100%;
        width: 100%
    }

    .col--sm-12 _:-ms-input-placeholder, :root .col--sm-12 {
        min-width: 100%;
        max-width: 100%
    }

    @-moz-document url-prefix() {
        .col--sm-12 {
            max-width: 100%
        }
    }.offset--sm-12 {
         margin-left: 100%
     }

    .col--sm-full {
        flex: 0 1 100%;
        width: 100%
    }

    .col--sm-full _:-ms-input-placeholder, :root .col--sm-full {
        min-width: 100%;
        max-width: 100%
    }

    @-moz-document url-prefix() {
        .col--sm-full {
            max-width: 100%
        }
    }.offset--sm-0 {
         margin-left: 0
     }

    .col--sm-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col--sm-auto _:-ms-input-placeholder, :root .col--sm-auto {
        min-width: 0;
        max-width: 100%
    }

    @-moz-document url-prefix() {
        .col--sm-auto {
            max-width: none
        }
    }.col--sm-fill {
         flex: 1 1 auto;
         width: auto
     }

    .col--sm-fill _:-ms-input-placeholder, :root .col--sm-fill {
        min-width: 0;
        max-width: 100%
    }

    @-moz-document url-prefix() {
        .col--sm-fill {
            max-width: none
        }
    }
}

@media (min-width: 568px) and (max-aspect-ratio: 13/9),(min-width: 668px) and (min-height: 416px),(min-width: 980px) {
    .col--md-1 {
        flex: 0 1 8.33333%;
        width: 8.33333%
    }

    .col--md-1 _:-ms-input-placeholder, :root .col--md-1 {
        min-width: 8.33333%;
        max-width: 8.33333%
    }

    @-moz-document url-prefix() {
        .col--md-1 {
            max-width: 8.33333%
        }
    }.offset--md-1 {
         margin-left: 8.33333%
     }

    .col--md-2 {
        flex: 0 1 16.66667%;
        width: 16.66667%
    }

    .col--md-2 _:-ms-input-placeholder, :root .col--md-2 {
        min-width: 16.66667%;
        max-width: 16.66667%
    }

    @-moz-document url-prefix() {
        .col--md-2 {
            max-width: 16.66667%
        }
    }.offset--md-2 {
         margin-left: 16.66667%
     }

    .col--md-3 {
        flex: 0 1 25%;
        width: 25%
    }

    .col--md-3 _:-ms-input-placeholder, :root .col--md-3 {
        min-width: 25%;
        max-width: 25%
    }

    @-moz-document url-prefix() {
        .col--md-3 {
            max-width: 25%
        }
    }.offset--md-3 {
         margin-left: 25%
     }

    .col--md-4 {
        flex: 0 1 33.33333%;
        width: 33.33333%
    }

    .col--md-4 _:-ms-input-placeholder, :root .col--md-4 {
        min-width: 33.33333%;
        max-width: 33.33333%
    }

    @-moz-document url-prefix() {
        .col--md-4 {
            max-width: 33.33333%
        }
    }.offset--md-4 {
         margin-left: 33.33333%
     }

    .col--md-5 {
        flex: 0 1 41.66667%;
        width: 41.66667%
    }

    .col--md-5 _:-ms-input-placeholder, :root .col--md-5 {
        min-width: 41.66667%;
        max-width: 41.66667%
    }

    @-moz-document url-prefix() {
        .col--md-5 {
            max-width: 41.66667%
        }
    }.offset--md-5 {
         margin-left: 41.66667%
     }

    .col--md-6 {
        flex: 0 1 50%;
        width: 50%
    }

    .col--md-6 _:-ms-input-placeholder, :root .col--md-6 {
        min-width: 50%;
        max-width: 50%
    }

    @-moz-document url-prefix() {
        .col--md-6 {
            max-width: 50%
        }
    }.offset--md-6 {
         margin-left: 50%
     }

    .col--md-7 {
        flex: 0 1 58.33333%;
        width: 58.33333%
    }

    .col--md-7 _:-ms-input-placeholder, :root .col--md-7 {
        min-width: 58.33333%;
        max-width: 58.33333%
    }

    @-moz-document url-prefix() {
        .col--md-7 {
            max-width: 58.33333%
        }
    }.offset--md-7 {
         margin-left: 58.33333%
     }

    .col--md-8 {
        flex: 0 1 66.66667%;
        width: 66.66667%
    }

    .col--md-8 _:-ms-input-placeholder, :root .col--md-8 {
        min-width: 66.66667%;
        max-width: 66.66667%
    }

    @-moz-document url-prefix() {
        .col--md-8 {
            max-width: 66.66667%
        }
    }.offset--md-8 {
         margin-left: 66.66667%
     }

    .col--md-9 {
        flex: 0 1 75%;
        width: 75%
    }

    .col--md-9 _:-ms-input-placeholder, :root .col--md-9 {
        min-width: 75%;
        max-width: 75%
    }

    @-moz-document url-prefix() {
        .col--md-9 {
            max-width: 75%
        }
    }.offset--md-9 {
         margin-left: 75%
     }

    .col--md-10 {
        flex: 0 1 83.33333%;
        width: 83.33333%
    }

    .col--md-10 _:-ms-input-placeholder, :root .col--md-10 {
        min-width: 83.33333%;
        max-width: 83.33333%
    }

    @-moz-document url-prefix() {
        .col--md-10 {
            max-width: 83.33333%
        }
    }.offset--md-10 {
         margin-left: 83.33333%
     }

    .col--md-11 {
        flex: 0 1 91.66667%;
        width: 91.66667%
    }

    .col--md-11 _:-ms-input-placeholder, :root .col--md-11 {
        min-width: 91.66667%;
        max-width: 91.66667%
    }

    @-moz-document url-prefix() {
        .col--md-11 {
            max-width: 91.66667%
        }
    }.offset--md-11 {
         margin-left: 91.66667%
     }

    .col--md-12 {
        flex: 0 1 100%;
        width: 100%
    }

    .col--md-12 _:-ms-input-placeholder, :root .col--md-12 {
        min-width: 100%;
        max-width: 100%
    }

    @-moz-document url-prefix() {
        .col--md-12 {
            max-width: 100%
        }
    }.offset--md-12 {
         margin-left: 100%
     }

    .col--md-full {
        flex: 0 1 100%;
        width: 100%
    }

    .col--md-full _:-ms-input-placeholder, :root .col--md-full {
        min-width: 100%;
        max-width: 100%
    }

    @-moz-document url-prefix() {
        .col--md-full {
            max-width: 100%
        }
    }.offset--md-0 {
         margin-left: 0
     }

    .col--md-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col--md-auto _:-ms-input-placeholder, :root .col--md-auto {
        min-width: 0;
        max-width: 100%
    }

    @-moz-document url-prefix() {
        .col--md-auto {
            max-width: none
        }
    }.col--md-fill {
         flex: 1 1 auto;
         width: auto
     }

    .col--md-fill _:-ms-input-placeholder, :root .col--md-fill {
        min-width: 0;
        max-width: 100%
    }

    @-moz-document url-prefix() {
        .col--md-fill {
            max-width: none
        }
    }
}

.row--start-xs {
    justify-content: flex-start
}

.row--center-xs {
    justify-content: center
}

.row--end-xs {
    justify-content: flex-end
}

.row--top-xs {
    align-items: flex-start
}

.row--middle-xs {
    align-items: center
}

.row--bottom-xs {
    align-items: flex-end
}

.row--around-xs {
    justify-content: space-around
}

.row--between-xs {
    justify-content: space-between
}

.row--nowrap-xs {
    flex-wrap: nowrap
}

.row--wrap-xs {
    flex-wrap: wrap
}

.row .col--order-first-xs {
    order: -1
}

.row .col--order-normal-xs {
    order: 0
}

.row .col--order-last-xs {
    order: 1
}

@media (min-aspect-ratio: 13/9),(min-width: 568px) {
    .row--start-sm {
        justify-content: flex-start
    }

    .row--center-sm {
        justify-content: center
    }

    .row--end-sm {
        justify-content: flex-end
    }

    .row--top-sm {
        align-items: flex-start
    }

    .row--middle-sm {
        align-items: center
    }

    .row--bottom-sm {
        align-items: flex-end
    }

    .row--around-sm {
        justify-content: space-around
    }

    .row--between-sm {
        justify-content: space-between
    }

    .row--nowrap-sm {
        flex-wrap: nowrap
    }

    .row--wrap-sm {
        flex-wrap: wrap
    }

    .row .col--order-first-sm {
        order: -1
    }

    .row .col--order-normal-sm {
        order: 0
    }

    .row .col--order-last-sm {
        order: 1
    }
}

@media (min-width: 568px) and (max-aspect-ratio: 13/9),(min-width: 668px) and (min-height: 416px),(min-width: 980px) {
    .row--start-md {
        justify-content: flex-start
    }

    .row--center-md {
        justify-content: center
    }

    .row--end-md {
        justify-content: flex-end
    }

    .row--top-md {
        align-items: flex-start
    }

    .row--middle-md {
        align-items: center
    }

    .row--bottom-md {
        align-items: flex-end
    }

    .row--around-md {
        justify-content: space-around
    }

    .row--between-md {
        justify-content: space-between
    }

    .row--nowrap-md {
        flex-wrap: nowrap
    }

    .row--wrap-md {
        flex-wrap: wrap
    }

    .row .col--order-first-md {
        order: -1
    }

    .row .col--order-normal-md {
        order: 0
    }

    .row .col--order-last-md {
        order: 1
    }
}

.technologies {
    position: relative
}

.technologies__heading {
    position: relative;
    margin-bottom: calc(var(--scale-px) * 35);
    font-size: calc(var(--scale-rem) * 2.6);
    line-height: 1.15385em;
    --lh: 1.15385em;
    letter-spacing: -.02em
}

@media (min-width: 568px) and (max-aspect-ratio: 13/9),(min-width: 668px) and (min-height: 416px),(min-width: 980px) {
    .technologies__heading {
        font-size: calc(var(--scale-rem) * 3.7);
        line-height: 1.21622em;
        --lh: 1.21622em;
        letter-spacing: -.04em
    }
}

.technologies__background {
    position: absolute;
    width: 100%;
    top: calc(var(--scale-px) * 110);
    left: 0
}

.technologies__background img {
    display: block;
    width: 100%;
    height: auto
}

.technologies__wrap {
    background: var(--c-red)
}

.technologies__custom-carousel-item {
    height: 100%;
    flex: 0 0 calc(100% - var(--spacing));
    width: calc(100% - var(--spacing))
}

.technologies__custom-carousel-item _:-ms-input-placeholder, :root .technologies__custom-carousel-item {
    min-width: calc(100% - var(--spacing));
    max-width: calc(100% - var(--spacing))
}

@-moz-document url-prefix() {
    .technologies__custom-carousel-item {
        max-width: calc(100% - var(--spacing))
    }
}

.technologies--large .technologies__heading {
    margin: 0 0 calc(var(--scale-px) * 142);
    font-size: calc(var(--scale-rem) * 6.9);
    line-height: 1.01449em;
    --lh: 1.01449em;
    letter-spacing: -.04em
}

@media (min-width: 568px) and (max-aspect-ratio: 13/9),(min-width: 668px) and (min-height: 416px),(min-width: 980px) {
    .technologies--large .technologies__heading {
        font-size: calc(var(--scale-rem) * 9.2);
        line-height: .86957em;
        --lh: 0.86957em;
        letter-spacing: -.04em
    }
}

.technologies--large .technologies__background {
    top: calc(var(--scale-px) * 44);
    left: 50%;
    width: calc(var(--scale-px) * 132);
    margin-left: calc(var(--scale-px) * -58)
}

@media (max-width: 567px) and (max-aspect-ratio: 13/9),(max-width: 667px) and (min-aspect-ratio: 13/9),(max-width: 979px) and (max-height: 415px) and (min-aspect-ratio: 13/9) {
    .technologies {
        position: relative;
        margin: 0;
        height: auto
    }

    .technologies__wrap-height {
        position: relative;
        height: 100%;
        padding: 0
    }
}

@media (min-width: 568px) and (max-aspect-ratio: 13/9),(min-width: 668px) and (min-height: 416px),(min-width: 980px) {
    .technologies__background {
        left: calc(var(--scale-px) * 107);
        max-width: calc(var(--scale-px) * 540);
        top: 53%;
        transform: translateY(-50%)
    }

    .technologies__custom-carousel {
        display: flex;
        flex-wrap: wrap
    }

    .technologies__counter {
        position: absolute;
        bottom: calc(var(--scale-px) * 112);
        left: calc(var(--scale-px) * 143);
        display: inline-flex;
        align-items: center;
        justify-content: center
    }

    .technologies__container {
        position: relative;
        height: 100vh
    }

    .technologies__counter-count {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        opacity: .6;
        white-space: nowrap;
        font-size: calc(var(--scale-rem) * 1.4);
        line-height: 1.42857em;
        --lh: 1.42857em;
        letter-spacing: 0;
        font-weight: 400
    }
}

@media (min-width: 568px) and (max-aspect-ratio: 13/9) and (min-width: 568px) and (max-aspect-ratio: 13/9),(min-width: 568px) and (max-aspect-ratio: 13/9) and (min-width: 668px) and (min-height: 416px),(min-width: 568px) and (max-aspect-ratio: 13/9) and (min-width: 980px),(min-width: 668px) and (min-height: 416px) and (min-width: 568px) and (max-aspect-ratio: 13/9),(min-width: 668px) and (min-height: 416px) and (min-width: 668px) and (min-height: 416px),(min-width: 668px) and (min-height: 416px) and (min-width: 980px),(min-width: 980px) and (min-width: 568px) and (max-aspect-ratio: 13/9),(min-width: 980px) and (min-width: 668px) and (min-height: 416px),(min-width: 980px) and (min-width: 980px) {
    .technologies__counter-count {
        font-size: calc(var(--scale-rem) * 1.4);
        line-height: 1.42857em;
        --lh: 1.42857em;
        letter-spacing: 0;
        font-weight: 400
    }
}

@media (min-width: 568px) and (max-aspect-ratio: 13/9),(min-width: 668px) and (min-height: 416px),(min-width: 980px) {
    .technologies__custom-carousel-item {
        height: auto;
        width: 100%;
        flex: 0 0 100%;
        margin-bottom: calc(var(--scale-px) * 112)
    }

    .technologies__custom-carousel-item:first-child {
        margin-top: calc(var(--scale-px) * 112)
    }

    .technologies__carousel-height {
        overflow: hidden
    }

    .technologies__wrap {
        position: relative;
        height: 100vh;
        background: transparent
    }

    .technologies__wrap > div {
        height: 100%
    }

    .technologies__wrap:after {
        left: 50%;
        bottom: 0;
        background: var(--t-primary)
    }

    .technologies__wrap:after, .technologies__wrap:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        width: 100vw;
        z-index: -1
    }

    .technologies__wrap:before {
        right: 0;
        bottom: 50%;
        background: var(--t-secondary)
    }

    .technologies__heading {
        padding-top: calc(var(--scale-px) * 124);
        padding-left: calc(var(--scale-px) * 121);
        width: calc(var(--scale-px) * 553)
    }

    .technologies--large .technologies__heading {
        margin: calc(var(--scale-px) * -10) 0 calc(var(--scale-px) * 40)
    }

    .technologies--large .technologies__background {
        left: calc(var(--scale-px) * 288);
        width: 100%;
        max-width: calc(var(--scale-px) * 210);
        margin-left: 0;
        top: calc(var(--scale-perc) * 51);
        transform: translateY(-50%)
    }

    .technologies--large .technologies__custom-carousel-item {
        border-bottom: 1px solid;
        border-bottom-color: rgba(var(--t-text-rgb), .25)
    }

    .technologies--large .technologies__custom-carousel-item:last-child {
        border-bottom: 0
    }
}

@media (min-width: 568px) and (max-aspect-ratio: 13/9),(min-width: 668px) and (min-height: 416px),(min-width: 980px) {
    .technologies-sticky-animation {
        --sticky-content-height: var(--viewport-height);
        --sticky-full-height: calc(var(--sticky-content-height) + var(--viewport-height))
    }

    .is-ie .technologies-sticky-animation {
        height: 200vh
    }

    .technologies-sticky-animation__content {
        position: relative;
        height: var(--sticky-content-height)
    }
}

.card-technologies {
    position: relative
}

.card-technologies__description {
    margin-top: calc(var(--scale-px) * 17);
    font-size: calc(var(--scale-rem) * 1.4);
    line-height: 1.42857em;
    --lh: 1.42857em;
    letter-spacing: 0;
    font-weight: 400
}

@media (min-width: 568px) and (max-aspect-ratio: 13/9),(min-width: 668px) and (min-height: 416px),(min-width: 980px) {
    .card-technologies__description {
        font-size: calc(var(--scale-rem) * 1.6);
        line-height: 1.25em;
        --lh: 1.25em;
        letter-spacing: -.02em;
        font-weight: 400
    }
}

.card-technologies__count {
    position: absolute;
    top: calc(var(--scale-px) * 15);
    left: calc(var(--scale-px) * 20);
    color: var(--t-background);
    z-index: 1;
    font-size: calc(var(--scale-rem) * 2.6);
    line-height: 1.15385em;
    --lh: 1.15385em;
    letter-spacing: -.02em
}

@media (min-width: 568px) and (max-aspect-ratio: 13/9),(min-width: 668px) and (min-height: 416px),(min-width: 980px) {
    .card-technologies__count {
        font-size: calc(var(--scale-rem) * 3.7);
        line-height: 1.21622em;
        --lh: 1.21622em;
        letter-spacing: -.04em
    }
}

.card-technologies--text .card-technologies__count {
    position: relative;
    top: -10px;
    left: 0;
    color: var(--t-text);
    margin-bottom: calc(var(--scale-px) * 23)
}

@media (min-width: 568px) and (max-aspect-ratio: 13/9),(min-width: 668px) and (min-height: 416px),(min-width: 980px) {
    .card-technologies {
        display: block;
        margin-top: 0;
        margin-bottom: 0
    }

    .card-technologies__count {
        position: relative;
        top: calc(var(--scale-px) * 2);
        left: 0;
        color: var(--t-text)
    }

    .card-technologies__description {
        margin-top: calc(var(--scale-px) * 2);
        margin-left: calc(var(--scale-px) * -15);
        margin-bottom: calc(var(--scale-px) * 115)
    }

    .card-technologies__image {
        margin-left: calc(var(--scale-px) * -15);
        margin-bottom: 0
    }
}

.we-use__title {
    margin-top: calc(var(--scale-px) * 43);
    margin-bottom: calc(var(--scale-px) * -10);
    position: relative;
    z-index: 1
}

.we-use__title span {
    color: var(--t-primary)
}

.we-use img {
    width: 100%
}

.we-use__image {
    margin-bottom: calc(var(--scale-px) * 30);
    overflow: hidden
}

.we-use__text-first {
    margin-bottom: calc(var(--scale-px) * 20)
}

.we-use__counter {
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    margin-top: calc(var(--scale-px) * 45);
    cursor: pointer;
    font-size: calc(var(--scale-rem) * 1.6);
    line-height: 1.25em;
    --lh: 1.25em;
    letter-spacing: -.02em;
    font-weight: 400
}

.we-use__counter * {
    position: relative;
    z-index: 1
}

@media (min-width: 568px) and (max-aspect-ratio: 13/9),(min-width: 668px) and (min-height: 416px),(min-width: 980px) {
    .we-use__counter {
        font-size: calc(var(--scale-rem) * 2.6);
        line-height: 1.15385em;
        --lh: 1.15385em;
        letter-spacing: -.02em
    }
}

.we-use__counter__current {
    color: var(--t-primary);
    margin-right: calc(var(--scale-px) * 15);
    font-size: calc(var(--scale-rem) * 9.2);
    line-height: .86957em;
    --lh: 0.86957em;
    letter-spacing: -.04em
}

@media (min-width: 568px) and (max-aspect-ratio: 13/9),(min-width: 668px) and (min-height: 416px),(min-width: 980px) {
    .we-use__counter__current {
        font-size: calc(var(--scale-rem) * 28);
        line-height: .57143em;
        --lh: 0.57143em;
        letter-spacing: -.04em
    }
}

.we-use__illustration {
    position: relative;
    height: calc(var(--scale-px) * 230)
}

.we-use__illustration__inner {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 180vw;
    height: var(--viewport-height);
    margin-left: -90vw;
    margin-top: calc(var(--viewport-height) * -.5 - calc(var(--scale-px) * 60))
}

.we-use__text-second {
    height: calc(var(--scale-px) * 70)
}

.we-use__text-third {
    padding-left: calc(var(--scale-px) * 5);
    font-size: calc(var(--scale-rem) * 1.6);
    line-height: 1.25em;
    --lh: 1.25em;
    letter-spacing: -.02em;
    font-weight: 400;
    min-height: calc(var(--scale-px) * 200)
}

@media (min-width: 568px) and (max-aspect-ratio: 13/9),(min-width: 668px) and (min-height: 416px),(min-width: 980px) {
    .we-use__text-third {
        font-size: calc(var(--scale-rem) * 2.6);
        line-height: 1.15385em;
        --lh: 1.15385em;
        letter-spacing: -.02em
    }
}

@media (min-width: 568px) and (max-aspect-ratio: 13/9),(min-width: 668px) and (min-height: 416px),(min-width: 980px) {
    .we-use__title {
        margin-top: calc(var(--scale-px) * -82)
    }

    .we-use__text-first {
        margin-left: auto;
        max-width: calc(var(--scale-px) * 360);
        margin-top: calc(var(--scale-px) * -34);
        margin-bottom: calc(var(--scale-px) * 240)
    }

    .we-use__text-second {
        max-width: calc(var(--scale-px) * 250);
        height: calc(var(--scale-px) * 100)
    }

    .we-use__counter {
        margin-top: calc(var(--scale-px) * -60);
        padding-left: calc(var(--scale-px) * 5);
        justify-content: space-between
    }

    .we-use__counter__current {
        margin-right: calc(var(--scale-px) * 160)
    }

    .we-use__counter__current span {
        position: absolute
    }

    .we-use__counter__total {
        margin-top: calc(var(--scale-px) * -25)
    }

    .we-use__illustration {
        height: calc(var(--scale-px) * 400)
    }

    .we-use__illustration__inner {
        width: 100vw;
        height: min(1050px, var(--viewport-height));
        margin-left: -50vw;
        margin-top: calc(min(1050px, var(--viewport-height)) * -.5 - calc(var(--scale-px) * 130))
    }

    .we-use__text-third {
        padding-left: calc(var(--scale-px) * 25);
        margin-top: calc(var(--scale-px) * -320)
    }

    .we-use__link {
        display: inline-block;
        top: calc(var(--scale-px) * -180);
        position: absolute
    }

    .we-use__bottom__btn {
        margin-top: calc(var(--scale-px) * -320)
    }
}

.weuse-sticky-animation {
    --sticky-content-height: var(--viewport-height);
    --sticky-full-height: calc(var(--sticky-content-height) + var(--viewport-height))
}

.weuse-sticky-animation__content {
    position: relative
}

.is-ie .weuse-sticky-animation {
    height: 200vh
}

.is-ie .weuse-sticky-animation__content {
    height: 100vh
}

.next-banner {
    position: relative;
    display: block
}

.next-banner picture {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    max-height: calc(var(--scale-px) * 900)
}

.next-banner img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: "object-fit: cover"
}

.next-banner__title {
    font-size: calc(var(--scale-rem) * 3.6);
    line-height: .97222em;
    --lh: 0.97222em;
    letter-spacing: -.02em;
    margin-bottom: calc(var(--scale-px) * 20)
}

@media (min-width: 568px) and (max-aspect-ratio: 13/9),(min-width: 668px) and (min-height: 416px),(min-width: 980px) {
    .next-banner__title {
        font-size: calc(var(--scale-rem) * 9.2);
        line-height: .86957em;
        --lh: 0.86957em;
        letter-spacing: -.04em
    }
}

.next-banner__content {
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex
}

.next-banner__wrap {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative
}

@media (min-width: 568px) and (max-aspect-ratio: 13/9),(min-width: 668px) and (min-height: 416px),(min-width: 980px) {
    .next-banner--right .next-banner__title {
        right: 0;
        left: inherit
    }

    .next-banner--right .next-banner__overflow {
        left: 0;
        right: 50%
    }

    .next-banner__title {
        position: absolute;
        left: 0;
        top: calc(50% - calc(var(--scale-px) * 8));
        transform: translateY(-50%)
    }

    .next-banner__overflow {
        position: absolute;
        top: 0;
        right: 0;
        left: 50%;
        bottom: 0
    }

    .next-banner__button {
        position: relative;
        z-index: 1
    }

    .next-banner img {
        max-height: calc(var(--viewport-height) / 900 * 720)
    }
}