@-webkit-keyframes swiper-preloader-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes swiper-preloader-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes fancybox-rotate {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes fancybox-rotate {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes fancybox-dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px
    }

    to {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px
    }
}

@keyframes fancybox-dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px
    }

    to {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px
    }
}

@-webkit-keyframes fancybox-fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fancybox-fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes fancybox-fadeOut {
    to {
        opacity: 0
    }
}

@keyframes fancybox-fadeOut {
    to {
        opacity: 0
    }
}

@-webkit-keyframes fancybox-zoomInUp {
    0% {
        -webkit-transform: scale(.97) translate3d(0, 16px, 0);
        transform: scale(.97) translate3d(0, 16px, 0);
        opacity: 0
    }

    to {
        -webkit-transform: scale(1) translate3d(0, 0, 0);
        transform: scale(1) translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes fancybox-zoomInUp {
    0% {
        -webkit-transform: scale(.97) translate3d(0, 16px, 0);
        transform: scale(.97) translate3d(0, 16px, 0);
        opacity: 0
    }

    to {
        -webkit-transform: scale(1) translate3d(0, 0, 0);
        transform: scale(1) translate3d(0, 0, 0);
        opacity: 1
    }
}

@-webkit-keyframes fancybox-zoomOutDown {
    to {
        -webkit-transform: scale(.97) translate3d(0, 16px, 0);
        transform: scale(.97) translate3d(0, 16px, 0);
        opacity: 0
    }
}

@keyframes fancybox-zoomOutDown {
    to {
        -webkit-transform: scale(.97) translate3d(0, 16px, 0);
        transform: scale(.97) translate3d(0, 16px, 0);
        opacity: 0
    }
}

@-webkit-keyframes fancybox-throwOutUp {
    to {
        -webkit-transform: translate3d(0, -30%, 0);
        transform: translate3d(0, -30%, 0);
        opacity: 0
    }
}

@keyframes fancybox-throwOutUp {
    to {
        -webkit-transform: translate3d(0, -30%, 0);
        transform: translate3d(0, -30%, 0);
        opacity: 0
    }
}

@-webkit-keyframes fancybox-throwOutDown {
    to {
        -webkit-transform: translate3d(0, 30%, 0);
        transform: translate3d(0, 30%, 0);
        opacity: 0
    }
}

@keyframes fancybox-throwOutDown {
    to {
        -webkit-transform: translate3d(0, 30%, 0);
        transform: translate3d(0, 30%, 0);
        opacity: 0
    }
}

@-webkit-keyframes dot-flashing {
    0% {
        background-color: #fff
    }

    50%,
    to {
        background-color: rgba(255, 255, 255, .2)
    }
}

@keyframes dot-flashing {
    0% {
        background-color: #fff
    }

    50%,
    to {
        background-color: rgba(255, 255, 255, .2)
    }
}

@-webkit-keyframes progress {
    0% {
        width: 0
    }

    to {
        width: 100%
    }
}

@keyframes progress {
    0% {
        width: 0
    }

    to {
        width: 100%
    }
}

@-webkit-keyframes show {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes show {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes handshake {

    0%,
    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    50% {
        -webkit-transform: rotate(40deg);
        transform: rotate(40deg)
    }
}

@keyframes handshake {

    0%,
    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    50% {
        -webkit-transform: rotate(40deg);
        transform: rotate(40deg)
    }
}

@-webkit-keyframes bouncing {

    0%,
    to {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }

    25% {
        -webkit-transform: scale(.9, 1.1);
        transform: scale(.9, 1.1)
    }

    50% {
        -webkit-transform: scale(1.1, .9);
        transform: scale(1.1, .9)
    }

    75% {
        -webkit-transform: scale(.95, 1.05);
        transform: scale(.95, 1.05)
    }
}

@keyframes bouncing {

    0%,
    to {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }

    25% {
        -webkit-transform: scale(.9, 1.1);
        transform: scale(.9, 1.1)
    }

    50% {
        -webkit-transform: scale(1.1, .9);
        transform: scale(1.1, .9)
    }

    75% {
        -webkit-transform: scale(.95, 1.05);
        transform: scale(.95, 1.05)
    }
}

@-webkit-keyframes icon-bounce {

    0%,
    20%,
    50%,
    80%,
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    40% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }

    60% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px)
    }
}

@-webkit-keyframes round {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    to {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        opacity: 0
    }
}

@keyframes round {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    to {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        opacity: 0
    }
}

@-webkit-keyframes moveIt {

    0%,
    to {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }

    50% {
        -webkit-transform: rotate(-3deg);
        transform: rotate(-3deg)
    }
}

@keyframes moveIt {

    0%,
    to {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }

    50% {
        -webkit-transform: rotate(-3deg);
        transform: rotate(-3deg)
    }
}

@keyframes icon-bounce {

    0%,
    20%,
    50%,
    80%,
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    40% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }

    60% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px)
    }
}

@-webkit-keyframes backgroundScroll {

    0%,
    to {
        background-position: center 0
    }

    50% {
        background-position: center 100%
    }
}

@keyframes backgroundScroll {

    0%,
    to {
        background-position: center 0
    }

    50% {
        background-position: center 100%
    }
}

@-webkit-keyframes rotate {
    30% {
        -webkit-transform: rotate(220deg);
        transform: rotate(220deg)
    }

    40% {
        -webkit-transform: rotate(450deg);
        transform: rotate(450deg);
        opacity: 1
    }

    75% {
        -webkit-transform: rotate(720deg);
        transform: rotate(720deg);
        opacity: 1
    }

    76% {
        opacity: 0
    }

    to {
        opacity: 0;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@keyframes rotate {
    30% {
        -webkit-transform: rotate(220deg);
        transform: rotate(220deg)
    }

    40% {
        -webkit-transform: rotate(450deg);
        transform: rotate(450deg);
        opacity: 1
    }

    75% {
        -webkit-transform: rotate(720deg);
        transform: rotate(720deg);
        opacity: 1
    }

    76% {
        opacity: 0
    }

    to {
        opacity: 0;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@font-face {
    font-family: 'swiper-icons';
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

.swiper,
.swiper-wrapper {
    position: relative;
    z-index: 1
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    list-style: none;
    padding: 0
}

.swiper-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-android .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.swiper-pointer-events {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-pointer-events.swiper-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-slide {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: height, -webkit-transform;
    -o-transition-property: transform, height;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform
}

.swiper-backface-hidden .swiper-slide {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
    -webkit-perspective: 1200px;
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, .15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: -o-linear-gradient(right, rgba(0, 0, 0, .5), transparent);
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5), transparent);
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .5), transparent);
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, .5), transparent);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), transparent)
}

.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-horizontal.swiper-css-mode>.swiper-wrapper {
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory
}

.swiper-vertical.swiper-css-mode>.swiper-wrapper {
    -ms-scroll-snap-type: y mandatory;
    scroll-snap-type: y mandatory
}

.swiper-centered>.swiper-wrapper::before {
    content: '';
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-ordinal-group: 10000;
    -ms-flex-order: 9999;
    order: 9999
}

.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    -webkit-margin-start: var(--swiper-centered-offset-before);
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-horizontal>.swiper-wrapper::before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    -webkit-margin-before: var(--swiper-centered-offset-before);
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-vertical>.swiper-wrapper::before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always
}

.swiper-virtual .swiper-slide {
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
    height: 1px;
    width: var(--swiper-virtual-size)
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
    width: 1px;
    height: var(--swiper-virtual-size)
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size)/44*27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size)/2));
    z-index: 10;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none
}

.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
    display: none !important
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: 10px;
    right: auto
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    content: 'prev'
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: 10px;
    left: auto
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    content: 'next'
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: 300ms opacity;
    -o-transition: 300ms opacity;
    transition: 300ms opacity;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-disabled>.swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
    display: none !important
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(.66);
    -ms-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(.66);
    -ms-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    display: inline-block;
    border-radius: 50%;
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2)
}

button.swiper-pagination-bullet {
    border: 0;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none !important
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8px
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    -webkit-transition: 200ms top, 200ms -webkit-transform;
    -o-transition: 200ms transform, 200ms top;
    transition: 200ms transform, 200ms top;
    transition: 200ms transform, 200ms top, 200ms -webkit-transform
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: 200ms left, 200ms -webkit-transform;
    -o-transition: 200ms transform, 200ms left;
    transition: 200ms transform, 200ms left;
    transition: 200ms transform, 200ms left, 200ms -webkit-transform
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: 200ms right, 200ms -webkit-transform;
    -o-transition: 200ms transform, 200ms right;
    transition: 200ms transform, 200ms right;
    transition: 200ms transform, 200ms right, 200ms -webkit-transform
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical>.swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}

.swiper-scrollbar-disabled>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
    display: none !important
}

.swiper-horizontal>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
    -webkit-animation: swiper-preloader-spin 1s infinite linear;
    animation: swiper-preloader-spin 1s infinite linear
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

.swiper .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-free-mode>.swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-grid>.swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-grid-column>.swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-fade.swiper-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity
}

.swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cards,
.swiper-cube,
.swiper-flip {
    overflow: visible
}

.swiper-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-cube.swiper-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.swiper-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-next+.swiper-slide,
.swiper-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-cube .swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: .6;
    z-index: 0
}

.swiper-cube .swiper-cube-shadow:before {
    content: '';
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    -webkit-filter: blur(50px);
    filter: blur(50px)
}

.swiper-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-flip .swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-cards .swiper-slide,
.swiper-creative .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden
}

.swiper-creative .swiper-slide {
    -webkit-transition-property: opacity, height, -webkit-transform;
    -o-transition-property: transform, opacity, height;
    transition-property: transform, opacity, height;
    transition-property: transform, opacity, height, -webkit-transform
}

.swiper-cards .swiper-slide {
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom
}

.carousel {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.carousel *,
.carousel :after,
.carousel :before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit
}

.carousel.is-draggable {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab
}

.carousel.is-dragging {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.carousel__viewport {
    position: relative;
    overflow: hidden;
    max-width: 100%;
    max-height: 100%
}

.carousel__track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.carousel__slide {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: var(--carousel-slide-width, 60%);
    max-width: 100%;
    padding: 1rem;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    -ms-scroll-chaining: none;
    overscroll-behavior: contain
}

.has-dots {
    margin-bottom: calc(.5rem + 22px)
}

.carousel__dots {
    margin: 0 auto;
    padding: 0;
    position: absolute;
    top: calc(100% + .5rem);
    left: 0;
    right: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    list-style: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.carousel__dots .carousel__dot {
    margin: 0;
    padding: 0;
    display: block;
    position: relative;
    width: 22px;
    height: 22px;
    cursor: pointer
}

.carousel__dots .carousel__dot:after {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: currentColor;
    opacity: .25;
    -webkit-transition: opacity .15s ease-in-out;
    -o-transition: opacity .15s ease-in-out;
    transition: opacity .15s ease-in-out
}

.carousel__dots .carousel__dot.is-selected:after {
    opacity: 1
}

.carousel__button,
.carousel__dots,
.fancybox__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.carousel__button {
    width: var(--carousel-button-width, 48px);
    height: var(--carousel-button-height, 48px);
    padding: 0;
    border: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    pointer-events: all;
    cursor: pointer;
    color: var(--carousel-button-color, currentColor);
    background: var(--carousel-button-bg, transparent);
    border-radius: var(--carousel-button-border-radius, 50%);
    -webkit-box-shadow: var(--carousel-button-shadow, none);
    box-shadow: var(--carousel-button-shadow, none);
    -webkit-transition: opacity .15s ease;
    -o-transition: opacity .15s ease;
    transition: opacity .15s ease
}

.carousel__button.is-next,
.carousel__button.is-prev {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.carousel__button.is-prev {
    left: 10px
}

.carousel__button.is-next {
    right: 10px
}

.carousel__button[disabled] {
    cursor: default;
    opacity: .3
}

.carousel__button svg {
    width: var(--carousel-button-svg-width, 50%);
    height: var(--carousel-button-svg-height, 50%);
    fill: none;
    stroke: currentColor;
    stroke-width: var(--carousel-button-svg-stroke-width, 1.5);
    stroke-linejoin: bevel;
    stroke-linecap: round;
    -webkit-filter: var(--carousel-button-svg-filter, none);
    filter: var(--carousel-button-svg-filter, none);
    pointer-events: none
}

html.with-fancybox {
    scroll-behavior: auto
}

.body.compensate-for-scrollbar {
    overflow: hidden !important;
    -ms-touch-action: none;
    touch-action: none
}

.fancybox__container {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    direction: ltr;
    margin: 0;
    padding: env(safe-area-inset-top, 0) env(safe-area-inset-right, 0) env(safe-area-inset-bottom, 0) env(safe-area-inset-left, 0);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    color: var(--fancybox-color, #fff);
    -webkit-tap-highlight-color: transparent;
    overflow: hidden;
    z-index: 1050;
    outline: 0;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    --carousel-button-width: 48px;
    --carousel-button-height: 48px;
    --carousel-button-svg-width: 24px;
    --carousel-button-svg-height: 24px;
    --carousel-button-svg-stroke-width: 2.5;
    --carousel-button-svg-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.4))
}

.fancybox__container *,
.fancybox__container ::after,
.fancybox__container ::before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit
}

.fancybox__container :focus {
    outline: 0
}

.body:not(.is-using-mouse) .fancybox__container :focus {
    -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 2px var(--fancybox-accent-color, rgba(1, 210, 232, 0.94));
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px var(--fancybox-accent-color, rgba(1, 210, 232, 0.94))
}

@media all and (min-width:1024px) {
    .fancybox__container {
        --carousel-button-width: 48px;
        --carousel-button-height: 48px;
        --carousel-button-svg-width: 27px;
        --carousel-button-svg-height: 27px
    }
}

.fancybox__backdrop {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    background: var(--fancybox-bg, rgba(24, 24, 27, 0.92))
}

.fancybox__carousel {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    z-index: 10
}

.fancybox__carousel.has-dots {
    margin-bottom: calc(.5rem + 22px)
}

.fancybox__viewport {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: visible;
    cursor: default
}

.fancybox__slide,
.fancybox__track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.fancybox__track {
    height: 100%
}

.fancybox__slide {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 48px 8px 8px;
    position: relative;
    -ms-scroll-chaining: none;
    overscroll-behavior: contain;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    outline: 0;
    overflow: auto;
    --carousel-button-width: 36px;
    --carousel-button-height: 36px;
    --carousel-button-svg-width: 22px;
    --carousel-button-svg-height: 22px
}

.fancybox__slide::after,
.fancybox__slide::before {
    content: "";
    -webkit-box-flex: 0;
    -ms-flex: 0 0 0;
    flex: 0 0 0;
    margin: auto
}

@media all and (min-width:1024px) {
    .fancybox__slide {
        padding: 64px 100px
    }
}

.fancybox__content {
    margin: 0 env(safe-area-inset-right, 0) 0 env(safe-area-inset-left, 0);
    padding: 36px;
    color: var(--fancybox-content-color, #374151);
    background: var(--fancybox-content-bg, #fff);
    position: relative;
    -ms-flex-item-align: center;
    align-self: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    z-index: 20
}

.fancybox__content :focus:not(.carousel__button.is-close) {
    outline: thin dotted;
    -webkit-box-shadow: none;
    box-shadow: none
}

.fancybox__caption {
    -ms-flex-item-align: center;
    align-self: center;
    max-width: 100%;
    margin: 0;
    padding: 1rem 0 0;
    line-height: 1.375;
    color: var(--fancybox-color, currentColor);
    visibility: visible;
    cursor: auto;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    overflow-wrap: anywhere
}

.is-loading .fancybox__caption {
    visibility: hidden
}

.fancybox__container>.carousel__dots {
    top: 100%;
    color: var(--fancybox-color, #fff)
}

.fancybox__nav .carousel__button {
    z-index: 40
}

.fancybox__nav .carousel__button.is-next {
    right: 8px
}

@media all and (min-width:1024px) {
    .fancybox__nav .carousel__button.is-next {
        right: 40px
    }
}

.fancybox__nav .carousel__button.is-prev {
    left: 8px
}

@media all and (min-width:1024px) {
    .fancybox__nav .carousel__button.is-prev {
        left: 40px
    }
}

.carousel__button.is-close {
    position: absolute;
    top: 8px;
    right: 8px;
    top: calc(env(safe-area-inset-top, 0) + 8px);
    right: calc(env(safe-area-inset-right, 0) + 8px);
    z-index: 40
}

@media all and (min-width:1024px) {
    .carousel__button.is-close {
        right: 40px
    }
}

.fancybox__content>.carousel__button.is-close {
    position: absolute;
    top: -40px;
    right: 0;
    color: var(--fancybox-color, #fff)
}

.fancybox__no-click,
.fancybox__no-click button {
    pointer-events: none
}

.fancybox__spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 50px;
    height: 50px;
    color: var(--fancybox-color, currentColor)
}

.fancybox__slide .fancybox__spinner {
    cursor: pointer;
    z-index: 1053
}

.fancybox__spinner svg {
    -webkit-animation: fancybox-rotate 2s linear infinite;
    animation: fancybox-rotate 2s linear infinite;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 100%;
    height: 100%
}

.fancybox__spinner svg circle {
    fill: none;
    stroke-width: 2.75;
    stroke-miterlimit: 10;
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
    -webkit-animation: fancybox-dash 1.5s ease-in-out infinite;
    animation: fancybox-dash 1.5s ease-in-out infinite;
    stroke-linecap: round;
    stroke: currentColor
}

.carousel__button.is-close,
.carousel__dots,
.fancybox__backdrop,
.fancybox__caption,
.fancybox__nav {
    opacity: var(--fancybox-opacity, 1)
}

.fancybox__container.is-animated[aria-hidden=false] .carousel__button.is-close,
.fancybox__container.is-animated[aria-hidden=false] .carousel__dots,
.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop,
.fancybox__container.is-animated[aria-hidden=false] .fancybox__caption,
.fancybox__container.is-animated[aria-hidden=false] .fancybox__nav {
    -webkit-animation: .15s ease backwards fancybox-fadeIn;
    animation: .15s ease backwards fancybox-fadeIn
}

.fancybox__container.is-animated.is-closing .carousel__button.is-close,
.fancybox__container.is-animated.is-closing .carousel__dots,
.fancybox__container.is-animated.is-closing .fancybox__backdrop,
.fancybox__container.is-animated.is-closing .fancybox__caption,
.fancybox__container.is-animated.is-closing .fancybox__nav {
    -webkit-animation: .15s ease both fancybox-fadeOut;
    animation: .15s ease both fancybox-fadeOut
}

.fancybox-fadeIn {
    -webkit-animation: .15s ease both fancybox-fadeIn;
    animation: .15s ease both fancybox-fadeIn
}

.fancybox-fadeOut {
    -webkit-animation: .1s ease both fancybox-fadeOut;
    animation: .1s ease both fancybox-fadeOut
}

.fancybox-zoomInUp {
    -webkit-animation: .2s ease both fancybox-zoomInUp;
    animation: .2s ease both fancybox-zoomInUp
}

.fancybox-zoomOutDown {
    -webkit-animation: .15s ease both fancybox-zoomOutDown;
    animation: .15s ease both fancybox-zoomOutDown
}

.fancybox-throwOutUp {
    -webkit-animation: .15s ease both fancybox-throwOutUp;
    animation: .15s ease both fancybox-throwOutUp
}

.fancybox-throwOutDown {
    -webkit-animation: .15s ease both fancybox-throwOutDown;
    animation: .15s ease both fancybox-throwOutDown
}

.fancybox__carousel .carousel__slide {
    scrollbar-width: thin;
    scrollbar-color: #ccc rgba(255, 255, 255, .1)
}

.fancybox__carousel .carousel__slide::-webkit-scrollbar {
    width: 8px;
    height: 8px
}

.fancybox__carousel .carousel__slide::-webkit-scrollbar-track {
    background-color: rgba(255, 255, 255, .1)
}

.fancybox__carousel .carousel__slide::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, .2);
    box-shadow: inset 0 0 4px rgba(0, 0, 0, .2)
}

.fancybox__carousel.is-draggable .fancybox__slide,
.fancybox__carousel.is-draggable .fancybox__slide .fancybox__content {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab
}

.fancybox__carousel.is-dragging .fancybox__slide,
.fancybox__carousel.is-dragging .fancybox__slide .fancybox__content {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.fancybox__carousel .fancybox__slide .fancybox__content {
    cursor: auto
}

.fancybox__carousel .fancybox__slide.can-zoom_in .fancybox__content {
    cursor: -webkit-zoom-in;
    cursor: zoom-in
}

.fancybox__carousel .fancybox__slide.can-zoom_out .fancybox__content {
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}

.fancybox__carousel .fancybox__slide.is-draggable .fancybox__content {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab
}

.fancybox__carousel .fancybox__slide.is-dragging .fancybox__content {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.fancybox__image {
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: none;
    -o-transition: none;
    transition: none
}

.has-image .fancybox__content {
    padding: 0;
    background: 0 0;
    min-height: 1px
}

.is-closing .has-image .fancybox__content {
    overflow: visible
}

.has-image[data-image-fit=contain] {
    overflow: visible;
    -ms-touch-action: none;
    touch-action: none
}

.has-image[data-image-fit=contain] .fancybox__content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.has-image[data-image-fit=contain] .fancybox__image {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.has-image[data-image-fit=contain-w] {
    overflow-x: hidden;
    overflow-y: auto
}

.has-image[data-image-fit=contain-w] .fancybox__content {
    min-height: auto
}

.has-image[data-image-fit=contain-w] .fancybox__image {
    max-width: 100%;
    height: auto
}

.has-image[data-image-fit=cover] {
    overflow: visible;
    -ms-touch-action: none;
    touch-action: none
}

.has-image[data-image-fit=cover] .fancybox__content {
    width: 100%;
    height: 100%
}

.has-image[data-image-fit=cover] .fancybox__image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,
.fancybox__carousel .fancybox__slide.has-map .fancybox__content,
.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content {
    max-width: 100%;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    min-height: 1px;
    overflow: visible
}

.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content,
.fancybox__carousel .fancybox__slide.has-video .fancybox__content {
    -ms-flex-negative: 1;
    flex-shrink: 1;
    min-height: 1px;
    overflow: visible
}

.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,
.fancybox__carousel .fancybox__slide.has-map .fancybox__content,
.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content {
    width: 100%;
    height: 80%
}

.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content,
.fancybox__carousel .fancybox__slide.has-video .fancybox__content {
    width: 960px;
    height: 540px;
    max-width: 100%;
    max-height: 100%
}

.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content,
.fancybox__carousel .fancybox__slide.has-map .fancybox__content,
.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,
.fancybox__carousel .fancybox__slide.has-video .fancybox__content {
    padding: 0;
    background: rgba(24, 24, 27, .9);
    color: #fff
}

.fancybox__carousel .fancybox__slide.has-map .fancybox__content {
    background: #e5e3df
}

.fancybox__html5video,
.fancybox__iframe {
    border: 0;
    display: block;
    height: 100%;
    width: 100%;
    background: 0 0
}

.fancybox-placeholder {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0
}

.fancybox__thumbs {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    position: relative;
    padding: 0 3px;
    opacity: var(--fancybox-opacity, 1)
}

.fancybox__container.is-animated[aria-hidden=false] .fancybox__thumbs {
    -webkit-animation: .15s ease-in backwards fancybox-fadeIn;
    animation: .15s ease-in backwards fancybox-fadeIn
}

.fancybox__container.is-animated.is-closing .fancybox__thumbs {
    opacity: 0
}

.fancybox__thumbs .carousel__slide {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: var(--fancybox-thumbs-width, 96px);
    margin: 0;
    padding: 8px 3px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: visible;
    cursor: pointer
}

.fancybox__thumbs .carousel__slide .fancybox__thumb::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-width: 5px;
    border-style: solid;
    border-color: var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));
    opacity: 0;
    -webkit-transition: opacity .15s ease;
    -o-transition: opacity .15s ease;
    transition: opacity .15s ease;
    border-radius: var(--fancybox-thumbs-border-radius, 4px)
}

.fancybox__thumbs .carousel__slide.is-nav-selected .fancybox__thumb::after {
    opacity: .92
}

.fancybox__thumbs .carousel__slide>* {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fancybox__thumb {
    position: relative;
    width: 100%;
    padding-top: calc(100%/(var(--fancybox-thumbs-ratio, 1.5)));
    background-size: cover;
    background-position: center center;
    background-color: rgba(255, 255, 255, .1);
    background-repeat: no-repeat;
    border-radius: var(--fancybox-thumbs-border-radius, 4px)
}

.fancybox__toolbar {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 20;
    background: -webkit-gradient(linear, left bottom, left top, from(transparent), color-stop(8.1%, rgba(0, 0, 0, .006)), color-stop(15.5%, rgba(0, 0, 0, .021)), color-stop(22.5%, rgba(0, 0, 0, .046)), color-stop(29%, rgba(0, 0, 0, .077)), color-stop(35.3%, rgba(0, 0, 0, .114)), color-stop(41.2%, rgba(0, 0, 0, .155)), color-stop(47.1%, rgba(0, 0, 0, .198)), color-stop(52.9%, rgba(0, 0, 0, .242)), color-stop(58.8%, rgba(0, 0, 0, .285)), color-stop(64.7%, rgba(0, 0, 0, .326)), color-stop(71%, rgba(0, 0, 0, .363)), color-stop(77.5%, rgba(0, 0, 0, .394)), color-stop(84.5%, rgba(0, 0, 0, .419)), color-stop(91.9%, rgba(0, 0, 0, .434)), to(rgba(0, 0, 0, .44)));
    background: -o-linear-gradient(bottom, transparent 0%, rgba(0, 0, 0, .006) 8.1%, rgba(0, 0, 0, .021) 15.5%, rgba(0, 0, 0, .046) 22.5%, rgba(0, 0, 0, .077) 29%, rgba(0, 0, 0, .114) 35.3%, rgba(0, 0, 0, .155) 41.2%, rgba(0, 0, 0, .198) 47.1%, rgba(0, 0, 0, .242) 52.9%, rgba(0, 0, 0, .285) 58.8%, rgba(0, 0, 0, .326) 64.7%, rgba(0, 0, 0, .363) 71%, rgba(0, 0, 0, .394) 77.5%, rgba(0, 0, 0, .419) 84.5%, rgba(0, 0, 0, .434) 91.9%, rgba(0, 0, 0, .44) 100%);
    background: linear-gradient(to top, transparent 0%, rgba(0, 0, 0, .006) 8.1%, rgba(0, 0, 0, .021) 15.5%, rgba(0, 0, 0, .046) 22.5%, rgba(0, 0, 0, .077) 29%, rgba(0, 0, 0, .114) 35.3%, rgba(0, 0, 0, .155) 41.2%, rgba(0, 0, 0, .198) 47.1%, rgba(0, 0, 0, .242) 52.9%, rgba(0, 0, 0, .285) 58.8%, rgba(0, 0, 0, .326) 64.7%, rgba(0, 0, 0, .363) 71%, rgba(0, 0, 0, .394) 77.5%, rgba(0, 0, 0, .419) 84.5%, rgba(0, 0, 0, .434) 91.9%, rgba(0, 0, 0, .44) 100%);
    padding: 0;
    -ms-touch-action: none;
    touch-action: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    --carousel-button-svg-width: 20px;
    --carousel-button-svg-height: 20px;
    opacity: var(--fancybox-opacity, 1);
    text-shadow: var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.4))
}

@media all and (min-width:1024px) {
    .fancybox__toolbar {
        padding: 8px
    }
}

.fancybox__container.is-animated[aria-hidden=false] .fancybox__toolbar {
    -webkit-animation: .15s ease-in backwards fancybox-fadeIn;
    animation: .15s ease-in backwards fancybox-fadeIn
}

.fancybox__container.is-animated.is-closing .fancybox__toolbar {
    opacity: 0
}

.fancybox__toolbar__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.fancybox__toolbar__items--left {
    margin-right: auto
}

.fancybox__toolbar__items--center {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.fancybox__toolbar__items--right {
    margin-left: auto
}

@media (max-width:640px) {
    .fancybox__toolbar__items--center:not(:last-child) {
        display: none
    }
}

.fancybox__counter {
    min-width: 72px;
    padding: 0 10px;
    line-height: var(--carousel-button-height, 48px);
    text-align: center;
    font-size: 17px;
    font-variant-numeric: tabular-nums;
    -webkit-font-smoothing: subpixel-antialiased
}

.fancybox__progress {
    background: var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));
    height: 3px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0;
    -ms-transform-origin: 0;
    transform-origin: 0;
    -webkit-transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
    z-index: 30;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fancybox__container:-webkit-full-screen::backdrop {
    opacity: 0
}

.fancybox__container:-ms-fullscreen::backdrop {
    opacity: 0
}

.fancybox__container:fullscreen::-webkit-backdrop {
    opacity: 0
}

.fancybox__container:fullscreen::backdrop {
    opacity: 0
}

.fancybox__button--fullscreen g:nth-child(2),
.fancybox__button--slideshow g:nth-child(2) {
    display: none
}

.fancybox__container:-webkit-full-screen .fancybox__button--fullscreen g:nth-child(1) {
    display: none
}

.fancybox__container:-ms-fullscreen .fancybox__button--fullscreen g:nth-child(1) {
    display: none
}

.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(1) {
    display: none
}

.fancybox__container:-webkit-full-screen .fancybox__button--fullscreen g:nth-child(2) {
    display: block
}

.fancybox__container:-ms-fullscreen .fancybox__button--fullscreen g:nth-child(2) {
    display: block
}

.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(2) {
    display: block
}

.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(1) {
    display: none
}

.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(2) {
    display: block
}

.iti {
    position: relative
}

.iti * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-box-sizing: border-box
}

.iti__hide,
.body.career-detail footer .ftr-top-sec .ftrani,
.body.contact-us footer .ftr-top-sec .ftrani,
.body.request-quote-page footer .ftr-top-sec .ftrani,
.body.sitemap footer .ftr-top-sec .ftrani,
ul.listing.icon li::before {
    display: none
}

.iti__v-hide {
    visibility: hidden
}

.iti input,
.iti input[type=tel],
.iti input[type=text] {
    position: relative;
    z-index: 0;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-right: 36px;
    margin-right: 0
}

.iti__flag-container {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    padding: 1px
}

.iti__selected-flag {
    z-index: 1;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    padding: 0 6px 0 8px
}

.iti__arrow {
    margin-left: 6px;
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 4px solid #555
}

.iti__arrow--up {
    border-top: none;
    border-bottom: 4px solid #555
}

.iti__country-list {
    position: absolute;
    z-index: 2;
    list-style: none;
    text-align: left;
    padding: 0;
    margin: 0 0 0 -1px;
    -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, .2);
    box-shadow: 1px 1px 4px rgba(0, 0, 0, .2);
    background-color: #fff;
    border: 1px solid #ccc;
    white-space: nowrap;
    max-height: 200px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch
}

.iti__country-list--dropup {
    bottom: 100%;
    margin-bottom: -1px
}

@media (max-width:500px) {
    .iti__country-list {
        white-space: normal
    }
}

.iti__flag-box {
    display: inline-block;
    width: 20px
}

.iti__divider {
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #ccc
}

.iti__country {
    padding: 5px 10px;
    outline: 0
}

.iti__dial-code {
    color: #999
}

.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag,
.iti__country.iti__highlight {
    background-color: rgba(0, 0, 0, .05)
}

.iti__country-name,
.iti__dial-code,
.iti__flag-box {
    vertical-align: middle
}

.iti__country-name,
.iti__flag-box {
    margin-right: 6px
}

.iti--allow-dropdown input,
.iti--allow-dropdown input[type=tel],
.iti--allow-dropdown input[type=text],
.iti--separate-dial-code input,
.iti--separate-dial-code input[type=tel],
.iti--separate-dial-code input[type=text] {
    padding-right: 6px;
    padding-left: 52px;
    margin-left: 0
}

.iti--allow-dropdown .iti__flag-container,
.iti--separate-dial-code .iti__flag-container {
    right: auto;
    left: 0
}

.iti--allow-dropdown .iti__flag-container:hover {
    cursor: pointer
}

.iti--allow-dropdown input[disabled]+.iti__flag-container:hover,
.iti--allow-dropdown input[readonly]+.iti__flag-container:hover {
    cursor: default
}

.iti--allow-dropdown input[disabled]+.iti__flag-container:hover .iti__selected-flag,
.iti--allow-dropdown input[readonly]+.iti__flag-container:hover .iti__selected-flag {
    background-color: transparent
}

.iti--separate-dial-code .iti__selected-flag {
    background-color: rgba(0, 0, 0, .05)
}

.iti--separate-dial-code .iti__selected-dial-code {
    margin-left: 6px
}

.iti--container {
    position: absolute;
    top: -1000px;
    left: -1000px;
    z-index: 1060;
    padding: 1px
}

.iti--container:hover {
    cursor: pointer
}

.iti-mobile .iti--container {
    top: 30px;
    bottom: 30px;
    left: 30px;
    right: 30px;
    position: fixed
}

.iti-mobile .iti__country-list {
    max-height: 100%;
    width: 100%
}

.iti-mobile .iti__country {
    padding: 10px;
    line-height: 1.5em
}

.iti__flag {
    width: 20px
}

.iti__flag.iti__be {
    width: 18px
}

.iti__flag.iti__ch {
    width: 15px
}

.iti__flag.iti__mc {
    width: 19px
}

.iti__flag.iti__ne {
    width: 18px
}

.iti__flag.iti__np {
    width: 13px
}

.iti__flag.iti__va {
    width: 15px
}

@media (-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:2/1),
(min-resolution:192dpi) {
    .iti__flag {
        background-size: 5652px 15px
    }
}

.iti__flag.iti__ac {
    height: 10px;
    background-position: 0 0
}

.iti__flag.iti__ad {
    height: 14px;
    background-position: -22px 0
}

.iti__flag.iti__ae {
    height: 10px;
    background-position: -44px 0
}

.iti__flag.iti__af {
    height: 14px;
    background-position: -66px 0
}

.iti__flag.iti__ag {
    height: 14px;
    background-position: -88px 0
}

.iti__flag.iti__ai {
    height: 10px;
    background-position: -110px 0
}

.iti__flag.iti__al {
    height: 15px;
    background-position: -132px 0
}

.iti__flag.iti__am {
    height: 10px;
    background-position: -154px 0
}

.iti__flag.iti__ao {
    height: 14px;
    background-position: -176px 0
}

.iti__flag.iti__aq {
    height: 14px;
    background-position: -198px 0
}

.iti__flag.iti__ar {
    height: 13px;
    background-position: -220px 0
}

.iti__flag.iti__as {
    height: 10px;
    background-position: -242px 0
}

.iti__flag.iti__at {
    height: 14px;
    background-position: -264px 0
}

.iti__flag.iti__au {
    height: 10px;
    background-position: -286px 0
}

.iti__flag.iti__aw {
    height: 14px;
    background-position: -308px 0
}

.iti__flag.iti__ax {
    height: 13px;
    background-position: -330px 0
}

.iti__flag.iti__az {
    height: 10px;
    background-position: -352px 0
}

.iti__flag.iti__ba {
    height: 10px;
    background-position: -374px 0
}

.iti__flag.iti__bb {
    height: 14px;
    background-position: -396px 0
}

.iti__flag.iti__bd {
    height: 12px;
    background-position: -418px 0
}

.iti__flag.iti__be {
    height: 15px;
    background-position: -440px 0
}

.iti__flag.iti__bf {
    height: 14px;
    background-position: -460px 0
}

.iti__flag.iti__bg {
    height: 12px;
    background-position: -482px 0
}

.iti__flag.iti__bh {
    height: 12px;
    background-position: -504px 0
}

.iti__flag.iti__bi {
    height: 12px;
    background-position: -526px 0
}

.iti__flag.iti__bj {
    height: 14px;
    background-position: -548px 0
}

.iti__flag.iti__bl {
    height: 14px;
    background-position: -570px 0
}

.iti__flag.iti__bm {
    height: 10px;
    background-position: -592px 0
}

.iti__flag.iti__bn {
    height: 10px;
    background-position: -614px 0
}

.iti__flag.iti__bo {
    height: 14px;
    background-position: -636px 0
}

.iti__flag.iti__bq {
    height: 14px;
    background-position: -658px 0
}

.iti__flag.iti__br {
    height: 14px;
    background-position: -680px 0
}

.iti__flag.iti__bs {
    height: 10px;
    background-position: -702px 0
}

.iti__flag.iti__bt {
    height: 14px;
    background-position: -724px 0
}

.iti__flag.iti__bv {
    height: 15px;
    background-position: -746px 0
}

.iti__flag.iti__bw {
    height: 14px;
    background-position: -768px 0
}

.iti__flag.iti__by {
    height: 10px;
    background-position: -790px 0
}

.iti__flag.iti__bz {
    height: 14px;
    background-position: -812px 0
}

.iti__flag.iti__ca {
    height: 10px;
    background-position: -834px 0
}

.iti__flag.iti__cc {
    height: 10px;
    background-position: -856px 0
}

.iti__flag.iti__cd {
    height: 15px;
    background-position: -878px 0
}

.iti__flag.iti__cf {
    height: 14px;
    background-position: -900px 0
}

.iti__flag.iti__cg {
    height: 14px;
    background-position: -922px 0
}

.iti__flag.iti__ch {
    height: 15px;
    background-position: -944px 0
}

.iti__flag.iti__ci {
    height: 14px;
    background-position: -961px 0
}

.iti__flag.iti__ck {
    height: 10px;
    background-position: -983px 0
}

.iti__flag.iti__cl {
    height: 14px;
    background-position: -1005px 0
}

.iti__flag.iti__cm {
    height: 14px;
    background-position: -1027px 0
}

.iti__flag.iti__cn {
    height: 14px;
    background-position: -1049px 0
}

.iti__flag.iti__co {
    height: 14px;
    background-position: -1071px 0
}

.iti__flag.iti__cp {
    height: 14px;
    background-position: -1093px 0
}

.iti__flag.iti__cr {
    height: 12px;
    background-position: -1115px 0
}

.iti__flag.iti__cu {
    height: 10px;
    background-position: -1137px 0
}

.iti__flag.iti__cv {
    height: 12px;
    background-position: -1159px 0
}

.iti__flag.iti__cw {
    height: 14px;
    background-position: -1181px 0
}

.iti__flag.iti__cx {
    height: 10px;
    background-position: -1203px 0
}

.iti__flag.iti__cy {
    height: 14px;
    background-position: -1225px 0
}

.iti__flag.iti__cz {
    height: 14px;
    background-position: -1247px 0
}

.iti__flag.iti__de {
    height: 12px;
    background-position: -1269px 0
}

.iti__flag.iti__dg {
    height: 10px;
    background-position: -1291px 0
}

.iti__flag.iti__dj {
    height: 14px;
    background-position: -1313px 0
}

.iti__flag.iti__dk {
    height: 15px;
    background-position: -1335px 0
}

.iti__flag.iti__dm {
    height: 10px;
    background-position: -1357px 0
}

.iti__flag.iti__do {
    height: 14px;
    background-position: -1379px 0
}

.iti__flag.iti__dz {
    height: 14px;
    background-position: -1401px 0
}

.iti__flag.iti__ea {
    height: 14px;
    background-position: -1423px 0
}

.iti__flag.iti__ec {
    height: 14px;
    background-position: -1445px 0
}

.iti__flag.iti__ee {
    height: 13px;
    background-position: -1467px 0
}

.iti__flag.iti__eg {
    height: 14px;
    background-position: -1489px 0
}

.iti__flag.iti__eh {
    height: 10px;
    background-position: -1511px 0
}

.iti__flag.iti__er {
    height: 10px;
    background-position: -1533px 0
}

.iti__flag.iti__es {
    height: 14px;
    background-position: -1555px 0
}

.iti__flag.iti__et {
    height: 10px;
    background-position: -1577px 0
}

.iti__flag.iti__eu {
    height: 14px;
    background-position: -1599px 0
}

.iti__flag.iti__fi {
    height: 12px;
    background-position: -1621px 0
}

.iti__flag.iti__fj {
    height: 10px;
    background-position: -1643px 0
}

.iti__flag.iti__fk {
    height: 10px;
    background-position: -1665px 0
}

.iti__flag.iti__fm {
    height: 11px;
    background-position: -1687px 0
}

.iti__flag.iti__fo {
    height: 15px;
    background-position: -1709px 0
}

.iti__flag.iti__fr {
    height: 14px;
    background-position: -1731px 0
}

.iti__flag.iti__ga {
    height: 15px;
    background-position: -1753px 0
}

.iti__flag.iti__gb {
    height: 10px;
    background-position: -1775px 0
}

.iti__flag.iti__gd {
    height: 12px;
    background-position: -1797px 0
}

.iti__flag.iti__ge {
    height: 14px;
    background-position: -1819px 0
}

.iti__flag.iti__gf {
    height: 14px;
    background-position: -1841px 0
}

.iti__flag.iti__gg {
    height: 14px;
    background-position: -1863px 0
}

.iti__flag.iti__gh {
    height: 14px;
    background-position: -1885px 0
}

.iti__flag.iti__gi {
    height: 10px;
    background-position: -1907px 0
}

.iti__flag.iti__gl {
    height: 14px;
    background-position: -1929px 0
}

.iti__flag.iti__gm {
    height: 14px;
    background-position: -1951px 0
}

.iti__flag.iti__gn {
    height: 14px;
    background-position: -1973px 0
}

.iti__flag.iti__gp {
    height: 14px;
    background-position: -1995px 0
}

.iti__flag.iti__gq {
    height: 14px;
    background-position: -2017px 0
}

.iti__flag.iti__gr {
    height: 14px;
    background-position: -2039px 0
}

.iti__flag.iti__gs {
    height: 10px;
    background-position: -2061px 0
}

.iti__flag.iti__gt {
    height: 13px;
    background-position: -2083px 0
}

.iti__flag.iti__gu {
    height: 11px;
    background-position: -2105px 0
}

.iti__flag.iti__gw {
    height: 10px;
    background-position: -2127px 0
}

.iti__flag.iti__gy {
    height: 12px;
    background-position: -2149px 0
}

.iti__flag.iti__hk {
    height: 14px;
    background-position: -2171px 0
}

.iti__flag.iti__hm {
    height: 10px;
    background-position: -2193px 0
}

.iti__flag.iti__hn {
    height: 10px;
    background-position: -2215px 0
}

.iti__flag.iti__hr {
    height: 10px;
    background-position: -2237px 0
}

.iti__flag.iti__ht {
    height: 12px;
    background-position: -2259px 0
}

.iti__flag.iti__hu {
    height: 10px;
    background-position: -2281px 0
}

.iti__flag.iti__ic {
    height: 14px;
    background-position: -2303px 0
}

.iti__flag.iti__id {
    height: 14px;
    background-position: -2325px 0
}

.iti__flag.iti__ie {
    height: 10px;
    background-position: -2347px 0
}

.iti__flag.iti__il {
    height: 15px;
    background-position: -2369px 0
}

.iti__flag.iti__im {
    height: 10px;
    background-position: -2391px 0
}

.iti__flag.iti__in {
    height: 14px;
    background-position: -2413px 0
}

.iti__flag.iti__io {
    height: 10px;
    background-position: -2435px 0
}

.iti__flag.iti__iq {
    height: 14px;
    background-position: -2457px 0
}

.iti__flag.iti__ir {
    height: 12px;
    background-position: -2479px 0
}

.iti__flag.iti__is {
    height: 15px;
    background-position: -2501px 0
}

.iti__flag.iti__it {
    height: 14px;
    background-position: -2523px 0
}

.iti__flag.iti__je {
    height: 12px;
    background-position: -2545px 0
}

.iti__flag.iti__jm {
    height: 10px;
    background-position: -2567px 0
}

.iti__flag.iti__jo {
    height: 10px;
    background-position: -2589px 0
}

.iti__flag.iti__jp {
    height: 14px;
    background-position: -2611px 0
}

.iti__flag.iti__ke {
    height: 14px;
    background-position: -2633px 0
}

.iti__flag.iti__kg {
    height: 12px;
    background-position: -2655px 0
}

.iti__flag.iti__kh {
    height: 13px;
    background-position: -2677px 0
}

.iti__flag.iti__ki {
    height: 10px;
    background-position: -2699px 0
}

.iti__flag.iti__km {
    height: 12px;
    background-position: -2721px 0
}

.iti__flag.iti__kn {
    height: 14px;
    background-position: -2743px 0
}

.iti__flag.iti__kp {
    height: 10px;
    background-position: -2765px 0
}

.iti__flag.iti__kr {
    height: 14px;
    background-position: -2787px 0
}

.iti__flag.iti__kw {
    height: 10px;
    background-position: -2809px 0
}

.iti__flag.iti__ky {
    height: 10px;
    background-position: -2831px 0
}

.iti__flag.iti__kz {
    height: 10px;
    background-position: -2853px 0
}

.iti__flag.iti__la {
    height: 14px;
    background-position: -2875px 0
}

.iti__flag.iti__lb {
    height: 14px;
    background-position: -2897px 0
}

.iti__flag.iti__lc {
    height: 10px;
    background-position: -2919px 0
}

.iti__flag.iti__li {
    height: 12px;
    background-position: -2941px 0
}

.iti__flag.iti__lk {
    height: 10px;
    background-position: -2963px 0
}

.iti__flag.iti__lr {
    height: 11px;
    background-position: -2985px 0
}

.iti__flag.iti__ls {
    height: 14px;
    background-position: -3007px 0
}

.iti__flag.iti__lt {
    height: 12px;
    background-position: -3029px 0
}

.iti__flag.iti__lu {
    height: 12px;
    background-position: -3051px 0
}

.iti__flag.iti__lv {
    height: 10px;
    background-position: -3073px 0
}

.iti__flag.iti__ly {
    height: 10px;
    background-position: -3095px 0
}

.iti__flag.iti__ma {
    height: 14px;
    background-position: -3117px 0
}

.iti__flag.iti__mc {
    height: 15px;
    background-position: -3139px 0
}

.iti__flag.iti__md {
    height: 10px;
    background-position: -3160px 0
}

.iti__flag.iti__me {
    height: 10px;
    background-position: -3182px 0
}

.iti__flag.iti__mf {
    height: 14px;
    background-position: -3204px 0
}

.iti__flag.iti__mg {
    height: 14px;
    background-position: -3226px 0
}

.iti__flag.iti__mh {
    height: 11px;
    background-position: -3248px 0
}

.iti__flag.iti__mk {
    height: 10px;
    background-position: -3270px 0
}

.iti__flag.iti__ml {
    height: 14px;
    background-position: -3292px 0
}

.iti__flag.iti__mm {
    height: 14px;
    background-position: -3314px 0
}

.iti__flag.iti__mn {
    height: 10px;
    background-position: -3336px 0
}

.iti__flag.iti__mo {
    height: 14px;
    background-position: -3358px 0
}

.iti__flag.iti__mp {
    height: 10px;
    background-position: -3380px 0
}

.iti__flag.iti__mq {
    height: 14px;
    background-position: -3402px 0
}

.iti__flag.iti__mr {
    height: 14px;
    background-position: -3424px 0
}

.iti__flag.iti__ms {
    height: 10px;
    background-position: -3446px 0
}

.iti__flag.iti__mt {
    height: 14px;
    background-position: -3468px 0
}

.iti__flag.iti__mu {
    height: 14px;
    background-position: -3490px 0
}

.iti__flag.iti__mv {
    height: 14px;
    background-position: -3512px 0
}

.iti__flag.iti__mw {
    height: 14px;
    background-position: -3534px 0
}

.iti__flag.iti__mx {
    height: 12px;
    background-position: -3556px 0
}

.iti__flag.iti__my {
    height: 10px;
    background-position: -3578px 0
}

.iti__flag.iti__mz {
    height: 14px;
    background-position: -3600px 0
}

.iti__flag.iti__na {
    height: 14px;
    background-position: -3622px 0
}

.iti__flag.iti__nc {
    height: 10px;
    background-position: -3644px 0
}

.iti__flag.iti__ne {
    height: 15px;
    background-position: -3666px 0
}

.iti__flag.iti__nf {
    height: 10px;
    background-position: -3686px 0
}

.iti__flag.iti__ng {
    height: 10px;
    background-position: -3708px 0
}

.iti__flag.iti__ni {
    height: 12px;
    background-position: -3730px 0
}

.iti__flag.iti__nl {
    height: 14px;
    background-position: -3752px 0
}

.iti__flag.iti__no {
    height: 15px;
    background-position: -3774px 0
}

.iti__flag.iti__np {
    height: 15px;
    background-position: -3796px 0
}

.iti__flag.iti__nr {
    height: 10px;
    background-position: -3811px 0
}

.iti__flag.iti__nu {
    height: 10px;
    background-position: -3833px 0
}

.iti__flag.iti__nz {
    height: 10px;
    background-position: -3855px 0
}

.iti__flag.iti__om {
    height: 10px;
    background-position: -3877px 0
}

.iti__flag.iti__pa {
    height: 14px;
    background-position: -3899px 0
}

.iti__flag.iti__pe {
    height: 14px;
    background-position: -3921px 0
}

.iti__flag.iti__pf {
    height: 14px;
    background-position: -3943px 0
}

.iti__flag.iti__pg {
    height: 15px;
    background-position: -3965px 0
}

.iti__flag.iti__ph {
    height: 10px;
    background-position: -3987px 0
}

.iti__flag.iti__pk {
    height: 14px;
    background-position: -4009px 0
}

.iti__flag.iti__pl {
    height: 13px;
    background-position: -4031px 0
}

.iti__flag.iti__pm {
    height: 14px;
    background-position: -4053px 0
}

.iti__flag.iti__pn {
    height: 10px;
    background-position: -4075px 0
}

.iti__flag.iti__pr {
    height: 14px;
    background-position: -4097px 0
}

.iti__flag.iti__ps {
    height: 10px;
    background-position: -4119px 0
}

.iti__flag.iti__pt {
    height: 14px;
    background-position: -4141px 0
}

.iti__flag.iti__pw {
    height: 13px;
    background-position: -4163px 0
}

.iti__flag.iti__py {
    height: 11px;
    background-position: -4185px 0
}

.iti__flag.iti__qa {
    height: 8px;
    background-position: -4207px 0
}

.iti__flag.iti__re {
    height: 14px;
    background-position: -4229px 0
}

.iti__flag.iti__ro {
    height: 14px;
    background-position: -4251px 0
}

.iti__flag.iti__rs {
    height: 14px;
    background-position: -4273px 0
}

.iti__flag.iti__ru {
    height: 14px;
    background-position: -4295px 0
}

.iti__flag.iti__rw {
    height: 14px;
    background-position: -4317px 0
}

.iti__flag.iti__sa {
    height: 14px;
    background-position: -4339px 0
}

.iti__flag.iti__sb {
    height: 10px;
    background-position: -4361px 0
}

.iti__flag.iti__sc {
    height: 10px;
    background-position: -4383px 0
}

.iti__flag.iti__sd {
    height: 10px;
    background-position: -4405px 0
}

.iti__flag.iti__se {
    height: 13px;
    background-position: -4427px 0
}

.iti__flag.iti__sg {
    height: 14px;
    background-position: -4449px 0
}

.iti__flag.iti__sh {
    height: 10px;
    background-position: -4471px 0
}

.iti__flag.iti__si {
    height: 10px;
    background-position: -4493px 0
}

.iti__flag.iti__sj {
    height: 15px;
    background-position: -4515px 0
}

.iti__flag.iti__sk {
    height: 14px;
    background-position: -4537px 0
}

.iti__flag.iti__sl {
    height: 14px;
    background-position: -4559px 0
}

.iti__flag.iti__sm {
    height: 15px;
    background-position: -4581px 0
}

.iti__flag.iti__sn {
    height: 14px;
    background-position: -4603px 0
}

.iti__flag.iti__so {
    height: 14px;
    background-position: -4625px 0
}

.iti__flag.iti__sr {
    height: 14px;
    background-position: -4647px 0
}

.iti__flag.iti__ss {
    height: 10px;
    background-position: -4669px 0
}

.iti__flag.iti__st {
    height: 10px;
    background-position: -4691px 0
}

.iti__flag.iti__sv {
    height: 12px;
    background-position: -4713px 0
}

.iti__flag.iti__sx {
    height: 14px;
    background-position: -4735px 0
}

.iti__flag.iti__sy {
    height: 14px;
    background-position: -4757px 0
}

.iti__flag.iti__sz {
    height: 14px;
    background-position: -4779px 0
}

.iti__flag.iti__ta {
    height: 10px;
    background-position: -4801px 0
}

.iti__flag.iti__tc {
    height: 10px;
    background-position: -4823px 0
}

.iti__flag.iti__td {
    height: 14px;
    background-position: -4845px 0
}

.iti__flag.iti__tf {
    height: 14px;
    background-position: -4867px 0
}

.iti__flag.iti__tg {
    height: 13px;
    background-position: -4889px 0
}

.iti__flag.iti__th {
    height: 14px;
    background-position: -4911px 0
}

.iti__flag.iti__tj {
    height: 10px;
    background-position: -4933px 0
}

.iti__flag.iti__tk {
    height: 10px;
    background-position: -4955px 0
}

.iti__flag.iti__tl {
    height: 10px;
    background-position: -4977px 0
}

.iti__flag.iti__tm {
    height: 14px;
    background-position: -4999px 0
}

.iti__flag.iti__tn {
    height: 14px;
    background-position: -5021px 0
}

.iti__flag.iti__to {
    height: 10px;
    background-position: -5043px 0
}

.iti__flag.iti__tr {
    height: 14px;
    background-position: -5065px 0
}

.iti__flag.iti__tt {
    height: 12px;
    background-position: -5087px 0
}

.iti__flag.iti__tv {
    height: 10px;
    background-position: -5109px 0
}

.iti__flag.iti__tw {
    height: 14px;
    background-position: -5131px 0
}

.iti__flag.iti__tz {
    height: 14px;
    background-position: -5153px 0
}

.iti__flag.iti__ua {
    height: 14px;
    background-position: -5175px 0
}

.iti__flag.iti__ug {
    height: 14px;
    background-position: -5197px 0
}

.iti__flag.iti__um {
    height: 11px;
    background-position: -5219px 0
}

.iti__flag.iti__un {
    height: 14px;
    background-position: -5241px 0
}

.iti__flag.iti__us {
    height: 11px;
    background-position: -5263px 0
}

.iti__flag.iti__uy {
    height: 14px;
    background-position: -5285px 0
}

.iti__flag.iti__uz {
    height: 10px;
    background-position: -5307px 0
}

.iti__flag.iti__va {
    height: 15px;
    background-position: -5329px 0
}

.iti__flag.iti__vc {
    height: 14px;
    background-position: -5346px 0
}

.iti__flag.iti__ve {
    height: 14px;
    background-position: -5368px 0
}

.iti__flag.iti__vg {
    height: 10px;
    background-position: -5390px 0
}

.iti__flag.iti__vi {
    height: 14px;
    background-position: -5412px 0
}

.iti__flag.iti__vn {
    height: 14px;
    background-position: -5434px 0
}

.iti__flag.iti__vu {
    height: 12px;
    background-position: -5456px 0
}

.iti__flag.iti__wf {
    height: 14px;
    background-position: -5478px 0
}

.iti__flag.iti__ws {
    height: 10px;
    background-position: -5500px 0
}

.iti__flag,
.iti__flag.iti__xk {
    height: 15px;
    background-position: -5522px 0
}

.iti__flag.iti__ye {
    height: 14px;
    background-position: -5544px 0
}

.iti__flag.iti__yt {
    height: 14px;
    background-position: -5566px 0
}

.iti__flag.iti__za {
    height: 14px;
    background-position: -5588px 0
}

.iti__flag.iti__zm {
    height: 14px;
    background-position: -5610px 0
}

.iti__flag.iti__zw {
    height: 10px;
    background-position: -5632px 0
}

.iti__flag {
    -webkit-box-shadow: 0 0 1px 0 #888;
    box-shadow: 0 0 1px 0 #888;
    background-image: url(../img/flags.png);
    background-repeat: no-repeat;
    background-color: #dbdbdb;
    background-position: 20px 0
}

@media (-webkit-min-device-pixel-ratio:2),
(-o-min-device-pixel-ratio:2/1),
(min-resolution:192dpi) {
    .iti__flag {
        background-image: url(../img/flags%402x.png)
    }
}

.iti__flag.iti__np {
    background-color: transparent
}

@font-face {
    font-family: 'Averta';
    src: url(../fonts/Averta-BlackItalic.eot);
    src: url(../fonts/Averta-BlackItalicd41d.eot?#iefix) format("embedded-opentype"), url(../fonts/Averta-BlackItalic.woff2) format("woff2"), url(../fonts/Averta-BlackItalic.woff) format("woff"), url(../fonts/Averta-BlackItalic.ttf) format("truetype"), url(../fonts/Averta-BlackItalic.svg#Averta-BlackItalic) format("svg");
    font-weight: 900;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: 'Averta';
    src: url(../fonts/Averta-Black.eot);
    src: url(../fonts/Averta-Blackd41d.eot?#iefix) format("embedded-opentype"), url(../fonts/Averta-Black.woff2) format("woff2"), url(../fonts/Averta-Black.woff) format("woff"), url(../fonts/Averta-Black.ttf) format("truetype"), url(../fonts/Averta-Black.svg#Averta-Black) format("svg");
    font-weight: 900;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Averta';
    src: url(../fonts/Averta-Bold.eot);
    src: url(../fonts/Averta-Boldd41d.eot?#iefix) format("embedded-opentype"), url(../fonts/Averta-Bold.woff2) format("woff2"), url(../fonts/Averta-Bold.woff) format("woff"), url(../fonts/Averta-Bold.ttf) format("truetype"), url(../fonts/Averta-Bold.svg#Averta-Bold) format("svg");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Averta';
    src: url(../fonts/Averta-BoldItalic.eot);
    src: url(../fonts/Averta-BoldItalicd41d.eot?#iefix) format("embedded-opentype"), url(../fonts/Averta-BoldItalic.woff2) format("woff2"), url(../fonts/Averta-BoldItalic.woff) format("woff"), url(../fonts/Averta-BoldItalic.ttf) format("truetype"), url(../fonts/Averta-BoldItalic.svg#Averta-BoldItalic) format("svg");
    font-weight: 700;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: 'Averta';
    src: url(../fonts/Averta-Regular.eot);
    src: url(../fonts/Averta-Regulard41d.eot?#iefix) format("embedded-opentype"), url(../fonts/Averta-Regular.woff2) format("woff2"), url(../fonts/Averta-Regular.woff) format("woff"), url(../fonts/Averta-Regular.ttf) format("truetype"), url(../fonts/Averta-Regular.svg#Averta-Regular) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Averta';
    src: url(../fonts/Averta-RegularItalic.eot);
    src: url(../fonts/Averta-RegularItalicd41d.eot?#iefix) format("embedded-opentype"), url(../fonts/Averta-RegularItalic.woff2) format("woff2"), url(../fonts/Averta-RegularItalic.woff) format("woff"), url(../fonts/Averta-RegularItalic.ttf) format("truetype"), url(../fonts/Averta-RegularItalic.svg#Averta-RegularItalic) format("svg");
    font-weight: 400;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: 'Averta';
    src: url(../fonts/Averta-Semibold.eot);
    src: url(../fonts/Averta-Semiboldd41d.eot?#iefix) format("embedded-opentype"), url(../fonts/Averta-Semibold.woff2) format("woff2"), url(../fonts/Averta-Semibold.woff) format("woff"), url(../fonts/Averta-Semibold.ttf) format("truetype"), url(../fonts/Averta-Semibold.svg#Averta-Semibold) format("svg");
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Averta';
    src: url(../fonts/Averta-SemiboldItalic.eot);
    src: url(../fonts/Averta-SemiboldItalicd41d.eot?#iefix) format("embedded-opentype"), url(../fonts/Averta-SemiboldItalic.woff2) format("woff2"), url(../fonts/Averta-SemiboldItalic.woff) format("woff"), url(../fonts/Averta-SemiboldItalic.ttf) format("truetype"), url(../fonts/Averta-SemiboldItalic.svg#Averta-SemiboldItalic) format("svg");
    font-weight: 600;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: 'Averta';
    src: url(../fonts/Averta-ExtraBold.eot);
    src: url(../fonts/Averta-ExtraBoldd41d.eot?#iefix) format("embedded-opentype"), url(../fonts/Averta-ExtraBold.woff2) format("woff2"), url(../fonts/Averta-ExtraBold.woff) format("woff"), url(../fonts/Averta-ExtraBold.ttf) format("truetype"), url(../fonts/Averta-ExtraBold.svg#Averta-ExtraBold) format("svg");
    font-weight: 800;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Averta';
    src: url(../fonts/Averta-ExtraBoldItalic.eot);
    src: url(../fonts/Averta-ExtraBoldItalicd41d.eot?#iefix) format("embedded-opentype"), url(../fonts/Averta-ExtraBoldItalic.woff2) format("woff2"), url(../fonts/Averta-ExtraBoldItalic.woff) format("woff"), url(../fonts/Averta-ExtraBoldItalic.ttf) format("truetype"), url(../fonts/Averta-ExtraBoldItalic.svg#Averta-ExtraBoldItalic) format("svg");
    font-weight: 800;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: 'Averta';
    src: url(../fonts/Averta-Light.eot);
    src: url(../fonts/Averta-Lightd41d.eot?#iefix) format("embedded-opentype"), url(../fonts/Averta-Light.woff2) format("woff2"), url(../fonts/Averta-Light.woff) format("woff"), url(../fonts/Averta-Light.ttf) format("truetype"), url(../fonts/Averta-Light.svg#Averta-Light) format("svg");
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Averta';
    src: url(../fonts/Averta-LightItalic.eot);
    src: url(../fonts/Averta-LightItalicd41d.eot?#iefix) format("embedded-opentype"), url(../fonts/Averta-LightItalic.woff2) format("woff2"), url(../fonts/Averta-LightItalic.woff) format("woff"), url(../fonts/Averta-LightItalic.ttf) format("truetype"), url(../fonts/Averta-LightItalic.svg#Averta-LightItalic) format("svg");
    font-weight: 300;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: 'Averta';
    src: url(../fonts/Averta-ThinItalic.eot);
    src: url(../fonts/Averta-ThinItalicd41d.eot?#iefix) format("embedded-opentype"), url(../fonts/Averta-ThinItalic.woff2) format("woff2"), url(../fonts/Averta-ThinItalic.woff) format("woff"), url(../fonts/Averta-ThinItalic.ttf) format("truetype"), url(../fonts/Averta-ThinItalic.svg#Averta-ThinItalic) format("svg");
    font-weight: 100;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: 'Averta';
    src: url(../fonts/Averta-Thin.eot);
    src: url(../fonts/Averta-Thind41d.eot?#iefix) format("embedded-opentype"), url(../fonts/Averta-Thin.woff2) format("woff2"), url(../fonts/Averta-Thin.woff) format("woff"), url(../fonts/Averta-Thin.ttf) format("truetype"), url(../fonts/Averta-Thin.svg#Averta-Thin) format("svg");
    font-weight: 100;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'icomoon';
    src: url(../fonts/icomoonbe6c.eot?u3gp2h);
    src: url(../fonts/icomoonbe6c.eot?u3gp2h#iefix) format("embedded-opentype"), url(../fonts/icomoonbe6c.ttf?u3gp2h) format("truetype"), url(../fonts/icomoonbe6c.woff?u3gp2h) format("woff"), url(../fonts/icomoonbe6c.svg?u3gp2h#icomoon) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: block
}

#header .header-row #mainmenu ul li.has-menu>a::before,
.get-in-touch .wpcf7-form span.wpcf7-not-valid-tip:before,
[class*=" icon-"],
[class^=icon-],
.body.store .vbox-inline ul li::after {
    font-weight: 400
}

#header .header-row #mainmenu ul li.has-menu>a::before,
.get-in-touch .wpcf7-form span.wpcf7-not-valid-tip:before,
.menu .back span::before,
.menu__trigger span::before,
[class*=" icon-"],
[class^=icon-],
.body.store .vbox-inline ul li::after {
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.m-t-5 {
    margin-top: 5px !important
}

.p-t-5 {
    padding-top: 5px !important
}

.m-b-5 {
    margin-bottom: 5px !important
}

.p-b-5 {
    padding-bottom: 5px !important
}

.m-l-5 {
    margin-left: 5px !important
}

.p-l-5 {
    padding-left: 5px !important
}

.m-r-5 {
    margin-right: 5px !important
}

.p-r-5 {
    padding-right: 5px !important
}

.m-t-10 {
    margin-top: 10px !important
}

.p-t-10 {
    padding-top: 10px !important
}

.m-b-10 {
    margin-bottom: 10px !important
}

.p-b-10 {
    padding-bottom: 10px !important
}

.m-l-10 {
    margin-left: 10px !important
}

.p-l-10 {
    padding-left: 10px !important
}

.m-r-10 {
    margin-right: 10px !important
}

.p-r-10 {
    padding-right: 10px !important
}

.m-t-15 {
    margin-top: 15px !important
}

.p-t-15 {
    padding-top: 15px !important
}

.m-b-15 {
    margin-bottom: 15px !important
}

.p-b-15 {
    padding-bottom: 15px !important
}

.m-l-15 {
    margin-left: 15px !important
}

.p-l-15 {
    padding-left: 15px !important
}

.m-r-15 {
    margin-right: 15px !important
}

.p-r-15 {
    padding-right: 15px !important
}

.m-t-20 {
    margin-top: 20px !important
}

.p-t-20 {
    padding-top: 20px !important
}

.m-b-20 {
    margin-bottom: 20px !important
}

.p-b-20 {
    padding-bottom: 20px !important
}

.m-l-20 {
    margin-left: 20px !important
}

.p-l-20 {
    padding-left: 20px !important
}

.m-r-20 {
    margin-right: 20px !important
}

.p-r-20 {
    padding-right: 20px !important
}

.m-t-25 {
    margin-top: 25px !important
}

.p-t-25 {
    padding-top: 25px !important
}

.m-b-25 {
    margin-bottom: 25px !important
}

.p-b-25 {
    padding-bottom: 25px !important
}

.m-l-25 {
    margin-left: 25px !important
}

.p-l-25 {
    padding-left: 25px !important
}

.m-r-25 {
    margin-right: 25px !important
}

.p-r-25 {
    padding-right: 25px !important
}

.m-t-30 {
    margin-top: 30px !important
}

.p-t-30 {
    padding-top: 30px !important
}

.m-b-30 {
    margin-bottom: 30px !important
}

.p-b-30 {
    padding-bottom: 30px !important
}

.m-l-30 {
    margin-left: 30px !important
}

.p-l-30 {
    padding-left: 30px !important
}

.m-r-30 {
    margin-right: 30px !important
}

.p-r-30 {
    padding-right: 30px !important
}

.m-t-35 {
    margin-top: 35px !important
}

.p-t-35 {
    padding-top: 35px !important
}

.m-b-35 {
    margin-bottom: 35px !important
}

.p-b-35 {
    padding-bottom: 35px !important
}

.m-l-35 {
    margin-left: 35px !important
}

.p-l-35 {
    padding-left: 35px !important
}

.m-r-35 {
    margin-right: 35px !important
}

.p-r-35 {
    padding-right: 35px !important
}

.m-t-40 {
    margin-top: 40px !important
}

.p-t-40 {
    padding-top: 40px !important
}

.m-b-40 {
    margin-bottom: 40px !important
}

.p-b-40 {
    padding-bottom: 40px !important
}

.m-l-40 {
    margin-left: 40px !important
}

.p-l-40 {
    padding-left: 40px !important
}

.m-r-40 {
    margin-right: 40px !important
}

.p-r-40 {
    padding-right: 40px !important
}

.m-t-45 {
    margin-top: 45px !important
}

.p-t-45 {
    padding-top: 45px !important
}

.m-b-45 {
    margin-bottom: 45px !important
}

.p-b-45 {
    padding-bottom: 45px !important
}

.m-l-45 {
    margin-left: 45px !important
}

.p-l-45 {
    padding-left: 45px !important
}

.m-r-45 {
    margin-right: 45px !important
}

.p-r-45 {
    padding-right: 45px !important
}

.m-t-50 {
    margin-top: 50px !important
}

.p-t-50 {
    padding-top: 50px !important
}

.m-b-50 {
    margin-bottom: 50px !important
}

.p-b-50 {
    padding-bottom: 50px !important
}

.m-l-50 {
    margin-left: 50px !important
}

.p-l-50 {
    padding-left: 50px !important
}

.m-r-50 {
    margin-right: 50px !important
}

.p-r-50 {
    padding-right: 50px !important
}

.m-t-75 {
    margin-top: 75px !important
}

.p-t-75 {
    padding-top: 75px !important
}

.m-b-75 {
    margin-bottom: 75px !important
}

.p-b-75 {
    padding-bottom: 75px !important
}

.m-l-75 {
    margin-left: 75px !important
}

.p-l-75 {
    padding-left: 75px !important
}

.m-r-75 {
    margin-right: 75px !important
}

.p-r-75 {
    padding-right: 75px !important
}

.m-t-100 {
    margin-top: 100px !important
}

.p-t-100 {
    padding-top: 100px !important
}

.m-b-100 {
    margin-bottom: 100px !important
}

.p-b-100 {
    padding-bottom: 100px !important
}

.m-l-100 {
    margin-left: 100px !important
}

.p-l-100 {
    padding-left: 100px !important
}

.m-r-100 {
    margin-right: 100px !important
}

.p-r-100 {
    padding-right: 100px !important
}

.codedropz-upload-wrapper .dnd-upload-status .dnd-upload-details .remove-file {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

html {
    font-size: 16px
}

body {
    font-family: "Averta", sans-serif;
    line-height: 1.5;
    font-weight: 400;
    background-color: #000;
    color: #12141d
}

body,
figure {
    margin: 0
}

img {
    max-width: 100%
}

p {
    margin: 0 0 30px
}

p.bigger {
    font-size: 1.25em
}

@media (max-width:991px) {
    p.bigger {
        font-size: 1em
    }
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 24px;
    line-height: 140%;
    color: #25245d
}

.h1,
h1 {
    font-size: 2.5em
}

.h2,
h2 {
    font-size: 2em
}

@media (max-width:991px) {

    .h2,
    h2 {
        font-size: 26px
    }
}

.h3,
h3 {
    font-size: 1.75em
}

@media (max-width:991px) {

    .h3,
    h3 {
        font-size: 22px
    }
}

.h4,
h4 {
    font-size: 1.5em
}

@media (max-width:991px) {

    .h4,
    h4 {
        font-size: 20px
    }
}

.h5,
h5 {
    font-size: 1.25em
}

.h6,
h6 {
    font-size: 1em
}

*,
:after,
:before,
button,
input[type=button],
input[type=email],
input[type=number],
input[type=password],
input[type=search],
input[type=submit],
input[type=tel],
input[type=text],
select,
textarea {
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

a {
    color: #25245d;
    text-decoration: none;
    -webkit-transition: all cubic-bezier(.15, .3, .2, .9) 250ms;
    -o-transition: all cubic-bezier(.15, .3, .2, .9) 250ms;
    transition: all cubic-bezier(.15, .3, .2, .9) 250ms
}

a:hover {
    color: #38a7a1
}

.container,
.wrap,
.wrap-small {
    max-width: 1512px;
    width: 100%;
    padding: 0 32px;
    margin: 0 auto
}

.wrap,
.wrap-small {
    max-width: 1644px
}

.wrap-small {
    max-width: 1304px
}

.section-row {
    padding: 100px 0 !important;
    overflow: clip
}

@media (max-width:1199px) {
    .section-row {
        padding: 80px 0 !important;
    }
}

@media (max-width:767px) {
    .section-row {
        padding: 48px 0 !important;
    }
}

.section-title2 {
    margin-bottom: 50px;
    position: relative;
    z-index: 1
}

.section-title2 h1,
.section-title2 h2 {
    font-size: 7.5em;
    -webkit-text-stroke: 2px #25245d;
    paint-order: stroke fill;
    color: transparent;
    margin-bottom: 10px
}

@media (max-width:1400px) {

    .section-title2 h1,
    .section-title2 h2 {
        font-size: 100px
    }
}

@media (max-width:1199px) {

    .section-title2 h1,
    .section-title2 h2 {
        font-size: 90px
    }
}

@media (max-width:767px) {

    .section-title2 h1,
    .section-title2 h2 {
        font-size: 60px
    }
}

.section-title2 h3 {
    font-size: 2.875em;
    color: #25245d;
    line-height: 1.3;
    margin: 0 0 20px
}

@media (max-width:1400px) {
    .section-title2 h3 {
        font-size: 2.375em
    }
}

@media (max-width:991px) {
    .section-title2 h3 {
        font-size: 1.875em
    }
}

@media (max-width:575px) {
    .section-title2 h3 {
        font-size: 1.5em
    }
}

.section-title2 h4 {
    color: #fff;
    font-size: 1.625em;
    margin: 0
}

.section-title2.white h1,
.section-title2.white h2 {
    -webkit-text-stroke: 1px #fff
}

.section-title2.white h3 {
    color: #fff
}

.section-title2>p {
    margin-top: 30px;
    font-size: 1.25em;
    opacity: .8
}

@media (max-width:991px) {
    .section-title2>p {
        font-size: 1.125em
    }
}

@media (max-width:767px) {
    .section-title2>p {
        font-size: 1em
    }
}

.section-title2>p:last-child {
    margin-bottom: 0
}

.section-title2 .quote-msg {
    position: absolute;
    right: 0;
    bottom: 0;
    -o-object-fit: contain;
    object-fit: contain;
    z-index: -1
}

@media (max-width:991px) {
    .section-title2 .quote-msg {
        width: 130px
    }
}

@media (max-width:767px) {
    .section-title2 .quote-msg {
        width: 100px;
        top: -10px
    }
}

@media (max-width:575px) {
    .section-title2 .quote-msg {
        width: 60px;
        top: -35px
    }
}

.section-title {
    margin-bottom: 48px;
    max-width: 560px
}

@media (max-width:991px) {
    .section-title {
        margin-bottom: 32px
    }
}

.section-title.small h1,
.section-title.small h2 {
    font-size: 2.5em
}

@media (max-width:991px) {

    .section-title.small h1,
    .section-title.small h2 {
        font-size: 1.875em
    }
}

.section-title.small h1 span,
.section-title.small h2 span {
    display: block;
    color: #38a7a1;
    font-weight: 400;
    font-size: 20px;
    line-height: 1;
    margin-top: 10px
}

.section-title.center {
    text-align: center;
    max-width: 100%
}

.section-title.center .top-title {
    padding-right: 44px;
    color: #25245d
}

@media (max-width:575px) {
    .section-title.center .top-title {
        padding-right: 0
    }
}

.section-title .top-title:before,
.section-title.center .top-title:after {
    content: '';
    position: absolute;
    background: #c7c9d9;
    width: 37px;
    height: 1px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.section-title.center .top-title:after {
    right: 0;
    left: auto
}

@media (max-width:575px) {
    .section-title.center .top-title:after {
        display: none
    }
}

.section-title.center>p {
    max-width: 985px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0
}

.section-title.white,
.section-title.white h1,
.section-title.white h2,
.section-title.white h3 {
    color: #fff
}

.section-title .top-title {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    font-weight: 600;
    color: #555770;
    padding-left: 44px;
    margin-bottom: 10px;
    text-transform: uppercase
}

@media (max-width:575px) {
    .section-title .top-title {
        padding-left: 24px;
        font-size: 14px
    }
}

.section-title .top-title:before {
    left: 0
}

@media (max-width:575px) {
    .section-title .top-title:before {
        width: 15px
    }
}

.accordion-data a,
.section-title .top-title.green {
    color: #25245d
}

.section-title h1,
.section-title h2 {
    margin: 0;
    font-size: 3.125em;
    line-height: 118%
}

@media (max-width:1400px) {

    .section-title h1,
    .section-title h2 {
        font-size: 2.5em
    }
}

@media (max-width:991px) {

    .section-title h1,
    .section-title h2 {
        font-size: 1.875em
    }
}

@media (max-width:767px) {

    .section-title h1,
    .section-title h2 {
        font-size: 1.75em
    }
}

.section-title h1 span,
.section-title h2 span {
    color: #25245d;
    display: inline
}

.section-title h3 {
    margin: 0
}

.section-title p {
    margin-top: 24px;
    margin-bottom: 0
}

.section-title p:not(.bigger) {
    font-size: 16px
}

.section-title h4 {
    max-width: 1150px;
    margin: 24px auto 0
}

@media (max-width:767px) {
    .section-title h4 {
        font-size: 16px
    }
}

.cols,
.cols .col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.cols {
    margin: 0 -32px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.cols .col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 32px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.cols.cols4 .col {
    width: 25%
}

.cols.cols3 .col {
    width: 33.33%
}

.cols.cols2 .col {
    width: 50%
}

@media (max-width:767px) {
    .cols.cols2 .col {
        width: 100%
    }
}

.grids {
    display: grid;
    grid-gap: 32px
}

.grids.grid4 {
    grid-template-columns: repeat(4, 1fr)
}

@media (max-width:1199px) {
    .grids.grid4 {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media (max-width:767px) {
    .grids.grid4 {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (max-width:575px) {
    .grids.grid4 {
        grid-template-columns: repeat(1, 1fr)
    }
}

.grids.grid3 {
    grid-template-columns: repeat(3, 1fr)
}

@media (max-width:767px) {
    .grids.grid3 {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (max-width:575px) {
    .grids.grid3 {
        grid-template-columns: repeat(1, 1fr)
    }
}

.grids.grid2 {
    grid-template-columns: repeat(2, 1fr)
}

@media (max-width:767px) {
    .grids.grid2 {
        grid-template-columns: repeat(1, 1fr)
    }
}

.grids .grid {
    width: 100% !important
}

.text-center {
    text-align: center
}

ul {
    margin: 40px 0;
}

ul.listing {
    list-style: none;
    padding: 0;
    line-height: 1.5
}

ul.listing li {
    position: relative;
    padding-left: 15px
}

ul.listing li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 10px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #000
}

ul.listing li span {
    font-weight: 700;
    color: #25245d
}

ul.listing.icon li,
ul.listing.icon li span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

ul.listing.icon li {
    padding-left: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

ul.listing.icon li strong {
    margin-right: 5px
}

ul.listing.icon li span {
    margin-right: 15px
}

ul.listing.icon li span img {
    width: 20px;
    height: 20px;
    -o-object-fit: contain;
    object-fit: contain
}

ul.white {
    color: #fff
}

.read-more.white::before,
body,
ul.white li::before {
    background: #fff
}

.gray-bg {
    background: #fafafc !important
}

.gray-bg .client-logo .client-logo-box figure img {
    opacity: 1;
    -webkit-filter: brightness(.5);
    filter: brightness(.5)
}

.pt-0 {
    padding-top: 0
}

.pb-0 {
    padding-bottom: 0
}

#contact-map .gm-style>div>div>div>div>div>div>div,
.gradient-text {
    background: 0 0 !important
}

.gradient-text :is(h2, h3, h4, h5, h6) {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    color: transparent
}

.gradient-text.gradient-blue :is(h2, h3, h4, h5, h6) {
    background-image: -o-linear-gradient(302.86deg, #5b8def 6.95%, #0063f7 93.05%);
    background-image: linear-gradient(147.14deg, #5b8def 6.95%, #0063f7 93.05%)
}

.gradient-text.gradient-blue svg {
    position: relative
}

.gradient-text.gradient-blue svg:before {
    content: '';
    background: #000;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.gradient-text.gradient-blue svg path {
    fill: linear-gradient(147.14deg, #5b8def 6.95%, #0063f7 93.05%)
}

.gradient-text.gradient-orange :is(h2, h3, h4, h5, h6) {
    background-image: -webkit-gradient(linear, left top, right top, from(#ff6900), to(#e63535));
    background-image: -o-linear-gradient(left, #ff6900 0%, #e63535 100%);
    background-image: linear-gradient(90deg, #ff6900 0%, #e63535 100%)
}

.gradient-text.gradient-green :is(h2, h3, h4, h5, h6) {
    background-image: -o-linear-gradient(302.86deg, #00cfde 6.95%, #05a660 93.05%);
    background-image: linear-gradient(147.14deg, #00cfde 6.95%, #05a660 93.05%)
}

.gradient-text.gradient-red :is(h2, h3, h4, h5, h6) {
    background-image: -o-linear-gradient(302.86deg, #ff3b3b 6.95%, #60c 93.05%);
    background-image: linear-gradient(147.14deg, #ff3b3b 6.95%, #60c 93.05%)
}

.gradient-text.gradient-sky-blue :is(h2, h3, h4, h5, h6) {
    background-image: -o-linear-gradient(120deg, #73dfe7 13.4%, #0063f7 86.6%);
    background-image: linear-gradient(330deg, #73dfe7 13.4%, #0063f7 86.6%)
}

.gradient-text.gradient-purple :is(h2, h3, h4, h5, h6) {
    background-image: -o-linear-gradient(302.86deg, #3e7bfa 6.95%, #60c 93.05%);
    background-image: linear-gradient(147.14deg, #3e7bfa 6.95%, #60c 93.05%)
}

.gradient-blue {
    background: -o-linear-gradient(302.86deg, #5b8def 6.95%, #0063f7 93.05%);
    background: linear-gradient(147.14deg, #5b8def 6.95%, #0063f7 93.05%)
}

.gradient-orange {
    background: -webkit-gradient(linear, left top, right top, from(#ff6900), to(#e63535));
    background: -o-linear-gradient(left, #ff6900 0%, #e63535 100%);
    background: linear-gradient(90deg, #ff6900 0%, #e63535 100%)
}

.gradient-green {
    background: -o-linear-gradient(302.86deg, #00cfde 6.95%, #05a660 93.05%);
    background: linear-gradient(147.14deg, #00cfde 6.95%, #05a660 93.05%)
}

.cta-banner-row .cta-banner.red-clr-cta,
.gradient-red {
    background: -o-linear-gradient(302.86deg, #ff3b3b 6.95%, #60c 93.05%);
    background: linear-gradient(147.14deg, #ff3b3b 6.95%, #60c 93.05%)
}

.gradient-sky-blue {
    background: -o-linear-gradient(120deg, #73dfe7 13.4%, #0063f7 86.6%);
    background: linear-gradient(330deg, #73dfe7 13.4%, #0063f7 86.6%)
}

.gradient-purple {
    background: -o-linear-gradient(302.86deg, #3e7bfa 6.95%, #60c 93.05%);
    background: linear-gradient(147.14deg, #3e7bfa 6.95%, #60c 93.05%)
}

.gradient-parrot {
    background: -o-linear-gradient(304.49deg, #fddd48 7.21%, #00b7c4 94.47%);
    background: linear-gradient(145.51deg, #fddd48 7.21%, #00b7c4 94.47%)
}

.border-top {
    border-top: 1px solid #e4e4eb
}

.blue-box {
    background: #f2f8ff !important;
    border-color: #136cf5
}

.orange-box {
    border-color: #ec4326;
    background: #fff2f0 !important
}

.green-box {
    border-color: #04ad77;
    background: #f1fbf2 !important
}

.purple-box {
    border-color: #850cae;
    background: #fdf8ff !important
}

.red-box {
    border-color: #ef4821;
    background: #fffbfa !important
}

.dark-blue-box {
    border-color: #4c55cd;
    background: #f9f9ff !important
}

.parrot-box {
    background: #ebfcf8 !important
}

.read-more {
    font-size: 16px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: 8px;
    position: relative;
    overflow: hidden;
    z-index: 1;
    color: #38a7a1
}

.cta-banner-row .cta-banner .button.icon:hover .span,
.read-more.white {
    color: #fff
}

.read-more::before {
    content: '';
    position: absolute;
    -webkit-transition: all 250ms cubic-bezier(.15, .3, .2, .9);
    -o-transition: all 250ms cubic-bezier(.15, .3, .2, .9);
    transition: all 250ms cubic-bezier(.15, .3, .2, .9);
    left: 0;
    bottom: 0;
    width: calc(100% - 24px);
    height: 1px;
    background: #38a7a1
}

.read-more:hover::before {
    width: 0;
    right: 24px;
    left: auto
}

.read-more,
.read-more i {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

::-moz-selection {
    color: #fff;
    background: #38a7a1
}

::selection {
    color: #fff;
    background: #38a7a1;
    -webkit-text-fill-color: #fff
}

.body.career-detail footer .ftr-top-sec,
.body.contact-us footer .ftr-top-sec,
.body.request-quote-page footer .ftr-top-sec,
.body.sitemap footer .ftr-top-sec {
    padding-top: 50px
}

.body.request-quote-page #header {
    border: 0
}

.body.request-quote-page .dark-theme-contact .contact-form-box .contact-form-info .contact-form-field .button:hover {
    background-color: #25245d
}

.cta-banner-row {
    padding-top: 32px;
    position: relative;
    overflow: hidden
}

@media (max-width:767px) {
    .cta-banner-row {
        width: calc(100% + 64px);
        margin-left: -32px;
        padding-top: 0
    }
}

.cta-banner-row .cta-banner {
    background: -o-linear-gradient(304.49deg, #25245d 7.21%, #38a7a1 94.47%);
    background: linear-gradient(145.51deg, #25245d 7.21%, #38a7a1 94.47%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    z-index: 1
}

@media (max-width:991px) {
    .cta-banner-row .cta-banner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .cta-banner-row .cta-banner::after {
        display: none
    }
}

.cta-banner-row .cta-banner:after {
    content: '';
    position: absolute;
    width: 286px;
    height: 100%;
    top: 0;
    background-size: 100% 100% !important;
    background: url(../img/cta-shape-2.svg) no-repeat center top;
    right: 0;
    bottom: 0;
    pointer-events: none;
    background-position: bottom right;
    z-index: -1
}

@media (max-width:991px) {
    .cta-banner-row .cta-banner:after {
        background-size: 100% !important
    }
}

.cta-banner-row .cta-banner:before {
    content: '';
    position: absolute;
    width: calc(100% - 60%);
    height: 100%;
    top: 0;
    background: url(../img/cta-shape.svg) no-repeat center top;
    left: 54px;
    background-size: 100% 100%;
    pointer-events: none;
    z-index: -1
}

@media (max-width:991px) {
    .cta-banner-row .cta-banner:before {
        left: 0;
        right: 0;
        top: auto;
        background-position: bottom center;
        height: 250px;
        bottom: 0;
        width: 100%
    }
}

.cta-banner-row .cta-banner .cta-info {
    width: 50%;
    padding: 0 32px;
    color: #fff
}

@media (max-width:991px) {
    .cta-banner-row .cta-banner .cta-info {
        width: 100%;
        padding: 60px 32px
    }
}

.cta-banner-row .cta-banner .cta-info h2 {
    font-size: 2.5em;
    margin-bottom: 15px;
    color: #fff;
    line-height: 54px
}

@media (max-width:1400px) {
    .cta-banner-row .cta-banner .cta-info h2 {
        font-size: 2.1875em;
        line-height: 45px
    }
}

@media (max-width:991px) {
    .cta-banner-row .cta-banner .cta-info h2 {
        font-size: 30px;
        line-height: 40px
    }
}

@media (max-width:575px) {
    .cta-banner-row .cta-banner .cta-info h2 {
        font-size: 24px;
        line-height: 30px
    }
}

.cta-banner-row .cta-banner .cta-info p,
.body.banner-form-detail .review-inner-row .review-information-box .review-info h3 {
    font-size: 20px
}

@media (max-width:991px) {
    .cta-banner-row .cta-banner .cta-info p {
        font-size: 18px
    }
}

@media (max-width:575px) {
    .cta-banner-row .cta-banner .cta-info p {
        font-size: 16px
    }
}

.cta-banner-row .cta-banner .cta-info.cta-content {
    padding: 56px 100px 56px 0
}

@media (max-width:1199px) {
    .cta-banner-row .cta-banner .cta-info.cta-content {
        padding-right: 32px
    }
}

@media (max-width:991px) {
    .cta-banner-row .cta-banner .cta-info.cta-content {
        padding: 60px 32px;
        text-align: center
    }
}

.cta-banner-row .cta-banner .cta-info.cta-img {
    position: relative;
    margin-top: -32px
}

@media (max-width:991px) {
    .cta-banner-row .cta-banner .cta-info.cta-img {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        margin: 0;
        padding: 0 32px
    }
}

.cta-banner-row .cta-banner .cta-info.cta-img figure {
    max-width: 450px;
    width: 100%;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

@media (max-width:991px) {
    .cta-banner-row .cta-banner .cta-info.cta-img figure {
        position: relative
    }
}

.cta-banner-row .cta-banner .cta-info.cta-img figure img {
    width: 405px;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

@media (max-width:991px) {
    .cta-banner-row .cta-banner .cta-info.cta-img figure img {
        height: 405px
    }
}

@media (max-width:767px) {
    .cta-banner-row .cta-banner .cta-info.cta-img figure img {
        height: 300px
    }
}

.technology-list-page .counter-section {
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr))
}

@media (max-width:1400px) {
    .technology-list-page .counter-section {
        -webkit-column-gap: 10px;
        -moz-column-gap: 10px;
        column-gap: 10px
    }
}

@media (max-width:1199px) {
    .technology-list-page .counter-section {
        row-gap: 0
    }
}

@media (max-width:575px) {
    .technology-list-page .counter-section {
        row-gap: 20px
    }
}

@media (max-width:1600px) {
    .technology-list-page .counter-section .counter-box {
        row-gap: 10px;
        padding: 50px 20px
    }
}

@media (max-width:1400px) {
    .technology-list-page .counter-section .counter-box {
        padding: 30px 20px
    }
}

.customize-support footer .ftr-top-sec .ftrani {
    display: none
}

.order-1 {
    -webkit-box-ordinal-group: 0 !important;
    -ms-flex-order: -1 !important;
    order: -1 !important
}

strong {
    font-weight: 700
}

.benefit-point-box+.button.center,
.image-gallery-slider+a.button {
    margin-top: 60px
}

@media (max-width:991px) {
    .image-gallery-slider+a.button {
        margin-top: 50px
    }
}

@media (max-width:767px) {
    .image-gallery-slider+a.button {
        margin-top: 40px
    }
}

@media (max-width:575px) {
    .image-gallery-slider+a.button {
        margin-top: 32px
    }
}

@media (max-width:767px) {
    .benefit-point-box+.button.center {
        margin-top: 45px
    }
}

@media (max-width:575px) {
    .benefit-point-box+.button.center {
        margin-top: 30px
    }
}

#header .header-row #mainmenu ul li .nav-main-row.one-col .nav-row .nav-left-sec .nav-box-row .nav-box .nav-lists ul,
ul.check-listing {
    list-style-type: none
}

ul.check-listing li {
    position: relative;
    padding-left: 35px;
    z-index: 1;
    margin-bottom: 10px
}

@media (max-width:767px) {
    ul.check-listing li {
        padding-left: 32px
    }
}

ul.check-listing li:last-child {
    margin-bottom: 0
}

ul.check-listing li::before {
    content: "";
    position: absolute;
    top: 8px;
    left: 4px;
    background: url(../img/right-svg.svg) no-repeat;
    width: 12px;
    height: 10px;
    background-size: cover;
    z-index: 1
}

@media (max-width:767px) {
    ul.check-listing li::before {
        width: 10px;
        height: 8px;
        top: 9px
    }
}

ul.check-listing li::after {
    content: "";
    position: absolute;
    top: 4px;
    left: 0;
    background-color: #38a7a1;
    width: 18px;
    height: 18px;
    border-radius: 50%
}

@media (max-width:767px) {
    ul.check-listing li::after {
        top: 4px
    }
}

.admin-bar #header {
    top: 32px
}

@media (max-width:782px) {
    .admin-bar #header {
        top: 46px
    }
}

@media (max-width:600px) {
    .admin-bar #wpadminbar {
        position: fixed
    }
}

.stage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    position: relative;
    padding: 0;
    width: 150px;
    overflow: hidden;
    margin-left: 3px;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

.dot-flashing,
.dot-flashing::after,
.dot-flashing::before {
    width: 3px;
    height: 3px;
    border-radius: 5px;
    background-color: #fff
}

.dot-flashing {
    margin-left: 12px;
    position: relative;
    -webkit-animation: dot-flashing 1s infinite linear alternate;
    animation: dot-flashing 1s infinite linear alternate;
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

.dot-flashing::after,
.dot-flashing::before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    left: -8px;
    -webkit-animation: dot-flashing 1s infinite alternate;
    animation: dot-flashing 1s infinite alternate;
    -webkit-animation-delay: 0s;
    animation-delay: 0s
}

.dot-flashing::after {
    left: 8px;
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.apply-seo-analyst .wpcf7-form span.wpcf7-not-valid-tip {
    padding: 10px 0 0
}

.grid.pin {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start
}

.text-sky {
    color: #51baec
}

@media (max-width:1199px) {
    .body.portfolio-page .technology-banner {
        padding: 80px 0
    }
}

@media (max-width:767px) {
    .body.portfolio-page .technology-banner {
        padding: 48px 0
    }
}

#header .nav-lists li .hiring-tag {
    position: absolute;
    top: 10px;
    left: 100%;
    width: 100%;
    white-space: nowrap
}

.hiring-tag,
footer .ftr-center .ftr-center-row .ftr-link-sec ul li>span {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 400;
    font-size: 12px;
    background-color: #38a7a1;
    padding: 3px 8px;
    margin-left: 13px;
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
    color: #fff
}

@media (max-width:767px) {
    .hiring-tag {
        padding: 1px 8px
    }
}

.hiring-tag::before {
    content: '';
    width: 0;
    height: 0;
    border-width: 0 0 10px 12px;
    border-color: transparent transparent #38a7a1;
    border-style: solid;
    position: absolute;
    left: -12px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.body.career-detail .codedropz-upload-wrapper .dnd-upload-status .dnd-upload-details .name span {
    color: #000;
    font-weight: 500
}

.body.contact-page .get-in-touch .section-title h2 {
    margin-bottom: 30px
}

@media (max-width:991px) {
    .body.contact-page .get-in-touch .section-title h2 {
        margin-bottom: 20px
    }
}

.blog-sidebar-info .subscribe-message {
    margin: 20px 0 0
}

.blog-sidebar-info .subscribe-message.success {
    color: #25245d
}

.tag-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    overflow: auto;
    scrollbar-width: thin;
    scrollbar-color: #c1c1c1 #f5f5f5
}

.tag-list::-webkit-scrollbar-track {
    background-color: #f5f5f5
}

.tag-list::-webkit-scrollbar {
    width: 3px;
    background-color: #f5f5f5
}

.tag-list::-webkit-scrollbar-thumb {
    background-color: #c1c1c1
}

@media (max-width:575px) {
    .tag-list {
        gap: 5px
    }
}

.tag {
    padding: 15px 20px;
    border-radius: 28px;
    background-color: #e1e2e2;
    font-size: 18px;
    color: #000;
    white-space: nowrap;
    -webkit-transition: 250ms ease-in-out;
    -o-transition: 250ms ease-in-out;
    transition: 250ms ease-in-out
}

@media (max-width:1600px) {
    .tag {
        font-size: 16px;
        padding: 10px 15px
    }
}

@media (max-width:1199px) {
    .tag {
        padding: 8px 12px
    }
}

@media (max-width:991px) {
    .tag {
        font-size: 14px
    }
}

.tag.active,
.tag:hover {
    background-color: #38a7a1;
    color: #fff
}

.grecaptcha-badge {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important
}

.hr-info-box .hr-details h3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.hr-info-box .hr-details h3 a {
    display: block;
    margin-left: 15px;
    color: #0077b5
}

@media (max-width:1199px) {
    .hr-info-box .hr-details h3 a {
        margin-left: 10px
    }
}

.hr-info-box .hr-details h3 a i {
    display: block
}

.hr-info-box .hr-details h3 a:hover {
    color: #008dd6
}

.conteneur {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    height: 100%
}

.body.home .hero-section .hero-row .hero-box h1 .primary-text {
    line-height: 82px
}

.body.home .hero-section .hero-row .hero-box p {
    min-height: 45px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: 550px;
    margin: 0
}

#header .header-row .button {
    min-width: 185px !important
}

#contact-map .gm-style-iw>div,
.submitting .button.icon:hover:before {
    width: 100% !important
}

button {
    margin: 0;
    -webkit-appearance: none
}

input[type=email],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=url],
select,
textarea {
    margin: 0;
    vertical-align: middle
}

input[type=button],
input[type=submit] {
    font-size: 100%;
    margin: 0;
    vertical-align: middle
}

input[type=button],
input[type=email],
input[type=number],
input[type=password],
input[type=search],
input[type=submit],
input[type=tel],
input[type=text],
input[type=url],
textarea {
    -webkit-appearance: none;
    border-radius: 0
}

input[type=email],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=url] {
    background: 0 0;
    padding: 5px 20px;
    height: 50px;
    line-height: 1.5
}

input[type=email],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=url],
select,
textarea {
    border: solid 1px #e3e3e3;
    width: 100%;
    font-family: "Averta", sans-serif;
    -webkit-transition: border-color 350ms cubic-bezier(.5, 0, .25, 1), background 350ms cubic-bezier(.5, 0, .25, 1);
    -o-transition: border-color 350ms cubic-bezier(.5, 0, .25, 1), background 350ms cubic-bezier(.5, 0, .25, 1);
    transition: border-color 350ms cubic-bezier(.5, 0, .25, 1), background 350ms cubic-bezier(.5, 0, .25, 1);
    color: #1c1c28;
    font-size: 1em
}

textarea {
    background: 0 0;
    line-height: 1.5
}

select {
    height: 50px
}

@media (max-width:767px) {

    input[type=email],
    input[type=number],
    input[type=password],
    input[type=search],
    input[type=tel],
    input[type=text],
    input[type=url],
    select,
    textarea {
        height: 40px;
        font-size: 14px
    }
}

input[type=email]:active,
input[type=email]:focus,
input[type=number]:active,
input[type=number]:focus,
input[type=password]:active,
input[type=password]:focus,
input[type=search]:active,
input[type=search]:focus,
input[type=tel]:active,
input[type=tel]:focus,
input[type=text]:active,
input[type=text]:focus,
input[type=url]:active,
input[type=url]:focus,
select:active,
select:focus,
textarea:active,
textarea:focus {
    border-color: rgba(85, 87, 112, .6)
}

input[type=email]::-webkit-input-placeholder,
input[type=number]::-webkit-input-placeholder,
input[type=password]::-webkit-input-placeholder,
input[type=search]::-webkit-input-placeholder,
input[type=tel]::-webkit-input-placeholder,
input[type=text]::-webkit-input-placeholder,
input[type=url]::-webkit-input-placeholder,
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: rgba(28, 28, 40, .4)
}

input[type=email]::-moz-placeholder,
input[type=number]::-moz-placeholder,
input[type=password]::-moz-placeholder,
input[type=search]::-moz-placeholder,
input[type=tel]::-moz-placeholder,
input[type=text]::-moz-placeholder,
input[type=url]::-moz-placeholder,
select::-moz-placeholder,
textarea::-moz-placeholder {
    color: rgba(28, 28, 40, .4)
}

input[type=email]:-ms-input-placeholder,
input[type=email]::-ms-input-placeholder,
input[type=number]:-ms-input-placeholder,
input[type=number]::-ms-input-placeholder,
input[type=password]:-ms-input-placeholder,
input[type=password]::-ms-input-placeholder,
input[type=search]:-ms-input-placeholder,
input[type=search]::-ms-input-placeholder,
input[type=tel]:-ms-input-placeholder,
input[type=tel]::-ms-input-placeholder,
input[type=text]:-ms-input-placeholder,
input[type=text]::-ms-input-placeholder,
input[type=url]:-ms-input-placeholder,
input[type=url]::-ms-input-placeholder,
select:-ms-input-placeholder,
select::-ms-input-placeholder,
textarea:-ms-input-placeholder,
textarea::-ms-input-placeholder {
    color: rgba(28, 28, 40, .4)
}

input[type=email]::placeholder,
input[type=number]::placeholder,
input[type=password]::placeholder,
input[type=search]::placeholder,
input[type=tel]::placeholder,
input[type=text]::placeholder,
input[type=url]::placeholder,
select::placeholder,
textarea::placeholder {
    color: rgba(28, 28, 40, .4)
}

textarea {
    height: 112px;
    padding: 12px 20px;
    resize: vertical
}

:focus {
    outline: 0
}

.form-group {
    position: relative;
    margin-bottom: 0
}

@media (max-width:575px) {
    .form-group {
        width: 100%
    }
}

.form-group>label {
    position: relative;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0;
    display: block;
    margin-bottom: 14px
}

@media (max-width:767px) {
    .form-group>label {
        font-size: 14px;
        margin-bottom: 5px
    }
}

.form-group>label sup {
    font-style: normal;
    font-size: 16px;
    display: inline-block;
    vertical-align: top;
    color: #e53535
}

.form-group .has-error {
    position: absolute;
    right: 32px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 15px;
    line-height: 140%;
    color: #e53535
}

.form-group.error input[type=email],
.form-group.error input[type=password],
.form-group.error input[type=search],
.form-group.error input[type=tel],
.form-group.error input[type=text],
.form-group.error input[type=url],
.form-group.error select,
.form-group.error textarea {
    border-color: #e53535
}

.form-group.error input[type=email]:active,
.form-group.error input[type=email]:focus,
.form-group.error input[type=email]:hover,
.form-group.error input[type=password]:active,
.form-group.error input[type=password]:focus,
.form-group.error input[type=password]:hover,
.form-group.error input[type=search]:active,
.form-group.error input[type=search]:focus,
.form-group.error input[type=search]:hover,
.form-group.error input[type=tel]:active,
.form-group.error input[type=tel]:focus,
.form-group.error input[type=tel]:hover,
.form-group.error input[type=text]:active,
.form-group.error input[type=text]:focus,
.form-group.error input[type=text]:hover,
.form-group.error input[type=url]:active,
.form-group.error input[type=url]:focus,
.form-group.error input[type=url]:hover,
.form-group.error select:active,
.form-group.error select:focus,
.form-group.error select:hover,
.form-group.error textarea:active,
.form-group.error textarea:focus,
.form-group.error textarea:hover {
    -webkit-box-shadow: inset 0 0 0 1px #e53535;
    box-shadow: inset 0 0 0 1px #e53535
}

.form-group .checkbox label {
    position: relative;
    padding-left: 30px
}

.form-group .checkbox label input {
    width: 18px;
    height: 18px;
    margin: 0;
    top: 4px;
    left: 0;
    z-index: 1;
    cursor: pointer;
    opacity: 0;
    position: absolute
}

.form-group .checkbox label .input-helper {
    position: absolute;
    left: 0;
    top: 2px
}

.form-group .checkbox label .input-helper:after,
.form-group .checkbox label .input-helper:before {
    position: absolute;
    content: "";
    -webkit-transition: all 350ms cubic-bezier(.5, 0, .25, 1);
    -o-transition: all 350ms cubic-bezier(.5, 0, .25, 1);
    transition: all 350ms cubic-bezier(.5, 0, .25, 1)
}

.form-group .checkbox label .input-helper:before {
    left: 0;
    border: 1px solid #fff;
    top: 0;
    width: 22px;
    height: 22px;
    border-radius: 4px;
    color: #fff
}

.form-group .checkbox label .input-helper:after {
    height: 14px;
    width: 14px;
    background-color: #25245d;
    left: 4px;
    top: 4px;
    opacity: 0;
    border-radius: 3px;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center
}

.form-group .checkbox label:hover .input-helper:before {
    border-color: #25245d
}

.form-group .checkbox label input:checked+.input-helper:before {
    border-color: #25245d
}

.form-group .checkbox label input:checked+.input-helper:after {
    opacity: 1
}

.form-group .checkbox label.error .input-helper:before {
    border-color: #e53535 !important
}

select {
    padding: 5px 42px 5px 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    position: relative;
    z-index: 1;
    background: 0 0;
    line-height: 1.25;
    border-radius: 0
}

@media (max-width:575px) {
    select {
        width: 100%
    }
}

select::-ms-expand {
    display: none
}

.custom-select {
    display: block;
    margin: 0;
    position: relative;
    background: #fff
}

@media (max-width:575px) {
    .custom-select {
        width: 100%
    }
}

.custom-select:before {
    position: absolute;
    right: 1px;
    top: 1px;
    width: 48px;
    background: #fff;
    content: '';
    height: 48px
}

.custom-select:after {
    content: '';
    background: url(../img/arrow-down.svg) no-repeat center top;
    width: 9px;
    height: 6px;
    position: absolute;
    right: 18px;
    top: 50%;
    margin-top: -3px
}

.contact-form-field .custom-select {
    background-color: transparent
}

.contact-form-field .custom-select select {
    color: rgba(255, 255, 255, .6);
    border: 1px solid rgba(255, 255, 255, .4)
}

.contact-form-field .custom-select select:focus {
    border: 1px solid rgba(255, 255, 255, .6);
    background: rgba(0, 0, 0, .12);
    color: #fff
}

.contact-form-field .custom-select select option,
.product-options .custom-select select option {
    color: #000
}

.contact-form-field .custom-select:before {
    width: 1px;
    right: 50px;
    height: 18px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: rgba(255, 255, 255, .2)
}

.contact-form-field .custom-select:after {
    border-top: solid 7px #fff;
    border-left: solid 6px transparent;
    border-right: solid 6px transparent
}

.product-options .custom-select select:focus {
    background-blend-mode: overlay;
    background: rgba(37, 36, 93, .09)
}

.product-options .custom-select:before {
    width: 1px;
    right: 50px;
    height: 18px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: rgba(143, 144, 166, .2)
}

.product-options .custom-select:after {
    border-top: solid 7px #c7c9d9;
    border-left: solid 6px transparent;
    border-right: solid 6px transparent
}

.iti__selected-dial-code {
    color: #fff;
    margin-left: 12px !important
}

.iti__flag.iti__in {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center
}

.iti {
    display: block !important
}

.codedropz-upload-wrapper .codedropz-upload-handler .codedropz-upload-inner h3+span,
.iti__arrow {
    display: none
}

.form-group .radio-btns>label {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    color: #1c1c28;
    font-weight: 400
}

.form-group .radio-btns .checkbox,
.form-group .radio-btns .radio {
    position: relative;
    margin: 0
}

.form-group .radio-btns .checkbox input,
.form-group .radio-btns .radio input {
    top: 0;
    left: 0;
    z-index: 1;
    cursor: pointer;
    opacity: 0;
    position: absolute
}

.form-group .radio-btns .checkbox label,
.form-group .radio-btns .radio label {
    padding: 0 0 0 30px;
    display: block;
    cursor: pointer
}

.form-group .radio-btns .checkbox .input-helper::after,
.form-group .radio-btns .checkbox .input-helper::before,
.form-group .radio-btns .radio .input-helper::after,
.form-group .radio-btns .radio .input-helper::before {
    content: "";
    position: absolute;
    -webkit-transition: all cubic-bezier(.5, 0, .25, 1) 250ms;
    -o-transition: all cubic-bezier(.5, 0, .25, 1) 250ms;
    transition: all cubic-bezier(.5, 0, .25, 1) 250ms;
    background: rgba(210, 210, 210, .06)
}

.form-group .radio-btns .checkbox .input-helper::before,
.form-group .radio-btns .radio .input-helper::before {
    left: 0;
    border: 1px solid #12141d
}

.form-group .radio-btns .radio input {
    width: 18px;
    height: 18px;
    margin: 0
}

.form-group .radio-btns .radio input:checked+.input-helper::after,
.magento-contact-right .product-options .form-block ul li input[type=radio]:checked+span::after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.form-group .radio-btns .radio .input-helper::before {
    top: 2px;
    width: 22px;
    height: 22px;
    border-radius: 50%
}

@media (max-width:767px) {
    .form-group .radio-btns .radio .input-helper::before {
        width: 18px;
        height: 18px
    }
}

.form-group .radio-btns .radio .input-helper::after {
    width: 12px;
    height: 12px;
    background: #12141d;
    top: 7px;
    left: 5px;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    border-radius: 50%
}

@media (max-width:767px) {
    .form-group .radio-btns .radio .input-helper::after {
        width: 8px;
        height: 8px;
        top: 8
    }
}

.form-group .checkbox-btns .checkbox input {
    width: 22px;
    height: 22px;
    margin: 0
}

.form-group .checkbox-btns .checkbox input:checked+.input-helper::after,
.magento-contact-right .product-options .form-block ul li input[type=checkbox]:checked+span::after {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    border-radius: 0
}

.form-group .checkbox-btns .checkbox input:disabled+.input-helper::before,
.magento-contact-right .product-options .form-block ul li input[type=checkbox]:disabled+span::before {
    border-color: #12141d
}

.form-group .checkbox-btns .checkbox input:disabled+.input-helper::after,
.magento-contact-right .product-options .form-block ul li input[type=checkbox]:disabled+span::after {
    opacity: .35
}

.form-group .checkbox-btns .checkbox .input-helper::before {
    border: 1px solid #25245d;
    border-radius: 0;
    background: rgba(210, 210, 210, .06)
}

@media (max-width:767px) {
    .form-group .checkbox-btns .checkbox .input-helper::before {
        top: -4px
    }

    .form-group .checkbox-btns .checkbox .input-helper::after {
        top: 0
    }
}

.contact-form-field h3 {
    font-size: 40px;
    color: #fff;
    margin-bottom: 48px;
    line-height: 118%;
    max-width: 560px
}

@media (max-width:991px) {
    .contact-form-field h3 {
        font-size: 30px
    }
}

.flexibleforms_form .fieldset {
    margin-bottom: 30px
}

@media (max-width:1400px) {
    .flexibleforms_form .fieldset {
        margin-bottom: 30px
    }
}

.flexibleforms_form .form-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 30px 40px
}

@media (max-width:1400px) {
    .flexibleforms_form .form-list {
        grid-gap: 30px
    }
}

@media (max-width:575px) {
    .flexibleforms_form .form-list {
        grid-template-columns: 1fr
    }
}

.flexibleforms_form .form-list li.full-width {
    grid-column: span 2
}

@media (max-width:575px) {
    .flexibleforms_form .form-list li.full-width {
        grid-column: 1
    }
}

.flexibleforms_form .form-list li:last-child {
    grid-column: span 2
}

@media (max-width:575px) {
    .flexibleforms_form .form-list li:last-child {
        grid-column: 1
    }
}

.flexibleforms_form .form-list .custom-select:after {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0)
}

.flexibleforms_form .form-list .wide label {
    position: relative;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0;
    display: block;
    margin-bottom: 14px;
    margin-top: 0;
    color: #fff;
    font-weight: 400
}

@media (max-width:767px) {
    .flexibleforms_form .form-list .wide label {
        font-size: 14px
    }
}

.contact-form-box .contact-form-info .contact-form-field .form-block .form-group input,
.contact-form-box .contact-form-info .contact-form-field .form-block .form-group textarea,
.flexibleforms_form .form-list .wide input {
    color: #fff;
    border: 1px solid rgba(255, 255, 255, .2)
}

.flexibleforms_form .form-list .wide input:focus {
    border: 1px solid rgba(255, 255, 255, .6);
    background-blend-mode: overlay;
    background: rgba(0, 0, 0, .12)
}

.flexibleforms_form .form-list input,
.flexibleforms_form .form-list input.input-text,
.flexibleforms_form .form-list select,
.flexibleforms_form .form-list textarea {
    width: 100%;
    max-width: 100%;
    color: #fff;
    border: 1px solid rgba(255, 255, 255, .2)
}

.contact-form-box .contact-form-info .contact-form-field .form-block .form-group textarea:focus,
.flexibleforms_form .form-list input.input-text:focus,
.flexibleforms_form .form-list input:focus,
.flexibleforms_form .form-list select:focus,
.flexibleforms_form .form-list textarea:focus {
    border: 1px solid rgba(255, 255, 255, .6);
    background-blend-mode: overlay;
    background: rgba(0, 0, 0, .12)
}

.flexibleforms_form .buttons-set {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    grid-gap: 30px 40px
}

@media (max-width:1400px) {
    .flexibleforms_form .buttons-set {
        grid-gap: 30px
    }
}

@media (max-width:575px) {
    .flexibleforms_form .buttons-set {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .flexibleforms_form .buttons-set .button {
        width: revert
    }
}

@media (max-width:767px) {

    .g-recaptcha,
    .recaptcha {
        max-width: 250px;
        overflow: hidden
    }

    .g-recaptcha>div,
    .recaptcha>div {
        -webkit-transform: scale(.8);
        -ms-transform: scale(.8);
        transform: scale(.8);
        -webkit-transform-origin: left center;
        -ms-transform-origin: left center;
        transform-origin: left center
    }
}

.request-quote-page [id*=_errmsg] {
    color: #f15239;
    font-size: 14px;
    margin-top: 5px;
    display: inline-block
}

.apply-seo-analyst .apply-seo-analyst-row .form-boxes .form-group.full-width.drop-box-width {
    margin-bottom: 30px;
    grid-column: span 2
}

.codedropz-upload-wrapper .codedropz-upload-handler {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 160px;
    background-color: transparent;
    text-align: center;
    padding: 20px;
    border: 1px dashed #c7c9d9;
    margin-bottom: 0;
    cursor: pointer;
    -webkit-transition: border-color 350ms cubic-bezier(.5, 0, .25, 1), -webkit-box-shadow 350ms cubic-bezier(.5, 0, .25, 1);
    -o-transition: border-color 350ms cubic-bezier(.5, 0, .25, 1), box-shadow 350ms cubic-bezier(.5, 0, .25, 1);
    transition: border-color 350ms cubic-bezier(.5, 0, .25, 1), box-shadow 350ms cubic-bezier(.5, 0, .25, 1);
    transition: border-color 350ms cubic-bezier(.5, 0, .25, 1), box-shadow 350ms cubic-bezier(.5, 0, .25, 1), -webkit-box-shadow 350ms cubic-bezier(.5, 0, .25, 1);
    border-radius: 0
}

.codedropz-upload-wrapper .codedropz-upload-handler .codedropz-upload-container {
    padding: 0
}

.codedropz-upload-wrapper .codedropz-upload-handler .codedropz-upload-inner {
    max-width: 100%;
    pointer-events: none;
    position: static;
    overflow: visible
}

.codedropz-upload-wrapper .codedropz-upload-handler .codedropz-upload-inner::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    background: url(../img/upload-icon.svg) no-repeat center center;
    height: 34px;
    width: 44px;
    -webkit-transform: -50%;
    -ms-transform: -50%;
    transform: -50%;
    margin: -50px auto 0
}

@media (max-width:575px) {
    .codedropz-upload-wrapper .codedropz-upload-handler .codedropz-upload-inner::after {
        margin: -60px auto 0
    }
}

.codedropz-upload-wrapper .codedropz-upload-handler .codedropz-upload-inner h3 {
    font-size: 1em;
    color: #555770;
    font-weight: 400
}

@media (max-width:575px) {
    .codedropz-upload-wrapper .codedropz-upload-handler .codedropz-upload-inner h3 {
        line-height: normal
    }
}

.codedropz-upload-wrapper .codedropz-upload-handler .codedropz-upload-inner span {
    color: #a0a0a6
}

.codedropz-upload-wrapper .codedropz-upload-handler .codedropz-upload-inner span::after {
    content: "";
    display: inline-block;
    padding-left: 24px;
    vertical-align: middle
}

.codedropz-upload-wrapper .codedropz-upload-handler .dnd-upload-counter {
    display: none
}

.codedropz-upload-wrapper .codedropz-upload-handler .codedropz-btn-wrap .cd-upload-btn {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 0;
    z-index: 1;
    pointer-events: all
}

.codedropz-upload-wrapper .codedropz-upload-handler.codedropz-dragover {
    border-color: rgba(255, 255, 255, .5);
    -webkit-box-shadow: inset 0 0 70px rgba(255, 255, 255, .3);
    box-shadow: inset 0 0 70px rgba(255, 255, 255, .3)
}

.codedropz-upload-wrapper .dnd-upload-status {
    border: 1px solid #c7c9d9;
    padding: 7px 80px 14px;
    margin: 10px 0
}

@media (max-width:1199px) {
    .codedropz-upload-wrapper .dnd-upload-status {
        padding: 7px 30px 14px 80px
    }
}

@media (max-width:767px) {
    .codedropz-upload-wrapper .dnd-upload-status {
        padding: 5px 30px 9px 60px
    }
}

.codedropz-upload-wrapper .dnd-upload-status .dnd-upload-image {
    position: absolute;
    width: 60px;
    height: 100%;
    top: 0;
    left: 0;
    border: 0;
    background-color: rgba(160, 160, 166, .2);
    border-radius: 0
}

.codedropz-upload-wrapper .dnd-upload-status .dnd-upload-image span.file {
    height: 100%;
    width: 100%;
    background-size: 20px;
    background-position: center
}

.codedropz-upload-wrapper .dnd-upload-status .dnd-upload-details .name {
    font-size: 16px;
    font-weight: 200;
    padding-right: 300px
}

@media (max-width:767px) {
    .codedropz-upload-wrapper .dnd-upload-status .dnd-upload-details .name {
        padding-right: 0
    }
}

.button.btn-outline:hover:after,
.codedropz-upload-wrapper .dnd-upload-status .dnd-upload-details .name span,
button.btn-outline:hover:after {
    color: #fff
}

.codedropz-upload-wrapper .dnd-upload-status .dnd-upload-details .name em {
    font-style: normal
}

.codedropz-upload-wrapper .dnd-upload-status .dnd-upload-details span.has-error {
    color: #e53535;
    line-height: 1;
    display: block;
    font-size: 16px;
    font-weight: 200;
    position: absolute;
    top: 14px;
    right: 130px
}

@media (max-width:1199px) {
    .codedropz-upload-wrapper .dnd-upload-status .dnd-upload-details span.has-error {
        right: 70px
    }
}

@media (max-width:767px) {
    .codedropz-upload-wrapper .dnd-upload-status .dnd-upload-details span.has-error {
        font-size: 14px;
        position: static;
        margin-top: 5px
    }
}

.codedropz-upload-wrapper .dnd-upload-status .dnd-upload-details .dnd-progress-bar {
    background-color: rgba(160, 160, 166, .2);
    border-radius: 0;
    height: 3px
}

.codedropz-upload-wrapper .dnd-upload-status .dnd-upload-details .dnd-progress-bar span {
    color: transparent;
    font-size: 0;
    background-color: #136cf5
}

.codedropz-upload-wrapper .dnd-upload-status .dnd-upload-details .remove-file {
    font-size: 20px;
    color: #a0a0a6;
    right: 20px
}

@media (max-width:767px) {
    .codedropz-upload-wrapper .dnd-upload-status .dnd-upload-details .remove-file {
        right: 15px;
        font-size: 16px
    }
}

.codedropz-upload-wrapper .dnd-upload-status .dnd-upload-details .remove-file:hover {
    color: #e53535
}

.accordion-databox {
    counter-reset: my-sec-counter
}

.accordion-databox .accordion-row {
    /* border: 1px solid #2e336a */
}

.accordion-databox .accordion-row h5,
.accordion-databox .accordion-row h5:before {
    color: #fff;
    -webkit-transition: all 350ms cubic-bezier(.75, .1, .6, 1);
    -o-transition: all 350ms cubic-bezier(.75, .1, .6, 1);
    transition: all 350ms cubic-bezier(.75, .1, .6, 1)
}

.accordion-databox .accordion-row h5 {
    cursor: pointer;
    margin: 0;
    background: 0 0;
    padding: 20px 40px 20px 60px;
    font-weight: 400;
    border: 0;
    position: relative;
    font-size: 1.125em
}

@media (max-width:575px) {
    .accordion-databox .accordion-row h5 {
        font-size: 1em
    }
}

.accordion-databox .accordion-row h5:before {
    counter-increment: my-sec-counter;
    content: counter(my-sec-counter);
    position: absolute;
    left: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 16px;
    border-radius: 4px;
    width: 26px;
    height: 26px;
    border: 1.5px solid #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width:767px) {
    .accordion-databox .accordion-row h5:before {
        left: 20px;
        width: 20px;
        height: 20px;
        font-size: 14px;
        line-height: 1
    }
}

@media (max-width:575px) {
    .accordion-databox .accordion-row h5:before {
        top: 26px;
        -webkit-transform: unset;
        -ms-transform: unset;
        transform: unset
    }
}

.accordion-databox .accordion-row h5:after {
    content: '';
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -6px;
    border-top: solid 8px #fbfcf8;
    border-left: solid 6px transparent;
    border-right: solid 6px transparent;
    z-index: 2;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: all 350ms cubic-bezier(.75, .1, .6, 1);
    -o-transition: all 350ms cubic-bezier(.75, .1, .6, 1);
    transition: all 350ms cubic-bezier(.75, .1, .6, 1)
}

@media (max-width:767px) {
    .accordion-databox .accordion-row h5:after {
        right: 20px
    }
}

@media (max-width:575px) {
    .accordion-databox .accordion-row h5:after {
        top: 34px;
        -webkit-transform: translateY(0) rotate(-90deg);
        -ms-transform: translateY(0) rotate(-90deg);
        transform: translateY(0) rotate(-90deg)
    }
}

.accordion-databox .accordion-row h5.open {
    background: #2e336a;
    color: #38a7a1
}

.accordion-databox .accordion-row h5.open:before {
    color: #38a7a1;
    border-color: #38a7a1
}

.accordion-databox .accordion-row h5.open:after {
    border-top-color: #38a7a1;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg)
}

.accordion-data {
    display: none;
    padding: 28px 30px;
    position: relative
}

@media (max-width:767px) {
    .accordion-data {
        padding: 28px 20px
    }
}

.accordion-data p {
    font-size: 16px;
    color: #fff
}

.accordion-data a:hover {
    text-decoration: underline
}

.accordion-data>ul:not(.listing) {
    margin: 0;
    padding: 0;
    list-style: none
}

.accordion-data>ul:not(.listing)>li {
    padding-left: 60px;
    counter-increment: alphabeticList;
    position: relative;
    color: #fff;
    margin-bottom: 32px;
    color: rgba(255, 255, 255, .9)
}

@media (max-width:767px) {
    .accordion-data>ul:not(.listing)>li {
        padding-left: 40px
    }
}

.accordion-data>ul:not(.listing)>li:last-child {
    margin-bottom: 0
}

.accordion-data>ul:not(.listing)>li:before {
    content: counter(alphabeticList, upper-alpha) ".";
    position: absolute;
    left: 0;
    top: 0;
    font-size: 32px;
    font-weight: 700;
    color: rgba(157, 220, 255, .4);
    line-height: 1
}

@media (max-width:767px) {
    .accordion-data>ul:not(.listing)>li:before {
        font-size: 26px
    }
}

.accordion-data>ul:not(.listing)>li ul {
    margin: 20px 0 0;
    padding-left: 0 !important;
    padding: 0;
    list-style-type: none
}

.accordion-data>ul:not(.listing)>li ul li {
    margin-bottom: 20px;
    padding-left: 0
}

.button,
button {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    vertical-align: middle;
    position: relative;
    z-index: 1;
    background: #38a7a1;
    border-radius: 50px;
    text-align: center;
    color: #fff;
    overflow: hidden;
    font-size: 16px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 600;
    -webkit-transition: all .4s cubic-bezier(.2, 1, .3, 1);
    -o-transition: all .4s cubic-bezier(.2, 1, .3, 1);
    transition: all .4s cubic-bezier(.2, 1, .3, 1);
    border: 2px solid #38a7a1;
    font-family: "Averta", sans-serif;
    padding: 0;
    cursor: pointer
}

.button.btn-large,
button.btn-large {
    font-size: 18px
}

@media (max-width:767px) {

    .button.btn-large,
    button.btn-large {
        font-size: 14px
    }
}

.button.btn-large>span:not(.wpcf7-spinner),
button.btn-large>span:not(.wpcf7-spinner) {
    padding: 14px 50px 16px
}

@media (max-width:767px) {

    .button.btn-large>span:not(.wpcf7-spinner),
    button.btn-large>span:not(.wpcf7-spinner) {
        padding: 10px 24px
    }
}

@media (max-width:575px) {

    .button.btn-large>span:not(.wpcf7-spinner),
    button.btn-large>span:not(.wpcf7-spinner) {
        padding: 10px 20px
    }
}

@media (max-width:767px) {

    .button,
    button {
        font-size: 14px
    }
}

.button.white,
button.white {
    background: #fff;
    color: #25245d;
    border: 2px solid #fff
}

.button>span:not(.wpcf7-spinner),
button>span:not(.wpcf7-spinner) {
    padding: 14px 30px;
    -webkit-transition: opacity .4s, -webkit-transform .4s;
    -o-transition: transform .4s, opacity .4s;
    transition: transform .4s, opacity .4s;
    transition: transform .4s, opacity .4s, -webkit-transform .4s;
    -webkit-transition-timing-function: cubic-bezier(.2, 1, .3, 1);
    -o-transition-timing-function: cubic-bezier(.2, 1, .3, 1);
    transition-timing-function: cubic-bezier(.2, 1, .3, 1);
    line-height: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.button>span:not(.wpcf7-spinner)>i,
button>span:not(.wpcf7-spinner)>i {
    font-size: 20px;
    margin-left: 10px
}

@media (max-width:767px) {

    .button>span:not(.wpcf7-spinner)>i,
    button>span:not(.wpcf7-spinner)>i {
        font-size: 18px;
        margin-left: 13px
    }
}

@media (max-width:575px) {

    .button>span:not(.wpcf7-spinner)>i,
    button>span:not(.wpcf7-spinner)>i {
        font-size: 16px;
        margin-left: 10px
    }
}

@media (max-width:767px) {

    .button>span:not(.wpcf7-spinner),
    button>span:not(.wpcf7-spinner) {
        padding: 10px 24px
    }
}

@media (max-width:575px) {

    .button>span:not(.wpcf7-spinner),
    button>span:not(.wpcf7-spinner) {
        padding: 10px 20px
    }
}

.button:after,
button:after {
    color: #fff;
    content: attr(data-text);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transform: translate3d(0, 40%, 0);
    transform: translate3d(0, 40%, 0);
    line-height: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

/* .button.btn-outline,
button.btn-outline {
    background: 0 0;
    border-color: #25245d;
    color: #25245d
} */

.button.btn-outline,
button.btn-outline {
    /* background: 0 0; */
    background: #25245d;
    border-color: #25245d;
    color: #fbfcf8;
}

.button.btn-outline.white,
button.btn-outline.white {
    border-color: #fff;
    color: #fff
}

#header .nav-main-row .nav-row .nav-left-sec .nav-box-row .nav-left .nav-box .nav-lists ul li:hover,
.button.btn-outline.white:hover,
button.btn-outline.white:hover,
table tbody tr {
    background-color: #fff
}

.button.btn-outline.white:hover::after,
.button.btn-outline:after,
button.btn-outline.white:hover::after,
button.btn-outline:after {
    color: #25245d
}

.button.btn-outline.icon,
button.btn-outline.icon {
    background: 0 0
}

.button.btn-outline.icon span:not(.wpcf7-spinner),
button.btn-outline.icon span:not(.wpcf7-spinner) {
    color: #25245d
}

.button.btn-outline.icon:before,
button.btn-outline.icon:before {
    background: 0 0;
    border: 1px solid #25245d
}

.button.btn-outline.icon.btn-secondary span,
.button.btn-outline.icon.btn-secondary:hover span,
.button.btn-outline.icon.btn-secondary:hover span>i,
button.btn-outline.icon.btn-secondary span,
button.btn-outline.icon.btn-secondary:hover span,
button.btn-outline.icon.btn-secondary:hover span>i {
    color: #38a7a1
}

.button.btn-outline.icon.btn-secondary:before,
button.btn-outline.icon.btn-secondary:before {
    background: 0 0;
    border: 1px solid #38a7a1
}

.button.btn-outline.icon.btn-secondary:hover,
.button.btn-outline.icon:hover,
button.btn-outline.icon.btn-secondary:hover,
button.btn-outline.icon:hover {
    border-color: transparent
}

.button.btn-outline.icon.btn-secondary:hover:before,
button.btn-outline.icon.btn-secondary:hover:before {
    border: 1px solid #38a7a1
}

.button.btn-outline.icon:hover:before,
button.btn-outline.icon:hover:before {
    border: 1px solid #25245d
}

@media (max-width:767px) {

    .button.btn-outline.icon:hover:before,
    button.btn-outline.icon:hover:before {
        width: 38px
    }
}

.button.btn-outline.icon:hover span:not(.wpcf7-spinner),
.button.btn-outline.icon:hover span:not(.wpcf7-spinner)>i,
.button:not(.icon).btn-secondary:hover:after,
.team-section .team-photo:not(.ceo-photo) .team-info>a:hover,
button.btn-outline.icon:hover span:not(.wpcf7-spinner),
button.btn-outline.icon:hover span:not(.wpcf7-spinner)>i,
button:not(.icon).btn-secondary:hover:after {
    color: #25245d
}

.button.secondary,
button.secondary {
    border-color: #25245d;
    color: #fbfcf8
}

.button.secondary:hover,
button.secondary:hover {
    background: #38a7a1;
    border-color: #38a7a1;
    color: #fff
}

.button:not(.icon).btn-primary,
button:not(.icon).btn-primary {
    background: #25245d;
    border-color: #25245d
}

.button:not(.icon).btn-primary:hover,
.button:not(.icon).btn-secondary,
button:not(.icon).btn-primary:hover,
button:not(.icon).btn-secondary {
    background: #38a7a1;
    border-color: #38a7a1
}

.button:not(.icon).btn-secondary:hover,
button:not(.icon).btn-secondary:hover {
    background: #fff;
    border-color: #fff
}

@media (hover:hover) {

    .button:hover,
    button:hover {
        background: #25245d;
        border-color: #25245d
    }

    .button:hover>span:not(.wpcf7-spinner),
    button:hover>span:not(.wpcf7-spinner) {
        opacity: 0;
        -webkit-transform: translate3d(0, -40%, 0);
        transform: translate3d(0, -40%, 0)
    }

    .button:hover:after,
    button:hover:after {
        -webkit-transition: opacity .4s, -webkit-transform .4s;
        -o-transition: transform .4s, opacity .4s;
        transition: transform .4s, opacity .4s;
        transition: transform .4s, opacity .4s, -webkit-transform .4s;
        -webkit-transition-timing-function: cubic-bezier(.2, 1, .3, 1);
        -o-transition-timing-function: cubic-bezier(.2, 1, .3, 1);
        transition-timing-function: cubic-bezier(.2, 1, .3, 1);
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.button.icon,
button.icon {
    background: 0 0;
    border: 0;
    color: #fff;
    -webkit-transition: all .4s cubic-bezier(.2, 1, .3, 1);
    -o-transition: all .4s cubic-bezier(.2, 1, .3, 1);
    transition: all .4s cubic-bezier(.2, 1, .3, 1)
}

.button.icon span:not(.wpcf7-spinner),
button.icon span:not(.wpcf7-spinner) {
    padding: 16px 30px;
    -webkit-transition: all .4s cubic-bezier(.2, 1, .3, 1);
    -o-transition: all .4s cubic-bezier(.2, 1, .3, 1);
    transition: all .4s cubic-bezier(.2, 1, .3, 1)
}

@media (max-width:767px) {

    .button.icon span:not(.wpcf7-spinner),
    button.icon span:not(.wpcf7-spinner) {
        padding: 10px 24px
    }
}

@media (max-width:575px) {

    .button.icon span:not(.wpcf7-spinner),
    button.icon span:not(.wpcf7-spinner) {
        padding: 10px 20px
    }
}

.button.icon span:not(.wpcf7-spinner)>i,
button.icon span:not(.wpcf7-spinner)>i {
    -webkit-transition: -webkit-transform .4s cubic-bezier(.2, 1, .3, 1);
    -o-transition: transform .4s cubic-bezier(.2, 1, .3, 1);
    transition: transform .4s cubic-bezier(.2, 1, .3, 1);
    transition: transform .4s cubic-bezier(.2, 1, .3, 1), -webkit-transform .4s cubic-bezier(.2, 1, .3, 1)
}

.button.icon:before,
button.icon:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    background: #25245d;
    border-radius: 28px;
    width: 100%;
    height: 100%;
    -webkit-transition: all .4s cubic-bezier(.2, 1, .3, 1);
    -o-transition: all .4s cubic-bezier(.2, 1, .3, 1);
    transition: all .4s cubic-bezier(.2, 1, .3, 1);
    z-index: -1
}

.button.icon.btn-secondary:hover,
button.icon.btn-secondary:hover {
    color: #fff
}

@media (hover:hover) {

    .button.icon:hover:before,
    button.icon:hover:before {
        width: 52px
    }
}

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

    .button.icon:hover:before,
    button.icon:hover:before {
        width: 38px
    }
}

@media (hover:hover) {

    .button.icon:hover span:not(.wpcf7-spinner),
    button.icon:hover span:not(.wpcf7-spinner) {
        color: #25245d;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        opacity: 1
    }

    .button.icon:hover span:not(.wpcf7-spinner)>i,
    button.icon:hover span:not(.wpcf7-spinner)>i {
        -webkit-transform: translateX(14px);
        -ms-transform: translateX(14px);
        transform: translateX(14px);
        color: #fff
    }
}

@media (hover:hover) and (max-width:575px) {

    .button.icon:hover span:not(.wpcf7-spinner)>i,
    button.icon:hover span:not(.wpcf7-spinner)>i {
        -webkit-transform: translateX(7px);
        -ms-transform: translateX(7px);
        transform: translateX(7px)
    }
}

.button.icon:after,
button.icon:after {
    display: none
}

.button.icon.btn-primary:before,
.product-card:hover figure:before,
button.icon.btn-primary:before {
    background: #25245d
}

@media (hover:hover) {

    .button.icon.btn-primary:hover,
    button.icon.btn-primary:hover {
        color: #25245d
    }

    .button.icon.btn-primary:hover:before,
    button.icon.btn-primary:hover:before {
        width: 52px
    }
}

@media (hover:hover) and (max-width:991px) {

    .button.icon.btn-primary:hover:before,
    button.icon.btn-primary:hover:before {
        width: 48px
    }
}

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

    .button.icon.btn-primary:hover:before,
    button.icon.btn-primary:hover:before {
        width: 38px
    }
}

@media (hover:hover) {

    .button.icon.btn-primary:hover i,
    button.icon.btn-primary:hover i {
        color: #fff;
        -webkit-transform: translateX(14px);
        -ms-transform: translateX(14px);
        transform: translateX(14px)
    }
}

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

    .button.icon.btn-primary:hover i,
    button.icon.btn-primary:hover i {
        -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
        transform: translateX(10px)
    }
}

.button.center,
button.center {
    display: table !important;
    margin: 100px auto 0
}

@media (max-width:991px) {

    .button.center,
    button.center {
        margin-top: 80px
    }
}

@media (max-width:767px) {

    .button.center,
    button.center {
        margin-top: 60px
    }
}

@media (max-width:575px) {

    .button.center,
    button.center {
        margin-top: 30px
    }
}

.swiper-arrow-next,
.swiper-arrow-prev {
    min-height: revert
}

.link-hover2 {
    position: relative;
    z-index: 1;
    display: inline;
    padding-bottom: 1px;
    background-image: -o-linear-gradient(transparent calc(100% - 1px), #38a7a1 1px);
    background-image: linear-gradient(transparent calc(100% - 1px), #38a7a1 1px);
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: 0% 100%;
    -webkit-transition: background-size 350ms cubic-bezier(.15, .3, .2, .9), color 250ms cubic-bezier(.15, .3, .2, .9), opacity 250ms cubic-bezier(.15, .3, .2, .9);
    -o-transition: background-size 350ms cubic-bezier(.15, .3, .2, .9), color 250ms cubic-bezier(.15, .3, .2, .9), opacity 250ms cubic-bezier(.15, .3, .2, .9);
    transition: background-size 350ms cubic-bezier(.15, .3, .2, .9), color 250ms cubic-bezier(.15, .3, .2, .9), opacity 250ms cubic-bezier(.15, .3, .2, .9)
}

.link-hover2:hover {
    background-size: 100% 100%;
    background-position: left bottom
}

.btn-icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1em;
    color: #38a7a1;
    font-weight: 600
}

.btn-icon>i {
    font-size: 2.75em;
    margin-right: 15px
}

@media (max-width:767px) {
    .btn-icon>i {
        font-size: 37px
    }
}

.back-btn,
.btn-icon:hover {
    color: #fff
}

.back-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: 10px;
    font-weight: 600;
    text-transform: capitalize
}

.back-btn i {
    font-size: 20px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-transition: -webkit-transform 250ms cubic-bezier(.5, 0, .25, 1);
    -o-transition: transform 250ms cubic-bezier(.5, 0, .25, 1);
    transition: transform 250ms cubic-bezier(.5, 0, .25, 1);
    transition: transform 250ms cubic-bezier(.5, 0, .25, 1), -webkit-transform 250ms cubic-bezier(.5, 0, .25, 1)
}

#header .header-top .header-top-row p span,
.back-btn:hover {
    color: #38a7a1
}

.back-btn:hover i,
.swiper-section.hide-info .swiper-slider .swiper-button-prev:hover i {
    -webkit-transform: translateX(-5px);
    -ms-transform: translateX(-5px);
    transform: translateX(-5px)
}

.product-section {
    padding-top: 120px
}

@media (max-width:991px) {
    .product-section .cols .col {
        width: 50%
    }
}

@media (max-width:575px) {
    .product-section .cols .col {
        width: 100%
    }
}

.product-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    position: relative
}

@media (max-width:991px) {
    .product-card {
        margin-bottom: 40px
    }
}

.product-card figure {
    padding-top: 142.85%;
    overflow: hidden;
    display: inline-block;
    width: 100%;
    vertical-align: top;
    margin: 0;
    position: relative;
    z-index: 2
}

.product-card .card-row,
.product-card figure img,
.product-card figure:before,
.swiper-slide-row img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.product-card figure:before {
    content: '';
    background: rgba(0, 0, 0, .2);
    -webkit-transition: background cubic-bezier(.15, .3, .2, .9) 450ms;
    -o-transition: background cubic-bezier(.15, .3, .2, .9) 450ms;
    transition: background cubic-bezier(.15, .3, .2, .9) 450ms;
    z-index: 1
}

@media (max-width:991px) {
    .product-card figure:before {
        background: 0 0
    }

    .product-card figure {
        padding-top: 70.64%;
        margin-bottom: 16px
    }
}

.product-card figure img,
.swiper-slide-row img {
    -o-object-fit: cover;
    object-fit: cover
}

.product-card .card-row {
    padding: 40px;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width:1199px) {
    .product-card .card-row {
        padding: 24px
    }
}

@media (max-width:991px) {
    .product-card .card-row {
        position: static;
        padding: 0;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.product-card .card-row h3,
.product-card .card-row p {
    color: #fff;
    font-size: 1.5em;
    font-weight: 200;
    line-height: 121%;
    margin-bottom: 32px;
    -webkit-transition: all cubic-bezier(.15, .3, .2, .9) 450ms;
    -o-transition: all cubic-bezier(.15, .3, .2, .9) 450ms;
    transition: all cubic-bezier(.15, .3, .2, .9) 450ms
}

@media (max-width:1199px) {
    .product-card .card-row h3 {
        margin-bottom: 16px;
        font-size: 26px
    }
}

@media (max-width:991px) {
    .product-card .card-row h3 {
        margin-bottom: 8px
    }
}

.product-card .card-row p {
    opacity: 0;
    visibility: hidden;
    margin-bottom: 0
}

@media (max-width:1199px) {
    .product-card .card-row p {
        font-size: 24px
    }
}

@media (max-width:991px) {
    .product-card .card-row p {
        opacity: 1;
        visibility: visible;
        font-size: 15px
    }

    .product-card .card-row .button i {
        width: 32px;
        height: 32px;
        margin-left: 10px
    }
}

@media (max-width:991px) {
    .product-card:hover figure:before {
        background: 0 0
    }
}

.product-card:hover .card-row h3 {
    color: #fff;
    font-size: 16px
}

@media (max-width:991px) {
    .product-card:hover .card-row h3 {
        font-size: 26px
    }
}

.product-card:hover .card-row p {
    opacity: 1;
    visibility: visible
}

.product-card:hover span.button i {
    -webkit-transform: translateX(11px);
    -ms-transform: translateX(11px);
    transform: translateX(11px)
}

.service-block {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 96px 40px
}

@media (max-width:991px) {
    .service-block {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (max-width:767px) {
    .service-block {
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 48px 40px
    }
}

.service-box {
    position: relative;
    padding-left: 32px;
    border-left: 1px solid #fff
}

.service-box .service-icon {
    width: 53px;
    font-size: 53px;
    margin-bottom: 24px
}

.service-box .service-icon img {
    width: 100%
}

.service-box h3 {
    font-size: 1.5em;
    font-weight: 300;
    line-height: 111%;
    letter-spacing: -.02em;
    color: #fff
}

.service-box p {
    color: #fff
}

.service-row {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(511px, auto));
    grid-gap: 64px
}

@media (max-width:1199px) {
    .service-row {
        grid-template-columns: repeat(auto-fit, minmax(300px, auto));
        grid-gap: 32px
    }
}

@media (max-width:767px) {
    .service-row {
        grid-gap: 40px
    }
}

.service-row .service-heading h2 {
    position: sticky;
    -webkit-position: sticky;
    top: 0;
    margin-bottom: 0
}

.service-row h2 {
    font-size: 1.75em;
    font-weight: 200;
    line-height: 110%;
    letter-spacing: -.02em
}

.service-row .services-detail {
    padding: 0 120px;
    border-left: 1px solid #fff
}

@media (max-width:1199px) {
    .service-row .services-detail {
        padding: 0 32px
    }
}

.service-row .services-detail .service-info {
    margin-bottom: 96px
}

@media (max-width:1199px) {
    .service-row .services-detail .service-info {
        margin-bottom: 48px
    }
}

.service-row .services-detail .service-info .service-name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 24px
}

.service-row .services-detail .service-info .service-name img {
    width: 53px;
    margin-right: 18px
}

@media (max-width:767px) {
    .service-row .services-detail .service-info .service-name img {
        width: 45px
    }
}

.service-box p,
.service-row .services-detail .service-info .service-name h2 {
    margin-bottom: 0
}

.archivement-section .content-box ul li:last-child,
.service-row .services-detail .service-info:last-child,
footer .ftr-center .ftr-center-row .ftr-link-sec ul li:last-child {
    margin-bottom: 0
}

.case-studies-detail .technology-banner,
.hire-class .technology-banner,
.technology-list-page .technology-banner {
    padding-bottom: 100px;
    overflow: hidden
}

@media (max-width:991px) {

    .case-studies-detail .technology-banner,
    .hire-class .technology-banner,
    .technology-list-page .technology-banner {
        padding-bottom: 0
    }
}

.text-image-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-gap: 96px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width:1199px) {
    .text-image-block {
        grid-gap: 48px
    }
}

@media (max-width:767px) {
    .text-image-block {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.text-image-block .text-block {
    max-width: 483px
}

@media (max-width:1199px) {
    .text-image-block .text-block {
        max-width: none;
        width: 100%
    }
}

@media (max-width:767px) {
    .text-image-block .text-block {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
}

.text-image-block .image-block {
    width: 100%
}

.text-image-block .image-block .img-video-block {
    position: relative;
    padding-top: 71.5%;
    overflow: hidden;
    width: 100%;
    display: inline-block;
    vertical-align: top
}

.text-image-block .image-block .img-video-block img,
.text-image-block .image-block .img-video-block video {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0
}

.fancybox__container .carousel__button {
    -webkit-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms
}

.fancybox__container .carousel__button::after {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    background-color: rgba(255, 255, 255, .1);
    border-radius: 50%;
    z-index: -1
}

.fancybox__container .carousel__button:hover {
    background-color: transparent
}

.fancybox__container .carousel__button:hover::after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.fancybox__container .fancybox__thumbs .carousel__slide .fancybox__thumb::after {
    border-color: #38a7a1
}

.counselor-section {
    overflow: hidden
}

.counselor-section .swiper .swiper-slide {
    height: auto
}

.slide-box {
    padding: 56px 52px;
    background: #555770;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-transition: all cubic-bezier(.15, .3, .2, .9) 250ms;
    -o-transition: all cubic-bezier(.15, .3, .2, .9) 250ms;
    transition: all cubic-bezier(.15, .3, .2, .9) 250ms;
    height: 100%
}

@media (max-width:991px) {
    .slide-box {
        padding: 32px
    }
}

.slide-box figure {
    margin: 0;
    width: 88px;
    height: 88px;
    border-radius: 50%;
    overflow: hidden
}

.slide-box figure img,
.testimonial-row .testimonial-content .author-box .author-info figure img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.slide-box .slide-content {
    padding-top: 32px
}

.slide-box .slide-content h3 {
    font-size: 1.5em;
    font-weight: 200;
    line-height: 121%;
    margin-bottom: 16px;
    color: #fff
}

.slide-box .slide-content h3 span {
    font-weight: 300;
    line-height: 130%;
    letter-spacing: .01em;
    display: block;
    font-size: 16px;
    margin: 0 0 16px
}

.slide-box .slide-content p {
    margin: 0;
    color: #fff
}

.slide-box:hover {
    background: #25245d
}

.swiper-slider-section {
    overflow: hidden
}

@media (max-width:767px) {
    .swiper-slider-section .wrap {
        padding-left: 0
    }
}

@media (max-width:1400px) {
    .swiper-slider-section .slider-row {
        width: calc(100% - 64px)
    }
}

@media (max-width:767px) {
    .swiper-slider-section .slider-row {
        width: calc(100% - 32px)
    }
}

.swiper-slider-section .swiper {
    overflow: visible
}

.swiper-slider-section .swiper-slider-row .swiper {
    width: calc(100% - 116px);
    margin: 0;
    overflow: visible
}

@media (max-width:767px) {
    .swiper-slider-section .swiper-slider-row .swiper {
        width: 100%;
        margin: 0;
        overflow: hidden
    }
}

.swiper-slider-section .swiper-slider-row .swiper .swiper-slide {
    pointer-events: none
}

.swiper-slider-section .swiper-slider-row .swiper .swiper-slide.swiper-slide-active {
    pointer-events: all
}

.swiper-slider-section .slider-controls {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: 32px;
    grid-gap: 16px
}

.swiper-slider-section .slider-controls .swiper-button-next,
.swiper-slider-section .slider-controls .swiper-button-prev,
.swiper-slider-section .slider-controls .swiper-pagination {
    position: static;
    margin: 0;
    width: auto
}

.swiper-slider-section .slider-controls .swiper-button-next:after,
.swiper-slider-section .slider-controls .swiper-button-prev:after,
.swiper-slider-section .slider-controls .swiper-pagination:after {
    display: none
}

.swiper-slider-section .slider-controls .swiper-pagination .swiper-pagination-current {
    color: #25245d
}

.credentials-section .swiper-slide-next+.swiper-slide {
    opacity: 0 !important
}

.swiper-slide-row {
    position: relative;
    padding-top: 50.9536%;
    display: inline-block;
    width: 100%;
    vertical-align: top
}

.swiper-slide-row .swiper-slide-content {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 32px 96px 56px 64px;
    background: rgba(0, 0, 0, .09);
    -webkit-backdrop-filter: blur(44px);
    backdrop-filter: blur(44px)
}

.slide-box .slide-content p,
.swiper-slide-row .swiper-slide-content .slider-content span {
    font-size: 1em;
    font-weight: 300;
    line-height: 130%;
    letter-spacing: .01em
}

.swiper-slide-row .swiper-slide-content .slider-content h3 {
    margin-bottom: 16px
}

#header .header-top .header-top-row .account-details ul li,
.testimonial-row {
    position: relative
}

@media (max-width:767px) {
    .testimonial-row .swiper-slider-row .swiper {
        width: 100%;
        max-width: 100%
    }
}

.testimonial-row .swiper-slider-row .swiper::before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    background-color: #fff;
    width: 100vw;
    height: calc(100% - 76px);
    z-index: -1
}

.testimonial-row .testimonial-content {
    background: #fff;
    color: #000;
    padding: 96px 230px 96px 0
}

@media (max-width:1400px) {
    .testimonial-row .testimonial-content {
        padding: 48px 115px 48px 0
    }
}

@media (max-width:1199px) {
    .testimonial-row .testimonial-content {
        padding: 48px 48px 48px 0
    }
}

@media (max-width:767px) {
    .testimonial-row .testimonial-content {
        padding: 64px 32px
    }

    .testimonial-row .testimonial-content p {
        margin-bottom: 18px;
        font-size: 15px
    }
}

.testimonial-row .testimonial-content h2 {
    font-size: 61px
}

@media (max-width:1400px) {
    .testimonial-row .testimonial-content h2 {
        font-size: 48px
    }
}

@media (max-width:767px) {
    .testimonial-row .testimonial-content h2 {
        font-size: 32px
    }
}

.testimonial-row .testimonial-content .author-box {
    margin-top: 167px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 703px;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width:1400px) {
    .testimonial-row .testimonial-content .author-box {
        margin-top: 80px;
        grid-gap: 20px;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

@media (max-width:767px) {
    .testimonial-row .testimonial-content .author-box {
        margin-top: 40px
    }

    .testimonial-row .testimonial-content .author-box .audio-box {
        display: none
    }
}

.file-upload-box,
.testimonial-row .testimonial-content .author-box .author-info,
.testimonial-row .testimonial-content .author-box .author-info figure {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.testimonial-row .testimonial-content .author-box .author-info figure {
    width: 56px;
    overflow: hidden;
    border-radius: 50%;
    margin-right: 24px;
    height: 56px
}

@media (max-width:767px) {
    .testimonial-row .testimonial-content .author-box .author-info figure {
        margin-right: 18px
    }
}

.testimonial-row .testimonial-content .author-box .author-info p {
    margin: 0;
    font-size: 1em;
    font-weight: 700;
    line-height: 136%
}

.testimonial-row .testimonial-content .author-box .author-info p span {
    font-size: 1em;
    font-weight: 300;
    line-height: 1.5;
    display: block
}

@media (max-width:767px) {
    .testimonial-row .testimonial-content .author-box .author-info p span {
        font-size: 13px
    }
}

.testimonial-section .slider-arrow-box {
    margin: auto 0
}

.file-upload-box {
    height: 160px;
    cursor: pointer;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border: 1px dashed #d4d4d4;
    grid-gap: 15px;
    margin-bottom: 30px;
    padding: 20px;
    font-size: 16px;
    -webkit-transition: border-color 200ms ease-in, background-color 200ms ease-in;
    -o-transition: border-color 200ms ease-in, background-color 200ms ease-in;
    transition: border-color 200ms ease-in, background-color 200ms ease-in
}

@media (max-width:767px) {
    .file-upload-box {
        font-size: 14px;
        margin-bottom: 10px
    }
}

.file-upload-box.dz-drag-hover {
    border-color: #38a7a1 !important;
    background-color: rgba(0, 0, 0, .05)
}

.file-upload-box.dz-drag-hover .file-img-box img {
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0 !important
}

.file-upload-box.dz-drag-hover .file-img-box p {
    opacity: 0
}

.file-upload-box .file-img-box img {
    -webkit-transition: opacity 200ms ease 100ms, -webkit-transform 300ms ease;
    -o-transition: transform 300ms ease, opacity 200ms ease 100ms;
    transition: transform 300ms ease, opacity 200ms ease 100ms;
    transition: transform 300ms ease, opacity 200ms ease 100ms, -webkit-transform 300ms ease
}

.file-upload-box .file-img-box p {
    -webkit-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease;
    transition: opacity 400ms ease
}

.file-upload-box p {
    margin: 0;
    color: rgba(250, 250, 252, .4)
}

.file-upload-box p span {
    color: #ff6900
}

.resume-upload {
    margin-top: 30px
}

.dz-error-mark,
.dz-image,
.dz-message,
.dz-success-mark,
.file-upload-box .wpcf7-form-control-wrap {
    display: none
}

.dz-error {
    color: #ec4326
}

.dz-error.dz-preview {
    padding-bottom: 0
}

.dz-error .dz-details,
.dz-error .dz-progress {
    display: none
}

.dz-details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    gap: 5px 20px;
    color: #fff
}

.apply-seo-analyst .dz-details,
.body.home .award-box h2 span,
.body.home .hero-section.white .hero-row .hero-box h1,
.body.home .hero-section.white .hero-row .hero-box h2 {
    color: #25245d
}

#contactform form.submitting .privacy-concern .button .wpcf7-spinner::before,
.apply-seo-analyst .dz-remove::after,
.apply-seo-analyst .dz-remove::before,
.founder-section .founder-section-row .founder-image .icons ul li a:hover,
.body.banner-form-detail .hero-section .hero-row .hero-box .banner-form form.submitting .privacy-box .button span.wpcf7-spinner::before {
    background-color: #25245d
}

.file-img-box {
    pointer-events: none
}

.dz-started .file-img-box {
    display: none !important
}

.dz-remove {
    color: red;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: block;
    position: relative;
    font-size: 0;
    width: 20px;
    height: 20px
}

.dz-remove::after,
.dz-remove::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 3px;
    background-color: #fff;
    top: 46%;
    left: 0;
    -webkit-transition: all cubic-bezier(.15, .3, .2, .9) 250ms;
    -o-transition: all cubic-bezier(.15, .3, .2, .9) 250ms;
    transition: all cubic-bezier(.15, .3, .2, .9) 250ms
}

.dz-remove::before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.dz-remove::after {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg)
}

.dz-remove:hover::after,
.dz-remove:hover::before {
    background-color: #f15239
}

.dz-preview,
section .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.dz-preview {
    gap: 20px;
    position: relative;
    width: 100%;
    padding-bottom: 20px
}

.dz-preview .dz-progress {
    position: absolute;
    width: 100%;
    height: 3px;
    bottom: 6px;
    left: 0
}

.dz-preview .dz-progress span {
    display: block;
    height: 100%;
    background-color: #136cf5
}

section .row {
    margin-bottom: 10px;
    background: #e9f0ff;
    list-style: none;
    padding: 15px 20px;
    border-radius: 5px
}

section .row:last-child {
    margin-bottom: 30px
}

section .row i {
    color: #6990f2;
    font-size: 30px
}

section .details span {
    font-size: 14px
}

.progress-area .row .content {
    width: 100%;
    margin-left: 15px
}

.progress-area .details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 7px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.progress-area .content .progress-bar {
    height: 6px;
    width: 100%;
    margin-bottom: 4px;
    background: #fff;
    border-radius: 30px
}

.content .progress-bar .progress {
    height: 100%;
    width: 0%;
    background: #6990f2;
    border-radius: inherit
}

.uploaded-area {
    max-height: 232px;
    overflow-y: scroll
}

.uploaded-area.onprogress {
    max-height: 150px
}

.uploaded-area::-webkit-scrollbar {
    width: 0
}

#header .header-top .header-top-row .account-details ul li a,
.uploaded-area .row .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.uploaded-area .row .details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 15px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.uploaded-area .row .details .size {
    color: #404040;
    font-size: 11px
}

.uploaded-area img {
    width: 26px;
    height: 28px;
    -o-object-fit: contain;
    object-fit: contain
}

.progress-bar {
    width: 0;
    -webkit-animation: progress 1.5s ease-in-out forwards;
    animation: progress 1.5s ease-in-out forwards
}

.progress-bar .title {
    opacity: 0;
    -webkit-animation: show .35s forwards ease-in-out .5s;
    animation: show .35s forwards ease-in-out .5s
}

.dz-preview.dz-success {
    padding-bottom: 0
}

.dz-preview.dz-success .dz-progress {
    display: none
}

:root {
    --header-height: 100px;
    --blue: #0f0ade;
    --avana: #EAE8E4;
    --white: #ffffff;
    --grey: #555;
    --greylight: #999
}

#header {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    z-index: 999;
    background: #fff;
    -webkit-transition: all 250ms cubic-bezier(.75, .1, .6, 1);
    -o-transition: all 250ms cubic-bezier(.75, .1, .6, 1);
    transition: all 250ms cubic-bezier(.75, .1, .6, 1);
    border-bottom: 1px solid #f1f1f1
}

#header.sticky {
    -webkit-box-shadow: 0 2px 20px rgba(0, 0, 0, .08);
    box-shadow: 0 2px 20px rgba(0, 0, 0, .08);
    border-bottom: 1px solid rgba(0, 0, 0, .07)
}

#header.sticky .header-row #mainmenu>ul>li>a {
    padding: 30px 10px
}

@media (max-width:991px) {
    #header.sticky .header-row {
        padding: 18px 32px;
        -webkit-transition: padding 250ms cubic-bezier(.75, .1, .6, 1);
        -o-transition: padding 250ms cubic-bezier(.75, .1, .6, 1);
        transition: padding 250ms cubic-bezier(.75, .1, .6, 1)
    }
}

#header .header-top {
    background: #fafafc;
    padding: 18px 50px
}

@media (max-width:1644px) {
    #header .header-top {
        padding: 18px 32px
    }
}

@media (max-width:991px) {
    #header .header-top {
        padding: 12px 32px
    }
}

#header .header-top .header-top-row,
#header .header-top .header-top-row .account-details ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: 20px
}

#header .header-top .header-top-row .offer-div {
    width: auto
}

@media (max-width:1199px) {
    #header .header-top .header-top-row .offer-div {
        display: none
    }
}

#header .header-top .header-top-row p {
    margin: 0;
    color: #555770
}

#header .header-top .header-top-row p strong,
.archivement-section .content-box ul li span {
    font-weight: 600
}

#header .header-top .header-top-row .account-details {
    margin-left: auto
}

#header .header-top .header-top-row .account-details ul {
    padding: 0;
    margin: 0;
    grid-gap: 40px;
    list-style: none
}

@media (max-width:767px) {
    #header .header-top .header-top-row .account-details ul {
        grid-gap: 20px
    }
}

#header .header-top .header-top-row .account-details ul li:not(:last-child):after {
    content: '';
    position: absolute;
    right: -20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1px;
    height: 100%;
    background: #e4e4eb
}

@media (max-width:767px) {
    #header .header-top .header-top-row .account-details ul li:not(:last-child):after {
        right: -10px
    }
}

@media (max-width:767px) {
    #header .header-top .header-top-row .account-details ul li a {
        font-size: 14px
    }
}

#header .header-top .header-top-row .account-details ul li a .count {
    padding-left: 3px
}

#header .header-top .header-top-row .account-details ul li a img {
    width: 16px;
    height: auto;
    -webkit-transition: -webkit-filter cubic-bezier(.15, .3, .2, .9) 250ms;
    -o-transition: filter cubic-bezier(.15, .3, .2, .9) 250ms;
    transition: filter cubic-bezier(.15, .3, .2, .9) 250ms;
    transition: filter cubic-bezier(.15, .3, .2, .9) 250ms, -webkit-filter cubic-bezier(.15, .3, .2, .9) 250ms;
    margin-right: 10px
}

@media (max-width:767px) {
    #header .header-top .header-top-row .account-details ul li a img {
        width: 14px;
        margin-right: 6px
    }
}

#header .header-top .header-top-row .account-details ul li a:hover img {
    -webkit-filter: brightness(1) hue-rotate(-122deg);
    filter: brightness(1) hue-rotate(-122deg)
}

#header .header-row {
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 50px;
    margin-bottom: -1px
}

@media (max-width:1644px) {
    #header .header-row {
        padding: 0 32px
    }
}

@media (max-width:991px) {
    #header .header-row {
        padding: 20px 32px
    }
}

#header .header-row #logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 200px
}

@media (max-width:1199px) {
    #header .header-row #logo {
        max-width: 150px
    }
}

@media (max-width:767px) {
    #header .header-row #logo {
        max-width: 120px
    }
}

#header .header-row #logo img,
#header .header-row #logo svg,
.business-modal-box #business-modal-graphic>svg,
.business-modal-box .business-modal-graphic>svg,
footer .ftr-top-row .ftr-box .ftr-logo img {
    width: 100%;
    height: auto
}

#header .header-row #mainmenu {
    margin: 0 40px 0 auto
}

@media (max-width:1199px) {
    #header .header-row #mainmenu {
        margin: 0 10px 0 auto
    }
}

@media (max-width:991px) {
    #header .header-row #mainmenu {
        margin: 0 0 0 15px;
        min-width: 30px;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    #header .header-row #mainmenu .close-btn {
        position: absolute;
        right: 15px;
        top: 15px;
        width: 40px;
        height: 40px;
        background: red;
        z-index: 3
    }
}

#header .header-row,
#header .header-row #mainmenu ul,
#header .header-row #mainmenu ul li a,
#header .header-top .header-top-row .account-details ul li a img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#header .header-row #mainmenu ul {
    margin: 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    padding: 0
}

@media (min-width:992px) {
    #header .header-row #mainmenu ul {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }
}

@media (max-width:991px) {
    #header .header-row #mainmenu ul {
        display: block;
        width: 100%;
        overflow: hidden auto
    }

    #header .header-row #mainmenu ul li.has-menu {
        position: relative
    }

    #header .header-row #mainmenu ul li.has-menu .inner-menu-trigger {
        position: absolute;
        right: 32px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        font-size: 22px;
        color: #25245d;
        width: 32px;
        height: 32px;
        text-align: center;
        cursor: pointer
    }
}

#header .header-row #mainmenu ul li a {
    font-size: 14px;
    font-weight: 600;
    -webkit-transition: padding 250ms cubic-bezier(.75, .1, .6, 1);
    -o-transition: padding 250ms cubic-bezier(.75, .1, .6, 1);
    transition: padding 250ms cubic-bezier(.75, .1, .6, 1)
}

@media (max-width:991px) {
    #header .header-row #mainmenu ul li a {
        padding: 0 32px;
        color: #000;
        font-size: 22px;
        font-weight: 700;
        position: relative
    }

    #header .header-row #mainmenu ul li a:after {
        display: none
    }
}

#header .header-row #mainmenu ul li .nav-main-row .nav-row .nav-left-sec .nav-box-row .nav-box .nav-details>a:hover h4,
#header .header-row #mainmenu ul li.active>a {
    color: #38a7a1
}

#header .header-row #mainmenu ul li.active>a::after {
    opacity: 1
}

#header .header-row #mainmenu ul li .nav-main-row {
    position: absolute;
    top: calc(100% + 1px);
    left: 0;
    width: 100%;
    background: 0 0;
    overflow: hidden;
    height: 0;
    z-index: 12
}

#header .header-row #mainmenu ul li .nav-main-row.one-col {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

@media (max-width:991px) {
    #header .header-row #mainmenu ul li .nav-main-row.one-col {
        width: 100% !important;
        height: 100%;
        inset: 0
    }
}

#header .header-row #mainmenu ul li .nav-main-row.one-col .nav-row {
    min-width: 230px;
    width: 100%;
    background-color: #fafafc;
    -webkit-box-shadow: inset 0 10px 19px rgba(0, 0, 0, .02);
    box-shadow: inset 0 10px 19px rgba(0, 0, 0, .02);
    border-radius: 0 0 12px 12px;
    overflow: hidden
}

@media (max-width:991px) {
    #header .header-row #mainmenu ul li .nav-main-row.one-col .nav-row {
        width: 100%;
        height: 100%
    }
}

#header .header-row #mainmenu ul li .nav-main-row.one-col .nav-row .wrap {
    padding: 0 20px
}

#header .header-row #mainmenu ul li .nav-main-row.one-col .nav-row .nav-left-sec {
    padding: 0 0 20px
}

#header .header-row #mainmenu ul li .nav-main-row.one-col .nav-row .nav-left-sec .nav-box-row {
    grid-template-columns: 1fr
}

@media (max-width:991px) {
    #header .header-row #mainmenu ul li .nav-main-row.one-col .nav-row .nav-left-sec .nav-box-row .nav-box .nav-lists {
        padding: 70px 30px 0
    }
}

@media (max-width:991px) {
    #header .header-row #mainmenu ul li .nav-main-row.one-col .nav-row .nav-left-sec .nav-box-row .nav-box .nav-lists ul {
        overflow: visible
    }
}

#header .header-row #mainmenu ul li .nav-main-row.one-col .nav-row .nav-left-sec .nav-box-row .nav-box .nav-lists ul li {
    margin: 0 !important;
    -webkit-transition: background-color 250ms ease-in-out;
    -o-transition: background-color 250ms ease-in-out;
    transition: background-color 250ms ease-in-out;
    border-radius: 4px;
    display: table
}

#header .header-row #mainmenu ul li .nav-main-row .nav-row .nav-left-sec .nav-box-row .nav-right .nav-box .nav-lists ul li:hover,
#header .header-row #mainmenu ul li .nav-main-row.one-col .nav-row .nav-left-sec .nav-box-row .nav-box .nav-lists ul li:hover {
    background-color: #e3e3f7
}

#header .header-row #mainmenu ul li .nav-main-row.one-col .nav-row .nav-left-sec .nav-box-row .nav-box .nav-lists ul li:hover a {
    color: #12141d !important
}

#header .header-row #mainmenu ul li .nav-main-row.one-col .nav-row .nav-left-sec .nav-box-row .nav-box .nav-lists ul li:before {
    content: '';
    position: absolute;
    left: 8px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 4px;
    height: 4px;
    border-radius: 100%;
    background-color: #12141d;
    z-index: 1
}

#header .header-row #mainmenu ul li .nav-main-row.one-col .nav-row .nav-left-sec .nav-box-row .nav-box .nav-lists ul li a {
    position: relative;
    z-index: 1;
    padding: 5px 10px 5px 18px !important;
    display: table
}

@media (max-width:991px) {
    #header .header-row #mainmenu ul li .nav-main-row {
        position: fixed;
        inset: 0;
        visibility: hidden;
        opacity: 0;
        pointer-events: none;
        overflow-y: auto;
        height: 100%
    }

    #header .header-row #mainmenu ul li .nav-main-row.open {
        pointer-events: all
    }
}

#header .header-row #mainmenu ul li .nav-main-row .nav-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%
}

@media (max-width:991px) {
    #header .header-row #mainmenu ul li .nav-main-row .nav-row {
        height: 100%
    }
}

#header .header-row #mainmenu ul li .nav-main-row .nav-row .nav-left-sec {
    width: 100%;
    background-color: #fafafc;
    -webkit-box-shadow: inset 0 10px 19px rgba(0, 0, 0, .02);
    box-shadow: inset 0 10px 19px rgba(0, 0, 0, .02);
    border-radius: 0 0 12px 12px;
    overflow: hidden
}

@media (max-width:991px) {
    #header .header-row #mainmenu ul li .nav-main-row .nav-row .nav-left-sec {
        width: calc(100% + 64px);
        margin-left: -32px;
        height: 100%
    }
}

#header .header-row #mainmenu ul li .nav-main-row .nav-row .nav-left-sec .nav-box-row {
    display: grid;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    grid-template-columns: 334px auto
}

@media (max-width:991px) {
    #header .header-row #mainmenu ul li .nav-main-row .nav-row .nav-left-sec .nav-box-row {
        grid-template-columns: 250px auto;
        height: 100%
    }
}

@media (max-width:575px) {
    #header .header-row #mainmenu ul li .nav-main-row .nav-row .nav-left-sec .nav-box-row {
        grid-template-columns: 1fr
    }
}

@media (min-width:992px) {
    #header .header-row #mainmenu ul li .nav-main-row .nav-row .nav-left-sec .nav-box-row.reverse {
        grid-template-columns: auto 334px
    }

    #header .header-row #mainmenu ul li .nav-main-row .nav-row .nav-left-sec .nav-box-row.reverse .nav-left {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
}

@media (max-width:575px) {
    #header .header-row #mainmenu ul li .nav-main-row .nav-row .nav-left-sec .nav-box-row.reverse .nav-lists-row {
        gap: 0
    }
}

#header .header-row #mainmenu ul li .nav-main-row .nav-row .nav-left-sec .nav-box-row.reverse .nav-right .nav-lists {
    width: calc(25% - 49.33px);
    max-width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

@media (max-width:1400px) {
    #header .header-row #mainmenu ul li .nav-main-row .nav-row .nav-left-sec .nav-box-row.reverse .nav-right .nav-lists {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content
    }
}

@media (max-width:991px) {
    #header .header-row #mainmenu ul li .nav-main-row .nav-row .nav-left-sec .nav-box-row.reverse .nav-right .nav-lists {
        width: calc(50% - 15px)
    }
}

@media (max-width:575px) {
    #header .header-row #mainmenu ul li .nav-main-row .nav-row .nav-left-sec .nav-box-row.reverse .nav-right .nav-lists {
        width: 100%
    }
}

#header .header-row #mainmenu ul li .nav-main-row .nav-row .nav-left-sec .nav-box-row .nav-box .nav-details {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    grid-gap: 16px;
    border-bottom: 1px solid rgba(143, 143, 172, .2);
    padding: 0 0 13px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}

#header .header-row #mainmenu ul li .nav-main-row .nav-row .nav-left-sec .nav-box-row .nav-box .nav-details .nav-img {
    padding: 8px;
    border: 1px solid #e4e4eb;
    border-radius: 5px;
    min-width: 2.5rem;
    width: 2.5rem;
    height: auto;
    aspect-ratio: 1
}

#header .header-row #mainmenu ul li .nav-main-row .nav-row .nav-left-sec .nav-box-row .nav-box .nav-details .nav-img figure {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}

#header .header-row #mainmenu ul li .nav-main-row .nav-row .nav-left-sec .nav-box-row .nav-box .nav-details .nav-img figure img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

#header .header-row #mainmenu ul li .nav-main-row .nav-row .nav-left-sec .nav-box-row .nav-box .nav-details .nav-service-content {
    text-transform: none;
    margin-left: 0
}

#header .header-row #mainmenu ul li .nav-main-row .nav-row .nav-left-sec .nav-box-row .nav-box .nav-details .nav-service-content h4 {
    margin: 0;
    font-weight: 600;
    font-size: 18px;
    -webkit-transition: all 250ms cubic-bezier(.75, .1, .6, 1);
    -o-transition: all 250ms cubic-bezier(.75, .1, .6, 1);
    transition: all 250ms cubic-bezier(.75, .1, .6, 1);
    color: rgba(37, 36, 93, .5);
    text-transform: uppercase;
    padding: 0
}

@media (max-width:767px) {
    #header .header-row #mainmenu ul li .nav-main-row .nav-row .nav-left-sec .nav-box-row .nav-box .nav-details .nav-service-content h4 {
        font-size: 14px
    }
}

#header .header-row #mainmenu ul li .nav-main-row .nav-row .nav-left-sec .nav-box-row .nav-box .nav-details .nav-service-content p {
    color: rgba(85, 87, 112, .6);
    margin: 0
}

@media (max-width:767px) {
    #header .header-row #mainmenu ul li .nav-main-row .nav-row .nav-left-sec .nav-box-row .nav-box .nav-details .nav-service-content p {
        font-size: .875em;
        margin: 0
    }
}

#header .header-row #mainmenu ul li .nav-main-row .nav-row .nav-left-sec .nav-box-row .nav-box .nav-lists {
    padding: 20px 0 0
}

#header .header-row #mainmenu ul li .nav-main-row .nav-row .nav-left-sec .nav-box-row .nav-box .nav-lists h6 {
    text-transform: none;
    margin-bottom: 12px
}

#header .header-row #mainmenu ul li .nav-main-row .nav-row .nav-left-sec .nav-box-row .nav-box .nav-lists ul {
    display: block !important;
    list-style-type: none;
    padding: 0
}

@media (max-width:991px) {
    #header .header-row #mainmenu ul li .nav-main-row .nav-row .nav-left-sec .nav-box-row .nav-box .nav-lists ul {
        position: relative;
        background: 0 0
    }
}

#header .header-row #mainmenu ul li .nav-main-row .nav-row .nav-left-sec .nav-box-row .nav-box .nav-lists ul li {
    padding: 0;
    margin: 0 0 16px;
    text-transform: capitalize;
    position: relative;
    display: table
}

#header .header-row #mainmenu ul li .nav-main-row .nav-row .nav-left-sec .nav-box-row .nav-box .nav-lists ul li.active a {
    color: #38a7a1
}

#header .header-row #mainmenu ul li .nav-main-row .nav-row .nav-left-sec .nav-box-row .nav-box .nav-lists ul li.active a::after {
    width: 100%;
    left: 0
}

#header .header-row #mainmenu ul li .nav-main-row .nav-row .nav-left-sec .nav-box-row .nav-box .nav-lists ul li a {
    font-size: 16px;
    font-weight: 400;
    display: table;
    color: #12141d;
    position: relative;
    z-index: 1;
    padding-bottom: 1px;
    text-transform: none
}

@media (max-width:991px) {
    #header .header-row #mainmenu ul li .nav-main-row .nav-row .nav-left-sec .nav-box-row .nav-box .nav-lists ul li a {
        font-size: 14px;
        padding-left: 0;
        padding-right: 0
    }
}

#header .header-row #mainmenu ul li.has-menu {
    overflow: hidden
}

#header .header-row #mainmenu ul li.has-menu:hover a::before {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

@media (min-width:1401px) {
    #header .header-row #mainmenu ul li.has-menu>a {
        padding-right: 32px
    }
}

@media (min-width:1200px) {
    #header .header-row #mainmenu ul li.has-menu>a {
        padding-right: 31px
    }
}

@media (min-width:992px) {
    #header .header-row #mainmenu ul li.has-menu>a {
        padding-right: 29px
    }

    #header .header-row #mainmenu ul li.has-menu>a::after {
        width: calc(100% - 35px)
    }
}

#header .header-row #mainmenu ul li.has-menu>a::before {
    content: "\e926";
    position: absolute;
    right: 10px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: 200ms ease-in-out;
    -o-transition: 200ms ease-in-out;
    transition: 200ms ease-in-out
}

@media (max-width:991px) {

    #header .header-row #mainmenu ul li.has-menu>a::before,
    #header .header-row #mainmenu>ul {
        display: none
    }
}

#header .header-row .button {
    text-transform: uppercase;
    font-size: 14px
}

@media (max-width:1199px) {
    #header .header-row .button span {
        padding: 12px 16px
    }
}

@media (max-width:991px) {
    #header .header-row .button {
        margin-left: auto
    }
}

@media (max-width:575px) {
    #header .header-row .button {
        text-transform: none;
        font-size: 14px;
        display: none
    }

    #header .header-row .button span {
        padding: 8px 14px
    }
}

@media (max-width:991px) {
    #header .header-row .button.icon:hover::before {
        width: 44px
    }
}

.visually-hidden {
    clip: rect(0 0 0 0);
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.js-rolling-text {
    margin: 0
}

.link-hover {
    display: grid !important;
    overflow: hidden;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    -webkit-transition: color 250ms cubic-bezier(.75, .1, .6, 1);
    -o-transition: color 250ms cubic-bezier(.75, .1, .6, 1);
    transition: color 250ms cubic-bezier(.75, .1, .6, 1)
}

.link-hover .block {
    grid-area: 1/1;
    -webkit-transition: opacity .4s cubic-bezier(.445, .05, .55, .95), -webkit-transform .4s cubic-bezier(.445, .05, .55, .95);
    -o-transition: opacity .4s cubic-bezier(.445, .05, .55, .95), transform .4s cubic-bezier(.445, .05, .55, .95);
    transition: opacity .4s cubic-bezier(.445, .05, .55, .95), transform .4s cubic-bezier(.445, .05, .55, .95);
    transition: opacity .4s cubic-bezier(.445, .05, .55, .95), transform .4s cubic-bezier(.445, .05, .55, .95), -webkit-transform .4s cubic-bezier(.445, .05, .55, .95)
}

.link-hover .block .char {
    display: inline-block;
    -webkit-transform-origin: 50% 50% .4em;
    -ms-transform-origin: 50% 50% .4em;
    transform-origin: 50% 50% .4em;
    -webkit-transition: -webkit-transform .5s cubic-bezier(.5, 0, 0, 1);
    -o-transition: transform .5s cubic-bezier(.5, 0, 0, 1);
    transition: transform .5s cubic-bezier(.5, 0, 0, 1);
    transition: transform .5s cubic-bezier(.5, 0, 0, 1), -webkit-transform .5s cubic-bezier(.5, 0, 0, 1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.link-hover .block .char:nth-child(1) {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s
}

.link-hover .block .char:nth-child(2) {
    -webkit-transition-delay: .015s;
    -o-transition-delay: .015s;
    transition-delay: .015s
}

.link-hover .block .char:nth-child(3) {
    -webkit-transition-delay: .03s;
    -o-transition-delay: .03s;
    transition-delay: .03s
}

.link-hover .block .char:nth-child(4) {
    -webkit-transition-delay: .045s;
    -o-transition-delay: .045s;
    transition-delay: .045s
}

.link-hover .block .char:nth-child(5) {
    -webkit-transition-delay: .06s;
    -o-transition-delay: .06s;
    transition-delay: .06s
}

.link-hover .block .char:nth-child(6) {
    -webkit-transition-delay: .075s;
    -o-transition-delay: .075s;
    transition-delay: .075s
}

.link-hover .block .char:nth-child(7) {
    -webkit-transition-delay: .09s;
    -o-transition-delay: .09s;
    transition-delay: .09s
}

.link-hover .block .char:nth-child(8) {
    -webkit-transition-delay: .105s;
    -o-transition-delay: .105s;
    transition-delay: .105s
}

.link-hover .block .char:nth-child(9) {
    -webkit-transition-delay: .12s;
    -o-transition-delay: .12s;
    transition-delay: .12s
}

.link-hover .block .char:nth-child(10) {
    -webkit-transition-delay: .135s;
    -o-transition-delay: .135s;
    transition-delay: .135s
}

.link-hover .block .char:nth-child(11) {
    -webkit-transition-delay: .15s;
    -o-transition-delay: .15s;
    transition-delay: .15s
}

.link-hover .block .char:nth-child(12) {
    -webkit-transition-delay: .165s;
    -o-transition-delay: .165s;
    transition-delay: .165s
}

.link-hover .block .char:nth-child(13) {
    -webkit-transition-delay: .18s;
    -o-transition-delay: .18s;
    transition-delay: .18s
}

.link-hover .block .char:nth-child(14) {
    -webkit-transition-delay: .195s;
    -o-transition-delay: .195s;
    transition-delay: .195s
}

.link-hover .block .char:nth-child(15) {
    -webkit-transition-delay: .21s;
    -o-transition-delay: .21s;
    transition-delay: .21s
}

.link-hover .block .char:nth-child(16) {
    -webkit-transition-delay: .225s;
    -o-transition-delay: .225s;
    transition-delay: .225s
}

.link-hover .block .char:nth-child(17) {
    -webkit-transition-delay: .24s;
    -o-transition-delay: .24s;
    transition-delay: .24s
}

.link-hover .block .char:nth-child(18) {
    -webkit-transition-delay: .255s;
    -o-transition-delay: .255s;
    transition-delay: .255s
}

.link-hover .block .char:nth-child(19) {
    -webkit-transition-delay: .27s;
    -o-transition-delay: .27s;
    transition-delay: .27s
}

.link-hover .block .char:nth-child(20) {
    -webkit-transition-delay: .285s;
    -o-transition-delay: .285s;
    transition-delay: .285s
}

.link-hover .block .char:nth-child(21) {
    -webkit-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s
}

.link-hover .block .char:nth-child(22) {
    -webkit-transition-delay: .315s;
    -o-transition-delay: .315s;
    transition-delay: .315s
}

.link-hover .block .char:nth-child(23) {
    -webkit-transition-delay: .33s;
    -o-transition-delay: .33s;
    transition-delay: .33s
}

.link-hover .block .char:nth-child(24) {
    -webkit-transition-delay: .345s;
    -o-transition-delay: .345s;
    transition-delay: .345s
}

.link-hover .block .char:nth-child(25) {
    -webkit-transition-delay: .36s;
    -o-transition-delay: .36s;
    transition-delay: .36s
}

.link-hover .block .char:nth-child(26) {
    -webkit-transition-delay: .375s;
    -o-transition-delay: .375s;
    transition-delay: .375s
}

.link-hover .block .char:nth-child(27) {
    -webkit-transition-delay: .39s;
    -o-transition-delay: .39s;
    transition-delay: .39s
}

.link-hover .block .char:nth-child(28) {
    -webkit-transition-delay: .405s;
    -o-transition-delay: .405s;
    transition-delay: .405s
}

.link-hover .block .char:nth-child(29) {
    -webkit-transition-delay: .42s;
    -o-transition-delay: .42s;
    transition-delay: .42s
}

.link-hover .block .char:nth-child(30) {
    -webkit-transition-delay: .435s;
    -o-transition-delay: .435s;
    transition-delay: .435s
}

.link-hover .block .char:nth-child(31) {
    -webkit-transition-delay: .45s;
    -o-transition-delay: .45s;
    transition-delay: .45s
}

.link-hover .block .char:nth-child(32) {
    -webkit-transition-delay: .465s;
    -o-transition-delay: .465s;
    transition-delay: .465s
}

.link-hover .block .char:nth-child(33) {
    -webkit-transition-delay: .48s;
    -o-transition-delay: .48s;
    transition-delay: .48s
}

.link-hover .block .char:nth-child(34) {
    -webkit-transition-delay: .495s;
    -o-transition-delay: .495s;
    transition-delay: .495s
}

.link-hover .block .char:nth-child(35) {
    -webkit-transition-delay: .51s;
    -o-transition-delay: .51s;
    transition-delay: .51s
}

.link-hover .block .char:nth-child(36) {
    -webkit-transition-delay: .525s;
    -o-transition-delay: .525s;
    transition-delay: .525s
}

.link-hover .block .char:nth-child(37) {
    -webkit-transition-delay: .54s;
    -o-transition-delay: .54s;
    transition-delay: .54s
}

.link-hover .block .char:nth-child(38) {
    -webkit-transition-delay: .555s;
    -o-transition-delay: .555s;
    transition-delay: .555s
}

.link-hover .block .char:nth-child(39) {
    -webkit-transition-delay: .57s;
    -o-transition-delay: .57s;
    transition-delay: .57s
}

.link-hover .block .char:nth-child(40) {
    -webkit-transition-delay: .585s;
    -o-transition-delay: .585s;
    transition-delay: .585s
}

.link-hover .block .char:nth-child(41) {
    -webkit-transition-delay: .6s;
    -o-transition-delay: .6s;
    transition-delay: .6s
}

.link-hover .block .char:nth-child(42) {
    -webkit-transition-delay: .615s;
    -o-transition-delay: .615s;
    transition-delay: .615s
}

.link-hover .block .char:nth-child(43) {
    -webkit-transition-delay: .63s;
    -o-transition-delay: .63s;
    transition-delay: .63s
}

.link-hover .block .char:nth-child(44) {
    -webkit-transition-delay: .645s;
    -o-transition-delay: .645s;
    transition-delay: .645s
}

.link-hover .block .char:nth-child(45) {
    -webkit-transition-delay: .66s;
    -o-transition-delay: .66s;
    transition-delay: .66s
}

.link-hover .block .char:nth-child(46) {
    -webkit-transition-delay: .675s;
    -o-transition-delay: .675s;
    transition-delay: .675s
}

.link-hover .block .char:nth-child(47) {
    -webkit-transition-delay: .69s;
    -o-transition-delay: .69s;
    transition-delay: .69s
}

.link-hover .block .char:nth-child(48) {
    -webkit-transition-delay: .705s;
    -o-transition-delay: .705s;
    transition-delay: .705s
}

.link-hover .block .char:nth-child(49) {
    -webkit-transition-delay: .72s;
    -o-transition-delay: .72s;
    transition-delay: .72s
}

.link-hover .block .char:nth-child(50) {
    -webkit-transition-delay: .735s;
    -o-transition-delay: .735s;
    transition-delay: .735s
}

.link-hover .block .char:nth-child(51) {
    -webkit-transition-delay: .75s;
    -o-transition-delay: .75s;
    transition-delay: .75s
}

.link-hover .block:nth-child(2) .char {
    -webkit-transform: rotate3d(1, -.5, 0, 90deg);
    transform: rotate3d(1, -.5, 0, 90deg)
}

.link-hover .block:nth-child(2),
.link-hover:hover .block:nth-child(1) {
    opacity: 0
}

.link-hover:hover .block:nth-child(1) .char {
    -webkit-transform: rotate3d(1, .3, 0, -90deg);
    transform: rotate3d(1, .3, 0, -90deg)
}

.link-hover:hover .block:nth-child(2) {
    opacity: 1
}

.link-hover:hover .block:nth-child(2) .char {
    -webkit-transform: rotate3d(0, 0, 0, 90deg);
    transform: rotate3d(0, 0, 0, 90deg)
}

.link-hover.active,
footer .copyright .copyright-row .policy-link ul li a:hover,
footer .ftr-center .ftr-center-row .ftr-link-sec ul li a:hover {
    color: #38a7a1
}

.link-hover.active .block:nth-child(1) {
    opacity: 0
}

.link-hover.active .block:nth-child(1) .char {
    -webkit-transform: rotate3d(1, .3, 0, -90deg);
    transform: rotate3d(1, .3, 0, -90deg)
}

.link-hover.active .block:nth-child(2) {
    opacity: 1
}

.link-hover.active .block:nth-child(2) .char {
    -webkit-transform: rotate3d(0, 0, 0, 90deg);
    transform: rotate3d(0, 0, 0, 90deg)
}

.menu__trigger {
    position: relative;
    cursor: pointer
}

.menu .back {
    cursor: pointer
}

.menu .back--close,
.menu__trigger--close {
    position: absolute;
    top: 30px;
    right: 32px;
    visibility: hidden;
    opacity: 0
}

.menu .back span,
.menu__trigger span {
    position: relative;
    z-index: 1;
    font-weight: 700;
    letter-spacing: -1px;
    text-transform: uppercase;
    font-size: 16px;
    color: #64d09c;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.menu .back span::before,
.menu__trigger span::before {
    content: "\e901";
    font-size: 18px;
    color: #64d09c;
    font-weight: 900;
    padding-right: 7px
}

.menu .back:hover:after,
.menu__trigger:hover:after {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.menu .back {
    position: fixed;
    top:23px;
    right: 32px;
    z-index: 2
}

.menu__inner {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    z-index: 5;
    isolation: isolate;
    padding: 70px 0 30px;
    pointer-events: none;
    background: #edeff5
}

.menu__inner.active {
    pointer-events: all
}

.menu__inner-background {
    position: absolute;
    inset: 0;
    list-style-type: none;
    padding: 0;
    margin: 0;
    font-size: 0;
    z-index: -1;
    pointer-events: none
}

.menu__inner-background li {
    position: relative;
    display: inline-block;
    height: 100%;
    overflow: hidden
}

.menu__inner-background li:first-child {
    width: 21px
}

.menu__inner-background li:nth-child(2),
.menu__inner-background li:nth-child(3),
.menu__inner-background li:nth-child(4) {
    width: calc(33.33% - 14px)
}

.menu__inner-background li:last-child {
    width: 21px
}

.menu__inner-background li i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: 0;
    visibility: hidden
}

.menu__inner-background li i:after {
    content: "";
    display: block;
    height: 100%;
    width: 1px;
    background: #edeff5;
    z-index: 2
}

.menu__items-wrapper {
    position: relative;
    overflow-y: auto;
    height: 100%
}

.menu__items-list {
    position: relative;
    z-index: 1
}

.hiring-box .hiring-point-list li,
.hiring-point-list ul li,
.menu__items-list li,
.service-content ul li {
    margin-bottom: 8px
}

.menu__items-list li a {
    color: #282828;
    text-decoration: none;
    font-size: 50px;
    line-height: 50px;
    text-transform: uppercase;
    display: block;
    letter-spacing: -1.2px;
    font-weight: 900
}

.menu__items-shape {
    position: absolute;
    left: -32px;
    top: -60px
}

.menu__items-shape svg {
    position: relative;
    display: block;
    width: 140px;
    height: 140px;
    min-height: 150px;
    margin: 0 auto
}

.trigger-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.trigger-btn.menulines-button {
    padding: 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-transform: uppercase;
    font-size: 16px;
    color: #fff;
    text-decoration: none
}

#contact-map .gm-style-iw a,
.trigger-btn.menulines-button:hover {
    text-decoration: none
}

.trigger-btn.menulines-button .menulines,
.trigger-btn.menulines-button .menulines:after,
.trigger-btn.menulines-button .menulines:before {
    display: inline-block;
    height: 3px;
    background: #25245d;
    -webkit-transition: all 550ms cubic-bezier(.45, 1, .32, 1);
    -o-transition: all 550ms cubic-bezier(.45, 1, .32, 1);
    transition: all 550ms cubic-bezier(.45, 1, .32, 1)
}

.trigger-btn.menulines-button .menulines {
    margin: 9px 0;
    opacity: 1;
    width: 30px;
    position: relative
}

.trigger-btn.menulines-button .menulines:after,
.trigger-btn.menulines-button .menulines:before {
    width: 20px;
    position: absolute;
    left: 0;
    content: '';
    -webkit-transform-origin: .28571rem center;
    -ms-transform-origin: .28571rem center;
    transform-origin: .28571rem center;
    top: 7px
}

.trigger-btn.menulines-button .menulines:after {
    top: -7px
}

.trigger-btn.menulines-button.menuopen .menulines {
    background: 0 0
}

.trigger-btn.menulines-button.menuopen .menulines:after,
.trigger-btn.menulines-button.menuopen .menulines:before {
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    top: 0;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg)
}

.trigger-btn.menulines-button.menuopen .menulines:after {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg)
}

.nav-overlay {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    background-color: rgba(0, 0, 0, .5);
    opacity: 0;
    pointer-events: none;
    height: calc(100vh - var(--header-height));
    -webkit-transition: 300ms cubic-bezier(.025, .04, 0, 1.04);
    -o-transition: 300ms cubic-bezier(.025, .04, 0, 1.04);
    transition: 300ms cubic-bezier(.025, .04, 0, 1.04)
}

#header .header-row #mainmenu>ul>li.active a::after,
.nav-overlay.active {
    opacity: 1
}

#header .header-row #mainmenu ul li .nav-main-row .nav-row .wrap {
    max-width: 1474px
}

#header .header-row #mainmenu ul li .nav-main-row .nav-row .nav-left-sec .nav-box-row .nav-right,
.nav-left {
    padding: 40px 40px 36px
}

@media (max-width:1600px) {
    #header .header-row #mainmenu ul li .nav-main-row .nav-row .nav-left-sec .nav-box-row .nav-right {
        padding: 40px 30px
    }
}

@media (max-width:991px) {
    #header .header-row #mainmenu ul li .nav-main-row .nav-row .nav-left-sec .nav-box-row .nav-right {
        padding: 70px 22px 22px
    }
}

@media (max-width:575px) {
    #header .header-row #mainmenu ul li .nav-main-row .nav-row .nav-left-sec .nav-box-row .nav-right {
        padding-top: 22px
    }
}

#header .header-row #mainmenu ul li .nav-main-row .nav-row .nav-left-sec .nav-box-row .nav-right .nav-box .nav-lists ul {
    list-style-type: none
}

#header .header-row #mainmenu ul li .nav-main-row .nav-row .nav-left-sec .nav-box-row .nav-right .nav-box .nav-lists ul li {
    display: table;
    margin: 0;
    position: relative;
    z-index: 1;
    border-radius: 4px;
    -webkit-transition: background-color 250ms ease-in-out;
    -o-transition: background-color 250ms ease-in-out;
    transition: background-color 250ms ease-in-out
}

#header .header-row #mainmenu ul li .nav-main-row .nav-row .nav-left-sec .nav-box-row .nav-right .nav-box .nav-lists ul li a:hover,
#header .header-row #mainmenu ul li .nav-main-row .nav-row .nav-left-sec .nav-box-row .nav-right .nav-box .nav-lists ul li:hover a,
.body.home .hero-section.white .hero-row .hero-box p {
    color: #12141d
}

#header .header-row #mainmenu ul li .nav-main-row .nav-row .nav-left-sec .nav-box-row .nav-right .nav-box .nav-lists ul li:hover:before {
    background-color: #12141d
}

#header .header-row #mainmenu ul li .nav-main-row .nav-row .nav-left-sec .nav-box-row .nav-right .nav-box .nav-lists ul li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    z-index: 1;
    border-radius: 4px;
    -webkit-transition: background-color 250ms ease-in-out;
    -o-transition: background-color 250ms ease-in-out;
    transition: background-color 250ms ease-in-out
}

@media (max-width:1400px) {
    #header .header-row #mainmenu ul li .nav-main-row .nav-row .nav-left-sec .nav-box-row .nav-right .nav-box .nav-lists ul li a {
        /* white-space: nowrap; */
    }
}

#header .header-row #mainmenu ul li .nav-main-row .nav-row .nav-left-sec .nav-box-row .nav-right .nav-box .nav-lists ul li:before {
    content: '';
    position: absolute;
    left: 8px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 4px;
    height: 4px;
    border-radius: 100%;
    background-color: #12141d;
    z-index: -1;
    -webkit-transition: all 350ms ease-in-out;
    -o-transition: all 350ms ease-in-out;
    transition: all 350ms ease-in-out
}

.nav-left {
    background-color: #e4e4eb
}

@media (max-width:1600px) {
    .nav-left {
        padding: 40px 30px
    }
}

@media (max-width:991px) {
    .nav-left {
        padding: 22px
    }
}

@media (max-width:575px) {
    .nav-left {
        padding-top: 70px
    }
}

.nav-lists-row {
    grid-gap: 0 37px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (max-width:1600px) {
    .nav-lists-row {
        grid-gap: 30px 25px
    }
}

.nav-lists-row .nav-lists {
    width: calc(16.6666% - 30.8333px);
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

@media (max-width:1400px) {
    .nav-lists-row .nav-lists {
        width: calc(25% - 22.5px)
    }
}

@media (max-width:1199px) {
    .nav-lists-row .nav-lists {
        width: calc(33.33% - 21px)
    }
}

@media (max-width:767px) {
    .nav-lists-row .nav-lists {
        width: calc(50% - 15px)
    }
}

#header .nav-main-row .nav-row .nav-left-sec .nav-box-row .nav-left .nav-box .nav-lists ul li {
    margin-bottom: 0 !important;
    border-radius: 4px;
    overflow: hidden;
    -webkit-transition: all 350ms ease-in-out !important;
    -o-transition: all 350ms ease-in-out !important;
    transition: all 350ms ease-in-out !important
}

@media (max-width:991px) {
    #header .nav-main-row .nav-row .nav-left-sec .nav-box-row .nav-left .nav-box .nav-lists ul li {
        padding: 3px 5px 3px 0 !important
    }
}

#header .nav-main-row .nav-row .nav-left-sec .nav-box-row .nav-left .nav-box .nav-lists ul li a:hover a,
#header .nav-main-row .nav-row .nav-left-sec .nav-box-row .nav-left .nav-box .nav-lists ul li:hover a {
    color: #25245d !important
}

#header .nav-main-row .nav-row .nav-left-sec .nav-box-row .nav-left .nav-box .nav-lists ul li.active a {
    background-color: #fff;
    color: #25245d !important
}

#header .nav-main-row .nav-row .nav-left-sec .nav-box-row .nav-left .nav-box .nav-lists ul li a {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    width: 100%;
    color: #25245d !important;
    padding: 6px 10px !important
}

@media (max-width:575px) {
    #header .header-row #mainmenu ul li .nav-main-row .nav-row .nav-left-sec .nav-box-row .nav-left .nav-box .nav-lists ul {
        display: grid !important;
        grid-template-columns: 1fr 1fr;
        gap: 5px 0
    }
}

@media (max-width:991px) {

    #header .header-row .nav-box-row .nav-left,
    #header .header-row .nav-box-row .nav-right {
        padding-top: 70px
    }
}
/* -------------------------meh */
@media (max-width:576px) {

    #header .header-row .nav-box-row .nav-left {
        display: none;
    }
}

@media (min-width:992px) {
    #header .header-row #mainmenu ul li .nav-main-row:not(.one-col) .nav-row .nav-left-sec .nav-box-row .nav-left .nav-box .nav-lists ul li {
        margin-left: -10px
    }
}

@media (max-width:991px) {
    #header .header-row #mainmenu>ul>li {
        margin-bottom: 10px
    }
}

#header .header-row #mainmenu>ul>li>a {
    padding: 50px 10px;
    text-transform: uppercase;
    -webkit-transition: padding 250ms cubic-bezier(.75, .1, .6, 1);
    -o-transition: padding 250ms cubic-bezier(.75, .1, .6, 1);
    transition: padding 250ms cubic-bezier(.75, .1, .6, 1);
    position: relative
}

@media (max-width:1400px) {
    #header .header-row #mainmenu>ul>li>a {
        padding-left: 9px;
        padding-right: 9px
    }
}

@media (max-width:1199px) {
    #header .header-row #mainmenu>ul>li>a {
        padding-left: 7px;
        padding-right: 7px
    }
}

@media (max-width:991px) {
    #header .header-row #mainmenu>ul>li>a {
        padding: 10px 0
    }
}

@media (min-width:992px) {
    #header .header-row #mainmenu>ul>li>a::after {
        content: '';
        position: absolute;
        left: 10px;
        bottom: 0;
        height: 2px;
        width: 100%;
        background-color: #38a7a1;
        opacity: 0;
        -webkit-transition: 300ms ease-in-out;
        -o-transition: 300ms ease-in-out;
        transition: 300ms ease-in-out
    }
}

:root {
    --cursor-stroke: #fff;
    --cursor-fill: #000;
    --cursor-stroke-width: 1px
}

footer {
    position: relative;
    overflow: hidden
}

footer .footer-globe,
footer canvas#cobe {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 9;
    pointer-events: none
}

footer .last-footer {
    background: #fff;
    position: relative;
    z-index: 5;
    overflow: hidden
}

footer .ftr-top-sec {
    padding: 50px 0;
    background-color: #faf9f8;
    position: relative;
    overflow: hidden;
    z-index: 8
}

footer .ftr-top-sec .ftrani {
    display: block;
    height: 100px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0
}

footer .ftr-top-sec .footer-ani {
    width: calc(100% + 10px)
}

footer .ftr-top-row,
footer .ftr-top-row .ftr-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-gap: 60px
}

@media (max-width:1400px) {
    footer .ftr-top-row {
        grid-gap: 40px
    }
}

@media (max-width:767px) {
    footer .ftr-top-row {
        grid-gap: 30px
    }
}

@media (max-width:575px) {
    footer .ftr-top-row {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

footer .ftr-top-row .ftr-box {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: 33px;
    width: 35%
}

footer .ftr-top-row .ftr-box:first-child {
    width: 65%
}

@media (max-width:991px) {
    footer .ftr-top-row .ftr-box:first-child {
        width: 50%
    }
}

@media (max-width:575px) {
    footer .ftr-top-row .ftr-box:first-child {
        width: 100%;
        margin-bottom: 0
    }
}

@media (max-width:991px) {
    footer .ftr-top-row .ftr-box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        width: 50%
    }
}

@media (max-width:575px) {
    footer .ftr-top-row .ftr-box {
        width: 100%;
        grid-gap: 20px;
        margin-bottom: 20px
    }

    footer .ftr-top-row .ftr-box:last-child {
        margin-bottom: 0
    }
}

@media (max-width:991px) {
    footer .ftr-top-row .ftr-box .ftr-logo {
        min-height: 100px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media (max-width:575px) {
    footer .ftr-top-row .ftr-box .ftr-logo {
        min-height: auto
    }
}

footer .ftr-top-row .ftr-box .ftr-logo a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-width: 220px;
    width: 100%
}

@media (max-width:1400px) {
    footer .ftr-top-row .ftr-box .ftr-logo a {
        min-width: 200px
    }
}

@media (max-width:1199px) {
    footer .ftr-top-row .ftr-box .ftr-logo a {
        min-width: 160px;
        max-width: 160px
    }
}

footer .ftr-top-row .ftr-box .ftr-section-title {
    position: relative;
    padding-left: 33px
}

@media (max-width:991px) {
    footer .ftr-top-row .ftr-box .ftr-section-title {
        padding-left: 0
    }
}

footer .ftr-top-row .ftr-box .ftr-section-title::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 1px;
    height: 100%;
    background-color: rgba(160, 160, 166, .3)
}

@media (max-width:991px) {
    footer .ftr-top-row .ftr-box .ftr-section-title::before {
        display: none
    }
}

footer .ftr-top-row .ftr-box .ftr-section-title h6 {
    font-size: 1em;
    line-height: normal;
    margin-bottom: 5px
}

footer .ftr-top-row .ftr-box .ftr-section-title p {
    font-size: .875em;
    color: #555770;
    margin-bottom: 0
}

footer .ftr-center {
    padding: 75px 0;
    position: relative;
    z-index: 1;
    background: #fff
}

@media (max-width:1199px) {
    footer .ftr-center {
        padding-top: 0
    }
}

@media (max-width:767px) {
    footer .ftr-center {
        padding-bottom: 45px
    }
}

footer .ftr-center .ftr-center-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-gap: 30px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    border-bottom: 1px solid #ebebf0;
    padding-bottom: 77px
}

@media (max-width:1400px) {
    footer .ftr-center .ftr-center-row {
        grid-gap: 20px
    }
}

@media (max-width:1199px) {
    footer .ftr-center .ftr-center-row {
        grid-gap: 0;
        width: calc(100% + 64px);
        margin-left: -32px;
        padding-bottom: 0;
        border-bottom: 0
    }

    footer .ftr-center .ftr-center-row .ftr-link-sec {
        width: 100% !important;
        background: #fff
    }
}

@media (min-width:576px) {
    footer .ftr-center .ftr-center-row .ftr-link-sec .footer-box:not(:first-child) {
        margin-top: 20px
    }
}

footer .ftr-center .ftr-center-row .ftr-link-sec .footer-box h6 {
    margin-bottom: 15px;
    color: #555770;
    font-weight: 700
}

footer .ftr-center .ftr-center-row .ftr-link-sec h4 {
    margin: 0 0 20px;
    color: #28293d;
    text-transform: capitalize
}

@media (max-width:1199px) {
    footer .ftr-center .ftr-center-row .ftr-link-sec h4 {
        width: 100%;
        margin: 0 0 -1px;
        border: 1px solid #dededf;
        border-left: 0;
        border-right: 0;
        font-size: 18px;
        position: relative;
        padding: 15px 60px 15px 32px;
        -webkit-transition: background 250ms cubic-bezier(.75, .1, .6, 1);
        -o-transition: background 250ms cubic-bezier(.75, .1, .6, 1);
        transition: background 250ms cubic-bezier(.75, .1, .6, 1);
        cursor: pointer
    }

    footer .ftr-center .ftr-center-row .ftr-link-sec h4::after,
    footer .ftr-center .ftr-center-row .ftr-link-sec h4::before {
        content: " ";
        width: 15px;
        height: 2px;
        background-color: #38a7a1;
        display: block;
        position: absolute;
        top: 50%;
        left: calc(100% - 40px);
        -webkit-transition: all 250ms cubic-bezier(.65, 0, .35, 1);
        -o-transition: all 250ms cubic-bezier(.65, 0, .35, 1);
        transition: all 250ms cubic-bezier(.65, 0, .35, 1);
        opacity: 1;
        border-radius: 2px
    }

    footer .ftr-center .ftr-center-row .ftr-link-sec h4::before {
        -webkit-transform: translate(-50%, -50%) rotate(90deg);
        -ms-transform: translate(-50%, -50%) rotate(90deg);
        transform: translate(-50%, -50%) rotate(90deg)
    }

    footer .ftr-center .ftr-center-row .ftr-link-sec h4::after {
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    footer .ftr-center .ftr-center-row .ftr-link-sec h4.open {
        background: #fbfbfb
    }

    footer .ftr-center .ftr-center-row .ftr-link-sec h4.open::after,
    footer .ftr-center .ftr-center-row .ftr-link-sec h4.open::before {
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        -ms-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg)
    }

    footer .ftr-center .ftr-center-row .ftr-link-sec h4.open::after {
        opacity: 0
    }

    footer .ftr-center .ftr-center-row .ftr-link-sec .fmenu {
        display: none;
        padding: 20px 32px
    }
}

@media (max-width:575px) {
    footer .ftr-center .ftr-center-row .ftr-link-sec .fmenu .grid3 {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px
    }

    footer .ftr-center .ftr-center-row .ftr-link-sec .fmenu .grid3 .col {
        display: grid;
        grid-template-columns: subgrid;
        grid-column: 1/-1
    }
}

@media (min-width:1200px) {
    footer .ftr-center .ftr-center-row .ftr-link-sec ul {
        display: grid !important
    }
}

footer .ftr-center .ftr-center-row .ftr-link-sec ul.grid3 {
    grid-template-columns: auto auto auto;
    grid-gap: 0 20px
}

footer .ftr-center .ftr-center-row .ftr-link-sec ul li {
    margin: 0 0 7px;
    position: relative
}

footer .ftr-center .ftr-center-row .ftr-link-sec ul li a {
    color: #555770
}

@media (max-width:1400px) {
    footer .ftr-center .ftr-center-row .ftr-link-sec ul li a {
        font-size: 15px
    }
}

@media (max-width:1199px) {
    footer .ftr-center .ftr-center-row .ftr-link-sec ul li a {
        font-size: 16px
    }
}

footer .ftr-center .ftr-center-row .ftr-link-sec ul li>span:before {
    content: '';
    width: 0;
    height: 0;
    border-width: 0 0 10px 12px;
    border-color: transparent transparent #38a7a1;
    border-style: solid;
    position: absolute;
    left: -12px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

footer .ftr-center .ftr-center-row .ftr-link-sec {
    width: calc(20% - 25px)
}

footer .ftr-center .ftr-center-row .ftr-link-sec:first-child {
    width: calc(15% - 30px)
}

@media (max-width:767px) {
    footer .ftr-center .ftr-center-row .ftr-link-sec:first-child {
        width: calc(20% - 30px)
    }
}

footer .ftr-center .ftr-center-row .ftr-link-sec:nth-child(3) {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    width: calc(45% - 10px)
}

footer .award-company-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    grid-gap: 30px;
    padding-bottom: 65px
}

@media (max-width:991px) {
    footer .award-company-box {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        grid-gap: 40px;
        padding-bottom: 50px
    }
}

@media (max-width:767px) {
    footer .award-company-box {
        padding-bottom: 35px
    }
}

@media (max-width:991px) {
    footer .award-company-box .ftr-bottom-row {
        width: 100%
    }
}

footer .award-company-box .ftr-bottom-row h2 {
    margin-bottom: 40px
}

@media (max-width:1400px) {
    footer .award-company-box .ftr-bottom-row h2 {
        font-size: 28px
    }
}

@media (max-width:1199px) {
    footer .award-company-box .ftr-bottom-row h2 {
        font-size: 24px
    }

    footer .award-company-box .ftr-bottom-row h2 img {
        max-width: 18px
    }
}

@media (max-width:991px) {
    footer .award-company-box .ftr-bottom-row h2 {
        margin-bottom: 25px
    }
}

@media (max-width:767px) {
    footer .award-company-box .ftr-bottom-row h2 {
        margin-bottom: 20px;
        font-size: 20px
    }
}

footer .award-company-box .ftr-bottom-row .ftr-bottom-logos,
footer .copyright .copyright-row .policy-link ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

footer .award-company-box .ftr-bottom-row .ftr-bottom-logos {
    grid-gap: 40px 30px;
    width: 100%;
    max-width: 940px
}

@media (max-width:991px) {
    footer .award-company-box .ftr-bottom-row .ftr-bottom-logos {
        grid-gap: 24px 15px
    }
}

@media screen and (max-width:375px) {
    footer .award-company-box .ftr-bottom-row .ftr-bottom-logos {
        grid-gap: 24px 15px
    }
}

@media (max-width:991px) {
    footer .award-company-box .ftr-bottom-row .ftr-bottom-logos .ftr-bottom-item {
        width: auto
    }
}

@media (max-width:575px) {
    footer .award-company-box .ftr-bottom-row .ftr-bottom-logos .ftr-bottom-item {
        width: 20%
    }
}

footer .award-company-box .ftr-bottom-row .ftr-bottom-logos .ftr-bottom-item figure {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 130px;
    text-align: center
}

footer .award-company-box .ftr-bottom-row .ftr-bottom-logos .ftr-bottom-item figure img {
    width: 100%;
    height: 40px;
    -o-object-fit: contain;
    object-fit: contain
}

@media (max-width:991px) {
    footer .award-company-box .ftr-bottom-row .ftr-bottom-logos .ftr-bottom-item figure img {
        height: 30px
    }

    footer .award-company-box .ftr-bottom-row .ftr-bottom-logos .ftr-bottom-item figure {
        max-width: 100%
    }
}

footer .award-company-box .ftr-bottom-row .ftr-bottom-logos.rating-plateform-logo {
    grid-gap: 40px
}

@media (max-width:767px) {
    footer .award-company-box .ftr-bottom-row .ftr-bottom-logos.rating-plateform-logo {
        grid-gap: 20px
    }
}

footer .award-company-box .ftr-bottom-row .ftr-bottom-logos.rating-plateform-logo .ftr-bottom-item {
    width: calc(33.33% - 30px)
}

@media (max-width:991px) {
    footer .award-company-box .ftr-bottom-row .ftr-bottom-logos.rating-plateform-logo .ftr-bottom-item {
        width: calc(25% - 30px)
    }
}

@media (max-width:767px) {
    footer .award-company-box .ftr-bottom-row .ftr-bottom-logos.rating-plateform-logo .ftr-bottom-item {
        width: calc(33.33% - 14px)
    }
}

@media (max-width:575px) {
    footer .award-company-box .ftr-bottom-row .ftr-bottom-logos.rating-plateform-logo .ftr-bottom-item {
        width: calc(50% - 14px)
    }
}

footer .award-company-box .ftr-bottom-row .ftr-bottom-logos.rating-plateform-logo .ftr-bottom-item figure {
    max-width: 100%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 100%
}

footer .award-company-box .ftr-bottom-row .ftr-bottom-logos.rating-plateform-logo .ftr-bottom-item figure img {
    width: auto;
    max-height: 65px
}

@media (max-width:767px) {
    footer .award-company-box .ftr-bottom-row .ftr-bottom-logos.rating-plateform-logo .ftr-bottom-item figure img {
        max-height: 45px
    }
}

footer .copyright {
    border-top: 1px solid rgba(235, 235, 240, .7);
    width: 100%;
    padding: 20px 0;
    background: #fff
}

footer .copyright .copyright-row {
    display: grid;
    grid-template-columns: auto auto;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    grid-gap: 20px;
    align-items: center;
}

@media (max-width:767px) {
    footer .copyright .copyright-row {
        grid-template-columns: 1fr
    }
}

footer .copyright .copyright-row .policy-link ul {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 14px;
}

@media screen and (max-width:375px) {
    footer .copyright .copyright-row .policy-link ul {
        font-size: 13px
    }
}

footer .copyright .copyright-row .policy-link ul:first-child li {
    padding-left: 12px
}

@media (max-width:575px) {
    footer .copyright .copyright-row .policy-link ul:first-child li {
        padding-left: 0
    }
}

footer .copyright .copyright-row .policy-link ul:first-child li:not(:last-child) {
    padding-right: 0
}

footer .copyright .copyright-row .policy-link ul:first-child li:first-child {
    padding: 0
}

footer .copyright .copyright-row .policy-link ul:first-child li:first-child::after {
    display: none
}

footer .copyright .copyright-row .policy-link ul:first-child li:after {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 5px;
    height: 5px;
    background: #555770;
    border-radius: 50%
}

@media (max-width:575px) {
    footer .copyright .copyright-row .policy-link ul:first-child li:after {
        display: none
    }
}

footer .copyright .copyright-row .policy-link ul:first-child li::before {
    display: none
}

footer .copyright .copyright-row .policy-link ul:not(:last-child) {
    margin-bottom: 8px
}

@media (max-width:575px) {
    footer .copyright .copyright-row .policy-link ul:not(:last-child) {
        margin-bottom: 18px
    }

    footer .copyright .copyright-row .policy-link ul:not(:last-child) li::before {
        display: none
    }
}

footer .copyright .copyright-row .policy-link ul li {
    color: #555770;
    position: relative
}

@media (max-width:575px) {
    footer .copyright .copyright-row .policy-link ul li {
        margin-bottom: 8px
    }
}

footer .copyright .copyright-row .policy-link ul li:not(:last-child) {
    padding-right: 10px;
    margin-right: 10px
}

@media (max-width:575px) {
    footer .copyright .copyright-row .policy-link ul li:not(:last-child) {
        padding-right: 8px;
        margin-right: 8px
    }
}

footer .copyright .copyright-row .policy-link ul li:not(:last-child):before {
    content: '';
    width: 1px;
    height: 80%;
    background: #ededf0;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

footer .copyright .copyright-row .policy-link ul li a {
    color: #555770
}

footer .copyright .copyright-row .policy-link ul li img {
    display: block;
    width: 100%;
    max-width: 160px;
    height: auto
}

footer .copyright .copyright-row .connect-with-us {
    margin-left: auto;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width:991px) {
    footer .copyright .copyright-row .connect-with-us {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        grid-gap: 10px;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }
}

@media (max-width:767px) {
    footer .copyright .copyright-row .connect-with-us {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        width: 100%;
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }
}

footer .copyright .copyright-row .connect-with-us h5 {
    margin-right: 32px;
    margin-bottom: 0
}

@media (max-width:991px) {
    footer .copyright .copyright-row .connect-with-us h5 {
        margin-right: 0
    }
}

@media (max-width:767px) {
    footer .copyright .copyright-row .connect-with-us h5 {
        font-size: 18px;
        margin-bottom: 3px
    }
}

footer .copyright .copyright-row .connect-with-us ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 24px;
    grid-gap: 24px
}

@media (max-width:767px) {
    footer .copyright .copyright-row .connect-with-us ul {
        font-size: 20px;
        grid-gap: 15px
    }
}

footer .copyright .copyright-row .connect-with-us ul li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #555770
}

footer .copyright .copyright-row .connect-with-us ul li a i {
    -webkit-transition: all cubic-bezier(.15, .3, .2, .9) 250ms;
    -o-transition: all cubic-bezier(.15, .3, .2, .9) 250ms;
    transition: all cubic-bezier(.15, .3, .2, .9) 250ms
}

footer .copyright .copyright-row .connect-with-us ul li a:hover i.icon-linkedin {
    color: #0077b5
}

footer .copyright .copyright-row .connect-with-us ul li a:hover i.icon-instagram-1 {
    color: #bc2a8d
}

footer .copyright .copyright-row .connect-with-us ul li a:hover i.icon-x {
    color: #000
}

footer .copyright .copyright-row .connect-with-us ul li a:hover i.icon-youtube {
    color: red
}

footer .copyright .copyright-row .connect-with-us ul li a:hover i.icon-twitter {
    color: #1da1f2
}

footer .copyright .copyright-row .connect-with-us ul li a:hover i.icon-facebook {
    color: #1773ea
}

footer .copyright .copyright-row .connect-with-us ul li a:hover i.icon-dribble {
    color: #b2215a
}

footer .copyright .copyright-row .connect-with-us ul li a:hover i.icon-behance {
    color: #1869ff
}

.clock-box {
    position: relative;
    width: 100px;
    height: 100px;
    z-index: 1;
    border-radius: 50%;
    -webkit-animation: animateClock 5s ease-in-out infinite;
    animation: animateClock 5s ease-in-out infinite;
    -webkit-animation-delay: -2.5s;
    animation-delay: -2.5s;
    background: #fff;
    -webkit-filter: drop-shadow(0 0 10px rgba(0, 0, 0, .07));
    filter: drop-shadow(0 0 10px rgba(0, 0, 0, .07))
}

.clock-box::before {
    content: 'IST';
    position: absolute;
    bottom: 23px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    font-size: 10px;
    color: #38a7a1;
    border: 1px solid rgba(76, 200, 140, .2);
    text-align: center;
    padding: 1px 2px;
    line-height: 11px;
    letter-spacing: 1px
}

.clock {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background: url(../img/clock.svg) center center no-repeat;
    background-size: 90px 90px
}

.clock::before {
    content: "";
    width: 6px;
    height: 6px;
    background: #38a7a1;
    border-radius: 50%;
    z-index: 30
}

.clock,
.clock .hour,
.clock .min,
.clock .sec,
.clock::before {
    position: absolute
}

.clock .hour,
.clock .hr {
    width: 50px;
    height: 50px
}

.clock .min,
.clock .mn {
    width: 76px;
    height: 76px
}

.clock .sc,
.clock .sec {
    width: 90px;
    height: 90px
}

.clock .hr,
.clock .mn,
.clock .sc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: top;
    -ms-flex-pack: top;
    justify-content: top;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: absolute;
    border-radius: 50%;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.clock .hr::before {
    content: "";
    position: absolute;
    width: 2px;
    height: 25px;
    background: #25245d;
    z-index: 10;
    border-radius: 6px
}

.clock .mn::before,
.clock .sc::before {
    content: "";
    position: absolute;
    width: 1px;
    z-index: 10;
    border-radius: 6px
}

.clock .mn::before {
    background: #25245d;
    height: 38px
}

.clock .sc::before {
    height: 45px;
    background: #38a7a1
}

.switch-cont {
    margin: 2em auto;
    bottom: 0
}

.switch-cont .switch-btn {
    font-family: monospace;
    text-transform: uppercase;
    outline: 0;
    padding: .5rem 1rem;
    background-color: #25245d;
    color: var(--main-text-color);
    border-radius: .25rem;
    cursor: pointer;
    -webkit-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s
}

.ftr-listing,
.remove-dots {
    padding: 0;
    margin: 0;
    list-style-type: none
}

.ftr-listing {
    display: grid;
    grid-template-columns: auto auto;
    grid-gap: 0 30px
}

@media (max-width:1400px) {
    .ftr-listing {
        grid-gap: 0 20px
    }
}

.overlayitem {
    position: fixed;
    top: 0;
    display: none;
    left: 0;
    z-index: 1000;
    width: 100%;
    height: 100%;
    pointer-events: none
}

.contact-page footer .ftr-top-sec .ftrani {
    display: none
}

.grid {
    display: grid
}

.grid3 {
    grid-template-columns: 1fr 1fr 1fr
}

footer .technology .grid {
    grid-template-columns: 140px 150px 140px 140px 140px auto;
    gap: 50px
}

@media (max-width:1199px) {
    footer .technology .grid {
        grid-template-columns: 120px 120px 120px 120px 120px auto
    }
}

@media (max-width:991px) {
    footer .technology .grid {
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
        gap: 30px 20px
    }
}

footer .policy-link li.active a,
footer .remove-dots li.active a {
    background-size: 100% 100%;
    background-position: left bottom;
    color: #38a7a1 !important
}

:root {
    --swiperWidth: 0px;
    --swiperOffeset: 0px;
    --grey: #64d09c;
    --link-translate-x: 3rem;
    --x2: 0;
    --y2: 0;
    --x: 0;
    --y: 0
}

#smooth-content {
    overflow: visible;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent
}

#main {
    position: relative;
    padding-top: 120px
}

@media (max-width:991px) {
    #main {
        padding-top: 80px
    }
}

@media (max-width:767px) {
    #main {
        padding-top: 76px
    }
}

@media (max-width:575px) {
    #main {
        padding-top: 60px
    }
}

.body.home .hero-section,
.body.home .hero-section .hero-row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.body.home .hero-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    background-color: #38a7a1;
    color: #fff;
    isolation: isolate;
    min-height: calc(100vh - 120px);
    overflow: hidden;
    padding-top: 68px;
    padding-bottom: 180px
}

@media (max-width:1400px) {
    .body.home .hero-section {
        padding-bottom: 140px
    }
}

@media (max-width:991px) {
    .body.home .hero-section {
        padding-bottom: 100px
    }
}

@media (max-width:575px) {
    .body.home .hero-section {
        padding-bottom: 60px;
        min-height: auto
    }
}

.body.home .hero-section::after {
    content: '';
    background-image: url(../img/main-banner-pattern.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left bottom;
    width: 70%;
    height: 100%;
    max-height: 480px;
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: .5;
    pointer-events: none
}

@media (max-width:991px) {
    .body.home .hero-section::after {
        width: 100%
    }
}

.body.home .hero-section.white {
    background: #fff
}

.body.home .hero-section.white .hero-row .awards-box h6 {
    color: #000;
    font-weight: 600
}

.body.home .hero-section.white .hero-row .awards-box .awards-name:before {
    -webkit-filter: none;
    filter: none
}

.body.home .hero-section .hero-row {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: auto
}

@media (max-width:991px) {
    .body.home .hero-section .hero-row {
        z-index: 1;
        position: relative
    }
}

.hero-row .hero-box,
.body.home .hero-section .hero-row .hero-box {
    width: 50%
}

@media (max-width:1400px) {
    .body.home .hero-section .hero-row .hero-box {
        width: 55%
    }
}

@media (max-width:1199px) {
    .body.home .hero-section .hero-row .hero-box {
        width: 58%
    }
}

@media (max-width:991px) {
    .body.home .hero-section .hero-row .hero-box {
        width: 100%
    }
}

.body.home .hero-section .hero-row .hero-box .hero-content {
    text-align: left
}

@media (max-width:991px) {
    .body.home .hero-section .hero-row .hero-box .hero-content {
        text-align: center
    }
}

.body.home .hero-section .hero-row .hero-box .hero-content .awards-row {
    grid-gap: 54px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 40px 40px 0;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    border-top: 2px solid #313180;
    border-color: linear-gradient(180deg, #313180 0%, rgba(157, 220, 255, 0) 100%);
    border-radius: 100px;
    max-width: 548px;
    width: 100%;
    margin-top: 50px
}

@media (max-width:1199px) {
    .body.home .hero-section .hero-row .hero-box .hero-content .awards-row {
        padding: 30px 30px 0;
        margin-top: 30px
    }
}

@media (max-width:991px) {
    .body.home .hero-section .hero-row .hero-box .hero-content .awards-row {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media (max-width:575px) {
    .body.home .hero-section .hero-row .hero-box .hero-content .awards-row {
        margin: 15px 0 0;
        border: 0;
        padding: 0;
        grid-gap: 20px
    }
}

.body.home .hero-section .hero-row .hero-box .hero-content .awards-row .awards-box {
    max-width: 120px
}

.body.home .hero-section .hero-row .hero-box .hero-content .awards-row .awards-box .awards-name {
    min-height: 114px;
    padding: 20px
}

.body.home .hero-section .hero-row .hero-box .hero-content .awards-row .awards-box .awards-name img {
    height: 56px
}

.body.home .hero-section .hero-row .hero-box .hero-content .awards-row .awards-box h6 {
    color: #fff;
    font-weight: 600
}

.body.home .hero-section .hero-row .hero-box h1,
.body.home .hero-section .hero-row .hero-box h2 {
    color: #fff;
    margin-bottom: 34px;
    text-align: left;
    font-size: 66px
}

.body.home .hero-section .hero-row .hero-box h1 .home-sub-title,
.body.home .hero-section .hero-row .hero-box h2 .home-sub-title {
    font-weight: 200;
    font-size: 40px;
    line-height: normal;
    text-transform: none
}

@media (max-width:1199px) {

    .body.home .hero-section .hero-row .hero-box h1 .home-sub-title,
    .body.home .hero-section .hero-row .hero-box h2 .home-sub-title {
        font-size: 30px
    }
}

@media (max-width:767px) {

    .body.home .hero-section .hero-row .hero-box h1 .home-sub-title,
    .body.home .hero-section .hero-row .hero-box h2 .home-sub-title {
        font-size: 25px
    }
}

.body.home .hero-section .hero-row .hero-box h1 .primary-text,
.body.home .hero-section .hero-row .hero-box h2 .primary-text {
    background: -webkit-linear-gradient(#fbfcf8, #fbfcf8);
    -webkit-background-clip: text;
    -webkit-text-fill-color: fill;
    -webkit-text-stroke-color: none;
    -webkit-text-stroke-width: 0;
    color: transparent;
    letter-spacing: -3px;
    margin-top: 5px;
    font-size: 66px;
    white-space: nowrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width:1499px) {

    .body.home .hero-section .hero-row .hero-box h1 .primary-text,
    .body.home .hero-section .hero-row .hero-box h2 .primary-text {
        font-size: 60px
    }
}

@media (max-width:1400px) {

    .body.home .hero-section .hero-row .hero-box h1 .primary-text,
    .body.home .hero-section .hero-row .hero-box h2 .primary-text {
        font-size: 55px
    }
}

@media (max-width:1199px) {

    .body.home .hero-section .hero-row .hero-box h1 .primary-text,
    .body.home .hero-section .hero-row .hero-box h2 .primary-text {
        font-size: 48px
    }
}

@media (max-width:991px) {

    .body.home .hero-section .hero-row .hero-box h1 .primary-text,
    .body.home .hero-section .hero-row .hero-box h2 .primary-text {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media (max-width:767px) {

    .body.home .hero-section .hero-row .hero-box h1 .primary-text,
    .body.home .hero-section .hero-row .hero-box h2 .primary-text {
        font-size: 42px
    }
}

@media (max-width:575px) {

    .body.home .hero-section .hero-row .hero-box h1 .primary-text,
    .body.home .hero-section .hero-row .hero-box h2 .primary-text {
        font-size: 38px;
        line-height: 1.5;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 20px
    }
}

.body.home .hero-section .hero-row .hero-box h1 .anim-text,
.body.home .hero-section .hero-row .hero-box h1 .placeholder-text,
.body.home .hero-section .hero-row .hero-box h2 .anim-text,
.body.home .hero-section .hero-row .hero-box h2 .placeholder-text {
    overflow: visible clip;
    height: 82px;
    margin-left: 22px;
    background: -webkit-linear-gradient(#25245d, #25245d);
    -webkit-background-clip: text;
    -webkit-text-fill-color: fill;
    -webkit-text-stroke-color: none;
    -webkit-text-stroke-width: 0;
    color: transparent;
    -webkit-transition: width 500ms ease-in-out;
    -o-transition: width 500ms ease-in-out;
    transition: width 500ms ease-in-out
}

@media (max-width:1400px) {

    .body.home .hero-section .hero-row .hero-box h1 .anim-text,
    .body.home .hero-section .hero-row .hero-box h1 .placeholder-text,
    .body.home .hero-section .hero-row .hero-box h2 .anim-text,
    .body.home .hero-section .hero-row .hero-box h2 .placeholder-text {
        margin-left: 15px;
        height: 62px
    }
}

@media (max-width:1199px) {

    .body.home .hero-section .hero-row .hero-box h1 .anim-text,
    .body.home .hero-section .hero-row .hero-box h1 .placeholder-text,
    .body.home .hero-section .hero-row .hero-box h2 .anim-text,
    .body.home .hero-section .hero-row .hero-box h2 .placeholder-text {
        margin-left: 10px;
        height: 59px
    }
}

@media (max-width:767px) {

    .body.home .hero-section .hero-row .hero-box h1 .anim-text,
    .body.home .hero-section .hero-row .hero-box h1 .placeholder-text,
    .body.home .hero-section .hero-row .hero-box h2 .anim-text,
    .body.home .hero-section .hero-row .hero-box h2 .placeholder-text {
        height: 52px
    }
}

@media (max-width:575px) {

    .body.home .hero-section .hero-row .hero-box h1 .anim-text,
    .body.home .hero-section .hero-row .hero-box h1 .placeholder-text,
    .body.home .hero-section .hero-row .hero-box h2 .anim-text,
    .body.home .hero-section .hero-row .hero-box h2 .placeholder-text {
        width: 100% !important;
        text-align: center;
        height: 47px
    }
}

.body.home .hero-section .hero-row .hero-box h1 .anim-text span,
.body.home .hero-section .hero-row .hero-box h1 .placeholder-text span,
.body.home .hero-section .hero-row .hero-box h2 .anim-text span,
.body.home .hero-section .hero-row .hero-box h2 .placeholder-text span {
    height: 100%;
    line-height: normal;
    position: relative;
    z-index: 100;
    background: inherit;
    -webkit-transition: all ease 700ms;
    -o-transition: all ease 700ms;
    transition: all ease 700ms;
    text-align: start;
    padding-right: 5px;
    opacity: 0;
    display: table;
    /* text-wrap: wrap; */
}

@media (max-width:575px) {

    .body.home .hero-section .hero-row .hero-box h1 .anim-text span,
    .body.home .hero-section .hero-row .hero-box h1 .placeholder-text span,
    .body.home .hero-section .hero-row .hero-box h2 .anim-text span,
    .body.home .hero-section .hero-row .hero-box h2 .placeholder-text span {
        margin: 0 auto
    }
}

.body.home .hero-section .hero-row .hero-box h1 .anim-text span.no-anim,
.body.home .hero-section .hero-row .hero-box h1 .placeholder-text span.no-anim,
.body.home .hero-section .hero-row .hero-box h2 .anim-text span.no-anim,
.body.home .hero-section .hero-row .hero-box h2 .placeholder-text span.no-anim {
    -webkit-transition: none;
    -o-transition: none;
    transition: none
}

.served-section .client-logo .client-logo-box:hover figure,
.work-box:hover .displacement-hover i,
.body.home .hero-section .hero-row .hero-box h1 .anim-text span.active,
.body.home .hero-section .hero-row .hero-box h1 .placeholder-text span.active,
.body.home .hero-section .hero-row .hero-box h2 .anim-text span.active,
.body.home .hero-section .hero-row .hero-box h2 .placeholder-text span.active {
    opacity: 1
}

.body.home .hero-section .hero-row .hero-box h1 .secondary-text,
.body.home .hero-section .hero-row .hero-box h2 .secondary-text {
    font-size: 32px;
    text-transform: uppercase;
    line-height: 1.5;
    font-weight: 500
}

@media (max-width:1400px) {

    .body.home .hero-section .hero-row .hero-box h1 .secondary-text,
    .body.home .hero-section .hero-row .hero-box h2 .secondary-text {
        font-size: 32px
    }
}

@media (max-width:1199px) {

    .body.home .hero-section .hero-row .hero-box h1 .secondary-text,
    .body.home .hero-section .hero-row .hero-box h2 .secondary-text {
        font-size: 26px
    }
}

@media (max-width:767px) {

    .body.home .hero-section .hero-row .hero-box h1 .secondary-text,
    .body.home .hero-section .hero-row .hero-box h2 .secondary-text {
        font-size: 22px
    }
}

@media (max-width:575px) {

    .body.home .hero-section .hero-row .hero-box h1 .secondary-text,
    .body.home .hero-section .hero-row .hero-box h2 .secondary-text {
        font-size: 18px
    }
}

.body.home .hero-section .hero-row .hero-box h1 .secondary-text p,
.body.home .hero-section .hero-row .hero-box h2 .secondary-text p {
    font-size: inherit;
    max-width: 100%
}

.body.home .hero-section .hero-row .hero-box h1 .secondary-text i,
.body.home .hero-section .hero-row .hero-box h2 .secondary-text i {
    color: inherit
}

@media (max-width:991px) {

    .body.home .hero-section .hero-row .hero-box h1,
    .body.home .hero-section .hero-row .hero-box h2 {
        text-align: center
    }
}

@media (max-width:575px) {

    .body.home .hero-section .hero-row .hero-box h1,
    .body.home .hero-section .hero-row .hero-box h2 {
        margin-bottom: 25px
    }
}

@media (max-width:991px) {
    .body.home .hero-section .hero-row .hero-box .work-technology-tag {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.body.home .hero-section .hero-row .hero-box .work-technology-tag ul {
    grid-gap: 14px
}

@media (max-width:991px) {
    .body.home .hero-section .hero-row .hero-box .work-technology-tag ul {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.body.home .hero-section .hero-row .hero-box .work-technology-tag ul li {
    border-color: rgba(255, 255, 255, .4);
    background: rgba(255, 255, 255, .05)
}

@media (max-width:991px) {
    .body.home .hero-section .hero-row .hero-box p {
        text-align: center;
        margin: 0 auto
    }
}

.body.home .hero-section .action-button {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: 40px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: 20px
}

.body.home .hero-section .action-button .button {
    min-width: 233px;
    min-height: 52px
}

@media (max-width:575px) {
    .body.home .hero-section .action-button .button {
        min-width: auto;
        min-height: auto
    }

    .body.home .hero-section .action-button {
        margin-top: 25px
    }
}

@media (max-width:991px) {
    .body.home .hero-section .action-button {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.body.home .hero-section .action-button>p {
    font-size: 14px;
    color: #fff
}

.body.home .hero-section .action-button>p span {
    color: #25245d;
    font-weight: 700;
    font-style: italic
}

.body.home .hero-section .action-button .button:not(.btn-outline).icon:hover::before {
    width: 52px
}

@media (max-width:767px) {
    .body.home .hero-section .action-button .button:not(.btn-outline).icon:hover::before {
        width: 42px
    }
}

@media (max-width:575px) {
    .body.home .hero-section .action-button .button:not(.btn-outline).icon:hover::before {
        width: 42px
    }
}

.business-modal:not(.our-expertise) .section-title .button.icon:hover span,
.body.home .hero-section .action-button .button:not(.btn-outline).icon:hover span {
    color: #fff
}

.body.home .hero-section .action-button .button:not(.btn-outline).icon:hover span>i {
    -webkit-transform: translateX(32px);
    -ms-transform: translateX(32px);
    transform: translateX(32px)
}

@media (max-width:1199px) {
    .body.home .hero-section .action-button .button:not(.btn-outline).icon:hover span>i {
        -webkit-transform: translateX(19px);
        -ms-transform: translateX(19px);
        transform: translateX(19px)
    }
}

@media (max-width:767px) {
    .body.home .hero-section .action-button .button:not(.btn-outline).icon:hover span>i {
        -webkit-transform: translateX(18px);
        -ms-transform: translateX(18px);
        transform: translateX(18px)
    }
}

@media (max-width:575px) {
    .body.home .hero-section .action-button .button:not(.btn-outline).icon:hover span>i {
        -webkit-transform: translateX(12px);
        -ms-transform: translateX(12px);
        transform: translateX(12px)
    }
}

.body.home .hero-section .action-button .button:not(.btn-outline):not(.icon):hover {
    background: rgba(255, 255, 255, .25);
    border-color: rgba(255, 255, 255, .06)
}

.body.home .hero-section .action-button .button:not(.btn-outline) span {
    padding: 16px 50px
}

@media (max-width:1199px) {
    .body.home .hero-section .action-button .button:not(.btn-outline) span {
        padding: 16px 35px
    }
}

@media (max-width:767px) {
    .body.home .hero-section .action-button .button:not(.btn-outline) span {
        padding: 12px 30px
    }
}

@media (max-width:575px) {
    .body.home .hero-section .action-button .button:not(.btn-outline) span {
        padding: 12px 25px
    }
}

.body.home .hero-section .winning-msg {
    margin-bottom: 25px;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
    font-size: 14px;
    color: #fbfcf8
}

.body.home .hero-section .winning-msg sup {
    margin-right: 6px;
    font-size: 8px
}

@media (max-width:1199px) {
    .body.home .hero-section .winning-msg {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media (max-width:575px) {
    .body.home .hero-section .winning-msg {
        text-align: center;
        display: block
    }
}

.body.home .hero-section .winning-msg span {
    font-size: 32px;
    font-weight: 700;
    background: -webkit-linear-gradient(#e63535, #ff6900);
    -webkit-background-clip: text;
    -webkit-text-fill-color: fill;
    -webkit-text-stroke-color: none;
    -webkit-text-stroke-width: 0;
    color: transparent
}

@media (max-width:575px) {
    .body.home .hero-section .winning-msg span {
        font-size: 25px;
        margin-right: 5px
    }
}

.body.home .award-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 134px;
    height: 134px;
    border-radius: 120px 120px 0 120px;
    background-color: #38a7a1;
    text-align: center;
    padding: 10px 20px;
    z-index: 9999;
    color: #fff;
    display: none
}

.body.home .award-box:hover {
    background: #32bd79
}

@media (max-width:1199px) {
    .body.home .award-box {
        width: 110px;
        height: 110px;
        padding-inline: 15px
    }
}

@media (max-width:991px) {
    .body.home .award-box {
        width: 95px;
        height: 95px
    }
}

@media (max-width:575px) {
    .body.home .award-box {
        width: 60px;
        height: 60px
    }
}

.body.home .award-box h2 {
    font-size: 2.9375em;
    margin: 0;
    color: #fff;
    line-height: 1
}

@media (max-width:1199px) {
    .body.home .award-box h2 {
        font-size: 2.375em
    }
}

@media (max-width:991px) {
    .body.home .award-box h2 {
        font-size: 1.875em
    }
}

.body.home .award-box p {
    text-align: right;
    max-width: 92px;
    font-size: 12px;
    margin: 0
}

@media (max-width:1199px) {
    .body.home .award-box p {
        font-size: 10px
    }
}

@media (max-width:991px) {
    .body.home .award-box p {
        font-size: 9px
    }
}

@media (max-width:575px) {
    .body.home .award-box p {
        display: none
    }
}

.three-container {
    position: absolute;
    top: 0;
    left: 0;
    mix-blend-mode: plus-lighter;
    z-index: -1;
    height: 100%;
    width: 100%;
    overflow: hidden
}

.three-container canvas {
    height: 100% !important
}

.hero-section {
    padding: 48px 0 100px
}

@media (max-width:991px) {
    .hero-section {
        padding: 48px 0
    }
}

@media (max-width:575px) {
    .hero-section {
        padding: 30px 0
    }
}

.hero-row,
.hero-row .hero-box .hero-content .listing li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (max-width:991px) {
    .hero-row {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.hero-row .hero-box img {
    width: 100%;
    height: auto
}

@media (max-width:1199px) {
    .hero-row .hero-box {
        width: 100%
    }
}

@media (max-width:767px) {
    .hero-row .hero-box.hero-info {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }
}

.hero-row .hero-box .hero-content .listing li {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.hero-row .hero-box .hero-content>span {
    display: block;
    overflow: hidden;
    position: relative;
    padding-left: 50px;
    font-weight: 300;
    color: #25245d;
    margin-bottom: 10px
}

.hero-row .hero-box .hero-content>span span {
    color: #38a7a1;
    font-weight: 600
}

.hero-row .hero-box .hero-content>span:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 37px;
    height: 1px;
    background: #38a7a1
}

.hero-row .hero-box .hero-content .back-btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    color: #38a7a1;
    font-weight: 600;
    font-size: 1.125em;
    margin-bottom: 25px
}

@media (max-width:767px) {
    .hero-row .hero-box .hero-content .back-btn {
        font-size: 1em
    }
}

.hero-row .hero-box h1,
.hero-row .hero-box h2 {
    font-size: 3.625em;
    line-height: 118%
}

@media (max-width:1199px) {

    .hero-row .hero-box h1,
    .hero-row .hero-box h2 {
        font-size: 3.125em
    }
}

@media (max-width:991px) {

    .hero-row .hero-box h1,
    .hero-row .hero-box h2 {
        font-size: 2.5em
    }
}

@media (max-width:767px) {

    .hero-row .hero-box h1,
    .hero-row .hero-box h2 {
        font-size: 2.1875em
    }
}

.business-modal-box #business-modal-graphic.one+.business-modal-list .tab-list.fixed-cost,
.business-modal-box #business-modal-graphic.three+.business-modal-list .tab-list.dedicated,
.business-modal-box #business-modal-graphic.two+.business-modal-list .tab-list.hourly-base,
.hero-row .hero-box h1 span,
.hero-row .hero-box h2 span,
.hero-row .hero-box picture {
    display: block
}

.hero-row .hero-box h1 em,
.hero-row .hero-box h2 em {
    font-style: normal;
    color: #38a7a1
}

.hero-row .hero-box p {
    font-size: 1em;
    max-width: 480px;
    line-height: 1.6;
    /* margin: 0 auto 15px */
}

.hero-row .hero-box p:last-of-type {
    margin-bottom: 0
}

@media (max-width:1199px) {
    .hero-row .hero-box p {
        font-size: 1.125em
    }
}

@media (max-width:767px) {
    .hero-row .hero-box p {
        font-size: 1em
    }
}

.hero-row .hero-box .title-logo {
    width: auto;
    height: 40px
}

.hero-row .hero-box .banner-form {
    max-width: 508px;
    width: 100%;
    border: 1px solid #dcdcdc;
    border-radius: 40px;
    padding: 40px;
    -webkit-box-shadow: 0 8px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 8px 0 rgba(0, 0, 0, .1)
}

@media (max-width:1199px) {
    .hero-row .hero-box .banner-form {
        padding: 30px
    }
}

@media (max-width:991px) {
    .hero-row .hero-box .banner-form {
        padding: 20px;
        border-radius: 20px;
        max-width: 100%
    }
}

.hero-row .hero-box .banner-form input.wpcf7-submit {
    position: absolute;
    left: 0;
    width: 0;
    height: 0;
    opacity: 0;
    visibility: hidden
}

.hero-row .hero-box .banner-form .wpcf7 form.invalid .wpcf7-response-output {
    font-size: 14px;
    text-align: center;
    border-color: rgba(37, 36, 93, .5)
}

.hero-row .hero-box .banner-form .form-boxes h3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: 20px;
    font-size: 32px;
    font-weight: 700
}

@media (max-width:991px) {
    .hero-row .hero-box .banner-form .form-boxes h3 {
        font-size: 26px
    }
}

@media (max-width:575px) {
    .hero-row .hero-box .banner-form .form-boxes h3 {
        font-size: 22px
    }
}

.hero-row .hero-box .banner-form .form-boxes h3 img {
    width: 38px;
    height: 38px;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-animation: handshake 1.5s normal linear infinite;
    animation: handshake 1.5s normal linear infinite
}

@media (max-width:991px) {
    .hero-row .hero-box .banner-form .form-boxes h3 img {
        width: 32px;
        height: 32px
    }
}

.hero-row .hero-box .banner-form .form-group,
.what-we-deliver-point-box h5 {
    margin-bottom: 15px
}

.hero-row .hero-box .banner-form .form-group.spinner {
    margin-top: 30px
}

@media (max-width:991px) {
    .hero-row .hero-box .banner-form .form-group label {
        margin-bottom: 3px
    }
}

.hero-row .hero-box .banner-form .button {
    margin-top: 15px
}

.action-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    grid-gap: 20px 28px
}

@media (max-width:767px) {
    .action-button {
        grid-gap: 20px
    }
}

@media (max-width:575px) {
    .action-button {
        grid-gap: 20px 10px
    }

    .action-button .button {
        font-size: 14px
    }
}

@media (max-width:767px) {
    .action-button .button.icon:hover:before {
        width: 40px
    }
}

.served-section {
    padding: 56px 0;
    background: #fafafc;
    color: #fff;
    border-top: 1px solid rgba(0, 0, 0, .1)
}

.served-section.gray-bg .section-title h3 {
    color: #25245d;
    line-height: 1
}

.served-section.gray-bg .section-title h3::before {
    background: #e4e4eb
}

.served-section.gray-bg .section-title p,
.work-content-info ul p,
.work-technology-tag ul p {
    margin: 0
}

@media (max-width:991px) {
    .served-section {
        padding: 48px 0 20px
    }
}

.served-section .section-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (max-width:767px) {
    .served-section .section-title {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

@media (max-width:575px) {
    .served-section .section-title {
        margin-bottom: 20px
    }
}

.served-section .section-title p {
    margin: 0;
    text-transform: uppercase;
    color: #38a7a1;
    font-weight: 600
}

.served-section .section-title h3 {
    position: relative;
    padding-right: 20px;
    margin-right: 20px;
    color: #25245d;
    margin-bottom: 0
}

@media (max-width:991px) {
    .served-section .section-title h3 {
        font-size: 25px
    }
}

@media (max-width:767px) {
    .served-section .section-title h3 {
        padding-right: 0;
        margin-right: 0;
        padding-bottom: 10px;
        margin-bottom: 10px
    }
}

.served-section .section-title h3:before {
    content: "";
    position: absolute;
    right: 0;
    width: 1px;
    height: 22px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: rgba(0, 0, 0, .17)
}

@media (max-width:767px) {
    .served-section .section-title h3:before {
        right: auto;
        left: 0;
        bottom: 0;
        top: auto;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        width: 22px;
        height: 1px
    }
}

@media (max-width:575px) {
    .served-section .section-title p {
        font-size: 14px
    }
}

.served-section .client-logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    grid-gap: 40px 30px
}

@media (max-width:1199px) {
    .served-section .client-logo {
        grid-gap: 35px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media (max-width:991px) {
    .served-section .client-logo {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        grid-gap: 30px 30px
    }
}

.served-section .client-logo:hover .client-logo-box {
    -webkit-transition: all 500ms linear 0s;
    -o-transition: all 500ms linear 0s;
    transition: all 500ms linear 0s
}

.served-section .client-logo .swiper-slide {
    width: 200px
}

@media (max-width:575px) {
    .served-section .client-logo .swiper-slide {
        width: 150px
    }
}

.served-section .client-logo .client-logo-box {
    -webkit-transition: all 300ms linear 0s;
    -o-transition: all 300ms linear 0s;
    transition: all 300ms linear 0s
}

.awards-box .awards-name,
.served-section .client-logo .client-logo-box figure {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.served-section .client-logo .client-logo-box figure {
    opacity: .5;
    -webkit-transition: all 250ms cubic-bezier(.75, .1, .6, 1);
    -o-transition: all 250ms cubic-bezier(.75, .1, .6, 1);
    transition: all 250ms cubic-bezier(.75, .1, .6, 1);
    max-width: 170px;
    height: 80px
}

@media (max-width:575px) {
    .served-section .client-logo .client-logo-box figure {
        max-width: 200px;
        height: 60px
    }
}

.served-section .client-logo .client-logo-box figure img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    /* -webkit-filter: brightness(.1);
    filter: brightness(.1) */
}

.served-section .client-logo .client-logo-box:hover {
    /* -webkit-filter: blur(0);
    filter: blur(0) */
}

.served-section .client-logo .client-logo-box:hover figure img {
    /* -webkit-filter: brightness(20%);
    filter: brightness(20%) */
}

.awards-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    grid-gap: 30px;
    margin-top: 48px
}

.awards-box {
    max-width: 80px;
    width: 100%;
    text-align: center
}

.awards-box .awards-name {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    z-index: 1;
    min-height: 60px;
    padding: 10px
}

.awards-box .awards-name:before {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../img/award-bg.svg) no-repeat center bottom;
    background-size: contain;
    background-position: center center;
    z-index: -1
}

.awards-box .awards-name img {
    width: auto;
    height: 22px;
    margin: 0 auto
}

.awards-box h6 {
    margin-top: 6px;
    padding-bottom: 6px;
    position: relative;
    font-size: 14px;
    line-height: 1.4;
    margin-bottom: 0
}

.awards-box h6:after {
    content: '';
    position: absolute;
    bottom: 0;
    width: 14px;
    height: 1px;
    background: #38a7a1;
    left: 0;
    right: 0;
    margin: 0 auto
}

.archivement-section {
    position: relative;
    z-index: 1;
    padding-bottom: 200px
}

@media (max-width:991px) {
    .archivement-section {
        padding-bottom: 160px
    }
}

@media (max-width:575px) {
    .archivement-section {
        padding-bottom: 120px
    }
}

@media screen and (max-width:390px) {
    .archivement-section {
        padding-bottom: 90px
    }
}

.archivement-section .content-box {
    max-width: 620px;
    width: 100%
}

@media (max-width:767px) {
    .archivement-section .content-box {
        max-width: 100%
    }
}

.archivement-section .content-box p {
    margin-bottom: 32px
}

@media (max-width:767px) {
    .archivement-section .content-box p {
        margin-bottom: 24px
    }
}

.archivement-section .content-box p:last-of-type {
    margin-bottom: 20px
}

.archivement-section .content-box ul {
    padding-left: 20px;
    margin-top: 20px
}

@media (max-width:575px) {
    .archivement-section .content-box ul {
        margin: 20px 0
    }
}

.archivement-section .content-box ul li {
    margin-bottom: 10px
}

.archivement-section .cols {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 1
}

.archivement-section .born-in-india {
    font-size: 3.25em;
    text-transform: none;
    -webkit-transform: translateY(-30%) scale(8);
    -ms-transform: translateY(-30%) scale(8);
    transform: translateY(-30%) scale(8);
    contain: layout;
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
    right: 0;
    text-align: center;
    color: rgba(85, 87, 112, .08);
    font-weight: 300
}

@media (max-width:991px) {
    .archivement-section .born-in-india {
        font-size: 3.25em
    }
}

@media (max-width:767px) {
    .archivement-section .born-in-india {
        font-size: 2.5em
    }
}

@media (max-width:575px) {
    .archivement-section .born-in-india {
        font-size: 2.1875em
    }
}

@media screen and (max-width:480px) {
    .archivement-section .born-in-india {
        font-size: 30px
    }
}

.archivement-section .born-in-india span {
    font-weight: 700
}

.awards-animation-box {
    text-align: center
}

.awards-bg-img {
    position: relative;
    max-width: 642px;
    width: 100%;
    margin: 0 auto;
    padding-top: 160px
}

@media (max-width:991px) {
    .awards-bg-img {
        padding-top: 100px
    }
}

@media (max-width:767px) {
    .awards-bg-img {
        margin-top: 40px
    }
}

@media (max-width:575px) {
    .awards-bg-img {
        padding-top: 60px
    }
}

@media (max-width:991px) {
    .awards-bg-img svg {
        width: 100%
    }
}

.awards-bg-img .awards-list .awards-box {
    position: absolute;
    max-width: 204px
}

@media (max-width:1199px) {
    .awards-bg-img .awards-list .awards-box {
        max-width: 130px
    }
}

@media (max-width:991px) {
    .awards-bg-img .awards-list .awards-box {
        max-width: 120px
    }
}

.awards-bg-img .awards-list .awards-box .awards-name {
    min-height: 158px
}

.awards-bg-img .awards-list .awards-box .awards-name:before {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    opacity: .6
}

@media (max-width:991px) {
    .awards-bg-img .awards-list .awards-box .awards-name {
        min-height: 120px
    }
}

.awards-bg-img .awards-list .awards-box .awards-name img {
    height: 70px
}

@media (max-width:1199px) {
    .awards-bg-img .awards-list .awards-box .awards-name img {
        height: 50px
    }
}

.awards-bg-img .awards-list .awards-box h6 {
    font-size: 1.625em;
    padding-bottom: 10px;
    margin-top: 15px
}

@media (max-width:1199px) {
    .awards-bg-img .awards-list .awards-box h6 {
        font-size: 1.375em
    }
}

@media (max-width:991px) {
    .awards-bg-img .awards-list .awards-box h6 {
        font-size: 1.25em
    }
}

@media (max-width:575px) {
    .awards-bg-img .awards-list .awards-box h6 {
        font-size: 1.125em
    }
}

.awards-bg-img .awards-list .awards-box h6:after {
    height: 2px;
    width: 36px
}

.awards-bg-img .awards-list .awards-box:nth-child(1) {
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto
}

.awards-bg-img .awards-list .awards-box:nth-child(2) {
    bottom: 0;
    left: 0
}

@media (max-width:767px) {
    .awards-bg-img .awards-list .awards-box:nth-child(2) {
        left: -60%;
        margin: 0 auto;
        right: 0
    }
}

.awards-bg-img .awards-list .awards-box:nth-child(3) {
    bottom: 0;
    right: 0
}

@media (max-width:767px) {
    .awards-bg-img .awards-list .awards-box:nth-child(3) {
        left: 0;
        margin: 0 auto;
        right: -60%
    }
}

.about-copmany {
    background: #38a7a1;
    color: #fff;
    overflow: hidden;
    position: relative
}

.about-copmany .heading-with-header {
    gap: 40px
}

@media (max-width:1199px) {
    .about-copmany .heading-with-header {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

@media (max-width:767px) {
    .about-copmany .heading-with-header {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media (max-width:1199px) {
    .about-copmany .heading-with-header .info-section {
        width: 40%
    }
}

@media (max-width:767px) {
    .about-copmany .heading-with-header .info-section {
        width: 100%
    }
}

.about-copmany .heading-with-header .info-section .section-title {
    margin-bottom: 20px
}

.about-copmany .button.icon:hover span,
.about-copmany .heading-with-header .info-section .section-title h2,
.heading-with-header.white .section-title h2 {
    color: #fff
}

@media (max-width:767px) {
    .about-copmany .heading-with-header .info-section .section-title h2 {
        font-size: 2.5em
    }
}

@media (max-width:575px) {
    .about-copmany .heading-with-header .info-section .section-title h2 {
        font-size: 1.875em
    }
}

.about-copmany .heading-with-header .info-section .heading-content {
    max-width: 465px;
    margin-left: 0
}

.about-copmany .heading-with-header .info-section .heading-content p,
.body.technology-list-page .counter-box span {
    font-size: 1em
}

.about-copmany .heading-with-header .info-section .heading-content .button {
    margin-top: 25px
}

.about-copmany .img-section {
    display: grid;
    justify-items: center
}

@media (max-width:1199px) {
    .about-copmany .img-section {
        width: 60%
    }
}

@media (max-width:767px) {
    .about-copmany .img-section {
        width: 100%
    }
}

.about-copmany .img-section figure {
    max-width: 920px
}

.about-copmany .img-section .button {
    margin-top: 40px
}

@media (max-width:767px) {
    .about-copmany .img-section .button {
        margin-top: 30px
    }
}

.about-copmany .counter-row {
    margin-top: 88px
}

@media (max-width:1199px) {
    .about-copmany .counter-row {
        margin-top: 72px
    }
}

@media (max-width:767px) {
    .about-copmany .counter-row {
        margin-top: 35px
    }
}

.split-line>div {
    line-height: 1.2;
    vertical-align: top
}

.section-title2 h1,
.section-title2 h2,
.split-line {
    line-height: 1
}

.section-title2 .split-line,
.section-title2 .split-line>div {
    line-height: inherit
}

.split-line,
.split-parent {
    overflow: hidden;
    display: inline-block;
    vertical-align: top
}

.heading-with-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

@media (max-width:1199px) {
    .heading-with-header {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        grid-gap: 30px
    }
}

.heading-with-header>div:nth-child(2) {
    margin-left: auto
}

.heading-with-header .section-title {
    margin-right: 50px
}

@media (max-width:1199px) {
    .heading-with-header .section-title {
        width: 100%;
        margin-bottom: 20px
    }
}

@media (max-width:767px) {
    .heading-with-header .section-title {
        width: 100%;
        margin-bottom: 0
    }
}

.heading-with-header .heading-content {
    max-width: 345px;
    width: 100%;
    margin-left: 100px
}

@media (max-width:1199px) {
    .heading-with-header .heading-content {
        max-width: 47%;
        margin: 0 !important
    }
}

@media (max-width:575px) {
    .heading-with-header .heading-content {
        max-width: 100%
    }
}

.heading-with-header .heading-content>a {
    margin-top: 30px;
    position: relative;
    z-index: 2
}

@media (max-width:767px) {
    .heading-with-header .heading-content>a {
        margin-top: 20px
    }
}

.heading-with-header .heading-content>a.button:hover:after,
.heading-with-header .heading-content>a.button>span {
    padding: 12px 40px
}

@media (max-width:767px) {
    .heading-with-header .heading-content>a.button>span {
        padding: 10px 20px
    }
}

@media (max-width:767px) {
    .heading-with-header .heading-content>a.button:hover:after {
        padding: 10px 20px
    }
}

.heading-with-header .heading-content p {
    font-size: 1.25em;
    font-weight: 400;
    opacity: .8;
    margin: 0
}

@media (max-width:1199px) {
    .heading-with-header .heading-content p {
        font-size: 1.125em
    }
}

@media (max-width:991px) {
    .heading-with-header .heading-content p {
        font-size: 1em
    }
}

.heading-with-header.white .section-title .top-title,
.hire-section .section-title span.top-title {
    color: #25245d
}

.heading-with-header.white .section-title>p {
    color: #fff;
    font-weight: 400;
    margin-top: 24px;
    max-width: 400px
}

.heading-with-header.white .heading-content p {
    color: #fff;
    margin-bottom: 20px;
    opacity: .8
}

.heading-with-header.white .heading-content p:last-child,
.hiring-point-list ul li:last-child,
.service-content ul li:last-child {
    margin-bottom: 0
}

.heading-with-header.white .heading-content:last-child p {
    font-size: 1em;
    opacity: .6
}

.counter-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    grid-gap: 30px;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin-top: 115px
}

@media (max-width:1400px) {
    .counter-row {
        margin-top: 80px
    }
}

@media (max-width:1199px) {
    .counter-row {
        margin-top: 60px
    }
}

@media (max-width:991px) {
    .counter-row {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media (max-width:767px) {
    .counter-row {
        margin-top: 48px
    }
}

.counter-box {
    width: calc(20% - 24px);
    text-align: center;
    border: 1px solid rgba(157, 220, 255, .1);
    padding: 40px 20px;
    overflow: hidden;
    position: relative;
    z-index: 1
}

@media (max-width:1400px) {
    .counter-box {
        padding: 30px 20px
    }
}

@media (max-width:991px) {
    .counter-box {
        width: calc(33.33% - 20px)
    }
}

@media (max-width:575px) {
    .counter-box {
        width: calc(50% - 15px)
    }
}

@media (max-width:479px) {
    .counter-box {
        width: 100%
    }
}

.counter-box span {
    font-weight: 700;
    font-size: 1.25em;
    display: block
}

@media (max-width:1400px) {
    .counter-box span {
        font-size: 1.125em;
        font-weight: 500
    }
}

.counter-box.orange-clr h2 {
    background-image: -webkit-gradient(linear, left top, right top, from(#ff6900), to(#e63535));
    background-image: -o-linear-gradient(left, #fbfcf8 0%, #fbfcf8 100%);
    background-image: linear-gradient(90deg, #fbfcf8 0%, #fbfcf8 100%)
}

.counter-box.blue-clr h2 {
    background-image: -o-linear-gradient(302.86deg, #fbfcf8 6.95%, #fbfcf8 93.05%);
    background-image: linear-gradient(147.14deg, #fbfcf8 6.95%, #fbfcf8 93.05%)
}

.counter-box.green-clr h2,
.counter-box.parrot-clr h2 {
    background-image: -o-linear-gradient(302.86deg, #fbfcf8 6.95%, #fbfcf8 93.05%);
    background-image: linear-gradient(147.14deg, #fbfcf8 6.95%, #fbfcf8 93.05%)
}

.counter-box.purple-clr h2 {
    background-image: -o-linear-gradient(302.86deg, #fbfcf8 6.95%, #fbfcf8 93.05%);
    background-image: linear-gradient(147.14deg, #fbfcf8 6.95%, #fbfcf8 93.05%)
}

.counter-box h2 {
    font-size: 3.125em;
    font-weight: 600;
    background-image: -o-linear-gradient(304.49deg, #fbfcf8 7.21%, #fbfcf8 94.47%);
    background-image: linear-gradient(145.51deg, #fbfcf8 7.21%, #fbfcf8 94.47%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    display: inline-block;
    width: 100%;
    margin: 0
}

@media (max-width:1400px) {
    .counter-box h2 {
        font-size: 3.125em
    }
}

@media (max-width:1199px) {
    .counter-box h2 {
        font-size: 2.1875em;
        margin-bottom: 5px;
        font-weight: 700
    }
}

@media (max-width:479px) {
    .counter-box h2 {
        font-size: 2.5em
    }
}

.textimonial-slider .slider-arrow-box,
.textimonial-slider .swiper-btn {
    margin: auto
}

.slider-arrow-box,
.swiper-btn {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: 14px;
    padding-bottom: 0
}

.slider-arrow-box.center,
.swiper-btn.center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 44px;
    padding-bottom: 0
}

@media (max-width:991px) {

    .slider-arrow-box,
    .swiper-btn {
        display: none
    }
}

.slider-arrow-box .swiper-btn,
.slider-arrow-box>.button,
.swiper-btn .swiper-btn,
.swiper-btn>.button {
    margin: 0;
    position: static;
    width: 56px;
    height: 32px;
    border-radius: 16px;
    padding: 10px;
    color: #9f9f9f;
    border: 1px solid #9f9f9f;
    font-size: 1.25em;
    -webkit-transition: all 250ms cubic-bezier(.75, .1, .6, 1);
    -o-transition: all 250ms cubic-bezier(.75, .1, .6, 1);
    transition: all 250ms cubic-bezier(.75, .1, .6, 1);
    background: 0 0
}

.slider-arrow-box .swiper-btn::after,
.slider-arrow-box>.button::after,
.swiper-btn .swiper-btn::after,
.swiper-btn>.button::after,
.swiper-button-next::after,
.swiper-button-prev::after,
.swiper-section .swiper-content .swiper-slider .swiper-button-next:after,
.swiper-section .swiper-content .swiper-slider .swiper-button-prev:after,
.swiper-section.hide-info .swiper-slider .swiper-button-next::after,
.swiper-section.hide-info .swiper-slider .swiper-button-prev::after {
    display: none
}

.slider-arrow-box .swiper-btn.swiper-button-disabled,
.slider-arrow-box>.button.swiper-button-disabled,
.swiper-btn .swiper-btn.swiper-button-disabled,
.swiper-btn>.button.swiper-button-disabled {
    pointer-events: none;
    opacity: .5
}

.slider-arrow-box .swiper-btn:not(.swiper-button-disabled):hover,
.slider-arrow-box>.button:not(.swiper-button-disabled):hover,
.swiper-btn .swiper-btn:not(.swiper-button-disabled):hover,
.swiper-btn>.button:not(.swiper-button-disabled):hover {
    background: #25245d;
    color: #fff;
    border-color: #25245d
}

.swiper-button-next,
.swiper-button-prev {
    margin: 0;
    width: 56px;
    height: 32px;
    border-radius: 16px;
    padding: 10px;
    color: #c7c9d9;
    border: 1px solid #c7c9d9;
    font-size: 1.25em;
    -webkit-transition: all 250ms cubic-bezier(.75, .1, .6, 1);
    -o-transition: all 250ms cubic-bezier(.75, .1, .6, 1);
    transition: all 250ms cubic-bezier(.75, .1, .6, 1);
    background: 0 0
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
    background: #25245d;
    color: #fff;
    border-color: #25245d
}

.our-services {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(29.73%, rgba(248, 247, 246, 0)), color-stop(97.06%, #f8f7f6));
    background: -o-linear-gradient(top, rgba(248, 247, 246, 0) 29.73%, #f8f7f6 97.06%);
    background: linear-gradient(180deg, rgba(248, 247, 246, 0) 29.73%, #f8f7f6 97.06%);
    width: 100%;
    overflow: hidden
}

@media (max-width:991px) {
    .our-services .section-title {
        max-width: 100%
    }
}

.hire-section .section-title a.button:hover::after,
.our-services .section-title>span {
    color: #25245d
}

.swiper-section {
    position: relative
}

.swiper-section.hide-info {
    max-width: 100vw;
    padding: 0
}

.swiper-section.hide-info .swiper-content .swiper-slider {
    position: static
}

.swiper-section.hide-info .swiper-slider .swiper-button-next,
.swiper-section.hide-info .swiper-slider .swiper-button-prev {
    opacity: 0 !important;
    visibility: hidden !important;
    background: #38a7a1;
    font-size: 32px;
    color: #fff;
    position: absolute;
    border: 0;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    width: auto;
    height: auto;
    -webkit-transition: opacity 250ms cubic-bezier(.75, .1, .6, 1), visibility 250ms cubic-bezier(.75, .1, .6, 1);
    -o-transition: opacity 250ms cubic-bezier(.75, .1, .6, 1), visibility 250ms cubic-bezier(.75, .1, .6, 1);
    transition: opacity 250ms cubic-bezier(.75, .1, .6, 1), visibility 250ms cubic-bezier(.75, .1, .6, 1)
}

.swiper-section.hide-info .swiper-slider .swiper-button-prev {
    left: 0;
    padding: 25px 40px 25px 30px;
    border-radius: 0 50px 50px 0
}

@media (max-width:991px) {

    .swiper-section.hide-info .swiper-slider .swiper-button-next,
    .swiper-section.hide-info .swiper-slider .swiper-button-prev {
        opacity: 0 !important;
        visibility: hidden !important
    }
}

.hiring-point-list h4 a,
.service-content h4 a,
.swiper-section.hide-info .swiper-slider .swiper-button-next i,
.swiper-section.hide-info .swiper-slider .swiper-button-prev i {
    -webkit-transition: all 250ms cubic-bezier(.75, .1, .6, 1);
    -o-transition: all 250ms cubic-bezier(.75, .1, .6, 1);
    transition: all 250ms cubic-bezier(.75, .1, .6, 1)
}

.swiper-section.hide-info .swiper-slider .swiper-button-next.swiper-button-disabled,
.swiper-section.hide-info .swiper-slider .swiper-button-prev.swiper-button-disabled {
    opacity: 0 !important;
    visibility: hidden !important
}

.swiper-section.hide-info .swiper-slider .swiper-button-next:hover i {
    -webkit-transform: translateX(5px);
    -ms-transform: translateX(5px);
    transform: translateX(5px)
}

.swiper-section.hide-info .swiper-slider .swiper-button-next {
    left: auto;
    right: 0;
    border-radius: 50px 0 0 50px;
    padding: 25px 30px 25px 40px
}

.swiper-section .swiper-row {
    max-width: 1644px;
    padding: 0 32px;
    width: 100%;
    margin: 0 auto
}

.swiper-section .swiper {
    overflow: visible
}

.swiper-section .swiper-content,
.swiper-section .swiper-content .swiper-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (max-width:991px) {
    .swiper-section .swiper-content {
        display: block
    }
}

.swiper-section .swiper-content .swiper-info {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-transition: opacity .4s ease;
    -o-transition: opacity .4s ease;
    transition: opacity .4s ease
}

@media (max-width:1199px) {
    .swiper-section .swiper-content .swiper-info {
        max-width: 400px;
        min-width: 400px;
        padding-right: 80px
    }
}

@media (max-width:991px) {
    .swiper-section .swiper-content .swiper-info {
        max-width: 100%;
        min-width: 100%;
        padding-right: 0
    }
}

.swiper-section .swiper-content .swiper-info .section-title {
    margin-bottom: 100px
}

@media (max-width:991px) {
    .swiper-section .swiper-content .swiper-info .section-title {
        margin-bottom: 32px;
        max-width: 100%
    }
}

.swiper-section .swiper-content .swiper-info .section-title>span {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 1em
}

.swiper-section .swiper-content .swiper-info .section-title h2 {
    margin-bottom: 24px
}

.swiper-section .swiper-content .swiper-info .section-title .button {
    margin-top: 32px
}

@media (max-width:991px) {
    .swiper-section .swiper-content .swiper-info .section-title .button {
        margin-top: 20px
    }
}

.swiper-section .swiper-content .swiper-slider {
    margin-left: 140px;
    position: relative;
    z-index: 2
}

@media (max-width:1199px) {
    .swiper-section .swiper-content .swiper-slider {
        margin: 0
    }
}

@media (max-width:991px) {
    .swiper-section .swiper-content .swiper-slider {
        width: 100%
    }
}

.swiper-section .swiper-content .swiper-slider .swiper-wrapper .swiper-slide {
    -webkit-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    cursor: -webkit-grab;
    cursor: grab
}

.swiper-section .swiper-content .swiper-slider .swiper-wrapper.is-mousedown .swiper-slide {
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9)
}

.swiper-section .swiper-content .swiper-slider .box-wider {
    width: calc(100vw - var(--swiperOffeset));
    overflow: hidden
}

.swiper-section .swiper-content .swiper-slider .box-wider .swiper {
    max-width: var(--swiperWidth);
    margin-left: 0;
    width: 90%;
    position: static
}

@media (max-width:1199px) {
    .swiper-section .swiper-content .swiper-slider .box-wider .swiper {
        width: 60%
    }
}

@media (max-width:991px) {
    .swiper-section .swiper-content .swiper-slider .box-wider .swiper {
        width: 85%
    }
}

@media (max-width:767px) {
    .swiper-section .swiper-content .swiper-slider .box-wider .swiper {
        width: 60%
    }
}

@media (max-width:479px) {
    .swiper-section .swiper-content .swiper-slider .box-wider .swiper {
        width: 80%
    }
}

.swiper-section .swiper-content .swiper-slider .box-wider .swiper .swiper-slide:nth-child(6n+1) .hiring-box {
    background: #38a7a1;
    background: #38a7a1;
}

.swiper-section .swiper-content .swiper-slider .box-wider .swiper .swiper-slide:nth-child(6n+1) .hiring-box .hiring-point-list::after {
    background: -o-linear-gradient(216.24deg, #25245d -34.54%, rgba(248, 247, 246, 0) 98.47%);
    background: linear-gradient(216.24deg, #25245d -34.54%, rgba(248, 247, 246, 0) 98.47%);
}

.swiper-section .swiper-content .swiper-slider .box-wider .swiper .swiper-slide:nth-child(6n+2) .hiring-box {
    background: #38a7a1;
    background: #38a7a1;
}

.swiper-section .swiper-content .swiper-slider .box-wider .swiper .swiper-slide:nth-child(6n+2) .hiring-box .hiring-point-list::after {
    background: -o-linear-gradient(216.24deg, #25245d -34.54%, rgba(248, 247, 246, 0) 98.47%);
    background: linear-gradient(216.24deg, #25245d -34.54%, rgba(248, 247, 246, 0) 98.47%);
}

.swiper-section .swiper-content .swiper-slider .box-wider .swiper .swiper-slide:nth-child(6n+3) .hiring-box {
    background: #38a7a1;
    background: #38a7a1;
}

.swiper-section .swiper-content .swiper-slider .box-wider .swiper .swiper-slide:nth-child(6n+3) .hiring-box .hiring-point-list::after {
    background: -o-linear-gradient(216.24deg, #25245d -34.54%, rgba(248, 247, 246, 0) 98.47%);
    background: linear-gradient(216.24deg, #25245d -34.54%, rgba(248, 247, 246, 0) 98.47%);
}

.swiper-section .swiper-content .swiper-slider .box-wider .swiper .swiper-slide:nth-child(6n+4) .hiring-box {
    background: #38a7a1;
}

.swiper-section .swiper-content .swiper-slider .box-wider .swiper .swiper-slide:nth-child(6n+4) .hiring-box .hiring-point-list::after {
    background: -o-linear-gradient(216.24deg, #25245d -34.54%, rgba(248, 247, 246, 0) 98.47%);
    background: linear-gradient(216.24deg, #25245d -34.54%, rgba(248, 247, 246, 0) 98.47%);
}

.swiper-section .swiper-content .swiper-slider .box-wider .swiper .swiper-slide:nth-child(6n+5) .hiring-box {
    background: #38a7a1;
}

.swiper-section .swiper-content .swiper-slider .box-wider .swiper .swiper-slide:nth-child(6n+5) .hiring-box .hiring-point-list::after {
    background: -o-linear-gradient(216.24deg, #25245d -34.54%, rgba(248, 247, 246, 0) 98.47%);
    background: linear-gradient(216.24deg, #25245d -34.54%, rgba(248, 247, 246, 0) 98.47%);
}

.swiper-section .swiper-content .swiper-slider .box-wider .swiper .swiper-slide:nth-child(6n+6) .hiring-box {
    background: #38a7a1;
}

.swiper-section .swiper-content .swiper-slider .box-wider .swiper .swiper-slide:nth-child(6n+6) .hiring-box .hiring-point-list::after {

    background: -o-linear-gradient(216.24deg, #25245d -34.54%, rgba(248, 247, 246, 0) 98.47%);
    background: linear-gradient(216.24deg, #25245d -34.54%, rgba(248, 247, 246, 0) 98.47%);
}

.swiper-section .swiper-content .swiper-slider .swiper-button-next,
.swiper-section .swiper-content .swiper-slider .swiper-button-prev {
    opacity: 0;
    visibility: hidden;
    display: none
}

.service-list figure {
    position: relative;
    padding: 48px;
    margin-left: 45px;
    width: 200px;
    height: 200px;
    margin-top: 45px
}

.service-list figure:before {
    content: '';
    background: -o-linear-gradient(230deg, #38a7a1 0%, rgba(255, 255, 255, 0) 52.09%);
    background: linear-gradient(-140deg, #38a7a1 0%, rgba(255, 255, 255, 0) 52.09%);
    opacity: .5;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(-45deg);
    -ms-transform: translateY(-50%) rotate(-45deg);
    transform: translateY(-50%) rotate(-45deg);
    width: 200px;
    height: 200px
}

.service-list figure img {
    max-width: 112px;
    height: auto;
    width: auto
}

.service-list .new-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    grid-gap: 8px;
    list-style-type: disc;
    padding: 0 0 0 10px;
    margin: 0 0 0 10px
}

.service-list .new-list>a {
    display: list-item;
    unicode-bidi: -webkit-isolate;
    unicode-bidi: -moz-isolate;
    unicode-bidi: isolate;
    padding: 0
}

.hiring-point-list,
.service-content {
    margin-left: 0
}

.hiring-point-list h4,
.service-content h4 {
    font-weight: 600;
    position: relative;
    font-size: 1.5em;
    padding-bottom: 12px;
    margin-bottom: 12px
}

.hiring-point-list h4:before,
.service-content h4:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 90px;
    height: 1px;
    background: #f7a93b
}

@media (max-width:1600px) {

    .hiring-point-list h4,
    .service-content h4 {
        font-size: 20px
    }
}

@media (max-width:575px) {

    .hiring-point-list h4,
    .service-content h4 {
        font-size: 1.125em
    }
}

.hiring-point-list ul,
.service-content ul {
    margin: 0 0 0 18px;
    padding: 0
}

.technologies-section,
.body.banner-form-detail .hero-section .hero-row ul.listing li::before {
    background: #fff
}

.benefit-point-box .benefit-info h4,
.technologies-section .section-title,
.work-box .work-content-info p,
.work-section .swiper-content .swiper-slider .work-box .work-technology-tag {
    margin-bottom: 0
}

.technologies-section .section-title span {
    text-transform: uppercase;
    color: #38a7a1
}

.technologies-section .custom-scroll {
    width: calc(100% + 64px);
    margin-left: -32px;
    display: inline-block;
    vertical-align: top;
    overflow: auto;
    padding-left: 32px;
    padding-right: 32px;
    -ms-overflow-style: none;
    scrollbar-width: none;
    overflow-y: scroll
}

.technologies-section .custom-scroll::-webkit-scrollbar {
    display: none
}

.technologies-section .custom-scroll .tabnav {
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    padding-right: 40px
}

.technology-tab-content {
    text-align: center
}

.technology-tab-content>.button {
    margin-top: 80px
}

@media (max-width:991px) {
    .technology-tab-content>.button {
        margin-top: 40px
    }
}

.technology-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    grid-gap: 30px 28px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    margin: 0 auto;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

@media (max-width:991px) {
    .technology-list {
        grid-gap: 20px 20px;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }

    .technology-list a {
        height: auto
    }
}

.technology-list .technology-list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 160px;
    -webkit-transition: all 250ms cubic-bezier(.75, .1, .6, 1);
    -o-transition: all 250ms cubic-bezier(.75, .1, .6, 1);
    transition: all 250ms cubic-bezier(.75, .1, .6, 1);
    background: 0 0
}

@media (max-width:767px) {
    .technology-list .technology-list-item {
        width: 140px
    }
}

@media screen and (max-width:480px) {
    .technology-list .technology-list-item {
        width: calc(50% - 10px)
    }
}

.technology-list .technology-list-item span {
    display: block;
    color: #25245d;
    font-weight: 600
}

.technology-list .technology-list-item figure {
    -webkit-transition: all .3s ease-in-out .1s;
    -o-transition: all .3s ease-in-out .1s;
    transition: all .3s ease-in-out .1s
}

.technology-list .technology-list-item img {
    margin-bottom: 5px;
    height: 54px;
    width: 54px;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: bottom center;
    object-position: bottom center
}

@media (max-width:575px) {
    .technology-list .technology-list-item img {
        height: 44px;
        width: 44px
    }
}

.technology-list .technology-list-item:hover figure {
    -webkit-transform: scale(1.2) translateY(-10%);
    -ms-transform: scale(1.2) translateY(-10%);
    transform: scale(1.2) translateY(-10%)
}

.hire-section {
    background: #38a7a1
}

.faq-section .faq-row .faq-info .button:hover span,
.hire-section .section-title,
.hire-section .section-title a.button:hover,
.hire-section .section-title a.button:hover>span,
.hire-section .section-title h2 {
    color: #fff
}

@media (max-width:991px) {
    .hire-section .section-title {
        max-width: 100%
    }
}

.hire-section .swiper-section .swiper-content .swiper-info .slider-arrow-box>.button {
    border-color: #25245d;
    color: #25245d;
}

.hire-section .swiper-section .swiper-content .swiper-info .slider-arrow-box>.button:hover {
    background: rgba(255, 255, 255, .25);
    border-color: rgba(255, 255, 255, .06)
}

.hiring-box,
.hiring-box .hiring-header h3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.hiring-box {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.hiring-box,
.hiring-box.green-gradient {
    background: -o-linear-gradient(231.13deg, #f5f447 -37.65%, #2eb86c 96.33%);
    background: linear-gradient(218.87deg, #f5f447 -37.65%, #2eb86c 96.33%)
}

.hiring-box .hiring-point-list:after,
.hiring-box.green-gradient .hiring-point-list:after {
    background: -o-linear-gradient(233.76deg, rgba(255, 255, 255, 0) -34.54%, rgba(46, 184, 108, .98) 98.47%);
    background: linear-gradient(216.24deg, rgba(255, 255, 255, 0) -34.54%, rgba(46, 184, 108, .98) 98.47%)
}

.hiring-box.sky-gradient {
    background: -o-linear-gradient(231.56deg, #63f5ff -16.59%, #47b0ff 108.34%);
    background: linear-gradient(218.44deg, #63f5ff -16.59%, #47b0ff 108.34%)
}

.hiring-box.sky-gradient .hiring-point-list:after {
    background: -o-linear-gradient(231.56deg, rgba(99, 245, 255, .94) -16.59%, rgba(71, 176, 255, .94) 108.34%);
    background: linear-gradient(218.44deg, rgba(99, 245, 255, .94) -16.59%, rgba(71, 176, 255, .94) 108.34%)
}

.hiring-box.pink-gradient {
    background: -o-linear-gradient(213.32deg, #ff5b9d 0%, #e83485 100%);
    background: linear-gradient(236.68deg, #ff5b9d 0%, #e83485 100%)
}

.hiring-box.pink-gradient .hiring-point-list:after {
    background: -o-linear-gradient(213.32deg, rgba(255, 91, 157, .9) 0%, #e83485 100%);
    background: linear-gradient(236.68deg, rgba(255, 91, 157, .9) 0%, #e83485 100%)
}

.hiring-box .hiring-header {
    padding: 30px;
    border-bottom: 1px solid rgba(37, 36, 93, .1);
    width: 100%;
    background-color: #25245d;
}

@media (max-width:575px) {
    .hiring-box .hiring-header {
        padding: 15px;

    }
}

.hiring-box .hiring-header h2 {
    -webkit-text-stroke: 1px #fff;
    paint-order: stroke fill;
    color: transparent;
    font-size: 2.625em;
    margin: 0
}

@media (max-width:991px) {
    .hiring-box .hiring-header h2 {
        font-size: 1.875em
    }
}

@media (max-width:575px) {
    .hiring-box .hiring-header h2 {
        font-size: 1.25em
    }
}

.hiring-box .hiring-header h3 {
    text-transform: uppercase;
    font-size: 2.125em;
    color: #fff;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-weight: 900;
    margin: 0 10px 0 0
}

@media (max-width:991px) {
    .hiring-box .hiring-header h3 {
        font-size: 1.875em
    }
}

@media (max-width:575px) {
    .hiring-box .hiring-header h3 {
        font-size: 1.125em
    }
}

.hiring-box .hiring-point-list {
    background-repeat: no-repeat;
    background-size: 100%;
    height: 100%;
    background-position: center bottom;
    color: #fff;
    position: relative;
    z-index: 2;
    padding: 30px 38px 30px 56px;
    margin: 0
}

@media (max-width:575px) {
    .hiring-box .hiring-point-list {
        padding: 20px 15px 20px 30px
    }
}

.hiring-box .hiring-point-list:after {
    content: '';
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    left: 0;
    z-index: -1
}

.hiring-box .hiring-point-list li a {
    position: relative;
    color: #fff
}

.hiring-box .hiring-point-list li a:hover::after {
    left: 0;
    width: 100%
}

.hiring-box .hiring-point-list li a::after {
    content: "";
    position: absolute;
    height: 1px;
    width: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    -webkit-transition: all 250ms cubic-bezier(.75, .1, .6, 1);
    -o-transition: all 250ms cubic-bezier(.75, .1, .6, 1);
    transition: all 250ms cubic-bezier(.75, .1, .6, 1)
}

.swiper-slider .swiper-slide {
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden
}

.swiper-section .swiper .swiper-pagination {
    width: calc(100vw - 64px)
}

.swiper .swiper-pagination {
    position: static;
    margin: 22px 0 0;
    padding: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    display: none;
    width: 100%
}

.swiper .swiper-pagination .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background: #a0a0a6;
    -webkit-transition: all 250ms cubic-bezier(.75, .1, .6, 1);
    -o-transition: all 250ms cubic-bezier(.75, .1, .6, 1);
    transition: all 250ms cubic-bezier(.75, .1, .6, 1)
}

.swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
.body.overlay .loader-container .loader .dot,
.body.work .loader-container .loader .dot {
    background: #38a7a1
}

@media (max-width:991px) {
    .swiper .swiper-pagination {
        display: block
    }
}

.work-section {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(29.73%, rgba(248, 247, 246, 0)), color-stop(97.06%, #f8f7f6));
    background: -o-linear-gradient(top, rgba(248, 247, 246, 0) 29.73%, #f8f7f6 97.06%);
    background: linear-gradient(180deg, rgba(248, 247, 246, 0) 29.73%, #f8f7f6 97.06%);
    overflow: hidden;
    width: 100%
}

.work-section .swiper-content .swiper-slider {
    max-width: 988px;
    width: 100%
}

.work-section .swiper-content .swiper-slider .work-box {
    padding-right: 78px
}

@media (max-width:1199px) {
    .work-section .swiper-content .swiper-slider .work-box {
        padding-right: 50px
    }
}

@media (max-width:991px) {
    .work-section .swiper-content .swiper-slider .work-box {
        padding-right: 32px
    }
}

.work-section .swiper-wrapper {
    counter-reset: my-sec-counter
}

@media (max-width:991px) {
    .work-section .section-title {
        width: 100%
    }
}

.work-box,
.work-box .work-box-img {
    width: 100%;
    position: relative;
    -webkit-transition: none;
    -o-transition: none;
    transition: none
}

.work-box .work-box-img {
    -webkit-clip-path: polygon(14% 0, 100% 0, 100% 100%, 0 100%, 0 13%);
    clip-path: polygon(14% 0, 100% 0, 100% 100%, 0 100%, 0 13%);
    display: block
}

.work-box .work-box-img .canvas {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    z-index: 3
}

.work-box figure {
    padding-top: 126.2%;
    display: block;
    width: 100%
}

.work-box figure.displacement-hover canvas {
    width: 100% !important;
    position: absolute;
    left: 0;
    top: 0;
    height: 100% !important;
    -o-object-fit: cover;
    object-fit: cover
}

.work-box figure.displacement-hover img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.work-box .work-box-img .canvas,
.work-box figure i,
.work-content-info ul li,
.work-technology-tag ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.work-box figure i {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 50px;
    height: 50px;
    background: #38a7a1;
    font-size: 20px;
    color: #fff;
    z-index: 1;
    opacity: 0;
    -webkit-transition: all 200ms cubic-bezier(.75, .1, .6, 1);
    -o-transition: all 200ms cubic-bezier(.75, .1, .6, 1);
    transition: all 200ms cubic-bezier(.75, .1, .6, 1)
}

.work-box .work-content-info {
    color: #555770;
    margin-top: 25px;
    position: relative;
    z-index: 1
}

@media (max-width:575px) {
    .work-box .work-content-info {
        margin-top: 15px
    }
}

.work-box .work-content-info::before {
    counter-increment: my-sec-counter;
    content: "0" counter(my-sec-counter);
    position: absolute;
    right: 0;
    top: -10px;
    font-size: 80px;
    font-weight: 700;
    color: rgba(0, 0, 0, .04);
    z-index: -1;
    line-height: 1
}

@media (max-width:991px) {
    .work-box .work-content-info::before {
        font-size: 80px
    }
}

.work-box .work-content-info h2 {
    font-size: 1.875em;
    font-weight: 600;
    margin: 0 0 5px
}

@media (max-width:991px) {
    .work-box .work-content-info h2 {
        font-size: 25px
    }
}

.work-box .work-content-info h2+p {
    margin: 10px 0 0
}

.work-content-info ul {
    list-style: none;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 16px 0 0
}

.work-content-info ul li,
.work-technology-tag ul li {
    border: 1px solid #e4e4eb;
    padding: 3px 14px;
    border-radius: 50px
}

.work-content-info ul,
.work-technology-tag,
.work-technology-tag ul {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: 10px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: .875em
}

.work-technology-tag {
    margin: 16px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.business-modal-box .business-modal-list>ul,
.work-technology-tag ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    margin: 0
}

.work-technology-tag ul {
    padding: 0
}

.benefit-point-box {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 32px
}

@media (max-width:991px) {
    .benefit-point-box {
        grid-gap: 30px 30px;
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (max-width:575px) {
    .benefit-point-box {
        grid-template-columns: repeat(1, 1fr)
    }
}

.benefit-point-box .benefit-info {
    padding: 40px;
    background: #fff;
    -webkit-box-shadow: 0 4px 60px rgba(0, 0, 0, .08);
    box-shadow: 0 4px 60px rgba(0, 0, 0, .08)
}

@media (max-width:1199px) {
    .benefit-point-box .benefit-info {
        padding: 30px
    }
}

@media (max-width:1199px) {
    .benefit-point-box .benefit-info h4 {
        font-size: 20px
    }
}

@media (max-width:767px) {
    .benefit-point-box .benefit-info {
        padding: 30px
    }
}

.benefit-point-box .benefit-info:hover>img {
    -webkit-animation: icon-bounce .8s 1;
    animation: icon-bounce .8s 1
}

.benefit-point-box .benefit-info>img {
    max-height: 55px;
    width: auto;
    margin-bottom: 25px
}

@media (max-width:1199px) {
    .benefit-point-box .benefit-info>img {
        max-height: 45px;
        margin-bottom: 20px
    }
}

@media (max-width:767px) {
    .benefit-point-box .benefit-info>img {
        max-height: 40px;
        margin-bottom: 20px
    }
}

.benefit-point-box .benefit-info p {
    margin-top: 16px;
    color: rgba(18, 20, 29, .8);
    margin-bottom: 0
}

.business-modal {
    background: #38a7a1
}

.business-modal .heading-with-header .section-title {
    margin-right: 0;
    max-width: 100%;
    margin-bottom: 80px
}

@media (max-width:1400px) {
    .business-modal .heading-with-header .section-title {
        margin-bottom: 60px
    }
}

@media (max-width:1199px) {
    .business-modal .heading-with-header .section-title {
        margin-bottom: 0
    }
}

.business-modal-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 0;
    grid-gap: 40px
}

@media (max-width:1199px) {
    .business-modal-box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        grid-gap: 60px
    }
}

@media (max-width:575px) {
    .business-modal-box {
        grid-gap: 40px
    }
}

.business-modal-box .business-modal-list {
    max-width: 860px;
    width: 60%
}

@media (max-width:1199px) {
    .business-modal-box .business-modal-list {
        max-width: 100%;
        width: 100%
    }
}

.business-modal-box .business-modal-list>ul {
    padding: 0 0 60px
}

@media (max-width:1400px) {
    .business-modal-box .business-modal-list>ul {
        padding: 0 0 40px
    }
}

@media (max-width:1199px) {
    .business-modal-box .business-modal-list>ul {
        padding-bottom: 390px
    }
}

@media (max-width:767px) {
    .business-modal-box .business-modal-list>ul {
        padding-bottom: 55%
    }
}

@media (max-width:575px) {
    .business-modal-box .business-modal-list>ul {
        padding-bottom: 60%;
        width: calc(100% + 63px);
        margin-left: -30px
    }
}

.business-modal-box .business-modal-list>ul li,
.work-process .work-process-box img {
    width: 100%
}

@media (max-width:1199px) {
    .business-modal-box .business-modal-list>ul li {
        margin-right: -1px
    }
}

@media (max-width:767px) {
    .business-modal-box .business-modal-list>ul li {
        width: 33.33%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.business-modal-box .business-modal-list>ul li:first-child a {
    border-radius: 50px 0 0 50px
}

@media (max-width:575px) {
    .business-modal-box .business-modal-list>ul li:first-child a {
        border-radius: 0
    }
}

.business-modal-box .business-modal-list>ul li:nth-child(2) a {
    border-inline: 0
}

.business-modal-box .business-modal-list>ul li:last-child a {
    border-radius: 0 50px 50px 0
}

@media (max-width:575px) {
    .business-modal-box .business-modal-list>ul li:last-child a {
        border-radius: 0
    }
}

.business-modal-box .business-modal-list>ul li a {
    padding: 28px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    font-size: 1.5em;
    line-height: normal;
    border: 1px solid #2e336a;
    position: relative;
    -webkit-transition: all 350ms cubic-bezier(.75, .1, .6, 1);
    -o-transition: all 350ms cubic-bezier(.75, .1, .6, 1);
    transition: all 350ms cubic-bezier(.75, .1, .6, 1)
}

@media (max-width:1400px) {
    .business-modal-box .business-modal-list>ul li a {
        padding: 24px 20px;
        font-size: 20px
    }
}

@media (max-width:1199px) {
    .business-modal-box .business-modal-list>ul li a {
        padding: 16px 50px 16px 28px;
        font-size: 1.125em
    }
}

@media (max-width:767px) {
    .business-modal-box .business-modal-list>ul li a {
        padding: 20px 10px;
        font-size: 1em;
        width: 100%
    }
}

@media (max-width:575px) {
    .business-modal-box .business-modal-list>ul li a {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 8px;
        text-align: center;
        font-size: 14px
    }
}

.business-modal-box .business-modal-list>ul li a i {
    font-size: 26px;
    margin-right: 30px
}

@media (max-width:1400px) {
    .business-modal-box .business-modal-list>ul li a i {
        margin-right: 20px
    }
}

@media (max-width:1199px) {
    .business-modal-box .business-modal-list>ul li a i {
        margin-right: 20px;
        font-size: 24px
    }
}

@media (max-width:575px) {
    .business-modal-box .business-modal-list>ul li a i {
        font-size: 20px;
        margin-right: 0
    }
}

.business-modal-box .business-modal-list>ul li a:hover,
.business-modal-box .business-modal-list>ul li.active a {
    background: #2e336a;
    color: #fbfef8
}

.blog-box .blog-img:hover figure:before,
.business-modal-box .business-modal-list>ul li.active a::before {
    opacity: 1;
    visibility: visible
}

.business-modal-box .business-modal-list .tab-list {
    display: none;
    padding-left: 20px
}

@media (max-width:1199px) {
    .business-modal-box .business-modal-list .tab-list {
        padding-left: 0
    }
}

.business-modal-box .business-modal-list .tab-list ul {
    color: #fff;
    margin: 40px 0 30px
}

@media (max-width:575px) {
    .business-modal-box .business-modal-list .tab-list ul {
        padding-left: 30px
    }
}

.business-modal-box .business-modal-list .tab-list ul.grids {
    grid-template-columns: 1fr 1fr;
    gap: 10px
}

@media (max-width:575px) {
    .business-modal-box .business-modal-list .tab-list ul.grids {
        grid-template-columns: 1fr
    }
}

.business-modal-box .business-modal-list .tab-list ul:last-of-type {
    margin-bottom: 0
}

.business-modal-box .business-modal-list .tab-list ul a {
    color: #fff;
    line-height: 1.4
}

.business-modal-box .business-modal-list .tab-list ul a:hover {
    color: #38a7a1
}

.business-modal-box .business-modal-list .tab-list p {
    margin-bottom: 30px;
    color: #fff;
    font-size: 20px
}

@media (max-width:1400px) {
    .business-modal-box .business-modal-list .tab-list p {
        font-size: 18px
    }
}

@media (max-width:575px) {
    .business-modal-box .business-modal-list .tab-list p {
        font-size: 16px
    }
}

.business-modal-box .business-modal-list .tab-list p:last-child {
    margin-bottom: 0
}

@media (max-width:1400px) {
    .business-modal-box .business-modal-list .tab-list p {
        margin-bottom: 20px
    }
}

@media (max-width:575px) {
    .business-modal-box .business-modal-list .tab-list p {
        margin-bottom: 15px
    }
}

.business-modal-box #business-modal-graphic,
.business-modal-box .business-modal-graphic {
    width: 40%;
    max-width: 636px;
    position: relative
}

@media (max-width:1199px) {

    .business-modal-box #business-modal-graphic,
    .business-modal-box .business-modal-graphic {
        width: 100%;
        max-width: 100%
    }
}

.business-modal-box #business-modal-graphic .tab-list,
.business-modal-box .business-modal-graphic .tab-list {
    display: grid;
    grid-template-columns: 1fr;
    color: #fff;
    grid-gap: 100px;
    margin-bottom: 70px;
    display: none;
    min-height: 300px
}

@media (max-width:1199px) {

    .business-modal-box #business-modal-graphic .tab-list,
    .business-modal-box .business-modal-graphic .tab-list {
        grid-gap: 50px;
        min-height: 200px
    }
}

.business-modal-box #business-modal-graphic .tab-list .heading-content h5,
.business-modal-box .business-modal-graphic .tab-list .heading-content h5 {
    font-size: 20px;
    opacity: .8;
    color: #fff;
    font-weight: 400;
    margin-bottom: 20px
}

@media (max-width:767px) {

    .business-modal-box #business-modal-graphic .tab-list .heading-content h5,
    .business-modal-box .business-modal-graphic .tab-list .heading-content h5 {
        font-size: 18px
    }
}

.business-modal-box #business-modal-graphic .tab-list .heading-content p,
.business-modal-box .business-modal-graphic .tab-list .heading-content p {
    font-size: 16px;
    opacity: .6;
    color: #fff
}

@media (max-width:1199px) {

    .business-modal-box #business-modal-graphic>svg,
    .business-modal-box .business-modal-graphic>svg {
        position: absolute;
        top: calc(100% + 170px);
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        max-width: 670px
    }
}

@media (max-width:575px) {

    .business-modal-box #business-modal-graphic>svg,
    .business-modal-box .business-modal-graphic>svg {
        top: calc(100% + 170px)
    }
}

.business-modal-box #business-modal-graphic>svg.posi-ab,
.business-modal-box .business-modal-graphic>svg.posi-ab {
    position: absolute;
    opacity: .4;
    pointer-events: none;
    display: none
}

.business-modal-box #business-modal-graphic>svg .dedicated-img,
.business-modal-box #business-modal-graphic>svg .fixed-cost-img,
.business-modal-box #business-modal-graphic>svg .hourly-based-img,
.business-modal-box .business-modal-graphic>svg .dedicated-img,
.business-modal-box .business-modal-graphic>svg .fixed-cost-img,
.business-modal-box .business-modal-graphic>svg .hourly-based-img {
    width: 355px;
    height: 95px;
    -webkit-transform: translate(209px, 14px);
    -ms-transform: translate(209px, 14px);
    transform: translate(209px, 14px)
}

.business-modal-box #business-modal-graphic>svg .client-img,
.business-modal-box .business-modal-graphic>svg .client-img {
    width: 158px;
    height: 222px
}

.business-modal-box #business-modal-graphic>svg .first-arrow,
.business-modal-box .business-modal-graphic>svg .first-arrow {
    width: 133px;
    height: 117px;
    -webkit-transform: translate(140px, 189px);
    -ms-transform: translate(140px, 189px);
    transform: translate(140px, 189px)
}

.business-modal-box #business-modal-graphic>svg .project-manager-img,
.business-modal-box .business-modal-graphic>svg .project-manager-img {
    width: 178px;
    height: 263px;
    -webkit-transform: translate(296px, 106px);
    -ms-transform: translate(296px, 106px);
    transform: translate(296px, 106px)
}

.business-modal-box #business-modal-graphic>svg .second-arrow,
.business-modal-box .business-modal-graphic>svg .second-arrow {
    width: 133px;
    height: 117px;
    -webkit-transform: translate(502px, 187px);
    -ms-transform: translate(502px, 187px);
    transform: translate(502px, 187px)
}

.business-modal-box #business-modal-graphic>svg .team-svg-img,
.business-modal-box .business-modal-graphic>svg .team-svg-img {
    width: 222px;
    height: 222px;
    -webkit-transform: translate(573px, 0);
    -ms-transform: translate(573px, 0);
    transform: translate(573px, 0)
}

.business-modal-box #business-modal-graphic>svg *,
.business-modal-box .business-modal-graphic>svg * {
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.business-modal-box #business-modal-graphic.business-modal-graphic .dedicated-img,
.business-modal-box #business-modal-graphic.business-modal-graphic .hourly-based-img,
.business-modal-box .business-modal-graphic.business-modal-graphic .dedicated-img,
.business-modal-box .business-modal-graphic.business-modal-graphic .hourly-based-img {
    opacity: 0;
    width: 355px;
    height: 95px;
    -webkit-transform: translate(209px, 14px);
    -ms-transform: translate(209px, 14px);
    transform: translate(209px, 14px)
}

.business-modal-box #business-modal-graphic.one .dedicated-img,
.business-modal-box #business-modal-graphic.one .hourly-based-img,
.business-modal-box .business-modal-graphic.one .dedicated-img,
.business-modal-box .business-modal-graphic.one .hourly-based-img {
    opacity: 0
}

.business-modal-box #business-modal-graphic.two .hourly-based-img,
.business-modal-box .business-modal-graphic.two .hourly-based-img {
    opacity: 1;
    width: 355px;
    height: 95px
}

.business-modal-box #business-modal-graphic.two .dedicated-img,
.business-modal-box .business-modal-graphic.two .dedicated-img {
    width: 355px;
    height: 95px
}

.business-modal-box #business-modal-graphic.two .dedicated-img,
.business-modal-box #business-modal-graphic.two .fixed-cost-img,
.business-modal-box .business-modal-graphic.two .dedicated-img,
.business-modal-box .business-modal-graphic.two .fixed-cost-img {
    opacity: 0
}

.business-modal-box #business-modal-graphic.two .team-svg-img,
.business-modal-box .business-modal-graphic.two .team-svg-img {
    -webkit-transform: translate(573px, 0);
    -ms-transform: translate(573px, 0);
    transform: translate(573px, 0);
    opacity: 1
}

.business-modal-box #business-modal-graphic.two .client-img,
.business-modal-box .business-modal-graphic.two .client-img {
    -webkit-transform: translate(316px, 146px);
    -ms-transform: translate(316px, 146px);
    transform: translate(316px, 146px)
}

.business-modal-box #business-modal-graphic.two .project-manager-img,
.business-modal-box .business-modal-graphic.two .project-manager-img {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

.business-modal-box #business-modal-graphic.two .first-arrow,
.business-modal-box .business-modal-graphic.two .first-arrow {
    -webkit-transform: translate(160px, 229px);
    -ms-transform: translate(160px, 229px);
    transform: translate(160px, 229px)
}

.business-modal-box #business-modal-graphic.two .second-arrow,
.business-modal-box .business-modal-graphic.two .second-arrow {
    opacity: 1
}

.business-modal-box #business-modal-graphic.three .fixed-cost-img,
.business-modal-box #business-modal-graphic.three .hourly-based-img,
.business-modal-box .business-modal-graphic.three .fixed-cost-img,
.business-modal-box .business-modal-graphic.three .hourly-based-img {
    opacity: 0
}

.business-modal-box #business-modal-graphic.three .dedicated-img,
.business-modal-box .business-modal-graphic.three .dedicated-img {
    width: 355px;
    height: 95px
}

.business-modal-box #business-modal-graphic.three .team-svg-img,
.business-modal-box .business-modal-graphic.three .team-svg-img {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    height: 180px
}

.business-modal-box #business-modal-graphic.three .client-img,
.business-modal-box .business-modal-graphic.three .client-img {
    -webkit-transform: translate(296px, 106px);
    -ms-transform: translate(296px, 106px);
    transform: translate(296px, 106px)
}

.business-modal-box #business-modal-graphic.three .project-manager-img,
.business-modal-box .business-modal-graphic.three .project-manager-img {
    -webkit-transform: translate(573px, 0);
    -ms-transform: translate(573px, 0);
    transform: translate(573px, 0);
    height: 195px;
    opacity: 1
}

.business-modal-box #business-modal-graphic.three .second-arrow,
.business-modal-box .business-modal-graphic.three .second-arrow,
html.model-loaded #herobrain canvas {
    opacity: 1
}

.work-process {
    background: -o-radial-gradient(50% 50%, 50% 65.04%, #fff 0%, #fcfcfc 100%);
    background: radial-gradient(50% 65.04% at 50% 50%, #fff 0%, #fcfcfc 100%);
    width: 100%
}

.work-process .work-process-box {
    margin-top: 50px;
    display: inline-block;
    width: 100%;
    text-align: center
}

.contact-form-box form,
.contact-form-box form.invalid,
.work-process .work-process-box svg,
html.lenis {
    height: auto
}

@media (max-width:991px) {
    .work-process .work-process-box {
        margin-top: 20px
    }
}

@media (max-width:575px) {
    .work-process .work-process-box {
        margin-top: 0
    }
}

.work-process .work-process-box>.button {
    margin-top: 90px
}

@media (max-width:1400px) {
    .work-process .work-process-box>.button {
        margin-top: 60px
    }
}

@media (max-width:991px) {
    .work-process .work-process-box>.button {
        margin-top: 50px
    }
}

@media (max-width:575px) {
    .work-process .work-process-box>.button {
        margin-top: 30px
    }
}

.testimonial-section {
    border-top: 1px solid rgba(199, 201, 217, .4)
}

.testimonial-section .testimonial-row {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%
}

.testimonial-section .testimonial-row .section-title {
    max-width: 446px;
    width: 446px;
    margin-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

@media (max-width:1199px) {
    .testimonial-section .testimonial-row .section-title {
        max-width: 360px;
        width: 100%;
        padding-right: 40px
    }
}

.testimonial-section .testimonial-row .section-title .button {
    margin-top: 30px
}

.testimonial-section .testimonial-row .section-title>p {
    margin-bottom: 0
}

@media (max-width:991px) {
    .testimonial-section .testimonial-row .section-title {
        width: 100%;
        padding-right: 0;
        max-width: 100%;
        margin-bottom: 32px
    }
}

.testimonial-section .testimonial-row .testimonial-row-box {
    max-width: calc(100% - 446px);
    width: auto;
    overflow: hidden;
    margin: 0 -40px 0 auto
}

@media (max-width:1199px) {
    .testimonial-section .testimonial-row .testimonial-row-box {
        max-width: calc(100% - 360px);
        margin: 0 -18px 0 auto
    }
}

@media (max-width:991px) {
    .testimonial-section .testimonial-row .testimonial-row-box {
        max-width: none;
        margin: 0 -18px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-bottom: 0 !important
    }
}

.testimonial-section .testimonial-row .testimonial-row-box .swiper {
    overflow: visible;
    padding-bottom: 0
}

@media (max-width:991px) {
    .testimonial-section .testimonial-row .testimonial-row-box .swiper {
        width: 100%;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

.testimonial-section .testimonial-row .testimonial-row-box .swiper .swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: auto
}

.testimonial-section .testimonial-row .testimonial-row-box .swiper .swiper-button-next,
.testimonial-section .testimonial-row .testimonial-row-box .swiper .swiper-button-prev {
    opacity: 0;
    visibility: hidden;
    display: none
}

.testimonial-section .testimonial-row .testimonial-row-box .swiper .swiper-pagination {
    position: static;
    bottom: 0;
    margin: 0
}

.testimonial-section .testimonial-row .testimonial-row-box .rating-platform {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-top: 50px;
    padding: 0 20px
}

@media (max-width:991px) {
    .testimonial-section .testimonial-row .testimonial-row-box .rating-platform {
        margin: 0 0 30px
    }
}

.platform-logo,
.platform-logo figure,
.testimonial-section .testimonial-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.platform-logo {
    margin: 0 auto 0 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    grid-gap: 70px;
    width: calc(100% - 126px)
}

@media (max-width:1400px) {
    .platform-logo {
        grid-gap: 40px
    }
}

@media (max-width:1199px) {
    .platform-logo {
        grid-gap: 20px;
        width: 100%
    }
}

@media (max-width:767px) {
    .platform-logo {
        grid-gap: 20px;
        width: 100%
    }
}

.platform-logo figure {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: calc(33.33% - 70px)
}

@media (max-width:1400px) {
    .platform-logo figure {
        width: calc(33.33% - 40px)
    }
}

@media (max-width:1199px) {
    .platform-logo figure {
        width: calc(33.33% - 20px)
    }
}

@media (max-width:991px) {
    .platform-logo figure {
        width: calc(25% - 30px)
    }
}

@media (max-width:575px) {
    .platform-logo figure {
        width: calc(33.33% - 15px)
    }
}

.platform-logo figure img {
    max-height: 71px;
    width: auto;
    -o-object-fit: contain;
    object-fit: contain
}

.testimonial-slide,
.testimonial-slide .testimonial-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.testimonial-slide {
    margin: 20px
}

@media (max-width:991px) {
    .testimonial-slide {
        margin: 16px
    }
}

.testimonial-slide .testimonial-info {
    background: #fff;
    -webkit-box-shadow: 0 4px 22px rgba(0, 0, 0, .06);
    box-shadow: 0 4px 22px rgba(0, 0, 0, .06);
    padding: 75px 30px 30px;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.testimonial-slide .testimonial-info::before {
    content: '\e905';
    position: absolute;
    left: 30px;
    top: 30px;
    font-size: 2.5em;
    font-family: 'icomoon' !important;
    color: #f2f2f5;
    line-height: 1
}

.testimonial-slide .testimonial-info h4 {
    margin-bottom: 20px
}

@media (max-width:1199px) {
    .testimonial-slide .testimonial-info h4 {
        font-size: 1.25em
    }
}

@media (max-width:991px) {
    .testimonial-slide .testimonial-info h4 {
        font-size: 1.125em
    }
}

@media (max-width:767px) {
    .testimonial-slide .testimonial-info h4 {
        font-size: 1em
    }
}

.testimonial-slide .testimonial-info p {
    margin: 0 0 20px;
    color: #12141d
}

@media (max-width:1199px) {
    .testimonial-slide .testimonial-info p {
        font-size: .875em
    }
}

.testimonial-slide .testimonial-info .autho-info,
.testimonial-slide .testimonial-info .autho-info .author-name p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.testimonial-slide .testimonial-info .autho-info {
    margin-top: auto
}

.testimonial-slide .testimonial-info .autho-info figure {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 24px;
    width: 70px;
    height: 70px
}

.testimonial-slide .testimonial-info .autho-info figure img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.testimonial-slide .testimonial-info .autho-info .author-name {
    width: calc(100% - 94px)
}

.testimonial-slide .testimonial-info .autho-info .author-name p {
    font-weight: 600;
    font-size: 1.125em;
    margin-bottom: 5px
}

.testimonial-slide .testimonial-info .autho-info .author-name p>span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    border-left: 1px solid #dbdbdb;
    line-height: normal;
    padding-left: 5px;
    margin-left: 5px;
    font-weight: 600;
    color: rgba(18, 20, 29, .7)
}

.testimonial-slide .testimonial-info .autho-info .author-name>span {
    font-size: .875em;
    font-weight: 600;
    color: rgba(18, 20, 29, .7);
    display: inline-block;
    vertical-align: top
}

.faq-section {
    background: #38a7a1
}

@media (max-width:991px) {
    .faq-section .section-title.center {
        text-align: left
    }
}

.faq-section .faq-row {
    display: grid;
    grid-template-columns: 488px 1fr;
    grid-gap: 40px 120px;
    margin-top: 114px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start
}

@media (max-width:1400px) {
    .faq-section .faq-row {
        grid-gap: 40px;
        grid-template-columns: 360px 1fr;
        margin-top: 56px
    }
}

@media (max-width:991px) {
    .faq-section .faq-row {
        grid-gap: 40px 0;
        grid-template-columns: 1fr;
        margin-top: 40px
    }
}

@media (max-width:767px) {
    .faq-section .faq-row {
        margin-top: 40px
    }
}

.faq-section .faq-row .faq-info {
    max-width: 488px;
    width: 100%
}

@media (min-width:992px) {
    .faq-section .faq-row .faq-info {
        position: sticky;
        top: calc(var(--header-height) + 20px)
    }
}

@media (max-width:991px) {
    .faq-section .faq-row .faq-info {
        max-width: 100%
    }
}

.faq-section .faq-row .faq-info h2 {
    font-size: 2.5em;
    color: #fff;
    font-weight: 600;
    margin-bottom: 25px
}

@media (max-width:991px) {
    .faq-section .faq-row .faq-info h2 {
        font-size: 1.5625em
    }
}

@media (max-width:575px) {
    .faq-section .faq-row .faq-info h2 {
        margin-bottom: 15px
    }
}

.faq-section .faq-row .faq-info p {
    color: rgba(255, 255, 255, .6)
}

.blog-section {
    text-align: center
}

.blog-section .swiper .swiper-pagination {
    width: 100%
}

.blog-section .blog-row {
    margin-bottom: 50px
}

@media (max-width:991px) {
    .blog-section .blog-row {
        margin-bottom: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .blog-section .grids {
        grid-gap: 0
    }
}

.blog-section .wrap>.button {
    margin-top: 30px
}

.blog-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    text-align: left
}

.blog-box .blog-img {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    position: relative
}

.blog-box .blog-img figure {
    padding-top: 56.1224489796%;
    overflow: hidden;
    position: relative;
    background-color: #38a7a1
}

.blog-box .blog-img figure:before {
    content: '';
    background-color: rgba(0, 0, 0, .4);
    -webkit-transition: all 250ms cubic-bezier(.15, .3, .2, .9);
    -o-transition: all 250ms cubic-bezier(.15, .3, .2, .9);
    transition: all 250ms cubic-bezier(.15, .3, .2, .9);
    opacity: 0;
    visibility: hidden;
    z-index: 1
}

.blog-box .blog-img figure .image__element,
.blog-box .blog-img figure .image__wrap,
.blog-box .blog-img figure img,
.blog-box .blog-img figure:before {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.blog-box .blog-img .blog-hover {
    background-color: #38a7a1;
    border-radius: 8px;
    position: absolute;
    bottom: 0;
    left: 50px;
    right: 50px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition-delay: .5s;
    -o-transition-delay: .5s;
    transition-delay: .5s;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transition: all 400ms ease-out 0s;
    -o-transition: all 400ms ease-out 0s;
    transition: all 400ms ease-out 0s;
    display: none
}

@media (max-width:1199px) {
    .blog-box .blog-img .blog-hover {
        left: 32px;
        right: 32px
    }
}

.blog-box .blog-img .blog-hover .blog-action-btn {
    padding: 20px 30px
}

@media (max-width:1199px) {
    .blog-box .blog-img .blog-hover .blog-action-btn {
        padding: 10px 20px
    }
}

.blog-box .blog-img .blog-hover .blog-action-btn h4 {
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    line-height: 1.3;
    position: relative;
    margin-bottom: 0
}

.blog-box .blog-img .blog-hover .blog-action-btn h4 i {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 350ms ease-in;
    -o-transition: all 350ms ease-in;
    transition: all 350ms ease-in;
    font-size: 20px
}

@media (max-width:1199px) {

    .blog-box .blog-img .blog-hover .blog-action-btn h4,
    .blog-box .blog-img .blog-hover .blog-action-btn h4 i {
        font-size: 18px
    }
}

@media (max-width:991px) {
    .blog-box .blog-img .blog-hover .blog-action-btn h4 {
        font-size: 16px
    }
}

.blog-box .blog-img .blog-hover .blog-action-btn:hover h4 i {
    -webkit-transform: translateX(5px) translateY(-50%);
    -ms-transform: translateX(5px) translateY(-50%);
    transform: translateX(5px) translateY(-50%)
}

.blog-box .blog-img:hover .blog-hover {
    opacity: 1;
    visibility: visible;
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    bottom: 30px
}

.blog-box .blog-name {
    margin-bottom: 14px
}

@media (max-width:1199px) {
    .blog-box .blog-name {
        font-size: 1.25em
    }
}

@media (max-width:991px) {
    .blog-box .blog-name {
        font-size: 1.125em;
        margin-bottom: 10px
    }
}

@media (max-width:767px) {
    .blog-box .blog-name {
        font-size: 1em
    }
}

.get-in-touch {
    background: #38a7a1;
    width: 100%;
    z-index: 9;
    position: relative;
    overflow: inherit
}

.get-in-touch:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -10px;
    height: 30px;
    background: #25245d;
    z-index: 9;
    pointer-events: none
}

.get-in-touch .get-in-touch-row {
    display: grid;
    grid-template-columns: minmax(530px, auto) 1fr;
    grid-gap: 84px
}

@media (max-width:1400px) {
    .get-in-touch .get-in-touch-row {
        grid-gap: 40px
    }
}

@media (max-width:1199px) {
    .get-in-touch .get-in-touch-row {
        grid-template-columns: minmax(350px, auto) 1fr
    }
}

@media (max-width:991px) {
    .get-in-touch .get-in-touch-row {
        grid-template-columns: 1fr;
        grid-gap: 32px
    }
}

.get-in-touch .get-in-touch-row .contact-info-box {
    max-width: 530px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

@media (max-width:1199px) {
    .get-in-touch .get-in-touch-row .contact-info-box {
        max-width: 350px
    }
}

@media (max-width:991px) {
    .get-in-touch .get-in-touch-row .contact-info-box {
        max-width: 100%;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media (max-width:575px) {
    .get-in-touch .get-in-touch-row .contact-info-box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.get-in-touch .get-in-touch-row .contact-info-box:last-child {
    width: 100%
}

@media (max-width:991px) {
    .get-in-touch .get-in-touch-row .contact-info-box .section-title {
        max-width: 100%
    }
}

@media (max-width:1199px) {
    .get-in-touch .get-in-touch-row .contact-info-box .section-title p {
        margin-top: 10px
    }
}

.get-in-touch .get-in-touch-row .contact-info-box .support-info-box {
    margin-bottom: 0;
    width: 100%
}

@media (max-width:991px) {
    .get-in-touch .get-in-touch-row .contact-info-box .support-info-box {
        width: 48%;
        margin-bottom: 0
    }
}

@media (max-width:575px) {
    .get-in-touch .get-in-touch-row .contact-info-box .support-info-box {
        width: 100%;
        margin-bottom: 0
    }
}

.get-in-touch .get-in-touch-row .contact-info-box .support-info-box h5 {
    color: #fff;
    margin: 0 0 15px
}

.get-in-touch .get-in-touch-row .contact-info-box .support-info-box:last-of-type {
    margin-top: 66px;
    margin-bottom: 0
}

@media (max-width:1199px) {
    .get-in-touch .get-in-touch-row .contact-info-box .support-info-box:last-of-type {
        margin-top: 40px
    }
}

@media (max-width:991px) {
    .get-in-touch .get-in-touch-row .contact-info-box .support-info-box:last-of-type {
        margin-top: 0
    }
}

@media (max-width:575px) {
    .get-in-touch .get-in-touch-row .contact-info-box .support-info-box:last-of-type {
        margin-top: 30px
    }
}

.get-in-touch .get-in-touch-row .contact-form-box .contact-form-field .privacy-concern .wpcf7-spinner {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 0 auto;
    left: 0;
    right: 0;
    opacity: 1;
    background-color: #fff
}

@media (max-width:1400px) {
    .get-in-touch .get-in-touch-row .contact-form-box .contact-form-field .privacy-concern .wpcf7-spinner {
        margin: 0 15px
    }
}

.get-in-touch .get-in-touch-row .contact-form-box .wpcf7 form.invalid .wpcf7-response-output {
    text-align: center;
    border: 1px solid #25245d !important;
    background-color: #25245d;
    color: #ff6000
}

@media (max-width:767px) {
    .get-in-touch .get-in-touch-row .contact-form-box .wpcf7 form.invalid .wpcf7-response-output {
        font-size: 14px;
        margin: 20px 0 0
    }

    .get-in-touch .get-in-touch-row .contact-form-box form.wpcf7-form div.wpcf7-response-output {
        margin: 20px 0 0
    }
}

.get-in-touch .get-in-touch-row form.submitting .privacy-concern .button,
.lenis.lenis-scrolling iframe {
    pointer-events: none
}

.get-in-touch .get-in-touch-row form.submitting .privacy-concern .button span:not(.wpcf7-spinner),
.get-in-touch .get-in-touch-row form.submitting .privacy-concern .button span:not(.wpcf7-spinner) i {
    font-size: 0
}

@media (min-width:768px) {
    .get-in-touch .get-in-touch-row form.submitting .privacy-concern .button span:not(.wpcf7-spinner) {
        min-width: 188px
    }
}

.get-in-touch .get-in-touch-row form.submitting .privacy-concern .button span.wpcf7-spinner {
    padding: 0;
    z-index: 3;
    min-height: auto
}

.get-in-touch .wpcf7-form-control-wrap {
    display: block
}

.get-in-touch .wpcf7-form span.wpcf7-not-valid-tip {
    z-index: 5;
    display: block;
    background: 0 0;
    border: 1px solid #f15239;
    margin: 0;
    width: 20px;
    height: 20px;
    font-size: 0;
    padding: 0;
    border-radius: 0;
    position: absolute;
    top: 15px;
    right: 14px;
    text-align: center
}

@media (max-width:575px) {
    .get-in-touch .wpcf7-form span.wpcf7-not-valid-tip {
        top: 11px;
        right: 11px
    }
}

.get-in-touch .wpcf7-form span.wpcf7-not-valid-tip:before {
    content: '\e92b';
    font-size: 11px;
    top: 4px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 3px;
    right: auto;
    margin: 0 auto;
    position: absolute;
    color: #f15239
}

.support-info,
.support-info li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.support-info {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    margin: 0
}

.support-info li {
    width: 50%;
    margin-right: -1px
}

@media (max-width:1199px) {
    .support-info li {
        width: 100%;
        margin: -1px 0 0
    }
}

@media (max-width:575px) {
    .support-info li {
        width: 100%
    }

    .support-info li:first-child a img {
        max-height: 22px
    }
}

.support-info li a,
.support-info.call-info li a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.support-info li,
.support-info li a,
.support-info li a span {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.support-info li a,
.support-info.call-info li a {
    color: #fff;
    /* background: -webkit-gradient(linear, left top, right top, from(#25245d), to(transparent)) #25245d;
    background: -o-linear-gradient(left, #25245d, transparent) #25245d;
    background: linear-gradient(90deg, #25245d, transparent) #25245d; */
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    /* border: 1px solid #2e326a; */
    padding: 16px 20px;
    grid-gap: 15px;
    font-size: 16px
}

@media (max-width:1199px) {
    .support-info li a {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

@media (max-width:575px) {
    .support-info li a {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.support-info li a span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center
}

.support-info li a span img {
    min-width: 18px;
    height: 18px;
    width: 18px;
    -o-object-fit: contain;
    object-fit: contain
}

.support-info li a:hover {
    /* color: #38a7a1;
    background-color: #fbfcf8; */
    text-decoration: underline;
    text-underline-offset: 4px;
}

.support-info.call-info {
    margin-top: 10px
}

@media (max-width:575px) {
    .support-info.call-info {
        margin-top: -1px
    }
}

.contact-form-box,
.support-info li a,
.support-info.call-info li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    justify-content: flex-start;
}

/* .support-info.call-info li {
    justify-content: flex-start;
} */

.support-info.call-info li {
    margin: 0 0 -1px;
    /* border: 1px solid #2e326a; */
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-gap: 10px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    /* padding: 18px 20px 18px 82px; */
}

@media (max-width:1199px) {
    .support-info.call-info li {
        /* padding-left: 70px; */
    }
}

@media (max-width:767px) {
    .support-info.call-info li {
        /* padding-left: 54px; */
    }
}

@media (max-width:575px) {
    .support-info.call-info li {
        width: 100%;
        margin: 0 0 -1px
    }
}

.support-info.call-info li i {
    font-size: 40px;
    position: absolute;
    left: 26px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #38a7a1
}

@media (max-width:1199px) {
    .support-info.call-info li i {
        font-size: 24px;
        left: 20px
    }
}

.support-info.call-info li a {
    /* font-weight: 700; */
    font-size: 16px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    position: relative;
    line-height: normal;
    border: 0;
    /* padding: 0; */
    grid-gap: 8px;
    width: auto
}

.support-info.call-info li a:hover {
    /* background: 0 0; */
    text-decoration: underline;
    text-underline-offset: 4px;
}

@media (max-width:767px) {
    .support-info.call-info li a {
        font-size: 16px;
        font-weight: 500
    }
}

.support-info.call-info li a span {
    font-weight: 300;
    font-size: 12px
}

.contact-form-box {
    background: -o-linear-gradient(112deg, #323198 -31.3%, #0063f7 113.64%);
    background: #25245d;
    padding: 20px
}

@media (max-width:575px) {
    s .contact-form-box {
        padding: 0
    }
}

.contact-form-box .contact-form-info {
    width: 100%;
    height: 100%;
    padding: 34px 56px;
    border: 1px solid rgba(37, 36, 93, .2)
}

@media (max-width:1400px) {
    .contact-form-box .contact-form-info {
        padding: 30px
    }
}

@media (max-width:767px) {
    .contact-form-box .contact-form-info {
        padding: 20px 20px 40px
    }

    .contact-form-box .contact-form-info>.section-title {
        margin-bottom: 25px
    }
}

@media (max-width:575px) {
    .contact-form-box .contact-form-info {
        border: 0
    }
}

.contact-form-box .contact-form-info .contact-form-field .form-block .form-group label,
.contact-form-box .contact-form-info .contact-form-field .form-block .form-group select,
.contact-form-box .contact-form-info .section-title {
    color: #fff
}

.contact-form-box .contact-form-info .section-title h2 {
    font-size: 40px;
    color: #fff
}

@media (max-width:991px) {
    .contact-form-box .contact-form-info .section-title h2 {
        font-size: 30px
    }
}

.contact-form-box .contact-form-info .section-title p {
    margin-top: 10px;
    font-size: 14px;
    color: rgba(255, 255, 255, .7)
}

.contact-form-box .contact-form-info .contact-form-field .form-block {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 30px 40px
}

@media (max-width:1400px) {
    .contact-form-box .contact-form-info .contact-form-field .form-block {
        grid-gap: 20px
    }
}

@media (max-width:575px) {
    .contact-form-box .contact-form-info .contact-form-field .form-block {
        grid-template-columns: 1fr
    }
}

.contact-form-box .contact-form-info .contact-form-field .form-block .form-group {
    margin: 0;
    min-width: 100%
}

.contact-form-box .contact-form-info .contact-form-field .form-block .form-group input::-webkit-input-placeholder,
.contact-form-box .contact-form-info .contact-form-field .form-block .form-group textarea::-webkit-input-placeholder {
    color: rgba(255, 255, 255, .4)
}

.contact-form-box .contact-form-info .contact-form-field .form-block .form-group input::-moz-placeholder,
.contact-form-box .contact-form-info .contact-form-field .form-block .form-group textarea::-moz-placeholder {
    color: rgba(255, 255, 255, .4)
}

.contact-form-box .contact-form-info .contact-form-field .form-block .form-group input:-ms-input-placeholder,
.contact-form-box .contact-form-info .contact-form-field .form-block .form-group input::-ms-input-placeholder,
.contact-form-box .contact-form-info .contact-form-field .form-block .form-group textarea:-ms-input-placeholder,
.contact-form-box .contact-form-info .contact-form-field .form-block .form-group textarea::-ms-input-placeholder {
    color: rgba(255, 255, 255, .4)
}

.contact-form-box .contact-form-info .contact-form-field .form-block .form-group input::placeholder,
.contact-form-box .contact-form-info .contact-form-field .form-block .form-group textarea::placeholder {
    color: rgba(255, 255, 255, .4)
}

.contact-form-box .contact-form-info .contact-form-field .form-block .form-group input:focus,
.request-quote-page .get-in-touch .get-in-touch-row .contact-form-box .contact-form-info .contact-form-field .resume-upload .file-upload-box input:focus {
    border: 1px solid rgba(255, 255, 255, .6);
    background: rgba(0, 0, 0, .12);
    background-blend-mode: overlay
}

.contact-form-box .contact-form-info .contact-form-field .form-block .form-group.full-width {
    grid-column: span 2
}

@media (max-width:575px) {
    .contact-form-box .contact-form-info .contact-form-field .form-block .form-group.full-width {
        grid-column: 1
    }
}

.contact-form-box .contact-form-info .contact-form-field .form-block .form-group.input_submit_pix {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    visibility: hidden
}

.contact-form-box .contact-form-info .contact-form-field .button {
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media (min-width:768px) {
    .contact-form-box .contact-form-info .contact-form-field .button span:not(.wpcf7-spinner) {
        min-height: 52px;
        padding: 14px 30px
    }
}

.contact-form-box .contact-form-info .contact-form-field .button:hover span,
.cta-banner-row .cta-banner .button.icon:hover span,
.hero-row .hero-box .hero-content .listing li .design-info,
.zaraglobe-key.bg-dark .zaraglobe-key-boxes .zaraglobe-key-box h5,
.zaraglobe-key.bg-dark .section-title h3,
.body.banner-form-detail .action-button .button:hover span {
    color: #fff
}

@media (max-width:1400px) {
    .contact-form-box .contact-form-info .contact-form-field .button {
        font-size: 16px
    }
}

@media (max-width:991px) {
    .contact-form-box .contact-form-info .contact-form-field .button {
        font-size: 14px
    }
}

.contact-form-box .contact-form-info .contact-form-field .privacy-concern {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 20px
}

@media (max-width:1199px) {
    .contact-form-box .contact-form-info .contact-form-field .privacy-concern {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        grid-gap: 25px 10px;
        font-size: 14px
    }
}

@media (max-width:575px) {
    .contact-form-box .contact-form-info .contact-form-field .privacy-concern {
        padding-top: 20px
    }
}

.contact-form-box .contact-form-info .contact-form-field .privacy-concern p {
    margin: 0 0 0 10px;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: 8px
}

.contact-form-box .contact-form-info .contact-form-field .privacy-concern p img {
    -webkit-filter: grayscale(1) brightness(10);
    filter: grayscale(1) brightness(10)
}

@media (max-width:1400px) {
    .contact-form-box .contact-form-info .contact-form-field .privacy-concern p {
        font-size: 14px
    }
}

.img-hover {
    overflow: hidden
}

.img-hover:hover img {
    -webkit-transform: scale(1.03);
    -ms-transform: scale(1.03);
    transform: scale(1.03)
}

.img-hover img {
    -webkit-transition: -webkit-transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    width: 100%
}

.mCustomScrollBox {
    padding-bottom: 0
}

.mCSB_container_wrapper,
.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    height: 4px
}

.mCSB_horizontal.mCSB_inside>.mCSB_container,
.service-listing-section .service-list-row .service-details-box ul.listing {
    margin-bottom: 0
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background: #e4e4eb
}

.mCSB_draggerRail,
.mCSB_dragger_bar {
    margin: 0 auto !important
}

.btn-fill {
    background: var(--color-blue);
    position: absolute;
    width: 150%;
    height: 200%;
    border-radius: 50%;
    top: -50%;
    left: -25%;
    -webkit-transform: translate3d(0, -76%, 0);
    transform: translate3d(0, -76%, 0);
    will-change: transform;
    -webkit-transition: background-color ease-in-out .25s;
    -o-transition: background-color ease-in-out .25s;
    transition: background-color ease-in-out .25s
}

.btn-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 0 2.5em;
    z-index: 2;
    color: var(--color-dark);
    position: relative;
    -webkit-transform: rotate(.001deg);
    -ms-transform: rotate(.001deg);
    transform: rotate(.001deg);
    pointer-events: none;
    will-change: transform, color
}

.font-size-0 {
    font-size: 0 !important
}

.secondary-bg,
.body.portfolio-detail-page .hero-section .hero-row .hero-box .hero-content .section-title .top-title::before {
    background-color: #38a7a1
}

.blue-bg {
    background-color: #004fc4
}

.dark-blue-bg {
    background-color: #00b7c4
}

.back-btn {
    display: none
}

.rating-details {
    height: 21px;
    display: inline-block;
    width: 100%;
    margin-top: 20px
}

.form-group.spinner,
.rating-details span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0
}

.rating-details span {
    background: url(../img/star-without-fill.svg) no-repeat center left;
    width: 105px;
    height: 18px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.rating-details span>span {
    background: url(../img/star.svg) no-repeat center left;
    -webkit-transition: all 600ms cubic-bezier(.75, .1, .6, 1);
    -o-transition: all 600ms cubic-bezier(.75, .1, .6, 1);
    transition: all 600ms cubic-bezier(.75, .1, .6, 1)
}

@media (max-width:767px) {
    .get-in-touch:not(.dark-theme-contact) .get-in-touch-row .contact-form-box .wpcf7 form.invalid .wpcf7-response-output {
        margin: 10px 20px 20px
    }
}

.wpcf7-form span.wpcf7-not-valid-tip {
    border: 0;
    color: #f15239;
    line-height: 1.2;
    z-index: 5;
    font-size: 14px;
    display: block;
    width: 100%;
    background: #fff;
    margin: 0;
    padding: 5px 0 0
}

@media (max-width:767px) {
    .wpcf7-form span.wpcf7-not-valid-tip {
        font-size: 12px
    }
}

.wpcf7-form div.wpcf7-response-output {
    margin: 15px auto;
    padding: 15px;
    color: red;
    background: #fdeeee;
    border: solid 1px #f2c9c9 !important;
    clear: both;
    max-width: 812px;
    text-align: center
}

@media (max-width:575px) {
    .wpcf7-form div.wpcf7-response-output {
        max-width: 471px
    }
}

form.wpcf7-form div.wpcf7-response-output {
    font-weight: 400;
    color: #468847;
    background: #dff0d8;
    border: solid 1px #d6e9c6 !important;
    font-size: 16px;
    text-align: center
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
    border-color: #ec9a9a !important;
    margin: 20px auto 0;
    padding: 10px;
    color: red;
    background: #fff6f6;
    font-size: 16px;
    text-align: center
}

.form-group.spinner {
    margin-top: 15px
}

.form-group.spinner .button {
    margin-top: 0
}

.no-js .body {
    overflow-x: hidden
}

.get-in-touch .input_submit_pix {
    display: none
}

.swiper {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.work-process-img-box {
    position: relative
}

.work-process-img-box .index {
    display: grid;
    place-content: center;
    position: absolute;
    width: clamp(25px, 2.2vw, 35px);
    height: clamp(25px, 2.2vw, 35px);
    border: 3px solid;
    border-radius: 50%;
    font-weight: 600;
    line-height: 1.68;
    font-size: clamp(10px, 1vw, 16px)
}

@media (max-width:991px) {
    .work-process-img-box .index {
        border-width: 2px;
        width: clamp(20px, 2.2vw, 35px);
        height: clamp(20px, 2.2vw, 35px)
    }
}

@media (max-width:767px) {
    .work-process-img-box .index {
        width: 18px;
        height: 18px;
        font-size: 10px;
        border-width: 1px
    }
}

.work-process-img-box .index:nth-of-type(1) {
    border-color: #568bf0;
    background-color: #fff;
    top: 3%;
    left: 0
}

@media (max-width:991px) {
    .work-process-img-box .index:nth-of-type(1) {
        top: 2%
    }
}

@media (max-width:767px) {
    .work-process-img-box .index:nth-of-type(1) {
        top: 0
    }
}

@media (max-width:575px) {
    .work-process-img-box .index:nth-of-type(1) {
        top: -21px;
        left: 1%
    }
}

.work-process-img-box .index:nth-of-type(2) {
    color: #fff;
    border-color: #fff;
    background-color: #548af0;
    top: 24%;
    left: 18%
}

@media (max-width:1199px) {
    .work-process-img-box .index:nth-of-type(2) {
        top: 22.8%
    }
}

@media (max-width:991px) {
    .work-process-img-box .index:nth-of-type(2) {
        top: 22.4%
    }
}

@media (max-width:767px) {
    .work-process-img-box .index:nth-of-type(2) {
        top: 21.7%
    }
}

@media (max-width:575px) {
    .work-process-img-box .index:nth-of-type(2) {
        top: 9.3%;
        left: 17%
    }
}

.work-process-img-box .index:nth-of-type(3) {
    background-color: #fff;
    border-color: #01ccd4;
    left: 39%;
    top: 47%
}

@media (max-width:1199px) {
    .work-process-img-box .index:nth-of-type(3) {
        top: 46.1%
    }
}

@media (max-width:991px) {
    .work-process-img-box .index:nth-of-type(3) {
        top: 45.4%
    }
}

@media (max-width:767px) {
    .work-process-img-box .index:nth-of-type(3) {
        top: 43.7%
    }
}

@media (max-width:575px) {
    .work-process-img-box .index:nth-of-type(3) {
        top: 37.3%;
        left: 36%
    }
}

.work-process-img-box .index:nth-of-type(4) {
    background-color: #fff;
    border-color: #4483f2;
    left: 58.6%;
    top: 70.46%
}

@media (max-width:1199px) {
    .work-process-img-box .index:nth-of-type(4) {
        left: 58%
    }
}

@media (max-width:991px) {
    .work-process-img-box .index:nth-of-type(4) {
        left: 57.6%;
        top: 69.9%
    }
}

@media (max-width:767px) {
    .work-process-img-box .index:nth-of-type(4) {
        left: 56.7%
    }
}

@media (max-width:575px) {
    .work-process-img-box .index:nth-of-type(4) {
        left: 55.8%
    }
}

.work-process-img-box .index:nth-of-type(5) {
    color: #fff;
    background-color: #f95b0f;
    border-color: #fff;
    top: 2%;
    left: 60%
}

@media (max-width:1199px) {
    .work-process-img-box .index:nth-of-type(5) {
        top: 1.2%
    }
}

@media (max-width:991px) {
    .work-process-img-box .index:nth-of-type(5) {
        top: 1%;
        left: 60.2%
    }
}

@media (max-width:767px) {
    .work-process-img-box .index:nth-of-type(5) {
        top: 0
    }
}

@media (max-width:575px) {
    .work-process-img-box .index:nth-of-type(5) {
        top: -16px
    }
}

.work-process-img-box .index:nth-of-type(6) {
    background-color: #fff;
    border-color: #548af0;
    top: 21%;
    left: 85%
}

@media (max-width:1199px) {
    .work-process-img-box .index:nth-of-type(6) {
        top: 19.8%
    }
}

@media (max-width:991px) {
    .work-process-img-box .index:nth-of-type(6) {
        top: 19.6%
    }
}

@media (max-width:767px) {
    .work-process-img-box .index:nth-of-type(6) {
        top: 18.7%
    }
}

@media (max-width:575px) {
    .work-process-img-box .index:nth-of-type(6) {
        top: 13.3%
    }
}

.lenis.lenis-smooth {
    scroll-behavior: auto
}

.lenis.lenis-smooth [data-lenis-prevent] {
    -ms-scroll-chaining: none;
    overscroll-behavior: contain
}

.lenis.lenis-stopped {
    overflow: hidden
}

.body.no-mainmenu #header.sticky .header-row {
    padding: 15px 50px
}

@media (max-width:991px) {
    .body.no-mainmenu #header.sticky .header-row {
        padding: 15px 32px
    }
}

.body.no-mainmenu #header .header-row {
    padding: 35px 50px;
    -webkit-transition: padding 250ms cubic-bezier(.75, .1, .6, 1);
    -o-transition: padding 250ms cubic-bezier(.75, .1, .6, 1);
    transition: padding 250ms cubic-bezier(.75, .1, .6, 1)
}

@media (max-width:991px) {
    .body.no-mainmenu #header .header-row {
        padding: 20px 32px
    }
}

.body.life-at-zaraglobe .hero-banner-section,
.body.team-page .hero-banner-section {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-shadow: inset 0 -270px 70px 0 rgba(0, 0, 0, .5);
    box-shadow: inset 0 -270px 70px 0 rgba(0, 0, 0, .5)
}

.body.life-at-zaraglobe .hero-banner-section .section-title2,
.body.team-page .hero-banner-section .section-title2 {
    margin-bottom: 100px
}

@media (max-width:1400px) {

    .body.life-at-zaraglobe .hero-banner-section .section-title2,
    .body.team-page .hero-banner-section .section-title2 {
        margin-bottom: 70px
    }
}

@media (max-width:991px) {

    .body.life-at-zaraglobe .hero-banner-section .section-title2,
    .body.team-page .hero-banner-section .section-title2 {
        margin-bottom: 55px
    }
}

@media (max-width:575px) {

    .body.life-at-zaraglobe .hero-banner-section .section-title2,
    .body.team-page .hero-banner-section .section-title2 {
        margin-bottom: 45px
    }
}

.body.life-at-zaraglobe .hero-banner-section .section-title2 h1,
.body.life-at-zaraglobe .hero-banner-section .section-title2 h2,
.body.team-page .hero-banner-section .section-title2 h1,
.body.team-page .hero-banner-section .section-title2 h2 {
    font-size: 7.5em
}

@media (max-width:991px) {

    .body.life-at-zaraglobe .hero-banner-section .section-title2 h1,
    .body.life-at-zaraglobe .hero-banner-section .section-title2 h2,
    .body.team-page .hero-banner-section .section-title2 h1,
    .body.team-page .hero-banner-section .section-title2 h2 {
        font-size: 88px
    }
}

@media (max-width:767px) {

    .body.life-at-zaraglobe .hero-banner-section .section-title2 h1,
    .body.life-at-zaraglobe .hero-banner-section .section-title2 h2,
    .body.team-page .hero-banner-section .section-title2 h1,
    .body.team-page .hero-banner-section .section-title2 h2 {
        font-size: 5em
    }
}

@media (max-width:575px) {

    .body.life-at-zaraglobe .hero-banner-section .section-title2 h1,
    .body.life-at-zaraglobe .hero-banner-section .section-title2 h2,
    .body.team-page .hero-banner-section .section-title2 h1,
    .body.team-page .hero-banner-section .section-title2 h2 {
        font-size: 3.4375em
    }
}

.policy-details-sec .container {
    max-width: 1024px
}

.body.technology-details-page .technology-banner {
    padding-bottom: 0
}

.body.technology-details-page .technologies-section {
    padding: 0
}

.hero-section .about-counter-row:nth-of-type(1) .counter-box:nth-of-type(5n+1) {
    border-color: #ec4326;
    background: #fff2f0
}

.hero-section .about-counter-row:nth-of-type(1) .counter-box:nth-of-type(5n+1) h2 {
    background-image: -webkit-gradient(linear, left top, right top, from(#ff6900), to(#e63535));
    background-image: -o-linear-gradient(left, #ff6900 0%, #e63535 100%);
    background-image: linear-gradient(90deg, #ff6900 0%, #e63535 100%)
}

.hero-section .about-counter-row:nth-of-type(1) .counter-box:nth-of-type(5n+2) {
    border-color: #850cae;
    background: #fdf8ff
}

.hero-section .about-counter-row:nth-of-type(1) .counter-box:nth-of-type(5n+2) h2 {
    background-image: -o-linear-gradient(302.86deg, #3e7bfa 6.95%, #60c 93.05%);
    background-image: linear-gradient(147.14deg, #3e7bfa 6.95%, #60c 93.05%)
}

.hero-section .about-counter-row:nth-of-type(2) .counter-box:nth-of-type(3n+1) {
    border-color: #04ad77;
    background: #f1fbf2
}

.hero-section .about-counter-row:nth-of-type(2) .counter-box:nth-of-type(3n+1) h2 {
    background-image: -o-linear-gradient(302.86deg, #00cfde 6.95%, #05a660 93.05%);
    background-image: linear-gradient(147.14deg, #00cfde 6.95%, #05a660 93.05%)
}

.hero-section .about-counter-row:nth-of-type(2) .counter-box:nth-of-type(3n+2) {
    background: #f2f8ff !important;
    border-color: #136cf5
}

.hero-section .about-counter-row:nth-of-type(2) .counter-box:nth-of-type(3n+2) h2 {
    background-image: -o-linear-gradient(302.86deg, #5b8def 6.95%, #0063f7 93.05%);
    background-image: linear-gradient(147.14deg, #5b8def 6.95%, #0063f7 93.05%)
}

.hero-section .about-counter-row:nth-of-type(2) .counter-box:nth-child(3n+3) {
    background: #ebfcf8 !important
}

.hero-section .about-counter-row:nth-of-type(2) .counter-box:nth-child(3n+3) h2 {
    background-image: -o-linear-gradient(302.86deg, #00cfde 6.95%, #05a660 93.05%);
    background-image: linear-gradient(147.14deg, #00cfde 6.95%, #05a660 93.05%)
}

.herobrainbox-row {
    width: 50%;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    overflow: hidden
}

@media (max-width:991px) {
    .herobrainbox-row {
        width: 100%
    }
}

.herobrainbox-row .herobrainbox {
    padding-top: 81.1974%;
    overflow: hidden;
    width: 100%
}

#herobrain,
.herobrainbox-row img {
    height: 100%;
    width: 100%;
    position: absolute;
    right: 0;
    top: 0;
    left: 0
}

.herobrainbox-row img {
    -o-object-fit: contain;
    object-fit: contain;
    max-width: 880px;
    margin: 0 auto;
    padding: 0 40px;
    z-index: -1
}

@media (max-width:991px) {
    .herobrainbox-row img {
        opacity: .2
    }
}

#herobrain {
    bottom: 0;
    z-index: 9999
}

@media (max-width:991px) {
    #herobrain {
        z-index: 0
    }
}

#herobrain canvas {
    opacity: 0;
    outline: 0;
    -webkit-transition: 1s opacity;
    -o-transition: 1s opacity;
    transition: 1s opacity
}

@media (max-width:991px) {
    html.model-loaded #herobrain canvas {
        opacity: .2
    }
}

html.pc .herobrainbox-row .herobrainbox #herobrain canvas {
    opacity: .7
}

.swiper .swiper-wrapper .swiper-slide {
    cursor: -webkit-grab !important;
    cursor: grab !important
}

.home .hero-section {
    position: relative;
    z-index: 1;
    overflow: hidden
}

.home .hero-section .bg-x {
    background: url(../img/banner-bg-triangle.png) no-repeat left top;
    -webkit-transform: translateY(var(--y2)) translateX(var(--x2));
    -ms-transform: translateY(var(--y2)) translateX(var(--x2));
    transform: translateY(var(--y2)) translateX(var(--x2));
    opacity: .4
}

.home .hero-section .bg-y {
    background: url(../img/banner-bg-triangle-2.png) no-repeat left top;
    -webkit-transform: translateY(var(--y)) translateX(var(--x));
    -ms-transform: translateY(var(--y)) translateX(var(--x));
    transform: translateY(var(--y)) translateX(var(--x));
    opacity: 1
}

.home .hero-section .bg-para {
    width: 200vw;
    height: 200vh;
    background-size: 100vw;
    background-position: center center;
    position: absolute;
    background-repeat: repeat;
    left: -50%;
    top: -50%;
    z-index: -1;
    mix-blend-mode: overlay;
    -webkit-transition: -webkit-transform .2s ease-out;
    -o-transition: transform .2s ease-out;
    transition: transform .2s ease-out;
    transition: transform .2s ease-out, -webkit-transform .2s ease-out
}

.client-logo .swiper-wrapper {
    -webkit-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear
}

.hire-slider .swiper-wrapper .swiper-slide {
    padding-right: 40px
}

@media (max-width:991px) {
    .hire-slider .swiper-wrapper .swiper-slide {
        padding-right: 32px
    }
}

@media (max-width:767px) {
    #contactform form.submitting .privacy-concern .button span:not(.wpcf7-spinner) {
        min-width: 150px;
        min-height: 38px
    }
}

#contactform form.submitting .privacy-concern .button .wpcf7-spinner {
    margin: 0 auto
}

.mc4wp-error,
.mc4wp-notice,
.mc4wp-success {
    color: red;
    margin: 10px 0 0
}

.mc4wp-success {
    color: #468847
}

.mc4wp-error p,
.mc4wp-notice p,
.mc4wp-success p {
    margin: 0;
    color: inherit
}

.dnd-upload-counter {
    display: none
}

@media only screen and (max-width:782px) {
    .admin-bar .business-modal-list {
        top: calc(var(--header-height) + 47px) !important
    }
}

.nav-lists li>span {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 400;
    font-size: 12px;
    background-color: #38a7a1;
    padding: 3px 8px;
    margin-left: 13px;
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
    color: #fff
}

.nav-lists li>span:before {
    content: '';
    width: 0;
    height: 0;
    border-width: 0 0 10px 12px;
    border-color: transparent transparent #38a7a1;
    border-style: solid;
    position: absolute;
    left: -12px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.custom-listing {
    list-style: none;
    grid-gap: 0;
    padding-left: 0
}

.custom-listing li {
    padding-left: 35px;
    margin-bottom: 15px;
    position: relative
}

.custom-listing li:last-child {
    margin-bottom: 0
}

@media (max-width:767px) {
    .custom-listing li {
        padding-left: 25px
    }
}

.custom-listing li span {
    font-weight: 700
}

.custom-listing li::before {
    content: '';
    position: absolute;
    background: url(../img/right-circle-svg.svg) no-repeat center center;
    left: 0;
    top: 4px;
    width: 18px;
    height: auto;
    aspect-ratio: 1;
    border-radius: 50%
}

@media (max-width:767px) {
    .custom-listing li::before {
        width: 16px
    }
}

.portfolio-inner-section .title-row {
    margin-bottom: 30px
}

.portfolio-inner-section .filter-box {
    margin-bottom: 45px
}

.portfolio-inner-section .filter-box .filter-row {
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

@media (max-width:991px) {
    .portfolio-inner-section .filter-box .filter-row {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }
}

@media (max-width:575px) {
    .portfolio-inner-section .filter-box .filter-row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.portfolio-inner-section .filter-box .filter-row .tag-list {
    width: 80%
}

@media (max-width:575px) {
    .portfolio-inner-section .filter-box .filter-row .tag-list {
        width: 100%
    }
}

.portfolio-inner-section .filter-box .filter-row .form-group {
    width: auto;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

@media (max-width:991px) {
    .portfolio-inner-section .filter-box .filter-row .form-group {
        max-width: 200px
    }
}

@media (max-width:575px) {
    .portfolio-inner-section .filter-box .filter-row .form-group {
        width: 100%;
        max-width: 100%;
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

.body.overlay .loader-container,
.body.work .loader-container {
    position: fixed;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 9999
}

.overlay {
    position: relative;
    z-index: 1;
    overflow: hidden
}

.overlay::after {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .6);
    width: 100%;
    height: 100%;
    z-index: 999;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

#errormsg.portfolio-note span a,
.hero-row .hero-box .hero-content .listing li .design-info:hover,
.sitemap-list ul>li a:hover {
    color: #38a7a1
}

#header .nav-main-row .nav-row .nav-left-sec .nav-box-row .nav-left .nav-box .nav-lists ul li:not(:last-child) {
    margin-bottom: 2px !important
}

#header .header-row #mainmenu ul li .nav-main-row .nav-row .nav-left-sec .nav-box-row .nav-right .nav-box .nav-lists ul li:last-child {
    margin-bottom: 2px
}

#header .header-row #mainmenu ul li .nav-main-row .nav-row .nav-left-sec .nav-box-row .nav-right .nav-box .nav-lists ul li a {
    padding: 4px 10px 4px 20px
}

body:not(.home) .hero-section .hero-row {
    grid-gap: 72px
}

.body:not(.home) .hero-section .hero-row.center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.body:not(.home) .hero-section .hero-row.center .hero-box {
    width: 50%
}

@media (max-width:991px) {
    .body:not(.home) .hero-section .hero-row.center .hero-box {
        width: 100%
    }
}

.body:not(.home) .hero-section .hero-row.center .hero-box:nth-child(2) {
    width: 50%;
    text-align: center
}

@media (max-width:991px) {
    .body:not(.home) .hero-section .hero-row.center .hero-box:nth-child(2) {
        width: 100%
    }
}

@media (max-width:1199px) {
    body:not(.home) .hero-section .hero-row {
        grid-gap: 50px
    }
}

body:not(.home) .hero-section .hero-row .hero-box {
    width: 60%
}

@media (max-width:1199px) {
    body:not(.home) .hero-section .hero-row .hero-box {
        width: 40%
    }
}

@media (max-width:991px) {
    body:not(.home) .hero-section .hero-row .hero-box {
        width: 100%
    }
}

body:not(.home) .hero-section .hero-row .hero-box:nth-child(2) {
    width: 40%
}

@media (max-width:1199px) {
    body:not(.home) .hero-section .hero-row .hero-box:nth-child(2) {
        width: 100%
    }
}

@media (max-width:991px) {

    .body:not(.home) .hero-section .hero-row .hero-box:nth-child(2),
    .body:not(.home) .hero-section .hero-row .hero-box:nth-child(2) img {
        width: 100%
    }
}

body:not(.home) .hero-section .hero-row .hero-box p {
    max-width: 100%;
    opacity: .8
}

body:not(.home) .hero-section .hero-row .hero-box ul {
    margin-bottom: 50px
}

@media (max-width:1199px) {
    body:not(.home) .hero-section .hero-row .hero-box ul {
        grid-template-columns: 1fr;
        margin-bottom: 30px
    }
}

@media (max-width:991px) {
    body:not(.home) .hero-section .hero-row .hero-box ul {
        grid-template-columns: 1fr 1fr
    }
}

@media (max-width:575px) {
    body:not(.home) .hero-section .hero-row .hero-box ul {
        grid-template-columns: 1fr
    }

    .body:not(.home) .hero-section .hero-row .hero-box .action-button {
        grid-gap: 15px 10px
    }
}

body:not(.home) .hero-section .hero-row .hero-box.right-content .awards-row {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 30px;
    margin-top: 30px;
    border-top: 1px solid #e4e4eb;
    margin-bottom: 12px
}

body:not(.home) .hero-section .hero-row .hero-box.right-content .awards-row .awards-box {
    max-width: 100px
}

body:not(.home) .hero-section .hero-row .hero-box.right-content .awards-row .awards-box .awards-name {
    min-height: 100px;
    padding: 20px
}

body:not(.home) .hero-section .hero-row .hero-box.right-content .awards-row .awards-box .awards-name img {
    height: 100%;
    width: 90%
}

body:not(.home) .hero-section .hero-row .hero-box.right-content .awards-row .awards-box .awards-name:before {
    -webkit-filter: grayscale(100);
    filter: grayscale(100);
    opacity: .6
}

body:not(.home) .hero-section .hero-row .hero-box.right-content h5 {
    text-align: center;
    margin: 0;
    color: rgba(18, 20, 29, .8);
    line-height: 1.3
}

@media (max-width:575px) {
    body:not(.home) .hero-section .hero-row .hero-box.right-content h5 {
        font-size: 18px
    }
}

.body:not(.home) .hero-section .hero-row .hero-box.right-content h5 span {
    color: #38a7a1
}

@media (max-width:767px) {
    .body.technology-list-page .hero-row .hero-box.hero-info {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

.body.technology-list-page .hero-section .hero-row {
    grid-gap: 32px
}

@media (max-width:991px) {
    .body.technology-list-page .hero-section .hero-row {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.body.technology-list-page .hero-section .hero-row .hero-box {
    width: 55%
}

@media (max-width:1400px) {
    .body.technology-list-page .hero-section .hero-row .hero-box {
        width: 50%
    }
}

@media (max-width:991px) {
    .body.technology-list-page .hero-section .hero-row .hero-box {
        width: 100%
    }
}

.body.technology-list-page .hero-section .hero-row .hero-box:nth-child(2) {
    width: 45%;
    text-align: center
}

@media (max-width:1400px) {
    .body.technology-list-page .hero-section .hero-row .hero-box:nth-child(2) {
        width: 50%
    }
}

@media (max-width:991px) {
    .body.technology-list-page .hero-section .hero-row .hero-box:nth-child(2) {
        width: 100%;
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }
}

.body.technology-list-page .counter-section {
    margin-top: 50px
}

@media (max-width:991px) {
    .body.technology-list-page .counter-section {
        grid-template-columns: 1fr 1fr 1fr
    }
}

@media (max-width:575px) {
    .body.technology-list-page .counter-section {
        grid-template-columns: 1fr
    }
}

.body.technology-list-page .counter-box {
    padding: 20px;
    border: 1px solid #e4e4eb;
    border-radius: 10px
}

.body.technology-list-page .counter-box h2 {
    font-size: 3.375em;
    font-weight: 700
}

@media (max-width:1400px) {
    .body.technology-list-page .counter-box h2 {
        font-size: 3em
    }
}

@media (max-width:1199px) {
    .body.technology-list-page .counter-box h2 {
        font-size: 1.875em
    }
}

@media (max-width:767px) {
    .body.technology-list-page .counter-box h2 {
        font-size: 2.5em
    }
}

ul.listing.grids {
    grid-gap: 15px
}

@media (max-width:575px) {
    ul.listing.grids {
        grid-template-columns: 1fr
    }
}

.image-box-row,
.image-box-row figure {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.image-box-row {
    width: 100%;
    overflow-x: visible;
    overflow-y: clip;
    padding-left: 57px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 560px
}

@media (max-width:1199px) {
    .image-box-row {
        -webkit-transform: scale(.8);
        -ms-transform: scale(.8);
        transform: scale(.8);
        -webkit-transform-origin: left center;
        -ms-transform-origin: left center;
        transform-origin: left center
    }
}

@media (max-width:767px) {
    .image-box-row {
        -webkit-transform: scale(.9);
        -ms-transform: scale(.9);
        transform: scale(.9);
        height: 520px;
        -webkit-transform-origin: center;
        -ms-transform-origin: center;
        transform-origin: center;
        padding-left: 0;
        max-width: 450px;
        margin: 0 auto
    }
}

@media (max-width:575px) {
    .image-box-row {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        height: 450px;
        margin: 32px auto
    }
}

.image-box-row:before,
.image-box-row>span {
    position: absolute;
    z-index: -1;
    border-radius: 10px
}

.image-box-row:before {
    content: '';
    right: 0;
    border: 1px solid #e8e8e8;
    height: calc(100% - 60px);
    width: calc(100% - 227px);
    bottom: 0
}

@media (max-width:767px) {
    .image-box-row:before {
        display: none
    }
}

.image-box-row>span {
    width: 100%;
    max-width: 508px;
    background: #f0f0f0;
    height: 100%;
    left: 57px;
    top: 0
}

@media (max-width:767px) {
    .image-box-row>span {
        left: 0;
        max-width: 100%
    }
}

.image-box-row figure {
    max-width: 508px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%;
    padding: 30px
}

@media (max-width:767px) {
    .image-box-row figure {
        max-width: 100%;
        margin: 0 auto
    }
}

.image-box-row figure:not(.saprate-img) img {
    height: 90%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

@media (max-width:575px) {
    .image-box-row figure:not(.saprate-img) img {
        -o-object-fit: cover;
        object-fit: cover
    }
}

.image-box-row figure img {
    height: auto
}

@media (max-width:575px) {
    .image-box-row figure img {
        max-height: 460px;
        -o-object-fit: cover;
        object-fit: cover;
        width: 100%;
        height: 90%;
        margin: 0 auto
    }
}

@media (max-width:991px) {
    .image-box-row figure.d-center {
        padding: 30px 0 30px 30px;
        margin-right: -30px
    }
}

@media (max-width:767px) {
    .image-box-row figure.d-center {
        padding-left: 0;
        margin-right: auto
    }
}

.image-box-row figure.center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.image-box-row figure .dots {
    width: 99px;
    height: 99px;
    border-radius: 100%;
    background: #0071ff;
    position: absolute;
    right: 0;
    top: 50%
}

@media (max-width:991px) {
    .image-box-row figure .dots {
        right: -80px
    }
}

@media (max-width:767px) {
    .image-box-row figure .dots {
        right: 0;
        width: 60px;
        height: 60px
    }
}

@media (max-width:575px) {
    .image-box-row figure .dots {
        right: -15px;
        display: none
    }
}

.image-box-row figure.saprate-img {
    height: 100%
}

@media (max-width:575px) {
    .image-box-row figure.saprate-img {
        padding: 0
    }

    .image-box-row figure.saprate-img>img {
        max-width: 33.33%
    }
}

.image-box-row figure.saprate-img>img:first-child,
.ui-ux .image-box-row figure.saprate-img img:first-child {
    margin-left: -57px
}

@media (max-width:575px) {
    .image-box-row figure.saprate-img>img:first-child {
        margin-left: -42px;
        margin-right: 10px;
        max-width: 20%;
        width: 20%;
        display: none
    }
}

.image-box-row figure.saprate-img>img:nth-child(2) {
    margin-right: 20px;
    max-width: 208px
}

@media (max-width:991px) {
    .image-box-row figure.saprate-img>img:nth-child(2) {
        max-width: 150px
    }
}

@media (max-width:575px) {
    .image-box-row figure.saprate-img>img:nth-child(2) {
        margin-top: 0;
        margin-right: 0;
        max-width: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        height: 100%;
        -webkit-transform: none !important;
        -ms-transform: none !important;
        transform: none !important
    }
}

.image-box-row figure.saprate-img>img:nth-child(3) {
    margin-right: 8px;
    margin-top: auto
}

@media (max-width:991px) {
    .image-box-row figure.saprate-img>img:nth-child(3) {
        max-width: 150px
    }
}

@media (max-width:575px) {
    .image-box-row figure.saprate-img>img:nth-child(3) {
        max-width: 30%;
        margin-top: 40px;
        display: none
    }
}

.image-box-row figure.saprate-img>img:last-child {
    margin-top: auto
}

@media (max-width:991px) {
    .image-box-row figure.saprate-img>img:last-child {
        max-width: 170px
    }
}

@media (max-width:575px) {
    .image-box-row figure.saprate-img>img:last-child {
        max-width: 20%;
        display: none
    }
}

.service-listing-section {
    border-bottom: 1px solid #ebebf0
}

.service-listing-section.section-row {
    overflow: clip
}

.service-listing-section .service-list-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 80px
}

.service-listing-section .service-list-row .pin-spacer {
    overflow: hidden !important
}

@media (max-width:1199px) {
    .service-listing-section .service-list-row {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media (max-width:767px) {
    .service-listing-section .service-list-row {
        margin-bottom: 48px
    }

    .service-listing-section .service-list-row:not(:last-child) {
        border-bottom: 1px solid #ebebf0;
        padding-bottom: 48px
    }
}

.service-info-box .cols .col p:last-child,
.service-listing-section .service-list-row:last-child {
    margin-bottom: 0
}

.service-listing-section .service-list-row.ecommerce-list .service-name-box .service-name-info h2 {
    font-size: 98px;
    margin-bottom: 0
}

@media (max-width:1400px) {
    .service-listing-section .service-list-row.ecommerce-list .service-name-box .service-name-info h2 {
        font-size: 76px
    }
}

@media (max-width:1199px) {
    .service-listing-section .service-list-row.ecommerce-list .service-name-box .service-name-info h2 {
        font-size: 60px
    }
}

@media (max-width:991px) {
    .service-listing-section .service-list-row.ecommerce-list .service-name-box .service-name-info h2 {
        font-size: 48px
    }
}

@media (max-width:767px) {
    .service-listing-section .service-list-row.ecommerce-list .service-name-box .service-name-info h2 {
        font-size: 60px
    }
}

@media (max-width:575px) {
    .service-listing-section .service-list-row.ecommerce-list .service-name-box .service-name-info h2 {
        font-size: 48px
    }

    .service-listing-section .service-list-row.img-count-1 .image-box-row {
        padding-left: 0
    }
}

.service-listing-section .service-list-row.img-count-3 .image-box-row figure {
    padding: 30px 0
}

@media (max-width:1199px) {
    .service-listing-section .service-list-row.img-count-3 .image-box-row figure {
        margin-right: -57px
    }
}

@media (max-width:767px) {
    .service-listing-section .service-list-row.img-count-3 .image-box-row figure {
        margin-right: 0;
        margin-left: 0
    }
}

.service-listing-section .service-list-row.img-count-3 .image-box-row figure>img:first-child {
    position: absolute;
    left: 0
}

@media (max-width:767px) {
    .service-listing-section .service-list-row.img-count-3 .image-box-row figure>img:first-child {
        left: 10%;
        width: 70px;
        height: 70px
    }
}

@media (max-width:575px) {
    .service-listing-section .service-list-row.img-count-3 .image-box-row figure>img:first-child {
        display: none
    }
}

.service-listing-section .service-list-row.img-count-3 .image-box-row figure>img:nth-child(2) {
    position: static;
    margin: auto;
    height: 100%
}

@media (max-width:575px) {
    .service-listing-section .service-list-row.img-count-3 .image-box-row figure>img:nth-child(2) {
        -o-object-fit: cover;
        object-fit: cover
    }
}

.service-listing-section .service-list-row.img-count-3 .image-box-row figure>img:last-child {
    max-height: 300px;
    max-width: 300px;
    -o-object-fit: contain;
    object-fit: contain
}

@media (max-width:1400px) {
    .service-listing-section .service-list-row.img-count-3 .image-box-row figure>img:last-child {
        max-height: 250px;
        max-width: 180px
    }
}

@media (max-width:991px) {
    .service-listing-section .service-list-row.img-count-3 .image-box-row figure>img:last-child {
        right: -20%
    }
}

@media (max-width:767px) {
    .service-listing-section .service-list-row.img-count-3 .image-box-row figure>img:last-child {
        max-height: 200px;
        max-width: 150px;
        right: 0
    }
}

@media (max-width:575px) {
    .service-listing-section .service-list-row.img-count-3 .image-box-row figure>img:last-child {
        display: none
    }

    .service-listing-section .service-list-row.img-count-4>img {
        -o-object-fit: cover;
        object-fit: cover
    }

    .service-listing-section .service-list-row.img-count-4>img:first-child {
        display: none
    }

    .service-listing-section .service-list-row.img-count-4>img:last-child {
        display: none
    }
}

.service-listing-section .service-list-row>div {
    width: 50%
}

@media (max-width:1400px) {
    .service-listing-section .service-list-row>div.service-name-box {
        width: 40%
    }

    .service-listing-section .service-list-row>div.service-details-box {
        width: 58%
    }
}

@media (max-width:767px) {

    .service-listing-section .service-list-row>div.service-details-box,
    .service-listing-section .service-list-row>div.service-name-box {
        width: 100%
    }
}

.service-listing-section .service-list-row .service-name-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.service-listing-section .service-list-row .service-name-box .service-name-info {
    position: sticky;
    padding-bottom: 20px;
    top: 100px;
    background-color: #fff
}

.service-listing-section .service-list-row .service-name-box .service-name-info h2 {
    font-size: 98px;
    font-weight: 700;
    -webkit-text-stroke: 1px #25245d;
    paint-order: stroke fill;
    color: transparent;
    line-height: 1;
    margin-bottom: 0
}

@media (max-width:1400px) {
    .service-listing-section .service-list-row .service-name-box .service-name-info h2 {
        font-size: 76px
    }
}

@media (max-width:1199px) {
    .service-listing-section .service-list-row .service-name-box .service-name-info h2 {
        font-size: 60px
    }
}

@media (max-width:991px) {
    .service-listing-section .service-list-row .service-name-box .service-name-info h2 {
        font-size: 48px
    }
}

@media (max-width:767px) {
    .service-listing-section .service-list-row .service-name-box .service-name-info h2 {
        font-size: 60px
    }
}

.service-listing-section .service-list-row .service-name-box .service-name-info h2.bigger {
    font-size: 178px
}

@media (max-width:1400px) {
    .service-listing-section .service-list-row .service-name-box .service-name-info h2.bigger {
        font-size: 110px
    }
}

@media (max-width:1199px) {
    .service-listing-section .service-list-row .service-name-box .service-name-info h2.bigger {
        font-size: 90px
    }
}

@media (max-width:767px) {
    .service-listing-section .service-list-row .service-name-box .service-name-info h2.bigger {
        font-size: 60px
    }
}

.service-listing-section .service-list-row .service-name-box .service-name-info h3 {
    font-size: 58px;
    color: #25245d;
    margin-bottom: 0
}

@media (max-width:1400px) {
    .service-listing-section .service-list-row .service-name-box .service-name-info h3 {
        font-size: 40px
    }
}

@media (max-width:991px) {
    .service-listing-section .service-list-row .service-name-box .service-name-info h3 {
        font-size: 30px
    }
}

@media (max-width:767px) {
    .service-listing-section .service-list-row .service-name-box .service-name-info h3 {
        font-size: 25px
    }

    .service-listing-section .service-list-row .service-name-box .service-name-info h3 br {
        display: none
    }
}

.service-listing-section .service-list-row .service-name-box .line-animation {
    width: 1px;
    background: #e1e1e1;
    position: absolute;
    left: 25%;
    height: 100%;
    bottom: 0;
    z-index: -1
}

@media (max-width:1400px) {
    .service-listing-section .service-list-row .service-name-box .line-animation {
        height: calc(100vh - 178px)
    }
}

@media (max-width:1199px) {
    .service-listing-section .service-list-row .service-name-box .line-animation {
        height: calc(100vh - 157px)
    }
}

@media (max-width:767px) {
    .service-listing-section .service-list-row .service-name-box .line-animation {
        display: none
    }
}

.service-listing-section .service-list-row .service-name-box .line-animation .fill-line {
    width: 1px;
    top: 0;
    background: #25245d;
    position: absolute;
    left: 0;
    height: 0
}

@media (max-width:991px) {
    .service-listing-section .service-list-row .service-details-box ul.listing {
        grid-template-columns: 1fr
    }
}

.service-info-box {
    margin-top: 70px;
    padding-left: 57px
}

@media (max-width:1199px) {
    .service-info-box {
        margin-top: 0;
        padding-left: 50px
    }
}

@media (max-width:767px) {
    .service-info-box {
        margin-top: 10px;
        padding-left: 0
    }
}

.service-info-box .action-button {
    margin-top: 50px;
    grid-gap: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (max-width:767px) {
    .service-info-box .action-button {
        grid-gap: 15px;
        margin-top: 30px
    }
}

@media (max-width:991px) {
    .service-info-box .grid3 {
        grid-template-columns: 1fr;
        grid-gap: 32px
    }
}

.service-info-box .cols {
    margin-bottom: 32px
}

@media (max-width:991px) {
    .service-info-box .cols .col {
        width: 100%
    }

    .service-info-box .cols .col:not(:last-child) {
        margin-bottom: 32px
    }
}

.service-info-box .cols .col:first-child {
    padding-right: 60px
}

@media (max-width:1199px) {
    .service-info-box .cols .col:first-child {
        padding-right: 32px
    }
}

.service-info-box .cols .col:last-child {
    padding-left: 60px
}

@media (max-width:1199px) {
    .service-info-box .cols .col:last-child {
        padding-left: 32px
    }
}

.service-info-box .cols .col:first-child {
    border-right: 1px solid #e4e4eb
}

.service-info-box h2 {
    margin: 0 0 15px
}

.service-info-box p:not(:last-child) {
    margin-bottom: 20px
}

.service-info-box .services-logo-row,
.service-info-box .services-logo-row figure {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.service-info-box .services-logo-row {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    grid-gap: 40px 50px;
    margin-top: 50px
}

@media (max-width:1199px) {
    .service-info-box .services-logo-row {
        grid-gap: 30px;
        margin-top: 40px
    }
}

.service-info-box .services-logo-row figure {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-height: 34px
}

.service-info-box ul {
    margin: 40px 0
}

.service-info-box>.button {
    margin-top: 55px
}

@media (max-width:1199px) {
    .service-info-box>.button {
        margin-top: 40px
    }
}

@media (max-width:575px) {
    .ui-ux .image-box-row figure.saprate-img img {
        max-width: none;
        width: 90%;
        height: auto
    }
}

@media (max-width:575px) {
    .ui-ux .image-box-row figure.saprate-img img:first-child {
        margin-left: -32px
    }
}

.ui-ux .image-box-row figure.saprate-img img:nth-child(2) {
    max-width: 338px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: 0 auto;
    right: 0;
    z-index: -1
}

@media (max-width:991px) {
    .ui-ux .image-box-row figure.saprate-img img:nth-child(2) {
        margin-left: 30px
    }
}

@media (max-width:575px) {
    .ui-ux .image-box-row figure.saprate-img img:nth-child(2) {
        height: 90%;
        margin-right: 0;
        -o-object-fit: cover;
        object-fit: cover
    }
}

.ui-ux .image-box-row figure.saprate-img img:nth-child(3) {
    position: absolute;
    top: 35px;
    bottom: 0;
    margin: 0 auto;
    right: -20%
}

@media (max-width:1199px) {
    .ui-ux .image-box-row figure.saprate-img img:nth-child(3) {
        right: 0
    }
}

@media (max-width:575px) {
    .ui-ux .image-box-row figure.saprate-img img:nth-child(3) {
        right: 8px;
        margin-top: 20px;
        max-width: 10%
    }
}

.ui-ux .image-box-row figure.saprate-img img:last-child {
    position: absolute;
    top: auto;
    bottom: 100px;
    margin: 0 auto;
    right: -30%
}

@media (max-width:1400px) {
    .ui-ux .image-box-row figure.saprate-img img:last-child {
        right: -20%;
        height: auto;
        max-width: 290px
    }
}

@media (max-width:991px) {
    .ui-ux .image-box-row figure.saprate-img img:last-child {
        right: -30%;
        height: auto;
        max-width: 180px
    }
}

@media (max-width:575px) {
    .ui-ux .image-box-row figure.saprate-img img:last-child {
        bottom: 30px;
        right: 8px;
        max-width: 120px
    }
}

.ecommerce-list .image-box-row>span {
    background: #dadada
}

@media (max-width:575px) {
    .ecommerce-list .image-box-row figure.saprate-img>img {
        max-width: none
    }
}

.ecommerce-list .image-box-row figure.saprate-img>img:first-child {
    margin-left: -57px
}

@media (max-width:575px) {
    .ecommerce-list .image-box-row figure.saprate-img>img:first-child {
        margin-left: -20px;
        margin-top: 80px;
        width: 20%
    }
}

.ecommerce-list .image-box-row figure.saprate-img>img:nth-child(2) {
    position: absolute;
    left: 0;
    bottom: 0;
    margin: auto;
    right: 0;
    z-index: -1;
    max-width: 100%
}

@media (max-width:991px) {
    .ecommerce-list .image-box-row figure.saprate-img>img:nth-child(2) {
        left: 30px
    }
}

@media (max-width:767px) {
    .ecommerce-list .image-box-row figure.saprate-img>img:nth-child(2) {
        left: 0
    }
}

@media (max-width:575px) {
    .ecommerce-list .image-box-row figure.saprate-img>img:nth-child(2) {
        height: 470px;
        left: -30px;
        -o-object-fit: cover;
        object-fit: cover
    }
}

.ecommerce-list .image-box-row figure.saprate-img .cart-dot,
.industries-serve-row .industries-logo-box .industries-logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%
}

.ecommerce-list .image-box-row figure.saprate-img .cart-dot {
    bottom: 50px;
    right: -50px;
    background: #000;
    width: 107px;
    height: 107px;
    position: absolute
}

@media (max-width:575px) {
    .ecommerce-list .image-box-row figure.saprate-img .cart-dot {
        right: 0;
        width: 75px;
        height: 75px
    }
}

.ecommerce-list .image-box-row figure.saprate-img .cart-dot img {
    width: 35px
}

.seo-list .image-box-row>span {
    background: #c2c6c9
}

.industries-we-serve .section-title {
    margin-bottom: 70px
}

.industries-serve-row {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 60px 32px
}

@media (max-width:1199px) {
    .industries-serve-row {
        grid-gap: 32px 32px
    }
}

@media (max-width:575px) {
    .industries-serve-row {
        grid-template-columns: 1fr 1fr
    }
}

.case-std-hero .hero-row .hero-box picture,
.industries-serve-row .industries-logo-box {
    text-align: center
}

.industries-serve-row .industries-logo-box>p {
    margin-bottom: 0
}

.industries-serve-row .industries-logo-box .industries-logo {
    width: 90px;
    height: 90px;
    margin: 0 auto 15px;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    position: relative
}

@media (max-width:767px) {
    .industries-serve-row .industries-logo-box .industries-logo {
        width: 80px;
        height: 80px
    }
}

.industries-serve-row .industries-logo-box .industries-logo:hover::before {
    -webkit-animation: round 1.8s infinite;
    animation: round 1.8s infinite
}

.industries-serve-row .industries-logo-box .industries-logo.blue,
.industries-serve-row .industries-logo-box .industries-logo.blue:before {
    background-color: #f6faff
}

.industries-serve-row .industries-logo-box .industries-logo.orange,
.industries-serve-row .industries-logo-box .industries-logo.orange:before {
    background: #fff8f8
}

.industries-serve-row .industries-logo-box .industries-logo.purple,
.industries-serve-row .industries-logo-box .industries-logo.purple:before {
    background-color: #f6faff
}

.industries-serve-row .industries-logo-box .industries-logo.pink,
.industries-serve-row .industries-logo-box .industries-logo.pink:before {
    background: #fef6ff
}

.industries-serve-row .industries-logo-box .industries-logo.green,
.industries-serve-row .industries-logo-box .industries-logo.green:before {
    background: #f2fffa
}

.industries-serve-row .industries-logo-box .industries-logo.light-green,
.industries-serve-row .industries-logo-box .industries-logo.light-green:before {
    background: #f8fff4
}

.industries-serve-row .industries-logo-box .industries-logo::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    border-radius: 50%;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    top: 0;
    left: 0;
    opacity: 1
}

.industries-serve-row .industries-logo-box .industries-logo img {
    max-height: 48px;
    width: auto
}

@media (max-width:991px) {
    .industries-serve-row .industries-logo-box .industries-logo img {
        max-height: 38px
    }
}

.small-txt {
    font-size: 6.125em !important
}

@media (max-width:767px) {
    .small-txt {
        font-size: 3.75em !important
    }
}

.red-bg {
    background-color: #e53535 !important
}

.green-bg {
    background: -o-linear-gradient(302.86deg, #00cfde 6.95%, #05a660 93.05%) !important;
    background: linear-gradient(147.14deg, #00cfde 6.95%, #05a660 93.05%) !important
}

.d-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.hero-row .hero-box .form-group.spinner .button,
.illustration-used .section-title h4,
.body.banner-form-detail .hero-section .hero-row .hero-box .banner-form .privacy-box .button {
    margin-top: 0
}

.body.inner-listing .service-listing-section .service-list-row .service-name-box .service-name-info h2 {
    font-size: clamp(5.55em, 7.2vw, 7.375em)
}

@media (max-width:1199px) {
    .body.inner-listing .service-listing-section .service-list-row .service-name-box .service-name-info h2 {
        font-size: clamp(4.55em, 7.2vw, 7.375em)
    }
}

@media (max-width:991px) {
    .body.inner-listing .service-listing-section .service-list-row .service-name-box .service-name-info h2 {
        font-size: clamp(3.35em, 7.2vw, 4.55em)
    }
}

.why-development {
    padding-bottom: 100px;
    overflow: hidden;
    border-top: 1px solid rgba(0, 0, 0, .1)
}

@media (max-width:991px) {
    .why-development {
        padding-bottom: 48px
    }
}

.why-development .section-title h2 {
    font-weight: 300
}

@media (max-width:767px) {
    .why-development .section-title h2 {
        opacity: 1 !important;
        -webkit-transform: none !important;
        -ms-transform: none !important;
        transform: none !important
    }
}

@media (max-width:1199px) {
    .why-development ul.listing {
        grid-template-columns: 1fr
    }
}

.why-development .custom-listing {
    margin: 0 0 40px
}

.why-development .cols.cols2 .col {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 55%
}

.why-development .cols.cols2 .col:first-child {
    width: 45%
}

@media (max-width:991px) {
    .why-development .cols.cols2 .col:first-child {
        width: 50%
    }
}

@media (max-width:767px) {
    .why-development .cols.cols2 .col:first-child {
        width: 100%;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

@media (max-width:991px) {
    .why-development .cols.cols2 .col {
        width: 50%
    }
}

@media (max-width:767px) {
    .why-development .cols.cols2 .col {
        width: 100%
    }
}

.why-development .about-content-info {
    padding: 80px 0 0;
    width: 100%
}

@media (max-width:991px) {
    .why-development .about-content-info {
        padding: 48px 0
    }
}

.why-development .awards-row {
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    grid-gap: 40px;
    border-bottom: 2px solid rgba(0, 0, 0, .1);
    border-radius: 100px;
    padding: 0 40px 40px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin: 70px auto 0;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    max-width: 650px
}

@media (max-width:1199px) {
    .why-development .awards-row {
        grid-gap: 30px;
        padding: 0 20px 20px
    }
}

@media (max-width:991px) {
    .why-development .awards-row {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 0;
        border: 0;
        grid-gap: 20px 30px;
        margin-top: 50px
    }
}

.why-development .awards-row .awards-box {
    max-width: 155px
}

@media (max-width:991px) {
    .why-development .awards-row .awards-box {
        max-width: 120px
    }
}

.why-development .awards-row .awards-box .awards-name {
    min-height: 150px;
    padding: 30px
}

@media (max-width:1199px) {
    .why-development .awards-row .awards-box .awards-name {
        padding: 25px
    }
}

@media (max-width:991px) {
    .why-development .awards-row .awards-box .awards-name {
        min-height: 120px
    }
}

.why-development .awards-row .awards-box .awards-name:before {
    background: url(../img/award-bg-golden.svg) no-repeat center bottom;
    background-size: contain;
    background-position: center center
}

.why-development .awards-row .awards-box .awards-name img {
    width: 100%;
    height: 100%
}

.about-content-info .section-title {
    max-width: 100%;
    margin-bottom: 40px
}

.about-content-info .section-title2 {
    margin-bottom: 0
}

@media (max-width:575px) {
    .about-content-info ul.listing {
        grid-template-columns: 1fr
    }
}

.about-content-info ul.listing li {
    line-height: 1.3
}

.about-content-info ul.listing li::before,
.body.store #colorbox #cboxClose {
    top: 10px
}

.pendulum-counter-boxes {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.pendulum-counter-boxes .pendulum-box {
    width: 33.33%;
    position: relative;
    min-height: 538px;
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0
}

@media (max-width:1400px) {
    .pendulum-counter-boxes .pendulum-box {
        min-height: 420px
    }
}

@media (max-width:991px) {
    .pendulum-counter-boxes .pendulum-box {
        min-height: 330px
    }
}

@media (max-width:767px) {
    .pendulum-counter-boxes .pendulum-box {
        min-height: 330px
    }
}

.pendulum-counter-boxes .pendulum-box:nth-child(odd) {
    min-height: 360px
}

@media (max-width:1400px) {
    .pendulum-counter-boxes .pendulum-box:nth-child(odd) {
        min-height: 280px
    }
}

@media (max-width:991px) {
    .pendulum-counter-boxes .pendulum-box:nth-child(odd) {
        min-height: 190px
    }
}

@media (max-width:767px) {
    .pendulum-counter-boxes .pendulum-box:nth-child(odd) {
        min-height: 200px
    }
}

.pendulum-counter-boxes .pendulum-box:nth-child(1) .counter-box h2,
.pendulum-counter-boxes .pendulum-box:nth-child(1) .pendulum-details i {
    background: -o-linear-gradient(304.49deg, #fddd48 7.21%, #00b7c4 94.47%);
    background: linear-gradient(145.51deg, #fddd48 7.21%, #00b7c4 94.47%)
}

.pendulum-counter-boxes .pendulum-box:nth-child(2) .pendulum-line {
    background: #2085f2
}

.pendulum-counter-boxes .pendulum-box:nth-child(2) .counter-box h2,
.pendulum-counter-boxes .pendulum-box:nth-child(2) .pendulum-details i {
    background: -o-linear-gradient(120deg, #73dfe7 13.4%, #0063f7 86.6%);
    background: linear-gradient(330deg, #73dfe7 13.4%, #0063f7 86.6%)
}

.pendulum-counter-boxes .pendulum-box:nth-child(3) .pendulum-line {
    background: #04ae79
}

.pendulum-counter-boxes .pendulum-box:nth-child(3) .counter-box h2,
.pendulum-counter-boxes .pendulum-box:nth-child(3) .pendulum-details i,
.tech-listing li:nth-child(1) {
    background: -o-linear-gradient(302.86deg, #00cfde 6.95%, #05a660 93.05%);
    background: linear-gradient(147.14deg, #00cfde 6.95%, #05a660 93.05%)
}

.pendulum-counter-boxes .pendulum-line {
    width: 1px;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: calc(100% - 225px);
    background: #38a7a1;
    margin: 0 auto
}

@media (max-width:1400px) {
    .pendulum-counter-boxes .pendulum-line {
        height: calc(100% - 185px)
    }
}

@media (max-width:1199px) {
    .pendulum-counter-boxes .pendulum-line {
        height: calc(100% - 150px)
    }
}

@media (max-width:991px) {
    .pendulum-counter-boxes .pendulum-line {
        height: calc(100% - 130px)
    }
}

.pendulum-counter-boxes .pendulum-info {
    width: 225px;
    height: 225px;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0
}

@media (max-width:1400px) {
    .pendulum-counter-boxes .pendulum-info {
        width: 185px;
        height: 185px
    }
}

@media (max-width:1199px) {
    .pendulum-counter-boxes .pendulum-info {
        width: 150px;
        height: 150px
    }
}

@media (max-width:991px) {
    .pendulum-counter-boxes .pendulum-info {
        width: 130px;
        height: 130px;
        left: -10px
    }
}

.pendulum-counter-boxes .pendulum-info .pendulum-round {
    width: 100%;
    height: 100%;
    -webkit-transform: rotate(90deg) scaleX(-1);
    -ms-transform: rotate(90deg) scaleX(-1);
    transform: rotate(90deg) scaleX(-1)
}

.pendulum-counter-boxes .pendulum-info .pendulum-details {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 20px;
    text-align: center;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.pendulum-counter-boxes .pendulum-info .pendulum-details i {
    font-size: 42px;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    text-fill-color: transparent !important
}

@media (max-width:1199px) {
    .pendulum-counter-boxes .pendulum-info .pendulum-details i {
        font-size: 30px
    }
}

@media (max-width:767px) {
    .pendulum-counter-boxes .pendulum-info .pendulum-details i {
        font-size: 20px
    }
}

.pendulum-counter-boxes .pendulum-info .pendulum-details .counter-box {
    width: 100%;
    padding: 0;
    border: 0
}

.pendulum-counter-boxes .pendulum-info .pendulum-details .counter-box h2 {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-size: 80px;
    line-height: 1
}

@media (max-width:1400px) {
    .pendulum-counter-boxes .pendulum-info .pendulum-details .counter-box h2 {
        font-size: 60px
    }
}

@media (max-width:1199px) {
    .pendulum-counter-boxes .pendulum-info .pendulum-details .counter-box h2 {
        font-size: 40px
    }
}

@media (max-width:991px) {
    .pendulum-counter-boxes .pendulum-info .pendulum-details .counter-box h2 {
        font-size: 30px;
        padding-top: 5px
    }
}

.pendulum-counter-boxes .pendulum-info .pendulum-details .counter-box span {
    font-weight: 700;
    color: #25245d;
    font-size: 16px;
    line-height: 1;
}

@media (max-width:1199px) {
    .pendulum-counter-boxes .pendulum-info .pendulum-details .counter-box span {
        font-size: 14px
    }
}

@media (max-width:991px) {
    .pendulum-counter-boxes .pendulum-info .pendulum-details .counter-box span {
        font-size: 12px;
        display: inline-block;
        vertical-align: top
    }
}

.zaraglobe-key .zaraglobe-key-boxes {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    grid-gap: 32px;
    text-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width:1199px) {
    .zaraglobe-key .zaraglobe-key-boxes {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media (max-width:575px) {
    .zaraglobe-key .zaraglobe-key-boxes {
        grid-gap: 30px 15px
    }
}

@media (max-width:991px) {
    .zaraglobe-key .zaraglobe-key-boxes .zaraglobe-key-box {
        width: calc(20% - 26px)
    }
}

@media (max-width:575px) {
    .zaraglobe-key .zaraglobe-key-boxes .zaraglobe-key-box {
        width: calc(50% - 8px)
    }
}

.zaraglobe-key .zaraglobe-key-boxes .zaraglobe-key-box figure {
    margin-bottom: 15px;
    display: inline-block;
    vertical-align: top;
    width: 100%
}

.zaraglobe-key .zaraglobe-key-boxes .zaraglobe-key-box figure img {
    display: inline-block;
    vertical-align: top;
    width: 50px;
    height: 50px;
    -o-object-fit: contain;
    object-fit: contain
}

.zaraglobe-key .zaraglobe-key-boxes .zaraglobe-key-box h5 {
    max-width: 130px;
    text-align: center;
    margin: 0 auto
}

@media (max-width:1199px) {
    .zaraglobe-key .zaraglobe-key-boxes .zaraglobe-key-box h5 {
        font-size: 16px
    }
}

.zaraglobe-key .zaraglobe-key-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.zaraglobe-key.bg-dark {
    background: #25245d;
    padding: 56px 0
}

.company-category {
    background: #25245d
}

.company-category .content-row {
    margin-top: 50px;
    grid-gap: 140px
}

@media (max-width:1400px) {
    .company-category .content-row {
        grid-gap: 32px
    }
}

@media (max-width:767px) {
    .company-category .content-row {
        margin-top: 32px
    }

    .company-category .grid2 {
        grid-template-columns: 1fr
    }
}

.company-category-row {
    display: grid;
    grid-template-columns: auto 500px;
    grid-gap: 20px 80px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

@media (max-width:1199px) {
    .company-category-row {
        grid-template-columns: auto 400px
    }
}

@media (max-width:991px) {
    .company-category-row {
        grid-template-columns: auto 250px
    }
}

@media (max-width:767px) {
    .company-category-row {
        grid-template-columns: 1fr
    }

    .company-category-row .section-title2 {
        margin-bottom: 32px
    }

    .company-category-row .section-title2 h1,
    .company-category-row .section-title2 h2 {
        margin-bottom: 30px
    }
}

.company-category-row .section-title2 h1,
.company-category-row .section-title2 h2 {
    margin-bottom: 30px;
    font-size: 5.9375em;
    line-height: normal
}

@media (max-width:1199px) {

    .company-category-row .section-title2 h1,
    .company-category-row .section-title2 h2 {
        margin-bottom: 20px;
        font-size: 5em
    }
}

@media (max-width:991px) {

    .company-category-row .section-title2 h1,
    .company-category-row .section-title2 h2 {
        font-size: 3.75em
    }
}

@media (max-width:575px) {

    .company-category-row .section-title2 h1,
    .company-category-row .section-title2 h2 {
        font-size: 2.5em
    }
}

.company-category-row .section-title2 h3 {
    font-size: 2.5em
}

@media (max-width:1199px) {
    .company-category-row .section-title2 h3 {
        font-size: 1.875em
    }
}

@media (max-width:991px) {
    .company-category-row .section-title2 h3 {
        font-size: 1.5em
    }
}

@media (max-width:575px) {
    .company-category-row .section-title2 h3 {
        font-size: 1.25em
    }
}

@media (max-width:767px) {
    .company-category-row .company-category-logo {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }
}

.company-category-row .company-category-logo figure {
    max-width: 300px;
    max-height: 250px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

@media (max-width:575px) {
    .company-category-row .company-category-logo figure {
        max-height: 200px
    }
}

.company-category-row .company-category-logo figure img {
    width: 100%;
    height: auto
}

.company-category-title .section-title2,
.body.banner-form-detail .hero-section .hero-row .hero-box .banner-form .form-group {
    margin-bottom: 0
}

.company-category-title .plateform-list {
    margin-top: 30px
}

@media (max-width:1199px) {
    .company-category-title .plateform-list {
        margin-top: 20px
    }
}

.plateform-list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    grid-gap: 15px
}

.plateform-list .plateform-list-box {
    width: 108px;
    height: 108px;
    border-radius: 10px;
    border: 1px solid #4c4b7c;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 10px
}

@media (max-width:1400px) {
    .plateform-list .plateform-list-box {
        width: 90px;
        height: 90px
    }
}

@media (max-width:991px) {
    .plateform-list .plateform-list-box {
        width: 80px;
        height: 80px
    }
}

@media (max-width:767px) {
    .plateform-list .plateform-list-box {
        width: 60px;
        height: 60px
    }
}

.plateform-list,
.plateform-list .plateform-list-box,
.plateform-list .plateform-list-box figure {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.plateform-list .plateform-list-box figure img {
    width: 81px;
    height: 58px;
    -o-object-fit: contain;
    object-fit: contain
}

@media (max-width:1400px) {
    .plateform-list .plateform-list-box figure img {
        width: 61px;
        height: 48px
    }
}

.content-row p {
    color: #bcbcd6
}

.content-row p:last-child {
    margin-bottom: 0
}

.content-row ul.listing {
    color: #bcbcd6;
    grid-gap: 8px
}

.content-row ul.listing li::before {
    background: #bcbcd6
}

#firework {
    width: 100%;
    z-index: -1
}

#firework,
.task-item,
.task-item .checkbox input {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%
}

.task-item {
    right: 0
}

.task-item button {
    opacity: 0;
    visibility: hidden
}

.task-item .checkbox input {
    width: 100%;
    opacity: 0
}

.what-we-deliver .grids {
    grid-gap: 150px
}

@media (max-width:1400px) {
    .what-we-deliver .grids {
        grid-gap: 32px
    }
}

@media (max-width:767px) {
    .what-we-deliver .grids {
        grid-template-columns: 1fr;
        grid-gap: 50px
    }
}

.what-we-deliver-title-box {
    width: 100%;
    position: sticky;
    top: 100px;
    z-index: 1
}

@media (max-width:767px) {
    .what-we-deliver-title-box {
        position: static
    }
}

.what-we-deliver-title-box .section-title2 h3 {
    margin-top: 20px
}

.what-we-deliver-title-box .section-title2>p {
    margin-top: 20px;
    font-size: 18px
}

.what-we-deliver-title-box .image-box-row {
    margin-top: 50px;
    padding-left: 0
}

@media (max-width:767px) {
    .what-we-deliver-title-box .image-box-row {
        margin-top: 0;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

@media (max-width:575px) {
    .what-we-deliver-title-box .image-box-row {
        min-height: 400px
    }

    .what-we-deliver-title-box .image-box-row figure .dots {
        width: 60px;
        height: 60px
    }
}

.what-we-deliver-title-box .image-box-row:before {
    width: calc(100% - 87px);
    left: 0
}

.what-we-deliver-title-box .image-box-row>span {
    left: 0
}

.what-we-deliver-title-box .button {
    margin-top: 50px
}

@media (max-width:767px) {
    .what-we-deliver-title-box .button {
        margin-top: 30px
    }
}

@media (max-width:575px) {
    .what-we-deliver-title-box .button {
        margin-top: 0
    }
}

.what-we-deliver-point-box {
    width: 100%;
    position: relative;
    padding: 40px 30px 40px 125px;
    background: #f9fbff;
    border-top-width: 3px;
    border-top-style: solid
}

@media (max-width:1199px) {
    .what-we-deliver-point-box {
        padding: 40px 30px 40px 105px
    }
}

@media (max-width:991px) {
    .what-we-deliver-point-box {
        padding: 40px 30px 40px 90px
    }
}

@media (max-width:767px) {
    .what-we-deliver-point-box {
        padding: 30px 30px 30px 105px
    }
}

@media (max-width:575px) {
    .what-we-deliver-point-box {
        padding: 90px 30px 30px
    }
}

.what-we-deliver-point-box.no-icon {
    padding: 30px
}

@media (max-width:1199px) {
    .what-we-deliver-point-box.no-icon {
        padding: 25px
    }
}

@media (max-width:767px) {
    .what-we-deliver-point-box.no-icon {
        padding: 20px
    }
}

.what-we-deliver-point-box:not(:last-child) {
    margin-bottom: 10px
}

.what-we-deliver-point-box figure {
    position: absolute;
    left: 30px;
    top: 40px;
    max-width: 65px
}

@media (max-width:1199px) {
    .what-we-deliver-point-box figure {
        max-width: 55px;
        left: 25px;
        top: 40px
    }
}

@media (max-width:991px) {
    .what-we-deliver-point-box figure {
        max-width: 50px;
        left: 20px
    }
}

@media (max-width:767px) {
    .what-we-deliver-point-box figure {
        left: 30px;
        top: 30px
    }
}

.what-we-deliver-point-box figure img {
    height: auto
}

.what-we-deliver-point-box h4 {
    margin-bottom: 10px
}

.case-std-dt-row .case-studies-box-info p:last-child,
.what-we-deliver-point-box p:last-child {
    margin-bottom: 0
}

.what-we-deliver-point-box:nth-child(4n+1) {
    background: #f2f8ff !important;
    border-color: #136cf5
}

.what-we-deliver-point-box:nth-child(4n+2) {
    border-color: #ec4326;
    background: #fff2f0 !important
}

.what-we-deliver-point-box:nth-child(4n+3) {
    border-color: #04ad77;
    background: #f1fbf2 !important
}

.what-we-deliver-point-box:nth-child(4n+4) {
    border-color: #850cae;
    background: #fdf8ff !important
}

.banner-form-detail .wpcf7-form span.wpcf7-not-valid-tip,
.body.career-detail .wpcf7-form span.wpcf7-not-valid-tip {
    color: #dc3232
}

.banner-form-detail .industries-we-serve {
    background: #fbfbff
}

.form-boxes .grid {
    display: grid
}

.form-boxes .grid.grid2 {
    grid-template-columns: 1fr 1fr;
    gap: 25px
}

@media (max-width:991px) {
    .form-boxes .grid.grid2 {
        grid-template-columns: 1fr
    }
}

.form-boxes .grid.grid2 .full-width {
    grid-column: span 2
}

@media (max-width:991px) {
    .form-boxes .grid.grid2 .full-width {
        grid-column: auto
    }
}

.body.banner-form-detail .action-button .button:hover:before {
    width: 52px
}

.body.banner-form-detail .review-inner-row,
.body.banner-form-detail .review-inner-row .review-information-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.body.banner-form-detail .review-inner-row {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border: 0;
    padding: 50px 0
}

@media (max-width:1199px) {
    .body.banner-form-detail .review-inner-row {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.body.banner-form-detail .review-inner-row .review-information-box {
    grid-gap: 32px 40px
}

@media (max-width:767px) {
    .body.banner-form-detail .review-inner-row .review-information-box {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.body.banner-form-detail .review-inner-row .review-information-box h3 {
    font-size: 24px
}

.body.banner-form-detail .review-inner-row .review-information-box h3 span {
    color: #26245d
}

.body.banner-form-detail .review-inner-row .review-information-box p {
    font-size: 16px
}

.body.banner-form-detail .review-inner-row .review-information-box .ratingbox {
    border-radius: 12px;
    border-color: #f6eec1;
    background: #fffbe3;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: left;
    padding: 10px 20px 10px 76px
}

.body.banner-form-detail .review-inner-row .review-information-box .ratingbox .total-rating {
    border-radius: 12px 0 0 12px;
    font-size: 28px;
    width: 64px;
    background: #ffc119;
    border-color: #ffc119
}

.body.banner-form-detail .review-inner-row .review-information-box .ratingbox .rating-response {
    font-style: normal;
    font-size: 14px;
    margin-top: 8px;
    color: #555770
}

.body.banner-form-detail .review-inner-row .review-information-box .ratingbox .rating-details .rating-star span {
    -webkit-filter: brightness(0) saturate(100%) invert(71%) sepia(87%) saturate(465%) hue-rotate(348deg) brightness(100%) contrast(101%);
    filter: brightness(0) saturate(100%) invert(71%) sepia(87%) saturate(465%) hue-rotate(348deg) brightness(100%) contrast(101%)
}

.body.banner-form-detail .review-inner-row .review-information-box .review-info p {
    font-size: 14px
}

.body.banner-form-detail .review-inner-row .platform-logo {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin: 0;
    grid-gap: 40px;
    width: 100%
}

@media (max-width:767px) {
    .body.banner-form-detail .review-inner-row .platform-logo {
        grid-gap: 20px
    }
}

.body.banner-form-detail .review-inner-row .platform-logo figure {
    width: calc(33.33% - 26.6666px)
}

@media (max-width:767px) {
    .body.banner-form-detail .review-inner-row .platform-logo figure {
        width: calc(33.33% - 13.33px)
    }
}

.body.banner-form-detail .review-inner-row .platform-logo figure img {
    max-height: 50px
}

.body.banner-form-detail .review-inner-row .review-vector {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin: 0;
    max-width: 600px;
    width: 100%
}

.body.banner-form-detail .hero-section {
    background: #25245d;
    background: #38a7a1;
    color: #fff
}

.body.banner-form-detail .hero-section .hero-row {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    grid-gap: 64px
}

@media (max-width:1199px) {
    .body.banner-form-detail .hero-section .hero-row {
        grid-gap: 50px
    }
}

@media (max-width:991px) {
    .body.banner-form-detail .hero-section .hero-row {
        grid-gap: 35px
    }
}

.body.banner-form-detail .hero-section .hero-row .hero-box:nth-child(1) {
    max-width: 756px;
    width: 100%
}

.body.banner-form-detail .hero-section .hero-row .hero-box:nth-child(2) {
    max-width: 654px;
    width: 100%
}

.body.banner-form-detail .hero-section .hero-row .hero-box .banner-form {
    max-width: 100%
}

@media (max-width:575px) {
    .body.banner-form-detail .hero-section .hero-row .hero-box .banner-form {
        padding: 22px
    }
}

.body.banner-form-detail .hero-section .hero-row .hero-box .banner-form h3 img {
    width: 32px;
    aspect-ratio: 1
}

@media (max-width:767px) {
    .body.banner-form-detail .hero-section .hero-row .hero-box .banner-form h3 img {
        width: 32px
    }
}

.body.banner-form-detail .hero-section .hero-row .hero-box .banner-form .privacy-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 50px;
    margin-top: 5px;
    position: relative
}

@media (max-width:1400px) {
    .body.banner-form-detail .hero-section .hero-row .hero-box .banner-form .privacy-box {
        gap: 25px
    }
}

@media (max-width:1199px) {
    .body.banner-form-detail .hero-section .hero-row .hero-box .banner-form .privacy-box {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media (max-width:991px) {
    .body.banner-form-detail .hero-section .hero-row .hero-box .banner-form .privacy-box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start
    }
}

@media (max-width:767px) {
    .body.banner-form-detail .hero-section .hero-row .hero-box .banner-form .privacy-box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: revert;
        flex-direction: revert;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media (max-width:767px) {
    .body.banner-form-detail .hero-section .hero-row .hero-box .banner-form .privacy-box .button {
        -webkit-box-flex: revert;
        -ms-flex: revert;
        flex: revert
    }
}

.body.banner-form-detail .hero-section .hero-row .hero-box .banner-form .privacy-box .privacy {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 7px;
    font-size: 14px;
    color: #1c1c28
}

.body.banner-form-detail .hero-section .hero-row .hero-box .banner-form .privacy-box .privacy img {
    width: 18px;
    height: 20px
}

.body.banner-form-detail .hero-section .hero-row .hero-box .banner-form .privacy-box .wpcf7-spinner {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 0 auto;
    left: 0;
    right: 0;
    opacity: 1;
    background-color: #fff
}

.body.banner-form-detail .hero-section .hero-row .hero-box .banner-form form.submitting .privacy-box .button span.has-spinner {
    min-width: 163px;
    min-height: 52px;
    font-size: 0
}

.body.banner-form-detail .hero-section .hero-row .hero-box .banner-form form.submitting .privacy-box .button span.wpcf7-spinner {
    padding: 0;
    z-index: 3;
    min-height: auto;
    margin: 0 auto
}

.body.banner-form-detail .hero-section .hero-row .hero-box .banner-form form.submitting .privacy-box .button i {
    font-size: 0
}

.body.banner-form-detail .hero-section .hero-row .hero-box .hero-content h1,
.body.banner-form-detail .hero-section .hero-row .hero-box .hero-content h2 {
    color: #fff;
    font-size: 3.625em
}

@media (max-width:1199px) {

    .body.banner-form-detail .hero-section .hero-row .hero-box .hero-content h1,
    .body.banner-form-detail .hero-section .hero-row .hero-box .hero-content h2 {
        font-size: 3.125em
    }
}

@media (max-width:991px) {

    .body.banner-form-detail .hero-section .hero-row .hero-box .hero-content h1,
    .body.banner-form-detail .hero-section .hero-row .hero-box .hero-content h2 {
        font-size: 3.125em
    }
}

@media (max-width:767px) {

    .body.banner-form-detail .hero-section .hero-row .hero-box .hero-content h1,
    .body.banner-form-detail .hero-section .hero-row .hero-box .hero-content h2 {
        font-size: 2.8125em
    }
}

@media (max-width:575px) {

    .body.banner-form-detail .hero-section .hero-row .hero-box .hero-content h1,
    .body.banner-form-detail .hero-section .hero-row .hero-box .hero-content h2 {
        font-size: 2.375em
    }
}

.body.banner-form-detail .hero-section .hero-row .banner-form {
    background: #fff
}

.body.banner-form-detail .hero-section .hero-row .form-group>label {
    color: #1c1c28
}

@media (max-width:1199px) {
    .body.service-detail .what-we-deliver-title-box .image-box-row {
        min-height: auto
    }

    .body.service-detail .what-we-deliver-title-box .image-box-row figure {
        padding: 20px
    }
}

.apply-seo-analyst .apply-seo-analyst-row button.button,
.company-category-row+.benefit-row {
    margin-top: 50px
}

.benefit-row {
    display: grid;
    grid-gap: 30px;
    grid-template-columns: repeat(4, 1fr)
}

@media (max-width:1400px) {
    .benefit-row {
        grid-gap: 20px;
        grid-template-columns: repeat(3, 1fr)
    }
}

@media (max-width:991px) {
    .benefit-row {
        grid-gap: 14px;
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (max-width:575px) {
    .benefit-row {
        grid-template-columns: 1fr
    }
}

.benefit-row .benefit-box {
    border-radius: 12px;
    padding: 44px 38px;
    position: relative;
    overflow: hidden;
    -webkit-box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .2);
    box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .2)
}

.benefit-row .benefit-box::after,
.benefit-row .benefit-box::before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
    content: '';
    position: absolute;
    border: 2px solid transparent;
    width: 0;
    height: 0;
    border-radius: 12px
}

.benefit-row .benefit-box::before {
    top: 0;
    left: 0
}

.benefit-row .benefit-box::after {
    bottom: 0;
    right: 0
}

@media (max-width:1199px) {
    .benefit-row .benefit-box {
        padding: 38px 30px
    }
}

@media (max-width:575px) {
    .benefit-row .benefit-box {
        padding: 20px 16px
    }
}

.benefit-row .benefit-box img {
    width: auto;
    max-height: 40px;
    margin-bottom: 26px
}

@media (max-width:1199px) {
    .benefit-row .benefit-box img {
        margin-bottom: 20px
    }
}

@media (max-width:575px) {
    .benefit-row .benefit-box img {
        margin-bottom: 14px
    }
}

.benefit-row .benefit-box h6 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 15px;
    line-height: normal;
    color: #fff
}

@media (max-width:1199px) {
    .benefit-row .benefit-box h6 {
        margin-bottom: 10px
    }
}

.benefit-row .benefit-box p {
    color: rgba(255, 255, 255, .7);
    line-height: 1.6;
    margin-bottom: 0
}

@media (max-width:767px) {
    .benefit-row .benefit-box p {
        line-height: 1.4
    }
}

.benefit-row .benefit-box:hover::after,
.benefit-row .benefit-box:hover::before {
    width: 100%;
    height: 100%
}

.benefit-row .benefit-box:hover:before {
    border-top-color: #fff;
    border-right-color: #fff;
    -webkit-transition: width .25s ease-out, height .25s ease-out .25s;
    -o-transition: width .25s ease-out, height .25s ease-out .25s;
    transition: width .25s ease-out, height .25s ease-out .25s
}

.benefit-row .benefit-box:hover::after {
    border-bottom-color: #fff;
    border-left-color: #fff;
    -webkit-transition: border-color 0s ease-out .5s, width .25s ease-out .5s, height .25s ease-out .75s;
    -o-transition: border-color 0s ease-out .5s, width .25s ease-out .5s, height .25s ease-out .75s;
    transition: border-color 0s ease-out .5s, width .25s ease-out .5s, height .25s ease-out .75s
}

.benefit-row .benefit-box:hover img {
    -webkit-animation: icon-bounce .8s 1;
    animation: icon-bounce .8s 1
}

.case-std-hero .hero-row .hero-box .hero-content h1,
.case-std-hero .hero-row .hero-box .hero-content h2 {
    line-height: 1
}

@media (max-width:1199px) {

    .case-std-hero .hero-row .hero-box .hero-content h1 br,
    .case-std-hero .hero-row .hero-box .hero-content h2 br {
        display: none
    }
}

.case-std-hero .hero-row .hero-box .hero-content .industries-info {
    margin-bottom: 24px;
    color: #25245d;
    font-size: 16px;
    padding: 0;
    font-weight: 500
}

.case-std-hero .hero-row .hero-box .hero-content .industries-info::before,
.case-studies-grids .case-studies-grids-row .grids .case-studies-details .industries-info::before {
    display: none
}

.case-std-hero .hero-row .hero-box .hero-content .industries-info span,
.case-studies-grids .case-studies-grids-row .grids .case-studies-details .industries-info span {
    font-weight: 500;
    color: #25245d;
    padding-left: 10px;
    margin-left: 10px;
    border-left: 1px solid #e4e4eb
}

.case-std-hero .hero-row .hero-box .hero-content .action-button {
    margin-top: 32px
}

.case-std-hero .hero-row .hero-box .hero-content .action-button .icon.btn-primary span:not(.wpcf7-spinner) {
    padding: 16px 40px
}

@media (max-width:767px) {
    .case-std-hero .hero-row .hero-box .hero-content .action-button .icon.btn-primary span:not(.wpcf7-spinner) {
        padding: 10px 30px
    }
}

.case-std-hero .hero-row .hero-box .hero-content .action-button .icon.btn-primary .icon-extranal-link {
    font-size: 15px
}

@media (max-width:767px) {
    .case-std-hero .hero-row .hero-box .hero-content .action-button .icon.btn-primary .icon-extranal-link {
        font-size: 14px
    }
}

.case-std-hero .hero-row .hero-box .hero-content .action-button .icon.btn-primary:hover span:not(.wpcf7-spinner) .icon-extranal-link {
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px)
}

@media (max-width:767px) {
    .case-std-hero .hero-row .hero-box .hero-content .action-button .icon.btn-primary:hover span:not(.wpcf7-spinner) .icon-extranal-link {
        -webkit-transform: translateX(16px);
        -ms-transform: translateX(16px);
        transform: translateX(16px)
    }
}

.case-std-hero .hero-row .hero-box picture img {
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
    -o-object-fit: contain;
    object-fit: contain
}

.case-studies-grids {
    padding: 100px 0
}

@media (max-width:991px) {
    .case-studies-grids {
        padding: 60px 0
    }
}

@media (max-width:767px) {
    .case-studies-grids {
        padding: 48px 0
    }
}

.case-studies-grids .title-row {
    margin-bottom: 45px
}

.case-studies-grids .section-title {
    margin: 0 0 60px
}

@media (max-width:991px) {
    .case-studies-grids .section-title {
        margin: 0 0 30px
    }
}

.case-studies-grids .case-studies-grids-row .case-studies-box-img {
    padding: 30px;
    overflow: hidden
}

@media (max-width:767px) {
    .case-studies-grids .case-studies-grids-row .case-studies-box-img {
        padding: 15px
    }
}

.case-studies-grids .case-studies-grids-row .case-studies-box-img figure {
    position: relative;
    padding-top: 87.84%
}

.case-studies-grids .case-studies-grids-row .case-studies-box-img figure img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.case-studies-grids .case-studies-grids-row .grids {
    grid-gap: 70px 60px
}

@media (max-width:1400px) {
    .case-studies-grids .case-studies-grids-row .grids {
        grid-gap: 60px 50px
    }
}

@media (max-width:1199px) {
    .case-studies-grids .case-studies-grids-row .grids {
        grid-template-columns: 1fr 1fr
    }
}

@media (max-width:991px) {
    .case-studies-grids .case-studies-grids-row .grids {
        grid-gap: 40px
    }
}

@media (max-width:575px) {
    .case-studies-grids .case-studies-grids-row .grids {
        grid-template-columns: 1fr
    }
}

.case-studies-grids .case-studies-grids-row .grids .case-studies-details {
    margin: 30px 0 0;
    max-width: 465px
}

@media (max-width:991px) {
    .case-studies-grids .case-studies-grids-row .grids .case-studies-details {
        margin: 20px 0 0;
        max-width: 100%;
        width: 100%
    }
}

.case-studies-grids .case-studies-grids-row .grids .case-studies-details h2 {
    margin-bottom: 0
}

@media (max-width:1199px) {
    .case-studies-grids .case-studies-grids-row .grids .case-studies-details h2 {
        font-size: 1.75em
    }
}

@media (max-width:767px) {
    .case-studies-grids .case-studies-grids-row .grids .case-studies-details h2 {
        font-size: 1.625em
    }
}

.case-studies-grids .case-studies-grids-row .grids .case-studies-details .industries-info {
    margin-bottom: 24px;
    color: #25245d;
    font-size: 14px;
    padding: 0;
    font-weight: 500
}

.case-studies-grids .case-studies-grids-row .grids .case-studies-details p {
    color: #000;
    margin: 15px 0 25px;
    font-size: 1.25em;
    display: -webkit-box;
    -ms-flex-item-align: start;
    align-self: flex-start;
    height: 50px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

@media (max-width:1199px) {
    .case-studies-grids .case-studies-grids-row .grids .case-studies-details p {
        font-size: 1.125em;
        margin: 5px 0 15px
    }
}

@media (max-width:767px) {
    .case-studies-grids .case-studies-grids-row .grids .case-studies-details p {
        font-size: 1em
    }
}

@media (max-width:575px) {
    .case-studies-grids .case-studies-grids-row .grids .case-studies-details p {
        height: 45px
    }
}

.case-studies-details h5,
.case-studies-grids .case-studies-grids-row .grids .case-studies-details .work-technology-tag,
.case-studies-grids .case-studies-grids-row .grids .case-studies-details .work-technology-tag ul,
.single-testimonial-box .single-testimonial-row .author h4,
.tools-technology-used .section-title h3 {
    margin: 0
}

.case-studies-grids .case-studies-grids-row .grids .grid:nth-child(8n+1) .case-studies-box-img {
    background-color: #ccc1be
}

.case-studies-grids .case-studies-grids-row .grids .grid:nth-child(8n+2) .case-studies-box-img {
    background-color: #d9d9d9
}

.case-studies-grids .case-studies-grids-row .grids .grid:nth-child(8n+3) .case-studies-box-img {
    background-color: #ffdfd8
}

.case-studies-grids .case-studies-grids-row .grids .grid:nth-child(8n+4) .case-studies-box-img {
    background-color: #dadee1
}

.case-studies-grids .case-studies-grids-row .grids .grid:nth-child(8n+5) .case-studies-box-img {
    background-color: #c9cdce
}

.case-studies-grids .case-studies-grids-row .grids .grid:nth-child(8n+6) .case-studies-box-img {
    background-color: #cdc8c7
}

.case-studies-grids .case-studies-grids-row .grids .grid:nth-child(8n+7) .case-studies-box-img {
    background-color: #c2c2c2
}

.case-studies-grids .case-studies-grids-row .grids .grid:nth-child(8n+8) .case-studies-box-img {
    background-color: #e2e2e2
}

.case-studies-grids .action-button {
    margin: 60px 0 0;
    text-align: center
}

@media (max-width:991px) {
    .case-studies-grids .action-button {
        margin: 50px 0 0
    }
}

@media (max-width:767px) {
    .case-studies-grids .action-button {
        margin: 40px 0 0
    }
}

.case-studies-grids .action-button .button {
    margin: 0 auto
}

@media (max-width:1199px) {
    .technology-banner {
        padding-bottom: 0
    }
}

.case-std-dt-row .case-studies-box-img {
    padding: 0;
    overflow: hidden;
    background-color: #fef8ea;
    height: 770px
}

@media (max-width:991px) {
    .case-std-dt-row .case-studies-box-img {
        height: 500px
    }
}

@media (max-width:575px) {
    .case-std-dt-row .case-studies-box-img {
        height: 300px
    }
}

.case-std-dt-row .case-studies-box-img figure {
    position: relative;
    padding-top: 53.1811%;
    overflow: hidden;
    display: inline-block;
    width: 100%
}

.case-std-dt-row .case-studies-box-img figure img {
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.case-std-dt-row .case-studies-box-info,
.case-studies-content .case-studies-section+.wrap {
    padding-top: 100px
}

@media (max-width:1199px) {
    .case-std-dt-row .case-studies-box-info {
        padding-top: 80px
    }
}

@media (max-width:767px) {
    .case-std-dt-row .case-studies-box-info {
        padding-top: 48px
    }
}

.case-std-dt-row .case-studies-box-info p {
    font-size: 2em;
    font-weight: 400;
    line-height: 140%
}

@media (max-width:1199px) {
    .case-std-dt-row .case-studies-box-info p {
        font-size: 1.75em
    }
}

@media (max-width:991px) {
    .case-std-dt-row .case-studies-box-info p {
        font-size: 1.25em
    }
}

@media (max-width:767px) {
    .case-std-dt-row .case-studies-box-info p {
        font-size: 1.125em
    }
}

.tools-technology-used {
    overflow: hidden
}

.tools-technology-used .wrap {
    max-width: 1170px
}

.case-studies-content .wrap {
    max-width: 884px
}

.case-studies-content .case-studies-section {
    margin-bottom: 0
}

@media (max-width:1199px) {
    .case-studies-content .case-studies-section+.wrap {
        padding-top: 80px
    }
}

@media (max-width:767px) {
    .case-studies-content .case-studies-section+.wrap {
        padding-top: 48px
    }
}

.case-studies-content .case-studies-section .wrap,
.tools-technology-used .case-studies-section .wrap {
    max-width: 1730px;
    padding: 0 86px;
    position: relative
}

@media (max-width:991px) {

    .case-studies-content .case-studies-section .wrap,
    .tools-technology-used .case-studies-section .wrap {
        max-width: 1676px;
        padding: 0 32px
    }
}

.case-studies-details {
    margin: 0 auto 100px
}

@media (max-width:1199px) {
    .case-studies-details {
        margin-bottom: 80px
    }
}

@media (max-width:767px) {
    .case-studies-details {
        margin-bottom: 48px
    }
}

.case-studies-details p:last-child,
.case-studies-details:last-child,
.core-features-point .project-details ul.listing li:last-child {
    margin-bottom: 0
}

.case-studies-details .section-title {
    max-width: 100%;
    margin: 0 0 30px
}

.case-studies-details p {
    font-size: 1.25em;
    font-weight: 400;
    line-height: 130%;
    margin: 0 0 40px;
    color: #000
}

.case-studies-details h2,
.body.contact-us .hero-section .hero-row .hero-box p {
    margin-bottom: 30px
}

.case-studies-details ul {
    margin: 20px 0
}

.color-palette:not(:first-child) {
    margin-top: 100px
}

@media (max-width:1199px) {
    .color-palette:not(:first-child) {
        margin-top: 80px
    }
}

@media (max-width:767px) {
    .color-palette:not(:first-child) {
        margin-top: 48px
    }
}

.color-palette h4 {
    margin-bottom: 40px
}

@media (max-width:991px) {
    .color-palette h4 {
        margin-bottom: 30px
    }
}

.color-palette .color-palette-boxes {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    grid-gap: 25px 45px
}

.color-palette .color-palette-boxes .color-palette-box,
table thead tr {
    text-align: center
}

.case-std-projects-img figure,
.color-palette .color-palette-boxes .color-palette-box .color-variant {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.color-palette .color-palette-boxes .color-palette-box .color-variant {
    width: 175px;
    height: 175px;
    border-radius: 50%;
    margin: 0 auto 12px;
    padding: 10px
}

@media (max-width:1199px) {
    .color-palette .color-palette-boxes .color-palette-box .color-variant {
        width: 140px;
        height: 140px
    }
}

@media (max-width:991px) {
    .color-palette .color-palette-boxes .color-palette-box .color-variant {
        width: 120px;
        height: 120px
    }
}

@media (max-width:767px) {
    .color-palette .color-palette-boxes .color-palette-box .color-variant {
        width: 100px;
        height: 100px
    }
}

.color-palette .color-palette-boxes .color-palette-box .color-variant span,
.core-features-point .project-details ul.listing li span {
    font-weight: 700
}

@media (max-width:767px) {
    .color-palette .color-palette-boxes .color-palette-box .color-variant span {
        font-size: 14px
    }
}

.color-palette .color-palette-boxes .color-palette-box h6 {
    margin-bottom: 0;
    text-transform: uppercase
}

.case-std-projects-img figure {
    background: #2b2b2b;
    text-align: center;
    padding: 32px;
    min-height: 758px;
    position: relative
}

@media (max-width:1199px) {
    .case-std-projects-img figure {
        min-height: 550px
    }
}

@media (max-width:575px) {
    .case-std-projects-img figure {
        min-height: 350px
    }
}

.case-std-projects-img figure::before,
.case-std-projects-img figure:after {
    content: '';
    position: absolute;
    top: 0;
    width: 1px;
    height: 100%;
    background: #3e3e3e
}

.case-std-projects-img figure:before {
    left: 20%;
    right: auto
}

@media (max-width:575px) {
    .case-std-projects-img figure:before {
        left: 8%
    }
}

.case-std-projects-img figure:after {
    right: 20%;
    left: auto
}

@media (max-width:575px) {
    .case-std-projects-img figure:after {
        right: 8%
    }
}

.case-std-projects-img figure span {
    pointer-events: none
}

.case-std-projects-img figure span::before,
.case-std-projects-img figure span:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 1px;
    background: #3e3e3e
}

.case-std-projects-img figure span:before {
    top: 20%;
    bottom: auto
}

@media (max-width:575px) {
    .case-std-projects-img figure span:before {
        top: 12%
    }
}

.case-std-projects-img figure span:after {
    bottom: 20%;
    top: auto
}

@media (max-width:575px) {
    .case-std-projects-img figure span:after {
        bottom: 12%
    }
}

.case-std-projects-img figure img {
    width: 647px;
    height: 393px;
    -o-object-fit: contain;
    object-fit: contain
}

@media (max-width:1199px) {
    .case-std-projects-img figure img {
        width: 490px;
        height: 236px
    }
}

@media (max-width:575px) {
    .case-std-projects-img figure img {
        width: 100%;
        height: 190px
    }
}

.illustration-used {
    border-top: 1px solid #e4e4eb;
    border-bottom: 1px solid #e4e4eb
}

.illustration-used .type-face-row {
    text-align: center;
    padding-top: 80px
}

@media (max-width:767px) {
    .illustration-used .type-face-row {
        padding-top: 48px
    }
}

.illustration-used .type-face-row figure img {
    height: auto
}

.full-img img {
    width: 100%;
    height: auto;
    display: inline-block;
    vertical-align: top
}

.case-studies-section {
    margin: 100px 0
}

@media (max-width:1199px) {
    .case-studies-section {
        margin: 80px 0 0
    }
}

@media (max-width:767px) {
    .case-studies-section {
        margin: 48px 0 0
    }
}

.case-studies-section .case-studies-slider {
    position: static
}

.case-studies-section .case-studies-slider .swiper-button-prev {
    left: 0
}

@media (max-width:991px) {
    .case-studies-section .case-studies-slider .swiper-button-prev {
        display: none
    }
}

.case-studies-section .case-studies-slider .swiper-button-next {
    right: 0
}

@media (max-width:991px) {
    .case-studies-section .case-studies-slider .swiper-button-next {
        display: none
    }
}

.case-studies-section.animate .case-studie-slide figure {
    -webkit-animation: backgroundScroll 40s infinite;
    animation: backgroundScroll 40s infinite
}

.case-studie-slide figure:active,
.case-studies-section.animate .case-studie-slide figure:active {
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.case-studie-slide {
    position: relative;
    padding: 103.531% 40px 0;
    overflow: hidden;
    background-color: #d8cfc6
}

@media (max-width:991px) {
    .case-studie-slide {
        padding-left: 20px;
        padding-right: 20px
    }
}

.case-studie-slide figure {
    background-position: center 0;
    background-repeat: no-repeat;
    position: absolute;
    height: calc(100% - 40px);
    top: 45px;
    left: 40px;
    background-size: cover;
    right: 40px;
    margin: 0 auto;
    border-radius: 6px;
    padding: 10px;
    -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, .1);
    box-shadow: 0 4px 8px rgba(0, 0, 0, .1)
}

@media (max-width:991px) {
    .case-studie-slide figure {
        top: 30px;
        left: 30px;
        right: 30px;
        height: calc(100% - 30px)
    }
}

@media (max-width:575px) {
    .case-studie-slide figure {
        top: 20px;
        left: 20px;
        right: 20px;
        height: calc(100% - 20px)
    }
}

.tools-technology-used {
    background: #25245d;
    padding: 50px 0
}

.tools-technology-used .section-title {
    margin-bottom: 28px
}

@media (max-width:767px) {
    .tools-technology-used .section-title {
        margin-bottom: 15px
    }
}

@media (max-width:767px) {
    .tools-technology-used .grids.grid2 {
        grid-template-columns: 1fr;
        margin-top: 0
    }
}

.tools-technology-used .grids.grid2 .grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.tools-technology-used ul {
    margin: 0;
    color: rgba(255, 255, 255, .7)
}

.tools-technology-used ul.listing {
    margin-top: 0
}

.tech-listing,
.tech-listing li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.tech-listing {
    margin: 0;
    grid-gap: 30px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0
}

@media (max-width:1400px) {
    .tech-listing {
        grid-gap: 15px
    }
}

.tech-listing li {
    list-style: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 68px;
    height: 68px;
    border-radius: 50%;
    padding: 15px
}

.tech-listing li:nth-child(2) {
    background: -webkit-gradient(linear, left top, right top, from(#ff6900), to(#e63535));
    background: -o-linear-gradient(left, #ff6900 0%, #e63535 100%);
    background: linear-gradient(90deg, #ff6900 0%, #e63535 100%)
}

.tech-listing li:nth-child(3) {
    background: -o-linear-gradient(302.86deg, #5b8def 6.95%, #0063f7 93.05%);
    background: linear-gradient(147.14deg, #5b8def 6.95%, #0063f7 93.05%)
}

.tech-listing li:nth-child(4) {
    background: -o-linear-gradient(304.49deg, #fddd48 7.21%, #00b7c4 94.47%);
    background: linear-gradient(145.51deg, #fddd48 7.21%, #00b7c4 94.47%)
}

.tech-listing li:nth-child(5) {
    background: -o-linear-gradient(302.86deg, #3e7bfa 6.95%, #60c 93.05%);
    background: linear-gradient(147.14deg, #3e7bfa 6.95%, #60c 93.05%)
}

@media (max-width:991px) {
    .tech-listing li {
        width: 50px;
        height: 50px;
        padding: 12px
    }
}

.tech-listing li img {
    width: auto;
    height: 32px
}

.portfolio-mockup figure {
    overflow: hidden;
    position: relative;
    width: 100%;
    vertical-align: top;
    padding-top: 51.25%
}

.portfolio-mockup figure img {
    width: 100%;
    height: 100%;
    right: 0;
    margin: 0 auto;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center
}

.single-testimonial-box {
    background: #f9fbff
}

.single-testimonial-box .section-title {
    max-width: 100%;
    margin-bottom: 30px
}

@media (max-width:1199px) {
    .single-testimonial-box .section-title {
        margin-bottom: 20px
    }
}

@media (max-width:767px) {
    .single-testimonial-box .section-title {
        margin-bottom: 15px
    }
}

@media (max-width:1199px) {
    .single-testimonial-box .section-title h2 {
        font-size: 2.25em
    }
}

@media (max-width:991px) {
    .single-testimonial-box .section-title h2 {
        font-size: 1.875em
    }
}

.single-testimonial-box .single-testimonial-row {
    position: relative;
    padding-left: 262px
}

@media (max-width:1199px) {
    .single-testimonial-box .single-testimonial-row {
        padding-left: 180px
    }
}

@media (max-width:991px) {
    .single-testimonial-box .single-testimonial-row {
        padding-left: 120px
    }
}

@media (max-width:767px) {
    .single-testimonial-box .single-testimonial-row {
        padding-left: 0
    }
}

.single-testimonial-box .single-testimonial-row>p {
    font-size: 1.625em;
    font-style: italic
}

@media (max-width:1199px) {
    .single-testimonial-box .single-testimonial-row>p {
        font-size: 1.375em
    }
}

@media (max-width:991px) {
    .single-testimonial-box .single-testimonial-row>p {
        font-size: 1.25em
    }
}

@media (max-width:767px) {
    .single-testimonial-box .single-testimonial-row>p {
        font-size: 1em
    }
}

.portfolio-mockup figure img,
.single-testimonial-box .single-testimonial-row figure.quote-img {
    position: absolute;
    left: 0;
    top: 0
}

@media (max-width:1199px) {
    .single-testimonial-box .single-testimonial-row figure.quote-img {
        top: 0
    }
}

@media (max-width:767px) {
    .single-testimonial-box .single-testimonial-row figure.quote-img {
        top: -50px
    }
}

.single-testimonial-box .single-testimonial-row figure.quote-img img {
    width: 134px;
    height: auto
}

@media (max-width:1199px) {
    .single-testimonial-box .single-testimonial-row figure.quote-img img {
        width: 100px
    }
}

@media (max-width:991px) {
    .single-testimonial-box .single-testimonial-row figure.quote-img img {
        width: 70px
    }
}

@media (max-width:767px) {
    .single-testimonial-box .single-testimonial-row figure.quote-img img {
        width: 50px
    }
}

.single-testimonial-box .single-testimonial-row .rating-details {
    width: auto;
    margin-bottom: 20px
}

.single-testimonial-box .single-testimonial-row .author,
.single-testimonial-box .single-testimonial-row .author .author-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: left;
    position: relative
}

.single-testimonial-box .single-testimonial-row .author {
    margin-top: 40px;
    margin-bottom: 20px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width:575px) {
    .single-testimonial-box .single-testimonial-row .author {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }
}

.single-testimonial-box .single-testimonial-row .author .author-box {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

@media (max-width:575px) {
    .single-testimonial-box .single-testimonial-row .author .author-box {
        margin-top: 10px
    }
}

.single-testimonial-box .single-testimonial-row .author .author-box figure {
    margin-right: 20px;
    min-width: 120px;
    max-width: 120px
}

@media (max-width:991px) {
    .single-testimonial-box .single-testimonial-row .author .author-box figure {
        max-width: 90px;
        min-width: 90px
    }
}

@media (max-width:767px) {
    .single-testimonial-box .single-testimonial-row .author .author-box figure {
        max-width: 60px;
        min-width: 60px
    }
}

.single-testimonial-box .single-testimonial-row .author .author-box figure img {
    width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.single-testimonial-box .single-testimonial-row .author .client-site-logo {
    padding-left: 28px;
    margin-left: 28px;
    border-left: 1px solid rgba(0, 0, 0, .05)
}

.single-testimonial-box .single-testimonial-row .author .client-site-logo img {
    width: auto;
    height: 58px
}

@media (max-width:767px) {
    .single-testimonial-box .single-testimonial-row .author .client-site-logo img {
        height: 48px
    }
}

@media (max-width:575px) {
    .single-testimonial-box .single-testimonial-row .author .client-site-logo img {
        height: 30px
    }

    .single-testimonial-box .single-testimonial-row .author .client-site-logo {
        margin-top: 20px;
        padding-left: 0;
        margin-left: 0;
        border-left: 0
    }
}

@media (max-width:767px) {
    .single-testimonial-box .single-testimonial-row .author {
        margin-top: 20px
    }
}

.single-testimonial-box .single-testimonial-row .author p {
    margin: 5px 0 0
}

.core-features .grids {
    grid-gap: 0 32px
}

@media (max-width:1199px) {
    .core-features .grids {
        grid-gap: 0 32px
    }
}

@media (max-width:991px) {
    .core-features .grids {
        grid-gap: 0 32px;
        grid-template-columns: 300px 1fr
    }
}

@media (max-width:767px) {
    .core-features .grids {
        grid-template-columns: 1fr
    }
}

.key-feature-section {
    padding: 60px 0
}

.key-feature-section .grids {
    grid-gap: 0 32px
}

.key-feature-section .what-we-deliver-title-box figure.core-feature {
    max-width: 280px
}

.key-feature-section .core-features-point .project-details ul.listing {
    font-size: 1.25em
}

@media (max-width:1199px) {
    .key-feature-section .core-features-point .project-details ul.listing {
        font-size: 1em
    }
}

.key-feature-section .core-features-point .project-details ul.listing li::before {
    top: 5px
}

.core-features-point .project-details ul.listing {
    font-size: 1em;
    margin-top: 0;
    margin-bottom: 0
}

.core-features-point .project-details ul.listing li,
.request-quote-page .get-in-touch .get-in-touch-row .what-we-deliver-point .project-details ul.listing li {
    padding-left: 35px;
    margin-bottom: 15px
}

@media (max-width:767px) {
    .core-features-point .project-details ul.listing li {
        padding-left: 25px
    }
}

.core-features-point .project-details ul.listing li::before {
    background: url(../img/right-circle-svg.svg) no-repeat center center;
    height: 20px;
    width: 20px;
    left: 0;
    top: 2px
}

@media (max-width:767px) {
    .core-features-point .project-details ul.listing li::before {
        height: 16px;
        width: 16px;
        top: 5px
    }
}

.core-features-point-box {
    width: 100%;
    position: relative;
    padding: 40px 50px;
    background: #f9fbff;
    border-top-width: 3px;
    border-top-style: solid
}

@media (max-width:991px) {
    .core-features-point-box {
        padding: 30px
    }
}

.core-features-point-box:not(:last-child) {
    margin-bottom: 10px
}

.core-features-point-box figure {
    position: absolute;
    left: 30px;
    top: 40px;
    max-width: 65px
}

@media (max-width:991px) {
    .core-features-point-box figure {
        max-width: 55px
    }
}

.core-features-point-box figure img,
.office-infrastructure .image-gallery-slider .swiper-slide img {
    height: auto
}

.core-features-point-box h4,
.sitemap-sec li {
    margin-bottom: 10px
}

.core-features-point-box h5 {
    color: #28293d;
    margin-bottom: 15px
}

.core-features-point-box p {
    color: rgba(18, 20, 29, .8);
    font-weight: 400
}

.core-features-point-box p:last-child,
.sitemap-sec li:last-child,
.what-we-belive .what-we-belive-row .what-we-belive-info p:last-child {
    margin-bottom: 0
}

.want-something-similar {
    background: #25245d;
    text-align: center;
    color: #fff;
    padding: 50px 0
}

.want-something-similar .section-title {
    margin-bottom: 25px
}

.want-something-similar .section-title h2 {
    color: #fff
}

.want-something-similar p {
    font-size: 1.75em;
    margin-bottom: 25px
}

@media (max-width:1199px) {
    .want-something-similar p {
        font-size: 1.375em
    }
}

@media (max-width:767px) {
    .want-something-similar p {
        font-size: 1.25em
    }
}

.want-something-similar .button {
    font-size: 18px
}

.want-something-similar .button:after {
    color: #25245d
}

.want-something-similar .button:hover {
    background-color: #fff;
    border-color: #fff
}

.core-features-point-box:nth-child(4n+1) {
    background: #f2f8ff !important;
    border-color: #136cf5
}

.core-features-point-box:nth-child(4n+2) {
    border-color: #ec4326;
    background: #fff2f0 !important
}

.core-features-point-box:nth-child(4n+3) {
    border-color: #04ad77;
    background: #f1fbf2 !important
}

.core-features-point-box:nth-child(4n+4) {
    border-color: #850cae;
    background: #fdf8ff !important
}

.what-we-deliver-title-box figure.core-feature {
    max-width: 340px;
    width: 100%;
    display: inline-block;
    vertical-align: top;
    margin-top: 0
}

.what-we-deliver-title-box figure.core-feature img {
    width: 100%
}

@media (max-width:767px) {
    .what-we-deliver-title-box figure.core-feature {
        display: none
    }
}

.sitemap-sec {
    min-height: 400px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 32px 32px 60px
}

.sitemap-sec ol {
    font-size: 1.25em;
    text-transform: uppercase;
    padding: 0;
    margin: 0
}

.sitemap-sec li::marker {
    color: #25245d
}

.sitemap-section .sitemap-details {
    max-width: 1170px;
    margin: 0 auto;
    width: 100%
}

.sitemap-section .sitemap-title {
    margin-bottom: 20px
}

.belief-bix p,
.sitemap-section .sitemap-title h2 {
    margin-bottom: 0
}

.sitemap-section .sitemap-row {
    padding-top: 32px;
    padding-bottom: 32px;
    border-bottom: 1px solid #ebebeb
}

@media (max-width:575px) {
    .sitemap-section .sitemap-row {
        padding-top: 30px;
        padding-bottom: 30px
    }
}

.sitemap-section .sitemap-row:last-child {
    padding-bottom: 0;
    border-bottom: 0
}

.sitemap-section .sitemap-row:first-child {
    padding-top: 0
}

.sitemap-section .sitemap-data .inner-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px
}

.sitemap-section .sitemap-data .title-img {
    width: 38px;
    height: 38px;
    border: 1px solid #f2f2f5;
    padding: 5px
}

.request-quote-page .awards-row .awards-box .awards-name img,
.sitemap-section .sitemap-data .title-img figure,
.sitemap-section .sitemap-data .title-img figure img {
    width: 100%;
    height: 100%
}

.philosophy-box .philosophy-name h4,
.sitemap-section .sitemap-data .title-text h4 {
    margin: 0;
    color: #12141d
}

.about-counter .about-counter-row,
.sitemap-list ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.sitemap-list ul {
    margin: 0;
    padding-left: 18px;
    grid-gap: 8px 40px
}

.sitemap-list ul>li {
    width: calc(33.33% - 26.6666px);
    padding-bottom: 0
}

@media (max-width:767px) {
    .sitemap-list ul>li {
        width: calc(50% - 20px)
    }
}

@media (max-width:575px) {
    .sitemap-list ul>li {
        width: 100%
    }
}

.sitemap-list ul>li a {
    font-size: 18px;
    color: #12141d
}

@media (max-width:991px) {
    .sitemap-list ul>li a {
        font-size: 16px
    }
}

.about-counter {
    display: grid;
    grid-gap: 30px
}

.about-counter .about-counter-row {
    grid-gap: 30px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (max-width:767px) {
    .about-counter .about-counter-row {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .about-counter .about-counter-row .counter-box {
        width: calc(50% - 15px)
    }
}

@media (max-width:1199px) {
    .about-counter .about-counter-row:last-child .counter-box {
        width: calc(33.33% - 20px)
    }
}

@media (max-width:575px) {
    .about-counter .about-counter-row:last-child .counter-box {
        width: calc(50% - 20px)
    }

    .about-counter .about-counter-row:last-child .counter-box:last-child {
        width: 100%
    }
}

.about-counter .counter-box {
    width: calc(33.33% - 20px);
    padding: 30px 20px;
    border: 0;
    border-radius: 10px;
    min-height: 210px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (max-width:1199px) {
    .about-counter .counter-box {
        width: calc(50% - 20px);
        padding: 30px 15px
    }
}

@media (max-width:575px) {
    .about-counter .counter-box {
        min-height: auto
    }
}

.about-counter .counter-box figure img {
    width: 40px;
    height: 40px;
    -o-object-fit: contain;
    object-fit: contain
}

.about-counter .counter-box h2 {
    font-weight: 600;
    font-size: 2.8125em;
    line-height: 1
}

@media (max-width:1400px) {
    .about-counter .counter-box h2 {
        font-size: 2.125em
    }
}

@media (max-width:1199px) {
    .about-counter .counter-box h2 {
        font-size: 1.75em
    }
}

@media (max-width:575px) {
    .about-counter .counter-box h2 {
        font-size: 1.75em
    }
}

.about-counter .counter-box span {
    font-size: 1em;
    color: #25245d
}

@media (max-width:575px) {
    .about-counter .counter-box span {
        font-size: 14px
    }
}

.body.career-detail .perks-of-zaraglobe,
.body.case-study-detail-page .our-clients {
    padding-top: 0
}

body.about-us .hero-section .hero-row.center,
.body.contact-us .hero-section .hero-row.center,
.body.why-choose-us .hero-section .hero-row.center {
    grid-gap: 72px
}

@media (max-width:1400px) {

    body.about-us .hero-section .hero-row.center,
    .body.contact-us .hero-section .hero-row.center,
    .body.why-choose-us .hero-section .hero-row.center {
        grid-gap: 60px
    }
}

@media (max-width:1199px) {

    body.about-us .hero-section .hero-row.center,
    .body.contact-us .hero-section .hero-row.center,
    .body.why-choose-us .hero-section .hero-row.center {
        grid-gap: 40px
    }
}

@media (max-width:991px) {

    body.about-us .hero-section .hero-row.center,
    .body.contact-us .hero-section .hero-row.center,
    .body.why-choose-us .hero-section .hero-row.center {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

body.about-us .hero-section .hero-row.center .hero-box,
.body.contact-us .hero-section .hero-row.center .hero-box,
.body.why-choose-us .hero-section .hero-row.center .hero-box {
    width: 50%
}

@media (max-width:1199px) {

    body.about-us .hero-section .hero-row.center .hero-box,
    .body.contact-us .hero-section .hero-row.center .hero-box,
    .body.why-choose-us .hero-section .hero-row.center .hero-box {
        width: 45%
    }
}

@media (max-width:991px) {

    body.about-us .hero-section .hero-row.center .hero-box,
    .body.contact-us .hero-section .hero-row.center .hero-box,
    .body.why-choose-us .hero-section .hero-row.center .hero-box {
        width: 100%
    }
}

@media (max-width:767px) {

    body.about-us .hero-section .hero-row.center .hero-box,
    .body.contact-us .hero-section .hero-row.center .hero-box,
    .body.why-choose-us .hero-section .hero-row.center .hero-box {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }
}

body.about-us .hero-section .hero-row.center .hero-box:nth-child(2),
.body.contact-us .hero-section .hero-row.center .hero-box:nth-child(2),
.body.why-choose-us .hero-section .hero-row.center .hero-box:nth-child(2) {
    width: 50%;
    text-align: center
}

@media (max-width:1400px) {

    body.about-us .hero-section .hero-row.center .hero-box:nth-child(2) img,
    .body.contact-us .hero-section .hero-row.center .hero-box:nth-child(2) img,
    .body.why-choose-us .hero-section .hero-row.center .hero-box:nth-child(2) img {
        width: 30px;
        font-size: 2.5em
    }
}

@media (max-width:1199px) {

    body.about-us .hero-section .hero-row.center .hero-box:nth-child(2),
    .body.contact-us .hero-section .hero-row.center .hero-box:nth-child(2),
    .body.why-choose-us .hero-section .hero-row.center .hero-box:nth-child(2) {
        width: 55%
    }
}

@media (max-width:991px) {

    body.about-us .hero-section .hero-row.center .hero-box:nth-child(2),
    .body.contact-us .hero-section .hero-row.center .hero-box:nth-child(2),
    .body.why-choose-us .hero-section .hero-row.center .hero-box:nth-child(2) {
        width: 100%
    }
}

.what-we-belive .section-title a,
.body.store #colorbox #cboxLoadedContent {
    margin-top: 40px
}

.what-we-belive.reason-to-chhose-us .what-we-belive-row .what-we-belive-boxes .grids .grid:nth-child(2) {
    grid-area: inherit
}

.what-we-belive .what-we-belive-row {
    padding: 58px 0 0
}

@media (max-width:1199px) {
    .what-we-belive .what-we-belive-row {
        padding: 30px 0 0
    }
}

@media (max-width:767px) {
    .what-we-belive .what-we-belive-row {
        padding: 20px 0 0
    }
}

.what-we-belive .what-we-belive-row .what-we-belive-info {
    margin-top: 33px
}

@media (max-width:991px) {
    .what-we-belive .what-we-belive-row .what-we-belive-info {
        max-width: 100%
    }
}

.what-we-belive .what-we-belive-row .what-we-belive-info h2 {
    line-height: 1.37;
    margin: 0 0 18px
}

@media (max-width:1199px) {
    .what-we-belive .what-we-belive-row .what-we-belive-info h2 {
        font-size: 1.75em
    }
}

@media (max-width:767px) {
    .what-we-belive .what-we-belive-row .what-we-belive-info h2 {
        margin: 0 0 10px
    }
}

.what-we-belive .what-we-belive-row .what-we-belive-info p {
    margin: 0 0 20px;
    line-height: 1.6;
    font-size: 1.125em
}

@media (max-width:767px) {
    .what-we-belive .what-we-belive-row .what-we-belive-info p {
        font-size: 16px
    }
}

.what-we-belive .what-we-belive-row .what-we-belive-info p .sub-line-mission {
    display: block;
    margin-bottom: 20px
}

.what-we-belive .what-we-belive-row .what-we-belive-info ul {
    margin: 0;
    font-size: 18px;
    padding: 0 0 0 10px
}

@media (max-width:767px) {
    .what-we-belive .what-we-belive-row .what-we-belive-info ul {
        font-size: 16px
    }
}

.what-we-belive .what-we-belive-row .what-we-belive-info ul li {
    line-height: 1.56
}

.what-we-belive .what-we-belive-row .what-we-belive-boxes .grids {
    gap: 42px;
    margin-bottom: 100px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width:1400px) {
    .what-we-belive .what-we-belive-row .what-we-belive-boxes .grids {
        grid-template-columns: 40% 1fr
    }
}

@media (max-width:1199px) {
    .what-we-belive .what-we-belive-row .what-we-belive-boxes .grids {
        margin-bottom: 70px;
        grid-template-columns: 1fr 1fr
    }
}

@media (max-width:991px) {
    .what-we-belive .what-we-belive-row .what-we-belive-boxes .grids {
        margin-bottom: 60px;
        gap: 32px
    }
}

@media (max-width:767px) {
    .what-we-belive .what-we-belive-row .what-we-belive-boxes .grids {
        grid-template-columns: 1fr;
        grid-gap: 20px 0;
        margin-bottom: 50px
    }
}

.what-we-belive .what-we-belive-row .what-we-belive-boxes .grids .grid {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (max-width:991px) {
    .what-we-belive .what-we-belive-row .what-we-belive-boxes .grids .grid {
        height: 100%
    }
}

.what-we-belive .what-we-belive-row .what-we-belive-boxes .grids .grid:nth-child(2) {
    grid-area: 1
}

@media (max-width:991px) {
    .what-we-belive .what-we-belive-row .what-we-belive-boxes .grids .grid:nth-child(2) {
        grid-area: 0
    }
}

.what-we-belive .what-we-belive-row .what-we-belive-boxes .grids .grid .col {
    width: 100%
}

.what-we-belive .what-we-belive-row .what-we-belive-boxes .grids .grid.row-span-2 {
    grid-row: span 2;
    height: 100%
}

@media (max-width:991px) {
    .what-we-belive .what-we-belive-row .what-we-belive-boxes .grids .grid.row-span-2 {
        grid-row: revert;
        grid-column: span 2
    }
}

@media (max-width:767px) {
    .what-we-belive .what-we-belive-row .what-we-belive-boxes .grids .grid.row-span-2 {
        grid-column: revert
    }
}

.what-we-belive .what-we-belive-row .what-we-belive-boxes .grids .grid .image-wrap {
    max-width: 703px
}

@media (max-width:991px) {
    .what-we-belive .what-we-belive-row .what-we-belive-boxes .grids .grid .image-wrap {
        max-width: 100%
    }
}

.what-we-belive .what-we-belive-row .what-we-belive-boxes .grids .grid .col-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 32px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width:1199px) {
    .what-we-belive .what-we-belive-row .what-we-belive-boxes .grids .grid .col-2 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.what-we-belive .what-we-belive-row .what-we-belive-boxes .grids .grid .col-2>div {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%
}

@media (max-width:1199px) {
    .what-we-belive .what-we-belive-row .what-we-belive-boxes .grids .grid .col-2>div {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}

.what-we-belive .what-we-belive-row .what-we-belive-boxes .grids .grid .col-2 .reveal {
    max-width: 240px;
    width: 100%
}

@media (max-width:1199px) {
    .what-we-belive .what-we-belive-row .what-we-belive-boxes .grids .grid .col-2 .reveal {
        max-width: 100%
    }
}

.what-we-belive .what-we-belive-row .what-we-belive-boxes .grids .grid .col-2 .reveal .image-wrap {
    height: 100%
}

@media (max-width:991px) {
    .what-we-belive .what-we-belive-row .what-we-belive-boxes .grids .grid .col-2 .reveal .image-wrap {
        height: 280px
    }
}

@media (max-width:767px) {
    .what-we-belive .what-we-belive-row .what-we-belive-boxes .grids .grid .col-2 .reveal .image-wrap {
        height: 240px
    }
}

@media (max-width:575px) {
    .what-we-belive .what-we-belive-row .what-we-belive-boxes .grids .grid .col-2 .reveal .image-wrap {
        height: 200px
    }
}

.what-we-belive .what-we-belive-row .what-we-belive-boxes .grids .grid .col-2 .reveal .image-wrap img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

@media (max-width:991px) {
    .what-we-belive .what-we-belive-row .what-we-belive-boxes .grids .grid .col-2 .reveal .image-wrap img {
        min-height: 100%
    }
}

.what-we-belive .what-we-belive-row .what-we-belive-boxes .grids .grid .col-2 .what-we-belive-info {
    margin-top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (max-width:991px) {
    .what-we-belive .what-we-belive-row .what-we-belive-boxes .grids .grid .col-2 .what-we-belive-info {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.what-we-belive .what-we-belive-row .what-we-belive-boxes .grids:nth-child(even) .grid:nth-child(1) {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

@media (max-width:767px) {
    .what-we-belive .what-we-belive-row .what-we-belive-boxes .grids:nth-child(even) .grid:nth-child(1) {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .what-we-belive .what-we-belive-row .what-we-belive-boxes .grids:nth-child(odd) .grid:nth-child(1) {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
}

.service-content-box p:last-child,
.what-we-belive .what-we-belive-row .what-we-belive-boxes .grids:last-child {
    margin-bottom: 0
}

.what-we-belive .what-we-belive-row .what-we-belive-boxes .what-we-belive-img figure {
    max-width: 574px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (max-width:767px) {
    .what-we-belive .what-we-belive-row .what-we-belive-boxes .what-we-belive-img figure {
        max-width: 100%
    }
}

.service-single-img figure img,
.what-we-belive .what-we-belive-row .what-we-belive-boxes .what-we-belive-img figure img {
    width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover
}

.team-section .grids.grid2 {
    grid-template-columns: 400px 1fr
}

@media (max-width:1199px) {
    .team-section .grids.grid2 {
        grid-template-columns: 300px 1fr
    }
}

@media (max-width:991px) {
    .team-section .grids.grid2 {
        grid-template-columns: 200px 1fr
    }
}

@media (max-width:767px) {
    .team-section .grids.grid2 {
        grid-template-columns: 1fr
    }

    .what-we-deliver-title-box .section-title2 {
        margin-bottom: 30px
    }
}

.what-we-deliver-point .service-info-box {
    padding: 0;
    margin-top: 50px
}

@media (max-width:767px) {
    .what-we-deliver-point .service-info-box {
        margin-top: 0
    }
}

.what-we-deliver-point .listing {
    margin: 0
}

.service-content-box {
    margin-bottom: 50px
}

@media (max-width:767px) {
    .service-content-box {
        margin-bottom: 32px
    }
}

@media (max-width:1199px) {
    .service-content-box {
        margin-bottom: 0
    }
}

.service-single-img {
    position: relative;
    margin-bottom: 0
}

@media (max-width:991px) {
    .service-single-img {
        margin-bottom: 32px
    }
}

.service-single-img:before {
    content: '';
    position: absolute;
    left: 100%;
    top: 0;
    width: 100%;
    height: 100%;
    background: #e4e4eb
}

.service-single-img figure {
    min-height: 350px;
    width: 100%;
    position: relative
}

.service-single-img figure img {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%
}

.belief-bix,
.belief-bix .wwww-logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.belief-bix {
    padding: 70px 40px;
    text-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%
}

@media (max-width:767px) {
    .belief-bix {
        padding-left: 120px;
        position: relative;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        text-align: left;
        padding-top: 32px
    }
}

@media (max-width:575px) {
    .belief-bix {
        padding: 32px
    }
}

.belief-bix .wwww-logo {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    margin-bottom: 20px
}

@media (max-width:767px) {
    .belief-bix .wwww-logo {
        position: absolute;
        left: 32px;
        top: 32px;
        width: 60px;
        height: 60px
    }
}

@media (max-width:575px) {
    .belief-bix .wwww-logo {
        position: relative;
        left: 0;
        top: 0
    }
}

.belief-bix h4 {
    margin-bottom: 12px
}

@media (max-width:575px) {
    .belief {
        padding-top: 0
    }
}

.belief .section-title h2 {
    font-size: 2em
}

@media (max-width:575px) {
    .belief .section-title {
        text-align: left
    }
}

@media (max-width:767px) {
    .belief .grids {
        grid-template-columns: 1fr
    }
}

.belief .grids .belief-bix {
    height: 100%
}

.belief .grids .belief-bix p {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.www-inner-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: 70px;
    margin-top: 70px
}

@media (max-width:991px) {
    .www-inner-row {
        margin-top: 50px
    }
}

@media (max-width:575px) {
    .www-inner-row {
        margin-top: 40px
    }
}

@media (max-width:1400px) {
    .www-inner-row {
        grid-gap: 60px
    }
}

@media (max-width:1199px) {
    .www-inner-row {
        grid-gap: 48px 60px
    }
}

@media (max-width:767px) {
    .www-inner-row {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        grid-gap: 40px 50px
    }
}

.www-inner-row .www-img-box {
    width: 50%;
    text-align: center
}

@media (max-width:767px) {
    .www-inner-row .www-img-box {
        width: 100%
    }
}

.www-inner-row .www-img-box figure {
    max-width: 550px;
    margin: 0 auto
}

@media (max-width:767px) {
    .www-inner-row .www-img-box figure {
        margin: 0 auto;
        max-width: 500px
    }
}

.www-inner-row .www-img-box figure img {
    width: 100%;
    height: auto
}

.www-inner-row .www-info-box {
    width: 50%
}

@media (max-width:767px) {
    .www-inner-row .www-info-box {
        width: 100%
    }
}

.www-inner-row .www-point-box {
    margin-top: 60px;
    display: inline-block;
    width: 100%;
    vertical-align: top
}

.www-inner-row .www-point-box:first-child {
    margin-top: 0
}

@media (max-width:991px) {
    .www-inner-row .www-point-box {
        margin-top: 40px
    }
}

@media (max-width:575px) {
    .www-inner-row .www-point-box {
        margin-top: 30px
    }
}

.green-shade {
    background: #e5ffff !important;
    color: #00b7c4 !important;
    border-color: #00b7c4
}

.green-shade svg path {
    fill: #00b7c4 !important
}

.blue-shade {
    background: #f0f6ff !important;
    color: #004fc4 !important;
    border-color: #004fc4
}

.blue-shade svg path {
    fill: #004fc4 !important
}

.orange-shade {
    background: #fff8e5 !important;
    color: #e57a00 !important;
    border-color: #e57a00
}

.orange-shade svg path {
    fill: #e57a00 !important
}

.red-shade {
    background: #fef0f0
}

.what-we-believe {
    border-top: 1px solid #e4e4eb;
    border-bottom: 1px solid #e4e4eb
}

.advance-progress {
    margin-top: 75px;
    width: 100%
}

@media (max-width:767px) {
    .advance-progress {
        margin-top: 30px;
        padding-bottom: 30px
    }
}

.advance-progress-row {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 40px;
    margin-top: 48px
}

@media (max-width:767px) {
    .advance-progress-row {
        grid-template-columns: 1fr;
        grid-gap: 60px
    }
}

.advance-progress-row .advance-progress-box {
    position: relative
}

@media (max-width:1199px) {
    .advance-progress-row .advance-progress-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media (max-width:767px) {
    .advance-progress-row .advance-progress-box {
        display: block
    }
}

.advance-progress-row .advance-progress-box .advance-method {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-gap: 30px
}

@media (max-width:1199px) {
    .advance-progress-row .advance-progress-box .advance-method {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        grid-gap: 15px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

@media (max-width:767px) {
    .advance-progress-row .advance-progress-box .advance-method {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.advance-progress-row .advance-progress-box .advance-method .advance-method-name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    width: 170px;
    text-align: center
}

@media (max-width:1400px) {
    .advance-progress-row .advance-progress-box .advance-method .advance-method-name {
        width: 130px
    }
}

@media (max-width:1199px) {
    .advance-progress-row .advance-progress-box .advance-method .advance-method-name {
        width: auto
    }
}

@media (max-width:767px) {
    .advance-progress-row .advance-progress-box .advance-method .advance-method-name {
        width: 100px;
        word-break: break-all
    }
}

.advance-progress-row .advance-progress-box .advance-method .advance-method-name:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 78px;
    height: calc(100% - 110px);
    width: 1px;
    margin: 0 auto;
    background: #25245d
}

@media (max-width:1199px) {
    .advance-progress-row .advance-progress-box .advance-method .advance-method-name:before {
        top: 60px;
        height: calc(100% - 85px)
    }
}

.advance-progress-row .advance-progress-box .advance-method .advance-method-name span,
.advance-progress-row .advance-progress-box .advance-method-img figure {
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.advance-progress-row .advance-progress-box .advance-method .advance-method-name span {
    border: 1px solid #25245d;
    font-weight: 600;
    font-size: 1.125em;
    margin: 0 auto;
    position: relative;
    width: 78px;
    height: 78px
}

@media (max-width:1199px) {
    .advance-progress-row .advance-progress-box .advance-method .advance-method-name span {
        width: 60px;
        height: 60px
    }
}

.advance-progress-row .advance-progress-box .advance-method .advance-method-name h4 {
    margin: 0;
    background-color: #fff;
    position: relative;
    z-index: 1
}

@media (max-width:1199px) {
    .advance-progress-row .advance-progress-box .advance-method .advance-method-name h4 {
        margin-top: 25px
    }
}

@media (max-width:767px) {
    .advance-progress-row .advance-progress-box .advance-method .advance-method-name h4 {
        font-size: 18px
    }
}

.advance-progress-row .advance-progress-box .advance-method .advance-method-info {
    padding: 25px;
    border-width: 1px;
    border-style: solid;
    border-radius: 0 50px 50px 50px;
    width: calc(100% - 200px);
    margin: 60px 0 0 auto
}

@media (max-width:1400px) {
    .advance-progress-row .advance-progress-box .advance-method .advance-method-info {
        width: calc(100% - 130px)
    }
}

@media (max-width:1199px) {
    .advance-progress-row .advance-progress-box .advance-method .advance-method-info {
        width: 100%;
        margin-top: 0;
        padding-bottom: 50px;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}

@media (max-width:767px) {
    .advance-progress-row .advance-progress-box .advance-method .advance-method-info {
        width: calc(100% - 100px)
    }
}

.advance-progress-row .advance-progress-box .advance-method .advance-method-info p,
.filter-box .filter-row .form-group label {
    margin: 0
}

.advance-progress-row .advance-progress-box .advance-method-img {
    margin-top: 45px
}

@media (max-width:1199px) {
    .advance-progress-row .advance-progress-box .advance-method-img {
        margin-top: 0;
        position: absolute;
        bottom: -30px;
        right: -10px
    }
}

.advance-progress-row .advance-progress-box .advance-method-img figure {
    width: 170px;
    height: 170px;
    padding: 10px
}

@media (max-width:1400px) {
    .advance-progress-row .advance-progress-box .advance-method-img figure {
        width: 130px;
        height: 130px
    }
}

@media (max-width:1199px) {
    .advance-progress-row .advance-progress-box .advance-method-img figure {
        width: 80px;
        height: 80px
    }
}

.advance-progress-row .advance-progress-box .advance-method-img figure img,
.philosophy-box .philosophy-name img {
    width: 65px;
    height: 65px;
    -o-object-fit: contain;
    object-fit: contain
}

@media (max-width:1400px) {
    .advance-progress-row .advance-progress-box .advance-method-img figure img {
        width: 50px;
        height: 50px
    }
}

@media (max-width:1199px) {
    .advance-progress-row .advance-progress-box .advance-method-img figure img {
        width: 40px;
        height: 40px
    }
}

.green-border {
    border-color: #64d09c
}

.orange-border {
    border-color: #f7a93b
}

.red-border {
    border-color: #ff3b3b
}

.jorney-row .journey-slider .swiper-wrapper,
.philosophy-slider {
    counter-reset: philosophy-counter
}

.philosophy-slider .swiper-button-next,
.philosophy-slider .swiper-button-prev {
    display: none
}

.philosophy-slider .swiper-slide {
    padding-bottom: 20px
}

.philosophy-slider .swiper-btn {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 44px
}

.philosophy-box {
    border: 1px solid #dcdcdc;
    border-radius: 30px;
    width: 100%;
    position: relative;
    padding: 48px 30px 60px
}

@media (max-width:1199px) {
    .philosophy-box {
        padding: 32px 30px 40px
    }
}

.philosophy-box:before {
    counter-increment: philosophy-counter 1;
    content: "0" counter(philosophy-counter);
    position: absolute;
    right: 35px;
    bottom: 0;
    top: auto;
    font-weight: 700;
    color: rgba(18, 20, 29, .1);
    font-size: 3.4375em;
    font-family: "Averta", sans-serif
}

@media (max-width:575px) {
    .philosophy-box:before {
        font-size: 2.5em
    }
}

.philosophy-box .philosophy-name {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    grid-gap: 30px;
    margin-bottom: 15px
}

.philosophy-box .philosophy-name img {
    width: 50px;
    height: 50px;
    margin: 0 0 0 auto
}

@media (max-width:767px) {
    .philosophy-box .philosophy-name img {
        width: 40px;
        height: 40px
    }
}

.philosophy-box p {
    margin-bottom: 0;
    color: #12141d
}

.jorney-row {
    width: 100%;
    position: relative;
    padding: 0 100px;
    z-index: 1
}

@media (max-width:1400px) {
    .jorney-row {
        padding: 0 32px
    }
}

.jorney-row .journey-slider {
    overflow: visible
}

.jorney-row .journey-slider .swiper-slide:last-child .journey-year::before,
.jorney-row .journey-slider .swiper-slide:last-child .journey-year>span {
    display: none
}

.jorney-row .journey-slider .swiper-slide:nth-of-type(9)~.swiper-slide .journey-details span:before {
    content: counter(philosophy-counter)
}

.jorney-row .journey-year {
    position: relative;
    padding-bottom: 15px
}

.jorney-row .journey-year>span {
    position: absolute;
    right: 35px;
    top: 5px;
    width: calc(100% - 242px);
    text-align: center
}

@media (max-width:991px) {
    .jorney-row .journey-year>span {
        width: calc(100% - 170px);
        right: 12px
    }
}

.jorney-row .journey-year>span img {
    width: 42px;
    height: 30px;
    -o-object-fit: contain;
    object-fit: contain
}

.jorney-row .journey-year h2 {
    font-size: 78px;
    width: 172px;
    -webkit-text-stroke: 2px #25245d;
    color: transparent;
    text-align: center;
    margin-bottom: 0
}

@media (max-width:1400px) {
    .jorney-row .journey-year h2 {
        font-size: 60px
    }
}

@media (max-width:991px) {
    .jorney-row .journey-year h2 {
        width: 142px
    }
}

.jorney-row .journey-year:before {
    content: '';
    position: absolute;
    right: 35px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border: 1px dashed #555770;
    width: calc(100% - 242px)
}

@media (max-width:991px) {
    .jorney-row .journey-year:before {
        width: calc(100% - 170px);
        right: 12px
    }
}

.jorney-row .journey-info-box,
.jorney-row .journey-info-box .journey-details span,
.team-photo .canvas {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.jorney-row .journey-info-box {
    width: 100%;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    position: relative
}

.jorney-row .journey-info-box .journey-img {
    min-width: 172px;
    padding-top: 40px;
    position: relative
}

@media (max-width:1199px) {
    .jorney-row .journey-info-box .journey-img {
        min-width: 142px
    }
}

@media (max-width:575px) {
    .jorney-row .journey-info-box .journey-img {
        min-width: 100px
    }
}

.jorney-row .journey-info-box .journey-img::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    width: 1px;
    height: 40px;
    margin: 0 auto;
    top: 0;
    background: #25245d
}

.jorney-row .journey-info-box .journey-img::after {
    content: '';
    position: absolute;
    top: 0;
    width: 200vw;
    height: 1px;
    z-index: -1;
    background-color: #25245d;
    left: -50vw
}

.jorney-row .journey-info-box .journey-img figure {
    width: 112px;
    height: 112px;
    border-radius: 50%;
    margin: 0 auto;
    overflow: hidden
}

@media (max-width:1199px) {
    .jorney-row .journey-info-box .journey-img figure {
        width: 90px;
        height: 90px
    }
}

@media (max-width:575px) {
    .jorney-row .journey-info-box .journey-img figure {
        width: 70px;
        height: 70px
    }
}

.jorney-row .journey-info-box .journey-img figure img,
.team-photo figure img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.jorney-row .journey-info-box .journey-details {
    padding: 40px 0 0;
    max-width: 300px;
    width: 100%
}

.jorney-row .journey-info-box .journey-details span {
    position: relative;
    margin-bottom: 10px
}

.jorney-row .journey-info-box .journey-details span::before {
    counter-increment: philosophy-counter 1;
    content: "0" counter(philosophy-counter);
    font-weight: 900;
    font-size: 1.5em
}

.jorney-row .journey-info-box .journey-details h4 {
    position: relative;
    padding-left: 40px;
    font-size: 1.25em;
    font-weight: 700;
    margin-bottom: 15px
}

@media (max-width:1199px) {
    .jorney-row .journey-info-box .journey-details h4 {
        font-size: 18px
    }
}

@media (max-width:575px) {
    .jorney-row .journey-info-box .journey-details h4 {
        padding-left: 25px
    }
}

.jorney-row .journey-info-box .journey-details h4:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 25px;
    height: 3px;
    background: #25245d
}

@media (max-width:575px) {
    .jorney-row .journey-info-box .journey-details h4:before {
        width: 15px
    }
}

.jorney-row .journey-info-box .journey-details p {
    margin-bottom: 0;
    font-size: .9375em
}

.team-photo,
.team-photo figure {
    display: block;
    position: relative;
    overflow: hidden
}

.team-photo {
    -webkit-clip-path: polygon(14% 0, 100% 0, 100% 100%, 0 100%, 0 13%);
    clip-path: polygon(14% 0, 100% 0, 100% 100%, 0 100%, 0 13%)
}

.team-photo .canvas {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.team-photo.ceo-photo {
    -webkit-clip-path: polygon(14% 0, 100% 0, 100% 100%, 0 100%, 0 13%);
    clip-path: polygon(14% 0, 100% 0, 100% 100%, 0 100%, 0 13%);
    position: sticky;
    top: 100px;
    z-index: 1
}

.team-photo.ceo-photo figure {
    width: 400px;
    padding-top: 159.5%;
    overflow: hidden
}

@media (max-width:1199px) {
    .team-photo.ceo-photo figure {
        width: 300px
    }
}

@media (max-width:991px) {
    .team-photo.ceo-photo figure {
        width: 200px
    }
}

@media (max-width:767px) {
    .team-photo.ceo-photo figure {
        width: 250px
    }
}

@media (max-width:575px) {
    .team-photo.ceo-photo figure {
        width: 100%
    }
}

.team-photo figure {
    padding-top: 113.7931%;
    margin-bottom: 15px;
    background: #d9d9d9
}

@media (max-width:767px) {
    .team-photo figure {
        margin-bottom: 8px
    }
}

.team-photo figure img {
    position: absolute;
    left: 0;
    top: 0;
    -o-object-position: top center;
    object-position: top center
}

.team-photo figure.displacement-hover canvas {
    width: 100% !important;
    position: absolute;
    left: 0;
    top: 0;
    height: 100% !important;
    -o-object-fit: cover;
    object-fit: cover;
    overflow: hidden
}

.team-photo .team-info {
    position: relative
}

.team-photo .team-info h2 {
    width: calc(100% - 120px);
    margin-bottom: 0
}

@media (max-width:991px) {
    .team-photo .team-info h2 {
        font-size: 1.25em;
        width: 100%
    }
}

.team-photo .team-info>span {
    color: #555770;
    display: block;
    margin-top: 5px
}

@media (max-width:991px) {
    .team-photo .team-info>span {
        font-size: .875em
    }
}

@media (max-width:767px) {
    .team-photo .team-info>span {
        margin-top: 0
    }
}

.team-photo .team-info .social-media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    margin: 0;
    grid-gap: 15px;
    list-style: none;
    position: absolute;
    right: 0;
    top: 7px
}

@media (max-width:991px) {
    .team-photo .team-info .social-media {
        position: relative;
        padding: 0 0 10px
    }
}

.team-photo .team-info .social-media li {
    width: 32px;
    height: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.team-photo .team-info .social-media li a {
    font-size: 32px;
    color: #0a66c2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.team-photo .team-info .social-media li a:hover {
    color: #0b64bd
}

.team-photo .team-info a.button {
    margin-top: 36px
}

.team-photo h4 {
    font-size: 1.25em;
    margin: 0
}

@media (max-width:991px) {
    .team-photo h4 {
        font-size: 1em
    }
}

.team-section {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(29.73%, rgba(248, 247, 246, 0)), color-stop(97.06%, #f8f7f6));
    background: -o-linear-gradient(top, rgba(248, 247, 246, 0) 29.73%, #f8f7f6 97.06%);
    background: linear-gradient(180deg, rgba(248, 247, 246, 0) 29.73%, #f8f7f6 97.06%)
}

@media (max-width:767px) {
    .team-section .grids.grid2 {
        grid-template-columns: 250px 1fr
    }
}

@media (max-width:575px) {
    .team-section .grids.grid2 {
        grid-template-columns: 1fr
    }
}

.team-section .team-photo:not(.ceo-photo) .team-info>a {
    color: #38a7a1;
    text-decoration: underline
}

.teamphoto-section .team-info a {
    color: #38a7a1;
    text-decoration: underline
}

#errormsg.portfolio-note span a:hover,
.hr-info-box .hr-contact-info ul li a:hover,
.teamphoto-section .team-info a:hover {
    color: #25245d
}

.team-photo-row {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 40px
}

@media (max-width:991px) {
    .team-photo-row {
        grid-gap: 25px 20px
    }
}

@media (max-width:767px) {
    .team-photo-row {
        grid-template-columns: 1fr 1fr
    }
}

.teamphoto-section {
    text-align: center;
    padding-bottom: 0
}

.annual-function-row .annual-function-photos .swiper-slide picture,
.teamphoto-section figure {
    display: inline-block;
    vertical-align: top;
    width: 100%
}

.blog-sidebar-info .blog-adv-box a figure img,
.teamphoto-section figure img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: auto
}

.office-infrastructure {
    background: #fafafc;
    overflow: hidden
}

.philosophy-slider-section .philosophy-slider {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.philosophy-slider-section .philosophy-slider .swiper-wrapper {
    height: auto
}

.philosophy-slider-section .philosophy-slider .philosophy-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

.body:not(.no-js) .image-wrap {
    -webkit-transition: 1s ease-out;
    -o-transition: 1s ease-out;
    transition: 1s ease-out;
    -webkit-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s;
    position: relative;
    width: auto;
    overflow: hidden;
    -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
    clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
    visibility: hidden
}

.body:not(.no-js) .image-wrap img {
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
    -webkit-transition: 2s ease-out;
    -o-transition: 2s ease-out;
    transition: 2s ease-out;
    width: 100%;
    height: auto
}

.body:not(.no-js) .animating .image-wrap {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    visibility: visible;
    -webkit-transform: skewY(0);
    -ms-transform: skewY(0);
    transform: skewY(0)
}

.body:not(.no-js) .animating img {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: 4s ease-out;
    -o-transition: 4s ease-out;
    transition: 4s ease-out
}

.body:not(.no-js) .what-we-belive-info {
    opacity: 0;
    -webkit-transition: .4s ease-out;
    -o-transition: .4s ease-out;
    transition: .4s ease-out;
    -webkit-transform: translateY(40px);
    -ms-transform: translateY(40px);
    transform: translateY(40px)
}

.body:not(.no-js) .fading-up {
    opacity: 1;
    -webkit-transition: 1s ease-out;
    -o-transition: 1s ease-out;
    transition: 1s ease-out;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-delay: .7s;
    -o-transition-delay: .7s;
    transition-delay: .7s
}

.body.about-us .our-philosophy {
    padding-top: 0
}

.body.about-us .our-journey {
    padding-bottom: 50px
}

@media (max-width:767px) {
    .body.about-us .our-journey {
        padding-top: 20px;
        padding-bottom: 30px
    }
}

.body.about-us .what-we-deliver-title-box .section-title2 {
    margin-bottom: 0
}

.body.about-us .what-we-belive .what-we-belive-row .what-we-belive-boxes .grids .grid {
    padding: 33px;
    -webkit-box-shadow: 0 5px 28px rgba(0, 0, 0, .08);
    box-shadow: 0 5px 28px rgba(0, 0, 0, .08)
}

.body.about-us .what-we-belive .what-we-belive-row .what-we-belive-boxes .grids .grid .image-wrap img {
    max-height: 337px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.www-section .section-title.center>p {
    max-width: 1010px
}

.body.why-choose-us .what-we-belive .what-we-belive-row .what-we-belive-info {
    margin-top: 0
}

.body.why-choose-us .what-we-belive .what-we-belive-row .what-we-belive-boxes .grids .grid {
    height: auto
}

.body.why-choose-us .what-we-belive .what-we-belive-row .what-we-belive-boxes .grids .grid .image-wrap {
    max-height: 550px
}

.body.life-at-zaraglobe .about-zaraglobe-career.section-row {
    padding-bottom: 0
}

.hero-banner-section,
.hero-banner-section.small-banner .back-btn {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.hero-banner-section {
    position: relative;
    min-height: calc(100vh - 122px);
    padding: 32px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    overflow: hidden
}

@media (max-width:991px) {
    .hero-banner-section {
        min-height: calc(100vh - 76px)
    }
}

.hero-banner-section.small-banner {
    min-height: 485px
}

@media (max-width:1199px) {
    .hero-banner-section.small-banner {
        min-height: 400px
    }
}

.hero-banner-section.small-banner figure {
    height: 100%
}

.hero-banner-section.small-banner figure:before {
    background: rgba(0, 0, 0, .7)
}

.hero-banner-section.small-banner .section-title2 h1,
.hero-banner-section.small-banner .section-title2 h2 {
    -webkit-text-stroke: 2px #fff;
    font-size: 6.25em;
    margin-bottom: 20px
}

@media (max-width:1199px) {

    .hero-banner-section.small-banner .section-title2 h1,
    .hero-banner-section.small-banner .section-title2 h2 {
        font-size: 5.625em
    }
}

@media (max-width:767px) {

    .hero-banner-section.small-banner .section-title2 h1,
    .hero-banner-section.small-banner .section-title2 h2 {
        font-size: 5em
    }
}

@media (max-width:575px) {

    .hero-banner-section.small-banner .section-title2 h1,
    .hero-banner-section.small-banner .section-title2 h2 {
        font-size: 3.75em
    }
}

.hero-banner-section.small-banner .section-title2 p {
    margin: 10px auto 0
}

.founder-section p span,
.hero-banner-section.small-banner .section-title h1,
.hero-banner-section.small-banner .section-title h2,
.request-quote-page .get-in-touch .get-in-touch-row .what-we-deliver-point .project-details ul.listing li span {
    font-weight: 700
}

.hero-banner-section.small-banner .section-title p {
    font-size: 20px
}

@media (max-width:767px) {
    .hero-banner-section.small-banner .section-title p {
        font-size: 18px
    }
}

.hero-banner-section.small-banner .back-btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-bottom: 32px
}

@media (max-width:575px) {
    .hero-banner-section {
        min-height: 400px
    }
}

.hero-banner-section figure {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    z-index: -1;
    display: inherit
}

@media (max-width:575px) {
    .hero-banner-section figure {
        height: 100%
    }
}

.hero-banner-section figure:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background: rgba(0, 0, 0, .55);
    width: 100%;
    z-index: 1
}

.hero-banner-section figure img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.hero-banner-section .section-title2 {
    margin-bottom: 0
}

.hero-banner-section .section-title2 h1,
.hero-banner-section .section-title2 h2 {
    -webkit-text-stroke: 3px #fff;
    color: rgba(255, 255, 255, .14);
    font-size: 9.25em;
    margin-bottom: 0
}

@media (max-width:1199px) {

    .hero-banner-section .section-title2 h1,
    .hero-banner-section .section-title2 h2 {
        font-size: 6.25em
    }
}

@media (max-width:991px) {

    .hero-banner-section .section-title2 h1,
    .hero-banner-section .section-title2 h2 {
        -webkit-text-stroke: 1px #fff
    }
}

@media (max-width:767px) {

    .hero-banner-section .section-title2 h1,
    .hero-banner-section .section-title2 h2 {
        font-size: 5em
    }
}

@media (max-width:575px) {

    .hero-banner-section .section-title2 h1,
    .hero-banner-section .section-title2 h2 {
        font-size: 3.125em
    }
}

.hero-banner-section .section-title2 p {
    font-size: 1.375em;
    color: #fff;
    max-width: 1050px;
    margin: 30px auto 0
}

@media (max-width:991px) {
    .hero-banner-section .section-title2 p {
        margin-top: 20px
    }
}

@media (max-width:767px) {
    .hero-banner-section .section-title2 p {
        font-size: 1.125em
    }
}

.hero-banner-section .section-title {
    text-align: center;
    max-width: 1055px;
    margin: 0 auto
}

.hero-banner-section .section-title .subtitle {
    font-size: 1.75em;
    font-weight: 700;
    color: #fff;
    display: inline-block;
    vertical-align: top
}

@media (max-width:1400px) {
    .hero-banner-section .section-title .subtitle {
        font-size: 1.5625em
    }
}

@media (max-width:991px) {
    .hero-banner-section .section-title .subtitle {
        font-size: 1.125em
    }
}

.hero-banner-section .section-title h1,
.hero-banner-section .section-title h2,
.hero-banner-section .section-title p {
    font-weight: 400;
    color: #fff;
    font-size: 5em
}

@media (max-width:1400px) {

    .hero-banner-section .section-title h1,
    .hero-banner-section .section-title h2 {
        font-size: 3.75em
    }
}

@media (max-width:991px) {

    .hero-banner-section .section-title h1,
    .hero-banner-section .section-title h2 {
        font-size: 1.875em
    }
}

.hero-banner-section .action-button {
    margin: 26px auto 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.hero-banner-section .action-button .button {
    font-size: 16px
}

.hero-banner-section .action-button .btn-primary:hover span {
    color: #fff
}

.portfolio-inner-section {
    background: #fff;
    position: relative
}

.portfolio-inner-section .grids {
    grid-gap: 70px 70px;
    counter-reset: my-sec-counter
}

@media (max-width:1400px) {
    .portfolio-inner-section .grids {
        grid-gap: 40px 40px
    }
}

@media (max-width:1199px) {
    .portfolio-inner-section .grids {
        grid-gap: 50px 50px
    }
}

@media (max-width:991px) {
    .portfolio-inner-section .grids {
        grid-gap: 30px
    }
}

.portfolio-inner-section .grids .grid:nth-of-type(9)~.grid .work-box .work-content-info:before {
    content: counter(my-sec-counter)
}

.portfolio-inner-section .button.center {
    margin-top: 80px
}

@media (max-width:1199px) {
    .portfolio-inner-section .button.center {
        margin-top: 60px
    }
}

@media (max-width:767px) {
    .portfolio-inner-section .button.center {
        margin-top: 40px
    }
}

.portfolio-inner-section .grids .loader-container {
    position: fixed !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.portfolio-inner-section .grids .loader-container .loader .dot {
    background: #38a7a1 !important
}

.portfolio-inner-section .load-more-cnt .loader-container {
    position: absolute !important
}

.portfolio-inner-section .load-more-cnt .loader-container .loader .dot {
    background: #fff !important
}

.title-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 45px;
    grid-gap: 32px
}

.title-row .section-title {
    margin-bottom: 0
}

@media (max-width:991px) {
    .title-row {
        margin-bottom: 48px
    }
}

@media (max-width:575px) {
    .title-row {
        margin-bottom: 30px
    }
}

.filter-box {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.disclaimer-row,
.filter-box,
.filter-box .filter-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.filter-box .filter-row,
.filter-box .filter-row .form-group {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: 20px
}

.filter-box .filter-row .form-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    grid-gap: 10px
}

.disclaimerr-section {
    padding-bottom: 48px
}

.disclaimer-row {
    background: #fafafc;
    padding: 35px;
    width: 100%;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    grid-gap: 32px
}

@media (max-width:575px) {
    .disclaimer-row {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        grid-gap: 10px;
        padding: 32px
    }
}

.disclaimer-row figure img {
    min-width: 38px;
    min-height: 38px;
    -o-object-fit: contain;
    object-fit: contain
}

.disclaimer-row h6 {
    margin-bottom: 5px
}

.apply-seo-analyst .apply-seo-analyst-row .form-boxes .form-group.form-heading label,
.current-opening-box .current-opening-vacancy h5,
.disclaimer-row p {
    margin: 0
}

.portfolio-page .our-clients {
    padding-top: 0
}

.wpcf7 .wpcf7-spinner {
    margin: 0 0 0 24px
}

#errormsg.portfolio-note {
    text-align: center;
    font-size: 20px;
    line-height: 1.5;
    padding-bottom: 0;
    margin-bottom: 0;
    font-weight: 700
}

#errormsg.portfolio-note span {
    display: block;
    font-weight: 500
}

.team-state-section {
    background: #fafafc
}

.team-state-section .wrap {
    max-width: 1242px
}

.team-state-section .team-state-row {
    width: 100%;
    min-height: 516px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative
}

.team-state-section .team-state-row .team-state-boxes {
    max-width: 432px;
    width: 100%;
    position: absolute;
    top: 0;
    height: 100%;
    overflow: hidden
}

@media (max-width:767px) {
    .team-state-section .team-state-row .team-state-boxes {
        max-width: 380px;
        height: 380px
    }
}

@media (max-width:450px) {
    .team-state-section .team-state-row .team-state-boxes {
        max-width: 350px;
        height: 330px
    }
}

.team-state-section .team-state-row .team-state-boxes.left {
    left: 30px
}

@media (max-width:1199px) {
    .team-state-section .team-state-row .team-state-boxes.left {
        left: 50px
    }
}

@media (max-width:991px) {
    .team-state-section .team-state-row .team-state-boxes.left {
        left: 0
    }
}

@media (max-width:767px) {
    .team-state-section .team-state-row .team-state-boxes.left {
        -webkit-transform: rotate(90deg) scaleY(-1);
        -ms-transform: rotate(90deg) scaleY(-1);
        transform: rotate(90deg) scaleY(-1);
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        top: 0;
        bottom: auto;
        right: 0;
        left: 0;
        margin: 0 auto
    }
}

.team-state-section .team-state-row .team-state-boxes.right {
    right: 30px
}

@media (max-width:1199px) {
    .team-state-section .team-state-row .team-state-boxes.right {
        right: 50px
    }
}

@media (max-width:991px) {
    .team-state-section .team-state-row .team-state-boxes.right {
        right: 0
    }
}

@media (max-width:767px) {
    .team-state-section .team-state-row .team-state-boxes.right {
        top: auto;
        bottom: 0;
        right: 0;
        left: 0;
        margin: 0 auto;
        -webkit-transform: rotate(90deg) scaleY(-1);
        -ms-transform: rotate(90deg) scaleY(-1);
        transform: rotate(90deg) scaleY(-1);
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center
    }
}

.team-state-section .team-state-box:nth-child(1) .team-state-info {
    --deg: 23deg
}

@media (max-width:991px) {
    .team-state-section .team-state-box:nth-child(1) .team-state-info {
        --deg: 32deg
    }
}

@media (max-width:767px) {
    .team-state-section .team-state-box:nth-child(1) .team-state-info {
        --deg: 59deg
    }
}

.team-state-section .team-state-box:nth-child(1) .team-state-info::after {
    background: -o-linear-gradient(302.86deg, #3e7bfa 6.95%, #60c 93.05%);
    background: linear-gradient(147.14deg, #3e7bfa 6.95%, #60c 93.05%)
}

.team-state-section .team-state-box:nth-child(2) .team-state-info {
    --deg: 0
}

@media (max-width:767px) {
    .team-state-section .team-state-box:nth-child(2) .team-state-info {
        --deg: 90deg
    }
}

.team-state-section .team-state-box:nth-child(2) .team-state-info::after {
    background: -o-linear-gradient(120deg, #73dfe7 13.4%, #0063f7 86.6%);
    background: linear-gradient(330deg, #73dfe7 13.4%, #0063f7 86.6%)
}

.team-state-section .team-state-box:nth-child(3) .team-state-info {
    --deg: 338deg
}

@media (max-width:991px) {
    .team-state-section .team-state-box:nth-child(3) .team-state-info {
        --deg: 328deg
    }
}

@media (max-width:767px) {
    .team-state-section .team-state-box:nth-child(3) .team-state-info {
        --deg: 119deg
    }
}

.team-state-section .team-state-box:nth-child(3) .team-state-info::after {
    background: -o-linear-gradient(302.86deg, #ff3b3b 6.95%, #60c 93.05%);
    background: linear-gradient(147.14deg, #ff3b3b 6.95%, #60c 93.05%)
}

.team-state-section .team-state-boxes.right .team-state-box .team-state-info {
    --offset: calc(var(--width) / -2)
}

.team-state-section .team-state-boxes.right .team-state-box:nth-child(1) .team-state-info {
    --deg: -23deg
}

@media (max-width:991px) {
    .team-state-section .team-state-boxes.right .team-state-box:nth-child(1) .team-state-info {
        --deg: -32deg
    }
}

@media (max-width:767px) {
    .team-state-section .team-state-boxes.right .team-state-box:nth-child(1) .team-state-info {
        --deg: 119deg
    }
}

.team-state-section .team-state-boxes.right .team-state-box:nth-child(1) .team-state-info::after {
    background: -o-linear-gradient(302.86deg, #5b8def 6.95%, #0063f7 93.05%);
    background: linear-gradient(147.14deg, #5b8def 6.95%, #0063f7 93.05%)
}

.team-state-section .team-state-boxes.right .team-state-box:nth-child(2) .team-state-info {
    --deg: -0
}

@media (max-width:767px) {
    .team-state-section .team-state-boxes.right .team-state-box:nth-child(2) .team-state-info {
        --deg: 90deg
    }
}

.hiring-process-flow .hiring-process-flow-box:nth-child(2) h2,
.team-state-section .team-state-boxes.right .team-state-box:nth-child(2) .team-state-info::after {
    background: -webkit-gradient(linear, left top, right top, from(#ff6900), to(#e63535));
    background: -o-linear-gradient(left, #ff6900 0%, #e63535 100%);
    background: linear-gradient(90deg, #ff6900 0%, #e63535 100%)
}

.team-state-section .team-state-boxes.right .team-state-box:nth-child(3) .team-state-info {
    --deg: -338deg
}

@media (max-width:991px) {
    .team-state-section .team-state-boxes.right .team-state-box:nth-child(3) .team-state-info {
        --deg: -328deg
    }
}

@media (max-width:767px) {
    .team-state-section .team-state-boxes.right .team-state-box:nth-child(3) .team-state-info {
        --deg: 59deg
    }
}

.hiring-process-flow .hiring-process-flow-box:nth-child(3) h2,
.team-state-section .team-state-boxes.right .team-state-box:nth-child(3) .team-state-info::after {
    background: -o-linear-gradient(302.86deg, #00cfde 6.95%, #05a660 93.05%);
    background: linear-gradient(147.14deg, #00cfde 6.95%, #05a660 93.05%)
}

.team-state-main,
.team-state-section .team-state-info {
    border-radius: 50%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.team-state-section .team-state-info {
    --width: 194px;
    --offset: calc(var(--width) / 2 - 2px);
    width: var(--width);
    height: var(--width);
    border: 2px solid #12141d
}

@media (max-width:1199px) {
    .team-state-section .team-state-info {
        --width: 184px
    }
}

@media (max-width:991px) {
    .team-state-section .team-state-info {
        --width: 150px
    }
}

@media (max-width:767px) {
    .team-state-section .team-state-info {
        --width: 100px
    }
}

.team-state-section .team-state-info::after {
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    -webkit-transform: translate(calc(cos(var(--deg))*var(--offset)), calc(sin(var(--deg))*var(--offset)));
    -ms-transform: translate(calc(cos(var(--deg))*var(--offset)), calc(sin(var(--deg))*var(--offset)));
    transform: translate(calc(cos(var(--deg))*var(--offset)), calc(sin(var(--deg))*var(--offset)))
}

@media (max-width:767px) {
    .team-state-section .team-state-info::after {
        width: 12px;
        height: 12px
    }
}

.team-state-main h2,
.team-state-section .team-state-info h3 {
    font-size: 2.875em;
    font-weight: 600;
    margin-bottom: 0
}

@media (max-width:1199px) {
    .team-state-section .team-state-info h3 {
        font-size: 2.5em
    }
}

@media (max-width:991px) {
    .team-state-section .team-state-info h3 {
        font-size: 2.1875em
    }
}

@media (max-width:767px) {
    .team-state-section .team-state-info h3 {
        font-size: 1.5625em
    }
}

.team-state-section .team-state-info p {
    font-weight: 700;
    margin: 0;
    text-align: center;
    line-height: 1.2
}

@media (max-width:767px) {
    .team-state-section .team-state-info p {
        font-size: .75em
    }
}

.team-state-section .team-state-info svg {
    position: absolute;
    left: 0;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    width: 50%
}

@media (max-width:767px) {
    .team-state-section .team-state-info svg {
        position: absolute;
        -webkit-transform: scale(1.1) rotate(90deg);
        -ms-transform: scale(1.1) rotate(90deg);
        transform: scale(1.1) rotate(90deg);
        -webkit-transform-origin: right center;
        -ms-transform-origin: right center;
        transform-origin: right center
    }
}

.team-state-main {
    border: 2px dashed #25245d;
    width: 308px;
    height: 308px;
    color: #fff;
    overflow: hidden;
    background: #fafafc;
    z-index: 1
}

@media (max-width:1199px) {
    .team-state-main {
        width: 250px;
        height: 250px
    }
}

@media (max-width:767px) {
    .team-state-main {
        width: 160px;
        height: 160px
    }
}

.team-state-main:before {
    content: '';
    border-radius: 50%;
    position: absolute;
    left: 20px;
    top: 20px;
    right: 20px;
    bottom: 20px;
    background: #25245d;
    z-index: -1
}

@media (max-width:1199px) {
    .team-state-main:before {
        left: 15px;
        top: 15px;
        right: 15px;
        bottom: 15px
    }
}

.team-state-main h2 {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    background-image: -o-linear-gradient(302.86deg, #00cfde 6.95%, #05a660 93.05%);
    background-image: linear-gradient(147.14deg, #00cfde 6.95%, #05a660 93.05%);
    font-size: 5.625em;
    line-height: 1
}

@media (max-width:1199px) {
    .team-state-main h2 {
        font-size: 4.375em
    }
}

@media (max-width:767px) {
    .team-state-main h2 {
        font-size: 2.8125em
    }
}

.team-state-main .super-lead-text {
    font-weight: 700;
    font-size: 1.375em
}

@media (max-width:767px) {
    .team-state-main .super-lead-text {
        font-size: 1.25em
    }
}

.team-state-boxes {
    position: relative
}

.team-state-boxes .team-state-box {
    position: absolute;
    width: 100%
}

.team-state-boxes .team-state-box:before {
    content: '';
    position: absolute;
    top: 0;
    height: 2px;
    background: #25245d
}

.team-state-boxes .team-state-box::after {
    content: '';
    position: absolute
}

@media (max-width:767px) {
    .team-state-boxes.left .team-state-info {
        -webkit-transform: rotate(-90deg) scaleX(-1);
        -ms-transform: rotate(-90deg) scaleX(-1);
        transform: rotate(-90deg) scaleX(-1)
    }
}

.team-state-boxes.left .team-state-box:nth-child(1) {
    left: 165px;
    top: 8px
}

@media (max-width:991px) {
    .team-state-boxes.left .team-state-box:nth-child(1) {
        left: 80px
    }
}

.team-state-boxes.left .team-state-box:nth-child(1):before {
    top: 90%;
    -webkit-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    transform: rotate(20deg);
    left: 178px;
    width: calc(100% - 194px)
}

@media (max-width:1199px) {
    .team-state-boxes.left .team-state-box:nth-child(1):before {
        left: 162px
    }
}

@media (max-width:991px) {
    .team-state-boxes.left .team-state-box:nth-child(1):before {
        left: 137px;
        -webkit-transform-origin: left center;
        -ms-transform-origin: left center;
        transform-origin: left center;
        top: 75%
    }
}

@media (max-width:767px) {
    .team-state-boxes.left .team-state-box:nth-child(1):before {
        left: 93px;
        top: 75%;
        -webkit-transform: rotate(30deg);
        -ms-transform: rotate(30deg);
        transform: rotate(30deg)
    }
}

.team-state-boxes.left .team-state-box:nth-child(2),
.team-state-boxes.left .team-state-box:nth-child(2):before {
    left: 8px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.team-state-boxes.left .team-state-box:nth-child(2):before {
    left: 194px;
    width: calc(100% - 194px)
}

@media (max-width:1199px) {
    .team-state-boxes.left .team-state-box:nth-child(2):before {
        left: 184px
    }
}

@media (max-width:991px) {
    .team-state-boxes.left .team-state-box:nth-child(2):before {
        left: 150px;
        width: calc(100% - 194px)
    }
}

@media (max-width:767px) {
    .team-state-boxes.left .team-state-box:nth-child(2):before {
        left: 100px
    }
}

.team-state-boxes.left .team-state-box:nth-child(3) {
    left: 165px;
    bottom: 8px
}

@media (max-width:991px) {
    .team-state-boxes.left .team-state-box:nth-child(3) {
        left: 80px
    }
}

.team-state-boxes.left .team-state-box:nth-child(3):before {
    top: 10%;
    -webkit-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    transform: rotate(-20deg);
    left: 178px;
    width: calc(100% - 194px)
}

@media (max-width:1199px) {
    .team-state-boxes.left .team-state-box:nth-child(3):before {
        left: 164px
    }
}

@media (max-width:991px) {
    .team-state-boxes.left .team-state-box:nth-child(3):before {
        left: 137px;
        -webkit-transform-origin: left center;
        -ms-transform-origin: left center;
        transform-origin: left center;
        top: 24%
    }
}

@media (max-width:767px) {
    .team-state-boxes.left .team-state-box:nth-child(3):before {
        left: 93px;
        top: 25%;
        -webkit-transform: rotate(-31deg);
        -ms-transform: rotate(-31deg);
        transform: rotate(-31deg)
    }

    .team-state-boxes.right .team-state-info {
        -webkit-transform: rotate(-90deg) scaleX(-1);
        -ms-transform: rotate(-90deg) scaleX(-1);
        transform: rotate(-90deg) scaleX(-1)
    }
}

.team-state-boxes.right .team-state-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.team-state-boxes.right .team-state-box .team-state-info svg {
    left: auto;
    right: 0;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

@media (max-width:767px) {
    .team-state-boxes.right .team-state-box .team-state-info svg {
        position: absolute;
        -webkit-transform: scale(1.1) rotate(90deg);
        -ms-transform: scale(1.1) rotate(90deg);
        transform: scale(1.1) rotate(90deg);
        -webkit-transform-origin: left center;
        -ms-transform-origin: left center;
        transform-origin: left center
    }
}

.team-state-boxes.right .team-state-box:nth-child(1) {
    right: 165px;
    top: 8px
}

@media (max-width:991px) {
    .team-state-boxes.right .team-state-box:nth-child(1) {
        right: 80px
    }
}

.team-state-boxes.right .team-state-box:nth-child(1):before {
    top: 90%;
    -webkit-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    transform: rotate(-20deg);
    right: 178px;
    width: calc(100% - 194px)
}

@media (max-width:1199px) {
    .team-state-boxes.right .team-state-box:nth-child(1):before {
        right: 163px
    }
}

@media (max-width:991px) {
    .team-state-boxes.right .team-state-box:nth-child(1):before {
        right: 137px;
        -webkit-transform-origin: right center;
        -ms-transform-origin: right center;
        transform-origin: right center;
        top: 75%
    }
}

@media (max-width:767px) {
    .team-state-boxes.right .team-state-box:nth-child(1):before {
        right: 93px;
        top: 75%;
        -webkit-transform: rotate(-31deg);
        -ms-transform: rotate(-31deg);
        transform: rotate(-31deg)
    }
}

.team-state-boxes.right .team-state-box:nth-child(2),
.team-state-boxes.right .team-state-box:nth-child(2):before {
    right: 8px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.team-state-boxes.right .team-state-box:nth-child(2):before {
    right: 194px;
    width: calc(100% - 194px)
}

@media (max-width:1199px) {
    .team-state-boxes.right .team-state-box:nth-child(2):before {
        right: 183px
    }
}

@media (max-width:991px) {
    .team-state-boxes.right .team-state-box:nth-child(2):before {
        right: 150px;
        width: calc(100% - 194px)
    }
}

@media (max-width:767px) {
    .team-state-boxes.right .team-state-box:nth-child(2):before {
        right: 100px
    }
}

.team-state-boxes.right .team-state-box:nth-child(3) {
    right: 165px;
    bottom: 8px
}

@media (max-width:991px) {
    .team-state-boxes.right .team-state-box:nth-child(3) {
        right: 80px
    }
}

.team-state-boxes.right .team-state-box:nth-child(3):before {
    top: 10%;
    -webkit-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    transform: rotate(20deg);
    right: 178px;
    width: calc(100% - 194px)
}

@media (max-width:1199px) {
    .team-state-boxes.right .team-state-box:nth-child(3):before {
        right: 164px
    }
}

@media (max-width:991px) {
    .team-state-boxes.right .team-state-box:nth-child(3):before {
        right: 137px;
        -webkit-transform-origin: right center;
        -ms-transform-origin: right center;
        transform-origin: right center;
        top: 24%
    }
}

@media (max-width:767px) {
    .team-state-boxes.right .team-state-box:nth-child(3):before {
        right: 93px;
        top: 25%;
        -webkit-transform: rotate(30deg);
        -ms-transform: rotate(30deg);
        transform: rotate(30deg)
    }
}

.team-celebration-section {
    border-top: 1px solid #e4e4eb;
    padding: 0 0 80px
}

.team-celebration-section .what-we-deliver-title-box {
    padding-top: 80px
}

@media (max-width:767px) {
    .team-celebration-section .what-we-deliver-title-box {
        padding-top: 48px
    }
}

.team-certificate-row {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 20px
}

@media (max-width:991px) {
    .team-certificate-row {
        grid-template-columns: repeat(4, 1fr)
    }
}

@media (max-width:767px) {
    .team-certificate-row {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media (max-width:575px) {
    .team-certificate-row {
        grid-template-columns: repeat(2, 1fr)
    }
}

.team-certificate-row .team-certificate-box {
    text-align: center;
    border: 18px solid #f3f2f2;
    -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, .2);
    box-shadow: inset 0 0 4px rgba(0, 0, 0, .2);
    padding: 20px
}

@media (max-width:1199px) {
    .team-certificate-row .team-certificate-box {
        border-width: 10px
    }
}

@media (max-width:575px) {
    .team-certificate-row .team-certificate-box {
        border-width: 5px;
        padding: 10px
    }
}

.pxl-family figure img,
.team-certificate-row .team-certificate-box figure {
    width: 100%
}

.cant-find-opening figure img,
.team-certificate-row .team-certificate-box figure img {
    -o-object-fit: contain;
    object-fit: contain
}

@media (max-width:991px) {
    .team-certificate-row .team-certificate-box figure img {
        height: 90px
    }
}

@media (max-width:575px) {
    .team-certificate-row .team-certificate-box figure img {
        height: 60px
    }
}

.inner-technologies-sec .custom-scroll .tabnav {
    min-width: 600px
}

.testimonial-slider-inner .testimonial-row .testimonial-row-box {
    max-width: 100%;
    margin: 0 0 0 -15px;
    overflow: visible
}

@media (max-width:991px) {
    .testimonial-slider-inner .testimonial-row .testimonial-row-box {
        margin: 0
    }
}

.testimonial-slider-inner .testimonial-row .testimonial-row-box .swiper {
    overflow: visible
}

.testimonial-slider-inner .testimonial-row .testimonial-row-box .swiper .swiper-pagination {
    position: static;
    vertical-align: top
}

.testimonial-slider-inner .testimonial-row .testimonial-row-box .swiper .swiper-pagination .swiper-pagination-bullet {
    vertical-align: top
}

.testimonial-slider-inner .testimonial-row .testimonial-row-box .testimonial-slide {
    margin: 15px
}

.testimonial-slider-inner .testimonial-row .testimonial-row-box .swiper-pagination {
    margin-top: 20px
}

.title-with-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 60px
}

@media (max-width:767px) {
    .title-with-btn {
        margin-bottom: 32px
    }
}

.title-with-btn .section-title {
    margin-bottom: 0
}

.title-with-btn .slider-arrow-box {
    margin-top: 0
}

.celebration-boxes-row {
    counter-reset: celebration;
    border-left: 1px solid #e4e4eb;
    border-right: 1px solid #e4e4eb
}

@media (max-width:767px) {
    .celebration-boxes-row {
        border: 0
    }
}

.celebration-boxes-row .celebration-boxes {
    display: grid;
    grid-template-columns: 1fr 1fr
}

.celebration-boxes-row .celebration-boxes:nth-child(1) .celebration-box {
    padding-top: 172px
}

@media (max-width:767px) {
    .celebration-boxes-row .celebration-boxes:nth-child(1) .celebration-box {
        padding-top: 85px
    }
}

.celebration-boxes-row .celebration-boxes:nth-child(1) .celebration-box .celebration-info {
    bottom: calc(100% - 172px)
}

@media (max-width:767px) {
    .celebration-boxes-row .celebration-boxes:nth-child(1) .celebration-box .celebration-info {
        bottom: calc(100% - 85px)
    }
}

.celebration-boxes-row .celebration-boxes:nth-child(even) .celebration-box:nth-child(1) {
    grid-column: 2;
    border-left: 1px solid #e4e4eb;
    border-right: 0
}

@media (max-width:767px) {
    .celebration-boxes-row .celebration-boxes:nth-child(even) .celebration-box:nth-child(1) {
        border: 0
    }
}

.celebration-boxes-row .celebration-box {
    position: relative;
    border-right: 1px solid #e4e4eb
}

@media (max-width:767px) {
    .celebration-boxes-row .celebration-box {
        border: 0
    }
}

.celebration-boxes-row .celebration-box .celebration-info {
    padding: 0 20px;
    position: absolute;
    bottom: 100%;
    left: 0;
    width: 100%
}

@media (max-width:767px) {
    .celebration-boxes-row .celebration-box .celebration-info {
        padding: 0 10px
    }
}

.celebration-boxes-row .celebration-box .celebration-info h5 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse;
    gap: 0 10px;
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 0
}

@media (max-width:767px) {
    .celebration-boxes-row .celebration-box .celebration-info h5 {
        font-size: 18px
    }
}

.celebration-boxes-row .celebration-box .celebration-info h5:after {
    counter-increment: celebration;
    content: "0" counter(celebration);
    -webkit-text-stroke: 2px #cfcfcf;
    paint-order: stroke fill;
    color: transparent;
    font-weight: 700;
    font-size: 78px;
    line-height: 1;
    z-index: -1
}

@media (max-width:991px) {
    .celebration-boxes-row .celebration-box .celebration-info h5:after {
        font-size: 68px
    }
}

@media (max-width:767px) {
    .celebration-boxes-row .celebration-box .celebration-info h5:after {
        font-size: 50px;
        opacity: .5;
        bottom: 0
    }
}

.celebration-boxes-row .celebration-box .celebration-photo-link {
    position: relative;
    padding-top: 100%;
    width: 100%;
    overflow: hidden;
    display: inline-block;
    vertical-align: top
}

.celebration-boxes-row .celebration-box .celebration-photo-link::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 1;
    background: #000;
    opacity: 0;
    -webkit-transition: 200ms linear;
    -o-transition: 200ms linear;
    transition: 200ms linear;
    pointer-events: none
}

.celebration-boxes-row .celebration-box .celebration-photo-link::before {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    border-radius: 0;
    background: url(../img/image-gallery.svg);
    background-repeat: no-repeat;
    background-size: 30px;
    background-position: center;
    width: 60px;
    height: 60px;
    z-index: 2;
    background-color: #38a7a1;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    pointer-events: none
}

.celebration-boxes-row .celebration-box .celebration-photo-link:hover::after {
    opacity: .7
}

.celebration-boxes-row .celebration-box .celebration-photo-link:hover::before {
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%)
}

.celebration-boxes-row .celebration-box .celebration-photo-link img {
    right: 0
}

.fancybox__backdrop {
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px)
}

.body.team-page .team-section {
    padding-top: 0
}

.annual-function-row .annual-function-info .section-title .last-updated.entry-meta,
.apply-seo-analyst .apply-seo-analyst-row #input_submit_pix_career,
.fancybox__button--zoom {
    display: none
}

.image-gallery-slider {
    overflow: hidden;
    cursor: -webkit-grab;
    cursor: grab;
    width: 100%;
    position: relative;
    z-index: 1;
    height: 500px
}

@media (max-width:767px) {
    .image-gallery-slider {
        height: 350px
    }
}

@media (max-width:575px) {
    .image-gallery-slider {
        height: 300px
    }
}

.image-gallery-slider.is-dragging {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.image-gallery-slider .image-gallery-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    z-index: 1;
    height: 100%;
    top: 0;
    left: 0;
    width: 100%
}

.image-gallery-slider .image-gallery-wrapper .image-gallery-slide {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 22%;
    height: 100%;
    padding: 0 20px;
    overflow: hidden
}

@media (max-width:991px) {
    .image-gallery-slider .image-gallery-wrapper .image-gallery-slide {
        width: 33.33%
    }
}

@media (max-width:575px) {
    .image-gallery-slider .image-gallery-wrapper .image-gallery-slide {
        width: 75%
    }
}

.image-gallery-slider .image-gallery-wrapper .image-gallery-slide figure {
    position: absolute;
    z-index: 1;
    display: block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-appearance: none;
    padding: 0;
    border: 0;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: pointer;
    width: 100%;
    height: 100%;
    overflow: hidden;
    pointer-events: none;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    background: #e1e1e2
}

.image-gallery-slider .image-gallery-wrapper .image-gallery-slide figure .image__element,
.image-gallery-slider .image-gallery-wrapper .image-gallery-slide figure .image__wrap,
.image-gallery-slider .image-gallery-wrapper .image-gallery-slide figure img {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    vertical-align: middle;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center
}

.image-effect,
.pxl-family {
    width: 100%;
    position: relative
}

.image-effect {
    padding-top: 115.4121%;
    overflow: hidden;
    display: inline-block
}

.celebration-boxes-row .celebration-box .celebration-photo-link img,
.image-effect img {
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.zaraglobe-family .section-title {
    max-width: 100%
}

.zaraglobe-family .section-title h2 {
    font-size: 5em
}

@media (max-width:1400px) {
    .zaraglobe-family .section-title h2 {
        font-size: 3.75em
    }
}

@media (max-width:991px) {
    .zaraglobe-family .section-title h2 {
        font-size: 2.8125em
    }
}

@media (max-width:575px) {
    .zaraglobe-family .section-title h2 {
        font-size: 2.5em
    }

    .zaraglobe-family ul.grid2 {
        grid-template-columns: 1fr
    }
}

.zaraglobe-family .cols {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width:991px) {
    .zaraglobe-family .cols .col {
        width: 100%
    }
}

.pxl-family {
    text-align: center;
    max-width: 720px;
    padding: 0 75px;
    margin: 0 auto
}

@media (max-width:1400px) {
    .pxl-family {
        padding: 0 50px
    }
}

@media (max-width:991px) {
    .pxl-family {
        padding: 0 75px;
        max-width: 600px
    }
}

@media (max-width:575px) {
    .pxl-family {
        padding: 0 32px;
        max-width: 600px
    }
}

.magento-contact-sec .magento-cr-sec .product-options .form-block .form-group.tooltip label,
.pxl-family figure {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.annual-function-row,
.pxl-family>span {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.pxl-family>span {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 14px 30px;
    font-size: 1.25em;
    font-weight: 700;
    -webkit-box-shadow: 0 11px 24px rgba(0, 0, 0, .18);
    box-shadow: 0 11px 24px rgba(0, 0, 0, .18);
    border-radius: 50px;
    background: #fff;
    color: #000
}

@media (max-width:1199px) {
    .pxl-family>span {
        font-size: 1.125em
    }
}

@media (max-width:575px) {
    .pxl-family>span {
        font-size: 1em;
        padding: 10px 20px
    }
}

.pxl-family>span.left-text {
    top: 120px;
    left: 20px
}

@media (max-width:575px) {
    .pxl-family>span.left-text {
        top: 100px;
        left: 0
    }
}

.pxl-family>span.right-text {
    bottom: 130px;
    right: 20px;
    background: #f7a93b;
    color: #fff
}

@media (max-width:575px) {
    .pxl-family>span.right-text {
        bottom: 30px;
        right: 0
    }
}

.annual-function-row {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(495px, auto));
    grid-gap: 32px 180px
}

.annual-function-row:not(:last-child) {
    margin-bottom: 50px
}

.annual-function-row:nth-child(even) .annual-function-info {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

@media (max-width:1400px) {
    .annual-function-row {
        grid-gap: 32px 100px
    }
}

@media (max-width:1199px) {
    .annual-function-row {
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
        grid-gap: 32px
    }
}

@media (max-width:767px) {
    .annual-function-row {
        display: block;
        grid-gap: 32px 0
    }

    .annual-function-row .annual-function-info {
        padding-bottom: 20px
    }
}

.annual-function-row .annual-function-info .section-title {
    margin-bottom: 0
}

.annual-function-row .annual-function-photos .swiper-slide img {
    width: 100%;
    height: auto;
    display: block
}

.annual-function-row .annual-function-photos .swiper-pagination {
    display: block;
    margin-top: 10px
}

.annual-function-row .annual-function-photos .swiper-pagination .swiper-pagination-bullet-active {
    background: -o-linear-gradient(302.86deg, #3e7bfa 6.95%, #60c 93.05%);
    background: linear-gradient(147.14deg, #3e7bfa 6.95%, #60c 93.05%)
}

.about-zaraglobe-career .wrap {
    max-width: 1511px
}

@media (max-width:575px) {
    .about-zaraglobe-career .grids {
        grid-template-columns: 1fr
    }
}

.about-zaraglobe-career .about-pxl-life {
    padding: 50px;
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-template-columns: 1fr auto;
    position: relative;
    grid-gap: 20px;
    overflow: hidden;
    border-radius: 5px;
    z-index: 1
}

@media (max-width:1199px) {
    .about-zaraglobe-career .about-pxl-life {
        padding: 30px
    }
}

@media (max-width:991px) {
    .about-zaraglobe-career .about-pxl-life {
        grid-template-columns: 1fr;
        justify-items: flex-start;
        grid-gap: 0
    }
}

@media (max-width:767px) {
    .about-zaraglobe-career .about-pxl-life {
        grid-template-columns: 1fr auto;
        grid-gap: 20px
    }

    .about-zaraglobe-career .about-pxl-life h2 {
        margin-bottom: 0
    }
}

@media (max-width:575px) {
    .about-zaraglobe-career .about-pxl-life {
        grid-template-columns: 1fr;
        padding: 20px;
        text-align: center
    }

    .about-zaraglobe-career .about-pxl-life h2 {
        width: 100%
    }

    .about-zaraglobe-career .about-pxl-life a {
        margin: 0 auto
    }
}

.about-zaraglobe-career .about-pxl-life:after {
    content: '';
    background: url(../img/gradient-round.svg) no-repeat center left;
    background-repeat: no-repeat;
    position: absolute;
    left: -180px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 480px;
    height: 480px;
    z-index: -1;
    pointer-events: none
}

@media (max-width:991px) {
    .about-zaraglobe-career .about-pxl-life:after {
        left: -250px
    }
}

.about-zaraglobe-career .about-pxl-life h2,
.founder-section .founder-section-row .founder-image .icons ul li a:hover i {
    color: #fff
}

@media (max-width:1199px) {
    .about-zaraglobe-career .about-pxl-life h2 {
        font-size: 26px
    }
}

@media (max-width:767px) {
    .about-zaraglobe-career .about-pxl-life h2 {
        font-size: 22px
    }
}

.about-zaraglobe-career .about-pxl-life h2 span {
    display: block;
    font-size: 20px;
    font-weight: 400
}

@media (max-width:767px) {
    .about-zaraglobe-career .about-pxl-life h2 span {
        font-size: 16px
    }
}

.about-zaraglobe-career .about-pxl-life.aboutus {
    background: -webkit-gradient(linear, left top, right top, from(#ff6900), to(#e63535));
    background: -o-linear-gradient(left, #ff6900 0%, #e63535 100%);
    background: linear-gradient(90deg, #ff6900 0%, #e63535 100%)
}

.about-zaraglobe-career .about-pxl-life.current-opening {
    background: -o-linear-gradient(304.49deg, #ac5dd9 7.21%, #004fc4 94.47%);
    background: linear-gradient(145.51deg, #ac5dd9 7.21%, #004fc4 94.47%)
}

.about-zaraglobe-career .about-pxl-life.current-opening:after,
.request-quote-page .get-in-touch .get-in-touch-row .contact-form-box .contact-form-info .contact-form-field .resume-upload .file-upload-box .file-img-box img {
    opacity: .4
}

#image-track,
.current-opening-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

#image-track {
    gap: 4vmin;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

#image-track>.image {
    width: 40vmin;
    height: 56vmin;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 100% center;
    object-position: 100% center
}

@media (max-width:1199px) {
    .annual-function-row .annual-function-info .section-title.small h2 {
        font-size: 35px
    }
}

@media (max-width:991px) {
    .annual-function-row .annual-function-info .section-title.small h2 {
        font-size: 26px
    }
}

.current-opening-box {
    border: 1px solid #dadada;
    border-radius: 6px;
    padding: 36px 30px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    grid-gap: 30px 74px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.current-opening-box.active .current-opening-list-accordion::after {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1)
}

.current-opening-box:not(:last-child) {
    margin-bottom: 20px
}

@media (max-width:991px) {
    .current-opening-box:not(:last-child) {
        margin-bottom: 10px
    }
}

@media (max-width:1199px) {
    .current-opening-box {
        padding: 30px;
        grid-gap: 30px 20px
    }
}

@media (max-width:575px) {
    .current-opening-box {
        grid-gap: 15px;
        padding: 20px
    }
}

.current-opening-box .current-opening-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    grid-gap: 30px
}

@media (max-width:1199px) {
    .current-opening-box .current-opening-title {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        width: calc(100% - 175px)
    }
}

.current-opening-box .current-opening-title figure {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.current-opening-box .current-opening-title figure img {
    width: 50px;
    height: 58px;
    -o-object-fit: contain;
    object-fit: contain
}

@media (max-width:1199px) {
    .current-opening-box .current-opening-title figure img {
        min-width: 50px;
        aspect-ratio: 1
    }
}

.current-opening-box .current-opening-title .current-opening-info h4 {
    margin-bottom: 8px
}

@media (max-width:1199px) {
    .current-opening-box .current-opening-title .current-opening-info h4 {
        font-size: 1.375em
    }
}

@media (max-width:767px) {
    .current-opening-box .current-opening-title .current-opening-info h4 {
        font-size: 1.125em
    }
}

@media (max-width:575px) {
    .current-opening-box .current-opening-title .current-opening-info h4 {
        margin-bottom: 5px
    }
}

.current-opening-box .current-opening-title .current-opening-info p {
    margin: 0;
    color: #555770
}

@media (max-width:1199px) {
    .current-opening-box .current-opening-title .current-opening-info p {
        font-size: 1.125em
    }
}

@media (max-width:575px) {
    .current-opening-box .current-opening-title .current-opening-info p {
        font-size: 1em
    }
}

.current-opening-box .current-opening-title .current-opening-info p strong {
    color: #12141d;
    font-weight: 400
}

@media (max-width:575px) {
    .current-opening-box .current-opening-title {
        width: 100%;
        grid-gap: 20px;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.current-opening-box .current-opening-vacancy {
    margin-left: auto
}

@media (max-width:991px) {
    .current-opening-box .current-opening-vacancy {
        margin-left: 0
    }
}

.current-opening-box .current-opening-vacancy p {
    margin: 0 0 7px;
    color: #555770
}

@media (max-width:575px) {
    .current-opening-box .current-opening-vacancy {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%
    }

    .current-opening-box .current-opening-vacancy p {
        margin-bottom: 0;
        margin-right: 5px
    }
}

.current-opening-box .action-button {
    grid-gap: 20px
}

@media (max-width:767px) {
    .current-opening-box .action-button {
        grid-gap: 10px
    }
}

@media (max-width:575px) {
    .current-opening-box .action-button {
        min-width: auto
    }
}

.current-opening-box .action-button .button,
.wroking-process-sec .wroking-process-flow .wroking-process-row .wroking-process-info ul ul {
    font-size: 16px
}

@media (max-width:767px) {
    .current-opening-box .action-button .button {
        font-size: 14px
    }
}

.current-opening-box .current-opening-list-accordion {
    width: 100%;
    position: relative;
    padding: 20px 118px 0;
    margin-top: 0
}

.current-opening-box .current-opening-list-accordion::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #dadada;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transition: -webkit-transform 500ms ease;
    -o-transition: transform 500ms ease;
    transition: transform 500ms ease;
    transition: transform 500ms ease, -webkit-transform 500ms ease
}

@media (max-width:1199px) {
    .current-opening-box .current-opening-list-accordion {
        padding: 20px 80px 0
    }
}

@media (max-width:991px) {
    .current-opening-box .current-opening-list-accordion {
        width: 100%
    }
}

@media (max-width:767px) {
    .current-opening-box .current-opening-list-accordion {
        padding: 0
    }

    .current-opening-box .current-opening-list-accordion .listing {
        margin: 0 0 20PX
    }
}

.current-opening-box .current-opening-list-accordion .listing li {
    font-size: 16px;
    font-weight: 400;
    padding-left: 20px;
    margin-bottom: 10px
}

.current-opening-box .current-opening-list-accordion .send-resume {
    font-size: 18px
}

.current-opening-box .current-opening-list-accordion .send-resume a,
.life-at-pxl-filters .life-at-pxl-filter-list li.active,
.life-at-pxl-filters .life-at-pxl-filter-list li:hover {
    color: #38a7a1
}

.current-opening-row {
    display: grid;
    grid-template-columns: 1fr 380px;
    grid-gap: 32px
}

@media (max-width:991px) {
    .current-opening-row {
        grid-template-columns: 1fr
    }
}

.current-opening-row .current-opening-sidebar .sidebar-sticky {
    position: sticky;
    top: calc(var(--header-height) + 32px);
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-gap: 30px
}

.cant-find-opening {
    margin: 0 auto;
    max-width: 100%;
    width: 100%;
    text-align: center;
    border: 1px solid #dadada;
    border-radius: 6px;
    padding: 48px 30px
}

.cant-find-opening figure,
.current-opening-box .current-opening-title figure {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (max-width:575px) {
    .cant-find-opening figure img {
        width: 50px;
        height: 50px
    }
}

.cant-find-opening h2 {
    margin: 10px 0 30px
}

@media (max-width:575px) {
    .cant-find-opening h2 {
        margin: 10px 0 20px
    }
}

.hiring-process-section {
    border-top: 1px solid #e4e4eb
}

.hiring-process-flow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative
}

@media (max-width:575px) {
    .hiring-process-flow {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        grid-gap: 10px 0
    }
}

.hiring-process-flow .hiring-process-flow-box {
    position: relative;
    background: #fff;
    padding-right: 120px
}

@media (max-width:1400px) {
    .hiring-process-flow .hiring-process-flow-box {
        padding-right: 80px
    }
}

@media (max-width:1199px) {
    .hiring-process-flow .hiring-process-flow-box {
        padding-right: 60px
    }
}

@media (max-width:991px) {
    .hiring-process-flow .hiring-process-flow-box {
        padding-right: 40px
    }
}

@media (max-width:767px) {
    .hiring-process-flow .hiring-process-flow-box {
        padding-right: 30px
    }
}

@media (max-width:575px) {
    .hiring-process-flow .hiring-process-flow-box {
        width: 50%;
        padding: 0;
        text-align: center
    }
}

.hiring-process-flow .hiring-process-flow-box::before {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border-top: 3px dashed #25245d;
    width: 53px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px
}

@media (max-width:991px) {
    .hiring-process-flow .hiring-process-flow-box::before {
        right: 10px;
        width: 40px
    }
}

@media (max-width:767px) {
    .hiring-process-flow .hiring-process-flow-box::before {
        right: 5px;
        width: 30px
    }
}

@media (max-width:575px) {
    .hiring-process-flow .hiring-process-flow-box::before {
        display: none
    }
}

.hiring-process-flow .hiring-process-flow-box:last-child {
    padding-right: 0
}

.hiring-process-flow .hiring-process-flow-box:last-child:before {
    display: none
}

.hiring-process-flow .hiring-process-flow-box:nth-child(2) .hiring-process-flow-icon {
    background: -webkit-gradient(linear, left top, right top, from(#ff6900), to(#e63535));
    background: -o-linear-gradient(left, #ff6900 0%, #e63535 100%);
    background: linear-gradient(90deg, #ff6900 0%, #e63535 100%)
}

.hiring-process-flow .hiring-process-flow-box:nth-child(3) .hiring-process-flow-icon {
    background: -o-linear-gradient(302.86deg, #00cfde 6.95%, #05a660 93.05%);
    background: linear-gradient(147.14deg, #00cfde 6.95%, #05a660 93.05%)
}

.hiring-process-flow .hiring-process-flow-box:nth-child(4) .hiring-process-flow-icon,
.hiring-process-flow .hiring-process-flow-box:nth-child(4) h2 {
    background: -o-linear-gradient(302.86deg, #ff3b3b 6.95%, #60c 93.05%);
    background: linear-gradient(147.14deg, #ff3b3b 6.95%, #60c 93.05%)
}

.hiring-process-flow .hiring-process-flow-box:nth-child(5) .hiring-process-flow-icon,
.hiring-process-flow .hiring-process-flow-box:nth-child(5) h2 {
    background: -o-linear-gradient(302.86deg, #3e7bfa 6.95%, #60c 93.05%);
    background: linear-gradient(147.14deg, #3e7bfa 6.95%, #60c 93.05%)
}

.hiring-process-flow .hiring-process-flow-box .hiring-process-flow-icon,
.hiring-process-flow .hiring-process-flow-box h2 {
    background: -o-linear-gradient(302.86deg, #5b8def 6.95%, #0063f7 93.05%);
    background: linear-gradient(147.14deg, #5b8def 6.95%, #0063f7 93.05%)
}

.hiring-process-flow .hiring-process-flow-box h2 {
    font-size: 13.625em;
    -webkit-text-stroke: 6px transparent !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    font-weight: 700;
    color: #fff;
    line-height: 1.1;
    margin: 0
}

@media (max-width:1400px) {
    .hiring-process-flow .hiring-process-flow-box h2 {
        font-size: 11.25em
    }
}

@media (max-width:1199px) {
    .hiring-process-flow .hiring-process-flow-box h2 {
        font-size: 9.375em
    }
}

@media (max-width:767px) {
    .hiring-process-flow .hiring-process-flow-box h2 {
        font-size: 5em;
        padding-left: 3px
    }
}

@media (max-width:575px) {
    .hiring-process-flow .hiring-process-flow-box h2 {
        font-size: 6.25em
    }
}

.hiring-process-flow .hiring-process-flow-box h4 {
    max-width: 124px;
    margin: 0
}

@media (max-width:1199px) {
    .hiring-process-flow .hiring-process-flow-box h4 {
        font-size: 1.25em
    }
}

@media (max-width:767px) {
    .hiring-process-flow .hiring-process-flow-box h4 {
        font-size: 1em
    }
}

@media (max-width:575px) {
    .hiring-process-flow .hiring-process-flow-box h4 {
        text-align: center;
        margin: 0 auto
    }
}

.hiring-process-flow .hiring-process-flow-box .hiring-process-flow-icon {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    left: 53px;
    top: 50%;
    margin-top: 10px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 20px
}

@media (max-width:1400px) {
    .hiring-process-flow .hiring-process-flow-box .hiring-process-flow-icon {
        left: 40px;
        width: 80px;
        height: 80px
    }
}

@media (max-width:1199px) {
    .hiring-process-flow .hiring-process-flow-box .hiring-process-flow-icon {
        left: 30px;
        width: 70px;
        height: 70px;
        padding: 15px
    }
}

@media (max-width:991px) {
    .hiring-process-flow .hiring-process-flow-box .hiring-process-flow-icon {
        left: 30px;
        width: 60px;
        height: 60px;
        padding: 15px
    }
}

@media (max-width:767px) {
    .hiring-process-flow .hiring-process-flow-box .hiring-process-flow-icon {
        width: 40px;
        height: 40px;
        padding: 10px;
        margin-top: 0
    }
}

@media (max-width:575px) {
    .hiring-process-flow .hiring-process-flow-box .hiring-process-flow-icon {
        width: 50px;
        height: 50px;
        padding: 10px;
        margin: 0 auto;
        left: 45px;
        right: 0
    }
}

.hiring-process-flow .hiring-process-flow-box .hiring-process-flow-icon figure,
.slider-thumb-row .swiper .swiper-slide figure,
.slider-thumb-row .swiper .swiper-slide.swiper-slide-thumb-active figure {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.hiring-process-flow .hiring-process-flow-box .hiring-process-flow-icon img,
.rating-info-box .glassdoor-box img,
.rating-info-box .google-rating-box img {
    -o-object-fit: contain;
    object-fit: contain
}

.apply-seo-analyst .wpcf7-submit .wpcf7-spinner::before,
.speaker-box,
.speaker-section {
    background: #25245d
}

.speaker-section .section-title2 {
    margin-bottom: 0
}

.speaker-section .speakers-slider-section .section-title {
    margin-bottom: 65px
}

@media (max-width:1199px) {
    .speaker-section .speakers-slider-section .section-title {
        margin-bottom: 55px
    }
}

@media (max-width:991px) {
    .speaker-section .speakers-slider-section .section-title {
        margin-bottom: 35px
    }
}

@media (max-width:767px) {
    .speaker-section .speakers-slider-section .section-title {
        margin-bottom: 30px
    }
}

.speaker-section .slider-thumb-with-rating {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-top: 1px solid #403f78;
    padding-top: 45px;
    margin-top: 45px;
    grid-gap: 32px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width:991px) {
    .speaker-section .slider-thumb-with-rating {
        padding-top: 20px;
        margin-top: 30px
    }
}

@media (max-width:575px) {
    .speaker-section .slider-thumb-with-rating {
        padding-top: 30px;
        margin-top: 30px
    }
}

.speaker-section .slider-thumb-with-rating .multiple-rating-row,
.speaker-section .slider-thumb-with-rating .slider-thumb-row {
    width: calc(50% - 16px)
}

.speaker-section .slider-thumb-with-rating .slider-thumb-row {
    max-width: 465px
}

@media (max-width:991px) {
    .speaker-section .slider-thumb-with-rating .slider-thumb-row {
        margin: 0 auto;
        width: 100%;
        max-width: 300px
    }

    .speaker-section .slider-thumb-with-rating .multiple-rating-row {
        width: 100%
    }
}

.speaker-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

@media (max-width:575px) {
    .speaker-box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.speaker-box figure {
    height: 444px;
    display: inline-block;
    vertical-align: top;
    width: 340px;
    position: relative
}

@media (max-width:991px) {
    .speaker-box figure {
        width: 200px;
        height: 304px
    }
}

@media (max-width:767px) {
    .speaker-box figure {
        width: 150px;
        height: 194px
    }
}

@media (max-width:575px) {
    .speaker-box figure {
        width: 100%;
        padding-top: 102%;
        margin-bottom: 30px
    }
}

.speaker-box figure img {
    position: absolute;
    left: -1px;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top center;
    object-position: top center
}

.speaker-box .speaker-say {
    width: calc(100% - 380px);
    margin: 35px 0 0 auto
}

@media (max-width:1199px) {
    .speaker-box .speaker-say {
        margin-top: 0
    }
}

@media (max-width:991px) {
    .speaker-box .speaker-say {
        width: calc(100% - 232px)
    }
}

@media (max-width:767px) {
    .speaker-box .speaker-say {
        width: calc(100% - 182px)
    }
}

@media (max-width:575px) {
    .speaker-box .speaker-say {
        width: 100%
    }
}

.speaker-box .speaker-say p {
    font-size: 1.625em;
    font-style: italic;
    color: #fff;
    width: 100%;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 40px
}

@media (max-width:1199px) {
    .speaker-box .speaker-say p {
        font-size: 1.375em;
        margin-bottom: 30px
    }
}

@media (max-width:991px) {
    .speaker-box .speaker-say p {
        font-size: 1.25em;
        margin-bottom: 20px
    }
}

@media (max-width:575px) {
    .speaker-box .speaker-say p {
        font-size: 18px
    }
}

.speaker-box .speaker-say .speaker-info h3 {
    color: #fff;
    margin-bottom: 6px
}

@media (max-width:1199px) {
    .speaker-box .speaker-say .speaker-info h3 {
        font-size: 1.5em
    }
}

@media (max-width:991px) {
    .speaker-box .speaker-say .speaker-info h3 {
        font-size: 1.375em
    }
}

@media (max-width:767px) {
    .speaker-box .speaker-say .speaker-info h3 {
        font-size: 20px
    }
}

.speaker-box .speaker-say .speaker-info span {
    display: block;
    color: rgba(255, 255, 255, .5)
}

.speacker-slider-row .swiper-slide {
    height: auto
}

.speacker-slider-row .speaker-box {
    height: 100%
}

@media only screen and (min-width:800px) {
    .speacker-slider-row .swiper-wrapper {
        height: auto !important
    }
}

.rating-info-box,
.rating-info-box .glassdoor-box,
.rating-info-box .google-rating-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.rating-info-box {
    background: #fff;
    border-radius: 5px;
    max-width: 524px;
    margin: 0 0 0 auto;
    width: 100%
}

@media (max-width:991px) {
    .rating-info-box {
        max-width: 100%
    }
}

@media (max-width:575px) {
    .rating-info-box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.rating-info-box .glassdoor-box,
.rating-info-box .google-rating-box {
    width: 50%;
    padding: 15px 22px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (max-width:575px) {

    .rating-info-box .glassdoor-box,
    .rating-info-box .google-rating-box {
        width: 100%;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding: 10px 20px
    }
}

.rating-info-box .glassdoor-box figure,
.rating-info-box .google-rating-box figure {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 16px
}

@media (max-width:575px) {

    .rating-info-box .glassdoor-box img,
    .rating-info-box .google-rating-box img {
        width: 52px
    }
}

.rating-info-box .glassdoor-box h2,
.rating-info-box .google-rating-box h2 {
    font-size: 42px;
    color: #12141d;
    font-weight: 400;
    margin: 0
}

@media (max-width:767px) {

    .rating-info-box .glassdoor-box h2,
    .rating-info-box .google-rating-box h2 {
        font-size: 30px
    }
}

@media (max-width:575px) {

    .rating-info-box .glassdoor-box h2,
    .rating-info-box .google-rating-box h2 {
        font-size: 20px;
        font-weight: 700
    }
}

.rating-info-box .glassdoor-box p,
.rating-info-box .google-rating-box p {
    margin: 0 0 0 12px
}

@media (max-width:575px) {

    .rating-info-box .glassdoor-box p,
    .rating-info-box .google-rating-box p {
        font-size: 14px
    }

    .rating-info-box .glassdoor-box p br,
    .rating-info-box .google-rating-box p br {
        display: none
    }
}

.rating-info-box .google-rating-box {
    border-left: 1px solid #dadada
}

@media (max-width:575px) {
    .rating-info-box .google-rating-box {
        border: 0;
        border-top: 1px solid #dadada
    }
}

.rating-info-box .google-rating-box figure {
    height: 52px
}

.rating-info-box .google-rating-box figure img {
    width: 100%;
    height: auto
}

.slider-thumb-row .swiper .swiper-slide {
    cursor: pointer
}

.slider-thumb-row .swiper .swiper-slide figure img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    border: 1px solid transparent;
    padding: 5px;
    -webkit-transition: all 350ms cubic-bezier(.75, .1, .6, 1);
    -o-transition: all 350ms cubic-bezier(.75, .1, .6, 1);
    transition: all 350ms cubic-bezier(.75, .1, .6, 1)
}

.slider-thumb-row .swiper .swiper-slide.swiper-slide-thumb-active figure img {
    border-color: #38a7a1
}

.life-at-pxl-filters .life-at-pxl-filter-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    grid-gap: 20px 70px;
    list-style: none;
    padding: 0;
    margin: 0 0 60px;
    display: none
}

@media (max-width:991px) {
    .life-at-pxl-filters .life-at-pxl-filter-list {
        grid-gap: 20px 40px
    }
}

@media (max-width:767px) {
    .life-at-pxl-filters .life-at-pxl-filter-list {
        grid-gap: 10px 20px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 20px
    }
}

.life-at-pxl-filters .life-at-pxl-filter-list li,
.life-at-pxl-filters .life-at-pxl-filter-list li:before {
    -webkit-transition: all 250ms cubic-bezier(.75, .1, .6, 1);
    -o-transition: all 250ms cubic-bezier(.75, .1, .6, 1);
    transition: all 250ms cubic-bezier(.75, .1, .6, 1)
}

.life-at-pxl-filters .life-at-pxl-filter-list li {
    font-size: 1.25em;
    font-weight: 700;
    color: #28293d;
    cursor: pointer;
    position: relative
}

@media (max-width:991px) {
    .life-at-pxl-filters .life-at-pxl-filter-list li {
        font-size: 1.125em
    }
}

.life-at-pxl-filters .life-at-pxl-filter-list li:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: 0 0;
    bottom: -10px;
    margin: 0 auto
}

.life-at-pxl-filters .life-at-pxl-filter-list li.active:before {
    background: #38a7a1
}

.faq-categories .faq-row .accordion-row h5,
.life-at-pxl-filters .office-infrastructure {
    background: 0 0
}

.do-and-dont-section {
    border-top: 1px solid #e4e4eb;
    padding-bottom: 0
}

.do-and-dont-section .grids {
    grid-gap: 138px
}

@media (max-width:1400px) {
    .do-and-dont-section .grids {
        grid-gap: 60px
    }
}

@media (max-width:767px) {
    .do-and-dont-section .grids {
        grid-template-columns: 1fr;
        grid-gap: 0
    }
}

.do-and-dont-section .section-title {
    margin-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width:767px) {
    .do-and-dont-section .section-title h2 {
        font-size: 25px
    }
}

.do-and-dont-section .section-title img {
    margin: 5px 0 0 16px
}

@media (max-width:1400px) {
    .do-and-dont-section .section-title img {
        width: 30px
    }
}

@media (max-width:767px) {
    .do-and-dont-section .section-title img {
        width: 20px
    }
}

.do-and-dont-section .section-title2 {
    margin-bottom: 0
}

ul.listing {
    margin-top: 30px
}

@media (max-width:767px) {
    ul.listing.large {
        margin-top: 20px
    }
}

ul.listing.large li {
    padding-left: 35px;
    font-size: 1.25em;
    font-weight: 700;
    margin-bottom: 24px
}

@media (max-width:1400px) {
    ul.listing.large li {
        font-size: 1.25em;
        padding-left: 30px;
        margin-bottom: 20px
    }
}

@media (max-width:991px) {
    ul.listing.large li {
        font-size: 1.125em;
        padding-left: 30px;
        margin-bottom: 20px
    }
}

@media (max-width:767px) {
    ul.listing.large li {
        margin-bottom: 10px
    }
}

@media (max-width:575px) {
    ul.listing.large li {
        font-size: 1em
    }
}

.hr-info-box .hr-details p:last-child,
ul.listing.large li:last-child,
ul.listing.medium li:last-child {
    margin-bottom: 0
}

ul.listing.large li:before {
    width: 11px;
    height: 11px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    top: 10px
}

@media (max-width:575px) {
    ul.listing.large li:before {
        width: 6px;
        height: 6px;
        top: 10px
    }
}

@media (max-width:767px) {
    ul.listing.medium {
        margin-top: 20px
    }
}

ul.listing.medium li {
    font-size: 1.125em;
    font-weight: 400;
    margin-bottom: 10px
}

@media (max-width:575px) {
    ul.listing.medium li {
        font-size: 1em;
        padding-left: 10px
    }
}

ul.listing.medium li:before {
    width: 8px;
    height: 8px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    top: 10px
}

ul.listing.orange-list li::before {
    background: -webkit-gradient(linear, left top, right top, from(#ff6900), to(#e63535));
    background: -o-linear-gradient(left, #ff6900 0%, #e63535 100%);
    background: linear-gradient(90deg, #ff6900 0%, #e63535 100%)
}

ul.listing.green-list li::before {
    background: -o-linear-gradient(302.86deg, #00cfde 6.95%, #05a660 93.05%);
    background: linear-gradient(147.14deg, #00cfde 6.95%, #05a660 93.05%)
}

@media (max-width:767px) {
    ul.listing.blue-list {
        margin-bottom: 0
    }
}

.portfolio-slider-section .portfolio-slider .swiper-pagination>span.swiper-pagination-bullet.swiper-pagination-bullet-active,
ul.listing.blue-list li::before {
    background: -o-linear-gradient(302.86deg, #3e7bfa 6.95%, #60c 93.05%);
    background: linear-gradient(147.14deg, #3e7bfa 6.95%, #60c 93.05%)
}

.perks-boxes {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    grid-gap: 30px
}

@media (max-width:767px) {
    .perks-boxes {
        grid-gap: 20px
    }
}

.perks-boxes .perks-box {
    width: calc(16.6666% - 25px);
    padding: 24px 20px;
    text-align: center
}

@media (max-width:1199px) {
    .perks-boxes .perks-box {
        width: calc(20% - 24px)
    }
}

@media (max-width:991px) {
    .perks-boxes .perks-box {
        width: calc(25% - 24px);
        padding: 20px 15px
    }
}

@media (max-width:767px) {
    .perks-boxes .perks-box {
        width: calc(33.33% - 20px);
        padding: 20px 15px
    }
}

@media (max-width:575px) {
    .perks-boxes .perks-box {
        width: calc(50% - 15px);
        padding: 20px 15px
    }
}

.perks-boxes .perks-box .perks-icon {
    width: 94px;
    height: 94px;
    border-radius: 50%;
    margin: 0 auto 15px
}

@media (max-width:991px) {
    .perks-boxes .perks-box .perks-icon {
        width: 74px;
        height: 74px
    }
}

@media (max-width:575px) {
    .perks-boxes .perks-box .perks-icon {
        width: 64px;
        height: 64px;
        padding: 10px
    }
}

.perks-boxes .perks-box .perks-icon,
.perks-boxes .perks-box .perks-icon figure {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (max-width:991px) {
    .perks-boxes .perks-box .perks-icon figure {
        width: 35px
    }
}

@media (max-width:575px) {
    .perks-boxes .perks-box .perks-icon figure {
        width: 30px
    }
}

.perks-boxes .perks-box .perks-icon figure img {
    -o-object-fit: contain;
    object-fit: contain
}

.perks-boxes .perks-box h6 {
    font-weight: 600;
    color: #28293d;
    margin: 0
}

.hr-info-box,
.hr-info-box .hr-social-info ul,
.perks-boxes .perks-box .perks-icon,
.perks-boxes .perks-box .perks-icon figure {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.hr-info-box {
    background: #f9fbff;
    grid-gap: 60px;
    padding: 30px;
    border-radius: 4px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

@media (max-width:1400px) {
    .hr-info-box {
        grid-gap: 40px
    }
}

@media (max-width:991px) {
    .hr-info-box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media (max-width:767px) {
    .hr-info-box {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0 -32px;
        padding: 48px 32px
    }
}

.hr-info-box .hr-social-info {
    position: relative
}

@media (max-width:767px) {
    .hr-info-box .hr-social-info {
        width: 100%;
        max-width: 300px
    }
}

.hr-info-box .hr-social-info figure {
    width: 250px;
    height: 250px;
    position: relative;
    overflow: hidden
}

@media (max-width:1400px) {
    .hr-info-box .hr-social-info figure {
        width: 200px;
        height: 200px
    }
}

@media (max-width:1199px) {
    .hr-info-box .hr-social-info figure {
        width: 180px;
        height: 180px
    }
}

.hr-info-box .hr-social-info figure img {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.hr-info-box .hr-social-info ul {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 20px;
    margin: 0;
    padding: 0;
    background: #fff;
    border-radius: 15px;
    border: 1px solid #cdd3d3;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    list-style: none;
    overflow: hidden
}

.hr-info-box .hr-social-info ul li:not(:last-child) {
    border-right: 1px solid #cdd3d3
}

.hr-info-box .hr-contact-info ul,
.hr-info-box .hr-social-info ul li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.hr-info-box .hr-social-info ul li a {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    padding: 10px
}

.hr-info-box .hr-social-info ul li a:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    z-index: 2
}

.hr-info-box .hr-social-info ul li a i {
    position: relative;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    z-index: 3
}

.hr-info-box .hr-social-info ul li a:hover i {
    color: #fff;
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg)
}

.hr-info-box .hr-social-info ul li a:hover:before {
    top: 0
}

.hr-info-box .hr-social-info ul li a.facebook:before {
    background: #3b5999
}

.hr-info-box .hr-social-info ul li a.linkedin:before {
    background: #0077b5
}

.hr-info-box .hr-social-info ul li a.instagram:before {
    background: #c13584
}

.hr-info-box .hr-social-info ul li a.twitter:before {
    background: #55acee
}

.hr-info-box .hr-details {
    padding-top: 25px
}

@media (max-width:991px) {
    .hr-info-box .hr-details {
        padding-top: 0
    }
}

.hr-info-box .hr-details h3 {
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 20px
}

@media (max-width:991px) {
    .hr-info-box .hr-details h3 {
        padding-bottom: 15px;
        margin-bottom: 15px
    }
}

@media (max-width:767px) {
    .hr-info-box .hr-details h3 {
        padding-bottom: 10px;
        margin-bottom: 10px
    }
}

.hr-info-box .hr-details h3 span {
    display: block;
    font-size: 16px;
    color: rgba(0, 0, 0, .6);
    line-height: normal;
    font-weight: 400
}

.hr-info-box .hr-details h3:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
    width: 50px;
    background: #38a7a1
}

.hr-info-box .hr-details p {
    line-height: 1.8;
    color: rgba(18, 20, 29, .8);
    max-width: 650px;
    width: 100%
}

.hr-info-box .hr-contact-info ul {
    padding: 0;
    margin: 0;
    list-style: none;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    grid-gap: 10px 30px
}

.hr-info-box .hr-contact-info ul li:last-child {
    margin-right: 0
}

.hr-info-box .hr-contact-info ul li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #555770
}

.hr-info-box .hr-contact-info ul li a i {
    font-size: 18px;
    margin-right: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.info-box {
    padding: 35px 0
}

@media (max-width:991px) {
    .info-box {
        padding: 24px 0
    }

    .info-box:last-child {
        padding-bottom: 48px
    }
}

.info-box h2 {
    margin-bottom: 20px;
    font-size: 2.5em;
    color: #12141d
}

@media (max-width:991px) {
    .info-box h2 {
        font-size: 1.75em;
        margin-bottom: 10px
    }
}

@media (max-width:575px) {
    .info-box h2 {
        font-size: 1.5em
    }
}

.info-box p {
    font-size: 1.25em;
    line-height: 1.5
}

@media (max-width:991px) {
    .info-box p {
        font-size: 1.125em
    }
}

@media (max-width:767px) {
    .info-box p {
        font-size: 1em
    }
}

.info-box p:last-child {
    margin-bottom: 0
}

.info-box .grids {
    grid-gap: 130px
}

@media (max-width:991px) {
    .info-box .grids {
        grid-gap: 60px
    }
}

@media (max-width:767px) {
    .info-box .grids {
        grid-template-columns: 1fr !important;
        grid-gap: 10px !important;
    }

    .info-box .grids ul {
        margin: 0
    }
}

.apply-seo-analyst {
    border-top: 1px solid #e4e4eb
}

.apply-seo-analyst .apply-seo-analyst-row {
    max-width: 800px;
    width: 100%;
    margin: 0 auto;
    text-align: center
}

.apply-seo-analyst .apply-seo-analyst-row .section-title {
    max-width: 100%;
    text-align: center
}

.apply-seo-analyst .apply-seo-analyst-row .section-title h2 {
    font-size: 2.5em;
    color: #12141d
}

@media (max-width:991px) {
    .apply-seo-analyst .apply-seo-analyst-row .section-title h2 {
        font-size: 2.125em
    }
}

@media (max-width:767px) {
    .apply-seo-analyst .apply-seo-analyst-row .section-title h2 {
        font-size: 1.875em
    }
}

@media (max-width:575px) {
    .apply-seo-analyst .apply-seo-analyst-row .section-title h2 {
        font-size: 1.5em;
        text-align: left
    }
}

.apply-seo-analyst .apply-seo-analyst-row .file-upload-box p {
    color: #555770
}

.apply-seo-analyst .apply-seo-analyst-row .form-boxes {
    grid-template-columns: 1fr 1fr;
    display: grid;
    grid-gap: 30px;
    padding-bottom: 30px
}

@media (max-width:991px) {
    .apply-seo-analyst .apply-seo-analyst-row .form-boxes {
        padding-bottom: 0
    }
}

.apply-seo-analyst .apply-seo-analyst-row .form-boxes:last-child {
    padding-bottom: 0
}

@media (max-width:575px) {
    .apply-seo-analyst .apply-seo-analyst-row .form-boxes {
        grid-template-columns: 1fr;
        grid-gap: 20px 32px
    }
}

.apply-seo-analyst .apply-seo-analyst-row .form-boxes .form-group.full-width {
    grid-column: span 2
}

@media (max-width:575px) {
    .apply-seo-analyst .apply-seo-analyst-row .form-boxes .form-group.full-width {
        grid-column: inherit
    }
}

.apply-seo-analyst .apply-seo-analyst-row .form-boxes .form-group.form-heading {
    margin-bottom: -18px
}

.apply-seo-analyst .apply-seo-analyst-row .form-boxes .form-group .radio-btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: 30px
}

@media (max-width:991px) {
    .apply-seo-analyst .apply-seo-analyst-row button.button {
        margin-top: 35px
    }
}

@media (max-width:575px) {
    .apply-seo-analyst .apply-seo-analyst-row button.button {
        margin-top: 30px
    }
}

.apply-seo-analyst .apply-seo-analyst-row .link-btn {
    font-weight: 600;
    color: #25245d;
    font-size: 18px;
    text-align: center;
    margin-top: 40px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.apply-seo-analyst .apply-seo-analyst-row .link-btn:hover,
.our-clients .our-clients-row .section-title h4 span,
.request-quote-page .get-in-touch .get-in-touch-row .contact-form-box .contact-form-info .contact-form-field .resume-upload .button:hover::after,
.request-quote-page .get-in-touch .get-in-touch-row .contact-form-box .contact-form-info .contact-form-field .testimonial-dt p a:hover,
.review-inner-row .review-information-box h3 span,
.body.contact-us .hero-section .hero-row .hero-box .hero-content ul li a:hover {
    color: #38a7a1
}

.apply-seo-analyst .apply-seo-analyst-row label,
.apply-seo-analyst .apply-seo-analyst-row span {
    text-align: start
}

.apply-seo-analyst .apply-seo-analyst-row .wpcf7-form .wpcf7-spinner {
    display: none
}

.apply-seo-analyst .apply-seo-analyst-row .wpcf7-form.submitting .wpcf7-spinner {
    display: block
}

.apply-seo-analyst .wpcf7-submit .wpcf7-spinner {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 0 auto;
    background: #fff
}

.apply-seo-analyst form.submitting .wpcf7-submit {
    pointer-events: none
}

.apply-seo-analyst form.submitting .wpcf7-submit span:not(.wpcf7-spinner) {
    min-width: 191px;
    min-height: 53px;
    font-size: 0
}

@media (max-width:767px) {
    .apply-seo-analyst form.submitting .wpcf7-submit span:not(.wpcf7-spinner) {
        min-width: 119px;
        min-height: 38px
    }
}

.gray-bg .hiring-process-flow .hiring-process-flow-box {
    background: #fafafc
}

.gray-bg .hiring-process-flow .hiring-process-flow-box h2 {
    color: #fafafc
}

.career-section .info-box ul.listing li {
    font-weight: 400
}

.career-section .info-box ul.listing li::before {
    background: url(../img/right-circle-svg2.svg) no-repeat center center;
    height: 16px;
    width: 16px;
    left: 0;
    top: 7px
}

.body.career-page .hr-info-box .hr-social-info figure {
    width: 350px;
    height: 350px
}

@media (max-width:1199px) {
    .body.career-page .hr-info-box .hr-social-info figure {
        width: 300px;
        height: 300px
    }
}

.body.career-detail .hero-section .hero-row .addtoany_shortcode .addtoany_share {
    font-size: 0 !important;
    position: absolute;
    width: 0;
    pointer-events: none
}

.current-opening-sidebar .rating-info-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-gap: 12px
}

.current-opening-sidebar .glassdoor-box,
.current-opening-sidebar .google-rating-box {
    width: 100%;
    border: 1px solid #dadada;
    overflow: hidden;
    border-radius: 5px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 8px 22px
}

.current-opening-sidebar .glassdoor-box {
    background-color: #fafafa
}

.current-opening-sidebar .glassdoor-box figure {
    min-width: 26px;
    max-width: 26px
}

.current-opening-sidebar .glassdoor-box figure img,
.body.portfolio-detail-page .hero-section .hero-row .hero-box picture {
    width: 100%
}

@media (max-width:575px) {
    .current-opening-sidebar .glassdoor-box p br {
        display: block
    }
}

.current-opening-sidebar .google-rating-box figure {
    margin-right: 0
}

@media (max-width:767px) {
    .current-opening-sidebar .google-rating-box figure {
        max-width: 150px
    }
}

:root {
    --duration: 1s;
    --ease: cubic-bezier(0.25, 1, 0.5, 1)
}

@media (max-width:991px) {
    .body.become-partner-page .challenges-section {
        padding-bottom: 0
    }

    .body.become-partner-page .challenges-section .technology-banner {
        padding-top: 50px
    }
}

.body.become-partner-page .challenges-section .benefit-info {
    background-color: #fff9f9
}

.body.become-partner-page .challenges-section .benefit-info:nth-child(2) {
    background-color: #fafffd
}

.body.become-partner-page .challenges-section .benefit-info:nth-child(3) {
    background-color: #f7faff
}

.body.become-partner-page .challenges-section .benefit-info:nth-child(4) {
    background-color: #fffef8
}

.body.become-partner-page .challenges-section .benefit-info:nth-child(5) {
    background-color: #fffbf5
}

.body.become-partner-page .challenges-section .benefit-info:nth-child(6) {
    background-color: #f5fdfe
}

.body.become-partner-page .challenges-section .benefit-info:nth-child(7) {
    background-color: #f8feff
}

.body.become-partner-page .challenges-section .benefit-info:nth-child(8) {
    background-color: #faf5ff
}

span.red {
    color: #e53535
}

.how-can-help .about-content-info {
    padding-top: 50px
}

.how-can-help .about-content-info .section-title2 h1,
.how-can-help .about-content-info .section-title2 h2,
.request-quote-page .get-in-touch .get-in-touch-row .what-we-deliver-point .testimonial-section .testimonial-row-box .client-review-slider .swiper-slide .testimonial-slide,
.body.portfolio-detail-page .hero-section .hero-row .hero-box .hero-content .work-technology-tag ul {
    margin: 0
}

.how-can-help .about-content-info .section-title {
    margin: 0 0 42px
}

@media (max-width:767px) {
    .how-can-help .about-content-info .section-title {
        margin: 0 0 20px
    }
}

.how-can-help .zaraglobe-key {
    margin-top: 85px
}

@media (max-width:767px) {
    .how-can-help .zaraglobe-key {
        margin-top: 48px
    }
}

.rating-section {
    overflow: hidden
}

.help-person-box .help-person-info {
    max-width: 580px;
    padding-top: 120px;
    margin: 0 auto;
    position: relative
}

.help-person-box .help-person-info figure {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 160px;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (max-width:1199px) {
    .help-person-box .help-person-info figure {
        bottom: 140px
    }
}

@media (max-width:991px) {
    .help-person-box .help-person-info figure {
        bottom: 80px
    }
}

@media (max-width:767px) {
    .help-person-box .help-person-info figure {
        bottom: 40px
    }
}

.help-person-box .help-person-info figure img {
    width: 360px;
    height: 504px;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: top;
    object-position: top
}

@media (max-width:1199px) {
    .help-person-box .help-person-info figure img {
        height: 450px
    }
}

@media (max-width:991px) {
    .help-person-box .help-person-info figure img {
        width: 100%;
        height: 381px
    }
}

@media (max-width:767px) {
    .help-person-box .help-person-info figure img {
        -o-object-fit: scale-down;
        object-fit: scale-down;
        height: 400px
    }
}

.help-person-box .help-person-info .help-person-bg {
    width: 100%;
    padding-top: 100%;
    position: relative;
    overflow: hidden;
    border-radius: 50%;
    background: #fafafc
}

@media (max-width:767px) {
    .help-person-box .help-person-info .help-person-bg {
        max-width: 420px;
        aspect-ratio: 1;
        width: 100%;
        padding: 0
    }
}

.help-person-box .help-person-info .help-person-bg h3 {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    padding: 35px 100px 45px;
    background: #fafafc;
    margin: 0 auto;
    text-align: center;
    border-top: 1px solid #d9d9d9;
    z-index: 2;
    min-height: 196px
}

@media (max-width:1199px) {
    .help-person-box .help-person-info .help-person-bg h3 {
        font-size: 1.5em
    }
}

@media (max-width:991px) {
    .help-person-box .help-person-info .help-person-bg h3 {
        font-size: 1.25em;
        padding: 30px 50px 40px
    }
}

@media (max-width:575px) {
    .help-person-box .help-person-info .help-person-bg h3 {
        font-size: 1.125em;
        padding: 30px 40px 40px;
        min-height: 148px
    }
}

.review-inner-row,
.review-inner-row .review-vector {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.review-inner-row {
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fafefc));
    background: -o-linear-gradient(top, #fff 0%, #fafefc 100%);
    background: linear-gradient(180deg, #fff 0%, #fafefc 100%);
    border-radius: 6px;
    padding: 50px;
    border: 1px solid #00cfde;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(330px, auto));
    grid-gap: 45px 32px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width:575px) {
    .review-inner-row {
        grid-template-columns: 1fr;
        padding: 30px;
        row-gap: 0
    }
}

.review-inner-row .review-vector {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 40px;
    text-align: center;
    margin-top: 10px
}

@media (max-width:1199px) {
    .review-inner-row .review-vector {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 25px
    }
}

@media (max-width:991px) {
    .review-inner-row .review-vector {
        text-align: left
    }
}

@media (max-width:767px) {
    .review-inner-row .review-vector {
        margin-top: 0
    }
}

.cooperation-row .cooperation-flow .cooperation-detail-box .cooperation-info figure img,
.review-inner-row .review-vector figure img {
    -o-object-fit: contain;
    object-fit: contain
}

.review-inner-row .review-vector .button {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.review-inner-row .review-information-box {
    max-width: 790px;
    width: 100%
}

.review-inner-row .review-information-box h3 {
    font-size: 2.5em;
    margin-bottom: 0
}

@media (max-width:1199px) {
    .review-inner-row .review-information-box h3 {
        font-size: 2.1875em
    }
}

@media (max-width:767px) {
    .review-inner-row .review-information-box h3 {
        font-size: 1.25em
    }
}

@media (max-width:575px) {
    .review-inner-row .review-information-box h3 {
        font-size: 1.125em
    }
}

.review-inner-row .review-information-box p {
    font-size: 20px;
    color: #555770;
    margin-top: 5px
}

.review-inner-row .review-information-box p:last-of-type {
    margin-bottom: 0
}

.review-inner-row .review-information-box .platform-logo {
    width: 100%;
    margin-top: 16px;
    padding-top: 17px;
    border-top: 1px solid #f1f1f1;
    max-width: 700px
}

@media (max-width:575px) {
    .review-inner-row .review-information-box .platform-logo {
        margin: 20px 0
    }
}

.review-inner-row .review-information-box .platform-logo figure {
    width: calc(33.33% - 47px)
}

@media (max-width:991px) {
    .review-inner-row .review-information-box .platform-logo figure {
        width: 30%
    }
}

@media (max-width:575px) {
    .review-inner-row .review-information-box .platform-logo figure {
        width: calc(50% - 20px)
    }
}

.cooperation-row .cooperation-flow,
.review-inner-row .ratingbox {
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.review-inner-row .ratingbox,
.review-inner-row .ratingbox .total-rating {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50px
}

.review-inner-row .ratingbox {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border: 1px solid #38a7a1;
    text-align: center;
    padding: 6px 20px 6px 110px;
    min-height: 55px;
    margin-top: 0
}

.our-clients .our-clients-row figure,
.our-expertise .business-modal-box .business-modal-list ul li a::before,
.review-inner-row .ratingbox .star-list {
    display: none
}

.review-inner-row .ratingbox .total-rating {
    position: absolute;
    left: 0;
    top: 0;
    width: 97px;
    height: 100%;
    border-right: 1px solid #38a7a1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 36px;
    line-height: 1;
    color: #fff;
    font-weight: 700;
    background: #38a7a1
}

@media (max-width:575px) {
    .review-inner-row .ratingbox .total-rating {
        font-size: 30px
    }
}

.extensions-sec ul li a figure,
.review-inner-row .ratingbox .total-rating strong {
    display: inline-block
}

.review-inner-row .ratingbox .total-rating em {
    font-size: 25px
}

.review-inner-row .ratingbox .rating-details {
    margin-top: 0;
    width: auto;
    height: 20px
}

.review-inner-row .ratingbox .rating-details .rating-star {
    width: 136px;
    height: 20px;
    background-size: 136px
}

.review-inner-row .ratingbox .rating-details .rating-star span,
.review-inner-row .ratingbox .star-rating-control>.star-rating {
    background-size: 136px;
    font-size: 0;
    -webkit-filter: brightness(0) saturate(100%) invert(81%) sepia(17%) saturate(1027%) hue-rotate(97deg) brightness(88%) contrast(92%);
    filter: brightness(0) saturate(100%) invert(81%) sepia(17%) saturate(1027%) hue-rotate(97deg) brightness(88%) contrast(92%)
}

.review-inner-row .ratingbox .star-rating-control {
    background: url(../img/star-without-fill.svg) no-repeat center left;
    width: 136px;
    height: 20px;
    background-size: 136px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 0
}

.review-inner-row .ratingbox .star-rating-control>.star-rating {
    background: url(../img/star.svg) no-repeat center left;
    -webkit-transition: all 250ms cubic-bezier(.75, .1, .6, 1);
    -o-transition: all 250ms cubic-bezier(.75, .1, .6, 1);
    transition: all 250ms cubic-bezier(.75, .1, .6, 1);
    width: 100%;
    opacity: 0;
    cursor: pointer;
    height: 24px;
    background-size: 136px !important
}

.review-inner-row .ratingbox .star-rating-control>.star-rating.active,
.review-inner-row .ratingbox .star-rating-control>.star-rating.star-rating-hover {
    opacity: 1
}

.review-inner-row .ratingbox .rating-response {
    display: block;
    width: 100%;
    font-size: 18px;
    font-style: italic;
    line-height: 1.23;
    margin-top: 3px
}

@media (max-width:575px) {
    .review-inner-row .ratingbox .rating-response {
        font-size: 16px;
        margin-top: 7px
    }
}

.challenges-section {
    background: #25245d
}

.challenges-section .section-title p {
    color: rgba(255, 255, 255, .8)
}

.cooperation-row {
    max-width: 1130px;
    margin: 0 auto;
    width: 100%;
    counter-reset: cooperataion-flow
}

.cooperation-row .cooperation-flow {
    display: grid;
    grid-template-columns: 290px 1fr;
    grid-gap: 63px;
    padding-bottom: 120px;
    overflow: hidden
}

@media (max-width:991px) {
    .cooperation-row .cooperation-flow {
        grid-gap: 40px;
        grid-template-columns: 180px 1fr
    }
}

@media (max-width:767px) {
    .cooperation-row .cooperation-flow {
        grid-gap: 30px;
        grid-template-columns: 120px 1fr;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

@media (max-width:575px) {
    .cooperation-row .cooperation-flow {
        grid-gap: 20px;
        grid-template-columns: 80px 1fr
    }
}

.cooperation-row .cooperation-flow:last-child {
    padding-bottom: 0
}

.cooperation-row .cooperation-flow:last-child .cooperation-flow-line,
.request-quote-page .get-in-touch .get-in-touch-row .contact-form-box .contact-form-info .contact-form-field .testimonial-dt ul li:last-child::after {
    display: none
}

.cooperation-row .cooperation-flow:nth-child(even) {
    grid-template-columns: 1fr 290px
}

@media (max-width:991px) {
    .cooperation-row .cooperation-flow:nth-child(even) {
        grid-template-columns: 1fr 180px
    }
}

@media (max-width:767px) {
    .cooperation-row .cooperation-flow:nth-child(even) {
        grid-template-columns: 1fr 120px
    }
}

@media (max-width:575px) {
    .cooperation-row .cooperation-flow:nth-child(even) {
        grid-template-columns: 1fr 80px
    }
}

.cooperation-row .cooperation-flow:nth-child(even) .cooperation-box {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.cooperation-row .cooperation-flow:nth-child(even) .cooperation-flow-line figure {
    position: absolute;
    top: -70px;
    left: 20%;
    right: auto;
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1)
}

.cooperation-row .cooperation-flow:nth-child(even) .cooperation-flow-line:before {
    bottom: 0;
    top: auto;
    left: auto;
    right: 0;
    z-index: -1
}

.cooperation-row .cooperation-flow:nth-child(even) .cooperation-flow-line:after {
    top: 0;
    bottom: auto;
    right: auto;
    left: 0;
    z-index: -1
}

.cooperation-row .cooperation-flow:nth-child(even) .cooperation-detail-box .cooperation-info {
    grid-template-columns: auto 1fr;
    margin-left: auto
}

.cooperation-row .cooperation-flow:nth-child(even) .cooperation-detail-box .cooperation-info .cooperation-flow-name {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    text-align: right
}

@media (max-width:767px) {
    .cooperation-row .cooperation-flow:nth-child(even) .cooperation-detail-box .cooperation-info {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .cooperation-row .cooperation-flow:nth-child(even) .cooperation-detail-box .cooperation-info figure {
        text-align: right
    }
}

.cooperation-row .cooperation-flow .cooperation-box {
    width: 270px;
    height: 270px;
    border: 1px dashed #25245d;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #fff;
    overflow: hidden;
    outline: 10px solid #fff;
    margin: 10px
}

@media (max-width:991px) {
    .cooperation-row .cooperation-flow .cooperation-box {
        width: 170px;
        height: 170px
    }
}

@media (max-width:767px) {
    .cooperation-row .cooperation-flow .cooperation-box {
        width: 110px;
        height: 110px
    }
}

@media (max-width:575px) {
    .cooperation-row .cooperation-flow .cooperation-box {
        width: 60px;
        height: 60px
    }
}

.cooperation-row .cooperation-flow .cooperation-box::before {
    counter-increment: cooperataion-flow;
    content: "0" counter(cooperataion-flow);
    font-size: 148px;
    -webkit-text-stroke: 3px transparent !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    font-weight: 700;
    color: #fff;
    letter-spacing: 4px;
    background-color: #25245d;
    border-radius: 50%
}

@media (max-width:991px) {
    .cooperation-row .cooperation-flow .cooperation-box::before {
        font-size: 60px
    }
}

@media (max-width:575px) {
    .cooperation-row .cooperation-flow .cooperation-box::before {
        font-size: 30px;
        -webkit-text-stroke: 2px transparent !important
    }
}

.cooperation-row .cooperation-flow .cooperation-flow-line {
    width: calc(100% - 276px);
    border-top: 1px dashed #25245d;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 48px
}

@media (max-width:991px) {
    .cooperation-row .cooperation-flow .cooperation-flow-line {
        width: calc(100% - 180px)
    }
}

@media (max-width:767px) {
    .cooperation-row .cooperation-flow .cooperation-flow-line {
        width: calc(100% - 120px)
    }
}

@media (max-width:575px) {
    .cooperation-row .cooperation-flow .cooperation-flow-line {
        width: calc(100% - 80px)
    }
}

.cooperation-row .cooperation-flow .cooperation-flow-line figure {
    position: absolute;
    top: -70px;
    right: 20%
}

.cooperation-row .cooperation-flow .cooperation-flow-line:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    height: calc(100vh + 270px);
    border-left: 1px dashed #25245d;
    z-index: -1
}

@media (max-width:991px) {
    .cooperation-row .cooperation-flow .cooperation-flow-line:before {
        height: calc(100vh + 180px)
    }
}

@media (max-width:767px) {
    .cooperation-row .cooperation-flow .cooperation-flow-line:before {
        height: calc(100vh + 120px)
    }
}

@media (max-width:575px) {
    .cooperation-row .cooperation-flow .cooperation-flow-line:before {
        height: calc(100vh + 80px)
    }
}

.cooperation-row .cooperation-flow .cooperation-flow-line:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    height: calc(100vh + 270px);
    border-right: 1px dashed #25245d;
    z-index: -1
}

@media (max-width:991px) {
    .cooperation-row .cooperation-flow .cooperation-flow-line:after {
        height: calc(100vh + 180px)
    }
}

@media (max-width:767px) {
    .cooperation-row .cooperation-flow .cooperation-flow-line:after {
        height: calc(100vh + 120px)
    }
}

@media (max-width:575px) {
    .cooperation-row .cooperation-flow .cooperation-flow-line:after {
        height: calc(100vh + 80px)
    }
}

@media (max-width:767px) {
    .cooperation-row .cooperation-flow .cooperation-detail-box {
        padding-top: 20px
    }
}

.cooperation-row .cooperation-flow .cooperation-detail-box .cooperation-info {
    max-width: 580px;
    width: 100%;
    grid-template-columns: 1fr auto;
    grid-gap: 50px;
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width:991px) {
    .cooperation-row .cooperation-flow .cooperation-detail-box .cooperation-info {
        grid-gap: 20px
    }
}

@media (max-width:767px) {
    .cooperation-row .cooperation-flow .cooperation-detail-box .cooperation-info {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

.cooperation-row .cooperation-flow .cooperation-detail-box .cooperation-info figure,
.founder-section .founder-section-row .founder-image figure {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (max-width:991px) {
    .cooperation-row .cooperation-flow .cooperation-detail-box .cooperation-info figure {
        display: inline-block;
        width: 100%
    }
}

@media (max-width:991px) {
    .cooperation-row .cooperation-flow .cooperation-detail-box .cooperation-info figure img {
        width: 80px;
        height: 80px
    }
}

@media (max-width:767px) {
    .cooperation-row .cooperation-flow .cooperation-detail-box .cooperation-info figure img {
        width: 50px;
        height: 50px
    }
}

@media (max-width:575px) {
    .cooperation-row .cooperation-flow .cooperation-detail-box .cooperation-info figure img {
        width: auto;
        height: 50px
    }
}

.cooperation-row .cooperation-flow .cooperation-detail-box .cooperation-info .cooperation-flow-name h2 {
    margin-bottom: 24px
}

@media (max-width:767px) {
    .cooperation-row .cooperation-flow .cooperation-detail-box .cooperation-info .cooperation-flow-name h2 {
        font-size: 1.25em;
        margin-bottom: 10px
    }

    .cooperation-row .cooperation-flow .cooperation-detail-box .cooperation-info .cooperation-flow-name h2 br {
        display: none
    }
}

.cooperation-row .cooperation-flow .cooperation-detail-box .cooperation-info .cooperation-flow-name p {
    margin-bottom: 0;
    font-size: 1.25em
}

@media (max-width:991px) {
    .cooperation-row .cooperation-flow .cooperation-detail-box .cooperation-info .cooperation-flow-name p {
        padding-bottom: 20px
    }
}

@media (max-width:767px) {
    .cooperation-row .cooperation-flow .cooperation-detail-box .cooperation-info .cooperation-flow-name p {
        font-size: 1em
    }
}

.pix-benifits-sec {
    counter-reset: my-sec-counter;
    background-color: #fafafc;
    padding: 100px 0
}

@media (max-width:991px) {
    .pix-benifits-sec {
        padding: 60px 0
    }
}

@media (max-width:767px) {
    .pix-benifits-sec {
        padding: 48px 0
    }
}

.pix-benifits-sec .pix-benifits {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 60px 30px
}

@media (max-width:1199px) {
    .pix-benifits-sec .pix-benifits {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media (max-width:991px) {
    .pix-benifits-sec .pix-benifits {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 30px
    }
}

@media (max-width:575px) {
    .pix-benifits-sec .pix-benifits {
        grid-template-columns: 1fr
    }
}

.pix-benifits-sec .pix-benifits .philosophy-box {
    padding: 48px 30px 63px;
    background: #fff
}

@media (max-width:767px) {
    .pix-benifits-sec .pix-benifits .philosophy-box {
        padding: 32px 30px 40px
    }
}

.pix-benifits-sec .pix-benifits .philosophy-box::before {
    counter-increment: my-sec-counter;
    content: "0" counter(my-sec-counter);
    font-size: 65px;
    -webkit-text-stroke: 1px #12141d !important;
    font-weight: 700;
    color: #fff;
    line-height: 1;
    bottom: -25px
}

@media (max-width:991px) {
    .pix-benifits-sec .pix-benifits .philosophy-box::before {
        font-size: 50px
    }
}

.pix-benifits-sec .pix-benifits .philosophy-box .philosophy-name {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 0 24px
}

@media (max-width:767px) {
    .pix-benifits-sec .pix-benifits .philosophy-box .philosophy-name {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        grid-gap: 12px
    }
}

.pix-benifits-sec .pix-benifits .philosophy-box .philosophy-name h4 {
    color: #12141d;
    margin: 0;
    line-height: 1.2
}

@media (max-width:767px) {
    .pix-benifits-sec .pix-benifits .philosophy-box .philosophy-name h4 br {
        display: none
    }
}

.founder-section .section-title2 {
    margin: 0 0 45px
}

@media (max-width:767px) {
    .founder-section .section-title2 {
        margin: 0 0 30px
    }
}

@media (max-width:575px) {
    .founder-section .section-title2 {
        margin: 0 0 20px
    }
}

.founder-section .section-title2 h1,
.founder-section .section-title2 h2 {
    -webkit-text-stroke: 2px #25245d;
    white-space: nowrap;
    position: relative;
    z-index: 1;
    line-height: 1
}

@media (max-width:575px) {

    .founder-section .section-title2 h1,
    .founder-section .section-title2 h2 {
        white-space: pre-wrap
    }

    .founder-section .section-title2 h1 br,
    .founder-section .section-title2 h2 br {
        display: none
    }
}

.founder-section .section-title {
    margin-bottom: 42px
}

@media (max-width:767px) {
    .founder-section .section-title {
        margin-bottom: 30px
    }
}

@media (max-width:575px) {
    .founder-section .section-title {
        margin-bottom: 20px
    }
}

.founder-section .section-title h1,
.founder-section .section-title h2 {
    line-height: 1
}

.founder-section .action-button {
    grid-gap: 18px
}

.founder-section .founder-section-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width:991px) {
    .founder-section .founder-section-row {
        grid-gap: 40px
    }
}

@media (max-width:575px) {
    .founder-section .founder-section-row {
        grid-gap: 30px;
        grid-template-columns: 1fr
    }

    .founder-section .founder-section-row .founder-content-info {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
}

.founder-section .founder-section-row .founder-image {
    position: relative;
    padding-left: 61px;
    margin-left: -80px;
    max-width: 538px;
    min-width: 538px;
    width: 100%
}

@media (max-width:1199px) {
    .founder-section .founder-section-row .founder-image {
        margin-left: 0
    }
}

@media (max-width:991px) {
    .founder-section .founder-section-row .founder-image {
        max-width: 100%;
        min-width: auto
    }
}

@media (max-width:767px) {
    .founder-section .founder-section-row .founder-image {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        padding-left: 41px
    }
}

@media (max-width:575px) {
    .founder-section .founder-section-row .founder-image {
        padding-left: 0
    }
}

#contact-map .gm-style-iw .img_wrapper>img,
.blog-details-box .category-blog-info figure img,
.founder-section .founder-section-row .founder-image figure img {
    width: 100%;
    height: auto
}

.founder-section .founder-section-row .founder-image .icons {
    position: absolute;
    bottom: 0;
    left: 0
}

.founder-section .founder-section-row .founder-image .icons ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
    border: 1px solid #cdd3d3;
    border-right: 0
}

@media (max-width:575px) {
    .founder-section .founder-section-row .founder-image .icons ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        border-top: 0;
        border-bottom: 0
    }
}

.founder-section .founder-section-row .founder-image .icons ul li {
    border-bottom: 1px solid #cdd3d3
}

.founder-section .founder-section-row .founder-image .icons ul li:last-child,
.payment-box .tab-container .banking-details li:last-child {
    border-bottom: 0
}

@media (max-width:575px) {
    .founder-section .founder-section-row .founder-image .icons ul li {
        margin-bottom: 0;
        border-right: 1px solid #cdd3d3;
        border-bottom: 0
    }

    .founder-section .founder-section-row .founder-image .icons ul li:first-child {
        border-left: 0
    }

    .founder-section .founder-section-row .founder-image .icons ul li:last-child {
        border-right: 0
    }
}

.founder-section .founder-section-row .founder-image .icons ul li a {
    font-size: 1.25em;
    width: 60px;
    height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: background-color cubic-bezier(.5, 0, .25, 1) 250ms;
    -o-transition: background-color cubic-bezier(.5, 0, .25, 1) 250ms;
    transition: background-color cubic-bezier(.5, 0, .25, 1) 250ms;
    background-color: #fff
}

@media (max-width:767px) {
    .founder-section .founder-section-row .founder-image .icons ul li a {
        width: 40px;
        height: 40px
    }
}

.founder-section .founder-section-row .founder-image .icons ul li a i {
    -webkit-transition: color cubic-bezier(.5, 0, .25, 1) 250ms;
    -o-transition: color cubic-bezier(.5, 0, .25, 1) 250ms;
    transition: color cubic-bezier(.5, 0, .25, 1) 250ms
}

.founder-section p {
    margin: 83px 0 0;
    font-size: 1.8125em;
    text-align: justify;
    color: #12141d
}

@media (max-width:991px) {
    .founder-section p {
        margin: 40px 0 0;
        font-size: 20px
    }
}

@media (max-width:575px) {
    .founder-section p {
        margin: 30px 0 0;
        font-size: 16px
    }
}

mark {
    all: unset;
    background-repeat: no-repeat;
    background-size: 0% 100%;
    -webkit-transition: color calc(var(--duration)/4) var(--ease), background-color calc(var(--duration)/6) var(--ease), background-size var(--duration) var(--ease);
    -o-transition: color calc(var(--duration)/4) var(--ease), background-color calc(var(--duration)/6) var(--ease), background-size var(--duration) var(--ease);
    transition: color calc(var(--duration)/4) var(--ease), background-color calc(var(--duration)/6) var(--ease), background-size var(--duration) var(--ease);
    --line-size: 1em;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #fff), to(#38a7a1));
    background-image: -o-linear-gradient(#fff 50%, #38a7a1 100%);
    background-image: linear-gradient(#fff 50%, #38a7a1 100%)
}

mark.active {
    background-size: 100% 100%
}

.work-process-page .technologies-section {
    padding: 100px 0
}

@media (max-width:767px) {
    .work-process-page .technologies-section {
        padding: 48px 0
    }
}

.wroking-process-tab {
    counter-reset: my-sec-counter;
    margin: 12px 0 100px;
    background-color: #fafafc;
    position: relative;
    height: auto !important;
    max-height: none !important;
    overflow: clip;
    position: sticky;
    top: var(--header-height);
    z-index: 99999
}

@media (max-width:991px) {
    .wroking-process-tab {
        margin: 0 0 48px
    }
}

.wroking-process-tab.sticky ul li a {
    padding: 25px 0
}

.wroking-process-tab.counter a::before {
    counter-increment: my-sec-counter;
    content: counter(my-sec-counter) ".";
    padding-right: 10px
}

.wroking-process-tab .wrap {
    overflow: auto;
    width: calc(100% - 58px);
    -ms-overflow-style: none;
    scrollbar-width: none
}

.wroking-process-tab .wrap::-webkit-scrollbar {
    display: none
}

@media (max-width:767px) {
    .wroking-process-tab .wrap {
        width: calc(100% - 64px);
        margin: 0 auto
    }
}

.wroking-process-tab ul {
    list-style-type: none;
    white-space: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    display: table;
    text-align: center
}

.wroking-process-tab ul li {
    padding: 0 50px 0 0;
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.wroking-process-tab ul li:last-child {
    padding-right: 0
}

@media (max-width:991px) {
    .wroking-process-tab ul li {
        padding: 0 30px 0 0;
        margin: 0
    }
}

@media (max-width:479px) {
    .wroking-process-tab ul li {
        padding: 0 20px 0 0
    }
}

.wroking-process-tab ul li a {
    position: relative;
    color: #89899c;
    font-size: 1.25em;
    padding: 40px 0;
    display: inline-block;
    vertical-align: top;
    white-space: nowrap;
    z-index: 9;
    font-weight: 600
}

@media (max-width:1199px) {
    .wroking-process-tab ul li a {
        padding: 30px 0
    }
}

@media (max-width:991px) {
    .wroking-process-tab ul li a {
        padding: 25px 0;
        font-size: 1.125em
    }
}

@media (max-width:575px) {
    .wroking-process-tab ul li a {
        font-size: 1em
    }
}

@media (max-width:479px) {
    .wroking-process-tab ul li a {
        font-size: .875em
    }
}

.wroking-process-tab ul li a::after {
    content: '';
    position: absolute;
    height: 3px;
    background-color: #38a7a1;
    top: auto;
    bottom: 0;
    left: 0;
    width: 100%;
    -webkit-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: -webkit-transform 250ms cubic-bezier(.5, 0, .25, 1);
    -o-transition: transform 250ms cubic-bezier(.5, 0, .25, 1);
    transition: transform 250ms cubic-bezier(.5, 0, .25, 1);
    transition: transform 250ms cubic-bezier(.5, 0, .25, 1), -webkit-transform 250ms cubic-bezier(.5, 0, .25, 1)
}

.wroking-process-tab ul li a.active,
.wroking-process-tab ul li a:hover {
    color: #12141d
}

.wroking-process-tab ul li a.active::after,
.wroking-process-tab ul li a:hover::after {
    width: 100%;
    -webkit-transform-origin: 0% 50%;
    -ms-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1)
}

.wroking-process-sec .wrap {
    max-width: 1054px
}

.wroking-process-sec .wroking-process-flow {
    counter-reset: my-sec-counter
}

.wroking-process-sec .wroking-process-flow .wroking-process-row {
    position: relative;
    width: 100%;
    overflow: hidden
}

.wroking-process-sec .wroking-process-flow .wroking-process-row:last-child .wroking-process-box::after {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    background: #fff;
    border: 2px solid #25245d;
    border-radius: 50%;
    bottom: 0;
    left: 360px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1
}

@media (max-width:1199px) {
    .wroking-process-sec .wroking-process-flow .wroking-process-row:last-child .wroking-process-box::after {
        left: 50%
    }
}

@media (max-width:575px) {
    .wroking-process-sec .wroking-process-flow .wroking-process-row:last-child .wroking-process-box::after {
        left: 30px;
        bottom: 0
    }
}

.wroking-process-sec .wroking-process-flow .wroking-process-row .flow-step {
    position: absolute;
    top: 0;
    left: 300px;
    right: auto;
    margin: 0 auto;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    border: 1px dashed #25245d;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #fff
}

@media (max-width:1199px) {
    .wroking-process-sec .wroking-process-flow .wroking-process-row .flow-step {
        left: 0;
        right: 0
    }
}

@media (max-width:991px) {
    .wroking-process-sec .wroking-process-flow .wroking-process-row .flow-step {
        width: 100px;
        height: 100px
    }
}

@media (max-width:767px) {
    .wroking-process-sec .wroking-process-flow .wroking-process-row .flow-step {
        width: 80px;
        height: 80px
    }
}

@media (max-width:575px) {
    .wroking-process-sec .wroking-process-flow .wroking-process-row .flow-step {
        right: auto;
        width: 60px;
        height: 60px
    }
}

.wroking-process-sec .wroking-process-flow .wroking-process-row .flow-step::before {
    counter-increment: my-sec-counter;
    content: "0" counter(my-sec-counter);
    font-size: 65px;
    -webkit-text-stroke: 3px transparent !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    font-weight: 700;
    color: #fff;
    letter-spacing: 4px;
    background-color: #25245d
}

@media (max-width:991px) {
    .wroking-process-sec .wroking-process-flow .wroking-process-row .flow-step::before {
        font-size: 50px
    }
}

@media (max-width:767px) {
    .wroking-process-sec .wroking-process-flow .wroking-process-row .flow-step::before {
        font-size: 40px
    }
}

@media (max-width:575px) {
    .wroking-process-sec .wroking-process-flow .wroking-process-row .flow-step::before {
        font-size: 30px;
        -webkit-text-stroke: 2px transparent !important
    }
}

.wroking-process-sec .wroking-process-flow .wroking-process-row .flow-step::after {
    content: "";
    position: absolute;
    border: 1px dashed #25245d;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 200vh;
    z-index: -1
}

.wroking-process-sec .wroking-process-flow .wroking-process-row .wroking-process-box {
    display: grid;
    grid-template-columns: 300px auto;
    grid-gap: 120px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 160px 0 40px
}

@media (max-width:1199px) {
    .wroking-process-sec .wroking-process-flow .wroking-process-row .wroking-process-box {
        grid-template-columns: 1fr 1fr
    }
}

.wroking-process-sec .wroking-process-flow .wroking-process-row .wroking-process-box:last-child {
    padding-bottom: 60px
}

@media (max-width:991px) {
    .wroking-process-sec .wroking-process-flow .wroking-process-row .wroking-process-box:last-child {
        padding-bottom: 30px
    }

    .wroking-process-sec .wroking-process-flow .wroking-process-row .wroking-process-box {
        grid-gap: 100px;
        padding: 100px 0 40px
    }
}

@media (max-width:767px) {
    .wroking-process-sec .wroking-process-flow .wroking-process-row .wroking-process-box {
        grid-gap: 60px
    }
}

@media (max-width:575px) {
    .wroking-process-sec .wroking-process-flow .wroking-process-row .wroking-process-box {
        grid-template-columns: 1fr;
        padding: 40px 0 20px 60px;
        grid-gap: 25px
    }
}

.magento-contact-sec .magento-cr-sec .product-options .form-block .form-group.tooltip label figure img,
.wroking-process-sec .wroking-process-flow .wroking-process-row .wroking-process-box figure img {
    height: auto
}

.wroking-process-sec .wroking-process-flow .wroking-process-row .wroking-process-info {
    max-width: 100%;
    width: calc(100% - 30px);
    margin: 0
}

@media (max-width:575px) {
    .wroking-process-sec .wroking-process-flow .wroking-process-row .wroking-process-info {
        width: 100%
    }
}

.wroking-process-sec .wroking-process-flow .wroking-process-row .wroking-process-info h2 {
    color: #12141d;
    line-height: 1.3
}

@media (max-width:991px) {
    .wroking-process-sec .wroking-process-flow .wroking-process-row .wroking-process-info h2 {
        margin: 0 0 14px
    }

    .wroking-process-sec .wroking-process-flow .wroking-process-row .wroking-process-info h2 br {
        display: none
    }
}

.wroking-process-sec .wroking-process-flow .wroking-process-row .wroking-process-info p {
    color: rgba(18, 20, 29, .8);
    margin: 0 0 14px;
    text-align: justify;
    font-size: 18px
}

@media (max-width:991px) {
    .wroking-process-sec .wroking-process-flow .wroking-process-row .wroking-process-info p {
        font-size: 16px
    }
}

.wroking-process-sec .wroking-process-flow .wroking-process-row .wroking-process-info ul {
    color: #12141d;
    padding: 0;
    font-size: 18px;
    margin: 0
}

@media (max-width:991px) {
    .wroking-process-sec .wroking-process-flow .wroking-process-row .wroking-process-info ul {
        font-size: 16px
    }
}

@media (max-width:575px) {
    .wroking-process-sec .wroking-process-flow .wroking-process-row .wroking-process-info ul {
        font-size: 16px
    }
}

.wroking-process-sec .wroking-process-flow .wroking-process-row .wroking-process-info ul li {
    margin-bottom: 5px
}

@media (max-width:575px) {
    .wroking-process-sec .wroking-process-flow .wroking-process-row:nth-child(even) .wroking-process-box .wroking-process-info {
        text-align: left
    }

    .wroking-process-sec .wroking-process-flow .wroking-process-row:nth-child(even) .wroking-process-box .wroking-process-info ul.listing li {
        padding-left: 15px;
        padding-right: 0
    }
}

.portfolio-mockup {
    max-width: 787px;
    width: 100%
}

.portfolio-mockup .portfolio-img {
    position: absolute;
    left: 17.3%;
    top: 3%;
    padding-top: 41%;
    right: 15.4%
}

.portfolio-mockup .portfolio-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    inset: 0
}

.portfolio-detail-page .case-studies-section {
    margin: 35px 0 100px
}

@media (max-width:991px) {
    .portfolio-detail-page .case-studies-section {
        margin: 35px 0 48px
    }

    .portfolio-detail-page .portfolio-inner-section {
        padding: 80px 0 40px
    }
}

@media (max-width:767px) {
    .portfolio-detail-page .portfolio-inner-section {
        padding: 48px 0 40px
    }
}

.portfolio-detail-page .technology-banner {
    padding: 0
}

.our-clients,
.portfolio-mockup {
    position: relative;
    overflow: hidden
}

.our-clients .our-clients-row {
    max-width: 100%;
    width: 55%;
    margin: 0;
    padding-right: 40px
}

@media (max-width:1199px) {
    .our-clients .our-clients-row {
        width: 100%
    }
}

.our-clients .our-clients-row>.button {
    margin-top: 45px
}

@media (max-width:991px) {
    .our-clients .our-clients-row>.button {
        margin-top: 30px
    }
}

.our-clients .our-clients-row .section-title {
    max-width: 100%;
    margin-bottom: 20px
}

.our-clients .our-clients-row .section-title h4 {
    margin-bottom: 0;
    color: #000;
    font-weight: 600
}

@media (max-width:991px) {
    .our-clients .our-clients-row .section-title h4 {
        font-size: 1.25em
    }
}

@media (max-width:767px) {
    .our-clients .our-clients-row .section-title h4 {
        font-size: 1.125em
    }
}

.our-clients .our-clients-row .our-clients-content {
    grid-gap: 100px;
    padding-top: 0
}

@media (max-width:991px) {
    .our-clients .our-clients-row .our-clients-content {
        grid-gap: 60px
    }
}

@media (max-width:767px) {
    .our-clients .our-clients-row .our-clients-content {
        grid-template-columns: 1fr;
        grid-gap: 30px
    }
}

.our-clients .our-clients-row .our-clients-content p {
    font-size: 1.25em
}

@media (max-width:991px) {
    .our-clients .our-clients-row .our-clients-content p {
        font-size: 1.125em
    }
}

@media (max-width:767px) {
    .our-clients .our-clients-row .our-clients-content p {
        font-size: 1em
    }
}

@media (max-width:575px) {
    .our-clients .our-clients-row .our-clients-content p {
        text-align: left;
        margin: 0 0 15px
    }
}

.our-clients .our-clients-row .our-clients-content .clients-content p {
    font-size: 16px
}

.blog-sidebar-info .side-box.category-blog ul li:last-child,
.our-clients .our-clients-row .our-clients-content .clients-content p:last-child,
.request-quote-page .get-in-touch .get-in-touch-row .what-we-deliver-point .project-details ul.listing li:last-child,
.thank-you-section .thank-you-info p:last-child,
.body.contact-us .hero-section .hero-row .hero-box p:last-child {
    margin-bottom: 0
}

.our-clients .our-clients-row .countries-boxes {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-gap: 25px 50px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 0
}

.our-clients .our-clients-row .countries-boxes .country-box {
    width: calc(20% - 40px)
}

@media (max-width:767px) {
    .our-clients .our-clients-row .countries-boxes .country-box {
        width: calc(33.33% - 33.3333px)
    }
}

@media (max-width:575px) {
    .our-clients .our-clients-row .countries-boxes .country-box {
        width: calc(50% - 25px)
    }
}

.our-clients .globe-wrapper,
.our-clients .our-clients-row .countries-boxes .country-box figure {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.our-clients .our-clients-row .countries-boxes .country-box figure {
    padding: 0;
    grid-gap: 8px
}

.our-clients .our-clients-row .countries-boxes .country-box figure img {
    width: 32px;
    height: 24px;
    -o-object-fit: cover;
    object-fit: cover;
    border: 1px solid #f2f2f2
}

.our-clients .our-clients-row .countries-boxes .country-box figure figcaption {
    font-weight: 400;
    font-size: 14px;
    white-space: nowrap
}

.our-clients .counter-section {
    padding-bottom: 20px;
    margin-bottom: 25px;
    border-bottom: 1px solid #f0efec
}

.our-clients .counter-section .counter-row {
    grid-gap: 32px 50px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: 60px
}

.our-clients .counter-section .counter-row .counter-box {
    padding: 0;
    border: 0;
    text-align: left;
    width: calc(25% - 37.5px);
    overflow: inherit
}

@media (max-width:767px) {
    .our-clients .counter-section .counter-row .counter-box {
        width: calc(50% - 25px)
    }
}

.our-clients .counter-section .counter-row .counter-box h2 {
    font-size: 28px;
    color: #25245d;
    background-image: none;
    -webkit-text-fill-color: unset;
    background-clip: unset;
    padding-left: 12px;
    line-height: 28px;
    position: relative;
    margin-bottom: 5px;
    font-weight: 700
}

.our-clients .counter-section .counter-row .counter-box h2:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 2px;
    background: #38a7a1
}

.our-clients .counter-section .counter-row .counter-box span {
    padding-left: 12px;
    color: #8f90a6;
    font-size: 14px;
    font-weight: 400;
    white-space: nowrap
}

.our-clients .globe-wrapper {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 45%
}

@media (max-width:1199px) {
    .our-clients .globe-wrapper {
        width: 50%;
        left: auto;
        right: 0;
        top: auto;
        bottom: 0;
        z-index: -1;
        -webkit-transform: translateY(20%);
        -ms-transform: translateY(20%);
        transform: translateY(20%);
        display: none
    }
}

@media (max-width:991px) {
    .our-clients .globe-wrapper {
        width: 100%;
        height: 500px;
        -o-object-fit: contain;
        object-fit: contain
    }
}

.our-clients .globe-wrapper canvas {
    cursor: -webkit-grab;
    cursor: grab
}

@media (max-width:991px) {
    .our-clients .globe-wrapper canvas {
        width: 100% !important;
        height: 100% !important;
        -o-object-fit: contain;
        object-fit: contain;
        -o-object-position: right center;
        object-position: right center
    }
}

.load-more-cnt,
.loader .dot {
    position: relative
}

.loader-container {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: auto;
    height: auto;
    background-color: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0;
    z-index: 100;
    display: none
}

.loader-ajax {
    position: relative;
    display: table
}

.loader-wrap {
    height: 50px;
    width: 50px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.loader {
    height: 40px;
    width: 1px;
    position: absolute;
    -webkit-animation: rotate 3.5s linear infinite;
    animation: rotate 3.5s linear infinite
}

.loader .dot {
    top: 30px;
    height: 5px;
    width: 5px;
    background: #fff;
    border-radius: 50%
}

.loader-text {
    font-size: 24px;
    color: #fff
}

.loader:nth-child(1) {
    -webkit-animation-delay: .15s;
    animation-delay: .15s
}

.loader:nth-child(2) {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

.loader:nth-child(3) {
    -webkit-animation-delay: .45s;
    animation-delay: .45s
}

.loader:nth-child(4) {
    -webkit-animation-delay: .6s;
    animation-delay: .6s
}

.loader:nth-child(5) {
    -webkit-animation-delay: .75s;
    animation-delay: .75s
}

.loader:nth-child(6) {
    -webkit-animation-delay: .9s;
    animation-delay: .9s
}

.load-more-cnt .loader-container {
    display: none;
    background: 0 0
}

.blog-sidebar-info .side-box input,
.load-more-cnt .loader .dot,
.our-expertise .business-modal-box .business-modal-graphic .tab-list .heading-content ul li::before {
    background: #fff
}

.loading .loader-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.portfolio-inner-section.error .grids {
    min-height: revert
}

.case-studies-grids.error .action-button #case-load-more,
.case-studies-grids.loading.error #caseerrormsg,
.portfolio-inner-section.loading #errormsg {
    display: none !important
}

.case-studies-grids.loading .action-button .button,
.portfolio-inner-section.loading .load-more-cnt .button {
    pointer-events: none
}

.portfolio-inner-section.loading .load-more-cnt .button span {
    min-width: 142px;
    min-height: 48px;
    font-size: 0
}

@media (max-width:767px) {
    .portfolio-inner-section.loading .load-more-cnt .button span {
        min-width: 112px;
        min-height: 38px
    }
}

.case-studies-grids .action-button,
.case-studies-grids .grids,
.portfolio-inner-section .grids {
    position: relative
}

#caseerrormsg,
#errormsg {
    text-align: center;
    font-size: 30px;
    padding: 70px 0;
    font-weight: 500
}

.case-studies-grids .action-button .loader-container {
    -webkit-backdrop-filter: revert;
    backdrop-filter: revert
}

.case-studies-grids.error .grids {
    min-height: revert
}

.case-studies-grids.error #caseerrormsg {
    display: block !important
}

.case-studies-grids.loading .case-studies-grids-row {
    min-height: 100px
}

.case-studies-grids.loading .action-button .button span {
    min-width: 142px;
    min-height: 48px;
    font-size: 0
}

@media (max-width:767px) {
    .case-studies-grids.loading .action-button .button span {
        min-width: 112px;
        min-height: 38px
    }
}

#caseerrormsg {
    padding: 70px 0 0
}

.error .button.center,
.no-more-items .button.center {
    display: none !important
}

.body.portfolio-detail-page .hero-section .hero-row {
    grid-gap: 30px
}

@media (max-width:991px) {
    .body.portfolio-detail-page .hero-section .hero-row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        grid-gap: 80px
    }
}

@media (max-width:575px) {
    .body.portfolio-detail-page .hero-section .hero-row {
        grid-gap: 50px
    }
}

.body.portfolio-detail-page .hero-section .hero-row .hero-box:nth-child(1) {
    max-width: 690px;
    width: 100%
}

@media (max-width:1199px) {
    .body.portfolio-detail-page .hero-section .hero-row .hero-box:nth-child(1) {
        max-width: 400px
    }
}

@media (max-width:991px) {
    .body.portfolio-detail-page .hero-section .hero-row .hero-box:nth-child(1) {
        max-width: 100%
    }
}

.body.portfolio-detail-page .hero-section .hero-row .hero-box:nth-child(2) {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width:991px) {
    .body.portfolio-detail-page .hero-section .hero-row .hero-box:nth-child(2) {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.body.portfolio-detail-page .hero-section .hero-row .hero-box .hero-content .section-title {
    max-width: 100%;
    margin-bottom: 32px
}

@media (max-width:1199px) {

    .body.portfolio-detail-page .hero-section .hero-row .hero-box .hero-content .section-title h1,
    .body.portfolio-detail-page .hero-section .hero-row .hero-box .hero-content .section-title h2 {
        font-size: 3em
    }
}

@media (max-width:575px) {

    .body.portfolio-detail-page .hero-section .hero-row .hero-box .hero-content .section-title h1,
    .body.portfolio-detail-page .hero-section .hero-row .hero-box .hero-content .section-title h2 {
        font-size: 2.375em
    }
}

.body.portfolio-detail-page .hero-section .hero-row .hero-box .hero-content .section-title .top-title {
    font-size: 14px;
    color: #25245d
}

.body.portfolio-detail-page .hero-section .hero-row .hero-box .hero-content .work-technology-tag {
    margin-bottom: 32px
}

.body.portfolio-detail-page .hero-section .hero-row .hero-box .hero-content .action-button {
    margin-top: 48px
}

@media (max-width:1199px) {
    .body.portfolio-detail-page .hero-section .hero-row .hero-box .hero-content .action-button {
        margin-top: 38px
    }
}

.body.portfolio-detail-page .hero-section .hero-row .hero-box picture img {
    max-width: 788px
}

.portfolio-slider-section {
    background-color: #fafafa
}

.portfolio-slider-section .portfolio-slider {
    overflow: visible;
    width: calc(100% - 42.1947%)
}

@media (max-width:767px) {
    .portfolio-slider-section .portfolio-slider {
        width: calc(100% - 21%)
    }
}

.portfolio-slider-section .portfolio-slider .swiper-wrapper .swiper-slide {
    -webkit-transition: 200ms ease-in;
    -o-transition: 200ms ease-in;
    transition: 200ms ease-in
}

.portfolio-slider-section .portfolio-slider .swiper-wrapper .swiper-slide:not(.swiper-slide-active) {
    opacity: .65
}

.portfolio-slider-section .portfolio-slider .swiper-wrapper .swiper-slide figure {
    padding-top: 68.1819%
}

.portfolio-slider-section .portfolio-slider .swiper-wrapper .swiper-slide figure img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.portfolio-slider-section .portfolio-slider .swiper-button-next,
.portfolio-slider-section .portfolio-slider .swiper-button-prev {
    top: calc(50% - 61px)
}

@media (max-width:1199px) {

    .portfolio-slider-section .portfolio-slider .swiper-button-next,
    .portfolio-slider-section .portfolio-slider .swiper-button-prev {
        display: none
    }
}

.portfolio-slider-section .portfolio-slider .swiper-button-prev {
    left: revert;
    right: calc(100% + 20px)
}

.portfolio-slider-section .portfolio-slider .swiper-button-next {
    right: revert;
    left: calc(100% + 20px)
}

.portfolio-slider-section .portfolio-slider .swiper-pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 13px;
    margin-top: 24px
}

@media (max-width:767px) {
    .portfolio-slider-section .portfolio-slider .swiper-pagination {
        margin-top: 32px
    }
}

.portfolio-slider-section .portfolio-slider .swiper-pagination>span.swiper-pagination-bullet {
    margin: 0;
    width: 11px;
    height: 11px;
    background-color: #c7c7c7
}

.our-expertise .business-modal-box {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    grid-gap: 86px
}

@media (max-width:1199px) {
    .our-expertise .business-modal-box {
        grid-gap: 60px
    }
}

.our-expertise .business-modal-box,
.our-expertise .business-modal-box .business-modal-list ul li a,
.our-expertise .business-modal-box .heading-with-header {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.our-expertise .business-modal-box .heading-with-header .section-title {
    margin: 0 0 58px
}

@media (max-width:991px) {
    .our-expertise .business-modal-box .heading-with-header .section-title {
        margin: 0 0 40px
    }
}

.our-expertise .business-modal-box .heading-with-header .section-title>p {
    margin-top: 0;
    max-width: 795px
}

.our-expertise .business-modal-box .business-modal-list {
    max-width: 100%
}

.our-expertise .business-modal-box .business-modal-list ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding-bottom: 0
}

@media (max-width:575px) {
    .our-expertise .business-modal-box .business-modal-list ul {
        margin-left: 0
    }
}

.our-expertise .business-modal-box .business-modal-list ul li {
    width: 33.33%
}

.our-expertise .business-modal-box .business-modal-list ul li.active a {
    background: #25245d;
    border: 1px solid #25245d
}

.our-expertise .business-modal-box .business-modal-list ul li a {
    color: #fff;
    background-color: #38a7a1;
    border: 1px solid #25245d;
    position: relative
}

.our-expertise .business-modal-box .business-modal-list ul li:first-child a {
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px
}

@media (max-width:575px) {
    .our-expertise .business-modal-box .business-modal-list ul li:first-child a {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }
}

.our-expertise .business-modal-box .business-modal-list ul li:last-child a {
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px
}

@media (max-width:575px) {
    .our-expertise .business-modal-box .business-modal-list ul li:last-child a {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }
}

.our-expertise .business-modal-box .business-modal-graphic {
    max-width: 100%;
    width: 100%
}

.our-expertise .business-modal-box .business-modal-graphic .tab-list {
    grid-gap: 50px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-template-columns: 1fr 1fr;
    display: grid
}

@media (max-width:1400px) {
    .our-expertise .business-modal-box .business-modal-graphic .tab-list {
        margin-bottom: 60px
    }
}

@media (max-width:991px) {
    .our-expertise .business-modal-box .business-modal-graphic .tab-list {
        display: grid !important;
        grid-template-columns: 1fr;
        grid-gap: 40px
    }
}

@media (max-width:767px) {
    .our-expertise .business-modal-box .business-modal-graphic .tab-list {
        grid-gap: 30px;
        margin-bottom: 50px
    }
}

.our-expertise .business-modal-box .business-modal-graphic .tab-list:nth-child(even) .heading-content:first-child {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

@media (max-width:991px) {
    .our-expertise .business-modal-box .business-modal-graphic .tab-list:nth-child(even) .heading-content:first-child {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }
}

.our-expertise .business-modal-box .business-modal-graphic .tab-list .section-title {
    margin: 0 0 20px
}

@media (max-width:991px) {
    .our-expertise .business-modal-box .business-modal-graphic .tab-list .section-title {
        margin: 0 0 10px
    }
}

@media (max-width:767px) {
    .our-expertise .business-modal-box .business-modal-graphic .tab-list .section-title {
        margin-top: 0
    }
}

.our-expertise .business-modal-box .business-modal-graphic .tab-list p {
    opacity: .8;
    font-size: 20px
}

@media (max-width:767px) {
    .our-expertise .business-modal-box .business-modal-graphic .tab-list p {
        font-size: 16px
    }
}

.our-expertise .business-modal-box .business-modal-graphic .tab-list .heading-content:nth-child(even) {
    max-width: 665px;
    width: 100%
}

@media (max-width:991px) {
    .our-expertise .business-modal-box .business-modal-graphic .tab-list .heading-content:nth-child(even) {
        max-width: 100%
    }
}

.our-expertise .business-modal-box .business-modal-graphic .tab-list .heading-content ul {
    padding: 0;
    margin: 5px 0 75px
}

@media (max-width:1199px) {
    .our-expertise .business-modal-box .business-modal-graphic .tab-list .heading-content ul {
        margin: 5px 0 60px
    }
}

@media (max-width:991px) {
    .our-expertise .business-modal-box .business-modal-graphic .tab-list .heading-content ul {
        margin: 30px 0
    }
}

.not-found-section .not-found-info p,
.our-expertise .business-modal-box .business-modal-graphic .tab-list .heading-content ul li {
    font-size: 20px
}

@media (max-width:767px) {
    .our-expertise .business-modal-box .business-modal-graphic .tab-list .heading-content ul li {
        font-size: 16px
    }
}

.our-expertise .business-modal-box .business-modal-graphic .tab-list .heading-content .pxl-family,
.body.contact-us .hero-section .hero-row .hero-box .hero-content ul {
    max-width: 100%
}

@media (max-width:767px) {
    .our-expertise .business-modal-box .business-modal-graphic .tab-list .heading-content .pxl-family {
        margin: 0
    }
}

.our-expertise .business-modal-box .business-modal-graphic .tab-list .heading-content .pxl-family figure {
    overflow: hidden;
    border-radius: 10px
}

.our-expertise .business-modal-box .business-modal-graphic .tab-list.dedicated {
    margin-bottom: 0
}

.head-box,
.our-expertise .action-button .button,
.our-expertise .action-button .button:hover span {
    color: #fff
}

.our-expertise.section-row {
    overflow: clip
}

.our-expertise .business-modal-box .business-modal-list {
    display: grid;
    justify-items: center;
    background-color: #38a7a1;
    margin-left: -32px;
    min-width: 101vw;
    /* -webkit-transform: translateY(2px);
    -ms-transform: translateY(2px);
    transform: translateY(2px); */
    position: sticky;
    top: calc(var(--header-height) - 5px);
    z-index: 11
}

@media (min-width:576px) {
    .our-expertise .business-modal-box .business-modal-list {
        top: calc(var(--header-height) - 8px)
    }
}

.our-expertise .business-modal-box .business-modal-list.sticky>ul li.active a::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    border-top: 10px solid #25245d;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    z-index: -1
}

.our-expertise .business-modal-box .business-modal-list.sticky>ul li a {
    border-radius: 0 !important;
    padding: 18px 28px
}

@media (max-width:575px) {
    .our-expertise .business-modal-box .business-modal-list.sticky>ul li a {
        padding: 12px 10px
    }
}

.our-expertise .business-modal-box .business-modal-list ul {
    max-width: 950px
}

@media (max-width:991px) {
    .our-expertise .business-modal-box .business-modal-list ul {
        margin: 0 auto
    }
}

.head-box {
    text-align: center;
    padding: 16px 32px
}

@media (max-width:991px) {
    .head-box {
        padding: 0
    }
}

.head-box figure {
    display: inline-block;
    width: 100%
}

.head-box figure img {
    width: 54px;
    height: 64px;
    -o-object-fit: contain;
    object-fit: contain
}

@media (max-width:1199px) {
    .head-box figure img {
        width: 45px;
        height: 50px
    }
}

@media (max-width:767px) {
    .head-box figure img {
        width: 35px;
        height: 45px
    }
}

.head-box h4 {
    margin: 0;
    color: #fff;
    font-size: 24px
}

@media (max-width:991px) {
    .head-box h4 {
        font-size: 20px
    }
}

@media (max-width:767px) {
    .head-box h4 {
        font-size: 18px
    }
}

.model-difference-row {
    overflow: auto
}

.model-difference-row thead tr:first-child th:first-child {
    width: auto
}

@media (max-width:1199px) {

    .model-difference-row table td,
    .model-difference-row table th {
        font-size: 18px;
        padding: 20px
    }
}

@media (max-width:991px) {

    .model-difference-row table td,
    .model-difference-row table th {
        font-size: 16px;
        padding: 10px
    }
}

@media (max-width:1400px) {
    .model-difference-row table th .head-box {
        padding: 0
    }

    .model-difference-row table th .head-box h4 {
        font-size: 22px
    }
}

@media (max-width:1199px) {
    .model-difference-row table th .head-box h4 {
        font-size: 20px
    }
}

#contact-map {
    min-height: 702px
}

#contact-map .gm-style-iw {
    text-align: left;
    width: 100% !important;
    border-radius: 6px;
    left: 0 !important;
    background: -o-linear-gradient(194.5deg, #fff 54.34%, rgba(255, 255, 255, .88) 58.81%);
    background: linear-gradient(255.5deg, #fff 54.34%, rgba(255, 255, 255, .88) 58.81%);
    -webkit-box-shadow: 0 -4px 11px rgba(0, 0, 0, .09);
    box-shadow: 0 -4px 11px rgba(0, 0, 0, .09);
    max-width: 270px !important;
    border: 1px solid #ebebeb
}

.gm-style>div>div>div>div>div>div>div:nth-child(2) {
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

#contact-map .gm-style-iw .img_wrapper {
    height: 150px;
    overflow: hidden;
    width: 100%;
    text-align: center;
    margin: 0 auto
}

#contact-map .gm-style-iw .property_content_wrap {
    padding: 0 20px
}

#contact-map .gm-style-iw .property_title {
    min-height: auto
}

#contact-map .gm-ui-hover-effect {
    display: none !important
}

.map-infoblock {
    display: grid;
    grid-template-columns: 50px 1fr;
    grid-gap: 30px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.blog-list-row,
.map-infoblock figure {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.map-infoblock figure:after {
    content: '';
    position: absolute;
    right: -15px;
    top: 0;
    height: 100%;
    background: #f2f2f5;
    width: 1px
}

.map-infoblock figure img {
    display: inherit;
    width: 100%
}

.map-infoblock .map-infoblock-data span {
    display: block;
    color: #000;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700
}

.map-infoblock .map-infoblock-data span.small-text {
    font-size: 12px;
    color: rgba(18, 20, 29, .8);
    text-transform: none;
    font-weight: 400;
    margin-bottom: 8px
}

@media (max-width:767px) {
    .body.business-model-page .hero-row .hero-box h2 br {
        display: none
    }
}

.business-modal:not(.our-expertise) .section-title h2 {
    margin-bottom: 45px
}

@media (max-width:991px) {
    .business-modal:not(.our-expertise) .section-title h2 {
        margin-bottom: 38px
    }
}

@media (max-width:575px) {
    .business-modal:not(.our-expertise) .section-title h2 {
        margin-bottom: 25px
    }
}

.not-found-section .not-found-info {
    display: grid;
    place-content: center;
    text-align: center
}

.not-found-section .not-found-info .not-found-title {
    font-size: 220px;
    line-height: 1;
    font-weight: 700;
    margin: 0 0 10px;
    color: #25245d
}

@media (max-width:1199px) {
    .not-found-section .not-found-info .not-found-title {
        font-size: 200px
    }
}

@media (max-width:991px) {
    .not-found-section .not-found-info .not-found-title {
        font-size: 180px
    }
}

@media (max-width:767px) {
    .not-found-section .not-found-info .not-found-title {
        font-size: 160px
    }
}

@media (max-width:575px) {
    .not-found-section .not-found-info .not-found-title {
        font-size: 140px
    }
}

.not-found-section .not-found-info h2 {
    font-size: 2.5em
}

@media (max-width:991px) {
    .not-found-section .not-found-info h2 {
        font-size: 2.1875em
    }
}

@media (max-width:767px) {
    .not-found-section .not-found-info h2 {
        font-size: 30px;
        margin-bottom: 10px
    }
}

@media (max-width:575px) {
    .not-found-section .not-found-info h2 {
        font-size: 25px
    }
}

@media (max-width:767px) {
    .not-found-section .not-found-info p {
        font-size: 16px
    }
}

@media (max-width:575px) {
    .not-found-section .not-found-info p {
        margin-bottom: 20px
    }
}

.not-found-section .not-found-info .button.icon {
    justify-self: center;
    margin-top: 40px
}

@media (max-width:991px) {
    .not-found-section .not-found-info .button.icon {
        margin-top: 20px
    }
}

.thank-you-section .thank-you-info {
    max-width: 820px;
    margin: 0 auto;
    text-align: center
}

.thank-you-section .thank-you-info p {
    font-size: 1.25em
}

@media (max-width:767px) {
    .thank-you-section .thank-you-info p {
        font-size: 1.125em
    }
}

.thank-you-section .thank-you-title h2 {
    font-size: 3.625em;
    margin-bottom: 10px;
    line-height: 1.2
}

@media (max-width:1199px) {
    .thank-you-section .thank-you-title h2 {
        font-size: 3.25em
    }
}

@media (max-width:767px) {
    .thank-you-section .thank-you-title h2 {
        font-size: 2.5em
    }
}

.thank-you-section .follow-us-block {
    padding-top: 100px
}

@media (max-width:1199px) {
    .thank-you-section .follow-us-block {
        padding-top: 80px
    }
}

@media (max-width:767px) {
    .thank-you-section .follow-us-block {
        padding-top: 48px
    }
}

.thank-you-section .follow-us-block h4 {
    font-size: 2.5em;
    margin-bottom: 10px;
    line-height: 1.35
}

@media (max-width:767px) {
    .thank-you-section .follow-us-block h4 {
        font-size: 1.875em
    }
}

.thank-you-section .follow-us-block p {
    margin-bottom: 25px
}

@media (max-width:767px) {
    .thank-you-section .follow-us-block p {
        margin-bottom: 15px
    }
}

.thank-you-section .follow-us-block ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    grid-gap: 20px 32px;
    font-size: 1.5em
}

.hire-details-page .company-category .content-row {
    margin-top: 20px
}

.hire-details-page .what-we-deliver .section-title2 h2 {
    -webkit-text-stroke: 2px #25245d
}

@media (max-width:1199px) {
    .hire-details-page .hero-row .hero-box h2 {
        font-size: 3.125em
    }
}

@media (max-width:991px) {
    .hire-details-page .hero-row .hero-box h2 {
        font-size: 2.5em
    }

    .hire-details-page .hero-row .hero-box .banner-form .form-boxes h3 {
        margin-bottom: 15px
    }
}

@media (max-width:575px) {
    .hire-details-page .hero-row .hero-box .banner-form .form-boxes h3 {
        margin-bottom: 10px
    }
}

.hire-details-page .technology-banner {
    padding: 0 0 100px;
    overflow: hidden
}

@media (max-width:991px) {
    .hire-details-page .technology-banner {
        padding: 0
    }
}

.body.contact-us .hero-section .hero-row .hero-box {
    width: 45%
}

@media (max-width:767px) {
    .body.contact-us .hero-section .hero-row .hero-box {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }
}

.body.contact-us .hero-section .hero-row .hero-box:nth-child(2) {
    width: 55%
}

@media (max-width:1199px) {
    .body.contact-us .hero-section .hero-row .hero-box:nth-child(2) img {
        width: auto;
        font-size: 2.5em
    }
}

@media (max-width:1400px) {
    .body.contact-us .hero-section .hero-row .hero-box:nth-child(2) img {
        width: 30px
    }
}

.body.contact-us .hero-section .hero-row .hero-box .hero-content ul li a {
    font-weight: 700;
    color: #000
}

.dark-theme-contact .testimonial-slide .testimonial-info .autho-info .author-name .rating-details {
    margin-top: 0
}

.dark-theme-contact .section-title {
    max-width: 100%
}

.dark-theme-contact .section-title h2 {
    font-size: 2.5em;
    margin: 0 0 20px
}

@media (max-width:991px) {
    .dark-theme-contact .section-title h2 {
        font-size: 1.875em
    }
}

.dark-theme-contact .section-title a {
    margin-top: 14px
}

.dark-theme-contact address {
    font-style: normal;
    font-size: 1.25em;
    color: rgba(255, 255, 255, .8)
}

.dark-theme-contact .support-info:not(.call-info) {
    grid-gap: 10px;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.dark-theme-contact .support-info:not(.call-info) li a {
    padding: 0;
    border: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    grid-gap: 10px;
    background: 0 0
}

@media (max-width:575px) {
    .dark-theme-contact .support-info:not(.call-info) li a {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.dark-theme-contact .support-info:not(.call-info) li a span {
    text-align: left;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

@media (max-width:575px) {
    .dark-theme-contact .support-info:not(.call-info) li a span {
        margin-right: 0
    }
}

.dark-theme-contact .support-info:not(.call-info) li a span img {
    max-height: 28px
}

.dark-theme-contact .call-info {
    margin-top: 32px
}

.dark-theme-contact .contact-form-box .wpcf7 {
    width: 100%
}

.dark-theme-contact .contact-form-box .contact-form-info .contact-form-field .form-block .form-group input,
.dark-theme-contact .contact-form-box .contact-form-info .contact-form-field .form-block .form-group textarea {
    border: 1px solid rgba(255, 255, 255, .4)
}

.dark-theme-contact .contact-form-box .contact-form-info .contact-form-field .form-block .form-group input:focus,
.dark-theme-contact .contact-form-box .contact-form-info .contact-form-field .form-block .form-group textarea:focus {
    border: 1px solid rgba(255, 255, 255, .6);
    background: rgba(0, 0, 0, .12)
}

.dark-theme-contact .contact-form-box .contact-form-info .contact-form-field .form-block .form-group .custom-select:not(.selected) select {
    border: 1px solid rgba(255, 255, 255, .4);
    color: rgba(255, 255, 255, .4)
}

.dark-theme-contact .contact-form-box .contact-form-info .contact-form-field .form-block .form-group .custom-select:not(.selected) select:focus {
    border: 1px solid rgba(255, 255, 255, .6);
    background: rgba(0, 0, 0, .12)
}

.dark-theme-contact .contact-form-box .contact-form-info .contact-form-field .form-block .form-group .custom-select:not(.selected):after {
    border-top-color: rgba(255, 255, 255, .6)
}

.dark-theme-contact .contact-form-box .contact-form-info .section-title,
.request-quote-page .get-in-touch .get-in-touch-row .contact-form-box .contact-form-info .contact-form-field .resume-upload label {
    color: #fff
}

.dark-theme-contact .contact-form-box .contact-form-info .section-title h2 {
    font-size: 40px;
    color: #fff;
    margin: 0;
    font-weight: 700
}

@media (max-width:991px) {
    .dark-theme-contact .contact-form-box .contact-form-info .section-title h2 {
        font-size: 30px
    }
}

.dark-theme-contact .contact-form-box .contact-form-info .section-title p {
    margin-top: 10px;
    font-size: 14px;
    color: rgba(255, 255, 255, .7)
}

.dark-theme-contact.get-in-touch .get-in-touch-row .contact-form-box .wpcf7 form.invalid .wpcf7-response-output {
    border: 1px solid #1e1d4a !important;
    background-color: #313074
}

.dark-theme-contact .wpcf7-spinner {
    background-color: #fff;
    opacity: 1
}

.dark-theme-contact .wpcf7-spinner::before {
    background: #25245d
}

@media (max-width:767px) {
    .body.contact-us .hero-section .hero-row .hero-box p {
        margin-bottom: 20px
    }
}

ul.messages {
    max-width: 1512px;
    width: 100%;
    padding: 0 32px;
    margin: 0 auto 32px
}

ul.messages>li:last-child {
    padding: 30px 60px !important
}

ul.messages .error-msg {
    background-position: 20px 35px !important
}

.contact-page .hero-section .hero-content ul.listing,
.request-quote-page #header .header-row #mainmenu,
.request-quote-page footer .ftr-center {
    display: none
}

.request-quote-page footer .award-company-box {
    padding-top: 65px
}

@media (max-width:991px) {
    .request-quote-page footer .award-company-box {
        padding-top: 50px
    }
}

@media (max-width:767px) {
    .request-quote-page footer .award-company-box {
        padding-top: 35px
    }
}

.request-quote-page #header {
    background-color: #25245d
}

@media (max-width:991px) {
    .request-quote-page #header {
        background: #fff
    }
}

.request-quote-page #header::before,
.request-quote-page .get-in-touch::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 44vw;
    background: #fff;
    height: 100%;
    z-index: -1
}

@media (max-width:1400px) {
    .request-quote-page #header::before {
        width: 50vw
    }
}

.request-quote-page #header.sticky .header-row {
    padding: 15px 50px
}

@media (max-width:1644px) {
    .request-quote-page #header.sticky .header-row {
        padding: 20px 32px
    }
}

.request-quote-page #header .header-row {
    -webkit-transition: padding 250ms cubic-bezier(.75, .1, .6, 1);
    -o-transition: padding 250ms cubic-bezier(.75, .1, .6, 1);
    transition: padding 250ms cubic-bezier(.75, .1, .6, 1);
    padding: 20px 32px
}

@media (max-width:1644px) {
    .request-quote-page #header .header-row {
        padding: 20px 32px
    }
}

.request-quote-page #header .get-a-quote {
    display: none
}

.request-quote-page #header .back-btn,
.request-quote-page .get-in-touch .get-in-touch-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (max-width:991px) {
    .request-quote-page #header .back-btn {
        color: #25245d
    }
}

.request-quote-page #main,
.request-quote-page .get-in-touch .get-in-touch-row .contact-form-box,
.request-quote-page .get-in-touch .get-in-touch-row .contact-form-box .contact-form-info {
    padding: 0
}

.request-quote-page .get-in-touch {
    position: relative;
    padding-top: 130px;
    padding-bottom: 70px
}

@media (max-width:1536px) {
    .request-quote-page .get-in-touch {
        padding-top: 90px
    }
}

@media (max-width:991px) {
    .request-quote-page .get-in-touch {
        background-color: #fff;
        padding-bottom: 0
    }
}

.request-quote-page .get-in-touch::before {
    right: 0
}

@media (max-width:1400px) {
    .request-quote-page .get-in-touch::before {
        width: 50vw
    }
}

@media (max-width:991px) {
    .request-quote-page .get-in-touch::before {
        display: none
    }
}

#newslettersubmitform,
.blog-details-box .blog-info-details blockquote.blockquote2 h5::before,
.blog-details-box .blog-info-details blockquote.blockquote2 span::before,
.blog-sidebar-info .side-box.category-blog ul li::before,
.extensions-sec ul li a::before,
.extensions-sec ul li:after,
.faq-row .accordion-data ul li ol li::before,
.request-quote-page .get-in-touch::after {
    display: none
}

.request-quote-page .get-in-touch .get-in-touch-row {
    width: 100%;
    grid-gap: 0
}

@media (max-width:991px) {
    .request-quote-page .get-in-touch .get-in-touch-row {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        grid-gap: 40px
    }
}

.request-quote-page .get-in-touch .get-in-touch-row .what-we-deliver-point {
    width: 50%;
    max-width: 584px;
    margin-right: auto;
    padding-right: 32px
}

@media (max-width:991px) {
    .request-quote-page .get-in-touch .get-in-touch-row .what-we-deliver-point {
        padding-right: 0;
        width: 100%;
        max-width: 100%
    }
}

.request-quote-page .get-in-touch .get-in-touch-row .what-we-deliver-point .what-we-deliver-point-box {
    padding: 23px 34px 23px 20px;
    border-top: 0;
    margin-bottom: 0;
    background-color: #f9f9f9 !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: 20px;
    border-radius: 6px;
    overflow: hidden
}

@media (max-width:1199px) {
    .request-quote-page .get-in-touch .get-in-touch-row .what-we-deliver-point .what-we-deliver-point-box {
        padding: 20px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center
    }
}

.request-quote-page .get-in-touch .get-in-touch-row .what-we-deliver-point .what-we-deliver-point-box h4 {
    margin: 0;
    font-size: 1.125em;
    line-height: 1.3
}

@media (max-width:1199px) {
    .request-quote-page .get-in-touch .get-in-touch-row .what-we-deliver-point .what-we-deliver-point-box h4 {
        font-size: 1em
    }
}

.request-quote-page .get-in-touch .get-in-touch-row .what-we-deliver-point .what-we-deliver-point-box p {
    max-width: 440px
}

.request-quote-page .get-in-touch .get-in-touch-row .what-we-deliver-point .what-we-deliver-point-box figure {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    position: static;
    max-width: 40px;
    min-width: 40px
}

@media (max-width:1199px) {
    .request-quote-page .get-in-touch .get-in-touch-row .what-we-deliver-point .what-we-deliver-point-box figure {
        max-width: 30px;
        min-width: 30px
    }
}

.request-quote-page .get-in-touch .get-in-touch-row .what-we-deliver-point .section-title {
    margin: 0 0 50px
}

@media (max-width:575px) {
    .request-quote-page .get-in-touch .get-in-touch-row .what-we-deliver-point .section-title {
        margin-bottom: 30px
    }
}

.request-quote-page .get-in-touch .get-in-touch-row .what-we-deliver-point .section-title h2 {
    margin: 0;
    font-size: 40px
}

@media (max-width:991px) {
    .request-quote-page .get-in-touch .get-in-touch-row .what-we-deliver-point .section-title h2 {
        font-size: 2.5em
    }
}

@media (max-width:767px) {
    .request-quote-page .get-in-touch .get-in-touch-row .what-we-deliver-point .section-title h2 {
        font-size: 1.875em
    }
}

.request-quote-page .get-in-touch .get-in-touch-row .what-we-deliver-point .section-title p {
    font-size: 18px;
    margin: 10px 0 0;
    color: rgba(18, 20, 29, .8)
}

@media (max-width:1400px) {
    .request-quote-page .get-in-touch .get-in-touch-row .what-we-deliver-point .section-title p {
        font-size: 16px
    }
}

@media (max-width:767px) {
    .request-quote-page .get-in-touch .get-in-touch-row .what-we-deliver-point .section-title p {
        font-size: 1.125em
    }
}

.request-quote-page .get-in-touch .get-in-touch-row .what-we-deliver-point .project-details {
    margin-top: 32px;
    padding: 0
}

.request-quote-page .get-in-touch .get-in-touch-row .what-we-deliver-point .project-details h4 {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(18, 20, 29, .1);
    color: #12141d
}

@media (max-width:767px) {
    .request-quote-page .get-in-touch .get-in-touch-row .what-we-deliver-point .project-details h4 {
        font-size: 1.125em
    }
}

.request-quote-page .get-in-touch .get-in-touch-row .contact-form-box .contact-form-info .contact-form-field .form-block .form-group>.button span i,
.request-quote-page .get-in-touch .get-in-touch-row .what-we-deliver-point .project-details ul.listing {
    font-size: 1.125em
}

@media (max-width:767px) {
    .request-quote-page .get-in-touch .get-in-touch-row .what-we-deliver-point .project-details ul.listing {
        font-size: 1em
    }
}

@media (max-width:575px) {
    .request-quote-page .get-in-touch .get-in-touch-row .what-we-deliver-point .project-details ul.listing {
        font-size: .875em
    }
}

@media (max-width:767px) {
    .request-quote-page .get-in-touch .get-in-touch-row .what-we-deliver-point .project-details ul.listing li {
        padding-left: 25px
    }
}

.request-quote-page .get-in-touch .get-in-touch-row .what-we-deliver-point .project-details ul.listing li::before {
    background: url(../img/right-circle-svg.svg) no-repeat center center;
    left: 0;
    top: 4px;
    width: 18px;
    height: auto;
    aspect-ratio: 1
}

@media (max-width:767px) {
    .request-quote-page .get-in-touch .get-in-touch-row .what-we-deliver-point .project-details ul.listing li::before {
        width: 16px
    }
}

.request-quote-page .get-in-touch .get-in-touch-row .what-we-deliver-point .testimonial-section {
    border: 0
}

@media (max-width:991px) {
    .request-quote-page .get-in-touch .get-in-touch-row .what-we-deliver-point .testimonial-section {
        width: 100%;
        overflow: hidden
    }
}

.request-quote-page .get-in-touch .get-in-touch-row .what-we-deliver-point .testimonial-section .testimonial-row-box {
    max-width: 100%;
    margin: 0;
    padding: 32px 0 0
}

.request-quote-page .get-in-touch .get-in-touch-row .what-we-deliver-point .testimonial-section .testimonial-row-box .client-review-slider {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0 solid #ffec7e;
    background: #fffbe3;
    border-top-width: 3px
}

.request-quote-page .get-in-touch .get-in-touch-row .what-we-deliver-point .testimonial-section .testimonial-row-box .client-review-slider .swiper-slide {
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.request-quote-page .get-in-touch .get-in-touch-row .what-we-deliver-point .testimonial-section .testimonial-row-box .client-review-slider .swiper-slide .testimonial-slide .testimonial-info {
    padding: 75px 35px 30px;
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.request-quote-page .get-in-touch .get-in-touch-row .what-we-deliver-point .testimonial-section .testimonial-row-box .client-review-slider .swiper-slide .testimonial-slide .testimonial-info:before {
    color: #ffda56
}

@media (max-width:991px) {
    .request-quote-page .get-in-touch .get-in-touch-row .what-we-deliver-point .testimonial-section .testimonial-row-box .client-review-slider .swiper-slide .testimonial-slide .testimonial-info {
        padding-bottom: 50px
    }
}

.request-quote-page .get-in-touch .get-in-touch-row .what-we-deliver-point .testimonial-section .testimonial-row-box .swiper-btn.center {
    margin-top: 20px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.request-quote-page .get-in-touch .get-in-touch-row .what-we-deliver-point .testimonial-section .testimonial-row-box .button:hover {
    background: #38a7a1;
    border-color: #38a7a1
}

.request-quote-page .get-in-touch .get-in-touch-row .what-we-deliver-point .testimonial-section .testimonial-row-box .swiper-pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: left;
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 40px 0 -42px;
    grid-gap: 8px
}

@media (max-width:991px) {
    .request-quote-page .get-in-touch .get-in-touch-row .what-we-deliver-point .testimonial-section .testimonial-row-box .swiper-pagination {
        margin: 15px auto;
        text-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.request-quote-page .get-in-touch .get-in-touch-row .what-we-deliver-point .testimonial-section .testimonial-row-box .swiper-pagination .swiper-pagination-bullet {
    opacity: .4;
    margin: 0
}

.request-quote-page .get-in-touch .get-in-touch-row .what-we-deliver-point .testimonial-section .testimonial-row-box .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: 1;
    background: #38a7a1
}

.request-quote-page .get-in-touch .get-in-touch-row .contact-form-box {
    width: 50%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 814px;
    margin-left: auto;
    padding-left: 32px;
    background: 0 0
}

@media (max-width:991px) {
    .request-quote-page .get-in-touch .get-in-touch-row .contact-form-box {
        padding: 50px 32px !important;
        width: 100vw;
        margin: 0 -32px;
        background-color: #25245d;
        max-width: 100vw
    }
}

.request-quote-page .get-in-touch .get-in-touch-row .contact-form-box .contact-form-info {
    border: 0;
    height: auto;
    position: sticky;
    top: var(--header-height);
    z-index: 1
}

.request-quote-page .get-in-touch .get-in-touch-row .contact-form-box .contact-form-info .section-title {
    margin-bottom: 30px
}

.request-quote-page .get-in-touch .get-in-touch-row .contact-form-box .contact-form-info .contact-form-field .form-block {
    grid-gap: 20px
}

.request-quote-page .get-in-touch .get-in-touch-row .contact-form-box .contact-form-info .contact-form-field .form-block .form-group>.button {
    font-size: 1.125em;
    display: table;
    margin: 0 auto
}

@media (max-width:767px) {
    .request-quote-page .get-in-touch .get-in-touch-row .contact-form-box .contact-form-info .contact-form-field .form-block .form-group>.button {
        font-size: 1em
    }
}

@media (max-width:575px) {
    .request-quote-page .get-in-touch .get-in-touch-row .contact-form-box .contact-form-info .contact-form-field .form-block .form-group>.button {
        font-size: .875em
    }
}

.request-quote-page .get-in-touch .get-in-touch-row .contact-form-box .contact-form-info .contact-form-field .form-block .form-group>.button span {
    padding: 14px 30px
}

@media (max-width:575px) {
    .request-quote-page .get-in-touch .get-in-touch-row .contact-form-box .contact-form-info .contact-form-field .form-block .form-group>.button span {
        padding: 10px 24px
    }
}

@media (max-width:767px) {
    .request-quote-page .get-in-touch .get-in-touch-row .contact-form-box .contact-form-info .contact-form-field .form-block .form-group>.button span i {
        font-size: 1em
    }
}

@media (max-width:575px) {
    .request-quote-page .get-in-touch .get-in-touch-row .contact-form-box .contact-form-info .contact-form-field .form-block .form-group>.button span i {
        font-size: .875em
    }
}

.request-quote-page .get-in-touch .get-in-touch-row .contact-form-box .contact-form-info .contact-form-field .resume-upload .file-upload-box {
    border: 1px solid rgba(255, 255, 255, .4);
    height: 110px
}

.request-quote-page .get-in-touch .get-in-touch-row .contact-form-box .contact-form-info .contact-form-field .resume-upload .file-upload-box .file-img-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: 10px
}

.request-quote-page .get-in-touch .get-in-touch-row .contact-form-box .contact-form-info .contact-form-field .resume-upload .button:hover {
    background-color: #25245d
}

.request-quote-page .get-in-touch .get-in-touch-row .contact-form-box .contact-form-info .contact-form-field .testimonial-dt ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style-type: none;
    color: #fff;
    padding: 60px 0 13px;
    margin: 0
}

@media (max-width:575px) {
    .request-quote-page .get-in-touch .get-in-touch-row .contact-form-box .contact-form-info .contact-form-field .testimonial-dt ul {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.request-quote-page .get-in-touch .get-in-touch-row .contact-form-box .contact-form-info .contact-form-field .testimonial-dt ul li {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.request-quote-page .get-in-touch .get-in-touch-row .contact-form-box .contact-form-info .contact-form-field .testimonial-dt ul li strong {
    margin-left: 5px
}

@media (max-width:575px) {
    .request-quote-page .get-in-touch .get-in-touch-row .contact-form-box .contact-form-info .contact-form-field .testimonial-dt ul li {
        border-bottom: 1px solid rgba(255, 255, 255, .2);
        margin-bottom: 8px;
        padding: 0 0 8px;
        width: 100%
    }

    .request-quote-page .get-in-touch .get-in-touch-row .contact-form-box .contact-form-info .contact-form-field .testimonial-dt ul li:last-child {
        margin-bottom: 0;
        border-bottom: 0
    }
}

.request-quote-page .get-in-touch .get-in-touch-row .contact-form-box .contact-form-info .contact-form-field .testimonial-dt ul li::after {
    content: "";
    margin: 0 10px;
    display: block;
    background-color: rgba(255, 255, 255, .2);
    width: 1px;
    height: 15px
}

@media (max-width:575px) {
    .request-quote-page .get-in-touch .get-in-touch-row .contact-form-box .contact-form-info .contact-form-field .testimonial-dt ul li::after {
        display: none
    }
}

.request-quote-page .get-in-touch .get-in-touch-row .contact-form-box .contact-form-info .contact-form-field .testimonial-dt ul li:last-child {
    color: #38a7a1
}

.request-quote-page .get-in-touch .get-in-touch-row .contact-form-box .contact-form-info .contact-form-field .testimonial-dt p {
    color: rgba(255, 255, 255, .6);
    margin: 0
}

.request-quote-page .get-in-touch .get-in-touch-row .contact-form-box .contact-form-info .contact-form-field .testimonial-dt p span {
    text-transform: uppercase
}

.request-quote-page .get-in-touch .get-in-touch-row .contact-form-box .contact-form-info .contact-form-field .testimonial-dt p a {
    color: rgba(255, 255, 255, .6);
    text-decoration: underline
}

.request-quote-page .get-in-touch .get-in-touch-row .global-client {
    position: absolute;
    left: 30px;
    right: 30px;
    bottom: 5px
}

.request-quote-page .get-in-touch .get-in-touch-row .global-client .swiper-wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.request-quote-page .get-in-touch .get-in-touch-row .global-client .swiper-wrapper .swiper-slide {
    width: auto
}

.request-quote-page .get-in-touch .get-in-touch-row .global-client .client-logo-box figure {
    position: static;
    max-width: 100%;
    height: 70px
}

.request-quote-page .get-in-touch .get-in-touch-row .global-client .client-logo-box figure img {
    -webkit-filter: brightness(.3);
    filter: brightness(.3);
    opacity: .3;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.request-quote-page .point-box-row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px
}

.request-quote-page .awards-row {
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    grid-gap: 40px;
    border-bottom: 2px solid rgba(0, 0, 0, .1);
    border-radius: 100px;
    padding: 0 32px 25px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin: 40px auto 0;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    max-width: 650px
}

@media (max-width:1199px) {
    .request-quote-page .awards-row {
        grid-gap: 30px;
        padding: 0 20px 20px;
        max-width: 100%
    }
}

@media (max-width:991px) {
    .request-quote-page .awards-row {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 0;
        border: 0;
        grid-gap: 20px 30px
    }
}

.request-quote-page .awards-row .awards-box {
    max-width: 155px
}

@media (max-width:991px) {
    .request-quote-page .awards-row .awards-box {
        max-width: 120px
    }
}

.request-quote-page .awards-row .awards-box .awards-name {
    min-height: 140px;
    padding: 30px
}

@media (max-width:1199px) {
    .request-quote-page .awards-row .awards-box .awards-name {
        padding: 25px
    }
}

@media (max-width:991px) {
    .request-quote-page .awards-row .awards-box .awards-name {
        min-height: 120px
    }
}

.request-quote-page .awards-row .awards-box .awards-name:before {
    background: url(../img/award-bg-golden.svg) no-repeat center bottom;
    background-size: contain;
    background-position: center center
}

.blog-info-details blockquote p,
.request-quote-page .author-name p,
.body.store .vbox-inline ul {
    margin-bottom: 0
}

table {
    max-width: 100%;
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0;
    border: 1px solid #e4e4eb;
    width: 100%
}

table td,
table th {
    text-align: left;
    vertical-align: top;
    border-top: 1px solid #e4e4eb;
    border-right: 1px solid #e4e4eb;
    color: #000
}

table td {
    padding: 20px;
    font-size: 1.25em
}

@media (max-width:991px) {

    table td,
    table th {
        font-size: 1em
    }
}

@media (max-width:767px) {

    table td,
    table th {
        padding: 10px
    }
}

table th {
    font-weight: 700;
    padding: 20px 30px;
    font-size: 1.25em
}

@media (max-width:991px) {
    table th {
        padding: 20px;
        font-size: 1em
    }
}

@media (max-width:767px) {
    table th {
        padding: 10px
    }
}

table tbody tr:nth-child(even) {
    background-color: #fbfbfb
}

@media (max-width:991px) {
    table tbody tr th {
        min-width: 200px
    }
}

table thead tr th {
    vertical-align: middle
}

@media (max-width:991px) {
    table thead tr th {
        min-width: 200px
    }
}

@media (max-width:991px) {
    .blog-list-row {
        grid-gap: 20px
    }
}

@media (max-width:767px) {
    .blog-list-row {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.blog-list-row .blog-details-box {
    width: calc(100% - 500px)
}

@media (max-width:1400px) {
    .blog-list-row .blog-details-box {
        width: calc(100% - 440px)
    }
}

@media (max-width:1199px) {
    .blog-list-row .blog-details-box {
        width: calc(100% - 332px)
    }
}

@media (max-width:991px) {
    .blog-list-row .blog-details-box {
        width: 100%
    }
}

@media (max-width:767px) {
    .blog-list-row .blog-details-box {
        width: 100%
    }
}

.blog-list-row .blog-details-box h1,
.blog-list-row .blog-details-box>h2 {
    font-size: 2.75em
}

@media (max-width:1199px) {

    .blog-list-row .blog-details-box h1,
    .blog-list-row .blog-details-box>h2 {
        font-size: 2.5em
    }
}

@media (max-width:991px) {

    .blog-list-row .blog-details-box h1,
    .blog-list-row .blog-details-box>h2 {
        font-size: 2.25em
    }
}

@media (max-width:767px) {

    .blog-list-row .blog-details-box h1,
    .blog-list-row .blog-details-box>h2 {
        font-size: 1.875em
    }
}

@media (max-width:575px) {

    .blog-list-row .blog-details-box h1,
    .blog-list-row .blog-details-box>h2 {
        font-size: 1.625em
    }
}

.blog-list-row .blog-sidebar {
    width: 400px;
    margin-left: auto
}

@media (max-width:1400px) {
    .blog-list-row .blog-sidebar {
        width: 400px
    }
}

@media (max-width:1199px) {
    .blog-list-row .blog-sidebar {
        width: 300px
    }
}

@media (max-width:991px) {
    .blog-list-row .blog-sidebar {
        width: 80%
    }
}

@media (max-width:767px) {
    .blog-list-row .blog-sidebar {
        margin-top: 50px;
        width: 100%
    }
}

@media (max-width:575px) {
    .blog-list-row .blog-sidebar {
        margin-top: 40px
    }
}

.blog-list-row .blog-sidebar .wpcf7-form .wpcf7-not-valid-tip {
    color: #dc3232
}

.blog-list-row .blog-sidebar .wpcf7-form .wpcf7-spinner {
    display: none;
    position: absolute;
    top: 5px;
    right: -25px;
    width: 20px;
    height: 20px;
    margin: 10px auto 0
}

@media (max-width:1199px) {
    .blog-list-row .blog-sidebar .wpcf7-form .wpcf7-spinner {
        bottom: 11px;
        right: 85px;
        top: revert
    }
}

@media (max-width:991px) {
    .blog-list-row .blog-sidebar .wpcf7-form .wpcf7-spinner {
        bottom: 15px;
        right: 140px
    }
}

@media (max-width:767px) {
    .blog-list-row .blog-sidebar .wpcf7-form .wpcf7-spinner {
        bottom: 9px;
        right: 120px
    }
}

.blog-list-row .blog-sidebar .wpcf7-form .wpcf7-spinner::before {
    -webkit-transform-origin: 7px 7px;
    -ms-transform-origin: 7px 7px;
    transform-origin: 7px 7px
}

.blog-list-row .blog-sidebar .wpcf7-form.submitting .wpcf7-spinner {
    display: block
}

.blog-list-row .blog-list-boxes {
    width: calc(100% - 500px)
}

@media (max-width:1400px) {
    .blog-list-row .blog-list-boxes {
        width: calc(100% - 400px)
    }
}

@media (max-width:1199px) {
    .blog-list-row .blog-list-boxes {
        width: calc(100% - 332px)
    }
}

@media (max-width:991px) {
    .blog-list-row .blog-list-boxes {
        width: 100%
    }
}

.blog-list-row .blog-list-boxes .grids {
    grid-gap: 45px 32px
}

@media (max-width:991px) {
    .blog-list-row .blog-list-boxes .grids {
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 30px
    }
}

@media (max-width:767px) {
    .blog-list-row .blog-list-boxes .grids {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 20px
    }
}

@media (max-width:575px) {
    .blog-list-row .blog-list-boxes .grids {
        grid-template-columns: 1fr
    }
}

.blog-list-row .blog-list-boxes .blog-info {
    padding: 30px 30px 40px;
    -webkit-box-shadow: 0 8px 20px rgba(0, 0, 0, .05);
    box-shadow: 0 8px 20px rgba(0, 0, 0, .05);
    height: 100%
}

@media (max-width:1199px) {
    .blog-list-row .blog-list-boxes .blog-info {
        padding: 28px 20px
    }
}

@media (max-width:991px) {
    .blog-list-row .blog-list-boxes .blog-info {
        padding: 32px 20px
    }
}

.blog-list-row .blog-list-boxes .blog-info .work-technology-tag {
    margin-top: 0;
    font-size: 14px;
    grid-gap: 15px
}

.blog-list-row .blog-list-boxes>.button {
    margin: 40px auto 0
}

.blog-sidebar-info {
    grid-gap: 30px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    padding-bottom: 30px;
    position: sticky;
    top: calc(var(--header-height) + 10px)
}

@media (max-width:767px) {
    .blog-sidebar-info {
        padding-bottom: 0
    }

    .blog-sidebar-info .blog-adv-box {
        text-align: center;
        padding: 30px 20px;
        border: 1px solid #c7c9d9
    }
}

@media (max-width:575px) {
    .blog-sidebar-info .blog-adv-box {
        padding: 20px
    }
}

.blog-sidebar-info .blog-adv-box a {
    display: inline-block;
    width: 100%
}

.blog-sidebar-info .blog-adv-box a figure {
    display: inline-block;
    vertical-align: top
}

@media (max-width:767px) {
    .blog-sidebar-info .blog-adv-box a figure {
        width: 100%;
        max-width: 375px
    }
}

.blog-sidebar-info .side-box {
    padding: 30px;
    border-top-width: 3px;
    border-top-style: solid
}

@media (max-width:991px) {
    .blog-sidebar-info .side-box {
        padding: 20px
    }
}

.blog-sidebar-info .side-box h5 {
    margin-bottom: 15px;
    text-transform: uppercase;
    color: #28293d
}

@media (max-width:767px) {
    .blog-sidebar-info .side-box h5 {
        font-size: 1.125em
    }
}

.blog-sidebar-info .side-box.purple-box input {
    border-color: #ffe5ff
}

.blog-sidebar-info .side-box.purple-box input:focus {
    border-color: #810ca9
}

.blog-sidebar-info .side-box.orange-box input {
    border-color: #ffe5e5
}

.blog-sidebar-info .side-box.orange-box input:focus {
    border-color: #ec4326
}

.blog-sidebar-info .side-box.blue-box input {
    border-color: #e5f0ff
}

.blog-sidebar-info .side-box.blue-box input:focus {
    border-color: #136cf5
}

.blog-sidebar-info .side-box.green-box input {
    border-color: #d6fff1
}

.blog-sidebar-info .side-box.green-box input:focus {
    border-color: #04ad77
}

.blog-sidebar-info .side-box form .form-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    grid-gap: 20px 0
}

.blog-details-box,
.blog-sidebar-info .side-box form .form-block .form-group {
    position: relative
}

@media (max-width:991px) {
    .blog-sidebar-info .side-box form .form-block .form-group input {
        padding-right: 20px
    }
}

@media (max-width:767px) {
    .blog-sidebar-info .side-box form .form-block .form-group input {
        padding-right: 120px
    }
}

.blog-sidebar-info .side-box form .form-block .form-group .button {
    position: absolute;
    right: 5px;
    top: 5px
}

@media (max-width:991px) {
    .blog-sidebar-info .side-box form .form-block .form-group .button {
        position: static;
        margin-top: 10px
    }
}

@media (max-width:767px) {
    .blog-sidebar-info .side-box form .form-block .form-group .button {
        position: absolute;
        margin-top: 0;
        right: 4px;
        top: 4px
    }
}

.blog-sidebar-info .side-box form .form-block .form-group .button span,
.blog-sidebar-info .side-box form .form-block .form-group .button:hover:after {
    padding: 7px 24px 9px
}

@media (max-width:767px) {
    .blog-sidebar-info .side-box form .form-block .form-group .button span {
        padding: 5px 20px
    }
}

.blog-sidebar-info .side-box form>.button {
    margin-top: 30px
}

.blog-sidebar-info .side-box.search-blog input {
    padding-right: 40px;
    border-color: #c7c9d9
}

.blog-sidebar-info .side-box.search-blog .search-btn {
    position: absolute;
    right: 5px;
    top: 5px;
    height: 40px;
    width: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: transparent;
    color: #28293d;
    border: 0
}

.blog-sidebar-info .side-box.search-blog .search-btn:hover {
    color: #136cf5
}

@media (max-width:767px) {
    .blog-sidebar-info .side-box.search-blog .search-btn {
        height: 30px
    }
}

.blog-info-details ul li ul li,
.blog-sidebar-info .side-box.category-blog ul,
.body.why-choose-us .what-we-belive .what-we-belive-row.why-choose-us-box .what-we-belive-info .section-title h2 {
    margin: 0
}

.blog-sidebar-info .side-box.category-blog ul li {
    padding: 0;
    margin-bottom: 8px
}

.blog-details-box .blog-info-details .blog-banner-box,
.blog-sidebar-info .side-box.category-blog ul li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #28293d
}

.blog-sidebar-info .side-box.category-blog ul li a.home:hover i,
.blog-sidebar-info .side-box.category-blog ul li a:hover,
.blog-sidebar-info .side-box.category-blog ul li a:hover span,
.faq-block .faq-sidebar .btn-group a:hover {
    color: #38a7a1
}

.blog-sidebar-info .side-box.category-blog ul li a.home i {
    color: #25245d
}

.blog-sidebar-info .side-box.subscribe-box input {
    padding-right: 140px
}

@media only screen and (max-width:1199px) and (min-width:992px) {
    .blog-sidebar-info .side-box.subscribe-box input {
        padding-right: 20px
    }
}

.blog-sidebar-info .side-box.subscribe-box .button {
    border-radius: 0
}

@media only screen and (max-width:1199px) and (min-width:992px) {
    .blog-sidebar-info .side-box.subscribe-box .button {
        position: static !important;
        margin-top: 20px
    }

    .blog-sidebar-info .side-box.subscribe-box .button::after {
        width: auto;
        height: auto;
        top: auto;
        left: auto
    }
}

.blog-details-box .category-blog-info figure {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.blog-details-box .blog-info-details {
    max-width: 824px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    padding: 50px 0 34px
}

@media (max-width:767px) {
    .blog-details-box .blog-info-details {
        padding: 40px 0 34px
    }
}

@media (max-width:575px) {
    .blog-details-box .blog-info-details {
        padding: 20px 0 34px
    }
}

.blog-details-box .blog-info-details>* {
    margin-bottom: 30px
}

@media (max-width:575px) {
    .blog-details-box .blog-info-details>* {
        margin-bottom: 20px
    }
}

.blog-details-box .blog-info-details p {
    font-size: 1.25em
}

@media (max-width:1199px) {
    .blog-details-box .blog-info-details p {
        font-size: 1.125em
    }
}

@media (max-width:767px) {
    .blog-details-box .blog-info-details p {
        font-size: 1em
    }
}

.blog-details-box .blog-info-details p a {
    text-decoration: underline
}

.blog-details-box .blog-info-details ul {
    font-size: 1.25em;
    margin-top: 15px
}

@media (max-width:1199px) {
    .blog-details-box .blog-info-details ul {
        font-size: 1.125em
    }
}

@media (max-width:767px) {
    .blog-details-box .blog-info-details ul {
        font-size: 1em
    }
}

.blog-details-box .blog-info-details .work-technology-tag+h2 {
    font-size: 3.75em;
    margin-bottom: 50px
}

@media (max-width:1199px) {
    .blog-details-box .blog-info-details .work-technology-tag+h2 {
        font-size: 3.125em
    }
}

@media (max-width:767px) {
    .blog-details-box .blog-info-details .work-technology-tag+h2 {
        font-size: 2.5em;
        margin-bottom: 30px
    }
}

@media (max-width:575px) {
    .blog-details-box .blog-info-details .work-technology-tag+h2 {
        font-size: 2.1875em
    }
}

.blog-details-box .blog-info-details h1 {
    font-size: 3.875em;
    line-height: 1.4
}

@media (max-width:1199px) {
    .blog-details-box .blog-info-details h1 {
        font-size: 3.4375em
    }
}

@media (max-width:767px) {
    .blog-details-box .blog-info-details h1 {
        font-size: 2.5em
    }
}

@media (max-width:575px) {
    .blog-details-box .blog-info-details h1 {
        margin-bottom: 10px;
        font-size: 2em
    }
}

.blog-details-box .blog-info-details h2 {
    font-size: 2.1875em;
    line-height: 1.1;
    margin-bottom: 20px
}

@media (max-width:1199px) {
    .blog-details-box .blog-info-details h2 {
        font-size: 1.875em
    }
}

@media (max-width:767px) {
    .blog-details-box .blog-info-details h2 {
        font-size: 1.625em
    }
}

@media (max-width:575px) {
    .blog-details-box .blog-info-details h2 {
        margin-bottom: 10px;
        font-size: 1.5em
    }
}

.blog-details-box .blog-info-details h3 {
    font-size: 1.875em;
    margin-bottom: 10px
}

@media (max-width:1199px) {
    .blog-details-box .blog-info-details h3 {
        font-size: 1.5625em
    }
}

@media (max-width:767px) {
    .blog-details-box .blog-info-details h3 {
        font-size: 1.375em
    }
}

@media (max-width:575px) {
    .blog-details-box .blog-info-details h3 {
        margin-bottom: 10px
    }
}

.blog-details-box .blog-info-details h4 {
    margin-bottom: 10px
}

@media (max-width:575px) {
    .blog-details-box .blog-info-details h4 {
        margin-bottom: 10px
    }
}

.blog-details-box .blog-info-details h5 {
    font-size: 30px
}

.blog-details-box .blog-info-details h6 {
    font-size: 25px;
    margin-bottom: 10px
}

@media (max-width:991px) {
    .blog-details-box .blog-info-details h6 {
        font-size: 22px
    }
}

@media (max-width:767px) {
    .blog-details-box .blog-info-details h6 {
        font-size: 18px
    }
}

.blog-details-box .blog-info-details blockquote {
    margin-left: 0;
    margin-top: 0;
    margin-right: 0;
    padding: 30px;
    text-align: center;
    border: 1px solid #e4e4eb
}

.blog-details-box .blog-info-details blockquote h5 {
    color: #12141d;
    font-size: 1.375em;
    font-weight: 300;
    position: relative;
    max-width: 675px;
    margin: 0 auto
}

@media (max-width:767px) {
    .blog-details-box .blog-info-details blockquote h5 {
        font-size: 1.125em
    }
}

.blog-details-box .blog-info-details blockquote h5:after,
.blog-details-box .blog-info-details blockquote h5:before {
    content: "";
    width: 28px;
    height: 28px;
    background-repeat: no-repeat;
    background-position: center center;
    display: inline-block
}

.blog-details-box .blog-info-details blockquote h5:before {
    background-image: url(../img/start-quote.svg);
    vertical-align: top;
    margin: -5px 15px 0 0
}

.blog-details-box .blog-info-details blockquote h5:after {
    background-image: url(../img/end-quote.svg);
    vertical-align: top;
    margin: 5px 0 0 15px
}

.blog-details-box .blog-info-details blockquote span {
    margin-top: 15px;
    padding-top: 15px;
    position: relative;
    color: rgba(18, 20, 29, .8);
    display: block;
    text-transform: uppercase;
    font-weight: 600;
    color: #c7c9d9
}

.blog-details-box .blog-info-details blockquote span:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    width: 30px;
    height: 1px;
    background: #c7c9d9;
    margin: 0 auto
}

.blog-details-box .blog-info-details blockquote.blockquote2 {
    text-align: left;
    background: #fafafc;
    border: 0;
    padding-left: 50px
}

@media (max-width:767px) {
    .blog-details-box .blog-info-details blockquote.blockquote2 {
        padding: 32px
    }
}

.blog-details-box .blog-info-details blockquote.blockquote2 h5 {
    max-width: 100%;
    padding-left: 50px
}

@media (max-width:767px) {
    .blog-details-box .blog-info-details blockquote.blockquote2 h5 {
        padding-top: 40px;
        padding-left: 0
    }
}

.blog-details-box .blog-info-details blockquote.blockquote2 h5::after {
    position: absolute;
    left: 0;
    top: 0;
    margin: 0
}

@media (max-width:767px) {
    .blog-details-box .blog-info-details blockquote.blockquote2 h5::after {
        top: 0
    }
}

.blog-details-box .blog-info-details blockquote.blockquote2 span {
    padding: 0 0 0 50px;
    margin-top: 20px
}

@media (max-width:767px) {
    .blog-details-box .blog-info-details blockquote.blockquote2 span {
        padding: 0
    }
}

.blog-details-box .blog-info-details blockquote.blockquote2 span {
    font-weight: 300;
    text-transform: none;
    color: #555770
}

@media (max-width:575px) {
    .blog-details-box .blog-info-details table {
        overflow: auto;
        display: block
    }
}

.blog-details-box .blog-info-details table tbody {
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content
}

@media (max-width:575px) {
    .blog-details-box .blog-info-details table tbody {
        display: block
    }
}

.blog-details-box .blog-info-details table h2 {
    font-size: 30px;
    margin-bottom: 0
}

@media (max-width:575px) {
    .blog-details-box .blog-info-details table h2 {
        font-size: 20px
    }
}

.blog-details-box .blog-info-details .blog-banner-box {
    background: -o-linear-gradient(145.51deg, #25245d 7.21%, #38a7a1 94.47%);
    background: linear-gradient(145.51deg, #25245d 7.21%, #38a7a1 94.47%);
    padding: 50px;
    border-radius: 5px;
    position: relative;
    overflow: hidden;
    z-index: 1;
    color: #fff
}

@media (max-width:1199px) {
    .blog-details-box .blog-info-details .blog-banner-box {
        padding: 30px
    }
}

@media (max-width:575px) {
    .blog-details-box .blog-info-details .blog-banner-box {
        padding: 20px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 10px;
        text-align: center
    }
}

.blog-details-box .blog-info-details .blog-banner-box::after,
.blog-details-box .blog-post-info {
    position: absolute;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.blog-details-box .blog-info-details .blog-banner-box::after {
    content: '';
    background: url(../img/gradient-round.svg) no-repeat center left;
    background-repeat: no-repeat;
    left: -180px;
    width: 480px;
    height: 480px;
    z-index: -1;
    pointer-events: none;
    top: 50%
}

.blog-details-box .blog-info-details .blog-banner-box .blog-banner-details p {
    font-size: 25px;
    margin-bottom: 0
}

@media (max-width:575px) {
    .blog-details-box .blog-info-details .blog-banner-box .blog-banner-details p {
        font-size: 20px
    }
}

.blog-details-box .blog-info-details .blog-banner-box .hire-seo-btn {
    margin-left: auto;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media (max-width:575px) {
    .blog-details-box .blog-info-details .blog-banner-box .hire-seo-btn {
        margin-left: 0
    }
}

.blog-details-box .category-blog-info {
    position: relative
}

.blog-details-box .blog-post-info {
    right: 120px;
    top: 0;
    margin-bottom: 0
}

@media (max-width:1400px) {
    .blog-details-box .blog-post-info {
        right: 70px;
        position: static;
        -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, .1);
        box-shadow: 0 2px 10px rgba(0, 0, 0, .1)
    }
}

@media (max-width:991px) {
    .blog-details-box .blog-post-info {
        right: 30px
    }
}

@media (max-width:575px) {
    .blog-details-box .blog-post-info {
        position: static;
        -webkit-transform: translateY(-30%);
        -ms-transform: translateY(-30%);
        transform: translateY(-30%)
    }
}

.blog-details-box .blog-post-info ul {
    padding: 14px 24px;
    list-style: none;
    width: 100%;
    margin: 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff
}

@media (max-width:575px) {
    .blog-details-box .blog-post-info ul {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        grid-gap: 10px;
        padding: 14px 20px
    }
}

.blog-details-box .blog-post-info ul li {
    position: relative;
    font-size: 16px
}

@media (max-width:991px) {
    .blog-details-box .blog-post-info ul li {
        font-size: 14px
    }
}

.blog-details-box .blog-post-info ul li:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background: #e4e4eb
}

@media (max-width:575px) {
    .blog-details-box .blog-post-info ul li:after {
        display: none
    }

    .blog-details-box .blog-post-info ul li:last-child {
        margin-left: auto
    }
}

.blog-details-box .blog-post-info ul li:last-child::after,
.breadcrumbs ul li:last-child::after {
    display: none
}

.blog-details-box .blog-post-info ul li:not(:last-child) {
    padding-right: 20px;
    margin-right: 20px
}

@media (max-width:991px) {
    .blog-details-box .blog-post-info ul li:not(:last-child) {
        padding-right: 10px;
        margin-right: 10px
    }
}

.blog-details-box .blog-post-info ul li i {
    margin-right: 10px
}

@media (max-width:991px) {
    .blog-details-box .blog-post-info ul li a {
        font-size: 14px
    }
}

.blog-details-box .work-technology-tag {
    margin: 0 0 60px
}

@media (max-width:767px) {
    .blog-details-box .work-technology-tag {
        margin: 0 0 45px
    }
}

@media (max-width:575px) {
    .blog-details-box .work-technology-tag {
        margin: 0 0 35px
    }
}

@media (max-width:1199px) {
    .blog-details-box .hr-info-box {
        grid-gap: 32px
    }
}

@media (max-width:767px) {
    .blog-details-box .hr-info-box {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.blog-details-box .hr-info-box .hr-social-info ul {
    padding: 6px 16px;
    text-align: center;
    left: 20px;
    right: 20px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    width: auto;
    margin: 0 auto;
    display: table;
    border-radius: 50px
}

.blog-details-box .hr-info-box .hr-social-info ul li {
    text-align: center;
    width: 100%;
    font-size: 14px
}

@media (max-width:1199px) {
    .blog-details-box .hr-info-box .hr-social-info figure {
        width: 180px;
        height: 180px
    }
}

@media (max-width:575px) {

    .blog-list-section .filter-box,
    .blog-list-section .filter-box .filter-row {
        width: 100%
    }
}

.blog-list-section .title-row .section-title {
    max-width: 1080px
}

.blog-list-section .filter-heading {
    font-size: 3.625em
}

@media (max-width:1199px) {
    .blog-list-section .filter-heading {
        font-size: 2.5em
    }
}

@media (max-width:575px) {
    .blog-list-section .filter-heading {
        font-size: 34px
    }
}

.blog-list-section .filter-heading span {
    margin-left: 15px;
    font-size: 32px;
    display: inline-block;
    font-weight: 400;
    line-height: 1;
    color: #64d09c;
    padding-left: 15px;
    position: relative;
    margin-top: 10px
}

@media (max-width:1199px) {
    .blog-list-section .filter-heading span {
        margin-top: 14px
    }
}

@media (max-width:991px) {
    .blog-list-section .filter-heading span {
        font-size: 26px
    }
}

@media (max-width:575px) {
    .blog-list-section .filter-heading span {
        font-size: 24px
    }
}

.blog-list-section .filter-heading span::after {
    content: '';
    position: absolute;
    width: 1px;
    height: 28px;
    background: rgba(0, 0, 0, .4);
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.pagination {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    grid-gap: 5px;
    margin-top: 48px
}

.blog-list-section .filter-heading,
.pagination,
.pagination ul,
.pagination ul li,
.pagination ul li span.current {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.pagination ul {
    list-style: none;
    margin: 0;
    padding: 0;
    grid-gap: 5px
}

.pagination ul li,
.pagination ul li span.current {
    width: 40px;
    height: 40px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.pagination ul li span.current {
    width: 100%;
    height: 100%;
    color: #fff;
    background: #64d09c;
    border: 1px solid #f1f1f1
}

.pagination ul li:not(.pending-pagi) a {
    width: 100%;
    color: #12141d;
    border: 1px solid #f1f1f1;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 18px
}

.pagination ul li:not(.pending-pagi) a:hover {
    color: #fff;
    background: #38a7a1;
    border-color: #38a7a1
}

.pagination .wp-pagenavi span.current,
.pagination ul li.current a {
    background: #38a7a1;
    color: #fff;
    border-color: #38a7a1
}

.pagination .wp-pagenavi,
.share-post-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.pagination .wp-pagenavi {
    gap: 5px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (max-width:1199px) {
    .pagination .wp-pagenavi .pages {
        width: 100%;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin-top: 10px
    }
}

.pagination .wp-pagenavi .first,
.pagination .wp-pagenavi .last {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.pagination .wp-pagenavi span.current {
    font-weight: 400
}

.pagination .wp-pagenavi a {
    border: 1px solid #f1f1f1
}

.pagination .wp-pagenavi a,
.pagination .wp-pagenavi span {
    min-width: 40px;
    min-height: 40px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 18px;
    color: #12141d;
    margin: 0
}

@media (max-width:1199px) {

    .pagination .wp-pagenavi a,
    .pagination .wp-pagenavi span {
        min-width: 30px;
        min-height: 30px
    }
}

@media (max-width:991px) {

    .pagination .wp-pagenavi a,
    .pagination .wp-pagenavi span {
        font-size: 16px;
        min-width: calc(11.11% - 5.62px)
    }

    .pagination .wp-pagenavi a.pages,
    .pagination .wp-pagenavi span.pages {
        width: 100%;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
}

@media (max-width:575px) {

    .pagination .wp-pagenavi a.pages,
    .pagination .wp-pagenavi span.pages {
        display: none
    }
}

.pagination .wp-pagenavi a.first,
.pagination .wp-pagenavi a.last,
.pagination .wp-pagenavi span.first,
.pagination .wp-pagenavi span.last {
    padding: 3px 20px
}

.pagination .wp-pagenavi span {
    border: 0
}

.pagination .wp-pagenavi a:hover {
    background: #38a7a1;
    color: #fff;
    border-color: #38a7a1
}

.share-post-box {
    max-width: 824px;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    grid-gap: 20px 32px;
    margin: 0 auto 64px
}

@media (max-width:767px) {
    .share-post-box {
        margin-bottom: 20px
    }
}

.share-post-box>span {
    color: rgba(18, 20, 29, .8)
}

.share-post-box,
.share-post-box ul,
.share-post-box ul li a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.share-post-box ul {
    margin: 0;
    list-style: none;
    grid-gap: 12px;
    padding: 0
}

.share-post-box ul li.copy-link a {
    width: auto
}

.share-post-box ul,
.share-post-box ul li a,
.share-post-box ul li a i {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.share-post-box ul li a {
    border: 1px solid #c7c9d9;
    width: 40px;
    height: 40px;
    padding: 10px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: rgba(18, 20, 29, .8)
}

.share-post-box ul li a:hover {
    background: rgba(18, 20, 29, .8);
    color: #fff
}

.share-post-box ul li a:hover img {
    -webkit-filter: brightness(10);
    filter: brightness(10)
}

.share-post-box ul li a i {
    font-size: 20px
}

.share-post-box ul li a img {
    width: 20px;
    height: 20px;
    -o-object-fit: contain;
    object-fit: contain;
    margin-right: 8px;
    -webkit-transition: -webkit-filter cubic-bezier(.15, .3, .2, .9) 250ms;
    -o-transition: filter cubic-bezier(.15, .3, .2, .9) 250ms;
    transition: filter cubic-bezier(.15, .3, .2, .9) 250ms;
    transition: filter cubic-bezier(.15, .3, .2, .9) 250ms, -webkit-filter cubic-bezier(.15, .3, .2, .9) 250ms
}

.blog-post-info ul li:last-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #25245d;
    -webkit-transition: all cubic-bezier(.15, .3, .2, .9) 250ms;
    -o-transition: all cubic-bezier(.15, .3, .2, .9) 250ms;
    transition: all cubic-bezier(.15, .3, .2, .9) 250ms;
    cursor: pointer
}

.blog-post-info ul li:last-child:hover,
.blog-post-info ul li:last-child:hover a {
    color: #38a7a1
}

.addtoany_list.a2a_kit_size_32 a {
    font-size: 16px !important;
    line-height: 1 !important;
    display: block !important
}

@media (max-width:767px) {
    .addtoany_list.a2a_kit_size_32 a {
        font-size: 14px !important
    }
}

@media (max-width:575px) {
    .addtoany_list.a2a_kit_size_32 a {
        line-height: 1.5 !important
    }
}

.blog-info-details ul li,
.faq-row .accordion-data ul li ol li,
.faq-row .accordion-data ul li ul li {
    margin-bottom: 10px
}

.blog-info-details ul li:last-of-type {
    margin-bottom: 0
}

.blog-info-details ul li ul {
    list-style-type: disc;
    padding: 0;
    font-size: 20px !important
}

.blog-info-details p a:hover {
    text-decoration: none
}

.body.why-choose-us .hero-section .hero-row .hero-box {
    width: 45%
}

@media (max-width:1400px) {
    .body.why-choose-us .hero-section .hero-row .hero-box {
        width: 100%
    }
}

@media (max-width:767px) {
    .body.why-choose-us .hero-section .hero-row .hero-box {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }
}

.body.why-choose-us .hero-section .hero-row .hero-box:nth-child(2) {
    width: 55%
}

@media (max-width:1400px) {
    .body.why-choose-us .hero-section .hero-row .hero-box:nth-child(2) {
        width: 100%
    }

    .body.why-choose-us .hero-section .hero-row .hero-box:nth-child(2) img {
        font-size: 2.5em;
        width: 30px
    }
}

.body.why-choose-us .why-development .about-content-info .section-title {
    max-width: 640px
}

.body.why-choose-us .what-we-belive .what-we-belive-row.why-choose-us-box {
    counter-reset: my-sec-counter
}

.body.why-choose-us .what-we-belive .what-we-belive-row.why-choose-us-box .wrap {
    max-width: 1404px
}

.body.why-choose-us .what-we-belive .what-we-belive-row.why-choose-us-box .grids {
    grid-template-columns: 528px auto;
    grid-gap: 0 66px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

@media (max-width:991px) {
    .body.why-choose-us .what-we-belive .what-we-belive-row.why-choose-us-box .grids {
        grid-gap: 0 50px;
        grid-template-columns: 1fr 1fr
    }
}

@media (max-width:767px) {
    .body.why-choose-us .what-we-belive .what-we-belive-row.why-choose-us-box .grids {
        grid-gap: 32px;
        grid-template-columns: 1fr
    }

    .body.why-choose-us .what-we-belive .what-we-belive-row.why-choose-us-box .grids:nth-child(odd) .grid:nth-child(1) {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }
}

.body.why-choose-us .what-we-belive .what-we-belive-row.why-choose-us-box .grids:nth-child(even) {
    grid-template-columns: auto 528px
}

@media (max-width:991px) {
    .body.why-choose-us .what-we-belive .what-we-belive-row.why-choose-us-box .grids:nth-child(even) {
        grid-template-columns: 1fr 1fr
    }
}

@media (max-width:767px) {
    .body.why-choose-us .what-we-belive .what-we-belive-row.why-choose-us-box .grids:nth-child(even) {
        grid-template-columns: 1fr
    }
}

.body.why-choose-us .what-we-belive .what-we-belive-row.why-choose-us-box .grids:nth-child(even) .image-wrap {
    padding-right: 0;
    padding-left: 75px
}

@media (max-width:991px) {
    .body.why-choose-us .what-we-belive .what-we-belive-row.why-choose-us-box .grids:nth-child(even) .image-wrap {
        padding-left: 50px
    }
}

@media (max-width:575px) {
    .body.why-choose-us .what-we-belive .what-we-belive-row.why-choose-us-box .grids:nth-child(even) .image-wrap {
        padding-left: 35px
    }
}

.body.why-choose-us .what-we-belive .what-we-belive-row.why-choose-us-box .grids:nth-child(even) .image-wrap .award-img {
    right: auto;
    left: 0
}

@media (max-width:767px) {
    .body.why-choose-us .what-we-belive .what-we-belive-row.why-choose-us-box .grids:nth-child(even) .grid:nth-child(1) {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }
}

.body.why-choose-us .what-we-belive .what-we-belive-row.why-choose-us-box .grids:nth-child(even) .grid:nth-child(1) .reveal {
    margin-left: auto
}

.body.why-choose-us .what-we-belive .what-we-belive-row.why-choose-us-box .grids .grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%
}

.body.why-choose-us .what-we-belive .what-we-belive-row.why-choose-us-box .image-wrap {
    position: relative;
    padding-right: 75px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 510px;
    height: 100%
}

.body.why-choose-us .what-we-belive .what-we-belive-row.why-choose-us-box .image-wrap>img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media (max-width:991px) {
    .body.why-choose-us .what-we-belive .what-we-belive-row.why-choose-us-box .image-wrap {
        padding-right: 50px;
        min-height: 450px
    }
}

@media (max-width:767px) {
    .body.why-choose-us .what-we-belive .what-we-belive-row.why-choose-us-box .image-wrap {
        max-height: 450px
    }
}

@media (max-width:575px) {
    .body.why-choose-us .what-we-belive .what-we-belive-row.why-choose-us-box .image-wrap {
        padding-right: 35px
    }
}

.body.why-choose-us .what-we-belive .what-we-belive-row.why-choose-us-box .award-img {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.body.why-choose-us .what-we-belive .what-we-belive-row.why-choose-us-box .award-img figure {
    width: 150px;
    height: 150px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 3px solid #fff;
    border-radius: 50%
}

@media (max-width:991px) {
    .body.why-choose-us .what-we-belive .what-we-belive-row.why-choose-us-box .award-img figure {
        width: 100px;
        height: 100px
    }
}

@media (max-width:575px) {
    .body.why-choose-us .what-we-belive .what-we-belive-row.why-choose-us-box .award-img figure {
        width: 80px;
        height: 80px
    }
}

.body.why-choose-us .what-we-belive .what-we-belive-row.why-choose-us-box .award-img figure img {
    width: 68px;
    height: 98px;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center center;
    object-position: center center
}

@media (max-width:991px) {
    .body.why-choose-us .what-we-belive .what-we-belive-row.why-choose-us-box .award-img figure img {
        width: 50px;
        height: 50px
    }
}

@media (max-width:575px) {
    .body.why-choose-us .what-we-belive .what-we-belive-row.why-choose-us-box .award-img figure img {
        width: 40px;
        height: 40px
    }
}

.body.why-choose-us .what-we-belive .what-we-belive-row.why-choose-us-box .what-we-belive-info {
    max-width: 100%
}

.body.why-choose-us .what-we-belive .what-we-belive-row.why-choose-us-box .what-we-belive-info .section-title {
    max-width: 100%;
    margin: 0 0 15px;
    position: relative
}

.body.why-choose-us .what-we-belive .what-we-belive-row.why-choose-us-box .what-we-belive-info .section-title::before {
    counter-increment: my-sec-counter;
    content: "0" counter(my-sec-counter);
    font-size: 218px;
    -webkit-text-stroke: 4px transparent !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    font-weight: 700;
    color: #fff;
    letter-spacing: 4px;
    background-color: #f2f2f5;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: -1
}

@media (max-width:991px) {
    .body.why-choose-us .what-we-belive .what-we-belive-row.why-choose-us-box .what-we-belive-info .section-title::before {
        font-size: 120px
    }
}

@media (max-width:767px) {
    .body.why-choose-us .what-we-belive .what-we-belive-row.why-choose-us-box .what-we-belive-info .section-title::before {
        font-size: 100px
    }
}

.body.why-choose-us .what-we-belive .what-we-belive-row.why-choose-us-box .what-we-belive-info p {
    margin: 0 0 30px
}

.faq-categories.section-row {
    overflow: clip
}

.faq-categories .faq-row {
    margin: 0 0 100px;
    counter-reset: my-sec-counter
}

@media (max-width:991px) {
    .faq-categories .faq-row {
        margin: 0 0 48px
    }
}

.faq-categories .faq-row:last-child {
    margin-bottom: 0
}

.faq-categories .faq-row h2 {
    font-size: 2.5em;
    margin: 0 0 40px
}

@media (max-width:991px) {
    .faq-categories .faq-row h2 {
        font-size: 2em;
        margin: 0 0 32px
    }
}

@media (max-width:767px) {
    .faq-categories .faq-row h2 {
        font-size: 1.625em
    }
}

.faq-categories .faq-row .accordion-row {
    border: 1px solid #f0efec
}

.faq-categories .faq-row .accordion-row:not(:last-child) {
    border-bottom: 0
}

.faq-categories .faq-row .accordion-row h5:before {
    color: rgba(40, 41, 61, .8);
    border: 1.5px solid rgba(40, 41, 61, .8)
}

.faq-categories .faq-row .accordion-row h5::after {
    border-top: solid 10px rgba(85, 87, 112, .5);
    z-index: 0
}

.faq-categories .faq-row .accordion-row h5.open {
    background: #fafafc;
    color: #28293d
}

.faq-categories .faq-row .accordion-row h5.open:before {
    color: #28293d;
    border-color: #28293d
}

.faq-categories .faq-row .accordion-row h5.open:after {
    border-top-color: #28293d
}

.faq-categories .faq-row .accordion-row .accordion-trigger,
.founder-ct .founder-section-row .founder-content-info .section-title span {
    color: #555770
}

.faq-categories .faq-row .accordion-data {
    display: none;
    padding: 28px 30px;
    position: relative
}

@media (max-width:767px) {
    .faq-categories .faq-row .accordion-data {
        padding: 28px 20px
    }
}

.faq-categories .faq-row .accordion-data p {
    font-size: 16px;
    color: #fff
}

.faq-categories .faq-row .accordion-data ul li {
    color: #28293d;
    font-size: 1.25em
}

@media (max-width:767px) {
    .faq-categories .faq-row .accordion-data ul li {
        font-size: 1em
    }
}

.faq-categories .faq-row .accordion-data ul li:before {
    color: rgba(40, 41, 61, .9)
}

.faq-categories .faq-row .accordion-data ul li ul {
    list-style-type: none;
    margin: 0;
    padding-top: 20px
}

.faq-categories .faq-row .accordion-data ul li ul li {
    counter-increment: numberList;
    font-size: 18px;
    padding-left: 30px
}

.faq-categories .faq-row .accordion-data ul li ul li::before {
    content: counter(numberList) ".";
    font-size: 22px;
    line-height: 1.2
}

.faq-row .accordion-data ul li ul {
    margin: 0
}

.faq-row .accordion-data ul li ol,
.faq-row .accordion-data ul li ul {
    padding-top: 20px;
    padding-left: 30px
}

.body.faq-page .hero-section .hero-row .hero-box picture {
    height: 530px
}

@media (max-width:767px) {
    .body.faq-page .hero-section .hero-row .hero-box picture {
        height: 100%;
        max-width: 450px;
        margin: 0 auto
    }
}

.body.faq-page .hero-section .hero-row .hero-box picture img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.body.faq-page .hero-section .action-button {
    margin-top: 50px
}

@media (max-width:575px) {
    .body.faq-page .hero-section .action-button {
        margin-top: 30px
    }
}

.faq-block .grid2 {
    grid-gap: 64px;
    grid-template-columns: 240px 1fr
}

@media (max-width:767px) {
    .faq-block .grid2 {
        grid-gap: 0
    }
}

@media (max-width:991px) {
    .faq-block .grid2 {
        grid-template-columns: 1fr
    }
}

@media (max-width:767px) {
    .faq-block .grid2 .grid:first-child {
        position: sticky;
        top: 78px;
        z-index: 2;
        background: #fff;
        overflow: hidden
    }
}

@media (max-width:575px) {
    .faq-block .grid2 .grid:first-child {
        top: 72px
    }
}

.faq-block .grid2 .grid .grids.grid2 {
    grid-template-columns: repeat(2, 1fr)
}

@media (max-width:1400px) {
    .faq-block .grid2 .grid .grids.grid2 {
        grid-template-columns: 1fr
    }
}

.faq-block .grid2 .grid .grids.grid2 .grid:first-child {
    position: static;
    z-index: 0
}

.faq-block .faq-sidebar {
    max-width: 240px;
    position: sticky;
    top: calc(var(--header-height) + 20px);
    -ms-flex-item-align: start;
    align-self: start
}

@media (max-width:991px) {
    .faq-block .faq-sidebar {
        top: 92px;
        max-width: 100%;
        display: none
    }
}

.faq-block .faq-sidebar .faq-sidebar-content {
    position: relative;
    margin-bottom: 72px
}

@media (max-width:991px) {
    .faq-block .faq-sidebar .faq-sidebar-content {
        margin-bottom: 30px
    }
}

@media (max-width:767px) {
    .faq-block .faq-sidebar .faq-sidebar-content {
        margin: 0;
        overflow: auto;
        -ms-overflow-style: none;
        scrollbar-width: none;
        overflow-y: scroll
    }

    .faq-block .faq-sidebar .faq-sidebar-content::-webkit-scrollbar {
        display: none
    }
}

.faq-block .faq-sidebar .faq-progress-bar {
    position: absolute;
    width: 2px;
    height: 100%;
    background-color: #c7c9d9;
    top: 0;
    left: 0;
    overflow: hidden
}

@media (max-width:767px) {
    .faq-block .faq-sidebar .faq-progress-bar {
        display: none
    }
}

.faq-block .faq-sidebar .faq-progress-bar .progress {
    position: absolute;
    z-index: 1;
    width: 100%;
    background-color: #25245d;
    height: 0;
    top: 0;
    left: 0
}

.faq-block .faq-sidebar ul {
    margin: 0;
    list-style: none;
    padding-left: 28px;
    position: relative
}

@media (max-width:991px) {
    .faq-block .faq-sidebar ul {
        padding-left: 20px
    }
}

@media (max-width:767px) {
    .faq-block .faq-sidebar ul {
        padding: 0;
        display: inline-table;
        text-align: center;
        overflow: auto;
        white-space: nowrap
    }
}

.faq-block .faq-sidebar ul li {
    margin-bottom: 27px
}

@media (max-width:991px) {
    .faq-block .faq-sidebar ul li {
        margin-bottom: 20px
    }
}

@media (max-width:767px) {
    .faq-block .faq-sidebar ul li {
        display: inline-block;
        margin: 15px
    }

    .faq-block .faq-sidebar ul li:first-child {
        margin-left: 0
    }
}

.faq-block .faq-sidebar ul li:last-child {
    margin-bottom: 0
}

.faq-block .faq-sidebar ul li a {
    font-size: 20px;
    color: #c7c9d9
}

.faq-block .faq-sidebar ul li a.active,
.faq-block .faq-sidebar ul li a.actived,
.faq-block .faq-sidebar ul li a:hover {
    color: #25245d
}

@media (max-width:991px) {
    .faq-block .faq-sidebar ul li a {
        font-size: 18px
    }
}

@media (max-width:575px) {
    .faq-block .faq-sidebar ul li a {
        font-size: 16px
    }
}

.faq-block .faq-sidebar .btn-group {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 28px
}

@media (max-width:991px) {
    .faq-block .faq-sidebar .btn-group {
        grid-gap: 15px
    }
}

@media (max-width:767px) {
    .faq-block .faq-sidebar .btn-group {
        display: none
    }
}

.faq-block .faq-sidebar .btn-group a {
    font-size: 16px;
    padding: 5px;
    color: #555770
}

@media (max-width:767px) {
    .faq-block .faq-sidebar .btn-group a {
        font-size: 14px
    }
}

.faq-block .faq-main .faq:not(.wroking-process-row) {
    --clr-main-heading: #25245d;
    --clr-heading: #28293D;
    --clr-.body: #555770;
    padding: 40px;
    border: 1px solid #c7c9d9;
    margin-bottom: 65px
}

@media (max-width:991px) {
    .faq-block .faq-main .faq:not(.wroking-process-row) {
        padding: 32px;
        margin-bottom: 50px
    }
}

@media (max-width:767px) {
    .faq-block .faq-main .faq:not(.wroking-process-row) {
        margin-bottom: 32px
    }
}

.faq-block .faq-main .faq:not(.wroking-process-row) .faq-.body .faq-content-row:last-child,
.faq-block .faq-main .faq:not(.wroking-process-row) .faq-.body p:last-child,
.faq-block .faq-main .faq:not(.wroking-process-row) .faq-.body ul:last-child,
.faq-block .faq-main .faq:not(.wroking-process-row):last-child {
    margin-bottom: 0
}

.faq-block .faq-main .faq:not(.wroking-process-row).active {
    --clr-main-heading: #ffffff;
    --clr-heading: #ffffff;
    --clr-.body: #E4E4EB;
    background-color: #25245d;
    border-color: #25245d
}

.faq-block .faq-main .faq:not(.wroking-process-row) .faq-.body .faq-content-row,
.faq-block .faq-main .faq:not(.wroking-process-row) .faq-header {
    margin-bottom: 32px
}

.faq-block .faq-main .faq:not(.wroking-process-row) .faq-header h3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    font-size: 2.5em;
    line-height: 1.35;
    color: var(--clr-main-heading)
}

@media (max-width:767px) {
    .faq-block .faq-main .faq:not(.wroking-process-row) .faq-header h3 {
        font-size: 25px
    }
}

.faq-block .faq-main .faq:not(.wroking-process-row) .faq-.body h4 {
    margin-bottom: 10px;
    color: var(--clr-heading)
}

.faq-block .faq-main .faq:not(.wroking-process-row) .faq-.body p {
    font-size: 1.25em;
    color: var(--clr-.body);
    margin-bottom: 10px
}

@media (max-width:991px) {
    .faq-block .faq-main .faq:not(.wroking-process-row) .faq-.body p {
        font-size: 16px
    }
}

.faq-block .faq-main .faq:not(.wroking-process-row) .faq-.body ul {
    margin: 0 0 10px;
    font-size: 20px
}

.faq-block .faq-main .faq:not(.wroking-process-row) .faq-.body ul.grid2 {
    grid-template-columns: 1fr 1fr;
    gap: 10px
}

@media (max-width:575px) {
    .faq-block .faq-main .faq:not(.wroking-process-row) .faq-.body ul.grid2 {
        grid-template-columns: 1fr
    }
}

.faq-block .faq-main .faq:not(.wroking-process-row) .faq-.body ul li {
    color: var(--clr-.body)
}

.faq-block .faq-main .faq:not(.wroking-process-row) .faq-.body ul li::before {
    background-color: var(--clr-.body)
}

.faq-block .link,
.body.store .vbox-inline ul a:hover {
    color: #38a7a1
}

.faq-block .link:hover {
    color: #25245d
}

.founder-ct {
    background-color: #fafafc
}

.founder-ct .founder-section-row {
    grid-gap: 50px;
    max-width: 1080px;
    margin: 0 auto
}

@media (max-width:991px) {
    .founder-ct .founder-section-row {
        grid-gap: 32px
    }
}

@media (max-width:767px) {
    .founder-ct .founder-section-row {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: -48px -32px;
        padding: 48px 32px
    }
}

.founder-ct .founder-section-row .founder-image {
    margin-left: 0;
    padding-left: 0;
    max-width: 336px;
    min-width: 336px;
    width: 100%;
    position: relative
}

@media (max-width:575px) {
    .founder-ct .founder-section-row .founder-image {
        max-width: 100%
    }
}

.founder-ct .founder-section-row .founder-image figure {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    max-height: 400px;
    position: relative;
    overflow: hidden;
    padding-top: 115%
}

.founder-ct .founder-section-row .founder-image img {
    position: absolute;
    inset: 0;
    -o-object-fit: cover;
    -o-object-position: top center;
    object-position: top center;
    object-fit: cover;
    width: 100%;
    height: 100%
}

.founder-ct .founder-section-row,
.founder-ct .founder-section-row ul,
.founder-ct .founder-section-row ul li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.founder-ct .founder-section-row ul {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 26px;
    margin: 0;
    list-style: none;
    grid-gap: 20px;
    position: absolute;
    padding: 0
}

.founder-ct .founder-section-row ul li {
    border-radius: 6px;
    background: #fff;
    overflow: hidden;
    border: 1px solid #cdd3d3
}

.founder-ct .founder-section-row ul li a {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 10px;
    position: relative;
    overflow: hidden
}

.founder-ct .founder-section-row ul li a:before {
    content: "";
    position: absolute;
    top: 100%;
    left: -110%;
    width: 140%;
    height: 140%;
    z-index: 2;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
    -webkit-transition-timing-function: cubic-bezier(.34, .04, .7, 1.78);
    -o-transition-timing-function: cubic-bezier(.34, .04, .7, 1.78);
    transition-timing-function: cubic-bezier(.34, .04, .7, 1.78)
}

.founder-ct .founder-section-row ul li a i {
    position: relative;
    -webkit-transition: 200ms;
    -o-transition: 200ms;
    transition: 200ms;
    z-index: 3
}

.founder-ct .founder-section-row ul li a:hover i {
    color: #fff;
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}

.founder-ct .founder-section-row ul li a:hover:before {
    top: -20%;
    left: -20%
}

.founder-ct .founder-section-row ul li a.facebook:before {
    background: #3b5999
}

.founder-ct .founder-section-row ul li a.linkedin:before {
    background: #0077b5
}

.founder-ct .founder-section-row ul li a.instagram:before {
    background: #c13584
}

.founder-ct .founder-section-row ul li a.twitter:before {
    background: #55acee
}

.founder-ct .founder-section-row .founder-content-info .section-title {
    max-width: 1024px;
    width: 100%;
    margin: 0 0 26px
}

@media (max-width:767px) {
    .founder-ct .founder-section-row .founder-content-info .section-title {
        margin: 0 0 20px
    }
}

.founder-ct .founder-section-row .founder-content-info .section-title h2 {
    color: #12141d
}

.founder-ct .founder-section-row .founder-content-info p {
    margin: 0;
    text-align: inherit;
    color: rgba(18, 20, 29, .8);
    font-size: 18px
}

.founder-ct .founder-section-row .founder-content-info p span,
.body.store #cboxTitle {
    font-weight: 700
}

.testimonials-section {
    padding: 100px 0 85px;
    background-color: #fff
}

@media (max-width:1400px) {
    .testimonials-section {
        padding: 80px 0 65px
    }
}

@media (max-width:767px) {
    .testimonials-section {
        padding: 48px 0
    }
}

.testimonials-section .testimonials-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 40px
}

@media (max-width:991px) {
    .testimonials-section .testimonials-row {
        grid-gap: 32px
    }
}

@media (max-width:767px) {
    .testimonials-section .testimonials-row {
        grid-template-columns: 1fr
    }
}

.testimonials-section .testimonials-row .testimonial-slide {
    margin: 0
}

.testimonials-section .testimonials-row .author-name {
    position: relative;
    padding-right: 110px
}

@media (max-width:1199px) {
    .testimonials-section .testimonials-row .author-name {
        padding-right: 0
    }
}

.testimonials-section .testimonials-row .author-name .rating-details {
    margin: 0;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: auto
}

@media (max-width:1199px) {
    .testimonials-section .testimonials-row .author-name .rating-details {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        position: relative;
        top: 0
    }
}

.testimonials-section .action-button {
    margin-top: 58px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative
}

@media (max-width:991px) {
    .testimonials-section .action-button {
        margin-top: 48px
    }
}

.testimonials-section.loading .action-button .button span {
    min-width: 205px;
    min-height: 48px;
    font-size: 0
}

.our-reviews-sec {
    padding-bottom: 0
}

@media (max-width:991px) {
    .our-reviews-sec {
        padding: 48px 0 0
    }
}

@media (max-width:767px) {
    .our-reviews-sec .section-title.center {
        margin-bottom: 0
    }
}

.our-reviews-sec .our-reviews-row {
    max-width: 1400px;
    grid-gap: 70px;
    grid-template-columns: repeat(auto-fit, minmax(270px, 1fr))
}

@media (max-width:991px) {
    .our-reviews-sec .our-reviews-row {
        grid-gap: 32px
    }
}

@media (max-width:575px) {
    .our-reviews-sec .our-reviews-row {
        grid-template-columns: repeat(auto-fit, minmax(170px, 1fr))
    }
}

.our-reviews-sec .our-reviews-row,
.our-reviews-sec .our-reviews-row .our-review,
.body.store #header .header-row>#logo {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.our-reviews-sec .our-reviews-row .our-review figure img {
    height: 100%
}

.our-reviews-sec .our-reviews-row>a:hover .our-review .review-content h2 {
    color: #38a7a1;
    -webkit-transition: all cubic-bezier(.15, .3, .2, .9) 250ms;
    -o-transition: all cubic-bezier(.15, .3, .2, .9) 250ms;
    transition: all cubic-bezier(.15, .3, .2, .9) 250ms
}

.our-reviews-sec .our-reviews-row>a:last-child .our-review figure img {
    width: 90px
}

@media (max-width:991px) {
    .our-reviews-sec .our-reviews-row>a:last-child .our-review figure img {
        width: 65px
    }
}

@media (max-width:575px) {
    .our-reviews-sec .our-reviews-row>a:last-child .our-review figure img {
        width: 55px
    }
}

.our-reviews-sec .our-reviews-row>a:last-child .our-review .review-content h2 {
    font-size: 2.5em
}

@media (max-width:767px) {
    .our-reviews-sec .our-reviews-row>a:last-child .our-review .review-content h2 {
        font-size: 30px
    }
}

.our-reviews-row {
    max-width: 1200px;
    margin: 0 auto;
    padding: 58px 0 0;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 110px
}

@media (max-width:1199px) {
    .our-reviews-row {
        grid-gap: 40px
    }
}

@media (max-width:991px) {
    .our-reviews-row {
        padding: 48px 0 0;
        grid-gap: 32px;
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (max-width:767px) {
    .our-reviews-row {
        grid-gap: 32px
    }
}

@media (max-width:575px) {
    .our-reviews-row {
        grid-template-columns: repeat(1, 1fr)
    }
}

.our-reviews-row .our-review {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-gap: 35px
}

@media (max-width:1199px) {
    .our-reviews-row .our-review {
        grid-gap: 25px
    }
}

@media (max-width:991px) {
    .our-reviews-row .our-review {
        grid-gap: 20px
    }
}

.our-reviews-row .our-review figure {
    min-width: 75px;
    display: inline-block
}

@media (max-width:991px) {
    .our-reviews-row .our-review figure {
        min-width: 55px
    }
}

@media (max-width:767px) {
    .our-reviews-row .our-review figure {
        min-width: 50px
    }
}

@media (max-width:575px) {
    .our-reviews-row .our-review figure {
        min-width: 40px
    }
}

.extensions-sec ul li a figure img,
.our-reviews-row .our-review figure img {
    width: 75px;
    height: 71px;
    -o-object-fit: contain;
    object-fit: contain
}

@media (max-width:991px) {
    .our-reviews-row .our-review figure img {
        width: 55px;
        height: 51px
    }
}

@media (max-width:767px) {
    .our-reviews-row .our-review figure img {
        width: 50px;
        height: 47px
    }
}

@media (max-width:575px) {
    .our-reviews-row .our-review figure img {
        width: 40px;
        height: 37px
    }
}

.our-reviews-row .our-review .review-content h2 {
    font-size: 3.125em;
    margin: 0 0 10px;
    font-weight: 400;
    line-height: 1.1
}

@media (max-width:991px) {
    .our-reviews-row .our-review .review-content h2 {
        font-size: 2.5em
    }
}

@media (max-width:767px) {
    .our-reviews-row .our-review .review-content h2 {
        font-size: 1.875em
    }
}

@media (max-width:575px) {
    .our-reviews-row .our-review .review-content h2 {
        line-height: 1
    }
}

.our-reviews-row .our-review .review-content p {
    margin: 0;
    color: #555770
}

@media (max-width:767px) {
    .our-reviews-row .our-review .review-content p {
        font-size: 14px
    }
}

.extensions-sec {
    padding: 0
}

.extensions-sec ul,
.extensions-sec ul li a {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.extensions-sec ul,
.extensions-sec ul li {
    text-align: center;
    margin: 0;
    padding: 0
}

.extensions-sec ul li {
    width: 100%
}

.extensions-sec ul li a {
    color: #89899c;
    background-color: #fafafc;
    z-index: 1;
    font-weight: 600;
    padding: 30px 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: 18px;
    position: relative;
    font-size: 20px
}

@media (max-width:991px) {
    .extensions-sec ul li a {
        padding: 20px 0
    }
}

.extensions-sec ul li a::after {
    content: '';
    background: #e1e1e1;
    height: 100%;
    width: 100%;
    z-index: -1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
    -webkit-transition: opacity 250ms cubic-bezier(.15, .3, .2, .9);
    -o-transition: opacity 250ms cubic-bezier(.15, .3, .2, .9);
    transition: opacity 250ms cubic-bezier(.15, .3, .2, .9);
    position: absolute;
    right: 0;
    top: 0;
    opacity: 0
}

@media (max-width:767px) {
    .extensions-sec ul li a {
        padding: 15px 20px;
        font-size: 14px;
        white-space: normal;
        gap: 15px
    }
}

.extensions-sec ul li a figure img {
    width: 50px;
    height: 50px;
    mix-blend-mode: exclusion;
    opacity: .4;
    -webkit-transition: all 350ms cubic-bezier(1, .65, .08, .38);
    -o-transition: all 350ms cubic-bezier(1, .65, .08, .38);
    transition: all 350ms cubic-bezier(1, .65, .08, .38)
}

@media (max-width:767px) {
    .extensions-sec ul li a figure img {
        width: 36px;
        height: 40px
    }
}

.extensions-sec ul li a i {
    font-size: 50px;
    -webkit-transition: all cubic-bezier(.15, .3, .2, .9) 250ms;
    -o-transition: all cubic-bezier(.15, .3, .2, .9) 250ms;
    transition: all cubic-bezier(.15, .3, .2, .9) 250ms
}

@media (max-width:767px) {
    .extensions-sec ul li a i {
        font-size: 37px
    }
}

.breadcrumbs ul li a,
.extensions-sec ul li a.active,
.extensions-sec ul li a:hover,
.magento-contact-sec .magento-contact-center .magento-icon-product .share-post-box ul li a {
    color: #25245d
}

.extensions-sec ul li a.active figure img,
.extensions-sec ul li a:hover figure img {
    mix-blend-mode: darken;
    opacity: 1;
    -webkit-filter: brightness(0) saturate(100%) invert(18%) sepia(23%) saturate(1729%) hue-rotate(203deg) brightness(91%) contrast(103%);
    filter: brightness(0) saturate(100%) invert(18%) sepia(23%) saturate(1729%) hue-rotate(203deg) brightness(91%) contrast(103%)
}

.extensions-sec ul li a.active::after,
.extensions-sec ul li a:hover::after {
    opacity: 1
}

.extensions-sec ul li a:hover:not(.active)::after {
    opacity: .5
}

.extensions-row .extensions-list-row {
    grid-gap: 95px;
    padding-bottom: 95px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (max-width:991px) {
    .extensions-row .extensions-list-row {
        padding-bottom: 48px
    }
}

@media (max-width:1199px) {
    .extensions-row .extensions-list-row {
        grid-gap: 40px
    }
}

@media (max-width:991px) {
    .extensions-row .extensions-list-row {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.extensions-row .extensions-list-row .extensions-lists {
    width: 100%
}

.extensions-row .extensions-list-row .extensions-name-box {
    min-width: 410px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

@media (max-width:1400px) {
    .extensions-row .extensions-list-row .extensions-name-box {
        min-width: 280px
    }
}

@media (max-width:991px) {
    .extensions-row .extensions-list-row .extensions-name-box {
        min-width: 100%
    }
}

.extensions-row .extensions-list-row .extensions-name-box h2 {
    font-size: 178px;
    font-weight: 700;
    -webkit-text-stroke: 1px #25245d;
    paint-order: stroke fill;
    color: transparent;
    line-height: 1;
    margin-bottom: 0
}

.extensions-row .extensions-list-row .extensions-name-box h2 .split-line>div {
    line-height: 1.1
}

@media (max-width:1400px) {
    .extensions-row .extensions-list-row .extensions-name-box h2 {
        font-size: 110px
    }
}

@media (max-width:1199px) {
    .extensions-row .extensions-list-row .extensions-name-box h2 {
        font-size: 90px
    }
}

@media (max-width:767px) {
    .extensions-row .extensions-list-row .extensions-name-box h2 {
        font-size: 60px
    }
}

.extensions-row .extensions-list-row .extensions-name-box h2.bigger {
    font-size: 178px
}

@media (max-width:1400px) {
    .extensions-row .extensions-list-row .extensions-name-box h2.bigger {
        font-size: 110px
    }
}

@media (max-width:1199px) {
    .extensions-row .extensions-list-row .extensions-name-box h2.bigger {
        font-size: 90px
    }
}

@media (max-width:767px) {
    .extensions-row .extensions-list-row .extensions-name-box h2.bigger {
        font-size: 60px
    }
}

.extensions-row .extensions-list-row .extensions-name-box h3 {
    font-size: 50px;
    color: #25245d;
    line-height: 1.2;
    margin: 0
}

@media (max-width:1400px) {
    .extensions-row .extensions-list-row .extensions-name-box h3 {
        font-size: 40px
    }
}

@media (max-width:991px) {
    .extensions-row .extensions-list-row .extensions-name-box h3 {
        font-size: 30px
    }
}

@media (max-width:767px) {
    .extensions-row .extensions-list-row .extensions-name-box h3 {
        font-size: 25px
    }

    .extensions-row .extensions-list-row .extensions-name-box h3 br {
        display: none
    }
}

.extensions-row .extensions-list-row .extensions-name-box .button {
    margin-top: 35px
}

.extensions-row .extensions-list-row .grids {
    grid-gap: 40px
}

@media (max-width:1199px) {
    .extensions-row .extensions-list-row .grids {
        grid-gap: 32px
    }
}

@media (max-width:767px) {
    .extensions-row .extensions-list-row .grids {
        grid-template-columns: 1fr 1fr
    }
}

@media (max-width:575px) {
    .extensions-row .extensions-list-row .grids {
        grid-template-columns: 1fr
    }
}

.extensions-row .extension-box .contact-form-extension .extension-info,
.extensions-row .extension-box .contact-form-extension .extension-info .price-sec,
.extensions-row .rating-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: 8px
}

.extensions-row .rating-row .rating-details {
    height: 21px;
    display: inline-block;
    width: auto;
    margin-top: 0
}

.extensions-row .rating-row .rating-details span {
    background: url(../img/star-without-fill.svg) no-repeat center left;
    width: 105px;
    height: 21px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 0
}

.extensions-row .rating-row .rating-details span>span {
    background: url(../img/star.svg) no-repeat center left;
    -webkit-transition: all 600ms cubic-bezier(.75, .1, .6, 1);
    -o-transition: all 600ms cubic-bezier(.75, .1, .6, 1);
    transition: all 600ms cubic-bezier(.75, .1, .6, 1)
}

.extensions-row .rating-row p {
    margin: 0;
    font-size: 14px
}

.extensions-row .extension-box .contact-form-extension {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    background-color: #fff;
    padding: 48px 25px 25px;
    -webkit-box-shadow: 0 4px 30px rgba(0, 0, 0, .08);
    box-shadow: 0 4px 30px rgba(0, 0, 0, .08);
    border-radius: 4px;
    position: relative
}

.extensions-row .extension-box .contact-form-extension figure {
    margin: 0 0 20px
}

.extensions-row .extension-box .contact-form-extension figure img {
    width: 60px;
    height: 60px;
    -o-object-fit: contain;
    object-fit: contain
}

@media (max-width:991px) {
    .extensions-row .extension-box .contact-form-extension figure img {
        width: 50px;
        height: 50px
    }
}

@media (max-width:575px) {
    .extensions-row .extension-box .contact-form-extension figure img {
        width: 40px;
        height: 40px
    }
}

.extensions-row .extension-box .contact-form-extension h4 {
    margin: 0 0 25px;
    font-weight: 700
}

@media (max-width:767px) {
    .extensions-row .extension-box .contact-form-extension h4 {
        margin-bottom: 15px
    }
}

.extensions-row .extension-box .contact-form-extension>p {
    margin: 0 0 25px;
    font-size: 14px;
    max-width: 367px
}

.extensions-row .extension-box .contact-form-extension .extension-info {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    grid-gap: 20px;
    margin-bottom: 25px
}

@media (max-width:1199px) {
    .extensions-row .extension-box .contact-form-extension .extension-info {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.extensions-row .extension-box .contact-form-extension .extension-info .price-sec span {
    font-size: 1.75em;
    font-weight: 700;
    color: #25245d
}

@media (max-width:767px) {
    .extensions-row .extension-box .contact-form-extension .extension-info .price-sec span {
        font-size: 1.25em
    }
}

.extensions-row .extension-box .contact-form-extension .extension-info .price-sec del {
    color: #8f90a6
}

@media (max-width:767px) {
    .extensions-row .extension-box .contact-form-extension .extension-info .price-sec del {
        font-size: .875em
    }
}

.extensions-row .extension-box .contact-form-extension .button {
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin-top: auto
}

.extensions-row .extension-box .contact-form-extension .sale-label {
    position: absolute;
    top: -13px;
    right: 25px
}

@media (max-width:575px) {
    .extensions-row .extension-box .contact-form-extension .sale-label {
        right: 10px
    }
}

.extensions-row .extension-box .contact-form-extension .sale-label figure {
    width: 92px;
    height: 80px;
    position: relative;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    z-index: 1
}

.extensions-row .extension-box .contact-form-extension .sale-label figure img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: -1
}

.extensions-row .extension-box .contact-form-extension .sale-label figure span {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    margin-top: -5px
}

.choose-to-us {
    padding: 105px 0
}

@media (max-width:1199px) {
    .choose-to-us {
        padding: 80px 0
    }
}

@media (max-width:767px) {
    .choose-to-us {
        padding: 48px 0
    }
}

.choose-to-us .benefit-point-box {
    grid-gap: 24px
}

.store-expertise .store-expertise-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 75px
}

@media (max-width:991px) {
    .store-expertise .store-expertise-row {
        grid-gap: 50px
    }
}

@media (max-width:767px) {
    .store-expertise .store-expertise-row {
        grid-template-columns: 1fr
    }
}

@media (max-width:991px) {
    .store-expertise .pxl-family {
        padding: 0 40px
    }
}

.store-expertise .heading-content .section-title h2 {
    font-size: 178px;
    font-weight: 700;
    -webkit-text-stroke: 2px #25245d;
    paint-order: stroke fill;
    color: transparent;
    line-height: 1;
    margin-bottom: 0
}

@media (max-width:1400px) {
    .store-expertise .heading-content .section-title h2 {
        font-size: 110px
    }
}

@media (max-width:1199px) {
    .store-expertise .heading-content .section-title h2 {
        font-size: 90px
    }
}

@media (max-width:767px) {
    .store-expertise .heading-content .section-title h2 {
        font-size: 60px
    }
}

.store-expertise .heading-content .section-title h2.bigger {
    font-size: 178px
}

@media (max-width:1400px) {
    .store-expertise .heading-content .section-title h2.bigger {
        font-size: 110px
    }
}

@media (max-width:1199px) {
    .store-expertise .heading-content .section-title h2.bigger {
        font-size: 90px
    }
}

@media (max-width:767px) {
    .store-expertise .heading-content .section-title h2.bigger {
        font-size: 60px
    }
}

.store-expertise .heading-content .section-title h3 {
    font-size: 58px;
    color: #25245d;
    line-height: 1.2;
    margin: 0
}

@media (max-width:1400px) {
    .store-expertise .heading-content .section-title h3 {
        font-size: 40px
    }
}

@media (max-width:991px) {
    .store-expertise .heading-content .section-title h3 {
        font-size: 30px
    }
}

@media (max-width:767px) {
    .store-expertise .heading-content .section-title h3 {
        font-size: 25px
    }

    .store-expertise .heading-content .section-title h3 br {
        display: none
    }
}

.store-expertise .heading-content .section-title .action-button {
    margin-top: 10px
}

.counter-main .counter-section .about-counter-row {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 30px
}

@media (max-width:991px) {
    .counter-main .counter-section .about-counter-row {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (max-width:575px) {
    .counter-main .counter-section .about-counter-row {
        grid-template-columns: repeat(1, 1fr)
    }
}

.counter-main .counter-section .about-counter-row .counter-box {
    width: 100%;
    min-height: 152px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: 25px;
    padding: 10px 30px
}

@media (max-width:1199px) {
    .counter-main .counter-section .about-counter-row .counter-box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 20px;
        grid-gap: 10px
    }
}

.counter-main .counter-section .about-counter-row .counter-box figure {
    display: inline-block
}

.counter-main .counter-section .about-counter-row .counter-box figure img {
    width: 62px;
    height: 70px;
    -o-object-fit: contain;
    object-fit: contain
}

@media (max-width:1400px) {
    .counter-main .counter-section .about-counter-row .counter-box figure img {
        width: 62px;
        height: 70px
    }
}

@media (max-width:991px) {
    .counter-main .counter-section .about-counter-row .counter-box figure img {
        width: 42px;
        height: 50px
    }
}

.counter-main .counter-section .about-counter-row .counter-box h2 {
    font-size: 60px
}

@media (max-width:1400px) {
    .counter-main .counter-section .about-counter-row .counter-box h2 {
        font-size: 50px;
        line-height: 1
    }
}

@media (max-width:1199px) {
    .counter-main .counter-section .about-counter-row .counter-box h2 {
        font-size: 40px
    }
}

.counter-main .counter-section .about-counter-row .counter-box span,
.magento-contact-sec .magento-contact-center .magento-icon-product .share-post-box ul li a i {
    font-size: 16px
}

@media (max-width:767px) {
    .counter-main .counter-section .about-counter-row .counter-box span {
        font-size: 14px
    }
}

.counter-main .counter-section .about-counter-row .counter-content {
    width: calc(100% - 92px);
    text-align: left
}

@media (max-width:1400px) {
    .counter-main .counter-section .about-counter-row .counter-content {
        width: 100%;
        text-align: center
    }
}

.customer-account #main,
.store #main {
    padding-top: 163px
}

@media (max-width:991px) {

    .customer-account #main,
    .store #main {
        padding-top: 121px
    }
}

@media (max-width:575px) {

    .customer-account #main,
    .store #main {
        padding-top: 119px
    }
}

.store.product-details footer .copyright {
    padding-bottom: 130px
}

.seo-content.form-widget {
    border-top: none
}

.seo-content h2 {
    color: #555770;
    font-size: 20px
}

.seo-content p {
    font-size: 14px
}

.body.store .hero-section {
    padding: 48px 0
}

.body.store .hero-section .hero-row .hero-box {
    width: 65%
}

@media (max-width:1199px) {
    .body.store .hero-section .hero-row .hero-box {
        width: 50%
    }
}

@media (max-width:767px) {
    .body.store .hero-section .hero-row .hero-box {
        width: 100%
    }
}

.body.store .hero-section .hero-row .hero-box p {
    max-width: 615px;
    margin-right: auto;
    margin-left: 0
}

.body.store .hero-section .hero-row .hero-box:nth-child(2) {
    width: 35%
}

@media (max-width:1199px) {
    .body.store .hero-section .hero-row .hero-box:nth-child(2) {
        width: 50%
    }
}

@media (max-width:767px) {
    .body.store .hero-section .hero-row .hero-box:nth-child(2) {
        width: 100%
    }
}

.body.store #cboxCurrent {
    bottom: 12px
}

.body.store #cboxNext,
.body.store #cboxPrevious {
    bottom: 10px
}

.features-listing .industries-serve-row .industries-logo-box .industries-logo::before,
.magento-contact-right .product-options .form-block ul li input[type=checkbox],
.magento-contact-right .product-options .form-block ul li input[type=radio],
.store footer .ftr-center,
.body.store .vbox-inline ul li::before {
    display: none
}

.body.store .vbox-inline ul li::after {
    content: '\e926';
    position: absolute;
    left: 8px;
    top: 15px;
    color: #25245d;
    font-size: 16px
}

.body.store .header-row .get-a-quote {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: 10px;
    font-weight: 600
}

@media (max-width:575px) {
    .body.store .header-row .get-a-quote {
        font-size: 0;
        grid-gap: 0
    }
}

.body.store .header-row .get-a-quote i {
    -webkit-transition: -webkit-transform 250ms cubic-bezier(.5, 0, .25, 1);
    -o-transition: transform 250ms cubic-bezier(.5, 0, .25, 1);
    transition: transform 250ms cubic-bezier(.5, 0, .25, 1);
    transition: transform 250ms cubic-bezier(.5, 0, .25, 1), -webkit-transform 250ms cubic-bezier(.5, 0, .25, 1);
    font-size: 18px;
    font-weight: 600
}

.body.store .header-row .get-a-quote:hover i {
    -webkit-transform: translateX(-5px);
    -ms-transform: translateX(-5px);
    transform: translateX(-5px)
}

.body.store #header .header-row>#logo span {
    line-height: 1;
    text-transform: uppercase;
    font-weight: 600;
    display: inline-block;
    padding: 3px 0 3px 10px;
    margin-left: 10px;
    position: relative;
    -webkit-transition: all 250ms cubic-bezier(.75, .1, .6, 1);
    -o-transition: all 250ms cubic-bezier(.75, .1, .6, 1);
    transition: all 250ms cubic-bezier(.75, .1, .6, 1)
}

.body.store #header .header-row>#logo span::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 2px;
    height: 100%;
    background: #25245d
}

@media (max-width:575px) {
    .body.store #header .header-row>#logo span {
        font-size: 14px;
        margin-left: 10px;
        padding: 0 0 0 10px
    }
}

.body.store #header.sticky .header-row>#logo span {
    padding-top: 3px
}

.product-page .hero-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

@media (max-width:767px) {
    .product-page .hero-row {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.product-page .hero-row .hero-box .hero-content {
    max-width: 614px
}

.product-page .hero-row .hero-box h1,
.product-page .hero-row .hero-box h2 {
    font-size: 3.625em
}

@media (max-width:991px) {

    .product-page .hero-row .hero-box h1,
    .product-page .hero-row .hero-box h2 {
        font-size: 2.875em
    }
}

@media (max-width:767px) {

    .product-page .hero-row .hero-box h1,
    .product-page .hero-row .hero-box h2 {
        font-size: 2.5em
    }
}

.prodcut-extensions-sec {
    padding: 0
}

.prodcut-extensions-sec .prodcut-extensions-nav {
    background-color: #25245d;
    color: #fff;
    padding: 50px 0 40px;
    margin-bottom: 30px
}

@media (max-width:991px) {
    .prodcut-extensions-sec .prodcut-extensions-nav {
        padding: 30px 0 20px;
        margin-bottom: 10px
    }
}

@media (max-width:767px) {
    .prodcut-extensions-sec .prodcut-extensions-nav {
        margin-bottom: 0
    }
}

.prodcut-extensions-sec .prodcut-extensions-nav>.wrap {
    overflow: auto;
    padding-bottom: 10px
}

.prodcut-extensions-sec .prodcut-extensions-nav ul {
    list-style-type: none;
    padding: 0;
    display: table;
    margin: 0 auto;
    white-space: nowrap
}

.prodcut-extensions-sec .prodcut-extensions-nav ul li {
    display: inline-block;
    vertical-align: top
}

.prodcut-extensions-sec .prodcut-extensions-nav ul li:last-child a {
    margin-right: 0
}

.prodcut-extensions-sec .prodcut-extensions-nav ul li a {
    color: #fff;
    font-size: 24px;
    background-color: #3a396a;
    margin-right: 30px;
    border-radius: 83px;
    padding: 17px 46px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap
}

@media (max-width:991px) {
    .prodcut-extensions-sec .prodcut-extensions-nav ul li a {
        font-size: 20px;
        padding: 14px 32px
    }
}

@media (max-width:767px) {
    .prodcut-extensions-sec .prodcut-extensions-nav ul li a {
        font-size: 18px;
        padding: 12px 30px
    }
}

@media (max-width:575px) {
    .prodcut-extensions-sec .prodcut-extensions-nav ul li a {
        font-size: 16px
    }
}

.prodcut-extensions-sec .prodcut-extensions-nav ul li a span {
    background-color: transparent;
    border: 1px solid #fff;
    font-size: 16px;
    width: 33px;
    height: 33px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 4px;
    border-radius: 50%;
    margin-left: 20px
}

@media (max-width:767px) {
    .prodcut-extensions-sec .prodcut-extensions-nav ul li a span {
        width: 22px;
        height: 22px
    }
}

@media (max-width:575px) {
    .prodcut-extensions-sec .prodcut-extensions-nav ul li a span {
        margin-left: 10px
    }
}

.prodcut-extensions-sec .prodcut-extensions-nav ul li a.active,
.prodcut-extensions-sec .prodcut-extensions-nav ul li a:hover {
    background-color: #fff;
    color: #25245d
}

.prodcut-extensions-sec .prodcut-extensions-nav ul li a.active span,
.prodcut-extensions-sec .prodcut-extensions-nav ul li a:hover span {
    border: 3px solid #25245d;
    font-weight: 700
}

@media (max-width:991px) {
    .prodcut-extensions-sec .extensions-row .extensions-list-row .grids {
        grid-template-columns: 1fr 1fr
    }
}

@media (max-width:575px) {
    .prodcut-extensions-sec .extensions-row .extensions-list-row .grids {
        grid-template-columns: 1fr
    }
}

.store footer .ftr-bottom {
    padding-top: 75px
}

.store:not(.product-details) .product-bottom-sticky {
    display: none !important
}

.breadcrumbs {
    padding: 40px 0
}

.breadcrumbs ul,
.breadcrumbs ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.breadcrumbs ul {
    margin: 0;
    padding: 0;
    text-transform: capitalize;
    max-width: 100% !important;
    font-size: 16px;
    list-style-type: none
}

@media (max-width:991px) {
    .breadcrumbs ul {
        font-size: 16px;
        grid-gap: 12px 0
    }
}

@media (max-width:767px) {
    .breadcrumbs ul {
        font-size: 14px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.breadcrumbs ul li {
    padding-right: 30px;
    position: relative;
    color: #8f90a6;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 600
}

@media (max-width:767px) {
    .breadcrumbs ul li {
        padding-right: 25px
    }
}

.breadcrumbs ul li::after {
    content: '\e926';
    font-family: icomoon !important;
    position: absolute;
    top: 50%;
    right: 8px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #555770;
    font-size: 14px;
    font-weight: 500
}

@media (max-width:767px) {
    .breadcrumbs ul li::after {
        right: 8px;
        font-size: 10px
    }
}

.breadcrumbs ul li a:hover,
.breadcrumbs ul li.active,
.magento-extension-review a:hover,
.ratings .rating-links #goto-reviews:hover {
    color: #38a7a1
}

.breadcrumbs ul li:last-child {
    padding-right: 0
}

.product-details header {
    -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .1);
    box-shadow: 0 0 12px rgba(0, 0, 0, .1)
}

.magento-contact-sec .magento-contact-row {
    display: grid;
    grid-template-columns: 320px 1fr 440px;
    grid-gap: 32px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

@media (max-width:1199px) {
    .magento-contact-sec .magento-contact-row {
        grid-template-columns: 320px auto
    }
}

@media (max-width:767px) {
    .magento-contact-sec .magento-contact-row {
        grid-template-columns: 1fr
    }
}

.magento-contact-sec .magento-contact-left .magento-product-info-box {
    -webkit-box-shadow: 0 2px 4px rgba(40, 41, 61, .04), 0 8px 16px rgba(96, 97, 112, .16);
    box-shadow: 0 2px 4px rgba(40, 41, 61, .04), 0 8px 16px rgba(96, 97, 112, .16);
    padding: 20px
}

.magento-contact-sec .magento-contact-center>span {
    color: #555770;
    font-weight: 600;
    margin: 0 0 5px;
    display: inline-block;
    vertical-align: top
}

.magento-contact-sec .magento-contact-center h1,
.magento-contact-sec .magento-contact-center h2 {
    font-size: 2.5em;
    line-height: 118%
}

@media (max-width:1400px) {

    .magento-contact-sec .magento-contact-center h1,
    .magento-contact-sec .magento-contact-center h2 {
        font-size: 2.5em
    }
}

@media (max-width:991px) {

    .magento-contact-sec .magento-contact-center h1,
    .magento-contact-sec .magento-contact-center h2 {
        font-size: 1.875em
    }
}

@media (max-width:575px) {

    .magento-contact-sec .magento-contact-center h1,
    .magento-contact-sec .magento-contact-center h2 {
        font-size: 1.75em
    }
}

.magento-contact-sec .magento-contact-center p {
    color: rgba(18, 20, 29, .8);
    margin: 20px 0 0
}

@media (max-width:991px) {
    .magento-contact-sec .magento-contact-center p {
        margin: 20px 0 0
    }
}

@media (max-width:767px) {
    .magento-contact-sec .magento-contact-center p {
        font-size: 14px
    }
}

.magento-contact-sec .magento-contact-center p.bigger {
    color: #000
}

@media (max-width:991px) {
    .magento-contact-sec .magento-contact-center p.bigger {
        font-size: 18px
    }
}

@media (max-width:767px) {
    .magento-contact-sec .magento-contact-center p.bigger {
        font-size: 16px
    }
}

.magento-contact-sec .magento-contact-center ul.listing li {
    padding-left: 35px;
    line-height: normal
}

@media (max-width:991px) {
    .magento-contact-sec .magento-contact-center ul.listing li {
        padding-left: 30px
    }
}

.magento-contact-sec .magento-contact-center ul.listing li::before {
    background: url(../img/right-circle-svg.svg) no-repeat center center;
    height: 16px;
    width: 16px;
    left: 0;
    top: 5px
}

@media (max-width:991px) {
    .magento-contact-sec .magento-contact-center ul.listing li::before {
        top: 2px;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

@media (max-width:575px) {
    .magento-contact-sec .magento-contact-center ul.listing li::before {
        top: 2px
    }
}

.magento-contact-sec .magento-contact-center .magento-icon-product {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    grid-gap: 0 20px
}

.magento-contact-sec .magento-contact-center .magento-icon-product .magento-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    grid-gap: 5px;
    line-height: 1
}

@media (max-width:991px) {
    .magento-contact-sec .magento-contact-center .magento-icon-product .magento-icon {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.magento-contact-sec .magento-contact-center .magento-icon-product .magento-icon figure {
    max-width: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.magento-contact-sec .magento-contact-center .magento-icon-product .magento-icon figure img {
    width: 100%;
    height: 100%
}

.magento-contact-sec .magento-contact-center .magento-icon-product .magento-icon .product-version {
    background: #e4e4eb;
    font-size: 14px;
    color: #12141d;
    border-radius: 3px;
    padding: 4px 10px;
    margin-left: 10px
}

@media (max-width:991px) {
    .magento-contact-sec .magento-contact-center .magento-icon-product .magento-icon .product-version {
        margin-left: 0;
        margin-top: 10px
    }
}

.magento-contact-sec .magento-contact-center .magento-icon-product strong {
    color: #555770;
    font-size: 14px;
    display: inline-block;
    vertical-align: middle
}

.magento-contact-sec .magento-contact-center .magento-icon-product p {
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.magento-contact-sec .magento-contact-center .magento-icon-product .share-post-box {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: auto;
    margin: 0
}

.magento-contact-sec .magento-contact-center .magento-icon-product .share-post-box ul {
    margin: 0;
    grid-gap: 0
}

@media (max-width:991px) {
    .magento-contact-sec .magento-contact-center .magento-icon-product .share-post-box ul {
        margin: 20px 0 0
    }
}

.magento-contact-sec .magento-contact-center .magento-icon-product .share-post-box ul li {
    margin-left: -1px
}

@media (max-width:1199px) {
    .magento-contact-sec .magento-contact-center .magento-icon-product .share-post-box ul li {
        padding-right: 0;
        padding-left: 0
    }
}

.magento-contact-sec .magento-contact-center .magento-icon-product .share-post-box ul li a:hover {
    color: #fff;
    background: #25245d;
    border-color: #25245d
}

.magento-contact-sec .magento-contact-center ul,
.magento-contact-sec .magento-cr-sec .product-options .form-block .form-group {
    margin: 30px 0
}

@media (max-width:767px) {
    .magento-contact-sec .magento-contact-center ul {
        margin: 20px 0
    }
}

@media (max-width:991px) {
    .magento-contact-sec .magento-contact-center ul li {
        font-size: 16px;
        line-height: normal;
        padding-left: 20px
    }

    .magento-contact-sec .magento-contact-center ul li::before {
        top: 6px
    }
}

@media (max-width:767px) {
    .magento-contact-sec .magento-contact-center ul li {
        font-size: 14px
    }
}

.magento-contact-sec .magento-contact-center .action-button {
    margin-top: 30px;
    grid-gap: 15px
}

@media (max-width:991px) {
    .magento-contact-sec .magento-contact-center .action-button {
        margin-top: 20px
    }
}

.magento-contact-sec .magento-contact-center .action-button .button {
    font-size: 16px;
    font-weight: 600
}

.magento-contact-sec .magento-cr-sec {
    -webkit-box-shadow: 0 2px 4px rgba(40, 41, 61, .04), 0 8px 16px rgba(96, 97, 112, .16);
    box-shadow: 0 2px 4px rgba(40, 41, 61, .04), 0 8px 16px rgba(96, 97, 112, .16);
    overflow: hidden
}

@media (max-width:1199px) {
    .magento-contact-sec .magento-cr-sec {
        grid-column: 2
    }
}

@media (max-width:767px) {
    .magento-contact-sec .magento-cr-sec {
        grid-column: auto
    }
}

.magento-contact-sec .magento-cr-sec .licens-sec {
    padding: 20px 28px;
    background-color: #25245d;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (max-width:767px) {
    .magento-contact-sec .magento-cr-sec .licens-sec {
        padding: 10px 28px
    }
}

.magento-contact-sec .magento-cr-sec .licens-sec span {
    margin-right: 15px;
    font-size: 1.625em;
    font-weight: 600;
    line-height: 1.2
}

@media (max-width:991px) {
    .magento-contact-sec .magento-cr-sec .licens-sec span {
        line-height: normal;
        font-size: 1.375em
    }
}

.magento-contact-sec .magento-cr-sec .licens-sec del {
    font-size: 1.375em;
    font-weight: 400;
    line-height: 1.4;
    opacity: .5
}

@media (max-width:991px) {
    .magento-contact-sec .magento-cr-sec .licens-sec del {
        font-size: 1.25em;
        line-height: normal
    }
}

@media (max-width:767px) {
    .magento-contact-sec .magento-cr-sec .licens-sec del {
        font-size: 1.125em
    }
}

.magento-contact-sec .magento-cr-sec .licens-sec p {
    margin: 0 16px 0 0;
    font-size: 2em;
    font-weight: 700;
    line-height: 1.4
}

@media (max-width:991px) {
    .magento-contact-sec .magento-cr-sec .licens-sec p {
        line-height: normal;
        font-size: 1.875em
    }
}

@media (max-width:767px) {
    .magento-contact-sec .magento-cr-sec .licens-sec p {
        font-size: 1.625em
    }
}

.magento-contact-sec .magento-cr-sec select {
    border: 1px solid rgba(37, 36, 93, .4)
}

.magento-contact-sec .magento-cr-sec .product-options {
    padding: 0 28px 10px
}

.magento-contact-sec .magento-cr-sec .product-options .price-notice {
    color: #12141d;
    font-weight: 600
}

.magento-contact-sec .magento-cr-sec .product-options .form-block .form-group.tooltip label figure {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-left: 10px
}

@media (max-width:767px) {
    .magento-contact-sec .magento-cr-sec .product-options .form-block .form-group {
        margin: 20px 0
    }
}

.magento-contact-sec .magento-cr-sec .product-options .form-block .form-group label {
    color: #1c1c28;
    margin: 0 0 15px;
    display: inline-block;
    width: 100%;
    vertical-align: top;
    text-transform: capitalize
}

@media (max-width:767px) {
    .magento-contact-sec .magento-cr-sec .product-options .form-block .form-group label {
        margin: 0 0 8px;
        font-size: 14px
    }
}

.magento-contact-sec .magento-cr-sec .product-options .form-block .form-group .checkbox-btns,
.magento-contact-sec .magento-cr-sec .product-options .form-block .form-group .radio-btns {
    position: relative
}

.magento-contact-sec .magento-cr-sec .product-options .form-block .form-group .checkbox-btns .price-notice,
.magento-contact-sec .magento-cr-sec .product-options .form-block .form-group .radio-btns .price-notice {
    position: absolute;
    right: 0;
    bottom: 15px
}

@media (max-width:767px) {

    .magento-contact-sec .magento-cr-sec .product-options .form-block .form-group .checkbox-btns .price-notice span,
    .magento-contact-sec .magento-cr-sec .product-options .form-block .form-group .radio-btns .price-notice span {
        font-size: 14px
    }

    .magento-contact-sec .magento-cr-sec .product-options .form-block .form-group .checkbox-btns .price-notice,
    .magento-contact-sec .magento-cr-sec .product-options .form-block .form-group .radio-btns .price-notice {
        bottom: 8px
    }
}

.magento-contact-sec .magento-cr-sec .product-options .form-block .form-group input {
    border: 1px solid #e3e3e3
}

.magento-contact-sec .magento-cr-sec .product-options .form-block .form-group input:focus {
    background-blend-mode: overlay;
    background: rgba(37, 36, 93, .03);
    color: #25245d;
    border-color: rgba(85, 87, 112, .6)
}

.magento-contact-sec .magento-cr-sec .product-options .form-block .form-group .checkbox-btns .checkbox label {
    cursor: pointer
}

.magento-contact-sec .magento-cr-sec .product-options .form-block .form-group .checkbox-btns .price-notice span,
.magento-contact-sec .magento-cr-sec .product-options .form-block .form-group .checkbox-btns label span {
    color: #8f90a6
}

@media (max-width:575px) {
    .magento-contact-sec .magento-cr-sec .product-options .form-block .form-group .checkbox-btns .price-notice {
        position: static;
        bottom: 0;
        margin: 8px 0 0
    }
}

.magento-contact-sec .magento-cr-sec .product-options .form-block .form-group button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto
}

.magento-product-info {
    padding: 40px 30px;
    color: #fff;
    background-color: #25245d;
    position: relative;
    z-index: 1;
    text-align: center
}

.magento-product-info::before {
    content: "";
    position: absolute;
    background: url(../img/contact-bg-svg.svg) no-repeat;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    z-index: -1;
    pointer-events: none
}

.magento-product-info .sale {
    font-size: .875em;
    font-weight: 700;
    text-transform: uppercase;
    background: -webkit-gradient(linear, left top, right top, from(#ff6900), to(#e63535));
    background: -o-linear-gradient(left, #ff6900 0%, #e63535 100%);
    background: linear-gradient(90deg, #ff6900 0%, #e63535 100%);
    padding: 4px 15px;
    border-bottom-left-radius: 10px;
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block
}

.magento-product-info h4 {
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 0 20px
}

.magento-product-info .extension-icon-box {
    position: relative;
    background-color: #fff;
    width: 134px;
    height: 134px;
    border-radius: 50%;
    margin: 0 auto;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (max-width:991px) {
    .magento-product-info .extension-icon-box {
        width: 120px;
        height: 120px
    }
}

@media (max-width:767px) {
    .magento-product-info .extension-icon-box {
        width: 90px;
        height: 90px
    }
}

.magento-product-info .extension-icon-box figure {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 84px
}

@media (max-width:991px) {
    .magento-product-info .extension-icon-box figure {
        max-width: 70px
    }
}

@media (max-width:767px) {
    .magento-product-info .extension-icon-box figure {
        max-width: 50px
    }
}

.magento-extension-review .extensions-img figure img,
.magento-product-info .extension-icon-box figure img,
.product-panel .swiper-slide .product-panel-box figure img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.magento-extension-review,
.magento-product-info .extension-icon-box,
.magento-product-info .extension-icon-box .ex-version,
.magento-product-info .extension-icon-box figure {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.magento-product-info .extension-icon-box .ex-version {
    position: absolute;
    top: 0;
    right: 10px;
    background-color: #f60;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    text-transform: uppercase;
    font-size: 12px;
    border: 2px solid #fff;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (max-width:767px) {
    .magento-product-info .extension-icon-box .ex-version {
        right: 0
    }
}

.magento-extension-review {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    grid-gap: 20px;
    margin-top: 20px
}

.magento-extension-review .rating-details,
.product-features-list.supported-field h4 {
    margin: 0
}

.magento-extension-review p {
    margin: 0 0 5px;
    color: rgba(18, 20, 29, .69);
    font-size: 12px;
    line-height: 1
}

.magento-extension-review a {
    font-size: 14px;
    text-transform: capitalize;
    color: #25245d
}

.magento-extension-review .extensions-img figure {
    max-width: 90px;
    display: inline-block;
    width: 100%
}

.product-panel {
    background-color: #25245d;
    position: relative;
    padding-bottom: 50px
}

.product-panel .product-panel-row {
    position: relative;
    padding: 0 100px
}

@media (max-width:1199px) {
    .product-panel .product-panel-row {
        padding: 0 80px
    }
}

@media (max-width:991px) {
    .product-panel .product-panel-row {
        padding: 0
    }
}

.product-panel .product-panel-row .product-panel-slider {
    position: static
}

.product-panel .product-panel-row .product-panel-slider .swiper-slide {
    max-width: 450px;
    margin-right: 32px
}

.product-panel .product-panel-row .product-panel-slider .swiper-button-next,
.product-panel .product-panel-row .product-panel-slider .swiper-button-prev {
    -webkit-transform: translateY(-88px);
    -ms-transform: translateY(-88px);
    transform: translateY(-88px)
}

.product-panel .product-panel-row .product-panel-slider .swiper-button-next:hover,
.product-panel .product-panel-row .product-panel-slider .swiper-button-prev:hover {
    background: #38a7a1;
    border-color: #38a7a1
}

@media (max-width:991px) {

    .product-panel .product-panel-row .product-panel-slider .swiper-button-next,
    .product-panel .product-panel-row .product-panel-slider .swiper-button-prev {
        display: none
    }
}

.product-panel .product-panel-row .swiper-pagination {
    display: block;
    margin-inline: auto;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.product-panel .swiper-slide .product-panel-box {
    text-align: center;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.product-panel .swiper-slide .product-panel-box figure img {
    display: inherit
}

.product-panel .swiper-slide .product-panel-box h5 {
    color: #fff;
    margin: 30px 0 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all cubic-bezier(.5, 0, .25, 1) 250ms;
    -o-transition: all cubic-bezier(.5, 0, .25, 1) 250ms;
    transition: all cubic-bezier(.5, 0, .25, 1) 250ms
}

.product-panel .swiper-slide.swiper-slide-active h5 {
    opacity: 1;
    visibility: visible
}

@media (max-width:767px) {
    .feature-details p {
        font-size: 14px
    }
}

.product-tabs-sec .wroking-process-tab ul li a {
    color: #89899c;
    font-weight: 600
}

.product-tabs-sec .wroking-process-tab ul li a::after {
    background-color: #1c1c28
}

.product-tabs-sec .wroking-process-tab ul li a.active,
.product-tabs-sec .wroking-process-tab ul li a:hover {
    color: #1c1c28
}

.product-tabs-sec .wroking-process-sec .wrap {
    max-width: 1554px
}

.features-listing h4,
.form-widget h5 {
    display: inline-block;
    vertical-align: top;
    margin: 20px 0 25px;
    color: #12141d
}

.features-listing .industries-serve-row {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 60px 32px;
    margin-top: 25px
}

@media (max-width:1199px) {
    .features-listing .industries-serve-row {
        grid-gap: 32px 32px
    }
}

@media (max-width:991px) {
    .features-listing .industries-serve-row {
        grid-template-columns: repeat(4, 1fr)
    }
}

@media (max-width:767px) {
    .features-listing .industries-serve-row {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media (max-width:575px) {
    .features-listing .industries-serve-row {
        grid-template-columns: 1fr 1fr
    }
}

.features-listing .industries-serve-row .industries-logo-box>p {
    color: #28293d;
    font-weight: 600
}

@media (max-width:575px) {
    .features-listing .industries-serve-row .industries-logo-box>p {
        font-size: 14px
    }

    .features-listing .industries-serve-row .industries-logo-box .industries-logo {
        width: 60px;
        height: 60px
    }
}

@media (max-width:575px) {
    .features-listing .industries-serve-row .industries-logo-box .industries-logo img {
        max-height: 28px
    }
}

.product-features-list {
    margin-top: 60px;
    border-top: 1px solid rgba(0, 0, 0, .1)
}

@media (max-width:991px) {
    .product-features-list {
        margin-top: 48px
    }
}

.product-features-list.form-widget ul.listing {
    margin-top: 25px
}

.product-features-list ul.listing {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 15px 32px;
    margin: 60px 0
}

@media (max-width:991px) {
    .product-features-list ul.listing {
        margin: 48px 0
    }
}

@media (max-width:767px) {
    .product-features-list ul.listing {
        font-size: 14px;
        grid-gap: 8px 32px;
        grid-template-columns: 1fr
    }
}

@media (max-width:575px) {
    .product-features-list ul.listing {
        grid-gap: 7px
    }
}

.product-features-list ul.listing>li {
    padding-left: 35px;
    line-height: normal
}

@media (max-width:991px) {
    .product-features-list ul.listing>li {
        padding-left: 30px
    }
}

.product-features-list ul.listing>li::before {
    background: url(../img/right-circle-svg2.svg) no-repeat center center;
    height: 16px;
    width: 16px;
    left: 0;
    top: 2px
}

@media (max-width:991px) {
    .product-features-list ul.listing>li::before {
        top: 4px;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

@media (max-width:575px) {
    .product-features-list ul.listing>li::before {
        top: 2px
    }
}

.product-features-list ul.listing ul li::before {
    background: -o-linear-gradient(302.86deg, #00cfde 6.95%, #05a660 93.05%);
    background: linear-gradient(147.14deg, #00cfde 6.95%, #05a660 93.05%);
    width: 10px;
    height: 10px;
    top: 7px
}

@media (max-width:991px) {
    .product-features-list ul.listing ul li::before {
        width: 8px;
        height: 8px
    }
}

.form-widget,
.product-features-list.supported-field {
    padding-top: 60px
}

@media (max-width:991px) {
    .product-features-list.supported-field {
        padding-top: 48px
    }
}

.product-features-list.supported-field ul.listing {
    margin: 20px 0 60px;
    grid-template-columns: repeat(5, 1fr)
}

@media (max-width:991px) {
    .product-features-list.supported-field ul.listing {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media (max-width:575px) {
    .product-features-list.supported-field ul.listing {
        grid-template-columns: repeat(2, 1fr)
    }
}

.form-widget {
    border-top: 1px solid rgba(0, 0, 0, .1)
}

@media (max-width:991px) {
    .form-widget {
        padding-top: 48px
    }
}

.form-widget h2 {
    margin: 0 0 6px
}

.form-widget h5 {
    margin: 20px 0;
    color: #000
}

@media (max-width:767px) {
    .form-widget p {
        font-size: 14px
    }
}

.form-widget p:last-of-type {
    margin-bottom: 0
}

.magento-product-info-benefits {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-gap: 3px;
    margin-top: 35px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.magento-product-info-benefits .magento-product-benefit-box {
    padding: 13px 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    grid-gap: 15px;
    width: 100%
}

@media (max-width:767px) {
    .magento-product-info-benefits .magento-product-benefit-box {
        width: calc(33.33% - 3px);
        grid-gap: 10px;
        width: 100%;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.magento-product-info-benefits .magento-product-benefit-box figure {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.magento-product-info-benefits .magento-product-benefit-box figure img {
    width: 30px;
    height: 30px;
    -o-object-fit: contain;
    object-fit: contain
}

@media (max-width:575px) {
    .magento-product-info-benefits .magento-product-benefit-box figure img {
        width: 20px;
        height: 20px
    }
}

.magento-product-info-benefits .magento-product-benefit-box h5 {
    line-height: 1;
    font-size: 1.75em;
    margin: 0;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent;
    text-transform: uppercase
}

@media (max-width:767px) {
    .magento-product-info-benefits .magento-product-benefit-box h5 {
        font-size: 20px
    }
}

.magento-product-info-benefits .magento-product-benefit-box p {
    margin: 0;
    font-weight: 700;
    line-height: 1.2
}

@media (max-width:767px) {
    .magento-product-info-benefits .magento-product-benefit-box p {
        font-size: 14px
    }
}

.magento-product-info-benefits .magento-product-benefit-box h5,
.magento-product-info-benefits .magento-product-benefit-box.purple-box h5 {
    background: -o-linear-gradient(302.86deg, #3e7bfa 6.95%, #60c 93.05%);
    background: linear-gradient(147.14deg, #3e7bfa 6.95%, #60c 93.05%)
}

.magento-product-info-benefits .magento-product-benefit-box.orange-box h5 {
    background: -webkit-gradient(linear, left top, right top, from(#ff6900), to(#e63535));
    background: -o-linear-gradient(left, #ff6900 0%, #e63535 100%);
    background: linear-gradient(90deg, #ff6900 0%, #e63535 100%)
}

.magento-product-info-benefits .magento-product-benefit-box.green-box h5 {
    background: -o-linear-gradient(302.86deg, #00cfde 6.95%, #05a660 93.05%);
    background: linear-gradient(147.14deg, #00cfde 6.95%, #05a660 93.05%)
}

.magento-contact-right .magento-product-info-benefits .magento-product-benefit-box {
    width: calc(33.33% - 3px);
    grid-gap: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 18px 25px
}

.magento-contact-right .magento-product-info-benefits .magento-product-benefit-box h5 {
    font-size: 2em
}

.magento-contact-right .magento-product-info-benefits .magento-product-benefit-box p,
.tip-content {
    font-size: 14px
}

.tip-content {
    background: #f4f4f4;
    border-radius: 5px;
    display: none;
    margin-top: 5px;
    padding: 20px;
    position: absolute;
    width: 100%;
    max-width: 300px;
    top: 100%;
    z-index: 5;
    -webkit-transition: all 250ms;
    -o-transition: all 250ms;
    transition: all 250ms;
    text-transform: none
}

.tip-content:before {
    border-bottom: 6px solid #f4f4f4;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    content: "";
    height: 0;
    left: 7px;
    position: absolute;
    top: -6px;
    width: 0
}

.tip-content ul {
    list-style: disc;
    margin-left: 10px !important
}

.tip-content ul li {
    padding-bottom: 8px
}

.tip-content ul li:last-child {
    padding-bottom: 0
}

.tooltip-btn {
    display: inline-block;
    cursor: pointer
}

.tooltip-btn:hover+.tip-content {
    display: block
}

.product-bottom-sticky {
    background: #fff;
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
    z-index: 999;
    -webkit-box-shadow: 0 -6px 10px rgba(0, 0, 0, .1);
    box-shadow: 0 -6px 10px rgba(0, 0, 0, .1)
}

@media (max-width:767px) {
    .product-bottom-sticky {
        display: none;
        visibility: hidden
    }
}

.product-bottom-sticky .product-detail-sticky-info {
    display: grid;
    grid-template-columns: minmax(300px, 1fr) auto;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    grid-gap: 20px 32px
}

.product-bottom-sticky .product-detail-sticky-info .stky-prodct-name,
.product-bottom-sticky .product-detail-sticky-info .stky-prodct-price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 16px 0
}

.product-bottom-sticky .product-detail-sticky-info .stky-prodct-name .stky-product-icon,
.product-bottom-sticky .product-detail-sticky-info .stky-prodct-name .stky-product-icon .product-extension-version {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%
}

.product-bottom-sticky .product-detail-sticky-info .stky-prodct-name .stky-product-icon {
    background: #25245d;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 62px;
    height: 62px;
    position: relative
}

.product-bottom-sticky .product-detail-sticky-info .stky-prodct-name .stky-product-icon img {
    -o-object-fit: contain;
    object-fit: contain;
    width: 34px;
    height: 35px;
    -webkit-filter: brightness(5);
    filter: brightness(5)
}

.product-bottom-sticky .product-detail-sticky-info .stky-prodct-name .stky-product-icon .product-extension-version {
    position: absolute;
    right: 0;
    top: 0;
    border: 1px solid #fff;
    font-size: 8px;
    color: #fff;
    font-weight: 600;
    width: 20px;
    height: 20px
}

.product-bottom-sticky .product-detail-sticky-info .stky-prodct-name h2 {
    padding-left: 26px;
    margin: 0;
    font-size: 1.5em;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

@media (max-width:1199px) {
    .product-bottom-sticky .product-detail-sticky-info .stky-prodct-name h2 {
        font-size: 20px;
        padding-left: 30px
    }
}

.product-bottom-sticky .product-detail-sticky-info .stky-prodct-name h2 span {
    color: rgba(18, 20, 29, .8);
    display: block;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    margin-top: 5px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

@media (max-width:1199px) {
    .product-bottom-sticky .product-detail-sticky-info .stky-prodct-name h2 span {
        font-size: 14px
    }
}

.product-bottom-sticky .product-detail-sticky-info .stky-prodct-price {
    background: #f2f2f5;
    padding: 16px 32px
}

.product-bottom-sticky .product-detail-sticky-info .stky-prodct-price .stky-price-info {
    color: #25245d;
    font-size: 32px;
    margin-right: 30px;
    font-weight: 700;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: 15px
}

@media (max-width:1199px) {
    .product-bottom-sticky .product-detail-sticky-info .stky-prodct-price .stky-price-info {
        font-size: 24px
    }
}

@media (max-width:991px) {
    .product-bottom-sticky .product-detail-sticky-info .stky-prodct-price .stky-price-info {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        grid-gap: 0;
        margin-right: 15px
    }
}

.product-bottom-sticky .product-detail-sticky-info .stky-prodct-price .regular-price {
    font-size: 22px;
    color: #25245d;
    opacity: .5;
    text-decoration: line-through
}

@media (max-width:1199px) {
    .product-bottom-sticky .product-detail-sticky-info .stky-prodct-price .regular-price {
        font-size: 18px
    }
}

.body.catalog-category-view .extensions-row {
    padding-top: 80px
}

@media (max-width:767px) {
    .body.catalog-category-view .extensions-row {
        padding-top: 48px
    }
}

.body.product-details .flexibleforms_form .validation-advice,
.body.product-details .flexibleforms_form label.required::after,
.body.product-details .flexibleforms_form span.required::after {
    color: #fff
}

.extensions-row .extension-box .extension-info,
.extensions-row .extension-box .extension-info .price-box,
.ratings {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.extensions-row .extension-box .extension-info {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    grid-gap: 20px
}

@media (max-width:1199px) {
    .extensions-row .extension-box .extension-info {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.extensions-row .extension-box .extension-info .price-box,
.ratings {
    grid-gap: 8px
}

.extensions-row .extension-box .extension-info .price-box .special-price span {
    font-size: 1.75em;
    font-weight: 700;
    color: #25245d
}

@media (max-width:767px) {
    .extensions-row .extension-box .extension-info .price-box .special-price span {
        font-size: 1.25em
    }
}

.extensions-row .extension-box .extension-info .price-box .old-price span {
    color: #8f90a6;
    font-size: 16px;
    margin: 0
}

@media (max-width:767px) {
    .extensions-row .extension-box .extension-info .price-box .old-price span {
        font-size: .875em
    }
}

.magento-contact-right .old-price {
    opacity: .5
}

.ratings .rating-box {
    background: url(../img/star-without-fill.svg) no-repeat center left;
    width: 105px;
    height: 21px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 0
}

.ratings .rating-box>.rating {
    background: url(../img/star.svg) no-repeat center left;
    -webkit-transition: all 600ms cubic-bezier(.75, .1, .6, 1);
    -o-transition: all 600ms cubic-bezier(.75, .1, .6, 1);
    transition: all 600ms cubic-bezier(.75, .1, .6, 1)
}

.ratings .amount {
    margin: 0;
    font-size: 14px
}

.ratings .rating-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    line-height: 1.5
}

.ratings .rating-links #goto-reviews {
    margin: 0 0 5px;
    color: rgba(18, 20, 29, .69);
    font-size: 14px;
    line-height: 1
}

.ratings .rating-links #goto-reviews-form {
    text-decoration: underline
}

.magento-contact-right .price-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.magento-contact-right .price-box .price {
    color: #fff
}

.magento-contact-right .price-box p.old-price,
.magento-contact-right .price-box p.special-price {
    margin: 0;
    font-size: revert
}

.magento-contact-right .price-box p.old-price span {
    font-size: 1.375em;
    font-weight: 400;
    line-height: 1.4;
    margin: 0
}

.magento-contact-right .price-box p.special-price span {
    margin: 0 16px 0 0;
    font-size: 2em;
    font-weight: 700;
    line-height: 1.4
}

.magento-contact-right .product-options {
    border: 0;
    border-radius: 0;
    -webkit-box-shadow: revert;
    box-shadow: revert
}

.magento-contact-right .product-options .tip-content {
    font-weight: 400
}

.magento-contact-right .product-options .form-block>label {
    color: #1c1c28;
    margin: 15px 0;
    display: inline-block;
    width: 100%;
    vertical-align: top;
    text-transform: capitalize;
    padding: 0;
    font-weight: revert
}

.magento-contact-right .product-options .form-block ul {
    margin: 0
}

.magento-contact-right .product-options .form-block ul li input[type=checkbox]+span,
.magento-contact-right .product-options .form-block ul li input[type=radio]+span {
    color: #1c1c28;
    margin: 0 0 15px;
    display: inline-block;
    width: 100%;
    vertical-align: top;
    text-transform: capitalize;
    cursor: auto;
    font-size: revert;
    position: relative
}

.magento-contact-right .product-options .form-block ul li input[type=checkbox]+span::after,
.magento-contact-right .product-options .form-block ul li input[type=checkbox]+span::before,
.magento-contact-right .product-options .form-block ul li input[type=radio]+span::after,
.magento-contact-right .product-options .form-block ul li input[type=radio]+span::before {
    content: "";
    position: absolute
}

.magento-contact-right .product-options .form-block ul li input[type=radio]+span::before {
    left: 0;
    top: 2px;
    border-radius: 50%;
    border: 1px solid #12141d
}

.magento-contact-right .product-options .form-block ul li input[type=checkbox]+span::before {
    left: 0
}

.magento-contact-right .product-options .form-block ul li input[type=checkbox]+span label,
.magento-contact-right .product-options .form-block ul li input[type=radio]+span label {
    padding-left: 30px;
    cursor: pointer
}

.magento-contact-right .product-options .form-block ul li input[type=radio]+span::after,
.magento-contact-right .product-options .form-block ul li input[type=radio]+span::before {
    -webkit-transition: all cubic-bezier(.5, 0, .25, 1) 250ms;
    -o-transition: all cubic-bezier(.5, 0, .25, 1) 250ms;
    transition: all cubic-bezier(.5, 0, .25, 1) 250ms;
    background: rgba(210, 210, 210, .06)
}

.magento-contact-right .product-options .form-block ul li input[type=radio]+span::before {
    width: 21px;
    height: 21px
}

@media (max-width:767px) {
    .magento-contact-right .product-options .form-block ul li input[type=radio]+span::before {
        width: 18px;
        height: 18px
    }
}

.magento-contact-right .product-options .form-block ul li input[type=radio]+span::after {
    width: 13px;
    height: 13px;
    background: #12141d;
    top: 6px;
    left: 4px;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    border-radius: 50%
}

@media (max-width:767px) {
    .magento-contact-right .product-options .form-block ul li input[type=radio]+span::after {
        width: 8px;
        height: 8px;
        top: 7px;
        left: 5px
    }
}

.magento-contact-right .product-options .form-block ul li input[type=checkbox]+span::after,
.magento-contact-right .product-options .form-block ul li input[type=checkbox]+span::before {
    -webkit-transition: all 350ms cubic-bezier(.5, 0, .25, 1);
    -o-transition: all 350ms cubic-bezier(.5, 0, .25, 1);
    transition: all 350ms cubic-bezier(.5, 0, .25, 1)
}

.magento-contact-right .product-options .form-block ul li input[type=checkbox]+span::before {
    top: 0;
    border: 1px solid #25245d;
    color: #fff;
    border-radius: 0;
    background: rgba(210, 210, 210, .06);
    width: 22px;
    height: 22px
}

.magento-contact-right .product-options .form-block ul li input[type=checkbox]+span::after {
    height: 14px;
    width: 14px;
    background-color: #25245d;
    left: 4px;
    top: 4px;
    opacity: 0;
    border-radius: 3px;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center
}

@media (max-width:767px) {
    .magento-contact-right .product-options .form-block ul li input[type=checkbox]+span::after {
        height: 13px;
        width: 13px
    }
}

.magento-contact-right .product-options .form-block ul li .price-notice .price {
    color: #12141d;
    font-size: 16px;
    font-weight: revert
}

.magento-contact-right .product-options .form-block input {
    margin-bottom: 0;
    border: 1px solid #e3e3e3
}

.magento-contact-right .product-options .form-block input:focus {
    border: 1px solid rgba(37, 36, 93, .4);
    background-blend-mode: overlay;
    background: rgba(37, 36, 93, .09);
    color: #25245d
}

.magento-contact-right .product-options .form-block .custom-select:after {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0)
}

.payment-box-row .section-title {
    max-width: 100%;
    text-align: center
}

.payment-box .tabnav-row {
    overflow: auto;
    background: #fafafc;
    margin-bottom: 80px;
    padding: 0 32px;
    position: sticky;
    top: calc(var(--header-height));
    z-index: 2
}

.payment-box .tabnav-row ul {
    list-style-type: none;
    white-space: nowrap;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    display: table;
    text-align: center
}

.payment-box .tabnav-row ul li {
    padding: 0 64px 0 0;
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.payment-box .tabnav-row ul li:last-child {
    padding-right: 0
}

@media (max-width:991px) {
    .payment-box .tabnav-row ul li {
        padding: 0 30px 0 0;
        margin: 0
    }
}

.payment-box .tabnav-row ul li a {
    position: relative;
    color: rgba(18, 20, 29, .8);
    font-size: 1.25em;
    padding: 30px 0;
    display: inline-block;
    vertical-align: top;
    white-space: nowrap;
    z-index: 9
}

.payment-box .tabnav-row ul li a figure {
    max-width: 120px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px
}

@media (max-width:575px) {
    .payment-box .tabnav-row ul li a figure {
        max-width: 100px
    }
}

.payment-box .tabnav-row ul li a figure img {
    width: 100%;
    max-height: 40px
}

@media (max-width:991px) {
    .payment-box .tabnav-row ul li a {
        font-size: 1.125em;
        padding: 25px 0
    }
}

@media (max-width:575px) {
    .payment-box .tabnav-row ul li a {
        font-size: 1em
    }
}

.payment-box .tabnav-row ul li a::after {
    content: '';
    position: absolute;
    height: 3px;
    background-color: #38a7a1;
    top: auto;
    bottom: 0;
    left: 0;
    width: 100%;
    -webkit-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: -webkit-transform 250ms cubic-bezier(.5, 0, .25, 1);
    -o-transition: transform 250ms cubic-bezier(.5, 0, .25, 1);
    transition: transform 250ms cubic-bezier(.5, 0, .25, 1);
    transition: transform 250ms cubic-bezier(.5, 0, .25, 1), -webkit-transform 250ms cubic-bezier(.5, 0, .25, 1)
}

.payment-box .tabnav-row ul li a:hover,
.payment-box .tabnav-row ul li.active {
    color: #12141d
}

.payment-box .tabnav-row ul li a:hover::after,
.payment-box .tabnav-row ul li.active a::after {
    width: 100%;
    -webkit-transform-origin: 0% 50%;
    -ms-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1)
}

.payment-box .tab-container {
    max-width: 800px;
    margin: 0 auto;
    width: 100%;
    border: 1px solid #e4e4eb;
    padding: 32px
}

.payment-box .tab-container .banking-details {
    padding: 0;
    list-style: none;
    margin: -32px -32px 32px
}

.payment-box .tab-container .banking-details li {
    border-bottom: 1px solid #e4e4eb;
    padding: 15px 32px;
    line-height: 1.45;
    margin: 0
}

@media (max-width:767px) {
    .payment-box .tab-container .banking-details li {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.payment-box .tab-container .banking-details li.transferwise-paynow {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 20px;
    padding-bottom: 0
}

.payment-box .tab-container .banking-details li.transferwise-paynow p {
    margin: 10px 0 0;
    text-align: center
}

.payment-box .tab-container .banking-details li.transferwise-paynow .pay-now span {
    padding: 14px 40px
}

@media (max-width:767px) {
    .payment-box .tab-container .banking-details li.transferwise-paynow .pay-now span {
        padding: 10px 30px
    }
}

.payment-box .tab-container .banking-details li>span {
    max-width: 210px;
    width: 100%;
    color: #a0a0a6;
    text-align: right
}

@media (max-width:767px) {
    .payment-box .tab-container .banking-details li>span {
        text-align: left;
        max-width: 100%;
        margin-bottom: 10px
    }
}

.payment-box .tab-container .banking-details li .banking-info {
    padding-left: 50px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (max-width:767px) {
    .payment-box .tab-container .banking-details li .banking-info {
        padding-left: 0
    }
}

.payment-box .tab-container .banking-details li .banking-info img {
    margin-right: 10px
}

@media (max-width:767px) {
    .payment-box .tab-container .banking-details li .banking-info .listing-custom {
        width: 100%
    }
}

.payment-box .tab-container .payment-notes {
    background: -o-linear-gradient(120deg, #73dfe7 13.4%, #0063f7 86.6%);
    background: linear-gradient(330deg, #73dfe7 13.4%, #0063f7 86.6%);
    color: #fff;
    padding: 32px;
    border-radius: 5px
}

.payment-box .tab-container .payment-notes h3 {
    color: #fff;
    margin-bottom: 15px
}

.payment-box .tab-container .payment-notes ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.payment-box .tab-container .payment-count-box {
    border: 2px dashed #e5e5e5;
    border-radius: 5px;
    max-width: 440px;
    width: 100%;
    margin: 0 auto 35px;
    padding: 25px 20px 30px;
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.payment-box .tab-container .payment-count-box .enter-amount {
    display: block;
    text-align: left;
    font-size: 18px;
    width: 100%;
    margin-bottom: 10px
}

.payment-box .tab-container .payment-count-box input {
    display: inline-block;
    text-align: center;
    max-width: 100px;
    margin-top: 5px;
    height: 56px;
    font-size: 20px;
    margin-right: 20px
}

.payment-box .tab-container .paypal-box {
    text-align: center
}

.payment-box .tab-container .paypal-box .final-amount {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.payment-box .tab-container .paypal-box .final-amount span {
    font-weight: 700;
    font-size: 30px
}

.payment-box .tab-container .paypal-box .button {
    margin: 20px auto
}

.icon-x:before {
    content: "\e93d"
}

.icon-extranal-link:before {
    content: "\e93c"
}

.icon-home:before {
    content: "\e935"
}

.icon-project:before {
    content: "\e938"
}

.icon-payment:before {
    content: "\e939"
}

.icon-company:before {
    content: "\e93a"
}

.icon-assurance:before {
    content: "\e93b"
}

.icon-down:before {
    content: "\e936"
}

.icon-up-arrow:before {
    content: "\e937"
}

.icon-hiring-icon:before {
    content: "\e934"
}

.icon-wordpress:before {
    content: "\e932"
}

.icon-magento:before {
    content: "\e933"
}

.icon-user-guides:before {
    content: "\e930"
}

.icon-our-work-process:before {
    content: "\e92f"
}

.icon-developer:before {
    content: "\e931"
}

.icon-behance:before {
    content: "\e92e"
}

.icon-youtube:before {
    content: "\e92d"
}

.icon-plus:before {
    content: "\e92b"
}

.icon-pinterest:before {
    content: "\e92c"
}

.icon-calender-1:before {
    content: "\e929"
}

.icon-fast-time:before {
    content: "\e92a"
}

.icon-angle-left:before {
    content: "\e925"
}

.icon-angle-right:before {
    content: "\e926"
}

.icon-double-arrow-right:before {
    content: "\e927"
}

.icon-double-arrow-left:before {
    content: "\e928"
}

.icon-cart-svg:before {
    content: "\e924"
}

.icon-search-icon:before {
    content: "\e923"
}

.icon-share-svg:before {
    content: "\e922"
}

.icon-phone:before {
    content: "\e91c"
}

.icon-email:before {
    content: "\e91d"
}

.icon-twitter-1:before {
    content: "\e91e"
}

.icon-instagram-1:before {
    content: "\e91f"
}

.icon-linkedin-1:before {
    content: "\e920"
}

.icon-facebook-1:before {
    content: "\e921"
}

.icon-video:before {
    content: "\e91b"
}

.icon-calender:before {
    content: "\e918"
}

.icon-team-member:before {
    content: "\e919"
}

.icon-global-client:before {
    content: "\e91a"
}

.icon-activity:before {
    content: "\e900"
}

.icon-arrow-left:before {
    content: "\e901"
}

.icon-arrow-right:before {
    content: "\e902"
}

.icon-call-icon:before {
    content: "\e903"
}

.icon-dedicated:before {
    content: "\e904"
}

.icon-double-quote:before {
    content: "\e905"
}

.icon-dribble:before {
    content: "\e906"
}

.icon-facebook:before {
    content: "\e907"
}

.icon-fill-arrow-right:before {
    content: "\e908"
}

.icon-fixed-cost:before {
    content: "\e909"
}

.icon-git-icon:before {
    content: "\e90a"
}

.icon-hourly-based:before {
    content: "\e90b"
}

.icon-hr-inquiry:before {
    content: "\e90c"
}

.icon-icon1:before {
    content: "\e90d"
}

.icon-linkedin:before {
    content: "\e90e"
}

.icon-meeting-icon:before {
    content: "\e90f"
}

.icon-play-icon:before {
    content: "\e910"
}

.icon-quote-icon:before {
    content: "\e911"
}

.icon-sales-inquiry:before {
    content: "\e912"
}

.icon-sales-inquiry-usa:before {
    content: "\e913"
}

.icon-services-icon:before {
    content: "\e914"
}

.icon-twitter:before {
    content: "\e915"
}

.icon-work-icon:before {
    content: "\e916"
}

.icon-work-process:before {
    content: "\e917"
}

.tabcontent {
    display: none
}

.payment-box .tab-container .banking-details li,
.payment-box .tab-container .banking-details li .banking-info,
.technologies-section .tabnav,
.technologies-section .tabnav li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.technologies-section .tabnav {
    list-style: none;
    margin: 40px 0 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    z-index: 1;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding: 0
}

.technologies-section .tabnav::before {
    content: '';
    width: 100%;
    height: 90%;
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(12.5%, rgba(242, 242, 242, .30665)), color-stop(50.45%, #f3f3f3), color-stop(86.46%, rgba(242, 242, 242, .435694)), to(rgba(255, 255, 255, 0)));
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(242, 242, 242, .30665) 12.5%, #f3f3f3 50.45%, rgba(242, 242, 242, .435694) 86.46%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(242, 242, 242, .30665) 12.5%, #f3f3f3 50.45%, rgba(242, 242, 242, .435694) 86.46%, rgba(255, 255, 255, 0) 100%);
    -webkit-filter: blur(20px);
    filter: blur(20px);
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1
}

.technologies-section .tabnav::after {
    content: '';
    width: 100%;
    height: 2px;
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(19.31%, rgba(242, 242, 242, .30665)), color-stop(51.08%, #f3f3f3), color-stop(78.69%, rgba(242, 242, 242, .435694)), to(rgba(255, 255, 255, 0)));
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(242, 242, 242, .30665) 19.31%, #f3f3f3 51.08%, rgba(242, 242, 242, .435694) 78.69%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(242, 242, 242, .30665) 19.31%, #f3f3f3 51.08%, rgba(242, 242, 242, .435694) 78.69%, rgba(255, 255, 255, 0) 100%);
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1
}

.technologies-section .tabnav li {
    position: relative;
    z-index: 1
}

.technologies-section .tabnav li a {
    padding: 15px 30px;
    border: 2px solid transparent
}

@media (max-width:991px) {
    .technologies-section .tabnav li a {
        padding: 10px 20px;
        white-space: nowrap
    }
}

.technologies-section .tabnav li a img {
    margin-right: 8px;
    -webkit-filter: brightness(.6) hue-rotate(110deg);
    filter: brightness(.6) hue-rotate(110deg);
    -webkit-transition: all 250ms cubic-bezier(.75, .1, .6, 1);
    -o-transition: all 250ms cubic-bezier(.75, .1, .6, 1);
    transition: all 250ms cubic-bezier(.75, .1, .6, 1)
}

.technologies-section .tabnav li a:hover img,
.technologies-section .tabnav li.active a img {
    -webkit-filter: none;
    filter: none
}

.technologies-section .tabnav li.active a {
    background: #fff;
    border: 2px solid #f4f4f4;
    border-bottom-color: transparent;
    color: #38a7a1
}

.technologies-section .tab-container {
    position: relative;
    z-index: 1;
    width: 100%;
    background: #fff;
    padding: 75px 0 0
}

@media (max-width:991px) {
    .technologies-section .tab-container {
        padding-top: 40px
    }
}

/*# sourceMappingURL=styles.css.map */