/* START - Header */
#header .component:nth-child(3) {
  margin-top: 0;
}

#header > .row > .component.container.col-12 {
  margin-top: 0;
}

#header .nav-site-logo .component.image {
  padding-left: 0;
  padding-right: 0;
}

#header .nav-site-logo .component.image img {
  width: 130px;
  height: 27.2px;
}

#header .nav-site-logo .component.image a {
  align-items: center;
}

.hamburger > .component-content .hamburger-close {
  margin-bottom: 0;
  border: none;
}

.hamburger > .component-content .hamburger-close #close-menu {
  padding-block: 13px;
}

.hamburger > .component-content .hamburger-close button {
  font-family: "Nunito Sans", Helvetica, Verdana, Tahoma, sans-serif;
  font-weight: 400;
  font-size: 13.25px;
  line-height: 17.85px;
}

.hamburger > .component-content .hamburger-close button::after {
  margin-left: 8px;
  width: 12px;
}

.mobile-nav {
  padding-top: 14px;
  padding-bottom: 20px;
}

.navigation:not(.mobile-nav) .item2 {
  padding-bottom: 20px;
}

.hamburger > .component-content .sidebar-section .navigation-title {
  margin-top: 12px;
}

.hamburger
  > .component-content
  .component.navigation.navigation-title
  .navigation-title
  a {
  padding-block: 12px;
  font-size: 17px;
  line-height: 23.12px;
}

.hamburger
  > .component-content
  .component.navigation.navigation-title
  .level1.rel-level1
  > .navigation-title
  a,
.hamburger
  > .component-content
  .component.navigation.navigation-title
  .level1.rel-level2
  > .navigation-title
  a {
  padding-block: 12px;
  font-size: 17px;
  line-height: 23.12px;
}

.hamburger > .component-content .sidebar-section .navigation-title:before {
  border-top-color: #ececec;
  top: -12px;
}

#ham-button {
  padding-right: 0;
}

#super-header .profile a {
  padding-right: 31px;
}

#super-header > .component-content > .row > .component.container.col-12 {
  margin-top: 0;
}

#super-header .breadcrumbs,
#super-header .profile {
  padding: 0;
  font-size: 13.125px;
  line-height: 17.85px;
}

#super-header .breadcrumbs a,
#super-header .profile a {
  padding: 0;
}

#super-header + .component.container.col-12 {
  margin-top: 0;
}

#super-content {
  padding-top: 0;
}

#header .nav-site-logo::before {
  content: "";
  display: block;
  height: 1px;
  width: 110vw;
  border-bottom: 1px solid #ececec;
  position: absolute;
  bottom: -1px;
  left: -5vw;
}

#header #header-nav .nav-action-buttons .fa {
  color: #4d4d4d;
}

#header #header-nav .nav-action-buttons .column-splitter {
  gap: 24px;
}

.nav-action-buttons a {
  padding-inline: 0;
  padding-block: 19px;
}

#super-header #super-content .column-splitter > [class^='col']:last-child {
  margin-left: 0;
}

#super-content > .component-content > .row > .row.component {
  padding-block: 8px;
  padding-inline: 16px;
  align-items: center;
}

#super-content .breadcrumbs .fa,
#super-content .profile .fa {
  margin-right: 8px;
}

#super-content .breadcrumbs .fa {
  padding-block: 3px;
}

#header-search > .component-content > .row .component.container.col-12 {
  margin-top: 0;
}

#super-header #super-content .profile a em {
  padding-block: 1px;
  margin-right: 8px;
  vertical-align: middle;
}

#super-header #super-content .profile a:first-child {
  padding-right: 8px;
}

#super-header #super-content .profile a:first-child .mobile-hidden {
  display: none;
}

#super-header #super-content .profile a:last-child {
  padding-left: 4px;
}

#super-header #super-content .profile a:first-child img {
  width: 12px;
}

#super-header #super-content .profile a:last-child img {
  width: 12px;
}

#super-header .profile a:first-child:not(:last-child) {
  border-color: rgba(178,178,178,0.5);
}

/* @media screen and (max-width: 345px) {
  #super-content > .component-content > .row > .row.component {
    padding-inline: 2px;
  }
} */

#header .search-bar .search-bar-box {
  border-color: rgba(178,178,178,0.5);
  padding: 11px 16px;
  width: 100%;
}

#header .search-bar .search-bar-box .twitter-typeahead {
  margin: 0;
}

#header .search-bar .search-bar-box input {
  padding-inline: 0;
  text-align: left;
  font-size: 15px;
  line-height: 20.4px;
  margin-inline: 0;
  width: 100%;
  max-width: 318px;
}

#header .search-bar .search-bar-box input::placeholder {
  font-size: 15px;
  line-height: 20.4px;
  color: #4d4d4d;
}

#header .search-bar .search-bar-box button {
  position: relative;
  left: unset;
  transform: unset;
  color: rgb(178,178,178);
  opacity: 0.5;
  padding: 0;
  padding-left: 8px;
}

#header .search-bar .search-bar-box button::after {
  font-weight: 400;
  font-size: 13px;
  vertical-align: middle;
}

#header .search-bar .search-bar-controls + .plain-html,
#header .search-bar .search-box + .component.rich-text {
  display: none;
}

#super-content > .component-content > .row > .row.component {
  padding-inline: 16px;
}

.navigation.navigation-fat .rel-level1 > .navigation-title > a {
  font-size: 13px;
  line-height: 17.68px;
  letter-spacing: 0;
}

@media screen and (min-width: 576px) {
  .nav-action-buttons a .fa {
    margin-bottom: 9.14px;
  }

  .nav-action-buttons a .header-icon-label {
    font-size: 13px;
    line-height: 17.68px;
    font-weight: 400;
  }
}

@media screen and (min-width: 768px) {
  #super-header #super-content .profile a:first-child .mobile-hidden {
    display: inline;
  }

  #super-header #super-content .profile a:first-child {
    padding-right: 24px;
  }

  #super-header #super-content .profile a:last-child {
    padding-left: 20px;
  }

  #header .nav-site-logo::before {
    z-index: 1;
  }

  #super-content > .component-content > .row > .row.component {
    padding-inline: 32px;
  }

  #header #header-nav {
    padding-inline: 32px;
  }

  #header .nav-site-logo .component.image img {
    width: 170px;
    height: 36.12px;
  }

  #header .search-bar {
    position: relative;
    display: flex;
    transform: unset;
    opacity: 1;
    max-width: 370px;
    margin-inline: 0;
    padding-block: 19.5px;
  }

  .nav-action-buttons {
    display: none;
  }

  body .navigation.navigation-fat ul {
    justify-content: flex-start;
    gap: 8px;
  }

  body .navigation.navigation-fat {
    display: block;
  }

  body .navigation.navigation-fat .rel-level1 {
    flex: initial;
    padding: 12px;
  }

  #header #header-nav .row.component.column-splitter {
    justify-content: space-between;
  }

  .navigation.navigation-fat .rel-level1 > .navigation-title > a {
    min-width: 73px;
  }

  #header #header-nav .nav-site-logo + div {
    order: 1;
    flex-basis: 100%;
  }

  .navigation.navigation-fat {
    padding-inline: 0;
  }

  body .navigation.navigation-fat nav > ul {
    display: flex;
  }

  body .navigation.navigation-fat .rel-level1 {
    margin: 0;
  }

  body .navigation.navigation-fat .rel-level1.item4 > .navigation-title {
    padding-inline: 16px;
  }

  .navigation.navigation-fat .rel-level1 > .navigation-title {
    margin: 0;
  }
}

@media screen and (min-width: 992px) {
  #header .search-bar {
    max-width: 540px;
  }

  #header .search-bar .search-bar-box input {
    max-width: 488px;
  }

  body .navigation.navigation-fat ul {
    gap: 32px;
  }

  #header #header-nav .nav-site-logo + div {
    margin-left: 37px
  }

  .navigation:not(.mobile-nav) .item2 {
    padding-bottom: 0;
  }

  .navigation .level1 > .navigation-title > a,
  .navigation .level0 > .navigation-title > a {
    font-size: 13px;
    line-height: 17.68px;
    font-weight: 400;
  }

  .hamburger
    > .component-content
    .sidebar-section.item0
    .navigation-title:before {
    display: none;
  }

  .hamburger > .component-content .sidebar-section.item0 .navigation-title {
    margin-top: 0;
    padding-top: 14px;
  }

  .hamburger > .component-content .item2 .navigation-title {
    padding-bottom: 20px;
  }

  .hamburger
    > .component-content
    .component.navigation.navigation-title
    .level1.rel-level1
    > .navigation-title
    a,
  .hamburger
    > .component-content
    .component.navigation.navigation-title
    .level1.rel-level2
    > .navigation-title
    a {
    font-size: 22px;
    line-height: 29.92px;
  }

  #super-content {
    padding-top: 0;
  }

  #super-header .breadcrumbs a {
    padding-left: 0;
  }

  .nav-action-buttons a {
    padding-block: 20px 14.8px;
  }

  .nav-action-buttons .col-auto:nth-child(2) a {
    padding-inline: 18px 17px;
  }

  .navigation.navigation-fat .rel-level1:hover > .navigation-title > a:after {
    max-width: 64px;
  }

  .navigation.navigation-fat .item4 > .navigation-title > a {
    text-transform: none;
  }
}

@media screen and (min-width: 1200px) {
  #header .nav-site-logo::before {
    left: -25vw;
    z-index: 1;
    width: 150vw;
  }

  #super-content > .component-content > .row > .row.component {
    padding-inline: 0;
  }

  #super-header #super-content {
    max-width: 1170px;
  }

  #header #header-nav,
  #header #header-search {
    margin-left: calc((100vw - 1170px) * 0.616);
    max-width: 1170px;
  }

  #header #header-nav {
    padding-inline: 0;
  }
}

@media screen and (min-width: 1400px) {
  #header #header-nav,
  #header #header-search {
    margin-left: calc((100vw - 1170px) * 0.5);
  }
}
/* END - Header */

/* START - Footer */
#footer .thr-footer .footer-mid a {
  font-weight: 600;
  font-size: 17px;
  line-height: 25.5px;
}

#footer .footer-mid h3 {
  margin-block: 0;
}

#footer .thr-footer .footer-mid h6 {
  margin-top: 0;
  font-size: 19px;
  line-height: 25.84px;
  font-weight: 600;
  margin-bottom: 16px;
}

#footer .footer-mid p {
  color: #4d4d4d;
  font-size: 17px;
  line-height: 25.5px;
}

#footer .footer-mid {
  background-color: #ececec;
  padding-block: 48px;
}

#footer .footer-mid .column-splitter .col-12 {
  padding-inline: 16px;
}

#footer .footer-mid .col-12 .component {
  padding-inline: 0;
}

#footer .footer-mid .column-splitter > .col-12:first-child {
  margin-bottom: 32px;
}

#footer .footer-mid .column-splitter > .col-12:first-child p:nth-child(2) {
  margin-bottom: 32px;
}

@media screen and (min-width: 470px) {
  #footer .footer-mid .column-splitter > .col-12:first-child p:nth-child(2) br {
    display: none;
  }
}

#footer .footer-mid .column-splitter > .col-12:nth-child(2) {
  margin-bottom: 32px;
}

#footer .footer-mid .column-splitter > .col-12:nth-child(2) p:nth-child(2),
#footer .footer-mid .column-splitter > .col-12:nth-child(2) p:nth-child(3) {
  margin-bottom: 10px;
}

#footer .thr-footer .footer-mid .column-splitter > .col-12:last-child {
  margin-bottom: 0;
}

#footer .footer-mid .column-splitter > .col-12:last-child h6 {
  margin-bottom: 10px;
}

#footer .footer-mid .link-list.social-icons > .component-content ul {
  padding: 0;
}

#footer .footer-mid .link-list.social-icons > .component-content li {
  margin-bottom: 0;
  vertical-align: middle;
  margin-right: 32px;
}

#footer .footer-mid .link-list.social-icons > .component-content li:last-child {
  margin-right: 0;
}

#footer .footer-mid .link-list > .component-content li a:before {
  display: none;
}

#footer .footer-mid .link-list.social-icons .field-icon em {
  background-color: transparent;
  background: transparent;
  color: #4d4d4d;
  width: fit-content;
  height: fit-content;
  font-size: 17px;
}

#footer.container {
  padding-inline: 0;
  border: none !important;
}

#footer.container .col-12 {
  margin-top: 0 !important;
}

#footer .footer-top p,
#footer .footer-mid p,
#footer .footer-bottom p {
  text-align: left;
}

#footer .footer-bottom {
  background-color: #d9d9d9;
  padding-block: 16px;
}

#footer .footer-bottom p {
  font-size: 13px;
  line-height: 17.68px;
  font-weight: 400;
}

#footer .footer-bottom .field-link a {
  font-weight: 600;
  font-size: 13px;
  line-height: 17.68px;
}

#footer .footer-bottom div[class^="col-"] {
  padding-inline: 0;
}

#footer .footer-bottom div[class^="col-"]:first-child {
  margin-bottom: 8px;
}

@media screen and (min-width: 576px) {
  #footer .footer-mid .row.column-splitter {
    justify-content: flex-start;
    flex-direction: row;
  }

  #footer .footer-mid .link-list.social-icons > .component-content {
    text-align: left;
  }

  #footer .footer-mid .column-splitter > .col-12:first-child p:nth-child(2) {
    max-width: 24ch;
  }
}

@media screen and (min-width: 768px) {
  #footer .footer-mid .row.column-splitter {
    padding-inline: 24px;
  }

  #footer .footer-mid .link-list.social-icons > .component-content li {
    margin-right: 40px;
  }

  #footer
    .footer-mid
    .link-list.social-icons
    > .component-content
    li:last-child {
    margin-right: 0;
  }

  #footer .thr-footer .footer-mid h6 {
    text-align: left;
    font-size: 22px;
    line-height: 29.92px;
  }

  #footer .footer-mid .column-splitter > .col-12 {
    padding-inline: 0;
  }

  #footer .footer-mid .column-splitter > .col-12:first-child p:nth-child(2) {
    margin-bottom: 24px;
  }

  #footer .footer-mid .column-splitter > .col-12:nth-child(2) p:nth-child(2),
  #footer .footer-mid .column-splitter > .col-12:nth-child(2) p:nth-child(3) {
    margin-bottom: 8px;
  }

  #footer .footer-mid .column-splitter > .col-12:last-child h6 {
    margin-bottom: 16px;
  }
}

@media screen and (min-width: 992px) {
  #footer .footer-mid .column-splitter > .col-12:first-child,
  #footer .footer-mid .column-splitter > .col-12:nth-child(2),
  #footer .footer-mid .column-splitter > .col-12:last-child {
    margin-bottom: 0;
  }

  #footer .footer-mid .column-splitter > .col-12:nth-child(2) {
    padding-left: 62px;
  }
}

@media screen and (min-width: 1200px) {
  #footer .footer-mid > div > .row {
    margin-inline: 0;
  }

  #footer .footer-bottom > div > .row {
    margin-inline: 0;
  }

  #footer .footer-mid .row.column-splitter {
    padding-inline: 0;
  }

  #footer .footer-mid > div {
    max-width: 1096px;
  }

  #footer .footer-bottom > div {
    max-width: 1170px;
  }

  #footer .footer-mid .column-splitter > .col-12:last-child {
    padding-left: 82px;
  }

  #footer .footer-bottom > div .component.rich-text {
    padding-left: 0;
    padding-right: 33px;
  }

  #footer
    .footer-bottom
    > div
    > .row
    > .column-splitter
    > .col-auto
    .component.link {
    padding-inline: 12px;
  }
}
/* END - Footer */

/* START - Login Page */
.module-login main {
  background-color: #f7f7f7;
}

.module-login #wrapper > main > #content.container > .row {
  flex-wrap: nowrap;
}

.module-login main main #content.container > .row {
  padding-block: 24px;
}

@media screen and (min-width: 768px) {
  .module-login main main #content.container > .row {
    padding-block: 67.28px;
  }
}

@media screen and (min-width: 1024px) {
  .module-login main main #content.container > .row {
    padding-block: 48px 51px;
  }
}

.module-login .promo {
  margin-bottom: 24px;
  background-color: transparent;
}

.module-login .promo-box {
  background-color: #fff;
  padding: 32px 16px;
  border: none;
}

.module-login .promo-box form {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: center;
  justify-content: center;
  margin-block: 0;
}

.module-login .promo-box form input {
  padding: 12px 16px;
  border: 1px solid #b2b2b280;
  color: #4d4d4d;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
  width: 100%;
}

.input-validation-error {
  background-color: #ffd3b2;
  border: 1px solid #f86e08 !important;
}

.field-validation-error {
  color: #f86e08;
  font-size: 13px;
  font-weight: 400;
  line-height: 17px;
  height: fit-content;
  text-align: start;
  width: 100%;
  margin: 0;
}

.field-validation-valid {
  display: none;
}

.input-validation-error + .field-validation-valid {
  display: block;
}

.module-login .promo-box form input[type="submit"],
.button-primary input[type="submit"] {
  webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: inline-block;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  vertical-align: middle;
  box-sizing: border-box;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  padding: 0.6rem 1.75rem 0.375rem;
  font-family: "Nunito Sans", Helvetica, Verdana, Tahoma, sans-serif;
  font-size: 1.25rem;
  line-height: 1.6875rem;
  text-transform: uppercase;
  font-weight: 300;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-property: background-color, color, border-color, box-shadow;
  transition-property: background-color, color, border-color, box-shadow;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  background: #ffffff;
  color: #003798;
  border-width: 1px;
  border-style: solid;
  border-color: #b2b2b2;
  background-color: #003798;
  color: #ffffff;
}

.module-login .promo-box form .button-primary {
  margin: 0;
  width: 100%;
  margin-bottom: 8px;
}

.module-login .promo-box form .button-primary a,
.module-login .promo-box form .button-primary input[type="submit"] {
  padding: 12px 16px;
  margin: 0;
  width: 100%;
  font-size: 15px !important;
  font-weight: 600;
  line-height: 20px;
  text-transform: uppercase;
}

.module-login .promo-box form a {
  text-align: center;
  width: 100%;
  font-size: 17px;
  font-weight: 600;
  line-height: 25px;
}

.module-login .promo-box form > div a {
  text-align: left;
  width: auto;
}

.module-login .promo-box form > div span {
  color: #4d4d4d;
  font-weight: 600;
  font-size: 17px;
  line-height: 150%;
}

.module-login .promo-box form div {
  width: 100%;
  margin-bottom: 40px;
  display: flex;
  gap: 8px;
  align-items: center;
}

.module-login .promo-box form div:not(:first-child) {
  margin-top: 8px;
}

.module-login .promo-box form svg {
  width: 176px;
  height: 40px;
}

.promo.promo-full-width > .component-content {
  grid-template-columns: 1 1;
}

.module-login [class*="image-fit"] img {
  object-fit: cover !important;
  object-position: bottom;
}

@media screen and (min-width: 768px) {
  .module-login .promo-box {
    padding: 32px;
  }

  .module-login .promo.promo-full-width.promo-body-left > .component-content {
    grid-template-areas: "promoTxt promoImg";
  }

  .module-login .promo-box form div:not(:first-child) {
    margin-top: 8px;
  }

  .module-login .promo-box form div {
    margin-bottom: 16px;
  }

  .module-login .promo-box form svg {
    margin-inline: auto;
  }

  .module-login .promo .component-content {
    margin-inline: 0;
  }
}

@media screen and (min-width: 992px) {
  .module-login .promo.promo-full-width > .component-content {
    grid-template-columns: 37% 63%;
  }

  .module-login .promo-box {
    background-color: #fff;
    padding: 48px 40px;
    z-index: 0 !important;
  }

  .module-login .promo-box form {
    width: 270px;
    margin: 0 auto;
  }

  .module-login .promo-box form .button-primary {
    width: 240px;
  }

  .module-login .promo-box form svg {
    margin: auto;
    width: 200px;
    height: 45px;
  }
}

@media screen and (min-width: 1024px) {
  .module-login .promo-box form div {
    margin-bottom: 40px;
  }
}

.module-login .component.content .body-copy {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin-left: 0;
}

.module-login .component.content .body-copy img {
  margin-block: 2px 1px;
  width: 24px;
  height: 21px;
}

.module-login .component.content .body-copy p {
  font-size: 13px;
  line-height: 136%;
  font-weight: 400;
  color: #4d4d4d;
  margin-bottom: 0;
}

.module-login .component.content .body-copy p a {
  font-weight: 600;
  color: #003798;
}

@media screen and (min-width: 768px) {
  .module-login .component.content .body-copy {
    align-items: center;
    padding-inline: 0;
  }

  .module-login .component.content .body-copy p {
    font-style: italic;
    max-width: 64ch;
    font-weight: 600;
  }

  .module-login .component.content .body-copy p a {
    font-style: normal;
  }
}

@media screen and (min-width: 769px) {
  .module-login .component.content .body-copy {
    max-width: 100%;
  }
}

@media screen and (min-width: 1024px) {
  .module-login .component.content .body-copy p {
    max-width: unset;
  }

  .module-login #content.container > .row:first-child .promo .promo-box {
    width: 440px;
    border: none;
  }

  .module-login #content.container > .row:first-child .promo .field-promoicon {
    max-height: 474px;
  }
}

@media screen and (min-width: 1150px) {
  .module-login #content.container > .row:first-child .promo,
  .module-login #content.container > .row:first-child > .component.content {
    max-width: 1096px;
  }
}

/* END - Login Page */

/* START - Verify pages */
.module-verify main {
  background-color: #f7f7f7;
}

.module-verify main main #content.container > .row {
  padding-block: 48px;
}

@media screen and (min-width: 768px) {
  .module-verify main main #content.container > .row {
    padding-block: 72px;
  }
}

@media screen and (min-width: 1024px) {
  .module-verify main main #content.container > .row {
    padding-block: 80px;
  }
}

.module-verify br {
  display: block;
  content: "";
  margin-top: 24px;
}

.module-verify .field-title {
  text-align: center;
  font-size: 22px !important;
  font-weight: 300;
  line-height: 30px;
}

.module-verify .body-copy p {
  color: #4d4d4d;
  text-align: center;
  font-size: 17px;
  font-weight: 300;
  line-height: 25px;
}

.module-verify .body-copy b {
  width: 100%;
  display: block;
  text-align: center;
}

.module-verify .component-content .field-content > div,
.module-verify .component-content .field-content > section {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding-inline: 16px;
}

.module-verify .component-content .field-content > section {
  flex-direction: column;
  gap: 8px;
}

.module-verify .component-content .field-content > section .links {
  display: flex;
  align-items: center;
}

.module-verify .component-content .field-content > section .links a {
  padding-inline: 8px;
}

.module-verify
  .component-content
  .field-content
  > section
  .links
  a:not(:last-child) {
  border-right: 2px solid #4d4d4d;
}

.module-verify .component-content .field-content > section > p,
.module-verify .component-content .field-content > section a {
  margin: 0;
  color: #4d4d4d;
  text-align: center;
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
}

.module-verify .component-content .field-content > section a {
  color: #003798;
  font-weight: 600;
}

.module-verify .component-content .field-content--secondary > div {
  flex-direction: row;
}

.module-verify .component-content .field-content > div .button-primary,
.module-verify .component-content .field-content > div .input-primary {
  margin: 0;
  width: 100%;
}

.module-verify .component-content .field-content > div .button-primary a {
  padding: 12px 16px;
  margin: 0;
  width: 100%;
  font-size: 15px !important;
  font-weight: 600;
  line-height: 20px;
  text-transform: uppercase;
  gap: 8px;
}

.module-verify .component-content .field-content > div .input-primary input {
  padding: 12px 16px;
  border: 1px solid #b2b2b280;
  color: #4d4d4d;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
  width: 100%;
}

.module-verify .component-content .field-content > div .checkbox-primary input {
  width: 17px;
  height: 17px;
  margin-top: 10px;
  border: 1px solid #b2b2b280;
}

.module-verify .component-content .field-content > div .label-primary label {
  color: #000;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}

.module-verify .component-content .field-content > div .input-primary input {
  padding: 12px 16px;
  border: 1px solid #b2b2b280;
  color: #4d4d4d;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
  width: 100%;
}

@media screen and (min-width: 768px) {
  .module-verify .component-content .field-content > div,
  .module-verify .component-content .field-content > section {
    flex-direction: row;
    padding-inline: 0px;
  }

  .module-verify .component-content .field-content > div .button-primary {
    width: 240px;
  }

  .module-verify .component-content .field-content > div .input-primary {
    width: 270px;
  }
}

@media screen and (min-width: 991px) {
  .module-verify .field-title {
    font-size: 26px !important;
  }

  .module-verify .body-copy b {
    font-size: 17px;
  }
}

.module-verify #content.container > .row > .sitecore-form {
  margin-block: 0;
}

.module-verify #content.container > .row > .sitecore-form .card-wrapper {
  max-width: calc(100% - 32px);
  width: 100% !important;
  margin-block: 0;
}

.module-verify
  #content.container
  > .row
  > .sitecore-form
  .card-wrapper
  .card-body {
  background-color: #fff;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.03);
  padding: 32px 16px;
  margin-block: 0;
}

.module-verify
  #content.container
  > .row
  > .sitecore-form
  .card-wrapper
  .card-body
  h1 {
  font-size: 22px;
  font-weight: 300;
  line-height: 136%;
  text-align: center;
  margin-bottom: 24px;
}

.module-verify
  #content.container
  > .row
  > .sitecore-form
  .card-wrapper
  .card-body
  p {
  margin: 0 auto;
  text-align: center;
  font-size: 17px;
  font-weight: 300;
  line-height: 150%;
  color: #4d4d4d;
  width: 100%;
  max-width: 100%;
}

.module-verify
  #content.container
  > .row
  > .sitecore-form
  .card-wrapper
  .card-body
  .form-section {
  margin-block: 32px;
  background-color: transparent;
  padding: 0;
}

.module-verify
  #content.container
  > .row
  > .sitecore-form
  .card-wrapper
  .card-body
  .form-section
  .input-primary {
  flex-direction: column;
}

.module-verify
  #content.container
  > .row
  > .sitecore-form
  input[type="text"]
  + .field-validation-error
  > span,
.module-verify
  #content.container
  > .row
  > .sitecore-form
  input[type="email"]
  + .field-validation-error
  > span,
.module-verify
  #content.container
  > .row
  > .sitecore-form
  input[type="date"]
  + .field-validation-error
  > span,
.module-verify
  #content.container
  > .row
  > .sitecore-form
  input[type="number"]
  + .field-validation-error
  > span,
.module-verify
  #content.container
  > .row
  > .sitecore-form
  input[type="tel"]
  + .field-validation-error
  > span,
.module-verify
  #content.container
  > .row
  > .sitecore-form
  input[type="password"]
  + .field-validation-error
  > span,
.module-verify
  #content.container
  > .row
  > .sitecore-form
  textarea
  + .field-validation-error
  > span,
.module-verify
  #content.container
  > .row
  > .sitecore-form
  input[type="file"]
  + .field-validation-error
  > span,
.module-verify
  #content.container
  > .row
  > .sitecore-form
  .form-control
  + .field-validation-error
  > span {
  top: unset;
  margin-left: 0;
  color: #f86e08;
  font-weight: 400;
  font-size: 13px;
  line-height: 136%;
}

.module-verify
  #content.container
  > .row
  > .sitecore-form
  .card-wrapper
  .card-body
  .form-section
  input,
.module-verify
  #content.container
  > .row
  > .sitecore-form
  .card-wrapper
  .card-body
  .form-section
  input.form-control {
  font-size: 15px;
  font-weight: 400;
  line-height: 136%;
  padding: 14px 16px;
  margin-top: 0;
  max-width: 100%;
  width: 100%;
}

.module-verify
  #content.container
  > .row
  > .sitecore-form
  .card-wrapper
  .card-body
  .form-section
  input.form-control::after {
  display: none;
}

.module-verify
  #content.container
  > .row
  > .sitecore-form
  .card-wrapper
  .card-body
  .form-section
  input[type="submit"] {
  font-weight: 600;
  padding-block: 13px;
  min-height: unset;
  margin-bottom: 0;
}

.module-verify
  #content.container
  > .row
  > .sitecore-form
  .card-wrapper
  .card-body
  .form-section
  .button-primary {
  margin-bottom: 0;
}

.module-verify
  #content.container
  > .row
  > .sitecore-form
  .card-wrapper
  .card-body
  .form-section
  .form-group {
  margin-bottom: 16px;
}

.module-verify
  #content.container
  > .row
  > .sitecore-form
  .card-wrapper
  .card-body
  .form-section
  .form-group:first-child {
  max-width: 429px;
  margin-inline: auto;
}

.module-verify
  #content.container
  > .row
  > .sitecore-form
  .card-wrapper
  .card-body
  .form-section
  .form-group:nth-child(2) {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin-bottom: 0;
}

.module-verify
  #content.container
  > .row
  > .sitecore-form
  .card-wrapper
  .card-body
  .form-section
  input[type="checkbox"] {
  position: relative;
  width: 16px;
  height: 16px;
  margin: 0;
  border: 1px solid rgb(178, 178, 178, 0.5);
}

.module-verify
  #content.container
  > .row
  > .sitecore-form
  .card-wrapper
  .card-body
  .form-section
  .form-group:nth-child(2)
  label {
  font-size: 15px;
  font-weight: 400;
  line-height: 136%;
  text-transform: unset;
  letter-spacing: 0;
  margin: 0;
  width: auto;
}

.module-verify
  #content.container
  > .row
  > .sitecore-form
  .card-wrapper
  .card-body
  .component
  .field-content
  > section {
  padding-block: 4px;
}

.module-verify
  #content.container
  > .row
  > .sitecore-form
  .card-wrapper
  .card-body
  .component
  p {
  font-size: 13px;
  font-weight: 400;
  line-height: 136%;
  width: auto;
  margin: 0;
}

@media screen and (min-width: 768px) {
  .module-verify
    #content.container
    > .row
    > .sitecore-form
    .card-wrapper
    .card-body {
    padding: 48px;
    margin-inline: 0;
  }

  .module-verify
    #content.container
    > .row
    > .sitecore-form
    .card-wrapper
    .card-body
    h1 {
    font-size: 26px;
  }

  .module-verify
    #content.container
    > .row
    > .sitecore-form
    .card-wrapper
    .card-body
    p {
    font-size: 17px;
  }

  .module-verify
    #content.container
    > .row
    > .sitecore-form
    .card-wrapper
    .card-body
    .form-section
    .form-group:first-child {
    flex-direction: row;
    align-items: flex-start;
    gap: 8px;
  }

  .module-verify
    #content.container
    > .row
    > .sitecore-form
    .card-wrapper
    .card-body
    .form-section
    input,
  .module-verify
    #content.container
    > .row
    > .sitecore-form
    .card-wrapper
    .card-body
    .form-section
    input.form-control {
    width: 270px;
  }

  .module-verify
    #content.container
    > .row
    > .sitecore-form
    .card-wrapper
    .card-body
    .form-section
    input[type="submit"] {
    max-width: 151px;
  }

  .module-verify
    #content.container
    > .row
    > .sitecore-form
    .card-wrapper
    .card-body
    .component
    .field-content
    > section {
    padding-block: 6px 2px;
  }
}

@media screen and (min-width: 1024px) {
  .module-verify
    #content.container
    > .row
    > .sitecore-form
    .card-wrapper
    .card-body {
    padding: 48px 64px;
    margin-inline: auto;
    max-width: 1096px;
  }

  .module-verify
    #content.container
    > .row
    > .sitecore-form
    .card-wrapper
    .card-body
    .form-section
    .form-content {
    max-width: 100%;
    width: 100%;
    flex-direction: column;
  }

  .module-verify
    #content.container
    > .row
    > .sitecore-form
    .card-wrapper
    .card-body
    .form-section
    .form-group:first-child {
    margin-bottom: 24px;
  }

  .module-verify
    #content.container
    > .row
    > .sitecore-form
    .card-wrapper
    .card-body
    .form-section
    .form-group:first-child {
    max-width: 518px;
  }

  .module-verify
    #content.container
    > .row
    > .sitecore-form
    .card-wrapper
    .card-body
    .form-section
    input[type="submit"] {
    max-width: 240px;
  }
}

.module-verify
  #content.container
  > .row
  > .component.content:first-child
  > .component-content
  > .field-content {
  padding-inline: 16px;
}

.module-verify
  #content.container
  > .row
  > .component.content:first-child
  > .component-content
  > .field-content
  > .body-copy {
  flex-direction: column;
  background-color: #fff;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.03);
  padding: 32px 16px;
  gap: 24px;
}

.module-verify
  #content.container
  > .row
  > .component.content:first-child
  > .component-content
  > .field-content
  > .body-copy
  .component.title {
  margin-top: 0;
}

.module-verify
  #content.container
  > .row
  > .component.content:first-child
  > .component-content
  > .field-content
  > .body-copy
  .component.title
  .field-title {
  padding: 0;
  margin-top: 0;
  margin-bottom: 0;
}

.module-verify
  #content.container
  > .row
  > .component.content:first-child
  > .component-content
  > .field-content
  > .body-copy
  .component.content
  .body-copy {
  padding-inline: 0;
}

.module-verify
  #content.container
  > .row
  > .component.content:first-child
  > .component-content
  > .field-content
  > .body-copy
  .component.content
  .body-copy
  p {
  margin-bottom: 0;
  max-width: 62ch;
}

.module-verify
  #content.container
  > .row
  > .component.content:first-child
  > .component-content
  > .field-content
  > .body-copy
  .component.content:last-child {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .module-verify
    #content.container
    > .row
    > .component.content:first-child
    > .component-content
    > .field-content {
    padding-inline: 0;
  }

  .module-verify
    #content.container
    > .row
    > .component.content:first-child
    > .component-content
    > .field-content
    > .body-copy {
    padding: 48px;
  }

  .module-verify
    #content.container
    > .row
    > .component.content:first-child
    > .component-content
    > .field-content
    > .body-copy
    .component.content
    .body-copy
    p {
    margin-bottom: 8px;
  }

  .module-verify
    #content.container
    > .row
    > .component.content:first-child
    > .component-content
    > .field-content
    > .body-copy
    .component.content
    .button-primary {
    width: 220px;
  }
}

@media screen and (min-width: 1024px) {
  .module-verify
    #content.container
    > .row
    > .component.content:first-child
    > .component-content
    > .field-content
    > .body-copy {
    padding: 48px 64px;
    max-width: 1096px;
    width: 100%;
    margin-inline: auto;
  }

  .module-verify
    #content.container
    > .row
    > .component.content:first-child
    > .component-content
    > .field-content
    > .body-copy
    .component.content
    .button-primary {
    width: 240px;
  }
}

/* END - Verify pages */

/* START - Engagement Hub */

.module-engagement-hub #wrapper main {
  padding: 0;
}
.module-engagement-hub main #content > .row {
  margin: 0;
  max-width: calc(100% - 32px);
  margin-inline: auto;
  padding-block: 24px 48px;
}

@media screen and (min-width: 768px) {
  .module-engagement-hub main #content > .row {
    padding-block-start: 33px;
    max-width: calc(100% - 42px);
    display: grid;
    grid-template-columns: 235px 1fr;
    grid-template-rows: 152px 1fr;
    gap: 0 24px;
    grid-auto-flow: row;
    grid-template-areas:
      "sidebar-section welcome-message-section"
      "sidebar-section dashboard-section";
  }

  .welcome-message-section {
    grid-area: welcome-message-section;
  }

  .sidebar-section {
    grid-area: sidebar-section;
  }

  .dashboard-section {
    grid-area: dashboard-section;
  }
}

@media screen and (min-width: 800px) {
  .module-engagement-hub main #content > .row {
    max-width: 80vw;
  }
}

@media screen and (min-width: 1200px) {
  .module-engagement-hub main #content > .row {
    padding-block: 24px;
    max-width: 1096px;
    grid-template-columns: 318px 1fr;
    grid-template-rows: 152px 1fr;
    gap: 0 40px;
  }
}

.module-engagement-hub .content h1,
.content h2,
.rich-text h1,
.rich-text h2 {
  margin: 0;
}

.module-engagement-hub main #content > .row .welcome-message-section {
  margin: 0;
  padding-inline: 8px !important;
  padding-block-end: 24px;
  margin-block-end: 8px;
}

.module-engagement-hub .welcome-message-section .rich-text h1 {
  color: black;

  font-family: "Nunito Sans";
  font-size: 22px;
  font-style: normal;
  font-weight: 300;
  line-height: 29.92px;
  margin-block-end: 8px;
}

.module-engagement-hub .welcome-message-section .rich-text p {
  color: #4d4d4d;

  font-family: "Nunito Sans";
  font-size: 17px;
  font-style: normal;
  font-weight: 300;
  line-height: 25.5px;
  margin: 0;
}

@media screen and (max-width: 400px) {
  .module-engagement-hub .welcome-message-section .rich-text p {
    max-width: 30ch;
  }
}

@media screen and (min-width: 768px) {
  .module-engagement-hub main #content > .row .welcome-message-section {
    margin: 0;
    padding: 0 !important;
    padding-block: 24px !important;
  }
  .module-engagement-hub .welcome-message-section .rich-text h1 {
    font-size: 26px;
    line-height: 35.36px;
    margin-bottom: 16px;
  }
}

.module-engagement-hub main #content > .row .sidebar-section {
  margin: 0;
}
.module-engagement-hub
  main
  #content
  > .row
  .sidebar-section
  .component-content {
  padding: 0;
}

.module-engagement-hub main #content > .row .sidebar-section .contact-card {
  padding: 16px;
  background-color: #003798;
}

.module-engagement-hub
  main
  #content
  > .row
  .sidebar-section
  .contact-card
  br.tablet-shown {
  display: none;
}
@media screen and (min-width: 768px) and (max-width: 800px) {
  .module-engagement-hub
    main
    #content
    > .row
    .sidebar-section
    .contact-card
    br.tablet-shown {
    display: block;
  }
}

@media screen and (min-width: 1200px) {
  .module-engagement-hub main #content > .row .sidebar-section .contact-card {
    padding: 16px 24px;
  }
}

.module-engagement-hub main #content > .row .sidebar-section .contact-card h6 {
  color: #fff;

  /* H6 - Title - SemiBold */
  font-family: "Nunito Sans";
  font-size: 19px;
  font-style: normal;
  font-weight: 600;
  line-height: 25.84px;
  margin-bottom: 16px;
}

@media screen and (min-width: 768px) {
  .module-engagement-hub
    main
    #content
    > .row
    .sidebar-section
    .contact-card
    h6 {
    font-size: 22px;
    line-height: 29.92px;
  }
}

.module-engagement-hub
  main
  #content
  > .row
  .sidebar-section
  .contact-card
  .row {
  margin: 0;
  flex-wrap: nowrap;
  gap: 8px;
  align-items: baseline;
}

.module-engagement-hub
  main
  #content
  > .row
  .sidebar-section
  .contact-card
  .row
  p,
.module-engagement-hub
  main
  #content
  > .row
  .sidebar-section
  .contact-card
  .row
  a {
  color: #fff;

  /* Body */
  font-family: "Nunito Sans";
  font-size: 17px;
  font-style: normal;
  font-weight: 300;
  line-height: 25.5px;
  margin: 0;
}

.module-engagement-hub
  main
  #content
  > .row
  .sidebar-section
  .contact-card
  .row
  a.add-phone {
  font-weight: 600;
}

@media screen and (max-width: 400px) {
  .module-engagement-hub
    main
    #content
    > .row
    .sidebar-section
    .contact-card
    .row {
    max-width: 22ch;
  }
}
@media screen and (min-width: 1200px) {
  .module-engagement-hub
    main
    #content
    > .row
    .sidebar-section
    .contact-card
    .row {
    max-width: 22ch;
  }
}

.module-engagement-hub .card {
  width: 100%;
  padding: 16px;
  margin: 0;
  background-color: white;
}

.module-engagement-hub .card .card-head {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-block-end: 16px;
}

.module-engagement-hub .card .card-head p {
  margin: 0;
  flex-grow: 1;

  color: black;

  /* H6 - Title - SemiBold */
  font-family: "Nunito Sans";
  font-size: 19px;
  font-style: normal;
  font-weight: 600;
  line-height: 25.84px;
}

.module-engagement-hub .card > p {
  color: #4d4d4d;
  /* Body */
  font-family: "Nunito Sans";
  font-size: 17px;
  font-style: normal;
  font-weight: 300;
  line-height: 25.5px;
  margin-block-end: 24px;
}

@media screen and (min-width: 768px) {
  .module-engagement-hub .card .card-head p {
    font-size: 17px;
  }
  .module-engagement-hub .card > p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }

  .module-engagement-hub .card .link-icon {
    display: none;
  }
}

.module-engagement-hub .card > a img {
  margin-inline-end: 8px;
}

.module-engagement-hub .card > a {
  color: #003798;

  /* Link */
  font-family: "Nunito Sans";
  font-size: 17px;
  font-style: normal;
  font-weight: 600;
  line-height: 25.5px;
}

.module-engagement-hub .sidebar-section img {
  max-width: 100%;
}

.module-engagement-hub .sidebar-section img + .card {
  margin-block-start: -8px;
}

.module-engagement-hub .sidebar-section .contact-card + .card {
  margin-block: 8px;
}

.module-engagement-hub .component.container.col-12.dashboard-section {
  margin-top: 24px;
  display: grid;
  gap: 8px;
}

@media screen and (min-width: 768px) {
  .module-engagement-hub .component.container.col-12.dashboard-section .card {
    padding-block: 24px;
    padding-inline: 32px;
  }
  .module-engagement-hub .sidebar-section .contact-card + .card {
    margin-block: 16px;
  }
}

@media screen and (min-width: 1200px) {
  .module-engagement-hub .component.container.col-12.dashboard-section .card {
    padding: 24px;
  }
  .module-engagement-hub .sidebar-section .contact-card + .card {
    padding: 16px 24px;
    margin-block: 16px;
  }

  .module-engagement-hub .sidebar-section img + .card {
    margin-block-start: -8px;
    padding: 16px 24px;
  }

  .module-engagement-hub .sidebar-section img + .card > p {
    max-width: 262px;
    word-break: break-all;
  }

  .module-engagement-hub .component.container.col-12.dashboard-section {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 226px);
    gap: 8px;
  }

  .module-engagement-hub
    .component.container.col-12.dashboard-section
    .card
    .card-head
    p {
    font-size: 22px;
    line-height: 29.92px;
    max-width: 12ch;
  }

  .module-engagement-hub
    .component.container.col-12.dashboard-section
    .card
    > p {
    height: 52px;
  }
}

/* END - Engagement Hub */

.module-retrieve-username-questions #wrapper main,
.module-retrieve-username #wrapper main {
  padding: 0;
  background-color: #f7f7f7;
}

.module-retrieve-username .promo.promo-full-width > .component-content {
  margin: 0;
  padding-inline: 48px;
}

.module-retrieve-username .promo-box {
  display: flex;
  align-items: center;
  background-color: #fff;
  padding: 32px 16px;
  gap: 24px;
}

.module-retrieve-username .field-content > p {
  text-align: center;
  font-size: 17px;
}

.module-retrieve-username .promo-box .body-copy {
  margin: auto;
  padding: 0;
  max-width: 90%;
  text-align: center;
}

.module-retrieve-username .button-primary,
.module-retrieve-username .button-secondary,
.module-retrieve-username-questions .button-primary,
.module-retrieve-username-questions .button-secondary {
  margin: 0;
  width: 100%;
  margin-bottom: 0;
}

.module-retrieve-username .button-primary a,
.module-retrieve-username .button-secondary a,
.module-retrieve-username-questions .button-primary a,
.module-retrieve-username-questions .button-secondary a {
  padding: 12px 16px;
  margin: 0;
  width: 100% !important;
  height: 100%;
  font-size: 15px !important;
  font-weight: 600;
  line-height: 20px;
  text-transform: uppercase;
}

.module-retrieve-username .button-secondary a,
.module-retrieve-username-questions .button-secondary a {
  border: 1px solid rgba(178, 178, 178, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
}

.module-retrieve-username-questions .body-copy {
  margin: auto;
  max-width: 1096px;
}

.module-retrieve-username-questions .body-copy h6 {
  color: #4d4d4d;
  font-size: 17px;
  font-weight: 300;
  line-height: 25px;
}

.module-retrieve-username-questions .header-copy {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.module-retrieve-username-questions .header-copy h6 {
  color: #000;
  font-size: 22px;
  font-weight: 300;
  line-height: 35px;
}

.module-retrieve-username-questions .header-copy p {
  color: #4d4d4d;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0.24px;
  text-transform: uppercase;
  margin: 0;
}

.module-retrieve-username .field-icon {
  display: flex;
}

.module-retrieve-username .body-copy svg {
  width: 48px;
}

.module-retrieve-username-questions .body-copy p {
  color: #4d4d4d;
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
}

.module-retrieve-username-questions .body-copy label {
  color: #4d4d4d;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: 0.24px;
  text-transform: uppercase;
  display: block;
  margin-bottom: 16px;
}

.module-retrieve-username-questions .body-copy input {
  padding: 12px 16px;
  border: 1px solid #b2b2b280;
  color: #4d4d4d;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
  width: 100%;
}

.module-retrieve-username-questions .component-content .field-content section {
  display: flex;
  flex-direction: row;
  justify-content: end;
  gap: 8px;
  padding: 24px 0;
}

.module-retrieve-username-questions
  .component-content
  .field-content
  section
  > .button-primary,
.module-retrieve-username-questions
  .component-content
  .field-content
  section
  > .button-secondary {
  max-width: 175px;
  justify-content: center;
  margin: 0;
}

.module-retrieve-username-questions .header-copy {
  padding-bottom: 24px;
  border-bottom: 2px solid #003798;
}

.module-retrieve-username-questions br {
  display: block;
  content: "";
  margin-top: 24px;
}

.module-retrieve-username .component-content .buttons {
  display: flex;
  height: fit-content;
  justify-content: center;
  align-items: center;
  gap: 16px;
  width: 100%;
  flex: 1;
}

@media screen and (min-width: 574px) {
  .module-retrieve-username .promo.promo-full-width > .component-content {
    margin: 0;
    padding-inline: 0;
  }

  .module-retrieve-username .field-content > p {
    max-width: 396px;
  }

  .module-retrieve-username .button-primary,
  .module-retrieve-username .button-secondary {
    width: 150px;
  }
}

@media screen and (min-width: 768px) {
  .module-retrieve-username-questions .body-copy input {
    width: 348px;
  }

  .module-retrieve-username-questions .button-primary,
  .module-retrieve-username-questions .button-secondary {
    width: 151px;
  }

  .module-retrieve-username-questions .header-copy h6 {
    font-size: 26px;
  }
}

@media screen and (min-width: 992px) {
  .promo.promo-full-width > .component-content .promo-box {
    justify-content: center;
  }

  .module-retrieve-username
    .promo.promo-full-width.promo-body-left
    > .component-content {
    grid-template-areas: "promoTxt promoImg";
  }

  .module-retrieve-username .field-content > p {
    max-width: 265px;
  }

  .module-retrieve-username .field-content > .wide {
    max-width: 360px;
  }

  .module-retrieve-username
    .promo.promo-full-width
    > .component-content
    > .field-promoicon {
    width: 655px;
    height: 473px;
  }

  .module-retrieve-username
    .promo.promo-full-width.promo-body-left
    > .component-content {
    margin: auto;
    width: fit-content;
  }

  .module-retrieve-username .promo.promo-full-width > .component-content {
    grid-template-columns: 440px 64%;
  }

  .module-retrieve-username .promo-box .button-primary,
  .module-retrieve-username .promo-box .button-secondary {
    width: 240px;
  }

  .module-retrieve-username-questions .body-copy input {
    width: 354px;
  }

  .module-retrieve-username-questions .button-primary,
  .module-retrieve-username-questions .button-secondary {
    width: 240px;
    max-width: unset !important;
  }

  .module-retrieve-username .component-content .buttons {
    flex-direction: column;
    max-height: 112px;
  }
}

@media screen and (min-width: 1024px) {
  .module-retrieve-username .promo.promo-full-width > .component-content {
    margin: 0;
  }

  .module-retrieve-username .button-primary,
  .module-retrieve-username .button-secondary {
    width: 100% ;
    height: 48px;
  }

  .module-retrieve-username
    #content.container
    > .row:first-child
    > .component:first-child {
    margin: 48px auto;
  }
}

.forgot-username-form .card-wrapper {
  margin-bottom: 0;
  max-width: 1096px;
  width: 100% !important;
}

.forgot-username-form .card-body {
  border: none;
  margin: 0;
  margin-top: 0;
  padding-inline: 32px;
  padding-bottom: 0;
}

.forgot-username-form .card-body > h1 {
  font-size: 22px;
  line-height: 29.92px;
  font-weight: 300;
  margin-bottom: 24px;
}

.forgot-username-form .card-body > h1 + .row .col-12 span {
  text-transform: uppercase;
  color: #4d4d4d;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.24px;
  line-height: normal;
}

.forgot-username-form .card-body > h1 {
  font-size: 22px;
  margin-top: 48px;
  margin-bottom: 48px;
  padding-bottom: 32px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 2px solid #003798;
}

.forgot-username-form .card-body > h1 span {
  color: #4d4d4d;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0.24px;
  text-transform: uppercase;
}

@media screen and (min-width: 768px) {
  .forgot-username-form .card-body > h1 {
    font-size: 26px;
    font-weight: 300;
    line-height: 35px;
    margin-top: 48px;
    padding-bottom: 30px;
    margin-bottom: 48px;
  }
}

@media screen and (min-width: 1024px) {
  .forgot-username-form .card-body {
    padding-inline: 0;
  }

  .forgot-username-form .card-body > h1 {
    font-size: 26px;
    line-height: 35.36px;
    font-weight: 300;
  }

  .forgot-username-form .card-body > h1 + .row .col-12 span {
    position: absolute;
    right: 15px;
    top: -45px;
  }

  .forgot-username-form .card-body > h1 + .row .col-12::after {
    margin-top: 6px;
  }
}

.forgot-username-form .form-section {
  background: transparent;
  padding: 48px 0 0;
}

.forgot-username-form .form-section div.form-content {
  display: flex;
  flex-direction: row;
  row-gap: 32px;
  column-gap: 16px;
  flex-wrap: wrap;
}

@media screen and (min-width: 1024px) {
  .forgot-username-form .form-section div.form-content {
    max-width: 960px;
    width: 100%;
  }
}

.forgot-username-form .form-section label {
  font-size: 12px;
  letter-spacing: 0.24px;
  font-weight: 700;
  line-height: normal;
  color: #4d4d4d;
  margin-bottom: 16px;
  display: block;
  position: relative;
}

.forgot-username-form .form-section label .asterisk {
  color: #000;
}

.forgot-username-form .form-section .form-control {
  padding: 11px 16px;
  border: 1px solid rgba(178, 178, 178, 0.5);
  color: #4d4d4d !important;
  font-size: 15px;
  line-height: 21px;
  font-weight: 400;
  margin-bottom: 0;
  margin-top: 0;
}

.sitecore-form
  .forgot-username-form
  .card-wrapper
  .form-section
  div
  input.form-control,
.sitecore-form .forgot-username-form .card-wrapper .form-section div select {
  width: 100%;
  max-width: 100%;
  display: block;
  margin-top: 0;
  min-height: 48px;
  margin-bottom: 0;
}

.sitecore-form
  .forgot-username-form
  .card-wrapper
  .form-section
  div
  label.form-label:nth-of-type(1) {
  max-width: 100%;
  display: block;
  position: relative;
  margin-bottom: 16px;
}

.forgot-username-form .forgot-username-form .form-section .form-control#date-of-birth,
.forgot-username-form .forgot-username-form .form-section .form-control#subscriber-birthdate {
  text-transform: uppercase;
}

.sitecore-form .forgot-username-form .card-wrapper .form-section div.form-group {
  display: block;
  margin-bottom: 0;
  width: 100%;
}

.sitecore-form .forgot-username-form .card-wrapper .form-section div.form-group:nth-child(1),
.sitecore-form .forgot-username-form .card-wrapper .form-section div.form-group:nth-child(2),
.sitecore-form .forgot-username-form .card-wrapper .form-section div.form-group:nth-child(3),
.sitecore-form .forgot-username-form .card-wrapper .form-section div.form-group:nth-child(4) {
  width: 100%;
}

.sitecore-form .forgot-username-form .card-wrapper .form-section div.form-group:last-child {
  margin-bottom: 0;
}

.forgot-username-form input[type="text"] + span > span,
.forgot-username-form input[type="email"] + span > span,
.forgot-username-form input[type="date"] + span > span,
.forgot-username-form input[type="number"] + span > span,
.forgot-username-form input[type="tel"] + span > span,
.forgot-username-form input[type="password"] + span > span,
.forgot-username-form textarea + span > span,
.forgot-username-form input[type="file"] + span > span,
.forgot-username-form .form-control + span > span {
  top: unset;
  margin-left: 0;
  text-align: left;
}

.sitecore-form .forgot-username-form input[type="text"] + span.field-validation-valid,
.sitecore-form .forgot-username-form input[type="email"] + span.field-validation-valid,
.sitecore-form .forgot-username-form input[type="date"] + span.field-validation-valid,
.sitecore-form .forgot-username-form input[type="number"] + span.field-validation-valid,
.sitecore-form .forgot-username-form input[type="tel"] + span.field-validation-valid,
.sitecore-form .forgot-username-form input[type="password"] + span.field-validation-valid,
.sitecore-form .forgot-username-form textarea + span.field-validation-valid,
.sitecore-form .forgot-username-form input[type="file"] + span.field-validation-valid,
.sitecore-form .forgot-username-form .form-control + span.field-validation-valid {
  display: none;
}

.sitecore-form .forgot-username-form input[type="text"] + span,
.sitecore-form .forgot-username-form input[type="email"] + span,
.sitecore-form .forgot-username-form input[type="date"] + span,
.sitecore-form .forgot-username-form input[type="number"] + span,
.sitecore-form .forgot-username-form input[type="tel"] + span,
.sitecore-form .forgot-username-form input[type="password"] + span,
.sitecore-form .forgot-username-form textarea + span,
.sitecore-form .forgot-username-form input[type="file"] + span,
.sitecore-form .forgot-username-form .form-control + span {
  font-weight: 400;
  margin-top: 8px;
}

.sitecore-form .forgot-username-form select {
  background-image: url("/src/assets/images/insurance-billing/check-insurance/select-icon.svg") !important;
  background-repeat: no-repeat;
  background-position: right 16px center;
  background-size: 12px;
}

.sitecore-form
  .forgot-username-form
  .card-wrapper
  .form-section
  div
  input.form-control {
  /* min-width: 348px;   */
}

@media screen and (min-width: 768px) {
  .sitecore-form
    .forgot-username-form
    .card-wrapper
    .form-section
    div
    input.form-control {
    min-width: unset;
  }

  .sitecore-form .forgot-username-form .card-wrapper .form-section div.form-group:nth-child(1),
  .sitecore-form .forgot-username-form .card-wrapper .form-section div.form-group:nth-child(2),
  .sitecore-form .forgot-username-form .card-wrapper .form-section div.form-group:nth-child(3),
  .sitecore-form .forgot-username-form .card-wrapper .form-section div.form-group:nth-child(4) {
    width: calc((100% - 16px) / 2);
  }

  .forgot-username-form .form-section div.form-content {
    row-gap: 32px;
    column-gap: 16px;
  }
}

@media screen and (min-width: 1024px) {
  .forgot-username-form .form-section div.form-content {
    row-gap: 48px;
  }

  .sitecore-form .forgot-username-form  .card-wrapper .form-section div.form-group {
    max-width: 540px;
  }
}

.forgot-username-form .form-control::placeholder {
  opacity: 0.5;
}

.forgot-username-form .card-footer {
  padding: 24px 32px;
}

.forgot-username-form .card-footer input[type="submit"],
.forgot-username-form .card-footer input[type="button"] {
  width: 100%;
  margin: 0;
  font-size: 15px;
  font-weight: 600;
  line-height: 21px;
  padding: 10px 16px;
  min-height: 48px;
}

.forgot-username-form .card-footer input[type="button"] {
  border: 1px solid rgba(178, 178, 178, 0.5);
  background-color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #003798;
  text-transform: uppercase;
  margin-right: 12px !important;
}

.forgot-username-form .form-section .form-content {
  max-width: unset !important;
}

.forgot-username-form .form-head p {
  color: #4d4d4d;
  font-weight: 300;
  line-height: 25px;
}

.forgot-username-form .form-head p:first-child {
  font-size: 17px;
  margin-bottom: 8px;
}

.forgot-username-form .form-head p:last-child {
  font-size: 13px;
  margin-bottom: 0px;
  line-height: 17.68px;
  max-width: 90%;
}

@media screen and (min-width: 574px) {
  .forgot-username-form .card-body {
    padding-inline: 48px;
  }

  .forgot-username-form .card-footer {
    margin-top: 0px;
    padding: 24px 48px;
    justify-content: end;
  }

  .forgot-username-form .form-section {
    padding: 24px 0;
  }
}

@media screen and (min-width: 768px) {
  .forgot-username-form .card-footer input[type="submit"],
  .forgot-username-form .card-footer input[type="button"] {
    max-width: 150px;
  }
}

@media screen and (min-width: 1024px) {
  .forgot-username-form .card-footer {
    border-top: none;
    justify-content: end;
  }

  .forgot-username-form .card-footer input[type="submit"],
  .forgot-username-form .card-footer input[type="button"] {
    width: fit-content;
    min-width: 240px;
  }
}

@media screen and (min-width: 1366px) {
  .module-retrieve-username
    #content.container
    > .row
    > .row
    > .component:not(.container-fluid),
  #content.container > .row > .component:not(.container-fluid) {
    max-width: 1015px;
  }
}

.sitecore-form .forgot-username-form .has-feedback,
.sitecore-form .forgot-username-form .input-validation-error {
  border-color: #f86e08;
}


/* BEGIN - Profile Preferences */

.module-profile-preferences #wrapper main {
  padding: 0;
  background-color: #f7f7f7;
}
.module-profile-preferences main #content > .row {
  margin: 0;
  max-width: calc(100% - 32px);
  margin-inline: auto;
  padding-block: 24px 48px;
}

@media screen and (min-width: 768px) {
  .module-profile-preferences main #content > .row {
    max-width: calc(100% - 64px);
    margin-inline: auto;
    padding-block: 48px;
  }
}

@media screen and (min-width: 1200px) {
  .module-profile-preferences main #content > .row {
    max-width: 1096px;
    padding-block: 48px 64px;

  }
}

.module-profile-preferences main #content > .row .component.container:nth-child(1) {
  margin: 0;
  padding-inline: 8px;
  padding-block-end: 24px;
}

@media screen and (min-width: 768px) {
  .module-profile-preferences main #content > .row .component.container:nth-child(1){
    padding-inline: 0;
    padding-block-end: 48px;

  }
}

.module-profile-preferences main #content > .row .component.container:nth-child(1) .component-content > div {
  display: flex;
  gap: 16px;
  align-items: center;
  margin-block-end: 16px;
}

.module-profile-preferences main #content > .row .component.container:nth-child(1) .component-content > div img {
  width: 24px;
  height: 24px;
}

.module-profile-preferences main #content > .row .component.container:nth-child(1) .component-content h1 {
  color: black;

  font-family: "Nunito Sans";
  font-size: 22px;
  font-style: normal;
  font-weight: 300;
  line-height: 136%;
}

@media screen and (min-width: 768px) {
  .module-profile-preferences main #content > .row .component.container:nth-child(1) .component-content h1 {
    font-size: 26px;
    line-height: 136%;
    margin: 0;
  }
  .module-profile-preferences main #content > .row .component.container:nth-child(1) .component-content > div img {
    width: 32px;
    height: 32px;
  }
}

.module-profile-preferences main #content > .row .component.container:nth-child(1) .component-content p {
  margin: 0;
  font-size: 17px;
  line-height: 25.5px;
  color: #4d4d4d;
}

.module-profile-preferences main #content > .row .component.container:not(:nth-child(1)):not(:last-child) {
  margin: 0;
  padding-block: 24px;
  max-width: 100% !important;
}

.module-profile-preferences main #content > .row .component.container:not(:nth-child(1)):not(:last-child) .rich-text > div {
  display: flex;
  align-items: center;
  padding-inline-start: 16px;
  border-inline-start: 4px solid #003798;
  margin-block-end: 20px;
}

.module-profile-preferences main #content > .row .component.container:not(:nth-child(1)):not(:last-child) .rich-text  {
  padding-inline: 8px;
}

@media screen and (min-width: 768px) {
  .module-profile-preferences main #content > .row .component.container:not(:nth-child(1)):not(:last-child) .rich-text{
    padding-inline: 0;
  }

 .module-profile-preferences main #content > .row .component.container:nth-child(1) .component-content > div {
  margin-block-end: 17.5px;
 }
 .module-profile-preferences main #content > .row .component.container:not(:nth-child(1)):not(:last-child) .rich-text > div {
  margin-block-end: 18px;
 }

 .module-profile-preferences main #content > .row .component.container:nth-child(3) {
  padding-block: 48px 40px !important;
 }
}

.module-profile-preferences main #content > .row .component.container:not(:nth-child(1)):not(:last-child) .rich-text h2 {
  font-size: 19px;
  line-height: 25.84px;
  color: black;
  font-weight: 300;
}

@media screen and (min-width: 768px) {
  .module-profile-preferences main #content > .row .component.container:not(:nth-child(1)):not(:last-child) .rich-text h2 {
    font-size: 22px;
    line-height: 136%;
  }
}

.module-profile-preferences main #content > .row .component.container:not(:nth-child(1)):not(:last-child) .rich-text .edit {
  all: unset;

  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 21px;
  display: flex;
  gap: 8px;
  align-items: center;
  margin-inline-start: auto;
  color: #003798;
  cursor: pointer;
  transition: border ease-in-out 0.1s;
}

.module-profile-preferences main #content > .row .component.container:not(:nth-child(1)):not(:last-child) .rich-text .edit:hover {
  color: #03335F;
    background-color: rgba(0, 149, 67, 0.2);
    box-shadow: 0 0 0 4px rgba(0, 149, 67, 0.2);
    text-decoration: none;
    border-bottom: 3px solid #009543;
}

.module-profile-preferences main #content > .row .component.container:not(:nth-child(1)):not(:last-child) .rich-text .edit img {
  width: 16px;
  height: 16px;
}


.module-profile-preferences main #content > .row .component.container:not(:nth-child(1)):not(:last-child) .rich-text p {
  font-size: 17px;
  line-height: 25.5px;
  color: #4d4d4d;
  margin-block-end: 24px;
}

@media screen and (min-width: 768px) {
  .module-profile-preferences main #content > .row .component.container:not(:nth-child(1)):not(:last-child) .rich-text p {
    margin-block-end: 48px;
  }
}

@media screen and (max-width: 450px) {
  .module-profile-preferences main #content > .row .component.container:not(:nth-child(1)):not(:last-child) .rich-text h2 {
    max-width: 16ch;
  }

  .module-profile-preferences main #content > .row .component.container:not(:nth-child(1)):not(:last-child) .rich-text p {
    max-width: 33ch;
  }
}

.module-profile-preferences main #content > .row .component.container:not(:nth-child(1)):not(:last-child) .card {
  width: 100%;
  margin-bottom: 0;
  background-color: white;
  padding: 24px 16px;
  max-width: 100% !important;
  scroll-margin-block: 150px;

}

@media screen and (min-width: 768px) {
  .module-profile-preferences main #content > .row .component.container:not(:nth-child(1)):not(:last-child) .card {
    padding: 32px;
  }
}

.module-profile-preferences main #content > .row .component.container:not(:nth-child(1)):not(:last-child) .card .row {
  margin: 0;
  border-bottom: 1px solid #ECECEC;
  gap: 32px;
}

.module-profile-preferences main #content > .row .component.container:not(:nth-child(1)):not(:last-child) .card .row:last-child {
  border-bottom: none;
  padding-block-start: 16px;
}

.module-profile-preferences main #content > .row .component.container:not(:nth-child(1)):not(:last-child) .card .row:first-child {
  padding-block-end: 16px;
}

.module-profile-preferences main #content > .row .component.container:not(:nth-child(1)):not(:last-child) .card .row:not(:first-child,:last-child) {
  padding-block: 16px;
}

.module-profile-preferences main #content > .row .component.container:not(:nth-child(1)):not(:last-child) .card p {
  margin: 0;
}

.module-profile-preferences main #content > .row .component.container:not(:nth-child(1)):not(:last-child) .card p.confirmed {
  color: #009543;
}

.module-profile-preferences main #content > .row .component.container:not(:nth-child(1)):not(:last-child) .card p.not-confirmed {
  color: #009543;
}

.module-profile-preferences main #content > .row .component.container:not(:nth-child(1)):not(:last-child) .card p img {
  margin-inline-end: 8px;
}

.module-profile-preferences main #content > .row .component.container:not(:nth-child(1)):not(:last-child) .card p:not(.label) {
  color: #4d4d4d;

  font-family: "Nunito Sans";
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%; /* 21px */
}

@media screen and (max-width: 450px) {
  .module-profile-preferences main #content > .row .component.container:not(:nth-child(1)):not(:last-child) .card p:not(.label) {
    max-width: 20ch;
  }
}

.module-profile-preferences main #content > .row .component.container:not(:nth-child(1)):not(:last-child) .card .label {
  color: #4d4d4d;
  font-family: "Nunito Sans";
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 136%; /* 16.32px */
  letter-spacing: 0.24px;
  text-transform: uppercase;
  width: 114px;
}

@media screen and (min-width: 768px) {
  .module-profile-preferences main #content > .row .component.container:not(:nth-child(1)):not(:last-child) .card .label {
    width: 200px;
    font-size: 12px;

  }
}

.module-profile-preferences main #content > .row .component.container:last-child {
  margin: 0;
  padding-block-start: 24px;
  padding-inline: 8px;
}

.module-profile-preferences main #content > .row .component.container:last-child p {
  margin-block-end: 8px;
  color: #4d4d4d;

  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 136%;
}

.module-profile-preferences main #content > .row .component.container:last-child a {
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: 136%; /* 17.68px */
  display: flex;
  gap: 8px;
  align-items: center;
  width: fit-content;
}

@media screen and (min-width: 768px) {
  .module-profile-preferences main #content > .row .component.container:last-child{
    padding-inline: 0;
  }

  .module-profile-preferences main #content > .row .component.container:last-child .rich-text .component-content{
    display: flex;
    align-items: baseline;
    gap: 8px;
  }

  .module-profile-preferences main #content > .row .component.container:last-child p {
    margin: 0;
  }
}

.module-profile-preferences main #content > .row .component.container:not(:nth-child(1)):not(:last-child) .card.contact-form .form-section {
  margin: 0;
  padding: 0;
  background-color: transparent;
  padding-block-end: 24px;
}


.module-profile-preferences main #content > .row .component.container:not(:nth-child(1)):not(:last-child) .card.contact-form .form-section .form-group,
.module-profile-preferences main #content > .row .component.container:not(:nth-child(1)):not(:last-child) .card.contact-form .form-section .form-group input {
  margin: 0;
}

.module-profile-preferences main #content > .row .component.container:not(:nth-child(1)):not(:last-child) .card.contact-form .form-section .form-group:not(:last-child) {
  margin-block-end: 24px;
}

.module-profile-preferences main #content > .row .component.container:not(:nth-child(1)):not(:last-child) .card.contact-form .form-section:not(:first-child) {
  padding-block-start: 24px;
  border-block-start: 1px solid #e0e0e0;
}


.module-profile-preferences main #content > .row .component.container:not(:nth-child(1)):not(:last-child) .card.contact-form .card-body {
  margin: 0;
  width: unset;
}

.module-profile-preferences main #content > .row .component.container:not(:nth-child(1)):not(:last-child) .card.contact-form .form-content {
  max-width: unset !important;
  margin: 0;
  width: unset;
}

.module-profile-preferences main #content > .row .component.container:not(:nth-child(1)):not(:last-child) .card.contact-form .form-section h3 {
  color: black;

  font-size: 17px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  text-align: left;
  margin-block-end: 30px;
}

.module-profile-preferences main #content > .row .component.container:not(:nth-child(1)):not(:last-child) .card.contact-form .card-body .form-label {
  color: #4d4d4d;

  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 136%; /* 16.32px */
  letter-spacing: 0.24px;
  text-transform: uppercase;
}

.module-profile-preferences main #content > .row .component.container:not(:nth-child(1)):not(:last-child) .card.contact-form .form-section .form-group input,
.module-profile-preferences main #content > .row .component.container:not(:nth-child(1)):not(:last-child) .card.contact-form .form-section .form-group select {
  color: #4d4d4d;

  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 136%;
}

.module-profile-preferences .form-section .form-group select {
    background-image: url(/src/assets/images/engagement-hub/arrow-down.svg) !important;
      background-repeat: no-repeat;
      background-position: right 16px center;
      background-size: 12px;
  }

.module-profile-preferences main #content > .row .component.container:not(:nth-child(1)):not(:last-child) .card.contact-form .form-section .form-group input::placeholder {
  color: #B2B2B2;
}

.module-profile-preferences main #content > .row .component.container:not(:nth-child(1)):not(:last-child) .card.contact-form .form-section .row {
  gap: 8px;
  flex-wrap: nowrap;
}

.module-profile-preferences main #content > .row .component.container:not(:nth-child(1)):not(:last-child) .card.contact-form .form-section .row .form-group {
  width: 50%;
  margin: 0;
}

.module-profile-preferences main #content > .row .component.container:not(:nth-child(1)):not(:last-child) .card.contact-form .form-section .form-group.form--checkbox {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}

.module-profile-preferences main #content > .row .component.container:not(:nth-child(1)):not(:last-child) .card.contact-form .form-section .form-group.form--checkbox input {
  display: none;
}

.module-profile-preferences main #content > .row .component.container:not(:nth-child(1)):not(:last-child) .card.contact-form .form-section .form-group.form--checkbox input ~ .custom-checkbox {
  width: 17px;
  height: 17px;
  border: 1px solid #B2B2B280;
}

.module-profile-preferences main #content > .row .component.container:not(:nth-child(1)):not(:last-child) .card.contact-form .form-section .form-group.form--checkbox input:checked ~ .custom-checkbox {
  background-color: #003798;
  border: 0;
  position: relative;
}
.module-profile-preferences main #content > .row .component.container:not(:nth-child(1)):not(:last-child) .card.contact-form .form-section .form-group.form--checkbox input:checked ~ .custom-checkbox::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 12px;
  height: 12px;
  background-image: url('/src/assets/images/profile-preferences/check.svg');
  background-repeat: no-repeat;
}

.module-profile-preferences main #content > .row .component.container:not(:nth-child(1)):not(:last-child) .card.contact-form .form-section .form-group.form--checkbox .form-label {
  color: black;
  text-transform: none;

  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 136%; /* 20.4px */
  margin: 0;
  cursor: pointer;

}

.module-profile-preferences main #content > .row .component.container:not(:nth-child(1)):not(:last-child) .card.contact-form .form-section .form-group.form--checkbox .form-label a{
  font-weight: 600;
}

.module-profile-preferences main #content > .row .component.container:not(:nth-child(1)):not(:last-child) .card.contact-form .card-footer {
  margin-top: 24px;
  padding: 0;
  gap: 8px;
}

@media screen and (min-width: 768px) {
  .module-profile-preferences main #content > .row .component.container:not(:nth-child(1)):not(:last-child) .card.contact-form .card-footer {
    margin-inline-end: auto;
    flex-direction: row-reverse;
    width: fit-content;
    min-width: 310px;
    margin-top: 8px;
  }

  .module-profile-preferences main #content > .row .component.container:not(:nth-child(1)):not(:last-child) .card.contact-form .form-section.contact-section .form-content {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 8px;
  }

  .module-profile-preferences main #content > .row .component.container:not(:nth-child(1)):not(:last-child) .card.contact-form .form-section .form-content .form-label {
    margin-bottom: 16px;
  }

  .module-profile-preferences main #content > .row .component.container:not(:nth-child(1)):not(:last-child) .card.contact-form .form-section.address-section .form-content {
    display: grid;
    gap: 8px;
  }

  .module-profile-preferences main #content > .row .component.container:not(:nth-child(1)):not(:last-child) .card.contact-form .form-section.address-section .form-content .grid-row {
    display: grid;
    grid-column: span 2 / span 2;
    grid-template-columns: repeat(3,1fr);
    gap: 8px;
  }

  .module-profile-preferences main #content > .row .component.container:not(:nth-child(1)):not(:last-child) .card.contact-form .form-section.address-section .form-content .row {
    padding: 0;
    width: 100%;
    grid-column: span 2 / span 2;
  }
}

.module-profile-preferences main #content > .row .component.container:not(:nth-child(1)):not(:last-child) .card.contact-form .card-footer * {
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 136%; /* 20.4px */
  margin: 0;
}

.module-profile-preferences main #content > .row .component.container:not(:nth-child(1)):not(:last-child) .card.contact-form .card-footer .form-cancel {
  all: unset;
  text-transform: uppercase;
  cursor: pointer;
  padding-block: 10px;
  width: 50%;
  max-width: 159px;
  border: 1px solid #B2B2B280;
  color: #003798;
  text-align: center;
}

.module-profile-preferences main #content > .row .component.container:not(:nth-child(1)):not(:last-child) .card.contact-form .card-footer .form-submit {
  all: unset;
  text-transform: uppercase;
  cursor: pointer;
  color: white;
  background-color: #003798;
  padding-block: 10px;
  width: 50%;
  max-width: 151px;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .module-profile-preferences main #content > .row .component.container:not(:nth-child(1)):not(:last-child) .card.contact-form .card-footer .form-submit {
    padding-inline: 16px;
  }
}

@media screen and (min-width: 1024px) {
  .module-profile-preferences main #content > .row .component.container:not(:nth-child(1)):not(:last-child) .card.contact-form .card-footer .form-submit {
    padding-inline: 53px;
    white-space: nowrap;
  }

  .module-profile-preferences main #content > .row .component.container:not(:nth-child(1)):not(:last-child) .card.contact-form .card-footer .form-cancel {
    padding-inline: 85px;
  }
}


.module-profile-preferences main #content > .row .component.container:not(:nth-child(1)):not(:last-child) .card.contact-form .my-chart-disclaimer {
  display: flex;
  gap: 16px;
  margin-top: 32px;
  align-items: start;
}

@media screen and (min-width: 1024px) {
  .module-profile-preferences main #content > .row .component.container:not(:nth-child(1)):not(:last-child) .card.contact-form .my-chart-disclaimer {
    align-items: center;
  }
}

.module-profile-preferences main #content > .row .component.container:not(:nth-child(1)):not(:last-child) .card.contact-form .my-chart-disclaimer img {
  width: 24px;
}

.module-profile-preferences main #content > .row .component.container:not(:nth-child(1)):not(:last-child) .card.contact-form .my-chart-disclaimer p {
  max-width: unset;
  color: #4d4d4d;
  font-size: 13px;
  font-style: italic;
  font-weight: 700;
  line-height: 136%; /* 17.68px */
}

@media screen and (max-width: 800px) {
  .module-profile-preferences main #content > .row .component.container:not(:nth-child(1)):not(:last-child) .card.contact-form .my-chart-disclaimer p{
    max-width: 77ch;
  }
}

.module-profile-preferences main #content > .row .component.container:not(:nth-child(1)):not(:last-child) .card.contact-form.terms-form  {
  padding: 16px;
}

.module-profile-preferences main #content > .row .component.container:not(:nth-child(1)):not(:last-child) .card.contact-form.terms-form .form-group {
  margin: 0 !important;
}

.module-profile-preferences main #content > .row .component.container:not(:nth-child(1)):not(:last-child) .card.contact-form.terms-form .form-group:nth-child(1) {
  padding-block-end: 16px;
  border-bottom: 1px solid #ECECEC;
}

.module-profile-preferences main #content > .row .component.container:not(:nth-child(1)):not(:last-child) .card.contact-form.terms-form .form-group:nth-child(2) {
  padding-block-start: 16px;
  padding-block-end: 24px;
}

.module-profile-preferences main #content > .row .component.container:not(:nth-child(1)):not(:last-child) .card.contact-form.terms-form .form-group:nth-child(3),
.module-profile-preferences main #content > .row .component.container:not(:nth-child(1)):not(:last-child) .card.contact-form.terms-form .form-group:nth-child(4) {
  padding-inline-start: 24px;
  padding-block-end: 24px;
}

.module-profile-preferences main #content > .row .component.container:not(:nth-child(1)):not(:last-child) .card.contact-form.terms-form .form-group:nth-child(5) {
  border-block: 1px solid #ECECEC;
  padding-block: 16px;
}

.module-profile-preferences main #content > .row .component.container:not(:nth-child(1)):not(:last-child) .card.contact-form.terms-form .form-group:nth-child(6) {
  border-bottom: 1px solid #ECECEC;
  padding-block: 16px;
}

.module-profile-preferences main #content > .row .component.container:not(:nth-child(1)):not(:last-child) .card.contact-form.terms-form .card-footer {
  margin-top: 8px;
}

.module-profile-preferences main #content > .row .component.container:not(:nth-child(1)):not(:last-child) .card[aria-hidden="true"] {
  animation: fade-out 0.6s ease-out forwards;
  display: none;
}
.module-profile-preferences main #content > .row .component.container:not(:nth-child(1)):not(:last-child) .card[aria-hidden="false"] {
  animation: fade-in 0.6s ease-in forwards;
  display: block;
}

@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.module-profile-preferences #terms-modal {
  position: relative;
}
@media screen and (max-width: 767px) {
  .module-profile-preferences #terms-modal {
    min-width: 93.72%;
  }
}
.module-profile-preferences #terms-modal {
  padding: 0;
  max-height: 650px;
  overflow-y: scroll;
}
.module-profile-preferences #terms-modal .component {
  margin: 0;
}
.module-profile-preferences #terms-modal h1 {
  font-size: 19px;
  font-style: normal;
  font-weight: 300;
  line-height: 136%;
  /* 25.84px */
}
.module-profile-preferences #terms-modal h2 {
  color: black;
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: 136%;
  /* 29.92px */
  letter-spacing: -0.22px;
}
.module-profile-preferences #terms-modal .component[data-modal-header] .component-content {
  padding: 24px 16px;
  display: flex;
  border-bottom: 1px solid #ececec;
}
.module-profile-preferences #terms-modal .component-content [data-modal-close] {
  all: unset;
  cursor: pointer;
  margin-inline-start: auto;
}
.module-profile-preferences #terms-modal .component-content:not([data-modal-header], [data-modal-actions]) {
  padding: 24px 16px;
}
.module-profile-preferences #terms-modal .component-content:not([data-modal-header], [data-modal-actions]) p {
  margin: 0;
  margin-block-start: 8px;
  color: var(--text-text-secondary, #4D4D4D);
  font-size: 17px;
  font-style: normal;
  font-weight: 300;
  line-height: 150%;
  /* 25.5px */
}
@media screen and (max-width: 400px) {
  .module-profile-preferences #terms-modal .component-content:not([data-modal-header], [data-modal-actions]) p {
    max-width: 32ch;
  }
}
.module-profile-preferences #terms-modal .component[data-modal-actions] {
  position: sticky;
  bottom: -3px;
  right: 0;
  border-top: 1px solid #ececec;
  background-color: white;
}
.module-profile-preferences #terms-modal .component[data-modal-actions] .component-content {
  display: flex;
  gap: 8px;
}
.module-profile-preferences #terms-modal .component[data-modal-actions] .component-content .button-cancel {
  all: unset;
  width: 100%;
  text-align: center;
  border: 1px solid #B2B2B280;
  color: #003798;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 136%;
  /* 20.4px */
  text-transform: uppercase;
  padding-block: 10px;
}
.module-profile-preferences #terms-modal .component[data-modal-actions] .component-content .button-accept {
  all: unset;
  width: 100%;
  text-align: center;
  color: white;
  font-style: normal;
  font-weight: 600;
  line-height: 136%;
  /* 20.4px */
  text-transform: uppercase;
  background-color: #003798;
  padding-block: 10px;
}
.module-profile-preferences #terms-modal .component[data-modal-actions] .component-content .button-accept:disabled {
  background-color: #B2B2B2;
}


/* END - Profile Preferences */