#popup1 {
    padding: 36px;
    max-width: 520px;
    background: #f9fafb
}

.popup__title {
    padding-bottom: 27px;
    border-bottom: 1px dashed rgba(196, 196, 196, .48);
    margin-bottom: 20px
}

.popup__info {
    line-height: 16px;
    letter-spacing: .008em;
    color: #bb8e34;
    max-width: 235px;
    padding-top: 15px
}

.popup__name {
    font-weight: 700;
    font-size: 36px;
    line-height: 40px;
    letter-spacing: .008em;
    text-transform: uppercase;
    color: #bb8e34
}

#popup1 .callback__form {
    max-width: 100%;
    width: 100%
}

#popup1 .form__info {
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: .008em;
    color: rgba(34, 47, 60, .75);
    margin-bottom: 15px
}

#popup1 input#name {
    width: 100%
}

#popup1 input#email,
#popup1 input#number {
    width: 100%
}

#popup1 input,
#popup1 textarea {
    border: none;
    /* color: rgba(121, 135, 151, .55); */
    background: #fff
}

#popup1 .form-field.field__message {
    max-width: 100%;
    padding-top: 22px;
    border-top: 1px dashed rgba(196, 196, 196, .48)
}

#popup1 .form__controls span {
    max-width: 280px;
    width: 100%;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    /* display: flex;
    align-items: center; */
    letter-spacing: .008em;
    color: rgba(63, 70, 78, .5)
}

#send_done .send__text {
    font-size: 36px;
    color: #465446;
    font-weight: bolder
}



@media screen and (max-width: 767px) {
    #popup1 {
        padding: 23px;
        max-width: 520px;
        background: #f9fafb
    }

    .popup__name {
        font-size: 24px;
        line-height: 26px
    }

    .popup__title {
        padding-bottom: 17px;
        margin-bottom: 15px
    }

    .popup__info {
        font-size: 14px;
        line-height: 14px;
        padding-top: 10px
    }

    #popup1 .form__info {
        font-size: 10px;
        line-height: 12px;
        margin-bottom: 10px
    }

    #popup1 input,
    #popup1 textarea {
        border: none;
        color: rgba(121, 135, 151, .55);
        background: #fff;
        font-weight: 400;
        font-size: 10px;
        line-height: 11px;
        letter-spacing: .008em;
        padding: 8px
    }

    /* .form__content {
        gap: 30px 10px;
        margin-bottom: 20px
    } */

    .form__content {
        gap: 0;
        margin-bottom: 20px
    }

    #popup1 .form-field.field__message {
        padding-top: 15px
    }

    #popup1 .form__controls span {
        max-width: 181px;
        width: 100%;
        font-weight: 400;
        font-size: 10px;
        line-height: 11px;
        display: flex;
        align-items: center;
        letter-spacing: .008em;
        color: rgba(63, 70, 78, .5)
    }
}



@media screen and (max-width: 575px) {
   
    #popup1 {
        padding: 23px;
        max-width: 520px;
        background: #f9fafb
    }

    .popup__name {
        font-size: 24px;
        line-height: 26px
    }

    .popup__title {
        padding-bottom: 17px;
        margin-bottom: 15px
    }

    .popup__info {
        font-size: 14px;
        line-height: 14px;
        padding-top: 10px
    }

    #popup1 .form__info {
        font-size: 10px;
        line-height: 12px;
        margin-bottom: 10px
    }

    #popup1 input,
    #popup1 textarea {
        border: none;
        color: rgba(121, 135, 151, .55);
        background: #fff;
        font-weight: 400;
        font-size: 10px;
        line-height: 11px;
        letter-spacing: .008em;
        padding: 8px
    }

    /* .form__content {
        gap: 20px 0;
        margin-bottom: 10px
    } */

    .form__content {
        gap: 0;
        margin-bottom: 10px
    }

    #popup1 .form-field.field__message {
        padding-top: 15px
    }

    #popup1 .form__controls span {
        max-width: 181px;
        width: 100%;
        font-weight: 400;
        font-size: 10px;
        line-height: 11px;
        display: flex;
        align-items: center;
        letter-spacing: .008em;
        color: rgba(63, 70, 78, .5)
    }
}