.scale-icon { transform: scale(0); opacity: 0; transition: transform 1.5s ease, opacity 0.9s ease; }
.scale-icon.active { transform: scale(1); opacity: 1; }

.states-right,
.states-left {  opacity: 0; transition: transform 1.5s ease, opacity 0.9s ease; }
.states-right { transform: translateX(120px); }
.states-left  { transform: translateX(-120px); }
.states-right.active, .states-left.active { transform: translateX(0); opacity: 1; }

.highlighted-text span { opacity: 0; display: inline-block; transform: translateX(-50px); animation: revealChar 1s forwards ease; }
@keyframes revealChar {
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

.drop-box { opacity: 0; transform: perspective(-800px) rotateX(-90deg); transform-origin: top; }
.drop-box.active { animation: flipDown 2s cubic-bezier(.22,.61,.36,1) forwards; opacity: 1; }
@keyframes flipDown {
  0% {
    opacity: 0;
    transform: perspective(800px) rotateX(-90deg);
  }

  60% {
    opacity: 1;
    transform: perspective(800px) rotateX(10deg);
  }

  80% {
    transform: perspective(800px) rotateX(-4deg);
  }

  100% {
    transform: perspective(800px) rotateX(0deg);
  }
}

.vm-icon { transform: scale(0); opacity: 0; transition: transform 1s ease, opacity 0.9s ease; }
.vm-icon.active { transform: scale(1); opacity: 1; }

.fe-icon { transform: scale(0); opacity: 0; transition: transform 1s ease, opacity 0.9s ease; }
.fe-icon.active { transform: scale(1); opacity: 1; }
.fe-item{ transition: transform 0.9s ease-in-out; }
.fe-item:hover{ box-shadow: 0 4px 30px rgba(29, 151, 241, 0.2); }

.founder-content h3 { transform: translateX(100px); opacity: 0; transition: transform 1.5s ease, opacity 0.9s ease; }
.founder-content h3.active { transform: translateX(0); opacity: 1; }
.founder-content p { transform: translateX(100px); opacity: 0; transition: transform 1.5s ease, opacity 0.9s ease; }
.founder-content p.active { transform: translateX(0); opacity: 1; }

.ProductListing-card .product-card-right img { transition: transform 0.9s ease-in-out; }
.ProductListing-card:hover .product-card-right img { transform: scale(1.1); }

.hm-testi-arrow img { display: inline-block; }
.hm-testi-arrow { position: relative; height: 20px; width: 20px; }
.hm-testi-arrow sup { position: absolute; left: 0; }
.hm-testi-arrow { position: relative; height: 18px; width: 18px; }
.hm-testi-arrow .a1{  width: 20px !important; height: 20px !important; }
.hm-testi-arrow .a2{ width: 20px !important; height: 20px !important }
.hm-testi-arrow sup { position: absolute; left: 0; top: 0; }
.arrow { display: block; animation: arrowFlow 1.6s linear infinite; }

.a2 {animation-delay: 0.8s; }
@keyframes arrowFlow {
  0% {
    transform: translateY(12px);
    opacity: 0.25;
  }

  40% {
    opacity: 0.75;
  }

  60% {
    transform: translateY(0px);
    opacity: 1;
  }

  100% {
    transform: translateY(-12px);
    opacity: 0;
  }
}

.industry-card-img{ overflow: hidden; border-radius: 20px; }
.industry-card-img img{  transition:  all 1s ease; border-radius: 20px; }
.industry-listing-cards a:hover .industry-card-img img{ transform: scale(1.12); border-radius: 20px; }

.sh-f-inner{ transition: all 1s ease; }
.sh-f-inner:hover{ box-shadow: 0 10px 25px rgba(76, 82, 150, 0.48);  }

.blog-image-wrapper{ overflow: hidden; border-radius: 20px; }
.blog-image-wrapper img{ transition: all 1s ease; border-radius: 20px; }
.blog-card:hover .blog-image-wrapper img{ transform: scale(1.12); border-radius: 20px; }

.contact-form-card{ transform: translateX(-50px); opacity: 0; transition: all 2s ease; }
.contact-form-card.active{ transform: translateX(0); opacity: 1; }

.b-img{ overflow: hidden; border-radius: 20px; }
.b-img img{ transition: all 1s ease; }
.news-item{ cursor: pointer; }
.news-item:hover img{ transform: scale(1.12); } 

.t-stats-count{ opacity: 0; scale: 0; transition: all 1s ease; }
.t-stats-count.active{ opacity: 1; scale: 1; }

.pro-col-left img{ transition: all 1s ease; }
.pro-col-left img:hover{ transform: scale(1.1); }

.vm-img{ overflow: hidden; border-radius: 20px; }
.vm-img img{ transition: all 1s ease; }
.vm-item{ cursor: pointer; }
.vm-item:hover img{ transform: scale(1.12); }

.footer-cta-text .text-lime-green {
  display: inline-block;
  margin-left: 10px;
}

.footer-cta-text .word {
  opacity: 0;
  display: inline-block;
  transform: translateX(0);
}

/* HUMIDIFICATION */
.text-lime-green.start-loop .word:nth-child(1) {
  animation: wordOne 4s ease infinite;
}

/* SOLUTIONS */
.text-lime-green.start-loop .word:nth-child(2) {
  animation: wordTwo 4s ease infinite;
}

@keyframes wordOne {
  0% {
    opacity: 0;
    transform: translateX(-50px);
  }
  20% {
    opacity: 1;
    transform: translateX(0);
  }
  35% {
    opacity: 1; /* stays visible longer */
  }
  80% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

@keyframes wordTwo {
  0% {
    opacity: 0;
    transform: translateX(-50px);
  }
  20% {   /* was 35% */
    opacity: 0;
  }
  35% {   /* was 50% */
    opacity: 1;
    transform: translateX(0);
  }
  80% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}