/* Custom font for better aesthetics */
body {
    font-family: 'Inter', sans-serif;
    background-color: #f3f4f6; /* Light gray background */
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    margin: 0;
}

/* Styles for the floating WhatsApp button */
.floating_btn {
    position: fixed; /* Fixes position relative to viewport */
    bottom: 20px;    /* 20px from the bottom */
    right: 20px;     /* 20px from the right */
    display: flex;
    flex-direction: column; /* Stack icon and text vertically */
    align-items: center;    /* Center items horizontally */
    z-index: 1000;   /* Ensure it's above other content */
}

.contact_icon {
    width: 60px;
    height: 60px;
    background-color: #25d366; /* WhatsApp green */
    color: white;
    border-radius: 50%; /* Make it circular */
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 30px; /* Icon size */
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3); /* Subtle shadow */
    transition: transform 0.3s ease-in-out; /* Smooth hover effect */
}

.contact_icon:hover {
    transform: scale(1.1); /* Slightly enlarge on hover */
}

.text_icon {
    margin-top: 8px; /* Space between icon and text */
    font-size: 14px;
    color: #333;
    text-align: center;
}