.container {
  position: relative;
  min-height: 100vh; /* Ensure the container takes up the full viewport height */
}

#whatsapp-icon {
  width: 60px;
  height: 60px;
  background-color: #25D366;
  border-radius: 50%;
  position: fixed;
  bottom: 20px; /* Adjust as needed */
  right: 20px; /* Adjust as needed */
}

.phone {
  width: 30px;
  height: 30px;
  background-color: #fff;
  border-radius: 50%;
  position: absolute;
  top: 15px;
  left: 15px;
}
#chatText {
  margin-right: 30px; /* Adjust spacing between text and icon */
  font-size: 16px; /* Adjust font size as needed */
  color: black; /* Text color */
  background-color: white; /* Background color */
  padding: 5px 10px 10px 5px; /* Adjust padding as needed */
  border-radius: 5px; /* Add border radius for rounded corners */
  position: fixed;
  bottom: 30px;
  right:48px;
}
.chat {
  width: 20px;
  height: 20px;
  background-color: #fff;
  position: absolute;
  bottom: 10px;
  right: 10px;
  clip-path: polygon(0% 0%, 0% 100%, 100% 50%);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 10px;
}