.my-form__wrap {
    padding: 4.7rem 4.8rem;
    background-color: var(--color-white);
    border-radius: 4px;
}

@media (max-width: 1199px) {
    .my-form__wrap {
        padding: 3rem 3.6rem;
    }
}

@media (max-width: 769px) {
    .my-form__wrap {
        padding: 2.5rem 3rem;
    }
}

@media (max-width: 769px) {
    .my-form__title {
        margin-bottom: 2rem;
    }
}

.my-form {
    max-width: 402px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

@media (max-width: 992px) {
    .my-form {
        max-width: none;
        width: 100%;
    }
}

.my-form__title {
    font-size: 2rem;
    font-weight: 600;
    line-height: 26px;
    letter-spacing: -.04em;
    color: var(--color-title);
    text-align: center;
    margin-bottom: 2.4rem;
}

@media (max-width: 769px) {
    .my-form__title {
        margin-bottom: 2rem;
    }
}

@media (max-width: 575px) {
    .my-form__title {
        margin-bottom: 1.4rem;
    }
}

.my-form__body {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    max-width: 381px;
    width: 100%;
}

@media (max-width: 992px) {
    .my-form__body {
        max-width: none;
    }
}

@media (max-width: 575px) {
    .my-form__body {
        gap: 4px;
    }
}

.my-form__inputs {
    gap: 8px;
}

@media (max-width: 575px) {
    .my-form__inputs {
        gap: 4px;
    }
}

.my-form__bottom {
    gap: 1rem;
    margin-top: 1.4rem;
    width: 100%;
}

@media (max-width: 575px) {
    .my-form__bottom {
        gap: 4px;
        margin-top: 1rem;
    }
}

.agreement-text {
    font-size: 1.3rem;
    font-weight: 600;
    line-height: 18px;
    color: var(--color-lightTitle);
    text-align: center;
}

.agreement-text a {
    display: inline;
    color: var(--color-title);
    text-decoration: underline;
}
form{ margin: auto;}