
.animate-on-scroll {
  opacity: 0;
  transform: translateY(-100px); /* Optional: Initial position for the animation */
  transition: opacity 1s ease-out, transform 1s ease-out;
  /*margin-top: 50px;*/
}

.is-visible {
  opacity: 1;
  transform: translateY(0);
   margin-top: 0px;
}

.banner-text{
  margin-top: 150px; 
  color:#ffffff;
  letter-spacing: 0.5px;
}

.animate-on-scroll2 {
  opacity: 0;
  transform: translateX(150px); /* Optional: Initial position for the animation */
  transition: opacity 2s ease-out, transform 1s ease-out;
  /*margin-top: 50px;*/
}

.is-visible2 {
  opacity: 1;
  transform: translateX(0);
   margin-top: 0px;
}


.animate-on-scroll3 {
  opacity: 0;
  transform: translateX(-150px); /* Optional: Initial position for the animation */
  transition: opacity 2s ease-out, transform 1s ease-out;
  /*margin-top: 50px;*/
}

.is-visible3 {
  opacity: 1;
  transform: translateX(0);
   margin-top: 0px;
}


.animate-on-scroll4 {
  opacity: 0;
  transform: translateX(-100px); /* Optional: Initial position for the animation */
  transition: opacity 1s ease-out, transform 1s ease-out;
  /*margin-top: 50px;*/
}

.is-visible4 {
  opacity: 1;
  transform: translateX(0);
   margin-top: 0px;
}

.fullbg5{
  opacity: 0;
   transform: translateY(130px); /* Optional: Initial position for the animation */
  transition: opacity 1s ease-out, transform 1s ease-out;
  overflow: hidden;
}

.is-visible5 {
  opacity: 1;
  transform: translateY(0px);
}

.sidem{
  opacity: 1;
   transform: translateX(-50px); /* Optional: Initial position for the animation */
  transition: opacity 0.5s ease-out, transform 0.5s ease-out;
  overflow: hidden;
}

.is-visible6 {
  opacity: 1;
  transform: translateX(0px);
}

/*.typewriter-text {
  
  visibility: hidden;
   white-space: nowrap; 
  overflow: hidden; 
  width: 0; 
}


@keyframes typing {
  from { width: 0;white-space: nowrap; }
  to { width: 100% ; white-space: wrap;}
}


.is-visible2 {
  visibility: visible;
  animation: typing 3s steps(40, end) forwards;
}*/


/*----------------------------------------*/