.content {
    padding-top: 0;
    padding-bottom: 0;
}
.grey__line {
    margin-bottom: 50px;
}
.contact__page {
    display: flex;
    width: 100%;
    gap: 60px;
    padding: 60px 0 clamp(60px, 10vw, 160px);
}
.contact__info {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.contact__title {
    text-align: left;
    padding: 0;
}
.contact__text {
    font-size: clamp(16px, 3vw, 24px);
    line-height: 160%;
    color: var(--grey2);
}
.contact__contact {
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 566px;
    font-size: 16px;
    color: var(--black);
    line-height: 120%;
    align-items: center;
}
.contact__contact a {
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
    text-decoration: none;
    color: var(--black);
}
.contact__social {
    display: flex;
    gap: 20px;
    padding-right: 30px;
}
.contact__form {
    background: #EDEDED;
    padding: clamp(30px, 3vw, 40px) clamp(16px, 3vw, 60px);
    width: 100%;

}
.contact__form-title {
    color: var(--black);
    font-size: clamp(26px, 3vw, 28px);
    line-height: 120%;
    font-weight: 700;
    text-transform: uppercase;
    padding-bottom: 20px;
}

.contact__form-form {
    max-width: 660px;
}

.contact__form-form label {
    display: block;
    margin-bottom: 12px;
}
.contact__form-form span {
    padding-bottom: 12px;
    display: block;
    font-size: 16px;
    line-height: 160%;
    color:var(--grey2);
}
.contact__form-form input {
    width: 100%;
    border: none;
    border-bottom: 2px solid #ccc;
    background: transparent;
    padding: 8px 0;
    outline: none;
    color: #82837D;
    font-size: 20px;
    line-height: 120%;
}

.contact__form-form input:focus {
    border-bottom-color: var(--orange); /* оранжевый при фокусе */
}

.contact__form-form-text {
    font-size: 16px;
    line-height: 120%;
    color: #292626;
    font-weight: 400;
    padding: 18px 0 20px;
    margin: 0;
}

.contact__form-form-text a {
    color: var(--orange);
    text-decoration: underline;
    font-weight: 700;
}

.contact__form-form button {
    width: 100%;
}
.contact__special {
    line-height: 0;
    width: 100%;
}
.contact__special img {
    width: 100%;
}

@media (max-width: 768px) {
    .contact__page {
        flex-direction: column;
        padding: 0;
    }
    .contact__form {
        margin: 0 -16px;
        width: calc(100% + 32px);
    }
    .contact__info {
        gap: 20px;
    }
    .contact__contact {
        padding-bottom: 4px;
    }
   
}