/* Styles for the floating button */
.floating-button {
   position: fixed;
   bottom: 80px;
   right: 20px;
   background-color: #0563bb;
   color: #fff;
   width: 50px;
   height: 50px;
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
   cursor: pointer;
   z-index: 1000;
   box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}
.floating-button:hover {
   background-color: #067ded; /* Darker WhatsApp green on hover */
   transform: scale(1.3); 
}
/* Styles for the popup */
.popup {
   position: fixed;
   bottom: 150px;
   right:  20px;
   background-color: rgba(255, 255, 255, 0); 
   border-radius: 8px;
   padding: 10px;
   display: none;
   z-index: 1000;
   box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}

.popup-icon {
   display: block;
   margin: 10px;
   text-align: center;
   color: #1bbd36;
   font-size: 24px;
   text-decoration: none;
   transition: color 0.3s ease;
}

.popup-icon:hover {
   color: #21df41;
   transform: scale(1.3); 
   
}

.popup-icon1 {
   display: block;
   margin: 10px;
   text-align: center;
   color: #0563bb;
   font-size: 24px;
   text-decoration: none;
   transition: color 0.3s ease;
}
.popup-icon1:hover {
   color: #067ded;
   transform: scale(1.3); 
   
}


.floating-icons a:hover {
   color: #128c7e; /* Darker WhatsApp green on hover */
   transform: scale(2.0); 
}