.contacts_main .block.contacts .contacts_wrp {
    display: flex;
    gap: 7.5em;
    --pad_horiz: 0;
    --pad_vertic: 5.75em;
}

.map_wrp {
    width: 50%;
    height: auto;
    aspect-ratio: 960/900;
    background-color: var(--GnpG5_clr_river);
}

.g_ya_map {
    width: 100%;
    height: 100%;
}

.contacts_links {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 5em;
    margin-top: 7.375em;
}

.contacts_links .h1 {
    text-transform: uppercase;
    font-weight: 600;
}

.contacts_info {
    display: flex;
    flex-direction: column;
}

.cntcts_item {
    display: flex;
    flex-direction: column;
    gap: 1.75em;
    margin-bottom: 2.25em;
    padding-bottom: 2.25em;
    border-bottom: solid 1px #ffffff1A;
}

.cntcts_item .txt_l {
    font-size: 1.25em;
    color: var(--GnpG5_clr_gold_light);
}

.cntcts_item .h3 {
    font-size: 1.5em;
    text-transform: uppercase;
    color: var(--GnpG5_clr_pure_wht);
    transition: .2s color;
}

.soc {
    display: flex;
    flex-direction: row;
    gap: 1.5em;
    justify-content: flex-start;
}

.cntcts_item a:hover {
    color: var(--GnpG5_clr_river);
}

@media screen and (max-width: 981px) {
    .contacts_wrp {
        flex-direction: column-reverse;
    }

    .map_wrp {
        width: 100%;
        height: auto;
        aspect-ratio: 1;
        background-color: var(--GnpG5_clr_river);
    }

    .contacts .contacts_wrp {
        gap: 3em;
        --pad_horiz: 1.626em;
        --pad_vertic: 5.5836em;
    }

    .soc {
        flex-direction: column;
        gap: 1.5em;
    }

    .cntcts_item {
        gap: 1.25em;
        margin-bottom: 1.25em;
        padding-bottom: 1.25em;
        border-bottom: solid 1px #ffffff1A;
    }

    .contacts_main .block.contacts .contacts_wrp {
        --pad_horiz: 1.626em;
    }

    .contacts_links {
        margin-top: 0;
    }
}

