.c{text-align:center}li{list-style:none}.footer{color:#fff;padding:2vw;border-top:1px solid #ff000080;background:#7d0328;float:left;width:100%}.footer ul{list-style:none;text-align:left}.footer-link li{margin-bottom:4px}.footer-link li{margin-bottom:4px}.footer li a{padding:2px;width:100%;font-family:francois one,sans-serif;font-size:14px}.footer h3{color:#ea9a34;text-transform:uppercase;font-family:francois one,sans-serif;font-weight:400;margin:0;font-size:18px}.ficon i{font-size:20px}ul.footer-link{margin-top:15px}ul.footer-link li a{color:#fff}.coln.logo img{width:200px}.coln.logo.flex{margin-top:17px}.coln.c.tline{margin-top:15px}

/* Floating Call + WhatsApp buttons – mobile first, no JS */

.floating-contact {
  position: fixed;
  right: 16px;
  bottom: 16px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  z-index: 9999;
}

/* Common button styles */
.floating-contact a {
  width: 48px;
  height: 48px;
  border-radius: 999px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  box-shadow: 0 4px 10px rgba(0,0,0,0.35);
  transition: transform 0.15s ease, box-shadow 0.15s ease, opacity 0.15s ease;
}

/* Icons (SVG) */
.floating-contact svg {
  width: 64px;
  height: 64px;
  fill: #ffffff;
}

/* Call button – Blue */
.floating-call {
  background-color: #f70a74; /* blue */
}

/* WhatsApp button – Green */
.floating-whatsapp {
  background-color: #25d366; /* WhatsApp green */
}

/* Hover effect (mainly for desktop) */
.floating-contact a:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 14px rgba(0,0,0,0.45);
}

/* Slightly smaller on very small screens if needed */
@media (max-width: 400px) {
  .floating-contact a {
    width: 44px;
    height: 44px;
  }
  .floating-contact svg {
    width: 26px;
    height: 26px;
  }
}

/* On larger screens you can optionally move them a bit away from edges */
@media (min-width: 992px) {
  .floating-contact {
    right: 28px;
    bottom: 28px;
  }
}