Floating WhatsApp Icon
.floating-whatsapp {
position: fixed;
bottom: 20px;
left: 20px;
background-color: #25D366;
color: white;
border-radius: 50px;
width: 60px;
height: 60px;
display: flex;
justify-content: center;
align-items: center;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
text-decoration: none;
z-index: 1000;
display: none; /* Initially hidden */
}
.floating-whatsapp img {
width: 30px;
height: 30px;
}
// Get the WhatsApp icon element
var whatsappIcon = document.getElementById('whatsappIcon');
// Show the WhatsApp icon when the page is scrolled
window.addEventListener('scroll', function() {
// Show the WhatsApp icon
whatsappIcon.style.display = 'flex';
// Update the WhatsApp icon position based on the scroll position
whatsappIcon.style.left = '20px'; // Adjust this value as needed
whatsappIcon.style.bottom = '20px'; // Adjust this value as needed
});