@import "../../assets/styles/variables.scss";
.profile-personal-info, .profile-update-password {
    width: 100%;
    margin: $gutter-zero;
    padding: $gutter-zero;
}
.profile-data{
    padding: $gutter-base*4;
    background-color: var(--page-color) !important;
}
.profile-data xpo-card, .profile-save-btn{
    margin: $gutter-base*4 auto;
    width: 50%;
    display: block;
    text-align: right;
}
.profile-data ul {
    li{
    list-style: none;
    padding: 0 0 1em 0 !important;
    }
    li:first-child {
        padding: 1em 0 1em 0 !important;
    }
}
@media (max-width: $mobile-screen) {
.profile-data  xpo-card, .profile-save-btn{
    width:100%;
    margin: $gutter-base*2 auto;
    text-align: center;
    }
.profile-save-btn button{
    width: 80%;
}
.profile-data{
    padding: $gutter-base 0px;
    background-color: var(--page-color) !important;
   }
}