.elementor-1177 .elementor-element.elementor-element-aa2047f{--display:flex;--margin-top:6%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-1177 .elementor-element.elementor-element-626b5c0{--display:flex;--min-height:36vh;--border-radius:25px 25px 25px 25px;}.elementor-1177 .elementor-element.elementor-element-626b5c0:not(.elementor-motion-effects-element-type-background), .elementor-1177 .elementor-element.elementor-element-626b5c0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#B51A1A;background-image:url("https://wiselightacademy.com/wp-content/uploads/2025/08/dashboard-banner-scaled.png");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-1177 .elementor-element.elementor-element-adb5aea{--display:flex;}.elementor-1177 .elementor-element.elementor-element-307e111.elementor-element{--align-self:flex-start;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-1177 .elementor-element.elementor-element-aa2047f{--margin-top:17%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}}/* Start custom CSS for shortcode, class: .elementor-element-307e111 *//* Make the password section visually identical to other WLA cards */
#wla-change-password .wla-card{
  border-radius: 14px !important;          /* same as dashboard */
  border: 1px solid #e5e7eb !important;
  box-shadow: 0 1px 2px rgba(0,0,0,.04) !important;
  background: #fff !important;
  overflow: hidden;                         /* ensures rounded corners are visible */
}

/* Also round the wrapper in case the theme adds its own border/background */
#wla-change-password{
  border-radius: 14px;
  overflow: hidden;
}

/* Inputs keep the softer radius used in the dashboard */
#wla-change-password .wla-input{
  border-radius: 10px;
}

/* If your theme flattens borders on blocks, this guard helps */
.entry-content #wla-change-password,
.wp-block-group #wla-change-password{
  border-radius: 14px;
  overflow: hidden;
}/* End custom CSS */