/* Preloader */
#preloader {
  background: #ffffff;
  height: 100vh;
  width: 100%;
  position: fixed;
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: opacity 0.5s ease;
}

/* Glassmorphism */
.glass {
  background: rgba(255, 255, 255, 0.3);
  box-shadow: 0 8px 32px rgba(31, 38, 135, 0.37);
  backdrop-filter: blur(10px);
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.18);
}

/* Smooth Scroll */
html {
  scroll-behavior: smooth;
}

/* Sticky Navbar Effects */
.scrolled {
  background-color: rgba(255, 255, 255, 0.95);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}


/* whatsapp logo
/* Floating WhatsApp Button Styles */
.whatsapp-button {
position: fixed;
bottom: 30px;
right: 30px;
width: 60px;
height: 60px;
background-color: #25D366;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
transition: transform 0.3s ease;
z-index: 1000;
}

.whatsapp-button:hover {
transform: scale(1.1);
}

.whatsapp-button img {
width: 30px;
height: 30px;
}

/* Optional: Make the button responsive */
@media (max-width: 600px) {
.whatsapp-button {
width: 50px;
height: 50px;
}

.whatsapp-button img {
width: 25px;
height: 25px;
}
}




.custom-submit-btn {
width: 100%;
background-color: #0d9488; /* Tailwind's teal-600 */
color: white;
padding: 0.75rem 1rem; /* py-3 */
border: none;
border-radius: 0.375rem; /* rounded */
cursor: pointer;
transition: background-color 0.3s ease;
}

.custom-submit-btn:hover {
background-color: #0f766e; /* Tailwind's teal-700 */
}