.contacts-block {}


.contacts-block .contacts__block-wrapper {
    display: flex;
    flex-direction: row;
    gap: 30px;
}

.contacts-block .wrapper__left-side {
    display: flex;
    flex-direction: column;
    gap: 30px;
    max-width: 620px;
}

.contacts-block .left__side-holder {
    display: flex;
    flex-direction: column;
    grid-gap: 5px;
}

.contacts-block .holder__name {
    color: var(--bg-primary-third);
}


.contacts-block .holder__name {
    color: var(--bg-primary-third);
}

.contacts-block .holder__value {
    color: var(--text-primary-head);
}

.contacts-block .holder__value * {
    color: inherit;
    font-size: inherit;
    font-family: inherit;
    font-weight: inherit;
    line-height: inherit;
}

.contacts-block .wrapper__right-side {
    width: 880px;
    height: 460px;
    flex-shrink: 0;
}

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

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

@media (max-width: 1350px) {
    .contacts-block .wrapper__right-side {
        width: 60%;
    }
    .contacts-block .wrapper__left-side{
        width: 40%;
    }
}

@media (max-width: 870px) {
    .contacts-block .wrapper__right-side {
        width: 100%;
    }
    .contacts-block .wrapper__left-side{
        width: 100%;
    }
    .contacts-block .contacts__block-wrapper{
        flex-direction: column;
    }
    .contacts-block .wrapper__left-side{
        gap: 10px;
    }
}

@media (max-width: 570px) {
   .contacts-block .wrapper__right-side{
    height: 250px;
   }
}