.animationheading h2 span.line{
    display:block  !important;
    opacity:0.2   !important;
    color:#fff !important;
    transition:opacity 0.5s ease  !important;
}

.animationheading h2 span.line.active{
    opacity:1  !important;
}


/* background layer */
.starbg-inner{
  position: absolute;
  inset: 0;

  background: url("https://hubrawork.com/noetic/wp-content/uploads/2026/03/Group-152.png") center/cover no-repeat;

  transform: scale(0); /* 👈 start from 0 */
  transform-origin: center center; /* 👈 grow from center */

  will-change: transform;
}
.stageh{
    position:relative;
}
.stageh:hover .starbg-inner  {
  transform: scale(1);
}

@media (max-width: 768px) {

  .slide {
    flex-direction: column;
    text-align: center;
    gap: 20px;
    padding: 25px 15px;
  }

  .slide img {
    width: 130px;
  }

  .content p {
    font-size: 14px;
  }

  .content h3 {
    font-size: 20px;
  }

  .nav {
    top: auto;
    bottom: 10px;
    right: 50%;
    transform: translateX(50%);
  }

  .nav button {
    width: 36px;
    height: 36px;
  }

  .thumb {
    width: 60px;
    height: 60px;
  }
}


/* CONTAINER */

#grid1{
    z-index:9999 !important;
}
/* RESPONSIVE */
@media (max-width: 768px) {

 

  .slide {
    flex-direction: column;
    text-align: center;
  }

  .slide img {
    width: 150px;
  }

  .thumb {
    width: 60px;
    height: 60px;
  }
}