/* 🌟 Floating bubble */
    .campaign-bubble {
      position: fixed;
      bottom: 90px; /* Slightly above footer */
      right: 40px;
      width: 130px;
      height: 130px;
      border-radius: 50%;
      background: #296815; /* Solid background color */
      border: 5px solid #850707; /* ✅ Solid border */
      color: #fff;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      box-shadow: 0 0 12px rgba(13, 110, 253, 0.4);
      cursor: pointer;
      z-index: 1050;
      animation: pulseSize 3s ease-in-out infinite;
      transition: all 0.3s ease;
    }

    /* 🪩 Text inside bubble */
    .campaign-text {
      font-size: 0.95rem;
      font-weight: 600;
      line-height: 1.2;
    }
    .campaign-text span {
      display: block;
      font-size: 0.8rem;
      opacity: 0.9;
      font-weight: 400;
    }

    /* 💫 Hover effect */
    .campaign-bubble:hover {
      transform: scale(1.15);
      background-color: #850707; /* Darker shade */
      box-shadow: 0 0 25px rgba(1, 1, 104, 0.7);
      border-color: #296815; /* Change border on hover */
    }
    
     /* 🖼️ Gallery Image Styles */
    .gallery-img {
      width: 100%;
      object-fit: cover;
      border-radius: 12px;
      transition: transform 0.3s ease, box-shadow 0.3s ease;
    }

    .gallery-img:hover {
      transform: scale(1.05);
      box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
    }

    /* Large image cards (occupy more space) */
    .large-img {
      height: 400px;
    }

    /* Normal image cards */
    .small-img {
      height: 200px;
    }
    /* 🌈 Animations */
    @keyframes pulseSize {
      0%, 100% { transform: scale(1); }
      50% { transform: scale(1.25); }
    }

    /* 📱 Responsive adjustment */
    @media (max-width: 768px) {
      .campaign-bubble {
        width: 90px;
        height: 90px;
        bottom: 70px;
        right: 20px;
      }
      .campaign-text {
        font-size: 0.75rem;
      }
           .large-img {
        height: 250px;
      }
    }