@media only screen and (max-width: 1090px) {
  .dashboard-form-progress-bar {
    position: relative;
    width: 100%;
  }
  .dashboard-form-progress-bar-step {
    margin-top: 40px;
    padding: 0;
    display: flex;
  }
  .dashboard-form-progress-bar-step__header {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
  }
  .dashboard-form-progress-bar-step_state_active .dashboard-form-progress-bar-step__header {
    display: flex;
  }
  .dashboard-form__inputs {
    grid-template-columns: unset;
    grid-auto-columns: 1fr;
  }
  .dashboard-form__inputs-container_grid-span_2 {
    grid-template-columns: inherit;
  }
  .branch-search-item {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: unset;
    gap: 15px;
    padding-bottom: 15px;
  }
  .branch-search-item__division-2 {
    grid-row: unset;
    grid-column: unset;
  }
  .branch-search__search-fields {
    grid-template-columns: 1fr;
  }
}
@media only screen and (max-width: 1024px) {
  .dashboard-buttons {
    grid-template-columns: 1fr 1fr;
  }
  .verify-reminder {
    flex-flow: column nowrap;
    gap: 20px;
  }
  .dashboard-carousel__carousel-item {
    width: 500px;
    height: auto;
  }
}
@media only screen and (max-width: 768px) {
  .dashboard {
    grid-template-columns: 1fr;
    overflow: hidden;
  }
  .dashboard-content {
    background-position: center 84px;
  }
  .dashboard-directory {
    position: absolute;
    max-width: 300px;
    width: auto;
    height: calc(100% - 84px);
    padding: 0;
    left: -300px;
    top: 84px;
    z-index: 9;
    transition-duration: 0.5s;
    transition-property: left;
    box-shadow: 0 4px 20px 0 rgba(16, 53, 127, 0.07);
    overflow: scroll;
  }
  .dashboard-directory_mobile-state_show {
    left: 0;
  }
  .dashboard-directory__nav {
    padding: 40px 0;
  }
  .site-logo {
    display: none;
  }
  .dashboard-header {
    height: 84px;
    padding: 22px 25px;
  }
  .dashboard-header__web-text {
    display: none;
  }
  .dashboard-header__mobile-logo {
    display: flex;
    flex-flow: column nowrap;
    gap: 7px;
    justify-content: center;
    align-items: center;
  }
  .dashboard-header__mobile-logo-top {
    display: flex;
    flex-flow: row nowrap;
    gap: 5px;
    justify-content: center;
    align-items: center;
  }
  .dashboard-header__mobile-logo-image {
    width: 74px;
    height: auto;
  }
  .dashboard-header__mobile-logo-text {
    font-size: 1.56em;
    font-weight: normal;
    margin: 0;
    font-family: "Gotham Book", Gotham, "Plus Jakarta Sans", Arial, Helvetica, sans-serif;
    color: #41AFC6;
  }
  .dashboard-header__mobile-logo-subtext {
    margin: 0;
    font-size: 0.875em;
    line-height: 10px;
    color: #10357F;
    font-weight: 600;
  }
  .dashboard-carousel__carousel-item {
    width: 390px;
    height: auto;
  }
  .profile-display__name {
    display: none;
  }
  .dashboard-ekyc-start__button-display {
    max-width: 380px;
  }
  .button_visibility_ekyc-start {
    display: block;
    width: 100%;
  }
  .dashboard-ekyc-start__display-reverser {
    flex-flow: column nowrap;
  }
  .dashboard-ekyc-start {
    padding: 24px 20px;
  }
  .mobile-menu-button {
    width: 40px;
    height: 40px;
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: center;
    gap: 6px;
    position: relative;
    background-color: transparent;
    border: none;
    padding: 0;
  }
  .mobile-menu-button-bar {
    width: 20px;
    height: 2px;
    background-color: #10357F;
    border-radius: 2px;
    position: relative;
    transition-duration: 0.5s;
    top: 0;
  }
  .mobile-menu-button-bar:last-child {
    top: unset;
    bottom: 0;
  }
  .mobile-menu-button_state_open .mobile-menu-button-bar {
    opacity: 0;
  }
  .mobile-menu-button_state_open .mobile-menu-button-bar:first-child {
    top: 8px;
    opacity: 1;
    transform: rotate(45deg);
  }
  .mobile-menu-button_state_open .mobile-menu-button-bar:last-child {
    bottom: 8px;
    opacity: 1;
    transform: rotate(-45deg);
  }
  .dashboard-header_push_true {
    margin-bottom: 62px;
  }
  .dashboard-header__web-text_push_true {
    display: block;
    position: absolute;
    top: 80px;
    left: 0;
    padding: 24px 25px 20px;
    height: 62px;
    font-size: 0.875em;
    text-transform: uppercase;
    color: #808080;
    z-index: 15;
    background-color: white;
    width: 100%;
    box-shadow: 0 -14px 0 0 white, 0px 4px 20px 0px rgba(16, 53, 127, 0.07);
  }
  .dashboard-header__web-text_shadow_false {
    box-shadow: none;
  }
  .dashboard-form-progress-bar {
    width: 100vw;
    position: sticky;
    padding: 0 25px 15px;
    top: 142px;
    margin-left: -20px;
    background-color: white;
    z-index: 11;
    box-shadow: 0 -14px 0 0 white, 4px 4px 20px 0 rgba(16, 53, 127, 0.07);
    display: flex;
    flex-flow: row nowrap;
    gap: 10px;
  }
  .dashboard-form-progress-bar-step {
    width: 100%;
  }
  .dashboard-form-progress-bar-step__stepper {
    display: grid;
    width: 100%;
    grid-template-columns: 1fr calc(100% - 35px);
    gap: 10px;
    padding: 0;
  }
  .dashboard-form-progress-bar-step:last-child {
    width: 25px;
  }
  .dashboard-form-progress-bar-step:last-child .dashboard-form-progress-bar-step__stepper {
    grid-template-columns: 25px;
  }
  .dashboard-form-progress-bar-step__stepper-circle {
    margin: 0;
  }
  .dashboard-form-progress-bar-step_state_active .dashboard-form-progress-bar-step__header {
    left: 25px;
  }
  .dashboard-content-body_withPush_true {
    padding-top: 40px;
  }
  .dashboard-form__button-display,
  .dashboard-form-summary__buttons {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .dashboard-form__button-display .button,
  .dashboard-form-summary__buttons .button {
    width: 100%;
    max-width: unset;
  }
  .expandable-notice {
    width: 100%;
  }
}
@media only screen and (max-width: 425px) {
  .dashboard-form__button-display,
  .dashboard-form-summary__buttons {
    display: flex;
    flex-flow: column-reverse;
  }
  .dashboard-form__button-display .button,
  .dashboard-form-summary__buttons .button {
    width: 100%;
    max-width: unset;
  }
}
@media only screen and (max-width: 375px) {
  .dashboard-content {
    gap: 36px;
  }
  .dashboard-content-body {
    padding-left: 10px;
    padding-right: 10px;
  }
  .dashboard-carousel__carousel-item {
    width: 290px;
    height: auto;
  }
  .dashboard-buttons {
    grid-template-columns: 1fr;
  }
  .valid-id-display {
    gap: 7.1%;
  }
  .dashboard-form-progress-bar {
    margin-left: -10px;
  }
  .dashboard-form-finish__page-buttons {
    grid-template-columns: 1fr;
  }
}
@media only screen and (max-width: 320px) {
  .dashboard-carousel__carousel-item {
    width: 250px;
    height: auto;
  }
}

/*# sourceMappingURL=dashboard.css.map */