.form {
    position: relative;
    background: url("../img/form__bg.svg") no-repeat center / cover;
    max-width: 486px;
    margin-bottom: 23px;
    padding: 40px 30px 58px 40px;
    border-radius: 38px;
    box-shadow: 0 0 7px 0 rgba(143, 143, 156, 0.43);
}

select {
    text-indent: 1px;
    text-overflow: '';
    -webkit-appearance: none;
    -moz-appearance: none;
}

.select {
    position: relative;
    max-width: 345px;
    margin: 0 auto;
}

.select:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 20px;
    display: block;
    background: url('../img/form__select.svg') no-repeat center / contain;
    width: 15px;
    height: 15px;
    transform: translateY(-50%);
}

.form__logo {
    max-width: 354px;
    margin: 0 auto 35px;
}

.form__text {
    color: var(--form__text);
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.17;
    text-align: center;
    margin-bottom: 25px;
    max-width: 380px;
}

.form__text b {
    display: block;
    font-weight: 800;
}

.form__input {
    max-width: 345px;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1;
    border: none;
    text-transform: uppercase;
    background: var(--white);
    margin: 0 auto 10px;
    padding: 14px 25px;
    border-radius: 90px;
    box-shadow: 0 0 11px 0 rgba(156, 156, 174, 0.22);
}

.form__input::placeholder {
    color: var(--form__input);
}

.form__btn {
    max-width: 345px;
    margin: 22px auto 0;
    color: var(--white);
    font-size: 1.5625rem;
    font-weight: 900;
    line-height: 110%;
    text-align: center;
    text-transform: uppercase;
    background: var(--buttonBg);
    padding: 8px 20px;
    border: none;
    border-radius: 100px;
    box-shadow: 0 0 11px 0 rgba(156, 156, 174, 0.22);
}

@media screen and (max-width: 576px) {
    .form {
        padding: 20px 15px 30px;
    }

    .form__logo {
        margin-bottom: 10px;
    }

    .form__text {
        font-size: 1.125rem;
        margin: 0 auto 10px;
    }
}