.contact-customer-service {
    position: fixed;
    bottom: 25px; /* Adjust this value to change the distance from the bottom */
    right: 125px; /* Adjust this value to change the distance from the right */
    z-index: 9999; /* Ensure it appears above other content */
    transition: bottom 0.3s ease;
}

.contact-customer-service a {
    color: #007bff; /* Link color */
    text-decoration: none; /* Remove default underline */
}

.contact-customer-service a:hover {
    text-decoration: underline; /* Underline on hover */
}

/* Mobile devices: align right */
@media (max-width: 768px) {
    .contact-customer-service {
        right: 15px; /* Adjust this value to change the distance from the right on mobile */
    }
}
/* Back to Top Button */
#back-to-top {
    position: fixed;
    bottom: 25px; /* Adjust this value to change the distance from the bottom */
    right: 25px; /* Adjust this value to change the distance from the right */
    z-index: 9999; /* Ensure it appears above other content */
    background-color: #007bff; /* Button color */
    color: white; /* Text color */
    border-radius: 50%; /* Make it circular */
    width: 50px; /* Size of the button */
    height: 50px; /* Size of the button */
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); /* Shadow for better visibility */
    font-size: 20px; /* Adjust font size for the arrow */
    transition: opacity 0.3s ease, bottom 0.3s ease;
    opacity: 0; /* Hidden by default */
}

#back-to-top:hover {
    background-color: #0056b3; /* Darker button color on hover */
}

#back-to-top.show {
    opacity: 1; /* Show button */
}


/* Show button on scroll */
@media (max-width: 768px) {
    .contact-customer-service {
        bottom: 90px;  /* ⬅️ Push WhatsApp button higher */
        right: 15px;
    }

    #back-to-top {
        bottom: 25px;  /* ⬅️ Stay below WhatsApp button */
        right: 15px;
    }
}