.contact__wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: var(--Margin-130-50);
}

.contact__info-item__title {
    color: var(--6D6D6D);
    margin-bottom: var(--Margin-20-10);
}

.contact__info-item__value,
.contact__info-item__value p {
    color: var(--Black);
}


.contact__info {
    position: relative;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
}
.contact__info-item__values {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.contanct__info-item__desc {
    color: var(--6D6D6D);
    margin-top: 10px;
}

@media(max-width: 820px) {
    .contact__info {
        grid-template-columns: repeat(3, 1fr);   
    }
}
@media(max-width: 750px) {
    .contact__info {
        grid-template-columns: repeat(2, 1fr);   
    }
}
@media(max-width: 430px) {
    .contact__info {
        grid-template-columns: repeat(1, 1fr);   
    }
    .contact__info-item {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .contact__info-item__title,
    .contact__info-item__values,
    .contact__info-item__values p {
        text-align: center;
    }
}