@media (min-width: 999px) {

.para{

	white-space: ;
	color: #fff;
	font-size: 39px;
	letter-spacing: ;
	line-height: 1.50em;
	font-weight: ;
}
 .smooth-blink {
    animation: blink-smooth 3.5s ease-in-out infinite;
  }
  @keyframes blink-smooth {
  0%, 100% { opacity: 1; }
  50% { opacity: 0; }
}
  .sharp-blink {
    animation: blink-sharp 1s steps(2, start) infinite;
  }
  @keyframes blink-sharp {
  to { visibility: hidden; }
}
.jump{
animation: slide-up 0.5s steps(2) infinite; /* 4 steps for 4 list items */

}
@keyframes slide-up {
  100% {
    transform: translateY(5%);
  }
}


 /* Core Animation Setup */
    .slidetext {
      font-size:;
      margin: ;
      text-wrap:wrap;
       padding:5px;
      text-align;center;
     
      opacity: 0; /* Hidden initially */
      transition: transform 1.2s ease-out, opacity 0.8s ease-out;
    }

    /* Left Variant Initial Position */
    .left {
      transform: translateX(-100px);
    }

    /* Right Variant Initial Position */
    .right {
      transform: translateX(150px);
    }

    /* Active Class applied by JavaScript when visible */
    .slidetext.active {
      transform: translateX(0);
      opacity: 1;
    }
    
    
     .slidebottom {
      
      opacity: 0;
      transform: translateY(50px);
      transition: opacity 0.7s ease-out, transform 0.6s ease-out;
    }

    /* Class applied by JavaScript when the element is scrolled into view */
    .slidebottom.active {
      opacity: 1;
      transform: translateY(0);
    }
    .slidetop {
      
      opacity: 0;
      transform: translateY(-400px);
      transition: opacity 0.7s ease-out, transform 0.6s ease-out;
    }

    /* Class applied by JavaScript when the element is scrolled into view */
    .slidetop.active {
      opacity: 1;
      transform: translateY(0);
    }
/*-------------------------------------DIV---------------DIV------------------DIV*/


/* Base hidden state */
.divleft {
  opacity: 0;
  filter: blur(10px); /* Optional: adds a premium soft-reveal look */
  transition: all 1.1s ease-out;
}

/* Entry variations */
 .left { transform: translateX(-100px); }
 .right { transform: translateX(100px); }

/* Final active layout state applied by JS */
.divleft.active {
  opacity: 1;
  filter: blur(0);
  transform: translateX(0);
}

.divmove {
  opacity: 0;
  filter: blur(10px); /* Optional: adds a premium soft-reveal look */
  transition: all 1.1s ease-out;
}

/* Entry variations */
.divmove .left { transform: translateX(-100px); }
.divmove .right { transform: translateX(100px); }

/* Final active layout state applied by JS */
.divmove.active {
  opacity: 1;
  filter: blur(0);
  transform: translateX(0);
}



.topspan{
    color: #fff;
	font-size: 19px;
	position:relative;
    display:flex;
    z-index:9;
    text-align:;
    margin-top:;
    padding-top:;
    left:0;
    text-wrap:wrap;
    width:100%;
}
.toph1{
    color: #fff;
	font-size: 25px;
	position:relative;
    display:;
    z-index:0;
    text-align:
}
.toph2{
   color: #fff;
	font-size:23px;
	position:;
   
    z-index:0;
    text-align:;
    display:flex;
    z-index:9;
    text-align:;
    margin-top:;
    padding-top:;
    left:0;
    text-wrap:wrap;
}
.parag{
    color: #fff;
	font-size: 15px;
	position:relative;
    display:flex;
    z-index:9;
    text-align:;
    margin-top:;
    padding-top:;
    left:0;
    text-wrap:wrap;
     width:100%;
}
.textwave {
  display: flex;
  font-size: 4rem;
  font-family: sans-serif;
  position:absolute;
  z-index:0;
  margin-top:200px;
  margin-left:450px;
  padding:0px;
  overflow:hidden;
  letter-spacing:1em;
  width:;
  background:none;
  vertical-align::
  
  
}

.textwave span {
  display: inline-block;
  /* Use the CSS variable --i to stagger the animation delay for each letter */
  animation: wavy 1.5s ease-in-out infinite;
  animation-delay: calc(0.1s * var(--i));
  color:#fff;
}

@keyframes wavy {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-20px); /* Adjust distance here */
  }
}
}
/*9999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999*/
@media (max-width: 768px) {


.textwave {
  display: flex;
  font-size: 1.5rem;
  font-family: sans-serif;
  position:absolute;
  z-index:0;
  margin-top:100px;
  margin-left:50px;
  padding:0px;
  overflow:hidden;
  letter-spacing:1em;
  width:;
  background:none;
  vertical-align::
  
  
}

.textwave span {
  display: inline-block;
  /* Use the CSS variable --i to stagger the animation delay for each letter */
  animation: wavy 1.5s ease-in-out infinite;
  animation-delay: calc(0.1s * var(--i));
}

@keyframes wavy {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-20px); /* Adjust distance here */
  }
}
}

.smooth-blink {
    animation: blink-smooth 3.5s ease-in-out infinite;
  }
  @keyframes blink-smooth {
  0%, 100% { opacity: 1; }
  50% { opacity: 0; }
}
  .sharp-blink {
    animation: blink-sharp 1s steps(2, start) infinite;
  }
  @keyframes blink-sharp {
  to { visibility: hidden; }
}


 
.jump{
animation: slide-up 0.5s steps(2) infinite; /* 4 steps for 4 list items */

}
@keyframes slide-up {
  100% {
    transform: translateY(5%);
  }
}


 /* Core Animation Setup */
    .slidetext {
      font-size:;
      margin: ;
      text-wrap:wrap;
       padding:5px;
      text-align;center;
     
      opacity: 0; /* Hidden initially */
      transition: transform 1.2s ease-out, opacity 0.8s ease-out;
    }

    /* Left Variant Initial Position */
    .left {
      transform: translateX(-100px);
    }

    /* Right Variant Initial Position */
    .right {
      transform: translateX(150px);
    }

    /* Active Class applied by JavaScript when visible */
    .slidetext.active {
      transform: translateX(0);
      opacity: 1;
    }
    
    
     .slidebottom {
      
      opacity: 0;
      transform: translateY(50px);
      transition: opacity 0.7s ease-out, transform 0.6s ease-out;
    }

    /* Class applied by JavaScript when the element is scrolled into view */
    .slidebottom.active {
      opacity: 1;
      transform: translateY(0);
    }
    .slidetop {
      
      opacity: 0;
      transform: translateY(-400px);
      transition: opacity 0.7s ease-out, transform 0.6s ease-out;
    }

    /* Class applied by JavaScript when the element is scrolled into view */
    .slidetop.active {
      opacity: 1;
      transform: translateY(0);
    }
/*-------------------------------------DIV---------------DIV------------------DIV*/


/* Base hidden state */
.divleft {
  opacity: 0;
  filter: blur(10px); /* Optional: adds a premium soft-reveal look */
  transition: all 1.1s ease-out;
}

/* Entry variations */
 .left { transform: translateX(-100px); }
 .right { transform: translateX(100px); }

/* Final active layout state applied by JS */
.divleft.active {
  opacity: 1;
  filter: blur(0);
  transform: translateX(0);
}

.divmove {
  opacity: 0;
  filter: blur(10px); /* Optional: adds a premium soft-reveal look */
  transition: all 1.1s ease-out;
}

/* Entry variations */
.divmove .left { transform: translateX(-100px); }
.divmove .right { transform: translateX(100px); }

/* Final active layout state applied by JS */
.divmove.active {
  opacity: 1;
  filter: blur(0);
  transform: translateX(0);
}

.para{

	white-space: ;
	color: #fff;
	font-size: 22px;
	letter-spacing: ;
	line-height: 1.25em;
	font-weight: ;
}
.topspan{
    color: #fff;
	font-size: 19px;
	position:relative;
    display:flex;
    z-index:9;
    text-align:;
    margin-top:;
    padding-top:;
    left:0;
    text-wrap:wrap;
    width:100%;
}
.toph1{
    color: #fff;
	font-size: 25px;
	position:relative;
    display:;
    z-index:0;
    text-align:
}
.toph2{
   color: #fff;
	font-size:23px;
	position:;
   
    z-index:0;
    text-align:;
    display:flex;
    z-index:9;
    text-align:;
    margin-top:;
    padding-top:;
    left:0;
    text-wrap:wrap;
}

.parag{
    color: #fff;
	font-size: 15px;
	position:relative;
    display:flex;
    z-index:9;
    text-align:;
    margin-top:;
    padding-top:;
    left:0;
    text-wrap:wrap;
     width:100%;
}



}
@media (min-width: 799px) {
.para{

	white-space: ;
	color: #fff;
	font-size: 25px;
	letter-spacing: ;
	line-height: 1.50em;
	font-weight: ;
}
}