/*
 Theme Name:   Hexa Website
 Author:       W4
 Author URI:   https://thew4.co
 Template:     w4_base
 Version:      1.0.0
*/
    
     :root {
        --arrowColor: rgb(25, 44, 78);
    }
    
    @font-face {
        font-family: 'Brown';
        src: url('fonts/BrownLLWeb-Light.woff2') format('woff2'), url('fonts/BrownLLWeb-Light.woff') format('woff');
        font-weight: 300;
        font-style: normal;
    }
    
    @font-face {
        font-family: 'Brown';
        src: url('fonts/BrownLLWeb-Regular.woff2') format('woff2'), url('fonts/BrownLLWeb-Regular.woff') format('woff');
        font-weight: 400;
        font-style: normal;
    }
    
    @font-face {
        font-family: 'Brown';
        src: url('fonts/BrownLLWeb-Bold.woff2') format('woff2'), url('fonts/BrownLLWeb-Bold.woff') format('woff');
        font-weight: 700;
        font-style: normal;
    }
    
    @font-face {
        font-family: 'Domaine';
        src: url('fonts/domaine-display-regular-italic.woff2') format('woff2');
        font-weight: 400;
        font-style: italic;
    }
    
    @font-face {
        font-family: 'Domaine';
        src: url('fonts/domaine-display-medium-italic.woff2') format('woff2');
        font-weight: 500;
        font-style: italic;
    }
    
    @font-face {
        font-family: 'Domaine';
        src: url('fonts/domaine-display-bold-italic.woff2') format('woff2');
        font-weight: 700;
        font-style: italic;
    }
    
    @font-face {
        font-family: 'icons';
        src: url('fonts/icomoon.woff') format('woff');
    }
    
    html {
        font-size: 10px;
    }
    
    body {
        background-color: #fafafa;
        font-family: 'Brown', sans-serif;
        font-size: 1.5rem;
        line-height: 1.33;
        color: #192c4e;
        overflow-x: hidden;
    }
    
    .home body {
        overflow: overlay;
    }
    
    header .white-btn {
        opacity: 1;
    }
    
    .inner-page header .white-btn {
        opacity: 1;
    }
    
    #go-back-to-2 {
        border: none;
        background: none;
        font-weight: 700;
    }
    
    .home .product-3 video {
        transform: scaleX(-1);
    }
    
    .sphere-5 {
        display: none !important;
    }
    
    body.overflow-hidden {
        overflow: hidden !important;
    }
    
    p {
        font-size: 1.5rem;
        font-weight: 400;
        line-height: 1.67;
        letter-spacing: 0.24px;
        font-size: 1.7rem;
        font-weight: 300;
        letter-spacing: normal;
    }
    
    .scene {
        height: 100vh;
        width: 100%;
    }
    
    .backgrounds,
    .spheres-stage {
        perspective: 250rem;
    }
    
    .backgrounds {
        perspective: 400rem;
        perspective: 300rem;
        perspective: 150rem;
        min-height: 70rem;
    }
    
    .home .backgrounds {
        perspective: 300rem;
    }
    
    .scene-1-bg,
    .scene-2-bg {
        /*background-image: url("img/grad1.svg");

    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;

    /*transform: rotateY(0deg);*/
    }
    
    .scene-1-bg img,
    .scene-2-bg img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }
    
    .analytics-area .td-m-right {
        position: relative;
    }
    
    .scene-bg {
        background-repeat: no-repeat;
        background-size: cover;
        background-size: cover;
    }
    
    .scene-3-bg-mask {
        width: 100%;
        height: 100%;
        overflow: hidden;
    }
    
    .scene-3-bg {
        background-image: url("img/scene-3-bg.jpg") !important;
        opacity: 0;
    }
    
    .home .scene-3-bg {
        background: none !important;
    }
    
    .scene-3-bg img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }
    
    .scene-4-bg {
        transform-origin: bottom center;
        transform: rotateX(0);
        background-image: url("img/grad1.svg") !important;
        opacity: 0
    }
    
    .home .scene-4-bg {
        background: none !important;
    }
    
    .scene-4-bg img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }
    
    .scene-5-bg {
        transform-origin: right center;
        background-image: url("img/scene-5-bg.jpg") !important;
        opacity: 0
    }
    
    .home .scene-5-bg {
        background: none !important;
    }
    
    .scene-5-bg img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }
    
    .dis-bg {
        transform-origin: right center;
        background-image: url("img/dis_bg.jpg") !important;
        opacity: 0
    }
    
    .inner {
        color: white;
        text-decoration: none;
    }
    
    #header-logo,
    .inner-nav-items,
    header a {
        opacity: 1;
    }
    
    .scenes-holder {
        opacity: 1;
    }
    
    .sphere-1,
    .sphere-2,
    .sphere-3 {
        opacity: 1;
    }
    
    .sphere .holder-img {
        width: 100%;
        height: 100%;
        position: absolute;
    }
    
    .main-bg {
        transform: rotateY(0);
        transform-origin: left center;
        transform-style: preserve-3d;
    }
    
    .g-i-t-c {
        display: none;
    }
    
    .logo-list li img {
        height: 40px;
        width: auto;
        object-fit:contain;
        max-width:100px;
    }
    
    .home-hero-right h2 {
        margin-bottom: 3rem !important;
    }
    
    .logo-list {
        column-gap: 2rem;
    }
    
    .product img {
        width: 100%;
        height: auto;
    }
    
    #next-logo {
        background-image: url("img/blue_arrow_head.svg");
        width: 6.1rem;
        margin-left: 1.5rem;
        height: 2rem;
        border: none;
        background-position: right center;
        background-color: transparent;
        display: none;
    }
    
    .logo-holder {
        display: flex;
        justify-content: center;
    }
    
    .logo-holder img {}
    
    .logos-splide {
        width: 52rem;
        overflow: hidden;
    }
    
    .base-screen-width {
        width: 136.6rem;
        margin-left: auto;
        margin-right: auto;
        padding: 0 4.5rem;
        box-sizing: border-box;
        max-width: 100%;
    }
    
    .home footer {
        padding-left: 0;
        padding-right: 0;
    }
    
    .home-hero-left {
        flex: 0 0 55rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    
    .scene-1 .base-screen-width {}
    
    .home-hero-left h1 {
        /*white-space: pre-line;*/
        color: white;
        font-size: 6.5rem;
        line-height: 6.4rem;
        font-weight: 400;
        width: 52rem;
        margin-bottom: 3rem;
    }
    
    .scene-1-con {
        align-items: flex-end;
    }
    
    .home-hero-right h2 {
        font-size: 1.7rem !important;
    }
    
    .home-hero-left h1>div>div {
        perspective: 20rem;
        perspective-origin: center;
    }
    
    .scene h2>div {
        perspective: 20rem;
        perspective-origin: center;
    }
    
    .scene.scene-3 h2>div {
        perspective: 103rem;
    }
    
    .scene h2>div * {
        transform-style: preserve-3d;
    }
    
    .scene h2 span {
        display: block;
    }
    
    .home-hero-left h1 em {
        font-family: 'Domaine', Serif;
        font-weight: 600;
    }
    
    .home-hero-right {
        padding-left: 4rem;
        flex: 0 0 40rem;
        overflow: hidden;
    }
    
    .home-hero-right p {
        width: 100%;
    }
    
    .blue-btn {
        font-size: 1.7rem;
        color: white;
        text-decoration: none;
        background-color: #192c4e;
        height: 3.4rem;
        padding: 0 1rem;
        display: inline-flex;
        border-radius: 1.7rem;
        align-items: center;
        padding: 0 2rem;
        font-weight: 300;
        transition: .3s all;
        border: 1px solid #192c4e;
        box-sizing: border-box;
    }
    
    .blue-btn:hover {
        color: #192c4e;
        background-color: transparent;
    }
    
    .white-btn {
        font-size: 1.5rem;
        color: #192c4e;
        text-decoration: none;
        background-color: #ffffff;
        height: 3.4rem;
        padding: 0 2rem;
        display: inline-flex;
        border-radius: 1.7rem;
        align-items: center;
        /*border: 1px solid #192c4e;*/
        box-sizing: border-box;
        align-self: flex-start;
        transition: .3s background-color, .3s color, .3s border-color;
        border: 1px solid transparent;
    }
    
    .white-btn-with-border {
        transition: .3s all;
    }
    
    .white-btn:hover,
    .white-btn-with-border:hover {
        background-color: #192c4e !important;
        color: #fff !important;
        border-color: white;
    }
    
    header .white-btn {
        border: 1px solid #192c4e;
    }
    
    header .white-btn {
        font-size: 1.3rem;
        height: 2.5rem;
        border-radius: 1.25rem;
    }
    
    .scene-2-content {
        width: 58rem;
        margin: auto;
    }
    
    .scene-2-content h2 {
        font-size: 5.5rem;
        line-height: 1.16;
        color: white;
    }
    
    .scene-2-content p {
        color: white;
    }
    
    .scene h2 {
        font-size: 6rem;
        font-weight: 700;
        margin: 0;
    }
    
    .scene-3-content p {
        width: 45.8rem;
    }
    
    .icons-list {
        display: flex;
        width: 50rem;
        margin-bottom: 2rem;
        flex-wrap: wrap;
    }
    
    .icons-list li {
        display: flex;
        align-items: center;
        flex: 0 0 50%;
    }
    
    .title-para-comp {
        text-align: center;
    }
    
    .icons-list li img {
        margin-right: 1rem;
        opacity: 1;
        transform: none;
    }
    
    .icons-list li p {
        width: auto;
    }
    
    .arrow-link {
        color: #192c4e;
        font-size: 1.4rem;
        font-weight: 300;
        text-decoration: none;
        display: flex;
        align-items: center;
    }
    
    .arrow-link.white:after {
        background: url("img/white_arrow_head.svg") no-repeat right center;
    }
    
    .arrow-link:after {
        content: '';
        display: block;
        width: 5.8rem;
        height: 1.8rem;
        background: url("img/blue_arrow_head.svg") no-repeat right center;
        margin-left: 2rem;
        transition: .3s all;
    }
    
    .arrow-link:hover:after {
        width: 7rem;
    }
    
    .sphere-paths.sphere-paths-1 path,
    .sphere-paths.sphere-paths-2 path,
    .sphere-paths-2-b path,
    .sphere-paths.sphere-paths-3 path,
    .sphere-paths.sphere-paths-4 path,
    .sphere-paths.sphere-paths-5 path,
    .sphere-paths.sphere-paths-5-a path,
    .sphere-paths.sphere-paths-6 path {
        stroke: transparent;
    }
    
    .sphere-paths {
        width: 136.6rem;
        max-width: 100%;
    }
    
    .sphere-paths svg {
        width: 100%;
        height: 100%;
    }
    
    .scene-3-content {
        margin-top: 20rem;
    }
    
    .white {
        color: white;
    }
    
    .scene-4-content p,
    .scene-5-content p {
        width: 46.9rem;
    }
    
    .scene-4-content .icons-list p {
        color: #e1cbff;
    }
    
    .scene-1 {
        z-index: 9999999;
    }
    
    .portrait-holder {
        display: none;
    }
    
    .sphere {
        position: absolute;
        background-size: contain;
        left: 0;
        top: 0;
        /*display: none !important;*/
        filter: drop-shadow(-11rem 10rem 6rem rgba(0, 0, 0, .4));
    }
    
    .logos-splide {
        visibility: visible !important;
    }
    
    .spheres-stage-height {
        height: 64rem;
        pointer-events: none;
    }
    
    .sphere,
    .product {
        pointer-events: none;
    }
    
    .video-1 video {
        background-color: rgba(0, 0, 0, .3);
    }
    
    .p-holder {
        color: white;
        overflow: hidden;
        margin-top: 0;
        width: 44rem;
        margin-bottom: 3rem;
    }
    
    .sphere-4 {
        z-index: 99999999;
        width: 50rem;
        height: 50rem;
        transform: translate(-11.65rem, 32.15rem);
        transform: scale(0);
    }
    
    .sphere-1 {
        transform: scale(1) translate(40rem, 22.9rem);
        width: 40rem;
        height: 40rem;
        background: none !important;
        z-index: 99999999;
    }
    
    .sphere-1-sphere {}
    
    .sphere-2 {
        /*transform:translateX(110.9rem) translateY(44.2rem);
    transform:translate(106.2rem, 37.9rem);*/
        width: 55rem;
        height: 55rem;
    }
    
    .oh {
        text-transform: capitalize;
    }
    
    .sphere-6 {
        width: 15rem;
        height: 15rem;
        transform: scale(.5);
    }
    
    .sphere-6-sphere {
        background-image: url("img/trqz_sphere.png");
        background-size: 15rem;
    }
    
    .sphere-7 {
        width: 17rem;
        height: 17rem;
        transform: scale(.5);
    }
    
    .sphere-7-sphere {
        background-image: url("img/green_sphere.png");
        background-size: 17rem;
    }
    
    #b_8_s_5_s_6,
    #b_8_s_4_s_5 {
        /* stroke: red !important;*/
    }
    
    .sphere-8 {
        transform: scale(.5);
        width: 6rem;
        height: 6rem;
    }
    
    .inner-sphere {
        position: relative;
    }
    
    .inner-product {
        width: 100%;
        height: 100%;
        position: relative;
    }
    
    .sphere-8-sphere {
        background-image: url("img/green_sphere.png");
        background-size: 6rem;
    }
    
    .sphere-6,
    .sphere-7,
    .sphere-8 {
        opacity: 0;
    }
    
    .sphere-7 {
        top: 25rem;
    }
    
    .product {
        position: absolute;
        left: 0;
        top: 0;
        filter: drop-shadow(-11rem 10rem 6rem rgba(0, 0, 0, .4))
    }
    
    .product-1 {
        width: 50rem;
        height: 50rem;
        transform: translateY( 100rem);
        top: calc(50% - 25rem) !important;
        left: auto;
        right: 22%;
    }
    
    .video.mobile {
        display: none;
    }
    
    .scene-3 h2,
    .scene-4 h2,
    .scene-5 h2 {
        font-family: 'Domaine', Serif;
        font-style: italic;
    }
    
    .product-2 {
        width: 50rem;
        height: 50rem;
        transform: translate(0, 100rem);
        z-index: 999;
        top: calc(50% - 25rem);
    }
    
    .product-3 {
        width: 50rem;
        height: 50rem;
        transform: translate(0, 100rem);
        z-index: 999;
    }
    
    .scenes-holder {
        z-index: 99999;
        /*pointer-events: none !important;*/
    }
    
    .triggers {
        pointer-events: none;
        z-index: 999999999;
    }
    
    .visuallyhidden {
        border: 0;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }
    
    footer {
        pointer-events: auto;
    }
    
    .over-spheres,
    .backgrounds {
        pointer-events: none !important;
    }
    
    .sphere-1,
    .sphere-2,
    .sphere-4 {}
    
    .spheres-stage.behind-spheres {
        z-index: 0;
    }
    
    .spheres-stage {
        z-index: 999;
    }
    
    .sphere-3 {
        transform: scale(1) translateX(-15.05rem) translateY(36rem);
        width: 30rem;
        height: 30rem;
        display: none !important;
    }
    
    .sphere-3-sphere {
        /* left: -20rem;*/
    }
    
    .sphere-3-b {
        width: 30rem;
        height: 30rem;
        transform: scale(0);
    }
    
    .sphere-3-sphere {
        background-image: url("img/purple_sphere.png");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 30rem;
    }
    
    .sphere-5 {
        transform: translateX(-15.05rem) translateY(-56rem);
        width: 30rem;
        height: 30rem;
    }
    
    .sphere-5-sphere {
        background-image: url("img/dark_purple_sphere.png");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 30rem;
    }
    
    .scene {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100vh;
    }
    
    .scene-trigger {
        width: 100%;
        height: 100vh !important;
    }
    
    .scene-trigger,
    .scene {
        /*min-height: 80rem !important;*/
    }
    
    .scene {
        /*display: none;*/
    }
    
    .scene-6-left {
        flex: 0 0 47rem;
    }
    
    .subtitle {
        font-size: 1.7rem;
        font-weight: 700;
        letter-spacing: 0.61px;
    }
    
    .scene.scene-1,
    .scene.scene-2,
    .scene.scene-3,
    .scene.scene-4,
    .scene.scene-5 {
        display: block;
    }
    
    header {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 9999999999;
        padding: 0 5rem;
        box-sizing: border-box;
    }
    
    .logo-style-1 {
        fill: #fff
    }
    
    .header-content {
        height: 10rem;
    }
    
    nav ul {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .flex-12 {
        flex: 0 0 12rem;
    }
    
    nav ul a {
        font-size: 1.5rem;
        color: #192c4e;
        text-decoration: none;
    }
    
    nav ul li {
        margin: 0 1rem;
    }
    
    .manage-hero,
    .display-hero,
    .company-hero,
    .industry-hero {
        height: 100vh;
        perspective: 250rem;
    }
    
    .manage-hero-bg {
        transform: rotateY(60deg);
        transform-origin: left center;
        transform-style: preserve-3d;
        background-image: url(img/scene-5-bg.jpg);
    }
    
    .manage-hero-content {
        width: 57rem;
    }
    
    .company-hero-content {
        width: 48rem;
    }
    
    .manage-hero-content h1,
    .company-hero-content h1 {
        font-size: 5rem;
        line-height: 1.2;
        font-weight: 700;
    }
    
    .td-manage-area {
        padding: 23rem 0;
        position: relative;
    }
    
    .td-manage-area:before {
        content: '';
        display: block;
        background: url("img/blts-bg.svg") bottom center no-repeat;
        width: 100%;
        height: 120rem;
        position: absolute;
        bottom: -25rem;
    }
    
    .manage-hero-content p {
        width: 46.8rem;
        margin-bottom: 5rem;
    }
    
    .manage-hero-content p:last-child {
        margin-bottom: 0;
    }
    
    .td-m-left h2 {
        font-size: 6.5rem;
        font-weight: 700;
        white-space: pre-line;
        line-height: 1.05;
        margin: 0 0 5rem 0;
    }
    
    p.sub-title {
        font-size: 2rem;
        font-weight: 700;
        letter-spacing: normal;
    }
    
    .td-m-left {
        flex: 0 0 67rem;
        padding-right: 16rem;
        box-sizing: border-box;
    }
    
    .icon-blts-list {
        column-gap: 11rem;
        margin-top: 18rem;
    }
    
    .icon-blts-list li {
        text-align: center;
    }
    
    .big-bullets-list .td-m-left {
        width: 64.7rem;
        padding-right: 13rem;
    }
    
    .sub-bullets,
    .sub-bullets li {
        display: flex;
        align-items: center;
    }
    
    .sub-bullets {
        justify-content: space-between;
        margin: 3rem 0;
    }
    
    .sub-bullets li img {
        margin-right: 1.5rem;
    }
    
    .big-bullets-list li:nth-child(even) {
        justify-content: flex-end;
    }
    
    .sched-a-call-area h2 {
        white-space: pre-line;
        font-size: 3rem;
        font-weight: 700;
        margin: 0;
    }
    
    .sched-a-call-area a {
        font-size: 1.7rem;
        margin-left: 8rem;
    }
    
    .s-a-c-inner {
        display: inline-flex;
        margin: 27rem 0 24rem;
        padding-bottom: 3rem;
        border-bottom: 1px solid #193360;
    }
    
    .analytics-area .td-m-right img {
        max-width: 70rem;
        transform: translateY(19rem);
    }
    
    .analytics-area .td-m-left {
        padding-right: 10rem;
    }
    
    .analytics-area {
        padding: 15rem 0;
        color: white;
    }
    
    .grad-blue-bg {
        background-image: linear-gradient(81deg, #0e2041 6%, #193360 95%);
        color: white;
    }
    
    .analytics-area .white-btn {
        margin-top: 3rem;
    }
    
    .tiny-sphere {
        width: 1.9rem;
        height: 1.9rem;
        border-radius: 50%;
        background-color: #fff;
    }
    
    .three-tiny-spheres {
        margin: 18rem 0 9rem 0;
        column-gap: 8rem;
    }
    
    .contact-area {
        color: white;
    }
    
    .form-area {
        perspective: 250rem;
    }
    
    .white-floor {
        height: 100vh;
        background-color: white;
        transform: rotateX( 55deg);
        transform-origin: bottom center;
    }
    
    em {
        font-family: 'Domaine', serif;
    }
    
    .the-form {
        width: 78rem;
        margin: 6rem auto;
    }
    
    .the-form input,
    .the-form textarea {
        border: none;
        border-bottom: 1px solid #192c4e;
        font-size: 1.8rem;
        font-weight: 300;
        color: #192c4e;
        height: 3rem;
        padding: 0;
        box-sizing: border-box;
        width: 100%;
    }
    
    .the-form textarea {
        padding-top: .3rem;
        box-sizing: border-box;
    }
    
    .the-form form {
        column-gap: 3rem;
    }
    
    .the-form form .flex-wrap {
        justify-content: space-between;
    }
    
    .the-form form .wpcf7-form-control-wrap {
        display: block;
        flex: 0 0 48%;
    }
    
     ::placeholder {
        /* Chrome, Firefox, Opera, Safari 10.1+ */
        color: #192c4e;
        opacity: 1;
        /* Firefox */
    }
    
     :-ms-input-placeholder {
        /* Internet Explorer 10-11 */
        color: #192c4e;
    }
    
     ::-ms-input-placeholder {
        /* Microsoft Edge */
        color: #192c4e;
    }
    
    .submit-con {
        display: flex;
        justify-content: flex-end;
    }
    
    .inner-nav {
        position: fixed;
        right: 0;
        top: 0;
        width: 12rem;
        display: flex;
        align-items: center;
        z-index: 999999999;
    }
    
    .sphere-1-sphere {
        width: 100%;
        height: 100%;
    }
    
    .inner-nav-items {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        padding-right: 5rem;
    }
    
    .inner-nav-items button {
        background: none;
        border: none;
        display: flex;
        align-items: center;
        font-size: 1.3rem;
        text-transform: lowercase;
    }
    
    .scene-name {
        display: block;
        line-height: 0;
        opacity: 0;
        transition: .3s opacity;
        text-transform: capitalize;
        color: #192c4e;
    }
    
    .fp-enabled.no-overflow body,
    html.fp-enabled.no-overflow {
        overflow: hidden !important;
    }
    
    .kav {
        background-color: #192c4e
    }
    
    .active .kav {
        background-color: #192c4e;
    }
    
    .inner-nav-items button:hover .scene-name,
    .inner-nav-items button:hover .kav {
        opacity: 1;
    }
    
    .inner-nav {
        filter: brightness(1) invert(0);
        transform: translate3d(0, 0, 0);
    }
    
    .kav {
        display: block;
        height: 1px;
        width: 1rem;
        margin-left: .5rem;
        opacity: 0;
        transition: .3s all;
    }
    
    .circ-con {
        position: relative;
        width: .9rem;
        height: .9rem;
        position: relative;
        display: block;
    }
    
    .circ {
        display: block;
        width: .9rem;
        height: .9rem;
        position: absolute;
        top: 0;
        left: 0;
        border-radius: .45rem;
        background-color: #192c4e;
    }
    
    .active .circ {
        background-color: #192c4e;
    }
    
    .active .kav,
    .active .scene-name {
        opacity: 1;
    }
    
    .inner-nav-items li {
        margin: 1.5rem 0;
    }
    
    .scene-2-team {
        background-size: cover;
        display: block;
        color: white;
    }
    /*.scene-2-team h2,.scene-2-team li,.scene-2-team  button{
    opacity: 0;
    visibility: hidden;
}*/
    
    .team-member-img {
        width: 13rem;
        flex: 0 0 13rem;
        height: 13rem;
        border-radius: 50%;
        overflow: hidden;
    }
    
    .team-member-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }
    
    header {
        background-color: rgba(250, 250, 250, 0);
    }
    
    .team-members-splide {
        opacity: 0;
    }
    
    .team-members-list li .inner {
        display: flex;
        width: 29.21rem;
        height: 14rem;
        padding-right: 9rem;
        transition: .75s all;
        transform: translate(0, 13rem);
        opacity: 1 !important;
    }
    
    .team-members-list .is-active li .inner {
        transform: translate(0, 0);
        opacity: 1;
    }
    
    .team-members-list .splide__slide.is-active li:nth-child(2) .inner {
        transition-delay: .1s;
    }
    
    .team-members-list .splide__slide.is-active li:nth-child(3) .inner {
        transition-delay: .2s;
    }
    
    .team-members-list .splide__slide.is-active li:nth-child(4) .inner {
        transition-delay: .3s;
    }
    
    .home .splide__track {
        overflow: visible !important;
    }
    
    .team-members-list .splide__slide.is-active li:nth-child(5) .inner {
        transition-delay: .4s;
    }
    
    .team-members-list .splide__slide.is-active li:nth-child(6) .inner {
        transition-delay: .5s;
    }
    
    .team-member-name {
        font-weight: 700;
        text-transform: uppercase;
        font-size: 1.4rem;
        margin: 0;
    }
    
    .team-member-pos {
        font-weight: 300;
        text-transform: capitalize;
        font-size: 1.4rem;
        margin: 0;
    }
    
    .mamber-dets {
        padding: 2rem 0 0 1rem;
    }
    
    .home .splide__slide__row:first-child {
        transform: translateX(13rem);
    }
    
    .team-members-splide {
        margin-top: 8rem;
    }
    
    .home .splide__slide {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    .menu-main-menu-container {
        /*display: none;*/
    }
    
    #more-team {
        border: none;
        background: none;
        position: absolute;
        right: 0;
    }
    
    #go-to-team {
        border: none;
        background: none;
        position: absolute;
        transform: translateX(143%);
        display: flex;
        align-items: center;
    }
    
    .team-member-thumb {
        width: 4.4rem;
        height: 4.4rem;
        border: 2px solid white;
        border-radius: 50%;
        overflow: hidden;
    }
    
    .team-member-thumb img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }
    
    .team-member-thumb:nth-child(2) {
        transform: translateX(2rem);
    }
    
    .team-member-thumb:nth-child(1) {
        transform: translateX(4rem);
        z-index: 9;
    }
    
    .team-member-thumbs {
        margin-right: 1rem;
    }
    
    .scene-2-team-content h2 {
        position: relative;
    }
    
    .wpcf7-form-control-wrap input,
    .wpcf7-form-control-wrap textarea {
        font-weight: 300;
        font-size: 1.7rem;
    }
    
    .product-2 {
        left: -10rem;
    }
    
    .home .video-1 {
        position: absolute !important;
        left: 0;
        top: calc(50% - 13rem);
        width: 52rem;
        height: 30rem;
        position: relative;
        transform: translate(57rem, 80rem);
        z-index: 999999999999;
        padding: 2rem;
        background-color: white;
        border-radius: 3rem;
        box-shadow: 0 3px 56px 0 rgb(0 0 0 / 16%);
        align-self: center;
    }
    
    .home .video-1 video {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    /*cube bg*/
    
    .main-bg-con {
        /*transform: translateZ(-100rem);*/
        transform-style: preserve-3d;
    }
    
    .main-bg {
        transform: rotateY(65deg);
    }
    
    .scene-2-bg-right-p {
        background-image: url(img/grad1.svg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        transform: translateX(50vw) translateZ(-50vw) rotateY( 90deg);
        opacity: 0;
    }
    
    .scene-2-bg-left-p {
        background-image: url(img/grad1.svg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        transform: translateX(-50vw) translateZ(-50vw) rotateY( 90deg);
        opacity: 0;
    }
    
    .wpcf7-form-control-wrap {
        display: block;
        flex: 0 0 26rem;
    }
    
    .scene-6-right {
        flex: 0 0 57rem;
        padding: 8rem 0 0 12rem;
    }
    
    .flex-wrap {
        display: flex;
        column-gap: 4rem;
    }
    
    .wpcf7-spinner {
        position: absolute;
    }
    
    .contact-form button[type="submit"] {
        border: none;
        background: none;
        display: flex;
        align-items: center;
        font-size: 2rem;
    }
    
    .wpcf7-form-control-wrap input {
        box-sizing: border-box;
        width: 100%;
        border: none;
        border-bottom: 1px solid #192c4e;
        line-height: 3rem;
        background: none;
    }
    
    .wpcf7 form .wpcf7-response-output {
        border: none !important;
        margin: 4rem 0 0 0 !important;
        padding: 0 !important;
    }
    
    .wpcf7-not-valid-tip {
        position: absolute;
        right: 0;
    }
    
    .wpcf7-form-control-wrap {
        display: block;
        position: relative;
        margin-bottom: 4rem;
    }
    
    .wpcf7-form-control-wrap textarea {
        box-sizing: border-box;
        width: 100%;
        border: none;
        border: 1px solid #192c4e;
        min-height: 10rem;
        max-height: 10rem;
        margin-bottom: 4rem;
        background: none;
        padding-left: 1rem;
    }
    
    wpcf7 .ajax-loader {
        background: url("img/loader.svg") no-repeat center;
        background-size: 2rem;
        background-color: transparent !important;
        margin: 0 !important;
        position: relative;
    }
    
    .wpcf7 .ajax-loader::before {
        display: none;
    }
    
    header a {
        /*background-color: transparent !important;*/
    }
    
    .wpcf7-spinner::before {
        display: none;
    }
    
    .wpcf7-spinner {
        background: url("img/roller.svg") center no-repeat !important;
    }
    
    .icons-list img {
        height: 2.2rem;
    }
    
    .icons-list li {
        margin-bottom: 2rem;
    }
    
    .icons-list li p {
        margin: 0;
    }
    
    .wpcf7-spinner {
        margin: 0 !important;
        position: absolute !important;
        left: -3rem !important;
    }
    
    .content {
        height: 100vh;
        min-height: 50rem;
        width: 100%;
        position: relative;
        overflow: hidden;
    }
    
    .temp-left {
        flex: 0 0 52rem;
        padding-right: 19rem;
    }
    
    .temp-left h1 {
        font-size: 5.5rem;
        line-height: 1.16;
    }
    
    .temp-left .white-btn {
        border: 1px solid rgb(25, 44, 78);
    }
    
    .temp-right {
        flex: 0 0 55rem;
        position: relative;
        height: 100%;
        display: flex;
        align-items: center;
    }
    
    .temp-right:before {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        height: 100%;
        top: 0;
        width: 56vw;
        min-width: 100rem;
        background-image: url("img/temp_bg.svg");
        background-position: left center;
        background-repeat: no-repeat;
        background-size: 100%;
    }
    
    .temp-right:after {
        width: 38rem;
        height: 38rem;
        position: absolute;
        display: block;
        content: '';
        background-image: url("img/temp.png");
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        left: -27rem;
        bottom: -4rem;
    }
    
    .temp-right .wpcf7-form-control-wrap input,
    .temp-right .wpcf7-form-control-wrap textarea {
        color: white;
        border-bottom: 1px solid #fff;
    }
    
    .temp-right input::placeholder,
    .temp-right textarea::placeholder {
        color: white;
    }
    
    .temp-right .contact-form button[type="submit"] {
        color: white;
    }
    
    .temp-right .contact-form button[type="submit"]:after {
        background: url(img/white_arrow_head.svg) no-repeat right center;
    }
    
    .temp-right .flex-wrap {
        display: block;
        width: 100%;
    }
    
    .temp-right .wpcf7-form-control-wrap {
        width: 100%;
    }
    
    .temp-right {
        padding-left: 5.5rem;
        box-sizing: border-box;
    }
    
    .temp-right .contact-form {
        width: 35rem;
    }
    
    .temp-right .wpcf7 form .wpcf7-response-output {
        position: absolute;
        color: #fff;
        margin-top: 1rem !important;
        width: 35rem;
    }
    
    .temp-left {
        position: relative;
    }
    
    .temp-left:before {
        width: 7rem;
        height: 7rem;
        display: block;
        content: '';
        background: url("img/purple_sphere.png") no-repeat center;
        background-size: contain;
        position: absolute;
        left: 5rem;
        bottom: -10rem;
    }
    
    .temp-left:after {
        width: 13rem;
        height: 13rem;
        display: block;
        content: '';
        background: url("img/trqz_sphere.png") no-repeat center;
        background-size: contain;
        position: absolute;
        right: -12vw;
        top: -23rem;
    }
    
    .page-template-temp #header-logo path,
    .page-template-temp-2 #header-logo path {
        fill: #192c4e;
    }
    
    .error404 #header-logo path {
        fill: #192c4e !important;
    }
    
    .page-template-temp #header-logo,
    .page-template-temp .inner-nav-items,
    .page-template-temp header a {
        opacity: 1;
    }
    
    .page-template-temp #header-logo,
    .page-template-temp .inner-nav-items,
    .page-template-temp header a {
        opacity: 1;
    }
    
    .page-template-temp-2 #header-logo,
    .page-template-temp-2 .inner-nav-items,
    .page-template-temp-2 header a {
        opacity: 1;
    }
    
    .error404 #header-logo,
    .error404 .inner-nav-items,
    header a {
        opacity: 1;
    }
    
    .page-template-temp header .white-btn,
    .page-template-temp-2 header .white-btn {
        display: none;
    }
    
    .inner-hero h1 {
        font-size: 6.5rem;
        font-weight: 700;
        line-height: 0.98;
        letter-spacing: 0.26px;
        white-space: pre-line;
        margin-top: 0;
    }
    
    .inner-hero p {
        white-space: pre-line;
        ;
        max-width: 51rem;
    }
    
    .inner-hero .white-btn {
        border: 1px solid #192c4e;
    }
    
    .inner-hero {
        height: 100vh;
        padding-top: 17rem;
        position: relative;
        z-index: 9999;
        box-sizing: border-box;
    }
    
    .inner-hero .base-screen-width {
        position: relative;
        height: 100%;
    }
    
    .page-template-create .scene-3-bg {
        opacity: 1;
    }
    
    .page-template-create .main-bg {
        transform: rotateX( 87deg);
        transform-origin: bottom center;
    }
    
    .create-prpl-sphere-1 {
        width: 38.1rem;
        height: 38.1rem;
        position: absolute;
        right: 0;
        bottom: 20rem;
    }
    
    .create-prpl-sphere-1 .inner-sphere-s {
        background: url("img/purple_sphere.png") center no-repeat;
        background-size: 38.1rem;
    }
    
    .inner-sphere-s,
    .inner-product-p {
        width: 100%;
        height: 100%;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        filter: drop-shadow(-11rem 10rem 6rem rgba(0, 0, 0, .4));
    }
    
    .create-prpl-sphere-2 {
        width: 20rem;
        height: 20rem;
        position: absolute;
        left: calc(50% - 5rem);
        bottom: 10rem;
    }
    
    .create-prpl-sphere-2 .inner-sphere-s {
        background: url("img/purple_sphere.png") center no-repeat;
        background-size: 20rem;
    }
    
    .backgrounds {
        position: absolute;
        height: 100vh;
        /*overflow: hidden;*/
    }
    
    .main-bg-con {
        min-height: 90rem;
    }
    
    .home .backgrounds {
        position: fixed;
    }
    
    .home .main-bg-con {
        min-height: 0;
    }
    
    .create-product-1 {
        width: 48.1rem;
        height: 48.1rem;
        position: absolute;
        right: 0;
        bottom: 20rem;
    }
    
    .inner-product-p video {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    
    .starts-with-one-area {
        padding: 22rem 0;
    }
    
    .title-para-comp h2 {
        font-size: 6.5rem;
        font-weight: 700;
        margin-top: 0;
        margin-bottom: 2rem;
        line-height: 1.05;
    }
    
    .title-para-comp p {
        font-size: 1.7rem;
        line-height: 1.67;
        letter-spacing: 0.24px;
        max-width: 62rem;
        margin: 0 auto;
    }
    
    .starts-with-one-area {
        overflow: hidden;
    }
    
    .starts-with-one-area .base-screen-width {
        position: relative;
    }
    
    .starts-with-one-area .base-screen-width:before {
        content: '';
        display: block;
        position: absolute;
        right: -50rem;
        height: 100rem;
        width: 100rem;
        opacity: 0.6;
        background-image: radial-gradient(circle at 50% 50%, #ea92ed, rgba(255, 255, 255, 0) 45%);
        pointer-events: none;
    }
    
    .icon-bullets-list {
        display: flex;
        justify-content: space-between;
        margin-top: 14rem;
        position: relative;
        margin-bottom: 8rem;
    }
    
    .icon-bullets-list li {
        flex: 0 0 33.3333%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    .icon-bullets-list li img {
        width: 13.1rem;
        height: 15.6rem;
        mix-blend-mode: multiply;
    }
    
    .icon-bullets-list li h3 {
        font-size: 3rem;
        margin: 0 0 1rem 0;
    }
    
    .white-btn-with-border {
        font-size: 1.5rem;
        color: #192c4e;
        text-decoration: none;
        background-color: #ffffff;
        height: 3.4rem;
        padding: 0 2rem;
        display: inline-flex;
        border-radius: 1.7rem;
        align-items: center;
        border: 1px solid #192c4e;
        box-sizing: border-box;
    }
    
    .border-btn {
        font-size: 1.6rem;
        color: #fff;
        text-decoration: none;
        background-color: transparent;
        height: 4rem;
        padding: 0 4rem;
        display: inline-flex;
        border-radius: 2rem;
        align-items: center;
        border: 1px solid #fff;
        box-sizing: border-box;
        font-weight: 400;
    }
    
    .border-btn.active {
        background-color: white;
        color: #192c4e;
    }
    
    .icon-bullets-list .white-btn-with-border {
        height: 3rem;
        margin-top: 5rem;
        background-color: transparent;
    }
    
    .step-num {
        width: 4.4rem;
        height: 4.4rem;
        border-radius: 2.2rem;
        background-color: #192c4e;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 2.5rem;
        color: #fff;
        font-weight: 700;
        position: relative;
        z-index: 1;
    }
    
    .process-bullets-list {
        display: flex;
        justify-content: space-between;
        margin-top: 13rem;
        position: relative;
    }
    
    .process-bullets-list li {
        flex: 0 0 33.3333%;
        display: flex;
        flex-direction: column;
        position: relative;
        opacity: .5;
        transition: .3s all;
        pointer-events: none;
    }
    
    .process-bullets-list li.active {
        opacity: 1;
        pointer-events: auto;
    }
    
    .process-bullets-list li:before {
        position: absolute;
        top: 2.2rem;
        left: 0;
        height: 1px;
        width: 100%;
        content: '';
        background-color: #192c4e;
    }
    
    .process-bullets-list li:last-child:before {
        display: none;
    }
    
    .process-bullets-list li p {
        flex-grow: 1;
        width: 80%;
    }
    
    .process-area h2 {
        position: relative;
    }
    
    .process-bullets-list h3 {
        font-size: 3rem;
        margin: 2rem 0 1rem 0;
    }
    
    .process-area .base-screen-width {
        position: relative;
    }
    
    .icon-bullets-list video {
        height: 25rem;
        position: absolute;
        left: 0;
        top: 0;
        filter: drop-shadow(-11rem 10rem 6rem rgba(0, 0, 0, .4));
        transform: scale(0);
    }
    
    .img-vid-con {
        height: 25rem;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .process-area .base-screen-width:before {
        content: '';
        display: block;
        position: absolute;
        left: -50rem;
        top: -50rem;
        height: 100rem;
        width: 100rem;
        opacity: 0.6;
        background-image: radial-gradient(circle at 50% 50%, #ffc2dc, rgba(255, 255, 255, 0) 44%);
        pointer-events: none;
    }
    
    .arrow-link {
        background-color: transparent;
        border: none;
    }
    
    .process-area .arrow-link {
        font-size: 1.7rem;
        padding-left: 0;
    }
    
    .yell-ball {
        content: '';
        display: block;
        position: absolute;
        right: -20rem;
        top: -5rem;
        height: 41rem;
        width: 41rem;
        background: url("img/vball00.png") no-repeat center;
        background-size: 41rem;
        filter: blur(15px);
        transition: 1s all;
    }
    
    .yell-ball.step-2 {
        filter: blur(7px);
    }
    
    .yell-ball.step-3 {
        filter: blur(0);
    }
    
    .inner-page-sphere,
    .inner-page-product {}
    
    .tag {
        line-height: 4rem;
        width: 20rem;
        border: solid 1px #0e2041;
        border-radius: 2rem;
        font-size: 1.7rem;
        letter-spacing: -0.17px;
        text-align: center;
    }
    
    .td-area {
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding-bottom: 15rem;
    }
    
    .tags-list {
        display: flex;
        width: 60rem;
        row-gap: 3.5rem;
        flex-wrap: wrap;
        margin-top: 8rem;
    }
    
    .tags-list li {
        margin-left: 5rem;
    }
    
    .tags-list li:first-child {
        margin-left: 0;
    }
    
    .td-area {
        overflow: hidden;
    }
    
    .td-area .base-screen-width {
        align-self: stretch;
        display: flex;
        flex-direction: column;
        justify-content: center;
        position: relative;
    }
    
    .yel-sad-con {
        min-height: 110rem;
    }
    
    .title-para-comp {
        position: relative;
    }
    
    .huge-yellow-ball {
        height: 90rem;
        width: 90rem;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 90rem;
        position: absolute;
        right: -45rem;
        top: calc(50% - 45rem);
        filter: none !important;
    }
    
    .huge-yellow-ball .inner-sphere-s video {
        height: 100%;
        width: 100%;
        object-fit: cover;
    }
    
    .td-area .base-screen-width.yel-sad-con:before {
        content: '';
        display: block;
        position: absolute;
        left: -60rem;
        bottom: 0;
        height: 120rem;
        width: 120rem;
        opacity: 0.6;
        background-image: radial-gradient(circle at 50% 50%, #f0bb3c, rgba(255, 255, 255, 0) 46%);
    }
    
    .inner-sched-a-call-area h2 {
        font-size: 3rem;
        white-space: pre-line;
    }
    
    .b-t {
        font-size: 1.7rem;
    }
    
    .inner-sched-a-call-area .small-title-para-comp {
        width: 71rem;
        justify-content: space-between;
        border-bottom: 1px solid #192c4e;
    }
    
    .create-trqz-sphere-1 {
        position: absolute;
        height: 40rem;
        width: 40rem;
        left: -20rem;
        top: calc(50% - 20rem);
    }
    
    .create-trqz-sphere-1 .inner-sphere-s {
        background: url("img/trqz_sphere.png") center no-repeat;
        background-size: 40rem;
    }
    
    .process-area {}
    
    .the-hexa-dif-area {
        color: white;
        padding: 14rem 0;
    }
    
    .dif-buls-list h3 {
        font-size: 3rem;
        font-weight: 700;
        display: flex;
    }
    
    .dif-buls-list h3,
    .dif-buls-list p {
        text-align: left;
    }
    
    .skinny {
        display: block;
        width: 1px;
        line-height: 1;
        background-color: white;
        margin: 0 .5rem;
    }
    
    .dif-buls-list {
        display: flex;
        flex-wrap: wrap;
        width: 95rem;
        margin: 10rem auto 0 auto;
        justify-content: space-between;
    }
    
    .dif-buls-list li {
        flex: 0 0 45%;
    }
    
    .create-prpl-sphere-3 {
        width: 45rem;
        height: 45rem;
        position: absolute;
        right: 0;
        bottom: -10rem;
        left: -36rem;
    }
    
    .create-prpl-sphere-3 .inner-sphere-s {
        background: url("img/purple_sphere.png") center no-repeat;
        background-size: 45rem;
    }
    
    .dot {
        width: 1.9rem;
        height: 1.9rem;
        background: white;
        border-radius: .95rem;
    }
    
    .three-dots {
        column-gap: 8rem;
        padding: 10rem 0;
    }
    
    .blue-grd-bg {
        background-image: linear-gradient(80deg, #0e2041 8%, #193360 92%);
        color: white;
    }
    
    .title-para-comp p {
        white-space: pre-line;
    }
    
    .form-area {
        background-size: 100%;
        background-position: center;
        background-repeat: no-repeat;
        height: 40rem;
        background-position: bottom center;
        background-size: cover;
        margin: 7rem 0;
    }
    
    .ready-to-area {
        padding-top: 5rem;
        padding-bottom: 20rem;
    }
    
    .page-id-109 .ready-to-area {
        padding-bottom: 25rem;
    }
    
    .page-template-industry,
    .page-template-industry-v2 .ready-to-area {
        padding-bottom: 0rem;
    }
    
    .page-template-company .ready-to-area {
        padding-bottom: 0rem;
    }
    
    .form-area-the-form .wpcf7-form-control-wrap.speak {
        flex: 0 0 100%;
    }
    
    .form-area-the-form {
        width: 75rem;
        position: relative;
        margin-top: 5rem;
    }
    
    .form-area-the-form .wpcf7-form-control-wrap textarea {
        margin-bottom: 0;
    }
    
    .form-area-the-form .wpcf7-form-control-wrap {
        flex: 0 0 35rem;
    }
    
    .form-area-the-form .speak {
        margin-bottom: 2rem;
    }
    
    .form-area-the-form .speak textarea {
        height: 7rem;
    }
    
    .form-area-the-form button.arrow-link {
        font-size: 1.9rem;
    }
    
    .form-area-the-form .wpcf7-response-output {
        margin-top: 0;
        position: absolute;
        color: #192c4e;
        bottom: 0;
    }
    
    .inner-page #header-logo path {
        fill: #192c4e;
    }
    
    .inner-page #header-logo {
        opacity: 1;
    }
    
    .inner-page header,
    .inner-page .header-content {
        transition: .3s all;
    }
    
    .inner-page .white-header {
        background-color: white;
    }
    
    .inner-page .white-header .header-content {
        height: 6rem;
    }
    
    .inner-page .scene-bg {
        opacity: 1;
    }
    
    .page-template-manage .main-bg {
        transform: rotateY( -65deg);
        transform-origin: 100% 50%;
    }
    
    .prpl-sphere .inner-sphere-s {
        background-image: url("img/purple_sphere.png");
    }
    
    .trqz-sphere .inner-sphere-s {
        background-image: url("img/trqz_sphere.png");
    }
    
    .blue-sphere .inner-sphere-s {
        background-image: url("img/blue-sphere.png");
    }
    
    .nzl-sphere .inner-sphere-s {
        background-image: url("img/yellow.png");
    }
    
    .page-template-manage .backgrounds {
        overflow: visible;
    }
    
    .manage-prpl-sphere-1 {
        width: 30.5rem;
        height: 30.5rem;
        position: absolute;
        right: 40rem;
        top: 15rem;
    }
    
    .page-template-manage .scene-5-bg {
        opacity: 1 !important;
    }
    
    .inner-sphere-s video {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }
    
    .manage-blue-sphere-1 {
        width: 15rem;
        height: 15rem;
        position: absolute;
        right: 0;
        top: 50%;
    }
    
    .manage-trqz-sphere-1 {
        width: 15rem;
        height: 15rem;
        position: absolute;
        bottom: 19rem;
        right: 50rem;
    }
    
    .icon-blts-list li:nth-child(2),
    .icon-blts-list li:nth-child(3) {
        padding-top: 10rem;
    }
    
    .page-template-manage .inner-sched-a-call-area {
        padding: 25rem 0;
    }
    
    .manage-nzl-sphere-1 {
        width: 60rem;
        height: 60rem;
        position: absolute;
        left: -30rem;
        top: calc(100% - 50rem);
    }
    
    .manage-nzl-sphere-1 .inner-sphere-s {
        background-size: 60rem;
        background-image: url("img/yellow.png");
    }
    
    .page-template-manage .grad-blue-bg {
        margin-top: 10rem;
    }
    
    .manage-nzl-sphere-2 {
        width: 30rem;
        height: 30rem;
        position: absolute;
        right: -15rem;
        top: -31rem;
    }
    
    .td-m-left {
        position: relative;
    }
    
    .analytics-area .base-screen-width:before {
        content: '';
        display: block;
        position: absolute;
        left: -60rem;
        top: calc(50% - 60rem);
        height: 120rem;
        width: 120rem;
        opacity: 0.6;
        background-image: radial-gradient(circle at 50% 50%, #ed81d0, rgba(253, 241, 250, 0.11) 42%, rgba(255, 255, 255, 0) 52%);
    }
    
    .page-template-display .main-bg {
        transform: rotateY(284deg);
        transform-origin: 100% 50%;
    }
    
    .display-prpl-sphere-1 {
        width: 10rem;
        height: 10rem;
        top: 15rem;
        right: 0;
        position: absolute;
    }
    
    .display-prpl-sphere-2 {
        width: 20rem;
        height: 20rem;
        bottom: 5rem;
        right: 25%;
        position: absolute;
    }
    
    .display-spark-sphere-1 {
        width: 40rem;
        height: 40rem;
        top: calc(50% - 20rem);
        right: 19%;
        position: absolute;
    }
    
    .spark-sphere .inner-sphere-s {
        background-image: url("img/sparky.png");
        background-size: 40rem;
    }
    
    .display-hero-content h1 {
        font-size: 5.4rem;
        white-space: pre-line;
    }
    
    .display-hero-content {
        position: relative;
        z-index: 9999999;
    }
    
    .display-hero-content {
        width: 70rem;
    }
    
    .display-inner-nav {
        display: flex;
    }
    
    .bold {
        font-weight: 700;
    }
    
    .display-inner-nav {
        font-size: 1.7rem;
    }
    
    .display-inner-nav button {
        font-size: 1.5rem;
        border: none;
        background: none;
        white-space: nowrap;
        padding: 0;
        position: relative;
    }
    
    .display-inner-nav button:before {
        content: '';
        display: block;
        position: absolute;
        left: 50%;
        bottom: 0;
        width: 0;
        height: 1px;
        background-color: #192c4e;
        transition: .3s all;
    }
    
    .display-inner-nav button:hover:before {
        width: 100%;
        left: 0;
    }
    
    .display-inner-nav li {
        display: flex;
        border-left: 1px solid #0e2041;
        padding: 0 1rem;
    }
    
    .display-inner-nav li:first-child {
        border-left: none;
        padding-left: 0;
    }
    
    .display-hero .base-screen-width:before {
        content: '';
        display: block;
        position: absolute;
        left: -50rem;
        bottom: -50rem;
        height: 100rem;
        width: 100rem;
        opacity: 0.65;
        background-image: radial-gradient(circle at 50% 50%, #ffc2dc, rgba(255, 255, 255, 0) 44%);
    }
    
    .thr-d-viewer-area .title-para-comp p {
        margin: auto;
    }
    
    .features-title {
        text-align: center;
        font-size: 1.7rem;
        margin-top: 4rem;
    }
    
    .thr-d-viewer-area .skinny {
        background-color: #192c4e;
    }
    
    .dis-dif-blts {
        column-gap: 38%;
        background-position: center;
        background-repeat: no-repeat;
        background-size: auto 100%;
        width: 113rem;
        margin-top: 6rem;
    }
    
    .tf-left {}
    
    .inner-screen-width {
        width: 113rem;
        margin-left: auto;
        margin-right: auto;
    }
    
    .dis-dif-blts li {
        flex: 0 0 31%;
        max-width: 30rem;
    }
    
    .ts-viewer-area {
        padding: 20rem 0;
    }
    
    .ts-left p.sub {
        font-size: 2rem;
        font-weight: 700;
    }
    
    p.sub {
        font-size: 2rem;
        font-weight: 700;
    }
    
    .ts-viewer-area .icons-list {
        width: auto;
        display: block;
        margin-top: 3rem;
    }
    
    .display-prpl-sphere-9 {
        position: absolute;
        width: 25.8rem;
        height: 25.8rem;
        top: -5rem;
        left: 35rem;
    }
    
    .ts-right {
        flex-grow: 1;
        padding-left: 10rem;
        position: relative;
    }
    
    .ts-right video {
        position: relative;
        z-index: 9;
        width: 42rem;
        height: auto;
        filter: drop-shadow(-11rem 10rem 6rem rgba(0, 0, 0, .4));
    }
    
    .inner-screen-width {
        position: relative;
    }
    
    .ts-viewer-area .inner-screen-width:before {
        content: '';
        display: block;
        position: absolute;
        right: -50rem;
        top: calc(50% - 50rem);
        height: 100rem;
        width: 100rem;
        opacity: 0.65;
        background-image: radial-gradient(circle at 50% 50%, #f98961, rgba(255, 255, 255, 0) 42%);
    }
    
    .ar-left video {
        height: 25.5rem;
    }
    
    .ar-right {
        padding-left: 6rem;
        max-width: 50rem;
    }
    
    .ar-right p.sub {
        font-size: 2rem;
        font-weight: 700;
        margin-bottom: 1rem;
    }
    
    .ar-viewer .display-spark-sphere-2 {
        content: '';
        display: block;
        position: absolute;
        right: -19rem;
        top: -19rem;
        height: 38rem;
        width: 38rem;
        background-size: 38rem;
        background-image: url("img/sparky.png");
        background-repeat: no-repeat;
        background-position: center;
    }
    
    .ar-viewer#aAugmented--Reality-Viewer {
        padding: 18rem 0;
    }
    
    .td-marketing-area {
        padding: 20rem 0 10rem 0;
    }
    
    .tf-right {
        padding-left: 5rem;
        box-sizing: border-box;
        flex: 0 0 50%;
    }
    
    .tf-left {
        flex: 0 0 50%;
    }
    
    .tf-left video {
        height: 58.8rem;
    }
    
    .tf-left img {
        width: 100%;
        height: auto;
    }
    
    .digital-studio-area {
        padding: 10rem 0;
    }
    
    .title-para-comp.text-align-center p {
        margin-left: auto;
        margin-right: auto;
    }
    
    .products-list {
        position: relative;
    }
    
    .products-list:before {
        content: '';
        top: calc(50% - 50rem);
        display: block;
        left: 0;
        position: absolute;
        width: 100rem;
        height: 100rem;
        opacity: .22;
        background-image: radial-gradient(circle at 50% 50%, #ed81d0, rgba(255, 255, 255, 0) 65%);
    }
    
    .products-list:after {
        content: '';
        left: -50rem;
        display: block;
        top: calc(50% - 50rem);
        position: absolute;
        width: 100rem;
        height: 100rem;
        opacity: .22;
        background-image: radial-gradient(circle at 50% 50%, #f98961, rgba(255, 255, 255, 0) 71%);
    }
    
    .products-list li {
        flex: 0 0 33.3333%;
        position: relative;
        z-index: 999;
    }
    
    .products-list li a {
        display: block;
        text-decoration: none;
        color: #192c4e;
        text-align: center;
    }
    
    .products-list {
        padding-top: 10rem;
    }
    
    .vt-left {
        flex: 0 0 50rem;
    }
    
    .f-v video {
        height: 43rem;
        width: auto;
    }
    
    .vt-right {
        height: 42.6rem;
        flex: 0 0 50.9rem;
        position: relative;
        background-size: contain;
    }
    
    .display-prpl-sphere-3 {
        width: 16rem;
        height: 16rem;
        position: absolute;
        left: -8rem;
        top: -5rem;
    }
    
    .display-prpl-sphere-4 {
        width: 4rem;
        height: 4rem;
        position: absolute;
        left: 8rem;
        top: -8rem;
    }
    
    .call-area {
        padding: 7rem 0;
    }
    
    .virtual-try-on {
        padding: 15rem 0;
    }
    
    .page-template-display .inner-sched-a-call-area {
        padding: 6rem 0;
    }
    
    .page-template-display .inner-sched-a-call-area .small-title-para-comp {
        border-color: white;
    }
    
    .page-template-display .inner-sched-a-call-area .arrow-link {
        color: white;
        white-space: nowrap;
    }
    
    .page-template-display .inner-sched-a-call-area .arrow-link:after {
        background: url(img/white_arrow_head.svg) no-repeat right center;
    }
    
    .display-prpl-sphere-5 {
        width: 30rem;
        height: 30rem;
        position: absolute;
        left: -15rem;
        top: -13rem;
    }
    
    .content-syn-area {
        padding: 10rem 0 0 0;
    }
    
    .ibl-np li {
        padding-top: 0 !important;
    }
    
    .ibl-np li p {
        font-size: 2.5rem;
        line-height: 1;
    }
    
    .tf-right .white-btn {
        margin-top: 4rem;
    }
    
    .fur-ball-holder {
        width: 50rem;
        height: 50rem;
    }
    
    .fur-ball-holder video {
        width: 100%;
        height: 100%;
    }
    
    .products-list li video {
        height: 25rem;
        filter: drop-shadow(-11rem 10rem 6rem rgba(0, 0, 0, .4));
    }
    
    .content-syn-area .inner-screen-width:before {
        content: '';
        display: block;
        position: absolute;
        left: -50rem;
        top: calc(50% - 50rem);
        height: 100rem;
        width: 100rem;
        opacity: 0.65;
        background-image: radial-gradient(circle at 50% 50%, #ef7f56, rgba(254, 249, 248, 0.04) 45%, rgba(255, 255, 255, 0) 50%);
    }
    
    .white-btn,
    .blue-btn {
        font-weight: 600;
    }
    
    .td-m-right {
        padding: 2rem;
        background-color: white;
        border-radius: 3rem;
        box-shadow: 0 3px 56px 0 rgba(0, 0, 0, 0.16);
        align-self: center;
    }
    
    .td-m-right video {
        border-radius: 2.2rem;
        height: 39.3rem;
        width: auto;
    }
    
    .sphere-1-sphere {
        left: 20rem;
    }
    
    .vt-right video {
        height: 30rem;
    }
    
    .fur-ball-holder {
        top: -1rem;
        left: -24rem;
    }
    
    .sy-f {
        flex: 0 0 50rem;
        padding-right: 5rem;
        box-sizing: border-box;
    }
    
    .display-prpl-sphere-6 {
        width: 10rem;
        height: 10rem;
    }
    
    .tr-ty {
        transform: translateY(-5rem);
    }
    
    .display-prpl-sphere-7 {
        width: 15rem;
        height: 15rem;
    }
    
    .display-prpl-sphere-8 {
        width: 25rem;
        height: 25rem;
    }
    
    .form-area-the-form input,
    .form-area-the-form textarea {
        color: #192c4e;
    }
    
    .home .scene-trigger.scene-7-trigger {
        height: 20rem;
        min-height: 0;
    }
    
    .fp-enabled body,
    html.fp-enabled {
        overflow: auto !important;
    }
    
    .fp-auto-height .fp-slide,
    .fp-auto-height .fp-tableCell,
    .fp-auto-height.fp-section {
        height: auto!important;
        min-height: 0 !important;
    }
    /*
.scene-2-team {
    display: none !important;
}

.scene-3,.scene-3-trigger{
    display: none !important;
}

.scene-4,.scene-4-trigger{
    display: none !important;
}

.scene-5,.scene-5-trigger{
    display: none !important;
}

.scene-6,.scene-6-trigger{
    display: none !important;
}*/
    
    .grecaptcha-badge {
        display: none !important;
    }
    
    .jump-to-contact {
        cursor: pointer;
    }
    
    .home .wpcf7-form-control-wrap,
    .home .logo-list,
    .home .icons-list img,
    .home .scene-6 .arrow-link,
    .home .l-t,
    .home-hero-left .white-btn {
        opacity: 0;
    }
    
    .main-bg {
        transform-origin: left center;
    }
    
    .page-template-company .main-bg {
        transform: translateZ(0) rotateY(-65deg);
        transform-origin: right center;
    }
    
    .company-bg {
        background-image: url("img/con_bg.jpg");
        background-size: 200%;
        background-position: center;
    }
    
    .industry-bg {
        background-image: url("img/industry_bg.jpg");
        background-size: 200%;
        background-position: center;
    }
    
    .inner-sphere-sa {
        width: 100%;
        height: 100%;
    }
    
    .company-sphere-1 {
        position: absolute;
        left: calc(50% - 15rem);
        bottom: 0rem;
        width: 49rem;
        height: 49rem;
    }
    
    .company-sphere-2 {
        width: 20rem;
        height: 20rem;
        top: 9vw;
        right: calc(50% - 16rem);
        position: absolute;
    }
    
    .vid-bg {
        height: 100vh;
        width: 100%;
    }
    
    .vid-bg video {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }
    
    .prlx-sc {
        height: 100vh;
        width: 100%;
    }
    
    .prlx-sc p {
        margin: 0;
    }
    
    .pinned-story-area {
        height: 100vh;
        width: 100%;
    }
    
    .com-prlx-sc-1 {
        height: 100vh;
    }
    
    .com-prlx-sc-1 p {
        font-size: 4.4rem;
        font-weight: 700;
        white-space: pre-line;
        text-align: center;
        line-height: 1;
    }
    
    .com-prlx-sc-1 *,
    .com-prlx-sc-2 * {
        perspective: 90px;
    }
    
    .com-prlx-sc-2 p {
        font-size: 5rem;
        line-height: 1;
        font-weight: 700;
        text-align: center;
    }
    
    .s-spheres-stage {
        width: 32.5rem;
        height: 32.5rem;
        position: relative;
        box-sizing: border-box;
        border-radius: 50%;
    }
    
    .sm-sp {
        width: 3.7rem;
        height: 3.7rem;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 3.7rem;
        left: calc(50% - 1.85rem);
        top: calc(50% - 1.85rem);
    }
    
    .temp-left a {
        color: #192c4e;
    }
    
    .sm-sp-1 {
        position: absolute;
        transform: translate(0.5rem, -13.5rem);
    }
    
    .sm-sp .inner-sphere-s {
        width: 100%;
        height: 100%;
    }
    
    .sm-sp-1 .inner-sphere-sa {
        background-image: url("img/sm1.png");
    }
    
    .sm-sp-2 .inner-sphere-sa {
        background-image: url("img/sm2.png");
    }
    
    .sm-sp-3 .inner-sphere-sa {
        background-image: url("img/sm3.png");
    }
    
    .sm-sp-4 .inner-sphere-sa {
        background-image: url("img/sm4.png");
    }
    
    .sm-sp-5 .inner-sphere-sa {
        background-image: url("img/sm5.png");
    }
    
    .sm-sp-6 .inner-sphere-sa {
        background-image: url("img/sm6.png");
    }
    
    .sm-sp-2 {
        position: absolute;
        transform: translate(12rem, -6.7rem);
    }
    
    .sm-sp-3 {
        position: absolute;
        transform: translate(12rem, 6.1rem);
    }
    
    .sm-sp-4 {
        position: absolute;
        transform: translate(0.5rem, 13.5rem);
    }
    
    .sm-sp-5 {
        position: absolute;
        position: absolute;
        transform: translate(-12rem, 6.1rem);
    }
    
    .sm-sp-6 {
        position: absolute;
        transform: translate(-12rem, -6.7rem);
        position: absolute;
    }
    
    .y-spheres-holder {
        height: 100vh;
    }
    
    .sc-b-1 {
        width: 12rem;
        height: 12rem;
        position: absolute;
        transform: translate(48rem, -25rem);
    }
    
    .sc-b-1 .inner-sphere-s {
        background-image: url("img/trqz_sphere.png");
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        width: 100%;
        height: 100%;
    }
    
    .sc-b-2 {
        width: 30rem;
        height: 30rem;
        position: absolute;
        transform: translate(-48rem, 25rem);
    }
    
    .sc-b-2 .inner-sphere-s {
        width: 100%;
        height: 100%;
        background-image: url("img/light_blue_sphere.png");
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
    }
    
    .o-s-t-l video {
        width: 62rem;
        height: 62rem;
        position: relative;
        left: -20rem;
        top: 10rem;
    }
    
    .page-template-company .main-bg {
        height: 90%;
        top: 0;
    }
    
    .o-s-t-r {
        flex: 0 0 57rem;
    }
    
    .our-story-area p {
        margin-bottom: 3rem;
    }
    
    .our-story-area {
        padding: 10rem 0 5rem 0;
    }
    
    .our-story-area h2 {
        font-size: 7rem;
        font-weight: 700;
    }
    
    .our-story-area h3 {
        font-size: 2.4rem;
        font-weight: 700;
    }
    
    .our-story-bottom {
        padding: 5rem 0 0 0;
    }
    
    .o-s-b-l {
        flex: 0 0 35rem;
    }
    
    .o-s-b-l .com-pr {
        margin-bottom: 4rem;
    }
    
    .o-s-b-r video {
        width: 80rem;
        height: 80rem;
        position: relative;
        right: -20rem;
    }
    
    h2 {
        font-size: 70px;
        font-weight: 700;
    }
    
    .our-story-bottom {
        position: relative;
    }
    
    .o-s-b-l {
        position: relative;
        z-index: 999;
    }
    
    .our-story-bottom:after {
        content: '';
        left: -70rem;
        display: block;
        top: calc(50% - 50rem);
        position: absolute;
        width: 100rem;
        height: 130rem;
        opacity: 0.64;
        background-image: radial-gradient(circle at 50% 50%, #c3f390, rgba(255, 255, 255, 0) 37%);
        background-size: contain;
        background-repeat: no-repeat;
    }
    
    .team-area {
        padding: 11rem 0 0 0;
    }
    
    .team-area h2 {
        margin: 0 0 2rem 0;
    }
    
    .team-members-list-com {
        display: flex;
        column-gap: 8.9rem;
        row-gap: 8.9rem;
        flex-wrap: wrap;
        width: 105rem;
        margin-left: auto;
        margin-right: auto;
    }
    
    .team-members-list-com li a:hover .team-member-img img {
        filter: grayscale(0);
    }
    
    .team-members-list-com {
        padding: 12rem;
    }
    
    .team-members-list-com li {
        flex: 0 0 28rem;
    }
    
    .team-members-list-com .team-member-img img {
        filter: grayscale(1);
        transition: .3s all;
    }
    
    .team-members-list-com .team-member-img {
        width: 100%;
        padding-bottom: 100%;
        position: relative;
        height: 0;
    }
    
    .team-members-list-com .team-member-img:before {
        position: absolute;
        display: block;
        content: '';
        width: 100%;
        height: 100%;
        left: 0;
        bottom: 0;
        background-image: linear-gradient(to top, #122241 10%, rgba(91, 97, 108, 0));
        z-index: 1;
        border-radius: 50%;
    }
    
    .team-members-list-com .team-member-img img {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    
    .team-members-list-com .mamber-dets {
        padding: 0;
        bottom: 3rem;
        z-index: 9999;
    }
    
    .team-members-list-com .team-member-pos {
        font-size: 1.2rem;
    }
    
    .team-members-list-com .team-member-name {
        line-height: 1;
    }
    
    .scene-6 {
        display: flex;
        flex-direction: column;
    }
    
    .call-area h2 {
        margin: 0;
    }
    
    .item-img {
        width: 100%;
        height: 100%;
    }
    
    .job-images {
        position: absolute;
        left: 0;
        top: 0;
        width: 70rem;
        height: 70rem;
        pointer-events: none;
    }
    
    .job-images .splide__slide .item-img {
        width: 70rem;
        height: 70rem;
        background-size: 50rem;
        background-position: center;
        pointer-events: none;
        background-repeat: no-repeat;
    }
    
    footer {
        background-color: white;
        padding: 5rem;
    }
    
    .call-area p {
        margin-bottom: 4rem;
    }
    
    .scene-6 .base-screen-width {
        height: auto;
    }
    
    footer .menu-item-has-children>a {
        font-size: 1.5rem;
        margin-bottom: .5rem;
    }
    
    footer .menu-1 .menu {
        display: flex;
        column-gap: 7rem;
    }
    
    .f-me a {
        font-size: 1.1rem;
        text-decoration: none;
        color: #192c4e;
    }
    
    .footer-top {
        column-gap: 16rem;
    }
    
    footer,
    footer a {
        color: #464657;
    }
    
    .social-menu a {
        font-family: 'icons';
        text-decoration: none;
        color: #464657;
        font-size: 1.6rem;
    }
    
    .footer-bottom-right {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }
    
    .footer-bottom {
        align-items: flex-end;
    }
    
    .footer-bottom-right p {
        margin: 0;
        font-size: 1.2rem;
        font-weight: 300;
    }
    
    .pages-menu {
        margin: .5rem 0;
    }
    
    .pages-menu,
    .pages-menu ul {
        display: flex;
        align-items: center;
    }
    
    .pages-menu,
    .pages-menu a {
        font-size: 1.2rem;
        text-decoration: none;
    }
    
    .social-menu .linkedin a:before {
        content: '\e900';
    }
    
    .social-menu .twitter a:before {
        content: '\e901';
    }
    
    .pinned-story-area {
        opacity: 0;
    }
    
    .pinned-story-area.show {
        opacity: 1;
    }
    
    .social-menu .facebook a:before {
        content: '\e902';
    }
    
    .social-menu .youtube a:before {
        content: '\e906';
    }
    
    .social-menu .instagram a:before {
        content: '\e912';
    }
    
    .pages-menu li:before {
        content: '|';
        padding: 0 1rem;
    }
    
    .social-menu ul {
        display: flex;
        column-gap: 1rem;
    }
    
    footer {
        position: relative;
        z-index: 9999;
    }
    
    .industry-hero-content {
        width: 100%;
    }
    
    .company-sphere-5 {
        width: 70rem;
        height: 70rem;
        position: absolute;
        left: -35rem;
        top: -30rem
    }
    
    .light-blue-sphere .inner-sphere-s {
        background: url("img/light_blue_sphere.png") no-repeat center;
        background-size: contain;
        width: 100%;
        height: 100%;
    }
    
    .pr-img {
        width: 50rem;
        height: 50rem;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }
    
    .ind-left {
        flex-grow: 1;
    }
    
    .ind-right {
        flex: 0 0 58rem;
    }
    
    .ind-right h1 {
        white-space: pre-line;
    }
    
    .pink-sphere .inner-sphere-s {
        background-image: url(img/pink-sphere.png);
        width: 100%;
        height: 100%;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }
    
    .pink-sphere-2 .inner-sphere-s {
        background-image: url(img/pink-sphere-2.png);
        width: 100%;
        height: 100%;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }
    
    .page-id-1458 .industry-sphere-1 {
        left: -17rem;
    }
    
    .industry-sphere-1 {
        position: absolute;
        width: 34rem;
        height: 34rem;
        top: 0;
        left: 0;
        z-index: 999999;
    }
    
    .page-id-1458 .industry-sphere-2 {
        top: -10rem;
    }
    
    .industry-sphere-2 {
        position: absolute;
        width: 15rem;
        height: 15rem;
        top: 0;
        left: 49rem;
    }
    
    .industry-hero-content h1 {
        font-size: 5.3rem;
        line-height: 1.21;
    }
    
    .in-prlx-scn {
        width: 100%;
    }
    
    .industry-hero-content {
        position: relative;
        z-index: 9999;
    }
    
    .pr-img {
        transform: translateX(18rem);
    }
    
    .page-id-1458 .industry-parllax-area {
        padding-top: 0rem;
        padding-bottom: 0rem;
    }
    
    .industry-parllax-area h2 {
        text-align: center;
        font-size: 5rem;
        white-space: pre-line;
        line-height: 1.36;
        margin: 0;
    }
    
    .page-id-1458 .industry-parllax-area .in-prlx-scn h3 {
        font-size: 8rem;
    }
    
    .page-id-1458 .shp h2 {
        font-size: 6rem;
    }
    
    .page-id-1458 .shp p {
        font-size: 2rem;
    }
    
    .industry-parllax-area .in-prlx-scn h3 {
        font-size: 11.3rem;
        text-align: center;
        font-family: 'Domaine', serif;
        font-style: italic;
        margin: 0 0 0 0;
    }
    
    .in-pr-in-blts {
        justify-content: space-between;
    }
    
    .in-pr-in-blts li {
        flex: 0 0 30%;
        position: relative;
    }
    
    .in-pr-in-blts li:after {
        content: '';
        display: block;
        position: absolute;
        right: -4%;
        top: 20%;
        height: 70%;
        background-color: #192c4e;
        width: 1px;
    }
    
    .in-pr-in-blts li:last-child:after {
        display: none;
    }
    
    .in-pr-in-blts li h4 {
        font-size: 3rem;
        line-height: 1.17;
        white-space: pre-line;
    }
    
    .industry-parllax-area .in-prlx-scn h3 {
        line-height: 1;
        margin-bottom: 3rem;
    }
    
    .in-pr-in-blts li p {
        font-size: 1.5rem;
        line-height: 1.67;
        letter-spacing: -0.06px;
    }
    
    .ftr {
        font-size: 1.5rem;
        font-weight: 700;
        text-align: center;
        margin: 0;
    }
    
    .in-prlx-scn h3 *,
    .in-prlx-scn h4 *,
    .in-prlx-scn p * {
        perspective: 90px;
    }
    
    .in-prlx-scn {
        margin-top: 20rem;
    }
    
    .i-p-i-s {
        position: absolute;
        left: 0;
        top: 0;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }
    
    .i-p-s-1 {
        position: absolute;
        left: -40rem;
        top: 0;
        height: 46rem;
        width: 46rem;
    }
    
    .i-p-s-2 {
        height: 75rem;
        width: 75rem;
        right: -40rem;
        left: auto;
        top: 30rem;
        background-size: contain;
    }
    
    .i-p-s-3 {
        height: 75rem;
        width: 75rem;
        left: -67rem;
        bottom: 0;
        background-size: contain;
        background-image: url("img/ty.png") !important;
        top: auto;
        z-index: -1;
    }
    
    .i-p-s {
        width: 47rem;
        height: 47rem;
        position: absolute;
        bottom: 0;
        left: 0;
        transform: translateY(-20rem) translateX(-20rem);
    }
    
    .i-p-s-1 {
        background-image: url("img/pink-sphere-3.png");
    }
    
    .i-p-s-2 {
        background-image: url("img/green-sphere.png");
        z-index: -1;
    }
    
    .i-p-s-3 {
        background-image: url("img/trqz_sphere.png");
    }
    
    .p-list img {
        height: 5rem;
        width: auto;
    }
    
    .p-list {
        justify-content: center;
        column-gap: 5.32rem;
        margin-top: 5rem;
    }
    
    .page-template-industry .grad-blue-bg {
        position: relative;
        z-index: 9999;
    }
    
    .partners-area {
        padding: 11rem 0;
    }
    
    .partners-area h2 {
        font-family: 'Domaine', serif;
        font-style: italic;
        font-size: 4.1rem;
        margin: 0;
        text-align: center;
    }
    
    .cl-de {
        width: 65rem;
        margin: 4rem 0;
    }
    
    .shp h2 {
        font-size: 7rem;
        text-align: center;
        text-align: center;
        margin: 0 0 1rem 0;
    }
    
    .cs p {
        font-size: 2.1rem;
        line-height: 2;
        margin: 0;
        width: auto !important;
        flex-grow: 1;
    }
    
    .cs {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    .shp p {
        width: 54rem;
        margin: auto;
        text-align: center;
    }
    
    .page-id-1458 .shp .base-screen-width {
        margin: 5rem auto;
        padding: 5rem 0;
    }
    
    .page-id-1458 .goals.shp.relative ul {
        list-style: disc;
        margin-top: 3rem;
        font-size: 2rem;
        font-weight: 300;
    }
    
    .shp .base-screen-width {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin: 15rem auto;
    }
    
    .rslts {
        padding-bottom: 53rem;
    }
    
    .shp .white-btn {
        align-self: center;
        margin-top: 4rem;
    }
    
    .res-r {
        flex: 0 0 50%;
        text-align: center;
    }
    
    .res-res {
        column-gap: 0;
        margin-top: 8rem;
    }
    
    .res-n {
        font-size: 10.5rem;
        font-weight: 700;
        margin: 0;
        line-height: 1.1;
    }
    
    .res-smt {
        font-size: 1.5rem;
        margin: 0;
    }
    
    .industry-sphere-3 {
        width: 68rem;
        height: 68rem;
        position: absolute;
        right: -34rem;
    }
    
    .industry-sphere-5 {
        width: 61rem;
        height: 61rem;
        position: absolute;
        left: -20rem;
        bottom: -120%;
    }
    
    .prcss {
        margin: 50rem 0;
    }
    
    .pr-1 .inner-sphere-s {
        background-image: url("img/gls_img.png");
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }
    
    .green-sphere .inner-sphere-s {
        background-image: url("img/green-sphere.png");
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }
    
    .pink-sphere-3 .inner-sphere-s {
        background-image: url("img/pink-sphere-3.png");
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }
    
    .industry-sphere-6 {
        position: absolute;
        width: 75rem;
        height: 75rem;
        right: -60rem;
        top: calc(50% - 37.5rem);
    }
    
    .industry-sphere-7 {
        width: 25rem;
        height: 25rem;
        position: absolute;
        left: -12.5rem;
        top: 0;
    }
    
    .industry-sphere-8 {
        width: 30rem;
        height: 30rem;
        position: absolute;
        left: calc(50% - 30rem);
        top: -35rem;
    }
    
    .industry-sphere-9 {
        width: 30rem;
        height: 30rem;
        position: absolute;
        right: -15rem;
        top: 10rem;
    }
    
    .industry-sphere-10 {
        width: 33rem;
        height: 33rem;
        position: absolute;
        right: 20%;
        bottom: 10rem;
    }
    
    .industry-sphere-11 {
        width: 22rem;
        height: 22rem;
        position: absolute;
        left: 15%;
        bottom: 15rem;
    }
    
    .job-categories-list {
        display: flex;
        justify-content: center;
        column-gap: 3.48rem;
    }
    
    .job-categories-list button {
        white-space: nowrap;
    }
    
    .jobs-list {
        column-gap: 4rem;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    
    .jobs-list li {
        flex: 0 0 27rem;
    }
    
    .jobs-list a {
        color: white;
    }
    
    .read-more-job {
        background: none;
        border: none;
        text-decoration: underline;
    }
    
    .jobs-list li {
        text-align: center;
        margin-bottom: 7rem;
    }
    
    .jobs-list h3 {
        text-align: center;
        font-size: 2.6rem;
        font-weight: 600;
        margin-bottom: 1rem;
    }
    
    .jobs-list p {
        font-size: 1.6rem;
        line-height: 1.5;
        text-align: center;
        font-weight: 300;
        height: 7.2rem;
        margin-top: 0;
    }
    
    .page-template-careers .main-bg {
        transform: rotateX( 85deg);
        transform-origin: bottom center;
    }
    
    .page-template-careers .inner-hero h1 {
        margin-bottom: 2rem;
    }
    
    .page-template-careers .inner-hero p {
        margin-top: 0;
    }
    
    .page-template-careers .scene-3-bg {
        background-image: url(img/car_bg.jpg) !important;
    }
    
    .careers-hero p {
        max-width: 55rem;
    }
    
    .careers-hero .base-screen-width {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    
    .careers-hero .base-screen-width a {
        margin-top: 1rem;
    }
    
    .ca-scene h2 {
        margin: 0 0 2rem 0;
    }
    
    .careers-sphere-1 {
        width: 50rem;
        height: 50rem;
        position: absolute;
        left: -15rem;
    }
    
    .careers-sphere-2 {
        width: 36rem;
        height: 36rem;
        position: absolute;
        right: -8rem;
        bottom: 5rem;
    }
    
    .sl {
        color: #192c4e;
    }
    
    .read-more-job {
        color: white;
    }
    
    .ca-scene {
        color: white;
        height: 100%;
        position: absolute;
        width: 100%;
        left: 0;
        top: 0;
        text-align: center;
    }
    
    .in-pr-in-blts li h4 {
        height: 7rem;
    }
    
    .bta h2 {
        margin: 0;
    }
    
    .job-images {
        display: none;
    }
    
    .bta {
        padding: 10rem 0;
        text-align: center;
        color: white;
        width: 70rem;
        margin: auto;
    }
    
    .career-scenes {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 999999;
    }
    
    .become-a-hexagom-area {
        background: #192c4e !important;
    }
    
    .career-scenes li {
        flex: 0 0 23%;
        text-align: left;
    }
    
    .career-scenes h3 {
        font-size: 3.3rem;
    }
    
    .enter {
        opacity: 0;
        animation: enterA .3s;
        animation-fill-mode: forwards;
    }
    
    @keyframes enterA {
        0% {
            transform: translateY(5px);
            opacity: 0;
        }
        100% {
            transform: translateY(0);
            opacity: 1;
        }
    }
    
    .job-content .temp-left:after {
        width: 13rem;
        height: 13rem;
        display: block;
        content: '';
        background: url(img/trqz_sphere.png) no-repeat center;
        background-size: contain;
        position: absolute;
        right: -12vw;
        top: -2rem;
    }
    
    .apply-now {
        margin-top: 5rem;
    }
    
    .job-content p strong {
        font-size: 1.9rem;
    }
    
    .job-content {
        padding-bottom: 20rem;
    }
    
    .job-content .temp-left {
        padding-right: 0;
        width: 70rem;
    }
    
    .jd {
        column-gap: 1.5rem;
        font-size: 2.5rem;
        font-weight: 700;
    }
    
    .jd p {
        font-size: 2rem;
    }
    
    .job-content {
        padding-top: 10rem;
    }
    
    .job-content ul {
        font-size: 1.7rem;
        font-weight: 300;
        letter-spacing: normal;
        line-height: 1.67;
        list-style: disc;
        padding-left: 2rem;
    }
    
    .job-content h1 {
        font-size: 5rem;
    }
    
    .job-content h2 {
        font-size: 3rem;
    }
    
    .ca-scene p {
        margin: 0 auto;
        line-height: 1.2;
    }
    
    .jobs-area {
        padding: 15rem 0 18rem 0;
    }
    
    .jobs-area h2 {
        margin: 0;
    }
    
    .c-v-c {
        display: flex;
        justify-content: center;
    }
    
    .bta {
        position: relative;
    }
    
    .c-v-c video {
        width: 150rem;
        height: 80rem;
        mix-blend-mode: darken;
    }
    
    .job-categories-list {
        margin: 5rem 0 16rem;
    }
    
    .vibe-images {
        display: flex;
        flex-wrap: wrap;
    }
    
    .dark-blue-sphere .inner-sphere-s {
        background-image: url("img/dark-blue-sphere.png");
    }
    
    .become-a-hexagom-area {
        padding: 30rem 0 0 0;
    }
    
    .become-a-hexagom-area h2 {
        text-align: center;
        margin: 0;
    }
    
    .vibe-images {
        margin-top: 14rem;
        justify-content: space-between
    }
    
    .vibe-images li {
        flex: 0 0 32.8%;
        border-radius: 3rem;
        box-sizing: border-box;
        margin-bottom: 1.3rem;
        overflow: hidden;
        height: 40rem;
    }
    
    .careers-sphere-3 {
        width: 30rem;
        height: 30rem;
        right: -10rem;
        top: -10rem;
        position: absolute;
    }
    
    .vibe-images li img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    
    .career-sphere-stage {
        z-index: 9999;
    }
    
    .car-prlx-sph-1 {
        width: 19rem;
        height: 19rem;
        position: absolute;
        right: -9.5rem;
        top: 10rem;
    }
    
    .car-prlx-sph-2 {
        position: absolute;
        width: 54rem;
        height: 54rem;
        bottom: -27rem;
        left: 5rem;
    }
    
    .car-prlx-sph-3 {
        width: 33rem;
        height: 33rem;
        position: absolute;
        top: -10rem;
        right: 10rem;
    }
    
    .car-prlx-sph-4 {
        width: 22rem;
        height: 22rem;
        position: absolute;
        bottom: -10rem;
        left: 10rem;
    }
    
    .car-prlx-sph-5 {
        width: 64rem;
        height: 64rem;
        position: absolute;
        bottom: -32rem;
        left: calc(50% - 32rem);
    }
    
    .car-prlx-sph-6 {
        width: 55rem;
        height: 55rem;
        position: absolute;
        top: calc(50% - 27.5rem);
        left: -27.5rem;
    }
    
    .car-prlx-sph-7 {
        width: 55rem;
        height: 55rem;
        position: absolute;
        top: -15rem;
        right: -20rem;
    }
    
    .car-prlx-sph-8 {
        width: 45rem;
        height: 45rem;
        position: absolute;
        bottom: -22.5rem;
        right: 10rem;
    }
    
    .page-template-case-studies .splide__pagination {
        display: none;
    }
    
    .cas-study-top {
        justify-content: space-between;
    }
    
    .case-studies-list>li {
        box-shadow: 0 3px 25px 0 rgba(6, 51, 56, 0.15);
        background-color: #ffff;
        border-radius: 2.2rem;
        padding: 3rem 8rem;
        box-sizing: border-box;
        margin-bottom: 7rem;
    }
    
    .itp-yu img {
        height: 10rem;
        width: auto;
    }
    
    .cs-more-info {
        margin-top: 3rem;
        border: none;
        background: none;
        color: #192c4e;
        font-size: 1.7rem;
        font-weight: bold;
    }
    
    .cs-t-r {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }
    
    .cs-i-c {
        width: 65rem;
        background: grey;
    }
    
    .cs-i-c video {
        width: 100%;
        height: auto;
    }
    
    .cs-si {
        margin-top: 3rem;
        margin-bottom: 3rem;
    }
    
    .cs-si p {
        font-size: 1.7rem;
        line-height: 1.53;
        margin: 0;
        font-weight: 400;
    }
    
    .hl p.hlh {
        font-size: 1.7rem;
        font-weight: 700;
        margin: 0;
    }
    
    .hl p {
        font-size: 2.5rem;
        font-weight: 700;
        margin: 0;
    }
    
    .cas-study-bottom {
        border-top: 1px solid #c4c4c4;
        margin-top: 5rem;
        padding-top: 5rem;
        display: none;
    }
    
    .cs-b-f {
        display: flex;
        justify-content: space-between;
    }
    
    .cs-b-i {
        flex: 0 0 30%;
    }
    
    .cs-b-i h2 {
        margin: 0;
        font-size: 5.4rem;
        font-weight: 400;
    }
    
    .cs-b-i p {
        font-size: 1.7rem;
        font-weight: bold
    }
    
    .cs-b-i ul {
        list-style: disc;
        padding-left: 2rem;
    }
    
    .cs-b-i li {
        font-size: 1.7rem;
        font-weight: 400;
        line-height: 1.59;
    }
    
    .cs-more-info {
        display: flex;
        align-items: baseline;
    }
    
    .cs-more-info:after {
        content: '';
        display: block;
        width: 0;
        height: 0;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-top: 8px solid #0e2041;
        margin-left: 1rem;
        transition: .3s all;
    }
    
    .case-studies-list .expanded .cs-more-info:after {
        transform: rotate(180deg);
    }
    
    .cs-b-close {
        width: 3.6rem;
        height: 3.6rem;
        background: white;
        border: 1px solid #071774;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: auto;
        padding: 0;
    }
    
    .cs-b-close:after {
        content: '';
        display: block;
        width: 0;
        height: 0;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-top: 8px solid #0e2041;
        transform: rotate(180deg);
        transition: .3s all;
    }
    
    .case-studies-area {
        margin-top: 10rem;
    }
    
    .acs-arr-holder {
        bottom: -4.8rem;
    }
    
    .page-template-case-studies .main-bg {
        transform: rotateX( 87deg);
        transform-origin: bottom center;
    }
    
    .page-template-case-studies .scene-3-bg {
        background: #3fef9c;
        background-image: none !important;
    }
    
    .mf-r {
        display: flex;
        position: relative;
        justify-content: flex-end;
    }
    
    .cs-sphere-1 {
        width: 16rem;
        height: 16rem;
        position: absolute;
        right: 20%;
        top: 17rem;
    }
    
    .cs-sphere-2 {
        width: 50rem;
        height: 50rem;
        position: absolute;
        left: -10rem;
        bottom: 10rem;
    }
    
    .page-template-case-studies .splide__arrows {
        display: none !important;
    }
    
    nav ul>li {
        margin: 0 3rem;
    }
    
    .page-template-company .form-area {
        margin-top: 0;
    }
    
    .page-template-company .ready-to-area {
        padding-top: 0;
    }
    
    header .menu-item-has-children {
        cursor: pointer;
        position: relative;
    }
    
    header .menu-item-has-children a {
        display: flex;
        align-items: center;
    }
    
    header .menu-item-has-children>a:after {
        content: '';
        display: block;
        width: 4px;
        height: 4px;
        background-size: 7px;
        background-position: center;
        background-repeat: no-repeat;
        margin-left: 5px;
        position: relative;
        right: -5px;
        top: -3px;
        transition: .3s all;
        border: solid var(--arrowColor);
        border-width: 0 1px 1px 0;
        display: inline-block;
        padding: 1px;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
    }
    
    header .menu-item-has-children:hover>a:after {
        border-bottom: solid rgb(25, 44, 78) 1px !important;
        border-right: solid rgb(25, 44, 78) 1px !important;
        padding: 1px;
    }
    
    .in-scene-1 {
        z-index: 999999;
    }
    
    .scroll-icon-con {
        position: absolute;
        bottom: 11rem;
        z-index: 99999;
        left: 0;
        width: 100%;
        height: 5rem;
        background: url("img/ms.svg") center no-repeat;
    }
    
    .in-l {
        position: static;
        padding-top: 3rem;
    }
    
    footer .sub-menu {
        position: static;
        box-shadow: none !important;
        transform: none !important;
        padding: 0 0 0 1rem !important;
    }
    
    header .sub-menu li {
        margin: 0 0 .7rem 0;
        padding: 0 1rem;
    }
    
    header .sub-menu li:last-child {
        margin-bottom: 0;
    }
    
    nav ul a {
        position: relative;
        z-index: 9999;
    }
    
    *:focus {
        outline: dashed;
    }
    /* #menu-main-menu::-moz-selection {
        background: none;
    }
    
    #menu-main-menu::selection {
        background: none;
    } */

    .cmplz-cookiebanner{
        z-index: 999999 !important;
    }
    
    @media only screen and (max-width: 1023px) {
        .home nav ul>li.menu-item-has-children:hover a {
            color: #fff !important;
        }
    }
    
    @media only screen and (min-width: 1023px) {
        .home nav ul>li.menu-item-has-children:hover a {
            color: rgb(25, 44, 78) !important;
        }
    }
    /* .home nav ul>li.menu-item-has-children:hover a {
    color: rgb(25, 44, 78) !important;
} */
    /***********************/
    
    .pinned-story-area {
        opacity: 1;
    }
    
    .mission-frame-stage {
        padding: 0 5rem;
        box-sizing: border-box;
        width: 100%;
        max-width: 119rem;
        margin-left: auto;
        margin-right: auto;
    }
    
    .mission-frame {
        border-radius: 22px;
        background-color: #13284e;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        color: #fff;
        width: 100%;
        height: 57rem;
        position: relative;
        z-index: 9999;
    }
    
    .mission-frame h2 {
        font-size: 7rem;
        margin: 0 0 1rem 0;
    }
    
    .mission-frame p {
        font-size: 3.2rem;
        width: 52rem;
        margin: 0 auto;
        text-align: center;
        line-height: 1.25;
    }
    
    .rslts {
        padding-bottom: 0;
    }
    
    .industry-sphere-8 {
        width: 20rem;
        height: 20rem;
        position: absolute;
        left: calc(50% - 30rem);
        top: -9rem;
    }
    
    .industry-sphere-7 {
        width: 16rem;
        height: 16rem;
        position: absolute;
        left: -8rem;
        top: 12rem;
        z-index: 9999;
    }
    
    .industry-sphere-9 {
        width: 20rem;
        height: 30rem;
        position: absolute;
        right: -5rem;
        top: 14rem;
    }
    
    .applyButton {
        opacity: 0;
    }
    
    .industry-sphere-10 {
        width: 23rem;
        height: 23rem;
        position: absolute;
        right: 28rem;
        bottom: -12rem;
        z-index: 99999;
    }
    
    .company-hero {
        position: relative;
        z-index: 9999999;
    }
    
    .industry-sphere-11 {
        width: 15rem;
        height: 15rem;
        position: absolute;
        left: 11rem;
        bottom: -7.5rem;
    }
    
    .company-sphere-1 {
        position: absolute;
        left: calc(50% - 15rem);
        bottom: -14rem;
        width: 60rem;
        height: 60rem;
    }
    
    .company-sphere-2 {
        z-index: 99;
    }
    
    .tempa-right {
        flex-grow: 1;
        padding-left: 15rem;
        padding-top: 12rem;
        box-sizing: border-box;
    }
    
    .team-members-list-com .team-member-img img {
        filter: none !important;
        transition: .3s all;
        box-sizing: border-box;
    }
    
    .team-member-img {
        border: 5px solid transparent;
        transition: .3s all;
    }
    
    .team-member-com a:hover .team-member-img {
        border: 5px solid #5780cb;
    }
    
    .team-member-com a:hover .team-member-img {
        border: 5px solid #5780cb;
        -webkit-box-shadow: 0px 0px 20px 5px #5780cb;
        box-shadow: 0px 0px 20px 5px #5780cb;
    }
    
    .page-id-1087 h1 {
        text-align: center;
    }
    
    ul.models_gallery {
        display: flex;
        justify-content: space-around;
        margin: 5rem auto;
    }
    
    .anchor_links {
        display: block;
        position: relative;
        visibility: hidden;
        top: -70px;
    }
    
    .job-content ol {
        font-size: 1.7rem;
        font-weight: 300;
        letter-spacing: normal;
        line-height: 1.67;
        list-style-type: numbers;
        padding-left: 2rem;
        counter-reset: item;
    }
    
    ol.nested,
    ol.inner_nest {
        list-style-type: none;
    }
    
    ol.nested li::before {
        content: counters(item, ".") ". ";
        counter-increment: item;
    }
    
    ol.nested li p,
    h3 {
        display: contents;
    }
    
    ol.nested h3::after {
        content: '\A';
        white-space: pre;
    }
    
    .page-id-803 #main li {
        margin: 10px 0px;
    }
    
    .underline_span {
        text-decoration: underline;
    }
    
    p.with_span {
        display: block !important;
        margin: 5px 0px;
    }
    
    .tg {
        border-collapse: collapse;
        border-spacing: 0;
    }
    
    .tg td {
        border-color: black;
        border-style: solid;
        border-width: 1px;
        font-family: Arial, sans-serif;
        font-size: 14px;
        overflow: hidden;
        padding: 10px 5px;
        word-break: normal;
    }
    
    .tg th {
        border-color: black;
        border-style: solid;
        border-width: 1px;
        font-family: Arial, sans-serif;
        font-size: 14px;
        font-weight: normal;
        overflow: hidden;
        padding: 10px 5px;
        word-break: normal;
    }
    
    .tg .tg-abx8 {
        background-color: #c0c0c0;
        font-weight: bold;
        text-align: left;
        vertical-align: top
    }
    
    .tg .tg-0lax {
        text-align: left;
        vertical-align: top
    }