.contacts-block {
    background: var(--primary2, #E4E4E4);
    position: relative;
    overflow: hidden;
}

.contacts-block h2 {
    margin-bottom: clamp(0.9375rem, 0.625rem + 1.5625vw, 2.5rem);
    color: var(--card);
    /* 40 - 15 */
}

.contacts-block .contacts-inner {
    padding-top: clamp(0.9375rem, 0.125rem + 4.0625vw, 5rem);
    /* 80 - 15 */
    padding-bottom: clamp(0.9375rem, 0.125rem + 4.0625vw, 5rem);
    /* 80 - 15 */
    position: relative;
    z-index: 3;
}

.contacts-block .content__holder {
    height: clamp(21.875rem, 18.9625rem + 14.5625vw, 36.4375rem);
    position: relative;
}

.contacts-block .map-holder {
    height: 100%;
}

.contacts-block .holder {
    position: absolute;
    top: 0;
    bottom: 0;
    left: clamp(2.5rem, 1.75rem + 3.75vw, 6.25rem);
    /* 100 - 40 */
    background: var(--card);
    height: fit-content;
    margin-top: auto;
    margin-bottom: auto;
}

.contacts-block .holder .holder-inner {
    padding: clamp(1.125rem, 0.725rem + 2vw, 3.125rem) clamp(1.125rem, 0.725rem + 2vw, 3.125rem);
    /* 50 - 18 */
    display: flex;
    flex-direction: column;
    gap: clamp(0.9375rem, 0.875rem + 0.3125vw, 1.25rem);
    /* 20 - 15 */
}

.contacts-block .holder .holder-inner .name {
    color: var(--main-text, #959595);
    margin-bottom: 10px;
}

.contacts-block .phones {
    display: flex;
    flex-direction: row;
    gap: 12px;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.contacts-block .phones a {
    border-bottom: 1px solid var(--card);
}

.contacts-block .phones a:hover {
    border-color: var(--primary);
}

.contacts-block .socials__holder {
    display: flex;
    flex-direction: row;
    gap: 10px;
}

.contacts-block .soc {
    width: clamp(2.5rem, 2.375rem + 0.625vw, 3.125rem);
    height: clamp(2.5rem, 2.375rem + 0.625vw, 3.125rem);
    /* 50 - 40, 50 - 40 */
    background: var(--card);
    border: 1px solid var(--primary);
    border-radius: 50%;
    display: flex;
    place-content: center;
    align-items: center;
    cursor: pointer;
    transition: all .5s;
}

.contacts-block .soc img,
.contacts-block .soc svg {
    max-width: 20px;
    max-height: 20px;
}

.contacts-block .soc:hover {
    background: var(--primary);
}

.contacts-block .soc svg path {
    transition: all .5s;
}

.contacts-block .soc:hover svg path {
    fill: var(--card);
}

.contacts-block p {
    margin-bottom: 0px;
}

.contacts-block .cPseudo {
    overflow: hidden;
    display: flex;
}

.contacts-block .cPseudo img,
.contacts-block .cPseudo svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.contacts-block .cPseudoLeft {
    position: absolute;
    left: 0;
    top: clamp(1.5625rem, 0.175rem + 6.9375vw, 8.5rem);
    /* 136 - 25 */
}

.contacts-block .cPseudoRightBot {
    position: absolute;
    right: clamp(1.25rem, 0.025rem + 6.125vw, 7.375rem);
    /* 118 - 20 */
    bottom: 0;
}

.contacts-block .cPseudoGroup {
    position: absolute;
    top: clamp(1.5625rem, 1.0875rem + 2.375vw, 3.9375rem);
    /* 63 - 25 */
    right: clamp(1.25rem, 0.875rem + 1.875vw, 3.125rem);
    /* 50 - 20 */
    overflow: visible;
}

.contacts-block .cPseudoGroup .cPseudoSecond {
    position: relative;
    bottom: -98px;
    left: -30px;
}

@media(max-width:850px) {
    .contacts-block .holder {
        position: unset;
    }

    .contacts-block .content__holder {
        height: 100%;
    }

    .contacts-block .map-holder,
    .contacts-block .map-holder>*>* {
        min-height: 300px;
    }
}