.personal-details.name-and-email {
  display: none !important;
}

.user-profile ~ .col-centered {
  max-width: 740px;
  margin: 0 auto;
  padding: 32px 20px !important;
  background: var(--color-00);
  color: var(--color-01);
  font-size: 16px;
}

.user-profile ~ .col-centered .container-fluid {
  padding: 0;
}

.user-profile ~ .col-centered .panel-body {
  padding: 0;
}

.user-profile ~ .col-centered .panel.panel-default:not(.panel-details) {
  background-color: var(--color-09);
}

.advanced-options-section {
  padding: 24px 32px !important;
  background-color: var(--color-02) !important;
  color: var(--color-01) !important;
  font-size: 16px;
  border-radius: 5px;
  float: none !important;
  width: 100% !important;
  display: block !important;
}

.advanced-options-section img,
.advanced-options-section h3 {
  margin-bottom: 16px;
}

.advanced-options-section img {
  width: 48px;
  height: 48px;
  object-fit: contain;
}

.advanced-options-section .h3 {
  font-size: 24px;
  font-weight: 500;
}

.advanced-options-section .change-password-panel,
.advanced-options-section .change-email-panel {
  height: auto !important;
  padding: 20px !important;
  font-size: 20px;
  font-weight: 500;
  text-transform: uppercase;
  border-radius: 5px !important;
  border: none;
  background-color: var(--color-01) !important;
}

.advanced-options-section .change-password-panel a,
.advanced-options-section .change-email-panel a {
  color: var(--color-00) !important;
  font-size: 14px !important;
}

#change-password-panel,
#change-email-panel {
  display: flex;
  align-items: center;
  gap: 16px;
}

#change-password-panel .img,
#change-email-panel .img {
  width: auto !important;
}

#change-password-panel img,
#change-email-panel img {
  margin-bottom: 0;
  width: 24px;
  height: 24px;
  object-fit: contain;
}

.change-password-form .panel-heading {
  display: none;
}

.change-email-form .panel {
  padding: 0;
}

.change-email-form .panel-heading {
  padding: 0;
  background-color: transparent !important;
  color: var(--color-01) !important;
  border: none;
  box-shadow: none;
}

.change-email-component-panel + .row {
  display: flex;
  flex-direction: row-reverse;
  gap: 16px;
}