.hab-form{width:100%;padding-inline:80px;max-width:1440px;margin:auto;@media (max-width: 1024px) {
        padding-inline: 32px;
    }
    @media (max-width: 767px) {
        padding-inline: 20px;
    }
    @media (max-width: 767px) {
        padding-inline: unset;
    }

    .hab-form__container {
        background-color: #BADDF1;
        border-radius: 4px;
        padding: 44px;
        display: flex;
        flex-direction: column;
        align-items: center;
        row-gap: 16px;

        @media (max-width: 1024px) {
            padding: 22.5px;
        }
        @media (max-width: 767px) {
            padding: 20px;
            width: 100%;
            margin: auto;
            border-radius: unset;
        }


    }

    a {
        color: #0000ee;
        text-decoration: none;
    }

    .hab-form__top {
        display: flex;
        flex-direction: column;
        align-items: center;
        row-gap: 8px;
        margin-bottom: 8px;
    }
        .hab-form__title {
            text-align: center;
            font-size: 22px;
        }

        .hab-form__sub_title {
            font-size: clamp(14px,1.1112vw,16px);
        }


    .hab-form__form {
        width: 100%;
        max-width: 810px;
        display: flex;
        flex-direction: column;
        row-gap: 24px;
    }
    .form-sleep__blockInput {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 24px 16px;
        position: relative;

        @media (max-width: 767px) {
            grid-template-columns: 1fr;

            .block {
                width: 100%;
                max-width: 100%;
                justify-self: center;
            }
        }

        p {
            position: relative;
        }
    }

    .hab-form__label {
        position: absolute;
        padding: 0 4px;
        top: -8px;
        left: 16px;
        background-color: #BADDF1;
        color: #111111;
    }
    .hab-form__input {
        width: 100%;
        padding: 12px 16px;
        border-radius: 4px;
        border: 1px solid #7691C0;
        color: #111111;
        transition: all 0.2s ease;
        outline: none;
        background-color: transparent;

        @media (max-width: 1024px) {
            padding: 8px 16px;
        }

        &::-moz-placeholder {
            color: #2B2C2E;
        }
        &::placeholder {
            color: #2B2C2E;
        }
        &:hover {
            border: 1px solid #355792;
        }
        &:focus {
            border: 1px solid #5774A8;
            outline: none;
        }
        &:user-invalid {
            border: 1px solid #E94235;
        }
        &t:disabled {
            border: 1px solid #ACB1B3;
        }
        &:disabled::-moz-placeholder {
            color: #ACB1B3;
        }
        &:disabled::placeholder,
        &:disabled label {
            color: #ACB1B3;
        }
    }

    .hab-form__input--textarea {
        resize: none;
    }

    .hab-form__text {
        color: #5B5B5B;
    }
    .hab-form__social {
        display: flex;
        gap: 8px;

        a {
            color: #111111;
            transition: color 0.2s ease;

            &:hover {
                color: #7691C0;
            }
            &:active {
                color: #355792;
            }
        }
    }

    .hab-form__iconWrapper {
        width: 24px;
        aspect-ratio: 1;
        height: auto;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
        background-color: #E5E3DF;
        flex-shrink: 0;

        @media (max-width: 767px) {
            width: 48px;
        }

        svg {
            width: 50%;
            height: 50%;
        }
    }

    @media (max-width: 767px) {
        .hab-form__button {
            width: 100%;
            max-width: 420px;
            justify-self: center;
        }
    }

    .hab-form__mobileEnter {
        display: none;

        @media (max-width: 767px) {
            display: block;
        }
    }

    .hab-form__mobileHidden {
        display: inline;

        @media (max-width: 767px) {
            display: none;
        }
    }

    .iti {
        width: 100%;
    }

    @media (min-width: 768px) {
        .page__button {
            padding: unset;
        }
    }

    .wpcf7-form input[type="submit"] {
        height: unset;
    }

    .hab-form__write-text {
        display: flex;
        flex-direction: row;
        align-items: center;
        flex-wrap: wrap;
        gap: 5px;
        font-size: clamp(14px,1.1112vw,16px);
    }
        .hab-form__link {
            text-decoration: underline;
            font-weight: bold;
        }

    .page__button {
        font: 400 16px "Montserrat", sans-serif;
    }
}