.contacts-five-block {
    padding: 80px 145px;
    gap: 40px;
    display: flex;
    flex-direction: column;
}

.contacts-five-block .contacts__wrap {
    display: flex;
    gap: 30px;
    border-radius: 10px;
padding: 0;

}

.contacts-five-block .contacts-five-block__img {
    border-radius: 10px;
    background: #ececec;
    flex: 1;
    object-fit: cover;
}

.contacts-five-block .contacts-five-block__contacts {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    flex: 3.18;
}

.contacts-five-block .contacts__item {
    border: 1px solid var(--storke-third);
    border-radius: 10px;
background: var(--bg-primary-main);
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 33px;
    min-height: 200px;
}

.contacts-five-block .contact-item_values {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.contacts-five-block .arrow {
    margin-left: auto;
    height: 60px;
    width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--storke-third);
    flex-shrink: 0;
border-radius: 5px;
    border: 1px solid var(--bg-primary-second);
}

.contacts-five-block .soc__icon>* {
    height: 21px;
    width: 21px;
    object-fit: contain;
}

.contacts-five-block .contact__text {
color: var(--text-primary-main);
}

.contacts-five-block .contacts__item.callback__item {
background: var(--colors-main);
    border-color: var(--head-primary);
    cursor: pointer;
    order: -2;
}

.contacts-five-block .contacts__item.callback__item .callback__title,
.contacts-five-block .contacts__item.callback__item .callback__subtitle {
color: var(--text-alt-head);
}

.contacts-five-block .contacts__item.callback__item .arrow {
background: var(--bg-primary-main);
}

.contacts-five-block .contacts__item.callback__item .arrow path {
    stroke: var(--colors-main);
}

.contacts-five-block .soc__item:nth-child(2n-1) {
    order: -1;
}

.contacts-five-block .phone,
.contacts-five-block .email {
    white-space: nowrap;
}

@media(max-width:1200px) {
    .contacts-five-block .contacts__wrap {
        flex-direction: column;
    }

    .contacts-five-block .contacts-five-block__img {
        max-height: 400px;
        height: 100%;
        width: calc(50% - 15px);
    }
}

@media(max-width:750px) {
    .contacts-five-block .contacts-five-block__contacts {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .contacts-five-block .soc__item:nth-child(2n-1) {
        order: unset;
    }

    .contacts-five-block .contacts__item {
        min-height: unset;
    }

    .contacts-five-block .contacts-five-block__img {
        width: 100%;
    }
}

@media(max-width:500px) {
    .contacts-five-block .contacts-five-block__img {
        max-height: 250px;
    }

    .contacts-five-block .contacts__item {
        padding: 20px;
        gap: 20px;
    }

    .contacts-five-block .arrow {
        height: 50px;
        width: 50px;
    }
}

@media (max-width: 1200px) {
    .contacts-five-block {
        padding: 60px 80px;
    }
}

@media (max-width: 768px) {
    .contacts-five-block {
        padding: 40px 20px;
    }
}

@media (max-width: 1200px) {
    .contacts-five-block .phone, .contacts-five-block .emai, .contacts__item.callback__item .callback__title {
        font-size: 32px;
    }
}

@media (max-width: 768px) {
    .contacts-five-block .phone, .contacts-five-block .email, .contacts__item.callback__item .callback__title {
        font-size: 24px;
    }
}