.display-screen{width:105vw;height:105vh;background-color:white;position:fixed;top:0px;left:0px;z-index:9999;}
/*----------------------------------------------------------------------------------Guides-to-delete-------------------------------------------------------------------------*/
.section-1-guide{
 background-image: url('../guides/section-1.png'); /* Path to your background image */
    background-size: cover; /* Cover the entire area of the div */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-position: center; /* Center the image in the div */
}




/*-------------------------------------------------------------------------------Root Framework Overrides--------------------------------------------------------------------*/

body {margin: 0;overflow-x:hidden;scrollbar-width: thin;scrollbar-color: transparent transparent;-ms-overflow-style: none; margin: 0;font-family: 'Arial', sans-serif;font-family: 'Nunito Sans', sans-serif;top:-8px;color:black;}
.shield {
  opacity:1;
  background-color:white;
  top:0px;left:0px;
  z-index:-999;
  position:fixed;
  height:100vh;
  width:100vw;
  transition: opacity 0.5s ease-in-out;
}
.shield-fade {
opacity:0;
}
.shield-display {
  z-index:999;
}

/*-------------------------------------------------------------------------------Utility Classes------------------------------------------------------------------------------*/

body::-webkit-scrollbar {width: 0px; }
body::-webkit-scrollbar-thumb {background-color: transparent;}
hr{opacity:0 !important;}

.master-nav{justify-content: center !important;align-items: center !important;}
.main,.container,.master-nav{margin: 0 !important;width:100vw !important;max-width: 100vw !important;padding:0 !important;margin:0 !important;}
.container,.template,.main{padding:0px;margin:0px;}

/*---------------------------------------------------------------------------------NAVIGATION---------------------------------------------------------------------------------*/

nav {padding: 10px;color: white;display: flex;justify-content: space-between;align-items: center;position:fixed;}
#brand{cursor:pointer;cursor:hand;width:40px;position:relative;transition: opacity 0.5s ease;margin-left:20px;width:120px;margin-top:10px;z-index:99;}
  .vertical-contact{ transition: opacity 0.5s ease;position:relative;transform:rotate(90deg);}
        #brand-ico-nav{ transition: opacity 0.5s ease;position:absolute;top:20px;left:20px;width:30px;  cursor:pointer;cursor:hand;  
    margin-top: 0px;}
      #brand-ico-nav-alt{ transition: opacity 0.5s ease;position:absolute;top:20px;left:20px;width:30px;  display:none;   cursor:pointer;cursor:hand;  
    margin-top: 0px;}
    

.top-position {
    top: -200px;
}

.bottom-position {
    top: 0px;
}
.hero-label{color:#00a9d9;}
.navbar-brand,.navbar-toggler{margin-left:20px;margin-right:20px;}


/*-------------------------------------------------------------------Structural core Elements/Tagnames-----------------------------------------------------------------------*/
section{position:relative;background-color:white;justify-content: center;align-items: center;text-align: center;border:none !important;}
.section-1{height: 103vh;min-height:103vh;}
canvas{width: 20vw !important;height: 20vw !important;display: flex !important;margin: auto;align-items: center;flex-wrap: wrap;margin-top: 7vw;align-content: center;}
footer{background-color: rgba(0,0,0,0.9);min-height:300px;font-weight:300;color: white;text-align: center;padding: 10px;position: relative;bottom: 0;width: 100%;height:30vh;}
#footer-flex{display:flex;flex-direction:row;}  
.footer-flex-box{flex:1;height:100%;height:30vh;min-height:300px;display: inline-flex;
    min-height: 300px;
    justify-content: center;
    align-items: center;}

   .material-symbols-outlined {
  font-variation-settings:
  'FILL' 0,
  'wght' 400,
  'GRAD' 0,
  'opsz' 24
}
      

.copy-small{
    color:black;
    opacity:80% ;
    line-height: 1.8 ;
    letter-spacing: 0.09em ;
    font-weight:400 ;
    font-size:90% ;
}

.copy-medium{
    color:black ;
    opacity:80% ;
    line-height: 1.8 ;
    letter-spacing: 0.09em ;
    font-weight:400 ;
    font-size:100% ;
}
.copy-large{
    color:black ;
    opacity:80% ;
    line-height: 1.8 ;
    letter-spacing: 0.09em ;
    font-weight:600 ;
    font-size:110% ;
}

.title-medium{
    color:black ;
    opacity:80% ;
    line-height: 1.8 ;
    font-weight:600 ;
    font-size:200% ;
}
.title-large{
    color:black ;
    opacity:80% ;
    line-height: 1.8 ;
    font-weight:800 ;
    font-size:250% ;
}
.title-large-bold{
    color:black ;
    opacity:80% ;
    line-height: 1.8 ;
    font-weight:1000 ;
    font-size:250% ;
}
.section-title{font-size: 35px}
/*---------------------------------------------------------------------------------ICONS-------------------------------------------------------------------------------------*/


.material-symbols-outlined {font-variation-settings:'FILL' 0,'wght' 400,'GRAD' 0,'opsz' 24;font-size: 50px !important;color:#ffffff;cursor:pointer;cursor:hand;flex: 1 1 auto!important;flex-grow: 1 !important;flex-shrink: 1 !important;flex-basis: auto !important;}

/*-------------------------------------------------------------------------STATIC VISUAL TRANSFORMS------------------------------------------------------------------------*/
.show{display:inline-block !important;}
.hidden{display:none !important;}
.template{overflow:hidden;}
.blur{filter: blur(1.1rem);}


/*-------------------------------------------------------------------------Simple Generic Animations----------------------------------------------------------------------*/

@keyframes fade {0% {opacity: 1;}100% {opacity: 0 !important;display:none;}}
.fade {animation: fade 1s;}
@keyframes fadeIn {0% {opacity: 0;}100% {opacity: 1;}}
.fadeIn {animation: fadeIn 1s;opacity:1 !important;}

@keyframes flash {0% {opacity: 0.6;}50% {opacity: 0;}100% {opacity: 0.6;}}
.flash {animation: flash 3s infinite;}
@keyframes flashFast {0% {opacity: 0.9;transform:scale(1);}50% {opacity: 0;transform:scale(1.5);}100% {opacity: 0.9;transform:scale(1);}}
.flashFast {animation: flashFast 0.3s infinite;}
@keyframes think {0% {transform: scale(1);}50% {transform: scale(1.2);}100% {transform: scale(1);}}
.think {animation: think 3s infinite;}
@keyframes fadeIn {0% {opacity: 0;}100% {opacity: 1;}}.fadeIn{opacity:1;animation: fadeIn 1s;}
@keyframes waveAnimation {
  0%, 100% {
    transform: scaleX(1) skewX(10deg);
  }
  50% {
    transform: scaleX(1.2) skewX(30deg);
  }
}

.wave-image{
  animation: waveAnimation 10s infinite alternate ease-in-out;
}
.circle {
    position: absolute;
    border-radius: 50%;
    opacity: 0;
    animation: fadeInOut ease-in-out;
}
.circles {
    position: absolute;
    border-radius: 50%;
   opacity:0.2;
    animation: fadeInOut ease-in-out;
}

@keyframes fadeInOut {
    0%, 100% { opacity: 0; }
    50% { opacity: 0.6; }
}
/*-------------------------------------------------------------------------Complex SVG Animations--------------------------------------------------------------------------*/

@keyframes dash {to{stroke-dashoffset: 0;}}
.dash{animation: dash 3s }
@keyframes dash {to{stroke-dashoffset: 0;}}
.dash5{animation: dash 5s }

@keyframes dash-delay {30% {stroke-dashoffset: 0;}100%{stroke-dashoffset: 0;}}
.dash{animation: dash-delay}
@keyframes appear {0% {scale: 0;}80%{scale:1.1;},100%{scale: 1;}}
.appear{animation: appear;scale:1 !important;}
/*---------------------------------------------------------------------------------Buttons--------------------------------------------------------------------------------------------*/
 .display-1200{display:none;}
.button-detail{background: linear-gradient(90deg, #18DDDD, #EA15FF);background-size: 200% 100%;transition: background-position 0.5s;height: 36px;text-align: center;width: 150px;padding-top: 5px;border-radius: 18px;color:white;cursor:pointer;cursor:hand;opacity:0;}
.button-underlay{transition: background-position 0.5s ease;height: 36px;text-align: center;color:black;width: 150px;padding-top: 5px;border-radius: 18px;cursor:pointer;cursor:hand;border:1px solid black;}
#nav-cta-wrapper{width:150px;position:absolute;top:0px;right:0px;height:36px; transition: opacity 0.5s ease-in-out;}
#nav-cta{position:absolute;right:20px;top:25px;z-index:99;width:100%;height:100%;padding-top: 6px;}
#nav-sub-cta{position:absolute;right:20px;top:25px;z-index:99;width:100%;height:100%;}
#nav-backdrop{ width: 100%;transition: background-color 0.5s ease;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 85px;
    /*backdrop-filter: blur(30px);
    mask-image: linear-gradient(rgb(0, 0, 0) 55%, rgba(0, 0, 0, 0.8) 70%, rgba(0, 0, 0, 0) 100%);*/}
/*--------------------------------------------------------------------Button CSS interaction animations-------------------------------------------------------------------------------*/

.button-underlay:hover{opacity:0;z-index:0;}
.button-detail:hover {opacity:1;background-position: -100% 0;z-index:1;}
/#hero-cta:hover{transition: background-position 0.5s ease;text-align: center;color:white;cursor:pointer;cursor:hand;}

/*----------------------------------------------------------------------Individual button elements------------------------------------------------------------------------------------*/     
#hero-sub-cta{width:200px;background-color:black;color:white;padding-top:3px;}
#hero-cta{width:200px;margin-top:-36px;padding:6px;padding-top:4px;}


/*-----------------------------------------------------------(SECTION 1: MAIN Stage Splash & Animation Elements)-----------------------------------------------------------*/

.section-1 {position: relative;height: 102vh;overflow: hidden;}
.video-bg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
#animate-me {position: absolute;width: 20px;height: 20px;opacity: 0;}
.s1-span-text{    padding: 6%;
    color: black;
    text-align: left;
    line-height: 2;
    font-size: 1.4vw;display:inline-block;}
#animate-me-1 {position: absolute;left:110vw;top:110vh;width: 20px;height: 20px;opacity: 0;}
#animate-me-2 {position: absolute;left:-10vw;top:-10vh;width: 20px;height: 20px;opacity: 0; }
#animate-me-3 {position: absolute;left:50vw;top:10vh;width: 20px;height: 20px;opacity: 0; }
#animate-me-4 {position: absolute;left:30vw;top:110vh;width: 20px;height: 20px;opacity: 0; }
#particle-cloud{z-index:1;background-image: none;position:absolute;}
#particle-cloud div{width: 130px;position: relative;height: 130px;}
#orbital{width: 130px;opacity: 1;filter: blur(2px);transform: rotate(90deg);}
#orbital-1{position: absolute;width: 130px;top:0px;left:0px;opacity: 1;}
#orbital-2{position: absolute;width: 130px;top:0px;left:0px;opacity:0.5}
#orbital-3{position: absolute;width: 130px;top:0px;left:0px;}
#sc-1-flex-container{position:absolute;display:flex;flex-direction:column; text-align:center;width:100%;height:100%;min-height:900px;max-height:900px;}
#sc-1-hero-text{position:relative;display:flex;align-content: center;justify-content: center; text-align:center; width:100%;margin-top:18.5vh;height:20%;}
#sc-1-hero-text img{/*width:65vw;height:11.71vw;*/width:950px;height:171.146px;max-width:950px;max-height:171.146px;}
#sc-1-description-text{position:relative;display:flex;align-content: center;justify-content: center; text-align:center; width:100%;height:19.5%}
#sc-1-description-text span{width:54%;font-weight:400;line-height:30px;display:inline-block;font-size:22px;width:880px;margin-top:1%}
#sc-1-animation-spacer{position:relative;display:flex;align-content: center;justify-content: center; text-align:center; width:100%;height:20%}
#sc-1-beta-text{position:relative;display:flex;align-content: center;justify-content: center; text-align:center; width:100%;height:30%;flex-direction:column;}
#sc-1-beta-text span {
    display: inline-block;
    /* width: 54%; */
    font-weight: 400;
    line-height: 30px;
    display: flex;
    font-size: 15px;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 3px;
}
#sc-1-hero-cta{margin:auto;margin-top:1.5%}
.display-mobile{display:none !important}
.click-arrow{
    font-size: 23px !important;
    position: relative;
    margin: auto;
    top: -37px;
    right: -105px 
}
.click-wrapper {
    top: -4px;
    font-size: 19px !important;
    text-align: center;
    display: inline-block !important; 
    position: relative;
}
 
.s1-ca1{}
.s1-ca2{right:-102px;}
@media(max-width:1270px){
.s1-span-text{ font-size:22px;}
}
@media(max-width:1070px){
  
    #sc-1-hero-text{margin-top:22.5vh;}
#sc-1-hero-text img{width:700px;height:126.10px;}
#sc-1-description-text span{font-size:17px;font-weight:600;}
#sc-1-hero-cta{margin:auto;margin-top:8%}
/*#sc-1-beta-text span{font-size:12px;}*/


}
@media(max-width:800px){
  .display-full{
    display:none !important;
}
.display-mobile{display:inline-block !important}}
@media(max-width:800px){
  #sc-1-flex-container{min-height:0px;}

    #sc-1-description-text {width:80%;margin:auto;line-height:30px;}
    #sc-1-description-text {line-height:3;margin-top:-7%;}





     .mobile-hero-cta-prompt{font-size:20px !important;font-weight:600 !important;}
     #sc-1-description-text {line-height:3 !important;margin-top:8%;}
#nav-sub-cta, #nav-cta{display:none;}
#sc-1-description-text span{    font-size: 22px;
    font-weight: 600;
    width: 95%;
}
#sc-1-hero-text img{width:90vw;height:unset; max-height:unset;max-width:unset;}
#sc-1-hero-text {
    margin-top: 15vh;   
}

#hero-sub-cta{display:none;padding-top:7px;
}
#hero-cta{background-position: -100% 0;transition: background-position 0.5s ease;opacity:1;    width: 300px;
    background-color: black;
    height: 50px;
    border-radius: 25px;
    color: white;margin-top:-50px;padding-top:6px;}

#hero-cta-click-wrap-2 {
    top: 0px;
}
.s1-ca2 {
    right: -140px;
    top: -32px;
}
#sc-1-hero-cta {margin-top:auto;}
#sc-1-animation-spacer {
    position: relative;
    display: flex;
    align-content: center;
    justify-content: center;
    text-align: center;
    width: 100%;
    padding-top: 5%;
    height: 20%;
}
}

@media(max-width:600px){
    .s1-span-text{    padding: 10%;
    color: black;
    text-align: left;
    line-height: 2;
    font-size: 22px;display:inline-block;}
.s1-span-text{    padding: 10%;padding-top:6%;
    color: black;
    text-align: left;
    line-height: 8vw;
    font-size: 18px;}
  }

/*----------------------------------------------------------------------------(SECTION 2: Benefits, slide cards and text animation Start-----------------------------------------------------------------------------------------*/

.section-2 {margin-top:-1px;display: flex;flex-direction: column;align-items: center; background-color:white;z-index: 3 !important;}
.s2-sc2{margin-top:300px;}
#s2-value{    width: 100%;margin-top:300px;
    font-weight: 1000;
    text-align: center;
    margin-bottom: 5%;
    z-index: 6;color:black;}
.s2-sc1{margin-top:33vh;}
#arr-shft{height:1px;background: linear-gradient(270deg, #18DDDD, #EA15FF);width: 160px;position:absolute;left:-200px;}
#arr-up{height:1px;background: linear-gradient(270deg, #BD61FF, #EA15FF);width: 20px;position:absolute;top: -7px;left: -3px;transform:rotate(-45deg);}
#arr-dwn{height:1px;background: linear-gradient(270deg, #BD61FF, #EA15FF);width: 20px;position:absolute;top:  7px;left: -3px;transform:rotate(45deg);}
.squares-container {display: flex;flex-wrap: wrap;justify-content: center;  width:90%;}
.rotator-item{left:3.5vw;}
.square {flex: 1;box-sizing: border-box;color: white;text-align: center;padding: 20px;margin: 10px;width: 25%;position:relative;}
#sc-2-r-is-a1,#sc-2-r-is-a2{width:100%;position:relative;left:0px;top:0px;}
#sc-2-r-is-0{position:relative;height:100%;top:4%;}
#sc-2-r-is-1{    position: absolute;
    height: 5vw;
    top: 0.5vw;
    width: 100%;}
#sc-2-r-is-2{    position: absolute;
    height: 5vw;
    top: 5vw;
    width: 100%;}
.squares-container .square:nth-child(1){flex:0.35;}
.squares-container .square:nth-child(2){flex:0.65;}
.ln-01{height:1px;width:100%;background: linear-gradient(90deg, #18DDDD, #4daae6);}
.ln-02{height:1px;width:100%;background: linear-gradient(90deg, #4daae6, #8574ef);}
.ln-03{height:1px;width:100%;background: linear-gradient(90deg, #8574ef, #EA15FF);}
.ln-04{height:1px;width:100%;background: linear-gradient(90deg, #EA15FF, #8574ef);}
.ln-05{height:1px;width:100%;background: linear-gradient(90deg, #8574ef,#4daae6);}
.ln-06{height:1px;width:100%;background: linear-gradient(90deg, #4daae6, #18DDDD);}
.card-hero{font-size:22px;}
.sc-2-r-is-text-animation-grey{position:absolute;background-color:#e2e2ef;width:100%;height:13%;left:1px;max-width:98%;}
.sc-2-r-is-text-animation-black{width: 0%;background-color: black;position: relative;height: 100%;float:left;transition: width 0.5s ease-out;opacity:0.8;}
.sc-2-r-is-text-animation-color{background: linear-gradient(90deg, #18DDDD, #EA15FF);width: 2%;position: relative;height: 100%;float:left;transition: width 0.5s ease-out;}
#sc-2-r-is-01{position:relative;height:100%;top:-7%;width:90%;left:10%;}
.square .binder{height:2px;margin-top:-30%;position:relative;margin-bottom:2.5%;}
.sc-2-r-is-text-animation-grey{top:1%;}
#sc-2-r-is-01 .sc-2-r-is-text-animation-grey:nth-child(1){top:8%;}
#sc-2-r-is-01 .sc-2-r-is-text-animation-grey:nth-child(2){top:24%;}
#sc-2-r-is-01 .sc-2-r-is-text-animation-grey:nth-child(3){top:40%;}
#sc-2-r-is-01 .sc-2-r-is-text-animation-grey:nth-child(4){top:52%;}
#sc-2-r-is-01 .sc-2-r-is-text-animation-grey:nth-child(5){top:64%;}
#sc-2-r-is-01 .sc-2-r-is-text-animation-grey:nth-child(6){top:80%;}
.binder{height:1px;width:100%;background: linear-gradient(90deg, #18DDDD, #EA15FF);}
.stage{ width:100% !important;}
.stage-parent{position:relative !important;width:100%;height:35%;margin-top:-2%;}
#scroll-table{height:100%;width:100%;position:relative;}
.section-2-stage{position:relative;width:100%;height:100%;display:flex;flex-direction:column;max-width:1662px;margin-bottom: 100px;}
.section-2-stage-row{display:flex;flex-direction:column;position:relative;width:100%;height:99%;}
.flex-card-wide{width: 50%;height: 100%;background-color: white;position: relative;font-size:15px;margin-left:2.5%;margin-right:2.5%;z-index: 1;flex: 1;margin-bottom:100px;}
.transition-stage{display:flex;flex-direction:row;width:100%;height:70%;}
.s2-t1 .flex-card-wide:nth-child(1){margin-left:6%;}
.s2-t1 .flex-card-wide:nth-child(3){margin-right:6%;}
.s2-t2 .flex-card-wide:nth-child(3){margin-right:6%;}
.s2-t2 .flex-card-wide:nth-child(1){margin-left:6%;}
.mobile-spacer{width:100vw;height:0vh;}
.mesh{width:40px;}
.card-hero{font-weight:bold;padding-top:20px;}
.card-copy{padding: 2.5%;
    text-align: left;
    line-height: 2.5;letter-spacing:normal;
    font-weight: 400;
    font-size: 18px;}
#sc-2-r-is-a2-mobile{display:none;position:relative;}
.mobile-card-content-wrapper{margin-top:-10%;}
.s2-mobile-cover,#mobile-card-controller{
    display:none;
}
.s2-mobile-card {
  width: 100vw;
  height: 100vh;
  position: absolute;
  display:none;
  top:0px;left:100vw;
}
#s2-mobile-card-1{}
#s2-mobile-card-1{}
#s2-mobile-card-1{}
#s2-mobile-card-1{}
#s2-mobile-card-1{}

.bg-1{background: linear-gradient(90deg, #18DDDD, #39BDE2);height:1px;width:95%;margin:auto;position:relative;margin-top:1px;}
.bg-2{background: linear-gradient(90deg, #6197E9, #C33AF9);height:1px;width:95%;margin:auto;position:relative;margin-top:1px;}
.bg-3{background: linear-gradient(90deg, #B745F7, #EA15FF);height:1px;width:95%;margin:auto;position:relative;margin-top:1px;}
.bg-4{background: linear-gradient(90deg, #18DDDD, #39BDE2);height:1px;width:95%;margin:auto;position:relative;margin-top:1px;}
.bg-5{background: linear-gradient(90deg, #6197E9, #C33AF9);height:1px;width:95%;margin:auto;position:relative;margin-top:1px;}
.bg-6{background: linear-gradient(90deg, #B745F7, #EA15FF);height:1px;width:95%;margin:auto;position:relative;margin-top:1px;}
.s2-mobile-cover,.section-2-stage-row{transform:none !important;}
#s2-rotator{    width: 29vw;overflow:hidden;z-index:7;
    display: flex;
    height: 5vw;
    left:2vw;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    position: absolute;
}
.r-card{width:100%;height:100%;position:absolute;color:black;display:flex;}
.r-card span{    display: flex;
    align-content: center;
     align-items: center;
    justify-content: left;
      width: 100%;
    height: 100%;
    position: absolute;
    color: black;    font-size: 1.7vw;}
    .s2-ico{width:2.3vw;margin-right:1vw;}



@media(max-width:1270px){
  
  .s2-sc1 {
    margin-top: 13vh;}
  #sc-2-r-is-0 {padding-bottom:20px;}
  #s2-value{margin-top:0px;}
  .s2-sc2{margin-top:100px;}
  #s3-why{margin-top:100px;}
  .bg-4,.bg-5,.bg-6{transform: rotate(180deg);height:3px;}
  .bg-1,.bg-4,.bg-2,.bg-3{height:3px;}


.s2-sc1{/*margin-top:-54%;*/}
#scroll-table{flex-direction:row;}
.section-2-stage-row{flex-direction:row;}
.transition-stage{flex-direction:column;}

.transition-stage .flex-card-wide{margin:auto;}
.s2-t1 .flex-card-wide:nth-child(1){margin-left:auto;}
.s2-t2 .flex-card-wide:nth-child(3){margin-right:auto;}

.section-2 .squares-container:nth-child(1){
    flex-direction:column;
}
.flex-card-wide{width: 80%;padding-right:1.8vw;}
.squares-container .square:nth-child(1){flex:1}
.squares-container .square:nth-child(2){flex:1}
.square {width: 90%;margin:auto;}
#sc-2-r-is-01 {position: relative;height: 100%;top: 0%;width: 100%;left: 0%;}
#sc-2-r-is-0{height:auto;}
#sc-2-r-is-2 {top: 40%;height: 30%;}
#sc-2-r-is-1 {position: absolute;height: 27%;top: 20%;}
.section-2 .squares-container:nth-child(1) .square:nth-child(2){margin-top:5%;}
.section-2 .squares-container:nth-child(1) .square:nth-child(1){    width: 50%;margin-left:8.5%;
    margin-top: 0%;}
.square .binder {height: 2px;width: 160%;margin: auto;margin-top: -8%;margin-left:3%;}
.s2-t1 .flex-card-wide{margin-right:0%;}
.s2-t2 .flex-card-wide{margin-left:0%;}
.s2-t1 .flex-card-wide:nth-child(1){margin-right:0%;}
.s2-t2 .flex-card-wide:nth-child(3){margin-right:0%;}
.s2-t2 .flex-card-wide:nth-child(1){margin-left:0%;}
.s2-t1 .flex-card-wide:nth-child(3){margin-right:0%;}
.flex-card-wide{ padding: 1.8vw;}
#arr-shft{top: -20%;left: -227%;}
.card-copy{height:23vw;font-size:1.7vw;line-height:4vw;letter-spacing:normal;}
.card-hero{font-size:22px;}
   .card-copy{     height: 23vw;
    font-size: 18px;
    line-height: 4vw;
    padding-right: 2vw;}
   
.squares-container{width:100%;}
.s2-ico{
width: 4vw;
    position: absolute;
    left: 0px;
}



}
@media screen and (min-width: 600px) and (max-width: 800px) {
.card-copy {
    height: 23vw;
    font-size: 2.4vw;
    line-height: 4vw;
    padding-right: 2vw;
}
}

@media screen and (min-width: 600px) and (max-width: 1270px) {
#s2-rotator{width:100%;margin-top:4%;}
  .r-card{margin-top:-20px;}
.r-card span{    
    align-content: center;
    justify-content: center;
    width: 100%;

    height: 100%;
   
      font-size: 3vw !important;
display:block;

    font-weight: 600;
    position: absolute;
    color: black;}
    .rotator-item{    width: 100% !important;
    left: 5vw;
    text-align: left;
    display: block !important;}

}
#brand-ico-nav{left:50%;margin-left:-20px;width:40px;position:absolute;}
#brand-ico-nav-alt{left:50%;margin-left:-20px;width:40px;position:absolute;}
@media(max-width:1000px){
/*.stage-parent{margin-top:0%;}*/
.flex-card-wide{width:80%;}
.squares-container{width:100%;}


}
@media(max-width:991px){
#brand{margin-left:20px;position:absolute;top:12px;}


}
.back{ display:none;    z-index: 99;
  opacity:0;
      z-index: 99999;
    position: fixed;
    top: -40px;
    right: 5px;
    cursor: pointer;
    cursor: hand;
    display: inline-block;
    left: 0px;
    font-size: 3vw;
    width: 38px;
    margin: auto;
    right: 0px;}
.skip{    display:none;    z-index: 99;
  opacity:0;
    position: fixed;
        z-index: 99999;
    bottom: -40px;
    right: 5px;
    cursor: pointer;
    cursor: hand;
    display: inline-block;
    left: 0px;
    font-size: 3vw;
    width: 38px;
    margin: auto;
    right: 0px;}


@media screen and (min-width: 600px) and (max-width:800px) {
  .s2-t1 .flex-card-wide:nth-child(1) {
    margin-right: auto;
    margin-left: auto;
}
.s2-t2 .flex-card-wide:nth-child(1) {
    margin-right: auto;
    margin-left: auto;
}
.s2-t2 .flex-card-wide {
    margin-right: auto;
    margin-left: auto;
}
.s2-t1 .flex-card-wide {
    margin-right: auto;
    margin-left: auto;
}
.s2-t1 .flex-card-wide:nth-child(3) {
    margin-right: auto;
    margin-left: auto;
}
.s2-t2 .flex-card-wide:nth-child(3) {
     margin-right: auto;
    margin-left: auto;
}

  .flex-card-wide{margin-right: auto;width:63%;
    margin-left: auto;}
.section-2-stage-row {
    flex-direction: column;
}
.card-copy {
    height: 33vw;
    font-size: 22px;
    line-height: 2;
    padding-right: 2vw;
}
.flex-card-wide {
  
    margin-top: 50px !important;
 
}
.section-2-stage {
     margin-bottom: -100px; 
}
.section-2 .squares-container:nth-child(1) .square:nth-child(2) {
   width:70%;
}
.section-2 .squares-container:nth-child(1) .square:nth-child(1) {
    width: 50%;
    margin-left: 17.5%;
    margin-top: 0%;
}
.square .binder {
    height: 2px;
    width: 130%;
    margin: auto;
    margin-top: -8%;
    margin-left: 3%;
}
#s2-rotator{left:4vw;}
#sc-2-r-is-0 {
    width:115%;
}
}    
@media(max-width:600px){
    .r-card span{ margin-top:1px;}
  .skip{    display:inline-block; }
  .mobile-spacer{width:100vw;height:100vh;}
  #brand{margin:auto;}
  #nav-backdrop{ /*backdrop-filter: blur(15px);height:70px;*/}
#sc-2-r-is-0 {padding-bottom:0px;}
  .square .binder {width:100%;margin:auto;}
  #s2-rotator{width:80vw;margin-top:4%;margin-left:auto;margin-left:-9%;}
  .section-2 .squares-container:nth-child(1) .square:nth-child(1){margin-left:auto;}
  section{min-height:100vh;}
    #sc-2-r-is-01 .sc-2-r-is-text-animation-grey:nth-child(2) {
    top: 22%; height:15%;
}
#mobile-card-controller span{
    font-size:30px;
}
.flex-card-wide{height: 220px;flex: none;margin:auto;}
.section-2-stage-row {
    flex-direction: column;
}
.s2-sc1{position:absolute;margin-top:0%;z-index:1;margin-top:unset;margin-bottom:unset;    position: absolute;
    top: 0%;
    flex-direction: column;
    z-index: 1;}
.s2-mobile-card-title{font-size: 35px;
    opacity:80%;
    font-weight: 1000;
    text-align: center;
   
margin-bottom:7%;}
.s2-mobile-card-line{width:80%;}
.s2-mobile-card-copy{      font-weight: 400;
    padding-top: 12%;
    padding-bottom: 12%;
    line-height: 2;
    margin: auto;
    width: 68%;
 
    text-align: left;
    letter-spacing: normal;
    color: black;
    opacity: 1;
    line-height: 8vw;
    font-size: 2.5vw;}
.s2-mobile-card-dotts{   width: 50%;
    margin: auto;
    position: absolute;
    left: -20%;
    bottom: 0px;
    top: 4%;
    transform: rotate(90deg);
    /* right: 0px; */
}
#sc-2-r-is-a2-mobile{display:block;}
#sc-2-r-is-a2{display:none;}
.transition-stage{height:auto;}
.stage-parent{display:none;}
#mobile-card-controller{ width: 100vw;
    z-index: 2;
    position: absolute;
    top: 120vh;
    display: block;
    margin-top: 40%;
    overflow: hidden;
    height: 100vh;z-index:5;}
  .s2-mobile-cover{
     width: 100vw;
  height: 100vh;
  top: 0px;
    left: 0px;
  }
.s2-mobile-card {
    z-index:5;
    background-color:white;
    display:flex;
    flex-direction:column;
    align-content: center;justify-content: center;
  width: 100vw;
  height: 100vh;
  position: absolute;

  top:0px;left:100vw;
}
#s2-mobile-card-1{
  background:transparent;
    width: 100vw;
  height: 100vh;
   display:flex;
   top:0px;
    position:absolute;
    left:0;
}
.s2-mobile-cover{
    display:block;
    position:absolute;
    top:0px;
}
.section-2 .squares-container:nth-child(1) .square:nth-child(1){       width: 74%;
    left: -2%;
    margin-top: 22%;}
    .r-card span{font-size:4vw !important;font-weight:600;}
    .s2-ico{    width: 5vw;
    margin-right: 3vw;
    }
    #s2-rotator{margin-top:8%;margin-left:4vw;}
    .rotator-item{margin-left:5vw;}
    #sc-2-r-is-2 {
    top: 50%;
    height: 30%;
}
}



.ln-1{background: linear-gradient(90deg, #18DDDD, #39BDE2);height:2px;margin:auto;position:relative;margin-top:1px;}
.ln-2{background: linear-gradient(90deg, #39BDE2, #6197E9);height:2px;margin:auto;position:relative;margin-top:1px;}
.ln-3{background: linear-gradient(90deg, #6197E9, #C33AF9);height:2px;margin:auto;position:relative;margin-top:1px;}
.ln-4{background: linear-gradient(90deg, #C33AF9, #B745F7);height:2px;margin:auto;position:relative;margin-top:1px;}
.ln-5{background: linear-gradient(90deg, #B745F7, #EA15FF);height:2px;margin:auto;position:relative;margin-top:1px;}
.ln-x{background: linear-gradient(90deg, #18DDDD, #EA15FF);height:2px;margin:auto;position:relative;margin-top:1px;}

/*----------------------------------------------------------------------------SECTION 2 End------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------SECTION 3 Why we exist, chat flow, SVG animations----------------------------------------------------------------------*/
.section-3{z-index:6;  margin-top:-200px; }
.dynamic-background {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    background: radial-gradient(circle at 50% 50%, #18DDDD, transparent),
                radial-gradient(circle at 50% 50%, #88CCFF, transparent),
                radial-gradient(circle at 50% 50%, #A18DFF, transparent),
                linear-gradient(-2deg, transparent 0%, #EA15FF 70%);
    background-image:radial-gradient(124% 96% at 53% 80%, rgba(180, 215, 255, 0.3) -10%, rgba(180, 215, 255, 0.1) 40%, rgba(180, 215, 255, 0) 60%), radial-gradient(38% 115% at 106% 96%, rgba(74, 135, 255, 0.8) 0%, rgba(74, 135, 255, 0) 80%), radial-gradient(191% 191% at 30% -153%, rgb(74, 135, 255) 0%, rgb(74, 135, 255) 70%, rgba(74, 135, 255, 0) 95%), linear-gradient(-2deg, rgba(180, 215, 255, 0) 0%, rgba(180, 215, 255, 0) 70%, rgba(180, 215, 255, 0.6) 110%), radial-gradient(62% 53% at 11% 93%, rgb(148, 187, 255) 0%, rgba(148, 187, 255, 0) 100%), radial-gradient(43% 29% at -15% 59%, rgb(148, 187, 255) 0%, rgba(148, 187, 255, 0) 90%);
    transition: background-position 0.5s ease;
}

.dynamic-background::before {
    content: '';
    position: absolute;
    background: inherit;
    top: -50%;
    left: -50%;
    right: -50%;
    bottom: -50%;
    filter: blur(20px);
    transition: all 0.5s ease;
}
.b-end{position: absolute;
    margin: auto;
    left: 0px;
    width: 2vw;
    right: 0px;
  
    background-color:red;height:2vw;
    display: block;
    top: 7.4vw;}
#s3-backdrop{ position: absolute;
    width: 100vw;
        top: 17.5%;
    height: 100%;
opacity:0.1;
    background-size: cover; /* Cover the entire area of the div */
    background-repeat: no-repeat; /* Do not repeat the image */
    /*background-position: center;*/
    background-image: url(https://images.unsplash.com/photo-1636955792912-de44a3ba46cd?q=80&w=3270&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D);
}
#s3-why{ width:100%; font-weight:1000;text-align:center;margin-bottom:5%;z-index:6;color:white;font-size:35px;margin-top:5%;}
#s3-why-response{    font-size: 35px;
    margin: auto;
    font-weight: 100;
    color:white;
    width: 90%;
    text-align: center;
    margin-bottom: 5%;
    z-index: 6;
    }
.master-flex-wrapper{width:100%;background-color:rgba(0,0,0,0.9);}
.s3-master-flex{position:relative;width:100%; /* Path to your image */
 margin-top:10%;}
.s3-master-flex .binder{width:84%;margin:auto;height:auto;}
.sub-binder{    top:0px;
    position: absolute;
    width: 9px;
    height:80%;
    margin: auto;z-index:0;left:0px;right:0px;
}
   .s3-flex-row{display:flex;flex-direction:row;width:90%;margin:auto;align-content:  center;justify-content:center}
          .s3-flex-icon-square{display:flex;flex-direction:column;}
          .s3-flex-icon-square-1{flex:0.2;}
           .s3-flex-icon-square-2{flex:0.1;}
            .s3-flex-icon-square-3{flex:0.7;text-align: justify;flex-direction: column;}
            .s3-sub-square-icon-row{display:flex;flex-direction:row;align-content:  center;justify-content:center}

            #s3-ico-svg-1{width:8vw}
            #s3-ico-svg-2{width:8vw}
            #s3-ico-svg-3{width:4vw;margin-left:2vw;margin-right:2vw}
            #s3-ico-svg-4{width:4vw;margin-left:2vw;margin-right:2vw}
            #s3-ico-title-pink{width:40vw; margin-top:0.4vw;   margin-left: -2.5vw;opacity:0;}
             #s3-ico-title-purple{    width: 40vw;
    margin-top: 1vw;
    margin-left: -1.4vw;opacity:0;}
              #s3-ico-title-green{width:40vw; margin-top:0.4vw;   margin-left: -6vw;opacity:0;}
            .s3-line-copy-pink,.s3-line-copy-purple,.s3-line-copy-green{opacity:0;}
            .s3-line-copy{    line-height: 2;width:100%;
    font-size: 18px;
    color: white;
    line-height: 2.5;
    padding-right: 4vw;
    font-weight: 300;
    display: inline-block;
    margin-bottom: 1.2vw;}
            .s3-ico-purple-dots{width:2vw;position:absolute;margin-left: -3.2vw;
    margin-top: 0.5vw;}
            .s3-flex-row-1{    padding-top:5%;}
            .s3-dott-controller{width:90%;height:100%;opacity:0;    margin-top: 1.49vw;}
            .s3-flex-row-2{margin-top:20vw;}
            .s3-ico-purple-dots{scale:0;}
            .s3-flex-icon-square-2{position:relative;}
            .s3-timeline-wrapper{width:100%;position:absolute;overflow:hidden;height:0vw;}
            .s3-flex-row-3{margin-top:20vw;padding-bottom:5%;}
            #s3-number-wrapper-1,#s3-number-wrapper-2,#s3-number-wrapper-3{overflow: hidden;align-content:  center;justify-content:center;display:flex;position: relative;width:8vw;height:100%;}
            .s3-number-1,.s3-number-2,.s3-number-3{ display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.3s ease;
  position: absolute;
  top: 0px;
  transform-origin: center bottom;}
  #s3-ico-dot-1,#s3-ico-dot-2,  #s3-ico-dot-3,.b-end{position: absolute;margin: auto;left: 0px; width:2vw;right: 0px;scale:0;display: block;top: 7.4vw;}
   #s3-ico-dot-1{top: 7.4vw;}
  
     #relatory-animation-controller-box{
        /* height: 5vw; */
    width: 20%;
    margin: auto;
    margin-top: -8.2%;
    left: -12.5%;
    position: relative;
    }
    .boundary{height:1px;background: linear-gradient(90deg, #18DDDD, #EA15FF);margin:auto;width:86%;margin-top:50px;margin-bottom:50px;}
    .s3-timeline{width:1px;background: linear-gradient(0deg, #18DDDD, #EA15FF);margin:auto;}
  
     #s4-relatory-wordmark{position:absolute;top:0px;left:0px;opacity:0;
    top: 0px;
    left: -6%;}
     #relatory-blue-dot{    width: 0.4vw;
    height: 0.4vw;
    background-color: #18DDDD;
    scale:0;
    border-radius: 2vw;
    position: absolute;
    margin-top:21%;
    right: 1%;}
.s3-full-adjust{display:inline-block;}
 .s3-resolution{  margin-left: 0vw;
    margin-top: 9%;
    width: 100%;}

.s3-ico-purple-dots {
   width: 2vw;
    position: absolute;
    margin-left: -3.2vw;
   
}
@media(max-width:1270px){
  .s3-ico-purple-dots {
    width: 2vw;
    position: absolute;
    margin-left: -4.8vw;
    margin-top: 3.2vw;
}
  .s3-ico-purple-dots{ width: 2vw;
    position: absolute;
    margin-left: -4vw;
    margin-top: 1.1vw;}
  .boundary{width:90%;}
  .s3-display-full{display:none;}
  .display-1200{display:block;}
.section-3{}
.s3-master-flex{width: 80%;        margin: auto;
}
#s3-why-response{width:80%;font-size:35px;}
.s3-line-copy{   font-size: 18px;
    line-height: 4vw;padding-right:1vw;}
    .s3-copy-1200{    display: inline-block;
    position: relative;
    left: 5.4vw;}
   
    .s3-purple-copy-row{margin-bottom:0vw;}
    #s3-ico-title-pink{    width: 55vw;
    margin-top: -8.4vw;
    margin-left: -25vw;
    opacity: 0;}
    #s3-ico-title-purple { width:52vw;  
    margin-left: 2.3vw;
    margin-right: -12.5vw;
    position: relative;
    left: -4vw;}
    .s3-dott-controller{    position: relative;
    text-align: left;
    margin-top: 2%;
    left: 2.69vw;
    }
    .s3-lc-solo{ margin-left: 1vw;
    font-size: 22px;
    font-weight: 600;
    color: #7780ea;
    display: inline-block;
    width: 100%;
    text-align: left;
    letter-spacing: normal;
    position: relative;
    top: -2vw;}
    #s3-ico-dot-2{    margin-left: 2.55vw;}
    #s3-ico-title-green {     width: 65vw;
    margin-top: -7vw;
    margin-left: 7.5vw;
    }
    #s3-ico-dot-3,.b-end{margin-top:-1.1vw;}
    .b-end
    .s3-flex-icon-square-3{
      width: 90%;
    }
  #responsive-delta{height:0vw;position:absolute;}
    .s3-flex-row-3 {
    margin-top: 20vw;
}

 .s3-flex-ico-sq-1-3{       
    margin-top: -7vw;right:-8vw;}
    .s3-ico-dot-3{    margin-top: -4vw;
    margin-left: 2.4vw;}
    .s3-resolution{     margin-left: 17vw;
    margin-top: 12%;
    width: 70%;}
      #relatory-animation-controller-box {       height: auto;
    width: 24%;
    margin: auto;
    margin-top: -10.5%;
    left: 18vw;
    position: relative;
  }
    #relatory-blue-dot{    width: 0.4vw;
    height: 0.4vw;
    background-color: #18DDDD;
    scale: 0;
    opacity:0;
    border-radius: 2vw;
    position: absolute;
    right: 0;}
}
@media screen and (min-width: 600px) and (max-width: 1270px) {
 .s3-flex-ico-sq-1-3{   
 position:relative;    
    right:-8vw;}
#s3-ico-dot-3{
      margin-right: -12.78vw;
}

}

@media(max-width:600px){
  #s3-ico-title-pink {
    width: 55vw;
    margin-top: -8.4vw;
    margin-left: -28vw;
    opacity: 0;}
   .s3-ico-purple-dots{margin-top:3vw;}
  .s3-dott-controller{margin-top:2%;width:95;}
  .s3-line-copy{font-size:4vw;;line-height:8vw;text-align:left;width:100%;font-weight:100;}
    #s3-why{ font-size:5.2vw;width:100%;margin-top:10%;}
    #s3-why-response{font-size:5.2vw;width:85%;margin-bottom:20%;}
    .s3-master-flex{margin:initial;width:100%;}
    #s3-ico-dot-2 {margin-left:auto;}
    #s3-ico-title-green{    width: 70vw;
    margin-left: -10.5vw;}
    #relatory-animation-controller-box {margin-top: -8.2vw;
    left: 8.6vw;
    width: 31%;}
    .s3-resolution{margin-top:13%;padding-right: 5%;margin-left:0%;}
  }

/*.section-3{margin-top:210%;}
.s3-line-copy{font-size:2.95vw;}
#s3-ico-title-pink{width:70vw;margin-left:-4.5vw;}
.s3-flex-icon-square-2{margin-left:-4.5vw;}
.s3-flex-icon-square-3{text-align:left;}
/*.s3-flex-icon-square-2{margin-left:-28.5vw;}
.s3-timeline-wrapper{left:50%;}
.s3-flex-row{flex-direction:column;}
*/
}


/*------------------------------------------------------------SECTION 4 Why we exist, chat flow, SVG animations----------------------------------------------------------------------*/
.section-4{z-index:7;margin-top:100px;background-color:white;}
.s4-section-title{width:100%; font-weight:1000;text-align:center;margin-bottom:5%;padding-top:150px;z-index:6;color:black;opacity:80%;font-size: 35px}
.s4-section-master{position:relative;display:flex;align-content: center;justify-content: center;flex-direction: column; text-align:center; width:100%;}
.s4-section-row{position:relative;display:flex;align-content: center;justify-content: center;flex-direction: row; text-align:center; width:80%;margin:auto;}
.s4-cube{position:relative;flex:1;margin-left:1%;margin-right:1%;}
.s4-section-cube-title{font-size:35px;width:90%;margin:auto;margin-top:12.3%;opacity:0.8;font-weight:600;}
.s4-section-cube-copy{padding: 2.5%;
    text-align: left;
    line-height: 2.5;
    height: 150px;
    letter-spacing: normal;
    font-weight: 400;
    height: 150px;
    font-size: 18px;
    margin: auto;
    width: 80%;
    text-align: center;
    padding-top: 5%;}

.s4-section-cube-svg{width:98%;position:absolute;margin:2%;}
.s4-section-cube-ico{ width: 20%;
    position: absolute;
    margin: auto;
    right: 0px;
    margin-top: 32%;
    left: 0px;}
    #s4-graph-base{background-color:#FCFCFD;width:100%;margin-top:12%;    stroke-dasharray: 3500;
    stroke-dashoffset: 3500;}
    #s4-wave-base{background-color:#FCFCFD;width:100%;margin-top:12%;    stroke-dasharray: 3500;
    stroke-dashoffset: 3500;}
    #s4-metric-base{background-color:#FCFCFD;width:100%;margin-top:12%;    stroke-dasharray: 3500;
    stroke-dashoffset: 3500;}
    #s4-network-base{background-color:#FCFCFD;width:100%;margin-top:12%;    stroke-dasharray: 3500;
    stroke-dashoffset: 3500;}
 
      @media(max-width:1372px){
.s4-section-cube-copy{width:90%;}
    }

    .s4-svg-1{}
    .s4-svg-2{}
    .s4-svg-3{}
    .s4-svg-4{}
    .s4-section-cube-copy br{display:none;}
    @media(max-width:1282px){
.s4-section-cube-copy{width:90%;}
    }
/*@media(max-width:1400px){
.s4-section-cube-copy{ padding-left: 8%;
    padding-right: 8%;
    color: black;
 
    width: 100%;
    line-height: 2.5vw;
    height: 150px;
    font-size:1.5vw;
    font-weight: 400;}
.s4-section-row{position:relative;display:flex;align-content: center;justify-content: center;flex-direction: row; text-align:center; width:90%;margin:auto;}
   #s4-graph-base{background-color:#FCFCFD;width:100%;}
    #s4-wave-base{background-color:#FCFCFD;width:100%;}
    #s4-metric-base{background-color:#FCFCFD;width:100%;}
    #s4-network-base{background-color:#FCFCFD;width:100%;}
   
}*/
@media(max-width:1270px){
.s4-section-cube-copy{padding: 2.5%;
    text-align: left;
    line-height: 2.5;
    height:150px;
    letter-spacing: normal;
    text-align:center;
    font-weight: 400;
    font-size: 18px;
    margin: auto;
    width: 90%;
   
    padding-top: 5%;}
/*.s4-section-row{flex-direction:column;}
.section-4{margin-top:267%;}
.section-3{margin-top:75%;}
.s4-cube{width:80%;margin:auto;}*/

  
}
@media(max-width:1270px){.s4-section-cube-copy{
width:100%;
  }}
@media(max-width:1200px){
.s4-section-row{flex-direction:column;}
  #s4-graph-base{background-color:#FCFCFD;width:60%;margin-top:3%;}
    #s4-wave-base{background-color:#FCFCFD;width:60%;margin-top:3%;}
    #s4-metric-base{background-color:#FCFCFD;width:60%;margin-top:3%;}
    #s4-network-base{background-color:#FCFCFD;width:60%;margin-top:3%;}
   
    .s4-section-cube-ico{    width: 10vw;
    margin-top: 12%;}
    .s4-section-cube-copy {
          width: 80%;
    margin: auto;
    margin-bottom: 0%;}
}
@media(max-width:600px){
  .s4-section-cube-ico{ width: 25%;
    position: absolute;
    margin: auto;
    right: 0px;
    margin-top: 22%;
    left: 0px;}
    #s4-graph-base{background-color:#FCFCFD;width:100%;}
    #s4-wave-base{background-color:#FCFCFD;width:100%;}
    #s4-metric-base{background-color:#FCFCFD;width:100%;}
    #s4-network-base{background-color:#FCFCFD;width:100%;}
  .s4-section-cube-copy{font-size:4vw;line-height:8vw;width:95%;height:100px;text-align:center;height:40vw;}
  .s4-section-title{font-size:5.2vw;}
  .s4-section-cube-title{font-size:5.2vw;}
}
/*-------------------------------------------------------------------Section-5: Prompt to join the Beta program---------------------------------------------------------------*/
.section-5{       overflow: hidden;flex-direction:column;
    margin-bottom: 10%;
 
    height: 20%;}
    @media(max-width:1200px){

.beta-sub-copy{
  padding-top:20px;
  width:90%;
}
}
  


    @media(max-width:1000px){
      .section-5{ height:100vh; }
   

    }


.section-5-image{
    position:absolute;
background-image: url('../assets/section-5/background.png'); 
    background-size: cover;
    background-repeat: no-repeat; 
    background-position: center;
    width:130%;height:130%;
    transform:rotate(45deg);
top:-15%;left:-15%;
}
.s5-lightbase{position:absolute;width:100%;height:100%;background-color:rgba(255,255,255,0.8);}
.dott-base{width:100%;height:100%;position:absolute;}
 #beta-cta-wrapper{
    z-index:10;
    position:relative;margin-top:2%;margin-bottom:5%;width:300px;
 }
 .beta-sub-title{width:80%;margin-left:auto;margin-right:auto;padding-top:10%;font-size:35px;font-weight:1000;}
#beta-sub-cta{position:absolute;top:0px;    width: 100%;
    height: 50px;
    font-size: 25px;
    border-radius: 25px;}
#beta-cta{position:absolute;top:0px;opacity:1;    width: 100%;
    height: 50px;
    font-size: 25px;
    border-radius: 25px;}
.beta-sub-copy{  width: 80%;
    /* max-width: 800px; */
    opacity: 1;
    color: black;
    font-weight:400;
    z-index: 10;
    font-size: 22px;line-height:2.5;}
/*-------------------------------------------------------------------Section-6: Consulting Services---------------------------------------------------------------*/
.section-6{}

.s6-card-title-1{position: relative;
    right: -7%;}
    .s6-card-title-2{position: relative;
    right: -7%;}
    .s6-card-title-3{position: relative;
    right: 1%;}
#s6-explainer{      padding: 2.5%;
    text-align: left;
    line-height: 2.5;
    letter-spacing: normal;
    font-weight: 100;
    width: 71%;
    display: inline-block;
    text-align: center;
    font-size: 22px;}
 #consulting-cta-wrapper{width:100%;margin:auto;height:50px;
    z-index:10;
    position:relative;margin:auto;margin-top:50px;
   
 }
#consulting-sub-cta{    position: absolute;
    top: 0px;
    opacity: 1;
    padding-top: 3px;
    width: 300px;
    height: 50px;
    left:0px;right:0px;
    margin:auto;
    font-size: 19px;
    border-radius: 25px;
    font-weight: 400;}
#consulting-cta{    position: absolute;
    top: 0px;
    opacity: 1;
       font-size: 22px;
    display: flex;
    justify-content: center;
    padding-top:0px !important;
    align-items: center;
    width: 300px;
    margin:auto;
     left:0px;right:0px;
    height: 50px;
    font-size: 19px;
    border-radius: 25px;
    font-weight: 400;}
#dynamic-background {
    position:absolute;
    top:0px;
    opacity:0.05;
    width: 100%;
    height: 100%;
    background: radial-gradient(circle at 50% 50%, #18DDDD, transparent),
                radial-gradient(circle at 50% 50%, #E815FF, transparent);
    transition: background-position 0.5s ease;
}
.s6-flex-row{display:flex;flex-direction:row;  padding-bottom: 10%;    display: flex;
    flex-direction: row;
   
    padding-top: 5%;
    padding-bottom: 1.4%;}
.s6-flex-row-cards{display:flex;flex:1;background-color:white;flex-direction:column;width:33.33%;z-index:1;position:relative;margin:1%;border-radius:15px;    color: white;    color: white;
    background-color: rgba(0,0,0,0.9);
    background-color: rgba(0,0,0,0.9);}
.s6-flex-row-cards-box{display:flex;flex-direction:column;}
.s6-flex-row-cards-box-sub-50{font-weight: 300;
    display: flex;
    flex-direction: column;
    flex: 0.5;
    display: flex;
    flex-direction: column;
    flex: 0.5;
    width: 100%;
    margin: auto;
    text-align: left;
    font-size: 18px;
    line-height: 2;
    padding: 12%;
    padding-top: 0px;
    padding-bottom: 5%;}
.s6-flex-row-cards-box-sub-30{display:flex;flex-direction:row; text-align: left;align-content:center;
    font-size: 18px;
    line-height: 2;letter-spacing: 0.09em ;}
.s6-sub-sub-title{        margin: auto;
    /* margin-bottom: 10%; */
    margin-top: 2%;
    padding-bottom:70px;
    width: 100%;
    color: white;
    font-weight:100;
    opacity: 1;
    padding-top: 5%;

    background-color: rgba(0,0,0,0.9);}
    .s6-section-title{color:white;}
.s6-card-title{width:95%;}
.s6-sub-title{font-size:35px;color:white;    margin: auto;
    width: 70%;}
.s6-ico{width:40px;margin-left: 12%;margin-top:-2.2%;
    margin-bottom: 5%;}
.s6-card-title{padding-top:12%;}
.s6-copy-span{display:inline-block;margin-left:6%;margin-top: -0.2vw;    padding-bottom: 5%;
    opacity: 0.8;    font-weight: 600;
    font-size: 18px;}
 .s6-card-title-1, .s6-card-title-2{width:85%;}
 .s6-bg{width:75%;margin-bottom:7%;opacity:0.25;height:1px;}
 .s6-sub-copy{font-weight: 600;
    margin-bottom: 5%;font-size:18px;text-align:left;}
    .s6-fb-a{padding-top: 5%;
    padding-bottom: 5%;}
    .s6-sub-sub-copy{font-weight:100;font-size:18px;height:150px;letter-spacing:normal;}
    /* .s6-sub-copy{font-weight: 600;
    margin-bottom: 5%;font-size:1.3vw;text-align:left;}*/
    .show-1200{display:none;}
@media(max-width: 1200px) {
  #s6-explainer{font-size:22px;}
  .beta-sub-copy{font-size:22px;}
  .s6-sub-title{font-size:35px;}
  .beta-sub-title{font-size:35px}

    #consulting-cta{font-size:19px;}
  
  .s6-card-title-1{position: relative;
    right: 2.9%;}
    .s6-card-title-2{position: relative;
    right: 7.5%;}
    .s6-card-title-3{position: relative;
    right: -0.2%;}
  .s6-sub-title{width:80%;margin:auto;    margin-top: 3%;
    margin-bottom: 3%;}
  .s6-sub-sub-title{    width: 100%;
    padding-top: 10vw;

    padding-left: 5vw;
    padding-right: 5vw;
    opacity: 1;
    color: white;
    font-weight:100;
    background-color: rgba(0,0,0,0.9);
    margin-top: 2%;}
 
.s6-flex-row-cards-box{
      width: 100%;
    margin: auto;}
  .s6-sub-copy{font-weight: 600;letter-spacing: 0.12em;    display: inline-block;
    margin-bottom: 5%;font-size:2.3vw;text-align:left;}
.s6-flex-row{flex-direction:column;}
.s6-sub-sub-copy{display:inline-block;font-size:1.8vw;
    padding-top: 2.8%;}
.s6-flex-row-cards{width:95%;font-size:22px;margin:auto;margin-top:5%;padding-bottom:5%;}
.s6-flex-row-cards-box-sub-50,.s6-flex-row-cards-box-sub-30 {font-size:22px; justify-content: flex-start;display:block;}
.show-1200{display:inline-block;}
.hide-1200{display:none;}
.s6-flex-row-cards-box-sub-30{width:80%;margin-left:10%;} 
.s6-copy-span {margin:auto;font-size:22px;letter-spacing: 0.10em;}
.s6-ico{margin:auto;margin-left:1vw;}
.s6-flex-row-cards-box-sub-50{padding-bottom:3%;}
.s6-card-title{width:50%;}
.s6-card-title-3{width:62%;}
.s6-fb-a {
    padding-top: 3%;
     padding-bottom: 0%; 
}
 .s6-bg{margin-bottom:7%;}
 
}
.cpr{display: inline-block;
    position: absolute;
    bottom: 30px;
    width: 100%;
    left: 0px;}
@media(max-width: 800px) {
.cpr{font-size:3vw;opacity:0.6;}

  .s6-ico{width:5vw;}
    .s6-sub-title{font-size:5.2vw;}

  
#s6-explainer{font-size:4vw;line-height:8vw;text-align:left;}
.s6-sub-copy{font-size:4vw;}
.s6-sub-sub-copy{font-size:4vw;}
.s6-copy-span{font-size:2.7vw;}
.s6-sub-title{width:70%;}
.beta-sub-title{font-size:5.2vw;margin-bottom:50px;}

.beta-sub-copy{width: 70%;
   text-align:center;
    opacity: 1;
    color: black;
    font-weight: 400;
    z-index: 10;
    font-size: 4vw;
      
    margin-top: 50px;
    line-height: 8vw;}
#consulting-cta-wrapper{width:100%;
    z-index:10;
    position:relative;
   
 }
 .s6-sub-sub-title{padding-bottom:18vw;}
#consulting-sub-cta{    position: absolute;
    top: 0px;
    opacity: 1;
    padding-top: 3px;
    width: 80%;
    height: 50px;
    left:0px;right:0px;
    margin:auto;
    font-size: 5.2vw;
    border-radius: 25px;
    font-weight: 400;}
#consulting-cta{    position: absolute;
    top: 0px;
    opacity: 1;
    padding-top: 7px;
    width: 80%;
    margin:auto;
     left:0px;right:0px;
    height: 50px;
    font-size: 3vw;
    border-radius: 25px;
    font-weight: 400;}

}
.button-light{border:1px solid white;color:white;}
.button-dark{border:1px solid black;color:black;}
/*---------------------------------------------------------------------------------------------footer----------------------------------------------------------------------------------*/
footer{height:300px;}
#consent-wrapper{margin-top:-50px;width:125px;height:25px;border-radius:25px;background-color:black;position:absolute;}
#consent-ball{width:25px;height:25px;border-radius:50%;background-color:white;position:absolute;top:0px;cursor:pointer;cursor:hand;left:0px;}
#footer-anim{position:relative;margin:auto;margin-top:90px;width:70px;height:70px;}
#footer-rocket-black{width:70px;position:absolute;top:0px;left:0px;cursor:pointer;cursor:hand;opacity:1;right:0px;margin:auto;}
#footer-rocket-white:hover{opacity:1;}
#footer-rocket-white{width:70px;position:absolute;top:0px;left:0px;cursor:pointer;cursor:hand;opacity:0.5;right:0px;transition: opacity 1s ease;margin:auto;}
#footer-rocket-lit{width:70px;position:absolute;top:0px;left:0px;opacity:0;cursor:pointer;cursor:hand;right:0px;margin:auto;}
#privacy-link{cursor:pointer;cursor:hand;}
section{
    position:relative;
}
@media(max-width: 600px) {
  #sc-1-description-text span{    font-size: 4.2vw;}
.s1-span-text {
   
    font-size: 4.5vw;
}
.s2-mobile-card-copy {
  
    font-size: 4.5vw;
}
.s6-copy-span {
    font-size: 3.1vw;
}
#sc-1-description-text span {
  margin-top:-20px;
}
#sc-1-animation-spacer {padding-top:0px;}
#sc-1-flex-container {
    min-height: 730px;
}
#brand{max-width:90px;position:absolute;top:20px;left:0px;right:0px;}
.s3-line-copy {
    font-size: 4.2vw;
 
    padding-bottom: 10px;
   
}
.s4-section-cube-copy {
    font-size: 4.3vw;
    line-height: 8vw;
    width: 100%;
    height: 100px;
    text-align: center;
    height: 40vw;
}
.s4-section-title {
    font-size: 6vw;
}
.s4-section-cube-title {
    font-size: 6vw;
}
.beta-sub-title {
    font-size: 6vw;
    width: 90%;
    margin-bottom: 50px;
}
.beta-sub-copy {
    width: 80%;
    font-size: 4.5vw;
   
}
.s6-sub-title {
    font-size: 6vw;
    width: 80%;
}
#s6-explainer {
    padding: 0px;
   
}
.s6-sub-copy {
    font-size: 4.4vw;
}
#s3-why {
    font-size: 6vw;
  
}
.s2-mobile-card-title {
    font-size: 6vw;
  
}
.s6-sub-sub-title {
    padding-bottom: 16vw;
}
#consulting-cta{    position: absolute;
    top: 0px;
    opacity: 1;
    padding-top: 7px;
    width: 80%;
    margin:auto;
     left:0px;right:0px;
    height: 50px;
    font-size: 4vw;
    border-radius: 25px;
    font-weight: 400;}

}
.footer-flex-box {
  
    min-height: 0px;
    
}
#footer-flex,.footer-flex-box{height:100%;min-height:0px;}
#footer-anim {
  
    margin-top: 40px;
}
}
.footer-flex-box {
  
    min-height: 0px;
    
}
#footer-flex,.footer-flex-box{height:100%;min-height:0px;}
#footer-anim {
  
    margin-top: 40px;
}
footer{min-height:200px;height:200px;}
#brand{opacity:1;}
#brand-alt-ico{opacity:0;}
@media(max-width: 600px) {
#brand-alt-ico{opacity:1;}
#brand{opacity:0;}
}
.fade-in-scroll {
    opacity: 1;
    transition: opacity 0.5s ease, top 0.5s ease;
}

.fade-out-scroll {
    opacity: 0 ;
    transition: opacity 0.5s ease, top 0.5s ease;
}