/* Header */
.container.flex-between {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.header-phone a {
  background-color: #ff5a3c; /* Button background color */
  padding: 8px 16px;
  font-size: 16px;
  font-weight: 600;
  color: #000; /* Change color as needed */
  text-decoration: none;
}
.header-phone a:hover {
  color: #fff; /* highlight on hover */
}
/* end Header */
  /* Common */
  .whatsapp-float,
  .contact-float {
    position: fixed;
    right: 20px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2147483647 !important; /* ensure always on top */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
  }

  .whatsapp-float {
    bottom: 20px;  /* lower button */
    background: #25D366;
    box-shadow: 0 0 15px #25D366;
  }

  .contact-float {
    bottom: 90px;  /* placed above WhatsApp */
    background: red;
    color: white;
    box-shadow: 0 0 12px red;
  }

  /* Hover scaling */
  .whatsapp-float:hover,
  .contact-float:hover {
    transform: scale(1.1);
  }

  /* WhatsApp glow animation */
  @keyframes pulse-glow {
    0% { box-shadow: 0 0 10px #25D366; }
    50% { box-shadow: 0 0 25px #25D366, 0 0 50px #25D366; }
    100% { box-shadow: 0 0 10px #25D366; }
  }
  .whatsapp-float.glow {
    animation: pulse-glow 2.5s infinite;
  }

  /* Contact blink animation */
  @keyframes blink-glow {
    0%   { box-shadow: 0 0 5px red; }
    50%  { box-shadow: 0 0 20px red, 0 0 40px red; }
    100% { box-shadow: 0 0 5px red; }
  }
  .contact-float.glow {
    animation: blink-glow 1.5s infinite;
  }

  /* Ensure visibility on small screens */
  @media (max-width: 480px) {
    .whatsapp-float { bottom: 80px; right: 15px; }
    .contact-float { bottom: 150px; right: 15px; }
  }