.profile {
    padding-bottom: 55px
}

.profile__groups {
    display: flex;
    flex-direction: column;
    row-gap: 56px
}

.profile__notifications {
    margin-top: 30px
}

.profile__btn {
    display: block;
    margin: 36px auto 0;
    max-width: 344px;
    width: 100%
}

.profile-group__title {
    border-bottom: 1px solid #cdcdcd;
    color: #303030;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.2;
    padding-bottom: 15px
}

.profile-group__controls {
    display: flex;
    flex-direction: column;
    margin-top: 30px;
    row-gap: 14px
}

.profile-group__password {
    margin-top: 30px
}

.profile-passport .form-field__label {
    margin-bottom: 22px
}

.profile-passport__controls {
    align-items: center;
    -moz-column-gap: 38px;
    column-gap: 38px;
    display: flex
}

.profile-password__desc {
    color: #303030;
    font-size: .8125rem;
    line-height: 1.8461538462;
    order: 1
}

.profile-password__controls {
    display: flex;
    flex-direction: column;
    margin-top: 25px;
    order: 0;
    row-gap: 15px
}

.profile-notifications {
    display: flex;
    flex-direction: column;
    row-gap: 14px
}

.profile-notifications .form-field__label {
    margin: 0
}

.profile-notifications__controls {
    align-items: center;
    -moz-column-gap: 38px;
    column-gap: 38px;
    display: flex
}

@media only screen and (min-width:48em) {
    .profile-group__controls {
        grid-gap: 14px 20px;
        align-items: end;
        display: grid;
        grid-template-columns: repeat(2, 1fr)
    }

    .profile-password {
        grid-column-gap: 20px;
        align-items: center;
        display: grid;
        grid-template-columns: repeat(2, 1fr)
    }

    .profile-password__controls {
        margin-top: 0
    }

    .profile-notifications {
        align-items: center;
        -moz-column-gap: 30px;
        column-gap: 30px;
        flex-direction: row
    }
}

@media only screen and (min-width:62em) {
    .profile__notifications {
        margin-top: 90px
    }

    .profile__btn {
        margin-top: 76px
    }

    .profile-group__controls,
    .profile-password {
        grid-column-gap: 38px
    }
}