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

    .disc-sec h3 {

        text-align: center;
        font-size: 26px;
    }
    .feature{

        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }
    section#revolve__how p{
        text-align: justify;
    }
    .service-description h3{

        text-align: center;
    }
    #revolve-built-for{

        padding-top: 70px  !important;
        padding-bottom: 70px  !important;
    }
    section#revolve__how h2{

        text-align: center !important;
    }
    .approach__item{

        display: flex;
        flex-direction: column;
        align-items: center;
    }
    #ryde-services .services-container .services-list .service .service-description p{
        text-align: justify;
    }
    section#capabilities__approach .approach .approach__item p{

        text-align: justify;
    }
    .rvlv-mbl{

        padding-bottom: 58px !important;
        padding-top: 58px !important;
    }
    #revolve-services .services{

        grid-gap:30px !important;
    }
    .dtls-mrgn{

        margin-top: 11px !important;
    }
    .btn-cntr{

        display: flex;
        justify-content: center;
    }
    .card-card1{

        display: flex;
        flex-direction: column;
        align-items: center;
    }
    section#capabilities__list .capability .capability__content h2{

        text-align: center;
        font-size: 18px !important;
    }
    section#capabilities__list .capability .capability__content p{

        text-align: justify;
    }
    .rvlv-mbl h2{

        text-align: center;
        font-size: 20px;
        letter-spacing: 0px;
    }

    .disc-sec p {

        text-align: justify;
    }

    .disc-sec h4 {

        text-align: center;
    }

    .mbl-padding {

        padding-top: 10px;
    }

    .ftr-hdng {

        text-align: center;
    }

    .terms-section h3 {

        text-align: center;
        font-size: 26px;
    }

    .terms-section p {

        text-align: justify;
    }

    .terms-section h4 {

        text-align: center;
    }

    .mbl-fntsz {

        font-size: 23px;
    }

    .mn-hdgns {

        text-align: center;
    }

    .mn-hdng p {

        text-align: center;
    }

    .mn-hdg p {

        text-align: center;
    }

}


/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
    display: block
}

audio, canvas, video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden], template {
    display: none
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

a {
    background: transparent
}

a:focus {
    outline: thin dotted
}

a:active, a:hover {
    outline: 0
}


abbr[title] {
    border-bottom: 1px dotted
}

b, strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

mark {
    background: #ff0;
    color: #000
}

code, kbd, pre, samp {
    font-family: monospace, serif;
    font-size: 1em
}

pre {
    white-space: pre-wrap
}

q {
    quotes: "“""”""‘""’"
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 0
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

button, input, select, textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0
}

button, input {
    line-height: normal
}

button, select {
    text-transform: none
}

button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled], html input[disabled] {
    cursor: default
}

input[type=checkbox], input[type=radio] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

input[type=search] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto;
    vertical-align: top
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

html {
    scroll-behavior: initial
}

html, body {
    min-height: 100%;
    width: 100%
}



body::before {
    content: "phone";
    display: none
}

@media(min-width: 600px) {
    body::before {
        content: "tablet-portrait"
    }
}

@media(min-width: 900px) {
    body::before {
        content: "tablet-landscape"
    }
}

@media(min-width: 1200px) {
    body::before {
        content: "desktop"
    }
}

@media(min-width: 1500px) {
    body::before {
        content: "desktop-big"
    }
}

a, a:focus, a:active, a:visited {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    outline-color: transparent;
    outline-style: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

input, button {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

#mono-wrapper {
    position: relative
}

#width-check {
    height: auto;
    position: absolute;
    visibility: hidden;
    white-space: nowrap;
    width: auto
}

.uniform__potty {
    left: -9999px;
    position: absolute
}
/* 
@font-face {
    font-display: swap;
    font-family: "GT-Haptik-Bold";
    src: url("../fonts/GT-Haptik-Bold/GT-Haptik-Bold.woff2") format("woff2"), url("../fonts/GT-Haptik-Bold/GT-Haptik-Bold.woff") format("woff")
}

@font-face {
    font-display: swap;
    font-family: "GT-Haptik-Medium";
    src: url("../fonts/GT-Haptik-Medium/GT-Haptik-Medium.woff2") format("woff2"), url("../fonts/GT-Haptik-Medium/GT-Haptik-Medium.woff") format("woff")
}

@font-face {
    font-display: swap;
    font-family: "GT-Haptik-Regular";
    src: url("../fonts/GT-Haptik-Regular/GT-Haptik-Regular.woff2") format("woff2"), url("../fonts/GT-Haptik-Regular/GT-Haptik-Regular.woff") format("woff")
}

@font-face {
    font-display: swap;
    font-family: "IvarDisplay-SemiBoldItalic";
    src: url("../fonts/IvarDisplay-SemiBoldItalic/IvarDisplay-SemiBoldItalic.woff2") format("woff2"), url("../fonts/IvarDisplay-SemiBoldItalic/IvarDisplay-SemiBoldItalic.woff") format("woff")
} */










@media(min-width: 600px) {
    p.big {
        font-size: 1.25em;
        line-height: 1.65
    }
}

@media(min-width: 1200px) {
    p.big {
        font-size: 1.5em;
        line-height: 1.79
    }
}

p.big {
    font-size: 1.125em;
    line-height: 1.78
}

@media(min-width: 600px) {
    span.up, a.up {
        letter-spacing: 2px;
        margin-bottom: 10px
    }
}

@media(min-width: 1200px) {
    span.up, a.up {
        margin-bottom: 20px
    }
}

span.up, a.up {
    display: block;
    font-family: "GT-Haptik-Bold", sans-serif;
    font-size: 0.75em;
    letter-spacing: 1px;
    line-height: normal;
    margin-bottom: 20px;
    text-transform: uppercase
}

span.sub, a.sub {
    font-family: "GT-Haptik-Medium", sans-serif;
    font-size: 0.875em;
    letter-spacing: normal;
    line-height: 1.64
}

img.responsive {
    max-width: 100%;
    height: auto;
    display: block
}

video.fill-background, img.fill-background {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0
}

.background-fill {
    background-size: cover;
    background-position: center center
}

html.noscroll body {
    overflow: hidden
}

.container {
    max-width: 1440px;
    margin-right: auto;
    margin-left: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
}

@media(max-width: 599px) {
    .container {
        width: 100%;
        padding: 0 25px
    }
}

@media(min-width: 600px) {
    .container {
        width: 100%
    }
}

@media(min-width: 900px) {
    .container {
        width: 100%
    }
}

@media(min-width: 1200px) {
    .container {
        width: 100%
    }
}

@media(min-width: 1500px) {
    .container {
        width: 100%
    }
}

.mono-container[data-page=inquiry] {
    background-color: #f7f7f7
}

@media(min-width: 600px) {
    .mono-container[data-page=revolve] .footer__contacts, .mono-container[data-page=ryde] .footer__contacts, .mono-container[data-page=retrn] .footer__contacts {
        padding-top: 90px !important
    }
}

@media(min-width: 1200px) {
    .mono-container[data-page=revolve] .footer__contacts, .mono-container[data-page=ryde] .footer__contacts, .mono-container[data-page=retrn] .footer__contacts {
        padding-top: 160px !important
    }
}

.mono-container[data-page=revolve] .footer__cta, .mono-container[data-page=ryde] .footer__cta, .mono-container[data-page=retrn] .footer__cta {
    display: none !important
}

.mono-container[data-page=revolve] .footer__contacts, .mono-container[data-page=ryde] .footer__contacts, .mono-container[data-page=retrn] .footer__contacts {
    margin-top: 0 !important;
    padding-top: 70px !important
}

section {
    position: relative
}

section p {
    margin-top: 30px
}

section.section--white {
    background-color: #f7f7f7;
    color: #1f1f1f
}

section.section--white p {
    color: #9f9f9f
}

section.section--black {
    background-color: #1f1f1f;
    color:  #000
}

section.section--black h1, section.section--black h2, section.section--black h3, section.section--black h4, section.section--black p, section.section--black span {
    color:  #000
}

a.underlined {
    position: relative;
    display: inline-block;
    vertical-align: top;
    overflow-x: hidden;
    padding-bottom: 5px
}

a.underlined::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

a.underlined:hover::after {
    -webkit-animation: link-hover .8s cubic-bezier(0.58, 0.3, 0.005, 1) 0s 1;
    animation: link-hover .8s cubic-bezier(0.58, 0.3, 0.005, 1) 0s 1
}

a.underlined.reverse::after {
    -webkit-animation: none;
    animation: none;
    -webkit-transform: scaleX(0) translateZ(0);
    transform: scaleX(0) translateZ(0);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transition: opacity .4s cubic-bezier(0.24, 0.015, 0.145, 0.93) 0s, -webkit-transform .4s cubic-bezier(0.405, 0.07, 0.575, 0.995) .1s, -webkit-transform-origin .1s cubic-bezier(0.405, 0.07, 0.575, 0.995) 0s;
    transition: opacity .4s cubic-bezier(0.24, 0.015, 0.145, 0.93) 0s, -webkit-transform .4s cubic-bezier(0.405, 0.07, 0.575, 0.995) .1s, -webkit-transform-origin .1s cubic-bezier(0.405, 0.07, 0.575, 0.995) 0s;
    transition: transform .4s cubic-bezier(0.405, 0.07, 0.575, 0.995) .1s, transform-origin .1s cubic-bezier(0.405, 0.07, 0.575, 0.995) 0s, opacity .4s cubic-bezier(0.24, 0.015, 0.145, 0.93) 0s;
    transition: transform .4s cubic-bezier(0.405, 0.07, 0.575, 0.995) .1s, transform-origin .1s cubic-bezier(0.405, 0.07, 0.575, 0.995) 0s, opacity .4s cubic-bezier(0.24, 0.015, 0.145, 0.93) 0s, -webkit-transform .4s cubic-bezier(0.405, 0.07, 0.575, 0.995) .1s, -webkit-transform-origin .1s cubic-bezier(0.405, 0.07, 0.575, 0.995) 0s
}

a.underlined.reverse:hover::after {
    -webkit-transform: scaleX(1) translateZ(0);
    transform: scaleX(1) translateZ(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition: -webkit-transform .4s cubic-bezier(0.405, 0.07, 0.575, 0.995);
    transition: -webkit-transform .4s cubic-bezier(0.405, 0.07, 0.575, 0.995);
    transition: transform .4s cubic-bezier(0.405, 0.07, 0.575, 0.995);
    transition: transform .4s cubic-bezier(0.405, 0.07, 0.575, 0.995), -webkit-transform .4s cubic-bezier(0.405, 0.07, 0.575, 0.995)
}

a.arrow, a.carrow {
    font-family: "GT-Haptik-Bold", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 1px;
    text-transform: uppercase;
    color:  #000;
    text-decoration: none
}

@media(min-width: 600px) {
    a.arrow, a.carrow {
        letter-spacing: 2px
    }
}

h4.arrow, a.arrow {
    position: relative;
    display: inline-block;
    padding: 5px 0
}

h4.arrow span, a.arrow span {
    position: relative;
    display: inline-block;
    width: 42px;
    height: 8px;
    padding-left: 25px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

h4.arrow span:before, a.arrow span:before {
    content: "";
    width: 42px;
    height: 2px;
    background: #1f1f1f;
    position: absolute;
    top: 50%;
    margin-top: -1px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

h4.arrow span:after, a.arrow span:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-color: transparent transparent transparent #1f1f1f;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -5px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

h4.arrow.white span:before, a.arrow.white span:before {
    background: #fff
}

h4.arrow.white span:after, a.arrow.white span:after {
    border-color: transparent transparent transparent #fff
}

h4.arrow.inactive span:before, a.arrow.inactive span:before {
    background: #bfbfbf
}

h4.arrow.inactive span:after, a.arrow.inactive span:after {
    border-color: transparent transparent transparent #bfbfbf
}

h4.arrow--small, a.arrow--small {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

h4.arrow--small span, a.arrow--small span {
    width: 27px;
    padding-left: 10px
}

h4.arrow--small span:before, a.arrow--small span:before {
    width: 27px
}

h4.arrow--left, a.arrow--left {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

@media(min-width: 600px) {
    h4.arrow span, a.arrow span {
        width: 65px
    }

    h4.arrow span:before, a.arrow span:before {
        width: 65px
    }

    h4.arrow--small span, a.arrow--small span {
        width: 27px
    }

    h4.arrow--small span:before, a.arrow--small span:before {
        width: 27px;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }

    h4.arrow.touched span, h4.arrow:hover span, a.arrow.touched span, a.arrow:hover span {
        width: 75px
    }

    h4.arrow.touched span:before, h4.arrow:hover span:before, a.arrow.touched span:before, a.arrow:hover span:before {
        width: 75px
    }

    h4.arrow--small.touched span, h4.arrow--small:hover span, a.arrow--small.touched span, a.arrow--small:hover span {
        width: 27px
    }

    h4.arrow--small.touched span:before, h4.arrow--small:hover span:before, a.arrow--small.touched span:before, a.arrow--small:hover span:before {
        width: 27px;
        -webkit-transform: scaleX(1.2);
        transform: scaleX(1.2)
    }

    h4.arrow--small.touched span:after, h4.arrow--small:hover span:after, a.arrow--small.touched span:after, a.arrow--small:hover span:after {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }

    h4.arrow--small.inactive.touched span:before, h4.arrow--small.inactive:hover span:before, a.arrow--small.inactive.touched span:before, a.arrow--small.inactive:hover span:before {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    h4.arrow--small.inactive.touched span:after, h4.arrow--small.inactive:hover span:after, a.arrow--small.inactive.touched span:after, a.arrow--small.inactive:hover span:after {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

a.carrow {
    max-width: 300px;
    position: relative;
    letter-spacing: 2px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px 0;
    -webkit-transition: letter-spacing .2s ease-in-out;
    transition: letter-spacing .2s ease-in-out
}

a.carrow span {
    position: absolute;
    top: 50%;
    right: 0;
    left: auto;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 40px;
    width: 60px;
    height: 60px;
    border: 2px solid rgba(255, 255, 255, .1);
    -webkit-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out
}

a.carrow span:before {
    content: "";
    width: 56px;
    height: 2px;
    background: #fff;
    position: absolute;
    top: 50%;
    margin-top: -1px;
    right: 50%;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

a.carrow span:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-color: transparent transparent transparent #fff;
    position: absolute;
    top: 50%;
    margin-top: -5px;
    right: 45%;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

a.carrow:hover, a.carrow.touched {
    letter-spacing: 3px
}

a.carrow:hover span, a.carrow.touched span {
    border: 2px solid #fff
}

a.carrow:hover span:after, a.carrow.touched span:after {
    right: 20px
}

a.carrow:hover span:before, a.carrow.touched span:before {
    width: 20px;
    right: 22px
}

a.carrow--fill-width {
    max-width: 100%;
    letter-spacing: 1px
}

a.carrow--fill-width:hover, a.carrow--fill-width.touched {
    letter-spacing: 2px
}

a.carrow--dark span {
    border: 2px solid rgba(31, 31, 31, .1)
}

a.carrow--dark span:before {
    background: #1f1f1f
}

a.carrow--dark span:after {
    border-color: transparent transparent transparent #1f1f1f
}

a.carrow--dark:hover span, a.carrow--dark.touched span {
    border: 2px solid #1f1f1f
}

a.carrow--no-border span {
    border: none
}

a.carrow--no-border span:before {
    width: 30px
}

@media(min-width: 600px) {
    a.carrow--no-border span {
        border: 2px solid rgba(255, 255, 255, .1)
    }

    a.carrow--no-border span:before {
        width: 56px
    }
}

a.carrow--no-border:hover span, a.carrow--no-border.touched span {
    border: none
}

@media(min-width: 600px) {
    a.carrow--no-border:hover span, a.carrow--no-border.touched span {
        border: 2px solid #fff
    }
}

a.carrow--no-border:hover span:before, a.carrow--no-border.touched span:before {
    content: "";
    width: 30px;
    height: 2px;
    background: #fff;
    position: absolute;
    top: 50%;
    margin-top: -1px;
    right: 50%;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

a.carrow--no-border:hover span:after, a.carrow--no-border.touched span:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-color: transparent transparent transparent #fff;
    position: absolute;
    top: 50%;
    margin-top: -5px;
    right: 45%;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

@media(min-width: 1200px) {
    a.carrow span {
        width: 70px;
        height: 70px
    }

    a.carrow:hover span:after, a.carrow.touched span:after {
        right: 20px
    }

    a.carrow:hover span:before, a.carrow.touched span:before {
        width: 25px;
        right: 25px
    }
}

@-webkit-keyframes link-hover {
    0% {
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        -webkit-transform: scaleX(1) translateZ(0);
        transform: scaleX(1) translateZ(0)
    }

    50% {
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        -webkit-transform: scaleX(0) translateZ(0);
        transform: scaleX(0) translateZ(0)
    }

    50.1% {
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-transform: scaleX(0) translateZ(0);
        transform: scaleX(0) translateZ(0)
    }

    to {
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-transform: scaleX(1) translateZ(0);
        transform: scaleX(1) translateZ(0)
    }
}

@keyframes link-hover {
    0% {
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        -webkit-transform: scaleX(1) translateZ(0);
        transform: scaleX(1) translateZ(0)
    }

    50% {
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        -webkit-transform: scaleX(0) translateZ(0);
        transform: scaleX(0) translateZ(0)
    }

    50.1% {
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-transform: scaleX(0) translateZ(0);
        transform: scaleX(0) translateZ(0)
    }

    to {
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-transform: scaleX(1) translateZ(0);
        transform: scaleX(1) translateZ(0)
    }
}

@-webkit-keyframes link-hover-out {
    from {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

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

@keyframes link-hover-out {
    from {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

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

.btn {
    background: #212121;
    border: 2px solid #212121;
    color: #f7f7f7;
    font-family: "GT-Haptik-Bold", sans-serif;
    font-size: 12px;
    letter-spacing: .2em;
    line-height: 15px;
    padding: 23px 30px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.btn:hover {
    background: #f7f7f7;
    border-color: #f7f7f7;
    color: #1f1f1f
}

@media(min-width: 600px) {
    form {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        justify-items: center
    }

    form div.submit {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 85px auto 0;
        max-width: 320px;
        width: auto
    }

    form div.submit span {
        height: 70px;
        width: 70px
    }

    form div.submit span::before {
        width: 60px
    }

    form div.submit.touched input[type=submit], form div.submit:hover input[type=submit] {
        letter-spacing: 3px
    }

    form div.submit.touched span::after, form div.submit:hover span::after {
        right: 25px
    }

    form div.submit.touched span::before, form div.submit:hover span::before {
        right: 28px;
        width: 20px
    }
}

form span.up {
    color: #9f9f9f;
    margin-top: 55px
}

form ul {
    list-style: none;
    margin-top: 35px;
    padding: 0
}

form ul li {
    position: relative
}

form ul li span.error {
    bottom: 5px;
    color: #e44c4c;
    font-family: "GT-Haptik-Regular", sans-serif;
    font-size: 13px;
    font-stretch: normal;
    font-style: normal;
    font-weight: normal;
    left: 0;
    letter-spacing: normal;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease
}

form ul li::after {
    background-color: #1f1f1f;
    bottom: 0;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: right;
    transform-origin: right;
    -webkit-transition: -webkit-transform .2s ease-in;
    transition: -webkit-transform .2s ease-in;
    transition: transform .2s ease-in;
    transition: transform .2s ease-in, -webkit-transform .2s ease-in;
    width: 100%
}

form ul li.filled::after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: left;
    transform-origin: left
}

form ul li.filled input[type=text]+label, form ul li.filled textarea+label {
    color: #9f9f9f;
    -webkit-transform: translate3d(0, -25px, 0) scale3d(0.82, 0.82, 1);
    transform: translate3d(0, -25px, 0) scale3d(0.82, 0.82, 1);
    -webkit-transform-origin: center left;
    transform-origin: center left
}

form ul li.error::after {
    background-color: #e44c4c
}

form ul li.error span.error {
    opacity: 1
}

form ul li input[type=checkbox] {
    opacity: 0;
    position: absolute
}

form ul li input[type=checkbox]+label {
    background-color:  #000;
    color: #1f1f1f;
    cursor: pointer;
    display: block;
    font-family: "GT-Haptik-Medium", sans-serif;
    font-size: 15px;
    line-height: 1.2;
    margin: 0;
    margin-bottom: 2px;
    padding: 26px 75px;
    position: relative;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

form ul li input[type=checkbox]+label::before {
    background: transparent;
    border: 1px solid #e5e5e5;
    content: "";
    display: block;
    height: 13px;
    left: 35px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    width: 13px
}

form ul li input[type=checkbox].touched+label::before, form ul li input[type=checkbox]:hover+label::before {
    border-color: #1f1f1f
}

form ul li input[type=checkbox]:checked+label::before {
    background-color: #1f1f1f;
    border-color: #1f1f1f
}

form ul li input[type=checkbox]:checked+label::after {
    border: solid #fff;
    border-width: 0 2px 2px 0;
    content: "";
    height: 10px;
    left: 42px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-70%) rotate(45deg);
    transform: translateY(-70%) rotate(45deg);
    width: 4px
}

form ul li input[type=checkbox].not-checked+label {
    color: #1f1f1f
}

form ul li input[type=checkbox].not-checked+label::before {
    border-color: #9f9f9f
}

form ul li input[type=text], form ul li textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #dedddc;
    border-radius: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 100%;
    outline: none;
    width: 100%
}

form ul li input[type=text]+label, form ul li textarea+label {
    left: 0;
    pointer-events: none;
    position: absolute;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    top: 0;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

form ul li input[type=text], form ul li input[type=text]+label, form ul li textarea, form ul li textarea+label {
    color: #1f1f1f;
    font-family: "GT-Haptik-Regular", sans-serif;
    font-size: 16px;
    line-height: 1.2;
    margin-top: 20px;
    padding: 0 0 22px
}

form ul li textarea {
    min-height: 70px
}

form div.submit {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-top: 55px;
    position: relative;
    width: 100%
}

form div.submit input[type=submit] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #1f1f1f;
    font-family: "GT-Haptik-Bold", sans-serif;
    font-size: 12px;
    font-stretch: normal;
    font-style: normal;
    font-weight: normal;
    letter-spacing: 1px;
    letter-spacing: 1px;
    line-height: normal;
    outline: none;
    padding: 20px 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: letter-spacing .2s ease-in-out;
    transition: letter-spacing .2s ease-in-out;
    width: 100%
}

@media(min-width: 600px) {
    form div.submit input[type=submit] {
        letter-spacing: 2px
    }
}

form div.submit.touched input[type=submit], form div.submit:hover input[type=submit] {
    color: #1f1f1f;
    letter-spacing: 2px
}

form div.submit.touched span, form div.submit:hover span {
    border: 2px solid #1f1f1f
}

form div.submit.touched span::after, form div.submit:hover span::after {
    right: 20px
}

form div.submit.touched span::before, form div.submit:hover span::before {
    right: 22px;
    width: 20px
}

form div.submit span {
    border: 2px solid rgba(31, 31, 31, .1);
    border-radius: 40px;
    height: 60px;
    left: auto;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
    width: 60px
}

form div.submit span::before {
    background: #1f1f1f;
    content: "";
    height: 2px;
    margin-top: -1px;
    position: absolute;
    right: 50%;
    top: 50%;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    width: 56px
}

form div.submit span::after {
    border-color: transparent transparent transparent #1f1f1f;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    content: "";
    height: 0;
    margin-top: -5px;
    position: absolute;
    right: 45%;
    top: 50%;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    width: 0
}

picture {
    background: rgba(159, 159, 159, .2);
    position: relative
}

picture img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    width: 100%;
    will-change: transform
}

nav.mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    width: 100%;
    z-index: 460
}

@media(min-width: 720px) {
    nav.mobile {
        display: none
    }
}

nav.mobile .top {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 90px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: relative;
    -webkit-transition: background-color .25s;
    transition: background-color .25s;
    width: 100%;
    will-change: transform;
    z-index: 90
}

nav.mobile .top a.logo {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 90px;
    left: 0;
    padding: 0 25px;
    position: absolute
}

nav.mobile .top a.logo svg {
    fill: #fff;
    -webkit-transition-duration: .25s;
    transition-duration: .25s;
    -webkit-transition-property: fill;
    transition-property: fill;
    width: 59px
}

nav.mobile .top a.contact {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color:  #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: "GT-Haptik-Bold", sans-serif;
    font-size: 12px;
    height: 90px;
    letter-spacing: 1px;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition-duration: .25s;
    transition-duration: .25s;
    -webkit-transition-property: color;
    transition-property: color
}

nav.mobile .top a.contact span {
    position: relative
}

nav.mobile .top a.contact span::after {
    background-color:  #000;
    bottom: -2px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    -webkit-transition-duration: .25s;
    transition-duration: .25s;
    -webkit-transition-property: background-color;
    transition-property: background-color;
    width: 100%
}

nav.mobile .top button.toggle {
    background: 0 0;
    border: 0;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    height: 90px;
    line-height: inherit;
    margin: 0;
    outline: none;
    padding: 0;
    pointer-events: all;
    position: relative;
    vertical-align: baseline;
    width: 72px
}

nav.mobile .top button.toggle::before {
    background-color:  #000;
    content: "";
    height: 2px;
    position: absolute;
    right: 25px;
    top: 47px;
    -webkit-transition: background-color .25s, -webkit-transform .3s ease-out;
    transition: background-color .25s, -webkit-transform .3s ease-out;
    transition: background-color .25s, transform .3s ease-out;
    transition: background-color .25s, transform .3s ease-out, -webkit-transform .3s ease-out;
    width: 22px
}

nav.mobile .top button.toggle::after {
    background-color:  #000;
    content: "";
    height: 2px;
    position: absolute;
    right: 25px;
    top: 42px;
    -webkit-transition: background-color .25s, -webkit-transform .3s ease-out;
    transition: background-color .25s, -webkit-transform .3s ease-out;
    transition: background-color .25s, transform .3s ease-out;
    transition: background-color .25s, transform .3s ease-out, -webkit-transform .3s ease-out;
    width: 22px
}

nav.mobile .top.top--fixed {
    background-color: #f7f7f7;
    height: 70px;
    position: fixed;
    top: 0;
    will-change: transform;
    z-index: 93
}

nav.mobile .top.top--fixed a.logo svg {
    fill: #181819
}

nav.mobile .top.top--fixed a.contact {
    color: #181819
}

nav.mobile .top.top--fixed a.contact span::after {
    background-color: #181819
}

nav.mobile .top.top--fixed button.toggle {
    height: 70px
}

nav.mobile .top.top--fixed button.toggle::before {
    background-color: #181819;
    top: 37px
}

nav.mobile .top.top--fixed button.toggle::after {
    background-color: #181819;
    top: 32px
}

nav.mobile .menu {
    background-color: #29292a;
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 440px;
    opacity: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 80
}

nav.mobile .menu img.background {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    pointer-events: none;
    position: absolute;
    -webkit-transform: scale3d(1.2, 1.2, 1.2);
    transform: scale3d(1.2, 1.2, 1.2);
    width: 100%;
    z-index: -1
}

nav.mobile .menu a.logo {
    display: none
}

nav.mobile .menu ul {
    list-style: none;
    margin: 0 25px;
    padding: 0;
    padding-bottom: 80px;
    position: relative
}

nav.mobile .menu ul li a {
    color:  #000;
    display: block;
    font-family: "GT-Haptik-Medium", sans-serif;
    font-size: 26px;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -0.9px;
    line-height: 1.15;
    padding: 14px 0;
    text-decoration: none;
    -webkit-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out
}

nav.mobile .menu ul li a.touched, nav.mobile .menu ul li a.active {
    opacity: .2
}

nav.mobile .menu ul li.contact {
    display: none
}

nav.mobile .menu a.inquiry {
    border-top: 1px solid #414141;
    bottom: 0;
    color:  #000;
    left: 0;
    margin: 0 25px;
    min-height: 80px;
    padding: 25px 0;
    position: absolute;
    right: 0
}

nav.mobile.open {
    width: 100%
}

nav.mobile.open .top button.toggle::before {
    -webkit-transform: translateY(-2px) rotate(135deg);
    transform: translateY(-2px) rotate(135deg)
}

nav.mobile.open .top button.toggle::after {
    -webkit-transform: translateY(3px) rotate(45deg);
    transform: translateY(3px) rotate(45deg)
}

nav.mobile.open .top.top--fixed {
    background-color: rgba(0, 0, 0, 0)
}

nav.mobile.open .top.top--fixed a.logo svg {
    fill: #fff
}

nav.mobile.open .top.top--fixed a.contact {
    color:  #000
}

nav.mobile.open .top.top--fixed a.contact span::after {
    background-color:  #000
}

nav.mobile.open .top.top--fixed button.toggle::before, nav.mobile.open .top.top--fixed button.toggle::after {
    background-color:  #000
}

[data-page=inquiry] nav.mobile {
    display: none
}

[data-page=error] nav.mobile:not(.open) a.logo svg, [data-page=case] nav.mobile:not(.open) a.logo svg {
    fill: #1f1f1f
}

[data-page=error] nav.mobile:not(.open) a.contact, [data-page=case] nav.mobile:not(.open) a.contact {
    color: #1f1f1f
}

[data-page=error] nav.mobile:not(.open) a.contact span::after, [data-page=case] nav.mobile:not(.open) a.contact span::after {
    background-color: #1f1f1f
}

[data-page=error] nav.mobile:not(.open) button.toggle::before, [data-page=error] nav.mobile:not(.open) button.toggle::after, [data-page=case] nav.mobile:not(.open) button.toggle::before, [data-page=case] nav.mobile:not(.open) button.toggle::after {
    background-color: #1f1f1f
}

nav.full {
    display: none;
    position: absolute;
    width: 100%;
    z-index: 460
}

@media(min-width: 720px) {
    nav.full {
        display: block
    }
}

nav.full .menu {
    height: 155px;
    position: absolute;
    width: 100%;
    will-change: transform;
    z-index: 90
}

nav.full .menu .menu__container {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 100%;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin: 0 auto;
    max-width: 88%;
    position: relative;
    width: 100%
}

@media(min-width: 900px) {
    nav.full .menu .menu__container {
        max-width: 90%
    }
}

nav.full .menu a.logo {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    left: 0;
    position: absolute
}

nav.full .menu a.logo svg {
    fill: #fff;
    -webkit-transition-duration: .25s;
    transition-duration: .25s;
    -webkit-transition-property: fill;
    transition-property: fill;
    width: 83px
}

nav.full .menu ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0
}

nav.full .menu ul li a {
    color:  #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: "GT-Haptik-Bold", sans-serif;
    font-size: 11px;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: 1px;
    line-height: normal;
    padding: 20px 15px;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: color .2s ease-in-out, opacity .2s ease-in-out;
    transition: color .2s ease-in-out, opacity .2s ease-in-out
}

@media(min-width: 720px) {
    nav.full .menu ul li a {
        padding: 20px 10px
    }
}

@media(min-width: 900px) {
    nav.full .menu ul li a {
        padding: 20px
    }
}

@media(min-width: 1200px) {
    nav.full .menu ul li a {
        padding: 20px 35px
    }
}

nav.full .menu ul li:not(:last-of-type) a.active {
    opacity: .35
}

nav.full .menu ul li:not(:last-of-type) a span {
    display: inline-block;
    overflow-x: hidden;
    padding-bottom: 4px;
    position: relative
}

nav.full .menu ul li:not(:last-of-type) a:not(.active) span::after {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    bottom: 0;
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transform: scaleX(0) translateZ(0);
    transform: scaleX(0) translateZ(0);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transition: opacity .4s cubic-bezier(0.24, 0.015, 0.145, 0.93) 0s, -webkit-transform .4s cubic-bezier(0.405, 0.07, 0.575, 0.995) .1s, -webkit-transform-origin .1s cubic-bezier(0.405, 0.07, 0.575, 0.995) 0s;
    transition: opacity .4s cubic-bezier(0.24, 0.015, 0.145, 0.93) 0s, -webkit-transform .4s cubic-bezier(0.405, 0.07, 0.575, 0.995) .1s, -webkit-transform-origin .1s cubic-bezier(0.405, 0.07, 0.575, 0.995) 0s;
    transition: transform .4s cubic-bezier(0.405, 0.07, 0.575, 0.995) .1s, transform-origin .1s cubic-bezier(0.405, 0.07, 0.575, 0.995) 0s, opacity .4s cubic-bezier(0.24, 0.015, 0.145, 0.93) 0s;
    transition: transform .4s cubic-bezier(0.405, 0.07, 0.575, 0.995) .1s, transform-origin .1s cubic-bezier(0.405, 0.07, 0.575, 0.995) 0s, opacity .4s cubic-bezier(0.24, 0.015, 0.145, 0.93) 0s, -webkit-transform .4s cubic-bezier(0.405, 0.07, 0.575, 0.995) .1s, -webkit-transform-origin .1s cubic-bezier(0.405, 0.07, 0.575, 0.995) 0s;
    width: 100%
}

nav.full .menu ul li:not(:last-of-type) a.touched span::after, nav.full .menu ul li:not(:last-of-type) a:hover span::after {
    -webkit-transform: scaleX(1) translateZ(0);
    transform: scaleX(1) translateZ(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition: -webkit-transform .4s cubic-bezier(0.405, 0.07, 0.575, 0.995);
    transition: -webkit-transform .4s cubic-bezier(0.405, 0.07, 0.575, 0.995);
    transition: transform .4s cubic-bezier(0.405, 0.07, 0.575, 0.995);
    transition: transform .4s cubic-bezier(0.405, 0.07, 0.575, 0.995), -webkit-transform .4s cubic-bezier(0.405, 0.07, 0.575, 0.995)
}

nav.full .menu ul li:last-of-type a {
    border: solid 2px #fff;
    margin: 0 0 0 20px;
    overflow: hidden;
    padding: 20px 30px;
    position: relative
}

@media(min-width: 720px) {
    nav.full .menu ul li:last-of-type a {
        margin-left: 5px;
        padding: 20px 15px
    }
}

@media(min-width: 900px) {
    nav.full .menu ul li:last-of-type a {
        margin-left: 20px;
        padding: 20px 40px
    }
}

@media(min-width: 1200px) {
    nav.full .menu ul li:last-of-type a {
        margin: 0 0 0 35px;
        padding: 20px 100px 20px 30px
    }
}

@media(min-width: 1200px) {
    nav.full .menu ul li:last-of-type a div {
        position: absolute;
        right: 30px;
        top: 50%
    }

    nav.full .menu ul li:last-of-type a div::before {
        background: #fff;
        content: "";
        height: 2px;
        margin-top: -1px;
        position: absolute;
        right: 50%;
        top: 50%;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
        width: 43px
    }

    nav.full .menu ul li:last-of-type a div::after {
        border-color: transparent transparent transparent #fff;
        border-style: solid;
        border-width: 5px 0 5px 5px;
        content: "";
        height: 0;
        margin-top: -5px;
        position: absolute;
        right: 45%;
        top: 50%;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
        width: 0
    }
}

nav.full .menu ul li:last-of-type a::after {
    background-color:  #000;
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    -webkit-transform: scale3d(2, 2, 1) rotateZ(15deg) translate3d(0, 100%, 0);
    transform: scale3d(2, 2, 1) rotateZ(15deg) translate3d(0, 100%, 0);
    -webkit-transition: -webkit-transform .2s ease-in-out;
    transition: -webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
    width: 100%;
    z-index: -1
}

nav.full .menu ul li:last-of-type a.touched::after, nav.full .menu ul li:last-of-type a:hover::after {
    -webkit-transform: scale3d(2, 2, 1) rotateZ(15deg) translate3d(0, 0, 0);
    transform: scale3d(2, 2, 1) rotateZ(15deg) translate3d(0, 0, 0)
}

nav.full .menu ul li:last-of-type a.touched, nav.full .menu ul li:last-of-type a:hover {
    color: #1f1f1f
}

nav.full .menu ul li:last-of-type a.touched div::before, nav.full .menu ul li:last-of-type a:hover div::before {
    background: #1f1f1f
}

nav.full .menu ul li:last-of-type a.touched div::after, nav.full .menu ul li:last-of-type a:hover div::after {
    border-color: transparent transparent transparent #1f1f1f
}

nav.full .menu.menu--fixed {
    background-color: #f7f7f7;
    height: 100px;
    position: fixed;
    top: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    -webkit-transition: -webkit-transform .35s;
    transition: -webkit-transform .35s;
    transition: transform .35s;
    transition: transform .35s, -webkit-transform .35s;
    z-index: 93
}

nav.full .menu.menu--fixed.visible {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

nav.full .menu.menu--fixed a.logo svg {
    fill: #181819
}

nav.full .menu.menu--fixed ul li a {
    border-color: #1f1f1f;
    color: #1f1f1f
}

nav.full .menu.menu--fixed ul li:last-of-type a::after {
    background-color: #1f1f1f
}

nav.full .menu.menu--fixed ul li:last-of-type a.touched, nav.full .menu.menu--fixed ul li:last-of-type a:hover {
    color:  #000
}

nav.full .menu.menu--fixed ul li:last-of-type a.touched div::before, nav.full .menu.menu--fixed ul li:last-of-type a:hover div::before {
    background: #fff
}

nav.full .menu.menu--fixed ul li:last-of-type a.touched div::after, nav.full .menu.menu--fixed ul li:last-of-type a:hover div::after {
    border-color: transparent transparent transparent #fff
}

nav.full .menu.menu--fixed ul li:last-of-type a div::before {
    background: #1f1f1f
}

nav.full .menu.menu--fixed ul li:last-of-type a div::after {
    border-color: transparent transparent transparent #1f1f1f
}

[data-page=error] nav.full a.logo svg, [data-page=case] nav.full a.logo svg {
    fill: #1f1f1f
}

[data-page=error] nav.full .menu ul li a, [data-page=case] nav.full .menu ul li a {
    color: #1f1f1f
}

[data-page=error] nav.full .menu ul li:last-of-type a, [data-page=case] nav.full .menu ul li:last-of-type a {
    border-color: #1f1f1f
}

[data-page=error] nav.full .menu ul li:last-of-type a::after, [data-page=case] nav.full .menu ul li:last-of-type a::after {
    background-color: #1f1f1f
}

[data-page=error] nav.full .menu ul li:last-of-type a div::before, [data-page=case] nav.full .menu ul li:last-of-type a div::before {
    background-color: #1f1f1f
}

[data-page=error] nav.full .menu ul li:last-of-type a div::after, [data-page=case] nav.full .menu ul li:last-of-type a div::after {
    border-color: transparent transparent transparent #1f1f1f
}

[data-page=error] nav.full .menu ul li:last-of-type a:hover, [data-page=case] nav.full .menu ul li:last-of-type a:hover {
    color:  #000
}

[data-page=error] nav.full .menu ul li:last-of-type a:hover div::before, [data-page=case] nav.full .menu ul li:last-of-type a:hover div::before {
    background-color:  #000
}

[data-page=error] nav.full .menu ul li:last-of-type a:hover div::after, [data-page=case] nav.full .menu ul li:last-of-type a:hover div::after {
    border-color: transparent transparent transparent #fff
}

footer {
    background-color: #181819;
    color:  #000;
    position: relative
}

footer .footer__cta {
    background-color: #1f1f1f;
    overflow: hidden;
    padding-bottom: 120px;
    padding-top: 110px;
    position: relative
}

@media(max-width: 599px) {
    footer .footer__cta {
        padding-left: 0;
        padding-right: 0
    }
}

@media(min-width: 600px) {
    footer .footer__cta {
        padding: 145px 0 90px;
        position: relative;
        -webkit-transform: translateY(-55px);
        transform: translateY(-55px)
    }
}

@media(min-width: 1200px) {
    footer .footer__cta {
        padding: 265px 0 220px;
        -webkit-transform: translateY(-110px);
        transform: translateY(-110px)
    }
}

footer .footer__cta img {
    opacity: .8
}

footer .footer__cta .container {
    text-align: center
}

footer .footer__cta h2 {
    font-size: 45px;
    line-height: .5
}

@media(min-width: 600px) {
    footer .footer__cta h2 {
        font-size: 50px;
        letter-spacing: -2px;
        line-height: 1
    }
}

@media(min-width: 1200px) {
    footer .footer__cta h2 {
        font-size: 70px;
        line-height: .8
    }
}

@media(max-width: 599px) {
    footer .footer__cta a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 20px;
        max-width: 100%;
        padding: 0
    }
}

@media(min-width: 600px) {
    footer .footer__cta a {
        margin-top: 20px;
        max-width: 290px;
        width: 100%
    }
}

@media(min-width: 1200px) {
    footer .footer__cta a {
        margin-top: 40px;
        max-width: 300px
    }
}

@media(max-width: 599px) {
    footer .footer__cta a:hover, footer .footer__cta a.touched {
        letter-spacing: 2px
    }
}

@media(max-width: 599px) {
    footer .footer__cta a span {
        margin-top: 20px;
        position: relative;
        -webkit-transform: none;
        transform: none
    }
}

@media(min-width: 600px) {
    footer .footer__cta a span {
        margin-left: 45px;
        margin-top: 0
    }
}

@media(min-width: 1200px) {
    footer .footer__cta a span {
        margin-left: 50px
    }
}

footer .footer__cta .bottom {
    bottom: -5px;
    left: -10px;
    min-width: 100%;
    position: absolute;
    right: -10px
}

footer .footer__contacts {
    margin-top: 30px
}

@media(min-width: 600px) {
    footer .footer__contacts {
        margin-top: 5px
    }
}

@media(min-width: 1200px) {
    footer .footer__contacts {
        display: grid;
        grid-template-columns: .4fr .6fr;
        padding-top: 60px
    }
}

footer .footer__contacts .logo {
    display: block
}

@media(min-width: 600px) {
    footer .footer__contacts .logo {
        display: none
    }
}

@media(min-width: 1200px) {
    footer .footer__contacts .logo {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        grid-column: 1/2;
        grid-row: 1/2
    }
}

footer .footer__contacts .logo a svg {
    fill: #2e2e30;
    height: 21px;
    width: 61px
}

@media(min-width: 1200px) {
    footer .footer__contacts .logo a svg {
        fill: #fff;
        height: 29px;
        width: 83px
    }
}

footer .footer__contacts .cities {
    margin-top: 50px
}

@media(min-width: 600px) {
    footer .footer__contacts .cities {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-top: 0
    }
}

@media(min-width: 1200px) {
    footer .footer__contacts .cities {
        grid-column: 2/3;
        grid-row: 1/2
    }
}

footer .footer__contacts .cities .city {
    margin: 20px 0
}

@media(min-width: 1200px) {
    footer .footer__contacts .cities .city {
        margin: 0
    }
}

footer .footer__contacts .cities .city h5 {
    color:  #000;
    font-family: "IvarDisplay-SemiBoldItalic", serif;
    font-size: 30px;
    font-stretch: normal;
    letter-spacing: -0.9px;
    line-height: 1.6;
    text-transform: uppercase
}

@media(min-width: 600px) {
    footer .footer__contacts .cities .city h5 {
        font-size: 35px;
        margin-bottom: 5px
    }
}

@media(min-width: 1200px) {
    footer .footer__contacts .cities .city h5 {
        font-size: 42px;
        line-height: 1;
        margin-bottom: 15px
    }
}

footer .footer__contacts .cities .city a {
    color: #5d5d5e;
    display: block;
    font-family: "GT-Haptik-Medium", sans-serif;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.64;
    text-decoration: none;
    -webkit-transition: color .2s ease;
    transition: color .2s ease
}

footer .footer__contacts .cities .city a:hover, footer .footer__contacts .cities .city a.touched {
    color:  #000
}

footer .footer__contacts .social {
    border-bottom: 1px solid #2d2d2f;
    border-top: 1px solid #2d2d2f;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 50px 0;
    padding: 50px 0
}

@media(max-width: 599px) {
    footer .footer__contacts .social span {
        display: none
    }
}

@media(min-width: 600px) {
    footer .footer__contacts .social {
        border-bottom: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: 45px 0;
        padding: 45px 0 0
    }
}

@media(min-width: 1200px) {
    footer .footer__contacts .social {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        grid-column: 2/3;
        grid-row: 2/3
    }
}

footer .footer__contacts .social a, footer .footer__contacts .social span {
    color: #5d5d5e;
    font-family: "GT-Haptik-Medium", sans-serif;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    padding: 12px 0;
    text-decoration: none;
    width: 50%
}

@media(min-width: 600px) {
    footer .footer__contacts .social a, footer .footer__contacts .social span {
        width: auto
    }
}

footer .footer__contacts .social a {
    -webkit-transition: color .2s ease;
    transition: color .2s ease
}

footer .footer__contacts .social a:hover, footer .footer__contacts .social a.touched {
    color:  #000
}

@media(min-width: 1200px) {
    footer .footer__contacts .legal, footer .footer__contacts .social {
        border-top: 1px solid #252526;
        margin-top: 90px;
        padding: 80px 0
    }
}

footer .footer__contacts .legal, footer .footer__contacts .copyright, footer .footer__contacts .copyright-mobile-tablet {
    color: #454547;
    font-family: "GT-Haptik-Medium", sans-serif;
    font-size: 12px;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.17;
    padding-bottom: 50px
}

footer .footer__contacts .legal sup, footer .footer__contacts .copyright sup, footer .footer__contacts .copyright-mobile-tablet sup {
    font-size: 8px
}

footer .footer__contacts .legal p, footer .footer__contacts .legal sup, footer .footer__contacts .copyright p, footer .footer__contacts .copyright sup, footer .footer__contacts .copyright-mobile-tablet p, footer .footer__contacts .copyright-mobile-tablet sup {
    color: #4f4f50;
    font-family: "GT-Haptik-Medium", sans-serif
}

footer .footer__contacts .legal-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media(min-width: 600px) {
    footer .footer__contacts .legal-container {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

@media(min-width: 1200px) {
    footer .footer__contacts .legal-container {
        display: block
    }
}

footer .footer__contacts .legal-container .copyright-mobile-tablet {
    padding-bottom: 30px
}

@media(min-width: 1200px) {
    footer .footer__contacts .legal-container .copyright-mobile-tablet {
        display: none
    }
}

footer .footer__contacts .legal-container .legal {
    padding-bottom: 45px
}

@media(min-width: 600px) {
    footer .footer__contacts .legal-container .legal {
        padding-bottom: 73px
    }
}

@media(min-width: 1200px) {
    footer .footer__contacts .legal-container .legal {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        grid-column: 1/2;
        grid-row: 2/3
    }
}

@media(min-width: 1200px) {
    footer .footer__contacts .legal-container .legal .legal-links {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 12px 0
    }
}

footer .footer__contacts .legal-container .legal .legal-links a {
    -webkit-transition-duration: 150ms;
    transition-duration: 150ms;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    color: #4f4f50;
    display: block;
    text-decoration: none
}

footer .footer__contacts .legal-container .legal .legal-links a:last-of-type {
    margin-top: 8px
}

@media(min-width: 1200px) {
    footer .footer__contacts .legal-container .legal .legal-links a:last-of-type {
        margin: 0
    }
}

footer .footer__contacts .legal-container .legal .legal-links a:hover {
    color:  #000
}

footer .footer__contacts .legal-container .legal .legal-links span {
    display: none
}

@media(min-width: 1200px) {
    footer .footer__contacts .legal-container .legal .legal-links span {
        padding: 0 10px
    }
}

@media(min-width: 1200px) {
    footer .footer__contacts .legal-container .legal .legal-links a, footer .footer__contacts .legal-container .legal .legal-links span {
        display: inline-block
    }
}

footer .footer__contacts .copyright {
    display: none
}

@media(min-width: 1200px) {
    footer .footer__contacts .copyright {
        display: block;
        margin-top: 24px
    }
}

form.inquiry {
    margin-top: 25px
}

@media(min-width: 600px) {
    form.inquiry {
        background-color: #f7f7f7;
        margin-top: 80px;
        padding: 65px 35px
    }
}

@media(min-width: 900px) {
    form.inquiry {
        margin: 0 auto;
        margin-top: 80px;
        max-width: 580px;
        padding: 65px 55px
    }
}

@media(min-width: 1200px) {
    form.inquiry {
        padding: 85px 80px
    }
}

form.inquiry ul.info {
    margin: 0
}

form.inquiry ul.info li {
    position: relative
}

form.inquiry ul.info li:not(:first-of-type) {
    margin-top: 20px
}

header.default {
    background-color: #1f1f1f;
    color:  #000;
    overflow: hidden;
    padding-bottom: 90px;
    padding-top: 145px;
    position: relative
}

@media(min-width: 600px) {
    header.default {
        padding-bottom: 165px;
        padding-top: 220px
    }
}

@media(min-width: 1200px) {
    header.default {
        padding-bottom: 260px;
        padding-top: 285px
    }
}

header.default h1 {
    margin-top: 5px;
    max-width: 320px
}

@media(min-width: 600px) {
    header.default h1 {
        max-width: 500px
    }
}

@media(min-width: 1200px) {
    header.default h1 {
        margin-top: 5px;
        max-width: 700px
    }
}

header.default h1 i {
    font-style: normal;
    line-height: inherit
}

header.default h1 .word {
    line-height: 1;
    margin: -5px;
    padding: 5px
}

@media(min-width: 600px) {
    header.default h1 .word {
        line-height: 1
    }
}

@media(min-width: 1200px) {
    header.default h1 .word {
        margin: -10px;
        padding: 10px
    }
}

@media(min-width: 600px) {
    header.default h1.long {
        max-width: 950px
    }
}

.clients-container {
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px;
    overflow-x: hidden;
    position: relative
}

@media(max-width: 599px) {
    .clients-container {
        width: 100%
    }
}

@media(min-width: 600px) {
    .clients-container {
        overflow: visible;
        width: 88%
    }
}

@media(min-width: 900px) {
    .clients-container {
        width: 80%
    }
}

@media(min-width: 1200px) {
    .clients-container {
        width: 90%
    }
}

@media(min-width: 1500px) {
    .clients-container {
        width: 90%
    }
}

.clients-container .clients {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    margin-top: 50px;
    padding-left: 25px;
    width: 100%;
    width: calc((var(--clients-count) * (100vw - 50px)) + (var(--clients-count) * 10px) + 40px)
}

@media(min-width: 600px) {
    .clients-container .clients {
        display: grid;
        gap: 4px;
        grid-template-columns: 1fr 1fr;
        margin-top: 100px;
        padding-left: 0;
        width: auto
    }
}

@media(min-width: 1200px) {
    .clients-container .clients {
        -webkit-column-gap: 20px;
        -moz-column-gap: 20px;
        column-gap: 20px;
        grid-template-columns: 1fr 1fr 1fr;
        margin-left: -50px;
        margin-right: -50px;
        row-gap: 10px
    }
}

@media(min-width: 1500px) {
    .clients-container .clients {
        grid-template-columns: 1fr 1fr 1fr 1fr
    }
}

@media(min-width: 1500px) {
    .clients-container .clients {
        -webkit-column-gap: 30px;
        -moz-column-gap: 30px;
        column-gap: 30px
    }
}

.clients-container .clients .client {
    background-color: #f7f7f7;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    pointer-events: none;
    position: relative;
    width: calc(var(--view-width) - 50px);
    z-index: 0
}

@media(min-width: 600px) {
    .clients-container .clients .client {
        margin-right: 0;
        pointer-events: auto;
        width: auto
    }
}

@media(min-width: 1200px) {
    .clients-container .clients .client {
        background-color: transparent
    }
}

@media(min-width: 1200px) {
    html:not(.touch-device) .clients-container .clients .client:hover .content p, html:not(.touch-device) .clients-container .clients .client:hover .content a, .clients-container .clients .client.touched .content p, .clients-container .clients .client.touched .content a {
        color: #1f1f1f
    }
}

@media(min-width: 1200px) {
    html:not(.touch-device) .clients-container .clients .client:hover::before, .clients-container .clients .client.touched::before {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.clients-container .clients .client::before {
    background-color: #f7f7f7;
    content: "";
    display: block;
    height: 100%;
    opacity: 0;
    position: absolute;
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
    -webkit-transition: opacity .2s ease, -webkit-transform .2s ease-in-out;
    transition: opacity .2s ease, -webkit-transform .2s ease-in-out;
    transition: opacity .2s ease, transform .2s ease-in-out;
    transition: opacity .2s ease, transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
    width: 100%;
    z-index: -1
}

.clients-container .clients .client .content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 50px 25px
}

@media(min-width: 600px) {
    .clients-container .clients .client .content {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding: 50px 20%
    }
}

@media(min-width: 1200px) {
    .clients-container .clients .client .content {
        padding: 75px 50px 65px
    }
}

.clients-container .clients .client .content .logo {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 63px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media(min-width: 600px) {
    .clients-container .clients .client .content .logo {
        height: 76px;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.clients-container .clients .client .content .logo img {
    height: 100%;
    width: auto
}

.clients-container .clients .client .content p, .clients-container .clients .client .content a {
    color: #1f1f1f;
    font-family: "GT-Haptik-Regular", sans-serif;
    font-size: 14px;
    line-height: 23px;
    margin-top: 20px;
    text-align: center
}

@media(min-width: 600px) {
    .clients-container .clients .client .content p, .clients-container .clients .client .content a {
        margin-top: 10px;
        text-align: left
    }
}

@media(min-width: 1200px) {
    .clients-container .clients .client .content p, .clients-container .clients .client .content a {
        color: #9f9f9f;
        font-size: 16px;
        line-height: 29px;
        -webkit-transition: color .2s ease-in-out;
        transition: color .2s ease-in-out
    }
}

.clients-container .page-info {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #cbcbcb;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: "GT-Haptik-Medium", sans-serif;
    font-size: 12px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    letter-spacing: 1px;
    line-height: 29px;
    margin-top: 30px;
    padding-right: 25px;
    width: 100%
}

@media(min-width: 600px) {
    .clients-container .page-info {
        display: none
    }
}

.clients-container .page-info .arrows {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px
}

.clients-container .page-info .arrows .left, .clients-container .page-info .arrows .right {
    background: none;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 0;
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

.clients-container .page-info .arrows .left:disabled, .clients-container .page-info .arrows .right:disabled {
    opacity: .5
}

.clients-container .page-info .arrows .left svg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.case-studies {
    display: grid;
    gap: 50px;
    grid-template-columns: 1fr;
    margin-top: 35px
}

@media(min-width: 600px) {
    .case-studies {
        -webkit-column-gap: 40px;
        -moz-column-gap: 40px;
        column-gap: 40px;
        grid-template-columns: 1fr 1fr;
        margin-top: 40px;
        margin-top: 65px;
        row-gap: 90px
    }
}

@media(min-width: 1500px) {
    .case-studies {
        -webkit-column-gap: 100px;
        -moz-column-gap: 100px;
        column-gap: 100px;
        row-gap: 90px
    }
}

.case-studies a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 25px;
    text-decoration: none
}

@media(min-width: 600px) {
    .case-studies a {
        gap: 30px
    }
}

@media(min-width: 1200px) {
    .case-studies a {
        gap: 40px
    }
}

.case-studies a picture {
    aspect-ratio: 270/230;
    width: 100%
}

@media(min-width: 600px) {
    .case-studies a picture {
        aspect-ratio: 320/260
    }
}

@media(min-width: 1200px) {
    .case-studies a picture {
        aspect-ratio: 670/430
    }
}

.case-studies a .info h4 {
    color: #1f1f1f;
    font-size: 18px;
    line-height: 25px
}

@media(min-width: 1200px) {
    .case-studies a .info h4 {
        font-size: 22px;
        line-height: 30px
    }
}

.case-studies a .info span {
    color: #9e9e9e;
    font-family: "GT-Haptik-Medium", sans-serif;
    font-size: 14px;
    margin-top: 5px
}

@media(min-width: 600px) {
    .case-studies a .info span {
        color: #9f9f9f
    }
}

@media(min-width: 1200px) {
    .case-studies a .info span {
        line-height: 23px
    }
}

#preloader {
    background-color: #000;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    will-change: transform;
    z-index: 900
}

#preloader.loading-first {
    -webkit-transform: scaleY(1) translateZ(0);
    transform: scaleY(1) translateZ(0)
}

#preloader .preloader-animation {
    left: 50%;
    opacity: 0;
    position: fixed;
    top: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0) scale(0.8);
    transform: translate3d(-50%, -50%, 0) scale(0.8);
    width: 170px;
    z-index: 90
}

@media(min-width: 600px) {
    #preloader .preloader-animation {
        -webkit-transform: translate3d(-50%, -50%, 0) scale(1);
        transform: translate3d(-50%, -50%, 0) scale(1)
    }
}

#transition {
    background-color: #1f1f1f;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 450
}

#effects {
    height: 100vh;
    left: 0;
    pointer-events: none;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 10
}

[data-effect] {
    opacity: 0
}

html.touch-device #effects {
    display: none
}

html.touch-device [data-effect] {
    opacity: 1
}

header#homepage {
    position: relative
}

header#homepage .backdrop {
    height: 100%;
    position: fixed;
    top: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    width: 100%
}

header#homepage .backdrop img {
    height: 100vh;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    z-index: -1
}

header#homepage .hero {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 50vh;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 200px;
    position: absolute;
    width: 100%;
    will-change: transform;
    z-index: 2
}

@media(min-width: 600px) {
    header#homepage .hero {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        min-height: 300px
    }
}

header#homepage .hero canvas {
    position: absolute
}

header#homepage .hero h1 {
    color:  #000;
    font-size: 30px;
    letter-spacing: -0.5px;
    line-height: 30px;
    margin-top: 55px;
    max-width: 250px
}

@media(min-width: 600px) {
    header#homepage .hero h1 {
        letter-spacing: -1px;
        line-height: 35px;
        margin-bottom: 80px;
        margin-top: 0;
        max-width: 400px
    }
}

@media(min-width: 1200px) {
    header#homepage .hero h1 {
        font-size: 35px;
        letter-spacing: -1px;
        line-height: 40px
    }
}

header#homepage .hero h1 .word {
    margin: -3px;
    padding: 3px
}

header#homepage .hero .fake-bg {
    background-color: #191919;
    height: calc(50vh - 17px);
    min-height: calc(300px - 17px);
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 3
}

@media(min-width: 1200px) {
    header#homepage .hero .fake-bg {
        height: calc(50vh - 44.5px);
        min-height: calc(300px - 44.5px)
    }
}

header#homepage .hero .wave {
    bottom: 0;
    bottom: -17px;
    height: 40px;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: 3
}

@media(min-width: 1200px) {
    header#homepage .hero .wave {
        bottom: -44.5px;
        height: 100px
    }
}

header#homepage .hero .wave canvas {
    width: auto !important
}

@media(min-width: 600px) {
    header#homepage .hero .wave canvas {
        width: 100% !important
    }
}

header#homepage #revolve {
    height: 200vh;
    position: relative
}

header#homepage #revolve #revolve__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100vh;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: sticky;
    top: 0;
    width: 100%
}

header#homepage #revolve #revolve__content.shifted .container {
    -webkit-transform: translate3d(0, 15%, 0);
    transform: translate3d(0, 15%, 0)
}

@media(min-width: 600px) {
    header#homepage #revolve #revolve__content.shifted .container {
        -webkit-transform: translate3d(0, 5%, 0);
        transform: translate3d(0, 5%, 0)
    }
}

@media(min-width: 1200px) {
    header#homepage #revolve #revolve__content.shifted .container {
        -webkit-transform: translate3d(0, 0%, 0);
        transform: translate3d(0, 0%, 0)
    }
}

header#homepage #revolve #revolve__content h2, header#homepage #revolve #revolve__content h2 strong {
    color:  #000;
    font-family: "GT-Haptik-Medium", sans-serif;
    font-size: 35px;
    font-weight: normal;
    letter-spacing: -1px;
    line-height: 40px
}

@media(min-width: 600px) {
    header#homepage #revolve #revolve__content h2, header#homepage #revolve #revolve__content h2 strong {
        font-size: 40px;
        letter-spacing: -1.5px;
        line-height: 49px;
        max-width: 554px
    }
}

@media(min-width: 1200px) {
    header#homepage #revolve #revolve__content h2, header#homepage #revolve #revolve__content h2 strong {
        font-size: 55px;
        letter-spacing: -2px;
        line-height: 60px;
        max-width: 621px
    }
}

header#homepage #revolve #revolve__content h2 i, header#homepage #revolve #revolve__content h2 strong i {
    font-family: "GT-Haptik-Medium", sans-serif
}

header#homepage #revolve #revolve__content h2 .wrapper {
    margin: -3px;
    overflow: hidden;
    padding: 3px
}

header#homepage #revolve #revolve__content #revolve__intro {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: var(--view-height);
    -webkit-perspective: 1px;
    perspective: 1px;
    -webkit-perspective-origin: 0 0;
    perspective-origin: 0 0;
    position: absolute;
    top: 0;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    width: 100%;
    will-change: transform;
    z-index: 10
}

@media(min-width: 600px) {
    header#homepage #revolve #revolve__content #revolve__intro {
        font-size: 50px;
        letter-spacing: -2px;
        line-height: 60px
    }
}

@media(min-width: 1200px) {
    header#homepage #revolve #revolve__content #revolve__intro {
        min-height: 750px
    }
}

header#homepage #revolve #revolve__content #revolve__intro h2, header#homepage #revolve #revolve__content #revolve__intro h2 strong {
    color:  #000;
    font-family: "GT-Haptik-Medium", sans-serif;
    font-size: 35px;
    font-weight: normal;
    letter-spacing: -1px;
    line-height: 40px;
    overflow: hidden
}

@media(min-width: 600px) {
    header#homepage #revolve #revolve__content #revolve__intro h2, header#homepage #revolve #revolve__content #revolve__intro h2 strong {
        font-size: 50px;
        letter-spacing: -2px;
        line-height: 60px
    }
}

@media(min-width: 1200px) {
    header#homepage #revolve #revolve__content #revolve__intro h2, header#homepage #revolve #revolve__content #revolve__intro h2 strong {
        font-size: 70px;
        letter-spacing: -2.55px;
        line-height: 60px
    }
}

header#homepage #revolve #revolve__content #revolve__intro h2 i, header#homepage #revolve #revolve__content #revolve__intro h2 strong i {
    font-family: "IvarDisplay-SemiBoldItalic", serif
}

@media(min-width: 1200px) {
    header#homepage #revolve #revolve__content #revolve__intro h2 i, header#homepage #revolve #revolve__content #revolve__intro h2 strong i {
        letter-spacing: -1.5px
    }
}

header#homepage #revolve #revolve__content #revolve__intro h2 div, header#homepage #revolve #revolve__content #revolve__intro h2 strong div {
    -webkit-transform: translateY(110%);
    transform: translateY(110%)
}

header#homepage #revolve #revolve__content #revolve__intro .container {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 45px;
    overflow: hidden
}

@media(min-width: 1200px) {
    header#homepage #revolve #revolve__content #revolve__intro .container {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

header#homepage #revolve #revolve__content #revolve__intro .container .scrolldown {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: transparent;
    border: none;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 40px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0;
    position: relative;
    width: 50px
}

@media(min-width: 600px) {
    html:not(.touch-device) header#homepage #revolve #revolve__content #revolve__intro .container .scrolldown:hover svg.desktop rect, header#homepage #revolve #revolve__content #revolve__intro .container .scrolldown.touched svg.desktop rect {
        -webkit-transform: scaleY(0.6) translateY(-2px);
        transform: scaleY(0.6) translateY(-2px)
    }

    html:not(.touch-device) header#homepage #revolve #revolve__content #revolve__intro .container .scrolldown:hover svg.desktop path, header#homepage #revolve #revolve__content #revolve__intro .container .scrolldown.touched svg.desktop path {
        -webkit-transform: translateY(8px);
        transform: translateY(8px)
    }
}

@media(min-width: 600px) {
    header#homepage #revolve #revolve__content #revolve__intro .container .scrolldown {
        height: 62px;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        width: 77px
    }
}

@media(min-width: 1200px) {
    header#homepage #revolve #revolve__content #revolve__intro .container .scrolldown {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin-top: 120px
    }
}

header#homepage #revolve #revolve__content #revolve__intro .container .scrolldown svg {
    height: 100%
}

@media(min-width: 600px) {
    header#homepage #revolve #revolve__content #revolve__intro .container .scrolldown svg.mobile {
        display: none
    }
}

header#homepage #revolve #revolve__content #revolve__intro .container .scrolldown svg.desktop {
    display: none
}

@media(min-width: 600px) {
    header#homepage #revolve #revolve__content #revolve__intro .container .scrolldown svg.desktop {
        display: block
    }
}

header#homepage #revolve #revolve__content #revolve__intro .container .scrolldown svg.desktop rect {
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transition: -webkit-transform .5s cubic-bezier(0.075, 0.82, 0.165, 1);
    transition: -webkit-transform .5s cubic-bezier(0.075, 0.82, 0.165, 1);
    transition: transform .5s cubic-bezier(0.075, 0.82, 0.165, 1);
    transition: transform .5s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform .5s cubic-bezier(0.075, 0.82, 0.165, 1)
}

header#homepage #revolve #revolve__content #revolve__intro .container .scrolldown svg.desktop path {
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: -webkit-transform .5s cubic-bezier(0.075, 0.82, 0.165, 1);
    transition: -webkit-transform .5s cubic-bezier(0.075, 0.82, 0.165, 1);
    transition: transform .5s cubic-bezier(0.075, 0.82, 0.165, 1);
    transition: transform .5s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform .5s cubic-bezier(0.075, 0.82, 0.165, 1)
}

header#homepage #revolve #revolve__content #revolve__moon {
    height: 100vh;
    position: absolute;
    width: 100%
}

header#homepage #revolve #revolve__content #revolve__moon canvas {
    display: block
}

header#homepage #revolve #revolve__content>.container {
    -webkit-transform: translate3d(0, 30%, 0);
    transform: translate3d(0, 30%, 0);
    -webkit-transition: -webkit-transform .5s ease-in-out;
    transition: -webkit-transform .5s ease-in-out;
    transition: transform .5s ease-in-out;
    transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out
}

header#homepage #revolve #revolve__content>.container a.cta {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 50px;
    max-width: 260px;
    width: 100%
}

section#home__programs {
    background-color: #e8e8e8;
    padding: 90px 0
}

@media(min-width: 600px) {
    section#home__programs {
        padding: 80px 0 120px
    }
}

@media(min-width: 1200px) {
    section#home__programs {
        padding: 160px 0 220px
    }
}

section#home__programs .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

section#home__programs h2 {
    color: #1f1f1f;
    font-family: "GT-Haptik-Medium", sans-serif;
    font-size: 20px;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -0.6px;
    line-height: 1.7
}

@media(min-width: 600px) {
    section#home__programs h2 {
        font-size: 25px;
        max-width: 619px
    }
}

@media(min-width: 1200px) {
    section#home__programs h2 {
        font-size: 30px;
        letter-spacing: -1px;
        max-width: 670px
    }
}

section#home__programs .programs-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 40px;
    margin-top: 60px;
    width: 100%
}

@media(min-width: 900px) {
    section#home__programs .programs-grid {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 30px;
        margin-top: 120px
    }
}

@media(min-width: 1200px) {
    section#home__programs .programs-grid {
        gap: 60px;
        margin-top: 160px
    }
}

@media(min-width: 1500px) {
    section#home__programs .programs-grid {
        -webkit-column-gap: 100px;
        -moz-column-gap: 100px;
        column-gap: 100px;
        row-gap: 90px
    }
}

section#home__programs .programs-grid a {
    border: 1px solid #1f1f1f;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #1f1f1f;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
    padding: 40vw 30px 35px;
    position: relative;
    text-decoration: none;
    width: 100%
}

@media(min-width: 600px) {
    section#home__programs .programs-grid a {
        padding: 40vw 60px 65px
    }
}

@media(min-width: 720px) {
    section#home__programs .programs-grid a {
        padding: 45vw 60px 65px
    }
}

@media(min-width: 900px) {
    section#home__programs .programs-grid a {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 20vw 30px 35px
    }
}

@media(min-width: 1200px) {
    section#home__programs .programs-grid a {
        padding: min(18vw, 300px) 60px 65px
    }
}

@media(min-width: 900px) {
    html:not(.touch-device) section#home__programs .programs-grid a:hover::before, section#home__programs .programs-grid a.touched::before {
        -webkit-transform: translateX(0%) rotate(0deg);
        transform: translateX(0%) rotate(0deg);
        -webkit-transform-origin: right 50%;
        transform-origin: right 50%
    }

    html:not(.touch-device) section#home__programs .programs-grid a:hover .content, section#home__programs .programs-grid a.touched .content {
        color: #f7f7f7
    }

    html:not(.touch-device) section#home__programs .programs-grid a:hover .content p, section#home__programs .programs-grid a.touched .content p {
        color: #f7f7f7
    }

    html:not(.touch-device) section#home__programs .programs-grid a:hover .cta, section#home__programs .programs-grid a.touched .cta {
        color: #f7f7f7
    }

    html:not(.touch-device) section#home__programs .programs-grid a:hover .image img, section#home__programs .programs-grid a.touched .image img {
        -webkit-filter: brightness(1);
        filter: brightness(1);
        -webkit-transform: translateY(0%) rotate(15deg) scale(1.05);
        transform: translateY(0%) rotate(15deg) scale(1.05)
    }

    html:not(.touch-device) section#home__programs .programs-grid a:hover .cta svg, section#home__programs .programs-grid a.touched .cta svg {
        -webkit-filter: invert(1);
        filter: invert(1)
    }
}

html:not(.touch-device) section#home__programs .programs-grid a:hover .cta span, section#home__programs .programs-grid a.touched .cta span {
    letter-spacing: 2px
}

html:not(.touch-device) section#home__programs .programs-grid a:hover .cta svg rect, section#home__programs .programs-grid a.touched .cta svg rect {
    -webkit-transform: translateX(50%) scaleX(35%);
    transform: translateX(50%) scaleX(35%)
}

html:not(.touch-device) section#home__programs .programs-grid a:hover .cta svg path, section#home__programs .programs-grid a.touched .cta svg path {
    -webkit-transform: translateX(10px);
    transform: translateX(10px)
}

@media(min-width: 900px) {
    section#home__programs .programs-grid a:nth-of-type(even) {
        margin-bottom: 60px;
        margin-top: -60px
    }
}

section#home__programs .programs-grid a::before {
    background-color: #1f1f1f;
    content: "";
    display: block;
    height: 150%;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transform: translate(150%, -25%) rotate(15deg);
    transform: translate(150%, -25%) rotate(15deg);
    -webkit-transform-origin: left 50%;
    transform-origin: left 50%;
    -webkit-transition: all 1s cubic-bezier(0.58, 0, 0.06, 0.98);
    transition: all 1s cubic-bezier(0.58, 0, 0.06, 0.98);
    width: 100%;
    will-change: transform;
    z-index: -1
}

section#home__programs .programs-grid a .image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 50%;
    max-width: 400px;
    position: absolute;
    top: 0;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    width: 90%
}

@media(min-width: 600px) {
    section#home__programs .programs-grid a .image {
        max-width: 500px;
        -webkit-transform: translateY(-50%) translateX(-50%);
        transform: translateY(-50%) translateX(-50%)
    }
}

@media(min-width: 720px) {
    section#home__programs .programs-grid a .image {
        max-width: 600px
    }
}

@media(min-width: 1200px) {
    section#home__programs .programs-grid a .image {
        max-width: 550px
    }
}

section#home__programs .programs-grid a .image img {
    -webkit-filter: brightness(0);
    filter: brightness(0);
    max-width: 100%;
    -webkit-transition: -webkit-filter 1s cubic-bezier(0.58, 0, 0.06, 0.98), -webkit-transform 1.5s cubic-bezier(0.45, 0.05, 0.55, 0.95);
    transition: -webkit-filter 1s cubic-bezier(0.58, 0, 0.06, 0.98), -webkit-transform 1.5s cubic-bezier(0.45, 0.05, 0.55, 0.95);
    transition: filter 1s cubic-bezier(0.58, 0, 0.06, 0.98), transform 1.5s cubic-bezier(0.45, 0.05, 0.55, 0.95);
    transition: filter 1s cubic-bezier(0.58, 0, 0.06, 0.98), transform 1.5s cubic-bezier(0.45, 0.05, 0.55, 0.95), -webkit-filter 1s cubic-bezier(0.58, 0, 0.06, 0.98), -webkit-transform 1.5s cubic-bezier(0.45, 0.05, 0.55, 0.95);
    width: 100%;
    will-change: transform
}

section#home__programs .programs-grid a .content h3 {
    font-family: "GT-Haptik-Medium", sans-serif;
    font-size: 75px;
    letter-spacing: -0.04em;
    position: relative;
    -webkit-transition: color 1s cubic-bezier(0.58, 0, 0.06, 0.98);
    transition: color 1s cubic-bezier(0.58, 0, 0.06, 0.98)
}

@media(min-width: 600px) {
    section#home__programs .programs-grid a .content h3 {
        font-size: 90px
    }
}

@media(min-width: 720px) {
    section#home__programs .programs-grid a .content h3 {
        font-size: 100px
    }
}

@media(min-width: 1200px) {
    section#home__programs .programs-grid a .content h3 {
        font-size: 120px
    }
}

section#home__programs .programs-grid a .content p {
    color: #1f1f1f;
    font-family: "GT-Haptik-Regular", sans-serif;
    font-size: 18px;
    line-height: 30px;
    margin-top: 20px;
    max-width: 400px;
    position: relative;
    -webkit-transition: color 1s cubic-bezier(0.58, 0, 0.06, 0.98);
    transition: color 1s cubic-bezier(0.58, 0, 0.06, 0.98)
}

@media(min-width: 1200px) {
    section#home__programs .programs-grid a .content p {
        font-size: 26px;
        line-height: 40px
    }
}

section#home__programs .programs-grid a .cta {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 15px;
    height: 64px;
    margin-top: 30px;
    max-width: 220px;
    position: relative
}

@media(min-width: 600px) {
    section#home__programs .programs-grid a .cta {
        margin-top: 40px
    }
}

section#home__programs .programs-grid a .cta span {
    font-family: "GT-Haptik-Bold", sans-serif;
    font-size: 12px;
    letter-spacing: 1px;
    text-transform: uppercase;
    -webkit-transition: all 1s cubic-bezier(0.58, 0, 0.06, 0.98);
    transition: all 1s cubic-bezier(0.58, 0, 0.06, 0.98);
    will-change: transform
}

section#home__programs .programs-grid a .cta svg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 64px;
    position: absolute;
    right: 0;
    -webkit-transition: all 1s cubic-bezier(0.58, 0, 0.06, 0.98);
    transition: all 1s cubic-bezier(0.58, 0, 0.06, 0.98);
    will-change: transform
}

section#home__programs .programs-grid a .cta svg rect {
    fill: #1f1f1f;
    -webkit-transform-origin: left;
    transform-origin: left;
    -webkit-transition: all 1s cubic-bezier(0.58, 0, 0.06, 0.98);
    transition: all 1s cubic-bezier(0.58, 0, 0.06, 0.98);
    will-change: transform
}

section#home__programs .programs-grid a .cta svg path {
    fill: #1f1f1f;
    -webkit-transform-origin: left;
    transform-origin: left;
    -webkit-transition: all 1s cubic-bezier(0.58, 0, 0.06, 0.98);
    transition: all 1s cubic-bezier(0.58, 0, 0.06, 0.98);
    will-change: transform
}

section#home__programs .programs-grid a .cta svg circle {
    stroke: #1f1f1f;
    -webkit-transition: all 1s cubic-bezier(0.58, 0, 0.06, 0.98);
    transition: all 1s cubic-bezier(0.58, 0, 0.06, 0.98)
}

section#home__capabilities {
    background-color: #dfe0e6;
    overflow: hidden;
    padding: 90px 0 70px;
    position: relative
}

@media(min-width: 600px) {
    section#home__capabilities {
        padding: 120px 0 100px
    }
}

@media(min-width: 1200px) {
    section#home__capabilities {
        padding: 220px 0 190px
    }
}

section#home__capabilities span.up {
    color: #a2a3a7
}

section#home__capabilities .fill-background {
    display: none
}

@media(min-width: 600px) {
    section#home__capabilities .fill-background {
        display: block
    }
}

@media(min-width: 600px) {
    section#home__capabilities .fill-background.hidden {
        opacity: 0
    }
}

section#home__capabilities .background__images {
    display: none
}

@media(min-width: 600px) {
    section#home__capabilities .background__images {
        display: block
    }
}

@media(min-width: 600px) {
    section#home__capabilities .background__images img {
        height: 100%;
        max-width: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        opacity: 0;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%) translateZ(0) scale(1.01);
        transform: translateY(-50%) translateZ(0) scale(1.01);
        -webkit-transform-origin: left center;
        transform-origin: left center;
        -webkit-transition: opacity .2s ease-in-out, -webkit-transform .4s ease;
        transition: opacity .2s ease-in-out, -webkit-transform .4s ease;
        transition: opacity .2s ease-in-out, transform .4s ease;
        transition: opacity .2s ease-in-out, transform .4s ease, -webkit-transform .4s ease;
        width: 100%
    }
}

@media(min-width: 600px) {
    section#home__capabilities .background__images img.active {
        opacity: 1;
        -webkit-transform: translateY(-50%) translateZ(0) scale(1);
        transform: translateY(-50%) translateZ(0) scale(1)
    }
}

section#home__capabilities .capabilities__list {
    margin-top: 30px
}

@media(min-width: 600px) {
    section#home__capabilities .capabilities__list {
        margin-top: 40px
    }
}

@media(min-width: 1200px) {
    section#home__capabilities .capabilities__list {
        margin-top: 60px
    }
}

section#home__capabilities .capabilities__list a {
    color: #1f1f1f;
    display: block;
    font-family: "GT-Haptik-Medium", sans-serif;
    font-size: 20px;
    font-stretch: normal;
    font-style: normal;
    font-weight: normal;
    letter-spacing: -0.5px;
    line-height: 1.25;
    padding: 19px 0;
    text-decoration: none;
    -webkit-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out
}

@media(min-width: 600px) {
    section#home__capabilities .capabilities__list a {
        font-size: 25px;
        letter-spacing: -1px;
        -webkit-transition: opacity .45s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
        transition: opacity .45s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
        transition: opacity .45s cubic-bezier(0.165, 0.84, 0.44, 1), transform 1s cubic-bezier(0.23, 1, 0.32, 1);
        transition: opacity .45s cubic-bezier(0.165, 0.84, 0.44, 1), transform 1s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1)
    }
}

@media(min-width: 1200px) {
    section#home__capabilities .capabilities__list a {
        font-size: 35px;
        line-height: 1.29;
        padding: 28px 0
    }
}

@media(min-width: 600px) {
    section#home__capabilities .capabilities__list a span {
        display: inline-block;
        height: 8px;
        opacity: 0;
        padding-left: 25px;
        position: relative;
        -webkit-transition: opacity .3s ease;
        transition: opacity .3s ease;
        width: 42px
    }
}

@media(min-width: 600px) {
    section#home__capabilities .capabilities__list a span::before {
        background: #1f1f1f;
        content: "";
        height: 2px;
        margin-top: -3px;
        position: absolute;
        top: 50%;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
        width: 42px
    }
}

@media(min-width: 1200px) {
    section#home__capabilities .capabilities__list a span::before {
        margin-top: -5px
    }
}

@media(min-width: 600px) {
    section#home__capabilities .capabilities__list a span::after {
        border-color: transparent transparent transparent #1f1f1f;
        border-style: solid;
        border-width: 5px 0 5px 5px;
        content: "";
        height: 0;
        margin-top: -7px;
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
        width: 0
    }
}

@media(min-width: 1200px) {
    section#home__capabilities .capabilities__list a span::after {
        margin-top: -9px
    }
}

@media(min-width: 600px) {
    section#home__capabilities .capabilities__list a:hover {
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0)
    }
}

@media(min-width: 600px) {
    section#home__capabilities .capabilities__list a:hover span {
        opacity: 1
    }
}

section#home__capabilities .capabilities__list a.touched {
    opacity: .5
}

@media(min-width: 600px) {
    section#home__capabilities .capabilities__list:hover a:not(:hover) {
        opacity: .6
    }
}

section#home__cities {
    background-position: center bottom;
    background-size: cover;
    color: #f7f7f7;
    overflow: hidden;
    padding-bottom: 230px;
    padding-top: 90px;
    position: relative;
    width: 100%
}

@media(min-width: 600px) {
    section#home__cities {
        padding-bottom: 310px;
        padding-top: 120px
    }
}

@media(min-width: 1200px) {
    section#home__cities {
        padding-bottom: 570px;
        padding-top: 220px
    }
}

@media(min-width: 600px) {
    section#home__cities p {
        margin-top: 5px
    }
}

@media(min-width: 1200px) {
    section#home__cities p {
        margin-top: 20px
    }
}

section#home__cities a.carrow {
    margin-top: 30px;
    width: 235px
}

@media(min-width: 600px) {
    section#home__cities a.carrow {
        margin-top: 20px
    }
}

@media(min-width: 1200px) {
    section#home__cities a.carrow {
        margin-top: 45px;
        width: 250px
    }
}

section#home__cities #wave__container {
    bottom: 0;
    margin: 0;
    padding: 0 0 45px;
    position: absolute
}

@media(min-width: 1200px) {
    section#home__cities #wave__container {
        padding: 0 0 125px
    }
}

section#home__cities #wave__container.smooth {
    -webkit-transition: -webkit-transform .5s ease-out;
    transition: -webkit-transform .5s ease-out;
    transition: transform .5s ease-out;
    transition: transform .5s ease-out, -webkit-transform .5s ease-out
}

section#home__cities #wave__container::before {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(31, 36, 56, 0)), to(rgba(31, 36, 56, 0.97)));
    background-image: linear-gradient(to bottom, rgba(31, 36, 56, 0), rgba(31, 36, 56, 0.97));
    bottom: 0;
    content: "";
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: -1
}

section#home__cities .city {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    bottom: 0;
    color:  #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: "GT-Haptik-Bold", sans-serif;
    font-size: 12px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    height: 80px;
    letter-spacing: 1.8px;
    opacity: 0;
    padding-bottom: 45px;
    position: absolute;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    text-transform: uppercase;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-property: color;
    transition-property: color;
    z-index: 10
}

@media(min-width: 600px) {
    section#home__cities .city {
        color: rgba(255, 255, 255, .4)
    }

    section#home__cities .city:hover {
        color:  #000;
        cursor: pointer
    }
}

@media(min-width: 1200px) {
    section#home__cities .city {
        padding-bottom: 120px
    }
}

section#home__cities .city.current {
    color:  #000
}

section#home__cities .slider {
    background-color: #1f1f1f;
    height: 100%;
    left: 0;
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 100%
}

section#home__cities .slide {
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%
}

@media(max-width: 599px) {
    section#home__cities .slide {
        opacity: .7
    }
}

section#home__cities .slide img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%
}

section#home__news {
    background-color: #f7f7f7;
    overflow: hidden;
    padding: 90px 0 50px;
    position: relative;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    user-select: none;
    user-select: none;
    user-select: none;
    user-select: none
}

@media(min-width: 600px) {
    section#home__news {
        padding: 120px 0 175px
    }
}

@media(min-width: 1200px) {
    section#home__news {
        padding: 220px 0 330px
    }
}

section#home__news .ghost-left, section#home__news .ghost-right {
    cursor: pointer;
    height: 100%;
    opacity: .5;
    position: absolute;
    -webkit-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
    width: 10px;
    z-index: 50
}

section#home__news .ghost-left {
    display: none;
    left: 0;
    top: 0
}

section#home__news .ghost-right {
    right: 0;
    top: 0
}

section#home__news .home__news__container {
    --n: 1;
    --p: 1;
    --i: 0;
    --tx: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    margin-top: 50px;
    max-height: var(--view-height);
    position: relative;
    -webkit-transform: translate(calc(var(--i) / var(--n) * -100% + var(--tx)));
    transform: translate(calc(var(--i) / var(--n) * -100% + var(--tx)));
    -webkit-transition: -webkit-transform .5s ease-out;
    transition: -webkit-transform .5s ease-out;
    transition: transform .5s ease-out;
    transition: transform .5s ease-out, -webkit-transform .5s ease-out;
    width: 80%;
    width: calc(var(--n)*100%)
}

@media(min-width: 600px) {
    section#home__news .home__news__container {
        --p: 2;
        margin-top: 60px;
        width: calc(var(--n)*50%)
    }
}

@media(min-width: 1200px) {
    section#home__news .home__news__container {
        --p: 3;
        margin-top: 86px;
        width: calc((var(--n)* calc(33.33% + (113px/var(--p)))))
    }
}

section#home__news .home__news__container a {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    height: 100%;
    margin-right: 26px;
    text-decoration: none;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: opacity .5s ease-in-out;
    transition: opacity .5s ease-in-out;
    width: 100%;
    width: calc(113px + 100%/var(--n))
}

@media(min-width: 600px) {
    section#home__news .home__news__container a {
        margin-right: 30px
    }
}

@media(min-width: 1200px) {
    section#home__news .home__news__container a {
        margin-right: 113px
    }
}

section#home__news .home__news__container a:last-of-type {
    background-color: #1f1f1f;
    overflow: hidden;
    position: relative
}

section#home__news .home__news__container a:last-of-type .hover-bg {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: #cddee4;
    height: 200%;
    left: 50%;
    position: absolute;
    -webkit-transform: translate3d(-130%, -100%, 0) rotate(-25deg);
    transform: translate3d(-130%, -100%, 0) rotate(-25deg);
    -webkit-transition: -webkit-transform 1s cubic-bezier(0.58, 0, 0.06, 0.98);
    transition: -webkit-transform 1s cubic-bezier(0.58, 0, 0.06, 0.98);
    transition: transform 1s cubic-bezier(0.58, 0, 0.06, 0.98);
    transition: transform 1s cubic-bezier(0.58, 0, 0.06, 0.98), -webkit-transform 1s cubic-bezier(0.58, 0, 0.06, 0.98);
    width: 300%
}

section#home__news .home__news__container a:last-of-type .inner-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-transition: -webkit-filter 1s cubic-bezier(0.58, 0, 0.06, 0.98);
    transition: -webkit-filter 1s cubic-bezier(0.58, 0, 0.06, 0.98);
    transition: filter 1s cubic-bezier(0.58, 0, 0.06, 0.98);
    transition: filter 1s cubic-bezier(0.58, 0, 0.06, 0.98), -webkit-filter 1s cubic-bezier(0.58, 0, 0.06, 0.98)
}

section#home__news .home__news__container a:last-of-type .inner-container svg {
    margin-left: 35px;
    margin-top: 39px;
    -webkit-transform: scale(0.71);
    transform: scale(0.71);
    -webkit-transform-origin: left top;
    transform-origin: left top
}

@media(min-width: 600px) {
    section#home__news .home__news__container a:last-of-type .inner-container svg {
        margin-left: 39px;
        margin-top: 48px;
        -webkit-transform: scale(0.897);
        transform: scale(0.897)
    }
}

@media(min-width: 1200px) {
    section#home__news .home__news__container a:last-of-type .inner-container svg {
        margin-left: 60px;
        margin-top: 60px;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

section#home__news .home__news__container a:last-of-type .inner-container svg path {
    fill: #fff
}

section#home__news .home__news__container a:last-of-type .inner-container>div {
    margin-bottom: 27px;
    margin-left: 35px
}

@media(min-width: 600px) {
    section#home__news .home__news__container a:last-of-type .inner-container>div {
        margin-bottom: 28px;
        margin-left: 39px
    }
}

@media(min-width: 1200px) {
    section#home__news .home__news__container a:last-of-type .inner-container>div {
        margin-bottom: 40px;
        margin-left: 60px
    }
}

section#home__news .home__news__container a:last-of-type .inner-container>div span {
    display: block
}

section#home__news .home__news__container a:last-of-type .inner-container>div span:first-of-type {
    color:  #000;
    font-family: "GT-Haptik-Medium", sans-serif;
    font-size: 18px;
    line-height: 1.39
}

@media(min-width: 600px) {
    section#home__news .home__news__container a:last-of-type .inner-container>div span:first-of-type {
        font-size: 18px;
        line-height: 1.39
    }
}

@media(min-width: 1200px) {
    section#home__news .home__news__container a:last-of-type .inner-container>div span:first-of-type {
        font-size: 22px;
        line-height: 1.36
    }
}

section#home__news .home__news__container a:last-of-type .inner-container>div span:last-of-type {
    color: #5f5f5f;
    font-family: "GT-Haptik-Medium", sans-serif;
    font-size: 14px;
    line-height: 2.14
}

section#home__news .home__news__container a:last-of-type:hover .hover-bg {
    -webkit-transform: translate3d(-50%, -25%, 0) rotate(-25deg);
    transform: translate3d(-50%, -25%, 0) rotate(-25deg);
    -webkit-transform-origin: center center;
    transform-origin: center center
}

section#home__news .home__news__container a:last-of-type:hover .inner-container {
    -webkit-filter: invert(100%);
    filter: invert(100%)
}

section#home__news .home__news__container a.ghost {
    opacity: .5
}

section#home__news .home__news__container a .image__container {
    background-color: #e0e0e0;
    position: relative;
    width: 100%
}

section#home__news .home__news__container a .image__container img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    position: absolute;
    width: 100%
}

section#home__news .home__news__container a .image__container::after {
    content: "";
    display: block;
    padding-top: 75%;
    position: relative
}

@media(min-width: 600px) {
    section#home__news .home__news__container a .image__container::after {
        padding-top: 72%
    }
}

@media(min-width: 1200px) {
    section#home__news .home__news__container a .image__container::after {
        padding-top: 75%
    }
}

section#home__news .home__news__container a>span {
    color: #9f9f9f;
    display: block;
    margin-bottom: 10px;
    margin-top: 25px;
    position: relative
}

section#home__news .home__news__container a h4 {
    color: #1f1f1f;
    position: relative
}

section#home__news .home__news__container.smooth {
    -webkit-transition: -webkit-transform calc(var(--f, 1)*0.5s) ease-out;
    transition: -webkit-transform calc(var(--f, 1)*0.5s) ease-out;
    transition: transform calc(var(--f, 1)*0.5s) ease-out;
    transition: transform calc(var(--f, 1)*0.5s) ease-out, -webkit-transform calc(var(--f, 1)*0.5s) ease-out
}

section#home__news .controls {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 100px;
    position: relative
}

section#home__news .controls::before {
    border-top: 1px solid #d8d8d8;
    content: "";
    height: 1px;
    position: absolute;
    top: -50px;
    width: 100%
}

@media(min-width: 1200px) {
    section#home__news .controls::before {
        content: none
    }
}

section#home__news .controls a.view-all {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #1f1f1f;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

section#home__news .controls a.view-all img {
    margin-right: 12px
}

@media(min-width: 600px) {
    section#home__news .controls a.view-all img {
        margin-right: 18px
    }
}

section#home__news .controls .arrows {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: none
}

@media(min-width: 1200px) {
    section#home__news .controls .arrows {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

section#home__partnerships {
    background-color: #f7f7f7;
    overflow: hidden;
    padding: 90px 0;
    position: relative;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    user-select: none;
    user-select: none;
    user-select: none;
    user-select: none
}

@media(min-width: 600px) {
    section#home__partnerships {
        padding: 120px 0 100px
    }
}

@media(min-width: 1200px) {
    section#home__partnerships {
        padding: 220px 0 190px
    }
}

@media(min-width: 600px) {
    section#home__partnerships h2 {
        max-width: 568px
    }
}

@media(min-width: 1200px) {
    section#home__partnerships h2 {
        max-width: 658px
    }
}

section#home__partnerships .partnership__logos {
    font-size: 0;
    margin-top: 35px
}

@media(min-width: 600px) {
    section#home__partnerships .partnership__logos {
        margin-top: 45px
    }
}

@media(min-width: 1200px) {
    section#home__partnerships .partnership__logos {
        margin-top: 95px
    }
}

section#home__partnerships .partnership__logos img {
    display: inline-block;
    margin: 15px 0;
    max-width: 200px;
    padding: 0;
    width: 50%
}

@media(min-width: 600px) {
    section#home__partnerships .partnership__logos img {
        margin: 10px 0;
        max-width: 240px;
        width: 33.3%
    }
}

@media(min-width: 1200px) {
    section#home__partnerships .partnership__logos img {
        margin: 0;
        padding: 0;
        width: 16.6%
    }
}

section#home__partnerships .partnership__testimonials {
    background-color:  #000;
    margin-top: 35px;
    padding: 50px 35px
}

@media(min-width: 600px) {
    section#home__partnerships .partnership__testimonials {
        isolation: auto;
        margin-top: 45px;
        padding: 80px 70px 60px;
        position: relative
    }
}

@media(min-width: 1200px) {
    section#home__partnerships .partnership__testimonials {
        margin-top: 95px;
        padding: 150px 110px 85px
    }
}

section#home__partnerships .partnership__testimonials .testimonials__container {
    overflow: hidden;
    position: relative
}

section#home__partnerships .partnership__testimonials .testimonials__container .testimonial {
    opacity: 0;
    position: absolute;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease;
    width: 100%;
    z-index: 0
}

@media(min-width: 1200px) {
    section#home__partnerships .partnership__testimonials .testimonials__container .testimonial {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

section#home__partnerships .partnership__testimonials .testimonials__container .testimonial.current {
    opacity: 1;
    z-index: 1
}

section#home__partnerships .partnership__testimonials .testimonial .testimonial__logo {
    display: none
}

@media(min-width: 600px) {
    section#home__partnerships .partnership__testimonials .testimonial .testimonial__logo {
        display: block
    }
}

@media(min-width: 1200px) {
    section#home__partnerships .partnership__testimonials .testimonial .testimonial__logo {
        width: 22%
    }
}

@media(min-width: 600px) {
    section#home__partnerships .partnership__testimonials .testimonial .testimonial__logo img {
        max-width: 120px
    }
}

@media(min-width: 1200px) {
    section#home__partnerships .partnership__testimonials .testimonial .testimonial__logo img {
        margin-top: 30px;
        max-width: 100%
    }
}

section#home__partnerships .partnership__testimonials .testimonial p.testimonial__text {
    font-size: 18px;
    letter-spacing: .5px;
    line-height: 1.78;
    margin: 0
}

@media(min-width: 600px) {
    section#home__partnerships .partnership__testimonials .testimonial p.testimonial__text {
        font-size: 20px;
        line-height: 1.65;
        margin-top: 10px
    }
}

@media(min-width: 1200px) {
    section#home__partnerships .partnership__testimonials .testimonial p.testimonial__text {
        font-size: 24px;
        line-height: 1.74
    }
}

@media(min-width: 1200px) {
    section#home__partnerships .partnership__testimonials .testimonial__body {
        width: 78%
    }
}

section#home__partnerships .partnership__testimonials .testimonial .testimonial__foot {
    color: #9f9f9f;
    font-family: "GT-Haptik-Medium", sans-serif;
    font-size: 14px;
    line-height: 1.5;
    margin-top: 30px;
    text-align: center
}

@media(min-width: 600px) {
    section#home__partnerships .partnership__testimonials .testimonial .testimonial__foot {
        margin-top: 20px;
        text-align: left
    }
}

@media(min-width: 1200px) {
    section#home__partnerships .partnership__testimonials .testimonial .testimonial__foot {
        margin-top: 35px
    }
}

section#home__partnerships .partnership__testimonials .testimonial .testimonial__foot .author {
    color: #1f1f1f
}

section#home__partnerships .partnership__testimonials .testimonial .testimonial__foot a {
    color: #1f1f1f;
    display: block;
    padding: 5px 0
}

@media(min-width: 600px) {
    section#home__partnerships .partnership__testimonials .testimonial .testimonial__foot a {
        display: inline-block;
        margin-left: 12px;
        padding: 0;
        padding-left: 18px;
        position: relative
    }
}

@media(min-width: 600px) {
    section#home__partnerships .partnership__testimonials .testimonial .testimonial__foot a::before {
        background-color: #b1b1b1;
        content: "";
        height: 13px;
        left: 0;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 2px
    }
}

section#home__partnerships .partnership__testimonials .pagination {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: auto;
    margin-top: 45px;
    width: 100%
}

@media(min-width: 600px) {
    section#home__partnerships .partnership__testimonials .pagination {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-top: 60px
    }
}

@media(min-width: 1200px) {
    section#home__partnerships .partnership__testimonials .pagination {
        margin-top: 110px;
        width: 78%
    }
}

section#home__partnerships .partnership__testimonials .pagination .numbers span {
    color: #a5a5a5;
    display: inline-block;
    font-family: "GT-Haptik-Medium", sans-serif;
    font-size: 12px;
    line-height: 2.14
}

@media(min-width: 600px) {
    section#home__partnerships .partnership__testimonials .pagination .numbers span {
        font-size: 14px
    }
}

section#home__partnerships .partnership__testimonials .pagination .numbers .current-number {
    min-width: 22px
}

section#home__partnerships .partnership__testimonials .pagination .numbers--desktop {
    display: none
}

@media(min-width: 600px) {
    section#home__partnerships .partnership__testimonials .pagination .numbers--desktop {
        display: block
    }
}

section#home__partnerships .partnership__testimonials .pagination .numbers--mobile {
    display: block
}

@media(min-width: 600px) {
    section#home__partnerships .partnership__testimonials .pagination .numbers--mobile {
        display: none
    }
}

section#home__partnerships .partnership__testimonials .pagination .arrows {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

section#home__work {
    background-color: #f7f7f7;
    overflow: hidden;
    padding: 90px 0;
    position: relative
}

@media(min-width: 600px) {
    section#home__work {
        padding: 80px 0 120px
    }
}

@media(min-width: 1200px) {
    section#home__work {
        padding: 160px 0 220px
    }
}

section#home__work h2 {
    color: #1f1f1f;
    font-family: "GT-Haptik-Medium", sans-serif;
    font-size: 20px;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -0.6px;
    line-height: 1.7
}

@media(min-width: 600px) {
    section#home__work h2 {
        font-size: 25px;
        max-width: 619px
    }
}

@media(min-width: 1200px) {
    section#home__work h2 {
        font-size: 30px;
        letter-spacing: -1px;
        max-width: 670px
    }
}

section#home__work .home__work__grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 60px;
    margin-top: 60px;
    position: relative
}

@media(min-width: 900px) {
    section#home__work .home__work__grid {
        display: grid;
        gap: 30px;
        grid-template-columns: repeat(2, 1fr)
    }
}

@media(min-width: 1200px) {
    section#home__work .home__work__grid {
        gap: 60px;
        margin-top: 160px
    }
}

@media(min-width: 1500px) {
    section#home__work .home__work__grid {
        -webkit-column-gap: 100px;
        -moz-column-gap: 100px;
        column-gap: 100px;
        margin-top: 160px;
        row-gap: 90px
    }
}

section#home__work .home__work__grid a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 26px;
    text-decoration: none
}

@media(min-width: 900px) {
    section#home__work .home__work__grid a {
        gap: 30px
    }
}

@media(min-width: 1200px) {
    section#home__work .home__work__grid a:nth-of-type(even) {
        margin-top: -90px
    }
}

section#home__work .home__work__grid a picture {
    aspect-ratio: 270/173;
    width: 100%
}

section#home__work .home__work__grid a .info h4 {
    color: #1f1f1f
}

section#home__work .home__work__grid a .info span {
    color: #9e9e9e;
    display: inline-block;
    margin-top: 5px
}

section#home__work a.view-all {
    color: #1f1f1f;
    margin-top: 55px;
    text-decoration: none
}

@media(min-width: 600px) {
    section#home__work a.view-all {
        margin-top: 80px
    }
}

@media(min-width: 1200px) {
    section#home__work a.view-all {
        margin-top: 90px
    }
}

section#about__intro {
    background-color: #f7f7f7;
    position: relative
}

@media(min-width: 1200px) {
    section#about__intro .intro__image {
        height: 100%;
        position: absolute;
        right: 0;
        width: 50%
    }
}

@media(min-width: 1500px) {
    section#about__intro .intro__image {
        position: absolute;
        width: 50%
    }
}

section#about__intro .img__container {
    background-color: #e0e0e0;
    position: relative
}

@media(min-width: 600px) {
    section#about__intro .img__container {
        margin-left: 6%;
        margin-top: -50px
    }
}

@media(min-width: 900px) {
    section#about__intro .img__container {
        margin-left: 10%
    }
}

@media(min-width: 1200px) {
    section#about__intro .img__container {
        height: 85%;
        margin-left: 0;
        margin-top: -55px
    }
}

@media(min-width: 600px) {
    section#about__intro .img__container img {
        -o-object-position: left;
        object-position: left
    }
}

section#about__intro .img__container::before {
    content: "";
    display: block;
    padding-top: 85%;
    position: relative
}

@media(min-width: 600px) {
    section#about__intro .img__container::before {
        padding-top: 70%
    }
}

@media(min-width: 1200px) {
    section#about__intro .img__container::before {
        padding-top: 0
    }
}

section#about__intro .container {
    padding-bottom: 90px;
    padding-top: 90px
}

@media(min-width: 600px) {
    section#about__intro .container {
        padding-bottom: 120px;
        padding-top: 10px
    }
}

@media(min-width: 1200px) {
    section#about__intro .container {
        padding-bottom: 370px;
        padding-top: 220px
    }
}

section#about__intro .container p {
    color: #1f1f1f;
    font-family: "GT-Haptik-Regular", sans-serif;
    font-size: 18px;
    font-stretch: normal;
    font-style: normal;
    font-weight: normal;
    letter-spacing: .5px;
    line-height: 1.94
}

@media(min-width: 1200px) {
    section#about__intro .container p {
        font-size: 24px;
        letter-spacing: normal;
        line-height: 1.79;
        max-width: 490px
    }
}

section#about__intro .container a.arrow {
    color: #1f1f1f;
    margin-top: 50px
}

@media(min-width: 600px) {
    section#about__intro .container a.arrow {
        margin-top: 70px
    }
}

section#about__partnerships {
    background-color: #f7f7f7;
    padding-bottom: 90px;
    padding-top: 90px;
    position: relative
}

@media(min-width: 600px) {
    section#about__partnerships {
        padding-bottom: 120px;
        padding-top: 120px
    }
}

@media(min-width: 1200px) {
    section#about__partnerships {
        padding-bottom: 220px;
        padding-top: 220px
    }
}

section#about__partnerships h2 {
    max-width: 230px
}

@media(min-width: 600px) {
    section#about__partnerships h2 {
        max-width: 100%
    }
}

section#about__partnerships .clients-container .client {
    background-color:  #000
}

@media(min-width: 1200px) {
    section#about__partnerships .clients-container .client {
        background-color: transparent
    }
}

section#about__partnerships .clients-container .client::before {
    background-color:  #000
}

#about__team-culture {
    background-color: #e8edef;
    background-image: url("../images/about/about-us-culture-bg.jpg");
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 100%;
    overflow: hidden;
    padding-top: 90px;
    position: relative
}

@media(min-width: 600px) {
    #about__team-culture {
        padding-top: 120px
    }
}

@media(min-width: 1200px) {
    #about__team-culture {
        padding-top: 220px
    }
}

@media(min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    #about__team-culture {
        background-image: url("../images/about/about-us-culture-bg@2x.jpg")
    }
}

#about__team-culture .team .color-background {
    background-color: #f0eae6;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transition: opacity .5s ease-out;
    transition: opacity .5s ease-out;
    width: 100%;
    z-index: 0
}

#about__team-culture .team .color-background--visible {
    opacity: 1
}

#about__team-culture .team h2 {
    line-height: 40px;
    max-width: 182px
}

@media(min-width: 600px) {
    #about__team-culture .team h2 {
        line-height: 49px;
        max-width: none
    }
}

@media(min-width: 1200px) {
    #about__team-culture .team h2 {
        line-height: 33px
    }
}

#about__team-culture .team .team__list {
    display: grid;
    grid-gap: 10%;
    grid-row-gap: 50px;
    grid-template-columns: 1fr;
    margin-top: 40px;
    width: 100%
}

@media(min-width: 600px) {
    #about__team-culture .team .team__list {
        grid-row-gap: 60px;
        grid-template-columns: 1fr 1fr;
        margin-top: 60px
    }
}

@media(min-width: 1200px) {
    #about__team-culture .team .team__list {
        grid-template-columns: 1fr 1fr 1fr;
        margin-top: 160px
    }
}

#about__team-culture .team .team__list .member .photo {
    -webkit-transition-duration: 150ms;
    transition-duration: 150ms;
    -webkit-transition-property: background-color;
    transition-property: background-color;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    background-color: #cfdee5;
    height: auto;
    margin-bottom: 20px;
    position: relative;
    width: 100%
}

@media(min-width: 600px) {
    #about__team-culture .team .team__list .member .photo {
        margin-bottom: 30px
    }
}

@media(min-width: 1200px) {
    #about__team-culture .team .team__list .member .photo {
        margin-bottom: 35px
    }
}

#about__team-culture .team .team__list .member .photo .image__container {
    position: relative
}

#about__team-culture .team .team__list .member .photo .image__container img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    position: absolute;
    width: 100%
}

#about__team-culture .team .team__list .member .photo .image__container::after {
    content: "";
    display: block;
    padding-top: 120%;
    position: relative
}

#about__team-culture .team .team__list .member .photo .wave {
    bottom: -20px;
    position: absolute;
    -webkit-transform: scaleX(1.05);
    transform: scaleX(1.05);
    width: 100%
}

#about__team-culture .team .team__list .member .photo .wave .banga {
    fill: #e8edef;
    -webkit-transition: fill .6s cubic-bezier(0.58, 0, 0.06, 0.98);
    transition: fill .6s cubic-bezier(0.58, 0, 0.06, 0.98)
}

#about__team-culture .team .team__list .member .photo .wave .banga--scrolled {
    fill: #f0eae6
}

#about__team-culture .team .team__list .member .name {
    color: #1f1f1f;
    display: block;
    font-family: "GT-Haptik-Medium", sans-serif;
    font-size: 18px;
    letter-spacing: normal;
    line-height: 25px;
    margin-left: 0;
    margin-right: 0
}

@media(min-width: 600px) {
    #about__team-culture .team .team__list .member .name {
        margin-left: 13%;
        margin-right: 13%
    }
}

@media(min-width: 1200px) {
    #about__team-culture .team .team__list .member .name {
        font-size: 22px;
        letter-spacing: -0.5px;
        line-height: 21px;
        margin-left: 10%;
        margin-right: 10%
    }
}

#about__team-culture .team .team__list .member .title {
    color: #1f1f1f;
    display: block;
    font-family: "IvarDisplay-SemiBoldItalic", serif;
    font-size: 18px;
    letter-spacing: normal;
    line-height: 25px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 1px
}

@media(min-width: 600px) {
    #about__team-culture .team .team__list .member .title {
        margin-left: 13%;
        margin-right: 13%
    }
}

@media(min-width: 1200px) {
    #about__team-culture .team .team__list .member .title {
        font-size: 22px;
        letter-spacing: -0.5px;
        line-height: 21px;
        margin-left: 10%;
        margin-right: 10%;
        margin-top: 8px
    }
}

#about__team-culture .team .team__list .member:last-of-type .contact-link {
    background-color: transparent;
    border: solid 1px #1f1f1f;
    cursor: pointer;
    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100vw;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    width: 100%
}

@media(min-width: 600px) {
    #about__team-culture .team .team__list .member:last-of-type .contact-link {
        height: 45vw;
        min-height: 350px
    }
}

@media(min-width: 900px) {
    #about__team-culture .team .team__list .member:last-of-type .contact-link {
        height: 42vw
    }
}

@media(min-width: 1200px) {
    #about__team-culture .team .team__list .member:last-of-type .contact-link {
        height: 27.5vw;
        max-height: 440px;
        min-height: 285px
    }
}

#about__team-culture .team .team__list .member:last-of-type .contact-link .inner-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-transition: -webkit-filter 1s cubic-bezier(0.58, 0, 0.06, 0.98);
    transition: -webkit-filter 1s cubic-bezier(0.58, 0, 0.06, 0.98);
    transition: filter 1s cubic-bezier(0.58, 0, 0.06, 0.98);
    transition: filter 1s cubic-bezier(0.58, 0, 0.06, 0.98), -webkit-filter 1s cubic-bezier(0.58, 0, 0.06, 0.98)
}

#about__team-culture .team .team__list .member:last-of-type .contact-link .inner-container .thumb {
    -webkit-transition-duration: 150ms;
    transition-duration: 150ms;
    -webkit-transition-property: -webkit-filter;
    transition-property: -webkit-filter;
    transition-property: filter;
    transition-property: filter, -webkit-filter;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin-left: 5%;
    margin-top: 30px;
    pointer-events: none;
    position: relative;
    width: 100%;
    width: 100%
}

@media(min-width: 600px) {
    #about__team-culture .team .team__list .member:last-of-type .contact-link .inner-container .thumb {
        margin-left: 10%
    }
}

#about__team-culture .team .team__list .member:last-of-type .contact-link .inner-container .thumb svg {
    height: 170px;
    max-width: 170px;
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out;
    width: 100%
}

#about__team-culture .team .team__list .member:last-of-type .contact-link .inner-container .thumb #badge {
    height: 170px;
    left: 0;
    max-width: 170px;
    position: absolute;
    top: 0;
    width: 100%
}

#about__team-culture .team .team__list .member:last-of-type .contact-link .inner-container .content {
    -webkit-transition-duration: 150ms;
    transition-duration: 150ms;
    -webkit-transition-property: -webkit-filter;
    transition-property: -webkit-filter;
    transition-property: filter;
    transition-property: filter, -webkit-filter;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin-left: 9%;
    padding-bottom: 43px;
    padding-top: 10px;
    pointer-events: none
}

@media(min-width: 600px) {
    #about__team-culture .team .team__list .member:last-of-type .contact-link .inner-container .content {
        margin-left: 13%
    }
}

@media(min-width: 1200px) {
    #about__team-culture .team .team__list .member:last-of-type .contact-link .inner-container .content {
        margin-left: 14%;
        padding-top: 20px
    }
}

#about__team-culture .team .team__list .member:last-of-type .contact-link .inner-container .content span {
    color: #1f1f1f;
    display: block;
    font-family: "GT-Haptik-Medium", sans-serif;
    font-size: 18px;
    letter-spacing: -0.4px;
    line-height: 21px
}

#about__team-culture .team .team__list .member:last-of-type .contact-link .inner-container .content .drop-line {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 10px;
    position: relative;
    width: 100%
}

#about__team-culture .team .team__list .member:last-of-type .contact-link .inner-container .content .drop-line .drop-line-text {
    display: inline-block
}

#about__team-culture .team .team__list .member:last-of-type .contact-link .inner-container .content .drop-line .arrow {
    display: block;
    margin-left: 14px;
    max-width: 52px;
    overflow: hidden;
    position: relative;
    -webkit-transition: right .3s ease-out, max-width .3s ease-out;
    transition: right .3s ease-out, max-width .3s ease-out;
    width: 100%
}

#about__team-culture .team .team__list .member:last-of-type .contact-link .inner-container .content .drop-line .arrow::before {
    background: #1f1f1f;
    content: "";
    height: 2px;
    left: 0%;
    margin-top: -1px;
    position: absolute;
    top: 50%;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    width: 52px
}

#about__team-culture .team .team__list .member:last-of-type .contact-link .inner-container .content .drop-line .arrow::after {
    border-color: transparent transparent transparent #1f1f1f;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    content: "";
    height: 0;
    margin-top: -5px;
    position: absolute;
    right: 0%;
    top: 50%;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    width: 0
}

#about__team-culture .team .team__list .member:last-of-type .contact-link .hover-bg {
    background-color: #1f1f1f;
    height: 150%;
    position: absolute;
    top: 50%;
    width: 100%
}

#about__team-culture .team .team__list .member:last-of-type .contact-link .hover-bg--mouseover {
    -webkit-transform: rotate(0deg) translate3d(0%, -50%, 0);
    transform: rotate(0deg) translate3d(0%, -50%, 0)
}

#about__team-culture .team .team__list .member:last-of-type .contact-link:hover .inner-container {
    -webkit-filter: invert(100%);
    filter: invert(100%)
}

#about__team-culture .team .team__list .member:last-of-type .contact-link:hover .inner-container .thumb svg {
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg)
}

#about__team-culture .team .team__list .member:last-of-type .contact-link:hover .inner-container .content .drop-line .arrow {
    max-width: 62px
}

#about__team-culture .team .team__list .member:last-of-type .contact-link:hover .inner-container .content .drop-line .arrow::before {
    width: 62px
}

#about__team-culture .team .team__list .member:nth-of-type(2), #about__team-culture .team .team__list .member:nth-of-type(5) {
    margin-top: 0
}

#about__team-culture .team .team__list .member:nth-of-type(3) {
    margin-top: 0
}

@media(min-width: 600px) {
    #about__team-culture .team .team__list .member:nth-of-type(2) {
        margin-top: 80px
    }
}

@media(min-width: 600px) {
    #about__team-culture .team .team__list .member:nth-of-type(2n + 3) {
        margin-top: -80px
    }
}

@media(min-width: 1200px) {
    #about__team-culture .team .team__list .member:nth-of-type(2n + 3) {
        margin-top: 0
    }
}

@media(min-width: 1200px) {
    #about__team-culture .team .team__list .member:nth-of-type(3n + 2) {
        margin-top: 80px
    }
}

@media(min-width: 1200px) {
    #about__team-culture .team .team__list .member:nth-of-type(3n + 3) {
        margin-top: -60px
    }
}

#about__team-culture .team .culture-title {
    color: #1f1f1f;
    font-size: 40px;
    letter-spacing: -0.7px;
    line-height: 33px;
    margin-top: 210px;
    max-width: none
}

@media(min-width: 600px) {
    #about__team-culture .team .culture-title {
        margin-top: 240px
    }
}

@media(min-width: 1200px) {
    #about__team-culture .team .culture-title {
        font-size: 55px;
        letter-spacing: -1px;
        margin-top: 380px
    }
}

#about__team-culture .team .culture-title i {
    display: block
}

@media(min-width: 1200px) {
    #about__team-culture .team .culture-title i {
        margin-top: 14px
    }
}

#about__team-culture .team .culture-subtitle {
    color: #1f1f1f;
    display: block;
    font-family: "GT-Haptik-Bold", sans-serif;
    font-size: 12px;
    letter-spacing: 2px;
    margin-top: 20px;
    text-transform: uppercase
}

@media(min-width: 1200px) {
    #about__team-culture .team .culture-subtitle {
        margin-top: 27px
    }
}

#about__team-culture .culture {
    background-image: url("../images/about/bg-culture.jpg");
    background-position: left top;
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 90px;
    padding-left: 7%;
    padding-top: 45px;
    position: relative;
    z-index: 1
}

@media(min-width: 600px) {
    #about__team-culture .culture {
        padding-bottom: 180px;
        padding-left: 14.3%;
        padding-top: 55px
    }
}

@media(min-width: 1200px) {
    #about__team-culture .culture {
        margin-top: 50px;
        padding-bottom: 340px;
        padding-left: 15.1%;
        padding-top: 40px
    }
}

@media(min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    #about__team-culture .culture {
        background-image: url("../images/about/bg-culture@2x.jpg")
    }
}

#about__team-culture .culture .culture-list-container {
    display: block;
    padding-left: 6vw
}

#about__team-culture .culture .culture-list-container .culture__list {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

#about__team-culture .culture .culture-list-container .culture__list .slide {
    padding-left: 40px;
    position: relative
}

@media(min-width: 600px) {
    #about__team-culture .culture .culture-list-container .culture__list .slide {
        padding-left: 80px;
        position: relative
    }
}

@media(min-width: 1200px) {
    #about__team-culture .culture .culture-list-container .culture__list .slide {
        padding-left: 130px
    }
}

#about__team-culture .culture .culture-list-container .culture__list .slide--city {
    padding-left: 45px
}

@media(min-width: 600px) {
    #about__team-culture .culture .culture-list-container .culture__list .slide--city {
        padding-left: 90px
    }
}

@media(min-width: 1200px) {
    #about__team-culture .culture .culture-list-container .culture__list .slide--city {
        padding-left: 160px
    }
}

#about__team-culture .culture .culture-list-container .culture__list .slide--city svg path {
    -webkit-transition: fill 5s ease-in-out;
    transition: fill 5s ease-in-out
}

#about__team-culture .culture .culture-list-container .culture__list .slide .slide-content {
    position: relative
}

#about__team-culture .culture .culture-list-container .culture__list .slide .slide-content svg {
    left: -20px;
    position: absolute;
    top: 35%;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
    -webkit-transform-origin: center left;
    transform-origin: center left
}

@media(min-width: 600px) {
    #about__team-culture .culture .culture-list-container .culture__list .slide .slide-content svg {
        left: -40px;
        top: 35%;
        -webkit-transform: scale(0.6);
        transform: scale(0.6)
    }
}

@media(min-width: 1200px) {
    #about__team-culture .culture .culture-list-container .culture__list .slide .slide-content svg {
        left: -60px;
        top: 42%;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

#about__team-culture .culture .culture-list-container .culture__list .slide .slide-content svg path {
    -webkit-transition-duration: 150ms;
    transition-duration: 150ms;
    -webkit-transition-property: fill;
    transition-property: fill;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    fill: transparent
}

#about__team-culture .culture .culture-list-container .culture__list .slide:first-of-type {
    padding-left: 0
}

@media(min-width: 1200px) {
    #about__team-culture .culture .culture-list-container .culture__list .slide:first-of-type {
        margin-left: 0
    }
}

#about__team-culture .culture .culture-list-container .culture__list .slide:last-of-type {
    padding-right: 0
}

#about__team-culture .culture .culture-list-container .culture__list .slide:nth-of-type(1) img {
    height: 272.5px;
    width: 195px
}

@media(min-width: 600px) {
    #about__team-culture .culture .culture-list-container .culture__list .slide:nth-of-type(1) img {
        height: 327px;
        width: 234px
    }
}

@media(min-width: 1200px) {
    #about__team-culture .culture .culture-list-container .culture__list .slide:nth-of-type(1) img {
        height: 545px;
        width: 390px
    }
}

#about__team-culture .culture .culture-list-container .culture__list .slide:nth-of-type(2) img {
    height: 327px;
    width: 360px
}

@media(min-width: 600px) {
    #about__team-culture .culture .culture-list-container .culture__list .slide:nth-of-type(2) img {
        height: 392.4px;
        width: 432px
    }
}

@media(min-width: 1200px) {
    #about__team-culture .culture .culture-list-container .culture__list .slide:nth-of-type(2) img {
        height: 654px;
        width: 720px
    }
}

#about__team-culture .culture .culture-list-container .culture__list .slide:nth-of-type(3) img {
    height: 249px;
    width: 313.5px
}

@media(min-width: 600px) {
    #about__team-culture .culture .culture-list-container .culture__list .slide:nth-of-type(3) img {
        height: 298.8px;
        width: 376.2px
    }
}

@media(min-width: 1200px) {
    #about__team-culture .culture .culture-list-container .culture__list .slide:nth-of-type(3) img {
        height: 498px;
        width: 627px
    }
}

#about__team-culture .culture .culture-list-container .culture__list .slide:nth-of-type(4) img {
    height: 260px;
    width: 195px
}

@media(min-width: 600px) {
    #about__team-culture .culture .culture-list-container .culture__list .slide:nth-of-type(4) img {
        height: 312px;
        width: 234px
    }
}

@media(min-width: 1200px) {
    #about__team-culture .culture .culture-list-container .culture__list .slide:nth-of-type(4) img {
        height: 520px;
        width: 390px
    }
}

#about__team-culture .culture .culture-list-container .culture__list .slide:nth-of-type(5) img {
    height: 256.5px;
    width: 360px
}

@media(min-width: 600px) {
    #about__team-culture .culture .culture-list-container .culture__list .slide:nth-of-type(5) img {
        height: 307.8px;
        width: 432px
    }
}

@media(min-width: 1200px) {
    #about__team-culture .culture .culture-list-container .culture__list .slide:nth-of-type(5) img {
        height: 513px;
        width: 720px
    }
}

#about__team-culture .culture .culture-list-container .culture__list .slide:nth-of-type(6) img {
    height: 285.5px;
    width: 241.5px
}

@media(min-width: 600px) {
    #about__team-culture .culture .culture-list-container .culture__list .slide:nth-of-type(6) img {
        height: 342.6px;
        width: 289.8px
    }
}

@media(min-width: 1200px) {
    #about__team-culture .culture .culture-list-container .culture__list .slide:nth-of-type(6) img {
        height: 571px;
        width: 483px
    }
}

#about__team-culture .culture .culture-list-container .culture__list .slide:nth-of-type(7) img {
    height: 256.5px;
    width: 376.5px
}

@media(min-width: 600px) {
    #about__team-culture .culture .culture-list-container .culture__list .slide:nth-of-type(7) img {
        height: 307.8px;
        width: 451.8px
    }
}

@media(min-width: 1200px) {
    #about__team-culture .culture .culture-list-container .culture__list .slide:nth-of-type(7) img {
        height: 513px;
        width: 753px
    }
}

@media(min-width: 1200px) {
    #about__team-culture .culture .culture-list-container .culture__list .slide:nth-of-type(1) img, #about__team-culture .culture .culture-list-container .culture__list .slide:nth-of-type(2) img, #about__team-culture .culture .culture-list-container .culture__list .slide:nth-of-type(3) img, #about__team-culture .culture .culture-list-container .culture__list .slide:nth-of-type(4) img, #about__team-culture .culture .culture-list-container .culture__list .slide:nth-of-type(5) img, #about__team-culture .culture .culture-list-container .culture__list .slide:nth-of-type(6) img, #about__team-culture .culture .culture-list-container .culture__list .slide:nth-of-type(7) img {
        max-width: none
    }
}

#about__team-culture .culture .culture-list-container .culture__list .slide--focused .slide-content svg path {
    fill: #1f1f1f
}

section#about__wins {
    background-color: #ebeef0;
    background-image: url("../images/about/about-us-wins-bg.jpg");
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: 240%;
    position: relative
}

@media(min-width: 600px) {
    section#about__wins {
        padding-bottom: 120px;
        padding-top: 120px
    }
}

@media(min-width: 1200px) {
    section#about__wins {
        background-size: 100%;
        padding-bottom: 220px;
        padding-top: 220px
    }
}

section#about__wins .container {
    padding-bottom: 90px;
    padding-top: 90px
}

@media(min-width: 600px) {
    section#about__wins .container {
        padding-bottom: 0;
        padding-top: 0
    }
}

@media(min-width: 1200px) {
    section#about__wins .container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

section#about__wins h2 {
    max-width: 230px
}

@media(min-width: 600px) {
    section#about__wins h2 {
        max-width: 100%
    }
}

@media(min-width: 1200px) {
    section#about__wins .left {
        width: 50%
    }
}

@media(min-width: 1500px) {
    section#about__wins .left {
        width: 45%
    }
}

@media(min-width: 1200px) {
    section#about__wins .left h2 {
        max-width: 300px
    }
}

section#about__wins .wins__list {
    margin-top: 50px
}

@media(min-width: 600px) {
    section#about__wins .wins__list {
        margin-top: 75px
    }
}

@media(min-width: 1200px) {
    section#about__wins .wins__list {
        margin-top: 0;
        width: 50%
    }
}

@media(min-width: 1500px) {
    section#about__wins .wins__list {
        width: 55%
    }
}

section#about__wins .wins__list .win {
    border-top: 1px solid #d3d6d8;
    padding: 30px 0 40px
}

@media(min-width: 600px) {
    section#about__wins .wins__list .win {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 55px 0
    }
}

@media(min-width: 1500px) {
    section#about__wins .wins__list .win {
        padding: 65px 0
    }
}

section#about__wins .wins__list .win .win-logo {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
}

@media(min-width: 600px) {
    section#about__wins .wins__list .win .win-logo {
        -ms-flex-preferred-size: 26.5%;
        flex-basis: 26.5%
    }
}

section#about__wins .wins__list .win .win-logo img {
    height: 100%;
    left: 0;
    -o-object-fit: contain;
    object-fit: contain;
    position: absolute;
    top: 0
}

section#about__wins .wins__list .win .win-logo::after {
    content: "";
    display: block;
    padding-bottom: 55px
}

section#about__wins .wins__list .win p {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 15px
}

@media(min-width: 600px) {
    section#about__wins .wins__list .win p {
        -ms-flex-preferred-size: 73.5%;
        flex-basis: 73.5%;
        margin-top: 0;
        padding-left: 90px
    }
}

section#about__wins .wins__list .win p a {
    color: inherit
}

section#about__wins .top__stamp {
    display: none
}

@media(min-width: 600px) {
    section#about__wins .top__stamp {
        display: block;
        margin-top: 15px;
        max-width: 95px
    }
}

@media(min-width: 1200px) {
    section#about__wins .top__stamp {
        margin-top: 60px;
        max-width: 130px
    }
}

section#about__wins .bottom__stamp {
    margin: 35px auto 0;
    width: 130px
}

@media(min-width: 600px) {
    section#about__wins .bottom__stamp {
        display: none
    }
}

@media(min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    section#about__wins {
        background-image: url("../images/about/about-us-wins-bg@2x.jpg")
    }
}

section#capabilities__approach {
    background-color: #edebea;
    padding: 90px 0;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease
}

@media(min-width: 900px) {
    section#capabilities__approach {
        padding: 120px 0
    }
}

@media(min-width: 1200px) {
    section#capabilities__approach {
        padding: 220px 0
    }
}

section#capabilities__approach span.up {
    color: #aaaaa8
}

section#capabilities__approach.one {
    background-color: #edebea
}

section#capabilities__approach.two {
    background-color: #d8dfe8
}

section#capabilities__approach.three {
    background-color: #dce3e2
}

section#capabilities__approach.four {
    background-color: #e3dcdc
}

@media(min-width: 900px) {
    section#capabilities__approach .approach {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

section#capabilities__approach .approach .approach__item {
    border-top: 1px solid #d6d5d4;
    margin-top: 55px;
    padding-top: 40px;
    position: relative;
    -webkit-transition: border-color .2s ease;
    transition: border-color .2s ease
}

@media(min-width: 600px) {
    section#capabilities__approach .approach .approach__item {
        padding-top: 55px
    }
}

@media(min-width: 900px) {
    section#capabilities__approach .approach .approach__item {
        width: calc(50% - 40px)
    }
}

@media(min-width: 1200px) {
    section#capabilities__approach .approach .approach__item {
        margin-top: 105px;
        width: calc(50% - 85px)
    }
}

section#capabilities__approach .approach .approach__item svg {
    height: 80px
}

@media(min-width: 600px) {
    section#capabilities__approach .approach .approach__item svg {
        height: 85px
    }
}

@media(min-width: 1200px) {
    section#capabilities__approach .approach .approach__item svg {
        height: 115px
    }
}

section#capabilities__approach .approach .approach__item svg path {
    fill: rgba(0, 0, 0, 0);
    stroke: #1f1f1f;
    -webkit-transition: fill .2s ease;
    transition: fill .2s ease
}

section#capabilities__approach .approach .approach__item h3 {
    margin-top: 25px
}

@media(min-width: 600px) {
    section#capabilities__approach .approach .approach__item h3 {
        font-size: 22px;
        margin-top: 34px
    }
}

@media(min-width: 1200px) {
    section#capabilities__approach .approach .approach__item h3 {
        font-size: 26px;
        margin-top: 60px
    }
}

section#capabilities__approach .approach .approach__item p {
    color:  #000f;
    -webkit-transition: color .2s ease;
    transition: color .2s ease
}

@media(min-width: 600px) {
    section#capabilities__approach .approach .approach__item p {
        margin-top: 15px
    }
}

section#capabilities__approach .approach .approach__item .key__principle {
    height: 80px;
    position: absolute;
    right: 0;
    top: 40px;
    width: 80px
}

@media(min-width: 600px) {
    section#capabilities__approach .approach .approach__item .key__principle {
        height: 100px;
        width: 100px
    }
}

@media(min-width: 1200px) {
    section#capabilities__approach .approach .approach__item .key__principle {
        height: 110px;
        width: 110px
    }
}

section#capabilities__approach .approach .approach__item::after {
    background-color: #1f1f1f;
    content: "";
    height: 2px;
    position: absolute;
    top: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: center left;
    transform-origin: center left;
    -webkit-transition: -webkit-transform .2s ease;
    transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease, -webkit-transform .2s ease;
    width: 100%
}

section#capabilities__approach .approach .approach__item:hover::after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

section#capabilities__approach .approach .approach__item:hover p {
    color: #1f1f1f
}

section#capabilities__approach .approach .approach__item:hover svg path {
    fill: #1f1f1f
}

section#capabilities__list {
    background-color: white;
    padding: 90px 0
}

@media(min-width: 600px) {
    section#capabilities__list {
        padding: 80px 0
    }
}

@media(min-width: 1200px) {
    section#capabilities__list {
        padding: 140 0 210px
    }
}

section#capabilities__list .capability {
    position: relative
}

@media(min-width: 1200px) {
    section#capabilities__list .capability {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media(min-width: 1200px) {
    section#capabilities__list .capability:first-of-type a.capability__case {
        margin-top: -100px;
        min-height: 820px
    }
}

@media(min-width: 1200px) {
    section#capabilities__list .capability:nth-of-type(even) {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }
}

section#capabilities__list .capability:not(:first-of-type) {
    border-top: 1px solid #d8d8d8;
    margin-top: 50px;
    padding-top: 50px
}

@media(min-width: 600px) {
    section#capabilities__list .capability:not(:first-of-type) {
        border: none;
        margin-top: 120px;
        padding: 0
    }
}

@media(min-width: 1200px) {
    section#capabilities__list .capability .capability__content {
        width: 43%
    }
}

@media(min-width: 600px) {
    section#capabilities__list .capability .capability__content p, section#capabilities__list .capability .capability__content ul {
        max-width: 680px
    }
}

section#capabilities__list .capability .capability__content h2 {
    font-size: 30px
}

@media(min-width: 1200px) {
    section#capabilities__list .capability .capability__content h2 {
        font-size: 40px
    }
}

section#capabilities__list .capability .capability__content p {
    line-height: 1.85;
    margin-top: 16px
}

@media(min-width: 1200px) {
    section#capabilities__list .capability .capability__content p {
        margin-top: 30px;
        max-width: 610px
    }
}

section#capabilities__list .capability .capability__content ul {
    list-style: none;
    margin: 20px 0 0;
    padding: 0
}

@media(min-width: 600px) {
    section#capabilities__list .capability .capability__content ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: 35px
    }
}

@media(min-width: 1200px) {
    section#capabilities__list .capability .capability__content ul {
        margin-top: 50px;
        max-width: 630px
    }
}

section#capabilities__list .capability .capability__content ul li {
    color: #9f9f9f;
    font-family: "GT-Haptik-Regular", sans-serif;
    font-size: 12px;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    line-height: 2;
    padding-left: 45px;
    position: relative
}

@media(min-width: 600px) {
    section#capabilities__list .capability .capability__content ul li {
        width: 40%
    }
}

section#capabilities__list .capability .capability__content ul li::before {
    background-color: #9f9f9f;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    top: 16px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 15px
}

section#capabilities__list .capability .capability__content a.arrow {
    color: #1f1f1f;
    margin-top: 35px
}

@media(min-width: 600px) {
    section#capabilities__list .capability .capability__content a.arrow {
        margin-top: 45px
    }
}

section#capabilities__list .capability a.capability__case {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color:  #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: 45px;
    min-height: 250px;
    overflow: hidden;
    padding: 25px;
    position: relative;
    text-decoration: none
}

@media(min-width: 600px) {
    section#capabilities__list .capability a.capability__case {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-top: 35px;
        min-height: 355px;
        padding: 35px 40px
    }
}

@media(min-width: 1200px) {
    section#capabilities__list .capability a.capability__case {
        margin: 0;
        max-width: 635px;
        min-height: 760px;
        padding: 70px;
        width: 45%
    }
}

section#capabilities__list .capability a.capability__case h3 {
    margin-top: 8px;
    z-index: 1
}

@media(min-width: 600px) {
    section#capabilities__list .capability a.capability__case h3 {
        font-size: 18px;
        letter-spacing: normal
    }
}

@media(min-width: 1200px) {
    section#capabilities__list .capability a.capability__case h3 {
        font-size: 22px
    }
}

section#capabilities__list .capability a.capability__case span {
    z-index: 1
}

section#capabilities__list .capability a.capability__case img {
    left: 0;
    z-index: -1
}

section#capabilities__list .capability a.capability__case::before {
    background-color: #1f1f1f;
    content: "";
    height: 100%;
    left: 0;
    opacity: .3;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0
}

@media(min-width: 600px) {
    section#capabilities__list .capability a.capability__case::before {
        display: none
    }
}

#capabilities-meet-revolve {
    padding-bottom: 90px;
    padding-top: 90px;
    position: relative
}

@media(min-width: 600px) {
    #capabilities-meet-revolve {
        padding-bottom: 176px;
        padding-top: 120px
    }
}

@media(min-width: 1200px) {
    #capabilities-meet-revolve {
        padding-bottom: 331px;
        padding-top: 220px
    }
}

#capabilities-meet-revolve>img {
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

#capabilities-meet-revolve .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

#capabilities-meet-revolve .container .introduction {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative
}

@media(min-width: 600px) {
    #capabilities-meet-revolve .container .introduction {
        border-radius: 50%;
        height: 548px;
        width: 548px
    }
}

@media(min-width: 1200px) {
    #capabilities-meet-revolve .container .introduction {
        height: 676px;
        width: 676px
    }
}

#capabilities-meet-revolve .container .introduction h2 {
    color: #1f1f1f;
    font-family: "GT-Haptik-Medium", sans-serif;
    font-size: 45px;
    letter-spacing: -1.6px;
    line-height: 1.44;
    text-align: center
}

@media(min-width: 600px) {
    #capabilities-meet-revolve .container .introduction h2 {
        font-size: 52px;
        letter-spacing: -1.8px;
        line-height: 1.25;
        margin-top: 50px
    }
}

@media(min-width: 1200px) {
    #capabilities-meet-revolve .container .introduction h2 {
        font-size: 72px;
        letter-spacing: -2.5px;
        line-height: .9;
        margin-top: 100px
    }
}

#capabilities-meet-revolve .container .introduction h2 span {
    font-family: "IvarDisplay-SemiBoldItalic", serif
}

#capabilities-meet-revolve .container .introduction p {
    color: #1f1f1f;
    font-family: "GT-Haptik-Medium", sans-serif;
    font-size: 20px;
    letter-spacing: -0.6px;
    line-height: 1.25;
    margin-top: 12px;
    text-align: center
}

@media(min-width: 600px) {
    #capabilities-meet-revolve .container .introduction p {
        font-size: 22px;
        letter-spacing: -0.8px;
        line-height: 1.36;
        max-width: 275px
    }
}

@media(min-width: 1200px) {
    #capabilities-meet-revolve .container .introduction p {
        font-size: 26px;
        letter-spacing: -1px;
        line-height: normal;
        margin-top: 28px;
        max-width: 346px
    }
}

#capabilities-meet-revolve .container .introduction a.carrow {
    color: #1f1f1f;
    margin-top: 40px
}

@media(min-width: 600px) {
    #capabilities-meet-revolve .container .introduction a.carrow {
        margin-top: 40px;
        width: 275px
    }
}

@media(min-width: 1200px) {
    #capabilities-meet-revolve .container .introduction a.carrow {
        margin-top: 60px;
        width: 275px
    }
}

#capabilities-meet-revolve .container .introduction a.carrow span {
    left: 50%;
    top: 50px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media(min-width: 600px) {
    #capabilities-meet-revolve .container .introduction a.carrow span {
        left: auto;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

#capabilities-meet-revolve .container .introduction:hover a.carrow, #capabilities-meet-revolve .container .introduction.touched a.carrow {
    letter-spacing: 3px
}

#capabilities-meet-revolve .container .introduction:hover a.carrow span::after, #capabilities-meet-revolve .container .introduction.touched a.carrow span::after {
    right: 20px
}

#capabilities-meet-revolve .container .introduction:hover a.carrow span::before, #capabilities-meet-revolve .container .introduction.touched a.carrow span::before {
    right: 22px;
    width: 20px
}

@media(min-width: 1200px) {
    #capabilities-meet-revolve .container .introduction:hover a.carrow span::before, #capabilities-meet-revolve .container .introduction.touched a.carrow span::before {
        right: 25px;
        width: 25px
    }
}

@media(min-width: 1200px) {
    #capabilities-meet-revolve .container .introduction:hover::before, #capabilities-meet-revolve .container .introduction.touched::before {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

@media(min-width: 600px) {
    #capabilities-meet-revolve .container .introduction::before {
        background-image: linear-gradient(322deg, #fff, rgba(255, 255, 255, 0));
        border-radius: 50%;
        content: "";
        height: 100%;
        position: absolute;
        width: 100%;
        z-index: -1
    }
}

@media(min-width: 1200px) {
    #capabilities-meet-revolve .container .introduction::before {
        -webkit-transition-duration: 150ms;
        transition-duration: 150ms;
        -webkit-transition-property: -webkit-transform;
        transition-property: -webkit-transform;
        transition-property: transform;
        transition-property: transform, -webkit-transform;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out
    }
}

section#work__list {
    background-color: #f7f7f7;
    overflow: hidden;
    padding: 90px 0 100px;
    position: relative
}

@media(min-width: 600px) {
    section#work__list {
        padding: 80px 0 120px
    }
}

@media(min-width: 720px) {
    section#work__list {
        padding: 80px 0 160px
    }
}

@media(min-width: 1200px) {
    section#work__list {
        padding: 120px 0 250px
    }
}

@media(min-width: 1500px) {
    section#work__list {
        padding: 120px 0 320px
    }
}

section#work__list .categories h4, section#work__list .categories ul li span {
    color: #1f1f1f;
    cursor: pointer;
    font-family: "GT-Haptik-Medium", sans-serif;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.64;
    text-decoration: none;
    -webkit-transition: color .2s ease;
    transition: color .2s ease
}

section#work__list .categories h4 i, section#work__list .categories ul li span i {
    font-style: normal
}

section#work__list .categories ul li:hover, section#work__list .categories ul li.touched {
    -webkit-tap-highlight-color: transparent
}

section#work__list .categories ul li:hover span, section#work__list .categories ul li.touched span {
    color: #1f1f1f
}

section#work__list .categories h4 {
    display: block;
    position: relative;
    -webkit-tap-highlight-color: transparent
}

@media(min-width: 1200px) {
    section#work__list .categories h4 {
        font-size: 16px
    }
}

@media(min-width: 1500px) {
    section#work__list .categories h4 {
        display: none
    }
}

section#work__list .categories h4 span {
    display: inline-block;
    height: 10px;
    margin-left: 8px;
    position: relative;
    top: 1px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transition: -webkit-transform .2s ease;
    transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease, -webkit-transform .2s ease;
    width: 10px
}

section#work__list .categories h4 span::before, section#work__list .categories h4 span::after {
    background-color: #1f1f1f;
    content: "";
    display: block;
    height: 1px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform-origin: top center;
    transform-origin: top center;
    width: 8px
}

section#work__list .categories h4 span::before {
    -webkit-transform: rotate(45deg) translateX(-50%) translateY(-50%);
    transform: rotate(45deg) translateX(-50%) translateY(-50%)
}

section#work__list .categories h4 span::after {
    -webkit-transform: rotate(-45deg) translateX(-50%) translateY(-50%);
    transform: rotate(-45deg) translateX(-50%) translateY(-50%)
}

section#work__list .categories .categories__list {
    overflow: hidden
}

section#work__list .categories ul {
    list-style: none;
    margin: 0;
    padding: 22px 0 0
}

section#work__list .categories ul li.active {
    display: none
}

section#work__list .categories ul li span {
    color: #9f9f9f;
    display: block;
    padding: 14px 0
}

@media(min-width: 1500px) {
    section#work__list .categories .categories__list ul {
        max-width: 100%;
        padding: 0
    }
}

@media(min-width: 1500px) {
    section#work__list .categories .categories__list ul li {
        display: block;
        overflow: hidden;
        width: auto
    }
}

@media(min-width: 1500px) {
    section#work__list .categories .categories__list ul li:not(:last-of-type) {
        padding-right: 4%
    }
}

@media(min-width: 1500px) {
    section#work__list .categories .categories__list ul li span {
        font-size: 16px;
        padding: 0 0 6px;
        position: relative
    }
}

@media(min-width: 1500px) {
    section#work__list .categories .categories__list ul li span::after {
        background-color: #1f1f1f;
        bottom: 0;
        content: "";
        height: 1px;
        left: 0;
        position: absolute;
        right: 0;
        -webkit-transform: scaleX(0) translateZ(0);
        transform: scaleX(0) translateZ(0);
        -webkit-transform-origin: center right;
        transform-origin: center right;
        -webkit-transition: -webkit-transform .4s cubic-bezier(0.405, 0.07, 0.575, 0.995);
        transition: -webkit-transform .4s cubic-bezier(0.405, 0.07, 0.575, 0.995);
        transition: transform .4s cubic-bezier(0.405, 0.07, 0.575, 0.995);
        transition: transform .4s cubic-bezier(0.405, 0.07, 0.575, 0.995), -webkit-transform .4s cubic-bezier(0.405, 0.07, 0.575, 0.995);
        width: 100%
    }
}

@media(min-width: 1500px) {
    section#work__list .categories .categories__list ul li.active span {
        color: #1f1f1f
    }
}

@media(min-width: 1500px) {
    section#work__list .categories .categories__list ul li.active span::after {
        -webkit-transform: scaleX(1) translateZ(0);
        transform: scaleX(1) translateZ(0);
        -webkit-transform-origin: center left;
        transform-origin: center left
    }
}

@media(min-width: 600px) {
    section#work__list .categories ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        max-width: 700px;
        padding: 35px 0 15px
    }
}

@media(min-width: 600px) {
    section#work__list .categories ul li {
        width: 50%
    }
}

@media(min-width: 600px) {
    section#work__list .categories ul li span {
        font-size: 16px
    }
}

section#work__list .categories.open h4 span {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

section#work__list .work__grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 60px;
    margin-top: 45px
}

@media(min-width: 720px) {
    section#work__list .work__grid {
        -webkit-column-gap: 40px;
        -moz-column-gap: 40px;
        column-gap: 40px;
        display: grid;
        grid-template-columns: 1fr 1fr;
        row-gap: 80px
    }
}

@media(min-width: 1200px) {
    section#work__list .work__grid {
        -webkit-column-gap: 80px;
        -moz-column-gap: 80px;
        column-gap: 80px;
        margin-top: 80px;
        row-gap: 90px
    }
}

@media(min-width: 1500px) {
    section#work__list .work__grid {
        -webkit-column-gap: 90px;
        -moz-column-gap: 90px;
        column-gap: 90px;
        margin-top: 120px;
        row-gap: 160px
    }
}

section#work__list .work__grid a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    gap: 26px;
    text-decoration: none
}

@media(min-width: 720px) {
    section#work__list .work__grid a {
        gap: 30px
    }
}

section#work__list .work__grid a picture {
    aspect-ratio: 270/173;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%
}

section#work__list .work__grid a .info h4 {
    color: #1f1f1f
}

@media(min-width: 1500px) {
    section#work__list .work__grid a .info h4 {
        font-size: 22px
    }
}

section#work__list .work__grid a .info h4 strong {
    color: #9f9f9f;
    font-weight: normal
}

section#work__list .work__grid a .info span {
    color: #9e9e9e;
    display: block;
    margin-top: 5px
}

@media(min-width: 720px) {
    section#work__list .work__grid a:nth-of-type(3n + 1) {
        grid-column: span 2
    }
}

@media(min-width: 1200px) {
    section#work__list .work__grid a:nth-of-type(3n + 1) {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 60px
    }
}

@media(min-width: 1200px) {
    section#work__list .work__grid a:nth-of-type(3n + 1):nth-of-type(even) {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }
}

@media(min-width: 1200px) {
    section#work__list .work__grid a:nth-of-type(3n + 1):nth-of-type(even) .info {
        padding-left: 0
    }
}

section#work__list .work__grid a:nth-of-type(3n + 1) picture {
    aspect-ratio: 270/350
}

@media(min-width: 720px) {
    section#work__list .work__grid a:nth-of-type(3n + 1) picture {
        aspect-ratio: 676/351
    }
}

@media(min-width: 1200px) {
    section#work__list .work__grid a:nth-of-type(3n + 1) picture {
        aspect-ratio: 800/520;
        width: calc(50% + 40px)
    }
}

@media(min-width: 1500px) {
    section#work__list .work__grid a:nth-of-type(3n + 1) picture {
        width: calc(50% + 45px)
    }
}

@media(min-width: 1200px) {
    section#work__list .work__grid a:nth-of-type(3n + 1) .info {
        padding: 0 40px
    }
}

@media(min-width: 720px) {
    section#work__list .work__grid a:nth-of-type(3n + 1) .info h4 {
        font-size: 25px;
        letter-spacing: -1px
    }
}

@media(min-width: 1200px) {
    section#work__list .work__grid a:nth-of-type(3n + 1) .info h4 {
        font-size: 35px
    }
}

@media(min-width: 720px) {
    section#work__list .work__grid.selected {
        -webkit-column-gap: 60px;
        -moz-column-gap: 60px;
        column-gap: 60px;
        margin-top: 140px
    }
}

@media(min-width: 1500px) {
    section#work__list .work__grid.selected {
        -webkit-column-gap: 100px;
        -moz-column-gap: 100px;
        column-gap: 100px;
        margin-top: 175px
    }
}

@media(min-width: 720px) {
    section#work__list .work__grid.selected .odd {
        margin-top: -55px
    }
}

@media(min-width: 720px) {
    section#work__list .work__grid.selected a, section#work__list .work__grid.selected a:nth-of-type(3n + 1) {
        grid-column: span 1
    }
}

@media(min-width: 1200px) {
    section#work__list .work__grid.selected a, section#work__list .work__grid.selected a:nth-of-type(3n + 1) {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 40px
    }
}

section#work__list .work__grid.selected a picture, section#work__list .work__grid.selected a:nth-of-type(3n + 1) picture {
    aspect-ratio: 270/173
}

@media(min-width: 1200px) {
    section#work__list .work__grid.selected a picture, section#work__list .work__grid.selected a:nth-of-type(3n + 1) picture {
        width: 100%
    }
}

@media(min-width: 1200px) {
    section#work__list .work__grid.selected a .info, section#work__list .work__grid.selected a:nth-of-type(3n + 1) .info {
        padding: 0
    }
}

@media(min-width: 720px) {
    section#work__list .work__grid.selected a .info h4, section#work__list .work__grid.selected a:nth-of-type(3n + 1) .info h4 {
        font-size: 20px;
        letter-spacing: -0.5px
    }
}

@media(min-width: 1200px) {
    section#work__list .work__grid.selected a .info h4, section#work__list .work__grid.selected a:nth-of-type(3n + 1) .info h4 {
        font-size: 22px
    }
}

section#work__list .work__grid.selected a[data-show=false] {
    display: none
}

section#case__intro {
    background-color: #f7f7f7;
    position: relative
}

section#case__intro span.up {
    color: #5d5d5e
}

section#case__intro .intro__head {
    padding-bottom: 255px;
    padding-top: 145px;
    position: relative
}

@media(min-width: 600px) {
    section#case__intro .intro__head {
        padding-bottom: 420px;
        padding-top: 220px;
        position: relative
    }
}

@media(min-width: 1200px) {
    section#case__intro .intro__head {
        padding-bottom: 620px;
        padding-top: 280px
    }
}

@media(min-width: 1500px) {
    section#case__intro .intro__head {
        padding-bottom: 900px;
        padding-top: 280px
    }
}

section#case__intro .intro__head h1 {
    margin-bottom: 15px
}

@media(min-width: 600px) {
    section#case__intro .intro__head h1 {
        font-size: 35px;
        letter-spacing: -1px;
        margin-bottom: 5px
    }
}

@media(min-width: 1200px) {
    section#case__intro .intro__head h1 {
        font-size: 55px;
        font-stretch: normal;
        font-style: normal;
        letter-spacing: -2px;
        line-height: 1.24;
        margin-bottom: 18px
    }
}

section#case__intro .intro__head span.sub {
    color: #9f9f9f;
    font-size: 16px
}

@media(min-width: 600px) {
    section#case__intro .intro__head span.sub {
        color: #9f9f9f;
        font-size: 16px
    }
}

section#case__intro .intro__image {
    background-color: #e0e0e0;
    bottom: -120px;
    left: 0;
    position: absolute;
    right: 25px
}

@media(min-width: 600px) {
    section#case__intro .intro__image {
        bottom: -160px;
        left: 0;
        position: absolute;
        right: 6%
    }
}

@media(min-width: 900px) {
    section#case__intro .intro__image {
        right: 10%
    }
}

@media(min-width: 1200px) {
    section#case__intro .intro__image {
        bottom: -200px;
        right: 5%
    }
}

@media(min-width: 1500px) {
    section#case__intro .intro__image {
        bottom: -150px;
        right: 5%
    }
}

section#case__intro .img__container {
    height: 325px;
    position: relative
}

@media(min-width: 600px) {
    section#case__intro .img__container {
        height: 500px;
        position: relative
    }
}

@media(min-width: 1200px) {
    section#case__intro .img__container {
        height: 700px;
        position: relative
    }
}

@media(min-width: 1500px) {
    section#case__intro .img__container {
        height: 900px;
        position: relative
    }
}

section#case__intro .intro__description {
    background-color: #1f1f1f;
    padding: 210px 0 85px
}

@media(min-width: 600px) {
    section#case__intro .intro__description {
        padding: 280px 0 125px
    }
}

@media(min-width: 1200px) {
    section#case__intro .intro__description {
        padding: 310px 0 155px
    }
}

@media(min-width: 600px) {
    section#case__intro .intro__description .container {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media(min-width: 900px) {
    section#case__intro .intro__description span.up {
        padding-bottom: 10px
    }
}

@media(min-width: 600px) {
    section#case__intro .intro__description .overview {
        width: 62%
    }
}

@media(min-width: 900px) {
    section#case__intro .intro__description .overview {
        width: 60%
    }
}

@media(min-width: 1200px) {
    section#case__intro .intro__description .overview {
        width: 58%
    }
}

section#case__intro .intro__description .overview p {
    color:  #000;
    font-size: 18px;
    font-stretch: normal;
    font-style: normal;
    font-weight: normal;
    letter-spacing: .5px;
    line-height: 1.96;
    margin-top: 35px
}

@media(min-width: 600px) {
    section#case__intro .intro__description .overview p {
        font-size: 20px;
        font-stretch: normal;
        font-style: normal;
        font-weight: normal;
        letter-spacing: normal;
        line-height: 1.65
    }
}

@media(min-width: 1200px) {
    section#case__intro .intro__description .overview p {
        font-size: 24px;
        font-stretch: normal;
        font-style: normal;
        font-weight: normal;
        letter-spacing: normal;
        line-height: 1.79;
        margin-top: 45px
    }
}

section#case__intro .intro__description .overview p a {
    color:  #000
}

section#case__intro .intro__description .overview p:first-of-type {
    margin-top: 20px
}

section#case__intro .intro__description .deliverables {
    margin-top: 55px
}

@media(min-width: 600px) {
    section#case__intro .intro__description .deliverables {
        margin: 0;
        width: 28%
    }
}

@media(min-width: 900px) {
    section#case__intro .intro__description .deliverables {
        width: 22%
    }
}

section#case__intro .intro__description .deliverables ul {
    list-style: none;
    margin: 0;
    padding: 0
}

section#case__intro .intro__description .deliverables ul li {
    color: #5d5d5e;
    font-family: "GT-Haptik-Regular", sans-serif;
    font-size: 16px;
    font-stretch: normal;
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    line-height: 1.81
}

section#case__intro .intro__description .deliverables a.arrow {
    margin-top: 45px
}

@media(min-width: 600px) {
    section#case__intro .intro__description .deliverables a.arrow span {
        width: 35px
    }
}

@media(min-width: 600px) {
    section#case__intro .intro__description .deliverables a.arrow span::before {
        width: 35px
    }
}

#case__content {
    background-color:  #000
}

#case__content .media__container {
    max-width: 100%;
    overflow: hidden;
    position: relative;
    width: 100%
}

#case__content .media__container.svg img {
    display: block;
    max-width: 100%;
    width: 100%
}

section#case__outro {
    background-color: #f2f2f2;
    position: relative
}

section#case__outro .testimonial p, section#case__outro .results ul li p {
    font-family: "GT-Haptik-Regular", sans-serif;
    font-size: 18px;
    font-stretch: normal;
    font-style: normal;
    font-weight: normal;
    letter-spacing: .5px;
    line-height: 1.95
}

@media(min-width: 600px) {
    section#case__outro .testimonial p, section#case__outro .results ul li p {
        font-size: 30px;
        letter-spacing: -1px;
        line-height: 1.57
    }
}

section#case__outro .testimonial {
    padding: 60px 0 0
}

@media(min-width: 600px) {
    section#case__outro .testimonial {
        padding: 120px 0 0
    }
}

@media(min-width: 900px) {
    section#case__outro .testimonial {
        padding: 190px 0 0
    }
}

@media(min-width: 1500px) {
    section#case__outro .testimonial {
        padding: 270px 0 0
    }
}

@media(min-width: 900px) {
    section#case__outro .testimonial .container {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media(min-width: 900px) {
    section#case__outro .testimonial .container p {
        max-width: 790px
    }
}

section#case__outro .testimonial span.sub {
    color: #9f9f9f;
    display: block;
    padding-top: 25px
}

section#case__outro.results .testimonial {
    background-color: #1f1f1f;
    padding: 60px 0 90px
}

@media(min-width: 600px) {
    section#case__outro.results .testimonial {
        padding: 90px 0 120px
    }
}

@media(min-width: 900px) {
    section#case__outro.results .testimonial {
        padding: 190px 0
    }
}

@media(min-width: 1500px) {
    section#case__outro.results .testimonial {
        padding: 270px 0
    }
}

section#case__outro.results .testimonial p {
    color:  #000
}

section#case__outro.results .testimonial span.sub {
    color: #5d5d5e
}

section#case__outro .results {
    padding: 90px 0 0
}

@media(min-width: 900px) {
    section#case__outro .results {
        padding: 190px 0 0
    }
}

@media(min-width: 900px) {
    section#case__outro .results .container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

section#case__outro .results span.up {
    color: #9f9f9f
}

@media(min-width: 900px) {
    section#case__outro .results span.up {
        margin-top: 10px
    }
}

section#case__outro .results ul {
    color: #1f1f1f;
    list-style: none;
    margin: 0;
    padding: 12px 0 0
}

@media(min-width: 600px) {
    section#case__outro .results ul {
        padding: 25px 0 0
    }
}

@media(min-width: 900px) {
    section#case__outro .results ul {
        padding: 0;
        width: 80%
    }
}

@media(min-width: 1500px) {
    section#case__outro .results ul {
        width: 67%
    }
}

section#case__outro .results ul li:not(:last-of-type) {
    border-bottom: 1px solid #d8d8d8;
    margin-bottom: 30px;
    padding-bottom: 30px
}

@media(min-width: 600px) {
    section#case__outro .results ul li:not(:last-of-type) {
        margin-bottom: 50px;
        padding-bottom: 40px
    }
}

@media(min-width: 900px) {
    section#case__outro .results ul li:not(:last-of-type) {
        padding-bottom: 60px
    }
}

section#case__outro .results ul li p {
    margin: 0
}

section#case__outro .image__container {
    padding-top: 37%;
    position: relative
}

section#case__outro .image__container img {
    -o-object-position: top center;
    object-position: top center
}

section#case__foot {
    background-color:  #000;
    padding: 90px 0 85px;
    position: relative
}

@media(min-width: 600px) {
    section#case__foot {
        padding: 120px 0 170px
    }
}

@media(min-width: 1200px) {
    section#case__foot {
        padding: 170px 0 270px
    }
}

section#case__foot .next__project {
    border-bottom: 1px solid #dfdfdf;
    margin-bottom: 45px;
    padding-bottom: 45px
}

@media(min-width: 600px) {
    section#case__foot .next__project {
        margin-bottom: 55px;
        padding-bottom: 55px
    }
}

@media(min-width: 900px) {
    section#case__foot .next__project {
        margin-bottom: 105px;
        padding-bottom: 105px
    }
}

section#case__foot .next__project span.up {
    color: #9f9f9f;
    margin-bottom: 10px
}

@media(min-width: 900px) {
    section#case__foot .next__project span.up {
        margin-bottom: 10px
    }
}

section#case__foot .next__project a {
    color: #1f1f1f;
    display: block;
    font-family: "GT-Haptik-Medium", sans-serif;
    font-size: 20px;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -0.6px;
    line-height: 1.25;
    padding: 5px 0;
    text-decoration: none;
    text-transform: none
}

@media(min-width: 600px) {
    section#case__foot .next__project a {
        font-size: 25px;
        letter-spacing: -1px
    }
}

@media(min-width: 900px) {
    section#case__foot .next__project a {
        font-size: 35px;
        letter-spacing: -1px
    }
}

section#case__foot .next__project a span {
    display: none
}

section#case__foot .back a {
    color: #1f1f1f
}

section#case__foot .back a span {
    padding-left: 0;
    width: 70px
}

@media(min-width: 900px) {
    section#case__foot .back a span {
        width: 85px
    }
}

section#case__foot .back a span::before {
    width: 45px
}

@media(min-width: 900px) {
    section#case__foot .back a span::before {
        width: 65px
    }
}

section#case__foot .back a span::after {
    left: 0;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

section#contact__contacts {
    background-color: #f7f7f7;
    padding: 50px 0;
    position: relative
}

@media(min-width: 600px) {
    section#contact__contacts {
        padding: 80px 0
    }
}

@media(min-width: 1200px) {
    section#contact__contacts {
        padding: 160px 0 80px
    }
}

section#contact__contacts a {
    border-bottom: 1px solid #dedede;
    color: #1f1f1f;
    display: block;
    margin-top: 25px;
    padding: 10px 0 30px;
    text-decoration: none;
    -webkit-transition: border-color .2s ease;
    transition: border-color .2s ease
}

section#contact__contacts a span.up {
    color: #9f9f9f;
    margin: 0
}

section#contact__contacts a h4 {
    margin-top: 5px
}

section#contact__contacts a.touched, section#contact__contacts a:hover {
    border-color: #1f1f1f
}

section#contact__contacts a.business {
    background-color:  #000;
    border-bottom: none;
    margin: 0 0 40px;
    padding: 60px 25px
}

section#contact__contacts a.business h4 {
    font-size: 20px;
    margin: 0;
    margin-top: 5px;
    padding: 0
}

section#contact__contacts a.business h4 span {
    padding-left: 10px
}

section#contact__contacts a.business.touched h4 span, section#contact__contacts a.business:hover h4 span {
    width: 60px
}

section#contact__contacts a.business.touched h4 span::before, section#contact__contacts a.business:hover h4 span::before {
    width: 60px
}

@media(min-width: 600px) {
    section#contact__contacts .container {
        display: grid;
        grid-column-gap: 40px;
        grid-template-columns: 1.15fr .85fr
    }
}

@media(min-width: 900px) {
    section#contact__contacts .container {
        grid-column-gap: 60px;
        grid-template-columns: 1fr 1fr
    }
}

@media(min-width: 1200px) {
    section#contact__contacts .container {
        grid-column-gap: 30px;
        grid-template-columns: .85fr .5fr .5fr;
        grid-template-rows: 310px
    }
}

@media(min-width: 600px) {
    section#contact__contacts .container a.business {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        grid-column: 1/2;
        grid-row: 1/3;
        height: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-bottom: 0;
        padding-top: 0
    }
}

@media(min-width: 900px) {
    section#contact__contacts .container a.business {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding-left: 20%
    }
}

@media(min-width: 1200px) {
    section#contact__contacts .container a.business {
        padding-left: 15%
    }
}

@media(min-width: 1500px) {
    section#contact__contacts .container a.business {
        padding-left: 20%
    }
}

@media(min-width: 600px) {
    section#contact__contacts .container a.business h4 {
        font-size: 25px
    }
}

@media(min-width: 600px) {
    section#contact__contacts .container a.business h4 span {
        padding-left: 10px;
        top: -2px;
        width: 40px
    }
}

@media(min-width: 900px) {
    section#contact__contacts .container a.business h4 span {
        width: 42px
    }
}

@media(min-width: 600px) {
    section#contact__contacts .container a.business h4 span::before {
        width: 40px
    }
}

@media(min-width: 900px) {
    section#contact__contacts .container a.business h4 span::before {
        width: 42px
    }
}

@media(min-width: 1200px) {
    section#contact__contacts .container a.business .business__container h4 {
        font-size: 35px
    }
}

@media(min-width: 1200px) {
    section#contact__contacts .container a.business .business__container h4 span {
        top: -5px
    }
}

@media(min-width: 900px) {
    section#contact__contacts .container a.business.touched h4 span, section#contact__contacts .container a.business:hover h4 span {
        width: 50px
    }
}

@media(min-width: 1200px) {
    section#contact__contacts .container a.business.touched h4 span, section#contact__contacts .container a.business:hover h4 span {
        width: 80px
    }
}

@media(min-width: 900px) {
    section#contact__contacts .container a.business.touched h4 span::before, section#contact__contacts .container a.business:hover h4 span::before {
        width: 50px
    }
}

@media(min-width: 1200px) {
    section#contact__contacts .container a.business.touched h4 span::before, section#contact__contacts .container a.business:hover h4 span::before {
        width: 80px
    }
}

@media(min-width: 600px) {
    section#contact__contacts .container a:not(.business) {
        margin: 15px 0
    }
}

@media(min-width: 1200px) {
    section#contact__contacts .container .careers, section#contact__contacts .container .hello {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

@media(min-width: 1200px) {
    section#contact__contacts .container .careers a, section#contact__contacts .container .hello a {
        margin: 0;
        padding: 25px 0 30px;
        width: 90%
    }
}

@media(min-width: 1200px) {
    section#contact__contacts .container .hello a {
        margin-left: 20%
    }
}

section#contact__cities {
    background-color: #f7f7f7;
    padding: 30px 0;
    position: relative
}

@media(min-width: 900px) {
    section#contact__cities {
        padding: 120px 0 165px
    }
}

@media(min-width: 1200px) {
    section#contact__cities {
        padding: 140px 0 220px
    }
}

section#contact__cities .container {
    display: grid;
    grid-template-columns: 1fr
}

@media(min-width: 900px) {
    section#contact__cities .container {
        grid-column-gap: 60px;
        grid-template-columns: 1fr 1fr
    }
}

@media(min-width: 1200px) {
    section#contact__cities .container {
        grid-column-gap: 170px;
        grid-row-gap: 0
    }
}

section#contact__cities .container .city {
    position: relative
}

section#contact__cities .container .city .image__container {
    background-color: #e0e0e0;
    height: 250px;
    position: relative
}

@media(min-width: 600px) {
    section#contact__cities .container .city .image__container {
        height: 320px
    }
}

@media(min-width: 1200px) {
    section#contact__cities .container .city .image__container {
        height: 450px
    }
}

section#contact__cities .container .city .image__container .city__stamp {
    height: 94px;
    left: auto;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: translate3d(-20%, -15%, 0);
    transform: translate3d(-20%, -15%, 0);
    width: 94px;
    z-index: 1
}

@media(min-width: 600px) {
    section#contact__cities .container .city .image__container .city__stamp {
        height: 104px;
        left: auto;
        right: 0;
        top: 0;
        -webkit-transform: translate3d(-30%, -50%, 0);
        transform: translate3d(-30%, -50%, 0);
        width: 104px
    }
}

@media(min-width: 1200px) {
    section#contact__cities .container .city .image__container .city__stamp {
        height: 116px;
        left: 0;
        top: 0;
        -webkit-transform: translate3d(-50%, 50%, 0);
        transform: translate3d(-50%, 50%, 0);
        width: 116px
    }
}

section#contact__cities .container .city .image__container h3 {
    bottom: 0;
    color: #1f1f1f;
    font-family: "IvarDisplay-SemiBoldItalic", serif;
    font-size: 70px;
    font-stretch: normal;
    left: 30px;
    letter-spacing: -4.4px;
    line-height: .98;
    position: absolute;
    text-transform: uppercase;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    z-index: 1
}

@media(min-width: 600px) {
    section#contact__cities .container .city .image__container h3 {
        left: 60px
    }
}

@media(min-width: 1200px) {
    section#contact__cities .container .city .image__container h3 {
        font-size: 82px;
        left: 80px;
        letter-spacing: -5.1px;
        line-height: .83
    }
}

section#contact__cities .container .city .content {
    padding: 25px 30px 50px
}

@media(min-width: 600px) {
    section#contact__cities .container .city .content {
        padding: 30px 60px 80px
    }
}

@media(min-width: 1200px) {
    section#contact__cities .container .city .content {
        padding: 35px 80px 120px
    }
}

section#contact__cities .container .city .content a, section#contact__cities .container .city .content p {
    color: #757575;
    font-family: "GT-Haptik-Regular", sans-serif;
    font-size: 1em;
    letter-spacing: normal;
    line-height: 1.81;
    text-decoration: none
}

section#contact__cities .container .city .content a.directions {
    margin-bottom: 35px;
    margin-top: 5px;
    padding-bottom: 2px
}

@media(min-width: 1200px) {
    section#contact__cities .container .city .content a.directions {
        margin-bottom: 25px;
        margin-top: 3px
    }
}

@media(min-width: 900px) {
    section#contact__cities .container .city:nth-of-type(2n) {
        -webkit-transform: translate3d(0, 60px, 0);
        transform: translate3d(0, 60px, 0)
    }
}

@media(min-width: 1200px) {
    section#contact__cities .container .city:nth-of-type(2n) {
        -webkit-transform: translate3d(0, 120px, 0);
        transform: translate3d(0, 120px, 0)
    }
}

section#inquiry {
    background-color: #f7f7f7;
    height: 100%;
    padding: 100px 0;
    position: relative
}

@media(min-width: 600px) {
    section#inquiry {
        padding: 165px 0 120px
    }
}

@media(min-width: 1200px) {
    section#inquiry {
        padding: 220px 0
    }
}

section#inquiry .container {
    max-width: 950px
}

section#inquiry .inquiry__bg__desktop, section#inquiry .inquiry__bg__mobile {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    width: 100%;
    z-index: -1
}

section#inquiry .inquiry__bg__desktop {
    display: none
}

section#inquiry #inquiry__success {
    display: none;
    max-width: 560px;
    opacity: 0
}

@media(min-width: 600px) {
    section#inquiry #inquiry__success .inquiry__bg__mobile {
        display: none
    }

    section#inquiry #inquiry__success .inquiry__bg__desktop {
        display: block
    }

    section#inquiry #inquiry__success p {
        font-size: 20px;
        margin-top: 40px;
        text-align: center
    }
}

@media(min-width: 900px) {
    section#inquiry #inquiry__success {
        max-width: 700px
    }

    section#inquiry #inquiry__success p {
        font-size: 20px;
        margin-top: 60px;
        text-align: center
    }
}

section#inquiry #inquiry__success p {
    color: #1f1f1f;
    font-family: "GT-Haptik-Regular", sans-serif;
    font-size: 18px;
    font-stretch: normal;
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    line-height: 1.78
}

section#inquiry #inquiry__success p a {
    color: inherit;
    font-family: "GT-Haptik-Bold", sans-serif
}

section#inquiry .close__button {
    position: absolute;
    right: 25px;
    top: 25px;
    z-index: 30
}

@media(min-width: 600px) {
    section#inquiry .close__button {
        position: absolute;
        right: 6%;
        top: 45px
    }
}

@media(min-width: 1200px) {
    section#inquiry .close__button {
        right: 70px;
        top: 70px
    }
}

section#inquiry .close__button div {
    border: 2px solid #e0dfdf;
    border-radius: 50%;
    height: 50px;
    position: relative;
    -webkit-transition: border-color .2s ease;
    transition: border-color .2s ease;
    width: 50px
}

@media(min-width: 600px) {
    section#inquiry .close__button div {
        height: 63px;
        position: relative;
        width: 63px
    }
}

section#inquiry .close__button div::before, section#inquiry .close__button div::after {
    background-color: #1f1f1f;
    content: "";
    height: 2px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    width: 12px
}

@media(min-width: 600px) {
    section#inquiry .close__button div::before, section#inquiry .close__button div::after {
        height: 2px;
        width: 16px
    }
}

section#inquiry .close__button div::before {
    -webkit-transform: translate3d(-50%, -50%, 0) rotate(45deg);
    transform: translate3d(-50%, -50%, 0) rotate(45deg)
}

section#inquiry .close__button div::after {
    -webkit-transform: translate3d(-50%, -50%, 0) rotate(-45deg);
    transform: translate3d(-50%, -50%, 0) rotate(-45deg)
}

section#inquiry .close__button:hover div, section#inquiry .close__button.touched div {
    border-color: #1f1f1f
}

@media(min-width: 600px) {
    section#inquiry h2 {
        text-align: center
    }
}

section#inquiry form {
    margin-top: 55px
}

@media(min-width: 600px) {
    section#inquiry form {
        margin-top: 90px
    }
}

@media(min-width: 1200px) {
    section#inquiry form {
        margin-top: 130px
    }
}

@media(min-width: 600px) {
    section#inquiry form span.up:last-of-type {
        margin-bottom: 35px;
        margin-top: 85px
    }
}

@media(min-width: 1200px) {
    section#inquiry form span.up:last-of-type {
        margin-bottom: 35px;
        margin-top: 85px
    }
}

@media(min-width: 600px) {
    section#inquiry form ul.services {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media(min-width: 600px) {
    section#inquiry form ul.services li {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background-color:  #000;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 1px 0;
        width: calc(50% - 1px)
    }
}

@media(min-width: 1200px) {
    section#inquiry form ul.services li {
        width: calc(33.3% - 2px)
    }
}

@media(min-width: 600px) {
    section#inquiry form ul.services input[type=checkbox]+label {
        margin-bottom: 3px;
        padding: 32px 75px
    }
}

@media(min-width: 1200px) {
    section#inquiry form ul.services input[type=checkbox]+label {
        margin-bottom: 4px
    }
}

@media(min-width: 600px) {
    section#inquiry form ul.info {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-top: 30px
    }
}

section#inquiry form ul.info li:not(:first-of-type) {
    margin-top: 20px
}

@media(min-width: 600px) {
    section#inquiry form ul.info li:not(:first-of-type) {
        margin-top: 30px
    }
}

@media(min-width: 600px) {
    section#inquiry form ul.info li.small {
        width: calc(50% - 18px)
    }
}

@media(min-width: 600px) {
    section#inquiry form ul.info li.large {
        width: 100%
    }
}

#retrn-hero {
    background-color: #161616;
    padding-top: 120px;
    position: relative
}

@media(min-width: 600px) {
    #retrn-hero {
        padding-top: 275px
    }
}

@media(min-width: 1200px) {
    #retrn-hero {
        padding-bottom: 150px;
        padding-top: 250px
    }
}

#retrn-hero .container h1 {
    color: #565656;
    font-family: "GT-Haptik-Medium", sans-serif;
    font-size: 10.63vw;
    letter-spacing: -0.02em;
    line-height: 110%;
    position: relative
}

@media(min-width: 600px) {
    #retrn-hero .container h1 {
        font-size: 11.72vw;
        letter-spacing: -0.04em;
        line-height: 106%
    }
}

@media(min-width: 900px) {
    #retrn-hero .container h1 {
        font-size: 5.72vw;
        text-align: center
    }
}

@media(min-width: 1200px) {
    #retrn-hero .container h1 {
        font-size: 100px;
        letter-spacing: -0.05em;
        line-height: 106%;
        margin-left: auto;
        margin-right: auto;
        max-width: 90%;
        padding-right: 0
    }
}

#retrn-hero .container h1 .word {
    margin: -5px;
    padding: 5px
}

#retrn-hero .container h1 b {
    color:  #000;
    font-weight: normal
}

#retrn-hero .container .hero-visual {
    aspect-ratio: 1/1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
    max-width: 952px;
    overflow: hidden;
    position: relative
}

@media(min-width: 600px) {
    #retrn-hero .container .hero-visual {
        margin-top: 100px
    }
}

#retrn-hero .container .hero-visual [data-animation] {
    width: 100%
}

#retrn-hero .container .hero-visual svg {
    height: 100%;
    width: 100%
}

#retrn-hero .container p {
    color: #f7f7f7;
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
    max-width: 996px
}

@media(min-width: 600px) {
    #retrn-hero .container p {
        font-size: 25px;
        line-height: 45px;
        margin-top: 100px;
        max-width: 80%;
        text-align: center
    }
}

@media(min-width: 1200px) {
    #retrn-hero .container p {
        font-size: 40px;
        line-height: 60px;
        max-width: 998px
    }
}

#retrn-hero .container .buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 40px;
    row-gap: 10px
}

@media(min-width: 600px) {
    #retrn-hero .container .buttons {
        -webkit-column-gap: 30px;
        -moz-column-gap: 30px;
        column-gap: 30px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 50px;
        row-gap: 0
    }
}

#retrn-hero .container .buttons a.secondary {
    background: transparent
}

#retrn-hero .container .buttons a.secondary:hover {
    color: #f7f7f7
}

#retrn-features {
    background-color: #161616;
    padding: 90px 0;
    position: relative
}

@media(min-width: 600px) {
    #retrn-features {
        padding: 120px 0
    }
}

@media(min-width: 1200px) {
    #retrn-features {
        padding: 90px 0 240px
    }
}

#retrn-features .features {
    color: #f7f7f7;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 80px
}

@media(min-width: 600px) {
    #retrn-features .features {
        row-gap: 70px
    }
}

@media(min-width: 1200px) {
    #retrn-features .features {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-column-gap: 100px;
        -moz-column-gap: 100px;
        column-gap: 100px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        row-gap: 0
    }
}

@media(min-width: 1200px) {
    #retrn-features .features .feature {
        width: 404px
    }
}

#retrn-features .features .feature .icon {
    aspect-ratio: 1/1;
    width: 170px
}

@media(min-width: 600px) {
    #retrn-features .features .feature .icon {
        width: 200px
    }
}

#retrn-features .features .feature h3 {
    margin-top: 10px
}

@media(min-width: 600px) {
    #retrn-features .features .feature h3 {
        font-size: 30px;
        letter-spacing: -0.01em;
        line-height: 42px;
        margin-top: 30px
    }
}

#retrn-features .features .feature p {
    color: #9f9f9f;
    margin-top: 20px
}

@media(min-width: 600px) {
    #retrn-features .features .feature p {
        font-size: 18px;
        line-height: 30px;
        margin-top: 30px;
        max-width: 80%
    }
}

@media(min-width: 1200px) {
    #retrn-features .features .feature p {
        max-width: 100%
    }
}

#retrn-payment-options {
    background-color: #161616;
    color: #f7f7f7;
    padding: 50px 0 90px;
    position: relative
}

@media(min-width: 600px) {
    #retrn-payment-options {
        padding: 120px 0
    }
}

@media(min-width: 1200px) {
    #retrn-payment-options {
        padding: 220px 0
    }
}

@media(min-width: 600px) {
    #retrn-payment-options .container {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media(min-width: 600px) {
    #retrn-payment-options::before {
        background-color: #1b1b1b;
        bottom: 0;
        content: "";
        display: block;
        left: 0;
        position: absolute;
        right: 0;
        top: 0
    }
}

@media(min-width: 1200px) {
    #retrn-payment-options::before {
        left: 4.4vw;
        right: 4.4vw
    }
}

@media(min-width: 600px) {
    #retrn-payment-options h2 {
        text-align: center
    }
}

#retrn-payment-options p {
    color: #9f9f9f;
    margin-top: 20px
}

@media(min-width: 600px) {
    #retrn-payment-options p {
        max-width: 80%;
        text-align: center
    }
}

#retrn-payment-options p a {
    color: #5799fe;
    line-height: inherit;
    padding: 0;
    text-decoration: none
}

#retrn-payment-options .options {
    display: grid;
    gap: 2px;
    grid-template-columns: 1fr 1fr;
    margin-top: 55px
}

@media(min-width: 600px) {
    #retrn-payment-options .options {
        grid-template-columns: 1fr 1fr 1fr;
        margin-top: 100px;
        width: 100%
    }
}

@media(min-width: 900px) {
    #retrn-payment-options .options {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr
    }
}

@media(min-width: 1200px) {
    #retrn-payment-options .options {
        gap: 30px;
        width: 66vw
    }
}

#retrn-payment-options .options .option {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    aspect-ratio: 1/1;
    background-color: #212121;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative
}

@media(min-width: 900px) {
    #retrn-payment-options .options .option {
        background: transparent
    }
}

@media(min-width: 900px) {
    #retrn-payment-options .options .option::before {
        background: linear-gradient(58.29deg, #4d49c7 9.94%, #579aff 64.9%, #66ffa4 118.73%);
        content: "";
        height: 100%;
        left: 0;
        opacity: 0;
        position: absolute;
        top: 0;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
        width: 100%
    }
}

@media(min-width: 900px) {
    #retrn-payment-options .options .option:hover::before {
        opacity: 1
    }

    #retrn-payment-options .options .option:hover img {
        -webkit-filter: brightness(5);
        filter: brightness(5)
    }

    #retrn-payment-options .options .option:hover span {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

#retrn-payment-options .options .option img {
    aspect-ratio: 1/1;
    position: relative;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    width: 80px
}

@media(min-width: 600px) {
    #retrn-payment-options .options .option img {
        width: 130px
    }
}

@media(min-width: 900px) {
    #retrn-payment-options .options .option img {
        width: 90px
    }
}

@media(min-width: 1200px) {
    #retrn-payment-options .options .option img {
        width: 115px
    }
}

#retrn-payment-options .options .option span {
    font-family: "GT-Haptik-Regular", sans-serif;
    font-size: 16px;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1)
}

@media(min-width: 900px) {
    #retrn-payment-options .options .option span {
        opacity: 0;
        -webkit-transform: translateY(50%);
        transform: translateY(50%);
        will-change: transform
    }
}

#retrn-payment-options .options .option:last-of-type {
    color: #9f9f9f;
    padding: 0
}

@media(min-width: 600px) {
    #retrn-payment-options .options .option:last-of-type {
        aspect-ratio: auto;
        background: transparent;
        color: #9f9f9f;
        grid-column: 1/4;
        margin-top: 60px
    }
}

@media(min-width: 900px) {
    #retrn-payment-options .options .option:last-of-type {
        aspect-ratio: 1/1;
        background: transparent;
        grid-column: auto;
        margin-top: 0
    }
}

@media(min-width: 600px) {
    #retrn-payment-options .options .option:last-of-type span {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

#retrn-payment-options .options .option:last-of-type::before {
    display: none
}

#retrn-services {
    background-color: #161616;
    padding-bottom: 50px;
    padding-top: 50px
}

@media(min-width: 600px) {
    #retrn-services {
        padding-bottom: 0px;
        padding-top: 0px
    }
}

@media(min-width: 900px) {
    #retrn-services {
        padding-bottom: 0px;
        padding-top: 0px
    }
}

@media(min-width: 1200px) {
    #retrn-services {
        padding-bottom: 00px
    }
}

#retrn-services h2 {
    color: #565656;
    font-family: "GT-Haptik-Medium", sans-serif;
    font-size: 17vw;
    letter-spacing: -2px;
    line-height: 110%
}

@media(min-width: 600px) {
    #retrn-services h2 {
        font-size: 11.5vw;
        letter-spacing: -5px
    }
}

@media(min-width: 900px) {
    #retrn-services h2 {
        font-size: 8.5vw;
        line-height: 100%
    }
}

@media(min-width: 1200px) {
    #retrn-services h2 {
        font-size: 120px
    }
}

#retrn-services h2:last-of-type {
    color:  #000
}

@media(min-width: 900px) {
    #retrn-services .services-container {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-top: 15%
    }
}

@media(min-width: 1200px) {
    #retrn-services .services-container {
        margin-top: 0px
    }
}

@media(min-width: 1500px) {
    #retrn-services .services-container {
        margin-top: 00px
    }
}

#retrn-services .services-container .services-sticky {
    display: none
}

@media(min-width: 900px) {
    #retrn-services .services-container .services-sticky {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        max-width: 50%;
        position: sticky;
        top: 25%;
        width: 100%
    }
}

@media(min-width: 1200px) {
    #retrn-services .services-container .services-sticky {
        top: 20%
    }
}

@media(min-width: 1500px) {
    #retrn-services .services-container .services-sticky {
        top: 10%
    }
}

@media(min-width: 900px) {
    #retrn-services .services-container .services-sticky .services-numbers {
        display: none
    }
}

@media(min-width: 1200px) {
    #retrn-services .services-container .services-sticky .services-numbers {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media(min-width: 1200px) {
    #retrn-services .services-container .services-sticky .services-numbers .numbers-container {
        -ms-flex-item-align: center;
        align-self: center;
        color:  #000;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        left: 0;
        position: absolute;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@media(min-width: 1500px) {
    #retrn-services .services-container .services-sticky .services-numbers .numbers-container {
        -webkit-transform: translate3d(-2vw, 0, 0);
        transform: translate3d(-2vw, 0, 0)
    }
}

@media(min-width: 1200px) {
    #retrn-services .services-container .services-sticky .services-numbers .numbers-container span {
        color: #565656;
        font-family: "IvarDisplay-SemiBoldItalic", serif;
        font-size: 16px;
        line-height: 19px;
        margin: 10px 0;
        position: relative;
        -webkit-transition: color .3s cubic-bezier(0.71, 0.19, 0.68, 0.94);
        transition: color .3s cubic-bezier(0.71, 0.19, 0.68, 0.94)
    }
}

@media(min-width: 1200px) {
    #retrn-services .services-container .services-sticky .services-numbers .numbers-container span::after {
        border-top: 2px solid #fff;
        content: "";
        opacity: 0;
        position: absolute;
        top: 50%;
        -webkit-transform: translate3d(8px, -50%, 0);
        transform: translate3d(8px, -50%, 0);
        -webkit-transition: all .3s cubic-bezier(0.71, 0.19, 0.68, 0.94);
        transition: all .3s cubic-bezier(0.71, 0.19, 0.68, 0.94);
        width: 0
    }
}

@media(min-width: 1200px) {
    #retrn-services .services-container .services-sticky .services-numbers .numbers-container span.active {
        color:  #000
    }
}

@media(min-width: 1200px) {
    #retrn-services .services-container .services-sticky .services-numbers .numbers-container span.active::after {
        opacity: 1;
        width: 15px
    }
}

@media(min-width: 900px) {
    #retrn-services .services-container .services-sticky .service-big-oval {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        height: 50vw;
        max-width: 80%;
        position: relative;
        width: 100%
    }
}

@media(min-width: 1200px) {
    #retrn-services .services-container .services-sticky .service-big-oval {
        height: 50vw;
        max-height: 650px;
        max-width: 80%
    }
}

@media(min-width: 1500px) {
    #retrn-services .services-container .services-sticky .service-big-oval {
        height: auto;
        max-height: 820px
    }
}

@media(min-width: 900px) {
    #retrn-services .services-container .services-sticky .service-big-oval img {
        max-width: 200%;
        opacity: 0;
        position: absolute;
        top: 50%;
        -webkit-transform: translate3d(-50%, -50%, 0);
        transform: translate3d(-50%, -50%, 0);
        -webkit-transition: opacity .3s cubic-bezier(0.71, 0.19, 0.68, 0.94);
        transition: opacity .3s cubic-bezier(0.71, 0.19, 0.68, 0.94)
    }
}

@media(min-width: 1200px) {
    #retrn-services .services-container .services-sticky .service-big-oval img {
        max-width: 100%;
        -webkit-transform: translate3d(0, -50%, 0);
        transform: translate3d(0, -50%, 0)
    }
}

@media(min-width: 900px) {
    #retrn-services .services-container .services-sticky .service-big-oval img.active {
        opacity: 1
    }
}

@media(min-width: 1500px) {
    #retrn-services .services-container .services-sticky .service-big-oval::after {
        content: "";
        padding-top: 120%
    }
}

#retrn-services .services-container .services-list {
    margin-top: 20px
}

@media(min-width: 600px) {
    #retrn-services .services-container .services-list {
        margin-top: 0
    }
}

@media(min-width: 900px) {
    #retrn-services .services-container .services-list {
        max-width: 50%
    }
}

@media(min-width: 1200px) {
    #retrn-services .services-container .services-list {
        max-width: 50%
    }
}

#retrn-services .services-container .services-list .service {
    padding-top: 75px
}

@media(min-width: 600px) {
    #retrn-services .services-container .services-list .service {
        padding-top: 130px
    }
}

@media(min-width: 900px) {
    #retrn-services .services-container .services-list .service {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 30% 0
    }
}

@media(min-width: 1200px) {
    #retrn-services .services-container .services-list .service {
        padding: 30% 0
    }
}

@media(min-width: 1500px) {
    #retrn-services .services-container .services-list .service {
        padding: 200px 0
    }
}

#retrn-services .services-container .services-list .service img {
    max-width: 180px
}

@media(min-width: 600px) {
    #retrn-services .services-container .services-list .service img {
        max-width: 300px
    }
}

@media(min-width: 900px) {
    #retrn-services .services-container .services-list .service img {
        display: none
    }
}

@media(min-width: 1200px) {
    #retrn-services .services-container .services-list .service .service-description {
        padding: 0 50px
    }
}

@media(min-width: 1500px) {
    #retrn-services .services-container .services-list .service .service-description {
        padding: 0 100px
    }
}

#retrn-services .services-container .services-list .service .service-description h3 {
    color:black;
    /* font-family: "GT-Haptik-Medium", sans-serif; */
    font-size: 35px;
    letter-spacing: -0.01em;
    line-height: 40px;
    margin-top: 40px
}

@media(min-width: 600px) {
    #retrn-services .services-container .services-list .service .service-description h3 {
        font-size: 40px;
        letter-spacing: -0.015em;
        line-height: 50px;
        margin-top: 40px
    }
}

@media(min-width: 900px) {
    #retrn-services .services-container .services-list .service .service-description h3 {
        margin: 0
    }
}

#retrn-services .services-container .services-list .service .service-description div {
    color: #9f9f9f;
    font-family: "GT-Haptik-Regular", sans-serif;
    font-size: 16px;
    line-height: 29px;
    margin-top: 20px
}

@media(min-width: 600px) {
    #retrn-services .services-container .services-list .service .service-description div {
        font-size: 18px;
        margin-top: 25px
    }
}

@media(min-width: 900px) {
    #retrn-services .services-container .services-list .service .service-description div {
        font-size: 16px;
        margin-top: 40px
    }
}

#retrn-services .services-container .services-list .service .service-description div ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 9px;
    list-style: none;
    padding: 0
}

#retrn-services .services-container .services-list .service .service-description div ul li {
    margin: 0;
    padding: 0
}

#retrn-services .services-container .services-list .service .service-description div ul li::before {
    content: "-";
    font-weight: bold;
    margin-right: 10px
}

#retrn-clients {
    background-color:  #000;
    padding-bottom: 0;
    padding-top: 90px
}

@media(min-width: 600px) {
    #retrn-clients {
        padding-bottom: 0;
        padding-top: 120px
    }
}

@media(min-width: 1200px) {
    #retrn-clients {
        padding-bottom: 0;
        padding-top: 220px
    }
}

#retrn-clients h2 {
    color: #565656;
    font-family: "GT-Haptik-Medium", sans-serif;
    font-size: 15vw;
    letter-spacing: -2px;
    line-height: 110%
}

@media(min-width: 600px) {
    #retrn-clients h2 {
        font-size: 11.5vw;
        letter-spacing: -5px
    }
}

@media(min-width: 900px) {
    #retrn-clients h2 {
        font-size: 8.5vw;
        line-height: 100%
    }
}

@media(min-width: 1200px) {
    #retrn-clients h2 {
        font-size: 120px
    }
}

#retrn-clients h2:first-of-type {
    background: linear-gradient(89.13deg, #4d49c7 -5.37%, #579aff 36.46%, #66ffa4 77.42%);
    -webkit-background-clip: text;
    background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent
}

#retrn-clients h2:last-of-type {
    color: #1f1f1f
}

#retrn-case-studies {
    background-color:  #000;
    padding-bottom: 90px;
    padding-top: 90px
}

@media(min-width: 600px) {
    #retrn-case-studies {
        padding-bottom: 120px;
        padding-top: 120px
    }
}

@media(min-width: 1200px) {
    #retrn-case-studies {
        padding-bottom: 220px;
        padding-top: 180px
    }
}

#retrn-case-studies .headline {
    color: #565656;
    display: block;
    font-family: "GT-Haptik-Medium", sans-serif;
    font-size: 12px;
    letter-spacing: 2px;
    text-transform: uppercase
}

@media(min-width: 600px) {
    #retrn-case-studies .headline {
        color: #9f9f9f
    }
}

#retrn-case-studies a.arrow {
    color: #1f1f1f;
    display: block;
    margin-top: 45px
}

@media(min-width: 600px) {
    #retrn-case-studies a.arrow {
        margin-top: 60px
    }
}

@media(min-width: 1200px) {
    #retrn-case-studies a.arrow {
        margin-top: 90px
    }
}

section#retrn__news {
    background-color: #f7f7f7;
    overflow: hidden;
    padding: 90px 0 70px;
    position: relative;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    user-select: none;
    user-select: none;
    user-select: none;
    user-select: none
}

@media(min-width: 600px) {
    section#retrn__news {
        padding: 120px 0
    }
}

@media(min-width: 1200px) {
    section#retrn__news {
        padding: 220px 0 180px
    }
}

section#retrn__news::before {
    background: url(../images/retrn/news-bg.svg) no-repeat center center;
    bottom: 0;
    content: "";
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0
}

section#retrn__news .ghost-left, section#retrn__news .ghost-right {
    cursor: pointer;
    height: 100%;
    opacity: .5;
    position: absolute;
    -webkit-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
    width: 10px;
    z-index: 50
}

section#retrn__news .ghost-left {
    display: none;
    left: 0;
    top: 0
}

section#retrn__news .ghost-right {
    right: 0;
    top: 0
}

section#retrn__news .retrn__news__container {
    --n: 1;
    --p: 1;
    --i: 0;
    --tx: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    margin-top: 50px;
    max-height: var(--view-height);
    position: relative;
    -webkit-transform: translate(calc(var(--i) / var(--n) * -100% + var(--tx)));
    transform: translate(calc(var(--i) / var(--n) * -100% + var(--tx)));
    -webkit-transition: -webkit-transform .5s ease-out;
    transition: -webkit-transform .5s ease-out;
    transition: transform .5s ease-out;
    transition: transform .5s ease-out, -webkit-transform .5s ease-out;
    width: 80%;
    width: calc(var(--n)*100%)
}

@media(min-width: 600px) {
    section#retrn__news .retrn__news__container {
        --p: 2;
        margin-top: 60px;
        width: calc(var(--n)*50%)
    }
}

@media(min-width: 1200px) {
    section#retrn__news .retrn__news__container {
        --p: 3;
        margin-top: 86px;
        width: calc((var(--n)* calc(33.33% + (113px/var(--p)))))
    }
}

section#retrn__news .retrn__news__container a {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    height: 100%;
    margin-right: 26px;
    text-decoration: none;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: opacity .5s ease-in-out;
    transition: opacity .5s ease-in-out;
    width: 100%;
    width: calc(113px + 100%/var(--n))
}

@media(min-width: 600px) {
    section#retrn__news .retrn__news__container a {
        margin-right: 30px
    }
}

@media(min-width: 1200px) {
    section#retrn__news .retrn__news__container a {
        margin-right: 113px
    }
}

section#retrn__news .retrn__news__container a:last-of-type {
    background-color: #1f1f1f;
    overflow: hidden;
    position: relative
}

section#retrn__news .retrn__news__container a:last-of-type .hover-bg {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: #cddee4;
    height: 200%;
    left: 50%;
    position: absolute;
    -webkit-transform: translate3d(-130%, -100%, 0) rotate(-25deg);
    transform: translate3d(-130%, -100%, 0) rotate(-25deg);
    -webkit-transition: -webkit-transform 1s cubic-bezier(0.58, 0, 0.06, 0.98);
    transition: -webkit-transform 1s cubic-bezier(0.58, 0, 0.06, 0.98);
    transition: transform 1s cubic-bezier(0.58, 0, 0.06, 0.98);
    transition: transform 1s cubic-bezier(0.58, 0, 0.06, 0.98), -webkit-transform 1s cubic-bezier(0.58, 0, 0.06, 0.98);
    width: 300%
}

section#retrn__news .retrn__news__container a:last-of-type .inner-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-transition: -webkit-filter 1s cubic-bezier(0.58, 0, 0.06, 0.98);
    transition: -webkit-filter 1s cubic-bezier(0.58, 0, 0.06, 0.98);
    transition: filter 1s cubic-bezier(0.58, 0, 0.06, 0.98);
    transition: filter 1s cubic-bezier(0.58, 0, 0.06, 0.98), -webkit-filter 1s cubic-bezier(0.58, 0, 0.06, 0.98)
}

section#retrn__news .retrn__news__container a:last-of-type .inner-container svg {
    margin-left: 35px;
    margin-top: 39px;
    -webkit-transform: scale(0.71);
    transform: scale(0.71);
    -webkit-transform-origin: left top;
    transform-origin: left top
}

@media(min-width: 600px) {
    section#retrn__news .retrn__news__container a:last-of-type .inner-container svg {
        margin-left: 39px;
        margin-top: 48px;
        -webkit-transform: scale(0.897);
        transform: scale(0.897)
    }
}

@media(min-width: 1200px) {
    section#retrn__news .retrn__news__container a:last-of-type .inner-container svg {
        margin-left: 60px;
        margin-top: 60px;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

section#retrn__news .retrn__news__container a:last-of-type .inner-container svg path {
    fill: #fff
}

section#retrn__news .retrn__news__container a:last-of-type .inner-container>div {
    margin-bottom: 27px;
    margin-left: 35px
}

@media(min-width: 600px) {
    section#retrn__news .retrn__news__container a:last-of-type .inner-container>div {
        margin-bottom: 28px;
        margin-left: 39px
    }
}

@media(min-width: 1200px) {
    section#retrn__news .retrn__news__container a:last-of-type .inner-container>div {
        margin-bottom: 40px;
        margin-left: 60px
    }
}

section#retrn__news .retrn__news__container a:last-of-type .inner-container>div span {
    display: block
}

section#retrn__news .retrn__news__container a:last-of-type .inner-container>div span:first-of-type {
    color:  #000;
    font-family: "GT-Haptik-Medium", sans-serif;
    font-size: 18px;
    line-height: 1.39
}

@media(min-width: 600px) {
    section#retrn__news .retrn__news__container a:last-of-type .inner-container>div span:first-of-type {
        font-size: 18px;
        line-height: 1.39
    }
}

@media(min-width: 1200px) {
    section#retrn__news .retrn__news__container a:last-of-type .inner-container>div span:first-of-type {
        font-size: 22px;
        line-height: 1.36
    }
}

section#retrn__news .retrn__news__container a:last-of-type .inner-container>div span:last-of-type {
    color: #5f5f5f;
    font-family: "GT-Haptik-Medium", sans-serif;
    font-size: 14px;
    line-height: 2.14
}

section#retrn__news .retrn__news__container a:last-of-type:hover .hover-bg {
    -webkit-transform: translate3d(-50%, -25%, 0) rotate(-25deg);
    transform: translate3d(-50%, -25%, 0) rotate(-25deg);
    -webkit-transform-origin: center center;
    transform-origin: center center
}

section#retrn__news .retrn__news__container a:last-of-type:hover .inner-container {
    -webkit-filter: invert(100%);
    filter: invert(100%)
}

section#retrn__news .retrn__news__container a.ghost {
    opacity: .5
}

section#retrn__news .retrn__news__container a .image__container {
    background-color: #e0e0e0;
    position: relative;
    width: 100%
}

section#retrn__news .retrn__news__container a .image__container img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    position: absolute;
    width: 100%
}

section#retrn__news .retrn__news__container a .image__container::after {
    content: "";
    display: block;
    padding-top: 75%;
    position: relative
}

@media(min-width: 600px) {
    section#retrn__news .retrn__news__container a .image__container::after {
        padding-top: 72%
    }
}

@media(min-width: 1200px) {
    section#retrn__news .retrn__news__container a .image__container::after {
        padding-top: 75%
    }
}

section#retrn__news .retrn__news__container a>span {
    color: #9f9f9f;
    display: block;
    margin-bottom: 10px;
    margin-top: 25px;
    position: relative
}

section#retrn__news .retrn__news__container a h4 {
    color: #1f1f1f;
    position: relative
}

section#retrn__news .retrn__news__container.smooth {
    -webkit-transition: -webkit-transform calc(var(--f, 1)*0.5s) ease-out;
    transition: -webkit-transform calc(var(--f, 1)*0.5s) ease-out;
    transition: transform calc(var(--f, 1)*0.5s) ease-out;
    transition: transform calc(var(--f, 1)*0.5s) ease-out, -webkit-transform calc(var(--f, 1)*0.5s) ease-out
}

section#retrn__news .controls {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 100px;
    position: relative
}

section#retrn__news .controls::before {
    border-top: 1px solid #d8d8d8;
    content: "";
    height: 1px;
    position: absolute;
    top: -50px;
    width: 100%
}

@media(min-width: 1200px) {
    section#retrn__news .controls::before {
        content: none
    }
}

section#retrn__news .controls a.view-all {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #1f1f1f;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

section#retrn__news .controls a.view-all img {
    margin-right: 12px
}

@media(min-width: 600px) {
    section#retrn__news .controls a.view-all img {
        margin-right: 18px
    }
}

section#retrn__news .controls .arrows {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: none
}

@media(min-width: 1200px) {
    section#retrn__news .controls .arrows {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

#retrn-cta-form {
    background: #161616;
    overflow: hidden;
    padding: 90px 0;
    position: relative
}

@media(min-width: 600px) {
    #retrn-cta-form {
        padding: 120px 0
    }
}

@media(min-width: 900px) {
    #retrn-cta-form {
        padding: 150px 0
    }
}

@media(min-width: 1200px) {
    #retrn-cta-form {
        padding: 220px 0 150px
    }
}

@media(min-width: 900px) {
    #retrn-cta-form #inquiry__form .descriptions {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 0 auto;
        text-align: center
    }
}

#retrn-cta-form #inquiry__form h2 {
    color: #f7f7f7;
    font-family: "GT-Haptik-Medium", sans-serif;
    font-size: 2.1875em;
    letter-spacing: -1.5px
}

@media(min-width: 600px) {
    #retrn-cta-form #inquiry__form h2 {
        font-size: 2.5em;
        letter-spacing: -2px;
        line-height: 1.5
    }
}

@media(min-width: 900px) {
    #retrn-cta-form #inquiry__form h2 {
        margin-bottom: 30px;
        max-width: 730px
    }
}

@media(min-width: 1200px) {
    #retrn-cta-form #inquiry__form h2 {
        font-size: 4.375em;
        letter-spacing: -2px;
        line-height: 1
    }
}

#retrn-cta-form #inquiry__form h2 b {
    background: linear-gradient(89.69deg, #4d49c7 -18.7%, #579aff 99.83%);
    -webkit-background-clip: text;
    background-clip: text;
    background-clip: text;
    font-weight: normal;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent
}

#retrn-cta-form #inquiry__form p {
    color: #9f9f9f;
    margin-top: 20px;
    opacity: .6
}

@media(min-width: 600px) {
    #retrn-cta-form #inquiry__form p {
        color: #9f9f9f;
        opacity: 1
    }
}

@media(min-width: 900px) {
    #retrn-cta-form #inquiry__form p {
        max-width: 535px
    }
}

#retrn-cta-form form {
    background: transparent;
    margin-top: 40px
}

@media(min-width: 600px) {
    #retrn-cta-form form {
        margin-top: 120px;
        padding: 0
    }
}

@media(min-width: 900px) {
    #retrn-cta-form form {
        margin-top: 40px;
        padding: 80px
    }
}

#retrn-cta-form form ul li label {
    color: #f7f7f7
}

#retrn-cta-form form ul li input[type=text], #retrn-cta-form form ul li textarea {
    border-bottom: 2px solid rgba(255, 255, 255, .1);
    color: #f7f7f7
}

#retrn-cta-form form ul li input[type=text]:-internal-autofill-selected, #retrn-cta-form form ul li textarea:-internal-autofill-selected {
    background-color: #000 !important
}

#retrn-cta-form form ul li input[type=text]:-webkit-autofill, #retrn-cta-form form ul li input[type=text]:-webkit-autofill:hover, #retrn-cta-form form ul li input[type=text]:-webkit-autofill:focus, #retrn-cta-form form ul li input[type=text]:-webkit-autofill:active, #retrn-cta-form form ul li textarea:-webkit-autofill, #retrn-cta-form form ul li textarea:-webkit-autofill:hover, #retrn-cta-form form ul li textarea:-webkit-autofill:focus, #retrn-cta-form form ul li textarea:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px #161616 inset !important;
    box-shadow: 0 0 0 30px #161616 inset !important
}

#retrn-cta-form form ul li input[type=text]:-webkit-autofill, #retrn-cta-form form ul li textarea:-webkit-autofill {
    -webkit-text-fill-color: #f7f7f7 !important
}

#retrn-cta-form form ul li::after {
    background-color: #9f9f9f;
    height: 2px
}

#retrn-cta-form form ul li.filled label {
    color: #9f9f9f
}

#retrn-cta-form form div.submit input[type=submit] {
    color: #f7f7f7
}

#retrn-cta-form form div.submit span {
    border-color: rgba(255, 255, 255, .4);
    border-width: 2px
}

#retrn-cta-form form div.submit span::before {
    background-color: #f7f7f7
}

#retrn-cta-form form div.submit span::after {
    border-left-color: #f7f7f7
}

#retrn-cta-form #inquiry__success {
    display: none;
    opacity: 0;
    z-index: 20
}

@media(min-width: 600px) {
    #retrn-cta-form #inquiry__success {
        padding-bottom: 50px
    }
}

@media(min-width: 900px) {
    #retrn-cta-form #inquiry__success {
        text-align: center
    }
}

@media(min-width: 900px) {
    #retrn-cta-form #inquiry__success .container {
        max-width: 750px
    }
}

#retrn-cta-form #inquiry__success h2 {
    color: #f7f7f7;
    font-family: "GT-Haptik-Medium", sans-serif;
    font-size: 2.1875em;
    letter-spacing: -1.5px;
    line-height: 1.14
}

@media(min-width: 600px) {
    #retrn-cta-form #inquiry__success h2 {
        font-size: 2.5em;
        letter-spacing: -2px;
        line-height: 1.5
    }
}

@media(min-width: 1200px) {
    #retrn-cta-form #inquiry__success h2 {
        font-size: 3.4375em;
        letter-spacing: -2px;
        line-height: 1;
        margin: 0 auto
    }
}

#retrn-cta-form #inquiry__success p {
    color: #9f9f9f;
    font-size: 1.125em;
    margin-top: 35px
}

@media(min-width: 600px) {
    #retrn-cta-form #inquiry__success p {
        margin-top: 25px
    }
}

@media(min-width: 1200px) {
    #retrn-cta-form #inquiry__success p {
        font-size: 1.5em;
        margin: 0 auto;
        margin-top: 60px;
        max-width: 770px
    }
}

#retrn-cta-form #inquiry__success p a {
    border-color: #5799fe;
    color: #5799fe;
    font-family: "GT-Haptik-Bold", sans-serif
}

section#retrn-discord {
    background: linear-gradient(82.92deg, #4c49c7 -13.87%, #5799fe 102.77%);
    padding: 90px 0
}

@media(min-width: 600px) {
    section#retrn-discord {
        padding: 120px 0
    }
}

@media(min-width: 1200px) {
    section#retrn-discord {
        background: linear-gradient(82.92deg, #5799fe 10.7%, #4c49c7 102.77%);
        padding: 160px 0
    }
}

@media(min-width: 1500px) {
    section#retrn-discord {
        padding: 220px 0
    }
}

section#retrn-discord .container {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media(min-width: 1200px) {
    section#retrn-discord .container {
        -webkit-column-gap: 10vw;
        -moz-column-gap: 10vw;
        column-gap: 10vw;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

section#retrn-discord .animation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media(min-width: 1200px) {
    section#retrn-discord .animation {
        max-width: 40vw
    }
}

section#retrn-discord .animation [data-animation] {
    width: 100%
}

@media(min-width: 600px) {
    section#retrn-discord .content {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media(min-width: 1200px) {
    section#retrn-discord .content {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        max-width: 590px
    }
}

section#retrn-discord .content h3 {
    color: #f7f7f7;
    font-size: 20px;
    line-height: 140%;
    margin-top: 40px
}

@media(min-width: 600px) {
    section#retrn-discord .content h3 {
        font-size: 25px;
        line-height: 180%;
        margin-top: 80px;
        max-width: 684px;
        text-align: center
    }
}

@media(min-width: 1200px) {
    section#retrn-discord .content h3 {
        font-size: 34px;
        line-height: 170%;
        margin-top: 0;
        text-align: left
    }
}

section#retrn-discord .content a {
    background: transparent;
    border-color: rgba(247, 247, 247, .4);
    display: block;
    margin-top: 40px
}

@media(min-width: 600px) {
    section#retrn-discord .content a {
        display: inline-block;
        margin-top: 50px
    }
}

section#retrn-discord .content a:hover {
    background-color: #f7f7f7;
    border-color: #f7f7f7
}

header#revolve__header {
    background-color: white;
    background-position: top left;
    background-repeat: repeat;
    color: black;
    padding-bottom: 90px;
    padding-top: 95px
}

@media(min-width: 600px) {
    header#revolve__header {
        padding-bottom: 70px;
        padding-top: 185px
    }
}

@media(min-width: 1200px) {
    header#revolve__header {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: var(--view-height);
        min-height: 1000px;
        padding: 0
    }
}

@media(min-width: 1500px) {
    header#revolve__header {
        padding: 0
    }
}

header#revolve__header .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media(min-width: 600px) {
    header#revolve__header .container {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media(min-width: 1200px) {
    header#revolve__header .container {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        height: 100%;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media(min-width: 1500px) {
    header#revolve__header .container {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

header#revolve__header .container .revolve__video {
    background-color: #151414;
    position: relative;
    text-align: center
}

@media(min-width: 600px) {
    header#revolve__header .container .revolve__video {
        width: 80%
    }
}

@media(min-width: 1200px) {
    header#revolve__header .container .revolve__video {
        -ms-flex-preferred-size: 57%;
        flex-basis: 57%;
        margin-left: 0;
        margin-right: 0;
        max-height: 590px;
        max-width: 590px;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        width: 100%
    }
}

header#revolve__header .container .revolve__video video {
    left: 50%;
    max-width: 100%;
    mix-blend-mode: screen;
    position: absolute;
    top: 0;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0)
}

header#revolve__header .container .revolve__video::after {
    content: "";
    display: block;
    padding-bottom: 100%;
    position: relative;
    top: 0;
    width: 100%
}

@media(min-width: 1200px) {
    header#revolve__header .container .subscription {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-preferred-size: 43%;
        flex-basis: 43%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-top: 0;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

@media(min-width: 1200px) {
    header#revolve__header .container .subscription .subscription-content {
        margin-top: 85px
    }
}

header#revolve__header .container .subscription .subscription-content .heading-mobile {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 40px
}

@media(min-width: 600px) {
    header#revolve__header .container .subscription .subscription-content .heading-mobile {
        margin-top: 80px
    }
}

@media(min-width: 1200px) {
    header#revolve__header .container .subscription .subscription-content .heading-mobile {
        margin-top: 0
    }
}

header#revolve__header .container .subscription .subscription-content #revolve-contact {
    color: white;
    cursor: pointer;
    display: block;
    /* font-family: "GT-Haptik-Bold", sans-serif; */
    font-size: 11px;
    letter-spacing: 1px;
    margin-top: 30px;
    overflow: hidden;
    padding: 23px 50px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap
}

@media(min-width: 600px) {
    header#revolve__header .container .subscription .subscription-content #revolve-contact {
        margin-top: 40px
    }
}

@media(min-width: 1200px) {
    header#revolve__header .container .subscription .subscription-content #revolve-contact {
        display: inline-block;
        padding: 23px 30px
    }
}

header#revolve__header .container .subscription .subscription-content #revolve-contact .bg {
    background: linear-gradient(45deg, #303057 0%, #6139be 20%, #f58483 49%, #f17e7d 57%, #6139be 79%, #282757 100%);
    height: 100%;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out;
    width: 200%;
    z-index: 1
}

header#revolve__header .container .subscription .subscription-content #revolve-contact .bg:hover, header#revolve__header .container .subscription .subscription-content #revolve-contact .bg.touched {
    -webkit-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0)
}

header#revolve__header .container .subscription .subscription-content #revolve-contact span {
    pointer-events: none;
    position: relative;
    z-index: 2
}

header#revolve__header .container .subscription .scrolldown {
    display: none
}

@media(min-width: 1200px) {
    header#revolve__header .container .subscription .scrolldown {
        cursor: pointer;
        display: block;
        margin-top: 70px;
        -webkit-transform: scale(0.7) rotate(90deg) translateY(calc(-50% - 20px));
        transform: scale(0.7) rotate(90deg) translateY(calc(-50% - 20px));
        -webkit-transform-origin: center left;
        transform-origin: center left
    }
}

@media(min-width: 1500px) {
    header#revolve__header .container .subscription .scrolldown {
        margin-top: 140px
    }
}

@media(min-width: 1200px) {
    header#revolve__header .container .subscription .scrolldown span {
        right: auto
    }
}

@media(min-width: 1200px) {
    header#revolve__header .container .title {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }
}

@media(min-width: 1200px) {
    header#revolve__header .revolve__top, header#revolve__header .revolve__bottom {
        width: 40%
    }
}

header#revolve__header h2 {
    color:  #000;
    font-family: "GT-Haptik-Medium", sans-serif;
    font-size: 1.875em;
    letter-spacing: -1px;
    line-height: 1.13;
    max-width: 248px
}

@media(min-width: 600px) {
    header#revolve__header h2 {
        font-size: 2.5em;
        letter-spacing: -2px;
        margin-top: 2px;
        max-width: none
    }
}

@media(min-width: 1200px) {
    header#revolve__header h2 {
        font-family: "GT-Haptik-Medium", sans-serif;
        font-size: 3.4375em;
        letter-spacing: -2px;
        line-height: 60px;
        margin-top: 0;
        max-width: 750px
    }
}

header#revolve__header p {
    color: #868686;
    margin-top: 30px
}

@media(min-width: 600px) {
    header#revolve__header p {
        margin-top: 40px;
        padding-top: 0
    }
}

@media(min-width: 1200px) {
    header#revolve__header p {
        border-top: none;
        font-family: "GT-Haptik-Regular", sans-serif;
        font-size: 1em;
        letter-spacing: normal;
        line-height: 29px;
        margin-top: 40px;
        padding-top: 0
    }
}

header#revolve__header a.arrow {
    color: #868686;
    margin-top: 45px;
    padding: 0;
    white-space: nowrap
}

@media(min-width: 1200px) {
    header#revolve__header a.arrow {
        font-family: "GT-Haptik-Bold", sans-serif;
        font-size: 0.75em;
        letter-spacing: 2px;
        margin-top: 50px;
        max-width: 224px
    }
}

header#revolve__header a.arrow span::before {
    background: #868686
}

header#revolve__header a.arrow span::after {
    border-color: transparent transparent transparent #868686
}

section#revolve__how {
    color:  #000;
    overflow: hidden;
    padding: 70px 0;
    position: relative
}

@media(min-width: 600px) {
    section#revolve__how {
        padding: 120px 0 195px
    }
}

@media(min-width: 1200px) {
    section#revolve__how {
        padding: 50px 0 50px
    }
}

section#revolve__how .container .features {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media(min-width: 900px) {
    section#revolve__how .container .features {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media(min-width: 900px) {
    section#revolve__how .container .features .feature {
        -ms-flex-preferred-size: calc(50% - 40px);
        flex-basis: calc(50% - 40px)
    }
}

@media(min-width: 1200px) {
    section#revolve__how .container .features .feature {
        -ms-flex-preferred-size: calc(50% - 85px);
        flex-basis: calc(50% - 85px)
    }
}

@media(min-width: 1200px) {
    section#revolve__how .container .features .feature:first-of-type .icon-container {
        margin-top: 69px
    }
}

section#revolve__how .container .features .feature .icon-container {
    margin-left: -20px;
    margin-top: 20px;
    width: 144px
}

@media(min-width: 600px) {
    section#revolve__how .container .features .feature .icon-container {
        margin-top: 24px
    }
}

@media(min-width: 1200px) {
    section#revolve__how .container .features .feature .icon-container {
        /* margin-left: -26px; */
        margin-left: auto;
        margin-right: auto;
        margin-top: 68px;
        width: 180px
    }
}

section#revolve__how .background-mobile {
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

@media(min-width: 600px) {
    section#revolve__how .background-mobile {
        display: none
    }
}

section#revolve__how .background-desktop {
    display: none;
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

@media(min-width: 600px) {
    section#revolve__how .background-desktop {
        display: block
    }
}

section#revolve__how h2 {
    color: black;
    font-family: "GT-Haptik-Medium", sans-serif;
    font-size: 2.1875em;
    letter-spacing: -1.5px;
    line-height: 1.14
}

@media(min-width: 600px) {
    section#revolve__how h2 {
        font-size: 2.5em;
        letter-spacing: -2px
    }
}

@media(min-width: 1200px) {
    section#revolve__how h2 {
        font-size: 3.4375em;
        letter-spacing: -2.4px;
        text-align: center;
    }
}

@media(min-width: 600px) {
    section#revolve__how h3 {
        font-family: "GT-Haptik-Medium", sans-serif;
        font-size: 22px;
        letter-spacing: -0.8px;
        line-height: 40px;
        text-align: center;
    }
}

@media(min-width: 1200px) {
    section#revolve__how h3 {
        font-size: 26px
    }
}

section#revolve__how p {
    color: #868686;
    margin-top: 15px
}

@media(min-width: 600px) {
    section#revolve__how p {
        margin-top: 5px
    }
}

@media(min-width: 1200px) {
    section#revolve__how p {
        margin-top: 15px;
        max-width: 612px;
        text-align: center;
    }
}

section#revolve__how p a {
    color: #868686
}

#revolve-built-for {
    background-color: #1f1f1f;
    padding-bottom: 150px;
    padding-top: 150px;
    position: relative
}

@media(min-width: 600px) {
    #revolve-built-for {
        padding-bottom: 120px;
        padding-top: 120px
    }
}

@media(min-width: 1200px) {
    #revolve-built-for {
        padding-bottom: 50px;
        padding-top: 50px
    }
}

#revolve-built-for h2 {
    color:  #000
}

#revolve-built-for .services {
    display: grid;
    grid-gap: 60px;
    grid-template-columns: 1fr;
    margin-top: 60px
}

@media(min-width: 600px) {
    #revolve-built-for .services {
        grid-template-columns: 1fr 1fr;
        margin-top: 80px
    }
}

@media(min-width: 1200px) {
    #revolve-built-for .services {
        grid-gap: 190px;
        grid-template-columns: 1fr 1fr;
        margin-top: 120px
    }
}

#revolve-built-for .services .card .service-heading {
    color:  #000;
    font-family: "GT-Haptik-Medium", sans-serif;
    font-size: 20px;
    letter-spacing: -0.6px;
    line-height: 1.25
}

@media(min-width: 600px) {
    #revolve-built-for .services .card .service-heading {
        font-size: 22px;
        letter-spacing: -0.8px;
        line-height: 1.82
    }
}

@media(min-width: 1200px) {
    #revolve-built-for .services .card .service-heading {
        display: block;
        font-size: 26px;
        letter-spacing: -1px;
        line-height: 1.12;
        max-width: 206px
    }
}

#revolve-built-for .services .card .details {
    border-top: 1px solid yellow;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 27px;
    margin-top: 55px;
    padding-top: 27px;
    position: relative
}

@media(min-width: 600px) {
    #revolve-built-for .services .card .details {
        margin-top: 20px;
        padding-top: 20px
    }
}

@media(min-width: 1200px) {
    #revolve-built-for .services .card .details {
        margin-top: 27px;
        padding-top: 27px
    }
}

#revolve-built-for .services .card .details .line {
    background: -webkit-gradient(linear, left top, right top, from(#e07274), to(#7c93f5));
    background: linear-gradient(to right, #e07274 0%, #7c93f5 100%);
    height: 2px;
    position: absolute;
    top: 0;
    -webkit-transform: translate3d(0, -1px, 0) scaleX(1);
    transform: translate3d(0, -1px, 0) scaleX(1);
    -webkit-transform-origin: center left;
    transform-origin: center left;
    -webkit-transition: -webkit-transform .45s cubic-bezier(0.54, 0.5, 0.04, 0.98);
    transition: -webkit-transform .45s cubic-bezier(0.54, 0.5, 0.04, 0.98);
    transition: transform .45s cubic-bezier(0.54, 0.5, 0.04, 0.98);
    transition: transform .45s cubic-bezier(0.54, 0.5, 0.04, 0.98), -webkit-transform .45s cubic-bezier(0.54, 0.5, 0.04, 0.98);
    width: 100%
}

@media(min-width: 1200px) {
    #revolve-built-for .services .card .details .line {
        -webkit-transition-duration: 150ms;
        transition-duration: 150ms;
        -webkit-transition-property: -webkit-transform;
        transition-property: -webkit-transform;
        transition-property: transform;
        transition-property: transform, -webkit-transform;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
        -webkit-transform: translate3d(0, -1px, 0) scaleX(0);
        transform: translate3d(0, -1px, 0) scaleX(0)
    }
}

#revolve-built-for .services .card .details .heading-container {
    position: relative
}

#revolve-built-for .services .card .details .heading-container .small-line {
    border-top: 2px solid black;
    position: absolute;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
    width: 15px
}

@media(min-width: 1200px) {
    #revolve-built-for .services .card .details .heading-container .small-line {
        -webkit-transition-duration: 150ms;
        transition-duration: 150ms;
        -webkit-transition-property: opacity, -webkit-transform;
        transition-property: opacity, -webkit-transform;
        transition-property: transform, opacity;
        transition-property: transform, opacity, -webkit-transform;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
        opacity: .5;
        -webkit-transform-origin: center left;
        transform-origin: center left;
        width: 4px
    }
}

#revolve-built-for .services .card .details .heading-container .details-heading {
    color:  #000;
    font-family: "GT-Haptik-Medium", sans-serif;
    font-size: 16px;
    line-height: 2;
    padding-left: 47px;
    position: relative
}

@media(min-width: 1200px) {
    #revolve-built-for .services .card .details .heading-container .details-heading {
        -webkit-transition-duration: 150ms;
        transition-duration: 150ms;
        -webkit-transition-property: opacity, -webkit-transform;
        transition-property: opacity, -webkit-transform;
        transition-property: opacity, transform;
        transition-property: opacity, transform, -webkit-transform;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
        display: inline-block;
        opacity: .5;
        padding-left: 0;
        -webkit-transform: translate3d(15px, 0, 0);
        transform: translate3d(15px, 0, 0)
    }
}

@media(min-width: 1200px) {
    #revolve-built-for .services .card:hover .details .line {
        -webkit-transform: translate3d(0, -1px, 0) scaleX(1);
        transform: translate3d(0, -1px, 0) scaleX(1)
    }
}

@media(min-width: 1200px) {
    #revolve-built-for .services .card:hover .details .heading-container .small-line {
        opacity: 1;
        -webkit-transform: translate3d(0, -50%, 0) scaleX(3.75);
        transform: translate3d(0, -50%, 0) scaleX(3.75)
    }
}

@media(min-width: 1200px) {
    #revolve-built-for .services .card:hover .details .heading-container .details-heading {
        opacity: 1;
        -webkit-transform: translate3d(47px, 0, 0);
        transform: translate3d(47px, 0, 0)
    }
}

#revolve-services {
    padding-bottom: 150px;
    padding-top: 150px;
    position: relative
}

@media(min-width: 600px) {
    #revolve-services {
        padding-bottom: 120px;
        padding-top: 120px
    }
}

@media(min-width: 1200px) {
    #revolve-services {
        padding-bottom: 210px;
        padding-top: 225px
    }
}

#revolve-services .background {
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

#revolve-services h2 {
    color:  #000
}

#revolve-services .services {
    display: grid;
    grid-gap: 60px;
    grid-template-columns: 1fr;
    margin-top: 60px
}

@media(min-width: 600px) {
    #revolve-services .services {
        grid-template-columns: 1fr 1fr;
        margin-top: 80px
    }
}

@media(min-width: 1200px) {
    #revolve-services .services {
        grid-gap: 95px;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        margin-top: 120px
    }
}

#revolve-services .services .card-card1 .service-heading {
    color:  #000;
    font-family: "GT-Haptik-Medium", sans-serif;
    font-size: 20px;
    letter-spacing: -0.6px;
    line-height: 1.25
}

@media(min-width: 600px) {
    #revolve-services .services .card-card1 .service-heading {
        font-size: 22px;
        letter-spacing: -0.8px;
        line-height: 1.82
    }
}

@media(min-width: 1200px) {
    #revolve-services .services .card-card1 .service-heading {
        display: block;
        font-size: 18px;
        letter-spacing: -1px;
        line-height: 1.12;
        max-width: 206px
    }
}

#revolve-services .services .card-card1 .details {
    border-top: 1px solid rgba(177, 193, 201, 0.2);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 27px;
    margin-top: 55px;
    padding-top: 27px;
    position: relative
}

@media(min-width: 600px) {
    #revolve-services .services .card-card1 .details {
        margin-top: 20px;
        padding-top: 20px
    }
}

@media(min-width: 1200px) {
    #revolve-services .services .card-card1 .details {
        margin-top: 27px;
        padding-top: 27px
    }
}

@media(min-width: 1200px) {
    #revolve-services .services .card-card1 .details::before {
        border-top: 1px solid black;
        content: "";
        position: absolute;
        top: 0;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: center left;
        transform-origin: center left;
        -webkit-transition: -webkit-transform .45s cubic-bezier(0.54, 0.5, 0.04, 0.98);
        transition: -webkit-transform .45s cubic-bezier(0.54, 0.5, 0.04, 0.98);
        transition: transform .45s cubic-bezier(0.54, 0.5, 0.04, 0.98);
        transition: transform .45s cubic-bezier(0.54, 0.5, 0.04, 0.98), -webkit-transform .45s cubic-bezier(0.54, 0.5, 0.04, 0.98);
        width: 100%
    }
}

#revolve-services .services .card-card1 .details .heading-container {
    position: relative
}

#revolve-services .services .card-card1 .details .heading-container .small-line {
    border-top: 2px solid black;
    position: absolute;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
    width: 15px
}

@media(min-width: 1200px) {
    #revolve-services .services .card-card1 .details .heading-container .small-line {
        -webkit-transition-duration: 150ms;
        transition-duration: 150ms;
        -webkit-transition-property: opacity, -webkit-transform;
        transition-property: opacity, -webkit-transform;
        transition-property: transform, opacity;
        transition-property: transform, opacity, -webkit-transform;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
        opacity: .5;
        -webkit-transform-origin: center left;
        transform-origin: center left;
        width: 4px
    }
}

#revolve-services .services .card-card1 .details .heading-container .details-heading {
    color:  #000;
    font-family: "GT-Haptik-Medium", sans-serif;
    font-size: 14px;
    line-height: 2;
    padding-left: 47px;
    position: relative
}

@media(min-width: 1200px) {
    #revolve-services .services .card-card1 .details .heading-container .details-heading {
        -webkit-transition-duration: 150ms;
        transition-duration: 150ms;
        -webkit-transition-property: opacity, -webkit-transform;
        transition-property: opacity, -webkit-transform;
        transition-property: opacity, transform;
        transition-property: opacity, transform, -webkit-transform;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
        display: inline-block;
        opacity: .5;
        padding-left: 0;
        -webkit-transform: translate3d(15px, 0, 0);
        transform: translate3d(15px, 0, 0)
    }
}

@media(min-width: 1200px) {
    #revolve-services .services .card-card1:hover .details .heading-container .small-line {
        opacity: 1;
        -webkit-transform: translate3d(0, -50%, 0) scaleX(3.75);
        transform: translate3d(0, -50%, 0) scaleX(3.75)
    }
}

@media(min-width: 1200px) {
    #revolve-services .services .card-card1:hover .details .heading-container .details-heading {
        opacity: 1;
        -webkit-transform: translate3d(47px, 0, 0);
        transform: translate3d(47px, 0, 0)
    }
}

@media(min-width: 1200px) {
    #revolve-services .services .card-card1:hover .details::before {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

#revolve-services .view-capabilities {
    margin-top: 60px
}

@media(min-width: 600px) {
    #revolve-services .view-capabilities {
        margin-top: 80px
    }
}

@media(min-width: 1200px) {
    #revolve-services .view-capabilities {
        margin-top: 120px
    }
}

#revolve-services .view-capabilities span::before {
    background: #000
}

#revolve-services .view-capabilities span::after {
    border-color: transparent transparent transparent #000
}

#revolve-brands {
    background-color:  #000;
    padding-bottom: 90px;
    padding-top: 90px
}

@media(min-width: 600px) {
    #revolve-brands {
        padding-bottom: 120px;
        padding-top: 120px
    }
}

@media(min-width: 1200px) {
    #revolve-brands {
        background-color:  #000;
        padding-bottom: 210px;
        padding-top: 225px
    }
}

#revolve-brands h2 {
    color: #1f1f1f;
    font-family: "GT-Haptik-Medium", sans-serif;
    font-size: 35px;
    letter-spacing: -1px;
    line-height: 1.14
}

@media(min-width: 600px) {
    #revolve-brands h2 {
        font-size: 40px;
        letter-spacing: -1.1px;
        line-height: 1;
        max-width: 250px
    }
}

@media(min-width: 1200px) {
    #revolve-brands h2 {
        font-size: 55px;
        letter-spacing: -2px;
        line-height: 1.09;
        max-width: 400px
    }
}

#revolve-brands h2 span {
    font-family: "IvarDisplay-SemiBoldItalic", serif
}

section#revolve__inquiry {
    background-color: #f7f7f7;
    overflow: hidden;
    padding: 90px 0;
    position: relative
}

@media(min-width: 600px) {
    section#revolve__inquiry {
        padding: 120px 0
    }
}

@media(min-width: 900px) {
    section#revolve__inquiry {
        padding: 160px 0
    }
}

@media(min-width: 1200px) {
    section#revolve__inquiry {
        padding: 225px 0 245px
    }
}

section#revolve__inquiry #inquiry__form h2 {
    color: #1f1f1f;
    font-family: "GT-Haptik-Medium", sans-serif;
    font-size: 2.1875em;
    letter-spacing: -1.5px;
    line-height: 1.14
}

@media(min-width: 600px) {
    section#revolve__inquiry #inquiry__form h2 {
        font-size: 2.5em;
        letter-spacing: -2px;
        line-height: 1.5
    }
}

@media(min-width: 900px) {
    section#revolve__inquiry #inquiry__form h2 {
        margin-bottom: 30px
    }
}

@media(min-width: 1200px) {
    section#revolve__inquiry #inquiry__form h2 {
        font-size: 3.4375em;
        letter-spacing: -2px;
        line-height: 1
    }
}

section#revolve__inquiry #inquiry__form p {
    color: #1f1f1f;
    margin-top: 20px;
    opacity: .6
}

@media(min-width: 900px) {
    section#revolve__inquiry #inquiry__form .descriptions {
        margin: 0 auto;
        max-width: 400px;
        text-align: center
    }
}

@media(min-width: 1200px) {
    section#revolve__inquiry #inquiry__form .descriptions {
        max-width: 550px
    }
}

section#revolve__inquiry .background--default {
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

section#revolve__inquiry .background--success {
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%
}

section#revolve__inquiry .background--default, section#revolve__inquiry .background--success {
    opacity: 0;
    -webkit-transition: opacity 2s ease-in-out;
    transition: opacity 2s ease-in-out
}

section#revolve__inquiry .background--default.visible, section#revolve__inquiry .background--success.visible {
    opacity: 1;
    -webkit-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out
}

section#revolve__inquiry #inquiry__success {
    display: none;
    opacity: 0;
    z-index: 20
}

@media(min-width: 600px) {
    section#revolve__inquiry #inquiry__success {
        padding-bottom: 50px
    }
}

@media(min-width: 900px) {
    section#revolve__inquiry #inquiry__success {
        text-align: center
    }
}

section#revolve__inquiry #inquiry__success h2 {
    color: #1f1f1f;
    font-family: "GT-Haptik-Medium", sans-serif;
    font-size: 2.1875em;
    letter-spacing: -1.5px;
    line-height: 1.14
}

@media(min-width: 600px) {
    section#revolve__inquiry #inquiry__success h2 {
        font-size: 2.5em;
        letter-spacing: -2px;
        line-height: 1.5
    }
}

@media(min-width: 1200px) {
    section#revolve__inquiry #inquiry__success h2 {
        font-size: 3.4375em;
        letter-spacing: -2px;
        line-height: 1;
        margin: 0 auto;
        max-width: 500px
    }
}

section#revolve__inquiry #inquiry__success p {
    color: #1f1f1f;
    font-size: 1.125em;
    margin-top: 35px
}

@media(min-width: 600px) {
    section#revolve__inquiry #inquiry__success p {
        margin-top: 25px
    }
}

@media(min-width: 1200px) {
    section#revolve__inquiry #inquiry__success p {
        font-size: 1.5em;
        margin: 0 auto;
        margin-top: 60px;
        max-width: 770px
    }
}

section#revolve__inquiry #inquiry__success p a {
    border-color: #1f1f1f;
    color: #1f1f1f;
    font-family: "GT-Haptik-Bold", sans-serif
}

@media(min-width: 900px) {
    section#revolve__inquiry #inquiry__success .container {
        max-width: 750px
    }
}

#ryde-hero {
    background-color: #151414;
    padding-bottom: 55px;
    padding-top: 120px;
    position: relative
}

@media(min-width: 600px) {
    #ryde-hero {
        padding-bottom: 140px;
        padding-top: 275px
    }
}

@media(min-width: 1200px) {
    #ryde-hero {
        padding-bottom: 200px;
        padding-top: 340px
    }
}

#ryde-hero .container h1#hero-intro {
    color: #565656;
    font-family: "GT-Haptik-Medium", sans-serif;
    font-size: 10.625vw;
    letter-spacing: -0.02em;
    line-height: 117%;
    padding-right: 4.5%;
    position: relative;
    z-index: 3
}

@media(min-width: 600px) {
    #ryde-hero .container h1#hero-intro {
        font-size: 11.72vw;
        letter-spacing: -0.04em;
        line-height: 106%
    }
}

@media(min-width: 900px) {
    #ryde-hero .container h1#hero-intro {
        font-size: 9.72vw
    }
}

@media(min-width: 1200px) {
    #ryde-hero .container h1#hero-intro {
        font-size: 10.35vw;
        letter-spacing: -0.05em;
        line-height: 106%;
        max-width: 80%;
        padding-right: 0
    }
}

@media(min-width: 1500px) {
    #ryde-hero .container h1#hero-intro {
        font-size: 160px;
        max-width: 85%
    }
}

#ryde-hero .container h1#hero-intro b {
    color:  #000;
    font-weight: normal
}

#ryde-hero .container h1#hero-intro .line {
    margin: -10px 0;
    padding: 10px 0
}

#ryde-hero .container .ryde-container {
    margin-top: 30px;
    position: relative
}

@media(min-width: 600px) {
    #ryde-hero .container .ryde-container {
        margin-top: 90px
    }
}

@media(min-width: 1200px) {
    #ryde-hero .container .ryde-container {
        margin-top: 190px
    }
}

#ryde-hero .container .ryde-container h1 {
    color:  #0008f8;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    font-family: "GT-Haptik-Medium", sans-serif;
    font-size: 18.75vw;
    letter-spacing: -0.05em;
    overflow: hidden;
    position: relative;
    z-index: 1
}

@media(min-width: 600px) {
    #ryde-hero .container .ryde-container h1 {
        font-size: 20.83vw
    }
}

@media(min-width: 1200px) {
    #ryde-hero .container .ryde-container h1 {
        font-size: 18vw
    }
}

@media(min-width: 1500px) {
    #ryde-hero .container .ryde-container h1 {
        font-size: 345px
    }
}

#ryde-hero .container .ryde-container .hero-visual {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
    width: 59vw;
    z-index: 2
}

@media(min-width: 600px) {
    #ryde-hero .container .ryde-container .hero-visual {
        -webkit-transform: translate3d(0, -50%, 0);
        transform: translate3d(0, -50%, 0);
        width: 62vw
    }
}

@media(min-width: 900px) {
    #ryde-hero .container .ryde-container .hero-visual {
        width: 54vw
    }
}

@media(min-width: 1200px) {
    #ryde-hero .container .ryde-container .hero-visual {
        -webkit-transform: translate3d(0, -50%, 0);
        transform: translate3d(0, -50%, 0);
        width: 58vw
    }
}

@media(min-width: 1500px) {
    #ryde-hero .container .ryde-container .hero-visual {
        max-width: 850px
    }
}

#ryde-hero .container .ryde-container .hero-visual img {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transform: scale(0.93);
    transform: scale(0.93);
    width: 100%
}

#ryde-about {
    background-color: #151414;
    padding-top: 90px
}

@media(min-width: 600px) {
    #ryde-about {
        padding-top: 120px
    }
}

@media(min-width: 1200px) {
    #ryde-about {
        padding-top: 220px
    }
}

#ryde-about p {
    color:  #000;
    font-family: "GT-Haptik-Medium", sans-serif;
    font-size: 20px;
    line-height: 32px
}

@media(min-width: 600px) {
    #ryde-about p {
        font-size: 25px;
        line-height: 45px
    }
}

@media(min-width: 1200px) {
    #ryde-about p {
        font-size: 35px;
        line-height: 58px;
        max-width: 900px
    }
}

#ryde-about a {
    background-color:  #000;
    color: #151414;
    cursor: pointer;
    display: inline-block;
    font-family: "GT-Haptik-Bold", sans-serif;
    font-size: 12px;
    letter-spacing: .2em;
    line-height: 15px;
    margin-top: 40px;
    overflow: hidden;
    padding: 20px 0;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap;
    width: 100%
}

@media(min-width: 600px) {
    #ryde-about a {
        margin-top: 50px;
        padding: 20px 30px;
        width: auto
    }
}

#ryde-about a .bg {
    background: linear-gradient(286.91deg, #fff 4.29%, #ff965a 57.93%, #5c26d1 95.06%);
    height: 100%;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out;
    width: 200%;
    z-index: 1
}

#ryde-about a .bg:hover, #ryde-about a .bg.touched {
    -webkit-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0)
}

#ryde-about a span {
    pointer-events: none;
    position: relative;
    z-index: 2
}

#ryde-features {
    background-color: #151414;
    padding-bottom: 90px;
    padding-top: 90px
}

@media(min-width: 600px) {
    #ryde-features {
        padding-bottom: 180px;
        padding-top: 120px
    }
}

@media(min-width: 1200px) {
    #ryde-features {
        padding-bottom: 300px;
        padding-top: 220px
    }
}

#ryde-features .features {
    display: grid;
    grid-template-columns: 1fr;
    row-gap: 80px
}

@media(min-width: 900px) {
    #ryde-features .features {
        -webkit-column-gap: 90px;
        -moz-column-gap: 90px;
        column-gap: 90px;
        grid-template-columns: 1fr 1fr;
        row-gap: 100px
    }
}

@media(min-width: 1200px) {
    #ryde-features .features {
        -webkit-column-gap: 180px;
        -moz-column-gap: 180px;
        column-gap: 180px;
        row-gap: 120px
    }
}

@media(min-width: 1500px) {
    #ryde-features .features {
        -webkit-column-gap: 240px;
        -moz-column-gap: 240px;
        column-gap: 240px;
        row-gap: 165px
    }
}

#ryde-features .features .icon {
    aspect-ratio: 1/1;
    max-width: 150px
}

#ryde-features .features h3 {
    color:  #000;
    font-family: "GT-Haptik-Medium", sans-serif;
    font-size: 20px;
    letter-spacing: -0.005em;
    line-height: 32px;
    margin-top: 40px
}

@media(min-width: 600px) {
    #ryde-features .features h3 {
        font-size: 25px;
        letter-spacing: -0.01em;
        line-height: 45px;
        margin-top: 60px
    }
}

@media(min-width: 900px) {
    #ryde-features .features h3 {
        line-height: 40px
    }
}

@media(min-width: 1200px) {
    #ryde-features .features h3 {
        font-size: 35px;
        line-height: 42px
    }
}

#ryde-features .features p {
    color: #9f9f9f;
    font-size: 16px;
    line-height: 29px;
    margin-top: 20px
}

@media(min-width: 600px) {
    #ryde-features .features p {
        font-size: 16px;
        line-height: 30px
    }
}

@media(min-width: 900px) {
    #ryde-features .features p {
        margin-top: 5px
    }
}

@media(min-width: 1200px) {
    #ryde-features .features p {
        margin-top: 30px
    }
}

#ryde-partners {
    background-color: #151414
}

#ryde-partners .heading {
    border-bottom: 3px solid #eae8e4;
    color:  #000;
    display: block;
    font-family: "GT-Haptik-Medium", sans-serif;
    font-size: 12px;
    letter-spacing: 2px;
    line-height: 15px;
    padding-bottom: 15px;
    text-transform: uppercase
}

@media(min-width: 600px) {
    #ryde-partners .heading {
        padding-bottom: 25px
    }
}

#ryde-partners .partners {
    margin-top: 40px
}

@media(min-width: 600px) {
    #ryde-partners .partners {
        margin-top: 70px
    }
}

@media(min-width: 1200px) {
    #ryde-partners .partners {
        margin-top: 190px
    }
}

#ryde-partners .partners .marquee-container {
    position: relative
}

#ryde-partners .partners .marquee-container .marquee {
    color: #565656;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: "IvarDisplay-SemiBoldItalic", serif;
    font-size: 8vw;
    letter-spacing: -0.02em;
    line-height: 115%;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    white-space: nowrap
}

@media(min-width: 600px) {
    #ryde-partners .partners .marquee-container .marquee {
        font-size: 9vw
    }
}

@media(min-width: 1200px) {
    #ryde-partners .partners .marquee-container .marquee {
        font-size: 6.5vw
    }
}

#ryde-partners .partners .marquee-container .marquee--left span {
    -webkit-animation: marqueeLeft 20s linear infinite;
    animation: marqueeLeft 20s linear infinite
}

#ryde-partners .partners .marquee-container .marquee--right span {
    -webkit-animation: marqueeRight 20s linear infinite;
    animation: marqueeRight 20s linear infinite
}

@-webkit-keyframes marqueeLeft {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }

    100% {
        -webkit-transform: translate(-100%, 0);
        transform: translate(-100%, 0)
    }
}

@keyframes marqueeLeft {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }

    100% {
        -webkit-transform: translate(-100%, 0);
        transform: translate(-100%, 0)
    }
}

@-webkit-keyframes marqueeRight {
    0% {
        -webkit-transform: translate(-100%, 0);
        transform: translate(-100%, 0)
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@keyframes marqueeRight {
    0% {
        -webkit-transform: translate(-100%, 0);
        transform: translate(-100%, 0)
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

#ryde-services {
    background-color: #151414;
    padding-bottom: 90px;
    padding-top: 90px
}

@media(min-width: 600px) {
    #ryde-services {
        padding-bottom: 120px;
        padding-top: 180px
    }
}

@media(min-width: 900px) {
    #ryde-services {
        padding-bottom: 200px;
        padding-top: 50px
    }
}

@media(min-width: 1200px) {
    #ryde-services {
        padding-bottom: 50px
    }
}

#ryde-services h2 {
    color: #565656;
    font-family: "GT-Haptik-Medium", sans-serif;
    font-size: 17vw;
    letter-spacing: -2px;
    line-height: 110%
}

@media(min-width: 600px) {
    #ryde-services h2 {
        font-size: 11.5vw;
        letter-spacing: -5px
    }
}

@media(min-width: 900px) {
    #ryde-services h2 {
        font-size: 8.5vw;
        line-height: 100%
    }
}

#ryde-services h2:last-of-type {
    color:  #000
}

@media(min-width: 900px) {
    #ryde-services .services-container {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        /* margin-top: 15% */
    }
}

@media(min-width: 1200px) {
    #ryde-services .services-container {
        /* margin-top: 180px */
    }
}

@media(min-width: 1500px) {
    #ryde-services .services-container {
        /* margin-top: 150px */
    }
}

#ryde-services .services-container .services-sticky {
    display: none
}

@media(min-width: 900px) {
    #ryde-services .services-container .services-sticky {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        max-width: 50%;
        position: sticky;
        top: 25%;
        width: 100%
    }
}

@media(min-width: 1200px) {
    #ryde-services .services-container .services-sticky {
        top: 20%
    }
}

@media(min-width: 1500px) {
    #ryde-services .services-container .services-sticky {
        top: 10%
    }
}

@media(min-width: 900px) {
    #ryde-services .services-container .services-sticky .services-numbers {
        display: none
    }
}

@media(min-width: 1200px) {
    #ryde-services .services-container .services-sticky .services-numbers {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media(min-width: 1200px) {
    #ryde-services .services-container .services-sticky .services-numbers .numbers-container {
        -ms-flex-item-align: center;
        align-self: center;
        color:  #000;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        left: 0;
        position: absolute;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@media(min-width: 1500px) {
    #ryde-services .services-container .services-sticky .services-numbers .numbers-container {
        -webkit-transform: translate3d(-2vw, 0, 0);
        transform: translate3d(-2vw, 0, 0)
    }
}

@media(min-width: 1200px) {
    #ryde-services .services-container .services-sticky .services-numbers .numbers-container span {
        color: #565656;
        font-family: "IvarDisplay-SemiBoldItalic", serif;
        font-size: 16px;
        line-height: 19px;
        margin: 10px 0;
        position: relative;
        -webkit-transition: color .3s cubic-bezier(0.71, 0.19, 0.68, 0.94);
        transition: color .3s cubic-bezier(0.71, 0.19, 0.68, 0.94)
    }
}

@media(min-width: 1200px) {
    #ryde-services .services-container .services-sticky .services-numbers .numbers-container span::after {
        border-top: 2px solid #fff;
        content: "";
        opacity: 0;
        position: absolute;
        top: 50%;
        -webkit-transform: translate3d(8px, -50%, 0);
        transform: translate3d(8px, -50%, 0);
        -webkit-transition: all .3s cubic-bezier(0.71, 0.19, 0.68, 0.94);
        transition: all .3s cubic-bezier(0.71, 0.19, 0.68, 0.94);
        width: 0
    }
}

@media(min-width: 1200px) {
    #ryde-services .services-container .services-sticky .services-numbers .numbers-container span.active {
        color:  #000
    }
}

@media(min-width: 1200px) {
    #ryde-services .services-container .services-sticky .services-numbers .numbers-container span.active::after {
        opacity: 1;
        width: 15px
    }
}

@media(min-width: 900px) {
    #ryde-services .services-container .services-sticky .service-big-oval {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        height: 50vw;
        max-width: 80%;
        position: relative;
        width: 100%
    }
}

@media(min-width: 1200px) {
    #ryde-services .services-container .services-sticky .service-big-oval {
        height: 50vw;
        max-height: 650px;
        max-width: 80%
    }
}

@media(min-width: 1500px) {
    #ryde-services .services-container .services-sticky .service-big-oval {
        height: auto;
        max-height: 820px
    }
}

@media(min-width: 900px) {
    #ryde-services .services-container .services-sticky .service-big-oval img {
        max-width: 200%;
        opacity: 0;
        position: absolute;
        top: 50%;
        -webkit-transform: translate3d(-50%, -50%, 0);
        transform: translate3d(-50%, -50%, 0);
        -webkit-transition: opacity .3s cubic-bezier(0.71, 0.19, 0.68, 0.94);
        transition: opacity .3s cubic-bezier(0.71, 0.19, 0.68, 0.94)
    }
}

@media(min-width: 1200px) {
    #ryde-services .services-container .services-sticky .service-big-oval img {
        max-width: 100%;
        -webkit-transform: translate3d(0, -50%, 0);
        transform: translate3d(0, -50%, 0)
    }
}

@media(min-width: 900px) {
    #ryde-services .services-container .services-sticky .service-big-oval img.active {
        opacity: 1
    }
}

@media(min-width: 1500px) {
    #ryde-services .services-container .services-sticky .service-big-oval::after {
        content: "";
        padding-top: 120%
    }
}

#ryde-services .services-container .services-list {
    margin-top: 20px
}

@media(min-width: 600px) {
    #ryde-services .services-container .services-list {
        margin-top: 0
    }
}

@media(min-width: 900px) {
    #ryde-services .services-container .services-list {
        max-width: 50%
    }
}

@media(min-width: 1200px) {
    #ryde-services .services-container .services-list {
        max-width: 50%
    }
}

#ryde-services .services-container .services-list .service {
    padding-top: 75px
}

@media(min-width: 600px) {
    #ryde-services .services-container .services-list .service {
        padding-top: 130px
    }
}

@media(min-width: 900px) {
    #ryde-services .services-container .services-list .service {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 30% 0
    }
}

@media(min-width: 1200px) {
    #ryde-services .services-container .services-list .service {
        padding: 30% 0
    }
}

@media(min-width: 1500px) {
    #ryde-services .services-container .services-list .service {
        padding: 50px 0
    }
}

#ryde-services .services-container .services-list .service img {
    max-width: 180px
}

@media(min-width: 600px) {
    #ryde-services .services-container .services-list .service img {
        max-width: 300px
    }
}

@media(min-width: 900px) {
    #ryde-services .services-container .services-list .service img {
        display: none
    }
}

@media(min-width: 1200px) {
    #ryde-services .services-container .services-list .service .service-description {
        padding: 0 50px
    }
}

@media(min-width: 1500px) {
    #ryde-services .services-container .services-list .service .service-description {
        padding: 0 100px
    }
}

#ryde-services .services-container .services-list .service .service-description h3 {
    color:  #000;
    font-family: "GT-Haptik-Medium", sans-serif;
    font-size: 35px;
    letter-spacing: -0.01em;
    line-height: 40px;
    margin-top: 40px
}

@media(min-width: 600px) {
    #ryde-services .services-container .services-list .service .service-description h3 {
        font-size: 40px;
        letter-spacing: -0.015em;
        line-height: 50px;
        margin-top: 40px
    }
}

@media(min-width: 900px) {
    #ryde-services .services-container .services-list .service .service-description h3 {
        margin: 0
    }
}

#ryde-services .services-container .services-list .service .service-description p {
    /* color: #9f9f9f; */
    font-size: 16px;
    line-height: 29px;
    margin-top: 20px
}

@media(min-width: 600px) {
    #ryde-services .services-container .services-list .service .service-description p {
        font-size: 16px;
        margin-top: 25px
    }
}

#ryde-stats {
    background-color: #4f1bbe;
    padding-bottom: 100px;
    padding-top: 90px;
    position: relative
}

@media(min-width: 600px) {
    #ryde-stats {
        padding-bottom: 120px;
        padding-top: 120px
    }
}

@media(min-width: 1200px) {
    #ryde-stats {
        padding-bottom: 300px;
        padding-top: 315px
    }
}

#ryde-stats img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

@media(min-width: 1200px) {
    #ryde-stats .container .content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

#ryde-stats .container .content p {
    color:  #000;
    font-family: "GT-Haptik-Medium", sans-serif;
    font-size: 20px;
    line-height: 32px
}

@media(min-width: 600px) {
    #ryde-stats .container .content p {
        font-size: 25px;
        line-height: 45px
    }
}

@media(min-width: 1200px) {
    #ryde-stats .container .content p {
        -ms-flex-preferred-size: 685px;
        flex-basis: 685px;
        font-size: 34px;
        line-height: 58px
    }
}

#ryde-stats .container .content .stats {
    -webkit-column-gap: 20vw;
    -moz-column-gap: 20vw;
    column-gap: 20vw;
    display: grid;
    grid-template-columns: 77px 77px;
    margin-top: 70px;
    row-gap: 30px
}

@media(min-width: 600px) {
    #ryde-stats .container .content .stats {
        -webkit-column-gap: 120px;
        -moz-column-gap: 120px;
        column-gap: 120px;
        grid-template-columns: 175px 175px;
        margin-top: 90px;
        row-gap: 75px
    }
}

@media(min-width: 1200px) {
    #ryde-stats .container .content .stats {
        align-self: flex-end;
        -webkit-column-gap: 90px;
        -moz-column-gap: 90px;
        column-gap: 90px;
        grid-template-columns: 218px 218px;
        margin-top: 0
    }
}

#ryde-stats .container .content .stats .stat {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

#ryde-stats .container .content .stats .stat h3 {
    color:  #000;
    font-family: "IvarDisplay-SemiBoldItalic", serif;
    font-size: 35px;
    line-height: 35px;
    text-align: center
}

@media(min-width: 600px) {
    #ryde-stats .container .content .stats .stat h3 {
        font-size: 80px;
        line-height: 80px
    }
}

@media(min-width: 1200px) {
    #ryde-stats .container .content .stats .stat h3 {
        font-size: 100px;
        line-height: 100px
    }
}

#ryde-stats .container .content .stats .stat span {
    color: #ad88ff;
    display: block;
    font-family: "GT-Haptik-Medium", sans-serif;
    font-size: 12px;
    letter-spacing: 2px;
    line-height: 15px;
    margin-top: 10px;
    text-transform: uppercase
}

@media(min-width: 600px) {
    #ryde-stats .container .content .stats .stat span {
        margin-left: 45px
    }
}

@media(min-width: 1200px) {
    #ryde-stats .container .content .stats .stat span {
        margin-left: 55px;
        margin-top: 0
    }
}

#ryde-clients {
    background-color:  #000;
    padding-bottom: 0;
    padding-top: 90px
}

@media(min-width: 600px) {
    #ryde-clients {
        padding-bottom: 0;
        padding-top: 120px
    }
}

@media(min-width: 1200px) {
    #ryde-clients {
        padding-bottom: 0;
        padding-top: 220px
    }
}

#ryde-clients h2 {
    color: #9f9f9f;
    font-family: "GT-Haptik-Medium", sans-serif;
    font-size: 11vw;
    letter-spacing: -0.04em;
    line-height: 118%;
    max-width: 85%
}

@media(min-width: 600px) {
    #ryde-clients h2 {
        font-size: 12vw;
        line-height: 106%;
        max-width: 90%
    }
}

@media(min-width: 1200px) {
    #ryde-clients h2 {
        font-size: 11.2vw;
        letter-spacing: -0.05em;
        line-height: 100%;
        max-width: 80%
    }
}

@media(min-width: 1500px) {
    #ryde-clients h2 {
        font-size: 160px;
        max-width: 75%
    }
}

@media(min-width: 600px) {
    #ryde-clients h2 .line {
        margin: -10px 0;
        padding: 5px 0
    }
}

@media(min-width: 900px) {
    #ryde-clients h2 .line {
        margin: -20px 0;
        padding: 10px 0
    }
}

@media(min-width: 1500px) {
    #ryde-clients h2 .line {
        margin: -30px 0;
        padding: 15px 0
    }
}

#ryde-clients h2 b {
    color: #1f1f1f;
    font-weight: normal
}

#ryde-case-studies {
    background-color:  #000;
    padding-bottom: 90px;
    padding-top: 90px
}

@media(min-width: 600px) {
    #ryde-case-studies {
        padding-bottom: 120px;
        padding-top: 120px
    }
}

@media(min-width: 1200px) {
    #ryde-case-studies {
        padding-bottom: 220px;
        padding-top: 180px
    }
}

#ryde-case-studies .headline {
    color: #565656;
    display: block;
    font-family: "GT-Haptik-Medium", sans-serif;
    font-size: 12px;
    letter-spacing: 2px;
    text-transform: uppercase
}

@media(min-width: 600px) {
    #ryde-case-studies .headline {
        color: #9f9f9f
    }
}

#ryde-case-studies a.arrow {
    color: #1f1f1f;
    display: block;
    margin-top: 35px
}

@media(min-width: 600px) {
    #ryde-case-studies a.arrow {
        margin-top: 60px
    }
}

@media(min-width: 1200px) {
    #ryde-case-studies a.arrow {
        margin-top: 90px
    }
}

#ryde-cta-form {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.48%, #e8e8e8), color-stop(35.45%, #fff), to(#fff));
    background: linear-gradient(180deg, #e8e8e8 0.48%, #fff 35.45%, #fff 100%);
    overflow: hidden;
    padding: 90px 0;
    position: relative
}

@media(min-width: 600px) {
    #ryde-cta-form {
        background: none;
        background-color: #e8e8e8;
        padding: 120px 0
    }
}

@media(min-width: 900px) {
    #ryde-cta-form {
        padding: 160px 0
    }
}

@media(min-width: 1200px) {
    #ryde-cta-form {
        padding: 225px 0 245px
    }
}

@media(min-width: 1200px) {
    #ryde-cta-form.success .background {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}

#ryde-cta-form .background {
    display: none;
    -webkit-transition: -webkit-transform .5s ease-in-out;
    transition: -webkit-transform .5s ease-in-out;
    transition: transform .5s ease-in-out;
    transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out
}

@media(min-width: 600px) {
    #ryde-cta-form .background {
        display: block;
        height: 100%;
        left: 0;
        -o-object-fit: cover;
        object-fit: cover;
        position: absolute;
        top: 0;
        width: 100%
    }
}

@media(min-width: 1200px) {
    #ryde-cta-form .background {
        height: auto;
        top: 130px
    }
}

@media(min-width: 900px) {
    #ryde-cta-form #inquiry__form .descriptions {
        margin: 0 auto;
        max-width: 400px;
        text-align: center
    }
}

@media(min-width: 1200px) {
    #ryde-cta-form #inquiry__form .descriptions {
        max-width: 550px
    }
}

#ryde-cta-form #inquiry__form h2 {
    color: #1f1f1f;
    font-family: "GT-Haptik-Medium", sans-serif;
    font-size: 2.1875em;
    letter-spacing: -1.5px;
    line-height: 1.14
}

@media(min-width: 600px) {
    #ryde-cta-form #inquiry__form h2 {
        font-size: 2.5em;
        letter-spacing: -2px;
        line-height: 1.5
    }
}

@media(min-width: 900px) {
    #ryde-cta-form #inquiry__form h2 {
        margin-bottom: 30px
    }
}

@media(min-width: 1200px) {
    #ryde-cta-form #inquiry__form h2 {
        font-size: 3.4375em;
        letter-spacing: -2px;
        line-height: 1
    }
}

#ryde-cta-form #inquiry__form p {
    color: #1f1f1f;
    margin-top: 20px;
    opacity: .6
}

#ryde-cta-form #inquiry__success {
    display: none;
    opacity: 0;
    z-index: 20
}

@media(min-width: 600px) {
    #ryde-cta-form #inquiry__success {
        padding-bottom: 50px
    }
}

@media(min-width: 900px) {
    #ryde-cta-form #inquiry__success {
        text-align: center
    }
}

@media(min-width: 900px) {
    #ryde-cta-form #inquiry__success .container {
        max-width: 750px
    }
}

#ryde-cta-form #inquiry__success h2 {
    color: #1f1f1f;
    font-family: "GT-Haptik-Medium", sans-serif;
    font-size: 2.1875em;
    letter-spacing: -1.5px;
    line-height: 1.14
}

@media(min-width: 600px) {
    #ryde-cta-form #inquiry__success h2 {
        font-size: 2.5em;
        letter-spacing: -2px;
        line-height: 1.5
    }
}

@media(min-width: 1200px) {
    #ryde-cta-form #inquiry__success h2 {
        font-size: 3.4375em;
        letter-spacing: -2px;
        line-height: 1;
        margin: 0 auto;
        max-width: 500px
    }
}

#ryde-cta-form #inquiry__success p {
    color: #1f1f1f;
    font-size: 1.125em;
    margin-top: 35px
}

@media(min-width: 600px) {
    #ryde-cta-form #inquiry__success p {
        margin-top: 25px
    }
}

@media(min-width: 1200px) {
    #ryde-cta-form #inquiry__success p {
        font-size: 1.5em;
        margin: 0 auto;
        margin-top: 60px;
        max-width: 770px
    }
}

#ryde-cta-form #inquiry__success p a {
    border-color: #1f1f1f;
    color: #1f1f1f;
    font-family: "GT-Haptik-Bold", sans-serif
}

#policy {
    background-color: #f7f7f7;
    padding-bottom: 90px;
    padding-top: 90px
}

@media(min-width: 600px) {
    #policy {
        padding-bottom: 175px;
        padding-top: 120px
    }
}

@media(min-width: 1200px) {
    #policy {
        padding-bottom: 329px;
        padding-top: 220px
    }
}

#policy .container {
    max-width: 850px
}

#policy .container .modified {
    color: #1f1f1f;
    display: block;
    font-family: "GT-Haptik-Bold", sans-serif;
    font-size: 12px;
    letter-spacing: 1px;
    margin-bottom: 62px;
    position: relative;
    text-transform: uppercase
}

@media(min-width: 600px) {
    #policy .container .modified {
        letter-spacing: 2px;
        padding-left: 68px
    }
}

#policy .container .modified::before {
    border-top: 2px solid #1f1f1f;
    content: "";
    left: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translate3d(0, 37px, 0);
    transform: translate3d(0, 37px, 0);
    width: 30px
}

@media(min-width: 600px) {
    #policy .container .modified::before {
        -webkit-transform: translate3d(0, -50%, 0);
        transform: translate3d(0, -50%, 0);
        width: 40px
    }
}

#policy .container h3 {
    margin-top: 60px
}

@media(min-width: 1200px) {
    #policy .container h3 {
        margin-top: 130px
    }
}

#policy .container p {
    font-size: 16px;
    line-height: 29px;
    margin-top: 20px
}

@media(min-width: 600px) {
    #policy .container p {
        font-size: 20px;
        line-height: 43px;
        margin-top: 30px
    }
}

@media(min-width: 1200px) {
    #policy .container p {
        margin-top: 50px
    }
}

#policy .container p, #policy .container h1, #policy .container h2, #policy .container h3, #policy .container h4, #policy .container h5, #policy .container h6, #policy .container a {
    color: #1f1f1f
}

#policy .container a {
    font-weight: bold
}

#policy .container ol, #policy .container ul {
    margin-left: -18px
}

@media(min-width: 600px) {
    #policy .container ol, #policy .container ul {
        margin-left: -10px
    }
}

#policy .container ol li, #policy .container ul li {
    color: #1f1f1f;
    font-family: "GT-Haptik-Regular", sans-serif;
    font-size: 16px;
    line-height: 28px;
    margin-bottom: -10px;
    margin-top: 30px;
    padding-left: 10px
}

@media(min-width: 600px) {
    #policy .container ol li, #policy .container ul li {
        font-size: 20px;
        line-height: 33px
    }
}

body.error {
    background-color: #f7f7f7
}

section#error {
    height: 100%;
    padding: 110px 0 0;
    position: relative
}

@media(min-width: 600px) {
    section#error {
        padding: 185px 0 120px
    }
}

@media(min-width: 900px) {
    section#error {
        padding: 365px 0 120px
    }
}

section#error .container {
    max-width: 680px
}

@media(min-width: 600px) {
    section#error .container {
        text-align: center
    }
}

section#error a.arrow {
    color: #1f1f1f;
    margin-top: 25px
}

@media(min-width: 600px) {
    section#error a.arrow {
        margin-top: 40px
    }
}

@media(min-width: 600px) {
    section#error a.arrow span {
        text-align: left
    }
}

section#error img.inquiry__bg__desktop, section#error img.inquiry__bg__mobile {
    bottom: 0;
    display: none;
    left: 0;
    position: fixed;
    right: 0;
    width: 100%;
    z-index: -1
}

section#error img.inquiry__bg__mobile {
    display: block
}

@media(min-width: 600px) {
    section#error img.inquiry__bg__mobile {
        display: none
    }
}

@media(min-width: 600px) {
    section#error img.inquiry__bg__desktop {
        display: block
    }
}


#revolve-services {
	padding-bottom: 150px;
	padding-top: 150px;
	position: relative
}

@media(min-width: 600px) {
	#revolve-services {
		padding-bottom: 120px;
		padding-top: 120px
	}
}

@media(min-width: 1200px) {
	#revolve-services {
		padding-bottom: 50px;
		padding-top: 50px
	}
}

#revolve-services .background {
	height: 100%;
	left: 0;
	-o-object-fit: cover;
	object-fit: cover;
	position: absolute;
	top: 0;
	width: 100%
}

#revolve-services h2 {
	color:  #000
}

#revolve-services .services {
	display: grid;
	grid-gap: 60px;
	grid-template-columns: 1fr;
	margin-top: 60px
}

@media(min-width: 600px) {
	#revolve-services .services {
		grid-template-columns: 1fr 1fr;
		margin-top: 80px
	}
}

@media(min-width: 1200px) {
	#revolve-services .services {
		grid-gap: 75px;
		grid-template-columns: 1fr 1fr 1fr 1fr;
		margin-top: 50px
	}
    .mn-servc{

        display: flex !important;
        justify-content: center;
    }
}

#revolve-services .services .card .service-heading {
	color:  #000;
	font-family: "GT-Haptik-Medium", sans-serif;
	font-size: 20px;
	letter-spacing: -0.6px;
	line-height: 1.25
}

@media(min-width: 600px) {
	#revolve-services .services .card .service-heading {
		font-size: 22px;
		letter-spacing: -0.8px;
		line-height: 1.82
	}
}

@media(min-width: 1200px) {
	#revolve-services .services .card .service-heading {
		display: block;
		font-size: 26px;
		letter-spacing: -1px;
		line-height: 1.12;
		max-width: 206px
	}
}

#revolve-services .services .card .details {
	border-top: 1px solid rgba(255, 255, 255, .2);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	margin-top: 27px;
	margin-top: 55px;
	padding-top: 27px;
	position: relative
}

@media(min-width: 600px) {
	#revolve-services .services .card .details {
		margin-top: 20px;
		padding-top: 20px
	}
}

@media(min-width: 1200px) {
	#revolve-services .services .card .details {
		margin-top: 27px;
		padding-top: 27px
	}
}

@media(min-width: 1200px) {
	#revolve-services .services .card .details::before {
		border-top: 1px solid #fff;
		content: "";
		position: absolute;
		top: 0;
		-webkit-transform: scaleX(0);
		transform: scaleX(0);
		-webkit-transform-origin: center left;
		transform-origin: center left;
		-webkit-transition: -webkit-transform .45s cubic-bezier(0.54, 0.5, 0.04, 0.98);
		transition: -webkit-transform .45s cubic-bezier(0.54, 0.5, 0.04, 0.98);
		transition: transform .45s cubic-bezier(0.54, 0.5, 0.04, 0.98);
		transition: transform .45s cubic-bezier(0.54, 0.5, 0.04, 0.98), -webkit-transform .45s cubic-bezier(0.54, 0.5, 0.04, 0.98);
		width: 100%
	}
}

#revolve-services .services .card .details .heading-container {
	position: relative
}

#revolve-services .services .card .details .heading-container .small-line {
	border-top: 2px solid #fff;
	position: absolute;
	top: 50%;
	-webkit-transform: translate3d(0, -50%, 0);
	transform: translate3d(0, -50%, 0);
	width: 15px
}

@media(min-width: 1200px) {
	#revolve-services .services .card .details .heading-container .small-line {
		-webkit-transition-duration: 150ms;
		transition-duration: 150ms;
		-webkit-transition-property: opacity, -webkit-transform;
		transition-property: opacity, -webkit-transform;
		transition-property: transform, opacity;
		transition-property: transform, opacity, -webkit-transform;
		-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out;
		opacity: .5;
		-webkit-transform-origin: center left;
		transform-origin: center left;
		width: 4px
	}
}

#revolve-services .services .card .details .heading-container .details-heading {
	color:  #000;
	font-family: "GT-Haptik-Medium", sans-serif;
	font-size: 16px;
	line-height: 2;
	padding-left: 47px;
	position: relative
}

@media(min-width: 1200px) {
	#revolve-services .services .card .details .heading-container .details-heading {
		-webkit-transition-duration: 150ms;
		transition-duration: 150ms;
		-webkit-transition-property: opacity, -webkit-transform;
		transition-property: opacity, -webkit-transform;
		transition-property: opacity, transform;
		transition-property: opacity, transform, -webkit-transform;
		-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out;
		display: inline-block;
		opacity: .5;
		padding-left: 0;
		-webkit-transform: translate3d(15px, 0, 0);
		transform: translate3d(15px, 0, 0)
	}
}

@media(min-width: 1200px) {
	#revolve-services .services .card:hover .details .heading-container .small-line {
		opacity: 1;
		-webkit-transform: translate3d(0, -50%, 0) scaleX(3.75);
		transform: translate3d(0, -50%, 0) scaleX(3.75)
	}
}

@media(min-width: 1200px) {
	#revolve-services .services .card:hover .details .heading-container .details-heading {
		opacity: 1;
		-webkit-transform: translate3d(47px, 0, 0);
		transform: translate3d(47px, 0, 0)
	}
}

@media(min-width: 1200px) {
	#revolve-services .services .card:hover .details::before {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
}

#revolve-services .view-capabilities {
	margin-top: 60px
}

@media(min-width: 600px) {
	#revolve-services .view-capabilities {
		margin-top: 80px
	}
}

@media(min-width: 1200px) {
	#revolve-services .view-capabilities {
		margin-top: 50px
	}
}

#revolve-services .view-capabilities span::before {
	background: black
}

#revolve-services .view-capabilities span::after {
	border-color: transparent transparent transparent black
}
.btn-cntr{

    display: flex;
    justify-content: center;
}
.rvlv-mbl h2{

    text-align: center;
}
/* .flx-cntr{

    display: flex;
    justify-self: 
} */