/* Contacts */
.contacts__content-wrap {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.contacts__address-wrap {
    max-width: 712px;
}

.contacts__addresses-block {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-bottom: 50px;
}

.contacts__address {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.contacts__subtitle {
    font-weight: 700;
    font-size: 18px;
}

.contacts__place-map {
    height: 453px;
    max-width: 712px;
    margin-bottom: 50px;
    overflow: hidden;
}

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

.contacts__map iframe {
    width: 100%;
    height: 100%;
    display: block;
    border: 0;
}

.contacts__text,
.contacts__item {
    display: flex;
    flex-direction: column;
    gap: 10px;
    font-size: 18px;
}

.contacts__label {
    font-weight: 700;
}

.contacts__value {
    display: flex;
    align-items: center;
    gap: 10px;
}

.contacts__icon {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
}

.contacts__link {
    color: inherit;
    transition: all 0.3s ease;
}

@media (any-hover: hover) {
    .contacts__link:hover {
        color: var(--grey4);
    }
}

.contacts__link:active {
    color: var(--grey4);
}

.contacts__sprite {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
}

.contacts__note {
    font-size: 16px;
    color: var(--grey4);
}

.contacts__connection {
    max-width: 426px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    gap: 142px;
}

.contacts__list {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin: 0;
    padding: 0;
    list-style: none;
}

@media (max-width: 1024px) {
    .contacts__address-wrap {
        max-width: 500px;
    }

    .contacts__addresses-block {
        margin-bottom: 30px;
    }

    .contacts__place-map {
        height: 400px;
        margin-bottom: 30px;
    }

    .contacts__connection {
        gap: 82px;
    }
}

@media (max-width: 768px) {
    .contacts__content-wrap {
        flex-direction: column;
    }

    .contacts__address-wrap {
        max-width: 100%;
    }

    .contacts__addresses-block {
        margin-bottom: 16px;
    }

    .contacts__address {
        gap: 10px;
    }

    .contacts__text,
    .contacts__item {
        font-size: 14px;
    }

    .contacts__note {
        font-size: 14px;
    }

    .contacts__connection {
        max-width: 100%;
        flex-direction: row;
        gap: 20px;
    }

    .contacts__list {
        gap: 10px;
    }
}

@media (max-width: 600px) {
    .contacts__place-map {
        height: 280px;
    }

    .contacts__connection {
        flex-direction: column;
    }
}

@media (max-width: 425px) {
    .contacts__subtitle {
        font-size: 16px;
    }

    .contacts__note {
        font-size: 14px;
    }

    .contacts__connection-block:first-child {
        gap: 0;
    }
}

@media (max-width: 375px) {
    .contacts__connection-block {
        flex-direction: column;
    }

    .contacts__connection-block:first-child {
        gap: 10px;
    }
}