/* CSS Document */


@media only screen and (min-width: 1024px) {
    .jobs-list h3 {
        height: 7rem;
        line-height: 1;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: flex-start;
    }
    body.before-entrance  .loader{

        opacity: 1;
        visibility: visible;
    }
    .loader{
        z-index: 9999999;
        opacity: 0;
        visibility: hidden;
        transition: .3s all;
    }
    /*opening scene*/


    body.before-entrance .scenes-holder,body.before-entrance .sphere{
        opacity: 0;
    }
    body.before-entrance{
        overflow: hidden !important;


    }

    body.before-entrance .main-bg{
        transform: rotate(0);
    }

    body.before-entrance  .scene-1 .en-an-cn{
        opacity: 0;
    }


    body.before-entrance header, body.before-entrance .inner-nav{
        opacity: 0;
    }



    .job-images {
        top: -10rem;
    }
    .page-template-create .inner-sched-a-call-area {
        margin-top: -18rem;
    }
    .menu-item-has-children .sub-menu{
        background: white;
        box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.16);
        padding: 4rem 0 2rem 0;
        transform: translateY(-3rem) translateX(-1rem);
    }

    footer    .menu-item-has-children .sub-menu{
        padding-left: 0 !important;
    }
    header .menu-item-has-children:hover a:after{
        transform: rotate(225deg);
        top:0;
    }
    header .menu-item-has-children:hover .sub-menu, header .menu-item-has-children:focus .sub-menu, header .menu-item-has-children:focus-within .sub-menu{
        opacity: 1;
        visibility: visible;
    }
    header .sub-menu{
        display: block;
        position: absolute;
        width: 12rem;
        opacity: 0;
        visibility: hidden;
        transition: .3s all;

    }

.industry-parllax-area{
    overflow: hidden;
}
    .bag.mobile{
        display: none;
    }
    .mobile{
        display: none;

    }
    .desktop{
        display: block;
    }
    .scene-bg{
      /*  width: 100vw !important;*/
    }
    .scenes-holder,.sphere-1,.sphere-2,.sphere-3{

    }
}

/*
@media only screen and (min-width: 1024px) and (max-width: 1400px) {
    .ftr{
        margin: 0;
    }

    .industry-parllax-area .in-prlx-scn h3 {
line-height: 1;
    }
    .industry-parllax-area{
        padding-top: 7rem;
    }
    .pr-img {
        transform: translateX(10rem);
    }
    .ind-right {
        flex: 0 0 50%;
    }
    .industry-sphere-2 {
        position: absolute;
        width: 15rem;
        height: 15rem;
        bottom: 40rem;
        left: 40rem;
    }

    .create-product-1{
        width: 38.1rem;
        height: 38.1rem;

    }
    .team-members-list-com li {
        flex: 0 0 24rem;
    }

    html{
        font-size:9px;
    }

    .sphere-paths,.spheres-stage,.base-screen-width{
        width: 100%;
    }
    .sphere-2-sphere{

    }
    .p-holder,.home-hero-left h1{
        width: 35rem;
    }
    .home-hero-left {
        flex: 0 0 50rem;
    }
    .sphere-1-sphere{
        right: -10rem;
        top:-10rem
    }
    .sphere-4-sphere{
        left: 10rem;
    }
    .page-template-create .main-bg {
        transform: rotateX( 85deg );
        transform-origin: bottom center;
    }
    .display-hero-content {
        width: 66rem;
    }
    .display-inner-nav button {
        font-size: 1.3rem;
    }
    .company-sphere-1 {
        position: absolute;
        left: calc(50% - 4rem);
        bottom: 0rem;
        width: 41rem;
        height: 49rem;
    }
    .company-sphere-2 {
        width: 14rem;
        height: 14rem;
        top: 9vw;
        right: calc(50% - 12rem);
        position: absolute;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1200px) {


    .manage-hero-content{
        width: 45rem;
    }
    .display-spark-sphere-1{
        right: 10%;
    }
    .display-hero-content{
        width: 55rem;
    }
    .display-inner-nav{
        flex-wrap: wrap;
    }
    .pr-img {
        transform: translateX(0rem);
    }
    .ind-right {
        flex: 0 0 50%;
    }
    .industry-sphere-2 {
        position: absolute;
        width: 15rem;
        height: 15rem;
        bottom: 40rem;
        left: 38rem;
    }
}
*/

@media only screen and (min-width: 1024px) and (max-width: 1365px){
    html{
        font-size: 9px;
    }

    .main-bg{
        transform: rotateY(61.5deg);
    }

}
@media only screen and (min-width: 1366px) and (max-width: 1920px){
    html{
        font-size: 10px;
    }


}

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

    #primary{
        max-width: 500px;
        margin: auto;
        box-shadow: 0 29px 50px black;
    }
    .industry-parllax-area .in-prlx-scn h3{
        opacity: 1 !important;
    }
    .page-template-industry section.industry-parllax-area{
        padding-bottom: 5rem;
    }
    .in-splide .splide__pagination__page.is-active{
        background: #192c4e;
        opacity: 1 !important;
        width: 5px !important;
        height: 5px !important;
    }
    .in-splide .splide__pagination__page{
        width: 5px !important;
        height: 5px !important;
        margin-left: 10px;
        margin-right: 10px;
    }
    .in-splide .splide__pagination{
        bottom: auto;
        top:0;
    }
    .in-splide{
        margin-top: 4rem;
        padding-top: 4rem;

    }
    .manage-hero {
        position: relative;
        z-index: 1;
    }

    .td-manage-area {
        position: relative;
        z-index: 0;
    }

    .fur-ball-holder {
        width: 20rem;
        height: 20rem;
        left: auto;
        right: -10rem;
        top: 10rem
    }

    .spheres-stage, .backgrounds {
        z-index: 0;


    }

    .td-m-right video {
        width: 100%;
        height: auto;
    }

    .base-screen-width {
        width: 100%;
    }

    .spheres-stage-height {
        height: 100%;
    }

    .p-holder, .home-hero-left h1 {
        width: 100% !important;
    }

    .scenes-holder, .sphere-1, .sphere-2, .sphere-3 {
        opacity: 1;

    }

    body {
        overflow-y: auto;
        width: 100vw;
        overflow-x: hidden;


    }

    .scenes-holder {
        position: relative;
        display: block;
    }

    .logo-list li img {
        /* height: 2rem; */
        height: 30px;
        width: auto;
        object-fit:contain;
        max-width:95px;
    }

    .scene-1-con {
        display: block;
    }

    .logos-splide {
        width: 100%;
    }

    .logo-holder {
        display: block;
    }

    .scene-1-con, .scene-2-content {
        width: 100%;
    }

    .home-hero-left {
        padding-right: 5rem;
        box-sizing: border-box;
    }

    .home-hero-left h1 {
        font-size: 4.6rem;
        line-height: 1.02;
        margin-bottom: 0;
        margin-top: 0;

    }

    .base-screen-width {
        padding: 0 3rem;
        display: block;
    }


    header, .header-content, #header-logo path {
        transition: .3s all;
        background-color: rgba(255, 255, 255, 0);

    }

    header {
        height: 10rem;
    }

    .wpcf7-spinner {
        background: url(img/roller-w.svg) center no-repeat !important;
    }

    .mobile-minify {
        background-color: white;
    }

    .header-content {
        height: 100%;
    }

    header.mobile-minify {
        height: 6rem;
    }

    .mobile-minify #header-logo path {
        fill: #192c4e;
    }

    p {
        font-size: 1.6rem;
        line-height: 1.38;

    }

    .home-hero-right {
        padding-top: 4rem;
        padding-left: 0;
        color: white;
    }

    .scene h2 {
        font-size: 4.6rem;
        line-height: 1.02;
        max-width: 80%;
    }

    .scene-2-content {
        padding-top: 9rem;
    }

    .home .splide__slide {
        justify-content: flex-start;
        flex-direction: row;
    }

    .logo-list li {

        margin-bottom: 1rem;
    }

    .logo-list {
        column-gap: normal;
    }

    #go-to-team {
        display: none;

    }

    #go-to-team {
        flex-direction: column;
        align-items: center;
        position: static;
        align-self: flex-end;
    }

    .scene-2 .arrow-link:after {
        display: none;
    }

    .scene-2 .arrow-link .oh {
        display: flex;

        padding-top: 1rem;
    }

    .scene-2 .arrow-link .oh:after {
        content: '';
        display: block;
        width: 5.8rem;
        height: 1.8rem;
        background: url(img/white_arrow_head.svg) no-repeat right center;
        margin-left: 2rem;
        transition: .3s all;
    }

    .scene-2-content {
        display: flex;
        flex-direction: column;

    }

    .icons-list {
        width: 100%;
    }

    .scene-3-content p {
        width: 100%;
    }

    .icons-list li p {
        font-size: 1.4rem;
    }

    .scene-1-con, .scene-3-content, .scene-4-content, .scene-5-content, .scene-2-team-content, .scene-6-content {
        padding-top: 6em;
    }

    .product-1 {
        position: relative !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        padding-bottom: 4rem;
    }

    .scene-5 {
        height: 100vh;
    }
    .product-1.desktop{
        display: block;
    }
.home .scene-5{
    height: auto;
}
.home .scene-3{
    height: 70rem;

}
    .scene-4 {
        padding-bottom: 5rem;
    }

    .scene-4 .icons-list {
        padding-bottom: 4rem;
    }

    .scene-2-team-content h2, .scene-6-content h2 {
        max-width: 100%;
    }

    .scene-6-content {
        flex-direction: column;
        height: 100%;
    }

    .scene-6-right {
        flex: auto;
    }

    .scene-6-left {
        flex: 1 1 auto;
    }

    .scene-3 .arrow-link,
    .scene-4 .arrow-link,
    .scene-5 .arrow-link {
        width: 100%;

    }

    .scene-4-content p, .scene-5-content p {
        width: 100%;
    }

    .scene-2-team > .flex-v-align {
        display: block;
    }


    .team-members-list li .inner {
        opacity: 1;
    }

    .scene-3-content {
        margin-top: 0;
        padding-top: 12rem;
    }

    #header-logo {
        height: 2.43rem;
        position: relative;
        z-index: 9999999;
    }

    .home-hero-right h2 {
        margin-bottom: 1rem;
    }

    #header-logo svg {
        height: 100%;
        width: auto;
    }

    .inner-nav {
        display: none;
    }

    header {
        padding: 0 2rem;
    }

    .scene-bg {
        width: 300vw;
    }


    .sphere-3-b, .sphere-5 {
        display: none;
    }

    .sphere-6 {
        width: 12rem;
        height: 11rem;

        transform: translate(calc(100vw - 12rem), calc(100vh - 21rem));

    }

    .sphere-6-sphere {
        background-size: 12rem;
    }

    .wpcf7-form-control-wrap input {
        margin-bottom: 2rem;
    }

    .sphere-7 {
        transform: translate(calc(100vw - 18rem), -5rem);
        top: 0;
    }

    .sphere-8 {
        display: none;
    }

    .product {
        transform: none !important;

    }

    .icons-list li img {
        opacity: 1 !important;
        transform: none !important;
    }

    .scene-2-team-content {
        height: calc(100% - 18rem);
        display: flex;
        flex-direction: column;
    }

    .team-members-splide {
        flex-grow: 1;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .product-1 {
        width: 25rem;
        height: 25rem;
        position: absolute;
        margin: auto;
        top: auto;
        bottom: 2rem;
        left: 0;
        right: 0;
        margin: auto;
    }

    .product-2 {
        width: 100%;
        height: 22rem;
        transform: none !important;
        position: static;
        margin: auto;
    }

    .scene-2 {
        height: auto;

    }

    .sphere-6, .sphere-7, .sphere-8 {
        opacity: 1;
    }

    .mob-scene-3-spheres {
        z-index: 9999;
    }

    .product-3 {
        width: 30rem;
        height: 30rem;

        transform: translate(calc(100vw - 30rem), -7rem) !important;

    }
.tag{
    background-color: white;
}
    .sphere-4 {
        display: block;
        width: 35rem;
        height: 35rem;
        transform: none;
        top: auto;
        bottom: 0;
        right: -15rem;
        left: auto;
    }

    .home .sphere-1{
        transform: none !important;
top: auto;
        bottom: -10rem;
        left: 0;

    }
    .home .sphere-1-sphere{
        left: 0;
    }
.home .scene-1{
    height: auto;
    padding-bottom: 10rem;
}
    .scene {
        z-index: unset !important;
    }

    .sphere-3 {
        display: block;
        width: 14rem;
        height: 14rem;
        transform: translate(calc(100vw - 37rem), 92vh) !important;
        z-index: 0;
        display: none !important;
    }

    .sphere-3-sphere {
        background-size: 14rem;
    }

    .sphere-3m {
        display: none;
        width: 16rem;
        height: 16rem;
        height: 16rem;
        transform: translate(calc(100vw - 10rem), 84vh) !important;
        z-index: 99999;
    }

    .sphere-3m-sphere {

        background: url("img/yellow.png") no-repeat center;
        background-size: 16rem;
    }
    .white-header{
        background-color: white;
    }
    .team-members-splide{
        opacity: 1 !important;
    }
    .sphere-1 {
        width: 20rem;
        height: 20rem;
        transform: translateX(-10rem) translateY(calc(100vh - 9rem)) !important;
    }

    .spheres-stage.behind-spheres {
        z-index: 1;
    }


    .g-i-t-c {
        display: flex;
        justify-content: center;
        margin-top: 5rem;

    }

    .g-i-t-c .white-btn {
        border: 1px solid #192c4e;
    }

    .sphere-2 {
        display: block;
        width: 20rem;
        height: 20rem;
        transform: translate(calc(100vw - 10rem), 10rem);
    }

    .scene-5 .arrow-link {
        width: 100%;
        justify-content: center;
        position: absolute;
        color: white;
        bottom: 3rem;
    }

    .scene-5 .arrow-link:after {


        background: url(img/white_arrow_head.svg) no-repeat right center;

    }

    .scene-4 {
        height: auto !important;
    }

    .home .video-1:before {
        content: '';
        display: block;
        width: calc(90vw + 1px);
        position: absolute;
        height: 5.5rem;
        background: url(img/browser.png) no-repeat bottom center;
        background-size: calc(90vw + 1px);
        top: -5.5rem;
        left: 0;

    }

    .home .video-1 {
        bottom: 0 !important;
        width: 90vw;
        height: 20rem;
        transform: none !important;
        z-index: 999999999999;
        position: relative !important;
        top: 0 !important;
        right: 0 !important;
        left: 0 !important;
        margin: 5rem auto 0 auto;


    }

    .main-nav {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .main-nav > div, .main-nav > ul {
        height: auto !important;
    }
.perspective{
    z-index: 0;
    position: relative;
}
    #next-logo {
        background-image: url("img/white_arrow_head.svg");
    }
    header .sub-menu li:last-child{
        margin-bottom: 0 !important;
    }
    header .white-btn.mobile {
        display: inline-flex;
        border-color: white;
        color: white;
        align-self: center;
        margin-top: 5rem;
        height: 4rem;
        border-radius: 2rem;
        font-size: 1.8rem;
    }

    header .white-btn {
        display: none;
    }

    nav ul a ,.home nav ul>li:hover a{
        color: #fff !important;
        font-size: 1.6rem;
    }

    .g-i-t-c {
        display: none;
    }

    .scene-6 {
        height: auto !important;
    }

    .spheres-stage {

    }

    .wpcf7-form-control-wrap textarea {
        padding-left: 0;
        width: 100%;
    }

    .scene-6-right {

        margin-top: 3rem;
        background: #192c4e;
        color: white;

        box-sizing: border-box;
        width: 100vw;
        padding: 4rem 2rem 10rem 2rem;
        box-sizing: border-box;

        left: 0;
        bottom: -100vh;
        transition: .5s ease-in-out;
        position: static !important;
        padding-bottom: 10rem;


    }

    #more-team {
        display: none;
    }

    .scene-6-left {
        padding: 0 2rem;
        box-sizing: border-box;
    }

    .scene-6 .base-screen-width {
        padding: 0;
    }

    .scene-6-right.show {
        bottom: 0;
    }

    .team-members-list li .inner {
        transform: none;
        flex-direction: column;
        width: 20rem;
        padding: 0;
        align-items: center;
        text-align: center;
        justify-content: center;
        transition: .3s all;
        height: 19rem;
    }

    .team-members-list .is-active .team-member-img {
        width: 20rem;
        flex: 0 0 20rem;
        height: 20rem;
    }

    #more-team {
        position: static;
    }

    .mamber-dets {
        opacity: 0;
        padding-left: 0;
        transition: .3s all;
    }

    .splide__list.team-members-list {
        margin-bottom: 6rem !important;
    }

    .b-btn-h {
        display: flex;
        justify-content: center;
    }

    .team-members-list .is-active .mamber-dets {
        opacity: 1;

    }

    /*.team-members-list   .is-active .team-member-img{
        width: 22rem;
        height: 22rem;
        flex:0 0 22rem;
    }*/
    .team-members-list .team-member-img {
        transition: .3s all;

    }

    #go-back-to-2 {
        display: none;
    }

    .team-members-list .is-active .inner {
        /*    width: 22rem;*/

    }

    .wpcf7-form-control-wrap input, .wpcf7-form-control-wrap textarea {
        font-size: 1.6rem;
        border-bottom: 1px solid #fff;

    }

    .contact-form button[type="submit"] {
        color: white;
        font-size: 1.6rem;
    }

    .contact-form button[type="submit"]:after {

        background: url(img/white_arrow_head.svg) no-repeat right center;

    }

    ::placeholder {
        color: white;
    }

    .flex-wrap {
        display: block;

    }

    .wpcf7-form-control-wrap {
        margin-bottom: 2rem;
    }

    .submit-con {
        width: 70%;
    }

    /*.scene.scene-1, .scene.scene-2, .scene.scene-3, .scene.scene-4{
        display: none;
    }*/
    .scene {
        position: relative;
    }

    .backgrounds {
        display: none;
    }

    .scene-1 {
        background: url("img/mobile_assets/scene-1-bg.svg") no-repeat left center;
        background-size:cover;
    }

    .scene-2 {
        background: url("img/mobile_assets/scene-2-bg.svg") no-repeat left center;
        background-size: cover;

    }

    .scene-2-team {
        background: url("img/mobile_assets/scene-2-team-bg.svg") no-repeat left center;
        background-size: cover;
    }

    .scene-3 {
        background: url("img/mobile_assets/scene-3-bg.png") no-repeat bottom center;
        background-size: 100%;

    }

    .scene-4 {
        background: url("img/mobile_assets/scene-2-team-bg.svg") no-repeat left center;
        background-size: cover;

    }

    .scene-5 {
        background: url("img/mobile_assets/scene-5-bg.png") no-repeat bottom center;
        background-size: 100%;

    }

    .triggers {
        display: none;
    }

    .spheres-stage, .spheres-stage.behind-spheres {
        z-index: 99999999999;
        pointer-events: none;

    }

    .spheres-stage {

    }

    .home #primary {
        width: 100vw;
        overflow: hidden;
    }

    #header-logo, .inner-nav-items, header a {
        opacity: 1;
    }

    .content {
        height: auto;
    }

    .temp-left {
        padding: 12rem 2rem;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .temp-left .white-btn {
        align-self: center;
    }

    .content {
        width: 100vw;
        overflow: hidden;
    }

    .page-template-temp .base-screen-width {
        padding: 0;
    }

    .temp-right:before {
        width: 100vw;
        height: 100%;
        transform: scaleX(-1);
        min-width: 0;
        background-size: 250vw;
    }

    .temp-right {
        height: 78rem;
        padding: 0 2rem;
    }

    .temp-left h1 {
        font-size: 3.5rem;
        line-height: 1.17;
        letter-spacing: -0.53px;
        text-align: center;
    }

    .temp-right:after {
        width: 25rem;
        height: 25rem;
        position: absolute;
        display: block;
        content: '';
        background-image: url(img/temp.png);
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        left: 14.6rem;
        top: -6rem;
        right: auto;
        bottom: auto;
    }


    .temp-right .contact-form {
        width: 100%;
    }

    .temp-right .submit-con {
        width: 100%;
    }

    .temp-right .wpcf7-form-control-wrap:last-child {
        margin-bottom: 0;
    }

    .temp-right .contact-form {
        position: relative;
    }

    .temp-right .contact-form:after {
        width: 5rem;
        height: 5rem;
        display: block;
        content: '';
        background: url(img/purple_sphere.png) no-repeat center;
        background-size: contain;
        position: absolute;
        right: 0;
        bottom: -15rem;
    }

    .spheres-stage-height {
        padding: 0 !important;
    }

    .temp-right .contact-form:before {
        width: 13rem;
        height: 13rem;
        display: block;
        content: '';
        background: url(img/trqz_sphere.png) no-repeat center;
        background-size: contain;
        position: absolute;
        left: 5rem;
        bottom: -19rem;
    }

    html {
        overflow-x: hidden;
    }

    .page-template-temp header {
        background-color: #fafafa;
    }

    .page-template-temp .go-to-contact {
        display: none !important;
    }

    .mob-sphere-stage {
        position: relative;
        height: 100vh;
        width: 100%;
        z-index: 1;
    }

    .spheres-stage {
        position: absolute;
        width: 100vw;
        height: 600vh;
        overflow-x: hidden;
    }

    .portrait-holder p {
        color: white;
    }

    .portrait-holder {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #0f0f0f;
        z-index: 11111111;

        justify-content: center;
        align-items: center;

    }


    .dif-buls-list, .process-bullets-list {
        display: block;
        width: 100%;
    }

    .process-bullets-list {
        margin-top: 5rem;
    }

    .process-area .arrow-link {
        display: none;
    }

    .process-bullets-list li {
        opacity: 1 !important;
    }

    .create-hero {
        display: block !important;
        background: url("img/mobile_assets/scene-3-bg.png") bottom center no-repeat;
        background-size: 100%;
    }

    .inner-hero h1 {
        text-align: center;
        font-size: 4.4rem;
        white-space: normal;
    }

    .inner-hero p {
        text-align: center;
    }

    .create-prpl-sphere-1 {
        width: 12rem;
        height: 12rem;
        right: -6rem;
    }

    .create-prpl-sphere-1 .inner-sphere-s {
        background-size: contain;
    }

    .inner-hero .white-btn {
        height: 3.5rem;
        border-radius: 2.25rem;
    }

    .mobile-flex-center {
        display: flex;
        justify-content: center;
    }

    .create-prpl-sphere-2 {
        width: 8rem;
        height: 8rem;
        left: 5rem;
    }

    .create-prpl-sphere-2 .inner-sphere-s, .create-product-1 .inner-product-p {
        background-size: contain;
    }

    .create-product-1 {
        width: 20rem;
        height: 20rem;
        right: 2rem;
        bottom: -10rem;
    }

    .starts-with-one-area {
        display: block !important;
        display: block;
        padding: 12rem 0;
    }

    .title-para-comp h2 {
        font-size: 4.4rem;
        text-align: center;
    }

    .title-para-comp p {
        text-align: center;
    }

    .icon-bullets-list {
        display: block;
        width: 100%;
    }

    .icon-bullets-list li {
        margin-bottom: 8rem;
    }

    .process-area {
        display: block !important;
    }

    .process-bullets-list li {
        display: block;
        padding-bottom: 7rem;

    }

    .process-bullets-list li:last-child {
        padding-bottom: 0;
    }

    .step-num, .process-bullets-list li h3 {
        display: inline-flex;
    }

    .process-bullets-list li h3 {
        margin-left: 1rem;
        font-size: 3rem;
        margin: 0;
        padding-left: 1rem;
        vertical-align: sub;

    }

    .process-bullets-list li p {
        padding-left: 5rem;
        margin-top: 0;
    }

    .step-num {
        width: 3.45rem;
        height: 3.45rem;
        font-size: 2rem;
    }

    .process-area .arrow-link {
        padding-left: 5rem;
    }

    .process-bullets-list li:before {
        position: absolute;
        top: 2px;
        left: 1.6rem;
        height: 100%;
        width: 2px;
        content: '';
        background-color: #192c4e;
    }

    .tags-list {
        display: block;
        width: 100%;
        padding: 0 2rem;
        box-sizing: border-box;
    }

    .yell-ball {
        display: none;
    }

    .inner-sched-a-call-area {

    }

    .inner-sched-a-call-area .small-title-para-comp {
        flex-direction: column;
        align-items: center;
        width: 100%;
        border-bottom: none;
    }

    .inner-sched-a-call-area h2 {
        text-align: center;
        white-space: normal;
    }

    .tags-list li {
        width: 100%;
        margin: 0 0 3rem 0;
        line-height: 3.6rem;
    }

    .td-area {
        display: block !important;
        padding-bottom: 13rem;
    }

    .td-area {
        overflow: visible;
    }

    .huge-yellow-ball {
        height: 40rem;
        width: 40rem;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 90rem;
        position: absolute;
        left: -20rem;
        top: auto;
        bottom: -16rem;
    }

    .td-area .base-screen-width.yel-sad-con:before {
        display: none;
    }

    .td-area h2 {
        padding: 0 2rem;
        box-sizing: border-box;

    }

    .td-area .base-screen-width {
        display: block;
        min-height: 0;
        padding: 10rem 0 4rem 0;
    }

    .the-hexa-dif-area {
        display: block !important;
    }

    .create-trqz-sphere-1 {
        position: absolute;
        height: 27rem;
        width: 27rem;
        right: -10rem;
        top: auto;
        bottom: -26rem;
        left: auto;
    }

    .inner-sphere-s {
        background-size: contain !important;
    }

    .dif-buls-list {
        padding-left: 2rem;
        padding-right: 2rem;
        box-sizing: border-box;
    }

    .dif-buls-list h3 {
        font-size: 2.5rem;
        align-items: center;
    }

    .skinny {
        align-self: stretch;
    }

    .create-prpl-sphere-3 {
        width: 20rem;
        height: 20rem;
        position: absolute;
        right: 0;
        bottom: -15rem;
        left: auto;
        right: -10rem;
    }

    .ready-to-area {
        display: block !important;
    }

    .dot {
        width: 1rem;
        height: 1rem;
    }

    .three-dots {
        column-gap: 3rem;
        padding: 5rem 0;
    }

    .white-header {
        height: 6rem;
    }

    .form-area-the-form {
        width: 100%;
		margin-top:0rem;
    }

    .ready-to-area .wpcf7-form-control-wrap input, .ready-to-area .wpcf7-form-control-wrap textarea {

        border-bottom: 1px solid #192c4e;
        color: #192c4e;
    }

    .ready-to-area .wpcf7-form-control-wrap textarea {
        padding: 1rem;
    }

    .form-area-the-form input::placeholder, .form-area-the-form textarea::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
        color: #192c4e !important;
        opacity: 1; /* Firefox */
    }

    .form-area {

        background-size: 100%;
        height: auto;
        /*min-height: 75rem;
        padding: 8rem 2rem;*/
		padding: 2rem;
        box-sizing: border-box;

    }

    .ready-to-area .submit-con {
        width: 100%;
    }

    .manage-hero {
        display: block !important;
        background: url("https://www.hexa3d.io/wp-content/uploads/2022/11/website-green-bg1.jpg") left top no-repeat;
        background-size: 100% 100%;
        padding-top: 11rem;
        padding-bottom: 20rem;

    }

    .page-template-manage.inner-page #header-logo path {
        fill: white;

    }

    .white-header #header-logo path {
        fill: #192c4e !important;

    }
	.page-template-manage .form-area{
		min-height:0;
	}
    .manage-hero, .display-hero {
        height: auto;
    }

    .manage-hero-content, .manage-hero-content p {
        width: 100%;
        color: white;
    }

    .manage-hero-content h1 {
        color: white;
        margin-top: 0;
        line-height: 1.27;
        font-size: 3.7rem;
    }

    .manage-trqz-sphere-1 {
        width: 12rem;
        height: 12rem;
        position: absolute;
        top: -56px;
        right: 0;
    }

    .page-template-manage .grad-blue-bg {
        margin-top: 0;
    }

    .manage-prpl-sphere-1 {
        width: 19rem;
        height: 19rem;
        position: absolute;
        left: -5rem;
        bottom: -24rem;
        /* right: 40rem; */
        /* top: 15rem; */
        top: auto;
    }

    .manage-blue-sphere-1 {
        width: 6rem;
        height: 6rem;
        position: absolute;
        right: 11rem;
        top: auto;
        bottom: -13rem;
    }

    .ts-right {
        padding-left: 0;
        display: flex;
        justify-content: center;
    }

    .ts-right video {
        width: 90%;
        height: auto;
        margin: auto;
    }

    .td-manage-area {
        display: block !important;
    }

    .display-prpl-sphere-9 {
        display: none;
    }

    .f-v {
        position: relative;
        margin-top: 5rem;
    }

    .f-v video {
        height: 27rem;
    }

    .td-m-left {

        box-sizing: border-box;
    }

    .td-m-right img {
        width: 100%;
    }

    .td-m-left h2 {
        font-size: 4.4rem;
        text-align: center;
        margin-bottom: 1.5rem;
    }

    .td-m-left {
        text-align: center;
        padding: 0;
        box-sizing: border-box;
        width: 100%;
    }

    .td-m-right {

        padding: 1rem;
        width: 100%;
        box-sizing: border-box;
    }

    .td-manage-area {
        padding: 5rem 0;
    }

    .icon-blts-list li:nth-child(2), .icon-blts-list li:nth-child(3) {
        padding-top: 0;
    }

    .td-manage-area .icon-blts-list li {
        margin-bottom: 6rem;
    }

    .td-manage-area .icon-blts-list {
        margin: 9rem 0;
    }

    .icon-blts-list {
        position: relative;
        z-index: 99;
    }

    .td-manage-area:before {
        background-image: radial-gradient(circle at 50% 50%, #ffc2dc, rgba(255, 255, 255, 0) 39%);
        width: 37rem;
        height: 88rem;
        left: -18rem;
        top: 0;
        z-index: 1;
    }

    .td-manage-area .base-screen-width {
        position: relative;
        z-index: 2;

    }

    .td-manage-area:after {
        content: '';
        display: block;
        position: absolute;
        background-image: radial-gradient(circle at 50% 50%, #b8f37f, rgba(255, 255, 255, 0) 47%);
        width: 37rem;
        height: 88rem;
        right: -18rem;
        bottom: -26rem;
    }

    .big-bullets-area {
        display: block !important;
        position: relative;
        z-index: 1;
    }

    .sub-bullets {
        display: block;
    }

    .big-bullets-list .td-m-left {
        width: 100%;
    }

    .big-bullets-list li {
        display: block !important;
    }

    .big-bullets-list .td-m-left {
        padding-right: 0;
        padding: 0 3rem;
        box-sizing: border-box;
    }

    .td-m-left {
        margin-top: 5rem;
    }

    .inner-sched-a-call-area {
        display: block !important;
        position: relative;
        z-index: 0;
    }

    .manage-nzl-sphere-1 {
        width: 38rem;
        height: 27rem;
        position: absolute;
        right: -18rem;
        top: calc(100% - 66rem);
        left: auto;
    }

    .page-template-manage .inner-sched-a-call-area {
        padding: 10rem 0;
    }

    .inner-sched-a-call-area h2 {
        margin-bottom: 3rem;
    }

    .analytics-area {
        display: block !important;
    }

    .manage-nzl-sphere-2 {
        display: none;
    }

    .analytics-area .td-m-left {
        padding-right: 0;
    }

    .analytics-area {
        padding: 4rem 0;
    }

    .analytics-area .base-screen-width:before {
        content: '';
        display: block;
        position: absolute;
        left: -27rem;
        top: 0;
        height: 37rem;
        width: 52rem;
        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%);
    }

    .analytics-area .td-m-right img {
        transform: none
    }

    .analytics-area .td-m-right {
        margin: 8rem 0 0 0;
    }

    .page-template-manage .three-dots {
        padding-top: 0;
    }

    .display-hero-content {
        color: white;
    }

    .display-hero {
        display: block !important;
        background: url("img/mobile_assets/display_bg.png") no-repeat left top;
        background-size: 100% 100%;
        padding-top: 11rem;
        padding-bottom: 20rem;

    }

    .spark-sphere {
        background-size: contain;
    }

    .display-spark-sphere-1 {
        width: 30rem;
        height: 30rem;
        bottom: -35rem;
        left: -4rem;
        position: absolute;
        top: auto;
        right: auto;
    }

    .display-hero-content {
        width: 100%;
    }

    .dis-inner-nav-h, .display-inner-nav {
        display: none;
    }


    .page-template-display.inner-page #header-logo path {
        fill: white;
    }

    .display-hero-content h1 {
        font-size: 4.4rem;
        line-height: 1.07;
        color: white;
        margin-top: 0;
    }

    .display-prpl-sphere-1 {
        width: 10rem;
        height: 10rem;
        top: -4rem;
        right: -5rem;
        position: absolute;
    }

    .ex-more {
        background: url("img/down_arrow.svg") bottom center no-repeat;
        text-align: center;
        padding-bottom: 6rem;
        margin-top: 5rem;
    }

    .thr-d-viewer-area {
        display: block !important;
        padding-top: 20rem;
    }

    .page-template-display .dif-buls-list {
        background-size: 25rem;

        background-position: top center;
    }

    .features-title {
        margin: 5rem 0 0 0;

    }

    .dif-buls-list {
        margin-top: 5rem;
    }

    .thr-d-viewer-area .dif-buls-list {
        padding-left: 0;
        padding-right: 0;
        text-align: center;
    }

    .thr-d-viewer-area .dif-buls-list h3, .thr-d-viewer-area .dif-buls-list p {
        text-align: center;
    }

    .products-list li video {
        width: 80%;
        height: auto;
    }

    .thr-d-viewer-area .dif-buls-list h3 {
        justify-content: center;
    }

    .thr-d-viewer-area .dis-dif-blts li {
        max-width: 100%;
    }

    .products-list {
        padding-top: 5rem;
    }

    .vt-right video {
        width: 100%;
        height: auto;
    }

    .analytics-area .td-m-right:after {
        content: '';
        display: block;
        position: absolute;
        right: -5rem;
        bottom: -10rem;
        background-image: url(img/mag.svg);
        width: 20rem;
        height: 20rem;
        background-size: contain;
    }

    .ts-viewer-area {
        display: block !important;
        padding-left: 2rem;
        padding-right: 2rem;
        box-sizing: border-box;
        padding-top: 10rem;
        padding-bottom: 5rem;
    }

    .inner-screen-width {
        width: 100%;
    }

    .ts-viewer-area .inner-screen-width {
        display: block;
    }

    .ar-viewer .inner-screen-width:before {
        display: none;
    }

    .ar-viewer {
        display: block !important;
        padding: 0 2rem;
        box-sizing: border-box;
    }

    .ar-viewer .inner-screen-width {
        flex-direction: column-reverse;
    }

    .ar-right {
        padding: 0;
    }

    .ar-left video {
        width: 100%;
    }

    .digital-studio-area {
        display: block !important;
        padding: 0 2rem;
        box-sizing: border-box;
    }

    .products-list {
        display: block;
    }

    .products-list li h3 {
        font-size: 3rem;
    }

    .products-list li {
        margin-bottom: 8rem;
    }

    .products-list li img {
        width: 20rem;
    }

    .virtual-try-on {
        display: block !important;

        margin-top:0;
    }

    .virtual-try-on .inner-screen-width {
        display: block;
    }

    .vt-left {
        padding: 0 2rem;
        box-sizing: border-box;
    }

    .display-prpl-sphere-3 {
        width: 10rem;
        height: 10rem;
        position: absolute;
        right: 0;
        top: -1rem;
        left: auto;
    }

    .vt-right {
        background-size: 100%;
        margin-top: 5rem;
        height: 27rem;
    }

    .display-prpl-sphere-4 {
        width: 4rem;
        height: 4rem;
        position: absolute;
        left: 8rem;
        bottom: -8rem;
        top: auto;
    }

    .display-prpl-sphere-5 {
        width: 15rem;
        height: 15rem;
        position: absolute;
        left: -9rem;
        top: -13rem;
    }



    .page-template-display .inner-sched-a-call-area {
        padding: 7rem 2rem;
        box-sizing: border-box;
        text-align: left;
    }
    .tf-left video {
        width: 100%;
        height: 40rem;
    }
    .page-template-display .inner-sched-a-call-area h2 {
        text-align: left;
    }

    .page-template-display .inner-sched-a-call-area .small-title-para-comp {
        display: block;
    }

    .content-syn-area {
        display: block !important;
        padding: 7rem 2rem;
        box-sizing: border-box;
    }

    .content-syn-area .icon-blts-list li {
        margin-bottom: 5rem;
    }

    .content-syn-area .icon-blts-list {
        display: block;
        margin-top: 10rem;
        padding-left: 3rem;
        padding-right: 3rem;
        box-sizing: border-box;
    }

    .sy-f {
        padding-right: 0;
    }
	.virtual-try-on{
		padding-bottom:0;
	}
    .tr-ty {
        display: block;
        transform: none;
    }

    .display-prpl-sphere-6, .display-prpl-sphere-7, .display-prpl-sphere-8 {
        display: none;
    }

    .td-marketing-area {
        display: block !important;
        padding-top: 0rem;
    }

    .virtual-try-on {
        padding-top: 0;
    }

    .display-spark-sphere-2 {
        display: none !important;
    }

    .tf-right {
        padding-left: 0;
        text-align: center;
    }

    .td-marketing-area .inner-screen-width {
        display: block;
        padding: 0 2rem;
        box-sizing: border-box;
    }

    .sphere-1-sphere {
        right: 0;
    }

    .sphere-1 {
        transform: translateX(-10rem) translateY(calc(100vh - 17rem)) scale(.5);
    }

    .inner-hero p, .title-para-comp p {
        margin-left: auto;
        margin-right: auto;
    }

    .inner-hero {
        padding-top: 9rem;
    }

    .company-hero h1 ,.industry-hero h1{
        font-size: 3.7rem;
        margin-top: 0;
    }

    .company-hero-content {
        width: 100%;
        padding: 11.2rem 0;
    }

    .sc-b-1 {

        transform: translate(114px, 30vh);
    }

    .sc-b-2 {
        width: 5rem;
        height: 5rem;
        position: absolute;
        transform: translate(-12.4rem, -30vh);
    }

    .company-hero-content {
        position: relative;
        z-index: 999;
    }

    .our-story-area {
        padding: 3rem 0;

    }

    .our-story-area h2 {
        font-size: 5rem;
    }

    .our-story-area h3 {
        font-size: 2.4rem;
    }

    .company-sphere-1 {
        position: absolute;
        left: -5rem;
        bottom: -15rem;
        width: 29rem;
        height: 29rem;
    }

    .our-story-top {
        display: block;
    }
.company-sphere-5{
    display: none;
}
    .our-story-bottom {

        flex-direction: column-reverse;
    }
    .team-members-list-com{

        width: 100vw;
        position: relative;
    }
    .desktop{
        display: none;
    }
    body{
        width: 100vw;
        overflow-x: hidden;
    }
    .page-template-company .team-area{
        width: 100vw;
        overflow: hidden;

    }
    .f-l{
        display: block;
        margin-bottom: 3rem;
    }
    .footer-top{
        margin-bottom: 3rem;
    }
    .company-hero{
        position: relative;
        z-index: 999999;
    }
    .call-area h2{
        font-size: 4.4rem;
    }
    footer{
        padding: 3rem 0;
    }
    .footer-bottom-right{
        align-items: center;
    }
    footer .social-menu{
        position: static !important;
        margin-bottom: 3rem;
    }
    .footer-bottom-right p{
        text-align: center;
    }
.page-template-company .team-area:before{
  /*  content:'';
    display: block;
    width: 100vw;
    height: 135rem;
    right: -20rem;
    position: absolute;
background-size: contain;
    opacity: 0.49;
    background-image: radial-gradient(circle at 50% 50%, #c3f390, rgba(255, 255, 255, 0) 31%);*/
}
    .o-s-t-l video {
        width: 25rem;
        height: 25rem;
        position: relative;
        left: -5rem;
        top: 0;

    }
    .team-members-list-com .mamber-dets{
        position: static !important;
        opacity: 1 !important;
        margin-top: 2rem;
    }
    .team-members-list-com{
        width: 100%;
        column-gap: unset;
        justify-content: space-between;
        padding: 0;
    }
    .team-members-list-com li{
        flex: 0 0 14rem;
    }
    .team-members-list-com .team-member-img {
        width: 14rem;
        height: 14rem;
        position: relative;
    }
    .team-area h2{
        font-size: 5rem;
    }
.our-story-bottom{
    padding: 0;
}
    .o-s-b-r video{
        width: 25rem;
        height: 25rem;
        right: -9rem;
        top:0;
    }

    .page-template-industry section{
        display: none !important;
    }

    .industry-hero-content{
        flex-direction: column-reverse;
    }

    .ind-right{
        flex: auto;
        padding-top: 11rem;
    }
    .industry-hero h1{
text-align: center;
    }

    .industry-hero p{
        text-align: center;
    }

.industry-sphere-1{
    width: 17rem;
    height: 17rem;
    position: relative;
    z-index: 99999;
    top:5rem;
    left: -5rem;
}
	.page-id-1458 .ind-left{
	padding-top: 0rem;
	}
	.page-id-1458 .industry-sphere-1{
	left: -5rem;
	}
	.page-id-1458 .industry-sphere-2{
	top: 0rem;
	}	
	ul.models_gallery {
	flex-direction:column;
	}	
	ul.models_gallery li img {
	width: 100%;
	height: 100%;
	}
	ul.models_gallery li:nth-child(2){
	margin:5rem 0;
	}
    .ind-left{
        flex:auto;
        padding-top: 6rem;
        box-sizing: content-box;
    }
    .industry-sphere-2{
        width: 10rem;
        height: 10rem;
        right: -5rem;
        left: auto;

    }
.industry-hero{
    height: auto;
}

    .pr-img{
        position: absolute;

        left: 0;
        transform: none !important;

        top:6rem;
        width: 30rem;
        height: 30rem;
    }
    .ind-left{
        position: relative;

    }

    .in-prlx-scn{
        position: static;
    }
.i-p-s{
    display: none !important;
}
    .industry-parllax-area .in-prlx-scn h3{
        font-size: 5rem !important;
    }
    .industry-parllax-area h2{
        font-size: 4.4rem;
        line-height: 0.91;

    }
    .in-pr-in-blts{
        display: block;
    }
    .in-pr-sc-con{
        height: auto;
    }
    .p-list{
        flex-wrap: wrap;
        column-gap: 0;
        justify-content: space-between;
        row-gap: 4rem;
    }
    .p-list li{
        flex: 0 0 45%;
    }

    .p-list li img{
        width: 100%;
        height: auto;
    }
    .partners-area{
        padding: 9rem 0;
    }
    .shp .base-screen-width {

        margin: 0 auto;
    }
    .cs.shp h2{
        font-size: 5rem;
        line-height: 1.1;
        width: min-content;
    }
    .cl-de{
        display: block;
    }
    .industry-sphere-3 {
        width: 20rem;
        height: 20rem;
        position: absolute;
        right: -10rem;
        top: 0;
    }
    /*.goals{
        padding-top: 28rem;
    }*/
    .res-r{
        margin-bottom: 5rem;
    }
    .res-n{
        font-size: 8.8rem;
    }
    .industry-sphere-5 {
        width: 40rem;
        height: 41rem;
        position: absolute;
        left: -20rem;
        top: 0;
    }
    .res-res{
        position: relative;
        z-index: 999999;
    }
    .industry-sphere-7 {
        width: 25rem;
        height: 25rem;
        position: absolute;
        right: -12.5rem;
        top: 5rem;
        left: auto;
    }
    .industry-sphere-9 {
        width: 17rem;
        height: 17rem;
        position: absolute;
        left: -10rem;
        top: 47rem;
    }
    .industry-sphere-6 {
        position: absolute;
        width: 30rem;
        height: 30rem;
        right: -15rem;
        top: -29rem;
    }
    .prcss{
        margin-bottom: 0;
        margin-top: 35rem;
    }
    .shp h2,.shp p{
        text-align: center;
    }
    .rslts {
      margin: 0;
        padding-top: 26rem;
        padding-bottom: 26rem;
    }
    .industry-sphere-8,.industry-sphere-10{
        display: none;
    }
	.page-template-create .form-area,
	.page-template-display .form-area,
	.page-template-industry .form-area,
	.page-template-company  .form-area,
	.page-template-case-studies .form-area
	
	{
		min-height:0;
	}
	.page-template-company  .form-area{
		margin-top: 0;
	}
	
	.home .form-area{
		padding:7rem 0;
	}
    .industry-sphere-11 {
        width: 17rem;
        height: 17rem;
        position: absolute;
        left: 15%;
        bottom: 5rem;
    }
    .shp p{
        width: 100%;
    }
    .shp h2{
        font-size: 4.4rem;
    }

    .page-template-industry section.industry-hero{
        display: block !important;
    }
    .page-template-industry section.industry-parllax-area{
        display: block !important;
    } .page-template-industry section.partners-area{
        display: block !important;
    }.page-template-industry section.case-study-area{
        display: block !important;
    }.page-template-industry section.ready-to-area{
        display: block !important;
    }

    .industry-parllax-area{
        height: auto;
        min-height: 0;
    }
    .in-pr-in-blts li{
        text-align: center;
    }
    .ftr{
        margin: 4rem 0;
    }
    .in-pr-in-blts li:after{
        height: 1px;
        width: 18rem;
        bottom: 0;
        left: 0;
        right: auto;
        top: auto;
        position: static;
       margin: 5rem auto;
    }
    .in-pr-sc-con{
        margin-top: 5rem;
    }
    .page-template-industry .grad-blue-bg{
        padding-bottom: 5rem;
    }
    .form-area-the-form button.arrow-link {
        font-size: 1.6rem;
    }
    .form-area-the-form .wpcf7-response-output{
        position: static;
    }
    .company-hero{
        height: auto;
        margin-bottom: 10rem;
        background: url("img/com-m-bg.png") no-repeat left top;
        background-size: cover;

    }

    .industry-hero{
        height: auto;
        margin-bottom: 10rem;
        background: url("img/in-m-bg.png") no-repeat left top;
        background-size: cover;

    }
    .page-template-company   #header-logo path {
        fill: #fff;
    }

    .in-pr-in-blts li h4,.in-pr-in-blts li p{
        opacity:  1!important;
    }
    .page-template-industry  #header-logo path {
        fill: #fff;
    }

    .careers-sphere-1 {
        width: 10rem;
        height: 10rem;
        position: absolute;
        left: -5rem;
        bottom: 20%;
    }

    .careers-sphere-2 {
        width: 20rem;
        height: 20rem;
        position: absolute;
        right: -10rem;
        bottom: 10%;
    }

.page-template-careers section{
    /*display: none !important;*/
}
    .page-template-careers section.careers-hero{
        display: block !important;
    }

    .page-template-careers section.pinned-story-area{
        display: block !important;
    }
  .page-template-careers section.jobs-area{
        display: block !important;
      padding-top: 10rem;
    }
    .job-images,.job-images .splide__slide .item-img{
        width: 30rem;
        height: 30rem;
        background-size: 30rem;
    }
    .job-images{
        position: absolute;
        left: -9rem;
        top: -3.8rem
    }
    .jobs-area h2{
        font-size: 4rem;
        padding-left: 3rem;
        padding-right: 3rem;
        box-sizing: border-box;
        line-height: 1.1;
    }
    .jobs-list{
        padding-left: 3rem;
        padding-right: 3rem;
        box-sizing: border-box;
        display: block;
    }
    .job-categories-list{
        margin-bottom: 10rem;
    }
    .jobs-list li{
        width: 100%;
        margin-bottom: 5rem;
    }
    .job-content .temp-left:after {

        top: -10rem;
    }
    .job-content  .location {
        margin-bottom: 0;
    }
    .job-content .temp-left{
        width: 100%;
        padding-top: 0;
        text-align: left;
        padding-left: 0;
        display: block;
        padding-bottom: 5rem;
    }
    .job-content  .temp-left h1 {
        text-align: left;
    }
    .jd{
        display: block;
    }
.job-categories-list button{
    white-space: nowrap;
}
.job-categories-list{
    justify-content: flex-start;
    overflow: auto;
}
.job-categories-list li{
    padding-left: 3rem;
}
.jobs-area .base-screen-width{
    padding-left: 0;
    padding-right: 0;
}
    .page-template-careers section.become-a-hexagom-area {
        display: block !important;
    }
    .career-sphere-stage{
        display: none;
    }
    .career-scenes{
        padding: 5rem 0;
    }
    .ca-scene{
        position: static;
        height: auto;
        padding: 5rem 0;

    }
    .career-scenes {
position: relative;
    }
    .pinned-story-area{
        height: auto;
    }
    .ca-scene h2{
        font-size: 3rem;
        line-height: 1.1;
    }
    .vid-bg{
        height: 100%;
    }
    .ca-scene p{
        width: 100%;
    }
    .ca-scene{
        padding-left: 3rem;
        padding-right: 3rem;
        box-sizing: border-box;
    }
    .become-a-hexagom-area h2{
        font-size: 5rem;
        line-height: 1.1;
    }
    .become-a-hexagom-area{
        padding-top: 10rem;
    }
    .vibe-images li{
        border-radius: 3rem;
        flex: 0 0 48%;
    }
    .vibe-images{
        margin-top: 4rem;
    }
    .vibe-images li{
        height: 18rem;
    }
    .vibe-images{
        width: 100vw;
        transform: translateX(-4vw);
		padding: 0px 8vw;
    }
    .careers-sphere-3{
        width: 20rem;
        height: 20rem;
        right: -10rem;
    }
    .cs-sphere-1{
        display: none;
    }
    .cs-sphere-2{
        width: 35rem;
        height: 35rem;
        left: 0;
        right: 0;
        margin: auto;
        bottom: 5rem;
    }
    .itp-yu img{
        height: 6rem;
    }
    .cs-i-c {
        width: 100%;

        background: grey;
        margin: auto;
    }
    .cas-study-top{
        flex-direction: column-reverse;
    }
    .case-studies-list>li{
        padding: 3rem;
    }
    .case-studies-list{
        margin-top: 10rem;
    }
    .cs-more-info{
        display: none;
    }
    .itp-yu{
        text-align: center;
        margin-top: 3rem;
    }
    .hl p.hlh{
        margin-bottom: 1rem;
    }
    .hl p{
        line-height: 1.1;
    }
   .case-studies-area .base-screen-width {
       padding: 0;
   }
  .case-studies-list>li{
       width: 28rem;
   }
    .cas-study-top{
        width: 100%;
    }
    .case-studies-area{
        margin: 0 0  5rem 0;
    }
    .case-studies-list.splide__list{
        padding-top: 5rem !important;
    }
    .page-template-case-studies .inner-hero h1{
        font-size: 3.7rem;
    }

    .page-template-case-studies .create-hero {
        background-image: url("img/cs-bg.png");
        background-position: top left;
    }
    .scroll-icon-con{
        display: none !important;
    }

    header .menu-item-has-children>a{
        display: inline-flex;
    }
    header .white-btn.mobile{
        color: #152b53;
    }
    header .menu-item-has-children a{
        display: inline-flex;
    }
    header .sub-menu{
        display: none;
    }
    header .menu-item-has-children>a:after {

        background-image: url(img/down-arrow-white.svg);
        transform: translateX(3px);
        top:0;


    }

    header .menu-item-has-children>a.expanded:after {

      transform: rotate(180deg);

    }
    .main-nav ul li{
        text-align: center;
    }
    footer .menu-1  .menu{
        flex-direction: column;
        row-gap: 7rem;
    }
    footer .sub-menu {
        position: static;
        box-shadow: none !important;
        transform: none !important;
        padding: 0 0 0 0 !important;
    }
    .careers-sphere-3{
        display: none;
    }
    .job-categories-list{
        padding-bottom: 2rem;
    }
   .page-template-company .vid-bg, .page-template-company .pinned-story-area {
        height: 100vh;
    }
    .our-story-bottom:after,.inner-page-sphere {
        pointer-events: none;
    }
    .team-members-list-com li {
        flex: 0 0 14rem;
    }
    .team-members-list-com .team-member-img {
        width: 14rem;
        height: 0;
        position: relative;
    }
    .team-area {
        padding-left: 3rem;
        padding-right: 3rem;
        box-sizing: border-box;
    }

    .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: 1;
    }

    header .menu-item-has-children>a:after{
        width: 5px;
    }



    /************************/
#main{
    overflow: hidden;
}

    .mission-frame h2{
        font-size: 3rem;

    }
    .mission-frame p{
        font-size: 2.2rem;


    }
    .mission-frame-stage{
        width: 100%;
    }
    .mission-frame{
        width: 100%;
        height: 28rem;
        margin-left: auto;
        margin-right: auto;

    }
    .industry-sphere-8, .industry-sphere-10 {
        display: block;
    }
    .mission-frame p{
        width: auto;
        max-width: 21rem;
    }

    .company-sphere-1 {
        position: absolute;
        right: -10rem;
        bottom: -19rem;
        width: 35rem;
        height: 35rem;
        left: auto;
    }

    .industry-sphere-8 {
        width: 10rem;
        height: 10rem;
        position: absolute;
        left: 2.5rem;
        top: -4.6rem;
    }

    .industry-sphere-7 {
        width: 25rem;
        height: 25rem;
        position: absolute;
        right: auto;
        top: 0rem;
        left: -21rem;
    }
    .industry-sphere-10 {
        width: 11rem;
        height: 11rem;
        position: absolute;
        right: auto;
        bottom: -5rem;
        z-index: 0;
        left: 1rem;
    }

    .industry-sphere-11 {
        width: 13rem;
        height: 13rem;
        position: absolute;
        left: auto;
        bottom: -8rem;
        right: 6rem;
        z-index: 99999;
    }
    .industry-sphere-9 {
        width: 21rem;
        height: 21rem;
        position: absolute;
        left: auto;
        top: 37px;
    }
    .rslts{
        padding: 0;
    }

    .our-story-area{
        padding-top: 11rem;
    }
    .in-prlx-scn{
        margin-top: 5rem;
        padding-top: 0 !important;
    }
    .tempa-right{

        padding-left: 0 !important;

    }
    .i-p-s-2{
        width: 40rem;
        height: 40rem;
        right: -30rem;
        top:150rem;

    }
    .i-p-s-3 {
        height: 75rem;
        width: 75rem;
        left: -74rem;
        bottom: 0;
        background-size: contain;
        background-image: url(img/ty.png) !important;
        top: auto;
    }
    .bta{
        width: 100%;
        padding: 0 3rem;
        box-sizing: border-box;
        text-align: left;

    }
    .bta h2{
        font-size: 4.4rem !important;
        line-height: 1.1;
        padding-top: 5rem;
    }
    .ca-scene{
        padding:  3rem;
        box-sizing: border-box;
    }
}

@media screen  and (max-width: 1023px) and (orientation:landscape) {

    .portrait-holder{
        display: flex;
    }


    header{
        background-color: white;
        height: 6rem;
    }
   #header-logo path {
        fill: #192c4e;
    }

}