@media only screen and (min-width: 1901px) {
    :root{
        --baseFS: 18px;
    } 
 
    
}
@media only screen and (min-width: 2901px) {
    :root{
        --baseFS: 26px;
    } 
 
    
}

@media only screen and (min-width: 1440px) and (max-width: 1900px){ 
   
    .engine_main ul li{ width: 26em;}
 
}

/*start of = (min-width: 1366px) and (max-width: 1440px)*/
@media only screen and (min-width: 1366px) and (max-width: 1439px){
   
    :root{
        --baseFS: 14px;
    } 
 
         .section_two .secVideo video {  width: 274%; height: 150%; top: 0; left: -91%; }
    .section_three .secVideo video {  width: 274%; height: 150%; top: 0; left: -91%; }
    .engine_main ul li:not(:first-child):after{ left: -66px; width: 40px;}
    .section_four .secVideo video { height: calc(100vh - 16.5em);  top: 7em;  width: calc(100vw - 0.125em);  left: 0.0625em; }




/*end of = (min-width: 1366px) and (max-width: 1900px)*/			
}





 
/*start of = (min-width: 1280px) and (max-width: 1365px)*/	
@media only screen and (min-width: 1280px) and (max-width: 1365px){

    :root{
        --baseFS: 14px;
    }

         .section_two .secVideo video {  width: 274%; height: 150%; top: 0; left: -91%; }
    .section_three .secVideo video {  width: 274%; height: 150%; top: 0; left: -91%; }
    .engine_main ul li:not(:first-child):after{ left: -66px; width: 40px;}
    .section_four .secVideo video { height: calc(100vh - 16.5em);  top: 7em;  width: calc(100vw - 0.125em);  left: 0.0625em; }

/*end of = (min-width: 1280px) and (max-width: 1365px)*/			
}





/*start of = (min-width: 1024px) and (max-width: 1279px)*/
@media only screen and (min-width: 1024px) and (max-width: 1279px){
    body { -webkit-text-size-adjust:none;  -webkit-overflow-scrolling: touch; }
    :root{
        --baseFS: 13px;
        --fs80: 4em;
        --fs100: 5em;
        --fs50: 2.8em;
    } 
    
    .section_two .secVideo video {  width: 274%; height: 150%; top: 0; left: -91%; }
    .section_three .secVideo video {  width: 274%; height: 150%; top: 0; left: -91%; }
    .engine_main ul li:not(:first-child):after{ left: -66px; width: 40px;}
    .section_four .secVideo video { height: calc(100vh - 16.5em);  top: 7em;  width: calc(100vw - 0.125em);  left: 0.0625em; }

/*end of = (min-width: 1024px) and (max-width: 1279px)*/			
}


/*start of = (min-width: 768px) and (max-width: 1023px)*/	
@media only screen and (min-width: 768px) and (max-width: 1023.98px){
   
 
body { -webkit-text-size-adjust:none; -webkit-overflow-scrolling: touch; overflow-x: hidden; }
  
:root{
    --baseFS: 14px;
    --fs80: 4em;
    --fs100: 5em;
    --secPad:3.75em;
} 
    .section_two .secVideo video {  width: 274%; height: 150%; top: 0; left: -91%; }
    .section_three .secVideo video {  width: 274%; height: 150%; top: 0; left: -91%; }
    .insights_main ul{ gap: 2.5em;}
    .insights_main ul li{ width: 100%; max-width: none;}

    .engine_main ul{ gap: 3.5em;}
    .engine_main ul li:not(:first-child):after{ display: none;}
    .section_four .secVideo video { width: 100%; left: 0px; height: calc(100vh - 38.5em); top: 14em; }
    .engine_main ul li{ max-width: none; width: 100%; }
    .heading_text{ line-height: 1.2em;}
    .engine_box{ gap: 2em;}
/* end 768 */
}


@media only screen and (min-width:0px) and (max-width:767.98px){
   
    body { -webkit-text-size-adjust:none; -webkit-overflow-scrolling: touch; overflow-x: hidden; }
  
    :root{
        --baseFS: 12px;
        --fs80: 2.4em;
        --fs100: 2.9em;
        --secPad:2.5em;
            --fs50: 2em;
    } 

 
    .mainLogo{ font-size: 10px;}
    .sec2_headings h2{ line-height: 1.1em;}
    .insights_main ul{ gap: 2.5em;}
    .insights_main ul li{ width: 100%; max-width: none;}
    .insights_box{ display: flex;}
    .insight_icon{ width: 4em; flex-shrink: 0; margin-right: 2em;}

     .insight_icon svg{ margin: auto; max-height: 4.3875em; }
    .insights_main ul li:first-child .insight_icon svg{ max-width: 3em;}


    .insight_text{ width: 100%;}
 
    .formSubmit{ width: 8em; }
    .engine_main ul{ gap: 2.5em;}
    .engine_main ul li{ max-width: none; width: 100%;}
    .heading_text br{ display: none;}
    .section_four .secVideo video { width: 100%; left: 50%; margin-left: -50%;  height: 230px;  top: 20%; }

    .section_two .secVideo video {  width: 274%; height: 150%; top: -15%; left: -91%; }
    .section_three .secVideo video {  width: 274%; height: 150%; top: 0; left: -91%; }

    .heading_text{ line-height: 1.2em;}
    .engine_main ul li:not(:first-child):after{ display: none;}

    /* .mainLogo { --mainTransition: all 1.2s ease; } */
  /* .landing_text {  position: relative; transition: none; } */
  .landing_inner{ padding-bottom: 4em; padding-top:7.8em;}


  body.lock-scroll {
  overflow: hidden;
  touch-action: none;
}
.section_box {
  height: 100vh;
  width: 100%;
  scroll-snap-align: start;
  position: relative;
}
.engine_main{ margin: auto; padding-bottom: 0px;}

 .social_links ul{ gap: 50px; }

   body.lock-scroll {
    overflow: hidden;
    touch-action: none;
    }

}

@media only screen and (min-width:320px) and (max-width:519px){
    
 
}
@media only screen and (min-width:520px) and (max-width:767px){
     .section_four .secVideo video { width: 100%; left: 50%; margin-left: -50%; height: 300px; top: 20%; }
    
}



@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 812px) 
and (-webkit-device-pixel-ratio : 3)
and (orientation : landscape)  {  

 


}

@supports (-webkit-touch-callout: none) {
    html, body {
        overflow-x: hidden;  
    }
}

@media (hover: none) and (pointer: coarse) { 
    
}