.faq-item {
      background: rgba(255, 255, 255, 0.05);
      backdrop-filter: blur(10px);
      border: 1px solid rgba(255, 255, 255, 0.1);
      overflow: hidden;
    }

    .faq-item.active {
      background: rgba(255, 255, 255, 0.1);
    }

    .faq-answer-inner {
      opacity: 0;
      height: 0;
      padding-bottom: 0;
      overflow: hidden;
    }

    .rotate-0 {
      transform: rotate(0deg);
      transition: transform 0.3s ease-out;
    }

    .rotate-180 {
      transform: rotate(180deg);
      transition: transform 0.3s ease-out;
    }

    .service-item {
      transform-origin: left center;
    }

    .gsap-card {
      transition: transform 0.3s ease, box-shadow 0.3s ease;
    }

    .gsap-card:hover {
      transform: translateY(-5px);
      box-shadow: 0 10px 25px -5px rgba(109, 40, 217, 0.3);
    }

    .animate-pulse {
      animation: pulse 2s infinite;
    }

    @keyframes pulse {

      0%,
      100% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(59, 130, 246, 0.4);
      }

      50% {
        transform: scale(1.05);
        box-shadow: 0 0 0 10px rgba(59, 130, 246, 0);
      }
    }
     .service-card {
        transition: transform 0.3s ease, box-shadow 0.3s ease;
        will-change: transform;
    }
    
    .service-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 10px 25px -5px rgba(109, 40, 217, 0.3);
    }
    
    #images-container {
        will-change: transform, opacity;
    }
    
    [data-image] {
        will-change: opacity;
    }