.home-hero_banner {
background: #f5f5f5; 
}

/* .home-new-banner {
  margin-top:5rem;
}
.fs-title {
  font-size:2.5rem !important;
}
@media (max-width: 767px) {
    .fs-title {
        font-size: calc(1.25rem + 1vw) !important;
    }
}
.banner-subtxt {
  color:rgba(0,0,0,0.6) !important;
}
.blue-text {
  color:#24c4e6;
}

@media (max-width:767px) {
 
    h2 br, p br {
        display:none;    }
  h2, h2 + p {
        padding-right:0.5rem;
    padding-left:0.5rem;
    }
} 



/* animation css */

/* .scroll-container {
  height: 100vh; 
  display: flex;
  align-items: center;
  justify-content: center;
}

.crossfade {
  position: relative;
  width: 100%;
  height: 100%;
}

.crossfade > * {
  position: absolute;
  inset: 0; 
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 3rem;
}


#wireless {
  opacity: 0; 
}  */
 
.scroll-container {
  height: 150vh; 
  position: relative;
} 

.crossfade {
  position: sticky;
  top: 0;
  height: 100vh; /* stays fixed during animation */
  overflow: hidden;
}

.crossfade > section {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: none; 
} 

/* #wireless-text, #wireless-until {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

#wireless-text.visible, #wireless-until.visible {
  opacity: 1;
  transform: translateY(0);
} */

/* animate inner wireless pieces, not the whole section */
.wireless-group {
  opacity: 0;
/*   transform: translateY(18px); */
  transition: opacity 0.5s ease, transform 0.5s ease;
}

/* when visible, they fade in / slide up */
.wireless-group.visible {
  opacity: 1;
  transform: translateY(0);
}

#wireless-text {
  transform: translateY(30px);
} 
/* make the two groups stack and naturally center */
#wireless .col-md-8 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
} 
   
@media (max-width: 767px) 
 
  .scroll-container {
    height: auto; /* remove extra scroll space */
  }

  .crossfade {
    position: relative; /* no sticky */
    height: auto;       /* let content size naturally */
    overflow: visible; 
  }

  .crossfade > section {
    position: relative; /* stack normally */
    inset: auto;
    transition: none;
  }
  
  .ms-banner-2 {
       padding-bottom: 2rem; 
  } 
  #wireless-text {
    transform: translateY(0) !important;
    opacity: 1 !important;
}
  .wireless-group {
    opacity: 1;
  } 
} 

.home-banner-sub h2 {
  
  font-size:2.5rem !important;
}



/* .box-animate1 {
  opacity: 0;
  transform: translateY(40px);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out, box-shadow 0.3s ease;
} 

.box-animate1.visible {
  opacity: 1;
  transform: translateY(0);
}  
 */ 
.banner-lhs p {
 color: #00000070;
    font-weight: 600;
    font-size: 1.25rem;  
}
.home-hero_banner h1 {
 font-size: 3rem !important; 
} 
.home-hero_banner small {
     color: #00000080;
    font-weight: 600; 
}
@media (max-width: 768px) {
  .banner-lhs {
 text-align: center;    
}   
  .logo-track img {
        margin: 0 2rem !important;
  }
  .home-hero_banner h1 {
    font-size: calc(1.375rem + 1.5vw) !important;
}
  .banner-lhs p {
    font-size: 1.125rem;  
}
}

.video-rhs video {
/*  border-top-left-radius: 0.875rem;
  border-top-right-radius: 0.875rem; */
}

.video-btm {
  background: #e7e7ed; 
      margin-top: -8px; 
   border-bottom-left-radius: 0.875rem;
  border-bottom-right-radius: 0.875rem;
}