body {
  margin: 0;
  font-family: 'Arial', sans-serif;
  padding-bottom: 60px; /* Adjust this value based on your navigation bar height */
}

.bottom-nav {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #ffffff;
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding: 10px;
  z-index: 1000; /* Set a higher z-index value */
}

.bottom-nav a {
  text-decoration: none;
  color: #fff;
  text-align: center;
  padding: 10px;
  flex: 1;
  transition: background-color 0.3s;
}

.bottom-nav a:hover {
  background-color: #e7e7e7;
}

.whatsapp {
  background-color: #25D366;
}

.enquiry {
  background-color: #073e86;
}

.call {
  background-color: #ee290f;
}

.direction {
  background-color: #073e86;
}

/* Add your own styles for responsiveness */
@media screen and (max-width: 600px) {
  .bottom-nav {
    flex-direction: row; /* Change to column for stacked items */
    padding: 5px;
  }

  .bottom-nav a {
    flex: 1;
    margin: 2px;
  }
}