            /* Modal Background */
            .custom-modal-bg {
                background-color: #333;
                color: lightgrey;
            }
            .btn-close {
                background-color: #fff;
            }
            /* Social Icons Layout */
            .social-icons {
                display: grid;
                grid-template-columns: repeat(3, 1fr);
                gap: 20px;
                justify-content: center;
                padding: 20px;
            }
            
            /* Icon Styling */
            .social-link {
                display: flex;
                align-items: center;
                justify-content: center;
                margin: auto;
                font-size: 60px;
                width: 160px;
                height: 160px;
                border-radius: 10px;
                text-decoration: none;
                color: lightgrey;
                transition: transform 0.3s ease-in-out, color 0.3s ease-in-out, background-color 0.2s ease-in-out;
            }
            
            /* Hover Effect: Scale Up & Turn White */
            .social-link:hover {
                transform: scale(1.25);
                color: white;
                background-color: #222;
            }

            /* Responsive: Adjust Layout for Small Screens */
            @media (max-width: 600px) {
                .modal-dialog {
                    max-width: 90vw;
                    margin: auto;
                }
                .social-icons {
                    grid-template-columns: repeat(2, 1fr); /* Switch to 2 columns */
                    gap: 15px;
                }
                .social-link {
                    font-size: 50px; /* Reduce icon size */
                    width: 80px;
                    height: 80px;
                }
            }
            .custom-modal-bg {
                background-color: #333; /* Dark Grey */
                color: lightgrey;
            }
            .custom-close-btn {
                color: #aaa !important;
                transition: color 0.3s ease-in-out;
            }
            .custom-close-btn:hover {
                color: #888 !important;
            }
            .form-control {
                background-color: #333;
                transition: background-color 0.2s ease-in-out;
                color: #fff;
            }
            .form-control:focus, .form-control:active {
                background-color: #222;
                color: #fff;
            }
            #contactModal .fade-in {
                opacity: 1 !important;
            }