html {
    width: 100%;
    margin: 0;
    padding: 0;
    position: relative;
    min-height: 100%;
    scroll-behavior: smooth
}

body {
    font-family: Montserrat, 'GE Dinar Two', serif, Arial;
    color: #444445;
    padding-top: 7vw;
    overflow-x: hidden
}

@font-face {
    font-family: Montserrat;
    src: url(../fonts/Montserrat-Thin.ttf);
    font-weight: 100
}

@font-face {
    font-family: Montserrat;
    src: url(../fonts/Montserrat-ExtraLight.ttf);
    font-weight: 200
}

@font-face {
    font-family: Montserrat;
    src: url(../fonts/Montserrat-Light.ttf);
    font-weight: 300
}

@font-face {
    font-family: Montserrat;
    src: url(../fonts/Montserrat-Regular.ttf);
    font-weight: 400
}

@font-face {
    font-family: Montserrat;
    src: url(../fonts/Montserrat-Medium.ttf);
    font-weight: 500
}

@font-face {
    font-family: Montserrat;
    src: url(../fonts/Montserrat-Bold.ttf);
    font-weight: 700
}

@font-face {
    font-family: Montserrat;
    src: url(../fonts/Montserrat-SemiBold.ttf);
    font-weight: 600
}

@font-face {
    font-family: Montserrat;
    src: url(../fonts/Montserrat-ExtraBold.ttf);
    font-weight: 900
}

@font-face {
    font-family: 'GE Dinar Two';
    src: url('../fonts/GE Dinar Two Light.otf');
    font-weight: 400
}

@font-face {
    font-family: 'GE Dinar Two';
    src: url('../fonts/GE Dinar Two Medium.otf');
    font-weight: 700
}

* {
    box-sizing: border-box;
    outline: 0 !important
}

::-webkit-scrollbar {
    width: 6px
}

::-webkit-scrollbar-track {
    background: #444445
}

::-webkit-scrollbar-thumb {
    background: #ee674d
}

::-moz-selection {
    background: #ee674d;
    color: #fff
}

::selection {
    background: #ee674d;
    color: #fff
}

ul {
    list-style: none;
    margin: 0;
    padding: 0
}

a {
    color: #444445;
    transition: all .25s ease-in-out
}

a:hover {
    color: #ee674d;
    filter: saturate(1.25)
}

.text-primary {
    color: #ee674d !important;
    filter: saturate(1.25)
}

.btn-primary {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 10.885vw;
    min-height: 3.125vw;
    color: #fff;
    background: #ee674d !important;
    border-radius: 1.354vw;
    border: none !important;
    box-shadow: none !important;
    font-size: 1.25vw;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -.104vw;
    margin: .521vw auto;
    filter: saturate(1.25);
    padding: 0
}

.btn-primary.btn-lg {
    min-width: 19vw
}

.btn-primary span {
    font-weight: 100;
    margin-left: .26vw
}

.btn-primary:before {
    content: '';
    position: absolute;
    top: -.677vw;
    left: -.885vw;
    margin: 0 auto;
    background: url(../images/btn-border_animated.svg) center no-repeat;
    background-size: contain;
    width: 12.76vw;
    height: 4.375vw
}

.btn-primary.btn-lg:before {
    background: url("../images/Path 478.svg") center no-repeat;
    background-size: cover;
    width: 20.833vw
}

.btn-secondary {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 17.448vw;
    min-height: 4.427vw;
    color: #fff;
    background: 0 0 !important;
    border-radius: 1.354vw;
    border: none !important;
    box-shadow: none !important;
    font-weight: 700;
    font-size: 1.25vw;
    letter-spacing: -.07em;
    text-align: center;
    margin: .521vw auto;
    padding: 0;
    -webkit-appearance: none
}

.btn-secondary svg {
    position: absolute;
    width: 100%
}

.btn-secondary:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    background: url("../images/Path 478.png") center no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
    display: none !important
}

.btn-secondary span {
    font-weight: 100;
    margin-left: .26vw
}

.container-fluid {
    padding: 0 10vw
}

.modal .container-fluid {
    padding: 0 15px
}

img {
    filter: saturate(1.25)
}

.navbar {
    background: #fff;
    margin: 0;
    padding: 3.125vw 0 .5rem;
    transition: all .25s ease-in-out
}

.navbar.scrolled {
    padding-top: .5rem;
    box-shadow: 0 .052vw .26vw #f8f8f8
}

.navbar.activeMegaMenu,
.navbar.activeMegaMenu2 {
    background: 0 0 !important;
    box-shadow: none !important
}

.navbar.activeMegaMenu2:before,
.navbar.activeMegaMenu:before {
    content: '';
    position: absolute;
    top: -14%;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(253, 101, 62, .97);
    filter: saturate(1.25);
    transition: all .25s ease-in-out;
    z-index: -1
}

.navbar .navbar-brand img {
    height: 2.604vw;
    filter: none;
    transition: all .25s ease-in-out
}

.navbar.activeMegaMenu .navbar-brand img,
.navbar.activeMegaMenu2 .navbar-brand img {
    filter: brightness(0) invert(1)
}

.navbar.scrolled .navbar-brand img {
    height: 2.188vw
}

.navbar .navbar-text div span {
    font-weight: 400
}

.navbar .navbar-nav {
    z-index: 1
}

.navbar .navbar-nav .nav-link {
    font-size: 1.042vw;
    font-weight: 300;
    letter-spacing: -.052vw;
    transition: all .25s ease-in-out
}

.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.active {
    font-size: 1.094vw;
    font-weight: 600;
    color: #ee674d;
    filter: saturate(1.25)
}

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
    color: #ee674d;
    filter: saturate(1.25)
}

.navbar.activeMegaMenu .navbar-nav .nav-link,
.navbar.activeMegaMenu2 .navbar-nav .nav-link {
    color: #fff !important
}

.navbar .navbar-text {
    font-weight: 100;
    color: #444445
}

.navbar.activeMegaMenu .navbar-text,
.navbar.activeMegaMenu2 .navbar-text {
    color: #fff
}

.navbar .navbar-text div:first-of-type {
    font-size: .521vw;
    line-height: .625vw
}

.navbar .navbar-text div:last-of-type {
    font-size: .833vw;
    line-height: 1.042vw
}

.navbar .get-touch {
    position: absolute;
    top: 1vw;
    right: 10.5vw;
    font-size: .677vw;
    font-weight: 300;
    letter-spacing: -.052vw;
    text-align: right;
    transition: all .25s ease-in-out
}

.navbar .get-touch a {
    display: block;
    font-size: 1.302vw;
    font-weight: 300;
    line-height: 1.25vw;
    letter-spacing: -.104vw;
    color: #acacac;
    text-decoration: none !important;
    transition: all .25s ease-in-out
}

.navbar.activeMegaMenu .get-touch,
.navbar.activeMegaMenu .get-touch a,
.navbar.activeMegaMenu2 .get-touch,
.navbar.activeMegaMenu2 .get-touch a {
    color: #fff
}

.navbar .get-touch a span:first-of-type {
    font-weight: 100
}

.navbar .get-touch a span:last-of-type {
    font-weight: 700
}

.navbar.scrolled .get-touch {
    display: none
}

.navbar .dropdown .dropdown-menu {
    display: none !important;
    height: 0;
    opacity: 0
}

.navbar.activeMegaMenu .dropdown.dropdown-mega .dropdown-menu,
.navbar.activeMegaMenu2 .dropdown.dropdown-mega2 .dropdown-menu {
    top: 86%;
    display: block !important;
    border: none;
    background: 0 0;
    box-shadow: none;
    height: 36vw;
    opacity: 1;
    margin: 0;
    transition: all .25s ease-in-out
}

.navbar.activeMegaMenu .dropdown.dropdown-mega .dropdown-menu:before,
.navbar.activeMegaMenu2 .dropdown.dropdown-mega2 .dropdown-menu:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border: none;
    background: rgba(253, 101, 62, .97);
    box-shadow: 0 5px 2px -2px rgba(0, 0, 0, .35);
    filter: saturate(1.25);
    transition: all .25s ease-in-out;
    z-index: -1
}

.custom-container {
    display: block;
    width: 100%;
    padding: 0 10vw
}

.services-block {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 5vw auto 4vw
}

.services-block .services-title {
    display: inline-block;
    font-weight: 700;
    font-size: 6.198vw;
    letter-spacing: -.07em;
    line-height: 5.833vw;
    color: #fff;
    margin-right: 4.6875vw
}

.services-block .services-text {
    display: inline-block;
    font-weight: 300;
    font-size: 1.232vw;
    line-height: 1.624vw;
    color: #fff;
    margin-top: 1vw
}

.meet-partners-title {
    display: block;
    width: 100%;
    font-weight: 700;
    font-size: 3.229vw;
    letter-spacing: -.07em;
    line-height: 3.229vw;
    color: #fff;
    margin: 5vw 0
}

.partner-item {
    position: relative;
    display: block;
    width: 100%;
    height: 13.802vw;
    border-radius: 2.1875vw;
    background: #fff;
    box-shadow: 0 5px 2px -2px rgba(0, 0, 0, .35);
    margin-bottom: 1vw;
    padding: 2.65625vw 2.65625vw 1.875vw;
    text-decoration: none !important;
    z-index: 1
}

.partner-item .partner-logo {
    display: block;
    width: 100%
}

.partner-item .partner-logo img {
    width: 7.5vw;
    height: 3vw;
    max-width: 100%;
    object-fit: contain;
    object-position: top left
}

.partner-item .partner-name {
    display: flex;
    align-items: center;
    color: #000;
    font-weight: 300;
    font-size: 1.042vw;
    letter-spacing: -.07em;
    line-height: 1.40625vw;
    height: 3vw;
    margin: .3vw 0 0
}

.partner-item.services-item .service-name {
    display: block;
    color: #fd653e;
    font-weight: 700;
    font-size: 2.292vw;
    letter-spacing: -.07em;
    line-height: 2.1875vw
}

.partner-item.services-item .service-text {
    display: block;
    color: #000;
    font-weight: 300;
    font-size: 1.51vw;
    letter-spacing: -.07em;
    line-height: 2.03125vw
}

.partner-item .btn-partner {
    position: absolute;
    bottom: 1.875vw;
    display: block;
    background: url("../images/Group 6628.svg") center no-repeat;
    background-size: cover;
    border-radius: 50%;
    width: 2.448vw;
    height: 2.448vw
}

.partner-item .bg-partner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: flex;
    align-items: end;
    justify-content: flex-end;
    width: 100%;
    height: 100%;
    z-index: -1;
    overflow: hidden
}

.partner-item .bg-partner img {
    width: auto;
    height: 100%;
    object-fit: contain;
    object-position: bottom center
}

.bg-partners {
    position: absolute;
    top: 3.5vw;
    right: 0;
    width: 42.708vw;
    z-index: -1
}

.bg-partners img {
    width: 100%;
    height: auto;
    object-fit: contain
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-55%);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: 0 0 !important;
    border: none !important;
    border-radius: .781vw !important;
    box-shadow: 0 .156vw .313vw rgba(13, 12, 34, .07);
    padding: 0 !important;
    margin: 0 !important;
    transition: all .5s ease-in-out
}

.owl-carousel .owl-nav button.owl-next img,
.owl-carousel .owl-nav button.owl-prev img {
    width: 8.385vw;
    height: 21.71875vw;
    object-fit: contain
}

.owl-carousel .owl-nav button.owl-next {
    right: 0
}

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

.owl-wrapper {
    padding-left: 10vw
}

.intro-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: calc(100vh - 6.667vw);
    z-index: 3
}

.intro-wrapper .intro-title {
    display: block;
    font-size: 3.802vw;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -.156vw;
    margin: 1.042vw 0 2vw
}

.intro-wrapper .intro-text {
    display: block;
    font-weight: 700;
    font-size: 1.71875vw;
    letter-spacing: -.07em;
    line-height: 1.71875vw
}

.intro-wrapper .intro-title span {
    color: #ee674d;
    filter: saturate(1.25)
}

.intro-wrapper .g-plug {
    position: absolute;
    top: 0;
    left: -10px;
    right: -10px;
    margin: 0 auto;
    z-index: -1
}

.intro-wrapper .g-plug img {
    width: calc(100% + 20px);
    height: auto;
    object-fit: contain
}

.intro-wrapper .bg-intro {
    position: absolute;
    top: 10%;
    right: 3.125vw;
    z-index: -2
}

.intro-wrapper .bg-intro img {
    width: 60.313vw;
    max-width: 100%;
    object-fit: contain
}

.services-wrapper {
    position: relative;
    display: block;
    width: 100%;
    background: #f1f5f6;
    margin-top: -10vw;
    padding-top: 12.5vw;
    overflow: hidden;
    z-index: 2
}

.services-wrapper .bg-services {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    z-index: -1
}

.services-wrapper .bg-services img {
    width: 100%;
    height: auto;
    object-fit: contain;
    object-position: top center
}

.robot-arm {
    position: absolute;
    top: -2vw;
    right: -4.167vw;
    width: 67.031vw;
    z-index: -1
}

.robot-arm img {
    width: auto;
    max-width: 100%;
    object-fit: contain
}

@keyframes arm {
    0% {
        transform: rotate(0)
    }

    25% {
        transform: rotate(10deg)
    }

    50% {
        transform: rotate(0)
    }

    75% {
        transform: translateX(5.208vw)
    }

    100% {
        transform: translateX(2.604vw)
    }
}

.bg-marketing-services {
    position: absolute;
    top: 6vw;
    right: -8vw;
    width: 80vw;
    z-index: -1
}

.bg-marketing-services img {
    width: 100%
}

.services-wrapper .logo {
    display: block;
    width: 100%
}

.services-wrapper .logo img {
    width: auto;
    max-width: 100%;
    height: auto;
    object-fit: contain
}

.services-wrapper .services-title {
    display: block;
    font-size: 5.417vw;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -.417vw;
    margin-top: 1.042vw
}

.services-wrapper .services-text {
    display: block;
    font-size: 1.042vw;
    font-weight: 200;
    line-height: 1;
    margin: 1.042vw 0
}

.service-item {
    position: relative;
    display: block;
    width: 100%;
    max-width: 100%;
    margin: 1vw auto 4vw;
    text-align: center;
    transition: all .25s ease-in-out
}

.services-wrapper .service-item {
    width: 17vw;
    padding: 1vw 2vw 2vw;
    margin: 1vw auto
}

.services-wrapper .service-item:hover {
    border-radius: 3.021vw;
    background: rgba(255, 255, 255, .45)
}

.service-item .service-icon {
    display: block;
    margin: 1.563vw auto;
    width: 100%;
    height: 8.854vw
}

.technology-wrapper .service-item .service-icon {
    height: 10.417vw
}

.marketing-wrapper .service-item .service-icon {
    height: 13vw;
    max-width: 15.625vw
}

.service-item .service-icon img {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%;
    object-fit: contain;
    object-position: center bottom
}

.our-services .service-item .service-icon img {
    filter: none !important
}

.custom-technology .service-item .service-icon img,
.technology-wrapper .service-item .service-icon img {
    filter: brightness(0) invert(1) !important
}

.service-item .service-name {
    display: block;
    font-weight: 700;
    font-size: 1.979vw;
    letter-spacing: -.104vw;
    line-height: 1
}

.marketing-wrapper .service-item .service-name,
.technology-wrapper .service-item .service-name {
    color: #fff
}

.service-item .service-name div {
    display: block;
    font-weight: 700
}

.service-item .service-text {
    display: block;
    color: #444;
    margin-top: .9vw;
    font-size: 1.2vw;
    font-weight: 200;
    line-height: 1.2
}

.marketing-wrapper .service-item .service-text,
.technology-wrapper .service-item .service-text {
    font-weight: 200;
    color: #fff
}

.service-item .btn-secondary {
    margin-top: 1vw
}

.about-wrapper {
    position: relative;
    display: block;
    width: 100%;
    padding-top: 40vw;
    padding-bottom: 7vw;
    color: #fff;
    overflow: hidden;
    z-index: 1
}

.about-wrapper:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    background: url(../images/bg-about-after.png) center no-repeat;
    background-size: cover;
    width: 100%;
    height: 7.813vw;
    z-index: -1
}

.about-wrapper .bg-about {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: -2
}

.about-wrapper .bg-about img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top right
}

.about-wrapper .keyboard-icon {
    position: absolute;
    top: 30vw;
    left: -10.938vw;
    display: block;
    width: 54.010vw
}

.about-wrapper .keyboard-icon img {
    width: auto;
    max-width: 100%;
    height: auto;
    object-fit: contain
}

.about-wrapper .core-values-title {
    display: block;
    font-size: 8.385vw;
    font-weight: 100;
    line-height: 1;
    letter-spacing: -.625vw
}

.about-wrapper .core-values-title div {
    display: block;
    font-weight: 700
}

.about-wrapper .core-values-text {
    display: block;
    font-size: 1.458vw;
    font-weight: 200;
    line-height: 1;
    margin: 1.042vw 0
}

.about-wrapper .we-are {
    display: block;
    font-size: 3.542vw;
    font-weight: 100;
    line-height: 1;
    letter-spacing: -.26vw;
    margin: 2.083vw 0 4.167vw
}

.about-item {
    display: block;
    width: 100%;
    margin: 1.042vw auto;
    color: #fff;
    transition: all .25s ease-in-out
}

.about-item .about-title {
    display: block;
    font-size: 2.135vw;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -.15vw;
    min-height: 15vw;
    transition: all .25s ease-in-out
}

.about-item:hover .about-title {
    font-size: 3.438vw;
    letter-spacing: -.26vw;
    opacity: .09
}

.about-item .about-text {
    position: absolute;
    top: 8px;
    left: 0;
    right: 0;
    width: 14.323vw;
    max-width: 100%;
    font-size: 1.458vw;
    font-weight: 200;
    margin: 0 auto;
    opacity: 0;
    transition: all .25s ease-in-out
}

.about-item:hover .about-text {
    opacity: 1
}

.portfolio-wrapper {
    position: relative;
    display: block;
    width: 100%;
    margin: 2.083vw auto 0;
    overflow: hidden;
    z-index: 2
}

.portfolio-wrapper:before {
    content: '';
    position: absolute;
    top: 30vw;
    left: 0;
    right: 0;
    background: url("../images/Path 359.svg") center no-repeat;
    background-size: cover;
    width: 100%;
    height: 15.781vw;
    z-index: 0
}

.portfolio-wrapper:after {
    content: '';
    position: absolute;
    top: 65%;
    left: -3%;
    right: -3%;
    background: url("../images/Path 360.svg") center no-repeat;
    background-size: cover;
    width: 108%;
    height: 30.365vw;
    z-index: -2
}

.portfolio-wrapper .portfolio-icons {
    position: absolute;
    top: 20vw;
    left: 0;
    width: 100%;
    height: auto;
    z-index: -1
}

.portfolio-wrapper .portfolio-title {
    display: block;
    font-size: 5.417vw;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -.417vw;
    text-align: center;
    margin: 7.813vw auto 2.604vw
}

.portfolio-tabs .btn-primary {
    margin: 1.042vw 1.042vw 2.604vw
}

.gallary {
    position: relative;
    width: 100%;
    margin: 0 auto;
    margin-top: 40px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease
}

#portfoliolist .portfolio {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    display: none;
    overflow: hidden
}

.gallary:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

@-webkit-keyframes zoom {
    from {
        -webkit-transform: scale(0)
    }

    to {
        -webkit-transform: scale(1)
    }
}

@keyframes zoom {
    from {
        transform: scale(0)
    }

    to {
        transform: scale(1)
    }
}

.app-item {
    position: relative;
    display: block;
    margin: 1.302vw auto;
    text-align: center;
    text-decoration: none !important;
    transition: all .25s ease-in-out
}

.app-item .app-img {
    display: block;
    width: 23.438vw;
    height: 23.438vw;
    max-width: 100%;
    border-radius: 3.854vw;
    box-shadow: 0 2vw 3vw rgba(0, 0, 0, .07);
    margin: 0 auto 1.563vw;
    overflow: hidden
}

.app-item .app-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: bottom center;
    transition: all .25s ease-in-out
}

.app-item .app-title {
    display: block;
    font-weight: 100;
    font-size: 1.979vw;
    letter-spacing: -.104vw;
    line-height: 1;
    margin: 1.563vw auto 0
}

.app-item .app-title div {
    font-weight: 700
}

.showMore {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    margin-top: 50px
}

.showMore::after {
    content: "+ VIEW MORE"
}

.showMore.showLess::after {
    content: "- VIEW LESS"
}

.clients-wrapper {
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 0 auto 2.604vw;
    z-index: 1
}

.clients-wrapper .bg-clients {
    position: absolute;
    top: -4vw;
    left: 0;
    right: 0;
    width: 100%;
    z-index: -2
}

.clients-wrapper .bg-clients img {
    width: 100%;
    height: auto;
    object-fit: contain
}

.clients-wrapper .logo {
    position: relative;
    left: -14.063vw;
    display: block;
    width: 100%
}

.clients-wrapper .logo img {
    width: 46.458vw;
    height: auto;
    object-fit: contain
}

.clients-wrapper .clients-title {
    display: block;
    font-size: 6.719vw;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -.521vw;
    margin-top: 2.604vw
}

.clients-wrapper .clients-title span {
    font-size: 6.667vw;
    font-weight: 100;
    line-height: .95;
    letter-spacing: -.521vw;
    color: #ee674d;
    filter: saturate(1.25)
}

.clients-wrapper .clients-text {
    display: block;
    font-size: 1.042vw;
    font-weight: 200;
    line-height: 1;
    margin: 1.042vw 0
}

.clients-sub-title {
    display: block;
    font-size: 1.719vw;
    font-weight: 100;
    line-height: 1;
    letter-spacing: -.104vw;
    margin: 3.125vw 0 1.563vw;
    color: #444
}

.clients-sub-title:first-of-type {
    margin-top: 15.625vw
}

.client-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 14vw;
    height: 10vw;
    max-width: 100%;
    margin: .5vw auto;
    text-align: center;
    transition: all .25s ease-in-out
}

.client-logo img {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%;
    object-fit: contain;
    object-position: center;
    filter: grayscale(1);
    transition: all .25s ease-in-out
}

.client-logo:hover img {
    filter: grayscale(0)
}

.philosophy-intro {
    position: relative;
    display: flex;
    align-items: center;
    height: calc(100vh - 6.667vw);
    z-index: 3
}

.philosophy-intro .bg-intro {
    position: absolute;
    top: 10%;
    right: 3.125vw;
    z-index: -2
}

.philosophy-intro .bg-intro img {
    width: 60.313vw;
    max-width: 100%;
    object-fit: contain
}

.philosophy-intro .bg-philosophy-intro {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 3.906vw;
    width: 50vw;
    z-index: -1
}

.philosophy-intro .bg-philosophy-intro img {
    width: auto;
    max-width: 100%;
    object-fit: contain
}

.philosophy-intro .intro-title {
    display: block;
    font-size: 2.344vw;
    font-weight: 200;
    line-height: 1;
    letter-spacing: -.104vw;
    margin: 1.042vw 0
}

.philosophy-intro .intro-title span {
    font-weight: 700;
    color: #ee674d;
    filter: saturate(1.25)
}

.philosophy-intro .intro-title h1 {
    font-size: 3.385vw;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -.26vw;
    margin-bottom: 1.5vw
}

.meticulously-wrapper {
    position: relative;
    display: block;
    width: 100%;
    min-height: 100vh;
    background: #f1f5f6;
    margin-top: -10vw;
    padding-top: 26.042vw;
    padding-bottom: 26.042vw;
    overflow: hidden;
    z-index: 2
}

.meticulously-wrapper:before {
    content: '';
    position: absolute;
    bottom: -7vw;
    right: -7vw;
    background: url("../images/Path 480_animated.svg") center no-repeat;
    background-size: contain;
    width: 15.466vw;
    height: 100.786vw;
    z-index: 2
}

.meticulously-wrapper .bg-services {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    z-index: -1
}

.meticulously-wrapper .bg-services img {
    width: 100%;
    height: auto;
    object-fit: contain;
    object-position: top center
}

.meticulously-wrapper .meticulously-icon {
    position: absolute;
    top: 26.042vw;
    left: -1.563vw;
    width: 49.375vw;
    max-width: 100%
}

.meticulously-wrapper .meticulously-icon img {
    width: auto;
    max-width: 100%
}

.meticulously-wrapper .meticulously-text {
    display: block;
    font-size: 2.344vw;
    font-weight: 200;
    line-height: 1;
    letter-spacing: -.104vw;
    margin: 1.563vw 0
}

.meticulously-wrapper .meticulously-title {
    display: block;
    font-size: 4.271vw;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -.208vw;
    margin: 1.563vw 0
}

.meticulously-wrapper .meticulously-title div {
    color: #ee674d;
    filter: saturate(1.25)
}

.main-focus-wrapper {
    position: relative;
    display: block;
    width: 100%;
    margin: 0;
    z-index: 2
}

.main-focus-wrapper:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0;
    background: linear-gradient(#f1f5f6 0, #fff 100%);
    width: 100%;
    height: 100%;
    z-index: -2
}

.main-focus-wrapper>img {
    position: absolute;
    bottom: 24.5vw;
    right: 0;
    width: 109vw;
    z-index: -2
}

.main-focus-wrapper .bg-main-focus {
    position: relative;
    width: 100%;
    margin-top: -20.833vw
}

.main-focus-wrapper .bg-main-focus img {
    width: 100%;
    height: auto;
    object-fit: contain;
    object-position: bottom center
}

.main-focus-wrapper .main-focus-block {
    display: block
}

.main-focus-wrapper .main-focus-text {
    display: block;
    font-size: 2.344vw;
    font-weight: 200;
    letter-spacing: -.104vw;
    margin: 1.042vw 0
}

.main-focus-wrapper .main-focus-title {
    display: block;
    font-size: 4.271vw;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -.208vw;
    margin: 1.042vw 0
}

.main-focus-wrapper .main-focus-title div {
    color: #ed674c;
    filter: saturate(1.25)
}

.main-focus-wrapper .main-focus-description {
    display: block;
    font-size: 2.4vw;
    font-weight: 200;
    line-height: 1.2;
    letter-spacing: -.15vw;
    margin: 1.042vw 0
}

.main-focus-wrapper .main-focus-description span {
    color: #ed674c;
    filter: saturate(1.25)
}

.meet-team-wrapper {
    position: relative;
    display: inline-block;
    width: 100%;
    background: linear-gradient(to bottom, #f1f5f6 0, #fff 100%);
    margin-top: -4vw;
    z-index: 3
}

.meet-team-wrapper .bg-meet-team {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0;
    width: 100%;
    z-index: -1
}

.meet-team-wrapper .bg-meet-team img {
    width: 100%;
    height: auto;
    object-fit: contain;
    object-position: top center
}

.meet-team-wrapper .meet-team-title {
    display: block;
    font-size: 3.802vw;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -.208vw;
    margin: 0 auto 3vw;
    text-align: center
}

.co-founder {
    display: block;
    margin: 2.604vw auto
}

.co-founder {
    display: flex;
    align-items: center;
    justify-content: end;
    width: 100%;
    min-height: 53.646vw
}

.co-founder:before {
    content: '';
    position: absolute;
    left: 0;
    background: url(../images/Mask-Group-29.png) center no-repeat;
    background-size: cover;
    width: 44.271vw;
    height: 53.906vw
}

.co-founder:last-of-type:before {
    left: auto;
    right: 0;
    transform: rotateY(180deg)
}

.co-founder .co-founder-text {
    display: block;
    font-size: 1.2vw;
    font-weight: 200;
    line-height: 1.2;
    letter-spacing: normal
}

.co-founder .co-founder-name {
    display: block;
    font-size: 1.979vw;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -.104vw;
    margin: 2.083vw 0 .521vw
}

.co-founder .co-founder-name img {
    width: 2.292vw
}

.co-founder .co-founder-title {
    display: block;
    font-size: 1.458vw;
    font-weight: 300;
    line-height: 1;
    letter-spacing: normal
}

.co-founder .co-founder-img {
    position: relative;
    display: block;
    width: 29.479vw;
    height: 39.323vw;
    max-width: 100%;
    border-radius: 3.698vw;
    margin: 0 auto;
    overflow: hidden
}

.co-founder .co-founder-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center
}

.team-members {
    position: relative;
    display: block
}

.team-member {
    position: relative;
    display: block;
    max-width: 100%;
    width: 18.854vw;
    height: 23.854vw;
    color: #fff;
    background: #f1f5f6;
    border-radius: .99vw;
    margin: 1.823vw auto;
    overflow: hidden;
    z-index: 1
}

.team-member.dark {
    background: #e4e9ea
}

.team-member.no-image {
    color: #444
}

.team-member .team-img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%
}

.team-member .team-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center
}

.team-member.no-image .team-img img {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%;
    object-fit: contain;
    object-position: center
}

.team-member .team-details {
    position: absolute;
    bottom: 1.302vw;
    left: 2.344vw
}

.team-member .team-details .team-name {
    display: block;
    font-size: 1.198vw;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -.052vw
}

.team-member .team-details .team-title {
    display: block;
    font-size: .833vw;
    font-weight: 300;
    line-height: 1;
    letter-spacing: normal;
    margin: .521vw auto
}

.team-member .team-details .team-icon {
    display: block;
    width: 2.083vw;
    height: 2.083vw;
    background: url(../images/TechGrowth_Floating_Icon.svg) center no-repeat;
    background-size: cover;
    border: none;
    border-radius: 50%;
    box-shadow: .052vw .417vw 2.188vw 0 #ee674d;
    filter: saturate(1.25)
}

.team-member.join-team .join-text {
    display: block;
    font-size: 2.865vw;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -.208vw
}

.team-member.join-team .join-text div {
    color: #ee674d;
    filter: saturate(1.25)
}

.team-member.join-team .join-btn {
    display: block;
    width: 4.844vw;
    height: 4.844vw;
    background: url(../images/TechGrowth_Floating_Icon.svg) center no-repeat;
    background-size: cover;
    border: none;
    border-radius: 50%;
    box-shadow: .052vw .417vw 2.188vw 0 #ee674d;
    margin: 1.302vw 0 4.167vw
}

.team-member.join-team:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    background: url("../images/Mask Group 45.png") center bottom no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    z-index: -1
}

.life-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 100vh;
    padding: 10vw 0 12vw;
    margin: 10vw 0;
    z-index: 1
}

.life-wrapper .bg-life {
    position: absolute;
    top: 0;
    right: 0;
    width: 45vw;
    z-index: -1;
    overflow: hidden
}

.life-wrapper .bg-life img {
    max-width: 100%;
    width: auto;
    height: auto;
    object-fit: contain
}

.life-wrapper .life-at-techgrowth {
    display: block;
    font-size: 3.281vw;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -.26vw
}

.life-wrapper .life-title {
    display: block;
    font-size: 5.833vw;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -.417vw;
    margin: 4vw 0 3vw
}

.life-wrapper .life-subtitle {
    display: block;
    font-size: 2.4vw;
    font-weight: 200;
    line-height: 1.2;
    letter-spacing: -.11vw;
    margin-bottom: 1.5vw
}

.life-wrapper .life-text {
    display: block;
    font-size: 1.146vw;
    font-weight: 200;
    line-height: 1.23;
    letter-spacing: -.052vw
}

.meet-clients {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 100vh;
    margin: 5vw 0;
    overflow: hidden;
    z-index: 1
}

.meet-clients .bg-meet-clients {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 52vw;
    z-index: -1
}

.meet-clients .bg-meet-clients img {
    max-width: 100%;
    width: auto;
    height: auto;
    object-fit: contain
}

.meet-clients .meet-clients-img {
    display: block;
    width: 100%;
    max-width: 32.396vw;
    margin: 0 auto 1.5vw;
    text-align: center
}

.meet-clients .meet-clients-img img {
    width: auto;
    max-width: 100%;
    filter: grayscale(1)
}

.meet-clients .meet-clients-title {
    display: block;
    font-size: 4.219vw;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -.313vw;
    margin-top: 4vw
}

.meet-clients .meet-clients-text {
    display: block;
    font-size: 1.25vw;
    font-weight: 200;
    line-height: 1.36;
    margin: 1.5vw 0
}

.portfolio-intro {
    position: relative;
    display: flex;
    align-items: center;
    height: calc(100vh - 6.667vw);
    z-index: 3
}

.portfolio-intro .bg-intro {
    position: absolute;
    top: 10%;
    right: 3.125vw;
    z-index: -2
}

.portfolio-intro .bg-intro img {
    width: 60.313vw;
    max-width: 100%;
    object-fit: contain
}

.portfolio-intro .bg-portfolio-intro {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 3.906vw;
    width: 47.865vw;
    z-index: -1
}

.portfolio-intro .bg-portfolio-intro img {
    width: auto;
    max-width: 100%;
    object-fit: contain
}

.portfolio-intro .intro-title {
    display: block;
    font-size: 5.417vw;
    font-weight: 700;
    line-height: .77;
    letter-spacing: -.417vw;
    margin-bottom: 2.604vw
}

.portfolio-intro .intro-subtitle {
    display: block;
    font-size: 3.802vw;
    font-weight: 700;
    line-height: .97;
    letter-spacing: -.208vw
}

.portfolio-intro .portfolio-tabs {
    position: absolute;
    bottom: 2vw
}

.portfolio-wrapper.portfolio-single {
    position: relative;
    display: block;
    width: 100%;
    background: #f1f5f6;
    border-radius: 0 0 29vw 0;
    margin-top: -16vw;
    padding-top: 16vw;
    padding-bottom: 5.208vw;
    margin-bottom: 5vw;
    overflow: hidden;
    z-index: 2
}

.portfolio-wrapper.portfolio-single .bg-services {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    z-index: -1
}

.portfolio-wrapper.portfolio-single .bg-services img {
    width: 100%;
    height: auto;
    object-fit: contain;
    object-position: top center
}

.portfolio-wrapper.portfolio-single .portfolio-icons {
    top: 25vw
}

.services-intro {
    position: relative;
    display: flex;
    align-items: center;
    padding-top: 8vw;
    padding-bottom: .5vw;
    z-index: 3
}

.services-intro .bg-intro {
    position: absolute;
    top: 10%;
    right: 3.125vw;
    z-index: -2
}

.services-intro .bg-intro img {
    width: 60.313vw;
    max-width: 100%;
    object-fit: contain
}

.services-intro .bg-services-intro {
    position: absolute;
    top: 0;
    right: 11.302vw;
    width: 34.194vw;
    z-index: -1
}

.services-intro .bg-services-intro img {
    width: auto;
    max-width: 100%;
    object-fit: contain
}

.services-intro .intro-title {
    display: block;
    font-size: 3.802vw;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -.208vw
}

.services-intro .intro-text {
    display: block;
    font-size: 2.292vw;
    font-weight: 200;
    line-height: 1.27;
    letter-spacing: -.104vw
}

.our-services-wrapper {
    position: relative;
    display: block;
    width: 100%;
    margin-top: -10vw;
    padding-top: 10vw;
    z-index: 2
}

.our-services-wrapper.marketing-block {
    padding-top: 12vw
}

.our-services-wrapper.technology-block {
    margin-top: -15vw
}

.our-services-wrapper:before {
    content: '';
    position: absolute;
    top: 25%;
    left: 0;
    right: 0;
    width: 100%;
    height: 50%;
    background: #f1f5f6;
    z-index: -1
}

.our-services-wrapper .bg-services {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    z-index: -1
}

.our-services-wrapper .bg-services img {
    width: 100%;
    height: auto;
    object-fit: contain;
    object-position: top center
}

.marketing-wrapper,
.technology-services,
.technology-wrapper {
    position: relative;
    display: block;
    margin: 0 auto;
    z-index: 1
}

.marketing-wrapper .marketing-title,
.technology-services .technology-title,
.technology-wrapper .technology-title {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    color: #fff;
    font-weight: 700;
    letter-spacing: -.07em;
    z-index: -1
}

.technology-wrapper .technology-title {
    top: 22%;
    font-size: 17.8125vw;
    line-height: 21.25vw;
    opacity: .13
}

.marketing-wrapper .marketing-title {
    top: 12vw;
    font-size: 20.417vw;
    line-height: 19.271vw;
    opacity: .13
}

.technology-services .technology-title {
    top: -6vw;
    font-size: 17.8125vw;
    line-height: 21.25vw;
    opacity: .47
}

.technology-services .technology-services-title {
    display: block;
    color: #444445;
    font-weight: 700;
    font-size: 2.135vw;
    letter-spacing: -.07em;
    line-height: 2.03125vw;
    margin: 2.4vw 0
}

.services-wrapper .technology-services.marketing-services {
    margin-top: 10vw;
    margin-bottom: -20vw;
    z-index: 5
}

.custom-m-t {
    margin-top: 10vw
}

.our-services {
    position: relative;
    display: block;
    width: 100%;
    margin-top: 5vw;
    padding-top: 15vw;
    padding-bottom: 12vw;
    background: url(../images/Mask-Group-13-2.png) top center no-repeat;
    background-size: cover;
    filter: saturate(1.5);
    z-index: 1
}

.our-services .our-services-title {
    display: block;
    font-size: 3.906vw;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -.3vw;
    color: #fff;
    margin: 0 auto 2vw;
    text-align: center
}

.service-block {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #fff;
    background: 0 0;
    border-radius: 4.4vw;
    width: 100%;
    padding: 2.76vw;
    margin: 2vw auto;
    transition: all .25s ease-in-out
}

.service-block:after {
    content: '';
    position: absolute;
    bottom: -25px;
    right: 40px;
    background: url("../images/Group 249.svg") center no-repeat;
    background-size: contain;
    width: 50px;
    height: 60px;
    opacity: 0;
    transition: all .25s ease-in-out
}

.service-block:hover {
    background: rgba(238, 103, 77, .5)
}

.service-block:hover:after {
    opacity: 1
}

.service-block .service-icon {
    display: inline-block;
    width: 40%;
    height: auto
}

.service-block .service-icon img {
    width: auto;
    max-width: 100%;
    object-fit: contain;
    filter: brightness(0) invert(1)
}

.service-block .service-details {
    display: inline-block;
    width: 53%
}

.service-block .service-details .service-title {
    display: block;
    font-size: 2.448vw;
    font-weight: 100;
    line-height: 1;
    letter-spacing: -.156vw;
    margin-bottom: 1.2vw
}

.service-block .service-details .service-title div {
    font-weight: 700
}

.service-block .service-details .service-description {
    display: block;
    font-size: 1.04vw;
    font-weight: 200;
    line-height: 1.23
}

.ask-consultation-wrapper {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 15vw 0;
    margin: -5vw auto -1vw;
    text-align: center;
    overflow: hidden;
    z-index: 1
}

.ask-consultation-wrapper>img:first-of-type {
    position: absolute;
    top: -30vw;
    right: -4vw;
    width: 102vw;
    z-index: -1
}

.ask-consultation-wrapper>img:nth-of-type(2) {
    position: absolute;
    bottom: -12%;
    right: -45vw;
    width: 100vw;
    z-index: -1
}

.ask-consultation-wrapper>img:nth-of-type(3) {
    position: absolute;
    top: 20%;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: auto;
    max-width: 85vw;
    z-index: -1
}

.ask-consultation-wrapper .ask-consultation-title {
    display: block;
    font-size: 5.833vw;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: -.417vw;
    margin-bottom: 5vw
}

.ask-consultation-wrapper .btn-primary {
    min-width: 20vw;
    min-height: 4.7vw
}

.ask-consultation-wrapper .btn-primary:before {
    width: 22vw;
    height: 7vw;
    top: -1.3vw
}

.careers-intro {
    position: relative;
    display: flex;
    align-items: center;
    min-height: calc(100vh - 6.667vw);
    z-index: 3;
    overflow: hidden
}

.careers-intro .bg-intro {
    position: absolute;
    top: 10%;
    right: 3.125vw;
    z-index: -2
}

.careers-intro .bg-intro img {
    width: 60.313vw;
    max-width: 100%;
    object-fit: contain
}

.careers-intro .bg-careers-intro {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 4.688vw;
    width: 64.479vw;
    z-index: -1
}

.careers-intro .bg-careers-intro img {
    width: auto;
    max-width: 100%;
    object-fit: contain
}

.careers-intro .intro-title {
    display: block;
    font-size: 5.417vw;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -.417vw
}

.careers-wrapper {
    position: relative;
    display: block;
    width: 100%;
    margin-top: -10vw;
    padding-top: 24vw;
    padding-bottom: 5vw;
    margin-bottom: 5vw;
    overflow: hidden;
    z-index: 2
}

.careers-wrapper:before {
    content: '';
    position: absolute;
    top: 45vw;
    left: 0;
    right: 0;
    margin: 0;
    background: linear-gradient(to bottom, #f1f5f6 0, #fff 100%);
    width: 100%;
    height: calc(100% - 45vw);
    z-index: -1
}

.careers-wrapper .bg-services {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    z-index: -2
}

.careers-wrapper .bg-services img {
    width: 100%;
    height: auto;
    object-fit: contain;
    object-position: top center
}

.not-hiring-block {
    position: relative;
    display: block;
    width: 100%;
    margin: 4vw auto;
    text-align: center
}

.not-hiring-block .not-hiring-title {
    display: block;
    font-size: 4.896vw;
    font-weight: 300;
    line-height: 1;
    letter-spacing: -.365vw
}

.not-hiring-block .not-hiring-text {
    display: block;
    font-size: 2.604vw;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.26;
    letter-spacing: -.19vw;
    margin-top: 4vw
}

.job-item {
    position: relative;
    display: block;
    width: 100%;
    margin: 4vw 0
}

.job-item .job-title {
    display: block;
    font-size: 2.604vw;
    font-weight: 300;
    line-height: 1;
    letter-spacing: -.208vw
}

.job-item .job-description {
    display: block;
    font-size: 1.875vw;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: -.156vw;
    margin-bottom: 1vw
}

.upload-wrapper {
    position: relative;
    display: block;
    background: #fff;
    border-radius: 3.854vw;
    padding: 3.125vw;
    margin: 0 auto;
    text-align: center
}

.upload-wrapper .upload-title {
    display: block;
    font-size: 2.344vw;
    font-weight: 300;
    text-align: initial;
    line-height: .93;
    letter-spacing: -.156vw;
    color: rgba(68, 68, 69, .5);
    vertical-align: middle
}

.upload-wrapper .dropzone {
    display: block;
    background-color: rgba(242, 245, 246, .25);
    border: .365vw dashed #f2f5f6;
    border-radius: 1.927vw;
    margin: 45px auto
}

.upload-wrapper .dropzone .dz-message {
    text-align: center;
    margin: 0
}

.upload-wrapper .dropzone .dropzone-icon {
    display: block;
    width: 100%;
    max-width: 18.23vw;
    margin: -.521vw auto
}

.upload-wrapper .dropzone .dropzone-icon img {
    width: auto;
    max-width: 100%
}

.upload-wrapper .dropzone .dropzone-drag-drop {
    display: block;
    font-size: 1.354vw;
    font-weight: 300;
    line-height: 1;
    letter-spacing: -.104vw;
    color: #444445
}

.upload-wrapper .dropzone .dropzone-drag-drop div {
    display: block;
    opacity: .5;
    margin: .365vw auto
}

.upload-wrapper .dropzone .dropzone-browse {
    display: block;
    font-size: 1.354vw;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: -.104vw;
    color: #ee674d;
    filter: saturate(1.25);
    margin-bottom: 1.563vw
}

.upload-modal .modal-content {
    background: 0 0;
    border: none
}

.contact-intro {
    position: relative;
    display: flex;
    align-items: center;
    min-height: auto;
    padding-bottom: 1vw;
    z-index: 3
}

.contact-intro .bg-intro {
    position: absolute;
    top: 10%;
    right: 3.125vw;
    z-index: -2
}

.contact-intro .bg-intro img {
    width: 60.313vw;
    max-width: 100%;
    object-fit: contain
}

.contact-intro .bg-contact-intro {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 25vw;
    margin: 0 auto
}

.contact-intro .bg-contact-intro img {
    width: auto;
    max-width: 100%;
    object-fit: contain
}

.contact-intro .intro-title {
    display: block;
    text-align: left;
    font-weight: 700;
    font-size: 3.59375vw;
    line-height: 3.59375vw;
    letter-spacing: -.07em;
    margin-bottom: 2.5vw
}

.contact-intro .working-hours {
    display: block;
    font-weight: 300;
    font-size: 2.03125vw;
    letter-spacing: -.07em;
    line-height: 1
}

.contact-intro .tel-number {
    display: block;
    font-weight: 300;
    font-size: 4.21875vw;
    line-height: 1;
    letter-spacing: -.07em;
    text-decoration: none !important;
    margin: 1.042vw 0
}

.contact-intro .tel-number span:first-of-type {
    font-weight: 100
}

.contact-intro .tel-number span:last-of-type {
    font-weight: 700;
    color: #ee674d;
    filter: saturate(1.25)
}

.contact-intro .whatsapp-block {
    display: block;
    margin-bottom: 1.563vw
}

.contact-intro .whatsapp-block .whatsapp-text {
    display: inline-block;
    font-weight: 100;
    font-size: 1.302vw;
    letter-spacing: -.07em;
    line-height: 1.198vw;
    vertical-align: middle
}

.contact-intro .whatsapp-block .whatsapp-text span {
    display: block
}

.contact-intro .whatsapp-block .whatsapp-icon {
    display: inline-block;
    width: 2.9vw;
    height: 2.9vw;
    object-fit: contain;
    margin: 0 .521vw;
    vertical-align: middle
}

.contact-intro .whatsapp-block .whatsapp-num {
    display: inline-block;
    color: #444445;
    font-size: 2.135vw;
    font-weight: 100;
    line-height: 1;
    letter-spacing: -.07em;
    text-decoration: none !important;
    vertical-align: middle
}

.contact-intro .whatsapp-block .whatsapp-num span {
    font-weight: 300
}

.contact-wrapper {
    position: relative;
    display: block;
    width: 100%;
    background: #f1f5f6;
    margin-top: -17vw;
    padding-top: 30vw;
    padding-bottom: 7vw;
    overflow: hidden;
    z-index: 2
}

.contact-wrapper .bg-services {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    z-index: -1
}

.contact-wrapper .bg-services img {
    width: 100%;
    height: auto;
    object-fit: contain;
    object-position: top center
}

.contact-btns {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    text-align: center;
    z-index: 2
}

.contact-btns .contact-btn {
    display: inline-flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: #fff;
    border-radius: 4.271vw;
    width: 22.292vw;
    height: 22.292vw;
    margin: 1.563vw;
    font-size: 2.604vw;
    font-weight: 300;
    line-height: 1;
    letter-spacing: -.208vw;
    transition: all .25s ease-in-out
}

.contact-btns .contact-btn.active,
.contact-btns .contact-btn:hover {
    color: #fff;
    background: #ee674d;
    filter: saturate(1.25)
}

.contact-btns .contact-btn img {
    width: auto;
    max-width: 100%;
    height: 10.677vw;
    object-fit: contain;
    margin-bottom: 2.604vw;
    transition: all .25s ease-in-out
}

.contact-btns .contact-btn img:last-of-type {
    display: none
}

.contact-btns .contact-btn.active img:first-of-type,
.contact-btns .contact-btn:hover img:first-of-type {
    display: none
}

.contact-btns .contact-btn.active img:last-of-type,
.contact-btns .contact-btn:hover img:last-of-type {
    display: block
}

.map-block {
    display: none;
    width: 100%;
    margin-top: -15vw
}

.map-block.show {
    display: block;
    z-index: -1
}

.map-block img {
    width: 100%;
    height: auto;
    object-fit: contain
}

.contact-wrapper .contact-form {
    margin-top: 10vw
}

.contact-wrapper+footer {
    padding-top: 0
}

.project-intro {
    position: relative;
    display: flex;
    align-items: center;
    min-height: calc(100vh - 6.667vw);
    z-index: 3;
    overflow: hidden
}

.project-intro .project-title {
    display: block;
    font-size: 3.802vw;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -.208vw
}

.project-intro .project-text {
    display: block;
    font-size: 1.771vw;
    font-weight: 200;
    line-height: 1.26;
    letter-spacing: -.104vw;
    margin-top: 4.167vw
}

.project-logo {
    display: none;
    width: 100%;
    max-width: 22vw;
    margin: 1.042vw auto;
    text-align: center
}

.project-logo img {
    width: auto;
    max-width: 100%;
    filter: none
}

.project-intro .project-logo {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    width: 100%;
    margin-bottom: 2.083vw;
    text-align: center
}

.project-intro .project-logo img {
    display: block;
    width: auto;
    max-width: 100%
}

.project-wrapper {
    position: relative;
    display: block;
    width: 100%;
    margin-top: -10vw;
    padding-top: 5vw;
    color: #fff;
    overflow: hidden;
    z-index: 2
}

.project-wrapper .bg-services {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    z-index: -2
}

.project-wrapper .bg-services img {
    width: 100%;
    height: auto;
    object-fit: contain;
    object-position: top center
}

.project-wrapper .bg-project {
    position: absolute;
    top: 26.042vw;
    left: 0;
    right: 0;
    margin: 0;
    width: 100%;
    height: auto;
    z-index: -1
}

.project-wrapper .bg-project img {
    width: 100%;
    height: auto;
    object-fit: contain;
    object-position: top center
}

.project-wrapper .project-img {
    display: block;
    width: 100%;
    max-width: 61.667vw;
    margin: 0 auto;
    text-align: center
}

.project-wrapper .project-img img {
    width: auto;
    max-width: 100%;
    filter: none
}

.project-wrapper .what-we-did-title {
    display: block;
    font-size: 4.427vw;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -.313vw;
    margin: 1.042vw auto
}

.project-wrapper .service-used {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    width: 100%;
    margin: 1.042vw auto
}

.project-wrapper .service-used .service-icon {
    display: inline-flex;
    align-items: flex-end;
    justify-content: flex-end;
    width: 10.417vw;
    height: 7.813vw;
    margin-right: 1.563vw
}

.project-wrapper .service-used .service-icon img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    filter: brightness(0) invert(1)
}

.project-wrapper .service-used .service-details {
    display: inline-block
}

.project-wrapper .service-used .service-details .service-title {
    display: block;
    font-size: 1.979vw;
    font-weight: 100;
    line-height: 1;
    letter-spacing: -.156vw
}

.project-wrapper .service-used .service-details .service-title div {
    font-weight: 700
}

.project-wrapper .what-we-did-text {
    display: block;
    font-size: 1.354vw;
    font-weight: 200;
    line-height: 1.29;
    margin: 2.604vw auto .604vw
}

.project-wrapper .what-we-did-img-wrapper {
    position: relative;
    display: block;
    margin-bottom: 5.208vw
}

.project-wrapper .what-we-did-img-wrapper>img:first-of-type {
    position: absolute;
    bottom: -10vw;
    right: -3vw;
    width: 100%;
    z-index: -2
}

.project-wrapper .what-we-did-img-wrapper>img:last-of-type {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 80%;
    z-index: -1
}

.project-wrapper .what-we-did-img {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    overflow: hidden;
    perspective: 1000px;
    perspective-origin: 50% 0
}

.project-wrapper .what-we-did-img img {
    width: 113%;
    margin-left: -5%;
    object-fit: contain;
    transform: rotateX(45deg);
    transform-style: preserve-3d;
    filter: none;
    transition: all 2s ease-in-out
}

.project-wrapper .what-we-did-img.active img {
    transform: rotateX(0)
}

.project-wrapper .what-we-did-img .target {
    position: absolute;
    top: 50%;
    width: 100%;
    height: 50%;
    z-index: -1
}

.project-sections {
    position: relative;
    display: block;
    overflow: hidden;
    z-index: 1
}

.project-sections>img {
    position: absolute;
    top: -14vw;
    left: -5vw;
    right: 0;
    width: 120%
}

.project-sections .project-section {
    position: relative;
    display: block;
    margin: 4vw auto;
    z-index: 1
}

.project-section .project-title {
    display: block;
    font-size: 3.073vw;
    font-weight: 700;
    line-height: 1.07;
    letter-spacing: -.156vw;
    z-index: 1
}

.project-section .project-title div {
    margin-bottom: 1.042vw
}

.project-section .project-text {
    display: block;
    font-size: 1.28vw;
    font-weight: 200;
    line-height: 1.22;
    letter-spacing: -.052vw;
    margin: 1.563vw 0
}

.project-section .project-img-wrapper {
    position: relative;
    display: block;
    width: 100%
}

.project-section .project-img-wrapper>img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
    object-fit: contain;
    z-index: -1
}

.project-section .project-img {
    position: relative;
    display: block;
    width: 100%;
    text-align: center;
    margin-bottom: 1.563vw;
    perspective: 1000px;
    perspective-origin: 50% 0
}

.project-section .project-img img {
    width: auto;
    max-width: 100%;
    object-fit: contain;
    transform: rotateY(45deg);
    transform-style: preserve-3d;
    filter: none;
    transition: all 2s ease-in-out
}

.project-section:nth-of-type(even) .project-img img {
    transform: rotateY(-45deg)
}

.project-section.active .project-img img {
    transform: rotateY(0)
}

.project-section.active .project-img .target {
    position: absolute;
    top: -10%;
    height: 50%
}

.project-screens {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    perspective: 1000px;
    perspective-origin: 50% 0;
    overflow: hidden;
    z-index: 1
}

.project-screens img {
    width: 125%;
    margin-left: -10%;
    object-fit: contain;
    transform: rotateX(45deg);
    transform-style: preserve-3d;
    filter: none;
    transition: all 2s ease-in-out
}

.project-screens.active img {
    transform: rotateX(0)
}

.project-screens .target {
    position: absolute;
    top: 50%;
    width: 100%;
    height: 50%;
    z-index: -1
}

.testimonial-wrapper {
    position: relative;
    display: block;
    background: url(../images/Mask-Group-13.png) 50% 70% no-repeat;
    background-size: cover;
    border-radius: 5.885vw;
    width: 100%;
    color: #fff;
    padding: 4.688vw;
    margin: 30px auto 80px;
    text-align: center
}

.testimonial-wrapper:before {
    content: 'Testimonial';
    position: absolute;
    top: 0;
    right: 0;
    font-size: 4.688vw;
    font-weight: 300;
    line-height: 1;
    letter-spacing: .156vw;
    color: #fff;
    opacity: .15
}

.testimonial-wrapper .testimonial-text {
    position: relative;
    display: block;
    font-size: 3.438vw;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.17;
    letter-spacing: -.26vw;
    padding: 3.125vw
}

.testimonial-wrapper .testimonial-text:after,
.testimonial-wrapper .testimonial-text:before {
    position: absolute;
    font-size: 8.594vw;
    font-weight: 700;
    line-height: 0;
    letter-spacing: -.469vw
}

.testimonial-wrapper .testimonial-text:before {
    content: '“';
    top: 3.125vw;
    left: 0
}

.testimonial-wrapper .testimonial-text:after {
    content: '”';
    top: 100%;
    right: 0
}

.testimonial-wrapper .testimonial-name {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 1.51vw;
    font-weight: 300;
    line-height: 1;
    letter-spacing: -.104vw
}

.testimonial-wrapper .testimonial-name img {
    display: inline-flex;
    width: 52px;
    height: 52px;
    object-fit: cover;
    object-position: center;
    background: #fff;
    border-radius: 50%;
    margin-right: 1.042vw
}

.clients-intro {
    position: relative;
    display: flex;
    align-items: center;
    min-height: calc(100vh - 6.667vw);
    z-index: 3
}

.clients-intro .bg-clients-intro {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 51.042vw;
    z-index: -1
}

.clients-intro .bg-clients-intro img {
    width: auto;
    max-width: 100%;
    object-fit: contain
}

.clients-intro .bg-intro {
    position: absolute;
    top: 10%;
    right: 3.125vw;
    z-index: -2
}

.clients-intro .bg-intro img {
    width: 60.313vw;
    max-width: 100%;
    object-fit: contain
}

.clients-intro .intro-title {
    display: block;
    font-size: 4.219vw;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -.313vw
}

.clients-intro .intro-title div {
    margin: .3vw 0
}

.clients-intro .intro-text {
    display: block;
    font-size: 1.2vw;
    font-weight: 200;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.36;
    letter-spacing: normal;
    margin-top: 1.563vw
}

.clients-intro .partners-block {
    position: relative
}

.clients-intro .partners-block .partners-title {
    position: absolute;
    top: 50%;
    left: -5.208vw;
    transform: translateY(-50%) rotate(-90deg);
    font-size: 1.302vw;
    font-weight: 100;
    font-stretch: normal;
    font-style: normal;
    line-height: .96;
    letter-spacing: -.104vw
}

.clients-single-wrapper {
    position: relative;
    display: block;
    width: 100%;
    margin-top: -10vw;
    padding-top: 20vw;
    margin-bottom: 5vw;
    z-index: 2
}

.clients-single-wrapper:before {
    content: '';
    position: absolute;
    top: 45vw;
    left: 0;
    right: 0;
    margin: 0;
    background: linear-gradient(#f1f5f6 0, #fff 100%);
    width: 100%;
    height: calc(100% - 45vw);
    z-index: -1
}

.clients-single-wrapper .bg-services {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    z-index: -2
}

.clients-single-wrapper .bg-services img {
    width: 100%;
    height: auto;
    object-fit: contain;
    object-position: top center
}

.clients-list {
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
    margin: 0 auto;
    text-align: center
}

.clients-list li {
    display: inline-block;
    margin: 0;
    width: 20%
}

.aws-intro,
.shopify-intro,
.vtex-intro {
    position: relative;
    display: flex;
    align-items: center;
    height: calc(100vh - 6.667vw);
    z-index: 3;
    overflow: hidden
}

.aws-intro .bg-aws-intro,
.shopify-intro .bg-shopify-intro,
.vtex-intro .bg-vtex-intro {
    position: absolute;
    top: 50%;
    right: 8.854vw;
    transform: translateY(-50%);
    z-index: -1
}

.aws-intro .bg-aws-intro {
    max-width: 41.667vw
}

.shopify-intro .bg-shopify-intro {
    max-width: 34.36vw
}

.vtex-intro .bg-vtex-intro {
    right: -9.896vw;
    max-width: 72.524vw
}

.aws-intro .bg-aws-intro img,
.shopify-intro .bg-shopify-intro img,
.vtex-intro .bg-vtex-intro img {
    width: auto;
    max-width: 100%;
    object-fit: contain
}

.aws-intro .intro-title,
.shopify-intro .intro-title,
.vtex-intro .intro-title {
    display: block;
    font-weight: 700;
    font-size: 2.53vw;
    line-height: 1;
    letter-spacing: -.135vw;
    margin: 1.042vw 0
}

.shopify-intro .intro-title,
.vtex-intro .intro-title {
    font-size: 2.917vw;
    letter-spacing: -.2vw
}

.aws-intro .intro-title span {
    color: #fd9900
}

.shopify-intro .intro-title span {
    color: #8db849
}

.vtex-intro .intro-title span {
    color: #f71963
}

.aws-intro .intro-text,
.shopify-intro .intro-text,
.vtex-intro .intro-text {
    display: block;
    font-weight: 200;
    line-height: 1.25
}

.aws-intro .intro-text {
    font-size: 1.385vw
}

.shopify-intro .intro-text,
.vtex-intro .intro-text {
    font-size: 1.1796875vw;
    margin-bottom: 4vw
}

.shopify-intro .intro-text {
    font-size: 1.1796875vw;
    margin-bottom: 4vw
}

.shopify-intro .intro-text-2 {
    display: flex;
    align-items: center;
    font-weight: 700;
    font-size: 1.51vw;
    letter-spacing: -.05em;
    line-height: 1.5vw;
    margin: 1.5vw auto 2.5vw
}

.shopify-intro .intro-text-2 span {
    font-size: 4.53125vw;
    margin-right: 1vw
}

.aws-customers-title,
.shopify-customers-title,
.vtex-customers-title {
    display: block;
    font-weight: 200;
    font-size: .917vw;
    line-height: 1.2;
    margin-top: 5.208vw
}

.aws-customers,
.shopify-customers,
.vtex-customers {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 0.78125vw;
    text-align: center;
}

.aws-customers,
.vtex-customers {
    flex-wrap: wrap;
}

.aws-customers li,
.shopify-customers li,
.vtex-customers li {
    display: inline-block;
    width: 20%;
    text-align: center
}

.aws-customers li {
    width: calc(100% / 6)
}

.aws-customers img,
.shopify-customers img,
.vtex-customers img {
    display: inline-block;
    max-width: 90%;
    object-fit: contain;
    object-position: center;
    filter: grayscale(1);
    margin: 0 auto;
    transition: all .25s ease-in-out
}

.aws-customers img:hover,
.shopify-customers img:hover,
.vtex-customers img:hover {
    filter: none
}

.aws-wrapper,
.shopify-wrapper,
.vtex-wrapper {
    position: relative;
    display: block;
    width: 100%;
    min-height: 100vh;
    margin-top: -10vw;
    padding-top: 21vw;
    overflow: hidden;
    z-index: 2
}

.aws-wrapper:before,
.shopify-wrapper:before,
.vtex-wrapper:before {
    content: '';
    position: absolute;
    top: 22.865vw;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
    height: calc(100% - 22.865vw);
    background: linear-gradient(rgba(255, 255, 255, 0) 0, #fff 50%);
    z-index: -1
}

.aws-wrapper .bg-services,
.shopify-wrapper .bg-services,
.vtex-wrapper .bg-services {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    width: 100%;
    height: auto;
    z-index: -3
}

.aws-wrapper .bg-services img,
.shopify-wrapper .bg-services img,
.vtex-wrapper .bg-services img {
    width: 100%;
    height: auto;
    object-fit: contain;
    object-position: top center
}

.aws-wrapper .logos-3,
.shopify-wrapper .logos-3,
.vtex-wrapper .logos-3 {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 6vw auto 0
}

.shopify-wrapper .logos-3 {
    margin: 10vw auto 0
}

.aws-wrapper .logos-3 .logo-tg,
.shopify-wrapper .logos-3 .logo-tg,
.vtex-wrapper .logos-3 .logo-tg {
    position: relative;
    width: 21.574vw;
    z-index: 1
}

.aws-wrapper .logos-3 .logo-powered,
.shopify-wrapper .logos-3 .logo-powered,
.vtex-wrapper .logos-3 .logo-powered {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 22.18vw
}

.aws-wrapper .logos-3 .logo-powered {
    width: 22.18vw
}

.shopify-wrapper .logos-3 .logo-powered {
    width: 33.236vw
}

.vtex-wrapper .logos-3 .logo-powered {
    width: 21.959vw
}

.aws-wrapper .logos-3 .logo-aws {
    position: relative;
    width: 13.734375vw;
    z-index: 1
}

.shopify-wrapper .logos-3 .logo-shopify {
    position: relative;
    width: 22.49vw;
    z-index: 1
}

.vtex-wrapper .logos-3 .logo-vtex {
    position: relative;
    width: 19.583vw;
    z-index: 1
}

.aws-wrapper .logos-3 .logo-aws img,
.aws-wrapper .logos-3 .logo-powered img,
.aws-wrapper .logos-3 .logo-tg img,
.shopify-wrapper .logos-3 .logo-powered img,
.shopify-wrapper .logos-3 .logo-shopify img,
.shopify-wrapper .logos-3 .logo-tg img,
.vtex-wrapper .logos-3 .logo-powered img,
.vtex-wrapper .logos-3 .logo-tg img,
.vtex-wrapper .logos-3 .logo-vtex img {
    width: 100%;
    object-fit: contain;
    z-index: 1;
    transition: all .25s ease-in-out
}

.shopify-logo {
    display: block;
    width: 100%
}

.shopify-logo img {
    width: 100%;
    height: auto
}

.aws-logo {
    display: block;
    width: 100%;
    text-align: center;
    margin: -10vw auto -12vw;
    overflow: hidden
}

.aws-logo img {
    width: 179.985vw;
    height: auto;
    text-align: center;
    margin: 0 -36.667vw
}

.about-aws,
.about-shopify,
.about-vtex {
    position: relative;
    display: block;
    text-align: center;
    padding: 7.8125vw 0 2.604vw;
    margin: 9vw auto 0;
    z-index: 2
}

.about-vtex {
    margin: 0 auto
}

.about-vtex.about-vtex2 {
    padding: 0;
    margin: 9vw auto 0
}

.about-aws:before,
.about-shopify:before,
.about-vtex:before {
    content: '';
    position: absolute;
    top: 15.6vw;
    left: -26.302vw;
    background: url("../images/Group 66.svg") center no-repeat;
    background-size: cover;
    width: 41.696vw;
    height: 28.49vw
}

.about-aws:after,
.about-shopify:after,
.about-vtex:after {
    content: '';
    position: absolute;
    top: 0;
    right: -7.8125vw;
    background: url("../images/Group 64.svg") center no-repeat;
    background-size: cover;
    width: 19.427vw;
    height: 20.885vw
}

.about-vtex.about-vtex2:after,
.about-vtex.about-vtex2:before {
    display: none
}

.about-aws .about-aws-title,
.about-shopify .about-shopify-title,
.about-vtex .about-vtex-title {
    display: block;
    font-weight: 700;
    font-size: 6.146vw;
    letter-spacing: -.05em;
    line-height: 6.25vw;
    margin-bottom: .8vw
}

.about-aws .about-aws-text,
.about-shopify .about-shopify-text,
.about-vtex .about-vtex-text {
    display: block;
    font-weight: 200;
    font-size: 1.232vw;
    line-height: 1.468vw
}

.about-vtex .about-vtex-text {
    margin-bottom: 2vw;
    text-align: initial
}

.about-vtex.about-vtex2 .about-vtex-text {
    margin-bottom: 3.125vw
}

.services-provided-wrapper {
    position: relative;
    display: block;
    padding: 9vw 0;
    z-index: 1
}

.services-provided-wrapper.shopify-bg {
    padding: 20vw 0 10vw
}

.services-provided-wrapper.vtex-bg {
    padding: 25vw 0 5vw
}

.services-provided-wrapper:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    background: url(../images/Group-6728.png) center no-repeat;
    background-size: cover;
    width: 100%;
    height: 68.4375vw;
    z-index: -2
}

.services-provided-wrapper.shopify-bg:before {
    background: url(../images/Group-6690.png) center no-repeat;
    background-size: cover;
    height: 68.28125vw;
    z-index: -2
}

.services-provided-wrapper.vtex-bg:before {
    background: url(../images/Group-6593.png) center no-repeat;
    background-size: cover;
    height: 68.28125vw;
    z-index: -2
}

.shopify-bg-img,
.vtex-bg-img {
    display: block;
    width: 100%
}

.shopify-bg-img img {
    width: 100%
}

.vtex-bg-img img {
    width: 28.90625vw;
    max-width: 100%;
    margin-top: -5vw
}

.services-provided-wrapper .services-provided {
    display: block;
    color: #fff;
    font-weight: 700;
    font-size: 3.021vw;
    letter-spacing: -.04em;
    line-height: 3.28125vw
}

.services-provided-wrapper.shopify-bg .services-provided {
    margin-top: 5vw
}

.services-provided-wrapper.vtex-bg .services-provided span {
    color: #ffdef0
}

.services-provided-wrapper .services-provided-by {
    display: block;
    color: #fff;
    font-weight: 200;
    font-size: 4.115vw;
    letter-spacing: -.03em;
    line-height: 4.792vw;
    margin: .2vw 0 .5vw
}

.services-provided-wrapper .services-provided-by span {
    font-weight: 700
}

.services-provided-wrapper .services-provided-text {
    display: block;
    color: #fff;
    font-weight: 300;
    font-size: 1.6484375vw;
    letter-spacing: -.01em;
    line-height: 1.885vw
}

.services-provided-wrapper .services-provided-text span {
    font-weight: 500
}

.service-provided-item {
    position: relative;
    display: block;
    width: 16.51vw;
    max-width: 100%;
    height: 13.59375vw;
    border-radius: 2.03125vw;
    box-shadow: 0 1.71875vw 5.15625vw 0 rgba(84, 92, 95, .17);
    background-color: #fff;
    padding: 2.604vw 0 2.083vw;
    margin: 2.083vw auto;
    text-align: center
}

.service-provided-item .service-provided-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 4.167vw;
    height: 4.167vw;
    margin: 0 auto 1.5625vw
}

.service-provided-item .service-provided-icon img {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%;
    object-fit: contain
}

.service-provided-item .service-provided-title {
    display: block;
    color: #647978;
    font-weight: 500;
    font-size: 1.302vw;
    line-height: 1.3;
    letter-spacing: -.069vw
}

.aws-service-wrapper,
.shopify-service-wrapper,
.vtex-service-wrapper {
    position: relative;
    display: block
}

.aws-service-wrapper:before,
.shopify-service-wrapper:before,
.vtex-service-wrapper:before {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    background: url(../images/Clients_BG.svg)
}

.use-aws-services {
    display: block;
    font-weight: 700;
    font-size: 3.333vw;
    line-height: 1.03;
    letter-spacing: -.1765625vw;
    margin: 10vw auto 0;
    text-align: center
}

.use-shopify-services,
.use-vtex-services {
    display: block;
    font-weight: 200;
    font-size: 3.021vw;
    letter-spacing: -.05em;
    line-height: 3.073vw;
    margin: 2vw auto 0
}

.use-vtex-services {
    margin: 0 auto
}

.aws-service,
.shopify-service,
.vtex-service {
    position: relative;
    align-items: center;
    margin: 3vw auto
}

.aws-service.reversed,
.shopify-service.reversed,
.vtex-service.reversed {
    flex-flow: row-reverse
}

.aws-service .aws-service-icon,
.shopify-service .shopify-service-icon,
.vtex-service .vtex-service-icon {
    display: block;
    width: 100%;
    max-width: 20vw;
    margin: 0 auto;
    text-align: center
}

.shopify-service .shopify-service-icon,
.vtex-service .vtex-service-icon {
    max-width: none
}

.aws-service .aws-service-icon img,
.shopify-service .shopify-service-icon img,
.vtex-service .vtex-service-icon img {
    width: auto;
    max-width: 100%;
    object-fit: contain
}

.aws-service .aws-service-amazon,
.shopify-service .shopify-service-amazon,
.vtex-service .vtex-service-amazon {
    display: block;
    line-height: 1.03;
    font-weight: 700;
    font-size: 2.448vw;
    letter-spacing: -.1296875vw
}

.aws-service .aws-service-title,
.shopify-service .shopify-service-title,
.vtex-service .vtex-service-title {
    display: block;
    line-height: 1.03;
    font-weight: 700;
    font-size: 3.333vw;
    letter-spacing: -.1765625vw
}

.aws-service .aws-service-abbr,
.shopify-service .shopify-service-abbr,
.vtex-service .vtex-service-abbr {
    display: block;
    line-height: 1.2;
    font-weight: 700;
    font-size: 4.792vw;
    letter-spacing: -.254vw
}

.aws-service .aws-service-abbr {
    color: #f90
}

.shopify-service .shopify-service-abbr {
    color: #8db849;
    margin-bottom: 1vw;
    background: -webkit-linear-gradient(-45deg, #8db849 90%, #db7055 100%);
    background: linear-gradient(-45deg, #8db849 90%, #db7055 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    opacity: .84
}

.vtex-service .vtex-service-abbr {
    color: #f71963;
    margin-bottom: 1vw
}

.aws-service .aws-service-text,
.shopify-service .shopify-service-text,
.vtex-service .vtex-service-text {
    display: block;
    line-height: 1.19;
    font-weight: 200;
    font-size: 1.229vw;
    margin-top: 1vw
}

.aws-service .aws-service-text span,
.shopify-service .shopify-service-text span,
.vtex-service .vtex-service-text span {
    font-weight: 400
}

.aws-clients-wrapper,
.shopify-clients-wrapper,
.vtex-clients-wrapper {
    position: relative;
    display: block;
    margin: 15vw auto
}

.aws-clients-wrapper .bg-clients,
.shopify-clients-wrapper .bg-clients,
.vtex-clients-wrapper .bg-clients {
    position: absolute;
    top: -38vw;
    right: 0;
    width: 115.3125vw;
    z-index: -2
}

.aws-clients-wrapper .bg-clients img,
.shopify-clients-wrapper .bg-clients img,
.vtex-clients-wrapper .bg-clients img {
    width: 100%;
    height: auto;
    object-fit: contain
}

.aws-clients-title,
.shopify-clients-title,
.vtex-clients-title {
    display: block;
    font-weight: 700;
    font-size: 3.333vw;
    letter-spacing: -.05em;
    line-height: 3.4375vw;
    margin: 0 auto 4vw;
    text-align: center
}

.aws-clients,
.shopify-clients,
.vtex-clients {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.aws-clients,
.vtex-clients {
    flex-wrap: wrap;
}

.aws-clients li,
.shopify-clients li,
.vtex-clients li {
    display: inline-flex;
    width: 20%;
    text-align: center;
    vertical-align: middle
}

.aws-clients li {
    width: calc(100% / 6)
}

.aws-clients img,
.shopify-clients img,
.vtex-clients img {
    display: inline-block;
    max-width: 80%;
    object-fit: contain;
    object-position: center;
    filter: grayscale(1);
    margin: 0 auto;
    transition: all .25s ease-in-out
}

.aws-clients img:hover,
.shopify-clients img:hover,
.vtex-clients img:hover {
    filter: none
}

.marketing-intro {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 25vw;
    z-index: 3
}

.marketing-intro .bg-intro {
    position: absolute;
    top: 10%;
    right: 3.125vw;
    z-index: -2
}

.marketing-intro .bg-intro img {
    width: 60.313vw;
    max-width: 100%;
    object-fit: contain
}

.marketing-intro .bg-marketing-intro {
    position: absolute;
    top: 0;
    right: -6vw;
    width: 68.385vw;
    z-index: -1
}

.marketing-intro .bg-marketing-intro img {
    width: 100%;
    object-fit: contain
}

.marketing-intro .intro-title {
    display: block;
    color: #444;
    font-weight: 700;
    font-size: 3.59375vw;
    letter-spacing: -.07em;
    line-height: 1.1
}

.marketing-intro .intro-title .that-can {
    display: inline-block;
    font-weight: 400;
    font-size: 3.177vw;
    letter-spacing: -.07em
}

.content-wrapper {
    position: relative;
    display: block;
    font-weight: 600;
    font-size: 2.708vw;
    letter-spacing: -.07em;
    line-height: 4.2vw;
    color: #fd653e;
    margin: 1vw auto
}

.content__container {
    position: relative;
    height: 4.2vw;
    padding: 0;
    overflow: hidden
}

.marketing-intro .content-wrapper img {
    position: absolute;
    left: -4vw;
    display: inline-block;
    width: 4.2vw;
    height: 4.2vw;
    object-fit: contain;
    object-position: center
}

.content__container__list {
    list-style: none;
    -webkit-animation-name: change;
    -webkit-animation-duration: 10s;
    -webkit-animation-iteration-count: infinite;
    animation-name: change;
    animation-duration: 10s;
    animation-iteration-count: infinite
}

.content__container__list__item {
    display: flex;
    align-items: center;
    margin: 0
}

@-webkit-keyframes opacity {

    0%,
    100% {
        opacity: 0
    }

    50% {
        opacity: 1
    }
}

@-webkit-keyframes change {

    0%,
    100%,
    12.66% {
        transform: translate3d(0, 0, 0)
    }

    16.66%,
    29.32% {
        transform: translate3d(0, -25%, 0)
    }

    33.32%,
    45.98% {
        transform: translate3d(0, -50%, 0)
    }

    49.98%,
    62.64% {
        transform: translate3d(0, -75%, 0)
    }

    66.64%,
    79.3% {
        transform: translate3d(0, -50%, 0)
    }

    83.3%,
    95.96% {
        transform: translate3d(0, -25%, 0)
    }
}

@keyframes opacity {

    0%,
    100% {
        opacity: 0
    }

    50% {
        opacity: 1
    }
}

@keyframes change {

    0%,
    100%,
    12.66% {
        transform: translate3d(0, 0, 0)
    }

    16.66%,
    29.32% {
        transform: translate3d(0, -25%, 0)
    }

    33.32%,
    45.98% {
        transform: translate3d(0, -50%, 0)
    }

    49.98%,
    62.64% {
        transform: translate3d(0, -75%, 0)
    }

    66.64%,
    79.3% {
        transform: translate3d(0, -50%, 0)
    }

    83.3%,
    95.96% {
        transform: translate3d(0, -25%, 0)
    }
}

.marketing-intro .intro-text {
    display: block;
    color: #444;
    font-weight: 300;
    font-size: 1.271875vw;
    letter-spacing: -.05em
}

.marketing-service-name {
    position: relative;
    display: flex;
    align-items: center;
    color: #444;
    font-weight: 500;
    font-size: 2.96875vw;
    letter-spacing: -.07em;
    line-height: 2.96875vw
}

.marketing-service-name img {
    height: 4.885vw;
    margin-right: 1.09375vw;
    filter: saturate(1.25)
}

.marketing-service-title {
    position: relative;
    display: block;
    color: #fd653e;
    font-weight: 700;
    font-size: 3vw;
    letter-spacing: -.05em;
    line-height: 2.96875vw;
    margin: 2.5vw auto
}

.marketing-service-text {
    position: relative;
    display: block;
    font-size: 1.2vw;
    font-weight: 200;
    line-height: 1.2;
    margin-bottom: .75vw
}

.marketing-service-text+.btn-primary {
    margin-top: 1.5vw
}

.branding-services {
    position: relative;
    display: block;
    min-height: 41.667vw;
    padding-top: 6vw;
    margin-top: 4vw;
    z-index: 3
}

.branding-services .branding-services-icon {
    position: absolute;
    top: 2vw;
    left: -2.5vw;
    width: 52vw;
    z-index: -1
}

.branding-services .branding-services-icon img {
    width: auto;
    max-width: 100%
}

.social-media-wrapper {
    position: relative;
    display: block;
    padding-top: 6vw;
    margin-top: 5vw;
    z-index: 1
}

.social-media-wrapper .social-media-icon {
    position: absolute;
    top: 0;
    right: 0;
    width: 52.5vw;
    z-index: -1
}

.social-media-wrapper .social-media-icon img {
    width: auto;
    max-width: 100%
}

.social-media-wrapper .bg-social-media {
    position: absolute;
    top: -30vw;
    left: 0;
    right: 0;
    width: 100%;
    height: auto;
    z-index: -2
}

.social-media-wrapper .bg-social-media img {
    width: 100%;
    height: auto;
    object-fit: cover
}

.digital-marketing-wrapper {
    position: relative;
    display: block;
    padding-bottom: 2vw;
    z-index: 2;
    overflow: hidden;
    margin-top: 20vw;
    padding-top: 7vw
}

.digital-marketing-wrapper .digital-marketing-icon {
    position: absolute;
    top: 0;
    left: -12.083vw;
    width: 65.877vw;
    z-index: -1
}

.digital-marketing-wrapper .digital-marketing-icon img {
    width: auto;
    max-width: 100%
}

.websites-development {
    position: relative;
    display: block;
    margin-top: 0;
    padding-top: 6vw;
    padding-bottom: 26vw;
    z-index: 1
}

.websites-development .websites-development-icon {
    position: absolute;
    top: 6vw;
    left: 0;
    width: 52.34375vw;
    z-index: 1
}

.websites-development .websites-development-icon img {
    width: auto;
    max-width: 100%
}

.websites-development .bg-websites-development {
    position: absolute;
    top: -21vw;
    left: 0;
    right: 0;
    margin: 0;
    width: 100%;
    z-index: -1
}

.websites-development .bg-websites-development img {
    width: 100%
}

.ui-design {
    position: relative;
    display: block;
    margin-top: -12vw;
    padding-top: 6vw;
    z-index: 1
}

.ui-design .ui-design-icon {
    position: absolute;
    top: 0;
    right: 1vw;
    width: 51.64vw;
    z-index: 1
}

.ui-design .ui-design-icon img {
    width: auto;
    max-width: 100%
}

.mobile-development {
    position: relative;
    display: block;
    margin-top: 6vw;
    padding-top: 6vw;
    padding-bottom: 5vw;
    z-index: 1
}

.mobile-development .mobile-development-icon {
    position: absolute;
    top: 4vw;
    left: 12.34375vw;
    width: 36.71875vw;
    z-index: 1
}

.mobile-development .mobile-development-icon img {
    width: auto;
    max-width: 100%
}

.mobile-development .bg-mobile-development {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
    height: 57vw;
    z-index: -1
}

.mobile-development .bg-mobile-development:after,
.mobile-development .bg-mobile-development:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 44.21875vw;
    z-index: 1
}

.mobile-development .bg-mobile-development:before {
    bottom: 7vw;
    background: linear-gradient(to bottom, #fff 0, rgba(255, 255, 255, 0) 100%)
}

.mobile-development .bg-mobile-development:after {
    top: 20vw;
    background: linear-gradient(to top, #fff 0, rgba(255, 255, 255, 0) 100%)
}

.mobile-development .bg-mobile-development img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.mobile-development>img {
    position: absolute;
    top: 6vw;
    left: -4vw;
    right: 0;
    margin: 0 auto;
    width: 110%;
    z-index: -1
}

.maintenance-services {
    position: relative;
    display: block;
    margin-top: 8vw;
    margin-bottom: 8vw;
    padding-top: 8vw;
    z-index: 1;
    overflow: hidden
}

.maintenance-services .maintenance-services-icon {
    position: absolute;
    top: 4vw;
    right: 6.458vw;
    width: 40.104vw;
    z-index: 1
}

.maintenance-services .maintenance-services-icon img {
    width: auto;
    max-width: 100%
}

.service-trusted-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 2vw
}

.service-trusted-wrapper .service-trusted-title {
    display: block;
    color: #82939a;
    font-weight: 500;
    font-size: .677vw;
    line-height: .833vw;
    margin-bottom: .4vw
}

.service-trusted-wrapper .service-trusted-text {
    display: block;
    font-weight: 500;
    font-size: .521vw;
    line-height: .625vw
}

.service-trusted-wrapper .service-trusted-text a {
    color: #fd653e
}

.service-trusted-wrapper .service-trusted-logos {
    padding-left: .5vw
}

.service-trusted-wrapper .service-trusted-logos img {
    width: 6vw;
    height: 6vw;
    object-fit: contain;
    object-position: center;
    margin: .5vw 0 .5vw .5vw
}

.perfect-mix {
    position: relative;
    display: block;
    text-align: center;
    padding: 8vw 0 25vw;
    margin: 0;
    z-index: 1;
    overflow: hidden
}

.perfect-mix .logo {
    position: relative;
    display: block;
    width: auto;
    margin-bottom: 2vw
}

.perfect-mix .logo img {
    width: auto
}

.perfect-mix .perfect-mix-of {
    display: block;
    font-size: 4.375vw;
    letter-spacing: -.07em;
    line-height: 4.375vw
}

.perfect-mix .perfect-mix-design {
    display: block;
    color: #fd653e;
    font-weight: 700;
    font-size: 12.552vw;
    letter-spacing: -.07em
}

.ml4 {
    position: relative;
    font-weight: 700;
    font-size: 12.552vw;
    letter-spacing: -.07em
}

.ml4 .letters {
    position: absolute;
    margin: auto;
    left: 0;
    top: 0;
    right: 0;
    opacity: 0
}

.perfect-mix .bg-perfect-mix {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
    height: 57vw;
    z-index: -1
}

.perfect-mix .bg-perfect-mix:after,
.perfect-mix .bg-perfect-mix:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 44.21875vw;
    z-index: 1
}

.perfect-mix .bg-perfect-mix:before {
    bottom: 7vw;
    background: linear-gradient(to bottom, #fff 0, rgba(255, 255, 255, 0) 100%)
}

.perfect-mix .bg-perfect-mix:after {
    top: 20vw;
    background: linear-gradient(to top, #fff 0, rgba(255, 255, 255, 0) 100%)
}

.perfect-mix .bg-perfect-mix img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.perfect-mix>img {
    position: absolute;
    top: 40%;
    left: -4vw;
    right: 0;
    margin: 0 auto;
    width: 110%;
    z-index: -9
}

.growth-journey {
    position: relative;
    display: block;
    padding-top: 15vw;
    padding-bottom: 20vw;
    text-align: center;
    z-index: 1;
    overflow: hidden
}

.growth-journey .growth-journey-title {
    display: block;
    font-weight: 700;
    font-size: 3.958vw;
    letter-spacing: -.07em;
    line-height: 3.958vw;
    margin-bottom: 3.23vw
}

.growth-journey>img:first-of-type {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    width: 84.346vw;
    z-index: -1
}

.growth-journey>img:last-of-type {
    position: absolute;
    bottom: -3vw;
    right: -45vw;
    width: 100.786vw;
    z-index: -1
}

footer {
    position: relative;
    display: block;
    width: 100%;
    background: #f2f5f6;
    padding-top: 9.5vw;
    margin: 0;
    z-index: 5;
    overflow: hidden
}

footer:before {
    content: '';
    position: absolute;
    top: 22%;
    right: -8%;
    background: url("../images/Group 116-2.svg") center no-repeat;
    background-size: contain;
    width: 76.146vw;
    height: 89.688vw;
    z-index: -1;
    filter: brightness(0) invert(1)
}

footer .bg-footer {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
    height: auto;
    overflow: hidden;
    z-index: -2
}

footer .bg-footer img {
    width: 100%;
    height: auto;
    object-fit: cover
}

footer .g-icon {
    display: block;
    width: 100%;
    margin: -2.083vw 0 0
}

footer .g-icon img {
    width: auto;
    max-width: 100%
}

.footer-title {
    display: flex;
    align-items: center;
    margin-bottom: 3.438vw
}

.footer-title .contact-icon {
    margin-right: 1.563vw;
    height: 7.292vw
}

.footer-title .contact-icon img {
    width: auto;
    height: auto;
    max-height: 100%;
    object-fit: contain
}

.footer-title .contact-title {
    font-size: 3.385vw;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -.26vw
}

footer .working-hours {
    display: block;
    font-size: 1.771vw;
    font-weight: 300;
    line-height: 1;
    letter-spacing: -.104vw
}

footer .tel-number {
    display: block;
    font-weight: 300;
    font-size: 2.5vw;
    line-height: 1;
    letter-spacing: -.156vw;
    text-decoration: none !important;
    margin: .521vw 0 1.042vw
}

footer .tel-number span:first-of-type {
    font-weight: 100
}

footer .tel-number span:last-of-type {
    font-weight: 700;
    color: #ee674d;
    filter: saturate(1.25)
}

footer .location-block img {
    height: 6.25vw
}

footer .location-block .location-title {
    font-size: 2.604vw;
    font-weight: 100;
    line-height: 1;
    letter-spacing: -.208vw;
    margin-bottom: .781vw
}

footer .location-block .location-text {
    font-size: 1.094vw;
    font-weight: 100;
    line-height: 1;
    letter-spacing: -.052vw;
    margin-bottom: .521vw
}

footer .whatsapp-block {
    display: block;
    margin-bottom: 1.563vw
}

footer .whatsapp-block .whatsapp-text {
    display: inline-block;
    font-size: 1.042vw;
    font-weight: 100;
    line-height: 1;
    letter-spacing: -.052vw;
    vertical-align: middle
}

footer .whatsapp-block .whatsapp-text span {
    display: block
}

footer .whatsapp-block .whatsapp-icon {
    display: inline-block;
    width: 2.604vw;
    height: 2.604vw;
    object-fit: contain;
    margin: 0 .521vw;
    vertical-align: middle
}

footer .whatsapp-block .whatsapp-num {
    display: inline-block;
    color: #444445;
    font-size: 1.771vw;
    font-weight: 100;
    line-height: 1;
    letter-spacing: -.156vw;
    text-decoration: none !important;
    vertical-align: middle
}

footer .whatsapp-block .whatsapp-num span {
    font-weight: 300
}

.subscribe-block {
    position: relative;
    display: block;
    margin: 1.563vw auto -.5vw;
    transition: all .25s ease-in-out
}

.subscribe-block .subscribe-title {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-weight: 700;
    font-size: 1.8vw
}

.subscribe-block .subscribe-title img {
    width: 2.604vw;
    margin-right: 1vw
}

.subscribe-block .subscribe-title img.subscribed-icon {
    display: inline-block
}

.subscribe-block.subscribed .subscribe-title img.subscribed-icon {
    display: none
}

.subscribe-block .subscribe-title img.unsubscribed-icon {
    display: none
}

.subscribe-block.subscribed .subscribe-title img.unsubscribed-icon {
    display: inline-block
}

.subscribe-block .subscribe-confirm {
    display: none;
    font-size: 1vw;
    margin-top: .5vw
}

.subscribe-block.subscribed .subscribe-confirm {
    display: block
}

.subscribe-block .subscribe-confirm span {
    font-weight: 600
}

.subscribe-block .btn-unsubscribe {
    display: block;
    color: #ee674d;
    filter: saturate(1.25);
    font-weight: 400;
    text-decoration: underline
}

.contact-form {
    position: relative;
    display: block;
    margin: 1.563vw auto 2.604vw;
    transition: all .25s ease-in-out
}

.contact-form.subscribed {
    display: none
}

.contact-form .form-group .form-control {
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 1.927vw;
    box-shadow: none;
    font-size: 1.51vw;
    font-weight: 300;
    line-height: 1;
    letter-spacing: -.104vw;
    padding-left: 2.344vw;
    padding-right: 2.344vw;
    min-height: 3.802vw;
    color: #444445;
    transition: all .25s ease-in-out
}

.modal .contact-form .form-group .form-control {
    background-color: #efefef
}

.contact-form .form-group textarea.form-control {
    padding-top: 15px
}

.contact-form .form-group .form-control::placeholder {
    color: #444445;
    opacity: .5
}

.contact-form .form-group .form-control:focus {
    border: 1px solid #ee674d;
    outline: 0
}

.contact-form .form-group select:not([multiple]) {
    background-position: calc(100% - 2.083vw) 50%;
    background-repeat: no-repeat;
    background-image: url("../images/Polygon 1.svg");
    background-size: 1.458vw 1.25vw;
    padding-right: 3.125vw;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer
}

.contact-form .btn-close {
    display: inline-block;
    background: url(../images/close.svg) center no-repeat;
    background-size: contain;
    width: 2.5vw;
    height: 2.5vw;
    border-radius: 50%;
    border: none !important;
    box-shadow: none !important;
    padding: 0;
    margin-right: 1.563vw;
    vertical-align: middle
}

footer .footer-list {
    position: relative;
    display: block;
    margin: 1.042vw 0 0;
    text-align: right
}

footer .footer-list li {
    display: inline-block;
    margin: .521vw .521vw 0 0
}

footer .footer-list li:last-of-type {
    margin-right: 0
}

footer .footer-list li a {
    font-size: 1.302vw;
    font-weight: 300;
    line-height: 1;
    letter-spacing: -.104vw;
    text-decoration: none !important;
    color: #8d8d8d;
    transition: all .25s ease-in-out
}

footer .footer-list li.active a {
    font-weight: 600
}

footer .copyrights {
    display: inline-block;
    width: 100%;
    padding: .521vw 0;
    margin-top: 3.906vw;
    font-size: 1.302vw;
    font-weight: 100;
    line-height: 1;
    letter-spacing: -.104vw
}

footer .copyrights .logo {
    display: inline-block;
    margin: 0 1.823vw 0 0
}

footer .copyrights .made-with {
    float: right
}

footer .copyrights .made-with i {
    margin: 0 5px
}

.socials {
    display: block;
    margin: .521vw auto;
    text-align: right
}

.socials a {
    text-decoration: none !important;
    vertical-align: middle
}

.socials span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3.333vw;
    height: 3.333vw;
    font-size: 2.292vw;
    color: #8d8d8d;
    background: 0 0;
    border-radius: 50%;
    margin: 0 .26vw;
    text-align: center;
    transition: all .25s ease-in-out
}

.socials span:hover {
    transform: rotate(360deg);
    color: #fff !important
}

.socials .fa-facebook:hover {
    background: #4267b2 !important
}

.socials .fa-instagram:hover {
    background: linear-gradient(to left top, #fd5949, #d6249f, #285aeb)
}

.socials .fa-twitter:hover {
    background: #55acee !important
}

.socials .fa-linkedin:hover {
    background: #0077b5 !important
}

.socials .fa-youtube:hover {
    background: red !important
}

.socials .fa-snapchat-ghost:hover {
    background: #fffc00 !important;
    color: #000 !important
}

.socials .fa-behance:hover {
    background: #053eff !important
}

#floatingBtn {
    position: fixed;
    bottom: 1.042vw;
    right: 1.563vw;
    background: url("../images/Group 6653.svg") center no-repeat;
    background-size: cover;
    width: 5.3125vw;
    height: 6.198vw;
    border: none;
    box-shadow: none;
    filter: drop-shadow(.052vw .417vw 2.188vw #ee674d);
    color: #fff !important;
    text-align: center;
    text-decoration: none !important;
    font-size: .677vw;
    letter-spacing: -.05em;
    line-height: .8vw;
    padding: 3.6vw 0 0;
    display: none;
    z-index: 99
}

#floatingBtn .need-help {
    display: block
}

#floatingBtn .chat-us {
    display: block;
    font-weight: 600
}

#floatingBtn.show {
    display: block;
    opacity: 1
}

@media screen and (max-width:1199px) {
    .clients-list li {
        width: 25%
    }
}

@media screen and (max-width:991px) {
    body {
        padding-top: 100px
    }

    .navbar.show {
        height: 100vh;
        overflow-y: auto;
        padding-bottom: 20vw
    }

    .navbar .hand-icon {
        display: none;
        width: 100%;
        object-fit: contain;
        z-index: -1;
        transition: all .25s ease-in-out
    }

    .navbar .nav-bg {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        visibility: hidden;
        transition: all .25s ease-in-out;
        z-index: -2
    }

    .navbar.show .hand-icon,
    .navbar.show .nav-bg {
        opacity: 1;
        visibility: visible
    }

    .navbar .container-fluid {
        padding: 0 10vw
    }

    .navbar-brand {
        margin: 0 auto
    }

    .navbar .navbar-brand img {
        height: 42px !important
    }

    .navbar.show .navbar-brand img {
        filter: brightness(0) invert(1)
    }

    .navbar-toggler {
        padding: 0;
        background-color: transparent !important;
        border: none !important;
        border-radius: 0
    }

    .navbar-toggler img {
        object-fit: contain;
        transition: all .25s ease-in-out
    }

    .navbar-toggler img.toggle-menu {
        width: 28px
    }

    .navbar-toggler img.close-menu {
        width: 22px;
        display: none
    }

    .navbar-toggler[aria-expanded=true] img.toggle-menu {
        display: none
    }

    .navbar-toggler[aria-expanded=true] img.close-menu {
        width: 22px;
        display: block
    }

    .navbar-collapse {
        margin: 20px 0
    }

    .navbar .navbar-nav .nav-link {
        font-size: 37px !important;
        font-weight: 700 !important;
        line-height: .92;
        letter-spacing: -2.78px;
        color: #fff !important;
        text-align: center;
        margin: 20px auto;
        padding: 0
    }

    .navbar .get-touch {
        display: block !important;
        position: relative;
        top: 0;
        right: 0;
        left: 0;
        margin: 20px 0;
        text-align: left;
        font-size: 23px;
        line-height: .91;
        letter-spacing: -1.73px;
        color: #fff
    }

    .navbar .get-touch a {
        display: inline-block;
        font-size: 23px;
        line-height: .91;
        letter-spacing: -1.73px;
        color: #fff;
        margin-top: 10px
    }

    .navbar .get-touch .live-chat {
        position: absolute;
        top: -10px;
        right: 0;
        display: inline-flex;
        flex-flow: column;
        align-items: center;
        justify-content: center;
        width: 135px;
        height: 76px;
        padding: 0;
        border-radius: 29px;
        color: #f3664b;
        filter: saturate(1.25);
        background-color: #fff;
        border: none;
        box-shadow: none;
        font-size: 23px;
        font-weight: 700;
        line-height: .91;
        letter-spacing: -1.73px;
        margin: 0
    }

    .navbar .get-touch .live-chat span {
        display: block;
        font-size: 19px;
        font-weight: 500;
        line-height: .89;
        letter-spacing: -1.43px;
        margin-top: 5px
    }

    .navbar-text {
        display: none
    }

    .techgrowth-text {
        display: block;
        text-align: center;
        margin: 20px auto
    }

    .techgrowth-text h1 {
        font-size: 44px;
        font-weight: 700;
        line-height: .95;
        letter-spacing: -3.3px
    }

    .techgrowth-text>div {
        display: flex;
        align-items: center;
        justify-content: center
    }

    .techgrowth-text>div .we-tech {
        display: inline-block;
        font-size: 23px;
        font-weight: 100;
        line-height: 1;
        margin: 15px
    }

    .techgrowth-text>div .we-tech span {
        font-weight: 500;
        margin-left: 5px
    }

    .techgrowth-text>div .you-grow {
        display: inline-block;
        font-size: 38px;
        font-weight: 100;
        line-height: 1;
        margin: 15px
    }

    .techgrowth-text>div .you-grow span {
        font-weight: 500;
        margin-left: 5px
    }

    .intro-wrapper {
        position: relative;
        flex-flow: column-reverse;
        height: auto;
        overflow: hidden
    }

    .intro-wrapper .g-plug {
        display: none
    }

    .intro-wrapper .g-plug-mobile {
        display: block;
        width: 100%;
        margin: -8vw auto 0
    }

    .intro-wrapper .g-plug-mobile img {
        width: 100%;
        height: auto;
        object-fit: contain
    }

    .bg-intro {
        right: 0 !important;
        left: 0 !important
    }

    .bg-intro img {
        width: 100% !important
    }

    .intro-wrapper .intro-title {
        display: none
    }

    .intro-wrapper .intro-text {
        font-size: 16px;
        line-height: 1;
        margin-bottom: 20px
    }

    .intro-title-mobile {
        display: block;
        font-size: 15px;
        font-weight: 200;
        line-height: 1.26;
        letter-spacing: -.08px;
        margin: 50px auto
    }

    .intro-title-mobile span {
        font-weight: 700
    }

    .our-services-wrapper:before {
        top: 0;
        height: 80%
    }

    .marketing-wrapper .marketing-title,
    .technology-wrapper .technology-title {
        display: none
    }

    .services-wrapper {
        margin-top: 30px
    }

    .services-wrapper .services-title {
        font-size: 56px;
        font-weight: 700;
        letter-spacing: -4.2px
    }

    .services-wrapper .services-text {
        font-size: 12.6px;
        font-weight: 200;
        margin: 25px 0 10px
    }

    .service-item {
        margin: 25px 0 !important;
        text-align: center
    }

    .service-item .service-icon {
        margin: 0 auto 20px;
        height: auto !important;
        max-width: 100px !important
    }

    .service-item .service-name {
        font-size: 29px !important;
        letter-spacing: -1.43px;
        font-weight: 700
    }

    .service-item .service-name span {
        display: block
    }

    .service-item .service-text {
        font-size: 18.65px !important;
        line-height: 1.2;
        margin-top: 20px
    }

    .services-wrapper .technology-services {
        margin-bottom: 30px;
        padding-bottom: 80px;
        text-align: center
    }

    .robot-arm {
        top: auto;
        bottom: -30px
    }

    .technology-services .technology-services-title {
        font-size: 28px;
        line-height: 1;
        margin: 20px 0
    }

    .about-wrapper {
        padding-top: 400px;
        padding-bottom: 150px;
        text-align: center
    }

    .about-wrapper .keyboard-icon {
        top: 150px;
        width: 54.010vw;
        z-index: -1
    }

    .about-wrapper .core-values-title {
        font-size: 76px;
        letter-spacing: -5.7px;
        margin: 10px 0
    }

    .about-wrapper .core-values-text {
        font-size: 12.6px;
        margin: 20px 0 50px
    }

    .about-wrapper .we-are {
        display: block;
        font-size: 3.542vw;
        font-weight: 100;
        line-height: 1;
        letter-spacing: -.26vw;
        margin: 0 0 20px
    }

    .about-item {
        margin: 20px auto
    }

    .about-item .about-title {
        font-size: 25px !important;
        letter-spacing: -1.88px !important;
        opacity: 1 !important;
        min-height: auto
    }

    .about-item .about-text {
        display: none
    }

    .portfolio-wrapper:before {
        top: 20%
    }

    .portfolio-wrapper .portfolio-icons {
        top: 10%
    }

    .portfolio-wrapper .portfolio-title {
        font-size: 49px;
        letter-spacing: -3.68px;
        margin: 50px auto 30px
    }

    .app-item .app-img {
        width: 300px;
        height: 300px;
        margin: 0 auto 15px;
        box-shadow: none
    }

    .app-item .app-title {
        font-size: 30px;
        letter-spacing: -2.25px;
        margin: 20px auto
    }

    .clients-wrapper .bg-clients {
        display: none
    }

    .clients-wrapper .bg-clients-mobile {
        position: absolute;
        top: -65vw;
        left: 0;
        right: 0;
        margin: 0;
        width: 100%;
        z-index: -2
    }

    .clients-wrapper .bg-clients-mobile img {
        width: 100%;
        transform: rotateY(180deg)
    }

    .clients-wrapper .clients-title {
        font-size: 64px;
        letter-spacing: -4.8px;
        margin-top: 25px
    }

    .clients-wrapper .clients-title span {
        font-size: 63px;
        letter-spacing: -4.73px
    }

    .clients-wrapper .clients-text {
        font-size: 12.6px;
        line-height: normal;
        margin: 15px 0
    }

    .clients-sub-title {
        font-size: 33px;
        font-weight: 100;
        letter-spacing: -2.48px;
        margin: 40px 0 30px !important;
        color: #444
    }

    .client-logo {
        width: 150px;
        height: 100px;
        margin: 10px;
        text-align: center
    }

    .btn-primary {
        min-width: 211px;
        min-height: 55px;
        border-radius: 26px;
        font-size: 18px;
        letter-spacing: -1.43px;
        margin: 10px auto
    }

    .btn-primary:before {
        top: -13px;
        left: -13px;
        width: 240px;
        height: 78px
    }

    .portfolio-tabs .btn-primary {
        min-width: 129px;
        min-height: 34px;
        border-radius: 10px;
        font-size: 14px;
        letter-spacing: -1.05px
    }

    .portfolio-tabs .btn-primary:before {
        top: -7px;
        left: -9px;
        width: 147px;
        height: 47.8px
    }

    footer .location-block .location-text {
        font-size: 14px;
        letter-spacing: 0
    }

    footer .whatsapp-block {
        margin-top: 10px;
        margin-bottom: 20px
    }

    footer .whatsapp-block .whatsapp-text {
        font-size: 16px;
        letter-spacing: 0
    }

    footer .whatsapp-block .whatsapp-icon {
        width: 36px;
        height: 36px;
        margin: 0 10px
    }

    footer .whatsapp-block .whatsapp-num {
        font-size: 20px;
        letter-spacing: -1px
    }

    footer .footer-list {
        margin: 20px 0
    }

    footer .footer-list li a {
        font-size: 18px;
        line-height: 1.39;
        letter-spacing: -1.35px
    }

    .contact-form .form-group .form-control {
        border-radius: 25px;
        font-size: 16px;
        letter-spacing: -.5px;
        padding-left: .75rem;
        padding-right: .75rem;
        min-height: auto
    }

    .contact-form .form-group select:not([multiple]) {
        background-position: calc(100% - 15px) 50%;
        background-size: 16px 14px;
        padding-right: 40px
    }

    .contact-form .btn-close {
        width: 48px;
        height: 48px;
        margin-right: 30px
    }

    .philosophy-intro {
        display: block;
        height: auto
    }

    .philosophy-intro .bg-philosophy-intro {
        position: relative;
        top: 0;
        right: 0;
        left: 0;
        transform: none;
        display: block;
        width: 70%;
        margin: 20px auto;
        text-align: center
    }

    .philosophy-intro .intro-title h1 {
        font-size: 34px;
        letter-spacing: -3px;
        margin-bottom: 20px
    }

    .philosophy-intro .intro-title {
        font-size: 24px;
        letter-spacing: -1px;
        margin: 20px 0
    }

    .meticulously-wrapper {
        min-height: auto;
        margin-top: 0;
        padding-bottom: 10vw
    }

    .meticulously-wrapper .meticulously-icon {
        position: relative;
        top: 0;
        width: 70vw;
        margin-top: 35px
    }

    .meticulously-wrapper .meticulously-text {
        font-size: 18px;
        letter-spacing: normal;
        margin: 10px 0
    }

    .meticulously-wrapper .meticulously-title {
        font-size: 40px;
        letter-spacing: -2px;
        margin: 20px 0
    }

    .main-focus-wrapper {
        min-height: auto
    }

    .main-focus-wrapper .bg-main-focus {
        margin-top: -100px
    }

    .main-focus-wrapper .main-focus-text {
        font-size: 20px;
        letter-spacing: -1px;
        margin: 10px 0
    }

    .main-focus-wrapper .main-focus-title {
        font-size: 40px;
        letter-spacing: -2px;
        margin: 20px 0
    }

    .main-focus-wrapper .main-focus-description {
        font-size: 20px;
        font-weight: 200;
        letter-spacing: -1px;
        margin: 20px 0
    }

    .meet-team-wrapper .meet-team-title {
        font-size: 36px;
        letter-spacing: -1px;
        margin: 30px auto
    }

    .co-founder .co-founder-img {
        width: 400px;
        height: 534px;
        margin: 175px 0 35px
    }

    .co-founder:last-of-type .co-founder-img {
        margin-left: auto
    }

    .co-founder {
        margin-top: -130px
    }

    .co-founder:last-of-type {
        margin-bottom: 50px
    }

    .co-founder .co-founder-img {
        width: 58.594vw;
        height: 78.125vw
    }

    .co-founder .co-founder-text {
        font-size: 16px
    }

    .co-founder .co-founder-name {
        font-size: 20px;
        letter-spacing: -1px;
        margin: 15px 0 10px
    }

    .co-founder .co-founder-title {
        font-size: 14px
    }

    .co-founder .co-founder-name img {
        width: 30px
    }

    .team-member {
        width: 290px;
        height: 360px;
        border-radius: 19px;
        margin: 20px auto;
        overflow: hidden;
        z-index: 1
    }

    .team-member .team-details {
        bottom: 25px;
        left: 20px
    }

    .team-member .team-details .team-name {
        font-size: 18px;
        letter-spacing: normal
    }

    .team-member .team-details .team-title {
        display: block;
        font-size: 16px;
        margin: 8px auto
    }

    .team-member .team-details .team-icon {
        width: 36px;
        height: 36px
    }

    .team-member.join-team .join-text {
        font-size: 30px;
        letter-spacing: -1px
    }

    .team-member.join-team .join-btn {
        width: 48px;
        height: 48px;
        margin: 15px 0 70px
    }

    .life-wrapper {
        display: block;
        min-height: auto;
        padding: 0;
        margin: 75px 0
    }

    .life-wrapper .life-at-techgrowth {
        font-size: 24px;
        letter-spacing: -1px
    }

    .life-wrapper .life-title {
        font-size: 44px;
        letter-spacing: -3px;
        margin: 30px 0
    }

    .life-wrapper .life-subtitle {
        font-size: 20px;
        letter-spacing: normal;
        margin-bottom: 15px
    }

    .life-wrapper .life-text {
        font-size: 14px;
        line-height: 1.5;
        letter-spacing: normal
    }

    .life-wrapper .bg-life {
        display: none
    }

    .meet-clients {
        min-height: auto
    }

    .meet-clients .bg-meet-clients {
        top: 0;
        transform: none;
        width: 100vw
    }

    .meet-clients .meet-clients-title {
        font-size: 34px;
        letter-spacing: -2px
    }

    .meet-clients .meet-clients-text {
        font-size: 15px;
        margin: 20px 0
    }

    .portfolio-intro {
        display: block;
        height: auto
    }

    .portfolio-intro .bg-portfolio-intro {
        position: relative;
        top: 0;
        right: 0;
        left: 0;
        transform: none;
        display: block;
        width: 70%;
        margin: 20px auto;
        text-align: center
    }

    .portfolio-intro .intro-title {
        font-size: 40px;
        letter-spacing: -1px;
        margin: 20px 0
    }

    .portfolio-intro .intro-subtitle {
        font-size: 24px;
        letter-spacing: -1px
    }

    .portfolio-intro .portfolio-tabs {
        position: relative;
        bottom: auto;
        margin-top: 50px;
        margin-bottom: 20px
    }

    .services-intro {
        display: block;
        height: auto;
        min-height: auto;
        padding-bottom: 40px
    }

    .services-intro .bg-services-intro {
        position: relative;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 656px;
        max-width: 90%
    }

    .services-intro .intro-title {
        font-size: 40px;
        letter-spacing: -1px;
        margin: 20px 0
    }

    .services-intro .intro-text {
        display: block;
        font-size: 18px;
        font-weight: 200;
        line-height: 1.27;
        letter-spacing: normal
    }

    .our-services-wrapper {
        margin-top: 0
    }

    .our-services-wrapper.marketing-block {
        padding-top: 10px
    }

    .our-services-wrapper.marketing-block:before {
        display: none
    }

    .our-services {
        margin-top: 14vw;
        padding-top: 100px;
        padding-bottom: 240px
    }

    .our-services .our-services-title {
        font-size: 36px;
        letter-spacing: -2px;
        margin: 10px auto 20px
    }

    .service-block {
        border-radius: 60px;
        padding: 20px;
        margin: 20px auto
    }

    .service-block .service-icon {
        width: 20%
    }

    .service-block .service-details {
        width: 72%
    }

    .service-block .service-details .service-title {
        font-size: 26px;
        letter-spacing: -1px;
        margin-bottom: 10px
    }

    .service-block .service-details .service-description {
        font-size: 14px
    }

    .ask-consultation-wrapper .ask-consultation-title {
        font-size: 40px;
        letter-spacing: -3px;
        margin-bottom: 50px
    }

    .ask-consultation-wrapper .btn-primary {
        min-width: 270px;
        min-height: 70px
    }

    .ask-consultation-wrapper .btn-primary:before {
        width: 300px;
        height: 98px;
        top: -15px
    }

    .ask-consultation-wrapper>img:first-of-type,
    .ask-consultation-wrapper>img:nth-of-type(2) {
        display: none
    }

    .ask-consultation-wrapper>img:nth-of-type(3) {
        top: 10%;
        max-width: 95vw
    }

    .careers-intro {
        display: block;
        min-height: auto
    }

    .careers-intro .bg-careers-intro {
        position: relative;
        top: 0;
        right: 0;
        left: 0;
        transform: none;
        display: block;
        width: 80%;
        margin: 20px auto;
        text-align: center
    }

    .careers-intro .intro-title {
        font-size: 40px;
        letter-spacing: -1px;
        margin-top: 30px
    }

    .careers-wrapper {
        margin-top: 0;
        padding-top: 36vw;
        padding-bottom: 5vw;
        margin-bottom: 0
    }

    .not-hiring-block .not-hiring-title {
        font-size: 40px;
        letter-spacing: -4px
    }

    .not-hiring-block .not-hiring-text {
        font-size: 18px;
        letter-spacing: normal;
        margin-top: 30px
    }

    .job-item,
    .not-hiring-block {
        margin: 25px 0
    }

    .job-item {
        text-align: center
    }

    .job-item .job-title {
        font-size: 24px;
        letter-spacing: -2px
    }

    .job-item .job-description {
        font-size: 16px;
        letter-spacing: normal;
        margin-top: 5px
    }

    .contact-intro {
        display: block;
        min-height: auto;
        text-align: center
    }

    .contact-intro .bg-intro {
        top: 5%;
        transform: none
    }

    .contact-intro .bg-contact-intro img {
        max-height: 50vh;
        object-fit: contain
    }

    .contact-intro .intro-title {
        font-size: 40px;
        line-height: 1;
        letter-spacing: -1px;
        margin: 20px auto 40px;
        text-align: center
    }

    .contact-intro .location-block .location-text {
        font-size: 14px;
        letter-spacing: 0
    }

    .contact-intro .whatsapp-block {
        margin-top: 10px;
        margin-bottom: 20px
    }

    .contact-intro .whatsapp-block .whatsapp-text {
        font-size: 16px;
        letter-spacing: 0;
        line-height: 1
    }

    .contact-intro .whatsapp-block .whatsapp-icon {
        width: 36px;
        height: 36px;
        margin: 0 10px
    }

    .contact-intro .whatsapp-block .whatsapp-num {
        font-size: 20px;
        letter-spacing: -1px
    }

    .contact-intro .working-hours {
        font-size: 20px;
        letter-spacing: -1.5px
    }

    .contact-intro .tel-number {
        font-size: 42px;
        letter-spacing: -3.15px;
        margin: 10px 0
    }

    .contact-wrapper {
        margin-top: 0
    }

    .upload-wrapper .upload-title {
        font-size: 24px;
        letter-spacing: -1px
    }

    .upload-wrapper .dropzone .dropzone-icon {
        max-width: 180px;
        margin: 0 auto
    }

    .upload-wrapper .dropzone .dropzone-drag-drop {
        font-size: 18px;
        line-height: 1
    }

    .upload-wrapper .dropzone .dropzone-browse {
        font-size: 18px;
        letter-spacing: normal;
        margin-bottom: 20px
    }

    .project-intro {
        min-height: auto
    }

    .project-intro .project-title {
        font-size: 39.4px;
        line-height: 1.05;
        letter-spacing: -2.09px
    }

    .project-intro .project-text {
        font-size: 21.4px;
        font-weight: 200;
        line-height: 1.19;
        letter-spacing: -1.14px
    }

    .project-wrapper {
        margin-top: 40px;
        padding-top: 0
    }

    .project-wrapper .project-img {
        max-width: 100%
    }

    .project-wrapper .what-we-did-title {
        font-size: 69px;
        line-height: 1;
        letter-spacing: -5px
    }

    .project-wrapper .service-used {
        display: block
    }

    .project-wrapper .service-used .service-icon {
        display: block;
        width: 100%;
        height: 120px;
        margin-right: 0
    }

    .project-wrapper .service-used .service-icon img {
        width: auto;
        max-width: 100%;
        height: 100%
    }

    .project-wrapper .service-used .service-details .service-title {
        font-size: 24px;
        line-height: 1;
        letter-spacing: -1.8px;
        margin-top: 20px
    }

    .project-wrapper .what-we-did-text {
        font-size: 15.6px;
        font-weight: 200;
        line-height: 1.23;
        letter-spacing: normal;
        margin: 20px auto 10px
    }

    .project-wrapper .bg-project {
        height: 100%
    }

    .project-wrapper .bg-project img {
        height: 80%;
        object-fit: cover
    }

    .project-section .project-title {
        font-size: 39.4px;
        letter-spacing: -2.09px;
        margin-top: 25px
    }

    .project-section .project-title div {
        margin: 20px 0
    }

    .project-section .project-text {
        font-size: 21.4px;
        line-height: 1.19;
        letter-spacing: -1.14px;
        margin: 25px 0
    }

    .project-section .project-img-wrapper {
        max-width: 70%;
        margin: 30px auto
    }

    .testimonial-wrapper {
        background: url(../images/bg-nav-mobile.png) center center no-repeat;
        background-size: cover;
        border-radius: 100px;
        padding: 60px
    }

    .testimonial-wrapper:before {
        font-size: 45px;
        letter-spacing: 1.49px
    }

    .testimonial-wrapper .testimonial-text {
        position: initial;
        font-size: 28px;
        line-height: 1.14;
        letter-spacing: -2.7px;
        padding: 60px 20px
    }

    .testimonial-wrapper .testimonial-text:before {
        top: 90px;
        left: 60px
    }

    .testimonial-wrapper .testimonial-text:after {
        top: auto;
        bottom: 60px;
        right: 60px
    }

    .testimonial-wrapper .testimonial-text:after,
    .testimonial-wrapper .testimonial-text:before {
        font-size: 108px;
        letter-spacing: -5.72px
    }

    .testimonial-wrapper .testimonial-name {
        display: block;
        font-size: 19px;
        letter-spacing: -1.43px;
        text-align: center
    }

    .testimonial-wrapper .testimonial-name img {
        display: block;
        width: 48px;
        height: 48px;
        margin: -10px auto 10px
    }

    .clients-intro {
        display: block;
        min-height: auto
    }

    .clients-intro .bg-clients-intro {
        position: relative;
        top: 0;
        right: 0;
        left: 0;
        transform: none;
        display: block;
        width: 100%;
        margin: 40px auto;
        text-align: center
    }

    .clients-intro .bg-intro {
        position: absolute;
        top: 0;
        transform: none;
        right: 3.125vw;
        z-index: -2
    }

    .clients-intro .intro-title {
        font-size: 40px;
        letter-spacing: -3px
    }

    .clients-intro .intro-text {
        font-size: 18px;
        letter-spacing: normal;
        margin-top: 20px
    }

    .clients-intro .partners-block {
        margin-top: 25px
    }

    .clients-intro .partners-block .partners-title {
        font-size: 18px;
        letter-spacing: normal;
        left: -50px
    }

    .clients-single-wrapper {
        margin-top: 0;
        padding-top: 25vw
    }

    #floatingBtn {
        width: 90px;
        height: 105px;
        bottom: 20px;
        right: 20px;
        font-size: 11px;
        line-height: 14px;
        padding: 58px 0 0
    }

    .subscribe-block {
        margin: 20px auto;
        text-align: center
    }

    .subscribe-block .subscribe-title {
        font-size: 18px;
        text-align: center;
        margin: 0 auto;
        justify-content: center
    }

    footer .contact-form .btn-subscribe {
        margin: 10px auto;
        text-align: center
    }

    .subscribe-block .subscribe-title img {
        width: 30px
    }

    .subscribe-block .subscribe-confirm {
        font-size: 14px
    }

    .aws-intro,
    .shopify-intro,
    .vtex-intro {
        display: block;
        height: auto
    }

    .aws-intro .intro-title,
    .shopify-intro .intro-title,
    .vtex-intro .intro-title {
        font-size: 30px;
        line-height: 1.2;
        margin-bottom: 15px
    }

    .aws-intro .intro-text,
    .shopify-intro .intro-text,
    .vtex-intro .intro-text {
        font-size: 16px
    }

    .aws-customers-title,
    .shopify-customers-title,
    .vtex-customers-title {
        font-size: 12px
    }

    .aws-customers,
    .shopify-customers,
    .vtex-customers {
        margin-top: 20px
    }

    .aws-intro .bg-aws-intro,
    .shopify-intro .bg-shopify-intro,
    .vtex-intro .bg-vtex-intro {
        position: relative;
        top: 0;
        left: 0;
        right: 0;
        margin: 20px auto;
        transform: none
    }

    .aws-wrapper,
    .shopify-wrapper,
    .vtex-wrapper {
        margin-top: 0;
        padding-top: 32vw
    }

    .about-aws .about-aws-title,
    .about-shopify .about-shopify-title,
    .about-vtex .about-vtex-title {
        font-size: 30px;
        margin-bottom: 10px
    }

    .about-aws .about-aws-text,
    .about-shopify .about-shopify-text,
    .about-vtex .about-vtex-text {
        font-size: 16px;
        line-height: 1.2
    }

    .use-shopify-services,
    .use-vtex-services {
        font-size: 20px;
        margin-top: 50px
    }

    .aws-service,
    .shopify-service,
    .vtex-service {
        margin: 20px auto
    }

    .aws-service.reversed,
    .shopify-service.reversed,
    .vtex-service.reversed {
        flex-flow: column
    }

    .aws-service .aws-service-title,
    .shopify-service .shopify-service-title,
    .vtex-service .vtex-service-title {
        font-size: 24px
    }

    .aws-service .aws-service-abbr,
    .shopify-service .shopify-service-abbr,
    .vtex-service .vtex-service-abbr {
        line-height: 1.2;
        font-size: 30px
    }

    .aws-service .aws-service-text,
    .shopify-service .shopify-service-text,
    .vtex-service .vtex-service-text {
        display: block;
        font-size: 14px
    }

    .aws-service .aws-service-icon,
    .shopify-service .shopify-service-icon,
    .vtex-service .vtex-service-icon {
        margin: 20px auto
    }

    .navbar .dropdown .dropdown-menu {
        background: 0 0;
        border: none;
        box-shadow: none
    }

    .meet-partners-title {
        display: none
    }

    .partner-item {
        margin: 1vw auto;
        max-width: 300px;
        height: 120px;
        padding: 15px
    }

    .partner-item .partner-logo img {
        width: 100px;
        height: 30px
    }

    .partner-item .partner-name {
        font-size: 15px;
        line-height: 16px;
        height: 36px
    }

    .partner-item .btn-partner {
        width: 16px;
        height: 16px
    }

    .navbar .dropdown .dropdown-menu.show {
        display: block !important
    }

    .services-provided-wrapper {
        padding: 21vw 0
    }

    .services-provided-wrapper .services-provided {
        font-size: 20px;
        line-height: 1;
        text-align: center
    }

    .services-provided-wrapper .services-provided-by {
        font-size: 30px;
        line-height: 1;
        margin: 10px auto;
        text-align: center
    }

    .services-provided-wrapper .services-provided-text {
        font-size: 14px;
        line-height: 1;
        text-align: center;
        margin-bottom: 15px
    }

    .service-provided-item {
        width: 41.667vw;
        height: 34.375vw;
        padding: 2.604vw 0 2.083vw;
        margin: 2.083vw auto
    }

    .service-provided-item .service-provided-icon {
        width: 15vw;
        height: 15vw;
        margin: 0 auto 4vw
    }

    .service-provided-item .service-provided-title {
        font-size: 2.5vw
    }

    .shopify-intro .intro-text-2 {
        font-size: 18px;
        line-height: 1
    }

    .shopify-intro .intro-text-2 span {
        font-size: 60px
    }

    .project-wrapper .what-we-did-img img {
        width: 100%;
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .project-screens img {
        width: 100%;
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .partner-item .bg-partner img {
        width: auto;
        max-width: 90%;
        height: auto;
        max-height: 90%;
        object-fit: contain;
        object-position: center
    }

    .bg-partners {
        display: none
    }

    .marketing-intro {
        display: block;
        min-height: auto;
        padding: 0 20px;
        margin-bottom: -25vw;
        overflow: hidden
    }

    .marketing-intro .intro-title {
        font-size: 35px;
        line-height: 55px
    }

    .marketing-intro .intro-title .that-can {
        font-size: 30px
    }

    .content-wrapper {
        font-size: 26px;
        line-height: 41px
    }

    .marketing-intro .content-wrapper:before {
        left: -30px;
        width: 27.66px;
        height: 27.66px
    }

    .content__container {
        height: 41px
    }

    .marketing-intro .intro-text {
        font-size: 16.42px;
        margin-top: 10px;
        margin-bottom: 20px
    }

    .marketing-intro .bg-marketing-intro {
        position: relative;
        display: block;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 100vw
    }

    .marketing-service-name {
        font-size: 32px;
        line-height: 38px
    }

    .marketing-service-name img {
        height: 60px;
        margin-right: 20px
    }

    .marketing-service-title {
        font-size: 38px;
        line-height: 38px;
        margin: 20px auto
    }

    .marketing-service-text {
        font-size: 19.65px;
        line-height: 24.18px
    }

    .marketing-service-text+.btn-primary {
        margin: 40px 0
    }

    .branding-services {
        min-height: auto;
        padding-top: 0;
        margin-top: -50px;
        z-index: 2
    }

    .branding-services .branding-services-icon,
    .digital-marketing-wrapper .digital-marketing-icon,
    .social-media-wrapper .social-media-icon {
        position: relative;
        top: 0;
        left: 0;
        right: 0;
        display: block;
        width: 100%;
        margin: 20px auto;
        text-align: center
    }

    .digital-marketing-wrapper .digital-marketing-icon {
        left: -18%
    }

    .btn-primary.btn-lg {
        letter-spacing: -.07em;
        min-width: 280px
    }

    .btn-primary.btn-lg:before {
        background: url("../images/Path 479.svg") center no-repeat;
        background-size: cover;
        width: 312px
    }

    .social-media-wrapper .bg-social-media {
        top: -90px
    }

    .social-media-wrapper:before {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 0;
        background: url("../images/Path 18204.svg") bottom no-repeat;
        background-size: cover;
        height: 100%;
        z-index: -1;
        display: none
    }

    .perfect-mix {
        padding: 30px 0 20vw;
        margin: 0;
        overflow: hidden
    }

    .perfect-mix .perfect-mix-of {
        font-size: 25px;
        line-height: 25px
    }

    .ml4 {
        font-size: 10vw;
        letter-spacing: -.07em;
        line-height: 89px
    }

    .growth-journey {
        padding-bottom: 0
    }

    .growth-journey .growth-journey-title {
        margin-bottom: 45px
    }

    .growth-journey>img:last-of-type {
        display: none
    }

    .bg-marketing-services {
        position: relative;
        top: 50px;
        left: 0;
        right: 0;
        width: 88vw
    }

    .partner-item.services-item .service-name {
        font-size: 18px;
        letter-spacing: -.07em;
        line-height: 1
    }

    .partner-item.services-item .service-text {
        font-size: 16px;
        line-height: 1;
        margin-top: 5px
    }

    .services-block {
        display: none
    }

    .btn-secondary {
        min-width: 150px;
        min-height: 40px;
        font-size: 14px
    }

    .service-item .btn-secondary {
        margin-top: 20px
    }

    .services-wrapper .service-item {
        padding: 0
    }

    .services-wrapper .service-item:hover {
        background: 0 0
    }

    .services-wrapper .service-item {
        width: 100%;
        padding: 0
    }

    .services-wrapper .service-item .service-icon,
    .services-wrapper .service-item .service-icon img,
    .services-wrapper .service-item .service-name {
        text-align: center
    }

    .services-wrapper .technology-services.marketing-services .bg-marketing-services {
        display: none
    }

    .custom-m-t {
        margin-top: 70px
    }

    .services-wrapper .technology-services.marketing-services {
        margin-top: 100px;
        margin-bottom: -180px
    }

    .navbar .dropdown .dropdown-menu {
        height: auto;
        opacity: 1
    }

    .digital-marketing-wrapper {
        margin-top: 0;
        padding-top: 0
    }

    .aws-logo {
        margin: -20vw auto -15vw
    }

    .project-logo {
        max-width: 40vw
    }

    .websites-development {
        margin-top: -300px;
        padding-top: 120px;
        padding-bottom: 20px
    }

    .websites-development .websites-development-icon {
        position: relative;
        top: 0;
        left: 0;
        right: 0;
        margin: 0 auto 30px;
        width: auto;
        max-width: 100%
    }

    .websites-development .bg-websites-development {
        display: none
    }

    .ui-design .ui-design-icon {
        position: relative;
        top: 0;
        left: 0;
        right: 0;
        margin: 30px auto;
        width: auto;
        max-width: 100%
    }

    .mobile-development .mobile-development-icon {
        position: relative;
        top: 0;
        left: 0;
        right: 0;
        margin: 0 auto 30px;
        width: auto;
        max-width: 100%
    }

    .maintenance-services .maintenance-services-icon {
        position: relative;
        top: 0;
        left: 0;
        right: 0;
        margin: 0 auto 30px;
        width: auto;
        max-width: 100%
    }

    .service-trusted-wrapper {
        margin-top: 10px;
        margin-bottom: 20px
    }

    .service-trusted-wrapper .service-trusted-title {
        font-size: 12px;
        line-height: 1;
        margin-bottom: 6px
    }

    .service-trusted-wrapper .service-trusted-text {
        font-size: 10px;
        line-height: 1
    }

    .service-trusted-wrapper .service-trusted-logos img {
        width: 48px;
        height: 48px
    }

    .shopify-wrapper .logos-3 {
        margin: 6vw auto 0
    }
}

@media screen and (max-width:767px) {
    .portfolio-wrapper:before {
        content: '';
        position: absolute;
        top: 150px;
        left: 0;
        right: 0;
        background: url("../images/Mask Group 9.svg") center no-repeat;
        background-size: cover;
        width: 100%;
        height: 404vw
    }

    .portfolio-wrapper:after {
        display: none
    }

    .portfolio-wrapper .portfolio-icons {
        display: none
    }

    .app-item .app-img {
        width: 428px;
        height: 428px
    }

    .clients-wrapper .bg-clients-mobile {
        top: -40vw
    }

    footer {
        margin: 100px auto 0;
        text-align: center;
        padding-top: 150px;
        background: 0 0
    }

    footer .bg-footer {
        top: 110px;
        height: 100%
    }

    footer .bg-footer img {
        height: 100%
    }

    footer .g-icon {
        max-width: 135px;
        margin: -140px auto 30px;
        text-align: center
    }

    .footer-title {
        justify-content: center
    }

    .footer-title .contact-icon {
        margin-right: 20px;
        height: 82px
    }

    .footer-title .contact-title {
        font-size: 38px;
        letter-spacing: -2.85px;
        text-align: left
    }

    footer .working-hours {
        font-size: 20px;
        letter-spacing: -1.5px;
        text-align: center
    }

    footer .tel-number {
        font-size: 42px;
        letter-spacing: -3.15px;
        text-align: center;
        margin: 10px auto
    }

    .location-block {
        display: block;
        margin: 20px auto;
        text-align: center
    }

    .location-block .media {
        display: inline-flex;
        width: auto;
        margin: 0 auto;
        text-align: left
    }

    footer .location-block img {
        height: 90px
    }

    footer .location-block .location-title {
        font-size: 37px;
        letter-spacing: -2.78px;
        margin-top: 5px;
        margin-bottom: 15px
    }

    footer .btn-send {
        text-align: center;
        margin-top: .521vw
    }

    footer .footer-list {
        margin: 30px auto;
        text-align: center
    }

    .socials {
        text-align: center
    }

    .socials span {
        width: 30px;
        height: 30px;
        font-size: 16px;
        margin: 0 5px
    }

    footer .copyrights {
        text-align: center
    }

    footer .copyrights .logo {
        display: block;
        margin: 0 auto 20px
    }

    footer .copyrights {
        padding: 0 0 40px;
        margin-top: 3.906vw;
        font-size: 15px;
        letter-spacing: -1.13px
    }

    footer .copyrights .made-with {
        float: none !important;
        display: block;
        margin-top: 15px
    }

    .contact-wrapper+footer {
        background: #f2f5f6;
        margin-top: 0
    }

    .clients-list li {
        width: 33%
    }

    .about-wrapper .keyboard-icon {
        width: 60vw
    }
}

@media screen and (max-width:567px) {
    .portfolio-wrapper .container-fluid {
        padding: 0
    }

    .app-item .app-img {
        width: 100vw;
        height: 100vw
    }

    .clients-wrapper .bg-clients-mobile {
        top: -10vw
    }

    .portfolio-tabs .btn-primary {
        min-width: 106px;
        min-height: 28px
    }

    .portfolio-tabs .btn-primary:before {
        top: -5px;
        left: -5px;
        width: 117px;
        height: 38px
    }

    .container-fluid {
        padding: 0 6vw
    }

    .navbar .container-fluid {
        padding: 0 6vw
    }

    .service-block {
        flex-flow: column;
        text-align: center
    }

    .service-block .service-icon {
        width: 100px;
        margin-bottom: 30px
    }

    .marketing-wrapper .service-item,
    .technology-wrapper .service-item {
        text-align: center
    }

    .techgrowth-text>div .we-tech {
        font-size: 5vw
    }

    .techgrowth-text>div .you-grow {
        font-size: 8vw
    }
}