html, body {
  overflow-x: hidden;
}

    body {
      font-family: 'Poppins', sans-serif;
        margin: 0;
  padding: 0;
    }

    /* HERO BG */
    .hero {
      background-image: url('images/header-bg.jpg');
      background-size: cover;
      background-position: center;
    }

    /* SLIDER */
 

    /* HOVER EFFECT */
    .card:hover {
      transform: translateY(-8px) scale(1.03);
      transition: 0.3s;
    }

    .slider {

      background-repeat: no-repeat;

    }

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

      100% {
        transform: translateX(-50%);
      }
    }

    .slider-track {
      width: max-content;
      animation: scroll 30s linear infinite;
    }

    .slider-track:hover {
      animation-play-state: paused;
    }

    .card {
      transition: 0.3s ease;
    }

    .card:hover {
      transform: translateY(-12px) scale(1.06);
    }

    /* Mobile fix for parallax */
    @media (max-width: 768px) {
      .parallax-fix {
        background-attachment: scroll !important;
      }
    }

    /* why choose us */
    .accordion-content {
      max-height: 0;
      overflow: hidden;
      opacity: 0;
      transition: max-height 0.5s ease, opacity 0.3s ease;
    }

    .accordion-item.active .accordion-content {
      opacity: 1;
    }


    /* monthly profit */
    /* entry animation */
    .stat-box {
      opacity: 0;
      transform: translateY(40px);
      transition: all 0.8s ease;
    }

    .stat-box.show {
      opacity: 1;
      transform: translateY(0);
    }

    /* glow pulse */
    .glow {
      animation: pulseGlow 1.5s infinite;
    }

    @keyframes pulseGlow {
      0% {
        text-shadow: 0 0 5px rgba(255, 140, 0, 0.2);
      }

      50% {
        text-shadow: 0 0 20px rgba(255, 140, 0, 0.6);
      }

      100% {
        text-shadow: 0 0 5px rgba(255, 140, 0, 0.2);
      }
    }

    /* progress bar */
    .bar {
      width: 80px;
      height: 4px;
      background: orange;
      margin: 12px auto 0;
      border-radius: 10px;
      animation: barPulse 1.2s infinite;
    }

    .bar.red {
      background: red;
    }

    @keyframes barPulse {
      0% {
        transform: scaleX(1);
        opacity: 0.6;
      }

      50% {
        transform: scaleX(1.3);
        opacity: 1;
      }

      100% {
        transform: scaleX(1);
        opacity: 0.6;
      }
    }

    /* particles canvas */
    #particles {
      position: absolute;
      inset: 0;
      z-index: 0;
    }


    /* directors */
    .director.show {
      opacity: 1 !important;
      transform: translateY(0) !important;
    }

    /* profit breakdown */
    .profit-item {
      opacity: 1;
      /* IMPORTANT FIX */
      transform: translateY(0);
    }

    /* our purpose */
    .fade-up {
      opacity: 0;
      transform: translateY(40px);
      transition: all 0.8s ease;
    }

    .fade-up.show {
      opacity: 1;
      transform: translateY(0);
    }


    /* font family */
    .basic-regular {
      font-family: "Basic", sans-serif;
      font-weight: 400;
      font-style: normal;
    }