.contact-info {
    color: var(--color-white);
    font-family: var(--ff-text);
    font-size: var(--fs-text);
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xxs);


    p {
        padding: 0;

    }

    a,
    h2 {
        color: var(--color-white);
    }

    a {
        transition: all 0.3s ease;

        &:hover {
            color: var(--color-secondary);
            text-decoration: underline;
        }
    }

    h2 {
        text-transform: uppercase;
        font-weight: var(--fw-bold);
    }

    .social-icons {
        display: flex;
        align-items: center;
        gap: var(--spacing-lg);
        margin-top: var(--spacing-md);
    }
}


@media (max-width:768px) {
    .social-icons {
        justify-content: center;
    }
}