.floating-button {
    position: fixed;
    left: 20px;
    padding: 18px 20px;
    border-radius: 50%;
    font-size: 20px;
    color: #fff;
    z-index: 999;
    box-shadow: 0 4px 8px rgba(0,0,0,0.3);
    transition: all 0.3s ease;
    text-align: center;
    text-decoration: none;
  }
  
  /* WhatsApp Button */
  .whatsapp-button {
    bottom: 90px; /* Pushed higher */
    background-color: #25D366;
  }
  
  /* Call Button */
  .call-button {
    bottom: 20px; /* Lower */
    background-color: #2874a7;
  }
  

  .hero-section {
    position: relative;
    height: 100vh;
    width: 100%;
    overflow: hidden;
  }
  
  
 
  .logo-img {
    max-height: 90px; /* Control logo height */
    height: auto;
    width: auto;
  }

  @media (max-width: 576px) {
    .logo-img {
      max-height: 60px; /* Smaller logo for mobile */
    }
  }
  /* Base video style */
.bg-video {
  width: 100% !important;
  height: auto !important;
  object-fit: cover !important;
  display: block;
  z-index: -1;
  position: relative;
}

/* Make hero-section responsive */
.hero-section {
  position: relative !important;
  overflow: hidden !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Ensure video covers area on smaller screens */
@media (max-width: 768px) {
  .bg-video {
    height: 250px !important; /* Adjust as needed for mobile height */
  }

  .hero-section {
    height: 250px !important;
  }
}