@font-face {

    font-family: 'fuseStatement';

    src: url('/assets/fonts/SuisseIntl-Regular.woff2') format('woff2');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'fuseStatement';

    src: url('/assets/fonts/SuisseIntl-Medium.woff2') format('woff2');

    font-weight: medium;

    font-style: medium;

}



@font-face {

    font-family: 'fuseStatement';

    src: url('/assets/fonts/SuisseIntl-Light.woff2') format('woff2');

    font-weight: light;

    font-style: light;

}



main {

    overflow-x: hidden !important

}





body {

    background-color: #F5F2EB;

    font-family: 'fuseStatement';

}



.container {

    max-width: 1440px !important;

    padding: 0px;

}



.mContent {



}





.fuseLogoText img {

width:100%

}



.headerLogoArea {

    position: relative;

    margin-bottom: 3%;

}

.fuseLogo {

    z-index: 5;

    

}

.headerLine {

    position: absolute;

    top: 0px;

    width: 100%;

    z-index: 2;

}

.fuseLogoText {

    /*background-image: url('../img/swishBGC.png');*/

    background-position: center center;

    background-repeat: no-repeat;

    background-size: contain;

    width: 100%; /* Ensure the DIV takes full width of its parent */

    height: 100%;

    min-height: 100px;

    overflow:visible

}

    .fuseLogoText::before {

        content: "";

        position: absolute;

        top: 10px;

        left: -10px;

        width: 102%;

        height: 100%;

        background: url('../img/swishBGC.png') no-repeat center/cover;

     mix-blend-mode:darken;

        z-index: -1;

    }



.contentSection {

    padding-left: 40px;

    padding-right: 40px;

}





.cornerPointers {

    width: 20%;

    height: auto;

    max-width: 100%; /* Prevents overflow */

}



.tagline {

    font-family: "Geist Mono", monospace;

    font-optical-sizing: auto;

    font-weight: 400;

    font-style: normal;

    font-size: 14px;

    overflow: hidden;

}

.contactLink {

    /* font-family: "Geist Mono", monospace;

    font-optical-sizing: auto;

    font-weight:400;

    font-style:normal;

    font-size:10px; */

  

}

    /* .contactLink a:hover {

        font-family: "Geist Mono", monospace;

        font-optical-sizing: auto;

        font-weight: bold;

        font-style: normal;

        font-size: 14px;

        color: #FF7C36;

    } */





.sub-text {

    font-family: "Geist Mono", monospace;

    font-optical-sizing: auto;

    font-weight: 400;

    font-style: normal;

    font-size: 14px;

}





.full-width-section {

    width: 100vw;

    position: relative;

    left: 50%;

    right: 50%;

    margin-left: -50vw;

    margin-right: -50vw;

    background: #f8f9fa; /* optional background to see the full width */

}



a {

    text-decoration: none;

    color: #FF7C36;

}

/* .particleCanvas, .particleCanvasLower {

    display: block;

    margin: 20px auto;

    margin-top: 20px;

    margin-right: auto;

    margin-bottom: 20px;

    margin-left: auto;

    z-index: 2;

    background: transparent;

    width: 411.3px;

    height: 54px;

} */





/*.scrolling-banner .track {

    display: inline-block;*/

/*    animation: scroll-left 400s linear infinite;*/

/*}*/





.scrolling-banner .track {

    display: inline-block;

   /* animation: scroll-left 30s linear infinite; */

   animation: banner-scroll 30s linear infinite;

   line-height: .0;

}



.scrolling-banner-lower .track {

    display: inline-block;

    /* animation: scroll-left 30s linear infinite; */

    line-height: .0;

}



 @keyframes banner-scroll {

        to{

            transform: translateX( -100% );

        }

    }



.scrolling-banner span {

    /* margin-top: 20px;*/

    line-height: .90;

}



.scrollSeparator {

    padding-bottom: 5px;

    padding-right: 4px;

    padding-left: 4px;

    position: relative;

    top: -2px;

}

/*.scrolling-banner-lower .track {

    display: inline-block;

    animation: scroll-left 400s linear infinite;

    padding: 0px;

    margin: 0px;

}*/

.scrolling-banner, .scrolling-banner-lower {

    background-color: #FF7C36;

    color: #323232;

    white-space: nowrap;

    overflow: hidden;

    font-family: "fuseStatement";

    font-size: 33px;

    font-weight: 400;

    margin-top: 50px;

    line-height: 1;

}

.scrolling-banner-lower {

    margin-top: 0px;

}





.fiercely-modern {

  margin-top:40px;

}

.oneSpeed {

    /* margin-top: 40px; */

    margin-top: 1.5vw;

    position:relative;

}



.oneSpeed .blurb {

    position: absolute;

    top: 0px; left: 0px;

    /* top:-20px; left:-20px; */

}



.oneSpeed-sub-br{

    display:inline;

}



.fuelStatement {

    margin-top: 40px;

    position: relative;

}

.fuelStatement .sub-text {

    margin-left: 80px;

}



.fuelStatement .underLines {

    margin-left: 16%;

    margin-top:-5px;

    margin-bottom:10px;

    width:37%;

    min-width: 200px;

}



.fuelStatement .blurb {

    position: absolute;

    width: 33%;

    right: -40px;

    top: -40px;

    max-width: 415px;

    min-width: 260px;

}



.bigIdeas {

    margin-top: 40px;

    position:relative;

}



.bigIdeas .blurb {

    width:25%;

    position:absolute;

    right:-6%;

    top:-10px;

}



.getMoving {

    margin: 40px 0 0 0;

    /* background-image: url('/assets/img/moveBG.jpg'); */

    background-repeat: repeat; /* Repeats both horizontally and vertically */

    background-position: top left; /* Optional: ensures it starts at the top-left corner */

    background-size: auto; /* Optional: keeps the original image size */

    border: solid 1px #F5F2EB;

    position:relative;

}

    .getMoving .contentBox {

        margin: 20px 20px 20px 20px ;

        /* padding: 80px 40px 40px 40px; */

        color: white;

        background-color: #353535;

        border-radius: 25px;

        /* border-bottom-right-radius: 12px;

        border-bottom-left-radius: 12px;

        border-top-right-radius: 12px;

        border-top-left-radius: 12px; */

        padding-top: 6%;

        padding-bottom: 6%;

        /* height:500px; */

        

    }





.getMoving .blurb {

    position:absolute;

    top:-50px;

    left:-120px;

    width:300px;

}

/*Line*/

.getMoving .blurb2 {

    position:absolute;

    top:-50px;

    right:-142px;

}



.statement {

    font-family: "fuseStatement";

    /*font-size: clamp(1rem, 2vw + 0.5rem, 3rem);*/

    line-height: 90%;

    /* text-wrap: nowrap; */

}

.statement64 {

    font-family: "fuseStatement";

    font-size: 64px;

    line-height: 90%;

}

.statement h2 {

    font-family: "fuseStatement";

    font-weight: 700;

    font-size: clamp(25px, 9.2cqw, 140px);

    line-height: 90%;

}



h3 {

    font-family: "Geist Mono", monospace;

    font-optical-sizing: auto;

    font-weight: 400;

    font-style: normal;

    font-size: clamp(25px, 3.4cqw, 57px);

}



h4{

    font-family: "fuseStatement";

    font-size: clamp(38px, 4.0cqw, 65px);

    font-weight: bold;

    line-height: 90%;

}



h5{

    font-family: "fuseStatement";

    font-size: clamp(25px, 3.0cqw, 45px);

    font-weight: bold;

    line-height: 120%;

}



.statement-move{

     font-family: "fuseStatement";

    font-size: clamp(65px, 8.4cqw, 108px);

    font-weight: bold;

     line-height: 90%;

     padding-left: 5%;

     padding-right: 5%;

}



.clientScroll {

    margin-top: 20px;

    /* margin-bottom: 20px; */

    height: 130px;

    background-color: #353535;

    border-bottom-right-radius: 12px;

    border-bottom-left-radius: 12px;

    position: relative;

}



.separator {

    height: 2px;

    background-color: #302F2E;

}



#binaryBo span{

    display: inline-block;

}



.binary-code {

    margin-top: 20px;

    font-family: "Geist Mono", monospace;

    font-optical-sizing: auto;

    font-weight: 400;

    font-size: 20px;

    line-height: 130%;

}



.perfnPerso {

    width: 38%;

    margin:10px 0 20px -44px;

    min-width: 300px;

}



.insight-blurb{

    width: 36%;

    margin:10px 0 0px -20px;

    min-width: 300px;

    position: relative;

    z-index: 9;

}



.orange-cross{

    width: 20%;

    /* margin:10px 0 0px -20px; */

    min-width: 200px;

    position: absolute;

    right: -5%;

    top: 62%;

    z-index: 9;



}



.sectionSwipe {

    min-height: 320px;

    background-color: #353535;

    /* border-bottom-right-radius: 12px;

    border-bottom-left-radius: 12px; */

    border-top-right-radius: 12px;

    border-top-left-radius: 12px;

    position:relative;

}



.sectionSwipe .blurb {

     position:absolute;

     top:210px;

     left:0px;

}





.sectionSwipe .sub-text {

    color: #F5F2EB;

}





._boldStatement {

    font-family: "fuseStatement";

    font-size: 80px;

    color: #FFFFFF;

  

}



#contentModal-client {

    position: absolute;

    width: 300px;

    font-size: 11px;

    font-family: "Geist Mono", monospace;

    top: 50px;

    left: 200px;

    background-color: #FF7C36;

    border-bottom-right-radius: 12px;

    border-bottom-left-radius: 12px;

    border-top-right-radius: 12px;

    border-top-left-radius: 12px;

}



#contentModal-strat {

    position: absolute;

    width: 320px;

    font-size: 12px;

    font-family: "Geist Mono", monospace;

    top: 160px;

    left: 300px;

    background-color: #FF7C36;

    border-bottom-right-radius: 12px;

    border-bottom-left-radius: 12px;

    border-top-right-radius: 12px;

    border-top-left-radius: 12px;

}



.clientLogo {

    display: inline-block;

    width:100px;

}



.detailModal {

    display: none;

    pointer-events: none;

}



footer {

    background-color: #353535;

}

.footerNode {

    background-color: #353535;

}



#footerSection {

    background-color: #353535;

    min-height: 300px;

    font-family: "fuseStatement";

    font-weight: bold;

    color: #F5F2EB;

    padding-left: 20px;

    padding-right: 20px;

    padding-top: 40px;

    padding-bottom: 40px;

    position: relative;

   

}



#footerSection .blurb {

     position:absolute;

     right:-11%;

     top:3%;

     width: 17%;

     min-width: 170px;



}

.footerTextHeader {

    font-size: 25px;

}

.footerText {

    font-size: 14px;

}



.nowrap{

   text-wrap: nowrap;

}

/*=========== Update/Fixes 9/22 =============================================*/

/*===========================================================================*/



.services-wrap{

    text-wrap: nowrap;

}



.linkedIn{

    position: relative;

    top: -2px;

    margin-right:10px;

}



.getsGetMoving-br{

    display: none;

}





.letsGetMoving-blurb{

    position: absolute;

    top: -6px;

    left: -40px;

    width: 19%;

    aspect-ratio: 1;

}



.contact-capsule{

    position:absolute;

    border-radius: 11px;

    /* height: 9px;

    width: 20px; */

     background-color: #FF7C36;

     top: 1px;

     left:0;

     transform: translateX(-150%);

     opacity: 0;

     color: black;

     padding: 3px 5px 3px 5px;

     font-size: 10px;

}



.blurb-scale{

    aspect-ratio: 1;

    width: 18vw;

    max-width: 250px;

    min-width: 97px;

}





.getMoving-blurb3{

    position: absolute;

    width: 75%;

     top: 50%;

    left: 50%;

   transform: translate(-50%, -50%);

}



.getMoving-blurb1{

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

}



.getMoving-blurb-1{

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

}



.getMoving-blurb2-inner{

    position: absolute;

    width: 92%;

    top: 50%;

    left: 50%;

   transform: translate(-50%, -50%);

}





.getMoving-blurb2{

    width:100%;

}





.oneSpeed-blurb-1{

    width: 100%;

    position: absolute;

}



.oneSpeed-blurb-2{

     width: 100%;

    height: 100%;

    /* width: 92%;

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%); */

}



.oneSpeed-blurb2-inner{

    width: 92%;

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

}



.oneSpeed-blurb-3{

    /* width: 73%; */

    width: 100%;

    height: 100%;

   

    /* left: 50%;

    top: 50%;

    transform: translate(-50%, -50%); */

}



.oneSpeed-blurb3-inner{

    width: 73%;

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

}



.see-work-icon-padding{

    margin-right: 10px;

}



.see-the-work{

    position: relative;

    z-index: 99;

    margin-bottom: 2.3%;

}



.see-the-work button{

    border-bottom-left-radius: 22px;

    border-bottom-right-radius: 22px;

    border-top-left-radius: 22px;

    border-top-right-radius: 22px;

    border: none;

     outline: none;

    white-space: nowrap;

    background-color:#302F2E;

    padding-top: 10px;

    padding-bottom:10px;

    padding-left: 15px;

    padding-right: 15px;

    position:relative;

    left: 50%;

    transform: translateX( -50%);

}



.see-the-work .scale{

    transform: scale(1.2);

} 



.see-the-work button:hover {

    background-color:black;

}



.see-the-work a:hover{

    color: #FF7C36;

    text-decoration: none;

    background-color: transparent;

}



.aoe-faq-icon{

    /* height: 100%; */

    /* width:4%; */

    /* width: clamp(200px, 50% + 20px, 800px); */

    margin-bottom: 1%;

}



.faq-icon-style-1{

    width: 4%;

    min-width: 38px;

}



.faq-icon-style-2{

    width: 11%;

    min-width: 111px;

}



.faq-icon-style-3{

    width: 10%;

    min-width: 103px;

}



.faq-icon-style-4{

    width: 5.1%;

    min-width: 53px;

}

.faq-icon-style-5{

    width: 9.3%;

    min-width: 98px;

}



.aoe-faq-icons{

    margin-top: 4%;

    width: 100%;

    /* height: 50px; */

    display:flex;

    flex-wrap: wrap;

    justify-content: flex-start;

    gap: 0.5%;

}



.aoe-arrow-blur-faq{

   top: 19% !important;

    

}



.aoe-faq-margin{

    margin-bottom: 5%;

}



.faq-label-style{

    font-family: "fuseStatement";

    font-weight: bold;

    font-size: clamp(20px, 2.5cqw, 37px);

}



.faq-item-icon{

    position: absolute;

    width:100%;

    top: 50%;

    transform: translateY(-50%);

}



.faq-item-icon-container{

    width: 40%;

    position: relative;

    /* background-color: green; */

    max-width: 45px;

}



.faq-item-copy{

    padding-top: 3%;

    padding-bottom: 2%;

    width: 80%;

    display: none;

}



.faq-col-left{

    width: 90%;

     /* background-color: blue; */

     justify-content: flex-start;

    

}



.faq-col-right{

    width: 10%;

    /* background-color: red; */

     margin-left: auto;

    justify-content: flex-end;

}



.faq-item-col{

    display: flex;

    flex-direction: row; 

}



.faq-item{

    padding-top: 1%;

    padding-bottom: 1%;

    border-bottom-color: #6d6d6d;

    border-bottom-width: 1px;

    border-bottom-style: solid;

    cursor: pointer;

}



.faq-item-divider{

    width: 100%;

    height: 1px;

    background-color: #6d6d6d;

}



.faq-item-label-container{

    display: flex;

    width: 100%;

}



.aoe-arrow-blurb{

    position: absolute;

    width: 53%;

    top: 36%;

    right: -18%;

}



.aoe-copy-block-margin{

    margin-bottom:5.5%;

}



.aoe-copy-block-inner-margin{

    margin-bottom:3.5%;

}



.aoe-inner-margin{

    margin-top: 5%;

}



.aoe-inner-body{

    width: 55%;

}



.bigIdeas-inner-br{

    display: none;

}



.nav-logo-animation{

    transform: translateX(-100%);

    opacity: 0;

}



.robo-emoji{

    font-size: 40px;

}



.nav-col-right{

    display: flex;

    justify-content: flex-end;

    align-items: flex-end;

    flex-direction: column;;

}



.nav-col{

    width: 50%;

}

.nav-inner{

    margin-top:41px;

    display: flex;

    padding-left: 3%;

    /* justify-content: flex-end; */

}



.nav-bottom-padding{

    padding-bottom: 2%;

}



.nav-logo-wrapper{

    width:30%;

    min-width: 140px;

}



.contact-animation{

    transform: translateX( 100%);

    opacity: 0;

}



.line-grid{

    position: absolute;

    left: 50%;

    transform: translate(-50%, -16%);

    width: 100%;

    height: 160%;

    overflow: hidden;

    z-index: 0;

}



.line-grid-graphic{

    width: 100%;

}



.emoji-style{

    font-size:20px;

    text-align: center;

    position:relative;

    margin-left: 50%;

    margin-bottom: 2%;

    display: inline-block;

    transform: translateX( -50%);

}



.getMoving-slash{

    /* width: 383px; */

    width: 33%;

    max-width: 397px;

    margin-left: 52%;

    min-width: 235px;

}



.ruler-blurb{

    width: 85%;

}



.getMoving-lower-blurb{

    display: flex;

    justify-content: center;

}



.getMoving-contact-us{

    display:flex;

    justify-content: center;

    margin-top: 4%;

    margin-bottom: 5%;

}







.contact-us-button{

    position: relative;

    font-family: "Geist Mono", monospace;

    font-optical-sizing: auto;

    font-weight:400;

    font-style:normal;

    font-size:14px;

    color:#FF7C36;

    cursor: pointer;

    display: inline-block;

}



.contact-us-button a:hover{

    color: inherit; 

    text-decoration: none;

}



.contact-us-button-symbol{

    width:24px;

    height: 10px;

    background-color: #FF7C36 ;

    border-radius: 19%/50%;

    display: inline-block;

}



@keyframes banner-track-scroller {

    to{

        transform: translateX( calc(-100% - var(--bannerGap)) );

    }

}



.big-play-button-icon-inner{

    width: 0; 

    height: 0; 

    border-top: 20px solid transparent;

    border-bottom: 20px solid transparent;

    border-left: 30px solid white;

}



.big-play-button-icon{

    width:37%;

    top: 50%;

    left:50%;

    transform: translate(-50%, -50%) ;

    position: absolute;

}



.big-play-button-bevel{

    width:100%;

    position: absolute;

}



.big-play-button-blur{

    width:100%;

    height:100%;

    border-radius: 50%;

    position:absolute;

   background-color: rgba(255, 255, 255, 0.1); 

   backdrop-filter: blur(5px);

   -webkit-backdrop-filter: blur(10px);

   color: black;

}



.video-overlay{

    width:100%;

    height: 100%;

    position: relative;

    top: -100%;

    pointer-events: none;

    /* background-color: rgba(245, 242, 236, 0.5); */

}



.big-play-button{

    aspect-ratio: 1;

    position: absolute;

    width: 9%;

    min-height: 45px;

    top:50%;

    left:50%;

    transform: translate(-50%, -50%);

  

}



.video-player{

    width:100%;

    height:100%;

}



#video-section{

    aspect-ratio: 960 / 540; 

    width: 100%;

    border-top-left-radius: 12px;

    border-top-right-radius: 12px;

    overflow: hidden;

    background-color: red;

    position: relative;

}



.banner-track-group{

    display:flex;

    gap: var(--bannerGap);

    justify-content: space-between;

    flex-shrink: 0;

    min-width: 100%;

    animation: banner-track-scroller 10s linear infinite;

}



.banner-track-container{

    display: flex;

    user-select: none;

    --bannerGap: 20px;

    gap: var(--bannerGap);

    position: relative;

    top: 5px;

}



.banner-track-style{

    font-family: "fuseStatement";

    font-size: 35px;

    line-height: 22px;

    font-weight: bold;

}



.banner-track{

    width:100%;

    overflow: hidden;

    position: relative;

    z-index: 10;

    background-color: #FF7C36;

}



.banner-track-position{

   width: 20%;

}



.banner-arrow{

    width: 30px;

}



#animation{

    opacity:0

}



#tagline{

    visibility: hidden;

    margin-bottom: 3%;

    margin-left: 0.5%;

}



.fuseInner{

    width: 100%;

    height: 100%;

    position: relative;

    /* overflow: hidden; */

}



.logo-area{

    width: 100%;

    height: 18vw;

    max-height: 360px;

    /* background-color: #FF00FF; */

    /* background-color: #FFFFFF; */

}



.logo-oj{

    width:100%;

    height:120%;

    background-image: url( "../graphics/fuseLogoOJ.svg");

    background-repeat: no-repeat;

    background-size: contain;

    background-position: 50% 50%;

    position: relative;

    opacity:0;

    top: -130%;

    /* background-color: #FFFFFF;  */

}



.logo-white{

    width:100%;

    height:120%;

    background-image: url( "../graphics/fuseLogoWhite.svg");

    background-repeat: no-repeat;

    background-size: contain;

    background-position: 50% 50%;

    position: relative;

    top:-130%;

    clip-path: inset(0px 100% 0px 0px);

}



.fuse-logo-footer{

    width: 100%;

    margin-top: 6%;

}



.logo-full{

    width:100%;

    height:100%;

    position: relative;

    top:-100%;

}



.logo-scribble{

    width:120%;

    height: 130%;

    left: -13%;

    top: -9%;

    transform: scaleY(1.15);

    background-image: url( "../graphics/scrib.png");

    background-repeat: no-repeat;

    background-position: 50% 50%;

    background-size: contain;

    position: relative;

    clip-path: inset(0px 100% 0px 0px);

}



#modal-content-data{

    position: absolute;

    top:-9999; left:-9999;

    display: none;

}



#modal{

    position: absolute;

    top:0px;

    left:0px;

    z-index: 100;

    pointer-events: none;

    display: none;

}

.modal-content-container{

    padding-left: 12px;

    padding-right: 12px;

}



.modal-container{

    background-color: #FF7C36;

    min-width: 200px;

    min-height: 50px;

    padding: 10px 10px 18px 10px;

    border-radius: 12px; /* Rounds all corners with a 10px radius */

}



.modal-content-container p{

    font-family: "Geist Mono", monospace;

    font-size: 13px;

    font-weight: 400;

    line-height: 18px;

    text-align: center;

    color:black;

}



.modal-content-container h1{

    font-family: "Geist Mono", monospace;

    font-size: 20px;

    font-weight: 400;

    line-height: 18px;

    text-align: center;

    color:black;

}



.modal-arrow{

    width: 29px;

    position: absolute;

}



.modal-arrow-tr{

    transform: scaleX(-1);

    

}



.modal-arrow-bl{

    transform: scaleY(-1);

}



.modal-arrow-br{

    transform: scale(-1, -1);

}



.modal-right-arrow{

    right: calc(0% + 11px);

}



.modal-row{

    width: 100%;

    min-height: 20px;

    

}



@keyframes infinite-scroller {

    to{

        transform: translateX( calc(-100% - var(--gap)) );

    }

}





.services-style {

    font-family: "fuseStatement";

    font-size: 120px;

    font-weight: bold;

    -webkit-user-select: none; 

    user-select: none;

    color: white;

}



#services-content{

    display: flex;

    overflow: hidden; 

    user-select: none;

     -webkit-user-select: none; 

    --gap: 20px;

    gap: var(--gap);

}





.services-scroller-group{

    display:flex;

    gap: var(--gap);

    justify-content: space-between;

    /* background-color: yellow; */

    flex-shrink: 0;

    min-width: 100%;

    animation: infinite-scroller 40s linear infinite;

    cursor: pointer;

     user-select: none;

}

     



.services-bottom-row{

    width: 100%;

    min-height: 100px;

}



.services-scroller{

    width: 100%;

    min-height: 50px;

    /* background-color: aqua; */

    white-space: nowrap;

    /* padding-top: 3%;

    padding-bottom: 3%; */

    /* overflow-x: hidden; */

}



.services-bar{

    width: 60%;

    position: relative;

    top: -0.25vw;

}



.services-top-row{

    margin-bottom: 11%; 

}



.services-left-col{

    justify-content: flex-start;

    width: 49%;

}



.services-right-col{

    justify-content: flex-end;

    width: 49%;

}



.section-inner-col{

    display: inline-flex;

}



.section-inner-row{

    width:100%;

    padding-left: 2%;

    padding-right:2%;

}



.section-inner-vertical-padding-xl{

    padding-top: 3%;

    padding-bottom: 3%;

}



.element-bottom-padding{

    padding-bottom: 5%;

}



.inner-blurb{

    width: 100%;

}





.section-inner-padding{

    padding-top:6%;

}



.section-inner-padding-small{

    padding-top:3%;

}



.graphic-textures{

    position: absolute;

    z-index: -2;

    top: 0px;

    /* left: 0px; */

    width:100%;

    height: 100%;

    pointer-events: none;

    /* background-color: blueviolet; */

}





.grid-texture{

    position: absolute;

    width:100%;

    height:50vh;

    top: 0px;

    left: 0px;

    opacity: 0.35;

    background-image: url("../graphics/grid-texture.svg");

    background-size: 90%;

}



.grid-texture-fade{

    width: 100%;

    height: 450px;

    position: absolute;

    top: 40vh;

    left:0px;

    background: #F5F2EC;

    background: linear-gradient(0deg, rgba(245, 242, 236, 1) 0%, rgba(245, 242, 236, 1) 50%, rgba(0, 0, 0, 0) 100%);    

}



.line-texture{

    position: absolute;

    top: 64%;

    left: 28%;

    width: 4vw;

    min-width: 35px;

    max-width:65px;

}



.plus-texture{

    position: absolute;

    top: 20px;

    left: 75vw;

    width: 4vw;

    max-width: 60px;

}



.plus-texture-aoe{

    top: 38%;

}







.section-bottom-padding{

    padding-bottom: 10px;

}



.blurb-graphic{

    width: 100%;

}



.fuelStatement-sub-wrapper{

    max-width: 1065px;

}



.footer-padding{

    padding-top: 6.5%;

    padding-bottom: 6.5%;

}



.footer-divider{

    height: 1px;

    width: 100%;

    background-color: white;

    margin-bottom: 5%;

}



.footer-row{

    width: 100%;

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

}



.footer-col{

    display: flex;

    height: 50px;

    width: 33%;

    align-items: center;

}



.footer-col-right{

    justify-content: flex-end;

}



.footer-col-left{

    flex-direction: column;

    justify-items: flex-start;

    align-items: normal;

}



footer a{

    text-decoration: none;

    color: white;

}



footer a:hover{

    text-decoration: underline;

    color: #ff7c36;

}



.footer-col-style{

    font-size:14px;

}



.footer-info{

    margin-bottom: 17%;

}



/* .footer-frame {

    display: flex;

    align-items: center;

} */



.footer-icons{

    width: 30px;

}



.aoe-selector a{

    color: inherit;

}



.aoe-selector a:visited{

    color: inherit;

    text-decoration: none; /* Remove underline */

}



.aoe-selector a:hover{

    color: inherit;

    text-decoration: none; /* Remove underline */

}



/*=========== Update/Fixes END @MediaStart =============================================*/

/*===========================================================================*/









@media (max-width: 1500px){



        .nav-inner{

            padding-right: 3%;

        }

}



@media (max-width: 1400px){



}





@media (max-width: 1200px){



    .banner-track-style{

        font-size: 25px;

        line-height: 16px;

    }



    .banner-arrow{

        width: 20px;

    }

        

}



  @media (max-width: 992px){

/* 

    .contact-capsule{

        top: 6px;

        height:8px;

    } */

     

    #footerSection .blurb{

        top: -5%;

        right: -12%;



    }



    .contact-us-button-symbol{

        height: 9px;

    }



    .contact-us-button{

        font-size: 13px;

    }



    .fuelStatement-sub-wrapper{

        max-width: 540px;

    }



    .aoe-inner-body{

        width: 85%;

    }



    .footer-col-style{

        font-size: 12px;

    }



    .footerTextHeader{

        font-size:20px;

    }

      

}



@media (max-width: 800px){



    .footer-aoe-height{

        min-height: 70vh;

    }



    .letsGetMoving-blurb{

        width: 25%;

        top: -35px;

        left: -9vw;

    }



      

}





  @media (max-width: 680px){



      .contact-capsule{

        font-size: 8px;

      }

    



    .getsGetMoving-br{

        display: inline;

    }



    .getMoving-slash{

        margin-left: 28%; 

    }





    .footer-col-style{

        font-size: 14px;

    }



    .footer-col{

        /* width: 50%; */

    }



     .footer-last-col{

        /* width: 100%;

        justify-content: start; */

    }



        .fuse-logo-footer{

            margin-top: 18%;

        }



    .banner-track-style{

        font-size: 4.8vw;

        line-height: 3.2vw;

    }



    .banner-track-container{

        --bannerGap: 2vw;

    }



    .banner-arrow{

        width: 4vw;

    }



        .contact-us-button-symbol{

            height: 9px;

            width: 21px;

        }



        .contact-us-button{

            font-size: 12px;

        }



        .faq-item-icon-container{

            width: 52%;

        }



        

    }



      @media (max-width: 623px){

        .bigIdeas-inner-br{

            display: inline;

        }



   



      }





    @media (max-width: 562px){



        .services-left-col{

            width: 50%;

        }



        .services-wrap{

            text-wrap:unset;

        }



        .see-the-work .scale{

            transform: scale(1.0);

        } 



     

        .letsGetMoving-blurb{

            width: 32%;

            top: -2%;

            left: -12vw;

        }



        .contact-capsule{

            font-size: 6px;

            padding: 3px;

            /* top: 4px;

            width: 15px;

            height: 7px;

             */

        }





         .contact-us-button{

            font-size: 2.35vw;

            margin-bottom: 8px;

        }



        .aoe-arrow-blurb{

            width: 55%;

            top: 26%;

            right: -28%;

        }



        .aoe-inner-body{

            width: 100%;

        }



        .perfnPerso{

            margin: 7px 0 20px -57px;

        }



        .contentSection {

            padding-left: 20px;

            padding-right: 20px;

        }



        .nav-logo-wrapper{

            width: 71%;

        }



        .nav-bottom-padding{

            padding-bottom: 7%;

        }



        #footerSection .blurb{

            right: -22%;

            top: -21%;

            width: 36%;

        }



        .oneSpeed .blurb{

            top: -2%;

            left: -1%;

        }



        .emoji-style{

            font-size:15px;

         }



         .binary-code{

            font-size: 10px;

         }



         .oneSpeed-sub-br{

            display: none;

        }



        .fuelStatement-sub-wrapper{

            max-width: 420px;

        }



        .fuelStatement .sub-text{

            margin-left: 7%;

        }



        .services-style{

            font-size: 65px;

        }



        .insight-blurb{

            min-width: 245px;

            margin: 9px 0 0 -35px;

        }



        .orange-cross{

            min-width: 133px;

        }



        .getMoving .contentBox{

            margin: 10px 10px 10px 10x;

        }



         .getMoving-slash{

          margin-left: 50%;

          transform: translateX(-50%); 

        }

        

        .statement h2{

            font-size: clamp(35px, 8.5cqw, 100px);

        }



        .statement-move{

            font-size: clamp(54px, 8.4cqw, 108px);

        }



        .robo-emoji{

            font-size: 8vw;

        }



        

        h3 {

            font-size: 5.5vw;

        }



        .faq-label-style{

            font-size: 4.3vw;

            line-height: 1.4rem;

        }



        .faq-item{

            padding-top: 4%;

            padding-bottom: 4%;

        }



        .faq-item-copy{

            padding-top: 5%;

            padding-bottom: 4%;

        }



        .footer-col-style{

            font-size: 2.5vw;

        }



        body{

            font-size: 3.35vw;

        }

       

}







@media (min-width: 300px) {



    .getMoving .blurb {

        position: absolute;

        top: -30px;

        left: -40px;

        width: 120px;

    }



    .fiercely-modern {

        margin-top: 20px;

    }



}





    @media (min-width: 576px) {





        .bigIdeas .blurb {

            width: 22%;

            right:-2%;

            top: -3%;

        }



        .fiercely-modern {

            margin-top: 40px;

        }



        .getMoving .blurb {

            position: absolute;

            top: -30px;

            left: -40px;

            width: 120px;

        }







        .container {

            /*   max-width: 800px;*/

        }



        /* .contentSection {

            padding-left: 20px;

            padding-right: 20px;

        } */



        .statement h2 {

            /*font-size: 60px;*/

        }



        .sub-text {

            /*  font-size: 18px;*/

        }



        .statement64 {

             font-size: 84px;

        }

/* 

        .binary-code {

            font-size: 12px;

        } */



        .clientScroll {

        }



        #section-2-blurb {

            /* width: 145px;

            margin-left: -25px;

            margin-top: -15px; */

        }

    }



  





    @media (min-width: 680px) {





        .bigIdeas .blurb {

            width: 22%;

            right:-2%;

            top: -3%;

        }





        .getMoving .blurb {

            position: absolute;

            top: -30px;

            left: -40px;

            width: 180px;

        }







        .container {

            /*   max-width: 800px;*/

        }



        .contentSection {

            padding-left: 40px;

            padding-right: 40px;

        }



        .statement h2 {

            /* font-size: 60px;*/

        }



        .sub-text {

            /*  font-size: 18px;*/

        }



        .statement64 {

             font-size: 84px;

        }



        /* .binary-code {

            font-size: 12px;

        } */



        .clientScroll {

        }



        #section-2-blurb {

            /* width: 145px;

            margin-left: -25px;

            margin-top: -15px; */

        }

    }



    @media (min-width: 768px) {



          .section-inner-padding-small{

            padding-top:1%;

        }





        .bigIdeas .blurb {

            width: 22%;

            top: -3%;

        }



        .getMoving .blurb {

            position: absolute;

            top: -25px;

            left: -60px;

            width: 200px;

        }







        .container {

            /*   max-width: 800px;*/

        }



        .statement h2 {

            /*font-size: 74px;*/

        }



        .sub-text {

            /*  font-size: 18px;*/

        }



        .statement64 {

             font-size: 84px;

        }



        .binary-code {

            font-size: 12px;

        }



        .clientScroll {

            margin-top: 24px;

            /* margin-bottom: 24px; */

        }



        #section-2-blurb {

            /* width: 160px;

            margin-left: -25px;

            margin-top: -20px; */

        }

    }



    @media (min-width: 992px) {



        .section-inner-padding-small{

            padding-top:2%;

        }





        .bigIdeas .blurb {

            width: 22%;

            top: -2%;

        }





        .getMoving .blurb {

            position: absolute;

            top: -30px;

            left: -60px;

            width: 210px;

        }





        .container {

            /*   max-width: 800px;*/

        }



        .statement h2 {

            /*font-size: 90px;*/

        }



        .sub-text {

            font-size: 18px;

        }



        .statement64 {

            font-size: 84px;

        }



        .binary-code {

            font-size: 14px;

        }



        .clientScroll {

            margin-top: 30px;

            /* margin-bottom: 30px; */

        }



        #section-2-blurb {

            /* width: 180px;

            margin-left: -25px;

            margin-top: -20px; */

        }

    }



   



    @media (min-width: 1200px) {



        .services-list {

            font-size: 5vw;

        }



        .bigIdeas .blurb {

            width: 22%;

            right: 0px;

            top: -6px;

        }



        .getMoving .blurb {

            position: absolute;

            top: -30px;

            left: -80px;

            width: 250px;

        }



        .container {

            /*   max-width: 800px;*/

        }



        .tagline {

            font-size: 22px;

        }



        .statement h2 {

            /*font-size: 110px;*/

        }



        .sub-text {

            font-size: 24px;

        }



        .statement64 {

            font-size: 94px;

        }





        /* .footerTextHeader {

            font-size: 20px;

        } */



        .footerText {

            font-size: 14px;

        }



        .binary-code {

            font-size: 16px;

        }



        .clientScroll {

            margin-top: 35px;

            /* margin-bottom: 35px; */

        }



        #section-2-blurb {

            /* width: 280px;

            margin-left: -40px;

            margin-top: -30px; */

        }

    }



    @media (min-width: 1400px) {



       .services-list {

            font-size: 80px;

        }



        .bigIdeas .blurb {

            width: 25%;

            position: absolute;

            right: -6%;

            top: 2px;

        }







        .getMoving .blurb {

            position: absolute;

            top: -50px;

            left: -120px;

            width: 300px;

        }



        .container {

            /*   max-width: 800px;*/

        }



        .sub-text {

            font-size: 30px;

        }



        .statement h2 {

            /*font-size: 120px;*/

        }



        .statement64 {

            font-size: 104px;

        }



        .separator {

            margin: 40px 0 40px 0;

        }



        .binary-code {

            font-size: 20px;

        }



        .clientScroll {

            margin-top: 40px;

            /* margin-bottom: 40px; */

        }

    }





    .mtN20 {

        margin-top: -20px;

    }



    .mt0 {

        margin-top: 0px;

    }





    .scroll-container {

        width: 100%; /* stretch full width of parent */

        height: 190px;

        overflow: hidden; /* hide overflow */

        white-space: nowrap;

        border: 2px solid #333;

        border-radius: 10px;

        user-select: none;

        position: relative;

        /* optional fade at edges */

        -webkit-mask-image: linear-gradient(to right, transparent 0, black 40px, black calc(100% - 40px), transparent 100%);

        mask-image: linear-gradient(to right, transparent 0, black 40px, black calc(100% - 40px), transparent 100%);

    }



    .word-list {

        display: inline-block;

        padding: 12px 16px;

        font-family: "fuseStatement";

        font-size: 80px;

        color: #FFFFFF;

    }



        .word-list span {

            margin: 0 22px;

        }

    /* optional helper to visualize edge zones during dev */

    .edge-zone {

        position: absolute;

        top: 0;

        bottom: 0;

        width: 100px;

        pointer-events: none;

        opacity: 0; /* set to .1 to see zones */

    }



        .edge-zone.left {

            left: 0;

            background: red;

        }



        .edge-zone.right {

            right: 0;

            background: blue;

        }