/*--------------------------------------------------------------
# Contact Page
--------------------------------------------------------------*/
.contact-page {
    position: relative;
    display: block;
    padding: 120px 0 120px;
}

.contact-page__left {
    position: relative;
    display: block;
}

    .contact-page__left .section-title {
        margin-bottom: 25px;
    }

.contact-page__text {
    margin: 0;
    padding-bottom: 40px;
}

.contact-page__social-list {
    position: relative;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

    .contact-page__social-list a {
        position: relative;
        display: -webkit-box;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        text-align: center;
        color: var(--thm-black);
        background-color: #eef3f7;
        border-radius: 50%;
        font-size: 13px;
        height: 45px;
        width: 45px;
        transform: rotate(0);
        -webkit-transition: all 500ms ease;
        transition: all 500ms ease;
        z-index: 1;
    }

        .contact-page__social-list a:hover {
            color: var(--thm-base);
            transform: rotate(360deg);
        }

        .contact-page__social-list a:before {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            content: "";
            background-color: var(--thm-primary);
            border-radius: 50%;
            transform: scale(0.0);
            transform-origin: center;
            transform-style: preserve-3d;
            transition: all 0.4s cubic-bezier(0.62, 0.21, 0.45, 1.52);
            z-index: -1;
        }

        .contact-page__social-list a:hover:before {
            transform: scaleX(1.0);
        }

        .contact-page__social-list a + a {
            margin-left: 10px;
        }

.contact-page__right {
    position: relative;
    display: block;
}