.slider-hero .swiper-container{
height: 100% !important;
 
}
  @keyframes float {
        0%,
        100% {
          transform: translateY(0);
        }
        50% {
          transform: translateY(-20px);
        }
      }

      @keyframes wiggle {
        0%,
        100% {
          transform: rotate(-3deg);
        }
        50% {
          transform: rotate(3deg);
        }
      }

      @keyframes laser-beam {
        0% {
          transform: scaleX(0);
          opacity: 0.7;
        }
        50% {
          transform: scaleX(1);
          opacity: 1;
        }
        100% {
          transform: scaleX(0);
          opacity: 0.7;
        }
      }

      @keyframes glow {
  0% {
    text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #d6a336,
      0 0 20px #d6a336;
  }
  100% {
    text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #d6a336,
      0 0 40px #d6a336;
  }
}

      .bounce-slow {
        animation: bounce 3s infinite;
      }

      .float {
        animation: float 6s ease-in-out infinite;
      }

      .wiggle {
        animation: wiggle 2s ease-in-out infinite;
      }

      .spin-slow {
        animation: spin 8s linear infinite;
      }

      .pulse-slow {
        animation: pulse 4s cubic-bezier(0.4, 0, 0.6, 1) infinite;
      }

      .pulse-fast {
        animation: pulse 1.5s cubic-bezier(0.4, 0, 0.6, 1) infinite;
      }

      .ping-slow {
        animation: ping 3s cubic-bezier(0, 0, 0.2, 1) infinite;
      }

      .laser-beam {
        animation: laser-beam 2s ease-in-out infinite;
      }

      .glow {
        animation: glow 2s ease-in-out infinite alternate;
      }
        .confetti {
        position: absolute;
        width: 10px;
        height: 10px;
        background-color: var(--color);
        opacity: 0.7;
        animation: confetti-fall var(--fall-duration) linear forwards,
          confetti-shake var(--shake-duration) ease-in-out infinite alternate;
      }

      @keyframes confetti-fall {
        0% {
          transform: translateY(-100px);
          opacity: 0;
        }
        10% {
          opacity: 0.7;
        }
        100% {
          transform: translateY(calc(100vh - 100px));
          opacity: 0;
        }
      }

      @keyframes confetti-shake {
        0% {
          transform: translateX(0);
        }
        100% {
          transform: translateX(25px);
        }
      }

      .package-card {
        transition: all 0.3s ease;
      }

      .package-card:hover {
        transform: translateY(-10px);
      }

      .party-type-card {
        transition: all 0.3s ease;
        overflow: hidden;
      }

      .party-type-card:hover {
        transform: scale(1.03);
      }

      .party-type-card::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: linear-gradient(
          to bottom,
          rgba(0, 0, 0, 0) 60%,
          rgba(0, 0, 0, 0.7) 100%
        );
        z-index: 1;
      }

      .party-type-content {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 1.5rem;
        color: white;
        z-index: 2;
      }

      .balloon {
        position: absolute;
        width: 40px;
        height: 50px;
        border-radius: 50%;
        animation: float 4s ease-in-out infinite;
      }

      .balloon::before {
        content: "";
        position: absolute;
        bottom: -10px;
        left: 50%;
        transform: translateX(-50%);
        width: 2px;
        height: 20px;
        background-color: rgba(0, 0, 0, 0.3);
      }

     .balloon-1 {
  background-color: #f5af9a;
  top: 20%;
  left: 5%;
  animation-delay: 0s;
}

.balloon-2 {
  background-color: #7bbfa7;
  top: 15%;
  right: 10%;
  animation-delay: 1s;
}

.balloon-3 {
  background-color: #d6a336;
  top: 30%;
  left: 15%;
  animation-delay: 2s;
}

.balloon-4 {
  background-color: #c97a62;
  top: 25%;
  right: 20%;
  animation-delay: 3s;
}

     .banner-image-placeholder {
  background: linear-gradient(135deg, #7bbfa7 0%, #f5af9a 100%);
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 1.5rem;
  font-weight: bold;
}

      /* New Banner Styles */
      .banner-wrapper {
        position: relative;
        overflow: hidden;
      }

      .banner-shape {
  position: absolute;
  border-radius: 50%;
  opacity: 0.45;
  z-index: 0;
}

     .shape-1 {
  width: 300px;
  height: 300px;
  background-color: #f5af9a;
  top: -100px;
  left: -50px;
  animation: pulse-slow 8s infinite;
}

.shape-2 {
  width: 200px;
  height: 200px;
  background-color: #7bbfa7;
  bottom: -80px;
  right: 10%;
  animation: pulse-slow 6s infinite 1s;
}

.shape-3 {
  width: 150px;
  height: 150px;
  background-color: #d6a336;
  top: 20%;
  right: -50px;
  animation: pulse-slow 7s infinite 0.5s;
}

      .bouncing-element {
        position: absolute;
        animation: bounce-slow 3s infinite;
      }

      .bouncing-1 {
        bottom: 10%;
        left: 10%;
        animation-delay: 0.2s;
      }

      .bouncing-2 {
        bottom: 15%;
        right: 15%;
        animation-delay: 0.7s;
      }

      .bouncing-3 {
        top: 20%;
        left: 30%;
        animation-delay: 1.2s;
      }

      @keyframes pulse-slow {
  0%,
  100% {
    transform: scale(1);
    opacity: 0.45;
  }
  50% {
    transform: scale(1.1);
    opacity: 0.25;
  }
}

      @keyframes bounce-slow {
        0%,
        100% {
          transform: translateY(0);
        }
        50% {
          transform: translateY(-20px);
        }
      }

    .zigzag-border {
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 20px;
  background: linear-gradient(-45deg, #f5f1eb 8px, transparent 0) 0 8px,
    linear-gradient(45deg, #f5f1eb 8px, transparent 0) 0 8px;
  background-size: 16px 16px;
  background-color: transparent;
}

      .party-icon {
        display: inline-block;
        font-size: 2.5rem;
        margin-right: 0.5rem;
        animation: wiggle 3s ease-in-out infinite;
      }
      animation: {
              "pulse-fast": "pulse 1.5s cubic-bezier(0.4, 0, 0.6, 1) infinite",
              float: "float 6s ease-in-out infinite",
              "float-delay": "float 6s ease-in-out 2s infinite",
              flicker: "flicker 3s linear infinite",
              "ping-slow": "ping 2s cubic-bezier(0, 0, 0.2, 1) infinite",
            },
             keyframes: {
              float: {
                "0%, 100%": { transform: "translateY(0)" },
                "50%": { transform: "translateY(-20px)" },
              },
              flicker: {
                "0%, 19.999%, 22%, 62.999%, 64%, 64.999%, 70%, 100%": {
                  opacity: 0.99,
                },
                "20%, 21.999%, 63%, 63.999%, 65%, 69.999%": { opacity: 0.4 },
              },
            },
             backgroundImage: {
              "tech-grid":
                "linear-gradient(rgba(75, 67, 148, 0.1) 1px, transparent 1px), linear-gradient(90deg, rgba(75, 67, 148, 0.1) 1px, transparent 1px)",
              "gradient-radial": "radial-gradient(var(--tw-gradient-stops))",
            },