/* Add custom CSS styles below */ 
body{
background-color: #f8e7d64a !important
}

.top-header, ticketing-system{

      display: none !important;
}
.site-header-outer{

      margin-bottom: 10px !important;
}

@media (max-width: 768px) {
  /* 1. Center and wrap the main container */
  .footer-list--payment-methods {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 10px 0 !important;
  }

  /* 2. Lock down the size of the individual boxes */
  .footer-list--payment-methods li {
    width: 48px !important;  /* Strict width for the pill shape */
    height: 32px !important; /* Strict height for the pill shape */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 2px !important;
    overflow: hidden !important; /* Prevents any massive logos from bleeding out */
  }

  /* 3. Force the images to obey the box boundaries */
  .footer-list--payment-methods img {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important; /* Scales the logo perfectly without distortion */
    display: block !important;
  }
}
/* Floating Button Base Styles */
.whatsapp-float {
  position: fixed;
  bottom: 30px;
  left: 30px; /* Aligned to left for RTL websites */
  width: 60px;
  height: 60px;
  background-color: #25d366; /* Official WhatsApp Green */
  color: #FFF;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
  z-index: 9999; /* Ensures it stays above the footer and all other content */
  text-decoration: none;
  transition: all 0.3s ease;
  
  /* Triggers the CSS-only animation */
  animation: pulse-whatsapp 2s infinite;
}

.whatsapp-float svg {
  fill: #FFF; /* Ensures the icon is white */
}

/* Hover Effect */
.whatsapp-float:hover {
  background-color: #1ebe57; /* Slightly darker green on hover */
  transform: scale(1.05);
}

/* CSS-Only Pulse Animation */
@keyframes pulse-whatsapp {
  0% {
    box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7);
  }
  70% {
    box-shadow: 0 0 0 15px rgba(37, 211, 102, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(37, 211, 102, 0);
  }
}

/* Mobile Adjustments */
@media (max-width: 768px) {
  .whatsapp-float {
    width: 50px;
    height: 50px;
    bottom: 20px;
    left: 20px;
  }
  
  .whatsapp-float svg {
    width: 28px;
    height: 28px;
  }
}