@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');*{
      font-family: "Manrope", sans-serif;
    }
    /* Smooth background transitions for slider */
    .slide-bg {
      transition: background-image 0.7s ease-in-out;
    }
    @keyframes scrollRight {
      0% { transform: translateX(-50%); }
      100% { transform: translateX(0); }
    }

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

    .animate-scroll-right {
      display: flex;
      width: max-content;
      animation: scrollRight 25s linear infinite;
    }

    .animate-scroll-left {
      display: flex;
      width: max-content;
      animation: scrollLeft 25s linear infinite;
    }

    /* Pause scrolling on hover */
    .slider-container:hover .animate-scroll-right,
    .slider-container:hover .animate-scroll-left {
      animation-play-state: paused;
    }

    /* Custom vertical text orientation */
    .vertical-text {
      writing-mode: vertical-rl;
      transform: rotate(180deg);
    }

    /* Smooth 0.7s expansion transition */
    .accordion-item {
      transition: flex 0.7s cubic-bezier(0.25, 1, 0.5, 1);
    }

    /* Smooth background scaling on active */
    .accordion-bg {
      transition: transform 0.7s ease, opacity 0.7s ease;
    }

    /* Content fade & slide-in animation */
    .content-box {
      transition: opacity 0.5s ease 0.2s, transform 0.5s ease 0.2s;
    }

    .accordion-item:not(.active) .content-box {
      opacity: 0;
      transform: translateX(-15px);
      pointer-events: none;
      transition: opacity 0.3s ease, transform 0.3s ease;
    }

    .accordion-item.active .content-box {
      opacity: 1;
      transform: translateX(0);
      pointer-events: auto;
    }
    .no-scrollbar::-webkit-scrollbar {
      display: none;
    }
    .no-scrollbar {
      -ms-overflow-style: none;
      scrollbar-width: none;
    }
    /* Card image zoom effect on hover */
    .card-hover:hover .card-bg-img {
      transform: scale(1.05);
    }
    .content-fade {
      transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
    }
    .faq-answer {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.3s ease-out, opacity 0.3s ease-out;
      opacity: 0;
    }
    .faq-answer.open {
      opacity: 1;
    }

    /* new  */
    @keyframes marquee {
      0% { transform: translateX(0%); }
      100% { transform: translateX(-50%); }
    }

    .animate-marquee {
      display: flex;
      width: max-content;
      animation: marquee 20s linear infinite;
    }

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