.contact-form {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .contact-feature {
        padding: 20px;
        border-radius: 8px;
        transition: background-color 0.3s ease, color 0.3s ease;
    }

    /* Hover effect for left cards */
    .contact-feature:hover {
        background-color: #fbc628;
        color: #FFFCF2;
    }

    .contact-feature:hover .box-icon,
    .contact-feature:hover a,
    .contact-feature:hover p {
        color: #FFFCF2 !important;
    }

    .custom-link {
        color: black;
        text-decoration: none;
        transition: color 0.3s;
    }

    .custom-link:hover {
        color: white;
    }