body {
        background: #0a0a0a;
        color: white;
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
      }
      .section-video {
        width: 80px;
        height: 80px;
        object-fit: cover;
        border-radius: 1rem;
        box-shadow: 0 0 10px rgba(0,255,255,0.4);
      }
    .hero-video {
      position: absolute;
      top: 0;
      left: 0;
      width: 100vw;
      height: 100%;
      max-height: 400px;
      object-fit: cover;
      z-index: -1;
      opacity: 0.2;
      pointer-events: none;
    }

     .zoom-out-anim {
        animation: layananZoomOut 0.4s forwards;
      }
      @keyframes layananZoomOut {
        to {
        transform: scale(0.7);
        opacity: 0.3;
        }
      }

      .open span:nth-child(1) {
  transform: rotate(45deg) translate(5px, 5px);
}
.open span:nth-child(2) {
  opacity: 0;
}
.open span:nth-child(3) {
  transform: rotate(-45deg) translate(5px, -5px);
}