.contact-page-container {
    display: flex;
}


.contact-page-left {
    display: none;
}

.contact-page-left a {
    color: var(--clr-black-75);
    display: flex;
    flex-direction: row;
    align-items: center;
}

.contact-page-left p {
    margin-block: 2rem;
    margin-right: 2rem;
}

.contact-page-left a:hover i {
    color: var(--clr-primary-40);
}

.contact-page-left a:hover p {
    color: var(--clr-primary-40);
}


.contact-page-right {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    margin-top: 2rem;
    padding-bottom: 4rem;
}

.contact-page-right p {
    margin-inline: 1rem;

}

.contact-page-faq-icon-link {
    text-decoration: none;
}

.contact-page-email-icon-link {
    text-decoration: none;
}

.contact-page-zoom-icon-link {
    text-decoration: none;
}

.contact-page-phone-icon-link {
    text-decoration: none;
}

@media (min-width: 768px) {


    .contact-page-left {
        width: 40%;
        display: block;
    }

    .contact-page-left-container {
        background-color: var(--clr-black-10);
        border-radius: 16px;
        margin-inline: 1rem 3rem;
        margin-top: 5rem;
        display: flex;
        flex-direction: column;
    }

    .separator-line {
        width: 100%;
        height: 1px;
        background-color: var(--clr-black-50); /* Change this to your desired color */
        margin: 0; /* Remove default margins */
    }

    .contact-page-left-container i {
        font-size: 2rem;
        margin: 1rem;
    }

    .contact-page-right {
        width: 60%;
    }
}