/* General styling for the floating icons */
        #floating-icons {
            position: fixed; /* Always stays in the viewport */
            top: 50%; /* Center vertically */
            right: 10px; /* Distance from the right edge */
            transform: translateY(-50%); /* Adjusts for vertical centering */
            display: flex;
            flex-direction: column;
            gap: 15px; /* Space between the icons */
            z-index: 1000; /* Keeps icons above other content */
        }

        /* Styling for individual icons */
        #floating-icons .icon {
            width: 50px;
            height: 50px;
            display: flex;
            justify-content: center;
            align-items: center;
            background-color: #25d366; /* WhatsApp green */
            color: white; /* Icon color */
            font-size: 24px; /* Icon size */
            border-radius: 50%; /* Circular background */
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2); /* Shadow effect */
            text-decoration: none; /* Removes underline from links */
            margin: 0 auto;
        }

        /* Phone icon with a different color */
        #floating-icons .phone {
            background-color: #007bff; /* Blue for the phone icon */
        }

        /* Hover effect for icons */
        #floating-icons .icon:hover {
            transform: scale(1.1); /* Slight enlargement on hover */
        }