/* The UL Container */
        .horizontal-socials {
            list-style: none;
            padding: 0;
            margin: 0;
            display: flex;       /* Aligns items side-by-side */
            flex-direction: row; /* Default horizontal layout */
            gap: 25px;           /* Horizontal spacing between icons */
        }

        /* The Link Styles */
        .horizontal-socials a {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 26px;
            height: 26px;
            background-color: #2a2a2a;
            color: #333;
            text-decoration: none;
            font-size: 24px;
            border-radius: 50%; /* Perfect circles */
            box-shadow: 0 4px 10px rgba(0,0,0,0.1);
            transition: all 0.3s ease;
        }

        /* Hover Effects */
        .horizontal-socials a:hover {
            transform: translateY(-8px); /* Bounces UP when horizontal */
            color: #fff;
        }

        /* Brand Colors on Hover */
        .insta:hover { background-color: #E1306C; }
        .x-twitter:hover { background-color: #000; }
        .linkedin:hover { background-color: #0077B5; }
        .youtube:hover { background-color: #FF0000; }

        /* Tablets (Screens smaller than 768px) */
        @media (max-width: 768px) {
            .social-container {
                gap: 20px; /* Tighten the gap */
            }
            .social-container a {
                width: 60px;
                height: 60px;
                font-size: 24px;
            }
        }

        /* Mobile Phones (Screens smaller than 480px) */
        @media (max-width: 480px) {
            .social-container {
                gap: 15px;
                padding: 10px;
            }
            .social-container a {
                width: 50px;
                height: 50px;
                font-size: 20px;
            }
        }