.contacts__wrapper {
    position: relative;
    display: flex;
    align-items: start;
    gap: var(--Gap-30);
}

.contacts__content {
    position: relative;
    width: 0%;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    gap: var(--Margin-50);
}
.contacts__info-wrapper {
    position: relative;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--Gap-30);
}
.contacts__info-item {
    position: relative;
    display: flex;
    align-items: start;
    gap: var(--Gap-20);
}
.contacts__info-item__icon {
    position: relative;
    width: 0%;
    min-width: var(--Size-50);
    height: auto;
    aspect-ratio: 1;
    border-radius: 5px;
    background-color: var(--Background-secondary);
    display: flex;
    align-items: center;
    justify-content: center;

    & svg {
        width: 48%;
        height: auto;
        aspect-ratio: 1;
    }
}
.contacts__info-item__title {
    position: relative;
    color: var(--Main-text-primary);
    margin-bottom: var(--Margin-10);
}
.contacts__info-item__values {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: var(--Margin-10);
}
.contacts__info-item__value {
    position: relative;
    color: var(--Head-primary);
}
.contacts__info-item__text {
    position: relative;
    margin-top: var(--Margin-10);
    color: var(--Green);
}

.contacts__map-wrapper {
    position: relative;
    width: 100%;
    height: auto;
    aspect-ratio: 750 / 303;
    border-radius: 5px;
    overflow: hidden;
    max-height: 303px;
    min-height: 180px;

    & iframe {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100% !important;
        height: 100% !important;
    }
}



.contacts__form {
    position: relative;
    width: 49.02%;
    padding: var(--Padding-60);
    background-color: var(--Primary);
    border-radius: 5px;
    overflow: hidden;

    & .form-privacy {
        color: var(--Main-text-secondary);
    }
}
.contacts__form-title {
    position: relative;
    color: var(--Head-secondary);
    text-align: left;
    margin-bottom: var(--Margin-15);
}
.contacts__form-text {
    position: relative;
    width: 382px;
    max-width: 100%;
    color: var(--Main-text-secondary);
    margin-bottom: var(--Margin-30);
}
.contacts__form__img-decor {
    position: absolute;
    bottom: var(--Padding-10);
    left: var(--Padding-10);
    width: auto;
    height: auto;

    max-width: calc(100% - (var(--Padding-10) * 2));
    max-height: calc(100% - (var(--Padding-10) * 2));
}


@media(max-width: 1100px) {
    .contacts__form {
        width: 45%;
    }
}
@media(max-width: 1000px) {
    .contacts__wrapper {
        flex-direction: column;
    }
    .contacts__content,
    .contacts__form {
        width: 100%;
    }
}
@media(max-width: 520px) {
    .contacts__info-wrapper {
        grid-template-columns: repeat(1, 1fr);
    }
}