/*  Your Custom CSS Code Goes Here */
  /* Swiper custom */
      .swiper-pagination-bullet {
        background: #f4c978;
        opacity: 0.6;
      }
      .swiper-pagination-bullet-active {
        background: #f4c978;
        opacity: 1;
        transform: scale(1.3);
      }
  /* Dropdown */
      .dropdown-menu {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        min-width: 200px;
        z-index: 100;
      }
      .dropdown:hover .dropdown-menu {
        display: block;
      }

      /* Mobile menu */
      #mobile-menu {
        display: none;
      }
      #mobile-menu.open {
        display: block;
      }

      /* Smooth image hover */
      .img-hover {
        transition: transform 0.4s ease;
      }
      .img-hover:hover {
        transform: scale(1.05);
      }

      /* Card hover */
      .card-hover {
        transition:
          transform 0.3s ease,
          box-shadow 0.3s ease;
      }
      .card-hover:hover {
        transform: translateY(-6px);
        box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12);
      }

      /* Section fade-in on scroll */
      .fade-in {
        opacity: 0;
        transform: translateY(30px);
        transition:
          opacity 0.7s ease,
          transform 0.7s ease;
      }
      .fade-in.visible {
        opacity: 1;
        transform: translateY(0);
      }

      /* Wavy bg */
      .wavy-bg {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 120'%3E%3Cpath fill='%23EFE7DF' fill-opacity='0.5' d='M0,64L80,69.3C160,75,320,85,480,80C640,75,800,53,960,42.7C1120,32,1280,32,1360,32L1440,32L1440,120L0,120Z'%3E%3C/path%3E%3C/svg%3E");
      }

      /* Gradient text */
      .gradient-text {
        background: linear-gradient(135deg, #7fa37c, #f2a36b);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
      }

      /* Pill badge */
      .pill {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        padding: 4px 14px;
        border-radius: 999px;
        font-size: 0.8rem;
        font-weight: 700;
        letter-spacing: 0.05em;
        text-transform: uppercase;
      }

      /* Custom scrollbar */
      ::-webkit-scrollbar {
        width: 6px;
      }
      ::-webkit-scrollbar-track {
        background: #efe7df;
      }
      ::-webkit-scrollbar-thumb {
        background: #7fa37c;
        border-radius: 3px;
      }

      /* Mobile dropdown */
      .mobile-dropdown {
        display: none;
      }
      .mobile-dropdown.open {
        display: block;
      }

      /* Page sections */
      .page-section {
        display: none;
      }
      .page-section.active {
        display: block;
      }

      /* Floating shapes */
      .floating {
        animation: float 4s ease-in-out infinite;
      }
      @keyframes float {
        0%,
        100% {
          transform: translateY(0);
        }
        50% {
          transform: translateY(-12px);
        }
      }
      .floating-2 {
        animation-delay: 1.5s;
      }
      .floating-3 {
        animation-delay: 3s;
      }

      /* Hero slide text animation */
      .swiper-slide-active .slide-content {
        animation: slideIn 0.7s ease forwards;
      }
      @keyframes slideIn {
        from {
          opacity: 0;
          transform: translateY(40px);
        }
        to {
          opacity: 1;
          transform: translateY(0);
        }
      }

      /* Stagger children */
      .stagger > *:nth-child(1) {
        animation-delay: 0.1s;
      }
      .stagger > *:nth-child(2) {
        animation-delay: 0.2s;
      }
      .stagger > *:nth-child(3) {
        animation-delay: 0.3s;
      }
      .stagger > *:nth-child(4) {
        animation-delay: 0.4s;
      }
      .stagger > *:nth-child(5) {
        animation-delay: 0.5s;
      }

      /* Confetti dots background */
      .confetti-bg {
        background-image:
          radial-gradient(circle, #f4c978 1px, transparent 1px),
          radial-gradient(circle, #e78b84 1px, transparent 1px),
          radial-gradient(circle, #7fa37c 1px, transparent 1px);
        background-size:
          60px 60px,
          90px 90px,
          75px 75px;
        background-position:
          0 0,
          30px 30px,
          15px 15px;
      }

      @media (max-width: 768px) {
        .dropdown-menu {
          position: static;
          display: none !important;
        }
      }