.glass-form {
    background: linear-gradient(
        135deg,
        rgba(255, 255, 255, 0.4),
        rgba(205, 205, 205, 0.2)
    );

    border: 1px solid rgba(255, 255, 255, 0.75);
    backdrop-filter: blur(8px);
}

nav {
    position: sticky;
    top: 0;
    z-index: 50;
    padding: 1rem 1.5rem; /* Adjust padding as needed */
    background-color: white; /* Background color of the navbar */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Optional: Add a shadow for visual separation */
}

  .swiper-button-next,
  .swiper-button-prev {
    color: #00a74b;
    background: transparent !important;
    width: 24px;
    height: 24px;
    border: 1px solid #e5e7eb;
  }
  .swiper-button-next::after,
  .swiper-button-prev::after {
    font-size: 12px;
  }

.circular-logo {
  background: rgba(255, 255, 255, 0);
  display: flex;
  align-items: center;
  justify-content: center;
}

    /* Smooth transitions for all interactive elements */
    .product-card, .view-details-btn, #close-modal {
        transition: all 0.3s ease;
    }
    
    /* Hover effects for product cards */
    .product-card:hover {
        transform: translateY(-8px);
    }
    
    /* Gradient text for section heading if desired */
    .gradient-text {
        background: linear-gradient(45deg, #4F46E5, #10B981);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
    }
    
    /* Responsive adjustments */
    @media (max-width: 640px) {
        .product-card {
            margin-bottom: 1.5rem;
        }
    }