/* Style for WhatsApp button */
.whatsapp-button {
    position: fixed;
    bottom: 20px; /* Adjust the distance from the bottom */
    right: 20px; /* Adjust the distance from the right */
    z-index: 1000; /* Ensure it's above other elements */
}

.whatsapp-button a {
    display: block;
    width: 60px; /* Adjust button width */
    height: 60px; /* Adjust button height */
    background-color: green; /* Button background color */
    border-radius: 50%; /* Make it a circle */
    text-align: center;
    line-height: 60px; /* Center the icon vertically */
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); /* Optional: Add a shadow */
}

.whatsapp-button a img {
    width: 60px; /* Adjust icon size */
    height: 60px; /* Adjust icon size */
    vertical-align: middle;
}



/* Flex container */
.row {
    display: flex;
    justify-content: center; /* Center the images horizontally */
    flex-wrap: wrap; /* Allow images to wrap to the next line on smaller screens */
}

/* Image wrapper */
.image-wrapper {
    text-align: center; /* Center the label */
    margin: 0 10px; /* Adjust spacing between images */
    flex: 0 0 calc(33.33% - 20px); /* Each image takes up 1/3 of the container width */
    max-width: 500px; /* Limit max width of images */
}

/* Image */
.image-wrapper img {
    max-width: 100%; /* Ensure images are responsive */
    height: auto;
}

/* Label */
.label {
    color: #FFF; /* Text color */
    font-size: 16px; /* Font size */
    font-family: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-weight: 500;
}

/* Media query for mobile devices */
@media (max-width: 767px) {
    .image-wrapper {
        flex: 0 0 100%; /* Each image takes up full width on mobile */
        margin: 10px 0; /* Add vertical margin between images */
    }
}