@keyframes float {
        0%,
        100% {
          transform: translateY(0);
        }
        50% {
          transform: translateY(-12px);
        }
      }
    


      /* Tab button styling */
      .tab-btn {
        padding: 8px 20px;
        border-radius: 6px;
        border: 1px solid #6366f1;
        font-size: 14px;
        font-weight: 500;
        color: #374151;
        background: #fff;
        transition: 0.2s;
      }
      .tab-btn:hover {
        background: #eef2ff;
      }
      .deal-card {
        background: #fff;
        border-radius: 12px;
        overflow: hidden;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
        transition: 0.3s;
      }
      .deal-card:hover {
        transform: translateY(-4px);
        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.12);
      }
      .deal-card img {
        height: 180px;
        width: 100%;
        object-fit: cover;
      }
      .card-body {
        padding: 16px;
        font-size: 14px;
        font-weight: 600;
      }
      .card-body span {
        display: block;
        font-size: 12px;
        color: #6b7280;
        margin-top: 4px;
      }
      .card-body b {
        display: block;
        margin-top: 8px;
        color: #111827;
      }
   


      /* Hides scrollbar but allows functionality */
      .no-scrollbar::-webkit-scrollbar {
        display: none;
      }
      .no-scrollbar {
        -ms-overflow-style: none;
        scrollbar-width: none;
      }
   


      /* Testimonial card styling */
      .testimonial-card {
        background: #fff;
        border-radius: 16px;
        padding: 32px;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
      }
      .testimonial-card .quote {
        font-size: 48px;
        color: #1f4b6e;
        line-height: 1;
        margin-bottom: 12px;
      }
      .testimonial-card h4 {
        font-size: 18px;
        font-weight: 600;
        margin-bottom: 12px;
      }
      .testimonial-card p {
        font-size: 14px;
        color: #4b5563;
        line-height: 1.7;
      }
      .author {
        margin-top: 24px;
        padding-top: 16px;
        border-top: 1px solid #e5e7eb;
      }
      .author img {
        width: 36px;
        height: 36px;
      }
      .dot {
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: #c7d2fe;
        transition: 0.3s;
      }
      .active-dot {
        background: #6366f1;
        transform: scale(1.2);
      }
 




      /* Client card styling (CDN safe) */
      .client-card-marquee {
        display: flex;
        align-items: center;
        justify-content: center;
        min-width: 200px;
        height: 8rem; /* h-32 */
        background: #ffffff;
        border-radius: 1rem; /* rounded-2xl */
        border: 1px solid #f3f4f6; /* gray-100 */
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
        padding: 0 2rem; /* px-8 */
        transition: box-shadow 0.3s ease;
      }

      .client-card-marquee:hover {
        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12);
      }

      /* Marquee animations */
      .animate-marquee {
        animation: marquee 30s linear infinite;
      }

      .animate-marquee2 {
        animation: marquee2 30s linear infinite;
      }

      @keyframes marquee {
        0% {
          transform: translateX(0%);
        }
        100% {
          transform: translateX(-100%);
        }
      }

      @keyframes marquee2 {
        0% {
          transform: translateX(100%);
        }
        100% {
          transform: translateX(0%);
        }
      }

      /* Pause animation on hover */
      .group:hover .animate-marquee,
      .group:hover .animate-marquee2 {
        animation-play-state: paused;
      }