@import url('https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');
/* Backgrounds colors*/
/* Header Section*/
/* Footer Section*/
/* Interactive colors*/
/* Typography colors*/
/* Icons colors*/
/* Button colors*/
/* Brand colors*/
/* Common colors*/
.figures_desktop {
  font-family: 'Noto Serif', serif;
  font-size: 80px;
  font-weight: 400;
  line-height: 88px;
}
.figures_mobile {
  font-family: 'Noto Serif', serif;
  font-size: 64px;
  font-weight: 300;
  line-height: 72px;
}
.hero_desktop {
  font-family: 'Noto Serif', serif;
  font-size: 64px;
  font-weight: 400;
  line-height: 72px;
}
.hero_mobile {
  font-family: 'Noto Serif', serif;
  font-size: 56px;
  font-weight: 400;
  line-height: 64px;
}
.h1_desktop {
  font-family: 'Noto Serif', serif;
  font-size: 48px;
  font-weight: 400;
  line-height: 56px;
}
.h4_desktop {
  font-family: 'Noto Serif', serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
}
.h1_mobile {
  font-family: 'Noto Serif', serif;
  font-size: 40px;
  font-weight: 400;
  line-height: 48px;
}
.h2_mobile {
  font-family: 'Noto Serif', serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 40px;
}
.h3_mobile {
  font-family: 'Noto Serif', serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  color: #1c304b;
}
.h4_mobile {
  font-family: 'Noto Serif', serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 32px;
}
.body_large {
  font-family: 'Noto Sans', sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 32px;
}
.body_large_semibold {
  font-family: 'Noto Sans', sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
}
.body_large_bold {
  font-family: 'Noto Sans', sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 32px;
}
.subtitle {
  font-family: 'Noto Sans', sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}
.small_title {
  font-family: 'Noto Sans', sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
}
.body_base {
  font-family: 'Noto Sans', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #1c304b;
}
.body_base_semibold {
  font-family: 'Noto Sans', sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #1c304b;
}
.body_base_bold {
  font-family: 'Noto Sans', sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}
.body_medium {
  font-family: 'Noto Sans', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
}
.body_medium p p {
  font-family: 'Noto Sans', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
}
.body_medium_semibold {
  font-family: 'Noto Sans', sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
}
.body_medium_bold {
  font-family: 'Noto Sans', sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
}
.body_small {
  font-family: 'Noto Sans', sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}
.body_small_semibold {
  font-family: 'Noto Sans', sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
}
.body_small_bold {
  font-family: 'Noto Sans', sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
}
.caption {
  font-family: 'Noto Sans', sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  text-transform: uppercase;
}
.tag {
  font-family: 'Noto Sans', sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  text-transform: uppercase;
}
.link_big {
  font-family: 'Noto Sans', sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  text-transform: uppercase;
  color: #aa0285;
}
.link_small {
  font-family: 'Noto Sans', sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  text-transform: uppercase;
  color: #aa0285;
}
.button_l {
  font-family: 'Noto Sans', sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  text-transform: uppercase;
}
.button_s {
  font-family: 'Noto Sans', sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  text-transform: uppercase;
}
.button_m {
  font-family: 'Noto Sans', sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  text-transform: uppercase;
}
.form_labels {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
}
.primary-btn {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: 'Noto Sans', sans-serif;
  text-transform: uppercase;
  color: white;
  background-color: #441750;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: none;
}
.primary-btn:active {
  color: white;
  background: #390447;
}
.primary-btn:hover {
  background-color: #613e6b;
}
.primary-btn:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.primary-btn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.primary-btn--sm {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: Noto Sans, sans-serif;
  text-transform: uppercase;
  color: white;
  background-color: #441750;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  font-family: 'Noto Sans', sans-serif;
  padding: 8px 16px;
  font-size: 12px !important;
  line-height: 16px !important;
  border-radius: 7px;
}
.primary-btn--sm:active {
  color: white;
  background: #390447;
}
.primary-btn--sm:hover {
  background-color: #613e6b;
}
.primary-btn--sm:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.primary-btn--sm:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.primary-btn--sm:active {
  color: white;
  background: #390447;
}
.primary-btn--sm:hover {
  background-color: #613e6b;
}
.primary-btn--sm:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.primary-btn--sm:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.primary-btn--md {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: Noto Sans, sans-serif;
  text-transform: uppercase;
  color: white;
  background-color: #441750;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  font-family: 'Noto Sans', sans-serif;
  padding: 8px 24px;
}
.primary-btn--md:active {
  color: white;
  background: #390447;
}
.primary-btn--md:hover {
  background-color: #613e6b;
}
.primary-btn--md:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.primary-btn--md:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.primary-btn--md:active {
  color: white;
  background: #390447;
}
.primary-btn--md:hover {
  background-color: #613e6b;
}
.primary-btn--md:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.primary-btn--md:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.primary-btn--lg {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: Noto Sans, sans-serif;
  text-transform: uppercase;
  color: white;
  background-color: #441750;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  font-family: 'Noto Sans', sans-serif;
  padding: 16px 24px;
}
.primary-btn--lg:active {
  color: white;
  background: #390447;
}
.primary-btn--lg:hover {
  background-color: #613e6b;
}
.primary-btn--lg:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.primary-btn--lg:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.primary-btn--lg:active {
  color: white;
  background: #390447;
}
.primary-btn--lg:hover {
  background-color: #613e6b;
}
.primary-btn--lg:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.primary-btn--lg:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.primary-disabled-btn,
.primary-btn[disabled],
.primary-btn.disabled {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: Noto Sans, sans-serif;
  text-transform: uppercase;
  color: white;
  background-color: #441750;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  font-family: 'Noto Sans', sans-serif;
  color: #adadb5;
  background-color: #ece8ed;
  opacity: 1 !important;
}
.primary-disabled-btn:active,
.primary-btn[disabled]:active,
.primary-btn.disabled:active {
  color: white;
  background: #390447;
}
.primary-disabled-btn:hover,
.primary-btn[disabled]:hover,
.primary-btn.disabled:hover {
  background-color: #613e6b;
}
.primary-disabled-btn:focus,
.primary-btn[disabled]:focus,
.primary-btn.disabled:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.primary-disabled-btn:focus-visible,
.primary-btn[disabled]:focus-visible,
.primary-btn.disabled:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.primary-disabled-btn:active,
.primary-btn[disabled]:active,
.primary-btn.disabled:active {
  color: white;
  background: #390447;
}
.primary-disabled-btn:hover,
.primary-btn[disabled]:hover,
.primary-btn.disabled:hover {
  background-color: #613e6b;
}
.primary-disabled-btn:focus,
.primary-btn[disabled]:focus,
.primary-btn.disabled:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.primary-disabled-btn:focus-visible,
.primary-btn[disabled]:focus-visible,
.primary-btn.disabled:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.primary-disabled-btn--sm,
.primary-btn--sm[disabled] {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: Noto Sans, sans-serif;
  text-transform: uppercase;
  color: white;
  background-color: #441750;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  color: #adadb5;
  background-color: #ece8ed;
  opacity: 1 !important;
  font-family: 'Noto Sans', sans-serif;
  padding: 8px 16px;
  border-radius: 7px;
}
.primary-disabled-btn--sm:active,
.primary-btn--sm[disabled]:active {
  color: white;
  background: #390447;
}
.primary-disabled-btn--sm:hover,
.primary-btn--sm[disabled]:hover {
  background-color: #613e6b;
}
.primary-disabled-btn--sm:focus,
.primary-btn--sm[disabled]:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.primary-disabled-btn--sm:focus-visible,
.primary-btn--sm[disabled]:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.primary-disabled-btn--sm:active,
.primary-btn--sm[disabled]:active {
  color: white;
  background: #390447;
}
.primary-disabled-btn--sm:hover,
.primary-btn--sm[disabled]:hover {
  background-color: #613e6b;
}
.primary-disabled-btn--sm:focus,
.primary-btn--sm[disabled]:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.primary-disabled-btn--sm:focus-visible,
.primary-btn--sm[disabled]:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.primary-disabled-btn--sm:active,
.primary-btn--sm[disabled]:active {
  color: white;
  background: #390447;
}
.primary-disabled-btn--sm:hover,
.primary-btn--sm[disabled]:hover {
  background-color: #613e6b;
}
.primary-disabled-btn--sm:focus,
.primary-btn--sm[disabled]:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.primary-disabled-btn--sm:focus-visible,
.primary-btn--sm[disabled]:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.primary-disabled-btn--sm:active,
.primary-btn--sm[disabled]:active {
  color: white;
  background: #390447;
}
.primary-disabled-btn--sm:hover,
.primary-btn--sm[disabled]:hover {
  background-color: #613e6b;
}
.primary-disabled-btn--sm:focus,
.primary-btn--sm[disabled]:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.primary-disabled-btn--sm:focus-visible,
.primary-btn--sm[disabled]:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.primary-disabled-btn--md,
.primary-btn--md[disabled] {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: Noto Sans, sans-serif;
  text-transform: uppercase;
  color: white;
  background-color: #441750;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  color: #adadb5;
  background-color: #ece8ed;
  opacity: 1 !important;
  font-family: 'Noto Sans', sans-serif;
  padding: 8px 24px;
}
.primary-disabled-btn--md:active,
.primary-btn--md[disabled]:active {
  color: white;
  background: #390447;
}
.primary-disabled-btn--md:hover,
.primary-btn--md[disabled]:hover {
  background-color: #613e6b;
}
.primary-disabled-btn--md:focus,
.primary-btn--md[disabled]:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.primary-disabled-btn--md:focus-visible,
.primary-btn--md[disabled]:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.primary-disabled-btn--md:active,
.primary-btn--md[disabled]:active {
  color: white;
  background: #390447;
}
.primary-disabled-btn--md:hover,
.primary-btn--md[disabled]:hover {
  background-color: #613e6b;
}
.primary-disabled-btn--md:focus,
.primary-btn--md[disabled]:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.primary-disabled-btn--md:focus-visible,
.primary-btn--md[disabled]:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.primary-disabled-btn--md:active,
.primary-btn--md[disabled]:active {
  color: white;
  background: #390447;
}
.primary-disabled-btn--md:hover,
.primary-btn--md[disabled]:hover {
  background-color: #613e6b;
}
.primary-disabled-btn--md:focus,
.primary-btn--md[disabled]:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.primary-disabled-btn--md:focus-visible,
.primary-btn--md[disabled]:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.primary-disabled-btn--md:active,
.primary-btn--md[disabled]:active {
  color: white;
  background: #390447;
}
.primary-disabled-btn--md:hover,
.primary-btn--md[disabled]:hover {
  background-color: #613e6b;
}
.primary-disabled-btn--md:focus,
.primary-btn--md[disabled]:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.primary-disabled-btn--md:focus-visible,
.primary-btn--md[disabled]:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.primary-disabled-btn--md:hover,
.primary-btn--md[disabled]:hover {
  background-color: #ece8ed;
}
.primary-btn--md[disabled]:active {
  color: #adadb5;
}
.primary-disabled-btn--lg,
.primary-btn--lg[disabled] {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: Noto Sans, sans-serif;
  text-transform: uppercase;
  color: white;
  background-color: #441750;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  color: #adadb5;
  background-color: #ece8ed;
  opacity: 1 !important;
  font-family: 'Noto Sans', sans-serif;
  padding: 16px 24px;
}
.primary-disabled-btn--lg:active,
.primary-btn--lg[disabled]:active {
  color: white;
  background: #390447;
}
.primary-disabled-btn--lg:hover,
.primary-btn--lg[disabled]:hover {
  background-color: #613e6b;
}
.primary-disabled-btn--lg:focus,
.primary-btn--lg[disabled]:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.primary-disabled-btn--lg:focus-visible,
.primary-btn--lg[disabled]:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.primary-disabled-btn--lg:active,
.primary-btn--lg[disabled]:active {
  color: white;
  background: #390447;
}
.primary-disabled-btn--lg:hover,
.primary-btn--lg[disabled]:hover {
  background-color: #613e6b;
}
.primary-disabled-btn--lg:focus,
.primary-btn--lg[disabled]:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.primary-disabled-btn--lg:focus-visible,
.primary-btn--lg[disabled]:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.primary-disabled-btn--lg:active,
.primary-btn--lg[disabled]:active {
  color: white;
  background: #390447;
}
.primary-disabled-btn--lg:hover,
.primary-btn--lg[disabled]:hover {
  background-color: #613e6b;
}
.primary-disabled-btn--lg:focus,
.primary-btn--lg[disabled]:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.primary-disabled-btn--lg:focus-visible,
.primary-btn--lg[disabled]:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.primary-disabled-btn--lg:active,
.primary-btn--lg[disabled]:active {
  color: white;
  background: #390447;
}
.primary-disabled-btn--lg:hover,
.primary-btn--lg[disabled]:hover {
  background-color: #613e6b;
}
.primary-disabled-btn--lg:focus,
.primary-btn--lg[disabled]:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.primary-disabled-btn--lg:focus-visible,
.primary-btn--lg[disabled]:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.secondary-btn {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: 'Noto Sans', sans-serif;
  text-transform: uppercase;
  color: #1c304b;
  background-color: white;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid #1c304b !important;
  color: #1c304b !important;
  background-color: white !important;
}
.secondary-btn:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
.secondary-btn:hover {
  border: 1px solid #aa0285 !important;
}
.secondary-btn:focus {
  outline: none !important;
  color: #1c304b !important;
}
.secondary-btn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
.secondary-btn--sm {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: Noto Sans, sans-serif;
  text-transform: uppercase;
  color: #1c304b;
  background-color: white;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid #1c304b !important;
  color: #1c304b !important;
  background-color: white !important;
  font-family: 'Noto Sans', sans-serif;
  padding: 8px 16px;
  font-size: 12px !important;
  line-height: 16px !important;
  border-radius: 7px;
}
.secondary-btn--sm:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
.secondary-btn--sm:hover {
  border: 1px solid #aa0285 !important;
}
.secondary-btn--sm:focus {
  outline: none !important;
  color: #1c304b !important;
}
.secondary-btn--sm:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
.secondary-btn--sm:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
.secondary-btn--sm:hover {
  border: 1px solid #aa0285 !important;
}
.secondary-btn--sm:focus {
  outline: none !important;
  color: #1c304b !important;
}
.secondary-btn--sm:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
.secondary-btn--md {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: Noto Sans, sans-serif;
  text-transform: uppercase;
  color: #1c304b;
  background-color: white;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid #1c304b !important;
  color: #1c304b !important;
  background-color: white !important;
  font-family: 'Noto Sans', sans-serif;
  padding: 8px 24px;
}
.secondary-btn--md:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
.secondary-btn--md:hover {
  border: 1px solid #aa0285 !important;
}
.secondary-btn--md:focus {
  outline: none !important;
  color: #1c304b !important;
}
.secondary-btn--md:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
.secondary-btn--md:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
.secondary-btn--md:hover {
  border: 1px solid #aa0285 !important;
}
.secondary-btn--md:focus {
  outline: none !important;
  color: #1c304b !important;
}
.secondary-btn--md:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
.secondary-btn--lg {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: Noto Sans, sans-serif;
  text-transform: uppercase;
  color: #1c304b;
  background-color: white;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid #1c304b !important;
  color: #1c304b !important;
  background-color: white !important;
  font-family: 'Noto Sans', sans-serif;
  padding: 16px 24px;
}
.secondary-btn--lg:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
.secondary-btn--lg:hover {
  border: 1px solid #aa0285 !important;
}
.secondary-btn--lg:focus {
  outline: none !important;
  color: #1c304b !important;
}
.secondary-btn--lg:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
.secondary-btn--lg:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
.secondary-btn--lg:hover {
  border: 1px solid #aa0285 !important;
}
.secondary-btn--lg:focus {
  outline: none !important;
  color: #1c304b !important;
}
.secondary-btn--lg:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
.secondary-disabled-btn {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: Noto Sans, sans-serif;
  text-transform: uppercase;
  color: #1c304b;
  background-color: white;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid #1c304b !important;
  color: #1c304b !important;
  background-color: white !important;
  font-family: 'Noto Sans', sans-serif;
  color: #ced7e4 !important;
  border: 1px solid #ced7e4 !important;
  pointer-events: none;
  cursor: not-allowed;
  opacity: 1 !important;
}
.secondary-disabled-btn:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
.secondary-disabled-btn:hover {
  border: 1px solid #aa0285 !important;
}
.secondary-disabled-btn:focus {
  outline: none !important;
  color: #1c304b !important;
}
.secondary-disabled-btn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
.secondary-disabled-btn:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
.secondary-disabled-btn:hover {
  border: 1px solid #aa0285 !important;
}
.secondary-disabled-btn:focus {
  outline: none !important;
  color: #1c304b !important;
}
.secondary-disabled-btn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
.secondary-btn[disabled] {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: Noto Sans, sans-serif;
  text-transform: uppercase;
  color: #1c304b;
  background-color: white;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid #1c304b !important;
  color: #1c304b !important;
  background-color: white !important;
  color: #ced7e4 !important;
  border: 1px solid #ced7e4 !important;
  pointer-events: none;
  cursor: not-allowed;
  opacity: 1 !important;
  font-family: 'Noto Sans', sans-serif;
}
.secondary-btn[disabled]:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
.secondary-btn[disabled]:hover {
  border: 1px solid #aa0285 !important;
}
.secondary-btn[disabled]:focus {
  outline: none !important;
  color: #1c304b !important;
}
.secondary-btn[disabled]:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
.secondary-btn[disabled]:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
.secondary-btn[disabled]:hover {
  border: 1px solid #aa0285 !important;
}
.secondary-btn[disabled]:focus {
  outline: none !important;
  color: #1c304b !important;
}
.secondary-btn[disabled]:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
.secondary-btn[disabled]:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
.secondary-btn[disabled]:hover {
  border: 1px solid #aa0285 !important;
}
.secondary-btn[disabled]:focus {
  outline: none !important;
  color: #1c304b !important;
}
.secondary-btn[disabled]:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
.secondary-btn[disabled]:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
.secondary-btn[disabled]:hover {
  border: 1px solid #aa0285 !important;
}
.secondary-btn[disabled]:focus {
  outline: none !important;
  color: #1c304b !important;
}
.secondary-btn[disabled]:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
.secondary-disabled-btn--sm,
.secondary-btn--sm[disabled] {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: Noto Sans, sans-serif;
  text-transform: uppercase;
  color: #1c304b;
  background-color: white;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid #1c304b !important;
  color: #1c304b !important;
  background-color: white !important;
  color: #ced7e4 !important;
  border: 1px solid #ced7e4 !important;
  pointer-events: none;
  cursor: not-allowed;
  opacity: 1 !important;
  font-family: 'Noto Sans', sans-serif;
  padding: 8px 16px;
  border-radius: 7px;
}
.secondary-disabled-btn--sm:active,
.secondary-btn--sm[disabled]:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
.secondary-disabled-btn--sm:hover,
.secondary-btn--sm[disabled]:hover {
  border: 1px solid #aa0285 !important;
}
.secondary-disabled-btn--sm:focus,
.secondary-btn--sm[disabled]:focus {
  outline: none !important;
  color: #1c304b !important;
}
.secondary-disabled-btn--sm:focus-visible,
.secondary-btn--sm[disabled]:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
.secondary-disabled-btn--sm:active,
.secondary-btn--sm[disabled]:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
.secondary-disabled-btn--sm:hover,
.secondary-btn--sm[disabled]:hover {
  border: 1px solid #aa0285 !important;
}
.secondary-disabled-btn--sm:focus,
.secondary-btn--sm[disabled]:focus {
  outline: none !important;
  color: #1c304b !important;
}
.secondary-disabled-btn--sm:focus-visible,
.secondary-btn--sm[disabled]:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
.secondary-disabled-btn--sm:active,
.secondary-btn--sm[disabled]:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
.secondary-disabled-btn--sm:hover,
.secondary-btn--sm[disabled]:hover {
  border: 1px solid #aa0285 !important;
}
.secondary-disabled-btn--sm:focus,
.secondary-btn--sm[disabled]:focus {
  outline: none !important;
  color: #1c304b !important;
}
.secondary-disabled-btn--sm:focus-visible,
.secondary-btn--sm[disabled]:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
.secondary-disabled-btn--sm:active,
.secondary-btn--sm[disabled]:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
.secondary-disabled-btn--sm:hover,
.secondary-btn--sm[disabled]:hover {
  border: 1px solid #aa0285 !important;
}
.secondary-disabled-btn--sm:focus,
.secondary-btn--sm[disabled]:focus {
  outline: none !important;
  color: #1c304b !important;
}
.secondary-disabled-btn--sm:focus-visible,
.secondary-btn--sm[disabled]:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
.secondary-disabled-btn--md,
.secondary-btn--md[disabled] {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: Noto Sans, sans-serif;
  text-transform: uppercase;
  color: #1c304b;
  background-color: white;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid #1c304b !important;
  color: #1c304b !important;
  background-color: white !important;
  color: #ced7e4 !important;
  border: 1px solid #ced7e4 !important;
  pointer-events: none;
  cursor: not-allowed;
  opacity: 1 !important;
  font-family: 'Noto Sans', sans-serif;
  padding: 8px 24px;
}
.secondary-disabled-btn--md:active,
.secondary-btn--md[disabled]:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
.secondary-disabled-btn--md:hover,
.secondary-btn--md[disabled]:hover {
  border: 1px solid #aa0285 !important;
}
.secondary-disabled-btn--md:focus,
.secondary-btn--md[disabled]:focus {
  outline: none !important;
  color: #1c304b !important;
}
.secondary-disabled-btn--md:focus-visible,
.secondary-btn--md[disabled]:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
.secondary-disabled-btn--md:active,
.secondary-btn--md[disabled]:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
.secondary-disabled-btn--md:hover,
.secondary-btn--md[disabled]:hover {
  border: 1px solid #aa0285 !important;
}
.secondary-disabled-btn--md:focus,
.secondary-btn--md[disabled]:focus {
  outline: none !important;
  color: #1c304b !important;
}
.secondary-disabled-btn--md:focus-visible,
.secondary-btn--md[disabled]:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
.secondary-disabled-btn--md:active,
.secondary-btn--md[disabled]:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
.secondary-disabled-btn--md:hover,
.secondary-btn--md[disabled]:hover {
  border: 1px solid #aa0285 !important;
}
.secondary-disabled-btn--md:focus,
.secondary-btn--md[disabled]:focus {
  outline: none !important;
  color: #1c304b !important;
}
.secondary-disabled-btn--md:focus-visible,
.secondary-btn--md[disabled]:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
.secondary-disabled-btn--md:active,
.secondary-btn--md[disabled]:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
.secondary-disabled-btn--md:hover,
.secondary-btn--md[disabled]:hover {
  border: 1px solid #aa0285 !important;
}
.secondary-disabled-btn--md:focus,
.secondary-btn--md[disabled]:focus {
  outline: none !important;
  color: #1c304b !important;
}
.secondary-disabled-btn--md:focus-visible,
.secondary-btn--md[disabled]:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
.secondary-disabled-btn--lg,
.secondary-btn--lg[disabled] {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: Noto Sans, sans-serif;
  text-transform: uppercase;
  color: #1c304b;
  background-color: white;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid #1c304b !important;
  color: #1c304b !important;
  background-color: white !important;
  color: #ced7e4 !important;
  border: 1px solid #ced7e4 !important;
  pointer-events: none;
  cursor: not-allowed;
  opacity: 1 !important;
  font-family: 'Noto Sans', sans-serif;
  padding: 16px 24px;
}
.secondary-disabled-btn--lg:active,
.secondary-btn--lg[disabled]:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
.secondary-disabled-btn--lg:hover,
.secondary-btn--lg[disabled]:hover {
  border: 1px solid #aa0285 !important;
}
.secondary-disabled-btn--lg:focus,
.secondary-btn--lg[disabled]:focus {
  outline: none !important;
  color: #1c304b !important;
}
.secondary-disabled-btn--lg:focus-visible,
.secondary-btn--lg[disabled]:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
.secondary-disabled-btn--lg:active,
.secondary-btn--lg[disabled]:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
.secondary-disabled-btn--lg:hover,
.secondary-btn--lg[disabled]:hover {
  border: 1px solid #aa0285 !important;
}
.secondary-disabled-btn--lg:focus,
.secondary-btn--lg[disabled]:focus {
  outline: none !important;
  color: #1c304b !important;
}
.secondary-disabled-btn--lg:focus-visible,
.secondary-btn--lg[disabled]:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
.secondary-disabled-btn--lg:active,
.secondary-btn--lg[disabled]:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
.secondary-disabled-btn--lg:hover,
.secondary-btn--lg[disabled]:hover {
  border: 1px solid #aa0285 !important;
}
.secondary-disabled-btn--lg:focus,
.secondary-btn--lg[disabled]:focus {
  outline: none !important;
  color: #1c304b !important;
}
.secondary-disabled-btn--lg:focus-visible,
.secondary-btn--lg[disabled]:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
.secondary-disabled-btn--lg:active,
.secondary-btn--lg[disabled]:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
.secondary-disabled-btn--lg:hover,
.secondary-btn--lg[disabled]:hover {
  border: 1px solid #aa0285 !important;
}
.secondary-disabled-btn--lg:focus,
.secondary-btn--lg[disabled]:focus {
  outline: none !important;
  color: #1c304b !important;
}
.secondary-disabled-btn--lg:focus-visible,
.secondary-btn--lg[disabled]:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
@media (min-width: 769px) {
  .wide-modal-dialog {
    width: 67% !important;
  }
}
@media (min-width: 375px) and (max-width: 768px) {
  .wide-modal-dialog {
    width: auto !important;
    margin: 10px;
  }
}
.wide-modal-dialog .player-container {
  max-width: 100% !important;
}
.card-padding {
  padding: 16px 24px 24px;
  border-radius: 8px;
  background-color: white;
}
.container-padding {
  padding: 24px 24px 32px;
  border-radius: 8px;
  background-color: white;
}
.card-content {
  font-family: 'Noto Sans', sans-serif;
  font-size: 12px;
  font-weight: 400;
}
.remote-type {
  color: #1c304b;
}
input[type="radio"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 16px;
  height: 16px;
  border: 1px solid #1c304b;
  border-radius: 50%;
  position: relative;
}
input[type="radio"]:hover {
  border: 1px solid #8c006d;
}
input[type="radio"]:focus-visible {
  outline: 4px solid #ff5858;
  outline-offset: 0px;
}
input[type="radio"]:disabled {
  border: 1px solid #ced7e4;
}
input[type="radio"]:checked,
.isRadioBtnSelected {
  background-color: white;
  border: 4px solid #aa0285;
}
input[type="radio"]:checked:hover,
.isRadioBtnSelected:hover,
input[type="radio"]:checked:focus {
  background-color: white;
  border: 5px solid #8c006d;
}
input[type=radio]:focus {
  outline: none;
}
input[type="radio"]:checked:focus-visible,
.isRadioBtnSelected:focus-visible {
  /*background-color: @whiteColor;
    border: 4px solid @brand2;*/
  outline: 4px solid #ff5858;
  outline-offset: 0;
  box-shadow: 0 0 0 0px #aa0285 inset;
}
input[type="radio"]:checked:disabled,
isRadioBtnDisabled {
  outline: 4px solid #ced7e4;
}
.link_lg {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  text-transform: uppercase;
  color: #aa0285;
  font-family: 'Noto Sans', sans-serif;
}
.link_lg:hover {
  color: #aa0285;
}
.link_lg:active,
.link_lg:focus {
  color: #7a005f;
  text-decoration: none;
}
.link_lg:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: 0px !important;
  color: #aa0285;
  border-radius: 4px;
}
.link-xs {
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  text-transform: uppercase;
  color: #aa0285;
  font-family: 'Noto Sans', sans-serif;
}
.link-xs:hover {
  color: #aa0285;
}
.link-xs:active,
.link-xs:focus {
  color: #7a005f;
  text-decoration: none;
}
.link-xs:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: 0px !important;
  color: #aa0285;
  border-radius: 4px;
}
.link_lg[disabled],
.link-xs[disabled] {
  color: #adadb5;
  text-decoration: none;
  pointer-events: none;
  cursor: not-allowed;
}
.hero-banner-hide {
  display: none !important;
}
.hero-banner-height {
  height: 0px !important;
}
.custom-hint {
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  font-family: 'Noto Sans', sans-serif;
  color: #1c304b;
}
.custom-label {
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  font-family: 'Noto Sans', sans-serif;
  color: #1c304b;
}
.custom-textarea,
textarea {
  border: 1px solid #1c304b;
  border-radius: 8px;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
  color: #1c304b;
}
.custom-textarea.error,
textarea.error {
  border: 1px solid #c70f00 !important;
  background-color: #fdf6f5;
  color: #1c304b;
}
.custom-textarea::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #45505f;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  font-family: 'Noto Sans', sans-serif;
}
.custom-textarea::-moz-placeholder,
textarea::-moz-placeholder {
  /* Firefox 19+ */
  color: #45505f;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  font-family: 'Noto Sans', sans-serif;
}
.custom-textarea:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  /* IE 10+ */
  color: #45505f;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  font-family: 'Noto Sans', sans-serif;
}
.custom-textarea:focus,
textarea:focus,
.custom-textarea:focus-visible,
textarea:focus-visible {
  border: 1px solid #aa0285;
}
.custom-input-disabled,
textarea:disabled {
  cursor: not-allowed;
  background-color: white;
  opacity: 1;
  border: 1px solid #ced7e4 !important;
}
.custom-input-error {
  border: 1px solid #c70f00 !important;
  background-color: #fdf6f5;
  color: #1c304b;
}
.custom-input-error:focus {
  border: 1px solid #c70f00 !important;
}
.custom-input-error::placeholder {
  color: #45505f;
}
.select2-container.job-adv-search-select.select2-container-active .select2-choice {
  border: 1px solid #aa0285 !important;
  box-shadow: none !important;
}
.custom-dropdown,
.select2-container .select2-choice,
.control-box .select2-container {
  border: 1px solid #1c304b;
  border-radius: 8px;
  font-weight: 400;
  height: 40px !important;
}
.custom-dropdown-font {
  font-size: 14px !important;
  line-height: 24px !important;
  padding: 8px 16px !important;
  font-weight: 400;
}
.select2-container .select2-choices .select2-search-field input,
.select2-container .select2-choice {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #1c304b;
  letter-spacing: 0.056px;
}
.select2-container.select2-container-multi .select2-choices .select2-search-field input {
  color: #45505f;
}
.select2-container.select2-container-disabled .select2-choice {
  background-color: white !important;
  border: 1px solid #ced7e4 !important;
}
.select2-container.select2-container-disabled .select2-choice .select2-chosen {
  color: #5c6573 !important;
}
.select2-container.select2-container-disabled .select2-arrow {
  width: 30px;
}
.mentor-main-content .select2-container .select2-choice > .select2-chosen {
  font-size: 14px !important;
  line-height: 24px !important;
  padding: 8px 16px !important;
  font-weight: 400;
}
.warning-icon {
  height: 14px;
  width: 100%;
  display: flex;
  align-items: center;
  background-image: url(/Content/Images/icons/validation-warning.svg);
  background-repeat: no-repeat;
  margin-top: -15px;
  margin-bottom: 10px;
  color: #c70f00;
  padding-left: 20px;
  font-size: 12px;
  font-weight: 400;
  font-family: 'Noto Sans', sans-serif;
}
.hint-icon {
  height: 14px;
  display: flex;
  align-items: center;
  background-image: url(/Content/Images/icons/hint-icon.svg);
  width: 100%;
  background-repeat: no-repeat;
  margin-top: 5px;
  margin-bottom: 10px;
}
.hint-text {
  padding-left: 20px;
  font-size: 12px;
  font-weight: 400;
  font-family: 'Noto Sans', sans-serif;
  color: #1c304b;
}
.close-icon {
  height: 54px;
  display: block;
  background-image: url(/Content/Images/icons/close.svg);
  width: 100%;
  background-repeat: no-repeat;
  background-position: right 15px center;
}
.errorClass {
  color: #c70f00;
}
.errorborder {
  background: #fdf6f5;
  border: 1px solid #c70f00 !important;
}
.my-input .mandatory-text {
  display: flex;
  gap: 5px;
  font-size: 12px;
  font-weight: 400;
  font-family: 'Noto Sans', sans-serif;
  color: #1c304b;
}
.my-input .mandatory-text p {
  color: #c70f00;
}
.about-me-form-fields .form_labels {
  text-transform: uppercase;
}
.checkBox-label {
  font-size: 14px;
  color: #1c304b;
  line-height: 24px;
  font-weight: 400;
  padding-left: 12px;
  margin-bottom: 0;
}
.check-box[type="checkbox"],
input[type="checkbox"] {
  width: 16px;
  height: 16px;
  color: #1c304b;
  vertical-align: top;
  -webkit-appearance: none;
  background: none;
  border: 0;
  outline: 0;
  flex-grow: 0;
  border-radius: 4px;
  background-color: white;
  transition: background 300ms;
  cursor: pointer;
}
.check-box[type="checkbox"]::before,
input[type="checkbox"]::before {
  content: "";
  color: transparent;
  display: block;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  border: 0;
  background-color: transparent;
  background-size: contain;
  box-shadow: inset 0 0 0 1px #1c304b;
}
.check-box[type="checkbox"]:focus,
input[type="checkbox"]:focus {
  outline: 1px solid #aa0285;
  outline-offset: 0;
}
.check-box[type="checkbox"]:checked,
input[type="checkbox"]:checked {
  background-color: #aa0285;
}
.check-box[type="checkbox"]:checked::before,
input[type="checkbox"]:checked::before {
  box-shadow: none;
  background-image: url("/content/images/Redeployment/state-mark.svg");
  background-repeat: no-repeat;
  margin: 0.1rem auto;
  text-align: center;
  background-size: contain;
  border: 1px solid #aa0285;
  width: 12px;
  height: 12px;
}
.check-box[type="checkbox"]:disabled,
input[type="checkbox"]:disabled {
  cursor: not-allowed;
  width: 16px;
  height: 16px;
}
.check-box[type="checkbox"]:disabled::before,
input[type="checkbox"]:disabled::before {
  background-color: transparent;
  border: 1px solid #ced7e4;
  outline: none;
  box-shadow: 0 0 0 #ced7e4;
}
.check-box[type="checkbox"]:disabled:checked,
input[type="checkbox"]:disabled:checked {
  background-color: #ced7e4;
  border: 1px solid #ced7e4;
}
.check-box[type="checkbox"]:disabled:checked::before,
input[type="checkbox"]:disabled:checked::before {
  background-color: #ced7e4;
  border: 1px solid #ced7e4;
  box-shadow: none;
  background-image: url("/content/images/Redeployment/check-disabled.svg");
  background-repeat: no-repeat;
  margin: 0.1rem auto;
  text-align: center;
  background-size: contain;
}
.check-box[type="checkbox"]::-ms-check,
input[type="checkbox"]::-ms-check {
  content: "";
  color: transparent;
  display: block;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  border: 0;
  background-color: transparent;
  background-size: contain;
  box-shadow: inset 0 0 0 1px #1c304b;
}
.check-box[type="checkbox"]:checked::-ms-check,
input[type="checkbox"]:checked::-ms-check {
  box-shadow: none;
  background-image: url("/content/images/Redeployment/state-mark.svg");
  background-repeat: no-repeat;
  margin: 0.1rem auto;
  text-align: center;
  background-size: contain;
  width: 12px;
  height: 12px;
}
.check-box[type="checkbox"]:focus-visible {
  content: "";
  outline: 4px solid #ff5858;
  outline-offset: 0px;
  width: 16px;
  height: 16px;
}
.has-error[type="checkbox"] {
  width: 16px;
  height: 16px;
  color: #c70f00;
  vertical-align: top;
  -webkit-appearance: none;
  background: none;
  border: 0;
  outline: 0;
  flex-grow: 0;
  border-radius: 4px;
  background-color: white;
  transition: background 300ms;
  cursor: pointer;
}
.has-error[type="checkbox"]::before {
  content: "";
  color: transparent;
  display: block;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  border: 0;
  background-color: transparent;
  background-size: contain;
  box-shadow: inset 0 0 0 1px #c70f00;
}
.has-error[type="checkbox"]:focus {
  outline: 1px solid #c70f00;
  outline-offset: 0;
}
.has-error[type="checkbox"]:checked {
  background-color: #c70f00;
}
.has-error[type="checkbox"]:checked::before {
  box-shadow: none;
  background-image: url("/content/images/Redeployment/state-mark.svg");
  background-repeat: no-repeat;
  margin: 0.1rem auto;
  text-align: center;
  background-size: contain;
  width: 12px;
  height: 12px;
}
.has-error[type="checkbox"]::-ms-check {
  content: "";
  color: transparent;
  display: block;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  border: 0;
  background-color: transparent;
  background-size: contain;
  box-shadow: inset 0 0 0 1px #c70f00;
}
.has-error[type="checkbox"]:checked::-ms-check {
  box-shadow: none;
  background-image: url("/content/images/Redeployment/state-mark.svg");
  background-repeat: no-repeat;
  margin: 0.1rem auto;
  text-align: center;
  background-size: contain;
  width: 12px;
  height: 12px;
}
.dropdown-menu {
  padding: 12px;
}
.datepicker {
  min-width: 300px !important;
  max-width: 300px !important;
  border-radius: 8px;
  border: 1px solid #ebebee;
  box-shadow: 0px 2px 12px rgba(41, 23, 70, 0.1);
  margin-top: 2px;
}
.datepicker table th .btn-default.pull-left {
  font-family: 'Noto Sans', sans-serif;
  font-size: 14px;
  font-weight: 500;
  background: #ebebee;
  border: none;
  color: #1c304b;
  border-radius: 8px;
  width: 32px;
  height: 32px;
}
.datepicker table th .btn-default.pull-right {
  font-family: 'Noto Sans', sans-serif;
  font-size: 14px;
  font-weight: 500;
  background: #ebebee;
  border: none;
  color: #1c304b;
  border-radius: 8px;
  width: 32px;
  height: 32px;
}
.datepicker table th button.btn.btn-default.btn-block.text-strong {
  background: none;
  border: none;
  color: #1c304b !important;
  font-family: 'Noto Sans', sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
}
.datepicker table th .glyphicon.glyphicon-chevron-left {
  background: url("/content/images/calendar-chevron-left.svg");
  background-repeat: no-repeat;
  width: 8px;
  height: 12px;
  top: -2px;
}
.datepicker table th .glyphicon.glyphicon-chevron-left:before {
  display: none;
}
.datepicker table th .glyphicon.glyphicon-chevron-right {
  background: url("/content/images/calendar-chevron-right.svg");
  background-repeat: no-repeat;
  width: 8px;
  height: 12px;
  top: -2px;
}
.datepicker table th .glyphicon.glyphicon-chevron-right:before {
  display: none;
}
.datepicker table th.dow {
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  padding: 8px 0px;
}
.datepicker table tr td button.btn.btn-default {
  border: none !important;
  background: none !important;
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  padding: 0px 0px;
}
.datepicker table tr td button.btn.btn-default span {
  border: 1px solid #ebebee;
  background: white;
  padding: 5px;
  text-align: center;
  color: #1c304b;
  display: block;
  font-weight: 400;
}
.datepicker table tr td button.btn.btn-default span:hover {
  background: #ebebee;
  border: 1px solid #ebebee;
}
.datepicker table tr td button.btn.btn-default .text-muted {
  color: #45505f;
  background: #f8f8f9;
  font-weight: 400;
}
.datepicker table tr td button.btn.btn-primary span {
  border: 1px solid #aa0285;
  background: #fcf7fb;
  color: #1c304b !important;
}
.datepicker table tr td .btn[disabled] {
  color: #adadb5 !important;
}
.datepicker table tr td .btn[disabled] span {
  color: #adadb5 !important;
  font-weight: 400;
}
.datepicker table tr td .btn[disabled] .text-muted {
  color: #adadb5 !important;
}
.datepicker table tr:nth-child(1) td:nth-child(1) button.btn.btn-default span {
  border-top-left-radius: 8px;
}
.datepicker table tr:nth-child(1) td:nth-child(7) button.btn.btn-default span {
  border-top-right-radius: 8px;
}
.datepicker table tr:nth-child(6) td:nth-child(1) button.btn.btn-default span {
  border-bottom-left-radius: 8px;
}
.datepicker table tr:nth-child(6) td:nth-child(7) button.btn.btn-default span {
  border-bottom-right-radius: 8px;
}
.datepicker tr td button > span:not(.text-muted) {
  color: #adadb5;
}
.datepicker tr td button[disabled] {
  border: 1px solid #ebebee;
  color: #adadb5 !important;
  background: #f8f8f9;
}
.custom-tab-container {
  border-color: white;
}
.custom-tab-container .panel-heading {
  background-color: white;
  border-color: white;
}
.custom-tab-container .panel-heading .nav-tabs {
  border-bottom: none;
  margin-top: 5px;
}
.custom-tab-container .panel-heading .nav-tabs li {
  border-bottom: 1px solid #ebebee;
}
.custom-tab-container .panel-heading .nav-tabs li a {
  border: none;
  font-size: 14px;
  font-weight: 400;
  font-family: 'Noto Sans', sans-serif;
  line-height: 24px;
  color: #45505f;
}
.custom-tab-container .panel-heading .nav-tabs li a:hover {
  color: #aa0285;
}
.custom-tab-container .panel-heading .nav-tabs li a:focus-visible {
  outline: 4px solid #ff5858;
  outline-offset: 0px;
  border-radius: 8px;
  background-color: white;
}
.custom-tab-container .panel-heading .nav-tabs .tabs[disabled] {
  color: #adadb5;
}
.custom-tab-container .panel-heading .nav-tabs .tabs[disabled]:focus-visible {
  outline: none;
}
.custom-tab-container .panel-heading .nav-tabs > li.active > a {
  font-weight: 500;
  color: #1c304b;
  border-bottom: 1px solid #441750;
}
.custom-pagination .pagination {
  margin: 10px 0px;
}
.custom-pagination .pagination li a {
  font-size: 12px;
  font-weight: 400;
  font-family: 'Noto Sans', sans-serif;
  color: #45505f;
  border: none;
  line-height: 16px;
  border-radius: 8px;
}
.custom-pagination .pagination li a:focus-visible {
  margin: 0px 6px;
}
.custom-pagination .pagination li.disabled {
  opacity: 1;
  color: #6e7277;
}
.custom-pagination .pagination li.disabled a {
  color: #6e7277;
}
@media screen and (max-width: 768px) {
  .custom-pagination .pagination {
    width: 100%;
    margin: 4px 0px;
  }
}
@media screen and (max-width: 768px) {
  .custom-pagination .pull-right > .dropdown-menu {
    right: auto;
    left: 0;
  }
}
.custom-pagination .pagination > .active > a {
  background: #fcf7fb;
  border: 1px solid #aa0285;
  border-radius: 8px;
  font-weight: 600;
  color: #45505f;
}
.custom-pagination .pagination > .active > a:hover {
  color: #45505f;
}
.custom-pagination .pagination > .active > a:focus {
  color: #45505f;
}
.custom-pagination .pagination > li > a:hover {
  border-radius: 8px;
}
@media screen and (max-width: 767px) {
  .custom-pagination .pagination > li > a {
    padding: 3px 8px;
  }
}
.custom-pagination .pull-right .dropdown-toggle {
  border-radius: 8px;
  border: 1px solid #ccccd3;
  background-color: white;
  font-size: 12px;
  font-weight: 400;
  font-family: 'Noto Sans', sans-serif;
  color: #45505f;
  line-height: 16px;
  text-transform: initial;
}
.custom-pagination .pull-right .dropdown-toggle .caret {
  margin-left: 5px;
}
.custom-pagination .pull-right .dropdown-menu {
  min-width: 70px;
  border: 1px solid #ebebee;
  border-radius: 8px;
}
.custom-pagination .pull-right .dropdown-menu li {
  border-bottom: 1px solid #ebebee;
}
.custom-pagination .pull-right .dropdown-menu li:last-child {
  border-bottom: none;
}
.custom-pagination .pull-right .dropdown-menu li a {
  color: #1c304b;
}
@media screen and (max-width: 768px) {
  .custom-pagination .pull-right {
    float: left !important;
  }
}
.select2-drop ul#select2-results-9 li.select2-result-selectable div.select2-result-label[role="option"] {
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}
#todoTh .datepicker table th {
  border: none !important;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  padding: 4px 0;
}
.timepicker {
  padding: 8px;
}
.timepicker table th {
  border: none !important;
  width: 32px !important;
  height: 32px !important;
}
.timepicker table th .btn-default.pull-left {
  font-family: 'Noto Sans', sans-serif;
  font-size: 14px;
  font-weight: 500;
  background: #ebebee;
  border: none;
  color: #1c304b;
  border-radius: 8px;
  width: 35px;
  padding: 0px;
  margin-bottom: 4px;
  height: 35px;
}
.timepicker table th .btn-default.pull-right {
  font-family: 'Noto Sans', sans-serif;
  font-size: 14px;
  font-weight: 500;
  background: #ebebee;
  border: none;
  color: #1c304b;
  border-radius: 8px;
}
.timepicker table th button.btn.btn-default.btn-block.text-strong {
  background: none;
  border: none;
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
}
.timepicker table th .glyphicon.glyphicon-chevron-up {
  background: url("/content/images/keyboard_arrow_up.svg");
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  top: 2px;
}
.timepicker table th .glyphicon.glyphicon-chevron-up:before {
  display: none;
}
.timepicker table th .glyphicon.glyphicon-chevron-down {
  background: url("/content/images/keyboard_arrow_down.svg");
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  top: 4px;
}
.timepicker table th .glyphicon.glyphicon-chevron-down:before {
  display: none;
}
.timepicker table th.dow {
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  padding: 8px 0;
}
.timepicker table tr td button.btn.btn-default {
  border: none !important;
  background: none !important;
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  padding: 0px 0px;
}
.timepicker table tr td button.btn.btn-default span {
  border: 1px solid #ebebee;
  background: white;
  padding: 3px 7px;
  text-align: center;
  color: #1c304b;
  display: block;
}
.timepicker table tr td button.btn.btn-default span:hover {
  background: #ebebee;
  border: 1px solid #ebebee;
}
.timepicker table tr td button.btn.btn-default span .text-muted {
  color: #45505f;
  background: #f8f8f9;
}
.timepicker table tr td button.btn.btn-primary span {
  border: 1px solid #aa0285;
  background: #fcf7fb;
}
.timepicker table tr td .btn[disabled] span {
  color: #adadb5;
}
.timepicker table tr td:nth-child(1) td:nth-child(1) button.btn.btn-default span {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.timepicker table tr td:nth-child(1) td:nth-child(3) button.btn.btn-default span {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.timepicker table tr td:nth-child(5) td:nth-child(1) button.btn.btn-default span {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.timepicker table tr td:nth-child(5) td:nth-child(3) button.btn.btn-default span {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.timepicker table tr tfoot th {
  border: none !important;
  width: 32px !important;
  height: 32px !important;
}
.timepicker table tr tfoot th button {
  position: relative;
  top: 8px;
}
.timepicker table tr tbody {
  padding: 8px 0px !important;
}
.timepicker table tr td span[ng-bind="i == midIndex ? timeSeparator : ' '"] {
  text-align: center;
  display: block;
}
label {
  font-size: 12px;
  font-weight: 400;
  font-family: 'Noto Sans', sans-serif;
  line-height: 16px;
  letter-spacing: 0.18px;
  text-transform: uppercase;
  color: #1c304b;
}
.file-upload {
  position: relative;
}
.file-upload input[type="file"] {
  display: none;
}
.file-upload label {
  display: inline-block;
  padding: 7px 16px 5px;
  cursor: pointer;
  border: 1px solid #1c304b;
  border-radius: 8px;
  background-color: white;
  width: 360px;
}
.file-upload label .file-container {
  display: flex;
  align-items: baseline;
  gap: 16px;
}
.file-upload label .file-container span {
  padding: 10px 16px;
  cursor: pointer;
  display: inline-block;
  border: 1px solid #1c304b;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 0.6px;
  color: #1c304b;
  top: 0;
}
.file-upload label .file-container p {
  font-size: 14px;
  font-weight: 400;
  font-family: 'Noto Sans', sans-serif;
  line-height: 24px;
  letter-spacing: 0.056px;
  color: #5c6573;
  text-transform: capitalize;
}
#editForm .controls .select2-container.form-control .select2-choice {
  border-color: #1c304b !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}
strong,
b {
  font-weight: 600;
}
#Panel1 .btn:focus,
#Panel1 .btn:focus-visible {
  color: white;
}
#toast-container .toast-message {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  font-family: 'Noto Sans', sans-serif;
  color: #1c304b;
  word-break: break-word;
}
#toast-container.toast-top-right {
  top: 12px;
  right: -56px;
}
@media screen and (max-width: 380px) {
  #toast-container.toast-top-right {
    right: -70px;
  }
}
#toast-container.job-search-toaster-position {
  top: 80px;
  right: 4.8%;
}
#toast-container.job-search-toaster-position.tracker-details {
  right: 1%;
  top: 95px;
}
#toast-container.job-detail-toaster-position {
  position: fixed;
  top: 85px;
  right: 2.5%;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  #toast-container.job-search-toaster-position {
    top: 70px;
    right: 4%;
  }
  #toast-container.job-detail-toaster-position {
    z-index: 9999;
  }
}
@media screen and (max-width: 1024px) {
  #toast-container.job-detail-toaster-position {
    z-index: 9999;
  }
}
@media only screen and (max-width: 1423px) and (min-width: 1281px) {
  #toast-container.job-search-toaster-position {
    right: 9.4%;
  }
  #toast-container.job-detail-toaster-position {
    right: 7.4%;
  }
}
@media only screen and (max-width: 1600px) and (min-width: 1424px) {
  #toast-container.job-search-toaster-position {
    right: 13.9%;
  }
  #toast-container.job-detail-toaster-position {
    right: 12%;
  }
}
@media only screen and (max-width: 1707px) and (min-width: 1601px) {
  #toast-container.job-detail-toaster-position {
    right: 14.4%;
  }
}
@media only screen and (max-width: 1921px) and (min-width: 1708px) {
  #toast-container.job-detail-toaster-position {
    right: 18.4%;
  }
}
@media only screen and (max-width: 1921px) and (min-width: 1601px) {
  #toast-container.job-search-toaster-position {
    right: 16.1%;
  }
}
@media only screen and (max-width: 2561px) and (min-width: 1922px) {
  #toast-container.job-search-toaster-position {
    right: 27.4%;
  }
  #toast-container.job-detail-toaster-position {
    right: 26.4%;
  }
}
@media only screen and (max-width: 3841px) and (min-width: 2562px) {
  #toast-container.job-detail-toaster-position {
    right: 34.1%;
  }
}
@media only screen and (max-width: 5121px) and (min-width: 3842px) {
  #toast-container.job-detail-toaster-position {
    right: 38.3%;
  }
}
#toast-container .toast-success.job-agent-toastr {
  background-image: url(/Content/Images/Redeployment/button-applied-icon.svg) !important;
  background-color: #d8f4d8;
  color: #1c304b;
  border: 1px solid #96e283;
  box-shadow: 6px 4px 20px rgba(28, 48, 76, 0.08) !important;
  border-radius: 8px;
  width: 420px;
  margin: 85px 88px;
  opacity: 1;
  border-left: 6px solid #33841f;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
  min-height: 56px;
  height: 100%;
  gap: 8px;
  word-break: break-all;
}
@media screen and (max-width: 768px) {
  #toast-container .toast-success.job-agent-toastr {
    width: 350px;
  }
}
@media screen and (max-width: 355px) {
  #toast-container .toast-success.job-agent-toastr {
    width: 280px;
  }
}
#toast-container .toast-success.job-agent-toastr.toaster-margin {
  margin: 0;
}
#toast-container .toast-success .toast-close-button {
  color: #1c304b !important;
  right: 5px !important;
  top: -2px !important;
}
#toast-container .toast-success .toast-close-button:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: 0px !important;
  border-radius: 4px;
}
#toast-container .toast-success .toast-close-button img {
  height: 16px;
  width: 16px;
}
#toast-container .toast-success.resume-review-success {
  background-image: url(/Content/Images/Redeployment/button-applied-icon.svg) !important;
  background-color: #d8f4d8;
  color: #1c304b;
  border: 1px solid #96e283;
  box-shadow: 6px 4px 20px rgba(28, 48, 76, 0.08) !important;
  border-radius: 8px;
  width: 536px;
  margin: 85px 88px;
  opacity: 1;
  border-left: 6px solid #33841f;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
  min-height: 56px;
  height: 100%;
}
@media screen and (max-width: 768px) {
  #toast-container .toast-success.resume-review-success {
    width: 330px;
  }
}
@media screen and (max-width: 355px) {
  #toast-container .toast-success.resume-review-success {
    width: 280px;
  }
}
#toast-container .toast-success.resume-review-success.toaster-margin {
  margin: 0;
}
#toast-container .toast-success .toast-close-button {
  color: #1c304b !important;
  right: 5px !important;
  top: -2px !important;
}
#toast-container .toast-success .toast-close-button:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: 0px !important;
  border-radius: 4px;
}
#toast-container .toast-success .toast-close-button img {
  height: 16px;
  width: 16px;
}
#toast-container.candidate-care-success-container {
  position: fixed;
  top: 12% !important;
  right: 3% !important;
}
#toast-container.candidate-care-success-container .toast-success.resume-review-success {
  margin: 0px !important;
}
#toast-container.candidate-care-success-container .toast-success .toast-close-button {
  color: #1c304b !important;
  right: 5px !important;
  top: 0px !important;
  padding-left: 12px;
}
#toast-container.candidate-care-success-container .toast-success .toast-close-button:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: 0px !important;
  border-radius: 4px;
}
#toast-container.candidate-care-success-container .toast-success .toast-close-button img {
  height: 16px;
  width: 16px;
}
#toast-container .toast-title {
  word-break: break-word;
}
#INDquickAccess,
#INDWrap #INDmenu-btn {
  display: none !important;
}
#INDmenu-btn.INDcircle-btn:focus-visible {
  outline: #ff5858 solid 4px !important;
  outline-offset: 0px;
}
#INDmenu-btn.INDcircle-btn {
  top: 80%;
  background: white;
  transform: scale(0.55);
  border: none;
  outline: none;
  box-shadow: none;
}
@media (max-width: 800px) {
  #INDmenu-btn.INDcircle-btn {
    top: auto;
    bottom: 8% !important;
  }
}
@media screen and (min-width: 800px) and (max-width: 1024px) {
  .INDMobile #INDmenu-btn {
    top: 80% !important;
    bottom: auto !important;
  }
}
.pink-font {
  color: #df255f;
}
.light-font {
  color: #a68bac;
}
.purple-font {
  color: #4d005b;
}
.light-purple-font {
  color: #72467b;
}
.purple-dark-font {
  color: #4f185a;
}
.black-font {
  color: black;
}
.dark-gray-font {
  color: #333333;
}
.white-font {
  color: white;
}
.light-pink-background {
  background-color: rgba(79, 24, 90, 0.1);
}
.pink-background {
  background-color: #df255f;
}
.purple-background {
  background-color: #4d005b;
}
.purple-dark-background {
  background-color: #4f185a;
}
.light-purple-background {
  background-color: #72467b;
}
.white-background {
  background-color: white;
}
.gray-background {
  background-color: #e5e5e5;
}
.light-gray-background {
  background-color: #f0f0f0;
}
.white-transparent-background {
  background-color: rgba(255, 255, 255, 0.4);
}
.pink-border {
  border-color: #df255f !important;
}
.red-border {
  border-color: red !important;
}
.red-font {
  color: red !important;
}
.blue-font {
  color: #428bca !important;
}
html {
  font-size: 16px;
  height: 100%;
}
body {
  font-size: 16px;
  font-family: 'Noto Sans';
  min-height: 100%;
  padding: 0;
  margin: 0;
  position: relative;
}
body::after {
  content: '';
  display: block;
  height: 100px;
}
@media (max-width: 768px) {
  body::after {
    height: 170px;
  }
}
h1,
h2,
h3,
h4,
h5,
h6,
h7 {
  font-family: 'Noto Serif';
  font-weight: 600;
}
h1 {
  font-size: 3.125rem;
}
h2 {
  font-size: 2.125rem;
}
h3 {
  font-size: 1.875rem;
}
h4 {
  font-size: 1.5rem;
}
h5 {
  font-size: 1.25rem;
}
h6 {
  font-size: 1.125rem;
}
h7 {
  font-size: 1rem;
}
.quote {
  font-family: 'Noto Sans';
}
nav > div {
  font-family: 'Noto Sans', serif;
}
nav > div a {
  font-weight: 500;
  color: inherit;
  font-family: 'Noto Sans', serif;
}
.footer,
.menu,
.explore-menu,
.sorting-row,
.roadmap-zone-menu,
.profile-submenu,
.goal-selection,
.about-me-content p,
.todo-modal-body .url {
  font-family: 'Noto Sans', serif;
}
.social-media-font {
  color: #a68bac;
  font-size: 14px;
}
.font-weight-3 {
  font-weight: 300;
}
.font-weight-4 {
  font-weight: 400;
}
.font-weight-9 {
  font-weight: 900;
}
@media screen and (max-width: 414px) {
  html {
    font-size: 14px;
  }
}
.page-wrapper {
  padding-top: 70px;
}
@media screen and (max-width: 768px) {
  .page-wrapper {
    padding-top: 60px;
  }
}
.no-padding {
  padding: 0 !important;
}
.grecaptcha-badge {
  visibility: hidden;
}
.phone-only {
  display: none;
}
@media screen and (max-width: 600px) {
  .phone-only {
    display: block;
  }
}
.mobile-only {
  display: none;
}
@media screen and (max-width: 1366px) {
  .mobile-only {
    display: block;
  }
}
.fullsize-only {
  display: block;
}
@media screen and (max-width: 1366px) {
  .fullsize-only {
    display: none;
  }
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-justify {
  text-align: justify;
}
.table-container {
  display: table;
}
.flex-container {
  display: flex;
}
.text-to-upper {
  text-transform: uppercase;
}
.float-left {
  float: left;
}
.float-right {
  float: right;
}
.modal-content {
  border-radius: 0;
}
.modal-content .alert {
  border-radius: 0;
}
.img_center {
  display: block;
  margin: 0 auto;
}
.img_complete {
  background-image: url(/Content/Images/buttons/btn_complete.svg);
}
.img_completed {
  background-image: url(/Content/Images/buttons/btn_completed.svg);
}
.img_add {
  background-image: url(/Content/Images/buttons/button_add_40x40.svg);
}
.img-unselected {
  background-image: url(/Content/Images/buttons/button_select_purple_30.svg);
}
/* Grid */

.grid-xs-1,
.grid-xs-2,
.grid-xs-3,
.grid-sm-1,
.grid-sm-2,
.grid-sm-3,
.grid-lg-1,
.grid-lg-2,
.grid-lg-3 {
  float: left;
}
.grid-xs-1 {
  width: 31.5%;
}
.grid-xs-2 {
  width: 48.6%;
}
.grid-xs-3 {
  width: 65.75%;
}
.grid-4 {
  width: 100%;
}
.offset-1,
.offset-sm-1,
.offset-lg-1 {
  margin-left: 2.75%;
}
@media screen and (max-width: 767px) {
  .grid-xs-1,
  .grid-xs-2,
  .grid-xs-3 {
    width: 100%;
  }
  .offset-1 {
    margin-left: auto;
  }
}
.grid-sm-1 {
  width: 31.5%;
}
.grid-sm-2 {
  width: 48.6%;
}
.grid-sm-3 {
  width: 65.75%;
}
@media screen and (max-width: 812px) {
  .grid-sm-1,
  .grid-sm-2,
  .grid-sm-3 {
    width: 100%;
  }
  .offset-sm-1 {
    margin-left: auto;
  }
}
.grid-lg-1 {
  width: 31.5%;
}
.grid-lg-2 {
  width: 48.6%;
}
.grid-lg-3 {
  width: 65.75%;
}
@media screen and (max-width: 1024px) {
  .grid-lg-1,
  .grid-lg-2,
  .grid-lg-3 {
    width: 100%;
  }
  .offset-lg-1 {
    margin-left: auto;
  }
}
.clickable-icon {
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .page-wrapper.profile-page-wrapper {
    padding-top: 60px !important;
  }
}
.overlay-container {
  position: relative;
}
.overlay-container::after {
  content: '';
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  background: black;
}
.overlay-container .banner-content {
  z-index: 9;
}
.overlay-container .banner-content span,
.overlay-container .banner-content h2,
.overlay-container .banner-content h1,
.overlay-container .banner-content h4,
.overlay-container .banner-content p {
  background-color: transparent !important;
  color: white !important;
  opacity: 1 !important;
  background-image: none;
}
/*Skeleton Loader*/

.skeleton-bg-animation {
  animation: animationBG 1s infinite;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.skeletoninout {
  animation: animationinout 4s infinite;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.skeletoninout:before {
  content: "\00a0\00a0";
  display: inline-block;
}
@keyframes animationinout {
  0% {
    opacity: 0.5;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.5;
  }
}
@keyframes animationBG {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.9;
  }
  100% {
    opacity: 1;
  }
}
.skeleton-line-purple {
  border-radius: 15px;
  height: 12px;
  display: block;
  background: #bfabc4;
  margin-bottom: 16px;
}
.skeleton-line-gray {
  border-radius: 15px;
  height: 12px;
  display: block;
  background: #e2e2e2;
  margin-bottom: 16px;
}
.sk-line-five {
  width: 5%;
}
.sk-line-ten {
  width: 10%;
}
.sk-line-twenty {
  width: 20%;
}
.line-one-forth {
  width: 25%;
}
.sk-line-thirty {
  width: 30%;
}
.sk-line-fourty {
  width: 40%;
}
.line-half {
  width: 50%;
}
.sk-line-sixty {
  width: 60%;
}
.sk-line-seventy {
  width: 70%;
}
.line-three-forth {
  width: 75%;
}
.sk-line-eighty {
  width: 80%;
}
.sk-line-ninty {
  width: 90%;
}
.full-line {
  width: 100%;
}
.skeleton-bg-gray-animation {
  animation: animationBG-gray 1s infinite;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.skeletoninout-gray {
  animation: animationinout-gray 4s infinite;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
@keyframes animationinout-gray {
  0% {
    opacity: 0.4;
  }
  50% {
    opacity: 0.8;
  }
  100% {
    opacity: 0.4;
  }
}
@keyframes animationBG-gray {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.9;
  }
  100% {
    opacity: 1;
  }
}
.skeleton-squre-gray {
  border-radius: 8px;
  min-height: 48px;
  min-width: 48px;
  display: block;
  background: #e2e2e2;
}
.skeleton-bigger {
  border-radius: 15px;
  height: 40px;
  display: block;
  background: #d8d8e2;
  margin-top: 24px;
}
.skeleton-small-line-gray {
  border-radius: 15px;
  height: 16px;
  display: block;
  background: #d8d8e2;
  margin-bottom: 8px;
}
.skeleton-big {
  border-radius: 15px;
  height: 16px;
  display: block;
  background: #d8d8e2;
  margin-bottom: 16px;
}
.skeleton-dark-gray {
  border-radius: 15px;
  height: 12px;
  display: block;
  background: #d8d8e2;
  margin-bottom: 16px;
}
.skeleton-circle-gray {
  min-height: 32px;
  min-width: 32px;
  background-color: #e2e2e2;
  border-radius: 50%;
  display: inline-block;
}
.upcoming-events.recommend-skeleton .control-wrapper-body {
  display: block !important;
  margin-top: 10px;
  margin-bottom: 20px;
  padding: 20px 30px 10px 30px;
}
.upcoming-events.recommend-skeleton .recommend-line-head {
  height: 25px;
  border-radius: 8px;
  margin-top: 28px;
}
.upcoming-events.recommend-skeleton .recommend-line {
  height: 25px;
  border-radius: 8px;
}
.skeleton-small-circle-gray {
  min-height: 16px;
  min-width: 16px;
  background-color: #d8d8e2;
  border-radius: 50%;
  display: inline-block;
}
.skeleton-line-title-gray {
  border-radius: 15px;
  height: 16px;
  display: block;
  background: #d8d8e2;
  margin-bottom: 16px;
  gap: 16px;
}
.btn {
  text-transform: uppercase;
  background-color: #441750;
  color: white;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: 'Noto Sans', sans-serif;
  border-radius: 8px;
  border: none;
}
.btn:active:focus {
  color: white;
  text-decoration: none;
  outline: none;
  background-color: #441750;
}
.btn:active {
  color: white;
  background: #390447;
}
.btn:hover {
  background-color: #613e6b;
  color: white;
}
.btn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px;
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  opacity: 1 !important;
}
.todo-disbled-Button .btn-default[disabled] {
  background-color: #4f185a !important;
}
.btn-primary:focus,
btn-primary:active,
btn-primary:hover {
  background-color: #4f185a;
}
.btn-width-100 {
  width: 100%;
}
.btn-extra-small {
  height: 32px;
}
.btn-small {
  height: 40px;
}
.btn-small-wrap {
  min-height: 40px;
  white-space: normal;
  word-wrap: break-word;
}
.btn-large {
  height: 56px;
}
.btn-centered {
  margin: auto;
  display: block;
}
.btn-transparent-white {
  background-color: rgba(255, 255, 255, 0.2);
  border: solid 1px white;
}
.btn-transparent-purple {
  background-color: rgba(255, 255, 255, 0.3);
  border: solid 1px #4f185a;
  color: #4f185a;
}
.btn-transparent-purple:hover,
.btn-transparent-purple:focus,
.btn-transparent-purple:active:focus {
  background-color: #4f185a;
  color: white;
}
@media screen and (max-width: 414px) {
  .btn {
    font-size: 14px;
  }
}
.customInput,
input[type="text"],
input[type="number"] {
  border: 1px solid #1c304b;
  border-radius: 8px;
  width: 100%;
  height: 40px;
  font-size: 14px;
  font-weight: 400;
  font-family: 'Noto Sans', sans-serif;
  color: #1c304b;
  padding: 8px 16px;
  line-height: 24px;
}
.customInput:focus,
input[type="text"]:focus,
input[type="number"]:focus,
.customInput:focus-visible,
input[type="text"]:focus-visible,
input[type="number"]:focus-visible {
  border: 1px solid #aa0285;
}
.customInput:disabled,
input[type="text"]:disabled,
input[type="number"]:disabled {
  background-color: white;
  border: 1px solid #ced7e4;
  color: #adadb5 !important;
}
.customInput:disabled::placeholder,
input[type="text"]:disabled::placeholder,
input[type="number"]:disabled::placeholder {
  color: #45505f;
}
.customInput::placeholder,
input[type="text"]::placeholder,
input[type="number"]::placeholder {
  font-size: 14px;
  font-style: normal !important;
  font-weight: 400;
  font-family: 'Noto Sans', sans-serif;
  color: #45505f;
}
.customInput::-webkit-input-placeholder,
input[type="text"]::-webkit-input-placeholder,
input[type="number"]::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-size: 14px;
  font-style: normal !important;
  font-weight: 400;
  font-family: 'Noto Sans', sans-serif;
  color: #45505f;
}
.customInput::-moz-placeholder,
input[type="text"]::-moz-placeholder,
input[type="number"]::-moz-placeholder {
  /* Firefox 19+ */
  font-size: 14px;
  font-style: normal !important;
  font-weight: 400;
  font-family: 'Noto Sans', sans-serif;
  color: #45505f;
}
.customInput:-ms-input-placeholder,
input[type="text"]:-ms-input-placeholder,
input[type="number"]:-ms-input-placeholder {
  /* IE 10+ */
  font-size: 14px;
  font-style: normal !important;
  font-weight: 400;
  font-family: 'Noto Sans', sans-serif;
  color: #45505f;
}
.customInput:read-only,
input[type="text"]:read-only,
input[type="number"]:read-only {
  background-color: white;
  border: 1px solid #ced7e4;
  color: #1c304b;
}
#meetingForm .customInput:read-only,
#meetingForm input[type="text"]:read-only,
#meetingForm input[type="number"]:read-only {
  color: #1c304b !important;
}
#meetingForm input[type="text"]::placeholder {
  color: #5c6573 !important;
}
textarea.control-large {
  min-height: 80px;
}
.control-large::placeholder,
textarea.control-large::placeholder {
  font-size: 14px;
  font-family: 'Noto Sans', sans-serif;
  line-height: 24px;
  font-weight: 400;
  color: #45505f;
}
/*.select2-container {
    .select2-choices {
        li {
            input {
                height: 40px;
                border: 1px solid @primaryTextColor;
                border-radius: 8px;
                color: @primaryTextColor;
            }
        }
    }
}*/

.control-box {
  font-size: 14px;
  font-weight: 700;
  display: inline-block;
  margin-top: 15px;
  float: left;
}
.control-box a {
  outline: none !important;
  border-color: #cccccc;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
}
.select-control {
  background-image: url(/Content/Images/icons/pulldown.svg);
  background-position-x: 92.5%;
  background-repeat: no-repeat;
  background-position-y: center;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}
.datepicker .btn {
  padding: 6px;
}
.date-picker {
  background-image: url(/Content/Images/Common/icon_calendar_r24.svg);
  background-position-x: 92.5%;
  background-repeat: no-repeat;
  background-position-y: center;
}
.dropdown-menu {
  border-radius: 0;
}
.form-group span {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  font-family: 'Noto Sans', sans-serif;
  color: #1c304b;
  position: relative;
  /*top: -10px;*/

}
.form-group label {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #1c304b;
  font-family: Noto Sans, sans-serif;
  font-family: 'Noto Sans', sans-serif;
}
.edit-label {
  color: #45505f !important;
}
/* Ella in the Middle modal*/

.ella-middle-container {
  max-width: 550px;
  max-height: 750px;
  border-radius: 10px;
  margin: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.ella-middle-header {
  max-height: 100px;
  border-bottom: 2px #e5e5e5;
}
.ella-middle-content {
  padding-top: 30px;
}
.ella-middle-footer {
  max-height: 64px;
  border-top: 2px #e5e5e5;
}
/* Consultant modal*/

.consultant-middle-container {
  max-width: 1000px;
  max-height: 700px;
  margin: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.consultant-middle-header {
  max-height: 215px;
  border-bottom: 2px solid #eee8ef;
  padding: 12% 0 6%;
  font-size: 22px;
}
.consultant-middle-content {
  padding: 7% 34px 20px 30px;
}
.consultant-middle-text {
  padding-bottom: 15px;
}
.consultant-middle-text p {
  margin: 0 0 15px;
}
.consultant-modal-avatar {
  margin: auto;
  max-height: 100px;
  max-width: 100px;
}
.consultant-card-profile-photo {
  cursor: pointer;
  width: 100px;
  height: 100px;
  position: relative;
  margin: 0 auto;
  border: 8px solid #cccccc;
  border-radius: 50%;
}
.consultant-card-profile-photo p {
  margin: 22px 0 0;
}
.consultant-card-profile-photo .consultant-card-initials {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  border: 4px solid white;
  background-color: #4f185a;
  border-radius: 50%;
  color: white;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .consultant-card-profile-photo .consultant-card-initials {
    border: 4px solid white;
  }
}
.consultant-card-profile-photo .consultant-card-photo {
  width: 100%;
  height: 100%;
}
.consultant-card-profile-photo .consultant-card-photo img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 5px solid white;
}
@media screen and (max-width: 768px) {
  .consultant-card-profile-photo .consultant-card-photo img {
    border: 4px solid white;
  }
}
.consultant-card-profile-photo .consultant-virtual-card-photo {
  width: 100%;
  height: 100%;
}
.consultant-card-profile-photo .consultant-virtual-card-photo img {
  width: 100%;
}
.skrim {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 2;
  cursor: pointer;
}
.consultant-scheduling-link {
  overflow: hidden;
  height: 100%;
}
.consultant-scheduling-link .consultant-scheduling-link-div {
  padding: 0px 30px;
}
.consultant-scheduling-link .consultant-scheduling-link-schedule .consultant-scheduling-link-div {
  width: 50%;
  margin-left: 25%;
  padding: 0px;
}
.consultant-scheduling-link .consultant-scheduling-link-schedule a {
  margin-top: 150px;
}
.consultant-scheduling-link a {
  display: block;
  width: 100%;
  line-height: 26px;
  border-radius: 0;
}
.consultant-scheduling-link a:focus {
  outline: thin dotted;
  color: white;
}
.consultant-scheduling-link a:hover {
  color: white;
}
.consultant-email-link {
  overflow: hidden;
  height: 100%;
}
.consultant-email-link .consultant-middle-content-email {
  padding: 10px 30px;
}
.consultant-email-link a {
  display: block;
  width: 100%;
  line-height: 26px;
  border-radius: 0;
}
.consultant-email-link a:focus {
  outline: thin dotted;
  color: white;
}
.consultant-email-link a:hover {
  color: white;
}
.consultant-email-text {
  margin-bottom: 20px;
}
.has-error-text {
  color: #e85c87;
}
.has-error-border {
  border-color: #e85c87;
}
.has-error-button {
  border-color: #e85c87;
}
.has-error-button:focus {
  outline: 0;
  border-color: #e85c87;
}
.validation-container {
  position: absolute;
  z-index: 100;
  background-color: rgba(255, 255, 255, 0.9);
  border: 1px solid #4f185a;
}
.icon_avatar_circle {
  display: inline-block;
  width: 40px;
  height: 40px;
  object-fit: contain;
  background-image: url('/Content/Images/developMe/icon-avatar-circle.svg');
  text-align: center;
}
.non-svg-profile-initials-wide {
  font-size: 20px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: 39px;
  letter-spacing: normal;
  text-align: center;
  color: white;
  width: 40px;
}
.logo-image-container {
  max-height: 50px;
}
.logo-image-container[src="/Content/Images/logos/LHH_WHITE_2019.svg"] {
  filter: invert(86%) sepia(49%) saturate(2253%) hue-rotate(266deg) brightness(100%) contrast(100%);
}
.loginMenuImage {
  display: block;
  float: left;
  width: 35px;
  margin-right: 5px;
}
#profilePopoverHeader > .btn {
  background-color: transparent;
}
.newUser > .container {
  width: 100%;
}
.voffset2 {
  margin-top: 10px;
}
.-voffset2 {
  margin-top: -10px;
}
.loginFooter {
  width: 100%;
  bottom: 0px;
  padding: 8px;
  opacity: 0.5;
  filter: alpha(opacity=50);
  z-index: -1;
  /* Mobile styles */

}
.loginFooter .footer-container-new {
  padding: 20px 0;
  text-align: center;
}
.loginFooter .footer-container-new .footer-links {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 20px;
  align-items: center;
}
.loginFooter .footer-container-new .footer-links li {
  color: #cec5dd;
  font-family: Noto Sans;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.004em;
}
.loginFooter .footer-container-new .footer-links a {
  color: #cec5dd;
  font-family: Noto Sans;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.004em;
  text-decoration: none;
}
.loginFooter .footer-container-new .footer-links a:hover {
  text-decoration: none;
}
.loginFooter .footer-links span.small.pull-left,
.loginFooter .footer-links span.small.pull-left a {
  float: none !important;
  color: #cec5dd !important;
  font-family: Noto Sans;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.004em;
  text-decoration: none;
  text-transform: capitalize;
}
.loginFooter .footer-links span.news div p {
  margin-bottom: 0px;
}
.loginFooter .footer-container-new .footer-links li:empty {
  display: none;
}
@media (max-width: 600px) {
  .loginFooter .footer-container-new .footer-links {
    gap: 10px;
    text-align: center;
  }
  .loginFooter .footer-container-new .footer-links li {
    width: 100%;
    text-align: center;
  }
}
.loginFooterZIndexZero {
  z-index: 0 !important;
}
@media screen and (max-width: 767px) {
  .footer-logo {
    width: 40px;
  }
}
.footer-container-indent {
  margin-top: 40px;
  font-size: 11px;
}
@media screen and (max-width: 767px) {
  .footer-container-indent {
    margin-top: 0px;
  }
}
.login-background-container {
  z-index: -1;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.login-background-container div {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  min-width: 50%;
  min-height: 100%;
  background-size: cover;
}
.nav > li > a {
  font-size: 13px;
  color: #5798a8;
}
.nav > li > .btn {
  text-transform: none;
}
.nav > li > a:focus,
.nav > li > a:hover {
  text-decoration: none;
  color: #5798a8;
}
.btn .fa {
  color: white;
  margin-right: 5px;
}
.bg-white {
  background-color: white;
}
.padding-l-5 {
  padding-left: 5%;
}
.popover a {
  color: #5798a8;
  font-size: 14px;
}
.popover .popover-content {
  font-size: 13px;
}
.popover-title {
  font-family: 'Noto Sans';
}
.select-control .select2-choice {
  height: 40px !important;
  line-height: 1;
  font-family: inherit;
}
.select-control .select2-chosen {
  display: inline-flex !important;
  align-items: center !important;
  font-family: inherit;
  height: inherit;
}
span #select2-chosen-2 {
  padding-left: 0;
}
.control-box .select2-container {
  border: solid #e5e5e5 2px;
  margin-top: 5px !important;
}
.select2-results {
  background-color: white !important;
  color: black;
  padding: 0;
  margin: 0 !important;
  border-radius: 8px !important;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
}
.select2-results li {
  margin-right: 8px;
}
.select2-results li:hover {
  background-color: #f8f8f9 !important;
}
.select2-results .select2-result-label {
  border-bottom: 1px solid #ebebee;
  color: #1c304b;
}
.select2-results .select2-highlighted {
  color: #1c304b !important;
  background-color: #eee8ef !important;
}
.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-selection-limit,
.select2-results .select2-more-results {
  background-color: white;
  color: #1c304b;
}
.select2-results-label {
  padding: 3px 0px 4px 10px;
}
.select2-search {
  padding: 0;
}
.select2-search input {
  border-radius: 0;
  font-family: inherit;
}
.select2-drop-active {
  border-color: #e5e5e5 !important;
}
.select2Placeholder .select2-container .select2-choice .select2-chosen {
  color: #1c304b !important;
  font-family: 'Noto Sans', sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 24px !important;
}
.select2-container .select2-choice .select2-chosen {
  color: #1c304b !important;
  font-family: 'Noto Sans', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}
.select2-container .select2-choice.select2-default .select2-chosen {
  color: #45505f !important;
}
.select2-container .select2-choice {
  border: 1px solid #1c304b !important;
  border-radius: 8px !important;
  font-weight: 400 !important;
  height: 40px !important;
}
.controls .select2-container.form-control .select2-choice {
  border-color: #1c304b !important;
  border-radius: 8px !important;
}
.controls .select2-container.form-control .select2-choice .select2-arrow {
  width: 25px !important;
  border-left: none !important;
}
.select2-container.form-control .select2-chosen {
  padding: 8px 12px !important;
}
.select2-container .select2-choice .select2-arrow b,
.select2-container .select2-choice div b {
  background-position: -4px 8px !important;
}
.select2-dropdown-open .select2-search-choice-close {
  background: url(/Content/Images/select2/close-vector.svg) !important;
  background-repeat: no-repeat;
}
ul.select2-results::-webkit-scrollbar-track {
  border-radius: 8px;
  background: #ebebee;
}
ul.select2-results::-webkit-scrollbar {
  width: 8px;
  background: #ebebee;
  margin: 15px;
  border-radius: 8px;
}
ul.select2-results::-webkit-scrollbar-thumb {
  border-radius: 6px;
  background: #611e6f;
  height: 68px;
}
.select2-container.form-control {
  box-shadow: none !important;
  background: transparent !important;
  border-color: transparent !important;
  border-width: 0;
  padding: 0;
  height: 40px;
}
.select2-drop-active {
  border-radius: 8px !important;
}
.select2-container-multi.select2-container-active .select2-choice {
  height: 40px !important;
  box-shadow: none !important;
}
.select2-container-multi .select2-choices .select2-search-choice {
  margin: 8px 8px 0px 8px !important;
  background: #e4d8f4 !important;
  padding: 4px 8px 4px 16px !important;
  border-radius: 6px !important;
  border: none !important;
}
.select2-container-multi .select2-choices li.select2-search-choice > div {
  font-family: Noto Sans !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 16px !important;
  margin-right: 12px !important;
  color: #1c304b !important;
  text-transform: uppercase !important;
  margin-right: 16px !important;
}
.select2-container-multi ul.select2-choices li.select2-search-choice {
  position: relative;
  box-sizing: border-box;
  display: inline-block;
  margin-left: 0px !important;
}
/*Close icon*/

.select2-container-multi .select2-search-choice-close {
  /* left: 0; */
  right: 8px !important;
  background: url(/Content/Images/select2/close-vector.svg) !important;
  background-repeat: no-repeat !important;
  width: 10px;
  height: 10px;
  top: 60%;
}
.select2-container-multi ul.select2-choices {
  min-height: 40px;
}
form#myAccountForm .select2-container .select2-choice .select2-arrow b,
form#toDoReminderPreference .select2-container .select2-choice .select2-arrow b {
  background-position: -4px 8px !important;
}
textarea::-webkit-scrollbar {
  width: 8px;
}
textarea::-webkit-scrollbar-button {
  display: none;
}
textarea::-webkit-scrollbar-track {
  background-color: #ebebee;
  border-radius: 8px;
  margin: 8px 0;
}
textarea::-webkit-scrollbar-thumb {
  background: #611e6f;
  border-radius: 8px;
}
.select2-drop {
  margin-top: 1px !important;
}
@media screen and (max-width: 768px) {
  .select2-drop {
    margin-top: 2px !important;
  }
}
.select2-drop .select2-results .select2-searching,
.select2-drop .select2-results .select2-no-results {
  background-color: #f8f8f9;
  color: #1c304b;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.056px;
  padding: 8px 16px;
}
.select2-container.select2-container-multi.live-events-chip-bg .select2-choices {
  padding: 0px 8px 8px 8px;
}
.select2-container.select2-container-multi .select2-choices {
  border-radius: 8px !important;
  border: 1px solid #1c304b;
  padding: 0px 8px;
}
.select2-container.select2-container-multi .select2-choice .select2-chosen {
  color: #1c304b;
}
.select2-choice .select2-chosen {
  color: #1c304b;
}
.select2-dropdown-open [class^="select2-choice"] {
  border-top-right-radius: 8px !important;
  border-top-left-radius: 8px !important;
}
.select2-container-active .select2-choice,
.select2-container-multi.select2-container-active .select2-choices {
  border: 1px solid #aa0285 !important;
  box-shadow: none !important;
  border-radius: 8px !important;
}
.select2-container-multi.multiselect-title .select2-choices,
.select2-container-multi.multiline-grade .select2-choices {
  min-height: 40px;
  border: 1px solid #1c304b !important;
  border-radius: 8px !important;
  padding-left: 8px;
  padding-top: 4px;
  padding-bottom: 0px;
}
.select2-container-multi.multiselect-title .select2-choices .select2-search-field input,
.select2-container-multi.multiline-grade .select2-choices .select2-search-field input {
  margin: 0px;
  padding: 0px 5px;
  /*height: 40px;*/

}
.select2-container-multi.multiselect-titl.job-adv-search-keyword .select2-choices .select2-search-field input:focus,
.select2-container-multi.multiline-grade .select2-choices .select2-search-field input:focus {
  font-style: normal;
}
/*added classes form fixing the additional feedback popup design*/

.modal-auto > .modal-dialog {
  width: auto;
  display: table;
}
.developme-modal {
  padding: 1.5em;
  min-width: 32em;
}
.developme-modal_title {
  margin-top: 1px;
  font-size: 25px;
  font-weight: 500;
  color: #666666;
}
.developme-modal_text {
  color: gray;
  max-width: 25em;
  display: block;
  font-weight: 400;
  font-family: 'Open sans', sans-serif;
  outline: none !important;
  line-height: 1.3;
  margin: 0 0 10px;
}
.developme-modal_text-input {
  width: 100%;
  padding: 0.5em 1em;
  display: block;
  border: thin solid gray;
}
textarea[auto-height] {
  overflow-y: hidden;
}
textarea.developme-modal_text-input {
  resize: vertical;
  min-height: 7em;
  max-height: 29em;
  border: thin solid gray;
}
textarea.developme-admin-input {
  min-height: 10em;
  width: 100%;
  min-width: 21em;
}
.developme-modal {
  min-width: 22em;
}
.developme-modal_close {
  float: right;
}
.developme-modal_button-submit {
  background-color: #46acb9;
  color: white;
  margin-top: 1em;
}
.initiative-feedback-modal_cancel {
  border: 1px solid gray;
  margin-top: 0.5em;
  color: gray;
}
.developme-modal_button-submit,
.initiative-feedback-modal_cancel {
  display: inline-block;
  min-width: 11em;
  padding: 0.4em;
  border-radius: 3em;
}
.developme-modal_button-submit[disabled] {
  background: gray;
  color: #cccccc;
}
.developme-modal_close {
  float: right;
}
/* do not group these rules */

.developme-modal_text-input::-webkit-input-placeholder {
  font-style: italic;
}
.developme-modal_text-input:-moz-placeholder {
  /* FF 4-18 */
  font-style: italic;
}
.developme-modal_text-input::-moz-placeholder {
  /* FF 19+ */
  font-style: italic;
}
.developme-modal_text-input:-ms-input-placeholder {
  /* IE 10+ */
  font-style: italic;
}
.developme-modal_button-container {
  text-align: center;
}
button {
  background-color: transparent;
  border: none;
}
.modal-content {
  background-clip: border-box;
  border: none !important;
  border-radius: 8px;
  position: relative;
  background-color: white;
  border: 1px solid #999999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  outline: 0;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
}
.header {
  max-height: 760px;
  width: 100%;
}
/* menu section */

.menu {
  width: 100%;
  max-height: 72px;
  position: fixed;
  z-index: 1000;
}
.sub-menu-steps-bar {
  padding-top: 25%;
  padding-bottom: 25%;
  width: 100%;
}
.sub-menu-nav-bar {
  width: 100%;
  padding-top: 7px;
  padding-bottom: 7px;
}
/* main content section */

.main-content {
  max-width: 1140px;
  padding-top: 60px;
  padding-bottom: 100px;
  min-height: 100%;
  overflow: hidden;
  /*flex-direction: column;
    display: flex;*/

}
.main-content > .row {
  margin-bottom: 30px;
}
.main-content-footer {
  width: 100%;
}
.home-progress-tab {
  width: 31.5%;
  float: left;
}
.to-dos {
  float: left;
  width: 65.75%;
}
.home-card {
  width: 31.5%;
  float: left;
}
.content-padding-top {
  padding-top: 50px;
}
/* footer section */

.footer {
  max-height: 220px;
  width: 100%;
}
.footer-nav-bar {
  text-align: center;
  height: 60px;
}
.footer-social-media {
  text-align: center;
}
@media screen and (max-width: 600px) {
  .home-progress-tab {
    width: 86%;
    margin: auto auto 30px auto;
    float: none;
  }
  .to-dos {
    width: 86%;
    float: none;
    margin: auto;
  }
  .home-card {
    width: 86%;
    margin: auto auto 30px auto;
    float: none;
    -webkit-margin-collapse: collapse;
  }
  .main-content > .row:after {
    display: block;
  }
  .menu {
    max-height: 100%;
    height: 60px;
  }
  .home-large-content {
    width: 86%;
    margin: auto;
  }
}
@media screen and (max-width: 642px) {
  .footer-nav-bar {
    height: 80px;
  }
}
@media screen and (max-width: 736px) {
  .container {
    width: 92%;
  }
}
.homepage-height {
  display: block;
  overflow: hidden;
  min-height: 65vh;
}
.noresume-img {
  padding-bottom: 20px;
}
@media (min-width: 737px) and (max-width: 768px) {
  #myAccountForm .intro .container {
    width: 92%;
  }
}
.margin-bottom-30-home > :first-child {
  margin-bottom: 30px !important;
}
.banner-bg-home {
  background: url("/Content/Images/Redeployment/redeployment-home-header.png") no-repeat center center;
  background-size: cover;
  min-height: 200px;
}
@media (max-width: 991px) {
  .redeployment-red-layout .page-wrapper {
    padding-top: 60px;
  }
}
.card-box {
  background-color: white;
  width: auto;
  padding: 24px;
  text-align: left;
  border-radius: 8px;
  position: relative;
}
.card-box div.body_base_semibold {
  display: flex;
}
.card-box div.body_base_semibold span.iconLeft {
  width: 24px;
  height: 24px;
  margin-right: 12px;
  display: inline-flex;
  margin-left: 0px;
  justify-content: center;
}
.card-box .box-texttop-padding {
  padding-top: 12px;
  margin-bottom: 32px;
}
.card-box p {
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
  font-size: 14px !important;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 24px;
  margin-top: 4px;
}
.card-box .card-box-footer {
  padding: 0px 15px;
}
.card-box .full-btn {
  width: 100%;
  display: block;
}
.card-box .fullBanner-right {
  width: 100%;
  display: block;
  border-radius: 8px;
}
.card-box .fullBanner-right img {
  border-top: 1px solid #ebebee;
  border-radius: 8px;
  width: 100%;
  height: 100%;
}
.card-box span.status-tag {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 4px 16px;
  min-width: 83px;
  width: 83px;
  background: #eaeaea;
  border-radius: 16px;
  margin: 16px 0px;
}
/*Upload Resume*/

.uploadResume-container .banner {
  background: url(/Content/Images/Redeployment/ResumeImg.svg) no-repeat;
  background-position: center;
  background-size: cover;
  height: 80px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border-radius: 8px;
}
.uploadResume-container .banner-content {
  padding-left: 24px;
}
.uploadResume-container .banner-content h4 {
  color: white;
  display: flex;
  flex-direction: row;
}
.uploadResume-container .banner-content h4 span.body_large_bold {
  display: inline-block;
  position: relative;
  padding-left: 28px;
}
.uploadResume-container .banner-content h4 span.body_large_bold:before {
  content: '';
  display: block;
  position: absolute;
  top: 15px;
  left: 0;
  width: 32px;
  height: 0px;
  border: 1px solid #aaa3ba;
  transform: rotate(90deg);
}
.resume-upload-body {
  margin-top: 40px;
}
.resume-upload-body .resume-upload-section {
  margin-bottom: 24px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 32px 20px;
  background: white;
  border: 1px dashed #e5e4ec;
  border-radius: 8px;
  flex: none;
  order: 1;
  align-self: stretch;
  flex-grow: 0;
}
.resume-upload-body .resume-upload-section .uploadFile {
  position: relative;
  display: flex;
  flex-direction: column;
}
.resume-upload-body .resume-upload-section .uploadFile #resume {
  display: block;
  margin: 0px auto;
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 9999;
  width: 40px;
  height: 40px;
  cursor: pointer;
}
.resume-upload-body .resume-upload-section .uploadFile .uploadFileImg {
  background: url(~/Spa/cms/template/Content/Images/Redeployment/upload_icon.svg);
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
}
.resume-upload-body .resume-upload-section #upload-btn {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: Noto Sans, sans-serif;
  text-transform: uppercase;
  color: white;
  background-color: #441750;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  padding: 8px 24px;
  font-family: 'Noto Sans', sans-serif;
  letter-spacing: 1px;
}
.resume-upload-body .resume-upload-section #upload-btn:active {
  color: white;
  background: #390447;
}
.resume-upload-body .resume-upload-section #upload-btn:hover {
  background-color: #613e6b;
}
.resume-upload-body .resume-upload-section #upload-btn:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.resume-upload-body .resume-upload-section #upload-btn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.resume-upload-body .resume-upload-section #upload-btn:active {
  color: white;
  background: #390447;
}
.resume-upload-body .resume-upload-section #upload-btn:hover {
  background-color: #613e6b;
}
.resume-upload-body .resume-upload-section #upload-btn:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.resume-upload-body .resume-upload-section #upload-btn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.resume-upload-body .resume-upload-section #upload-btn:active {
  color: white;
  background: #390447;
}
.resume-upload-body .resume-upload-section #upload-btn:hover {
  background-color: #613e6b;
}
.resume-upload-body .resume-upload-section #upload-btn:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.resume-upload-body .resume-upload-section #upload-btn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.resume-upload-body .resume-upload-section #upload-btn:active {
  color: white;
  background: #390447;
}
.resume-upload-body .resume-upload-section #upload-btn:hover {
  background-color: #613e6b;
}
.resume-upload-body .resume-upload-section #upload-btn:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.resume-upload-body .resume-upload-section #upload-btn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.resume-upload-body .resume-upload-section .note-information {
  color: #1c304b;
  margin: 24px 0px;
}
.resume-upload-body .resume-upload-section .info-text {
  color: #1c304b;
  margin-top: 32px;
  width: 60%;
  margin-bottom: 40px;
  text-align: center;
  font-family: Noto Sans, sans-serif !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 16px !important;
  font-family: 'Noto Sans', sans-serif !important;
}
@media (min-width: 320px) and (max-width: 800px) {
  .resume-upload-body .resume-upload-section .info-text {
    width: 100%;
  }
}
.resume-upload-body .resume-upload-section .info-text span {
  font-weight: 500;
}
.resume-upload-body .resume-upload-footer {
  border-top: 1px solid #ebebee;
  padding-top: 24px;
}
.resume-upload-body .resume-upload-footer p span {
  color: #aa0285;
}
.white-box .card-link {
  display: block;
  text-decoration: none;
  color: inherit;
}
.resume-hub-page .right-column .container-right-one > .white-box {
  margin-bottom: 0px;
}
.resume-hub-page .resume-hub-wrapper {
  margin-bottom: 120px;
}
.bootbox .modal-footer {
  margin: 24px 40px 0;
}
.three-info-border .info-wrapper {
  margin-top: 0px !important;
}
.three-info-border .info-wrapper.body_small.info-text-padding {
  margin-top: 16px !important;
}
.three-info-border {
  border-top: 1px solid #ebebee;
  padding-top: 24px;
  margin-top: 24px;
}
.three-info-border .info-wrapper {
  align-items: flex-start !important;
}
.resume-delete-text {
  text-align: center;
  padding-bottom: 46px;
}
.resume-delete-text h2 {
  margin: 0px;
}
.resume-delete-text h2 span {
  font-family: Noto Sans, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
  font-family: 'Noto Sans', sans-serif;
  color: #1c304b !important;
  margin-bottom: 12px;
}
.resume-delete-text h3 {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  font-family: 'Noto Sans', sans-serif;
  letter-spacing: 0.004em;
  color: #45505f;
  margin: 0;
  font-weight: 400 !important;
}
.button-container {
  border-top: 1px solid #ebebee;
  padding-top: 24px;
  margin: 24px 0 10px;
  display: flex;
  flex-direction: row-reverse;
  align-items: end;
  justify-content: end;
}
.bootbox .button-container .delete-resume-btn {
  width: 100%;
  max-width: 325px !important;
}
@media (min-width: 320px) and (max-width: 450px) {
  .bootbox .button-container {
    flex-direction: column;
  }
  .bootbox .button-container .delete-cancel-resume-btn {
    min-width: 100%;
  }
  .bootbox .button-container .delete-resume-btn {
    min-width: 100%;
    margin-bottom: 20px;
  }
}
.bootbox .delete-resume-btn {
  max-width: 285px;
  margin-left: 8px;
  order: 1;
}
.bootbox .upload-and-replace-btn {
  min-width: 176px;
  margin-left: 8px;
  order: 1;
}
.bootbox .upload-cancel-resume-btn {
  min-width: 137px;
  order: 2;
}
.bootbox .delete-cancel-resume-btn {
  min-width: 105px;
  order: 2;
}
p.body_base.resume_replace_text_padding {
  margin-bottom: -8px !important;
}
.resume-file-name-container {
  display: flex;
  align-items: flex-start;
  position: relative;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-content: flex-start;
  gap: 16px;
}
@media screen and (max-width: 768px) {
  .resume-file-name-container {
    gap: 8px;
  }
}
.space-bottom {
  margin-bottom: 24px;
}
.menu-links {
  max-width: 78%;
  height: 80px;
  float: left;
  padding-left: 30px !important;
  overflow: hidden;
}
@media screen and (max-width: 991px) {
  .menu-links {
    font-size: 14px;
    display: none;
    max-width: 100%;
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  .menu-links {
    padding-right: 6%;
    padding-bottom: 4%;
    display: none;
    max-width: 100%;
    width: 100%;
  }
  .menu-links .menu-item {
    display: none;
  }
}
.menu_r19 .menu-links {
  overflow: visible;
}
.responsive-icon {
  display: none;
  color: white;
}
@media screen and (max-width: 600px) {
  .responsive-icon {
    padding: 12px 3.5% 0 3.5% !important;
    width: 60px;
    height: 60px;
    font-size: 24px !important;
    display: block;
    float: left;
    /*background-color: @dark-purple;*/
    text-align: center;
  }
  .responsive-icon a {
    color: inherit;
  }
}
@media screen and (max-width: 991px) {
  .responsive-icon {
    padding: 19px 3.5% 19px 3.5%;
    font-size: 30px;
    display: block;
    float: left;
    background-color: #4f185a;
    text-align: center;
  }
  .responsive-icon a {
    color: inherit;
  }
}
.menu-logo {
  width: 64px;
  /*height: 24px;*/
  float: left;
  display: flex;
  align-items: center;
  margin-left: 40px;
  padding: 21px 0px;
}
@media screen and (max-width: 1200px) {
  .menu-logo {
    margin-left: 0;
  }
}
.menu-icons {
  width: 11%;
  height: 80px;
  float: right;
  display: block;
  margin-right: 5px;
}
@media screen and (max-width: 991px) {
  .menu-icons {
    width: auto;
    height: 60px;
    position: absolute;
    right: 83px;
  }
}
@media screen and (max-width: 767px) {
  .menu-icons {
    top: 0px;
    right: 67px;
  }
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
  .menu-icons {
    width: 12%;
  }
}
.menu-icon-admin {
  width: 11%;
}
@media screen and (max-width: 991px) {
  .menu-icon-admin {
    width: 140px;
  }
}
@media screen and (max-width: 767px) {
  .menu-icon-admin {
    width: 115px;
  }
}
.menu-item {
  float: left;
  padding: 28px 15px 28px 15px;
}
@media (min-width: 992px) and (max-width: 1050px) {
  .menu-item {
    padding: 28px 8px 28px 8px;
    font-size: 15px;
  }
}
@media screen and (max-width: 991px) {
  .menu-item {
    padding-left: 7px;
    padding-right: 7px;
  }
}
@media screen and (max-width: 768px) {
  .menu-item {
    padding-left: 7px;
    padding-right: 7px;
  }
}
.menu-item a {
  padding: 3px 0px;
  /* paddings for selected item underlining */
  cursor: pointer;
  font-size: 15px;
}
.menu-item a:focus {
  color: inherit;
  text-decoration: none;
}
div#admin-menu-item:focus-within .menu-dropdown-content,
div.learn-menu-item-custom:focus-within .menu-dropdown-content {
  display: block;
}
.logo {
  margin: auto;
  width: 100%;
}
.profile-dropdown.avatar {
  padding: 7px 5px;
}
@media screen and (min-width: 601px) and (max-width: 767px) {
  .profile-dropdown.avatar {
    padding: 19px 5px;
  }
}
.avatar {
  float: left;
  max-width: 80px;
  padding: 7px 5px;
}
@media screen and (min-width: 601px) and (max-width: 767px) {
  .avatar {
    padding: 19px 5px;
  }
}
@media screen and (min-width: 813px) and (max-width: 1200px) {
  .avatar {
    padding: 5px 5px;
  }
}
.menu-card-profile-photo {
  cursor: pointer;
  width: 58px;
  height: 58px;
  position: relative;
  margin: 0 auto;
  border: 1px solid #cccccc;
  border-radius: 50%;
}
@media screen and (max-width: 767px) {
  .menu-card-profile-photo {
    width: 40px;
    height: 40px;
  }
}
.menu-card-profile-photo .menu-card-initials {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  border: 5px solid white;
  background-color: #4f185a;
  border-radius: 50%;
  text-align: center;
}
@media screen and (max-width: 767px) {
  
}
.menu-card-profile-photo .menu-card-initials span {
  color: white !important;
  font-size: 21px;
  line-height: 46px;
  font-weight: 500 !important;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .menu-card-profile-photo .menu-card-initials span {
    font-size: 16px;
    line-height: 30px;
  }
}
.menu-card-profile-photo .menu-card-photo {
  width: 100%;
  height: 100%;
}
.menu-card-profile-photo .menu-card-photo img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 5px solid white;
}
@media screen and (max-width: 991px) {
  .menu-card-profile-photo .menu-card-photo img {
    border: 4px solid white;
  }
}
.profile-active {
  width: 56px;
  height: 56px;
  border: 3px solid #df255f;
}
@media screen and (max-width: 767px) {
  .profile-active {
    width: 40px;
    height: 40px;
    border: 2px solid #df255f;
  }
}
.profile-active .menu-card-initials {
  border: 3px solid white;
}
@media screen and (max-width: 767px) {
  .profile-active .menu-card-initials {
    border: 2px solid white;
  }
}
@media screen and (max-width: 767px) {
  .profile-active .menu-card-initials span {
    font-size: 16px;
    line-height: 30px;
  }
}
.log-out {
  border-top: 1px solid #a68bac;
}
.profile-dropdown-opened {
  background: #4f185a;
}
.profile-dropdown-opened .menu-dropdown-content {
  display: block;
  /*border-top: 1px solid @light-purple;*/
  margin: 7px 0 0 -12px;
  /* @media (max-width:1300px) and (min-width:992px) {
            margin: 10px 0 0 -5px;
        }
           */

}
@media screen and (max-width: 991px) {
  .profile-dropdown-opened .menu-dropdown-content {
    display: none;
  }
}
.menu_r19 .menu-dropdown.ask-expert {
  position: relative;
}
.menu-dropdown {
  background-color: inherit;
  margin: 0;
  /*hovers for tablets*/

}
.menu-dropdown:hover .menu-dropdown-content {
  display: block;
  /*border-top: 1px solid @light-purple;*/

}
.menu_r19 .ask-expert .menu-dropdown-content {
  margin: 15px 0 0 0px;
  left: 0;
  right: 0;
}
.menu-dropdown-content {
  display: none;
  position: absolute;
  /*background-color: @dark-purple;*/
  min-width: 160px;
  margin: 15px 0 0 -5px;
  z-index: 10000;
}
.menu-dropdown-content a {
  float: none;
  color: white;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
  font-family: 'Noto Sans', serif;
}
.menu-sub-dropdown .menu-sub-dropdown-content {
  top: 0;
  left: 100%;
}
.menu-sub-dropdown:hover .menu-sub-dropdown-content {
  display: block;
  float: right;
  background: #291746;
  /*border: 1px solid @light-purple;*/

}
.menu-sub-dropdown:focus-within .menu-sub-dropdown-content {
  display: block;
  float: right;
  /*border: 1px solid @light-purple;*/

}
div#admin-menu-sub-dropdown .menu-sub-dropdown-content {
  top: 0;
  left: 100%;
}
div#admin-menu-sub-dropdown:focus-within .menu-sub-dropdown-content {
  display: block;
  float: right;
  /*border: 1px solid @light-purple;*/

}
.menu-sub-dropdown.pull-left {
  float: none;
}
.menu-sub-dropdown.pull-left .menu-sub-dropdown-content {
  left: -220px;
  margin-left: 10px;
}
.menu-sub-dropdown-content {
  display: none;
  position: absolute;
  /*background-color: @dark-purple;*/
  min-width: 160px;
  z-index: 10000;
}
.menu-sub-dropdown-content a {
  float: none;
  color: white;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}
.menu-sub-dropdown-content a:hover {
  background-color: #df255f;
}
.menu-sub-dropdown-content a:focus {
  background-color: #df255f;
}
@media screen and (max-width: 991px) {
  .menu-links.responsive {
    display: block;
    position: relative;
    height: auto;
    /*background-color: @medium-purple;*/
    color: white;
    margin-top: -2px;
  }
  .menu-links.responsive .menu-item {
    display: block;
    padding: 15px 5px 15px 5px;
    font-size: 14px;
    width: 100%;
    float: left;
  }
  .menu-links.responsive .menu-item .menu-dropdown-content {
    margin: 15px 0px 0 -5px;
  }
  .menu-links.responsive .menu-item .menu-sub-dropdown-content,
  .menu-links.responsive .menu-item .menu-dropdown-content {
    position: inherit;
  }
  .menu-links.responsive .menu-item .menu-sub-dropdown-content a,
  .menu-links.responsive .menu-item .menu-dropdown-content a {
    width: 100% !important;
    border-color: transparent !important;
    border-width: 0;
  }
  .menu-links.responsive .menu-dropdown.learn-menu {
    padding-right: 0;
  }
  .menu-links.responsive .menu-dropdown.learn-menu > a {
    padding: 3px 5px;
  }
}
@media screen and (max-width: 600px) {
  .menu-links.responsive {
    margin-top: 0px;
  }
}
.r19-modal {
  display: none;
  position: fixed;
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.r19-modal .modal-dialog {
  width: auto;
}
@media (min-width: 768px) {
  .r19-modal .modal-dialog {
    margin: 0 auto;
  }
}
.r19-modal .modal-content {
  background-color: rgba(26, 26, 26, 0);
  box-shadow: none;
}
@media (max-width: 768px) and (min-width: 320px) {
  .r19-modal .modal-dialog {
    top: 0px;
  }
}
.margin-bottom-0 {
  margin-bottom: 0 !important;
  margin-top: 0 !important;
}
.ella-modal-content {
  width: 550px;
  border-radius: 10px;
}
@media screen and (max-width: 600px) {
  .ella-modal-content {
    width: 100%;
  }
}
.ella-modal-content .load-indicator {
  display: none;
}
.ella-modal-content .load-indicator:last-child {
  display: block;
  padding: 5px;
}
.ella-unread-badge {
  background-color: #e54054;
  border-radius: 100px;
  box-shadow: 0 0 0 1px #cf2615;
  color: white;
  padding: 0 6px;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  width: 18px;
  z-index: 1000;
  vertical-align: top;
  position: absolute;
  top: 3px;
}
.consultant-modal-box {
  max-width: 1000px;
  margin: auto;
}
@media screen and (max-width: 768px) {
  .consultant-modal-box .consultant-modal-content {
    width: 750px;
  }
}
.consultant-modal-box-minified {
  max-width: 500px;
  margin: auto;
}
.consultant-modal-content {
  margin: auto;
  box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.35);
  background-color: white;
  height: 750px;
  object-fit: contain;
  font-size: 14px;
}
@media screen and (max-width: 600px) {
  .consultant-modal-content {
    width: 100%;
  }
}
.consultant-modal-content #map {
  float: right;
  margin: auto;
  width: 100%;
  height: 750px;
}
.r19-modal-close-button {
  width: 100%;
  padding: 1%;
  text-align: right;
}
.r19-modal-opened {
  display: block;
}
/* -------------------  Chatbot Custom CSS ----------------------*/

.chatbot-avatar-position {
  position: fixed;
  right: 16px;
}
/*menu for chatbot*/

.chatbot-icon {
  height: 80px;
  float: right;
  display: block;
  position: absolute;
  top: 0;
  right: 17px;
  z-index: 1000;
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  .chatbot-icon {
    right: 0;
  }
}
@media screen and (max-width: 767px) {
  .chatbot-icon {
    top: 0px;
  }
}
.chatbot-model {
  position: fixed !important;
  z-index: 9999;
  top: 0;
}
#chatbotcontrol {
  max-height: 515px;
  height: 100%;
  flex: auto;
  position: relative;
  padding: 0;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  background: white;
  transition: padding-top 0.5s;
  border-radius: 0;
}
#chatbotHeader > h2 {
  background-color: #f0f0f0 !important;
  color: #46acb9 !important;
  z-index: 10;
  height: 44px;
  line-height: 32px;
  padding: 6px 15px;
  position: relative;
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
  box-sizing: content-box;
  text-align: center;
}
.intro-pane {
  background-color: #f8f9fa;
  padding: 18px 0px;
  border-bottom: 1px solid #e6e6e6;
  min-height: 90px;
  -webkit-transform: translateZ(0);
}
.intro-pane .app-name,
.intro-pane .intro-text {
  margin-left: 68px;
}
.intro-pane .app-name {
  color: #46acb9 !important;
  font-size: 18px;
  font-weight: 700;
}
.intro-pane .app-icon-chatbot {
  float: left;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  margin-left: 13px;
}
.intro-pane .intro-text {
  color: #787f8c;
  font-size: 13px;
  line-height: 1.3;
  margin-top: 8px;
}
.conversation-timestamp-header {
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 12px;
  color: #b2b2b2;
  margin-top: 25px;
  margin-bottom: 15px;
}
@media screen and (min-width: 550px) {
  #chatbotHeader {
    height: 80%;
    width: 550px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 550px) {
  #chatbotHeader {
    width: 100%;
    height: 80%;
  }
}
.css-120um36 ul li:first-child:nth-last-child(1) {
  margin-left: auto;
}
.css-1abghdv {
  background-color: white;
  font-weight: 600;
  -webkit-appearance: none;
  border-color: #e6e6e6;
  border-radius: 1px;
  border-style: solid;
  border-width: 1px;
  padding: 10px;
}
/* -------------------  Chatbot Custom CSS ----------------------*/

.initiative-search-div {
  position: relative;
  padding: 16px 0px 16px 13px;
  display: inline-block;
}
.initiative-search-div input {
  height: 40px;
  border: 2px solid #e4d6e6;
  width: 230px;
  color: #72467b;
  border-radius: 8px;
}
.initiative-search-div .fa-search {
  position: absolute;
  cursor: pointer;
  top: 32px;
  right: 12px;
}
@media (min-width: 992px) and (max-width: 1050px) {
  .initiative-search-div .fa-search {
    right: 7px;
  }
}
@media screen and (max-width: 600px) {
  .initiative-search-div {
    padding: 25px 5px 5px 5px;
  }
}
@media screen and (max-width: 991px) {
  .initiative-search-div {
    padding: 20px 7px;
  }
}
@media (min-width: 992px) and (max-width: 1050px) {
  .menu_r19 .initiative-search-div input {
    width: 163px;
  }
}
@media screen and (min-width: 1051px) and (max-width: 1200px) {
  .menu_r19 .initiative-search-div input {
    width: 195px;
  }
}
@media screen and (min-width: 992px) and (max-width: 1024px) {
  .initiative-search-div {
    position: absolute;
    padding: 23px 0 23px 8px;
  }
}
input.initiative-searh-input::-webkit-input-placeholder {
  font-weight: bold;
  color: #cccccc;
  font-style: italic;
  font-size: 13px;
  padding-left: 5px;
}
input.initiative-searh-input::-moz-placeholder {
  /* Firefox 19+ */
  font-weight: bold;
  color: #cccccc;
  font-style: italic;
  font-size: 13px;
  padding-left: 5px;
}
input.initiative-searh-input:-ms-input-placeholder {
  /* IE 10+ */
  font-weight: bold;
  color: #cccccc;
  font-style: italic;
  font-size: 12px;
  padding-left: 5px;
}
input.initiative-searh-input:-moz-placeholder {
  /* Firefox 18- */
  font-weight: bold;
  color: #cccccc;
  font-style: italic;
  font-size: 13px;
  padding-left: 5px;
}
/* Portrait and Landscape */

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {
  input.initiative-searh-input::-webkit-input-placeholder {
    padding-top: 4px;
  }
}
/* Portrait and Landscape */

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
  input.initiative-searh-input::-webkit-input-placeholder {
    padding-top: 4px;
  }
}
/* Portrait and Landscape */

@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) {
  input.initiative-searh-input::-webkit-input-placeholder {
    padding-top: 4px;
  }
}
.linkDisabled {
  cursor: not-allowed;
  pointer-events: none;
  color: #cec0d0;
}
.linkEnabled {
  color: #72467b;
}
input.initiative-searh-input::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}
.notification-menu {
  position: relative;
}
.notification-menu img {
  position: absolute;
  top: -3px;
  right: -15px;
  width: 28px;
  z-index: 999;
}
.profile-dropdown:focus .menu-dropdown-content {
  display: block;
  margin-top: 0;
  right: 0;
}
.menu-action-hover {
  background-color: #e23369;
}
.profile-dropdown:focus {
  background: #4f185a;
  position: relative;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 900px) and (-webkit-min-device-pixel-ratio: 2) {
  .notification-menu img {
    position: absolute;
    top: -6px;
    right: -16px;
    width: 24px;
  }
}
/*hack for IE only*/

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .menu-logo > a.logo > .img-responsive {
    width: 100%;
  }
}
.profile-dropdown.marginLeft {
  margin-left: 0;
}
.marginLeft {
  margin-left: 85px;
}
@media (min-width: 320px) and (max-width: 780px) {
  .menu-sub-dropdown a {
    display: inline-block !important;
    /* float: left !important; */
    width: auto !important;
  }
  .menu-dropdown-content .menu-sub-dropdown a {
    width: auto !important;
  }
  .menu-red2.menu .menu-sub-dropdown .menu-sub-dropdown-content {
    left: 0 !important;
  }
  .menu-red2.menu .has-submenu .menu-sub-dropdown .topnav-toggle {
    position: relative !important;
  }
}
@media (min-width: 320px) and (max-width: 960px) {
  .menu-red2.menu .menu-links.responsive {
    max-height: 100vh;
    overflow-y: auto;
    padding-bottom: 5rem;
  }
}
.todo-profile-photo {
  width: 40px;
  height: 40px;
  position: relative;
  margin: 0px auto;
  border-radius: 50%;
}
.todo-profile-initials {
  display: table;
  background-color: #4f185a;
  text-align: center;
  width: 43px;
  height: 43px;
  position: relative;
  margin: 0px auto;
  border: 1px solid #cccccc;
  border-radius: 50%;
  color: white;
}
.profile-initials {
  display: table-cell;
  vertical-align: middle;
  font-size: 20px;
}
.left-padding5 {
  padding-left: 5px;
}
.menu_r19 a:focus,
.menu_r19 a:hover {
  text-decoration: none;
}
.cookie-banner-btn:focus-visible {
  outline: -webkit-focus-ring-color auto 5px;
  outline-offset: 1px;
  text-decoration: none;
}
a.chatbot-avatar-position:focus {
  outline-offset: -4px !important;
  outline: rgba(26, 26, 26, 0.96) solid 2px;
}
div#admin-menu-item a:focus,
div#my-career-menu:focus,
div.my-career-menu-custom:focus {
  outline: white solid 2px !important;
}
a a:active {
  outline: none;
}
a:focus {
  outline: none;
}
a:focus-visible:not(:active) {
  outline: 4px solid #ff5858 !important;
  border-radius: 2px;
  outline-offset: 0px;
}
a:active {
  outline: none;
}
@-moz-document url-prefix() {
  a:focus {
    outline: none;
  }
  
  a:focus-visible {
    outline: 4px solid #ff5858 !important;
    border-radius: 2px;
    outline-offset: 0px;
  }
  
  .flex-control-paging li a:focus-visible {
    outline: 4px solid #ff5858 !important;
    border-radius: 2px;
    outline-offset: 0px;
  }
}
@media (min-width: 1200px) and (max-width: 1300px) {
  .chatbot-avatar-position {
    right: 5px;
  }
  .menu-icons {
    width: 12%;
  }
  .menu-icon-admin {
    width: 12%;
  }
  .avatar {
    padding: 7px 5px;
  }
  .initiative-search-div input {
    width: 195px;
  }
}
#ellaModal.r19-modal {
  background-color: rgba(26, 26, 26, 0.96);
}
@media screen and (min-width: 1101px) and (max-width: 1250px) {
  .menu-custom-header .menu-links {
    padding-left: 15px !important;
  }
  .menu-custom-header .menu-links .menu-item {
    padding: 28px 5px 28px 5px;
    float: left;
  }
  .menu-custom-header .menu-links .menu-item a {
    font-size: 13px;
  }
  .menu-custom-header .menu-links #my-career-menu .menu-item a.menu-item,
  .menu-custom-header .menu-links .my-career-menu-custom .menu-item a.menu-item {
    padding: 15px 5px;
  }
}
@media screen and (min-width: 992px) and (max-width: 1100px) {
  .menu-custom-header .menu-links {
    display: none;
  }
  .menu-custom-header .menu-links.responsive {
    display: block;
    position: relative;
    height: auto;
    background-color: #72467b;
    color: white;
    margin-top: -2px;
    max-width: 100%;
    width: 100%;
    font-size: 14px;
  }
  .menu-custom-header .menu-links.responsive .menu-item {
    display: block;
    padding: 15px 5px 15px 5px !important;
    width: 100%;
    float: left;
  }
  .menu-custom-header .menu-links.responsive .menu-item a {
    font-size: 14px;
  }
  .menu-custom-header .menu-links.responsive .initiative-search-div {
    position: relative !important;
  }
  .menu-custom-header .responsive-icon {
    display: block;
    font-size: 30px;
    padding: 19px 3.5% 19px 3.5% !important;
    float: left;
    /*background-color: @dark-purple;*/
    text-align: center;
  }
  .menu-custom-header .responsive-icon a {
    color: inherit;
  }
  .menu-custom-header .menu-icons {
    width: auto;
    height: 60px;
    position: absolute;
    right: 83px;
  }
  .menu-custom-header .menu-icons .profile-dropdown.avatar.profile-dropdown-opened .menu-dropdown-content {
    display: none;
  }
}
/*@media(min-width:1101px) {
.menu-item:hover .menu-dropdown-content, .menu-item:focus-within .menu-dropdown-content{display:block !important}

}*/

@media (max-width: 1100px) {
  .menu-dropdown-content.learn-menu {
    width: auto;
    position: relative !important;
  }
  .menu #my-career-menu .menu-dropdown-content,
  .menu .my-career-menu-custom .menu-dropdown-content {
    margin-top: 15px;
    position: relative;
    margin-left: -5px;
    width: auto;
    padding-left: 0px;
    margin-right: -5px;
  }
  .menu #my-career-menu .menu-dropdown-content a.menu-item,
  .menu .my-career-menu-custom .menu-dropdown-content a.menu-item {
    padding: 12px 15px !important;
    float: none;
  }
  .menu-links.responsive {
    padding-top: 10px;
  }
}
@media (max-width: 991px) {
  .menu-links.responsive {
    padding-right: 6%;
    padding-bottom: 5rem;
  }
}
@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance:none) {
    .menu .menu-item a:focus {
      outline: 2px solid;
      outline-offset: 2px;
    }
  }
}
@media (min-width: 1101px) {
  .mobile-menu-custom {
    display: none;
  }
}
.profile-dropdown.avatar.consultant-icon-hidden {
  margin-left: 67px;
}
.sidenav {
  height: 100%;
  width: 241px;
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  transition: 0.5s;
  background-color: #291746;
}
@media screen and (max-width: 1024px) {
  .sidenav {
    display: none;
  }
}
.sidenav .left-menu-logo {
  margin-left: 32px;
  margin-right: 8px;
  padding: 16px 0;
  margin-bottom: 16px;
}
.sidenav .all-navigation-with-logout {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: calc(100vh);
  /* Handle (the part you drag) */

}
.sidenav .all-navigation-with-logout .menu-section-scroll {
  height: calc(64vh);
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  scroll-behavior: smooth;
  margin-right: 6px;
}
@media screen and (min-width: 1422px) and (max-width: 1600px) {
  .sidenav .all-navigation-with-logout .menu-section-scroll {
    height: calc(68vh);
  }
}
@media screen and (min-width: 1163px) and (max-width: 1420px) {
  .sidenav .all-navigation-with-logout .menu-section-scroll {
    height: calc(63vh);
  }
}
.sidenav .all-navigation-with-logout .menu-section-scroll::-webkit-scrollbar {
  width: 6px;
  /* Set specific scrollbar width */

}
.sidenav .all-navigation-with-logout .menu-section-scroll::-webkit-scrollbar-track {
  background: #291746;
  border-radius: 10px;
}
.sidenav .all-navigation-with-logout .menu-section-scroll::-webkit-scrollbar-thumb {
  background: #eee6ec;
  border-radius: 10px;
}
.sidenav .all-navigation-with-logout .logout-btn-box {
  width: 100%;
}
.sidenav .all-navigation-with-logout a {
  text-decoration: none;
  display: block;
  transition: 0.3s;
  font-size: 14px;
  color: white;
  font-weight: 500;
  font-family: 'Noto Sans', sans-serif;
  line-height: 16px;
  padding: 18px 18px 18px 30px;
  cursor: pointer;
  background: #291746;
}
.sidenav .all-navigation-with-logout a.menu-active {
  background: #392953;
}
.sidenav .all-navigation-with-logout a.menu-item-selection {
  position: relative;
  background: #392953;
}
.sidenav .all-navigation-with-logout a.menu-item-selection::before {
  position: absolute;
  content: '';
  left: 0px;
  top: 0px;
  width: 5px;
  height: 52px;
  background: #ff5858;
  border-radius: 0 8px 8px 0;
}
.sidenav .all-navigation-with-logout a:focus-visible:not(:active) {
  outline: 4px solid #ff5858;
  border-radius: 8px;
  outline-offset: -4px;
}
.sidenav .all-navigation-with-logout a:hover {
  background: #392953;
}
.sidenav .all-navigation-with-logout span.menu-active-border-left {
  position: relative;
}
.sidenav .all-navigation-with-logout span.menu-active-border-left::before {
  position: absolute;
  content: '';
  left: 0px;
  top: 0px;
  width: 5px;
  height: 52px;
  background: #ff5858;
  border-radius: 0 8px 8px 0;
}
.sidenav .all-navigation-with-logout span.left-menu-nav {
  position: relative;
  display: flex;
  align-items: center;
}
.sidenav .all-navigation-with-logout span.left-menu-nav::before {
  content: '';
  position: absolute;
  height: 20px;
  width: 20px;
}
.sidenav .all-navigation-with-logout span.left-menu-nav .left-menu-nav-text {
  padding-left: 30px;
}
.sidenav .all-navigation-with-logout span.left-menu-nav.home-nav::before {
  background: url(/Content/Images/icons/Navigation/home.svg) no-repeat;
}
.sidenav .all-navigation-with-logout span.left-menu-nav.job-nav::before {
  background: url(/Content/Images/icons/Navigation/job.svg) no-repeat;
}
.sidenav .all-navigation-with-logout span.left-menu-nav.resume-nav::before {
  background: url(/Content/Images/icons/Navigation/feed.svg) no-repeat;
}
.sidenav .all-navigation-with-logout span.left-menu-nav.roadmap-nav::before {
  background: url(/Content/Images/icons/Navigation/add_road.svg) no-repeat;
}
.sidenav .all-navigation-with-logout span.left-menu-nav.content-nav::before {
  background: url(/Content/Images/icons/Navigation/local_library.svg) no-repeat;
}
.sidenav .all-navigation-with-logout span.left-menu-nav.live-events-nav::before {
  background: url(/Content/Images/icons/Navigation/event.svg) no-repeat;
}
.sidenav .all-navigation-with-logout span.left-menu-nav.coaching-nav::before {
  background: url(/Content/Images/icons/Navigation/people.svg) no-repeat;
}
.sidenav .all-navigation-with-logout span.left-menu-nav.networking-nav::before {
  background: url(/Content/Images/icons/Navigation/networking.svg) no-repeat;
}
.sidenav .all-navigation-with-logout span.left-menu-nav.live-help-nav::before {
  background: url(/Content/Images/help/live-help-menu.svg) no-repeat;
}
.sidenav .all-navigation-with-logout span.left-menu-nav.logout-nav::before {
  background: url(/Content/Images/icons/Navigation/desktop-left-menu-logout.svg) no-repeat;
}
.sidenav .all-navigation-with-logout span.left-menu-nav.help-nav::before {
  background: url(/Content/Images/icons/Navigation/desktop-left-menu-help.svg) no-repeat;
}
.left-menu-custom-header {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  padding: 16px 32px 16px 0;
  background: white;
  border-bottom: 1px solid #e5e4ec;
}
@media screen and (max-width: 1024px) {
  .left-menu-custom-header {
    display: none;
  }
}
.left-menu-custom-header .left-menu-initiative-search-div {
  position: relative;
  display: inline-block;
  width: 200px;
  border-radius: 8px;
}
.left-menu-custom-header .left-menu-initiative-search-div input[type="text"] {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
  background: #f7f7fa;
  border-color: #f7f7fa;
  color: #1c304b;
}
.left-menu-custom-header .left-menu-initiative-search-div input[type="text"].left-menu-initiative-search-input {
  padding: 8px 8px 8px 40px;
}
.left-menu-custom-header .left-menu-initiative-search-div input[type="text"].left-menu-initiative-search-input:focus {
  border: 1px solid #aa0285;
}
.left-menu-custom-header .left-menu-initiative-search-div input[type="text"]::placeholder {
  color: #adadb5;
}
.left-menu-custom-header .left-menu-initiative-search-div .fa-search {
  position: absolute;
  top: 12px;
  left: 14px;
}
.left-menu-custom-header a.bookmark-box {
  display: block;
  margin: 0px 20px;
  width: 32px;
  height: 32px;
}
.left-menu-custom-header a.bookmark-box .saveicon {
  vertical-align: middle;
  justify-content: center;
  align-items: center;
  display: flex;
  width: 32px;
  height: 32px;
}
.left-menu-custom-header a.bookmark-box .saveicon::before {
  content: '';
  background-image: url(/Content/Images/icons/Navigation/bookmark.svg);
  width: 24px;
  height: 24px;
  display: inline-flex;
  padding-right: 24px;
  background-repeat: no-repeat;
}
.left-menu-custom-header a.bookmark-box .saveicon:focus-visible {
  outline: 4px solid #ff5858;
  border-radius: 2px;
  outline-offset: 0px;
}
.left-menu-custom-header a.bookmark-box .saveicon:hover {
  background: #f8f8f9;
  border-radius: 4px;
}
.left-menu-custom-header .profilesection {
  display: flex;
  vertical-align: middle !important;
  border-left: 1px solid #ebebee;
  padding: 0 20px;
}
.left-menu-custom-header .profilesection a {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  color: #1c304b;
}
.left-menu-custom-header .profilesection a:hover {
  text-decoration: none;
  color: #1c304b;
}
.left-menu-custom-header .profilesection a .avtar-box {
  width: 32px;
}
.left-menu-custom-header .profilesection a .avtar-box .avtar-icon {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.left-menu-custom-header .profilesection a .avtar-box .avtar-icon-border {
  color: #1c304b;
  background: #ebebee;
  font-weight: 600;
}
.left-menu-custom-header .profilesection a .userprofiledetail {
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: left;
  gap: 4px;
  margin-left: 12px;
}
.left-menu-custom-header .profilesection a .userprofiledetail .usernametxt {
  color: #1c304b;
  margin-bottom: 0;
}
.left-menu-custom-header .profilesection a .userprofiledetail .userprofiletxt {
  margin-bottom: 0;
  font-size: 12px;
  color: #5c6573;
  font-weight: 400;
}
.left-menu-custom-header .profilesection a span.desktop-dropdown {
  position: relative;
}
.left-menu-custom-header .profilesection a span.desktop-dropdown::before {
  position: absolute;
  content: "";
  background-image: url(/Content/Images/icons/Navigation/left-desktop-arrow-drop-down.svg);
  background-repeat: no-repeat;
  top: -11px;
  left: -5px;
  width: 24px;
  height: 24px;
}
.left-menu-custom-header .profilesection.profile-menu-drowdown-opened .profile-menu-container {
  display: block;
}
.left-menu-custom-header .profilesection .profile-menu-container {
  display: none;
  width: 204px;
  background: white;
  height: auto;
  border: 1px solid #ebebee;
  border-radius: 8px;
  position: absolute;
  top: 64px;
  right: 16px;
  z-index: 100;
  box-shadow: 0px 2px 12px 0px rgba(41, 23, 70, 0.1);
}
@media screen and (max-width: 767px) {
  .left-menu-custom-header .profilesection .profile-menu-container {
    top: 78px;
  }
}
.left-menu-custom-header .profilesection .profile-menu-container .profile-menu {
  height: auto;
  padding: 12px 0;
  border-bottom: 1px solid #ebebee;
}
.left-menu-custom-header .profilesection .profile-menu-container .profile-menu a {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
  padding: 0 16px 0 16px;
  text-decoration: none;
  color: #1c304b;
  display: flex;
}
.left-menu-custom-header .profilesection .profile-menu-container .profile-menu a:hover {
  text-decoration: underline;
}
.left-menu-custom-header .profilesection .profile-menu-container .profile-menu span.left-menu-profile-nav {
  position: relative;
  display: flex;
  align-items: center;
}
.left-menu-custom-header .profilesection .profile-menu-container .profile-menu span.left-menu-profile-nav::before {
  content: '';
  position: absolute;
  height: 16px;
  width: 16px;
}
.left-menu-custom-header .profilesection .profile-menu-container .profile-menu span.left-menu-profile-nav .left-menu-profile-nav-text {
  padding-left: 24px;
}
.left-menu-custom-header .profilesection .profile-menu-container .profile-menu span.left-menu-profile-nav.profile-about-nav::before {
  background: url(/Content/Images/icons/Navigation/account-circle.svg) no-repeat;
}
.left-menu-custom-header .profilesection .profile-menu-container .profile-menu span.left-menu-profile-nav.profile-documents-nav::before {
  background: url(/Content/Images/icons/Navigation/topic.svg) no-repeat;
}
.left-menu-custom-header .profilesection .profile-menu-container .profile-menu span.left-menu-profile-nav.profile-mentor-nav::before {
  background: url(/Content/Images/icons/Navigation/mentor-icon.svg) no-repeat;
  background-position: center;
  height: 20px;
}
.left-menu-custom-header .profilesection .profile-menu-container .profile-menu span.left-menu-profile-nav.profile-setting-nav::before {
  background: url(/Content/Images/icons/Navigation/settings.svg) no-repeat;
}
.left-menu-custom-header .profilesection .profile-menu-container .profile-menu:last-child {
  border-bottom: none;
}
.left-menu-custom-header .profilesection .profile-menu-container .profile-menu:hover {
  background: #f8f8f9;
}
.left-menu-custom-header .notificationsection {
  display: flex;
  vertical-align: middle !important;
  padding-left: 20px;
}
.left-menu-custom-header .notificationsection a {
  position: relative;
}
.left-menu-custom-header .notificationsection .notification-number {
  position: absolute;
  text-align: center;
  top: -1px;
  left: 16px;
  min-width: 18px;
  height: 18px;
  border-radius: 40px;
  border: 1px solid white;
  background-color: #aa0285;
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  font-family: 'Noto Sans', sans-serif;
  color: white;
  padding: 0px 6px 1px 6px;
  word-break: keep-all;
}
.left-menu-custom-header .notificationsection.notification-menu-drowdown-opened .notification-menu-container {
  display: block;
}
.left-menu-custom-header .notificationsection .notification-menu-container {
  display: none;
  width: 444px;
  background: white;
  height: auto;
  border: 1px solid #ebebee;
  border-radius: 8px;
  position: absolute;
  top: 78px;
  right: 48px;
  z-index: 100;
  box-shadow: 0px 2px 12px 0px rgba(41, 23, 70, 0.1);
}
@media screen and (max-width: 767px) {
  .left-menu-custom-header .notificationsection .notification-menu-container {
    top: 78px;
  }
}
.left-menu-custom-header .notificationsection .notification-menu-container .notification-menu-popup {
  height: auto;
  word-break: break-word;
}
.left-menu-custom-header .notificationsection .notification-menu-container .notification-menu-popup .notifications-menu-header {
  background-color: white;
  padding: 20px 24px;
  border-radius: 8px;
}
.left-menu-custom-header .notificationsection .notification-menu-container .notification-menu-popup .notifications-menu-header .notifications-menu-title {
  font-family: Noto Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
  text-align: left;
  margin-bottom: 12px;
}
.left-menu-custom-header .notificationsection .notification-menu-container .notification-menu-popup .notifications-menu-header .notifications-menu-subheader {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
}
.left-menu-custom-header .notificationsection .notification-menu-container .notification-menu-popup .notifications-menu-header .notifications-menu-subheader .notifications-menu-buttons-outer {
  flex: 6;
}
.left-menu-custom-header .notificationsection .notification-menu-container .notification-menu-popup .notifications-menu-header .notifications-menu-subheader .notifications-menu-buttons {
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 4px;
  border-radius: 8px;
  border: 1px solid #ebebee;
}
.left-menu-custom-header .notificationsection .notification-menu-container .notification-menu-popup .notifications-menu-header .notifications-menu-subheader .notifications-menu-buttons .notifications-menu-button {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  font-family: 'Noto Sans', sans-serif;
  color: #1c304b;
  padding: 4px 16px;
}
.left-menu-custom-header .notificationsection .notification-menu-container .notification-menu-popup .notifications-menu-header .notifications-menu-subheader .notifications-menu-buttons .notifications-menu-button:focus-visible:not(:active) {
  outline: 4px solid #ff5858 !important;
  border-radius: 2px;
  outline-offset: 0px;
}
.left-menu-custom-header .notificationsection .notification-menu-container .notification-menu-popup .notifications-menu-header .notifications-menu-subheader .notifications-menu-buttons .notifications-menu-button.notifi-btn-selected {
  background-color: #e4d8f4;
  border-radius: 8px;
}
.left-menu-custom-header .notificationsection .notification-menu-container .notification-menu-popup .notifications-menu-header .notifications-menu-subheader .notifications-menu-buttons .notifications-btn-all {
  min-width: 50px;
}
.left-menu-custom-header .notificationsection .notification-menu-container .notification-menu-popup .notifications-menu-header .notifications-menu-subheader .notifications-menu-buttons .notifications-btn-unread {
  min-width: 83px;
}
.left-menu-custom-header .notificationsection .notification-menu-container .notification-menu-popup .notifications-menu-header .notifications-menu-subheader .notifications-menu-mark-all-as-read {
  text-align: right;
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  text-transform: uppercase;
  color: #aa0285;
  font-family: 'Noto Sans', sans-serif;
}
.left-menu-custom-header .notificationsection .notification-menu-container .notification-menu-popup .notifications-menu-header .notifications-menu-subheader .notifications-menu-mark-all-as-read:hover {
  color: #aa0285;
}
.left-menu-custom-header .notificationsection .notification-menu-container .notification-menu-popup .notifications-menu-header .notifications-menu-subheader .notifications-menu-mark-all-as-read:active,
.left-menu-custom-header .notificationsection .notification-menu-container .notification-menu-popup .notifications-menu-header .notifications-menu-subheader .notifications-menu-mark-all-as-read:focus {
  color: #7a005f;
  text-decoration: none;
}
.left-menu-custom-header .notificationsection .notification-menu-container .notification-menu-popup .notifications-menu-header .notifications-menu-subheader .notifications-menu-mark-all-as-read:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: 0px !important;
  color: #aa0285;
  border-radius: 4px;
}
.left-menu-custom-header .notificationsection .notification-menu-container .notification-menu-popup .notifications-menu-header .notifications-menu-subheader .notifications-menu-mark-all-as-read:hover {
  color: #aa0285;
}
.left-menu-custom-header .notificationsection .notification-menu-container .notification-menu-popup .notifications-menu-header .notifications-menu-subheader .notifications-menu-mark-all-as-read:active,
.left-menu-custom-header .notificationsection .notification-menu-container .notification-menu-popup .notifications-menu-header .notifications-menu-subheader .notifications-menu-mark-all-as-read:focus {
  color: #7a005f;
  text-decoration: none;
}
.left-menu-custom-header .notificationsection .notification-menu-container .notification-menu-popup .notifications-menu-header .notifications-menu-subheader .notifications-menu-mark-all-as-read:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: 0px !important;
  color: #aa0285;
  border-radius: 4px;
}
.left-menu-custom-header .notificationsection .notification-menu-container .notification-menu-popup .notifications-menu-body .notification-popup-section {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px;
  background-color: white;
  gap: 16px;
}
.left-menu-custom-header .notificationsection .notification-menu-container .notification-menu-popup .notifications-menu-body .notification-popup-section.unreaded-notification {
  background-color: #f7f3fc;
}
.left-menu-custom-header .notificationsection .notification-menu-container .notification-menu-popup .notifications-menu-body .notification-popup-section.unreaded-notification .notification-popup-section-left .notification-type-icon {
  background-color: white;
}
.left-menu-custom-header .notificationsection .notification-menu-container .notification-menu-popup .notifications-menu-body .notification-popup-section.unreaded-notification .notification-popup-section-middle .notification-popup-section-title .notification-popup-section-title-text {
  max-width: 300px;
}
.left-menu-custom-header .notificationsection .notification-menu-container .notification-menu-popup .notifications-menu-body .notification-popup-section.unreaded-notification .notification-popup-section-middle .notification-popup-section-title .notification-popup-section-title-text:hover {
  text-decoration: underline;
}
.left-menu-custom-header .notificationsection .notification-menu-container .notification-menu-popup .notifications-menu-body .notification-popup-section.unreaded-notification .notification-popup-section-middle .notification-popup-section-title .notification-popup-section-title-disc {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #aa0285;
  display: block;
  margin-top: 8px;
}
.left-menu-custom-header .notificationsection .notification-menu-container .notification-menu-popup .notifications-menu-body .notification-popup-section .notification-popup-section-one {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
}
.left-menu-custom-header .notificationsection .notification-menu-container .notification-menu-popup .notifications-menu-body .notification-popup-section .notification-popup-section-one:hover {
  text-decoration: none;
}
.left-menu-custom-header .notificationsection .notification-menu-container .notification-menu-popup .notifications-menu-body .notification-popup-section .notification-popup-section-one.not-link {
  cursor: default;
}
.left-menu-custom-header .notificationsection .notification-menu-container .notification-menu-popup .notifications-menu-body .notification-popup-section .notification-popup-section-one.not-link .notification-popup-section-middle .notification-popup-section-title .notification-popup-section-title-text:hover {
  text-decoration: none;
}
.left-menu-custom-header .notificationsection .notification-menu-container .notification-menu-popup .notifications-menu-body .notification-popup-section .notification-popup-section-left {
  width: 40px;
}
.left-menu-custom-header .notificationsection .notification-menu-container .notification-menu-popup .notifications-menu-body .notification-popup-section .notification-popup-section-left .notification-type-icon {
  position: relative;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #f8f8f9;
  border: 1px solid #ebebee;
  display: flex;
  justify-content: center;
  align-items: center;
}
.left-menu-custom-header .notificationsection .notification-menu-container .notification-menu-popup .notifications-menu-body .notification-popup-section .notification-popup-section-left .notification-type-icon img {
  width: 16px;
  height: 16px;
}
.left-menu-custom-header .notificationsection .notification-menu-container .notification-menu-popup .notifications-menu-body .notification-popup-section .notification-popup-section-middle .notification-popup-section-title {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  width: 316px;
}
.left-menu-custom-header .notificationsection .notification-menu-container .notification-menu-popup .notifications-menu-body .notification-popup-section .notification-popup-section-middle .notification-popup-section-title .notification-popup-section-title-text {
  font-family: Noto Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-width: 100%;
}
.left-menu-custom-header .notificationsection .notification-menu-container .notification-menu-popup .notifications-menu-body .notification-popup-section .notification-popup-section-middle .notification-popup-section-title .notification-popup-section-title-text:hover {
  text-decoration: underline;
}
.left-menu-custom-header .notificationsection .notification-menu-container .notification-menu-popup .notifications-menu-body .notification-popup-section .notification-popup-section-middle .notification-popup-section-title .notification-popup-section-title-disc {
  display: none;
}
.left-menu-custom-header .notificationsection .notification-menu-container .notification-menu-popup .notifications-menu-body .notification-popup-section .notification-popup-section-middle .notification-popup-section-description {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
  margin-top: 4px;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.left-menu-custom-header .notificationsection .notification-menu-container .notification-menu-popup .notifications-menu-body .notification-popup-section .notification-popup-section-middle .notification-popup-section-date {
  margin-top: 4px;
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  font-family: 'Noto Sans', sans-serif;
  color: #67707c;
}
.left-menu-custom-header .notificationsection .notification-menu-container .notification-menu-popup .notifications-menu-body .notification-popup-section .notification-popup-section-right {
  position: relative;
  width: 24px;
}
.left-menu-custom-header .notificationsection .notification-menu-container .notification-menu-popup .notifications-menu-body .notification-popup-section .notification-popup-section-right .notification-popup-section-right-link {
  position: relative;
  width: 24px;
  height: 24px;
  display: block;
}
.left-menu-custom-header .notificationsection .notification-menu-container .notification-menu-popup .notifications-menu-body .notification-popup-section .notification-popup-section-right .notification-popup-section-right-link::before {
  content: '';
  position: absolute;
  height: 24px;
  width: 24px;
  background: url(/Content/Images/notification/more_vert.svg) no-repeat;
}
.left-menu-custom-header .notificationsection .notification-menu-container .notification-menu-popup .notifications-menu-body .notification-popup-section .notification-popup-section-right .notification-popup-section-right-more-option {
  background-color: white;
  border-radius: 8px;
  position: absolute;
  top: 8px;
  right: 24px;
  min-width: 136px;
  width: max-content;
  max-width: 240px;
  display: block;
  min-height: 40px;
  box-shadow: 4px 8px 16px 0 rgba(28, 48, 75, 0.08);
}
.left-menu-custom-header .notificationsection .notification-menu-container .notification-menu-popup .notifications-menu-body .notification-popup-section .notification-popup-section-right .notification-popup-section-right-more-option .mark-as-read-clear {
  text-align: left;
  margin: 8px 16px;
  display: block;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
  color: #1c304b;
}
.left-menu-custom-header .notificationsection .notification-menu-container .notification-menu-popup .notifications-menu-body .notification-popup-section .notification-popup-section-right .notification-popup-section-right-more-option .mark-as-read-clear:focus-visible:not(:active) {
  outline: 4px solid #ff5858 !important;
  border-radius: 2px;
  outline-offset: 0px;
}
.left-menu-custom-header .notificationsection .notification-menu-container .notification-menu-popup .notifications-menu-body .notifications-empty {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 40px 16px;
}
.left-menu-custom-header .notificationsection .notification-menu-container .notification-menu-popup .notifications-menu-body .notifications-empty .notifications-empty-msg {
  word-break: break-word;
  text-align: center;
}
.left-menu-custom-header .notificationsection .notification-menu-container .notification-menu-popup .notifications-menu-body .notifications-empty .notifications-empty-msg .notifications-empty-msg-icon {
  text-align: center;
}
.left-menu-custom-header .notificationsection .notification-menu-container .notification-menu-popup .notifications-menu-body .notifications-empty .notifications-empty-msg .notifications-empty-msg-icon img {
  width: 24px;
  height: 24px;
}
.left-menu-custom-header .notificationsection .notification-menu-container .notification-menu-popup .notifications-menu-body .notifications-empty .notifications-empty-msg .notifications-empty-msg-title {
  font-family: Noto Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
  margin-top: 16px;
}
.left-menu-custom-header .notificationsection .notification-menu-container .notification-menu-popup .notifications-menu-body .notifications-empty .notifications-empty-msg .notifications-empty-msg-description {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
  margin-top: 4px;
  padding: 0px 40px;
}
@media (max-width: 768px) {
  .left-menu-custom-header .notificationsection .notification-menu-container .notification-menu-popup .notifications-menu-body .notifications-empty .notifications-empty-msg .notifications-empty-msg-description {
    padding: 0px;
  }
}
.left-menu-custom-header .notificationsection .notification-menu-container .notification-menu-popup .notifications-menu-footer {
  display: block;
  border-radius: 8px;
  background-color: #f8f8f9;
  padding: 12px 24px;
  text-align: center;
}
.left-menu-custom-header .notificationsection .notification-menu-container .notification-menu-popup .notifications-menu-footer a {
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  text-transform: uppercase;
  color: #aa0285;
  font-family: 'Noto Sans', sans-serif;
}
.left-menu-custom-header .notificationsection .notification-menu-container .notification-menu-popup .notifications-menu-footer a:hover {
  color: #aa0285;
}
.left-menu-custom-header .notificationsection .notification-menu-container .notification-menu-popup .notifications-menu-footer a:active,
.left-menu-custom-header .notificationsection .notification-menu-container .notification-menu-popup .notifications-menu-footer a:focus {
  color: #7a005f;
  text-decoration: none;
}
.left-menu-custom-header .notificationsection .notification-menu-container .notification-menu-popup .notifications-menu-footer a:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: 0px !important;
  color: #aa0285;
  border-radius: 4px;
}
.left-menu-custom-header .notificationsection .notification-menu-container .notification-menu-popup .notifications-menu-footer a:hover {
  color: #aa0285;
}
.left-menu-custom-header .notificationsection .notification-menu-container .notification-menu-popup .notifications-menu-footer a:active,
.left-menu-custom-header .notificationsection .notification-menu-container .notification-menu-popup .notifications-menu-footer a:focus {
  color: #7a005f;
  text-decoration: none;
}
.left-menu-custom-header .notificationsection .notification-menu-container .notification-menu-popup .notifications-menu-footer a:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: 0px !important;
  color: #aa0285;
  border-radius: 4px;
}
.left-menu-custom-header .left-custom-menu-item {
  margin-right: 20px;
  border-right: 1px solid #ebebee;
  padding: 0 20px 0 0;
}
.left-menu-custom-header .left-custom-menu-item a {
  color: #1c304b;
  text-decoration: none;
}
.left-menu-custom-header .left-custom-menu-item a.left-admin:before {
  display: inline-flex;
  position: relative;
  content: "";
  background-image: url(/Content/Images/icons/Navigation/admin_panel_settings.svg);
  background-repeat: no-repeat;
  top: 5px;
  left: -12px;
  width: 20px;
  height: 20px;
}
.left-menu-custom-header .left-custom-menu-item a.left-admin:after {
  display: inline-flex;
  position: relative;
  content: "";
  background-image: url(/Content/Images/icons/Navigation/arrow_drop_down.svg);
  background-repeat: no-repeat;
  top: 4px;
  left: 8px;
  width: 20px;
  height: 20px;
}
.left-menu-custom-header .left-custom-menu-item .menu-dropdown-content {
  background: white !important;
  width: 204px;
  margin-top: 0;
  border-radius: 8px;
  border: 1px solid #ebebee;
  box-shadow: 0px 2px 12px 0px rgba(41, 23, 70, 0.1);
}
.left-menu-custom-header .left-custom-menu-item .menu-dropdown-content .menu-sub-dropdown {
  border-bottom: 1px solid #ebebee;
}
.left-menu-custom-header .left-custom-menu-item .menu-dropdown-content .menu-sub-dropdown a {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
  text-decoration: none;
}
.left-menu-custom-header .left-custom-menu-item .menu-dropdown-content .menu-sub-dropdown a.admin-menu-sub-menu:after {
  display: inline-flex;
  position: relative;
  content: "";
  background-image: url(/Content/Images/icons/Navigation/arrow_right.svg);
  background-repeat: no-repeat;
  top: 0;
  right: -4px;
  width: 20px;
  height: 20px;
  float: right;
}
.left-menu-custom-header .left-custom-menu-item .menu-dropdown-content .menu-sub-dropdown:focus-within {
  background: #f8f8f9;
}
.left-menu-custom-header .left-custom-menu-item .menu-dropdown-content .menu-sub-dropdown:hover {
  background: #f8f8f9;
}
.left-menu-custom-header .left-custom-menu-item .menu-dropdown-content .menu-sub-dropdown .menu-sub-dropdown-content {
  background: white !important;
  border-radius: 8px;
  border: 1px solid #ebebee;
}
.left-menu-custom-header .left-custom-menu-item .menu-dropdown-content span a {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
  border-bottom: 1px solid #ebebee;
}
.left-menu-custom-header .left-custom-menu-item:hover .menu-dropdown-content {
  display: block;
}
.left-menu-custom-header .left-custom-menu-item:hover {
  background: none;
}
.left-menu-custom-header .left-custom-menu-item:hover a {
  background: none !important;
  border-color: #ebebee !important;
}
.left-menu-custom-header .left-custom-menu-item:hover a.left-admin:after {
  background-image: url(/Content/Images/icons/Navigation/arrow_drop_up.svg);
}
.left-menu-custom-header .left-custom-menu-item:focus-within {
  background: none;
}
.left-menu-custom-header .left-custom-menu-item:focus-within a {
  background: none !important;
  border-color: #ebebee !important;
}
.left-menu-custom-header .left-custom-menu-item:focus-within a.left-admin:after {
  background-image: url(/Content/Images/icons/Navigation/arrow_drop_up.svg);
}
.left-menu-mobile-header {
  display: none;
}
@media screen and (max-width: 1024px) {
  .left-menu-mobile-header {
    height: 72px;
    background: #291746;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 20px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
  }
}
.left-menu-mobile-header .header-logo-box {
  margin: 16px 0;
}
.left-menu-mobile-header .user-profile-section {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.left-menu-mobile-header .user-profile-section .profile-mobile-menu a.profile-avtar-menu {
  text-decoration: none;
  display: flex;
  align-items: center;
  color: white;
}
.left-menu-mobile-header .user-profile-section .profile-mobile-menu a.profile-avtar-menu:hover {
  text-decoration: none;
  color: white;
}
.left-menu-mobile-header .user-profile-section .profile-mobile-menu a.profile-avtar-menu .profile-avtar {
  width: 32px;
}
.left-menu-mobile-header .user-profile-section .profile-mobile-menu a.profile-avtar-menu .profile-avtar .avtar-img-icon {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.left-menu-mobile-header .user-profile-section .profile-mobile-menu a.profile-avtar-menu .profile-avtar .avtar-img-icon.avtar-icon-border {
  color: #1c304b;
  background: white;
}
.left-menu-mobile-header .user-profile-section .profile-mobile-menu a.profile-avtar-menu span.mobile-white-dropdown {
  position: relative;
}
.left-menu-mobile-header .user-profile-section .profile-mobile-menu a.profile-avtar-menu span.mobile-white-dropdown::before {
  position: absolute;
  content: "";
  background-image: url(/Content/Images/icons/Navigation/left-arrow-drop-down.svg);
  background-repeat: no-repeat;
  top: -11px;
  left: 0;
  width: 24px;
  height: 24px;
}
.left-menu-mobile-header .user-profile-section .profile-mobile-menu.profile-menu-drowdown-opened .profile-menu-container {
  display: block;
}
.left-menu-mobile-header .user-profile-section .notification-mobile-menu {
  margin-right: 16px;
  height: 32px;
  border-right: 1px solid white;
  padding-right: 16px;
}
.left-menu-mobile-header .user-profile-section .notification-mobile-menu a {
  position: relative;
}
.left-menu-mobile-header .user-profile-section .notification-mobile-menu .notification-number {
  text-align: center;
  position: absolute;
  top: -2px;
  left: 14px;
  min-width: 18px;
  height: 18px;
  border-radius: 40px;
  border: 1px solid #291746;
  background-color: #aa0285;
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  font-family: 'Noto Sans', sans-serif;
  color: white;
  padding: 0px 6px 1px 6px;
  word-break: keep-all;
}
.left-menu-mobile-header .user-profile-section a.hamburger-menu-mobile {
  display: flex;
  align-items: center;
}
.left-menu-mobile-header .user-profile-section .mobile-menu-show {
  margin-left: 30px;
}
.left-menu-mobile-header .user-profile-section.hide-avtar-hamburger {
  display: none;
}
.left-menu-mobile-header .menu-show-close {
  position: relative;
}
.left-menu-mobile-header .menu-show-close::before {
  position: absolute;
  content: "";
  background-image: url(/Content/Images/icons/Navigation/close-menu-show.svg);
  background-repeat: no-repeat;
  top: -11px;
  right: 0;
  width: 24px;
  height: 24px;
}
.notification-mobile-menu-container {
  display: none;
  min-width: 344px;
  max-width: 767px;
  width: 100%;
  min-height: calc(100vh);
  background: white;
  position: fixed;
  top: 0px;
  z-index: 10000;
}
@media screen and (max-width: 1024px) {
  .notification-mobile-menu-container {
    top: 0px;
    display: block;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .notification-mobile-menu-container {
    display: block;
    min-width: 344px;
    max-width: 1024px;
    width: 100%;
    min-height: calc(100vh);
    background: white;
    position: fixed;
    top: 0px;
    z-index: 10000;
    overflow-y: auto;
  }
}
.notification-mobile-menu-container .notification-menu-popup {
  height: auto;
  word-break: break-word;
}
.notification-mobile-menu-container .notification-menu-popup .notifications-menu-header {
  background-color: white;
  padding: 12px 16px;
}
.notification-mobile-menu-container .notification-menu-popup .notifications-menu-header .notifications-menu-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: Noto Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
}
.notification-mobile-menu-container .notification-menu-popup .notifications-menu-header .notifications-menu-title .close-mobile-menu-notifications {
  position: relative;
  height: 24px;
  width: 24px;
}
.notification-mobile-menu-container .notification-menu-popup .notifications-menu-header .notifications-menu-title .close-mobile-menu-notifications .menu-show-close-notifications {
  height: 24px;
  width: 24px;
}
.notification-mobile-menu-container .notification-menu-popup .notifications-menu-header .notifications-menu-title .close-mobile-menu-notifications .menu-show-close-notifications::before {
  content: '';
  position: absolute;
  height: 24px;
  width: 24px;
  top: 0px;
  left: 0px;
  background: url(/Content/Images/notification/close-notification-icon.svg) no-repeat;
}
.notification-mobile-menu-container .notification-menu-popup .notifications-menu-subheader {
  border-top: 1px solid #ebebee;
  background-color: white;
  padding: 32px 16px 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
}
.notification-mobile-menu-container .notification-menu-popup .notifications-menu-subheader .notifications-menu-buttons-outer {
  flex: 6;
}
.notification-mobile-menu-container .notification-menu-popup .notifications-menu-subheader .notifications-menu-buttons {
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 4px;
  border-radius: 8px;
  border: 1px solid #ebebee;
}
.notification-mobile-menu-container .notification-menu-popup .notifications-menu-subheader .notifications-menu-buttons .notifications-menu-button {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  font-family: 'Noto Sans', sans-serif;
  color: #1c304b;
  padding: 4px 16px;
}
.notification-mobile-menu-container .notification-menu-popup .notifications-menu-subheader .notifications-menu-buttons .notifications-menu-button:focus-visible:not(:active) {
  outline: 4px solid #ff5858 !important;
  border-radius: 2px;
  outline-offset: 0px;
}
.notification-mobile-menu-container .notification-menu-popup .notifications-menu-subheader .notifications-menu-buttons .notifications-menu-button.notifi-btn-selected {
  background-color: #e4d8f4;
  border-radius: 8px;
}
.notification-mobile-menu-container .notification-menu-popup .notifications-menu-subheader .notifications-menu-buttons .notifications-btn-all {
  min-width: 50px;
}
.notification-mobile-menu-container .notification-menu-popup .notifications-menu-subheader .notifications-menu-buttons .notifications-btn-unread {
  min-width: 83px;
}
.notification-mobile-menu-container .notification-menu-popup .notifications-menu-subheader .notifications-menu-mark-all-as-read {
  text-align: right;
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  text-transform: uppercase;
  color: #aa0285;
  font-family: 'Noto Sans', sans-serif;
}
.notification-mobile-menu-container .notification-menu-popup .notifications-menu-subheader .notifications-menu-mark-all-as-read:hover {
  color: #aa0285;
}
.notification-mobile-menu-container .notification-menu-popup .notifications-menu-subheader .notifications-menu-mark-all-as-read:active,
.notification-mobile-menu-container .notification-menu-popup .notifications-menu-subheader .notifications-menu-mark-all-as-read:focus {
  color: #7a005f;
  text-decoration: none;
}
.notification-mobile-menu-container .notification-menu-popup .notifications-menu-subheader .notifications-menu-mark-all-as-read:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: 0px !important;
  color: #aa0285;
  border-radius: 4px;
}
.notification-mobile-menu-container .notification-menu-popup .notifications-menu-subheader .notifications-menu-mark-all-as-read:hover {
  color: #aa0285;
}
.notification-mobile-menu-container .notification-menu-popup .notifications-menu-subheader .notifications-menu-mark-all-as-read:active,
.notification-mobile-menu-container .notification-menu-popup .notifications-menu-subheader .notifications-menu-mark-all-as-read:focus {
  color: #7a005f;
  text-decoration: none;
}
.notification-mobile-menu-container .notification-menu-popup .notifications-menu-subheader .notifications-menu-mark-all-as-read:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: 0px !important;
  color: #aa0285;
  border-radius: 4px;
}
.notification-mobile-menu-container .notification-menu-popup .notifications-menu-body {
  word-break: break-word;
  overflow-y: auto;
  overflow-x: hidden;
  height: calc(100vh - 140px);
  touch-action: auto;
  -webkit-overflow-scrolling: touch;
}
.notification-mobile-menu-container .notification-menu-popup .notifications-menu-body .notifications-data {
  padding-bottom: 45px;
}
.notification-mobile-menu-container .notification-menu-popup .notifications-menu-body .notification-popup-section {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px;
  background-color: white;
  gap: 16px;
}
.notification-mobile-menu-container .notification-menu-popup .notifications-menu-body .notification-popup-section.unreaded-notification {
  background-color: #f7f3fc;
}
.notification-mobile-menu-container .notification-menu-popup .notifications-menu-body .notification-popup-section.unreaded-notification .notification-popup-section-left .notification-type-icon {
  background-color: white;
}
@media screen and (max-width: 767px) {
  .notification-mobile-menu-container .notification-menu-popup .notifications-menu-body .notification-popup-section.unreaded-notification .notification-popup-section-middle .notification-popup-section-title .notification-popup-section-title-text {
    max-width: 93%;
  }
}
.notification-mobile-menu-container .notification-menu-popup .notifications-menu-body .notification-popup-section.unreaded-notification .notification-popup-section-middle .notification-popup-section-title .notification-popup-section-title-text:hover {
  text-decoration: underline;
}
.notification-mobile-menu-container .notification-menu-popup .notifications-menu-body .notification-popup-section.unreaded-notification .notification-popup-section-middle .notification-popup-section-title .notification-popup-section-title-disc {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #aa0285;
  display: block;
  margin-top: 8px;
}
.notification-mobile-menu-container .notification-menu-popup .notifications-menu-body .notification-popup-section .notification-popup-section-one {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
}
.notification-mobile-menu-container .notification-menu-popup .notifications-menu-body .notification-popup-section .notification-popup-section-one:hover {
  text-decoration: none;
}
.notification-mobile-menu-container .notification-menu-popup .notifications-menu-body .notification-popup-section .notification-popup-section-one.not-link {
  cursor: default;
}
.notification-mobile-menu-container .notification-menu-popup .notifications-menu-body .notification-popup-section .notification-popup-section-one.not-link .notification-popup-section-middle .notification-popup-section-title .notification-popup-section-title-text:hover {
  text-decoration: none;
}
.notification-mobile-menu-container .notification-menu-popup .notifications-menu-body .notification-popup-section .notification-popup-section-left {
  width: 40px;
}
.notification-mobile-menu-container .notification-menu-popup .notifications-menu-body .notification-popup-section .notification-popup-section-left .notification-type-icon {
  position: relative;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #f8f8f9;
  border: 1px solid #ebebee;
  display: flex;
  justify-content: center;
  align-items: center;
}
.notification-mobile-menu-container .notification-menu-popup .notifications-menu-body .notification-popup-section .notification-popup-section-left .notification-type-icon img {
  width: 16px;
  height: 16px;
}
.notification-mobile-menu-container .notification-menu-popup .notifications-menu-body .notification-popup-section .notification-popup-section-middle .notification-popup-section-title {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
}
.notification-mobile-menu-container .notification-menu-popup .notifications-menu-body .notification-popup-section .notification-popup-section-middle .notification-popup-section-title .notification-popup-section-title-text {
  font-family: Noto Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-width: 97%;
}
.notification-mobile-menu-container .notification-menu-popup .notifications-menu-body .notification-popup-section .notification-popup-section-middle .notification-popup-section-title .notification-popup-section-title-text:hover {
  text-decoration: underline;
}
.notification-mobile-menu-container .notification-menu-popup .notifications-menu-body .notification-popup-section .notification-popup-section-middle .notification-popup-section-title .notification-popup-section-title-disc {
  display: none;
}
.notification-mobile-menu-container .notification-menu-popup .notifications-menu-body .notification-popup-section .notification-popup-section-middle .notification-popup-section-description {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
  margin-top: 4px;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.notification-mobile-menu-container .notification-menu-popup .notifications-menu-body .notification-popup-section .notification-popup-section-middle .notification-popup-section-date {
  margin-top: 4px;
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  font-family: 'Noto Sans', sans-serif;
  color: #67707c;
}
.notification-mobile-menu-container .notification-menu-popup .notifications-menu-body .notification-popup-section .notification-popup-section-right {
  position: relative;
  width: 24px;
}
.notification-mobile-menu-container .notification-menu-popup .notifications-menu-body .notification-popup-section .notification-popup-section-right .notification-popup-section-right-link {
  position: relative;
  width: 24px;
  height: 24px;
  display: block;
}
.notification-mobile-menu-container .notification-menu-popup .notifications-menu-body .notification-popup-section .notification-popup-section-right .notification-popup-section-right-link::before {
  content: '';
  position: absolute;
  height: 24px;
  width: 24px;
  background: url(/Content/Images/notification/more_vert.svg) no-repeat;
}
.notification-mobile-menu-container .notification-menu-popup .notifications-menu-body .notification-popup-section .notification-popup-section-right .notification-popup-section-right-more-option {
  background-color: white;
  border-radius: 8px;
  position: absolute;
  top: 8px;
  right: 24px;
  min-width: 136px;
  width: max-content;
  max-width: 240px;
  display: block;
  min-height: 40px;
  box-shadow: 4px 8px 16px 0 rgba(28, 48, 75, 0.08);
}
.notification-mobile-menu-container .notification-menu-popup .notifications-menu-body .notification-popup-section .notification-popup-section-right .notification-popup-section-right-more-option .mark-as-read-clear {
  margin: 8px 16px;
  text-align: left;
  display: block;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
  color: #1c304b;
}
.notification-mobile-menu-container .notification-menu-popup .notifications-menu-body .notification-popup-section .notification-popup-section-right .notification-popup-section-right-more-option .mark-as-read-clear:focus-visible:not(:active) {
  outline: 4px solid #ff5858 !important;
  border-radius: 2px;
  outline-offset: 0px;
}
.notification-mobile-menu-container .notification-menu-popup .notifications-menu-body .notifications-empty {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 40px 16px;
}
.notification-mobile-menu-container .notification-menu-popup .notifications-menu-body .notifications-empty .notifications-empty-msg {
  word-break: break-word;
  text-align: center;
}
.notification-mobile-menu-container .notification-menu-popup .notifications-menu-body .notifications-empty .notifications-empty-msg .notifications-empty-msg-icon {
  text-align: center;
}
.notification-mobile-menu-container .notification-menu-popup .notifications-menu-body .notifications-empty .notifications-empty-msg .notifications-empty-msg-icon img {
  width: 24px;
  height: 24px;
}
.notification-mobile-menu-container .notification-menu-popup .notifications-menu-body .notifications-empty .notifications-empty-msg .notifications-empty-msg-title {
  font-family: Noto Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
  margin-top: 16px;
}
.notification-mobile-menu-container .notification-menu-popup .notifications-menu-body .notifications-empty .notifications-empty-msg .notifications-empty-msg-description {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
  margin-top: 4px;
  padding: 0px 40px;
}
@media (max-width: 768px) {
  .notification-mobile-menu-container .notification-menu-popup .notifications-menu-body .notifications-empty .notifications-empty-msg .notifications-empty-msg-description {
    padding: 0px;
  }
}
.notification-mobile-menu-container .notification-menu-popup .notifications-menu-footer {
  display: block;
  background-color: #f8f8f9;
  padding: 12px 24px;
  text-align: center;
  position: absolute;
  width: 100%;
  bottom: 0px;
}
.notification-mobile-menu-container .notification-menu-popup .notifications-menu-footer a {
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  text-transform: uppercase;
  color: #aa0285;
  font-family: 'Noto Sans', sans-serif;
}
.notification-mobile-menu-container .notification-menu-popup .notifications-menu-footer a:hover {
  color: #aa0285;
}
.notification-mobile-menu-container .notification-menu-popup .notifications-menu-footer a:active,
.notification-mobile-menu-container .notification-menu-popup .notifications-menu-footer a:focus {
  color: #7a005f;
  text-decoration: none;
}
.notification-mobile-menu-container .notification-menu-popup .notifications-menu-footer a:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: 0px !important;
  color: #aa0285;
  border-radius: 4px;
}
.notification-mobile-menu-container .notification-menu-popup .notifications-menu-footer a:hover {
  color: #aa0285;
}
.notification-mobile-menu-container .notification-menu-popup .notifications-menu-footer a:active,
.notification-mobile-menu-container .notification-menu-popup .notifications-menu-footer a:focus {
  color: #7a005f;
  text-decoration: none;
}
.notification-mobile-menu-container .notification-menu-popup .notifications-menu-footer a:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: 0px !important;
  color: #aa0285;
  border-radius: 4px;
}
.profile-menu-container {
  display: none;
  width: 204px;
  background: white;
  height: auto;
  border: 1px solid #ebebee;
  border-radius: 8px;
  position: absolute;
  top: 64px;
  right: 16px;
  z-index: 100;
  box-shadow: 0px 2px 12px 0px rgba(41, 23, 70, 0.1);
}
@media screen and (max-width: 767px) {
  .profile-menu-container {
    top: 78px;
  }
}
.profile-menu-container .profile-menu {
  height: auto;
  padding: 12px 0;
  border-bottom: 1px solid #ebebee;
}
.profile-menu-container .profile-menu a {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
  display: flex;
  padding: 0 16px 0 16px;
  text-decoration: none;
  color: #1c304b;
}
.profile-menu-container .profile-menu a:hover {
  text-decoration: underline;
}
.profile-menu-container .profile-menu span.left-menu-profile-nav {
  position: relative;
  display: flex;
  align-items: center;
}
.profile-menu-container .profile-menu span.left-menu-profile-nav::before {
  content: '';
  position: absolute;
  height: 16px;
  width: 16px;
}
.profile-menu-container .profile-menu span.left-menu-profile-nav .left-menu-profile-nav-text {
  padding-left: 24px;
}
.profile-menu-container .profile-menu span.left-menu-profile-nav.profile-about-nav::before {
  background: url(/Content/Images/icons/Navigation/account-circle.svg) no-repeat;
}
.profile-menu-container .profile-menu span.left-menu-profile-nav.profile-documents-nav::before {
  background: url(/Content/Images/icons/Navigation/topic.svg) no-repeat;
}
.profile-menu-container .profile-menu span.left-menu-profile-nav.profile-mentor-nav::before {
  background: url(/Content/Images/icons/Navigation/mentor-icon.svg) no-repeat;
  background-position: center;
  height: 20px;
}
.profile-menu-container .profile-menu span.left-menu-profile-nav.profile-setting-nav::before {
  background: url(/Content/Images/icons/Navigation/settings.svg) no-repeat;
}
.profile-menu-container .profile-menu:last-child {
  border-bottom: none;
}
.profile-menu-container .profile-menu:hover {
  background: #f8f8f9;
}
.mobile-menu-container {
  display: none;
}
@media screen and (max-width: 767px) {
  .mobile-menu-container {
    display: block;
    min-width: 344px;
    max-width: 767px;
    width: 100%;
    min-height: calc(95vh);
    background: white;
    position: fixed;
    top: 72px;
    z-index: 100;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .mobile-menu-container {
    display: block;
    min-width: 344px;
    max-width: 1024px;
    width: 100%;
    min-height: calc(95vh);
    background: white;
    position: fixed;
    top: 72px;
    z-index: 100;
    overflow-y: auto;
  }
}
.mobile-menu-container .left-menu-mobile-search-box {
  margin: 24px 16px 0 16px;
}
.mobile-menu-container .left-menu-mobile-search-box input[type="text"] {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
  background: #f7f7fa;
  border-color: #f7f7fa;
  color: #1c304b;
}
.mobile-menu-container .left-menu-mobile-search-box input[type="text"].left-menu-mobile-search-input {
  padding: 8px 8px 8px 40px;
}
.mobile-menu-container .left-menu-mobile-search-box input[type="text"].left-menu-mobile-search-input:focus {
  border: 1px solid #aa0285;
}
.mobile-menu-container .left-menu-mobile-search-box .fa-search {
  position: absolute;
  top: 35px;
  left: 30px;
}
.mobile-menu-container .left-menu-mobile-box {
  margin: 16px 16px 0 16px;
}
.mobile-menu-container .left-menu-mobile-box a {
  text-decoration: none;
  display: block;
  transition: 0.3s;
  font-size: 14px;
  color: #1c304b;
  font-weight: 400;
  font-family: 'Noto Sans', sans-serif;
  line-height: 24px;
  padding: 18px 18px 18px 7px;
  cursor: pointer;
}
@media screen and (max-width: 1024px) {
  .mobile-menu-container .left-menu-mobile-box a {
    padding: 8px 8px 8px 7px;
  }
}
@media screen and (min-width: 600px) and (max-width: 750px) {
  .mobile-menu-container .left-menu-mobile-box a {
    padding: 4px 4px 4px 7px;
  }
}
@media screen and (max-width: 600px) {
  .mobile-menu-container .left-menu-mobile-box a {
    padding: 18px 18px 18px 7px;
  }
}
.mobile-menu-container .left-menu-mobile-box a.menu-active {
  background: #eee6ec;
}
.mobile-menu-container .left-menu-mobile-box a.menu-item-selection {
  position: relative;
  background: #eee6ec;
  border-radius: 8px;
}
.mobile-menu-container .left-menu-mobile-box a.menu-item-selection::after {
  position: absolute;
  content: '';
  right: 0px;
  top: 0px;
  width: 5px;
  height: 40px;
  background: #aa0285;
  border-radius: 8px 0 0 8px;
}
@media screen and (min-width: 280px) and (max-width: 767px) {
  .mobile-menu-container .left-menu-mobile-box a.menu-item-selection::after {
    height: -webkit-fill-available;
  }
}
.mobile-menu-container .left-menu-mobile-box .hr-mobile-after-bookmark {
  border: 1px solid #ebebee;
  margin: 8px 0 16px 0;
}
.mobile-menu-container .left-menu-mobile-box .menu-without-logout {
  overflow-y: auto;
  overflow-x: hidden;
  height: calc(70vh);
  touch-action: auto;
  -webkit-overflow-scrolling: touch;
}
@media screen and (max-width: 1024px) {
  .mobile-menu-container .left-menu-mobile-box .menu-without-logout {
    height: calc(40vh);
  }
}
@media screen and (min-width: 600px) and (max-width: 750px) {
  .mobile-menu-container .left-menu-mobile-box .menu-without-logout {
    height: calc(30vh);
  }
}
@media screen and (max-width: 600px) {
  .mobile-menu-container .left-menu-mobile-box .menu-without-logout {
    height: calc(70vh);
  }
}
@media screen and (max-width: 430px) {
  .mobile-menu-container .left-menu-mobile-box .menu-without-logout {
    height: calc(56vh);
  }
}
.mobile-menu-container .left-menu-mobile-box .menu-without-logout .left-mobile-custom-menu-item a {
  color: #1c304b;
  text-decoration: none;
}
.mobile-menu-container .left-menu-mobile-box .menu-without-logout .left-mobile-custom-menu-item a.left-admin-mobile {
  padding-left: 20px;
}
.mobile-menu-container .left-menu-mobile-box .menu-without-logout .left-mobile-custom-menu-item a.left-admin-mobile:before {
  display: inline-flex;
  position: relative;
  content: "";
  background-image: url(/Content/Images/icons/Navigation/admin_panel_settings.svg);
  background-repeat: no-repeat;
  top: 5px;
  left: -13px;
  width: 20px;
  height: 20px;
}
.mobile-menu-container .left-menu-mobile-box .menu-without-logout .left-mobile-custom-menu-item a.left-admin-mobile:after {
  display: inline-flex;
  position: relative;
  content: "";
  background-image: url(/Content/Images/icons/Navigation/arrow_drop_down.svg);
  background-repeat: no-repeat;
  top: 4px;
  left: 8px;
  width: 20px;
  height: 20px;
}
.mobile-menu-container .left-menu-mobile-box .menu-without-logout .left-mobile-custom-menu-item .menu-dropdown-content {
  background: white !important;
  width: 90%;
  padding-right: 18px;
  margin-top: 0;
  border-radius: 8px;
  border: 1px solid #ebebee;
  box-shadow: 0px 2px 12px 0px rgba(41, 23, 70, 0.1);
  position: unset;
}
.mobile-menu-container .left-menu-mobile-box .menu-without-logout .left-mobile-custom-menu-item .menu-dropdown-content .menu-sub-dropdown {
  border-bottom: 1px solid #ebebee;
}
.mobile-menu-container .left-menu-mobile-box .menu-without-logout .left-mobile-custom-menu-item .menu-dropdown-content .menu-sub-dropdown a {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
  text-decoration: none;
}
.mobile-menu-container .left-menu-mobile-box .menu-without-logout .left-mobile-custom-menu-item .menu-dropdown-content .menu-sub-dropdown a.mobile-admin-menu-sub-menu:after {
  display: inline-flex;
  position: relative;
  content: "";
  background-image: url(/Content/Images/icons/Navigation/arrow_drop_down.svg);
  background-repeat: no-repeat;
  top: 0;
  right: -4px;
  width: 20px;
  height: 20px;
  float: right;
}
.mobile-menu-container .left-menu-mobile-box .menu-without-logout .left-mobile-custom-menu-item .menu-dropdown-content .menu-sub-dropdown:focus-within .menu-sub-dropdown-content {
  display: block;
}
.mobile-menu-container .left-menu-mobile-box .menu-without-logout .left-mobile-custom-menu-item .menu-dropdown-content .menu-sub-dropdown:hover .menu-sub-dropdown-content {
  display: block;
}
.mobile-menu-container .left-menu-mobile-box .menu-without-logout .left-mobile-custom-menu-item .menu-dropdown-content .menu-sub-dropdown:focus-within {
  background: #f8f8f9;
}
.mobile-menu-container .left-menu-mobile-box .menu-without-logout .left-mobile-custom-menu-item .menu-dropdown-content .menu-sub-dropdown:hover {
  background: #f8f8f9;
}
.mobile-menu-container .left-menu-mobile-box .menu-without-logout .left-mobile-custom-menu-item .menu-dropdown-content .menu-sub-dropdown .menu-sub-dropdown-content {
  background: white !important;
  border-radius: 8px;
  border: 1px solid #ebebee;
  top: 60px !important;
  left: 0 !important;
}
.mobile-menu-container .left-menu-mobile-box .menu-without-logout .left-mobile-custom-menu-item .menu-dropdown-content span a {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
  border-bottom: 1px solid #ebebee;
  width: 100% !important;
  padding-right: 36px;
}
.mobile-menu-container .left-menu-mobile-box .menu-without-logout .left-mobile-custom-menu-item:focus-within .menu-dropdown-content {
  display: block;
}
.mobile-menu-container .left-menu-mobile-box .menu-without-logout .left-mobile-custom-menu-item:hover {
  background: none;
}
.mobile-menu-container .left-menu-mobile-box .menu-without-logout .left-mobile-custom-menu-item:hover a {
  background: none !important;
  border-color: #ebebee !important;
}
.mobile-menu-container .left-menu-mobile-box .menu-without-logout .left-mobile-custom-menu-item:hover a.left-admin:after {
  background-image: url(/Content/Images/icons/Navigation/arrow_drop_up.svg);
}
.mobile-menu-container .left-menu-mobile-box .menu-without-logout .left-mobile-custom-menu-item:focus-within {
  background: none;
}
.mobile-menu-container .left-menu-mobile-box .menu-without-logout .left-mobile-custom-menu-item:focus-within a {
  background: none !important;
  border-color: #ebebee !important;
}
.mobile-menu-container .left-menu-mobile-box .menu-without-logout .left-mobile-custom-menu-item:focus-within a.left-admin:after {
  background-image: url(/Content/Images/icons/Navigation/arrow_drop_up.svg);
}
.mobile-menu-container .left-menu-mobile-box .mobile-logout-btn-box {
  position: absolute;
  bottom: 54px;
  width: 92%;
  background-color: white;
}
@media screen and (max-width: 430px) {
  .mobile-menu-container .left-menu-mobile-box .mobile-logout-btn-box {
    bottom: 70px;
  }
}
.mobile-menu-container .left-menu-mobile-box span.left-mobile-menu-nav {
  position: relative;
  display: flex;
  align-items: center;
}
.mobile-menu-container .left-menu-mobile-box span.left-mobile-menu-nav::before {
  content: '';
  position: absolute;
  height: 20px;
  width: 20px;
}
.mobile-menu-container .left-menu-mobile-box span.left-mobile-menu-nav .left-mobile-menu-nav-text {
  padding-left: 30px;
}
.mobile-menu-container .left-menu-mobile-box span.left-mobile-menu-nav.mobile-bookmark-nav::before {
  background: url(/Content/Images/icons/Navigation/bookmark-mobile-menu-icon.svg) no-repeat;
}
.mobile-menu-container .left-menu-mobile-box span.left-mobile-menu-nav.mobile-home-nav::before {
  background: url(/Content/Images/icons/Navigation/home-mobile-menu-icon.svg) no-repeat;
}
.mobile-menu-container .left-menu-mobile-box span.left-mobile-menu-nav.mobile-job-nav::before {
  background: url(/Content/Images/icons/Navigation/job-mobile-menu-icon.svg) no-repeat;
}
.mobile-menu-container .left-menu-mobile-box span.left-mobile-menu-nav.mobile-resume-nav::before {
  background: url(/Content/Images/icons/Navigation/feed-mobile-menu-icon.svg) no-repeat;
}
.mobile-menu-container .left-menu-mobile-box span.left-mobile-menu-nav.mobile-roadmap-nav::before {
  background: url(/Content/Images/icons/Navigation/add_road-mobile-menu-icon.svg) no-repeat;
}
.mobile-menu-container .left-menu-mobile-box span.left-mobile-menu-nav.mobile-content-nav::before {
  background: url(/Content/Images/icons/Navigation/local_library-mobile-menu-icon.svg) no-repeat;
}
.mobile-menu-container .left-menu-mobile-box span.left-mobile-menu-nav.mobile-live-events-nav::before {
  background: url(/Content/Images/icons/Navigation/event-mobile-menu-icon.svg) no-repeat;
}
.mobile-menu-container .left-menu-mobile-box span.left-mobile-menu-nav.mobile-coaching-nav::before {
  background: url(/Content/Images/icons/Navigation/people-mobile-menu-icon.svg) no-repeat;
}
.mobile-menu-container .left-menu-mobile-box span.left-mobile-menu-nav.mobile-networking-nav::before {
  background: url(/Content/Images/icons/Navigation/networking-mobile.svg) no-repeat;
}
.mobile-menu-container .left-menu-mobile-box span.left-mobile-menu-nav.mobile-live-help-nav::before {
  background: url(/Content/Images/help/live-help-mobile.svg) no-repeat;
}
.mobile-menu-container .left-menu-mobile-box span.left-mobile-menu-nav.mobile-logout-nav::before {
  background: url(/Content/Images/icons/Navigation/mobile-left-menu-logout.svg) no-repeat;
}
.mobile-menu-container .left-menu-mobile-box span.left-mobile-menu-nav.mobile-help-nav::before {
  background: url(/Content/Images/icons/Navigation/mobile-left-menu-help.svg) no-repeat;
}
@-moz-document url-prefix() {
  span.left-menu-nav {
    position: relative;
  }
  
  span.left-menu-profile-nav {
    position: relative;
  }
  
  span.left-mobile-menu-nav {
    position: relative;
  }
}
@media screen and (max-width: 767px) {
  .add-new-itemFooter .menu-without-logout {
    height: calc(56vh) !important;
    padding-bottom: 50px;
  }
  .add-new-itemFooter .mobile-logout-btn-box {
    background: white;
    bottom: 70px !important;
  }
}
@media screen and (max-width: 1024px) {
  .mb-65 {
    margin-bottom: -65px;
  }
}
@media screen and (max-width: 1024px) {
  .notification-banner-wrapper {
    margin-top: 73px;
  }
}
.notification-banner-wrapper .notification-banner-container {
  padding: 16px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .notification-banner-wrapper .notification-banner-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
.notification-banner-wrapper .notification-banner-container .icon-content-wrapper {
  display: flex;
  align-items: flex-start;
}
.notification-banner-wrapper .notification-banner-container .icon-content-wrapper .notification-content {
  margin-left: 8px;
  color: #1c304b;
  max-width: 90%;
}
@media screen and (max-width: 768px) {
  .notification-banner-wrapper .notification-banner-container .icon-content-wrapper .notification-content {
    max-width: 87%;
  }
}
.notification-banner-wrapper .notification-banner-container .notification-close-icon {
  cursor: pointer;
  position: absolute;
  top: 14px;
  right: 16px;
}
@media screen and (max-width: 768px) {
  .notification-banner-wrapper .notification-banner-container .notification-close-icon {
    position: static;
  }
}
@media screen and (max-width: 991px) {
  .menu-red2.menu {
    display: flex;
    flex-wrap: wrap;
    max-height: 72px;
  }
}
.menu-red2.menu .menu-links {
  max-width: 57.5%;
  height: 72px;
  float: left;
  padding-left: 6%;
  overflow: visible;
}
@media screen and (max-width: 1200px) {
  .menu-red2.menu .menu-links {
    padding-left: 3%;
    font-size: 14px;
    max-width: 50.5%;
  }
}
@media (min-width: 992px) and (max-width: 1100px) {
  .menu-red2.menu .menu-links {
    max-width: 51.5%;
  }
  .menu-red2.menu .menu-links .menu-item {
    padding-left: 8px;
    padding-right: 8px;
  }
}
@media screen and (max-width: 991px) {
  .menu-red2.menu .menu-links {
    padding-right: 6%;
    padding-bottom: 3%;
    display: none;
    max-width: 100%;
    width: 100%;
  }
  .menu-red2.menu .menu-links .menu-item {
    display: none;
  }
}
@media screen and (min-width: 1010px) {
  .menu-red2.menu .menu-links {
    max-width: 100%;
  }
}
@media (min-width: 992px) {
  .menu-red2.menu .menu-links .initiative-search-div {
    display: none;
  }
}
.menu-red2.menu .responsive-icon {
  display: none;
  color: white;
}
@media screen and (max-width: 991px) {
  .menu-red2.menu .responsive-icon {
    padding: 12px 0;
    width: 60px;
    height: 60px;
    font-size: 24px;
    display: block;
    float: left;
    background-color: #4f185a;
    text-align: center;
  }
  .menu-red2.menu .responsive-icon a {
    color: inherit;
  }
}
.menu-red2.menu .menu-logo {
  width: 64px;
  /*height: 24px;*/
  float: left;
  display: flex;
  align-items: center;
  margin-left: 40px;
  padding: 21px 0px;
}
@media screen and (max-width: 1200px) {
  .menu-red2.menu .menu-logo {
    margin-left: 0;
  }
}
@media screen and (max-width: 991px) {
  .menu-red2.menu .menu-logo img {
    height: 20px;
  }
}
.menu-red2.menu .menu-icons {
  width: auto;
  height: 72px;
  float: right;
  display: block;
  margin-right: 15px;
}
@media screen and (min-width: 1010px) {
  .menu-red2.menu .menu-icons {
    position: absolute;
    right: 0;
    top: 0;
  }
}
@media screen and (max-width: 991px) {
  .menu-red2.menu .menu-icons {
    position: initial;
    width: 47.5%;
    margin-right: 0px;
    margin-left: auto;
    height: 60px;
  }
}
@media screen and (max-width: 812px) {
  .menu-red2.menu .menu-icons {
    width: auto;
    height: 60px;
    right: 0;
    display: flex;
  }
}
@media screen and (min-width: 768px) {
  .menu-red2.menu .menu-icons {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: self-end;
  }
}
.menu-red2.menu .menu-item {
  float: left;
  padding: 28px 15px 28px 15px;
}
@media screen and (max-width: 992px) {
  .menu-red2.menu .menu-item {
    padding-left: 7px;
    padding-right: 7px;
  }
}
.menu-red2.menu .menu-item a {
  /*padding: 1px;*/
  cursor: pointer;
}
.menu-red2.menu .menu-item a:focus {
  color: inherit;
  text-decoration: none;
}
.menu-red2.menu .logo {
  margin: auto;
  width: 100%;
}
.menu-red2.menu .avatar {
  float: left;
  max-width: 80px;
  padding: 7px 5px;
}
@media screen and (max-width: 991px) {
  .menu-red2.menu .avatar {
    max-width: 55px;
    padding: 10px 5px 10px 5px;
  }
}
.menu-red2.menu .menu-card-profile-photo {
  cursor: pointer;
  width: 58px;
  height: 58px;
  position: relative;
  margin: 0 auto;
  border: 1px solid #cccccc;
  border-radius: 50%;
}
@media screen and (max-width: 991px) {
  .menu-red2.menu .menu-card-profile-photo {
    width: 40px;
    height: 40px;
  }
}
.menu-red2.menu .menu-card-profile-photo .menu-card-initials {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  border: 5px solid white;
  background-color: #4f185a;
  border-radius: 50%;
  text-align: center;
}
@media screen and (max-width: 991px) {
  .menu-red2.menu .menu-card-profile-photo .menu-card-initials {
    border: 3px solid white;
  }
}
.menu-red2.menu .menu-card-profile-photo .menu-card-initials span {
  color: white !important;
  font-size: 21px;
  line-height: 46px;
  font-weight: 500 !important;
  text-align: center;
}
@media screen and (max-width: 991px) {
  .menu-red2.menu .menu-card-profile-photo .menu-card-initials span {
    font-size: 16px;
    line-height: 30px;
  }
}
.menu-red2.menu .menu-card-profile-photo .menu-card-photo {
  width: 100%;
  height: 100%;
}
.menu-red2.menu .menu-card-profile-photo .menu-card-photo img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 5px solid white;
}
@media screen and (max-width: 768px) {
  .menu-red2.menu .menu-card-profile-photo .menu-card-photo img {
    border: 4px solid white;
  }
}
.menu-red2.menu .profile-active {
  width: 56px;
  height: 56px;
  border: 3px solid #df255f;
}
@media screen and (max-width: 991px) {
  .menu-red2.menu .profile-active {
    width: 38px;
    height: 38px;
    /*border: 2px solid @pink;*/
  
  }
}
@media screen and (max-width: 991px) {
  .menu-red2.menu .profile-active .menu-card-initials {
    border: 2px solid white;
  }
}
@media screen and (max-width: 991px) {
  .menu-red2.menu .profile-active .menu-card-initials span {
    font-size: 16px;
    line-height: 30px;
  }
}
.menu-red2.menu .log-out {
  border-top: 1px solid #a68bac;
  cursor: pointer;
}
.menu-red2.menu .profile-dropdown-opened {
  position: relative;
}
.menu-red2.menu .profile-dropdown-opened .menu-dropdown-content {
  display: block;
  margin: 5px 0 0 -10px;
  right: 0;
}
@media screen and (max-width: 991px) {
  .menu-red2.menu .profile-dropdown-opened .menu-dropdown-content {
    display: none;
  }
}
.menu-red2.menu .menu-dropdown.ask-expert {
  position: relative;
}
.menu-red2.menu .menu-dropdown {
  background-color: inherit;
  margin: 0;
  /*hovers for tablets*/

}
.menu-red2.menu .menu-dropdown:hover .menu-dropdown-content {
  display: block;
  /*border-top: 1px solid @light-purple;*/

}
@media (hover: none) {
  .menu-red2.menu .menu-dropdown:hover {
    color: white !important;
    /*background: @dark-purple;*/
    background-color: #392953;
  }
  .menu-red2.menu .menu-dropdown:hover a:hover {
    color: white;
    text-decoration: none;
  }
}
.menu-red2.menu .ask-expert .menu-dropdown-content {
  margin: 20px 0 0 0px;
  left: 0;
  right: 0;
}
.menu-red2.menu .menu-dropdown-content {
  display: none;
  position: absolute;
  /*background-color: @dark-purple;*/
  min-width: 160px;
  margin: 15px 0 0 -7px;
  z-index: 10000;
}
.menu-red2.menu .menu-dropdown-content a {
  float: none;
  color: white;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}
.menu-red2.menu .menu-sub-dropdown .menu-sub-dropdown-content {
  top: 0;
  left: 100%;
}
.menu-red2.menu .menu-sub-dropdown:hover .menu-sub-dropdown-content {
  display: block;
  float: right;
  border: 1px solid #a68bac;
}
.menu-red2.menu .has-submenu .menu-sub-dropdown {
  position: relative;
}
.menu-red2.menu .has-submenu.menu-open {
  background-color: #4f185a;
  color: white;
}
.menu-red2.menu .has-submenu.menu-open .menu-dropdown-content {
  display: block;
  border-top: 1px solid #a68bac;
}
.menu-red2.menu .has-submenu.menu-open .menu-dropdown-content a {
  color: white;
}
.menu-red2.menu .has-submenu.menu-open .menu-dropdown-content .submenu-open .menu-sub-dropdown-content {
  display: block;
  border-top: 1px solid #a68bac;
}
.menu-red2.menu .has-submenu .menu-sub-dropdown .topnav-toggle {
  display: inline;
  position: absolute;
  top: 0;
  right: 5px;
}
.menu-red2.menu .menu-sub-dropdown.pull-left {
  float: none;
}
.menu-red2.menu .menu-sub-dropdown.pull-left .menu-sub-dropdown-content {
  left: -220px;
  margin-left: 10px;
}
.menu-red2.menu .menu-sub-dropdown-content {
  display: none;
  position: absolute;
  background-color: #4f185a;
  min-width: 160px;
  z-index: 10000;
}
.menu-red2.menu .menu-sub-dropdown-content a {
  float: none;
  color: white;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}
.menu-red2.menu .menu-sub-dropdown-content a:hover {
  background-color: #df255f;
}
@media screen and (max-width: 991px) {
  .menu-red2.menu .menu-links.responsive {
    display: block;
    position: relative;
    height: auto;
    background-color: #72467b;
    color: white;
    max-width: 100%;
    order: 4;
  }
  .menu-red2.menu .menu-links.responsive .menu-item {
    display: block;
    padding: 15px 5px 15px 5px;
    font-size: 14px;
    width: 100%;
  }
  .menu-red2.menu .menu-links.responsive .menu-item .menu-dropdown-content {
    margin: 15px 0px 0 -5px;
  }
  .menu-red2.menu .menu-links.responsive .menu-item .menu-sub-dropdown-content,
  .menu-red2.menu .menu-links.responsive .menu-item .menu-dropdown-content {
    position: inherit;
  }
  .menu-red2.menu .menu-links.responsive .menu-item .menu-sub-dropdown-content a,
  .menu-red2.menu .menu-links.responsive .menu-item .menu-dropdown-content a {
    width: 100% !important;
  }
}
.menu-red2.menu .r19-modal {
  display: none;
  position: fixed;
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.menu-red2.menu .r19-modal .modal-dialog {
  width: auto;
}
@media (min-width: 768px) {
  .menu-red2.menu .r19-modal .modal-dialog {
    margin: 0 auto;
  }
}
.menu-red2.menu .r19-modal .modal-content {
  background-color: rgba(26, 26, 26, 0);
  box-shadow: none;
}
@media (max-width: 768px) and (min-width: 320px) {
  .menu-red2.menu .r19-modal .modal-dialog {
    top: 0px;
  }
}
.menu-red2.menu .ella-modal-content {
  width: 550px;
  border-radius: 10px;
}
@media screen and (max-width: 991px) {
  .menu-red2.menu .ella-modal-content {
    width: 100%;
  }
}
.menu-red2.menu .ella-modal-content .load-indicator {
  display: none;
}
.menu-red2.menu .ella-modal-content .load-indicator:last-child {
  display: block;
  padding: 5px;
}
.menu-red2.menu .margin-0 {
  margin-bottom: 0 !important;
  margin-top: 0 !important;
}
.menu-red2.menu .ella-unread-badge {
  background-color: #e54054;
  border-radius: 100px;
  box-shadow: 0 0 0 1px #cf2615;
  color: white;
  padding: 0 6px;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  width: 18px;
  z-index: 1000;
  vertical-align: top;
  position: absolute;
  top: 3px;
}
.menu-red2.menu .consultant-modal-box {
  max-width: 1000px;
  margin: auto;
}
@media screen and (max-width: 768px) {
  .menu-red2.menu .consultant-modal-box .consultant-modal-content {
    width: 750px;
  }
}
.menu-red2.menu .consultant-modal-box-minified {
  max-width: 500px;
  margin: auto;
}
.menu-red2.menu .consultant-modal-content {
  margin: auto;
  box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.35);
  background-color: white;
  height: 750px;
  object-fit: contain;
  font-size: 14px;
}
@media screen and (max-width: 991px) {
  .menu-red2.menu .consultant-modal-content {
    width: 100%;
  }
}
.menu-red2.menu .consultant-modal-content #map {
  float: right;
  margin: auto;
  width: 100%;
  height: 750px;
}
.menu-red2.menu .r19-modal-close-button {
  width: 100%;
  padding: 1%;
  text-align: right;
}
.menu-red2.menu .r19-modal-opened {
  display: block;
}
.menu-red2.menu .chatbot-avatar-position {
  position: fixed;
  right: 16px;
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  .menu-red2.menu .chatbot-avatar-position {
    right: 0;
  }
}
.menu-red2.menu .chatbot-icon {
  height: 80px;
  float: right;
  display: block;
  position: absolute;
  top: 0;
  right: 17px;
  z-index: 1000;
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  .menu-red2.menu .chatbot-icon {
    right: 0;
  }
}
.menu-red2.menu .chatbot-model {
  position: fixed !important;
  z-index: 9999;
  top: 0;
}
.menu-red2.menu #chatbotcontrol {
  max-height: 515px;
  height: 100%;
  flex: auto;
  position: relative;
  padding: 0;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  background: white;
  transition: padding-top 0.5s;
  border-radius: 0;
}
.menu-red2.menu #chatbotHeader > h2 {
  background-color: #f0f0f0 !important;
  color: #46acb9 !important;
  z-index: 10;
  height: 44px;
  line-height: 32px;
  padding: 6px 15px;
  position: relative;
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
  box-sizing: content-box;
  text-align: center;
}
.menu-red2.menu .intro-pane {
  background-color: #f8f9fa;
  padding: 18px 0px;
  border-bottom: 1px solid #e6e6e6;
  min-height: 90px;
  -webkit-transform: translateZ(0);
}
.menu-red2.menu .intro-pane .app-name,
.menu-red2.menu .intro-pane .intro-text {
  margin-left: 68px;
}
.menu-red2.menu .intro-pane .app-name {
  color: #46acb9 !important;
  font-size: 18px;
  font-weight: 700;
}
.menu-red2.menu .intro-pane .app-icon-chatbot {
  float: left;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  margin-left: 13px;
}
.menu-red2.menu .intro-pane .intro-text {
  color: #787f8c;
  font-size: 13px;
  line-height: 1.3;
  margin-top: 8px;
}
.menu-red2.menu .conversation-timestamp-header {
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 12px;
  color: #b2b2b2;
  margin-top: 25px;
  margin-bottom: 15px;
}
@media screen and (min-width: 550px) {
  .menu-red2.menu #chatbotHeader {
    height: 80%;
    width: 550px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 550px) {
  .menu-red2.menu #chatbotHeader {
    width: 100%;
    height: 80%;
  }
}
.menu-red2.menu .css-120um36 ul li:first-child:nth-last-child(1) {
  margin-left: auto;
}
.menu-red2.menu .css-1abghdv {
  background-color: white;
  font-weight: 600;
  -webkit-appearance: none;
  border-color: #e6e6e6;
  border-radius: 1px;
  border-style: solid;
  border-width: 1px;
  padding: 10px;
}
.menu-red2.menu .initiative-search-div.round-search {
  float: right;
  margin-right: 10px;
}
@media screen and (max-width: 991px) {
  .menu-red2.menu .initiative-search-div.round-search {
    display: none;
  }
}
.menu-red2.menu .initiative-search-div.round-search input {
  height: 40px;
  border: 2px solid #e4d6e6;
  width: 0;
  padding-right: 26px;
  border-radius: 30px;
  color: white;
  cursor: pointer;
  padding-bottom: 2px;
  -webkit-transition: all 0.5s 1s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .menu-red2.menu .initiative-search-div.round-search input {
    padding-right: 23px;
  }
}
@supports ~ '(-ms-ime-align:auto)' {
  padding-right: 28px;
}
.menu-red2.menu .initiative-search-div.round-search input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: gray;
  font-style: italic;
}
.menu-red2.menu .initiative-search-div.round-search input::-moz-placeholder {
  /* Firefox 19+ */
  color: gray;
  font-style: italic;
}
.menu-red2.menu .initiative-search-div.round-search input:-ms-input-placeholder {
  /* IE 10+ */
  color: gray;
  font-style: italic;
}
.menu-red2.menu .initiative-search-div.round-search input:focus {
  width: 230px;
  text-indent: 12px;
  cursor: auto;
  font-size: 14px;
  padding-top: 0;
  padding-bottom: 0;
}
.menu-red2.menu .initiative-search-div {
  position: relative;
  padding: 18px 0px 18px 13px;
  display: inline-block;
}
@media screen and (max-width: 992px) {
  .menu-red2.menu .initiative-search-div {
    padding: 22px 0px;
  }
}
.menu-red2.menu .initiative-search-div .fa-search {
  position: absolute;
  top: 28px;
  right: 13px;
}
@media screen and (max-width: 991px) {
  .menu-red2.menu .initiative-search-div .fa-search {
    top: 33px;
    right: 12px;
  }
}
@media screen and (max-width: 991px) {
  .menu-red2.menu .initiative-search-div {
    padding: 25px 5px 5px 5px;
  }
}
.menu-red2.menu input.initiative-search-input::-webkit-input-placeholder {
  font-weight: bold;
  color: #cccccc;
  font-style: italic;
  font-size: 13px;
  padding-left: 5px;
}
.menu-red2.menu input.initiative-search-input::-moz-placeholder {
  /* Firefox 19+ */
  font-weight: bold;
  color: #cccccc;
  font-style: italic;
  font-size: 13px;
  padding-left: 5px;
}
.menu-red2.menu input.initiative-search-input:-ms-input-placeholder {
  /* IE 10+ */
  font-weight: bold;
  color: #cccccc;
  font-style: italic;
  font-size: 12px;
  padding-left: 5px;
}
.menu-red2.menu input.initiative-search-input:-moz-placeholder {
  /* Firefox 18- */
  font-weight: bold;
  color: #cccccc;
  font-style: italic;
  font-size: 13px;
  padding-left: 5px;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {
  .menu-red2.menu input.initiative-search-input::-webkit-input-placeholder {
    padding-top: 4px;
  }
}
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
  .menu-red2.menu input.initiative-search-input::-webkit-input-placeholder {
    padding-top: 4px;
  }
}
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) {
  .menu-red2.menu input.initiative-search-input::-webkit-input-placeholder {
    padding-top: 4px;
  }
}
.menu-red2.menu .linkDisabled {
  cursor: not-allowed;
  pointer-events: none;
  color: #cec0d0;
}
.menu-red2.menu .linkEnabled {
  color: #72467b;
  cursor: pointer;
  text-decoration: none;
  z-index: 9;
}
.menu-red2.menu input.initiative-search-input::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}
.menu-red2.menu .setting-opened .menu-dropdown-content {
  display: block;
  border-top: 1px solid #a68bac;
  margin: 0 0 0 -10px;
}
.menu-red2.menu .setting-dropdown {
  float: right;
  position: relative;
}
.menu-red2.menu .setting-dropdown:focus {
  background: #4f185a;
}
.menu-red2.menu .setting-dropdown:focus .menu-dropdown-content {
  display: block;
  margin-top: 0;
}
.menu-red2.menu .setting-dropdown:focus .profile-setting {
  background: #4f185a;
}
.menu-red2.menu .setting-dropdown .profile-setting {
  width: 33px;
  height: 33px;
  border: 2px solid #e4d6e6;
  margin: 22px 10px;
  border-radius: 50%;
  cursor: pointer;
}
@media screen and (max-width: 991px) {
  .menu-red2.menu .setting-dropdown .profile-setting {
    margin: 13px 10px;
  }
}
.menu-red2.menu .setting-dropdown .profile-setting .setting-icon {
  color: #cec0d0;
  line-height: 27px;
  text-align: center;
}
.menu-red2.menu .setting-dropdown .profile-setting.profile-active {
  border: 2px solid #e23369;
}
.menu-red2.menu .setting-dropdown .menu-dropdown-content {
  right: 0px;
  width: 190px;
}
@media screen and (max-width: 991px) {
  .menu-red2.menu .setting-dropdown .menu-dropdown-content {
    width: 100%;
    background: #72467b;
    padding: 0 6% 3% 3%;
    border-top: 0;
  }
}
@media screen and (max-width: 991px) {
  .menu-red2.menu .setting-dropdown .menu-dropdown-content a {
    padding: 25px 5px 5px;
    font-size: 14px;
  }
}
@media screen and (max-width: 991px) {
  .menu-red2.menu .setting-dropdown {
    position: initial;
  }
}
.menu-red2.menu .setting-dropdown.setting-opened {
  background: #4f185a;
}
.menu-red2.menu .setting-dropdown.setting-opened .profile-setting {
  color: white;
}
.menu-red2.menu .setting-dropdown.setting-opened .profile-setting .setting-icon {
  color: white;
}
.red-main-content {
  padding: 70px 0 110px;
}
@media (max-width: 991px) {
  .red-main-content {
    padding: 60px 0 50px;
  }
}
@media (max-width: 560px) {
  .red-main-content {
    padding: 60px 0 70px;
  }
}
@media screen and (min-width: 1101px) and (max-width: 1250px) {
  .menu-custom-header .menu-links {
    padding-left: 0 !important;
  }
  .menu-custom-header .menu-links .menu-item {
    padding: 28px 5px 28px 5px;
    float: left;
  }
  .menu-custom-header .menu-links .menu-item a {
    font-size: 13px;
  }
}
@media screen and (min-width: 992px) and (max-width: 1100px) {
  .menu-custom-header .menu-links {
    display: none;
  }
  .menu-custom-header .menu-links.responsive {
    display: block;
    position: relative;
    height: auto;
    background-color: #72467b;
    color: white;
    margin-top: -2px;
    max-width: 100%;
    width: 100%;
    font-size: 14px;
  }
  .menu-custom-header .menu-links.responsive .menu-item {
    display: block;
    padding: 15px 5px 15px 5px !important;
    width: 100%;
    float: left;
  }
  .menu-custom-header .menu-links.responsive .menu-item a {
    font-size: 14px;
  }
  .menu-custom-header .menu-links.responsive .initiative-search-div {
    position: relative !important;
    display: inline-block;
    padding: 25px 5px 25px !important;
  }
  .menu-custom-header .responsive-icon {
    display: block !important;
    font-size: 30px;
    padding: 19px 3.5% 19px 3.5% !important;
    display: block;
    float: left;
    background-color: #4f185a;
    text-align: center;
  }
  .menu-custom-header .responsive-icon a {
    color: inherit;
  }
  .menu-custom-header .menu-icons {
    width: auto;
    height: 60px;
    position: absolute;
    right: 83px;
  }
  .menu-custom-header .menu-icons .profile-dropdown.avatar.profile-dropdown-opened .menu-dropdown-content {
    display: none;
  }
}
.left-logo.left-menu-logo {
  padding-left: 0 !important;
  display: block;
}
@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance:none) {
    .menu .menu-item a:focus {
      outline: 2px solid;
      outline-offset: 2px;
    }
  }
}
@media screen and (max-width: 1024px) {
  .mb-65 {
    margin-bottom: -65px;
  }
}
@media screen and (max-width: 1024px) {
  .notification-banner-wrapper {
    margin-top: 73px;
  }
}
.notification-banner-wrapper .notification-banner-container {
  padding: 16px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .notification-banner-wrapper .notification-banner-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
.notification-banner-wrapper .notification-banner-container .icon-content-wrapper {
  display: flex;
  align-items: flex-start;
}
.notification-banner-wrapper .notification-banner-container .icon-content-wrapper .notification-content {
  margin-left: 8px;
  color: #1c304b;
  max-width: 90%;
}
@media screen and (max-width: 768px) {
  .notification-banner-wrapper .notification-banner-container .icon-content-wrapper .notification-content {
    max-width: 87%;
  }
}
.notification-banner-wrapper .notification-banner-container .notification-close-icon {
  cursor: pointer;
  position: absolute;
  top: 14px;
  right: 16px;
}
@media screen and (max-width: 768px) {
  .notification-banner-wrapper .notification-banner-container .notification-close-icon {
    position: static;
  }
}
/*@media(min-width:1101px){
    .mobile-menu-custom{display:none}
    .menu-item:hover .menu-dropdown-content, .menu-item:focus-within .menu-dropdown-content{display:block !important}
}*/

.footer-menu-item {
  padding: 0 13px 0 13px;
  display: inline-block;
}
a.footer-menu-item {
  color: white !important;
  text-decoration: none;
  border: none;
  cursor: pointer;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
}
.footer-social-media-items > a {
  cursor: pointer;
}
.footer-social-media a {
  color: inherit;
  text-decoration: none;
  border: none;
  /*border-bottom: 1px solid @dark-purple;*/

}
span.impressum div {
  display: inline-block;
  font-size: 14px;
  vertical-align: bottom;
  box-sizing: border-box;
}
span.impressum div .small a {
  color: #a68bac !important;
  font-size: 14px;
}
.footer a:focus {
  outline: none;
}
.footer a:focus-visible {
  outline: -webkit-focus-ring-color auto 5px;
  outline-offset: 1px;
  text-decoration: none;
}
@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance:none) {
    a.footer-menu-item:focus {
      outline: 2px solid;
      outline-offset: 2px;
    }
  }
}
@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance:none) {
    .footer-social-media a:focus {
      outline: 2px solid;
      outline-offset: 2px;
    }
  }
}
.footer {
  background-color: #1f0d3d;
}
.footer .footer-nav-bar.lhh-wcag-pink-background {
  background-color: #1f0d3d;
}
.footer .footer-nav-bar.lhh-wcag-pink-background .footer-nav-bottom li {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
  color: white;
}
@media (min-width: 320px) and (max-width: 950px) {
  .footer .footer-nav-bar.lhh-wcag-pink-background .footer-nav-bottom li:last-child {
    padding-bottom: 0;
  }
}
.footer .footer-nav-bar.lhh-wcag-pink-background .footer-nav-bottom .learningResourcesFooterSubMenu li > a.footer-menu-item {
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  font-family: 'Noto Sans', sans-serif;
  font-size: 12px !important;
  color: white;
}
@media (min-width: 320px) and (max-width: 767px) {
  .footer .footer-social-media-items {
    padding-top: 25px;
    padding-left: 45px;
    padding-right: 45px;
    padding-bottom: 23px;
  }
}
.footer .footer-social-media-items span {
  padding-right: 48px !important;
  display: inline-block;
  color: #cec5dd !important;
}
@media (min-width: 320px) and (max-width: 767px) {
  .footer .footer-social-media-items span {
    padding-right: 0 !important;
    display: block;
  }
}
.footer .footer-social-media-items .footerCopy-submenu {
  padding-top: 16px;
  display: inline-block;
  color: #cec5dd !important;
}
@media (min-width: 320px) and (max-width: 767px) {
  .footer .footer-social-media-items .footerCopy-submenu {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
  }
}
.footer .footer-social-media-items .footerCopy-submenu a {
  padding-right: 48px !important;
  color: #ded8e9 !important;
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  font-family: 'Noto Sans', sans-serif;
  letter-spacing: 0.004em;
}
.footer .footer-social-media-items .footerCopy-submenu a:nth-child(3) {
  padding-right: 0px !important;
}
@media (min-width: 320px) and (max-width: 767px) {
  .footer .footer-social-media-items .footerCopy-submenu a {
    flex: 1 1 45%;
    padding-right: 0 !important;
    text-align: left;
    padding-bottom: 0px !important;
  }
  .footer .footer-social-media-items .footerCopy-submenu a:nth-child(2) {
    text-align: right;
  }
  .footer .footer-social-media-items .footerCopy-submenu a:nth-child(3) {
    flex-basis: 100%;
  }
}
.footer .footer-social-media.purple-dark-background {
  background-color: #1f0d3d;
}
.footer .footer-social-media.lhh-wcag-sm-font {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
  color: #cec5dd;
}
.footer .footer-social-media .footer-social-media-items {
  padding-bottom: 30px;
  padding-top: 5px;
}
@media screen and (max-width: 1101px) {
  .footer .footer-social-media .footer-social-media-items {
    padding-top: 50px;
  }
}
.footer a:focus-visible {
  outline: 4px solid #ff5858 !important;
  border-radius: 2px;
  outline-offset: 0px;
}
.lhh-wcag-sm-font {
  color: #ccbbcd;
  font-size: 14px;
}
/* left navigation */

.footer-left-navigation {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  background: #f1f0f5;
  border-top: 1px solid #e5e4ec;
  padding: 12px 0;
  word-break: break-word;
}
@media screen and (max-width: 1024px) {
  .footer-left-navigation {
    width: 100%;
    flex-direction: column;
    border: none;
  }
}
.footer-left-navigation .footer-menu-left-navigation {
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  font-family: 'Noto Sans', sans-serif;
  margin-right: 24px;
  color: #45505f;
}
@media screen and (max-width: 1024px) {
  .footer-left-navigation .footer-menu-left-navigation {
    margin-right: 0;
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 1421px) {
  .footer-left-navigation .footer-menu-left-navigation {
    margin-right: 24px;
  }
}
.footer-left-navigation .footer-menu-left-navigation a {
  color: #45505f;
}
.footer-left-navigation .footer-menu-left-navigation a:hover {
  color: #45505f;
  text-decoration: none;
}
.footer-left-navigation .footer-menu-left-navigation:last-child {
  margin-bottom: 0;
}
.footer-left-navigation .footer-menu-left-navigation div[bind-html-compile="ctrl.content.RawText"] p {
  line-height: 16px;
}
.footer-left-navigation .footer-menu-left-navigation div[bind-html-compile="ctrl.content.RawText"] p span {
  margin-top: -10px;
}
.footer-left-navigation .footer-menu-left-navigation div[bind-html-compile="ctrl.content.RawText"] p span a {
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  font-family: 'Noto Sans', sans-serif;
  color: #45505f !important;
  text-transform: capitalize;
  text-decoration: none;
}
.footer.footerRed {
  background-color: #1f0d3d;
}
.footer-menu-item {
  padding: 0 13px 0 13px;
  display: inline-block;
}
a.footer-menu-item {
  color: white !important;
  text-decoration: none;
  border: none;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
}
a.footer-menu-item:hover {
  text-decoration: none;
  color: white;
}
a.footer-menu-item:focus-visible {
  text-decoration: none;
  color: white;
}
.footerRed {
  font-size: 16px;
}
.footerRed .footer-social-media {
  height: auto;
}
.footerRed a:focus-visible {
  outline: #ff5858 solid 2px;
  outline: -webkit-focus-ring-color auto 5px;
  -ms-outline: 2px auto #0096ff;
  -ms-outline-offset: 2px;
}
span.impressum div {
  display: inline-block;
  font-size: 14px;
  vertical-align: bottom;
  box-sizing: border-box;
}
span.impressum div .small a {
  color: #a68bac !important;
  font-size: 14px;
}
.footerRed .footer-social-media .footer-social-media-items span.new-impressum {
  padding-right: 0 !important;
}
.footerRed .footer-social-media .footer-social-media-items span.new-impressum div p span {
  width: auto;
  float: none !important;
  padding-right: 0 !important;
}
.footerRed .footer-social-media .footer-social-media-items span.new-impressum div p span a {
  padding-right: 0 !important;
  text-transform: capitalize;
}
.footerRed .footer-social-media .footer-social-media-items span.new-impressum div p {
  margin-bottom: 0px;
  padding-left: 45px;
}
@media (min-width: 320px) and (max-width: 767px) {
  .footerRed .footer-social-media .footer-social-media-items span.new-impressum div p {
    margin-bottom: 0px;
    padding-left: 0;
  }
}
.footer .vertically-centered {
  position: relative;
  display: flex;
  align-items: flex-start;
  height: 100%;
  padding: 0px;
  margin: 0px;
  justify-content: center;
  top: 0 !important;
  transform: none !important;
}
.footer-left-align {
  text-align: left;
  padding-left: 0px;
  padding-right: 0px;
}
.footer-nav-bar {
  height: 100%;
  min-height: 60px;
}
@media (max-width: 642px) {
  .footerRed .footer-nav-bar {
    height: auto;
    padding: 15px 0;
  }
  .footerRed .vertically-centered {
    top: auto;
    transform: inherit;
  }
}
.footer-nav-bottom {
  width: 100%;
  list-style: none;
  padding: 25px 0 16px;
  display: flex;
  margin: 0 auto;
  text-align: center;
  justify-content: center;
}
.footer-nav-bottom li {
  width: auto;
  text-align: left;
  padding: 0 24px;
  font-size: 16px;
}
.footer-nav-bottom li:before {
  display: none;
}
.footer-nav-bottom li a.footer-menu-item {
  padding: 0;
}
.footer-nav-bottom li ul {
  padding: 0;
}
.footer-nav-bottom li ul li {
  width: auto;
  float: none;
  font-weight: normal;
  text-align: left;
  font-size: 12px;
  padding: 2px 0 0 0;
  margin: 0px;
  color: #ded8e9 !important;
}
.footer-nav-bottom li ul li a {
  color: #ded8e9 !important;
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  font-family: 'Noto Sans', sans-serif;
  letter-spacing: 0.004em;
}
.footerRed {
  font-size: 18px;
}
.footerRed .footer-social-media {
  height: auto;
}
@media (min-width: 320px) and (max-width: 767px) {
  .footerRed .footer-social-media .footer-social-media-items {
    padding-top: 25px;
    padding-left: 45px;
    padding-right: 45px;
    padding-bottom: 23px;
  }
}
.footerRed .footer-social-media .footer-social-media-items span {
  padding-right: 48px !important;
  display: inline-block;
  color: #cec5dd !important;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
}
@media (min-width: 320px) and (max-width: 767px) {
  .footerRed .footer-social-media .footer-social-media-items span {
    padding-right: 0 !important;
    display: block;
  }
}
.footerRed .footer-social-media .footer-social-media-items .footerCopy-submenu {
  padding-top: 16px;
  display: inline-block;
  color: #cec5dd !important;
}
@media (min-width: 320px) and (max-width: 767px) {
  .footerRed .footer-social-media .footer-social-media-items .footerCopy-submenu {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
  }
}
.footerRed .footer-social-media .footer-social-media-items .footerCopy-submenu a {
  padding-right: 48px !important;
  color: #ded8e9 !important;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
  letter-spacing: 0.004em;
  word-break: break-word;
}
.footerRed .footer-social-media .footer-social-media-items .footerCopy-submenu a:nth-child(2) {
  padding-right: 0px !important;
}
@media (min-width: 320px) and (max-width: 767px) {
  .footerRed .footer-social-media .footer-social-media-items .footerCopy-submenu a {
    flex: 1 1 45%;
    padding-right: 0 !important;
    text-align: left;
    padding-bottom: 0px !important;
  }
  .footerRed .footer-social-media .footer-social-media-items .footerCopy-submenu a:nth-child(2) {
    text-align: right;
  }
  .footerRed .footer-social-media .footer-social-media-items .footerCopy-submenu a:nth-child(3) {
    flex-basis: 100%;
  }
}
.footerRed a:focus-visible {
  outline: #ff5858 solid 2px;
  outline: -webkit-focus-ring-color auto 5px;
  -ms-outline: 2px auto #0096ff;
  -ms-outline-offset: 2px;
}
span.impressum div {
  display: inline-block;
  font-size: 14px;
  vertical-align: bottom;
  box-sizing: border-box;
}
span.impressum div .small a {
  color: #ccbbcd !important;
  font-size: 14px;
}
@media (min-width: 320px) and (max-width: 950px) {
  .footer-nav-bottom {
    display: block;
  }
  .footer-nav-bottom li:last-child {
    padding-bottom: 0;
  }
}
@media (min-width: 320px) and (max-width: 950px) {
  .footer-nav-bottom li {
    width: calc(100%);
    text-align: center;
    padding-bottom: 20px;
  }
  .footer-nav-bottom li ul {
    margin-top: 16px;
    margin-bottom: 20px;
    text-align: center;
  }
  .footer-nav-bottom li ul li {
    text-align: center;
    padding-bottom: 8px;
  }
  .footer-nav-bottom li ul li a {
    color: #ded8e9;
    font-family: Noto Sans, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    font-family: 'Noto Sans', sans-serif;
    letter-spacing: 0.004em;
  }
}
@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance:none) {
    a.footer-menu-item:focus {
      outline: 2px solid;
      outline-offset: 2px;
    }
  }
}
@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance:none) {
    .footer-social-media a:focus {
      outline: 2px solid;
      outline-offset: 2px;
    }
  }
}
.footer .footer-nav-bar.lhh-wcag-pink-background {
  background-color: #1f0d3d;
}
.footer .footer-nav-bar.lhh-wcag-pink-background .footer-nav-bottom li {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
  color: white;
}
.footer .footer-nav-bar.lhh-wcag-pink-background .footer-nav-bottom li ul li a {
  color: #ded8e9;
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  font-family: 'Noto Sans', sans-serif;
}
.footer .footer-nav-bar.lhh-wcag-pink-background .footer-nav-bottom .learningResourcesFooterSubMenu {
  margin-top: 8px;
}
.footer .footer-nav-bar.lhh-wcag-pink-background .footer-nav-bottom .learningResourcesFooterSubMenu li > a.footer-menu-item {
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  font-family: 'Noto Sans', sans-serif;
  color: #ded8e9;
}
.footer .footer-social-media.purple-dark-background {
  background-color: #1f0d3d;
}
.footer .footer-social-media.lhh-wcag-sm-font {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
  color: #cec5dd;
}
.footer .footer-social-media a {
  border-bottom: none;
}
@media (min-width: 320px) and (max-width: 767px) {
  .footer .footer-social-media a {
    padding-right: 0 !important;
    display: block;
  }
}
.footer .footer-social-media .footer-social-media-items {
  padding-bottom: 25px;
  padding-top: 0px;
}
@media screen and (max-width: 1101px) {
  .footer .footer-social-media .footer-social-media-items {
    padding-top: 25px;
  }
}
.footer a:focus-visible {
  outline: 4px solid #ff5858 !important;
  border-radius: 2px;
  outline-offset: 0px;
}
.lhh-wcag-sm-font {
  color: #ccbbcd;
  font-size: 12px;
  font-weight: 400;
}
.home-banner .flexslider {
  border: none;
  box-shadow: none;
  -webkit-box-shadow: none;
}
.home-banner .flexslider .flex-direction-nav {
  display: none;
}
.home-banner .flexslider .flex-control-paging li a {
  width: 16px;
  height: 16px;
  background: white;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  border: 1px solid #df255f;
  box-shadow: none;
}
.home-banner .flexslider .flex-control-paging li a.flex-active {
  background: #df255f;
}
@media screen and (max-height: 720px) {
  .home-banner .flexslider {
    margin-bottom: 10px;
  }
}
.home-banner .home-banner-purple-divider {
  height: 40px;
  width: 100%;
}
.home-banner .home-banner-background {
  position: relative;
  max-width: 100%;
  height: 520px;
  background: no-repeat white;
  background-size: 100% auto;
  background-position-x: center;
  background-position-y: center;
}
@media screen and (max-height: 720px) and (min-width: 768px) {
  .home-banner .home-banner-background {
    height: 310px;
  }
}
@media screen and (max-width: 768px) {
  .home-banner .home-banner-background {
    height: 310px;
    background-size: auto 100%;
  }
}
@media screen and (max-width: 1024px) {
  .home-banner .home-banner-background .content-width {
    max-width: 80%;
  }
}
@media screen and (max-width: 414px) {
  .home-banner .home-banner-background .content-width {
    max-width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .home-banner .home-banner-content {
    left: 5%;
    width: 60%;
  }
}
@media screen and (max-width: 768px) {
  .home-banner .home-banner-title {
    font-size: 28px;
  }
}
@media screen and (max-width: 768px) {
  .home-banner .home-banner-subtitle,
  .home-banner .home-banner-description {
    font-size: 14px;
  }
}
.home-banner .home-banner-session-statement {
  width: 377px;
  height: 35px;
  font-family: 'Noto Serif';
  font-size: 24px;
  font-weight: 600;
  line-height: 1.25;
  text-align: left;
  color: black;
}
@media screen and (max-width: 768px) {
  .home-banner .home-banner-session-statement {
    font-size: 14px;
  }
}
.home-banner .home-banner-session-title {
  /*width: 632px;*/
  font-family: 'Noto Serif';
  font-size: 50px;
  font-weight: 600;
  line-height: 1;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .home-banner .home-banner-session-title {
    font-size: 28px;
    line-height: 1;
    height: 100%;
  }
}
.home-banner .home-banner-session-date {
  font-size: 24px;
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .home-banner .home-banner-session-date {
    font-size: 14px;
    margin-top: 10px;
  }
}
@media screen and (max-width: 736px) {
  .home-banner .home-banner-session-name {
    display: block;
  }
}
.home-banner .btn-banner-session {
  width: auto;
  max-width: 220px;
  margin-top: 15px;
}
@media screen and (max-width: 768px) {
  .home-banner .btn-banner-session {
    width: 150px;
    margin-top: 10px;
  }
}
/*Banner CSS*/

.home-page-banner {
  height: 520px;
  position: relative;
}
.home-bn-background {
  background-repeat: no-repeat !important;
  height: 100% !important;
  width: 100% !important;
  background-position: bottom !important;
  background-size: cover !important;
}
/* Second-banner */

.home-page-banner .banner-content {
  top: 35%;
  max-width: 39.5em;
  margin-top: 0;
  margin-left: 14.5%;
  position: absolute;
  transform: translateY(-25%);
}
.home-banner-subtitle {
  margin-bottom: 0px;
}
.home-banner-title {
  margin-bottom: 10px;
  margin-top: 0px;
}
.home-banner-description {
  margin-top: 0px;
}
.home-page-banner .explore-title {
  color: #df255f;
  margin-bottom: 10px;
}
.home-page-banner .explore-subtitle {
  clear: both;
  padding-left: 5px;
  margin-top: 5px;
}
.default-banner .banner-content {
  width: 65.5%;
}
@media (max-width: 1600px) {
  .home-page-banner .banner-content {
    top: 45%;
    transform: translateY(-50%);
    max-width: 39.5em;
    margin-left: 8%;
    left: 0;
  }
  .menu-links {
    padding-left: 0%;
  }
}
@media (max-width: 1280px) {
  .home-page-banner .banner-content {
    max-width: 39.5em;
    margin-left: 3%;
  }
}
@media (max-width: 1024px) {
  .home-page-banner .banner-content {
    margin-left: 2%;
    max-width: 26em;
  }
}
@media (max-width: 991px) {
  .home-page-banner .banner-content {
    max-width: 22em;
    margin-left: 1%;
  }
}
@media (max-width: 767px) {
  .home-page-banner .banner-content {
    max-width: 20em;
    margin-left: 0%;
  }
}
@media (max-width: 480px) {
  .home-page-banner .banner-content {
    max-width: 12em;
  }
}
@media screen and (max-height: 720px) {
  .home-banner .home-banner-session-date {
    padding-left: 0px;
  }
}
@media screen and (max-width: 2560px) {
  .home-page-banner {
    height: 520px;
  }
  .home-page-banner .explore-title {
    font-size: 50px;
    margin-top: 0;
  }
  .home-page-banner .explore-subtitle {
    font-size: 24px;
  }
}
@media screen and (max-width: 1920px) {
  .home-page-banner {
    height: 350px;
  }
  .home-page-banner .explore-title {
    font-size: 44px;
  }
  .home-page-banner .explore-subtitle {
    font-size: 22px;
  }
}
@media screen and (max-width: 1024px) {
  .home-page-banner {
    height: 280px;
  }
  .home-page-banner .explore-title {
    font-size: 34px;
  }
  .home-page-banner .explore-subtitle {
    font-size: 18px;
  }
}
@media screen and (max-width: 991px) {
  .home-page-banner {
    height: 280px;
  }
  .home-page-banner .explore-title {
    font-size: 28px;
  }
  .home-page-banner .explore-subtitle {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .home-page-banner {
    height: 220px;
  }
  .home-page-banner .explore-title {
    font-size: 28px;
  }
  .home-page-banner .explore-subtitle {
    font-size: 16px;
  }
}
@media screen and (max-width: 480px) {
  .home-page-banner {
    height: 260px;
  }
  .home-page-banner .explore-title {
    font-size: 26px;
  }
  .home-page-banner .explore-subtitle {
    font-size: 16px;
  }
}
@media screen and (max-width: 320px) {
  .home-page-banner {
    height: 260px;
  }
  .home-page-banner .explore-title {
    font-size: 26px;
  }
  .home-page-banner .explore-subtitle {
    font-size: 16px;
  }
}
/*@media only screen and (device-width : 375px) and (device-height : 667px) and (-webkit-device-pixel-ratio : 2) {
    .home-page-banner {height: 260px;}
}*/

@media only screen and (device-width: 800px) and (device-height: 600px) and (-webkit-device-pixel-ratio: 2) {
  .home-page-banner {
    height: 220px;
  }
}
.single-banner-margin-botton {
  margin-bottom: -10px;
}
.multi-banner-margin-botton {
  margin-bottom: 27px;
}
@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance:none) {
    .flex-control-paging li a:focus {
      outline: 2px solid black;
      outline-offset: 0px;
      border: 0;
    }
  }
}
.home-page .tabs-section {
  padding: 0 !important;
  background-color: #f1f0f5 !important;
  margin-bottom: 0 !important;
}
.home-page .tabs-section .full-column {
  flex-direction: column !important;
}
.home-page .tabs-section .full-column .tabs-container {
  background: #f7f7fa;
}
.home-page .tabs-section .full-column .tabs-container .tabs {
  display: flex;
  gap: 12px;
  margin-bottom: 20px;
  overflow: auto;
}
@media (max-width: 767px) {
  .home-page .tabs-section .full-column .tabs-container .tabs {
    padding: 0px 0px 16px 0px;
  }
}
.home-page .tabs-section .full-column .tabs-container .tabs .tab {
  display: flex;
  padding: 12px 24px 12px 16px;
  align-items: flex-start;
  gap: 8px;
  flex-shrink: 0;
  border-radius: 12px;
  cursor: pointer;
  font-weight: 600;
  color: #1c304b;
  font-family: 'Noto Sans';
  font-size: 16px;
  background: white;
}
.home-page .tabs-section .full-column .tabs-container .tabs .tab .tab-icon {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  text-align: center;
  height: 24px;
  width: 24px;
  border-radius: 50%;
}
.home-page .tabs-section .full-column .tabs-container .tabs .active {
  background: #fcf7fb;
  border: 1px solid #aa0285;
}
.home-page .tabs-section .full-column .tabs-container .tabs .tab-one .tab-icon {
  background: #f7d3d0;
}
.home-page .tabs-section .full-column .tabs-container .tabs .tab-one .resume-icon {
  background-image: url(/Content/Images/icons/resume_tab_icon.svg) !important;
  height: 12px;
  width: 12px;
  display: block;
  margin: 5px 5px 5px 6px;
}
.home-page .tabs-section .full-column .tabs-container .tabs .tab-one:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px;
}
.home-page .tabs-section .full-column .tabs-container .tabs .tab-two .tab-icon {
  background: #eff0ff;
}
.home-page .tabs-section .full-column .tabs-container .tabs .tab-two .job-icon {
  background-image: url(/Content/Images/icons/job_search_tab_icon.svg) !important;
  height: 14px;
  width: 14px;
  display: block;
  margin: 4px;
}
.home-page .tabs-section .full-column .tabs-container .tabs .tab-two:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px;
}
.home-page .tabs-section .full-column .tabs-container .tabs .tab-three .tab-icon {
  background: #e4f2ea;
}
.home-page .tabs-section .full-column .tabs-container .tabs .tab-three .career-icon {
  background-image: url(/Content/Images/icons/career_clarity_tab_icon.svg) !important;
  height: 15px;
  width: 15px;
  display: block;
  margin: 4px 5px 5px 4px;
}
.home-page .tabs-section .full-column .tabs-container .tabs .tab-three:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px;
}
.home-page .tabs-section .full-column .tabs-container .tabs .tab-four .tab-icon {
  background: #d0f0f7;
}
.home-page .tabs-section .full-column .tabs-container .tabs .tab-four .prepare-icon {
  background-image: url(/Content/Images/icons/prepare_tab_icon.svg) !important;
  height: 15px;
  width: 16px;
  display: block;
  margin: 3px 2px 5px 4px;
}
.home-page .tabs-section .full-column .tabs-container .tabs .tab-four:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px;
}
.home-page .tabs-section .full-column .tabs-container .tab-content {
  padding: 0;
  margin-bottom: 0;
  border: none;
}
.home-page .tabs-section .full-column .tabs-container .tab-content .tab-box {
  background: white;
  border-radius: 16px;
  padding: 16px;
}
.home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap {
  display: flex;
  gap: 16px;
}
.home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .row-fixed {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(233px, 1fr);
  gap: 16px;
  flex: 1;
}
@media screen and (min-width: 768px) and (max-width: 930px) {
  .home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .row-fixed {
    grid-template-columns: minmax(0, 2fr) minmax(243px, 1fr);
  }
}
.home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .row-fixed .resume-card,
.home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .row-fixed .explore-card,
.home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .row-fixed .reflect-card,
.home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .row-fixed .practice-card {
  display: flex;
  flex-direction: column;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: 8px;
}
.home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .row-fixed .resume-card .tab-parent,
.home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .row-fixed .explore-card .tab-parent,
.home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .row-fixed .reflect-card .tab-parent,
.home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .row-fixed .practice-card .tab-parent {
  background-repeat: no-repeat !important;
  background-size: auto !important;
}
.home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .row-fixed .resume-card .tab-parent.has-skeleton .action-buttons,
.home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .row-fixed .explore-card .tab-parent.has-skeleton .action-buttons,
.home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .row-fixed .reflect-card .tab-parent.has-skeleton .action-buttons,
.home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .row-fixed .practice-card .tab-parent.has-skeleton .action-buttons {
  display: none;
}
.home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .row-fixed .resume-card .tab-parent.has-skeleton,
.home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .row-fixed .explore-card .tab-parent.has-skeleton,
.home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .row-fixed .reflect-card .tab-parent.has-skeleton,
.home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .row-fixed .practice-card .tab-parent.has-skeleton {
  padding: 8px !important;
}
.home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .row-fixed .resume-card .tab-parent:has(.main-header),
.home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .row-fixed .explore-card .tab-parent:has(.main-header),
.home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .row-fixed .reflect-card .tab-parent:has(.main-header),
.home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .row-fixed .practice-card .tab-parent:has(.main-header) {
  padding: 24px 24px 32px !important;
}
@media (max-width: 767px) {
  .home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .row-fixed .resume-card .tab-parent:has(.main-header),
  .home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .row-fixed .explore-card .tab-parent:has(.main-header),
  .home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .row-fixed .reflect-card .tab-parent:has(.main-header),
  .home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .row-fixed .practice-card .tab-parent:has(.main-header) {
    padding: 24px 16px !important;
  }
}
@media (max-width: 767px) {
  .home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .row-fixed .resume-card .tab-parent:has(.main-header) .resume-content,
  .home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .row-fixed .explore-card .tab-parent:has(.main-header) .resume-content,
  .home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .row-fixed .reflect-card .tab-parent:has(.main-header) .resume-content,
  .home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .row-fixed .practice-card .tab-parent:has(.main-header) .resume-content,
  .home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .row-fixed .resume-card .tab-parent:has(.main-header) .explore-content,
  .home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .row-fixed .explore-card .tab-parent:has(.main-header) .explore-content,
  .home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .row-fixed .reflect-card .tab-parent:has(.main-header) .explore-content,
  .home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .row-fixed .practice-card .tab-parent:has(.main-header) .explore-content,
  .home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .row-fixed .resume-card .tab-parent:has(.main-header) .reflect-content,
  .home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .row-fixed .explore-card .tab-parent:has(.main-header) .reflect-content,
  .home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .row-fixed .reflect-card .tab-parent:has(.main-header) .reflect-content,
  .home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .row-fixed .practice-card .tab-parent:has(.main-header) .reflect-content,
  .home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .row-fixed .resume-card .tab-parent:has(.main-header) .practice-content,
  .home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .row-fixed .explore-card .tab-parent:has(.main-header) .practice-content,
  .home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .row-fixed .reflect-card .tab-parent:has(.main-header) .practice-content,
  .home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .row-fixed .practice-card .tab-parent:has(.main-header) .practice-content {
    width: auto;
  }
}
.home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .row-fixed .resume-card .tab-parent:has(.main-header) .action-buttons,
.home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .row-fixed .explore-card .tab-parent:has(.main-header) .action-buttons,
.home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .row-fixed .reflect-card .tab-parent:has(.main-header) .action-buttons,
.home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .row-fixed .practice-card .tab-parent:has(.main-header) .action-buttons {
  display: flex !important;
}
.home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .row-fixed .resume-card {
  background-image: url(/Content/Images/resume_big_circle.svg), linear-gradient(270deg, rgba(242, 231, 247, 0.5) 0%, rgba(247, 231, 242, 0.5) 100%);
  background-position: 138% -40%;
}
.home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .row-fixed .resume-card .tab-parent {
  background-image: url(/Content/Images/resume_small_circle.svg);
  background-position: 94% -10%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .row-fixed .resume-card .tab-parent.has-skeleton .resume-content:has(.recommend-skeleton) {
  width: auto;
}
.home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .row-fixed .resume-card .resume-content {
  width: auto;
}
.home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .row-fixed .resume-card .resume-content ul {
  margin-bottom: 80px;
}
.home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .row-fixed .resume-card .resume-content ul li .resume-list-icon {
  background-image: url(/Content/Images/icons/check_circle_outline.svg) !important;
  height: 17px;
  width: 17px;
  display: block;
  margin: 0px 0px 1px 0px;
  background-repeat: no-repeat;
}
@media (max-width: 767px) {
  .home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .row-fixed .resume-card .resume-content ul li .resume-list-icon {
    width: 26px;
  }
}
@media (max-width: 767px) {
  .home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .row-fixed .resume-card .resume-content ul {
    margin-bottom: 36px;
  }
}
.home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .row-fixed .resume-card .action-buttons .primary-btn,
.home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .row-fixed .resume-card .action-buttons .secondary-btn {
  width: auto;
}
@media (max-width: 767px) {
  .home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .row-fixed .resume-card .action-buttons .primary-btn,
  .home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .row-fixed .resume-card .action-buttons .secondary-btn {
    width: 100%;
  }
}
.home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .row-fixed .explore-card {
  background: url(/Content/Images/explore_big_circle.svg) no-repeat 100% 100%, #eff0ff;
  background-position: 140% 10%;
  display: grid;
}
.home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .row-fixed .explore-card .tab-parent {
  background: url(/Content/Images/explore_small_circle.svg);
  background-position: 95% -10%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .row-fixed .explore-card .tab-parent.has-skeleton .explore-content:has(.recommend-skeleton) {
  width: auto;
}
.home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .row-fixed .explore-card .explore-content .jobhub-search-section {
  margin: 16px 0px 113px;
}
@media (max-width: 767px) {
  .home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .row-fixed .explore-card .explore-content .jobhub-search-section {
    margin: 16px 0px 36px;
  }
}
.home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .row-fixed .explore-card .action-buttons .primary-btn {
  min-width: 253px;
  max-width: 340px;
}
@media (max-width: 767px) {
  .home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .row-fixed .explore-card .action-buttons .primary-btn {
    width: 100%;
  }
}
.home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .row-fixed .reflect-card {
  background: url(/Content/Images/reflect_big_circle.svg) no-repeat 100% 100%, #e4f2ea;
  background-position: 120% -10%;
}
.home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .row-fixed .reflect-card .tab-parent {
  background: url(/Content/Images/reflect_small_circle.svg);
  background-position: 110% -5%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .row-fixed .reflect-card .tab-parent.has-skeleton .reflect-content:has(.recommend-skeleton) {
  width: auto;
}
.home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .row-fixed .reflect-card .reflect-content ul {
  margin-bottom: 40px;
  /*@media screen and (min-width: 912px) and (max-width: 1280px) {
                                                margin-bottom: 64px;
                                            }

                                            @media screen and (min-width: 768px) and (max-width: 911px) {
                                                margin-bottom: 104px;
                                            }

                                            @media screen and (min-width: 535px) and (max-width: 542px) {
                                                margin-bottom: 88px !important;
                                            }

                                            @media (max-width: 767px) {
                                                margin-bottom: 32px;
                                            }*/

}
.home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .row-fixed .reflect-card .reflect-content ul li .career-clarity-list-icon {
  background-image: url(/Content/Images/icons/star.svg) !important;
  height: 18px;
  width: 21px;
  display: block;
  margin: 0px 0px 3px 0px;
  background-repeat: no-repeat;
}
@media screen and (min-width: 300px) and (max-width: 392px) {
  .home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .row-fixed .reflect-card .reflect-content ul li .career-clarity-list-icon {
    width: 37px !important;
  }
}
@media screen and (min-width: 393px) and (max-width: 450px) {
  .home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .row-fixed .reflect-card .reflect-content ul li .career-clarity-list-icon {
    width: 32px !important;
  }
}
@media (max-width: 767px) {
  .home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .row-fixed .reflect-card .reflect-content ul li .career-clarity-list-icon {
    width: 26px;
  }
}
.home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .row-fixed .reflect-card .reflect-content .action-buttons .primary-btn {
  min-width: 253px;
  max-width: 340px;
}
.home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .row-fixed .practice-card {
  background: url(/Content/Images/practice_big_circle.svg) no-repeat 100% 100%, #e4ecf2;
  background-position: 135% 0%;
}
.home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .row-fixed .practice-card .tab-parent {
  background: url(/Content/Images/practice_small_circle.svg);
  background-position: 93% -10%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .row-fixed .practice-card .tab-parent.has-skeleton .practice-content:has(.recommend-skeleton) {
  width: auto;
}
.home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .row-fixed .practice-card .practice-content ul {
  margin-bottom: 56px;
}
.home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .row-fixed .practice-card .practice-content ul li .list-one-icon {
  background-image: url(/Content/Images/icons/filter_tilt_shift.svg) !important;
  height: 17px;
  width: 21px;
  display: block;
  background-repeat: no-repeat;
}
.home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .row-fixed .practice-card .practice-content ul li .list-two-icon {
  background-image: url(/Content/Images/icons/menu_book.svg) !important;
  height: 18px;
  width: 23px;
  display: block;
  background-repeat: no-repeat;
}
.home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .row-fixed .practice-card .practice-content ul li .list-three-icon {
  background-image: url(/Content/Images/icons/feedback.svg) !important;
  height: 18px;
  width: 23px;
  display: block;
  margin: 2px 0px 0px 0px;
  background-repeat: no-repeat;
}
@media (max-width: 767px) {
  .home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .row-fixed .practice-card .practice-content ul {
    margin-bottom: 36px;
  }
}
.home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .row-fixed .practice-card .action-buttons .primary-btn {
  min-width: 253px;
  max-width: 340px;
}
@media (max-width: 767px) {
  .home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .row-fixed .practice-card .action-buttons .primary-btn {
    width: 100%;
  }
}
.home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .row-fixed .side-card {
  display: flex;
  background-repeat: no-repeat !important;
  border-radius: 8px;
  padding: 24px 24px 32px 24px;
  background-size: auto !important;
  background-color: #f1f0f5 !important;
}
@media (max-width: 767px) {
  .home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .row-fixed .side-card {
    padding: 24px 16px;
  }
}
.home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .row-fixed .side-card .content-inner {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 16px;
}
.home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .row-fixed .side-card .content-inner .content-view {
  color: #1c304b;
}
.home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .row-fixed .side-card .content-inner .content-view .resume_sample_heading {
  display: flex;
  flex-direction: column;
}
.home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .row-fixed .side-card .content-inner .content-view .para-details {
  padding-top: 12px;
}
.home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .row-fixed .side-card .content-inner .content-view .sub-title {
  margin-bottom: 10px;
}
.home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .row-fixed .side-card .content-inner .arrow-button {
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  text-transform: uppercase;
  color: #1c304b !important;
  background-color: transparent !important;
  font-family: Noto Sans, sans-serif;
  min-width: 80px;
  height: 40px;
  justify-content: center;
  display: flex;
  width: 80px;
  padding: 8px;
  flex-direction: column;
  align-items: center;
  border-radius: 8px;
  border: 1px solid #1c304b !important;
}
@media (max-width: 767px) {
  .home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .row-fixed .side-card .content-inner .arrow-button {
    width: auto !important;
  }
}
.home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .row-fixed .side-card .content-inner .arrow-button span {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
}
.home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .row-fixed .side-card .content-inner .arrow-button:focus {
  outline: none;
}
.home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .row-fixed .side-card .content-inner .btn:focus {
  outline: none;
}
.home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .row-fixed .side-card .content-inner:has(.recommend-skeleton) {
  border: 8px solid #f1f0f5;
  border-radius: 8px;
}
.home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .row-fixed .side-card:has(.recommend-skeleton) {
  display: block;
  padding: 0px;
}
.home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .row-fixed .carousel-card .tab-right.has-skeleton .arrow-button {
  display: none !important;
}
.home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .row-fixed .carousel-card .tab-right.has-skeleton .img-container {
  padding: 0px !important;
}
.home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .row-fixed .carousel-card .tab-right.has-skeleton .img-container .content-inner {
  border: 8px solid #f1f0f5;
  border-radius: 8px;
}
.home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .row-fixed .carousel-card .tab-right:has(.top-section) .arrow-button {
  display: flex !important;
}
.home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .row-fixed .carousel-card .tab-right:has(.top-section) .img-container {
  padding: 24px 24px 32px 24px !important;
}
@media (max-width: 767px) {
  .home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .row-fixed .carousel-card .tab-right:has(.top-section) .img-container {
    padding: 24px 16px !important;
  }
}
.home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .row-fixed .carousel-card .tab-right:has(.top-section) .img-container .content-inner {
  border: none;
  border-radius: 0px;
}
.home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .row-fixed .carousel-card .right-control:has(.recommend-skeleton) {
  width: stretch;
  width: -webkit-fill-available;
}
.home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .row-fixed .carousel-card .upcoming-events .control-wrapper-opened {
  min-height: 362px !important;
}
.home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .row-fixed .carousel-card .upcoming-events .control-wrapper-opened .control-wrapper-head {
  margin-bottom: 0px !important;
}
.home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .row-fixed .resume-right-section {
  background: linear-gradient(270deg, rgba(241, 240, 245, 0) -38.72%, #f1f0f5 46.79%), url(/Content/Images/resumesample_bg.svg) right no-repeat;
  background-position: right;
  background-size: contain !important;
}
.home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .row-fixed .resume-right-section .content-view .resume-sample-only {
  display: none;
}
.home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .row-fixed .explore-right-section {
  background: url(/Content/Images/smart_jobboard_bg.svg) center no-repeat;
  background-position: 88% 70%;
  background-size: 140px !important;
}
.home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .row-fixed .reflect-right-section {
  background-size: contain !important;
}
.home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .row-fixed .reflect-right-section .content-view .sub-title {
  margin-bottom: 0px !important;
}
.home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .row-fixed .practice-right-section {
  background: linear-gradient(270deg, rgba(241, 240, 245, 0) -25.72%, #f1f0f5 42.79%), url(/Content/Images/upskilling_home_bg.svg) right no-repeat;
  background-position: right;
  background-size: contain !important;
}
.home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .row-fixed .practice-right-section .content-view .upskilling-only {
  display: none;
}
.home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .row-fixed .right-section {
  display: flex;
}
@media (max-width: 767px) {
  .home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .row-fixed .right-section {
    flex: 0 0 100%;
    flex-direction: column;
    height: 93%;
  }
}
.home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .row-fixed .right-section .career_canvas_header {
  color: #aa0285;
  font-family: "Noto Sans";
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 0.6px;
  text-transform: uppercase;
}
.home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .row-fixed .right-section:has(.recommend-skeleton) {
  display: block;
}
.home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .resume-tab-content:has(.resume-left-content) {
  display: grid;
  grid-template-columns: 1fr;
}
.home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .resume-tab-content:has(.resume-right-img) {
  display: grid;
  grid-template-columns: 1fr;
}
.home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .resume-tab-content:has(.resume-right-img) .resume-right-img {
  display: block;
}
.home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .resume-tab-content:has(.resume-right-img) .resume-right-img .resume-right-section {
  background: linear-gradient(270deg, rgba(241, 240, 245, 0) 0%, rgba(241, 240, 245, 0.51) 0%, #f1f0f5 35.79%), url(/Content/Images/resumesample_full_bg.svg) right no-repeat;
  background-position: right;
}
@media (max-width: 767px) {
  .home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .resume-tab-content:has(.resume-right-img) .resume-right-img .resume-right-section {
    height: auto;
    background: linear-gradient(270deg, rgba(241, 240, 245, 0) -38.72%, #f1f0f5 46.79%), url(/Content/Images/resumesample_bg.svg) right no-repeat;
  }
}
.home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .resume-tab-content:has(.resume-right-img) .resume-right-img .resume-right-section .content-view .resume_sample_heading {
  display: block !important;
}
.home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .resume-tab-content:has(.resume-right-img) .resume-right-img .resume-right-section .content-view .sub-title {
  margin-bottom: 40px;
}
.home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .resume-tab-content:has(.resume-right-img) .resume-right-img .resume-right-section .content-view .resume-sample-only {
  display: flex;
}
.home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .resume-tab-content:has(.resume-right-img) .resume-right-img .resume-right-section .content-view ul {
  margin-bottom: 60px;
}
.home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .resume-tab-content:has(.resume-right-img) .resume-right-img .resume-right-section .content-view ul li .sample-icon {
  height: 18px;
  width: 21px;
  display: block;
  background-repeat: no-repeat;
}
@media screen and (min-width: 320px) and (max-width: 375px) {
  .home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .resume-tab-content:has(.resume-right-img) .resume-right-img .resume-right-section .content-view ul li .sample-icon {
    width: 12%;
  }
}
@media screen and (min-width: 376px) and (max-width: 520px) {
  .home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .resume-tab-content:has(.resume-right-img) .resume-right-img .resume-right-section .content-view ul li .sample-icon {
    width: 8%;
  }
}
@media screen and (min-width: 521px) and (max-width: 767px) {
  .home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .resume-tab-content:has(.resume-right-img) .resume-right-img .resume-right-section .content-view ul li .sample-icon {
    width: 5%;
  }
}
.home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .resume-tab-content:has(.resume-right-img) .resume-right-img .resume-right-section .content-view ul li .sample-one-icon {
  background-image: url(/Content/Images/icons/sample_list_icon_one.svg) !important;
}
.home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .resume-tab-content:has(.resume-right-img) .resume-right-img .resume-right-section .content-view ul li .sample-two-icon {
  background-image: url(/Content/Images/icons/sample_list_icon_two.svg) !important;
}
.home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .resume-tab-content:has(.resume-right-img) .resume-right-img .resume-right-section .content-view ul li .sample-three-icon {
  background-image: url(/Content/Images/icons/sample_list_icon_three.svg) !important;
  margin: 2px 0px 0px 0px;
}
@media (max-width: 767px) {
  .home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .resume-tab-content:has(.resume-right-img) .resume-right-img .resume-right-section .content-view ul {
    margin-bottom: 36px;
  }
}
.home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .resume-tab-content:has(.resume-right-img) .resume-right-img .resume-right-section .arrow-button {
  width: 160px;
}
.home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .explore-tab-content:has(.explore-left-content) {
  display: grid;
  grid-template-columns: 1fr;
}
.home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .explore-tab-content:has(.explore-left-content) .tab-parent .explore-content {
  width: 75%;
}
@media (max-width: 767px) {
  .home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .explore-tab-content:has(.explore-left-content) .tab-parent .explore-content {
    width: auto;
  }
}
.home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .explore-tab-content:has(.explore-right-img) {
  display: grid;
  grid-template-columns: 1fr;
}
.home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .explore-tab-content:has(.explore-right-img) .explore-right-img {
  display: block;
}
.home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .explore-tab-content:has(.explore-right-img) .explore-right-img .explore-right-section {
  background: url(/Content/Images/smart_jobboard_bg.svg) center no-repeat;
  background-position: 87% 50%;
}
.home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .explore-tab-content:has(.explore-right-img) .explore-right-img .explore-right-section .content-view .sub-title {
  margin-bottom: 177px;
}
.home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .explore-tab-content:has(.explore-right-img) .explore-right-img .explore-right-section .arrow-button {
  width: 160px;
}
.home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .reflect-tab-content:has(.reflect-left-content) {
  display: grid;
  grid-template-columns: 1fr;
}
.home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .reflect-tab-content:has(.reflect-left-content) .reflect-content {
  width: 80%;
}
@media (max-width: 767px) {
  .home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .reflect-tab-content:has(.reflect-left-content) .reflect-content {
    width: auto;
  }
}
.home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .reflect-tab-content:has(.reflect-right-img) {
  display: grid;
  grid-template-columns: 1fr;
}
.home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .reflect-tab-content:has(.reflect-right-img) .reflect-right-img {
  display: block;
}
@media (max-width: 767px) {
  .home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .reflect-tab-content:has(.reflect-right-img) .reflect-right-img {
    height: 100%;
    display: flex;
  }
}
.home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .reflect-tab-content:has(.reflect-right-img) .reflect-right-img .reflect-right-section {
  background-position: right;
}
.home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .reflect-tab-content:has(.reflect-right-img) .reflect-right-img .reflect-right-section .content-view {
  width: 70%;
}
@media (max-width: 767px) {
  .home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .reflect-tab-content:has(.reflect-right-img) .reflect-right-img .reflect-right-section .content-view {
    width: auto;
  }
}
.home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .reflect-tab-content:has(.reflect-right-img) .reflect-right-img .reflect-right-section .content-view .sub-title {
  margin-bottom: 137px !important;
}
.home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .reflect-tab-content:has(.reflect-right-img) .reflect-right-img .reflect-right-section .arrow-button {
  width: 160px;
}
.home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .practice-tab-content:has(.practice-left-content) {
  display: grid;
  grid-template-columns: 1fr;
}
.home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .practice-tab-content:has(.practice-left-content) .practice-content {
  width: 75%;
}
@media (max-width: 767px) {
  .home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .practice-tab-content:has(.practice-left-content) .practice-content {
    width: auto;
  }
}
.home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .practice-tab-content:has(.practice-right-img) {
  display: grid;
  grid-template-columns: 1fr;
}
.home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .practice-tab-content:has(.practice-right-img) .practice-right-img {
  display: block;
}
.home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .practice-tab-content:has(.practice-right-img) .practice-right-img .practice-right-section {
  background: linear-gradient(270deg, rgba(241, 240, 245, 0) 0%, #f1f0f5 26.79%), url(/Content/Images/upskilling_home_full_bg.svg) right no-repeat;
  background-position: right;
}
@media (max-width: 767px) {
  .home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .practice-tab-content:has(.practice-right-img) .practice-right-img .practice-right-section {
    height: auto;
    background: linear-gradient(270deg, rgba(241, 240, 245, 0) -36.72%, #f1f0f5 37.79%), url(/Content/Images/upskilling_home_bg.svg) right no-repeat;
  }
}
.home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .practice-tab-content:has(.practice-right-img) .practice-right-img .practice-right-section .content-view .sub-title {
  margin-bottom: 40px;
}
.home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .practice-tab-content:has(.practice-right-img) .practice-right-img .practice-right-section .content-view .upskilling-only {
  display: flex;
}
.home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .practice-tab-content:has(.practice-right-img) .practice-right-img .practice-right-section .content-view ul {
  margin-bottom: 60px;
}
.home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .practice-tab-content:has(.practice-right-img) .practice-right-img .practice-right-section .content-view ul li .upskill-icon {
  height: 18px;
  width: 21px;
  display: block;
  background-repeat: no-repeat;
}
@media screen and (min-width: 320px) and (max-width: 375px) {
  .home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .practice-tab-content:has(.practice-right-img) .practice-right-img .practice-right-section .content-view ul li .upskill-icon {
    width: 12%;
  }
}
@media screen and (min-width: 376px) and (max-width: 520px) {
  .home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .practice-tab-content:has(.practice-right-img) .practice-right-img .practice-right-section .content-view ul li .upskill-icon {
    width: 8%;
  }
}
@media screen and (min-width: 521px) and (max-width: 767px) {
  .home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .practice-tab-content:has(.practice-right-img) .practice-right-img .practice-right-section .content-view ul li .upskill-icon {
    width: 5%;
  }
}
.home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .practice-tab-content:has(.practice-right-img) .practice-right-img .practice-right-section .content-view ul li .upskill-one-icon {
  background-image: url(/Content/Images/icons/upskill_list_icon_one.svg) !important;
}
.home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .practice-tab-content:has(.practice-right-img) .practice-right-img .practice-right-section .content-view ul li .upskill-two-icon {
  background-image: url(/Content/Images/icons/upskill_list_icon_two.svg) !important;
}
.home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .practice-tab-content:has(.practice-right-img) .practice-right-img .practice-right-section .content-view ul li .upskill-three-icon {
  background-image: url(/Content/Images/icons/upskill_list_icon_three.svg) !important;
  margin: 2px 0px 0px 0px;
}
@media (max-width: 767px) {
  .home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .practice-tab-content:has(.practice-right-img) .practice-right-img .practice-right-section .content-view ul {
    margin-bottom: 36px;
  }
}
.home-page .tabs-section .full-column .tabs-container .tab-content .tab-box .fluid-wrap .practice-tab-content:has(.practice-right-img) .practice-right-img .practice-right-section .arrow-button {
  width: 160px;
}
.home-page .tabs-section .full-column .tabs-container .tab-content .sub-header {
  color: #aa0285;
  font-family: 'Noto Sans';
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  margin-bottom: 4px;
}
.home-page .tabs-section .full-column .tabs-container .tab-content .main-header {
  color: #1c304b;
  font-family: 'Noto Serif';
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  margin: 0 0 8px 0;
}
.home-page .tabs-section .full-column .tabs-container .tab-content .sub-title {
  color: #45505f;
  font-family: 'Noto Sans';
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 40px;
}
.home-page .tabs-section .full-column .tabs-container .tab-content ul {
  padding-left: 0px;
  color: #1c304b;
  font-family: 'Noto Sans';
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.056px;
  margin-bottom: 50px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.home-page .tabs-section .full-column .tabs-container .tab-content ul li {
  list-style: none;
  color: #1c304b;
  font-family: "Noto Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  display: flex;
  gap: 8px;
  align-items: center;
}
.home-page .tabs-section .full-column .tabs-container .tab-content .action-buttons {
  display: flex;
  column-gap: 16px;
  align-items: center;
}
@media (max-width: 767px) {
  .home-page .tabs-section .full-column .tabs-container .tab-content .action-buttons {
    flex-wrap: wrap;
    gap: 8px;
    width: auto;
    justify-content: center;
  }
}
.home-page .tabs-section .full-column .tabs-container .tab-content .action-buttons .primary-btn,
.home-page .tabs-section .full-column .tabs-container .tab-content .action-buttons .secondary-btn {
  padding: 8px 24px;
  cursor: pointer;
}
@media (max-width: 767px) {
  .home-page .tabs-section .full-column .tabs-container .tab-content .action-buttons .primary-btn,
  .home-page .tabs-section .full-column .tabs-container .tab-content .action-buttons .secondary-btn {
    width: 100%;
  }
}
.home-page .tabs-section .full-column .tabs-container .tab-content .action-buttons .secondary-btn {
  background-color: transparent !important;
}
.home-page .tabs-section .full-column .tabs-container .tab-content .action-buttons a {
  text-decoration: none;
  display: inline-block;
}
.home-page .tabs-section .full-column .tabs-container .tab-content .action-buttons a:hover {
  color: white;
}
@media (max-width: 767px) {
  .home-page .tabs-section .full-column .tabs-container .tab-content {
    border-radius: 12px;
    background: white;
    overflow: hidden;
    min-height: fit-content;
    max-height: fit-content;
    /* Hide scrollbar */
  
  }
  .home-page .tabs-section .full-column .tabs-container .tab-content .mobile-carousel-track {
    display: flex !important;
    gap: 16px !important;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
  }
  .home-page .tabs-section .full-column .tabs-container .tab-content .mobile-carousel-track::-webkit-scrollbar {
    display: none;
  }
  .home-page .tabs-section .full-column .tabs-container .tab-content .carousel-card {
    flex: 0 0 100%;
    scroll-snap-align: center;
    background: white;
    border-radius: 12px;
    height: 93%;
  }
}
.home-page .tabs-section .full-column .tabs-container .tab-content .carousel-dots {
  text-align: center;
  display: flex;
  align-items: flex-start;
  gap: 8px;
  justify-content: center;
  padding: 16px 0px 0px 0px;
}
.home-page .tabs-section .full-column .tabs-container .tab-content .carousel-dots span {
  width: 8px;
  height: 8px;
  background: #ebebee;
  display: inline-block;
  border-radius: 50%;
}
.home-page .tabs-section .full-column .tabs-container .tab-content .carousel-dots span.active {
  background: #aa0285;
  /* purple dot */
  width: 8px;
  height: 8px;
}
@media (min-width: 768px) {
  .home-page .tabs-section .full-column .tabs-container .tab-content .mobile-carousel-track {
    display: block;
    overflow: visible;
  }
  .home-page .tabs-section .full-column .tabs-container .tab-content .carousel-card {
    box-shadow: none;
    padding: 0px;
  }
  .home-page .tabs-section .full-column .tabs-container .tab-content .carousel-dots {
    display: none;
  }
}
.home-page .tabs-section .full-column .skeleton-tab-containor .mobile-carousel-track {
  background: white !important;
  display: flex !important;
  border-radius: 16px;
  padding: 12px;
  column-gap: 16px;
}
@media (max-width: 767px) {
  .home-page .tabs-section .full-column .skeleton-tab-containor .mobile-carousel-track {
    gap: 18px !important;
  }
}
.home-page .tabs-section .full-column .skeleton-tab-containor .left-skeleton-bg,
.home-page .tabs-section .full-column .skeleton-tab-containor .right-skeleton-bg {
  background: #f7f7fa;
  border-radius: 8px;
  padding: 24px 24px 32px 24px !important;
}
.home-page .tabs-section .full-column .skeleton-tab-containor .skeleton-squre-light-gray {
  display: flex;
  width: 135px;
  height: 48px;
  padding: 8px 24px;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background: #f1f0f5;
}
.home-page .tabs-section .full-column .skeleton-tab-containor .btn-one {
  width: 115px;
  height: 16px;
  flex-shrink: 0;
  border-radius: 15px;
  background: #d8d8e2;
}
.home-page .tabs-section .full-column .skeleton-tab-containor .skeleton-squre-gray {
  border-radius: 15px;
  background: #d8d8e2;
  align-self: stretch;
}
.home-page .tabs-section .full-column .skeleton-tab-containor .skeleton-line-gray {
  border-radius: 15px;
  background: #d8d8e2;
  align-self: stretch;
}
.home-page .tabs-section .full-column .skeleton-tab-containor .line-big-width-one {
  width: 379px;
}
@media (max-width: 767px) {
  .home-page .tabs-section .full-column .skeleton-tab-containor .line-big-width-one {
    width: 310px;
  }
}
.home-page .tabs-section .full-column .skeleton-tab-containor .line-big-width-two {
  width: 258px;
}
.home-page .tabs-section .full-column .skeleton-tab-containor .line-big-width-three {
  width: 220px;
}
.home-page .tabs-section .full-column .skeleton-tab-containor .line-width-one {
  width: 289px;
}
.home-page .tabs-section .full-column .skeleton-tab-containor .line-width-two {
  width: 185px;
}
.home-page .tabs-section .full-column .skeleton-tab-containor .line-width-three {
  width: 158px;
}
.home-page .tabs-section .full-column .skeleton-tab-containor .line-width-four {
  width: 139px;
}
.home-page .tabs-section .full-column .skeleton-tab-containor .line-width-five {
  width: 131px;
}
.home-page .tabs-section .full-column .skeleton-tab-containor .line-width-six {
  width: 99px;
}
.home-page .tabs-section .full-column .skeleton-tab-containor .line-big-one {
  height: 24px;
  min-height: 24px;
  margin-bottom: 16px;
}
.home-page .tabs-section .full-column .skeleton-tab-containor .line-small-one {
  height: 12px;
}
.home-page .tabs-section .full-column .skeleton-tab-containor .list-class {
  padding: 48px 0px;
}
.home-page .tabs-section .full-column .skeleton-tab-containor .bottom-btn-section {
  display: flex;
  gap: 16px;
}
.home-page .tabs-section .full-column .skeleton-tab-containor .card-time {
  display: flex;
  gap: 8px;
  align-self: stretch;
}
.home-page .tabs-section .full-column .skeleton-tab-containor .card-time .skeleton-circle-gray {
  height: 12px;
  width: 12px;
  border-radius: 15px;
  background: #d8d8e2;
  min-height: 12px;
  min-width: 12px;
}
.home-job-tracker {
  margin-bottom: 20px;
}
.home-job-tracker .control-wrapper-body {
  padding: 0px 0px;
}
.home-job-tracker .control-wrapper-body .profile-div {
  padding: 20px 0px 15px;
  border-bottom: 2px solid #eeeeee;
  border-radius: 0;
}
.home-job-tracker .control-wrapper-body .profile-div .comp-name {
  font-family: 'Noto Serif';
  color: #df255f;
  font-weight: 900;
  font-size: 16px;
  line-height: 24px;
  padding: 0px;
}
.home-job-tracker .control-wrapper-body .profile-div .pos-name {
  font-family: 'Noto Sans', sans-serif;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  max-height: 46px;
  margin-top: 6px;
}
.home-job-tracker .control-wrapper-body .profile-div .stage-name {
  font-family: 'Noto Sans', sans-serif;
  font-weight: bold;
}
.home-job-tracker .control-wrapper-body .profile-div .company-logo-bg {
  width: 80px;
  height: 80px;
  background: #e5e3e9;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 80px;
}
.home-job-tracker .control-wrapper-body .profile-div .company-logo-bg .company-logo-box {
  width: 66px;
  height: 66px;
  border: 3px solid white;
  margin: 7px;
  border-radius: 50%;
  background: white;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.home-job-tracker .control-wrapper-body .profile-div .company-logo-bg .company-logo-box img {
  width: auto;
  height: auto;
}
.home-job-tracker .control-wrapper-body .profile-div .profile-title {
  margin-left: 12px;
}
.home-job-tracker .control-wrapper-body .tracker-load-more {
  margin: 0px;
}
.home-job-tracker .control-wrapper-body .tracker-load-more .btn-explore-more {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: Noto Sans, sans-serif;
  text-transform: uppercase;
  color: white;
  background-color: #441750;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  padding: 8px 24px;
  font-family: 'Noto Sans', sans-serif;
}
.home-job-tracker .control-wrapper-body .tracker-load-more .btn-explore-more:active {
  color: white;
  background: #390447;
}
.home-job-tracker .control-wrapper-body .tracker-load-more .btn-explore-more:hover {
  background-color: #613e6b;
}
.home-job-tracker .control-wrapper-body .tracker-load-more .btn-explore-more:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.home-job-tracker .control-wrapper-body .tracker-load-more .btn-explore-more:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.home-job-tracker .control-wrapper-body .tracker-load-more .btn-explore-more:active {
  color: white;
  background: #390447;
}
.home-job-tracker .control-wrapper-body .tracker-load-more .btn-explore-more:hover {
  background-color: #613e6b;
}
.home-job-tracker .control-wrapper-body .tracker-load-more .btn-explore-more:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.home-job-tracker .control-wrapper-body .tracker-load-more .btn-explore-more:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.home-job-tracker .control-wrapper-body .tracker-load-more .btn-explore-more:active {
  color: white;
  background: #390447;
}
.home-job-tracker .control-wrapper-body .tracker-load-more .btn-explore-more:hover {
  background-color: #613e6b;
}
.home-job-tracker .control-wrapper-body .tracker-load-more .btn-explore-more:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.home-job-tracker .control-wrapper-body .tracker-load-more .btn-explore-more:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.home-job-tracker .control-wrapper-body .tracker-load-more .btn-explore-more:active {
  color: white;
  background: #390447;
}
.home-job-tracker .control-wrapper-body .tracker-load-more .btn-explore-more:hover {
  background-color: #613e6b;
}
.home-job-tracker .control-wrapper-body .tracker-load-more .btn-explore-more:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.home-job-tracker .control-wrapper-body .tracker-load-more .btn-explore-more:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.redeployment-red-layout #job-agent-section,
.redeployment-red-layout .job-agent-section-custom {
  padding-top: 0px;
  margin: auto;
}
.redeployment-red-layout #job-agent-section .job-agent-card,
.redeployment-red-layout .job-agent-section-custom .job-agent-card {
  margin: 0;
  width: 100%;
  padding: 0px;
}
.redeployment-red-layout #job-agent-section .job-agent-card .job-title,
.redeployment-red-layout .job-agent-section-custom .job-agent-card .job-title {
  height: auto;
}
.redeployment-red-layout #job-agent-section .job-agent-card .job-title b,
.redeployment-red-layout .job-agent-section-custom .job-agent-card .job-title b {
  margin-bottom: 5px;
  display: block;
  font-family: 'noto sans';
  font-weight: bold;
  font-size: 32px;
}
.redeployment-red-layout #job-agent-section .job-agent-card .job-title .job-label,
.redeployment-red-layout .job-agent-section-custom .job-agent-card .job-title .job-label {
  font-family: noto serif;
  font-size: 24px;
}
.company-logo-img {
  max-width: 100%;
}
/*.jobtracker-disabled {
    background: #f8f5f8;
}*/

.jobtracker-disabled .profile-div {
  cursor: no-drop;
}
.jobtracker-disabled .profile-div .profile-info a {
  cursor: no-drop;
}
.home-job-tracker.skeleton-loader-job-tracker .profile-div {
  padding: 20px 0px 20px;
}
.home-job-tracker.skeleton-loader-job-tracker .profile-div .company-logo-bg {
  height: 48px;
  width: 48px;
  min-width: 48px;
  flex: 2;
}
.home-job-tracker.skeleton-loader-job-tracker .profile-div .profile-title {
  flex: 10;
  margin-left: 12px;
}
@media (min-width: 768px) and (max-width: 992px) {
  .redeployment-red-layout .control-wrapper-head {
    height: auto;
    padding-left: 15px;
    padding-right: 15px;
  }
  .redeployment-red-layout #job-agent-section .job-agent-card .job-agent-box,
  .redeployment-red-layout .job-agent-section-custom .job-agent-card .job-agent-box {
    height: auto;
  }
  .redeployment-red-layout #job-agent-section .job-agent-card .job-agent-box .job-title,
  .redeployment-red-layout .job-agent-section-custom .job-agent-card .job-agent-box .job-title {
    padding-bottom: 15px;
  }
  .redeployment-red-layout .home-job-tracker .control-wrapper-body {
    padding: 15px;
  }
}
@media (max-width: 768px) {
  .redeployment-red-layout .home-progress-tab,
  .redeployment-red-layout .to-dos {
    width: 95%;
    float: none;
    margin: 0 auto;
  }
  .redeployment-red-layout #job-agent-section .job-agent-card .job-agent-box,
  .redeployment-red-layout .job-agent-section-custom .job-agent-card .job-agent-box {
    padding: 10px 15px;
  }
}
.spacing-padd {
  padding-left: 20px;
  padding-right: 20px;
}
.jobboard-container .saved-all-values .saved-value-list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  margin-top: 12px;
  margin-right: 4px;
}
.jobboard-container .saved-all-values .chip-box {
  border: 1px solid #1c304b;
  background-color: #f8f8f9;
  padding: 4px 16px;
  border-radius: 6px;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  color: #1c304b;
  text-transform: uppercase;
}
.jobboard-container .saved-all-values .reset-all {
  font-size: 14px;
  line-height: 16px;
  font-weight: 500;
  color: #aa0285;
  padding: 8px 8px 8px 8px;
  font-family: 'Noto Sans', sans-serif;
  cursor: pointer;
  border: none !important;
  height: auto;
  width: auto;
  margin-left: 0px;
}
.jobboard-container .saved-all-values .reset-all.reset-all:hover {
  text-decoration: underline;
}
.jobboard-container .saved-all-values .reset-all:focus-visible {
  outline: 4px solid #ff5858 !important;
  border-radius: 8px !important;
  outline-offset: -4px !important;
}
.jobboard-container .jobboard-div-new {
  padding: 24px 24px 32px 24px;
  display: flex;
}
.jobboard-container .jobboard-div-new a:focus-visible {
  outline: 4px solid #ff5858 !important;
  border-radius: 8px !important;
  outline-offset: -4px !important;
}
.jobboard-container .jobboard-div-new a:focus-visible .jobboard-arrow {
  border: none;
}
.candidate-progress-header {
  font-family: 'Noto Sans', serif;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.candidate-progress-header .candidate-progress-roadmap {
  text-transform: uppercase;
}
.candidate-progress-header h4 {
  font-family: inherit;
}
.candidate-progress-header .candidate-progress-header-progress {
  right: 0;
  text-align: end;
}
@media screen and (max-width: 767px) {
  .xs-no-padding {
    padding: 0;
  }
}
.candidate-progress-card-image {
  width: 100px;
  height: 100px;
  position: relative;
  display: inline-block;
  align-items: center;
  justify-content: center;
}
.candidate-progress-card-image img {
  width: 100%;
}
@media screen and (max-width: 1023px) {
  .candidate-progress-card-image {
    width: 100%;
    height: auto;
  }
}
.candidate-progress-card-type {
  height: 40px;
  width: 40px;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  background: orange;
}
.candidate-progress-description {
  display: inline-block;
  line-height: 1.43;
  height: 100px;
}
.candidate-progress-description h7 {
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  .candidate-progress-description h7 {
    font-size: 14px;
  }
}
.candidate-progress-description p {
  font-size: 14px;
  color: #3678bf;
}
.candidate-progress-divider {
  height: 3px;
  background-color: #eee8ef;
  margin: 25px -50px;
}
.control-wrapper-opened .candidate-progress-banner {
  position: relative;
  height: 180px;
  background: no-repeat white;
  background-position-x: center;
  background-position-y: center;
  background-size: auto 100%;
  margin: 0 -50px;
  transform: translateX(-15%);
}
.skeleton-loader-progress .hero-image-skeleton {
  height: 78px;
  margin-top: 24px;
  margin-bottom: 16px;
}
.skeleton-loader-progress .candidate-progress-card-image {
  width: 48px;
  height: 48px;
}
.skeleton-loader-progress .candidate-progress-divider {
  margin: 16px -50px 20px -50px;
}
.skeleton-loader-progress .text-left {
  margin-left: 30px;
}
.skeleton-loader-progress .mb-0 {
  margin-bottom: 0px;
}
.skeleton-loader-progress .control-wrapper-body {
  padding: 0 30px 30px 30px;
}
.skeleton-loader-progress .right-sction-progress {
  padding-top: 3px;
  padding-left: 10px;
}
.candidate-progress-explore-more {
  margin: 25px -50px -27px;
}
.btn-explore-more {
  width: 100%;
}
.candidate-progress-initiative {
  cursor: pointer;
}
.redeployment-red-layout .candidate-progress-banner {
  transform: translateX(0);
}
.redeployment-red-layout .candidate-progress-header {
  flex-wrap: nowrap;
}
.redeployment-red-layout .candidate-progress-explore-more button:focus,
.redeployment-red-layout .job-agent-card a:focus {
  display: block;
  color: white;
}
/*Recommended Resources*/

.redeployment-red-layout .recources-section.control-wrapper-body {
  display: flex;
}
.redeployment-red-layout .recources-section.control-wrapper-body .recources-card {
  height: 100%;
  width: 100%;
}
.redeployment-red-layout .recources-section.control-wrapper-body .recources-card a {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.redeployment-red-layout .recources-section.control-wrapper-body .recources-card a .card-image {
  height: auto;
  flex-shrink: 0;
}
.redeployment-red-layout .recources-section.control-wrapper-body .recources-card a .card-content {
  height: 100%;
  padding: 22px 29px 48px 0px;
}
.redeployment-red-layout .recources-section.control-wrapper-body .recources-card a .card-content .crd-footer {
  bottom: 0;
}
@media (max-width: 768px) {
  .redeployment-red-layout .recources-section.control-wrapper-body {
    flex-direction: column;
  }
}
.custom-progress-percent {
  font-family: inherit;
  font-size: 1.5rem;
  margin: 10px 0;
  font-weight: 600;
}
/* job agent search */

#job-agent-section,
.job-agent-section-custom {
  background: #eeeeee;
  padding-top: 30px;
  display: inline-block;
  width: 100%;
}
#job-agent-section .job-agent-box,
.job-agent-section-custom .job-agent-box {
  width: 100%;
  height: 100px;
  padding: 15px;
  border-radius: 0px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
  font-family: Noto Sans;
  cursor: pointer;
  position: relative;
}
#job-agent-section .job-agent-box .Notification,
.job-agent-section-custom .job-agent-box .Notification {
  position: absolute;
  top: -13px;
  right: 16px;
}
#job-agent-section .job-agent-box .edit-save-search,
.job-agent-section-custom .job-agent-box .edit-save-search {
  position: absolute;
  top: 28px;
  right: 16px;
}
#job-agent-section .job-agent-box .job-title,
.job-agent-section-custom .job-agent-box .job-title {
  position: relative;
  top: 5px;
  line-height: 1.1;
  height: 60px;
  font-size: 18px;
  font-weight: normal;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: inherit;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  width: calc(100% - 22px);
  word-break: break-word;
  word-wrap: break-word;
}
#job-agent-section .job-agent-box .job-title .job-label,
.job-agent-section-custom .job-agent-box .job-title .job-label {
  line-height: 34px;
}
#job-agent-section .job-agent-box .number,
.job-agent-section-custom .job-agent-box .number {
  position: relative;
  top: -7px;
  text-align: right;
  font-size: 38px;
  font-weight: bold;
}
#job-agent-section .job-agent-box.save-search .job-title,
.job-agent-section-custom .job-agent-box.save-search .job-title {
  height: 40px;
  -webkit-line-clamp: 2;
}
#job-agent-section .job-agent-box.active,
.job-agent-section-custom .job-agent-box.active {
  background-color: #4d065b;
  color: white;
}
#job-agent-section .job-agent-box.active svg,
.job-agent-section-custom .job-agent-box.active svg {
  fill: white;
}
#job-agent-section .job-agent-box.deactive,
.job-agent-section-custom .job-agent-box.deactive {
  background-image: linear-gradient(to bottom, white 38%, #dbdbdb 99%);
  color: gray;
}
#job-agent-section .job-agent-box.deactive .number,
.job-agent-section-custom .job-agent-box.deactive .number {
  color: #4d065b;
}
#job-agent-section .job-agent-box.deactive svg,
.job-agent-section-custom .job-agent-box.deactive svg {
  fill: black;
}
#job-agent-section .job-agent-box.save-search,
.job-agent-section-custom .job-agent-box.save-search {
  background-image: linear-gradient(to bottom, white 38%, #dbdbdb 99%);
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
  color: #4d065b;
}
#job-agent-section .job-agent-box.save-search .job-title,
.job-agent-section-custom .job-agent-box.save-search .job-title {
  opacity: 0.5;
}
#job-agent-section .job-agent-box.save-search .add-job,
.job-agent-section-custom .job-agent-box.save-search .add-job {
  opacity: 0.5;
  float: right;
}
#job-agent-section,
.job-agent-section-custom {
  display: flex;
  width: 100%;
  justify-content: space-between;
  flex-wrap: wrap;
}
#job-agent-section .job-agent-card,
.job-agent-section-custom .job-agent-card {
  margin: 5px 0;
  width: calc(25% - 22px);
}
.no-compass-id {
  margin-top: 100px;
  margin-bottom: 80px;
}
@media (min-width: 767px) and (max-width: 1024px) {
  .no-compass-id {
    margin-bottom: 0px;
    height: calc(25vh);
  }
}
@media (max-width: 992px) {
  #job-agent-section .job-agent-card,
  .job-agent-section-custom .job-agent-card {
    width: calc(50% - 5px);
  }
  #job-agent-section .job-agent-card .job-agent-box,
  .job-agent-section-custom .job-agent-card .job-agent-box {
    padding: 15px;
  }
  #job-agent-section .job-agent-card .job-agent-box .Notification,
  .job-agent-section-custom .job-agent-card .job-agent-box .Notification {
    top: -9px !important;
  }
  #job-agent-section .job-agent-card .job-agent-box .job-title,
  .job-agent-section-custom .job-agent-card .job-agent-box .job-title {
    top: 7px;
    width: calc(100% - 30px);
  }
  #job-agent-section .job-agent-card .job-agent-box .job-title span,
  .job-agent-section-custom .job-agent-card .job-agent-box .job-title span {
    display: block;
  }
  #job-agent-section .job-agent-card .job-agent-box .number,
  .job-agent-section-custom .job-agent-card .job-agent-box .number {
    top: -5px !important;
  }
}
/*For IE11 and Edge*/

_:-ms-lang(x),
#job-agent-section .job-agent-box .job-title,
.job-agent-section-custom .job-agent-box .job-title {
  height: 62px;
}
.home-progress-tab .job-agent-card {
  width: 100% !important;
}
.home-progress-tab .job-agent-box {
  height: auto !important;
}
.job-agent-box.save-search a {
  float: right;
}
/*Skeleton Loader*/

.skeleton-loader .job-agent-box.active {
  background-color: #430a51;
}
.skeleton-loader .skeleton-outer {
  padding: 24px 0px 16px 5px;
}
.goal-selection {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  margin: 0 0 20px 0px;
}
.goal-selection .goal-item {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  margin: 0 0 24px 0px;
}
.goal-selection .goal-item .goal-check custom-radio label {
  padding-top: 4px;
  margin-bottom: 0px;
}
.goal-selection .goal-item .goal-label {
  display: block;
  text-transform: inherit;
  font-family: Noto Sans, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  font-family: 'Noto Sans', sans-serif;
  color: #1c304b;
  margin-bottom: 0px;
}
.goal-selection .goal-item .radio-span-input input[type="radio"] {
  margin: 0px;
}
.goal-selection .goal-name {
  display: block;
  text-transform: inherit;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
  margin-bottom: 0;
}
.goal-selection .goal-desc {
  padding-left: 12px;
}
.goal-selection .radio-button {
  width: 40px;
  height: 40px;
  background-size: contain;
  background-position: center;
}
.goal-selection input.img_completed {
  background-color: #aa0285 !important;
}
.goal-selection .goals-check-list {
  font-size: 20px;
  font-weight: 600;
  font-family: 'Noto Serif';
}
.goal-selection .goal-footer-btn {
  margin-top: 8px;
  border-top: 1px solid #ebebee;
  padding-top: 32px;
  display: inline-block;
  width: 100%;
  text-align: right;
}
.goal-selection .goal-footer-btn .primary-btn--md {
  min-width: 144px;
}
@media screen and (max-width: 991px) {
  .goal-selection .goal-footer-btn .primary-btn--md {
    width: 100%;
  }
}
.goal-item {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  margin: 0 0 20px 0px;
}
.goal-item:last-child {
  margin: 0 0 16px 0px;
}
.goal-item-focus {
  outline: none !important;
  text-decoration: none !important;
}
.goal-item-focus:before {
  border: 2px solid #434343 !important;
  content: "";
  position: absolute;
  top: -5px;
  bottom: -5px;
  left: -5px;
  right: -5px;
}
.upcoming-events .event-card {
  width: 100%;
  padding-left: 9%;
  padding-right: 9%;
  cursor: pointer;
}
.upcoming-events .flexslider {
  border: none;
  box-shadow: none;
  -webkit-box-shadow: none;
}
.upcoming-events .flexslider:hover .flex-next {
  right: 0px;
}
.upcoming-events .flexslider:hover .flex-prev {
  left: 0px;
}
.upcoming-events a:focus-visible {
  outline: -webkit-focus-ring-color auto 5px;
  outline-offset: 1px;
  text-decoration: none;
}
.upcoming-events .control-wrapper-body {
  padding: 20px 0px 0px;
}
#homepage-widget-container #slider-container {
  position: relative;
  overflow: hidden;
  max-width: 1400px;
}
#homepage-widget-container #slider-container .btn {
  position: absolute;
  top: calc(20%);
}
#homepage-widget-container #slider-container .btn.left {
  left: 0;
}
#homepage-widget-container #slider-container .btn.left.inactive,
#homepage-widget-container #slider-container .btn.left.custom-remove {
  display: none;
}
#homepage-widget-container #slider-container .btn.right {
  right: 0;
}
#homepage-widget-container #slider-container .btn.right.inactive,
#homepage-widget-container #slider-container .btn.right.custom-remove {
  display: none;
}
#homepage-widget-container #slider-container #slider {
  display: flex;
  width: 1000%;
  height: 100%;
  transition: all 0.5s;
}
#homepage-widget-container #slider-container #slider .slide {
  width: 3.33%;
  padding: 10px;
}
@media only screen and (max-width: 767px) {
  #homepage-widget-container #slider-container #slider .slide {
    width: 10%;
  }
}
#homepage-widget-container #slider-container #slider .slide.upComing-event .img,
#homepage-widget-container #slider-container #slider .slide.upComing-live-event .img {
  width: 100%;
  height: 188px;
  border: 1px solid #ebebee;
  border-bottom: none;
  border-radius: 8px 8px 0px 0px;
}
#homepage-widget-container #slider-container #slider .slide.upComing-event .img img,
#homepage-widget-container #slider-container #slider .slide.upComing-live-event .img img {
  border-radius: 8px 8px 0px 0px;
  display: block;
  width: 100%;
  height: 100%;
  object-position: top center;
  object-fit: fill;
}
#homepage-widget-container #slider-container #slider .slide.upComing-event .upcoming-content,
#homepage-widget-container #slider-container #slider .slide.upComing-live-event .upcoming-content {
  border: 1px solid #ebebee;
  border-top: none;
}
#homepage-widget-container #slider-container #slider .slide.upComing-event .upcoming-content h4,
#homepage-widget-container #slider-container #slider .slide.upComing-live-event .upcoming-content h4 {
  font-size: 20px;
  font-weight: bold;
  margin-top: 0;
  word-break: break-word;
  text-decoration: none;
  color: #df255f;
  margin-bottom: 25px;
  height: 90px;
}
#homepage-widget-container #slider-container #slider .slide.upComing-event .upcoming-content .eventDetails .eventTime p,
#homepage-widget-container #slider-container #slider .slide.upComing-live-event .upcoming-content .eventDetails .eventTime p {
  margin-bottom: 0;
}
#homepage-widget-container #slider-container #slider .slide.upComing-event .upcoming-content .eventDetails .eventTime p .week,
#homepage-widget-container #slider-container #slider .slide.upComing-live-event .upcoming-content .eventDetails .eventTime p .week {
  font-weight: 700;
  color: #df255f;
  font-size: 16px;
}
#homepage-widget-container #slider-container #slider .slide.upComing-event .upcoming-content .eventDetails .eventTime p .date,
#homepage-widget-container #slider-container #slider .slide.upComing-live-event .upcoming-content .eventDetails .eventTime p .date {
  font-weight: 700;
  color: #333333;
  font-size: 16px;
}
#homepage-widget-container #slider-container #slider .slide.upComing-event .upcoming-content .eventDetails .eventTime .time,
#homepage-widget-container #slider-container #slider .slide.upComing-live-event .upcoming-content .eventDetails .eventTime .time {
  color: #333333;
  font-size: 14px;
}
#homepage-widget-container #slider-container #slider .slide.upComing-event .upcoming-content .eventDetails .live-content p,
#homepage-widget-container #slider-container #slider .slide.upComing-live-event .upcoming-content .eventDetails .live-content p {
  color: #333333;
  font-size: 16px;
  line-height: 20px;
}
#homepage-widget-container #slider-container #slider .slide.upComing-event .upcoming-content .eventDetails .live-content .live-btn,
#homepage-widget-container #slider-container #slider .slide.upComing-live-event .upcoming-content .eventDetails .live-content .live-btn {
  margin-top: 30px;
  text-align: center;
}
#homepage-widget-container #slider-container #slider .slide.upComing-event .upcoming-content .eventDetails .live-content .live-btn a,
#homepage-widget-container #slider-container #slider .slide.upComing-live-event .upcoming-content .eventDetails .live-content .live-btn a {
  background: #4d005b;
  color: white;
  display: inline-flex;
  height: 40px;
  align-items: center;
  font-size: 16px;
  padding: 0 35px;
  text-align: center;
  text-decoration: none;
}
#homepage-widget-container #slider-container #slider .slide.upComing-event .img,
#homepage-widget-container #slider-container #slider .slide.upComing-event .upcoming-content {
  cursor: pointer;
}
.myAccount .intro {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  align-content: flex-start;
  flex-direction: row;
  border-bottom: 1px solid #ebebee;
  padding-bottom: 24px;
  gap: 15px;
}
.myAccount .intro .avatar-candidate {
  width: auto;
}
.myAccount .avatar-candidate {
  display: flex;
  width: 50%;
}
.myAccount .account-info {
  padding-left: 12px;
}
.myAccount .full-name {
  color: #1c304b;
  margin-bottom: 2px;
  word-break: break-word;
  white-space: normal;
}
.myAccount .profile-avatar-candidate {
  width: 48px;
  height: 48px;
  border-radius: 50%;
}
.myAccount .avatar-candidate-photo {
  height: 100%;
  width: 100%;
  border-radius: 50%;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .myAccount .avatar-candidate-photo {
    height: 100%;
    width: 100%;
  }
}
.myAccount .avatar-candidate-initials {
  height: 48px;
  width: 48px;
  background-color: #ebebee;
  border-radius: 50%;
  text-align: center;
  padding: 12px 14px;
}
.myAccount .avatar-candidate-initials span {
  text-align: center;
  color: #1c304b;
}
@media screen and (max-width: 768px) {
  .myAccount .change-password {
    width: 100%;
  }
}
.myAccount .change-password.changeBtnPassword .btn-change-password,
.myAccount .change-password.changeBtnPassword {
  height: auto;
}
.myAccount .btn-change-password {
  white-space: normal;
  word-wrap: break-word;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: Noto Sans, sans-serif;
  text-transform: uppercase;
  color: #1c304b;
  background-color: white;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid #1c304b !important;
  color: #1c304b !important;
  background-color: white !important;
  padding: 8px 24px;
  font-family: 'Noto Sans', sans-serif;
}
.myAccount .btn-change-password:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
.myAccount .btn-change-password:hover {
  border: 1px solid #aa0285 !important;
}
.myAccount .btn-change-password:focus {
  outline: none !important;
  color: #1c304b !important;
}
.myAccount .btn-change-password:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
.myAccount .btn-change-password:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
.myAccount .btn-change-password:hover {
  border: 1px solid #aa0285 !important;
}
.myAccount .btn-change-password:focus {
  outline: none !important;
  color: #1c304b !important;
}
.myAccount .btn-change-password:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
.myAccount .btn-change-password:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
.myAccount .btn-change-password:hover {
  border: 1px solid #aa0285 !important;
}
.myAccount .btn-change-password:focus {
  outline: none !important;
  color: #1c304b !important;
}
.myAccount .btn-change-password:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
.myAccount .btn-change-password:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
.myAccount .btn-change-password:hover {
  border: 1px solid #aa0285 !important;
}
.myAccount .btn-change-password:focus {
  outline: none !important;
  color: #1c304b !important;
}
.myAccount .btn-change-password:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
@media screen and (max-width: 768px) {
  .myAccount .btn-change-password {
    width: 100%;
  }
}
.myAccount .control-box {
  margin-top: 20px;
}
.myAccount .control-box .select2-container {
  margin-top: 3px !important;
}
.myAccount .setting-link-focus:before {
  border: 2px solid #434343 !important;
  content: "";
  position: absolute;
  top: -5px;
  bottom: -5px;
  left: -5px;
  right: -5px;
}
.myAccount .setting-link-focus {
  position: relative;
}
.myAccount .radio-button {
  width: 40px;
  height: 40px;
  background-size: contain;
  background-position: center;
  margin-left: 20px;
}
.myAccount .btn-right-align {
  margin-top: 16px;
  border-top: 1px solid #ebebee;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  padding-top: 32px;
}
.myAccount .btn-right-align .primary-btn--md {
  min-width: 144px;
}
@media screen and (max-width: 991px) {
  .myAccount .btn-right-align .primary-btn--md {
    margin-bottom: 16px;
  }
}
.myAccount .btn-right-align .secondary-btn--md {
  min-width: 123px;
}
.myAccount .form-btn {
  white-space: normal;
  word-wrap: break-word;
}
@media screen and (max-width: 768px) {
  .myAccount .form-btn {
    width: 100%;
    display: block;
  }
}
.myAccount .setting-link {
  font-size: 16px;
  color: #df255f;
  text-decoration: underline;
}
.myAccount .setting-link-margin {
  margin-top: 37px;
  margin-bottom: 20px;
}
.myAccount .external-login-link {
  font-size: 12px;
  color: #aa0285;
  padding-left: 0px;
  cursor: pointer;
  font-weight: bold;
  text-decoration: none;
  font-family: 'Noto Sans', sans-serif;
  font-weight: 500;
  line-height: 16px;
}
.myAccount .external-login-link-focus {
  position: relative;
  outline: none !important;
}
.myAccount .external-login-link-focus:before {
  border: 2px solid #434343 !important;
  content: "";
  position: absolute;
  top: -3px;
  bottom: -3px;
  left: -3px;
  right: -3px;
}
.myAccount .marketing-email-focus {
  position: relative;
  outline: none !important;
}
.myAccount .marketing-email-focus:before {
  border: 2px solid #434343 !important;
  content: "";
  position: absolute;
  top: -5px;
  bottom: -5px;
  left: -5px;
  right: -5px;
}
.myAccount .external-login-link:hover {
  background: #4f185a;
  color: white;
}
.myAccount .external-login-div {
  padding-top: 16px;
  padding-right: 0;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
}
.myAccount .external-links {
  display: flex;
  gap: 16px;
  text-transform: uppercase;
  padding-top: 16px;
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  color: #aa0285;
  font-family: 'Noto Sans', sans-serif;
  margin-bottom: 4px;
}
.myAccount .marketing-email-discription-div {
  padding-bottom: 20px;
}
@media screen and (max-width: 1200px) {
  .myAccount .account {
    width: 100%;
  }
  .myAccount .btn-change-password {
    width: 100%;
  }
}
@media screen and (max-width: 991px) {
  .myAccount .btn-right-align {
    display: block;
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  .myAccount .myAccount .btn-right-align {
    flex-direction: column;
  }
}
.my-account-tab .control-wrapper-head .control-wrapper-flex h4 {
  line-height: normal;
  display: flex;
  align-items: center;
}
.my-account-tab .control-wrapper-body {
  padding-bottom: 0;
}
.my-account-tab .control-wrapper-body #toDoReminderPreference .external-login-div,
.my-account-tab .control-wrapper-body #mentorCommPreference .external-login-div {
  padding-top: 0px;
  padding-left: 0px;
  color: #1c304b;
}
.my-account-tab .control-wrapper-body #toDoReminderPreference .external-login-div b,
.my-account-tab .control-wrapper-body #mentorCommPreference .external-login-div b {
  font-weight: 400;
}
.my-account-tab .control-wrapper-body #toDoReminderPreference .goal-item,
.my-account-tab .control-wrapper-body #mentorCommPreference .goal-item {
  margin-bottom: 16px;
}
.my-account-tab .control-wrapper-body #toDoReminderPreference .goal-item .email-text-label .ng-binding,
.my-account-tab .control-wrapper-body #mentorCommPreference .goal-item .email-text-label .ng-binding {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  font-family: 'Noto Sans', sans-serif;
  color: #45505f;
}
.my-account-tab .control-wrapper-body #toDoReminderPreference .goal-item .email-text-label .email-text,
.my-account-tab .control-wrapper-body #mentorCommPreference .goal-item .email-text-label .email-text {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  font-family: 'Noto Sans', sans-serif;
  color: #1c304b;
}
.my-account-tab .control-wrapper-body #toDoReminderPreference .control-box,
.my-account-tab .control-wrapper-body #mentorCommPreference .control-box {
  margin-top: 0px;
}
.my-account-tab .control-wrapper-body #toDoReminderPreference .goal-item {
  margin-bottom: 0px;
}
.my-account-tab .control-wrapper-body #toDoReminderPreference .control-box {
  margin-top: 16px;
}
.linkedin-word-break {
  word-break: break-word;
}
#toDoReminderPreference .email-text-label,
#mentorCommPreference .email-text-label {
  padding-left: 0px;
}
@media (max-width: 991px) {
  #toDoReminderPreference .email-text-label,
  #mentorCommPreference .email-text-label {
    width: 100%;
  }
}
@media (max-width: 767px) {
  #toDoReminderPreference .email-text-label,
  #mentorCommPreference .email-text-label {
    width: 100%;
  }
}
#toDoReminderPreference .switch,
#mentorCommPreference .switch {
  position: relative;
  display: inline-block;
  width: 55px;
  height: 25px;
  margin-right: 8px;
  margin-bottom: 0px;
}
#toDoReminderPreference .switch input,
#mentorCommPreference .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
#toDoReminderPreference .switch-slider,
#mentorCommPreference .switch-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border: 1px solid #1c304b;
  width: 55px;
}
#toDoReminderPreference .switch-slider:before,
#mentorCommPreference .switch-slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 4px;
  bottom: 4px;
  background-color: #1c304b;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
#toDoReminderPreference input:focus-visible + .switch-slider,
#mentorCommPreference input:focus-visible + .switch-slider {
  box-shadow: 0 0 0 4px #ff097f;
  border: 1px solid #ff097f;
}
#toDoReminderPreference input.img_completed + .switch-slider,
#mentorCommPreference input.img_completed + .switch-slider {
  background: #aa0285;
  border: none;
  box-shadow: none;
}
#toDoReminderPreference input.img_completed + .switch-slider:hover,
#mentorCommPreference input.img_completed + .switch-slider:hover {
  border: 1px solid #8c006d !important;
  background: #8c006d !important;
}
#toDoReminderPreference input.img_completed + .switch-slider:disabled,
#mentorCommPreference input.img_completed + .switch-slider:disabled {
  background: #ced7e4;
}
#toDoReminderPreference input:hover + .switch-slider,
#mentorCommPreference input:hover + .switch-slider {
  border: 1px solid #8c006d;
}
#toDoReminderPreference input.img_completed + .switch-slider:before,
#mentorCommPreference input.img_completed + .switch-slider:before {
  -webkit-transform: translateX(31px);
  -ms-transform: translateX(31px);
  transform: translateX(31px);
  background-color: white;
}
#toDoReminderPreference .switch-slider.round,
#mentorCommPreference .switch-slider.round {
  border-radius: 12px;
}
#toDoReminderPreference .switch-slider.round:before,
#mentorCommPreference .switch-slider.round:before {
  border-radius: 50%;
}
#toDoReminderPreference .goal-item,
#mentorCommPreference .goal-item {
  display: flex;
}
@media (max-width: 767px) {
  #toDoReminderPreference .goal-item,
  #mentorCommPreference .goal-item {
    display: block;
    margin-bottom: 20px;
  }
}
@media (max-width: 991px) {
  #toDoReminderPreference .goal-item,
  #mentorCommPreference .goal-item {
    display: block;
    margin-bottom: 20px;
  }
}
#toDoReminderPreference .todoCheckbox-label,
#mentorCommPreference .todoCheckbox-label {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-left: 0px;
}
@media (max-width: 991px) {
  #toDoReminderPreference .todoCheckbox-label,
  #mentorCommPreference .todoCheckbox-label {
    width: 100%;
    margin-top: 10px;
    justify-content: flex-start;
  }
}
@media (max-width: 767px) {
  #toDoReminderPreference .todoCheckbox-label,
  #mentorCommPreference .todoCheckbox-label {
    width: 100%;
    margin-top: 10px;
    justify-content: flex-start;
  }
}
#toDoReminderPreference .todoCheckbox-label span,
#mentorCommPreference .todoCheckbox-label span {
  font-weight: 400;
  line-height: 24px;
  color: #5c6573;
}
#mentorCommPreference .external-login-div b {
  font-weight: 400;
}
#mentorCommPreference .mentor_emailPhone_span {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
}
#mentorCommPreference .mentor-aboutme-color {
  color: #aa0285;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  font-family: 'Noto Sans', sans-serif;
  text-transform: uppercase;
}
#mentorCommPreference .mentor-emailphone-header-color {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  font-family: 'Noto Sans', sans-serif;
  color: #1c304b;
}
#mentorCommPreference .mentor-submenu-notification {
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-image: url(/Content/Images/icons/info.svg);
  margin: 3px 0px 0px;
  padding-right: 16px;
}
@media screen and (max-width: 768px) {
  
}
#mentorCommPreference .email-image {
  display: flex;
  align-content: space-between;
  justify-content: flex-start;
  background-color: #f8f8f9;
  padding: 12px 16px 12px 16px !important;
  margin-bottom: 16px;
  margin-top: 16px;
  border-radius: 8px;
}
#mentorCommPreference .email-image .mentor-submenu-email .external-login-div {
  padding-top: 0px;
  padding-bottom: 4px;
  padding-left: 0px;
}
#mentorCommPreference .mentor-submenu-email {
  padding-left: 0;
}
#mentorCommPreference .mentor-submenu-email div span .ng-scop {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  font-family: 'Noto Sans', sans-serif;
  color: #45505f;
}
#mentorCommPreference .mentor-submenu-email div span .ng-binding {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  font-family: 'Noto Sans', sans-serif;
  color: #45505f;
}
#myAccountForm .select2-container .select2-chosen,
#toDoReminderPreference .select2-container .select2-chosen {
  background: white;
}
#toDoReminderPreference .select2-container.select2-container-disabled .select2-chosen {
  background: #eeeeee;
  width: 100%;
}
@media (min-width: 768px) and (max-width: 991px) {
  .myAccount .btn-right-align .btn {
    display: block;
    width: 100%;
  }
  .avatar-candidate {
    display: flex;
    width: 100% !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) and screen and (max-width: 768px) {
  .myAccount .btn-right-align .btn .primary-btn--md {
    margin-bottom: 16px;
  }
}
@media (min-width: 320px) and (max-width: 600px) {
  .avatar-candidate {
    display: flex;
    width: 100% !important;
  }
}
.roadmap-zone-menu {
  height: 40px;
}
@media screen and (max-width: 1024px) {
  .roadmap-zone-menu {
    width: intrinsic;
    width: -moz-max-content;
    width: -webkit-max-content;
    min-width: 1100px;
  }
}
.roadmap-stepper-background {
  width: 100%;
  height: 120px;
  background-image: linear-gradient(233deg, #df255f, #4d005b);
}
@media screen and (max-width: 1024px) {
  .roadmap-stepper-background {
    width: intrinsic;
    width: -moz-max-content;
    width: -webkit-max-content;
    min-width: 1100px;
  }
}
@media screen and (max-height: 720px) {
  .roadmap-stepper-background {
    height: 80px;
  }
}
.roadmap-zones {
  display: table-cell;
  position: relative;
}
.roadmap-zone-container {
  text-align: center;
  display: table;
  width: 100%;
  margin: 0 auto;
}
.roadmap-zone-item {
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  font-size: 12px !important;
  line-height: 16px !important;
  font-weight: 400;
  font-family: 'Noto Sans', sans-serif;
}
.roadmap-zone-item:hover,
.roadmap-zone-item:focus {
  text-decoration: none;
  color: white;
}
.roadmap-zone-item-selection {
  color: white;
}
.roadmap-zone-item-selection:hover,
.roadmap-zone-item-selection:focus {
  text-decoration: none;
  color: white;
}
@media screen and (max-width: 768px) {
  .zone-info-container {
    padding: 1em 0;
  }
}
.zone-info-container .ct-roadmap-detail {
  margin-bottom: 24px;
}
.zone-info-container h1.body_base_semibold {
  font-weight: 400;
}
.zone-description {
  padding-top: 1em;
}
@media screen and (max-width: 768px) {
  .zone-description {
    padding-top: 1em;
  }
}
.roadmap-stepper-horizontal {
  display: table;
  width: 100%;
  margin: 0 auto;
}
.roadmap-step-circle {
  cursor: pointer;
  width: 60px;
  height: 60px;
  margin: 0 auto;
  border: 2px solid white;
  background-color: rgba(255, 255, 255, 0.25);
  border-radius: 50%;
  text-align: center;
  color: white;
}
.roadmap-step-circle span {
  font-family: Noto Sans, sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 24px !important;
  color: #1c304b !important;
  font-family: 'Noto Sans', sans-serif !important;
  color: white !important;
}
.roadmap-step-circle div {
  color: white !important;
  font-size: 30px;
  line-height: 1.69;
  text-align: center;
  font-weight: 600;
}
.roadmap-step-circle .vertically-centered {
  top: 48%;
}
.roadmap-stepper-horizontal .roadmap-step .roadmap-step-bar-left,
.roadmap-stepper-horizontal .roadmap-step .roadmap-step-bar-right {
  position: absolute;
  top: 40px;
  height: 4px;
  border-top: 4px dashed #a68bac;
}
.roadmap-stepper-horizontal .roadmap-step .roadmap-step-bar-right {
  right: 0px;
  left: 50%;
  margin-left: 30px;
  margin-right: 1.5px;
}
.roadmap-stepper-horizontal .roadmap-step .roadmap-step-bar-left {
  left: 7px;
  right: 50%;
  margin-right: 30px;
  margin-left: -4.5px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .roadmap-zone-item {
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
  }
  .roadmap-zone-item:hover,
  .roadmap-zone-item:focus {
    text-decoration: none;
    color: white;
  }
  .roadmap-zone-item:focus-visible {
    outline: none;
    border: 1px solid white;
    height: 10px;
    width: 5px;
    padding: 0px 5px 0px 5px;
  }
  .carousel-control:focus-visible,
  .carousel-control:focus {
    outline: none;
    border: 1px solid white;
    height: 10px;
    width: 5px;
    padding: 20px 5px 20px 5px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
@-moz-document url-prefix() {
  .roadmap-stepper-horizontal .roadmap-step .roadmap-step-bar-right {
    margin-right: -11px;
  }
  .roadmap-stepper-horizontal .roadmap-step .roadmap-step-bar-left {
    margin-left: -17px;
  }
  
  .roadmap-zone-item {
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
  }
  .roadmap-zone-item:hover,
  .roadmap-zone-item:focus {
    text-decoration: none;
    color: white;
  }
  .roadmap-zone-item:focus-visible {
    outline: none;
    border: 1px solid white;
    height: 10px;
    width: 5px;
    padding: 0px 5px 0px 5px;
  }
  
  .roadmap-main-section .custom-carousel .carousel-content .roadmap-main .roadmap-step .roadmap-step-bar-left,
  .roadmap-main-section .custom-carousel .carousel-content .roadmap-main .roadmap-step .roadmap-step-bar-right {
    border-top: 0 !important;
    border: 4px dashed #a68bac;
  }
  .roadmap-main-section .custom-carousel .carousel-content .roadmap-main .roadmap-step .roadmap-step-bar-right {
    margin-right: 7px !important;
  }
}
.roadmap-zone-number-selection .roadmap-step-circle {
  background-color: white;
}
.roadmap-zone-number-selection .roadmap-zones a {
  color: white !important;
}
.roadmap-zone-number-selection .roadmap-zones a:hover,
.roadmap-zone-number-selection .roadmap-zones a:focus {
  color: white;
}
@media screen and (max-width: 1024px) {
  .roadmap-menu {
    overflow: auto;
    white-space: nowrap;
  }
}
.zone-name {
  font-weight: 900;
}
@media screen and (max-width: 812px) {
  .zone-name {
    font-size: 1.875rem;
  }
}
.carousel-control-prev {
  left: -4rem;
  top: -3rem;
}
.carousel-control-next {
  right: -4rem;
  top: -3rem;
}
/*.roadmap-main-section {
    background: url('/content/images/Roadmap/roadmap-zone-bg.PNG');
    background-position: left;
    width: 100%;
    background-repeat: no-repeat;
    background-size:cover;
    height: 152px;
    overflow: auto;
}*/

.roadmap-stepper-horizontal.content-width {
  margin: auto;
  max-width: 100% !important;
}
.roadmap-col {
  display: table-cell;
  position: relative;
  width: 16%;
}
.roadmap-menu {
  width: 100%;
  max-width: 70%;
  height: 100%;
  padding-top: 10px;
}
.roadmap-main {
  margin-top: 10px;
  margin-bottom: 10px;
}
.roadmap-zones {
  display: block;
  text-align: center;
}
.roadmap-zones .light-font {
  color: #cec5dd !important;
}
.roadmap-zones a {
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
}
.roadmap-zones a:hover {
  color: #a68bac;
}
.carousel-item .roadmap-col:first-child .roadmap-main .roadmap-step .roadmap-step-bar-left,
.carousel-item .roadmap-col:last-child .roadmap-main .roadmap-step .roadmap-step-bar-right {
  display: none;
}
.roadmap-zone-text-selection a {
  color: white;
}
.carousel-control {
  background-image: none !important;
}
.left.carousel-control {
  left: 1rem;
  width: auto;
  top: 2rem;
  height: 2rem;
}
.right.carousel-control {
  right: 4rem;
  width: auto;
  top: 2rem;
  height: 2rem;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .right.carousel-control {
    right: 1rem;
  }
}
@media screen and (max-width: 1024px) {
  .carousel-control-prev {
    left: -9px;
  }
  .col-xs-2.roadmap-col:first-child {
    margin-left: 15px;
  }
}
@media screen and (max-width: 768px) {
  .col-xs-2.roadmap-col {
    /*min-width: 9.5%;*/
    margin-left: 10px;
    margin-right: 5px;
  }
  .carousel-control {
    visibility: hidden;
  }
  .carousel,
  .carousel-inner {
    position: relative;
    white-space: nowrap;
  }
  .carousel-inner {
    /*min-width: 1140px;*/
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .carousel-inner .carousel-item .row {
    display: flex;
    min-width: 100%;
    overflow-x: auto;
  }
  .carousel-inner .carousel-item .row::-webkit-scrollbar {
    display: none;
  }
  .col-xs-2.roadmap-col:first-child {
    margin-left: 30px;
  }
  .col-xs-2.roadmap-col:last-child {
    margin-right: 20px;
  }
  .roadmap-stepper-horizontal .roadmap-step .roadmap-step-bar-left {
    left: 0px;
  }
  .roadmap-stepper-horizontal .roadmap-step .roadmap-step-bar-right {
    right: -9px;
  }
}
@media (min-width: 1024px) and (max-width: 1366px) {
  .roadmap-zones a {
    font-size: 12px;
  }
  .roadmap-main-section .custom-carousel .carousel-content .roadmap-main .roadmap-zones a {
    font-size: 12px;
  }
}
@media (min-width: 901px) and (max-width: 1024px) {
  .roadmap-zones a {
    font-size: 12px;
  }
}
@media (min-width: 768px) and (max-width: 900px) {
  .roadmap-zones a {
    font-size: 12px;
  }
}
@media (min-width: 320px) and (max-width: 700px) {
  .roadmap-zones {
    margin-top: 2.4rem;
  }
  .roadmap-step-circle div {
    font-size: 24px;
  }
  a.roadmap-zone-item {
    font-size: 13px;
  }
  .roadmap-step-circle .vertically-centered {
    top: 50%;
  }
  .col-xs-2.roadmap-col:last-child .roadmap-zones a {
    text-align: right;
  }
}
.roadmap-main-section {
  position: -webkit-sticky;
  position: sticky;
  top: 70px;
  z-index: 2;
}
.roadmap-main-section .custom-carousel {
  position: relative;
  width: 100%;
  height: 88px;
  margin: 0 auto;
}
.roadmap-main-section .custom-carousel .nav {
  position: absolute;
  top: 0;
  z-index: 2;
  cursor: pointer;
  color: white;
  -webkit-user-select: none;
  height: 101px;
  padding: 0 15px;
  align-items: center;
  text-decoration: none;
}
.roadmap-main-section .custom-carousel .nav.nav-left {
  left: 0;
  display: none;
  background: #57035c;
}
.roadmap-main-section .custom-carousel .nav.nav-right {
  right: 0;
  display: flex;
  background: #be2866;
}
.roadmap-main-section .custom-carousel .carousel-content {
  position: relative;
  overflow: hidden;
  transition: width 0.4s;
  height: 100%;
  background: linear-gradient(90deg, #4b0a52 0%, #b2285c 100%);
}
.roadmap-main-section .custom-carousel .carousel-content .roadmap-main {
  height: 100%;
  position: absolute;
  z-index: 1;
  margin: 0;
  transition: left 0.4s cubic-bezier(0.47, 0.13, 0.15, 0.89);
}
.roadmap-main-section .custom-carousel .carousel-content .roadmap-main .roadmap-zone-number-selection .roadmap-step .roadmap-step-circle {
  background-color: white;
}
.roadmap-main-section .custom-carousel .carousel-content .roadmap-main .roadmap-zone-number-selection .roadmap-step .roadmap-step-circle span {
  color: black !important;
}
.roadmap-main-section .custom-carousel .carousel-content .roadmap-main .roadmap-zone-number-selection .roadmap-zones a {
  color: white;
}
.roadmap-main-section .custom-carousel .carousel-content .roadmap-main.first .roadmap-step .roadmap-step-bar-left {
  display: none;
}
.roadmap-main-section .custom-carousel .carousel-content .roadmap-main.last .roadmap-step .roadmap-step-bar-right {
  display: none;
}
.roadmap-main-section .custom-carousel .carousel-content .roadmap-main .roadmap-step {
  margin: 12px 0 11px 0;
}
.roadmap-main-section .custom-carousel .carousel-content .roadmap-main .roadmap-step .roadmap-step-circle {
  cursor: pointer;
  width: 35px;
  height: 35px;
  margin: 0 auto;
  border: 1px solid white;
  background-color: #824a7f;
  border-radius: 50%;
  text-align: center;
  color: white;
  font-size: 30px;
  font-weight: 400;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 320px) and (max-width: 767px) {
  .roadmap-main-section .custom-carousel .carousel-content .roadmap-main .roadmap-step .roadmap-step-circle {
    margin: 0 17px;
  }
}
.roadmap-main-section .custom-carousel .carousel-content .roadmap-main .roadmap-step .roadmap-step-circle span {
  font-size: 24px;
}
.roadmap-main-section .custom-carousel .carousel-content .roadmap-main .roadmap-step .roadmap-step-bar-left {
  left: 7px;
  right: 50%;
  margin-right: 18px;
  margin-left: -4.5px;
}
@media (min-width: 320px) and (max-width: 767px) {
  .roadmap-main-section .custom-carousel .carousel-content .roadmap-main .roadmap-step .roadmap-step-bar-left {
    left: 56px;
    right: auto;
  }
}
.roadmap-main-section .custom-carousel .carousel-content .roadmap-main .roadmap-step .roadmap-step-bar-right {
  right: 0;
  left: 50%;
  margin-left: 18px;
}
@media (min-width: 320px) and (max-width: 767px) {
  .roadmap-main-section .custom-carousel .carousel-content .roadmap-main .roadmap-step .roadmap-step-bar-right {
    right: -16px;
    left: 19%;
  }
}
.roadmap-main-section .custom-carousel .carousel-content .roadmap-main .roadmap-step .roadmap-step-bar-left,
.roadmap-main-section .custom-carousel .carousel-content .roadmap-main .roadmap-step .roadmap-step-bar-right {
  position: absolute;
  top: 28px;
  border-top: 2px dashed #9b80a3;
}
.roadmap-main-section .custom-carousel .carousel-content .roadmap-main .roadmap-zones {
  position: absolute;
  width: 100%;
  bottom: 0;
  height: 30px;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #430651;
  text-transform: uppercase;
}
@media (min-width: 320px) and (max-width: 767px) {
  .roadmap-main-section .custom-carousel .carousel-content .roadmap-main .roadmap-zones {
    justify-content: flex-start;
    left: 16px;
  }
}
.roadmap-main-section .custom-carousel .carousel-content .roadmap-main .roadmap-zones a {
  color: #a68bac;
  text-decoration: none;
}
.roadmap-main-section .custom-carousel .carousel-content .roadmap-main .roadmap-zones a:hover {
  text-decoration: none;
}
.goal-change-div .goal-change-btn {
  min-width: 208px;
}
@media (min-width: 320px) and (max-width: 767px) {
  .roadmap-main-section {
    top: 60px;
  }
  .roadmap-main-section .custom-carousel .nav {
    display: none !important;
  }
  .roadmap-main-section .custom-carousel .carousel-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-width: 100%;
    overflow-x: auto !important;
  }
  .roadmap-main-section .custom-carousel .carousel-content .roadmap-main .roadmap-zones a {
    font-size: 13px;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .roadmap-main-section {
    top: 0;
    margin-top: -8px;
  }
  .roadmap-main-section .custom-carousel {
    height: 105px;
  }
  .roadmap-main-section .custom-carousel .nav {
    display: none !important;
  }
  .roadmap-main-section .custom-carousel .carousel-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-width: 100%;
    overflow-x: auto !important;
  }
}
@media (min-width: 768px) and (max-width: 992px) and (orientation: landscape) {
  .roadmap-main-section .custom-carousel .nav {
    display: none !important;
  }
  .roadmap-main-section .custom-carousel .carousel-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-width: 100%;
    overflow-x: auto !important;
  }
}
.zone-info-container p.body_medium[ng-bind-html="selectedZone.DescriptionContent"] .main {
  margin-left: 0;
  min-height: auto;
  background: none;
}
.explore-banner {
  position: relative;
  max-width: 100%;
  height: 600px;
  padding-top: 30px;
  background: no-repeat white;
  background-size: auto auto;
}
@media screen and (max-width: 768px) {
  .explore-banner {
    height: 325px;
    background-position-x: center;
    background-position-y: center;
    background-size: auto 100%;
  }
}
@media screen and (max-height: 720px) and (min-width: 768px) {
  .explore-banner {
    height: 310px;
    background-size: 100% 100%;
  }
}
.banner-text {
  position: absolute;
  left: 15%;
  top: 50%;
  transform: translateY(-50%);
  max-width: 40%;
}
@media screen and (max-width: 768px) {
  .banner-text {
    left: 5%;
    transform: translateY(-70%);
    width: 60%;
    max-width: 60%;
  }
}
@media screen and (max-height: 720px) and (min-width: 768px) {
  .banner-text {
    font-size: 12px;
    left: 10%;
  }
  .banner-text h1 {
    font-size: 3.125em;
  }
  .banner-text h4 {
    font-size: 1.5em;
  }
}
.explore-menu {
  background-color: transparent;
  /* height: 42px; */
  margin-top: 16px;
  display: block;
  clear: both;
  /*padding: 19px 0;*/

}
@media screen and (max-width: 991px) {
  .explore-menu {
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
  }
}
@media screen and (max-width: 768px) {
  .explore-title {
    font-size: 28px;
  }
}
@media screen and (max-width: 768px) {
  .explore-subtitle {
    font-size: 14px;
  }
}
.explore-menu-item {
  margin: 0 40px 0 0px;
  padding: 0px 0px 12px;
}
a.explore-menu-item {
  color: #45505f;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  font-family: 'Noto Sans', sans-serif;
  text-decoration: none;
  display: inline-block;
  text-align: center;
  text-transform: capitalize;
  padding-bottom: 0;
  margin-bottom: 10px;
}
.content-width {
  margin: auto;
  max-width: 1140px;
}
.vertically-centered {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  padding-left: 0;
  padding-right: 0;
}
.explore-spacing {
  padding-left: 0;
  padding-top: 24px !important;
  padding-right: 0;
}
@media screen and (max-width: 1097px) {
  .no-result-wrapper {
    height: 45vh;
  }
}
.explore-categories-background {
  width: 100%;
  height: 120px;
  background-image: linear-gradient(233deg, #df255f, #4d005b);
}
.explore-categories-background .vertically-centered {
  top: 50%;
}
@media screen and (max-width: 900px) {
  .explore-menu-items {
    padding-left: 20px;
    padding-right: 20px;
    /* width: 100%; */
  
  }
  .explore-menu-items:after {
    background: transparent;
  }
  .explore-menu {
    border-bottom: 3px solid #ebebee;
  }
  .explore-category-select {
    width: 100%;
  }
  .explore-category-select.select2-container .select2-choice .select2-arrow b {
    background-position: -4px 2px !important;
  }
}
.home-banner-purple-divider .explore-menu-item {
  margin: 0 10px 0 10px;
  text-transform: uppercase;
}
.home-banner-purple-divider a.explore-menu-item {
  text-decoration: none;
  display: inline-block;
  text-align: center;
}
.home-banner-purple-divider .explore-menu-items {
  padding: 15px 0;
}
.explore-categories-i-want-to {
  width: 12%;
  margin-right: 16px;
  text-transform: inherit;
  color: white;
  font-family: Noto Sans, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
  font-family: 'Noto Sans', sans-serif;
}
@media screen and (max-width: 768px) {
  .explore-categories-i-want-to {
    font-size: 22px;
    width: 100%;
  }
}
.explore-category-select {
  width: 83%;
  background-color: white !important;
  background: transparent;
  height: 40px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  border: 2px solid white;
  min-width: 10em;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  padding-left: 0px !important;
  padding-right: 0px !important;
  appearance: none;
  /*background-image: url('/Content/images/keyboard_arrow_down.svg');
    background-position-x: right;
    background-repeat: no-repeat;
    background-position-y: center;*/

}
.explore-category-select .want-select-drop .select2-choice {
  height: 40px;
  padding: 8px 16px;
}
.explore-category-select .want-select-drop .select2-choice .select2-chosen {
  padding-top: 8px;
  padding-bottom: 8px;
}
.explore-category-select .want-select-drop .select2-choice span#select2-chosen-2 {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
  padding-top: 8px;
  padding-bottom: 8px;
}
.container.vertically-centered.content-width:focus-visible .explore-category-select {
  border: 2px solid #ff5858;
}
select.explore-category-select::-ms-expand {
  display: none;
}
.explore-categories-background .select2-container.white-font .select2-choice {
  border-color: transparent !important;
  border-radius: 0px !important;
  border: 0 !important;
  width: 100%;
  margin-top: -3px;
  margin-left: -3px;
  padding-right: 0px !important;
  background: none !important;
}
.explore-category-select option {
  color: white;
  text-align: left;
  background: #4d005b;
  border: none;
}
.content-footer {
  padding: 2% 21% 5% 23%;
}
.text-overlap {
  width: 100%;
}
.explore-menu-items {
  border-bottom: 3px solid #ebebee;
  position: relative;
  display: block;
}
.tabExplore-section .explore-menu-item-selection::after {
  bottom: -16px;
}
.explore-menu-items:after {
  content: '';
  display: block;
  width: 100%;
  height: 3px;
  /*background: @grayColor;*/
  border-radius: 8px;
  position: relative;
  top: 8px;
}
.explore-menu-item-selection {
  color: #1c304b !important;
  font-weight: 500 !important;
  position: relative;
}
.explore-menu-item-selection:after {
  content: '';
  display: block;
  position: absolute;
  background: #441750;
  bottom: -16px;
  border-radius: 8px;
  height: 3px;
  width: 100%;
  z-index: 9;
}
.explore-sorting {
  margin-bottom: 1em;
}
@media screen and (max-width: 768px) {
  .explore-sorting {
    margin-bottom: 1em;
  }
}
.explore-sorting .sort-heading {
  font-size: 24px;
  font-weight: 600;
  font-family: 'Noto Serif';
}
@media screen and (max-width: 600px) {
  .explore-sorting .sort-heading {
    padding-left: 15px;
  }
}
.padding-top-1 {
  padding-top: 1em;
}
.sorting-row a {
  margin-right: 1em;
  text-transform: uppercase;
  color: inherit;
}
.sorting-row a:hover,
.sorting-row a:focus {
  text-decoration: none;
}
@media screen and (max-width: 768px) {
  .sorting-row a {
    font-size: 14px;
  }
}
.sort-heading button {
  font-family: Noto Sans, sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 24px !important;
  color: #45505f !important;
  font-family: 'Noto Sans', sans-serif !important;
  color: #45505f;
  text-transform: capitalize;
  min-width: 140px;
  height: 32px;
  padding: 0px 16px;
}
.sort-heading .btn-group.open .dropdown-toggle {
  box-shadow: none;
}
.sort-heading .valueSort {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  font-family: 'Noto Sans', sans-serif;
}
.sort-heading .caret {
  background: url(/Content/Images/keyboard_arrow_down.svg);
  width: 24px;
  height: 24px;
  border: 0;
  background-position: center -2px;
}
ul.sorting-row.dropdown-menu {
  box-shadow: 4px 8px 16px rgba(28, 48, 75, 0.08) !important;
  border: none;
  border-radius: 8px;
  top: 95%;
  padding: 0px;
  min-width: 142px;
}
ul.sorting-row.dropdown-menu li {
  padding: 8px 16px;
  margin-bottom: 0;
}
ul.sorting-row.dropdown-menu li:first-child {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
ul.sorting-row.dropdown-menu li a {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
  color: #1c304b;
  padding: 0;
  margin-right: 0;
}
ul.sorting-row.dropdown-menu li:hover {
  background: #f8f8f9;
}
ul.sorting-row.dropdown-menu li:hover:last-child {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
ul.sorting-row.dropdown-menu li:hover a {
  background: none;
}
ul.sorting-row.dropdown-menu .selected-sort-field {
  background: #e4d8f4;
}
/*.sorting-row-custom {
    a {
        color: #7A5F82;
    }
}*/

/*.selected-sort-field {
    color: #C91C52 !important;
}*/

@media screen and (max-width: 991px) {
  .want-select-drop span#select2-chosen-2 {
    padding-left: 0;
  }
}
.want-select-drop a.select2-choice {
  background-color: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  color: white !important;
}
/*.want-select-drop span.select2-arrow b {
    display: none !important;
}*/

.want-select-drop .select2-choice .select2-arrow,
.want-select-drop .select2-choice div {
  border-left: none !important;
}
.select2-with-searchbox .select2-search {
  min-height: 0;
  line-height: 0;
}
.want-select-drop li.select2-results-dept-0.select2-result.select2-result-selectable {
  font-size: 30px;
}
/*Banner CSS*/

.banner-wrapper {
  padding-top: 25px;
}
.inner-banner-container {
  height: 520px;
  position: relative;
}
.inner-baner-bg {
  background-repeat: no-repeat !important;
  height: 100% !important;
  width: 100% !important;
  background-position: bottom !important;
  background-size: cover !important;
}
.inner-banner-container .banner-content {
  top: 30%;
  max-width: 39.5em;
  margin-top: 0;
  margin-left: 14.5%;
  position: absolute;
}
.inner-banner-container .explore-title {
  color: #df255f;
  margin-bottom: 10px;
}
.inner-banner-container .explore-subtitle {
  clear: both;
  margin-top: 0px;
}
.explore-categories-background {
  width: 100%;
  height: 120px;
  background-image: linear-gradient(233deg, #df255f, #4d005b);
}
.explore-categories-background .select2-container-active .select2-choice,
.explore-categories-background .select2-container-multi.select2-container-active .select2-choices {
  border-color: #66afe9 !important;
  outline: none;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  border: 1px solid #f4f4f4 !important;
  border-radius: 2px !important;
}
.explore-categories-background .select2-container.white-font .select2-choice {
  border-color: transparent !important;
}
@media (max-width: 1600px) {
  .inner-banner-container .banner-content {
    top: 50%;
    transform: translateY(-50%);
    max-width: 39.5em;
    margin-left: 8%;
  }
  .menu-links {
    padding-left: 0%;
  }
}
@media (max-width: 1280px) {
  .inner-banner-container .banner-content {
    max-width: 39.5em;
    margin-left: 3%;
  }
}
@media (max-width: 1024px) {
  .inner-banner-container .banner-content {
    margin-left: 2%;
    max-width: 26em;
  }
}
@media (max-width: 991px) {
  .inner-banner-container .banner-content {
    max-width: 22em;
    margin-left: 1%;
  }
}
@media (max-width: 767px) {
  .inner-banner-container .banner-content {
    max-width: 20em;
    margin-left: 0%;
  }
}
@media (max-width: 480px) {
  .inner-banner-container .banner-content {
    max-width: 12em;
  }
}
@media screen and (max-width: 2560px) {
  .inner-banner-container {
    height: 520px;
  }
  .inner-banner-container .explore-title {
    font-size: 40px;
    margin-top: 0;
  }
  .inner-banner-container .explore-subtitle {
    font-size: 24px;
  }
}
@media screen and (max-width: 1920px) {
  .inner-banner-container {
    height: 350px;
  }
  .inner-banner-container .explore-title {
    font-size: 40px;
  }
  .inner-banner-container .explore-subtitle {
    font-size: 22px;
  }
}
@media screen and (max-width: 1600px) {
  .inner-banner-container {
    height: 350px;
  }
  .inner-banner-container .explore-title {
    font-size: 40px;
  }
  .inner-banner-container .explore-subtitle {
    font-size: 22px;
  }
}
@media screen and (max-width: 1280px) {
  .inner-banner-container {
    height: 350px;
  }
  .inner-banner-container .explore-title {
    font-size: 40px;
  }
  .inner-banner-container .explore-subtitle {
    font-size: 22px;
  }
}
@media screen and (max-width: 1024px) {
  .inner-banner-container {
    height: 280px;
  }
  .inner-banner-container .explore-title {
    font-size: 34px;
  }
  .inner-banner-container .explore-subtitle {
    font-size: 18px;
  }
}
@media screen and (max-width: 991px) {
  .inner-banner-container {
    height: 280px;
  }
  .inner-banner-container .explore-title {
    font-size: 28px;
  }
  .inner-banner-container .explore-subtitle {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .inner-banner-container {
    height: 220px;
  }
  .inner-banner-container .explore-title {
    font-size: 28px;
  }
  .inner-banner-container .explore-subtitle {
    font-size: 16px;
  }
}
@media screen and (min-width: 481px) and (max-width: 768px) {
  .explore-baner-bg {
    background-position: 56% 20px !important;
  }
  .roadmap-baner-bg {
    background-position: 50% 20px !important;
  }
}
@media screen and (max-width: 480px) {
  .inner-banner-container {
    height: 260px;
  }
  .inner-banner-container .explore-title {
    font-size: 26px;
  }
  .inner-banner-container .explore-subtitle {
    font-size: 16px;
  }
  .explore-baner-bg {
    background-position: 56% 0 !important;
  }
  .roadmap-baner-bg {
    background-position: 50% 0 !important;
  }
}
@media screen and (max-width: 320px) {
  .inner-banner-container {
    height: 260px;
  }
  .inner-banner-container .explore-title {
    font-size: 26px;
  }
  .inner-banner-container .explore-subtitle {
    font-size: 16px;
  }
}
@media only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) {
  .inner-banner-container {
    height: 260px;
  }
}
@media only screen and (device-width: 800px) and (device-height: 600px) and (-webkit-device-pixel-ratio: 2) {
  .inner-banner-container {
    height: 220px;
  }
}
@media (max-width: 768px) {
  .explore-category-select a.select2-choice span {
    padding: 6px 0px;
    font-size: 22px;
  }
}
.select2-search input {
  box-shadow: none !important;
  background: white !important;
}
.select2-chosen,
.select2-choice > span:first-child {
  padding: 8px 12px !important;
}
.explore-category-select span#select2-chosen-3 {
  padding: 8px 16px !important;
}
.main-content .initiative-cards-new.row {
  margin-bottom: 30px;
  padding-top: 24px;
  border-radius: 8px;
  background-color: white;
  padding-left: 12px;
  padding-right: 12px;
}
.main-content .initiative-cards-new.row .col-xs-6,
.main-content .initiative-cards-new.row .col-sm-4,
.main-content .initiative-cards-new.row .col-md-3 {
  padding-right: 12px;
  padding-left: 12px;
}
.about-me-content {
  font-size: 14px;
}
.about-me-content p {
  margin: 0;
}
@media screen and (max-width: 736px) {
  .about-me-content .offset-1 {
    margin-left: auto;
  }
}
.about-me-content .control-wrapper {
  margin-bottom: 90px;
  border-bottom: 1px solid white !important;
}
.about-me-description-panel {
  margin-top: 26px;
  margin-bottom: 8px;
}
.profile-about-me-panel {
  margin: 22px 0 52px 0;
}
.about-me-form-btn {
  margin: 20px 0 30px 14px;
  width: 30%;
  max-width: 180px;
}
.about-me-form-fields .control-box input::placeholder {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
  color: #5c6573;
}
.about-me-form-fields .btn-container {
  border-top: 1px solid #ebebee;
  padding-top: 4px;
  margin: 24px 0px;
}
.main-content.custom-about-me-content-container {
  padding-top: 24px;
}
.main-content.custom-about-me-content-container .main-content-top {
  height: 24px;
  width: 100%;
}
.main-content.custom-about-me-content-container .main-content-top .page-wrapper-test .breadcrumbs {
  margin-top: 0px;
  height: 24px;
  margin-bottom: 16px;
  width: 100%;
}
.main-content.custom-about-me-content-container .main-content-top .page-wrapper-test .breadcrumbs ul li.current span {
  color: #45505f;
}
@media screen and (max-width: 991px) {
  .main-content.custom-about-me-content-container .showon-small-device {
    margin-bottom: 24px;
  }
}
.main-content.custom-about-me-content-container .main-content-middle .left-column {
  padding-right: 12px;
}
.main-content.custom-about-me-content-container .main-content-middle .right-column {
  padding-left: 12px;
}
@media screen and (max-width: 991px) {
  .main-content.custom-about-me-content-container .main-content-middle .left-column,
  .main-content.custom-about-me-content-container .main-content-middle .right-column {
    padding-right: auto;
  }
}
.main-content.custom-about-me-content-container .profile-about-me-panel {
  margin-top: 0;
}
.main-content.custom-about-me-content-container .profile-about-me-panel h2 {
  font-size: 20px;
  line-height: 32px;
  font-weight: 600;
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
  margin-top: 0;
}
#editForm .select2-container .select2-chosen {
  background: white;
}
.profile-header {
  width: auto;
  min-height: 260px;
  object-fit: contain;
  background-repeat: no-repeat;
  font-family: 'Noto Sans', sans-serif;
  background-color: #f1f0f5;
  max-height: 520px;
  padding-bottom: 50px;
}
.profile-header .profile-header-avatar-candidate {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  margin: 50px auto 0 auto;
}
.profile-header .profile-header-avatar-candidate-photo {
  height: 80px;
  width: 80px;
  border-radius: 50%;
  border: 3px solid #ebebee;
  text-align: center;
  background-color: #ebebee;
}
.profile-header .profile-header-avatar-candidate-photo {
  border-radius: 50%;
  border: 3px solid #ebebee;
  text-align: center;
}
.profile-header .profile-header-avatar-candidate-initials {
  font-size: 20px;
  line-height: 32px;
  text-align: center;
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
  margin: 0;
  font-weight: 700;
  padding: 20px;
}
.profile-header .profile-header-avatar-photo {
  height: 80px;
  width: 80px;
  border-radius: 50%;
  position: relative;
  left: -1px;
}
@media screen and (max-width: 1600px) {
  .profile-header .profile-header-avatar-photo {
    top: -3px;
    left: -2.5px;
  }
}
@media screen and (max-width: 1024px) {
  .profile-header .profile-header-avatar-photo {
    top: -1px;
    left: -1px;
  }
}
@media screen and (max-width: 768px) {
  .profile-header .profile-header-avatar-photo {
    height: 85px;
    width: 86px;
  }
}
.profile-header .profile-header-candidate-name {
  width: auto;
  font-size: 20px;
  line-height: 32px;
  text-align: center;
  color: #1c304b;
  margin: 20px auto 0;
  font-family: 'Noto Sans', sans-serif;
  font-weight: 600;
}
@media screen and (max-width: 768px) {
  .profile-header .profile-header-candidate-name {
    font-size: 22px;
  }
}
.profile-header .profile-header-candidate-name p {
  margin: 0;
}
.profile-header .profile-header-candidate-detail {
  width: auto;
  font-size: 14px;
  text-align: center;
  color: #5c6573;
}
.profile-header .profile-header-candidate-detail p {
  margin: 0;
}
.profile-header ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.profile-header .program-info {
  display: block !important;
  padding: 0;
}
.profile-header .program-info h5 {
  width: auto !important;
  font-size: 16px;
  font-weight: 400 !important;
  line-height: 1.5;
  text-align: center;
  color: white;
  font-family: 'Noto Sans JP';
  text-transform: uppercase;
}
@media screen and (max-width: 768px) {
  .profile-header .program-info h5 {
    font-size: 12px;
  }
}
.profile-header .program-info .program-ingo-custom {
  width: auto !important;
  text-align: center;
  color: #5c6573;
  padding: 4px 0 8px 0;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  font-family: 'Noto Sans', sans-serif;
}
.profile-header .program-info p {
  margin-top: 0px;
  padding-bottom: 0px;
  margin-bottom: 0px;
}
.profile-header .program-dates-container p {
  text-align: center;
  text-transform: capitalize !important;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
  color: #5c6573;
}
@media screen and (max-width: 768px) {
  .profile-header .program-dates-container p {
    font-size: 12px;
  }
}
.profile-header .program-dates-container {
  height: auto;
  border-bottom: none !important;
}
.profile-header .program-progress-container {
  height: initial;
  padding: 8px 0;
}
.profile-header .program-info-row {
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.profile-header ul.month-divider {
  display: table;
  table-layout: fixed;
  margin-left: auto;
  margin-right: auto;
}
.profile-header li.month-divider-section {
  width: 42px !important;
  height: 8px !important;
  display: table-cell !important;
  margin-left: 4px;
  margin-right: 4px;
}
.profile-header div.month-divider-section {
  width: 42px !important;
  height: 8px !important;
  background-color: #ff097f;
  border-radius: 4px;
}
.profile-header .profile-header-edit {
  position: relative;
  right: -30px;
  top: 21px;
  float: right;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .profile-header .profile-header-edit {
    right: -5px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .profile-header .profile-header-edit {
    top: 37px;
    right: -5px;
  }
}
.profile-header .edit-btn {
  float: right;
}
.profile-header .edit-btn a {
  width: 30px;
  height: 30px;
  border: 2px solid #5c6573;
  border-radius: 100%;
  display: inline-block;
  text-align: center;
  color: #5c6573;
  text-decoration: none;
  cursor: pointer;
}
.profile-header .edit-btn a:focus,
.profile-header .edit-btn a:visited,
.profile-header .edit-btn a:active {
  text-decoration: none;
}
.profile-header .edit-btn a span {
  font-size: 12px;
}
.profile-icon-outer.profile-header-edit .edit-btn a {
  width: auto;
  height: auto;
  border: 0;
  border-radius: 0;
  padding-top: 0;
}
.profile-icon-outer.profile-header-edit .edit-btn a:focus-visible {
  outline-offset: 4px;
  border-radius: 2px;
}
.profile-icon-outer.profile-header-edit .edit-btn a span {
  width: 30px;
  padding-top: 6px;
  height: 30px;
  border: 2px solid #5c6573;
  border-radius: 100%;
  display: inline-block;
  text-align: center;
  color: #5c6573;
  text-decoration: none;
  cursor: pointer;
}
.profile-header-avatar-candidate-image {
  margin: 0;
}
.profile-resume .resume-panel {
  padding: 0 0 110px;
}
.profile-resume .resume-divider {
  height: 3px;
  background-color: #eee8ef;
  margin: 25px -50px;
}
.profile-resume .intro-message-panel {
  margin: 30px 0 20px 0;
}
.profile-resume .full-screen {
  background-color: rgba(0, 0, 0, 0.85);
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
}
.profile-resume .page-wrapper-test {
  margin-top: 16px;
}
.profile-resume .centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 65vw;
  overflow: auto;
}
.profile-resume .btn-grey {
  border: solid 2px rgba(255, 255, 255, 0.35);
  background-color: rgba(255, 255, 255, 0.35);
}
.profile-resume .resume-checkmark-img {
  object-fit: contain;
  max-width: 20vh;
  height: auto;
}
.profile-resume .management-panel {
  background-color: white;
  pointer-events: all;
}
@media (max-width: 767px) {
  .profile-resume .management-panel {
    margin-bottom: 40px;
  }
}
.profile-resume .intro-message-body {
  margin-top: 60px !important;
}
.profile-resume .icon-space {
  display: flex;
  justify-content: flex-end;
}
.profile-resume .icon-space div {
  margin: 0 5px 5px 5px;
}
.profile-resume .border-box {
  border: solid 1px #a68bac;
  padding: 10px;
  margin: 15px;
  overflow: hidden;
}
.profile-resume .consent-text {
  opacity: 0.75;
  font-size: 12px;
  font-style: italic;
  line-height: 1.67;
  color: black;
}
.profile-resume .btn-share-resume {
  width: 100%;
}
.profile-resume .btn_consent {
  color: #4f185a;
  border: 1px solid #a68bac;
  font-weight: bold;
  white-space: normal;
  word-wrap: break-word;
  min-height: 40px;
  margin: 10px 0;
  background-color: #eee8ef;
  padding-top: 0;
  padding-bottom: 0;
  display: table;
}
.profile-resume .btn_consent div {
  vertical-align: middle;
  display: inline-block;
}
.profile-resume .has-error .consent-text {
  color: red;
}
.profile-resume .has-error .btn_consent {
  border-color: red;
}
.profile-resume .animated-content {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 5;
}
.profile-resume .btn-finish {
  font: 20px 'NotoSans-Regular';
  line-height: 29px;
}
.profile-resume .btn-stop-share-resume {
  color: #a68bac;
  border: 1px solid #a68bac;
  background-color: white;
  font-weight: bold;
  white-space: normal;
  word-wrap: break-word;
  min-height: 40px;
}
.profile-resume .div-center {
  margin: 10px auto;
}
.profile-resume .div-center button {
  width: 100%;
}
.profile-resume .resume-name {
  margin-top: 0px;
}
.profile-resume .resume-name a {
  font: 16px 'Noto Serif';
  font-weight: 700;
  color: #df255f;
}
.profile-resume .modal-dialog-resume span {
  font-family: 'Noto Serif';
  font-weight: 400;
}
.profile-resume .padding-bottom-150 {
  padding-bottom: 150px !important;
}
.profile-resume .padding-bottom-30 {
  padding-bottom: 30px !important;
  overflow: visible;
}
.profile-resume .no-compassId-resume {
  margin-bottom: 180px;
  margin-top: 100px;
}
.resume-modal .card-top {
  background-color: white;
  padding: 3% 3% 5% 5%;
}
.resume-modal .card-bottom {
  background-color: #f0f0f0;
  padding: 5%;
}
.resume-modal .background_policies {
  background-color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  border: solid 2px #e5e5e5;
  align-content: space-around;
  margin: 5% 0;
}
.resume-modal .background_policies div {
  margin: 1%;
}
.resume-modal h2 {
  margin-bottom: 0;
}
.resume-modal h3 {
  margin-top: 0;
}
.resume-modal .button_close_40_grey {
  width: 40px;
  height: 40px;
  object-fit: contain;
}
.resume-modal .button_close_cursor {
  cursor: pointer;
}
.resume-modal .has-error .consent-description {
  color: red;
}
.resume-modal .has-error .background_policies {
  border-color: red;
}
#idealJobForm .resume-divider {
  display: none;
}
@media (min-width: 320px) and (max-width: 767px) {
  .profile-resume .padding-bottom-150 {
    padding-bottom: 0px !important;
  }
  #idealJobForm .resume-divider {
    display: block !important;
  }
  .profile-resume .resume-divider {
    display: none !important;
  }
  .profile-resume .padding-bottom-30 {
    padding-bottom: 0px !important;
    overflow: hidden;
  }
  .about-me-content .grid-xs-2:last-child .control-wrapper-opened {
    min-height: 1050px !important;
  }
  .profile-resume .main-content {
    padding-bottom: 130px !important;
    width: 100%;
  }
  .profile-resume .intro-message-panel {
    margin: 30px 0 40px 0;
  }
}
.completeProfile {
  background: white;
  padding: 20px 25px;
  border-radius: 8px;
}
.completeProfile.noProfileSection {
  margin-bottom: 100px;
}
.card.completeProfile {
  padding: 24px 24px 32px;
  border-radius: 8px;
  background-color: white;
  margin-top: 24px;
}
.noProfileSection .card-title {
  margin-bottom: 8px;
}
.noProfileSection .card-title h2 {
  margin-top: 0px;
  margin-bottom: 0px;
}
.completeProfile .card-title h2 {
  color: #45505f;
  text-align: center;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  font-family: 'Noto Sans', sans-serif;
  font-style: normal;
  letter-spacing: 0.056px;
}
.completeProfile .uploadResumeLinkedIN {
  text-align: center;
  position: relative;
  margin-top: 8%;
  margin-bottom: 0;
}
.completeProfile .uploadResumeLinkedIN a.LinkedINSVG {
  position: absolute;
  left: 5%;
  top: -7%;
}
.resume-gotoresume {
  color: #aa0285;
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  text-transform: uppercase;
  font-family: 'Noto Sans', sans-serif;
  letter-spacing: 0.24px;
}
.resume-gotoresume:hover {
  color: #aa0285;
  text-decoration: none;
}
.completeProfileSummary p {
  color: #45505f;
  text-align: center;
  letter-spacing: 0.048px;
  margin-bottom: 0px;
}
.completeProfile .btn-uploadLinkedPDF {
  margin: 0px 20px 0px 0;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: Noto Sans, sans-serif;
  text-transform: uppercase;
  color: white;
  background-color: #441750;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  padding: 8px 24px;
  font-family: 'Noto Sans', sans-serif;
  height: 40px;
}
.completeProfile .btn-uploadLinkedPDF:active {
  color: white;
  background: #390447;
}
.completeProfile .btn-uploadLinkedPDF:hover {
  background-color: #613e6b;
}
.completeProfile .btn-uploadLinkedPDF:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.completeProfile .btn-uploadLinkedPDF:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.completeProfile .btn-uploadLinkedPDF:active {
  color: white;
  background: #390447;
}
.completeProfile .btn-uploadLinkedPDF:hover {
  background-color: #613e6b;
}
.completeProfile .btn-uploadLinkedPDF:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.completeProfile .btn-uploadLinkedPDF:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.completeProfile .btn-uploadLinkedPDF:active {
  color: white;
  background: #390447;
}
.completeProfile .btn-uploadLinkedPDF:hover {
  background-color: #613e6b;
}
.completeProfile .btn-uploadLinkedPDF:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.completeProfile .btn-uploadLinkedPDF:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.completeProfile .btn-uploadLinkedPDF:active {
  color: white;
  background: #390447;
}
.completeProfile .btn-uploadLinkedPDF:hover {
  background-color: #613e6b;
}
.completeProfile .btn-uploadLinkedPDF:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.completeProfile .btn-uploadLinkedPDF:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.completeProfile .btn-uploadLinkedPDF:hover {
  color: white;
}
.completeProfile .btn-noThanks {
  border: 2px solid #a68bac;
  border-radius: 0;
  display: inline-block;
  padding: 8px 30px;
  color: #4f185a;
  font-size: 16px;
  background: white;
  font-weight: bold;
}
.completeProfile .btn-noThanks:active {
  color: white;
  background: #4f185a;
  border: 2px solid #4f185a;
}
.workProfileBtn {
  margin: 24px 0px 0px;
  text-align: center;
}
.completeProfile .uploadCircleImg img {
  width: 250px;
}
@media (min-width: 320px) and (max-width: 767px) {
  .workProfileBtn .btn {
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
    white-space: normal;
  }
  .completeProfile .uploadCircleImg img {
    width: auto;
  }
  .completeProfile .uploadResumeLinkedIN a.LinkedINSVG {
    position: absolute;
    left: 0;
    top: 0;
  }
}
@media (min-width: 667px) and (max-width: 767px) {
  .completeProfile .uploadResumeLinkedIN a.LinkedINSVG {
    position: absolute;
    left: 12%;
    top: -5px;
  }
  .completeProfile .uploadCircleImg img {
    width: auto;
  }
}
@media (min-width: 767px) and (max-width: 900px) {
  .completeProfile .uploadCircleImg img {
    width: auto;
  }
  .completeProfile .uploadResumeLinkedIN a.LinkedINSVG {
    position: absolute;
    left: 25%;
    top: -1%;
  }
}
.errorPara {
  color: red;
  font-size: 16px;
  line-height: 45px;
  margin-bottom: 0px;
}
.main-content.padding-top-0 {
  padding-top: 0;
}
.js-consent-text .error-txt {
  color: red;
  font-size: 16px;
}
@media (min-width: 767px) and (max-width: 1024px) {
  .profile-resume .no-compassId-resume {
    margin-bottom: 0px;
    height: calc(45vh);
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .completeProfile .uploadCircleImg img {
    max-width: 100%;
  }
  .profile-resume .no-compassId-resume {
    margin-bottom: 250px;
    margin-top: 100px;
  }
}
.validation-err .select2-container .select2-choice {
  border: 2px solid #c44343 !important;
}
.modal-backdrop.in {
  opacity: 0.5;
  background: #1e162a;
}
.completeProfileSummary .modal-backdrop.in {
  opacity: 1 !important;
  background-color: rgba(0, 0, 0, 0.8) !important;
}
/*.modal-content{
    .close {
        a{
            outline-offset: -2px;
        }
    }
}*/

#exp-modal .modal-header a {
  outline-offset: -2px;
}
.custom-resume-container.resume-panel {
  padding-top: 16px;
}
.custom-resume-container.resume-panel .intro-message-panel {
  margin-top: 0;
}
.custom-resume-container.resume-panel .intro-message-panel h2 {
  margin-top: 0;
}
@media (min-width: 320px) and (max-width: 767px) {
  .footer-btns.experience-modal {
    margin-bottom: 15px;
  }
  .footer-btns.experience-modal .btn {
    width: 100%;
    min-height: 50px;
    height: auto !important;
    white-space: normal;
  }
}
.main-content.settings-container {
  padding-bottom: 130px;
}
.margin-bottom-30 {
  margin-bottom: 30px;
}
.custom-setting-container.main-content {
  padding-top: 24px;
}
.custom-setting-container.main-content .main-content-top {
  height: 24px;
  width: 100%;
}
.custom-setting-container.main-content .main-content-top .page-wrapper-test .breadcrumbs {
  margin-top: 0px;
  height: 24px;
  margin-bottom: 24px;
  width: 100%;
}
.custom-setting-container.main-content .main-content-top .page-wrapper-test .breadcrumbs ul li.current span {
  color: #45505f;
}
.custom-setting-container.main-content .white-background {
  border-radius: 8px;
}
.custom-setting-container.main-content .my-account-tab,
.custom-setting-container.main-content .goal-selection-tab {
  margin-bottom: 32px;
}
.custom-setting-container.main-content .my-account-tab .control-wrapper .control-wrapper-head,
.custom-setting-container.main-content .goal-selection-tab .control-wrapper .control-wrapper-head {
  border-bottom: 1px solid #ebebee;
  padding-bottom: 24px;
}
.custom-setting-container.main-content .my-account-tab .control-wrapper .control-wrapper-head .custom-heading,
.custom-setting-container.main-content .goal-selection-tab .control-wrapper .control-wrapper-head .custom-heading {
  font-weight: 700 !important;
}
.demo-settings {
  margin-bottom: 50px;
}
.demo-settings .btn-remove {
  height: 50px;
}
.demo-settings .demo-settings-row {
  margin-top: 15px;
}
.demo-settings .demo-settings-row .settings-input {
  box-shadow: none;
  -webkit-box-shadow: none;
  border-color: #e5e5e5;
}
.demo-settings .demo-settings-row .settings-input:focus {
  border-color: #434343 !important;
}
.demo-settings .demo-settings-row .demo-select .select2-container.form-control {
  border: solid #e5e5e5 2px;
}
.demo-settings .demo-settings-row .demo-select a {
  box-shadow: none;
  -webkit-box-shadow: none;
}
.demo-settings .demo-settings-row label {
  font-weight: 700;
  font-family: 'Noto Sans';
  font-size: 14px;
  color: black;
}
.demo-settings .demo-settings-row span {
  font-weight: 400;
  font-family: 'Noto Sans';
  font-size: 14px;
  color: black;
}
.demo-settings .btn-save {
  margin-top: 24px;
  width: 100%;
}
.demo-settings .btn-reset {
  margin-top: 24px;
  width: 100%;
}
.demo-settings .btn-focus {
  position: relative;
  outline: none !important;
}
.demo-settings .btn-focus:before {
  border: 2px solid #434343 !important;
  content: "";
  position: absolute;
  top: -5px;
  bottom: -5px;
  left: -5px;
  right: -5px;
}
.demo-settings .func-buttons {
  padding-right: 0;
}
.demo-settings .func-buttons .left {
  padding-left: 0;
}
.demo-settings .func-buttons .right {
  padding-right: 0;
}
#demoSettingsForm .select2-container-active {
  border-color: #434343 !important;
  border-width: 2px !important;
  border-style: solid !important;
}
#demoSettingsForm .control-wrapper .control-wrapper-head {
  border-bottom: 1px solid #ebebee;
  padding-bottom: 24px;
  margin-bottom: 9px;
}
.todo_content .todo-modal-img {
  background: url(/Content/Images/r19/todo_modal_img.svg) no-repeat center center fixed;
  background-size: cover;
}
.todos-main-content.main-content {
  margin-bottom: 0;
}
.todos-main-content.main-content .todo-completed-container {
  margin-bottom: 85px;
}
.todos-main-content.main-content .todo-uncompleted-container {
  margin-bottom: 30px;
}
.todos-main-content.main-content .control-wrapper-body {
  padding-bottom: 30px;
}
.todos-main-content.main-content .view-more-less {
  margin-top: 5px;
  margin-bottom: 5px;
}
.edit-btn {
  display: flex;
  align-items: center;
  gap: 6px;
  height: 32px;
  border-radius: 7px;
  font-size: 12px;
  line-height: 16px;
  padding: 8px 16px 8px 16px;
  text-transform: uppercase;
}
.edit-btn .button_download {
  padding: 0px 0px 0px 8px;
}
.todo-uncompleted-container {
  margin-bottom: 30px;
}
.todo-uncompleted-container .control-wrapper-body {
  padding-bottom: 30px;
}
.todo-uncompleted-container .control-wrapper-body .todo-list .todo-list-row-bottom,
.todo-uncompleted-container .control-wrapper-body .todo-list .divider_bottom {
  padding-left: 0px;
  padding-right: 0px;
  margin: 0px;
}
.control-wrapper-loader-bar {
  border-bottom: 1px solid #ebebee !important;
}
.todo-uncompleted-container.skeleton-loader-todo .todo-list-tab-view {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  column-gap: 10px;
}
.todo-uncompleted-container.skeleton-loader-todo .todo-list-tab-view .line-tab-gray {
  width: 82px;
}
@media only screen and (min-width: 768px) {
  .todo-uncompleted-container.skeleton-loader-todo .todo-list-tab-view .line-tab-gray {
    width: 62px;
  }
}
.todo-uncompleted-container.skeleton-loader-todo .control-wrapper-body {
  padding: 0px;
}
.todo-uncompleted-container.skeleton-loader-todo .control-wrapper-body .todo-list {
  margin-bottom: 0px;
}
.todo-uncompleted-container.skeleton-loader-todo .control-wrapper-body .todo-list .todo-list-row-bottom {
  margin: 0px;
  padding-left: 32px;
  padding-right: 32px;
  border-bottom: 1.5px solid #ece5ed;
}
.todo-uncompleted-container.skeleton-loader-todo .control-wrapper-body .todo-list-row {
  min-height: auto;
  align-items: center;
}
.todo-uncompleted-container.skeleton-loader-todo .control-wrapper-body .todo-list-row .todo-list-row-content {
  margin-left: 12px;
  margin-right: 0px;
  cursor: default;
}
.todo-uncompleted-container.skeleton-loader-todo .control-wrapper-body .todo-list-row .todo-list-row-content .skeleton-line-gray {
  margin-bottom: 0px;
}
.todo-uncompleted-container.skeleton-loader-todo .todo-list-bottom-sk {
  padding: 24px 0px;
  border-bottom: 1.5px solid #ece5ed;
}
.todo-uncompleted-container.skeleton-loader-todo .todo-list-bottom-sk .skeleton-squre-gray {
  width: 100px;
  height: 16px;
  min-height: 16px;
  margin-bottom: 16px;
}
.todo-uncompleted-container.skeleton-loader-todo .todo-list-bottom-sk:last-child {
  border-bottom: none;
  margin-bottom: 8px;
}
.todo-completed-container {
  margin-bottom: 85px;
}
.todo-modal-box {
  max-width: 600px;
  margin: auto;
}
.todo-modal-content {
  margin: auto;
  box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.35);
  background-color: white;
  min-height: 710px;
  object-fit: contain;
  font-size: 14px;
}
.todo-modal-content label {
  font-size: 13px;
  font-family: 'Noto Sans';
  color: black;
  line-height: 16px;
  font-weight: bold;
}
.todo-modal-content .voffset1 {
  margin: auto;
}
@media screen and (max-width: 600px) {
  .todo-modal-content {
    width: 100%;
  }
}
.todo-modal-body {
  padding: 0 30px 30px 30px;
}
.todo-modal-body .todo-hr {
  margin-top: 32px;
}
.todo-modal-body .table-container {
  width: 100%;
}
.todo-modal-body a:hover,
.todo-modal-body a:focus {
  text-decoration: none;
}
.todo-modal-body textarea {
  border: 1px solid #1c304b;
  border-radius: 8px;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
  resize: vertical;
}
.todo-modal-body textarea.error {
  border: 1px solid #c70f00 !important;
  background-color: #fdf6f5;
  color: #1c304b;
}
.todo-modal-body textarea::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #45505f;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  font-family: 'Noto Sans', sans-serif;
}
.todo-modal-body textarea::-moz-placeholder {
  /* Firefox 19+ */
  color: #45505f;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  font-family: 'Noto Sans', sans-serif;
}
.todo-modal-body textarea:-ms-input-placeholder {
  /* IE 10+ */
  color: #45505f;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  font-family: 'Noto Sans', sans-serif;
}
.todo-modal-body textarea:focus,
.todo-modal-body textarea:focus-visible {
  border: 1px solid #aa0285;
}
.todo-modal-body textarea.error {
  border: 1px solid #c70f00 !important;
  background-color: #fdf6f5;
  color: #1c304b;
}
.todo-modal-body textarea::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #45505f;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  font-family: 'Noto Sans', sans-serif;
}
.todo-modal-body textarea::-moz-placeholder {
  /* Firefox 19+ */
  color: #45505f;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  font-family: 'Noto Sans', sans-serif;
}
.todo-modal-body textarea:-ms-input-placeholder {
  /* IE 10+ */
  color: #45505f;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  font-family: 'Noto Sans', sans-serif;
}
.todo-modal-body textarea:focus,
.todo-modal-body textarea:focus-visible {
  border: 1px solid #aa0285;
}
.todo-modal-body .form-control:focus {
  border: 1px solid #aa0285;
}
.todo-modal-body .form-control[readonly] {
  border: 1px solid #1c304b;
  border-radius: 8px;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
  border: 1px solid #ced7e4;
  background: white;
}
.todo-modal-body .form-control[readonly].error {
  border: 1px solid #c70f00 !important;
  background-color: #fdf6f5;
  color: #1c304b;
}
.todo-modal-body .form-control[readonly]::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #45505f;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  font-family: 'Noto Sans', sans-serif;
}
.todo-modal-body .form-control[readonly]::-moz-placeholder {
  /* Firefox 19+ */
  color: #45505f;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  font-family: 'Noto Sans', sans-serif;
}
.todo-modal-body .form-control[readonly]:-ms-input-placeholder {
  /* IE 10+ */
  color: #45505f;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  font-family: 'Noto Sans', sans-serif;
}
.todo-modal-body .form-control[readonly]:focus,
.todo-modal-body .form-control[readonly]:focus-visible {
  border: 1px solid #aa0285;
}
.todo-modal-body .form-control[readonly].error {
  border: 1px solid #c70f00 !important;
  background-color: #fdf6f5;
  color: #1c304b;
}
.todo-modal-body .form-control[readonly]::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #45505f;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  font-family: 'Noto Sans', sans-serif;
}
.todo-modal-body .form-control[readonly]::-moz-placeholder {
  /* Firefox 19+ */
  color: #45505f;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  font-family: 'Noto Sans', sans-serif;
}
.todo-modal-body .form-control[readonly]:-ms-input-placeholder {
  /* IE 10+ */
  color: #45505f;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  font-family: 'Noto Sans', sans-serif;
}
.todo-modal-body .form-control[readonly]:focus,
.todo-modal-body .form-control[readonly]:focus-visible {
  border: 1px solid #aa0285;
}
.todo-modal-body .time-input {
  background-image: url(/Content/Images/Redeployment/NewDropDownArrowDown.svg);
  background-repeat: no-repeat;
  background-position-x: 96.5%;
  background-position-y: 10px;
}
.todo-modal-body .form-control[disabled],
.todo-modal-body fieldset[disabled] .form-control {
  cursor: not-allowed;
  background-color: white;
  opacity: 1;
  border: 1px solid #ced7e4 !important;
}
a.todo-list-row-content {
  text-decoration: none;
}
a.todo-list-row-button:focus-visible {
  outline-offset: -2px;
  outline: rgba(26, 26, 26, 0.96) solid 2px !important;
}
a.todo-list-row-content:focus-visible {
  outline-offset: -2px;
  outline: rgba(26, 26, 26, 0.96) solid 2px !important;
}
.btn-focus {
  outline: none !important;
  position: relative;
}
.btn-focus:before {
  border: 2px solid #434343 !important;
  bottom: -5px;
  content: "";
  left: -5px;
  position: absolute;
  right: -5px;
  top: -5px;
}
.todo-modal-footer {
  overflow: hidden;
}
.todo-modal-footer .btn-cancel {
  padding: 8px, 24px, 8px, 24px;
  height: 40px;
  width: 262px;
}
.todo-row {
  display: flex;
  padding-top: 15px;
}
.todo-list {
  margin-bottom: -30px;
}
.todo-list .divider_bottom {
  margin-bottom: 32px !important;
  border-bottom: 1px solid #ebebee;
}
.todo-list .todo-list .todo-item-padding.divider_bottom {
  padding-bottom: 20px;
}
.todo-list .past-todo-divider_bottom {
  margin: 0 -30px;
  padding-left: 30px;
  padding-right: 30px;
  border-bottom: 5px solid #72467b;
}
.todo-list .todo-list-date {
  font-family: Noto Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: left;
}
.todo-list .todo-list-date .todo-list-date-suffix {
  font-family: Noto Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
}
.todo-list .todo-list-button-completed {
  width: 40px;
  height: 40px;
  object-fit: contain;
}
.todo-list .todo-list-button-uncompleted {
  width: 24px;
  height: 24px;
  object-fit: contain;
}
.todo-list .todo-list-button-remove {
  width: 40px;
  height: 40px;
  object-fit: contain;
}
.todo-list .todo-item-padding {
  padding-top: 16px;
  padding-bottom: 16px;
}
.todo-list .view-more-less:before {
  border-bottom: 1px solid #ebebee;
  content: '';
  display: block;
  margin-top: 20px;
  margin-bottom: 32px;
  width: 100%;
}
.todo-list .todo-list-row {
  font-family: 'Noto Sans';
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal;
  text-align: left;
  color: black;
  overflow: hidden;
  display: flex;
  word-break: break-word;
}
.todo-list .todo-list-row .todo-list-row-suffix {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  font-family: 'Noto Sans', sans-serif;
  color: #1c304b;
}
.todo-list .todo-list-row .cross-out-text span {
  text-decoration: line-through;
}
.todo-list .todo-list-row .todo-list-row-description {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
  text-decoration: none !important;
}
.todo-list .todo-list-row .todo-list-row-button {
  padding: 0;
}
.todo-list .todo-list-row .todo-list-row-button a img:focus-visible {
  border: 2px solid black;
}
.todo-list .todo-list-row .todo-list-row-content {
  float: left;
  margin-left: 20px;
  margin-right: 20px;
  flex-grow: 1;
  cursor: pointer;
}
.todo-list .todo-list-button-more-label {
  width: 78px;
  height: 22px;
  font-family: 'Open Sans';
  font-size: 16px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.38;
  letter-spacing: normal;
  text-align: center;
  color: #df255f;
}
.todo-list .todo-list-tab-view a {
  padding: 3px;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
  padding-left: 2px;
  text-decoration: none;
  display: inline-block;
  text-align: center;
}
.todo-list .todo-list-tab-view a.selection-active {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  text-transform: uppercase;
  font-family: 'Noto Sans', sans-serif;
  text-transform: none;
  color: #1c304b;
  border-bottom: 2px solid #441750;
  border-radius: 1px;
}
.todo-list .todo-list-item-padding-top {
  padding-top: 18px;
  padding-bottom: 32px;
}
.todo-list .todo-list-tab-view a.clickable-icon {
  margin-bottom: -1px;
  white-space: nowrap;
}
.todo-list .todo-list-next-prev-div {
  padding-top: 0;
  padding-bottom: 0px;
}
.todo-list .todo-list-next-prev-btn {
  padding: 8px 24px 8px 24px;
  color: white;
  border-radius: 8px;
  background-color: #441750;
  font-weight: bold;
  white-space: normal;
  min-height: 40px;
  width: 175px;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  text-transform: uppercase;
  font-family: 'Noto Sans', sans-serif;
}
.todo-list .todo-list-next-prev-btn:focus-visible {
  outline: 2px solid black;
}
.todo-list-task-status {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.todo-list-task-status .toDo-tab {
  padding-left: 0px;
}
.todo-list-task-status .todo-list-tab-view {
  margin-top: 5px;
  border-bottom: 2px solid #ebebee;
  width: 100%;
  gap: 40px;
  display: flex;
}
@media (max-width: 600px) {
  .todo-list-task-status {
    flex-direction: column;
  }
  .todo-list-tab-view {
    margin-bottom: 20px;
  }
  .todo-list-task-status .todo-list-tab-view a {
    margin-right: 0px;
  }
  .todo-list-task-status .todo-list-tab-view a:first-child {
    margin-right: 10px;
  }
}
@media all and (-ms-high-contrast: active), all and (-ms-high-contrast: none) {
  span.todo-list-row-description {
    font-family: Helvetica, Arial, sans-serif;
  }
}
.main-content.custom-todos-container {
  padding-top: 48px;
}
.todo-list-button-exclamation {
  width: 40px;
  height: 40px;
  object-fit: contain;
  background-position: center;
  background-size: 95%;
  background-repeat: no-repeat;
  background-image: url(/Content/Images/r19/notification_icon_r24.svg);
}
.todo-list-button-upcoming-completed {
  width: 40px;
  height: 40px;
  object-fit: contain;
  background-repeat: no-repeat;
  background-image: url(/Content/Images/r19/button_completed.svg);
}
.todo-list-button-upcoming-uncompleted {
  width: 40px;
  height: 40px;
  object-fit: contain;
  background-repeat: no-repeat;
  background-image: url(/Content/Images/r19/button_uncompleted.svg);
}
.past-todo-modal-header {
  padding-top: 25px;
  padding-bottom: 25px;
  text-align: center;
}
.past-todo-modal-content-cursor {
  cursor: auto !important;
}
.past-todo-modal-content-month {
  margin-left: -5px;
}
.past-todo-modal .modal-content {
  border-radius: 8px;
}
.past-todo-modal .modal-content #expForm .past-todo-main .modal-header h4.modal-title span {
  font-family: Noto Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
}
.past-todo-modal .modal-content #expForm .past-todo-main .modal-body {
  padding: 0 !important;
}
.past-todo-modal .modal-content #expForm .past-todo-main .modal-body .todo-list {
  height: 550px;
  overflow-y: scroll;
  display: block;
}
.past-todo-modal .modal-content #expForm .past-todo-main .modal-body .todo-list .todo-list-date {
  padding: 24px 40px;
}
.past-todo-modal .modal-content #expForm .past-todo-main .modal-body .todo-list .custom-item h2 {
  margin-top: 0;
  margin-bottom: 0;
  padding: 15px 30px;
}
.past-todo-modal .modal-content #expForm .past-todo-main .modal-body .todo-list .custom-item .past-todo-divider_bottom {
  margin: 0;
  padding: 0 !important;
  border-bottom: 1px solid #ebebee;
}
.past-todo-modal .modal-content #expForm .past-todo-main .modal-body .todo-list .custom-item .todo-list-row {
  margin: 0;
  padding: 0 40px 15px !important;
}
.past-todo-modal .modal-content #expForm .past-todo-main .modal-body .todo-list .custom-item .todo-list-row-bottom {
  margin: 0;
  padding: 0 !important;
}
.past-todo-modal .modal-content #expForm .past-todo-main .modal-footer .footer-btns button {
  height: auto;
}
.past-todo-modal .table-container.todo-list::-webkit-scrollbar {
  width: 8px;
}
.past-todo-modal .table-container.todo-list::-webkit-scrollbar-button {
  display: none;
}
.past-todo-modal .table-container.todo-list::-webkit-scrollbar-track {
  background-color: #ebebee;
  border-radius: 8px;
  margin: 8px 0;
}
.past-todo-modal .table-container.todo-list::-webkit-scrollbar-thumb {
  background: #613e6b;
  border-radius: 8px;
}
#todoTh th {
  color: black;
  text-align: center;
  padding: 0px;
  border: 2px solid #eee8ef;
  line-height: 1.45;
  font-family: none;
  font-size: 14px;
  width: auto;
  background-color: transparent;
}
#todoTh td {
  padding: 0px;
}
@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {
  #todoTh table,
  thead,
  tbody,
  th,
  td,
  tr {
    display: revert !important;
  }
}
@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {
  #todoTh thead tr {
    position: static !important;
    background-color: white;
  }
}
@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {
  #todoTh tr:nth-child(odd) {
    background: transparent !important;
  }
}
@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {
  #todoTh td:before {
    content: "" !important;
    background-color: transparent !important;
  }
}
@media (max-width: 500px) {
  .margin-bottom-30-home .todo-list-task-status .todo-list-tab-view {
    gap: 20px;
  }
}
@media screen and (max-width: 767px) {
  .todo-modal-footer {
    flex-direction: column;
  }
  .todo-modal-footer .btn,
  .todo-modal-footer .btn:last-child {
    margin-left: 0;
  }
  .todo-modal-footer .btn:last-child {
    margin-top: 15px;
  }
  .todo-modal-footer .btn:first-child {
    margin-right: 0;
  }
}
.profile-submenu {
  height: 60px;
  border-bottom: 2px solid #ebebee;
  margin: 0 auto;
  max-width: 1110px;
}
@media screen and (max-width: 991px) {
  .profile-submenu {
    position: relative;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    z-index: 1;
  }
}
.profile-submenu-items {
  padding: 19px 0;
  display: flex;
  justify-content: space-between;
}
@media screen and (min-width: 991px) {
  .profile-submenu-items {
    overflow-x: visible;
    overflow-y: visible;
    white-space: nowrap;
    z-index: 1;
    padding: 14px 0;
  }
}
.profile-submenu-items::-webkit-scrollbar {
  height: 5px;
}
.profile-submenu-items::-webkit-scrollbar-thumb {
  background: #c1c1c1;
}
.profile-submenu-item {
  margin: 0 10px;
}
a.profile-submenu-item {
  padding-right: 2px;
  padding-left: 2px;
  font-weight: 400;
  color: #45505f;
  text-decoration: none;
  display: inline-block;
  text-align: center;
  position: relative;
  line-height: 24px;
  font-size: 14px;
  font-family: 'Noto Sans', sans-serif;
}
.profile-submenu-notification {
  position: absolute;
  display: block;
  width: 26px;
  height: 26px;
  background-repeat: no-repeat;
  background-image: url(/Content/Images/r19/notification_icon.svg);
  transform: translate(50px, -50px);
  right: 40px;
}
@media screen and (max-width: 768px) {
  .profile-submenu-notification {
    transform: translate(52px, -44px);
  }
}
.settings-tab {
  float: right;
}
@media screen and (max-width: 991px) {
  .settings-tab {
    float: none;
  }
}
.profile-submenu-selection {
  border-bottom: 2px solid #4f185a;
  padding: 5px;
  color: #1c304b !important;
  font-weight: 500 !important;
}
@media (max-width: 768px) {
  .profile-submenu-selection {
    padding: 2px;
  }
}
.profile-submenu-left {
  margin-top: 10px;
}
.initiative-cards {
  padding-bottom: 40px;
}
.main-content {
  padding-top: 32px;
}
.initiative-card {
  min-height: 556px;
  float: left;
  position: relative;
  margin-bottom: 30px;
  border: 1px solid #ebebee;
  border-radius: 8px;
  word-break: break-word;
  overflow: hidden;
  width: 100%;
}
.initiative-card a:focus-visible:not(:active) {
  outline-offset: -1px;
}
.initiative-card .card-image {
  max-height: 270px;
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column-reverse;
  align-items: stretch;
  justify-content: stretch;
}
@media (max-width: 767px) {
  .initiative-card .card-image {
    max-height: 100%;
  }
}
.initiative-card .card-image .initiative-card-img {
  width: 100%;
  min-height: 270px;
  object-fit: cover;
  object-position: left;
}
.initiative-card .card-type {
  height: 40px;
  width: 40px;
  position: absolute;
  bottom: 0;
  left: 20px;
  z-index: 1;
}
.initiative-card .card-check {
  position: absolute;
  z-index: 1;
  left: 0%;
  bottom: 0%;
  max-width: 15%;
  background-color: white;
  border: 3px solid white;
  border-radius: 50%;
}
.initiative-card .card-content {
  height: 288px;
  padding: 16px 24px 24px;
  border-radius: 8px;
  background-color: white;
  font-size: 14px;
  position: relative;
  text-overflow: ellipsis;
  overflow: hidden;
}
.initiative-card .card-content .card-content-title {
  font-family: Noto Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  display: -webkit-box;
}
.initiative-card .card-content .card-description,
.initiative-card .card-content p.body_medium {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 126px;
  display: block;
  display: -webkit-box;
}
.initiative-card .card-time {
  color: gray;
  font-family: 'Noto Sans', sans-serif;
  text-transform: lowerCase;
  letter-spacing: 0.5px;
}
.initiative-card .card-footer {
  width: 81%;
  width: 85%;
  margin: auto;
  overflow: hidden;
  white-space: nowrap;
  position: absolute;
  bottom: 24px;
  left: 0px;
  right: 0px;
}
.initiative-card .card-footer .btn.btn-small.text-overlap {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: Noto Sans, sans-serif;
  text-transform: uppercase;
  color: white;
  background-color: #441750;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  padding: 8px 24px;
  font-family: 'Noto Sans', sans-serif;
  height: 40px;
  padding: 7px 24px;
}
.initiative-card .card-footer .btn.btn-small.text-overlap:active {
  color: white;
  background: #390447;
}
.initiative-card .card-footer .btn.btn-small.text-overlap:hover {
  background-color: #613e6b;
}
.initiative-card .card-footer .btn.btn-small.text-overlap:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.initiative-card .card-footer .btn.btn-small.text-overlap:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.initiative-card .card-footer .btn.btn-small.text-overlap:active {
  color: white;
  background: #390447;
}
.initiative-card .card-footer .btn.btn-small.text-overlap:hover {
  background-color: #613e6b;
}
.initiative-card .card-footer .btn.btn-small.text-overlap:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.initiative-card .card-footer .btn.btn-small.text-overlap:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.initiative-card .card-footer .btn.btn-small.text-overlap:active {
  color: white;
  background: #390447;
}
.initiative-card .card-footer .btn.btn-small.text-overlap:hover {
  background-color: #613e6b;
}
.initiative-card .card-footer .btn.btn-small.text-overlap:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.initiative-card .card-footer .btn.btn-small.text-overlap:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.initiative-card .card-footer .btn.btn-small.text-overlap:active {
  color: white;
  background: #390447;
}
.initiative-card .card-footer .btn.btn-small.text-overlap:hover {
  background-color: #613e6b;
}
.initiative-card .card-footer .btn.btn-small.text-overlap:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.initiative-card .card-footer .btn.btn-small.text-overlap:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.initiative-card .card-footer .btn.btn-small.text-overlap.active {
  background-color: #390447;
}
.initiative-card .card-footer a:focus-visible .btn {
  outline: 2px solid white;
  position: relative;
  outline-offset: -4px;
}
.initiative-card .card-footer a:hover,
.initiative-card a:focus {
  text-decoration: none;
}
.go-to-resource-url a {
  text-decoration: none;
  color: black;
}
@media screen and (max-width: 1300px) {
  .initiative-cards {
    width: 100%;
  }
}
@media screen and (max-width: 1024px) {
  .initiative-cards {
    width: 100%;
  }
  .initiative-card .card-footer {
    width: 80%;
  }
}
@media screen and (max-width: 812px) {
  .initiative-card .card-footer {
    width: 85%;
  }
}
@media screen and (max-width: 700px) {
  .initiative-card {
    min-height: 100%;
    width: 100%;
  }
}
@media (max-width: 600px) and (min-width: 320px) {
  .initiative-cards.row {
    margin-left: 0;
    margin-right: 0;
  }
  .initiative-cards .col-xs-6 {
    width: 100%;
    overflow: hidden;
  }
  .initiative-cards .initiative-card-img {
    width: 100%;
    min-width: 256px;
    object-fit: cover;
    height: 100%;
  }
  .initiative-cards .main-content > .initiative-cards.row {
    margin-left: 0px;
  }
}
.goal-change-btn:hover,
.goal-change-btn:focus,
.goal-change-btn:active:focus {
  background-color: #4f185a;
  color: white;
}
.go-to-resource-url a:focus-visible > .card-footer > .btn {
  outline: 4px solid #ff5858;
  outline-offset: -4px !important;
}
.goal-change-div {
  text-align: center;
  margin-top: -50px;
}
.goal-change-div p {
  text-align: center;
}
@media (max-width: 767px) and (min-width: 320px) {
  .goal-change-div {
    margin-bottom: 20px;
  }
}
.initiative-card.initiative-card-new {
  border: none;
  min-height: 287px;
  margin-top: 0px;
  padding: 0px;
  margin-bottom: 32px;
}
.initiative-card.initiative-card-new.card-viewed .card-content .card-content-title {
  color: #5c6573;
}
.initiative-card.initiative-card-new.card-viewed .card-content .card-description {
  color: #adadb5;
}
.initiative-card.initiative-card-new.card-viewed .card-type-viewed {
  display: block;
  height: 16px;
  width: 16px;
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 1;
}
.initiative-card.initiative-card-new.card-viewed .card-type-viewed .card-type-viewed-icon {
  position: relative;
  display: block;
  width: 16px;
  height: 16px;
}
.initiative-card.initiative-card-new.card-viewed .card-type-viewed .card-type-viewed-icon::before {
  content: '';
  position: absolute;
  top: 0px;
  left: 3px;
  width: 16px;
  height: 16px;
  background-image: url(/Content/Images/Bookmark/check-circle-bookmark.svg);
  background-repeat: no-repeat;
}
.initiative-card.initiative-card-new .go-to-resource-url a:hover .card-content .card-content-title {
  text-decoration: underline;
}
.initiative-card.initiative-card-new .go-to-resource-url a {
  display: block;
  position: relative;
}
.initiative-card.initiative-card-new .go-to-resource-url a:focus-visible {
  outline: 2px solid #ff5858 !important;
  outline-offset: -2px !important;
  border-radius: 8px;
}
.initiative-card.initiative-card-new .card-type {
  height: 22px;
  width: 22px;
  position: absolute;
  top: 105px;
  right: 8px;
  left: auto;
  z-index: 1;
  border-radius: 4px;
  background: rgba(46, 34, 47, 0.5);
}
.initiative-card.initiative-card-new .card-type .card-type-icon {
  position: relative;
  display: block;
  width: 10px;
  height: 10px;
}
.initiative-card.initiative-card-new .card-type .card-type-icon::before {
  content: '';
  position: absolute;
  top: 6px;
  left: 6px;
  width: 10px;
  height: 10px;
  background-image: url(/Content/Images/Bookmark/video-initiative-icon.svg);
  background-repeat: no-repeat;
}
.initiative-card.initiative-card-new .card-type-viewed {
  display: none;
}
.initiative-card.initiative-card-new .card-image {
  max-height: 135px;
  position: static;
}
.initiative-card.initiative-card-new .card-image .initiative-card-img {
  height: 135px;
  min-height: 135px;
  border-radius: 8px;
}
.initiative-card.initiative-card-new .card-content {
  height: 140px;
  position: static;
  padding: 0px;
  border-radius: 0px;
  margin-top: 12px;
}
.initiative-card.initiative-card-new .card-content .card-content-title {
  font-family: Noto Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  display: -webkit-box;
}
.initiative-card.initiative-card-new .card-content .card-description,
.initiative-card.initiative-card-new .card-content p.body_medium {
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  font-family: 'Noto Sans', sans-serif;
  color: #45505f;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 48px;
  display: block;
  display: -webkit-box;
  margin-bottom: 0px;
}
.initiative-card.initiative-card-new .chip-and-bookmark-section {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}
.initiative-card.initiative-card-new .chip-and-bookmark-section .initiative-chip-section {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
}
.initiative-card.initiative-card-new .chip-and-bookmark-section .initiative-chip-section .category-chip {
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  font-family: 'Noto Sans', sans-serif;
  font-weight: 500;
  color: #1c304b;
  padding: 4px 16px;
  background-color: #eaeaea;
  border-radius: 16px;
  text-transform: uppercase;
}
.initiative-card.initiative-card-new .chip-and-bookmark-section .initiative-chip-section .new-chip {
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  font-family: 'Noto Sans', sans-serif;
  font-weight: 500;
  color: #1c304b;
  padding: 4px 16px;
  background-color: #dcf5d6;
  border-radius: 16px;
  text-transform: uppercase;
}
.initiative-card.initiative-card-new .chip-and-bookmark-section .initiative-bookmark-section {
  width: 16px;
  margin: 0px 4px;
}
.initiative-card.initiative-card-new .chip-and-bookmark-section .initiative-bookmark-section .add-bookmark-icon,
.initiative-card.initiative-card-new .chip-and-bookmark-section .initiative-bookmark-section .remove-bookmark-icon {
  width: 16px;
  height: 16px;
  display: block;
  position: relative;
}
.initiative-card.initiative-card-new .chip-and-bookmark-section .initiative-bookmark-section .add-bookmark-icon::before {
  content: '';
  position: absolute;
  top: 0px;
  left: 1px;
  width: 16px;
  height: 16px;
  background-image: url(/Content/Images/Bookmark/bookmark_add.svg);
  background-repeat: no-repeat;
}
.initiative-card.initiative-card-new .chip-and-bookmark-section .initiative-bookmark-section .remove-bookmark-icon::before {
  content: '';
  position: absolute;
  top: 0px;
  left: 1px;
  width: 16px;
  height: 16px;
  background-image: url(/Content/Images/Bookmark/bookmark.svg);
  background-repeat: no-repeat;
}
.initiative-card.initiative-card-new .chip-and-bookmark-section .initiative-bookmark-section .initiative-icon-bookmark:focus-visible {
  outline: 2px solid #ff5858 !important;
  outline-offset: 0px !important;
  border-radius: 2px;
}
.initiative-description-container {
  padding-bottom: 25px;
}
.initiative-description-container h2,
.initiative-description-container .roadmap-custom {
  display: inline-block;
  margin: auto;
  font-size: 24px;
}
.initiative-description-container .initiative-icon-space {
  margin-left: 10px;
}
.initiative-description-container .initiative-mb20 {
  margin-bottom: 20px;
}
.initiative-description-container .initiative-description-zone {
  font-weight: 900;
}
.initiative-description-container .initiative-description-divider {
  padding: 0 10px;
}
.initiative-description-font {
  font-family: 'Noto Serif';
}
.initiative-description-font .roadmap-custom h1 span,
.initiative-header {
  font-family: Noto Sans, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
  font-family: 'Noto Sans', sans-serif;
  color: #1c304b;
}
.initiative-description-font h5 {
  font-family: Noto Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
}
.initiative-description-font p {
  color: #1c304b !important;
  font-family: Noto Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
}
.initiative-description-font p {
  text-align: left !important;
}
.initiative-description-font p a {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  text-transform: uppercase;
  color: #aa0285;
  font-family: 'Noto Sans', sans-serif;
}
.initiative-description-font p a:hover {
  color: #aa0285;
}
.initiative-description-font p a:active,
.initiative-description-font p a:focus {
  color: #7a005f;
  text-decoration: none;
}
.initiative-description-font p a:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: 0px !important;
  color: #aa0285;
  border-radius: 4px;
}
.initiative-description-font p a:hover {
  color: #aa0285;
}
.initiative-description-font p a:active,
.initiative-description-font p a:focus {
  color: #7a005f;
  text-decoration: none;
}
.initiative-description-font p a:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: 0px !important;
  color: #aa0285;
  border-radius: 4px;
}
.initiative-description-font p a .btn.btn-large.purple-dark-background.action-btn {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: Noto Sans, sans-serif;
  text-transform: uppercase;
  color: white;
  background-color: #441750;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  padding: 16px 24px;
  font-family: 'Noto Sans', sans-serif;
  height: auto;
}
.initiative-description-font p a .btn.btn-large.purple-dark-background.action-btn:active {
  color: white;
  background: #390447;
}
.initiative-description-font p a .btn.btn-large.purple-dark-background.action-btn:hover {
  background-color: #613e6b;
}
.initiative-description-font p a .btn.btn-large.purple-dark-background.action-btn:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.initiative-description-font p a .btn.btn-large.purple-dark-background.action-btn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.initiative-description-font p a .btn.btn-large.purple-dark-background.action-btn:active {
  color: white;
  background: #390447;
}
.initiative-description-font p a .btn.btn-large.purple-dark-background.action-btn:hover {
  background-color: #613e6b;
}
.initiative-description-font p a .btn.btn-large.purple-dark-background.action-btn:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.initiative-description-font p a .btn.btn-large.purple-dark-background.action-btn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.initiative-description-font p a .btn.btn-large.purple-dark-background.action-btn:active {
  color: white;
  background: #390447;
}
.initiative-description-font p a .btn.btn-large.purple-dark-background.action-btn:hover {
  background-color: #613e6b;
}
.initiative-description-font p a .btn.btn-large.purple-dark-background.action-btn:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.initiative-description-font p a .btn.btn-large.purple-dark-background.action-btn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.initiative-description-font p a .btn.btn-large.purple-dark-background.action-btn:active {
  color: white;
  background: #390447;
}
.initiative-description-font p a .btn.btn-large.purple-dark-background.action-btn:hover {
  background-color: #613e6b;
}
.initiative-description-font p a .btn.btn-large.purple-dark-background.action-btn:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.initiative-description-font p a .btn.btn-large.purple-dark-background.action-btn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.initiative-description-font ul li {
  color: #1c304b !important;
}
.initiative-description-font ul li a {
  color: #1c304b !important;
}
.page-wrapper.white-background .main-content {
  padding-bottom: 140px;
}
.initiative-description-font a.btn.btn-large.purple-dark-background.action-btn {
  color: white !important;
  height: auto;
  width: 100%;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: Noto Sans, sans-serif;
  text-transform: uppercase;
  color: white;
  background-color: #441750;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  padding: 16px 24px;
  font-family: 'Noto Sans', sans-serif;
}
.initiative-description-font a.btn.btn-large.purple-dark-background.action-btn:active {
  color: white;
  background: #390447;
}
.initiative-description-font a.btn.btn-large.purple-dark-background.action-btn:hover {
  background-color: #613e6b;
}
.initiative-description-font a.btn.btn-large.purple-dark-background.action-btn:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.initiative-description-font a.btn.btn-large.purple-dark-background.action-btn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.initiative-description-font a.btn.btn-large.purple-dark-background.action-btn:active {
  color: white;
  background: #390447;
}
.initiative-description-font a.btn.btn-large.purple-dark-background.action-btn:hover {
  background-color: #613e6b;
}
.initiative-description-font a.btn.btn-large.purple-dark-background.action-btn:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.initiative-description-font a.btn.btn-large.purple-dark-background.action-btn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.initiative-description-font a.btn.btn-large.purple-dark-background.action-btn:active {
  color: white;
  background: #390447;
}
.initiative-description-font a.btn.btn-large.purple-dark-background.action-btn:hover {
  background-color: #613e6b;
}
.initiative-description-font a.btn.btn-large.purple-dark-background.action-btn:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.initiative-description-font a.btn.btn-large.purple-dark-background.action-btn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.initiative-description-font a.btn.btn-large.purple-dark-background.action-btn:active {
  color: white;
  background: #390447;
}
.initiative-description-font a.btn.btn-large.purple-dark-background.action-btn:hover {
  background-color: #613e6b;
}
.initiative-description-font a.btn.btn-large.purple-dark-background.action-btn:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.initiative-description-font a.btn.btn-large.purple-dark-background.action-btn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.initiative-description-container p a.btn {
  color: white !important;
  height: auto;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: Noto Sans, sans-serif;
  text-transform: uppercase;
  color: white;
  background-color: #441750;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  padding: 16px 24px;
  font-family: 'Noto Sans', sans-serif;
}
.initiative-description-container p a.btn:active {
  color: white;
  background: #390447;
}
.initiative-description-container p a.btn:hover {
  background-color: #613e6b;
}
.initiative-description-container p a.btn:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.initiative-description-container p a.btn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.initiative-description-container p a.btn:active {
  color: white;
  background: #390447;
}
.initiative-description-container p a.btn:hover {
  background-color: #613e6b;
}
.initiative-description-container p a.btn:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.initiative-description-container p a.btn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.initiative-description-container p a.btn:active {
  color: white;
  background: #390447;
}
.initiative-description-container p a.btn:hover {
  background-color: #613e6b;
}
.initiative-description-container p a.btn:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.initiative-description-container p a.btn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.initiative-description-container p a.btn:active {
  color: white;
  background: #390447;
}
.initiative-description-container p a.btn:hover {
  background-color: #613e6b;
}
.initiative-description-container p a.btn:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.initiative-description-container p a.btn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.initiative-rating {
  padding: 15px 0;
}
.block-with-left-divider {
  border-left: 3px solid #eee8ef;
  padding: 0 40px;
}
@media screen and (max-width: 991px) {
  .block-with-left-divider {
    border: none;
    padding: 0 15px;
  }
}
.event-info-container {
  margin: 20px 0;
}
.event-info-container .btn {
  width: 180px;
  font-weight: bold;
}
.event-info-container .btn a {
  color: inherit;
}
.event-info-container .btn a:hover,
.event-info-container .btn a:focus {
  color: inherit;
  text-decoration: none;
}
@media screen and (max-width: 1197px) {
  .event-reservation-container .btn {
    width: 100%;
  }
}
.event-date {
  margin-bottom: 20px;
  margin-top: 40px;
}
.event-available-seats {
  text-align: end;
  transform: translateY(50%);
  float: right;
}
.event-content {
  margin-top: 20px;
}
.event-view-more-container {
  float: left;
  text-align: center;
}
.event-view-more-container .event-arrow-show-more {
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid black;
  margin: auto auto;
}
.event-view-more-container .event-show-more-text {
  font-size: 14px;
  cursor: pointer;
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 25px;
  line-height: 1.43;
  font-family: 'Noto Sans';
}
.event-register-processing {
  position: absolute;
  z-index: 1;
}
.registered-session {
  padding-bottom: 30px;
  border-bottom: 2px solid #eee8ef;
}
.session-details-modal-content {
  font-family: 'Open Sans';
  box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.5);
  background-color: white;
  margin-top: 5rem;
  margin-bottom: 0;
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .session-details-modal-content {
    width: 100%;
    height: 100%;
    overflow: hidden;
    margin-bottom: 50px;
    margin-top: 20px;
  }
}
@media screen and (max-width: 768px) {
  .session-details-modal-content h4 {
    font-size: 16px;
  }
}
@media screen and (min-width: 1024px) {
  .session-details-modal-descrition {
    position: absolute;
    top: 45%;
    left: 43%;
    transform: translateY(-50%);
  }
}
@media screen and (max-width: 768px) {
  .session-file-model div a {
    word-break: break-all;
  }
}
@media screen and (max-width: 768px) {
  .session-description {
    word-break: break-all;
  }
}
.session-details-desc-parent .session-view-desc {
  color: #45505f !important;
  margin: 24px 0 24px 0;
}
.session-details-desc-parent .session-view-desc p {
  margin-bottom: 0px;
  color: #5c6573 !important;
}
.session-details-desc-parent .session-padding-8 {
  margin: 24px 0 8px 0 !important;
}
.session-details-modal-content .session-details-name h3 {
  margin: 0;
  display: inline;
  font-size: 20px !important;
  line-height: 32px;
  font-family: 'Noto Sans', sans-serif;
  font-weight: 600;
  color: #1c304b !important;
}
.session-details-modal-content .session-details-name .session-view-details {
  color: #1c304b !important;
}
.session-details-modal-content .session-details-name .session-view-details .desc-divider {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
  color: #adadb5;
}
.session-details-modal-content .session-details-name .r19-modal-close-button {
  width: auto;
  padding: 0;
  display: inline;
  float: right;
  text-align: right;
}
.session-details-modal-content .session-details-name .r19-modal-close-button a img {
  width: 40px;
}
.session-view-details .sub-header-line .desc-divider {
  color: #adadb5 !important;
}
.session-view-details .sub-header-line span span {
  color: #1c304b;
  font-size: 14px;
  line-height: 24px;
}
.session-view-details .sub-header-line .desc-divider {
  color: #adadb5 !important;
}
.voffset3 {
  margin-top: 25px;
}
.text-center-resume-model p {
  text-align: center;
}
.session-view-details [class*="col-"] {
  float: none;
  padding-top: 10px;
}
.sessionDetails-PDF {
  margin-bottom: 8px;
  text-transform: uppercase;
}
.sessionDetails-PDF p {
  margin-bottom: 0;
}
.sessionDetails-PDF a {
  color: #aa0285 !important;
  font-size: 12px;
}
.sessionDetails-PDF a:focus {
  color: #e23369;
  text-decoration: none;
}
@media (min-width: 320px) and (max-width: 480px) {
  .session-footer-container {
    flex-direction: column-reverse;
  }
}
@media (min-width: 320px) and (max-width: 480px) {
  .session-footer-container button {
    width: 100%;
    display: block;
  }
}
.session-footer-container button.mr-8 {
  width: 237.5px;
  padding: 8px 24px 8px 24px;
  border-radius: 8px;
  height: 40px;
}
@media (min-width: 320px) and (max-width: 480px) {
  .session-footer-container button.mr-8 {
    margin-bottom: 15px;
  }
}
.session-footer-container .btn-width-50 {
  width: 50%;
}
@media (min-width: 320px) and (max-width: 480px) {
  .session-footer-container .btn-width-50 {
    width: 100%;
  }
}
.session-footer-container .btn-width-100 {
  width: 100% !important;
}
.session-footer-container .button-flex-unregister {
  display: flex;
  column-gap: 12px;
}
@media (min-width: 320px) and (max-width: 767px) {
  .session-footer-container .button-flex-unregister {
    flex-direction: column;
    justify-content: center;
  }
}
.session-footer-container .meeting-join-info {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 24px;
}
.sessionDetails-footer {
  padding-bottom: 0;
}
.sessionDetails-footer .btn:focus-visible {
  outline: 2px solid white;
  position: relative;
  outline-offset: -4px;
}
@media (min-width: 320px) and (max-width: 767px) {
  .sessionDetails-footer .btn {
    margin-bottom: 10px;
    width: 100%;
  }
}
.registerd-btn .btn {
  border: 1px solid #1c304b;
  padding: 8px 24px;
  border-radius: 8px;
  height: 40px;
  background: white;
  color: #4f185a;
}
.registerd-btn .btn:focus-visible {
  position: relative;
  outline: 2px solid #4f185a;
  outline-offset: -4px;
}
.registerd-btn .btn:hover {
  background-color: #4f185a;
  color: white;
}
.btn-session {
  width: auto;
}
.session-modal-img {
  width: 100%;
  object-fit: cover;
}
.session-full-txt p {
  padding-right: 15px;
}
@media screen and (max-width: 768px) {
  .session-details-name {
    font-size: 20px;
  }
  .sub-header-line {
    font-size: 14px;
  }
  .session-full-txt p {
    padding-right: 0px;
  }
}
@media (min-width: 320px) and (max-width: 800px) {
  .session-details-modal-content {
    width: 80%;
  }
  .session-details-name h3 {
    font-size: 1.5rem;
  }
}
.session-description {
  font-size: 13px;
}
.initiative-course-reserve-seat {
  background-color: rgba(255, 255, 255, 0.3);
  border: solid 1px #4f185a;
  color: #4f185a;
}
.initiative-course-reserve-seat:hover,
.initiative-course-reserve-seat:focus,
.initiative-course-reserve-seat:active:focus {
  background-color: #4f185a;
  color: white;
}
.mb-0 {
  margin-bottom: 0;
}
.session_register_error_button {
  background-color: white !important;
  color: #4f185a !important;
}
.session_register_error_button:focus {
  outline: none !important;
}
.session-details-name {
  margin: 0 0 8px 0;
  color: #1c304b;
  line-height: 24px;
}
@media (min-width: 320px) and (max-width: 767px) {
  .session-details-name {
    font-weight: 400;
  }
}
.session-modal-details-div {
  font-size: smaller;
}
.session-modal-details-span1 {
  padding-left: 1%;
  position: relative;
  top: 2px;
}
.session-modal-details-span3 {
  padding-left: 3%;
}
.session-modal-details-desc {
  font-size: 14px;
}
.session-event-register-btn {
  width: 100% !important;
  border-radius: 8px !important;
  padding: 8px 24px 8px 24px !important;
  height: 40px;
}
.session-event-launch-btn {
  width: 100% !important;
  height: 40px;
  padding: 8px 24px 8px 24px !important;
  margin-top: 12px !important;
}
.session-view-details {
  font-size: 14px;
  font-weight: 400;
  font-family: 'Noto Sans', sans-serif;
  line-height: 24px;
  letter-spacing: 0.056px;
  color: #1c304b;
  margin-top: 12px;
}
.session-container .error-info-container {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  width: 100%;
  min-height: 52px;
  background: #ffeeec;
  border: 1px solid #e28383;
  box-shadow: 6px 4px 24px rgba(28, 48, 75, 0.08);
  border-radius: 8px;
  flex: none;
  order: 1;
  flex-grow: 0;
  border-left: 6px solid #c70f00;
  margin-bottom: 24px;
}
.session-container .error-info-container p.red-error {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  font-family: 'Noto Sans', sans-serif;
  text-align: left;
  color: #1c304b;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 16px;
  gap: 8px;
  margin: 0 auto;
  flex: none;
  order: 0;
  flex-grow: 0;
  justify-content: start;
  width: 100%;
}
.session-container .warning-info-container {
  box-sizing: border-box;
  flex-direction: row;
  align-items: center;
  padding: 16px;
  width: 100%;
  min-height: 52px;
  background: #fff5df;
  border: 1px solid #f2dc8c;
  box-shadow: 6px 4px 24px rgba(28, 48, 75, 0.08);
  border-radius: 8px;
  flex: none;
  order: 1;
  flex-grow: 0;
  border-left: 6px solid #f3b422;
  margin-bottom: 16px;
}
.session-container .warning-info-container .warning-label-wrapper {
  display: flex;
  align-items: flex-start;
  column-gap: 8px;
}
.session-container .warning-info-container .warning-label-wrapper .warning-label {
  font-size: 14px;
  font-weight: 600;
  color: #1c304b;
}
.session-container .warning-info-container .warning-message {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #1c304b;
  padding-left: 24px;
  margin: 0px;
}
#exp-modal.session-container .modal-footer.session-event-text-margin.session-event-text-width {
  padding-left: 40px !important;
  padding-right: 40px !important;
}
@media (min-width: 320px) and (max-width: 767px) {
  .session-modal-details-span3:last-child {
    display: block;
    padding-left: 0px;
    padding-top: 8px;
  }
  #exp-modal.session-container .modal-footer.session-event-text-margin.session-event-text-width {
    padding: 35px 24px 40px 24px !important;
  }
  button.secondary-btn--md.btn-width-50:last-child {
    margin-top: 12px;
  }
}
@media (max-width: 767px) {
  .session-event-launch-btn {
    margin-left: 0px !important;
  }
  #exp-modal.session-container span.session-details-name.body_large_semibold {
    font-weight: 600 !important;
  }
}
.cookie-banner {
  color: black;
  height: auto;
  min-height: 30px;
  padding: 15px 25px;
  z-index: 10000;
  position: fixed;
  left: 0;
  width: 100%;
  background-color: #dddddd;
  font-size: 14px;
  display: flex;
}
.cookie-banner .cookie-text {
  order: 1;
  padding: 0px 0px 0px 30px;
  position: relative;
  height: 100%;
  width: 100%;
}
.cookie-banner .cookie-close {
  order: 2;
}
.cookie-banner.top {
  top: 0;
}
.cookie-banner.bottom {
  bottom: 0;
}
.cookie-banner label {
  line-height: 30px;
  font-weight: normal;
}
.cookie-banner a {
  color: blue;
}
.cookie-banner-btn {
  padding-top: 0;
  background-color: transparent;
  border: none;
}
.voffset1 {
  margin-top: 5px;
}
.cookie-banner a:focus-visible,
.cookie-banner-btn:focus-visible img {
  border: 1px solid black;
}
@media screen and (max-width: 767px) {
  .cookie-banner {
    font-size: 13px;
  }
}
/* Backgrounds colors*/
/* Header Section*/
/* Footer Section*/
/* Interactive colors*/
/* Typography colors*/
/* Icons colors*/
/* Button colors*/
/* Brand colors*/
/* Common colors*/
.page-wrapper.initiative-bg {
  background: #f7f7fa;
}
@media screen and (min-width: 768px) and (max-width: 992px) {
  .page-wrapper.initiative-bg {
    padding-top: 60px;
  }
}
.initiative-video-audio-adjustment-temp-fix {
  width: 100%;
  margin-top: 20px;
}
.initiative-header-container {
  height: 720px;
  width: 100%;
  background-image: linear-gradient(233deg, #df255f, #4d005b);
}
@media screen and (max-height: 720px) and (min-width: 768px) {
  .initiative-header-container {
    height: 445px;
  }
}
@media screen and (max-width: 768px) {
  .initiative-header-container {
    height: 445px;
  }
}
.initiative-banner-container {
  height: 600px;
}
@media screen and (max-height: 720px) and (min-width: 768px) {
  .initiative-banner-container {
    height: 325px;
  }
}
@media screen and (max-width: 768px) {
  .initiative-banner-container {
    height: 325px;
  }
}
.initiative-todos {
  padding-bottom: 60px;
}
.initiative-todos .radio-button {
  width: 40px;
  height: 40px;
  background-size: contain;
  background-position: center;
  vertical-align: middle;
}
.initiative-todo {
  padding-top: 30px;
  background-color: white;
}
.initiative-todo.control-wrapper-body {
  pointer-events: all;
  padding: 10px 30px;
}
.initiative-divider {
  height: 3px;
  background-color: #eee8ef;
  margin: 10px -30px 0 -30px;
}
.player-container {
  margin: auto;
  max-width: 943px;
  max-height: 531px;
  height: 100%;
  width: 100%;
  display: inline-block;
  position: relative;
  /*top: 56%;
    transform: translateY(-50%);*/

}
@media screen and (min-width: 600px) and (max-width: 768px) {
  
}
@media screen and (min-width: 1920px) {
  .player-container {
    /*top: 56%;*/
    max-width: 925px;
  }
}
.initiative-nav {
  /*height: 120px;*/
  height: 120px;
  display: list-item;
  margin-top: 0;
  clear: both;
  position: relative;
}
.initiative-nav .initiative-nav-items {
  height: 100%;
  padding: 0 15px;
}
.initiative-nav .initiative-nav-items .prev-initiative-box a,
.initiative-nav .initiative-nav-items a#initiative-nav_next {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  align-content: flex-start;
  overflow: auto;
  flex-direction: row;
  margin-top: 31px;
  margin-bottom: 31px;
  text-decoration: none;
}
.initiative-nav .initiative-nav-items .initiative-description {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  flex-direction: column;
  margin-left: 15px;
}
.init-arrow {
  /*display: inline-block;
    position: relative;*/
  top: 10px;
}
.init-arrow img {
  height: 35px;
  width: 35px;
  background: #824a7f;
  border-radius: 50%;
  margin-top: 5px;
  /*position: absolute;*/

}
.initiative-subnav {
  height: 76px;
}
.nav-divider {
  width: 100%;
  height: 38px;
  background-color: #430651;
}
.arrow-box {
  height: 38px;
  width: 64px;
  margin: auto auto;
}
.arrow-down-purple {
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 22px solid #4f185a;
}
.light-font {
  color: #e5e3e9;
}
.prev-initiative-box {
  float: left;
  /*margin-top:32px;*/

}
.prev-initiative-box .initiative-description {
  text-align: left;
  max-width: 350px;
}
.prev-initiative-box .initiative-description h4 {
  margin: 0;
  overflow-wrap: break-word;
  word-wrap: break-word;
  hyphens: auto;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  color: white;
}
.prev-initiative-box .initiative-description span {
  display: block;
  color: #e5e3e9 !important;
  line-height: 24px;
  text-align: left;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .prev-initiative-box .initiative-description {
    display: none !important;
  }
}
@media screen and (max-width: 1024px) {
  .prev-initiative-box .initiative-description {
    max-width: 220px;
  }
}
@media (min-width: 1025px) and (max-width: 1200px) {
  .prev-initiative-box .initiative-description {
    max-width: 270px;
  }
}
@media (min-width: 1201px) and (max-width: 1300px) {
  .prev-initiative-box .initiative-description {
    max-width: 300px;
  }
}
@media screen and (min-width: 768px) {
  .prev-initiative-box {
    padding-left: 20px;
  }
}
@media screen and (max-width: 768px) {
  .prev-initiative-box .init-arrow img {
    margin-top: 13px;
  }
}
.next-initiative-box {
  float: right;
  /*margin-top:32px*/

}
.next-initiative-box .initiative-description {
  margin-right: 15px;
  display: inline-table;
  text-align: right;
  max-width: 350px;
}
.next-initiative-box .initiative-description h4 {
  margin: 0;
  /*overflow-wrap: break-word;
            word-wrap: break-word;
            hyphens: auto;*/

  font-family: Noto Sans, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
  font-family: 'Noto Sans', sans-serif;
  overflow-wrap: break-word;
  word-wrap: break-word;
  hyphens: auto;
  color: white;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.next-initiative-box .initiative-description span {
  line-height: 24px;
  color: #e5e3e9 !important;
}
@media screen and (max-width: 768px) {
  .next-initiative-box .initiative-description {
    display: none !important;
  }
}
@media screen and (max-width: 1024px) {
  .next-initiative-box .initiative-description {
    max-width: 220px;
  }
}
@media (min-width: 1025px) and (max-width: 1200px) {
  .next-initiative-box .initiative-description {
    max-width: 270px;
  }
}
@media (min-width: 1201px) and (max-width: 1300px) {
  .next-initiative-box .initiative-description {
    max-width: 300px;
  }
}
@media screen and (min-width: 768px) {
  .next-initiative-box {
    padding-left: 20px;
  }
}
@media screen and (max-width: 768px) {
  .next-initiative-box .init-arrow img {
    margin-top: 13px;
  }
}
.roadmap-navigation-btn-back {
  border: 1px solid #1c304b;
  position: absolute;
  left: 50%;
  top: 51%;
  transform: translate(-50%, -50%);
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
  background: white;
  border-radius: 8px;
  font-size: 14px !important;
  font-weight: 500 !important;
  min-width: 222px;
  height: 40px;
}
.roadmap-navigation-btn-back:hover,
.roadmap-navigation-btn-back:active {
  border: 1px solid white !important;
  background: white !important;
  color: #1c304b !important;
}
#initiative-nav_next {
  text-decoration: none;
}
#initiative-nav_next span {
  display: block;
  text-align: right;
  width: 100%;
  color: #e5e3e9;
}
#initiative-nav_prev {
  text-decoration: none;
}
#initiative-nav_prev span {
  color: #e5e3e9;
}
.initiative-banner {
  position: relative;
  max-width: 100%;
  height: 600px;
  padding-top: 30px;
  background: no-repeat;
  background-color: inherit;
  background-size: 100% 100%;
}
@media screen and (max-height: 720px) and (min-width: 768px) {
  .initiative-banner {
    height: 310px;
  }
}
@media screen and (max-width: 768px) {
  .initiative-banner {
    height: 325px;
    background-position-x: center;
    background-position-y: center;
    background-size: auto 100%;
  }
}
/*Banner CSS*/

.initiative-bg-header-container {
  height: 100%;
  width: 100%;
  background-image: linear-gradient(90deg, #4b0a52 0%, #b2285c 100%);
}
.initiative-bg-header-container .initiative-banner-container {
  height: 520px;
}
.initiative-bg-header-container .initiative-banner-video-audio-container {
  height: 100%;
  display: block;
}
.initiative-bg-header-container .initiative-banner {
  background-repeat: no-repeat;
  max-height: 100%;
  background-size: cover;
  background-position: center top;
  height: 100%;
  max-width: 100%;
  display: block;
}
/*.vertically-centered {
    position: relative;
    top: 23%;
    transform: translateY(-53%);

    @media (min-width: 481px) and (max-width: 768px) {
        top: 62%;
    }
}*/

.next-initiative-box {
  float: right;
}
@media (min-width: 1601px) and (max-width: 1920px) {
  .initiative-bg-header-container .initiative-banner-container {
    height: 350px;
  }
}
@media (min-width: 1440px) and (max-width: 1600px) {
  .initiative-bg-header-container .initiative-banner-container {
    height: 350px;
  }
}
@media (min-width: 1025px) and (max-width: 1440px) {
  .initiative-bg-header-container .initiative-banner-container {
    height: 350px;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .initiative-bg-header-container .initiative-banner-container {
    height: 280px;
  }
}
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  .initiative-bg-header-container .initiative-banner-container {
    height: 280px;
  }
}
@media (min-width: 481px) and (max-width: 767px) {
  .initiative-bg-header-container .initiative-banner-container {
    height: 260px;
  }
}
@media (min-width: 320px) and (max-width: 480px) {
  .initiative-bg-header-container .initiative-banner-container {
    height: 260px;
  }
}
@media screen and (max-width: 2560px) and (max-height: 1440px) {
  .initiative-banner-container {
    height: 520px;
  }
}
@media screen and (max-width: 1920px) and (max-height: 1080px) {
  .initiative-banner-container {
    height: 350px;
  }
}
@media screen and (max-width: 1600px) and (max-height: 900px) {
  .initiative-banner-container {
    height: 350px;
  }
}
@media screen and (max-width: 1280px) and (max-height: 1024px) {
  .initiative-banner-container {
    height: 350px;
  }
}
@media screen and (max-width: 1280px) and (max-height: 800px) {
  .initiative-banner-container {
    height: 350px;
  }
}
@media scren and (max-width: 1024px) and (max-height: 768px) {
  .initiative-banner-container {
    height: 280px;
  }
}
@media screen and (max-width: 800px) and (max-height: 600px) {
  .initiative-banner-container {
    height: 220px;
  }
}
@media screen and (max-width: 375px) and (max-height: 812px) {
  .initiative-banner-container {
    height: 260px;
  }
}
@media screen and (max-width: 375px) and (max-height: 667px) {
  .initiative-banner-container {
    height: 260px;
  }
}
.initiative-resources-box {
  margin-bottom: 50px;
}
@media screen and (min-width: 320px) and (max-width: 800px) {
  .initiative-bg-header-container .initiative-nav {
    /*padding-top: 28px;*/
    margin-top: 0;
  }
  .prev-initiative-box .initiative-description {
    max-width: 255px;
  }
}
.submit-custom {
  font-size: 20px;
  font-weight: 600;
  font-family: 'Noto Serif';
}
.page-wrapper.initiative-bg {
  min-height: calc(100vh - 120px);
}
@media screen and (max-width: 768px) {
  .page-wrapper.initiative-bg {
    background-color: white;
  }
}
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container {
  padding-bottom: 0px;
  padding-top: 24px;
}
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .page-wrapper-test {
  min-height: 24px;
  margin-bottom: 16px;
}
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .page-wrapper-test .breadcrumbs {
  margin-left: 0px;
  margin-top: 0px;
}
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .page-wrapper-test .breadcrumbs ul {
  margin: 0;
  padding: 0;
}
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .page-wrapper-test .breadcrumbs ul li.breadcrumbs-label {
  margin-top: 0px;
}
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container {
  word-break: break-word;
  border-radius: 8px;
  background-color: white;
  padding: 40px;
  margin-bottom: 32px;
}
@media screen and (max-width: 768px) {
  .page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container {
    padding: 8px 0px;
    margin-bottom: 0px;
  }
}
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-bg-header-container {
  background-color: white;
  background-image: none;
  border-radius: 8px;
}
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-bg-header-container .player-container {
  max-height: 100%;
  max-width: 100%;
  margin-top: -32px;
}
@media screen and (min-width: 1920px) {
  .page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-bg-header-container .player-container {
    max-width: 100%;
  }
}
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .jwplayer .jw-svg-icon:not(.jw-svg-icon-pip-on):not(.jw-svg-icon-pip-off) {
  stroke-width: 0px !important;
}
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .jwplayer.jw-skin-alaska.jw-state-idle .jw-display-controls .jw-display-icon-container .jw-icon {
  margin: 33% 33%;
}
@media screen and (max-width: 767px) {
  .page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .jwplayer.jw-skin-alaska.jw-state-idle .jw-display-controls .jw-display-icon-container .jw-icon {
    margin: 24% auto;
  }
}
@media screen and (max-width: 768px) {
  .page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .jwplayer.jw-skin-alaska .jw-controlbar .jw-button-container .jw-button-color {
    padding-right: 0px;
  }
  .page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .jw-button-container {
    gap: 16px;
  }
}
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .roadmap-custom {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  margin-top: 40px;
  margin-bottom: 12px;
}
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .roadmap-custom.content-initiative-title {
  margin-top: 0px;
  margin-bottom: 12px;
}
@media screen and (max-width: 768px) {
  .page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .roadmap-custom {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
}
@media screen and (max-width: 390px) {
  .page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .roadmap-custom {
    margin-top: 8px !important;
  }
}
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .roadmap-custom .new-initiative-title {
  margin: 0px;
  padding: 0px;
  color: #1c304b;
  font-family: 'Noto Serif', serif;
  font-size: 40px;
  font-weight: 400;
  line-height: 48px;
  letter-spacing: -0.2px;
  font-style: normal;
}
@media screen and (max-width: 768px) {
  .page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .roadmap-custom .new-initiative-title {
    font-size: 32px;
    line-height: 40px;
  }
}
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .roadmap-custom .new-initiative-bookmark {
  min-width: 100px;
  max-width: 140px;
  text-align: right;
  margin-top: 16px;
}
@media screen and (max-width: 768px) {
  .page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .roadmap-custom .new-initiative-bookmark {
    max-width: 100%;
    text-align: left;
    margin-top: 0px;
  }
}
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .roadmap-custom .new-initiative-bookmark a {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  text-decoration: none;
}
@media screen and (max-width: 768px) {
  .page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .roadmap-custom .new-initiative-bookmark a {
    justify-content: flex-start;
  }
}
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .roadmap-custom .new-initiative-bookmark a .bookmark-text {
  text-align: left;
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  text-transform: uppercase;
  color: #aa0285;
  font-family: 'Noto Sans', sans-serif;
}
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container {
  padding-bottom: 32px;
}
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container.initiative-description-container-assessment {
  padding-bottom: 0px;
}
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .content-hub-template {
  background-color: white;
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .content-hub-template h1,
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .content-hub-template h2,
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .content-hub-template h3 {
  color: #1c304b;
  font-style: normal;
  font-family: 'Noto Serif', serif;
  font-weight: 400;
  margin-top: 0px;
  display: block;
}
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .content-hub-template h1 {
  font-size: 40px;
  line-height: 48px;
  letter-spacing: -0.2px;
  margin-bottom: 40px;
}
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .content-hub-template h2 {
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.12px;
  margin-bottom: 20px;
}
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .content-hub-template h3 {
  font-family: 'Noto Sans', sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: -0.064px;
  margin-bottom: 16px;
}
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .content-hub-template .subtitle {
  font-family: Noto Sans, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 32px;
  font-family: 'Noto Sans', sans-serif;
  color: #1c304b;
}
@media screen and (max-width: 768px) {
  .page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .content-hub-template .subtitle {
    font-size: 16px;
    line-height: 24px;
  }
}
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .content-hub-template p,
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .content-hub-template ul,
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .content-hub-template ol,
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .content-hub-template b,
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .content-hub-template i,
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .content-hub-template span,
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .content-hub-template strong,
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .content-hub-template input,
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .content-hub-template code {
  font-family: 'Noto Sans', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  font-style: normal;
  margin: revert;
}
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .content-hub-template p {
  margin-top: 0px;
  margin-bottom: 20px;
}
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .content-hub-template ul,
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .content-hub-template ol {
  padding-left: 30px;
  margin-top: 0px;
  margin-bottom: 24px;
}
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .content-hub-template ul li {
  margin-bottom: 5px;
  list-style: disc;
}
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .content-hub-template ol li {
  margin-bottom: 5px;
}
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .content-hub-template b,
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .content-hub-template strong {
  font-weight: 700;
}
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .content-hub-template i {
  font-style: italic;
}
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .content-hub-template a {
  color: #aa0285;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 0.28px;
  text-transform: uppercase;
  text-decoration: none;
}
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .content-hub-template .image-container,
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .content-hub-template .video-container {
  text-align: left;
  margin: 0 0 40px 0;
  max-width: 100%;
}
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .content-hub-template img {
  max-width: 100%;
}
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .content-hub-template .video-container {
  margin: 32px 0;
}
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .content-hub-template .image-container-with-text {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 40px;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .content-hub-template .image-container-with-text {
    flex-direction: column;
    text-align: left;
    align-items: center;
  }
}
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .content-hub-template .image-container-with-text .section-half {
  flex: 6;
}
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .content-hub-template .image-container-with-text .section-half p:last-child {
  margin-bottom: 0px;
}
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .content-hub-template .image-container-with-text .section-half img {
  max-width: 100%;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .content-hub-template .image-container-with-text .section-half {
    flex: 12;
    max-width: 100%;
    text-align: left;
  }
  .page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .content-hub-template .image-container-with-text .section-half img {
    max-width: 100%;
  }
}
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .content-hub-template .image-container-with-text .section-one-fourth {
  flex: 3;
}
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .content-hub-template .image-container-with-text .section-one-fourth p:last-child {
  margin-bottom: 0px;
}
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .content-hub-template .image-container-with-text .section-one-fourth img {
  max-width: 100%;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .content-hub-template .image-container-with-text .section-one-fourth {
    flex: 12;
    max-width: 100%;
    text-align: left;
  }
  .page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .content-hub-template .image-container-with-text .section-one-fourth img {
    max-width: 100%;
  }
}
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .content-hub-template .image-container-with-text .section-three-fourth {
  flex: 9;
}
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .content-hub-template .image-container-with-text .section-three-fourth p:last-child {
  margin-bottom: 0px;
}
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .content-hub-template .image-container-with-text .section-three-fourth img {
  max-width: 100%;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .content-hub-template .image-container-with-text .section-three-fourth {
    flex: 12;
    max-width: 100%;
    text-align: left;
  }
  .page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .content-hub-template .image-container-with-text .section-three-fourth img {
    max-width: 100%;
  }
}
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .content-hub-template .cta-button {
  min-width: 160px;
  margin-top: 0px;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: Noto Sans, sans-serif;
  text-transform: uppercase;
  color: white;
  background-color: #441750;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  padding: 16px 24px;
  font-family: 'Noto Sans', sans-serif;
  padding: 12px 24px;
  text-decoration: none;
  margin-bottom: 20px;
  display: inline-block;
}
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .content-hub-template .cta-button:active {
  color: white;
  background: #390447;
}
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .content-hub-template .cta-button:hover {
  background-color: #613e6b;
}
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .content-hub-template .cta-button:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .content-hub-template .cta-button:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .content-hub-template .cta-button:active {
  color: white;
  background: #390447;
}
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .content-hub-template .cta-button:hover {
  background-color: #613e6b;
}
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .content-hub-template .cta-button:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .content-hub-template .cta-button:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .content-hub-template .cta-button:active {
  color: white;
  background: #390447;
}
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .content-hub-template .cta-button:hover {
  background-color: #613e6b;
}
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .content-hub-template .cta-button:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .content-hub-template .cta-button:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .content-hub-template .cta-button:active {
  color: white;
  background: #390447;
}
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .content-hub-template .cta-button:hover {
  background-color: #613e6b;
}
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .content-hub-template .cta-button:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .content-hub-template .cta-button:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .content-hub-template .gap-40-left {
  margin-left: 40px;
}
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .content-hub-template .gap-40-right {
  margin-right: 40px;
}
@media screen and (max-width: 768px) {
  .page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .content-hub-template .gap-40-left,
  .page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .content-hub-template .gap-40-right {
    width: 100%;
    margin: 0px 0px 20px 0px;
  }
}
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .content-hub-template .article-notification-container {
  display: flex;
  width: auto;
  padding: 24px;
  align-items: flex-start;
  gap: 24px;
  border-radius: 8px;
  background: #f1f0f5;
  margin: 40px 0px 40px 0px;
}
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .content-hub-template .article-notification-container h2 {
  font-size: 14px;
  font-weight: 600;
}
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .content-hub-template .article-notification-container .inner-container {
  padding-left: 20px;
  border-left: 2px solid #ff097f;
}
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .content-hub-template .article-notification-container .inner-container p {
  margin: 0;
  padding: 0;
  color: #1c304b;
}
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .content-hub-template .table-container {
  display: block;
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  margin: 0px 0px 40px;
}
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .content-hub-template .table-container table {
  margin-top: 0px;
  margin-bottom: 0px;
  width: 100%;
}
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .content-hub-template .table-container table th,
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .content-hub-template .table-container table td {
  min-width: 120px;
  line-height: 16px;
}
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .content-hub-template .table-container table td {
  line-height: 24px;
}
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .content-hub-template table {
  color: #1c304b;
  margin: 0px 0px 40px;
  min-width: 120px;
  font-size: 14px;
  line-height: 20px;
}
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .content-hub-template table th,
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .content-hub-template table td {
  padding: 12px 16px;
  text-align: left;
}
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .content-hub-template table tr {
  border-bottom: 1px solid #ebebee;
}
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .content-hub-template table th {
  background-color: #f1f0f5;
}
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .content-hub-template table td {
  background-color: white;
}
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .content-hub-template .new-assessment h2 {
  font-family: 'Noto Sans', sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
  margin-top: 20px;
  margin-bottom: 16px;
}
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .content-hub-template .new-assessment .assessment-meta-info {
  margin-top: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  font-family: 'Noto Sans', sans-serif;
  color: #45505f;
}
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .content-hub-template .new-assessment .assessment-meta-info .small-gray-dot {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #45505f;
  color: transparent;
}
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .content-hub-template .new-assessment .assessment-meta-info .assessment-questions,
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .content-hub-template .new-assessment .assessment-meta-info .assessment-time {
  text-transform: lowercase;
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  font-family: 'Noto Sans', sans-serif;
  color: #45505f;
}
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .content-hub-template .new-assessment-tips {
  margin-top: 24px;
  padding: 16px 24px 24px 24px;
  border-radius: 8px;
  background-color: #fcf7fb;
}
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .content-hub-template .new-assessment-tips .new-assessment-tips-title {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  font-family: 'Noto Sans', sans-serif;
  color: #1c304b;
  margin-bottom: 8px;
}
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .content-hub-template .new-assessment-tips .new-assessment-tips-content {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
  color: #1c304b;
  margin-bottom: 0px;
}
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .content-hub-template .new-assessment-tips .new-assessment-tips-content b {
  font-weight: 600;
  font-size: 14px;
}
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .assessment-action-section {
  margin-top: 12px;
  text-align: center;
}
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .assessment-action-section .assessment-retake-section {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
}
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .assessment-action-section .assessment-retake-section .assessment-retake-button {
  flex: 6;
}
@media screen and (max-width: 768px) {
  .page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .assessment-action-section .assessment-retake-section {
    flex-direction: column;
  }
}
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .assessment-action-section .assessment-start-button,
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .assessment-action-section .assessment-retake-button {
  min-width: 200px;
  margin-top: 0px;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: Noto Sans, sans-serif;
  text-transform: uppercase;
  color: white;
  background-color: #441750;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  padding: 16px 24px;
  font-family: 'Noto Sans', sans-serif;
  text-decoration: none;
  margin-bottom: 0px;
  display: inline-block;
  width: 100%;
}
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .assessment-action-section .assessment-start-button:active,
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .assessment-action-section .assessment-retake-button:active {
  color: white;
  background: #390447;
}
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .assessment-action-section .assessment-start-button:hover,
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .assessment-action-section .assessment-retake-button:hover {
  background-color: #613e6b;
}
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .assessment-action-section .assessment-start-button:focus,
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .assessment-action-section .assessment-retake-button:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .assessment-action-section .assessment-start-button:focus-visible,
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .assessment-action-section .assessment-retake-button:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .assessment-action-section .assessment-start-button:active,
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .assessment-action-section .assessment-retake-button:active {
  color: white;
  background: #390447;
}
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .assessment-action-section .assessment-start-button:hover,
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .assessment-action-section .assessment-retake-button:hover {
  background-color: #613e6b;
}
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .assessment-action-section .assessment-start-button:focus,
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .assessment-action-section .assessment-retake-button:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .assessment-action-section .assessment-start-button:focus-visible,
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .assessment-action-section .assessment-retake-button:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .assessment-action-section .assessment-start-button:active,
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .assessment-action-section .assessment-retake-button:active {
  color: white;
  background: #390447;
}
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .assessment-action-section .assessment-start-button:hover,
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .assessment-action-section .assessment-retake-button:hover {
  background-color: #613e6b;
}
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .assessment-action-section .assessment-start-button:focus,
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .assessment-action-section .assessment-retake-button:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .assessment-action-section .assessment-start-button:focus-visible,
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .assessment-action-section .assessment-retake-button:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .assessment-action-section .assessment-start-button:active,
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .assessment-action-section .assessment-retake-button:active {
  color: white;
  background: #390447;
}
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .assessment-action-section .assessment-start-button:hover,
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .assessment-action-section .assessment-retake-button:hover {
  background-color: #613e6b;
}
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .assessment-action-section .assessment-start-button:focus,
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .assessment-action-section .assessment-retake-button:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .assessment-action-section .assessment-start-button:focus-visible,
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .assessment-action-section .assessment-retake-button:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .assessment-action-section .assessment-start-button {
  width: 410px;
}
@media screen and (max-width: 768px) {
  .page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .assessment-action-section .assessment-start-button {
    width: 100%;
  }
}
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .assessment-action-section .assessment-view-results-button {
  flex: 6;
  min-width: 200px;
  margin-top: 0px;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: Noto Sans, sans-serif;
  text-transform: uppercase;
  color: #1c304b;
  background-color: white;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid #1c304b !important;
  color: #1c304b !important;
  background-color: white !important;
  padding: 16px 24px;
  font-family: 'Noto Sans', sans-serif;
  text-decoration: none;
  margin-bottom: 0px;
  display: inline-block;
  width: 100%;
  height: 56px;
}
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .assessment-action-section .assessment-view-results-button:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .assessment-action-section .assessment-view-results-button:hover {
  border: 1px solid #aa0285 !important;
}
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .assessment-action-section .assessment-view-results-button:focus {
  outline: none !important;
  color: #1c304b !important;
}
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .assessment-action-section .assessment-view-results-button:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .assessment-action-section .assessment-view-results-button:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .assessment-action-section .assessment-view-results-button:hover {
  border: 1px solid #aa0285 !important;
}
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .assessment-action-section .assessment-view-results-button:focus {
  outline: none !important;
  color: #1c304b !important;
}
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .assessment-action-section .assessment-view-results-button:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .assessment-action-section .assessment-view-results-button:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .assessment-action-section .assessment-view-results-button:hover {
  border: 1px solid #aa0285 !important;
}
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .assessment-action-section .assessment-view-results-button:focus {
  outline: none !important;
  color: #1c304b !important;
}
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .assessment-action-section .assessment-view-results-button:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .assessment-action-section .assessment-view-results-button:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .assessment-action-section .assessment-view-results-button:hover {
  border: 1px solid #aa0285 !important;
}
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .assessment-action-section .assessment-view-results-button:focus {
  outline: none !important;
  color: #1c304b !important;
}
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .new-inintiative-container .initiative-description-container .assessment-action-section .assessment-view-results-button:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .assessment-note-section {
  background-color: white;
  border-radius: 8px;
  border-left: 6px solid #f2d0e1;
  padding: 16px;
  margin-bottom: 32px;
}
@media screen and (max-width: 768px) {
  .page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .assessment-note-section {
    margin-top: 24px;
    background-color: #fcf7fb;
  }
}
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .assessment-note-section .note-label {
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  font-family: 'Noto Sans', sans-serif;
  text-transform: uppercase;
  color: #1c304b;
  font-weight: 600;
}
.page-wrapper.initiative-bg .new-initiative-wrapper .main-content.container .assessment-note-section .note-content {
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  font-family: 'Noto Sans', sans-serif;
  color: #5c6573;
}
.page-wrapper.initiative-bg .new-initiative-wrapper.initiative-container-assessment .main-content.container .new-inintiative-container {
  margin-bottom: 24px;
}
.career-mindset-content strong p a {
  width: 100%;
  margin-top: 24px;
}
/* Backgrounds colors*/
/* Header Section*/
/* Footer Section*/
/* Interactive colors*/
/* Typography colors*/
/* Icons colors*/
/* Button colors*/
/* Brand colors*/
/* Common colors*/
.figures_desktop {
  font-family: 'Noto Serif', serif;
  font-size: 80px;
  font-weight: 400;
  line-height: 88px;
}
.figures_mobile {
  font-family: 'Noto Serif', serif;
  font-size: 64px;
  font-weight: 300;
  line-height: 72px;
}
.hero_desktop {
  font-family: 'Noto Serif', serif;
  font-size: 64px;
  font-weight: 400;
  line-height: 72px;
}
.hero_mobile {
  font-family: 'Noto Serif', serif;
  font-size: 56px;
  font-weight: 400;
  line-height: 64px;
}
.h1_desktop {
  font-family: 'Noto Serif', serif;
  font-size: 48px;
  font-weight: 400;
  line-height: 56px;
}
.h4_desktop {
  font-family: 'Noto Serif', serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
}
.h1_mobile {
  font-family: 'Noto Serif', serif;
  font-size: 40px;
  font-weight: 400;
  line-height: 48px;
}
.h2_mobile {
  font-family: 'Noto Serif', serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 40px;
}
.h3_mobile {
  font-family: 'Noto Serif', serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  color: #1c304b;
}
.h4_mobile {
  font-family: 'Noto Serif', serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 32px;
}
.body_large {
  font-family: 'Noto Sans', sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 32px;
}
.body_large_semibold {
  font-family: 'Noto Sans', sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
}
.body_large_bold {
  font-family: 'Noto Sans', sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 32px;
}
.subtitle {
  font-family: 'Noto Sans', sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}
.small_title {
  font-family: 'Noto Sans', sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
}
.body_base {
  font-family: 'Noto Sans', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #1c304b;
}
.body_base_semibold {
  font-family: 'Noto Sans', sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #1c304b;
}
.body_base_bold {
  font-family: 'Noto Sans', sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}
.body_medium {
  font-family: 'Noto Sans', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
}
.body_medium p p {
  font-family: 'Noto Sans', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
}
.body_medium_semibold {
  font-family: 'Noto Sans', sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
}
.body_medium_bold {
  font-family: 'Noto Sans', sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
}
.body_small {
  font-family: 'Noto Sans', sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}
.body_small_semibold {
  font-family: 'Noto Sans', sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
}
.body_small_bold {
  font-family: 'Noto Sans', sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
}
.caption {
  font-family: 'Noto Sans', sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  text-transform: uppercase;
}
.tag {
  font-family: 'Noto Sans', sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  text-transform: uppercase;
}
.link_big {
  font-family: 'Noto Sans', sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  text-transform: uppercase;
  color: #aa0285;
}
.link_small {
  font-family: 'Noto Sans', sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  text-transform: uppercase;
  color: #aa0285;
}
.button_l {
  font-family: 'Noto Sans', sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  text-transform: uppercase;
}
.button_s {
  font-family: 'Noto Sans', sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  text-transform: uppercase;
}
.button_m {
  font-family: 'Noto Sans', sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  text-transform: uppercase;
}
.form_labels {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
}
.primary-btn {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: 'Noto Sans', sans-serif;
  text-transform: uppercase;
  color: white;
  background-color: #441750;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: none;
}
.primary-btn:active {
  color: white;
  background: #390447;
}
.primary-btn:hover {
  background-color: #613e6b;
}
.primary-btn:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.primary-btn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.primary-btn--sm {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: Noto Sans, sans-serif;
  text-transform: uppercase;
  color: white;
  background-color: #441750;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  font-family: 'Noto Sans', sans-serif;
  padding: 8px 16px;
  font-size: 12px !important;
  line-height: 16px !important;
  border-radius: 7px;
}
.primary-btn--sm:active {
  color: white;
  background: #390447;
}
.primary-btn--sm:hover {
  background-color: #613e6b;
}
.primary-btn--sm:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.primary-btn--sm:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.primary-btn--sm:active {
  color: white;
  background: #390447;
}
.primary-btn--sm:hover {
  background-color: #613e6b;
}
.primary-btn--sm:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.primary-btn--sm:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.primary-btn--md {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: Noto Sans, sans-serif;
  text-transform: uppercase;
  color: white;
  background-color: #441750;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  font-family: 'Noto Sans', sans-serif;
  padding: 8px 24px;
}
.primary-btn--md:active {
  color: white;
  background: #390447;
}
.primary-btn--md:hover {
  background-color: #613e6b;
}
.primary-btn--md:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.primary-btn--md:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.primary-btn--md:active {
  color: white;
  background: #390447;
}
.primary-btn--md:hover {
  background-color: #613e6b;
}
.primary-btn--md:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.primary-btn--md:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.primary-btn--lg {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: Noto Sans, sans-serif;
  text-transform: uppercase;
  color: white;
  background-color: #441750;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  font-family: 'Noto Sans', sans-serif;
  padding: 16px 24px;
}
.primary-btn--lg:active {
  color: white;
  background: #390447;
}
.primary-btn--lg:hover {
  background-color: #613e6b;
}
.primary-btn--lg:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.primary-btn--lg:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.primary-btn--lg:active {
  color: white;
  background: #390447;
}
.primary-btn--lg:hover {
  background-color: #613e6b;
}
.primary-btn--lg:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.primary-btn--lg:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.primary-disabled-btn,
.primary-btn[disabled],
.primary-btn.disabled {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: Noto Sans, sans-serif;
  text-transform: uppercase;
  color: white;
  background-color: #441750;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  font-family: 'Noto Sans', sans-serif;
  color: #adadb5;
  background-color: #ece8ed;
  opacity: 1 !important;
}
.primary-disabled-btn:active,
.primary-btn[disabled]:active,
.primary-btn.disabled:active {
  color: white;
  background: #390447;
}
.primary-disabled-btn:hover,
.primary-btn[disabled]:hover,
.primary-btn.disabled:hover {
  background-color: #613e6b;
}
.primary-disabled-btn:focus,
.primary-btn[disabled]:focus,
.primary-btn.disabled:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.primary-disabled-btn:focus-visible,
.primary-btn[disabled]:focus-visible,
.primary-btn.disabled:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.primary-disabled-btn:active,
.primary-btn[disabled]:active,
.primary-btn.disabled:active {
  color: white;
  background: #390447;
}
.primary-disabled-btn:hover,
.primary-btn[disabled]:hover,
.primary-btn.disabled:hover {
  background-color: #613e6b;
}
.primary-disabled-btn:focus,
.primary-btn[disabled]:focus,
.primary-btn.disabled:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.primary-disabled-btn:focus-visible,
.primary-btn[disabled]:focus-visible,
.primary-btn.disabled:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.primary-disabled-btn--sm,
.primary-btn--sm[disabled] {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: Noto Sans, sans-serif;
  text-transform: uppercase;
  color: white;
  background-color: #441750;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  color: #adadb5;
  background-color: #ece8ed;
  opacity: 1 !important;
  font-family: 'Noto Sans', sans-serif;
  padding: 8px 16px;
  border-radius: 7px;
}
.primary-disabled-btn--sm:active,
.primary-btn--sm[disabled]:active {
  color: white;
  background: #390447;
}
.primary-disabled-btn--sm:hover,
.primary-btn--sm[disabled]:hover {
  background-color: #613e6b;
}
.primary-disabled-btn--sm:focus,
.primary-btn--sm[disabled]:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.primary-disabled-btn--sm:focus-visible,
.primary-btn--sm[disabled]:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.primary-disabled-btn--sm:active,
.primary-btn--sm[disabled]:active {
  color: white;
  background: #390447;
}
.primary-disabled-btn--sm:hover,
.primary-btn--sm[disabled]:hover {
  background-color: #613e6b;
}
.primary-disabled-btn--sm:focus,
.primary-btn--sm[disabled]:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.primary-disabled-btn--sm:focus-visible,
.primary-btn--sm[disabled]:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.primary-disabled-btn--sm:active,
.primary-btn--sm[disabled]:active {
  color: white;
  background: #390447;
}
.primary-disabled-btn--sm:hover,
.primary-btn--sm[disabled]:hover {
  background-color: #613e6b;
}
.primary-disabled-btn--sm:focus,
.primary-btn--sm[disabled]:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.primary-disabled-btn--sm:focus-visible,
.primary-btn--sm[disabled]:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.primary-disabled-btn--sm:active,
.primary-btn--sm[disabled]:active {
  color: white;
  background: #390447;
}
.primary-disabled-btn--sm:hover,
.primary-btn--sm[disabled]:hover {
  background-color: #613e6b;
}
.primary-disabled-btn--sm:focus,
.primary-btn--sm[disabled]:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.primary-disabled-btn--sm:focus-visible,
.primary-btn--sm[disabled]:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.primary-disabled-btn--md,
.primary-btn--md[disabled] {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: Noto Sans, sans-serif;
  text-transform: uppercase;
  color: white;
  background-color: #441750;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  color: #adadb5;
  background-color: #ece8ed;
  opacity: 1 !important;
  font-family: 'Noto Sans', sans-serif;
  padding: 8px 24px;
}
.primary-disabled-btn--md:active,
.primary-btn--md[disabled]:active {
  color: white;
  background: #390447;
}
.primary-disabled-btn--md:hover,
.primary-btn--md[disabled]:hover {
  background-color: #613e6b;
}
.primary-disabled-btn--md:focus,
.primary-btn--md[disabled]:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.primary-disabled-btn--md:focus-visible,
.primary-btn--md[disabled]:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.primary-disabled-btn--md:active,
.primary-btn--md[disabled]:active {
  color: white;
  background: #390447;
}
.primary-disabled-btn--md:hover,
.primary-btn--md[disabled]:hover {
  background-color: #613e6b;
}
.primary-disabled-btn--md:focus,
.primary-btn--md[disabled]:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.primary-disabled-btn--md:focus-visible,
.primary-btn--md[disabled]:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.primary-disabled-btn--md:active,
.primary-btn--md[disabled]:active {
  color: white;
  background: #390447;
}
.primary-disabled-btn--md:hover,
.primary-btn--md[disabled]:hover {
  background-color: #613e6b;
}
.primary-disabled-btn--md:focus,
.primary-btn--md[disabled]:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.primary-disabled-btn--md:focus-visible,
.primary-btn--md[disabled]:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.primary-disabled-btn--md:active,
.primary-btn--md[disabled]:active {
  color: white;
  background: #390447;
}
.primary-disabled-btn--md:hover,
.primary-btn--md[disabled]:hover {
  background-color: #613e6b;
}
.primary-disabled-btn--md:focus,
.primary-btn--md[disabled]:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.primary-disabled-btn--md:focus-visible,
.primary-btn--md[disabled]:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.primary-disabled-btn--md:hover,
.primary-btn--md[disabled]:hover {
  background-color: #ece8ed;
}
.primary-btn--md[disabled]:active {
  color: #adadb5;
}
.primary-disabled-btn--lg,
.primary-btn--lg[disabled] {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: Noto Sans, sans-serif;
  text-transform: uppercase;
  color: white;
  background-color: #441750;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  color: #adadb5;
  background-color: #ece8ed;
  opacity: 1 !important;
  font-family: 'Noto Sans', sans-serif;
  padding: 16px 24px;
}
.primary-disabled-btn--lg:active,
.primary-btn--lg[disabled]:active {
  color: white;
  background: #390447;
}
.primary-disabled-btn--lg:hover,
.primary-btn--lg[disabled]:hover {
  background-color: #613e6b;
}
.primary-disabled-btn--lg:focus,
.primary-btn--lg[disabled]:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.primary-disabled-btn--lg:focus-visible,
.primary-btn--lg[disabled]:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.primary-disabled-btn--lg:active,
.primary-btn--lg[disabled]:active {
  color: white;
  background: #390447;
}
.primary-disabled-btn--lg:hover,
.primary-btn--lg[disabled]:hover {
  background-color: #613e6b;
}
.primary-disabled-btn--lg:focus,
.primary-btn--lg[disabled]:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.primary-disabled-btn--lg:focus-visible,
.primary-btn--lg[disabled]:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.primary-disabled-btn--lg:active,
.primary-btn--lg[disabled]:active {
  color: white;
  background: #390447;
}
.primary-disabled-btn--lg:hover,
.primary-btn--lg[disabled]:hover {
  background-color: #613e6b;
}
.primary-disabled-btn--lg:focus,
.primary-btn--lg[disabled]:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.primary-disabled-btn--lg:focus-visible,
.primary-btn--lg[disabled]:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.primary-disabled-btn--lg:active,
.primary-btn--lg[disabled]:active {
  color: white;
  background: #390447;
}
.primary-disabled-btn--lg:hover,
.primary-btn--lg[disabled]:hover {
  background-color: #613e6b;
}
.primary-disabled-btn--lg:focus,
.primary-btn--lg[disabled]:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.primary-disabled-btn--lg:focus-visible,
.primary-btn--lg[disabled]:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.secondary-btn {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: 'Noto Sans', sans-serif;
  text-transform: uppercase;
  color: #1c304b;
  background-color: white;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid #1c304b !important;
  color: #1c304b !important;
  background-color: white !important;
}
.secondary-btn:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
.secondary-btn:hover {
  border: 1px solid #aa0285 !important;
}
.secondary-btn:focus {
  outline: none !important;
  color: #1c304b !important;
}
.secondary-btn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
.secondary-btn--sm {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: Noto Sans, sans-serif;
  text-transform: uppercase;
  color: #1c304b;
  background-color: white;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid #1c304b !important;
  color: #1c304b !important;
  background-color: white !important;
  font-family: 'Noto Sans', sans-serif;
  padding: 8px 16px;
  font-size: 12px !important;
  line-height: 16px !important;
  border-radius: 7px;
}
.secondary-btn--sm:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
.secondary-btn--sm:hover {
  border: 1px solid #aa0285 !important;
}
.secondary-btn--sm:focus {
  outline: none !important;
  color: #1c304b !important;
}
.secondary-btn--sm:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
.secondary-btn--sm:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
.secondary-btn--sm:hover {
  border: 1px solid #aa0285 !important;
}
.secondary-btn--sm:focus {
  outline: none !important;
  color: #1c304b !important;
}
.secondary-btn--sm:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
.secondary-btn--md {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: Noto Sans, sans-serif;
  text-transform: uppercase;
  color: #1c304b;
  background-color: white;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid #1c304b !important;
  color: #1c304b !important;
  background-color: white !important;
  font-family: 'Noto Sans', sans-serif;
  padding: 8px 24px;
}
.secondary-btn--md:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
.secondary-btn--md:hover {
  border: 1px solid #aa0285 !important;
}
.secondary-btn--md:focus {
  outline: none !important;
  color: #1c304b !important;
}
.secondary-btn--md:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
.secondary-btn--md:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
.secondary-btn--md:hover {
  border: 1px solid #aa0285 !important;
}
.secondary-btn--md:focus {
  outline: none !important;
  color: #1c304b !important;
}
.secondary-btn--md:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
.secondary-btn--lg {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: Noto Sans, sans-serif;
  text-transform: uppercase;
  color: #1c304b;
  background-color: white;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid #1c304b !important;
  color: #1c304b !important;
  background-color: white !important;
  font-family: 'Noto Sans', sans-serif;
  padding: 16px 24px;
}
.secondary-btn--lg:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
.secondary-btn--lg:hover {
  border: 1px solid #aa0285 !important;
}
.secondary-btn--lg:focus {
  outline: none !important;
  color: #1c304b !important;
}
.secondary-btn--lg:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
.secondary-btn--lg:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
.secondary-btn--lg:hover {
  border: 1px solid #aa0285 !important;
}
.secondary-btn--lg:focus {
  outline: none !important;
  color: #1c304b !important;
}
.secondary-btn--lg:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
.secondary-disabled-btn {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: Noto Sans, sans-serif;
  text-transform: uppercase;
  color: #1c304b;
  background-color: white;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid #1c304b !important;
  color: #1c304b !important;
  background-color: white !important;
  font-family: 'Noto Sans', sans-serif;
  color: #ced7e4 !important;
  border: 1px solid #ced7e4 !important;
  pointer-events: none;
  cursor: not-allowed;
  opacity: 1 !important;
}
.secondary-disabled-btn:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
.secondary-disabled-btn:hover {
  border: 1px solid #aa0285 !important;
}
.secondary-disabled-btn:focus {
  outline: none !important;
  color: #1c304b !important;
}
.secondary-disabled-btn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
.secondary-disabled-btn:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
.secondary-disabled-btn:hover {
  border: 1px solid #aa0285 !important;
}
.secondary-disabled-btn:focus {
  outline: none !important;
  color: #1c304b !important;
}
.secondary-disabled-btn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
.secondary-btn[disabled] {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: Noto Sans, sans-serif;
  text-transform: uppercase;
  color: #1c304b;
  background-color: white;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid #1c304b !important;
  color: #1c304b !important;
  background-color: white !important;
  color: #ced7e4 !important;
  border: 1px solid #ced7e4 !important;
  pointer-events: none;
  cursor: not-allowed;
  opacity: 1 !important;
  font-family: 'Noto Sans', sans-serif;
}
.secondary-btn[disabled]:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
.secondary-btn[disabled]:hover {
  border: 1px solid #aa0285 !important;
}
.secondary-btn[disabled]:focus {
  outline: none !important;
  color: #1c304b !important;
}
.secondary-btn[disabled]:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
.secondary-btn[disabled]:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
.secondary-btn[disabled]:hover {
  border: 1px solid #aa0285 !important;
}
.secondary-btn[disabled]:focus {
  outline: none !important;
  color: #1c304b !important;
}
.secondary-btn[disabled]:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
.secondary-btn[disabled]:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
.secondary-btn[disabled]:hover {
  border: 1px solid #aa0285 !important;
}
.secondary-btn[disabled]:focus {
  outline: none !important;
  color: #1c304b !important;
}
.secondary-btn[disabled]:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
.secondary-btn[disabled]:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
.secondary-btn[disabled]:hover {
  border: 1px solid #aa0285 !important;
}
.secondary-btn[disabled]:focus {
  outline: none !important;
  color: #1c304b !important;
}
.secondary-btn[disabled]:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
.secondary-disabled-btn--sm,
.secondary-btn--sm[disabled] {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: Noto Sans, sans-serif;
  text-transform: uppercase;
  color: #1c304b;
  background-color: white;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid #1c304b !important;
  color: #1c304b !important;
  background-color: white !important;
  color: #ced7e4 !important;
  border: 1px solid #ced7e4 !important;
  pointer-events: none;
  cursor: not-allowed;
  opacity: 1 !important;
  font-family: 'Noto Sans', sans-serif;
  padding: 8px 16px;
  border-radius: 7px;
}
.secondary-disabled-btn--sm:active,
.secondary-btn--sm[disabled]:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
.secondary-disabled-btn--sm:hover,
.secondary-btn--sm[disabled]:hover {
  border: 1px solid #aa0285 !important;
}
.secondary-disabled-btn--sm:focus,
.secondary-btn--sm[disabled]:focus {
  outline: none !important;
  color: #1c304b !important;
}
.secondary-disabled-btn--sm:focus-visible,
.secondary-btn--sm[disabled]:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
.secondary-disabled-btn--sm:active,
.secondary-btn--sm[disabled]:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
.secondary-disabled-btn--sm:hover,
.secondary-btn--sm[disabled]:hover {
  border: 1px solid #aa0285 !important;
}
.secondary-disabled-btn--sm:focus,
.secondary-btn--sm[disabled]:focus {
  outline: none !important;
  color: #1c304b !important;
}
.secondary-disabled-btn--sm:focus-visible,
.secondary-btn--sm[disabled]:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
.secondary-disabled-btn--sm:active,
.secondary-btn--sm[disabled]:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
.secondary-disabled-btn--sm:hover,
.secondary-btn--sm[disabled]:hover {
  border: 1px solid #aa0285 !important;
}
.secondary-disabled-btn--sm:focus,
.secondary-btn--sm[disabled]:focus {
  outline: none !important;
  color: #1c304b !important;
}
.secondary-disabled-btn--sm:focus-visible,
.secondary-btn--sm[disabled]:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
.secondary-disabled-btn--sm:active,
.secondary-btn--sm[disabled]:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
.secondary-disabled-btn--sm:hover,
.secondary-btn--sm[disabled]:hover {
  border: 1px solid #aa0285 !important;
}
.secondary-disabled-btn--sm:focus,
.secondary-btn--sm[disabled]:focus {
  outline: none !important;
  color: #1c304b !important;
}
.secondary-disabled-btn--sm:focus-visible,
.secondary-btn--sm[disabled]:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
.secondary-disabled-btn--md,
.secondary-btn--md[disabled] {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: Noto Sans, sans-serif;
  text-transform: uppercase;
  color: #1c304b;
  background-color: white;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid #1c304b !important;
  color: #1c304b !important;
  background-color: white !important;
  color: #ced7e4 !important;
  border: 1px solid #ced7e4 !important;
  pointer-events: none;
  cursor: not-allowed;
  opacity: 1 !important;
  font-family: 'Noto Sans', sans-serif;
  padding: 8px 24px;
}
.secondary-disabled-btn--md:active,
.secondary-btn--md[disabled]:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
.secondary-disabled-btn--md:hover,
.secondary-btn--md[disabled]:hover {
  border: 1px solid #aa0285 !important;
}
.secondary-disabled-btn--md:focus,
.secondary-btn--md[disabled]:focus {
  outline: none !important;
  color: #1c304b !important;
}
.secondary-disabled-btn--md:focus-visible,
.secondary-btn--md[disabled]:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
.secondary-disabled-btn--md:active,
.secondary-btn--md[disabled]:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
.secondary-disabled-btn--md:hover,
.secondary-btn--md[disabled]:hover {
  border: 1px solid #aa0285 !important;
}
.secondary-disabled-btn--md:focus,
.secondary-btn--md[disabled]:focus {
  outline: none !important;
  color: #1c304b !important;
}
.secondary-disabled-btn--md:focus-visible,
.secondary-btn--md[disabled]:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
.secondary-disabled-btn--md:active,
.secondary-btn--md[disabled]:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
.secondary-disabled-btn--md:hover,
.secondary-btn--md[disabled]:hover {
  border: 1px solid #aa0285 !important;
}
.secondary-disabled-btn--md:focus,
.secondary-btn--md[disabled]:focus {
  outline: none !important;
  color: #1c304b !important;
}
.secondary-disabled-btn--md:focus-visible,
.secondary-btn--md[disabled]:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
.secondary-disabled-btn--md:active,
.secondary-btn--md[disabled]:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
.secondary-disabled-btn--md:hover,
.secondary-btn--md[disabled]:hover {
  border: 1px solid #aa0285 !important;
}
.secondary-disabled-btn--md:focus,
.secondary-btn--md[disabled]:focus {
  outline: none !important;
  color: #1c304b !important;
}
.secondary-disabled-btn--md:focus-visible,
.secondary-btn--md[disabled]:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
.secondary-disabled-btn--lg,
.secondary-btn--lg[disabled] {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: Noto Sans, sans-serif;
  text-transform: uppercase;
  color: #1c304b;
  background-color: white;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid #1c304b !important;
  color: #1c304b !important;
  background-color: white !important;
  color: #ced7e4 !important;
  border: 1px solid #ced7e4 !important;
  pointer-events: none;
  cursor: not-allowed;
  opacity: 1 !important;
  font-family: 'Noto Sans', sans-serif;
  padding: 16px 24px;
}
.secondary-disabled-btn--lg:active,
.secondary-btn--lg[disabled]:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
.secondary-disabled-btn--lg:hover,
.secondary-btn--lg[disabled]:hover {
  border: 1px solid #aa0285 !important;
}
.secondary-disabled-btn--lg:focus,
.secondary-btn--lg[disabled]:focus {
  outline: none !important;
  color: #1c304b !important;
}
.secondary-disabled-btn--lg:focus-visible,
.secondary-btn--lg[disabled]:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
.secondary-disabled-btn--lg:active,
.secondary-btn--lg[disabled]:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
.secondary-disabled-btn--lg:hover,
.secondary-btn--lg[disabled]:hover {
  border: 1px solid #aa0285 !important;
}
.secondary-disabled-btn--lg:focus,
.secondary-btn--lg[disabled]:focus {
  outline: none !important;
  color: #1c304b !important;
}
.secondary-disabled-btn--lg:focus-visible,
.secondary-btn--lg[disabled]:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
.secondary-disabled-btn--lg:active,
.secondary-btn--lg[disabled]:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
.secondary-disabled-btn--lg:hover,
.secondary-btn--lg[disabled]:hover {
  border: 1px solid #aa0285 !important;
}
.secondary-disabled-btn--lg:focus,
.secondary-btn--lg[disabled]:focus {
  outline: none !important;
  color: #1c304b !important;
}
.secondary-disabled-btn--lg:focus-visible,
.secondary-btn--lg[disabled]:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
.secondary-disabled-btn--lg:active,
.secondary-btn--lg[disabled]:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
.secondary-disabled-btn--lg:hover,
.secondary-btn--lg[disabled]:hover {
  border: 1px solid #aa0285 !important;
}
.secondary-disabled-btn--lg:focus,
.secondary-btn--lg[disabled]:focus {
  outline: none !important;
  color: #1c304b !important;
}
.secondary-disabled-btn--lg:focus-visible,
.secondary-btn--lg[disabled]:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
@media (min-width: 769px) {
  .wide-modal-dialog {
    width: 67% !important;
  }
}
@media (min-width: 375px) and (max-width: 768px) {
  .wide-modal-dialog {
    width: auto !important;
    margin: 10px;
  }
}
.wide-modal-dialog .player-container {
  max-width: 100% !important;
}
.card-padding {
  padding: 16px 24px 24px;
  border-radius: 8px;
  background-color: white;
}
.container-padding {
  padding: 24px 24px 32px;
  border-radius: 8px;
  background-color: white;
}
.card-content {
  font-family: 'Noto Sans', sans-serif;
  font-size: 12px;
  font-weight: 400;
}
.remote-type {
  color: #1c304b;
}
input[type="radio"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 16px;
  height: 16px;
  border: 1px solid #1c304b;
  border-radius: 50%;
  position: relative;
}
input[type="radio"]:hover {
  border: 1px solid #8c006d;
}
input[type="radio"]:focus-visible {
  outline: 4px solid #ff5858;
  outline-offset: 0px;
}
input[type="radio"]:disabled {
  border: 1px solid #ced7e4;
}
input[type="radio"]:checked,
.isRadioBtnSelected {
  background-color: white;
  border: 4px solid #aa0285;
}
input[type="radio"]:checked:hover,
.isRadioBtnSelected:hover,
input[type="radio"]:checked:focus {
  background-color: white;
  border: 5px solid #8c006d;
}
input[type=radio]:focus {
  outline: none;
}
input[type="radio"]:checked:focus-visible,
.isRadioBtnSelected:focus-visible {
  /*background-color: @whiteColor;
    border: 4px solid @brand2;*/
  outline: 4px solid #ff5858;
  outline-offset: 0;
  box-shadow: 0 0 0 0px #aa0285 inset;
}
input[type="radio"]:checked:disabled,
isRadioBtnDisabled {
  outline: 4px solid #ced7e4;
}
.link_lg {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  text-transform: uppercase;
  color: #aa0285;
  font-family: 'Noto Sans', sans-serif;
}
.link_lg:hover {
  color: #aa0285;
}
.link_lg:active,
.link_lg:focus {
  color: #7a005f;
  text-decoration: none;
}
.link_lg:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: 0px !important;
  color: #aa0285;
  border-radius: 4px;
}
.link-xs {
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  text-transform: uppercase;
  color: #aa0285;
  font-family: 'Noto Sans', sans-serif;
}
.link-xs:hover {
  color: #aa0285;
}
.link-xs:active,
.link-xs:focus {
  color: #7a005f;
  text-decoration: none;
}
.link-xs:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: 0px !important;
  color: #aa0285;
  border-radius: 4px;
}
.link_lg[disabled],
.link-xs[disabled] {
  color: #adadb5;
  text-decoration: none;
  pointer-events: none;
  cursor: not-allowed;
}
.hero-banner-hide {
  display: none !important;
}
.hero-banner-height {
  height: 0px !important;
}
.custom-hint {
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  font-family: 'Noto Sans', sans-serif;
  color: #1c304b;
}
.custom-label {
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  font-family: 'Noto Sans', sans-serif;
  color: #1c304b;
}
.custom-textarea,
textarea {
  border: 1px solid #1c304b;
  border-radius: 8px;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
  color: #1c304b;
}
.custom-textarea.error,
textarea.error {
  border: 1px solid #c70f00 !important;
  background-color: #fdf6f5;
  color: #1c304b;
}
.custom-textarea::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #45505f;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  font-family: 'Noto Sans', sans-serif;
}
.custom-textarea::-moz-placeholder,
textarea::-moz-placeholder {
  /* Firefox 19+ */
  color: #45505f;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  font-family: 'Noto Sans', sans-serif;
}
.custom-textarea:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  /* IE 10+ */
  color: #45505f;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  font-family: 'Noto Sans', sans-serif;
}
.custom-textarea:focus,
textarea:focus,
.custom-textarea:focus-visible,
textarea:focus-visible {
  border: 1px solid #aa0285;
}
.custom-input-disabled,
textarea:disabled {
  cursor: not-allowed;
  background-color: white;
  opacity: 1;
  border: 1px solid #ced7e4 !important;
}
.custom-input-error {
  border: 1px solid #c70f00 !important;
  background-color: #fdf6f5;
  color: #1c304b;
}
.custom-input-error:focus {
  border: 1px solid #c70f00 !important;
}
.custom-input-error::placeholder {
  color: #45505f;
}
.select2-container.job-adv-search-select.select2-container-active .select2-choice {
  border: 1px solid #aa0285 !important;
  box-shadow: none !important;
}
.custom-dropdown,
.select2-container .select2-choice,
.control-box .select2-container {
  border: 1px solid #1c304b;
  border-radius: 8px;
  font-weight: 400;
  height: 40px !important;
}
.custom-dropdown-font {
  font-size: 14px !important;
  line-height: 24px !important;
  padding: 8px 16px !important;
  font-weight: 400;
}
.select2-container .select2-choices .select2-search-field input,
.select2-container .select2-choice {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #1c304b;
  letter-spacing: 0.056px;
}
.select2-container.select2-container-multi .select2-choices .select2-search-field input {
  color: #45505f;
}
.select2-container.select2-container-disabled .select2-choice {
  background-color: white !important;
  border: 1px solid #ced7e4 !important;
}
.select2-container.select2-container-disabled .select2-choice .select2-chosen {
  color: #5c6573 !important;
}
.select2-container.select2-container-disabled .select2-arrow {
  width: 30px;
}
.mentor-main-content .select2-container .select2-choice > .select2-chosen {
  font-size: 14px !important;
  line-height: 24px !important;
  padding: 8px 16px !important;
  font-weight: 400;
}
.warning-icon {
  height: 14px;
  width: 100%;
  display: flex;
  align-items: center;
  background-image: url(/Content/Images/icons/validation-warning.svg);
  background-repeat: no-repeat;
  margin-top: -15px;
  margin-bottom: 10px;
  color: #c70f00;
  padding-left: 20px;
  font-size: 12px;
  font-weight: 400;
  font-family: 'Noto Sans', sans-serif;
}
.hint-icon {
  height: 14px;
  display: flex;
  align-items: center;
  background-image: url(/Content/Images/icons/hint-icon.svg);
  width: 100%;
  background-repeat: no-repeat;
  margin-top: 5px;
  margin-bottom: 10px;
}
.hint-text {
  padding-left: 20px;
  font-size: 12px;
  font-weight: 400;
  font-family: 'Noto Sans', sans-serif;
  color: #1c304b;
}
.close-icon {
  height: 54px;
  display: block;
  background-image: url(/Content/Images/icons/close.svg);
  width: 100%;
  background-repeat: no-repeat;
  background-position: right 15px center;
}
.errorClass {
  color: #c70f00;
}
.errorborder {
  background: #fdf6f5;
  border: 1px solid #c70f00 !important;
}
.my-input .mandatory-text {
  display: flex;
  gap: 5px;
  font-size: 12px;
  font-weight: 400;
  font-family: 'Noto Sans', sans-serif;
  color: #1c304b;
}
.my-input .mandatory-text p {
  color: #c70f00;
}
.about-me-form-fields .form_labels {
  text-transform: uppercase;
}
.checkBox-label {
  font-size: 14px;
  color: #1c304b;
  line-height: 24px;
  font-weight: 400;
  padding-left: 12px;
  margin-bottom: 0;
}
.check-box[type="checkbox"],
input[type="checkbox"] {
  width: 16px;
  height: 16px;
  color: #1c304b;
  vertical-align: top;
  -webkit-appearance: none;
  background: none;
  border: 0;
  outline: 0;
  flex-grow: 0;
  border-radius: 4px;
  background-color: white;
  transition: background 300ms;
  cursor: pointer;
}
.check-box[type="checkbox"]::before,
input[type="checkbox"]::before {
  content: "";
  color: transparent;
  display: block;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  border: 0;
  background-color: transparent;
  background-size: contain;
  box-shadow: inset 0 0 0 1px #1c304b;
}
.check-box[type="checkbox"]:focus,
input[type="checkbox"]:focus {
  outline: 1px solid #aa0285;
  outline-offset: 0;
}
.check-box[type="checkbox"]:checked,
input[type="checkbox"]:checked {
  background-color: #aa0285;
}
.check-box[type="checkbox"]:checked::before,
input[type="checkbox"]:checked::before {
  box-shadow: none;
  background-image: url("/content/images/Redeployment/state-mark.svg");
  background-repeat: no-repeat;
  margin: 0.1rem auto;
  text-align: center;
  background-size: contain;
  border: 1px solid #aa0285;
  width: 12px;
  height: 12px;
}
.check-box[type="checkbox"]:disabled,
input[type="checkbox"]:disabled {
  cursor: not-allowed;
  width: 16px;
  height: 16px;
}
.check-box[type="checkbox"]:disabled::before,
input[type="checkbox"]:disabled::before {
  background-color: transparent;
  border: 1px solid #ced7e4;
  outline: none;
  box-shadow: 0 0 0 #ced7e4;
}
.check-box[type="checkbox"]:disabled:checked,
input[type="checkbox"]:disabled:checked {
  background-color: #ced7e4;
  border: 1px solid #ced7e4;
}
.check-box[type="checkbox"]:disabled:checked::before,
input[type="checkbox"]:disabled:checked::before {
  background-color: #ced7e4;
  border: 1px solid #ced7e4;
  box-shadow: none;
  background-image: url("/content/images/Redeployment/check-disabled.svg");
  background-repeat: no-repeat;
  margin: 0.1rem auto;
  text-align: center;
  background-size: contain;
}
.check-box[type="checkbox"]::-ms-check,
input[type="checkbox"]::-ms-check {
  content: "";
  color: transparent;
  display: block;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  border: 0;
  background-color: transparent;
  background-size: contain;
  box-shadow: inset 0 0 0 1px #1c304b;
}
.check-box[type="checkbox"]:checked::-ms-check,
input[type="checkbox"]:checked::-ms-check {
  box-shadow: none;
  background-image: url("/content/images/Redeployment/state-mark.svg");
  background-repeat: no-repeat;
  margin: 0.1rem auto;
  text-align: center;
  background-size: contain;
  width: 12px;
  height: 12px;
}
.check-box[type="checkbox"]:focus-visible {
  content: "";
  outline: 4px solid #ff5858;
  outline-offset: 0px;
  width: 16px;
  height: 16px;
}
.has-error[type="checkbox"] {
  width: 16px;
  height: 16px;
  color: #c70f00;
  vertical-align: top;
  -webkit-appearance: none;
  background: none;
  border: 0;
  outline: 0;
  flex-grow: 0;
  border-radius: 4px;
  background-color: white;
  transition: background 300ms;
  cursor: pointer;
}
.has-error[type="checkbox"]::before {
  content: "";
  color: transparent;
  display: block;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  border: 0;
  background-color: transparent;
  background-size: contain;
  box-shadow: inset 0 0 0 1px #c70f00;
}
.has-error[type="checkbox"]:focus {
  outline: 1px solid #c70f00;
  outline-offset: 0;
}
.has-error[type="checkbox"]:checked {
  background-color: #c70f00;
}
.has-error[type="checkbox"]:checked::before {
  box-shadow: none;
  background-image: url("/content/images/Redeployment/state-mark.svg");
  background-repeat: no-repeat;
  margin: 0.1rem auto;
  text-align: center;
  background-size: contain;
  width: 12px;
  height: 12px;
}
.has-error[type="checkbox"]::-ms-check {
  content: "";
  color: transparent;
  display: block;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  border: 0;
  background-color: transparent;
  background-size: contain;
  box-shadow: inset 0 0 0 1px #c70f00;
}
.has-error[type="checkbox"]:checked::-ms-check {
  box-shadow: none;
  background-image: url("/content/images/Redeployment/state-mark.svg");
  background-repeat: no-repeat;
  margin: 0.1rem auto;
  text-align: center;
  background-size: contain;
  width: 12px;
  height: 12px;
}
.dropdown-menu {
  padding: 12px;
}
.datepicker {
  min-width: 300px !important;
  max-width: 300px !important;
  border-radius: 8px;
  border: 1px solid #ebebee;
  box-shadow: 0px 2px 12px rgba(41, 23, 70, 0.1);
  margin-top: 2px;
}
.datepicker table th .btn-default.pull-left {
  font-family: 'Noto Sans', sans-serif;
  font-size: 14px;
  font-weight: 500;
  background: #ebebee;
  border: none;
  color: #1c304b;
  border-radius: 8px;
  width: 32px;
  height: 32px;
}
.datepicker table th .btn-default.pull-right {
  font-family: 'Noto Sans', sans-serif;
  font-size: 14px;
  font-weight: 500;
  background: #ebebee;
  border: none;
  color: #1c304b;
  border-radius: 8px;
  width: 32px;
  height: 32px;
}
.datepicker table th button.btn.btn-default.btn-block.text-strong {
  background: none;
  border: none;
  color: #1c304b !important;
  font-family: 'Noto Sans', sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
}
.datepicker table th .glyphicon.glyphicon-chevron-left {
  background: url("/content/images/calendar-chevron-left.svg");
  background-repeat: no-repeat;
  width: 8px;
  height: 12px;
  top: -2px;
}
.datepicker table th .glyphicon.glyphicon-chevron-left:before {
  display: none;
}
.datepicker table th .glyphicon.glyphicon-chevron-right {
  background: url("/content/images/calendar-chevron-right.svg");
  background-repeat: no-repeat;
  width: 8px;
  height: 12px;
  top: -2px;
}
.datepicker table th .glyphicon.glyphicon-chevron-right:before {
  display: none;
}
.datepicker table th.dow {
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  padding: 8px 0px;
}
.datepicker table tr td button.btn.btn-default {
  border: none !important;
  background: none !important;
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  padding: 0px 0px;
}
.datepicker table tr td button.btn.btn-default span {
  border: 1px solid #ebebee;
  background: white;
  padding: 5px;
  text-align: center;
  color: #1c304b;
  display: block;
  font-weight: 400;
}
.datepicker table tr td button.btn.btn-default span:hover {
  background: #ebebee;
  border: 1px solid #ebebee;
}
.datepicker table tr td button.btn.btn-default .text-muted {
  color: #45505f;
  background: #f8f8f9;
  font-weight: 400;
}
.datepicker table tr td button.btn.btn-primary span {
  border: 1px solid #aa0285;
  background: #fcf7fb;
  color: #1c304b !important;
}
.datepicker table tr td .btn[disabled] {
  color: #adadb5 !important;
}
.datepicker table tr td .btn[disabled] span {
  color: #adadb5 !important;
  font-weight: 400;
}
.datepicker table tr td .btn[disabled] .text-muted {
  color: #adadb5 !important;
}
.datepicker table tr:nth-child(1) td:nth-child(1) button.btn.btn-default span {
  border-top-left-radius: 8px;
}
.datepicker table tr:nth-child(1) td:nth-child(7) button.btn.btn-default span {
  border-top-right-radius: 8px;
}
.datepicker table tr:nth-child(6) td:nth-child(1) button.btn.btn-default span {
  border-bottom-left-radius: 8px;
}
.datepicker table tr:nth-child(6) td:nth-child(7) button.btn.btn-default span {
  border-bottom-right-radius: 8px;
}
.datepicker tr td button > span:not(.text-muted) {
  color: #adadb5;
}
.datepicker tr td button[disabled] {
  border: 1px solid #ebebee;
  color: #adadb5 !important;
  background: #f8f8f9;
}
.custom-tab-container {
  border-color: white;
}
.custom-tab-container .panel-heading {
  background-color: white;
  border-color: white;
}
.custom-tab-container .panel-heading .nav-tabs {
  border-bottom: none;
  margin-top: 5px;
}
.custom-tab-container .panel-heading .nav-tabs li {
  border-bottom: 1px solid #ebebee;
}
.custom-tab-container .panel-heading .nav-tabs li a {
  border: none;
  font-size: 14px;
  font-weight: 400;
  font-family: 'Noto Sans', sans-serif;
  line-height: 24px;
  color: #45505f;
}
.custom-tab-container .panel-heading .nav-tabs li a:hover {
  color: #aa0285;
}
.custom-tab-container .panel-heading .nav-tabs li a:focus-visible {
  outline: 4px solid #ff5858;
  outline-offset: 0px;
  border-radius: 8px;
  background-color: white;
}
.custom-tab-container .panel-heading .nav-tabs .tabs[disabled] {
  color: #adadb5;
}
.custom-tab-container .panel-heading .nav-tabs .tabs[disabled]:focus-visible {
  outline: none;
}
.custom-tab-container .panel-heading .nav-tabs > li.active > a {
  font-weight: 500;
  color: #1c304b;
  border-bottom: 1px solid #441750;
}
.custom-pagination .pagination {
  margin: 10px 0px;
}
.custom-pagination .pagination li a {
  font-size: 12px;
  font-weight: 400;
  font-family: 'Noto Sans', sans-serif;
  color: #45505f;
  border: none;
  line-height: 16px;
  border-radius: 8px;
}
.custom-pagination .pagination li a:focus-visible {
  margin: 0px 6px;
}
.custom-pagination .pagination li.disabled {
  opacity: 1;
  color: #6e7277;
}
.custom-pagination .pagination li.disabled a {
  color: #6e7277;
}
@media screen and (max-width: 768px) {
  .custom-pagination .pagination {
    width: 100%;
    margin: 4px 0px;
  }
}
@media screen and (max-width: 768px) {
  .custom-pagination .pull-right > .dropdown-menu {
    right: auto;
    left: 0;
  }
}
.custom-pagination .pagination > .active > a {
  background: #fcf7fb;
  border: 1px solid #aa0285;
  border-radius: 8px;
  font-weight: 600;
  color: #45505f;
}
.custom-pagination .pagination > .active > a:hover {
  color: #45505f;
}
.custom-pagination .pagination > .active > a:focus {
  color: #45505f;
}
.custom-pagination .pagination > li > a:hover {
  border-radius: 8px;
}
@media screen and (max-width: 767px) {
  .custom-pagination .pagination > li > a {
    padding: 3px 8px;
  }
}
.custom-pagination .pull-right .dropdown-toggle {
  border-radius: 8px;
  border: 1px solid #ccccd3;
  background-color: white;
  font-size: 12px;
  font-weight: 400;
  font-family: 'Noto Sans', sans-serif;
  color: #45505f;
  line-height: 16px;
  text-transform: initial;
}
.custom-pagination .pull-right .dropdown-toggle .caret {
  margin-left: 5px;
}
.custom-pagination .pull-right .dropdown-menu {
  min-width: 70px;
  border: 1px solid #ebebee;
  border-radius: 8px;
}
.custom-pagination .pull-right .dropdown-menu li {
  border-bottom: 1px solid #ebebee;
}
.custom-pagination .pull-right .dropdown-menu li:last-child {
  border-bottom: none;
}
.custom-pagination .pull-right .dropdown-menu li a {
  color: #1c304b;
}
@media screen and (max-width: 768px) {
  .custom-pagination .pull-right {
    float: left !important;
  }
}
.select2-drop ul#select2-results-9 li.select2-result-selectable div.select2-result-label[role="option"] {
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}
#todoTh .datepicker table th {
  border: none !important;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  padding: 4px 0;
}
.timepicker {
  padding: 8px;
}
.timepicker table th {
  border: none !important;
  width: 32px !important;
  height: 32px !important;
}
.timepicker table th .btn-default.pull-left {
  font-family: 'Noto Sans', sans-serif;
  font-size: 14px;
  font-weight: 500;
  background: #ebebee;
  border: none;
  color: #1c304b;
  border-radius: 8px;
  width: 35px;
  padding: 0px;
  margin-bottom: 4px;
  height: 35px;
}
.timepicker table th .btn-default.pull-right {
  font-family: 'Noto Sans', sans-serif;
  font-size: 14px;
  font-weight: 500;
  background: #ebebee;
  border: none;
  color: #1c304b;
  border-radius: 8px;
}
.timepicker table th button.btn.btn-default.btn-block.text-strong {
  background: none;
  border: none;
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
}
.timepicker table th .glyphicon.glyphicon-chevron-up {
  background: url("/content/images/keyboard_arrow_up.svg");
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  top: 2px;
}
.timepicker table th .glyphicon.glyphicon-chevron-up:before {
  display: none;
}
.timepicker table th .glyphicon.glyphicon-chevron-down {
  background: url("/content/images/keyboard_arrow_down.svg");
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  top: 4px;
}
.timepicker table th .glyphicon.glyphicon-chevron-down:before {
  display: none;
}
.timepicker table th.dow {
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  padding: 8px 0;
}
.timepicker table tr td button.btn.btn-default {
  border: none !important;
  background: none !important;
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  padding: 0px 0px;
}
.timepicker table tr td button.btn.btn-default span {
  border: 1px solid #ebebee;
  background: white;
  padding: 3px 7px;
  text-align: center;
  color: #1c304b;
  display: block;
}
.timepicker table tr td button.btn.btn-default span:hover {
  background: #ebebee;
  border: 1px solid #ebebee;
}
.timepicker table tr td button.btn.btn-default span .text-muted {
  color: #45505f;
  background: #f8f8f9;
}
.timepicker table tr td button.btn.btn-primary span {
  border: 1px solid #aa0285;
  background: #fcf7fb;
}
.timepicker table tr td .btn[disabled] span {
  color: #adadb5;
}
.timepicker table tr td:nth-child(1) td:nth-child(1) button.btn.btn-default span {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.timepicker table tr td:nth-child(1) td:nth-child(3) button.btn.btn-default span {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.timepicker table tr td:nth-child(5) td:nth-child(1) button.btn.btn-default span {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.timepicker table tr td:nth-child(5) td:nth-child(3) button.btn.btn-default span {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.timepicker table tr tfoot th {
  border: none !important;
  width: 32px !important;
  height: 32px !important;
}
.timepicker table tr tfoot th button {
  position: relative;
  top: 8px;
}
.timepicker table tr tbody {
  padding: 8px 0px !important;
}
.timepicker table tr td span[ng-bind="i == midIndex ? timeSeparator : ' '"] {
  text-align: center;
  display: block;
}
label {
  font-size: 12px;
  font-weight: 400;
  font-family: 'Noto Sans', sans-serif;
  line-height: 16px;
  letter-spacing: 0.18px;
  text-transform: uppercase;
  color: #1c304b;
}
.file-upload {
  position: relative;
}
.file-upload input[type="file"] {
  display: none;
}
.file-upload label {
  display: inline-block;
  padding: 7px 16px 5px;
  cursor: pointer;
  border: 1px solid #1c304b;
  border-radius: 8px;
  background-color: white;
  width: 360px;
}
.file-upload label .file-container {
  display: flex;
  align-items: baseline;
  gap: 16px;
}
.file-upload label .file-container span {
  padding: 10px 16px;
  cursor: pointer;
  display: inline-block;
  border: 1px solid #1c304b;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 0.6px;
  color: #1c304b;
  top: 0;
}
.file-upload label .file-container p {
  font-size: 14px;
  font-weight: 400;
  font-family: 'Noto Sans', sans-serif;
  line-height: 24px;
  letter-spacing: 0.056px;
  color: #5c6573;
  text-transform: capitalize;
}
#editForm .controls .select2-container.form-control .select2-choice {
  border-color: #1c304b !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}
strong,
b {
  font-weight: 600;
}
#Panel1 .btn:focus,
#Panel1 .btn:focus-visible {
  color: white;
}
#toast-container .toast-message {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  font-family: 'Noto Sans', sans-serif;
  color: #1c304b;
  word-break: break-word;
}
#toast-container.toast-top-right {
  top: 12px;
  right: -56px;
}
@media screen and (max-width: 380px) {
  #toast-container.toast-top-right {
    right: -70px;
  }
}
#toast-container.job-search-toaster-position {
  top: 80px;
  right: 4.8%;
}
#toast-container.job-search-toaster-position.tracker-details {
  right: 1%;
  top: 95px;
}
#toast-container.job-detail-toaster-position {
  position: fixed;
  top: 85px;
  right: 2.5%;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  #toast-container.job-search-toaster-position {
    top: 70px;
    right: 4%;
  }
  #toast-container.job-detail-toaster-position {
    z-index: 9999;
  }
}
@media screen and (max-width: 1024px) {
  #toast-container.job-detail-toaster-position {
    z-index: 9999;
  }
}
@media only screen and (max-width: 1423px) and (min-width: 1281px) {
  #toast-container.job-search-toaster-position {
    right: 9.4%;
  }
  #toast-container.job-detail-toaster-position {
    right: 7.4%;
  }
}
@media only screen and (max-width: 1600px) and (min-width: 1424px) {
  #toast-container.job-search-toaster-position {
    right: 13.9%;
  }
  #toast-container.job-detail-toaster-position {
    right: 12%;
  }
}
@media only screen and (max-width: 1707px) and (min-width: 1601px) {
  #toast-container.job-detail-toaster-position {
    right: 14.4%;
  }
}
@media only screen and (max-width: 1921px) and (min-width: 1708px) {
  #toast-container.job-detail-toaster-position {
    right: 18.4%;
  }
}
@media only screen and (max-width: 1921px) and (min-width: 1601px) {
  #toast-container.job-search-toaster-position {
    right: 16.1%;
  }
}
@media only screen and (max-width: 2561px) and (min-width: 1922px) {
  #toast-container.job-search-toaster-position {
    right: 27.4%;
  }
  #toast-container.job-detail-toaster-position {
    right: 26.4%;
  }
}
@media only screen and (max-width: 3841px) and (min-width: 2562px) {
  #toast-container.job-detail-toaster-position {
    right: 34.1%;
  }
}
@media only screen and (max-width: 5121px) and (min-width: 3842px) {
  #toast-container.job-detail-toaster-position {
    right: 38.3%;
  }
}
#toast-container .toast-success.job-agent-toastr {
  background-image: url(/Content/Images/Redeployment/button-applied-icon.svg) !important;
  background-color: #d8f4d8;
  color: #1c304b;
  border: 1px solid #96e283;
  box-shadow: 6px 4px 20px rgba(28, 48, 76, 0.08) !important;
  border-radius: 8px;
  width: 420px;
  margin: 85px 88px;
  opacity: 1;
  border-left: 6px solid #33841f;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
  min-height: 56px;
  height: 100%;
  gap: 8px;
  word-break: break-all;
}
@media screen and (max-width: 768px) {
  #toast-container .toast-success.job-agent-toastr {
    width: 350px;
  }
}
@media screen and (max-width: 355px) {
  #toast-container .toast-success.job-agent-toastr {
    width: 280px;
  }
}
#toast-container .toast-success.job-agent-toastr.toaster-margin {
  margin: 0;
}
#toast-container .toast-success .toast-close-button {
  color: #1c304b !important;
  right: 5px !important;
  top: -2px !important;
}
#toast-container .toast-success .toast-close-button:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: 0px !important;
  border-radius: 4px;
}
#toast-container .toast-success .toast-close-button img {
  height: 16px;
  width: 16px;
}
#toast-container .toast-success.resume-review-success {
  background-image: url(/Content/Images/Redeployment/button-applied-icon.svg) !important;
  background-color: #d8f4d8;
  color: #1c304b;
  border: 1px solid #96e283;
  box-shadow: 6px 4px 20px rgba(28, 48, 76, 0.08) !important;
  border-radius: 8px;
  width: 536px;
  margin: 85px 88px;
  opacity: 1;
  border-left: 6px solid #33841f;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
  min-height: 56px;
  height: 100%;
}
@media screen and (max-width: 768px) {
  #toast-container .toast-success.resume-review-success {
    width: 330px;
  }
}
@media screen and (max-width: 355px) {
  #toast-container .toast-success.resume-review-success {
    width: 280px;
  }
}
#toast-container .toast-success.resume-review-success.toaster-margin {
  margin: 0;
}
#toast-container .toast-success .toast-close-button {
  color: #1c304b !important;
  right: 5px !important;
  top: -2px !important;
}
#toast-container .toast-success .toast-close-button:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: 0px !important;
  border-radius: 4px;
}
#toast-container .toast-success .toast-close-button img {
  height: 16px;
  width: 16px;
}
#toast-container.candidate-care-success-container {
  position: fixed;
  top: 12% !important;
  right: 3% !important;
}
#toast-container.candidate-care-success-container .toast-success.resume-review-success {
  margin: 0px !important;
}
#toast-container.candidate-care-success-container .toast-success .toast-close-button {
  color: #1c304b !important;
  right: 5px !important;
  top: 0px !important;
  padding-left: 12px;
}
#toast-container.candidate-care-success-container .toast-success .toast-close-button:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: 0px !important;
  border-radius: 4px;
}
#toast-container.candidate-care-success-container .toast-success .toast-close-button img {
  height: 16px;
  width: 16px;
}
#toast-container .toast-title {
  word-break: break-word;
}
#INDquickAccess,
#INDWrap #INDmenu-btn {
  display: none !important;
}
#INDmenu-btn.INDcircle-btn:focus-visible {
  outline: #ff5858 solid 4px !important;
  outline-offset: 0px;
}
#INDmenu-btn.INDcircle-btn {
  top: 80%;
  background: white;
  transform: scale(0.55);
  border: none;
  outline: none;
  box-shadow: none;
}
@media (max-width: 800px) {
  #INDmenu-btn.INDcircle-btn {
    top: auto;
    bottom: 8% !important;
  }
}
@media screen and (min-width: 800px) and (max-width: 1024px) {
  .INDMobile #INDmenu-btn {
    top: 80% !important;
    bottom: auto !important;
  }
}
header.header.newUser h1.padding-l-5 {
  padding: 15px 0 15px 32px;
  margin: 0;
}
/*style.less changes*/

.form-control:focus {
  border-color: #dddddd;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.auth-btn-large {
  background-color: #441750;
  color: white;
  width: 100%;
  text-transform: uppercase;
  opacity: 1 !important;
  border-radius: 8px;
  padding: 16px 40px;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  margin-top: 32px;
  letter-spacing: 1px !important;
  height: 56px;
}
.auth-btn-large:hover {
  color: white;
}
.auth-btn-large[disabled] {
  background: #ece8ed;
  color: #adadb5;
}
/*site.css start*/

.validateBorder.ng-invalid.ng-dirty {
  border-color: #e85c87;
}
.auth-title {
  font-family: 'Noto Serif', serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  color: #1c304b;
  margin-bottom: 8px;
}
.auth-title span {
  font-family: 'Noto Serif', serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  color: #1c304b;
  margin-bottom: 8px;
}
.auth-heading-panel {
  padding-left: 24px;
  padding-right: 24px;
}
.auth-heading-panel::after {
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background: #ebebee;
  margin-top: 21px;
  margin-bottom: 21px;
}
.auth-main-content {
  padding-left: 24px;
  padding-right: 24px;
  font-family: 'Noto Sans', sans-serif;
}
.auth-main-content form label.labelName {
  font-family: 'Noto Sans', sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  margin-bottom: 8px;
  text-transform: uppercase;
}
.auth-main-content form input {
  border: 1px solid #1c304b;
  border-radius: 8px;
  width: 100%;
  height: 40px !important;
  font-size: 14px;
  font-weight: 400;
  font-family: 'Noto Sans', sans-serif;
  color: #1c304b;
  padding: 8px 16px;
  line-height: 24px;
  border-radius: 8px !important;
  font-style: normal !important;
  margin-top: 0px;
}
.auth-main-content form input::placeholder {
  font-family: 'Noto Sans', sans-serif;
  font-size: 14px;
  font-weight: 400;
  font-style: normal !important;
  line-height: 24px;
  color: #5c6573;
}
.auth-subtitle {
  font-family: 'Noto Sans', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
}
.auth-subtitle span {
  font-family: 'Noto Sans', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
}
.auth-subtitle b {
  font-weight: 400;
}
.auth-pagetext {
  font-family: 'Noto Sans', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  margin-bottom: 3%;
  text-align: left;
}
.auth-pagetext span {
  font-family: 'Noto Sans', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
}
.auth-pagetext b {
  font-weight: 400;
}
.auth-pagetext .form-group {
  margin-bottom: 24px;
}
.auth-social-media-login {
  margin-bottom: 16px;
  margin-top: 16px;
  text-align: left;
  font-family: 'Noto Sans', sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #1c304b;
}
.auth-social-media-login a {
  font-family: 'Noto Sans', sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  text-transform: uppercase;
  color: #aa0285;
  padding: 0px 10px;
}
.auth-social-media-login a:hover {
  text-decoration: none;
}
.auth-social-media-login a:active,
.auth-social-media-login a:focus {
  color: #7a005f;
  text-decoration: none;
}
.auth-social-media-login a:focus-visible {
  color: #aa0285;
  border-radius: 4px;
}
.auth-bottom-panel {
  padding-top: 16px;
  padding-bottom: 32px;
  margin-top: 0px;
}
.auth-bottom-panel #resetPasswordButton {
  padding: 12px;
  white-space: break-spaces;
  height: auto;
}
.auth-bottom-panel .authBottom-container {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-start;
  align-content: flex-start;
  flex-direction: row;
}
.auth-bottom-panel a {
  font-family: 'Noto Sans', sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  text-transform: uppercase;
  color: #aa0285;
  padding: 0px;
}
.auth-bottom-panel a:hover {
  text-decoration: none;
}
.auth-bottom-panel a:active,
.auth-bottom-panel a:focus {
  color: #7a005f;
  text-decoration: none;
}
.reset-password-container .auth-bottom-panel {
  margin-top: 0px;
}
.medium-purple {
  color: #72467b;
}
.stay-container {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  align-content: flex-start;
  flex-direction: row;
}
.stay-container label {
  font-family: Noto Sans;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #1c304b;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 12px;
}
.stay-container input[type="checkbox"] {
  width: 16px !important;
  height: 16px !important;
  color: #1c304b;
  vertical-align: top;
  -webkit-appearance: none;
  background: none;
  border: 0;
  outline: 0;
  flex-grow: 0;
  border-radius: 4px !important;
  background-color: white;
  transition: background 300ms;
  cursor: pointer;
  margin: 0;
  padding: 0;
}
.stay-container input[type="checkbox"]::before {
  content: "";
  color: transparent;
  display: block;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  border: 0;
  background-color: transparent;
  background-size: contain;
  box-shadow: inset 0 0 0 1px #1c304b;
}
.stay-container input[type="checkbox"]:focus {
  outline: 1px solid #aa0285;
  outline-offset: 0;
}
.stay-container input[type="checkbox"]:checked {
  background-color: #aa0285;
}
.stay-container input[type="checkbox"]:checked::before {
  box-shadow: none;
  background-image: url("/content/images/Redeployment/state-mark.svg");
  background-repeat: no-repeat;
  margin: 0.1rem auto;
  text-align: center;
  background-size: contain;
  border: 1px solid #aa0285;
  width: 12px;
  height: 12px;
}
.btn-ready {
  padding: 5px 50px;
  font: bold;
  font-size: 18px;
  width: 300px;
  height: 40px;
  margin-top: 20px;
}
.altHomeHeaderContainer {
  background-image: url('/Content/Images/login-bg-teal_1903x720.jpg');
  background-position-y: -340px;
  height: 300px;
  position: relative;
  overflow: hidden;
  margin: 0;
}
.altHomeHeader {
  width: 90%;
  min-width: 370px;
  max-width: 1024px;
  margin: 0px auto;
}
.altHomeTitles {
  color: white;
  position: absolute;
  bottom: 20px;
}
.altHomeTitles h3 {
  font-size: 50px;
  font-weight: bold;
}
.altHomeTitles h5 {
  font-size: 30px;
}
.altHomeContent {
  width: 90%;
  min-width: 380px;
  max-width: 1024px;
  margin: 40px auto;
  position: relative;
}
.altHomeContentSmall {
  width: 360px;
  margin: 40px auto;
}
.altHomeChoicesBtn {
  padding-bottom: 25px;
}
.cookie-banner {
  color: black;
  height: auto;
  min-height: 30px;
  padding: 15px 25px;
  z-index: 10000;
  position: fixed;
  left: 0;
  width: 100%;
  background-color: #dddddd;
}
.cookie-banner label {
  line-height: 30px;
  font-weight: normal;
}
.cookie-banner a {
  /*color: @white;*/
  font-weight: 600;
  font-size: 14px;
}
.cookie-banner.top {
  top: 0;
}
.cookie-banner.bottom {
  bottom: 0;
}
.btn-purple {
  background: #81515d;
  color: white;
}
.purple-btn {
  background: #4d005b;
  color: white;
}
.purple-btn:hover {
  color: white;
}
.white {
  color: white;
}
/*Forgot Username*/

.forgot-username-slide-top {
  position: static;
  top: 20%;
  left: 0;
  right: 0;
  bottom: 20%;
}
.forgot-username-slide-top.ng-enter {
  -webkit-animation: slideInUp 3s;
  animation: slideInUp 3s;
  position: static;
}
.forgot-username-slide-top.ng-leave {
  -webkit-animation: slideOutDown 2s;
  animation: slideOutDown 2s;
  position: absolute;
}
.forgot-username-loading {
  width: 180px;
  height: 180px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  margin: auto;
  -webkit-animation: rotation 2s infinite linear;
}
.forgot-username-loading-complete {
  width: 180px;
  height: 180px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  margin: auto;
}
.forgot-username-divider {
  object-fit: contain;
  background-color: #e5e5e5;
}
#forgotUserNameForm label.labelName,
.auth-main-content label.labelName {
  font-family: 'Noto Sans', sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  margin-bottom: 8px;
  text-transform: uppercase;
  color: #1c304b;
}
.forgot-username-tell-us-where-youd {
  font-family: 'Noto Sans', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.004em;
  text-align: left;
  color: #45505f;
}
.forgot-username-tell-us-where-youd span {
  font-family: 'Noto Sans', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
}
.forgot-username-tell-us-where-youd b {
  font-family: 'Noto Sans', sans-serif;
  font-size: 14px;
  line-height: #45505f;
  color: #45505f;
  font-weight: 400;
}
.forgot-username-tell-us-where-youd .text-style-1 {
  font-weight: 400;
}
.forgot-username-button_change_password {
  width: 310px;
  height: 50px;
  object-fit: contain;
}
.forgot-username-hello-were-glad-yo {
  font-family: 'Open Sans';
  font-size: 24px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.25;
  letter-spacing: normal;
  text-align: center;
  color: #57b5c0 !important;
}
.forgot-username-hello-were-glad-yo .text-style-1 {
  font-size: 50px;
  font-weight: bold;
}
.forgot-username-hello-were-glad-yo .text-style-2 {
  font-size: 24px;
}
.forgot-username-hello-were-glad-yo .text-style-3 {
  font-weight: bold;
}
.forgot-username-since-this-is-your-f h1 {
  font-family: NotoSerif-SemiBold;
  font-style: normal;
  font-stretch: normal;
  line-height: 57px;
  letter-spacing: normal;
  text-align: center;
  color: white;
  font-size: 40px;
  margin-bottom: 29px;
}
.reset-password-container .modal-content {
  padding: 0px;
}
@media (min-width: 768px) {
  .reset-password-container .modal-dialog {
    width: 420px;
  }
}
.reset-password-container .modal-body {
  padding: 24px 24px 32px 24px;
}
.reset-password-container .modal-content .modal-body img {
  margin: 0 auto;
  text-align: center;
  display: block;
  width: 40px;
  height: 40px;
}
.reset-password-container .modal-content .modal-body .forgot-username-since-this-is-your-f {
  font-size: 16px;
  font-weight: 400;
  color: #1c304b;
  font-family: 'Noto Serif', serif;
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 12px;
  margin-top: 24px;
}
.reset-password-container .modal-content .modal-body .forgot-username-right-now-shes-goi,
.reset-password-container .modal-content .forgot-username-right-now-shes-goi span {
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: center;
  margin-bottom: 32px;
}
.reset-password-container .modal-content .modal-body .forgot-username-right-now-shes-goi p {
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: center;
  margin-top: 0px;
  margin-bottom: 0;
}
.reset-password-container .modal-content .modal-body .forgot-username-right-now-shes-goi p b {
  font-weight: 400;
}
.forgot-username-button_finish {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  text-transform: uppercase;
  color: white;
  background-color: #441750;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  padding: 8px 24px;
  font-family: 'Noto Sans', sans-serif;
  width: 100%;
}
.forgot-username-button_finish:hover,
.forgot-username-button_finish:focus {
  background-color: #613e6b;
}
.forgot-username-button_finish:focus-visible {
  outline: 4px solid #ff5858;
  outline-offset: -4px;
}
.policy-container {
  padding: 20px;
  background-color: white;
  border: solid 1px #e6e6e6;
}
.policy-container .col-md-6 {
  min-height: 65px;
}
.policy-container .col-md-6:last-child {
  min-height: auto;
}
.policy-container .col-md-6:nth-child(3) {
  min-height: auto;
}
.policies-border {
  padding: 5% 8% 0% 8%;
  background-color: #f0f0f0;
  position: relative;
  border-top: solid #e5e5e5;
}
.policies-border div span {
  /*color: @black;*/
  font-size: 14px;
}
.policy-agree-text {
  font-size: 12px;
  line-height: 1.33;
  color: black;
}
.policy-name-text {
  font-size: 14px;
  font-weight: bold;
  color: #e85c87;
}
.allert-wrapper {
  margin-bottom: 16px;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 18px 16px;
  background: #ffeeec;
  position: relative;
  border: 1px solid #e28383;
  box-shadow: 6px 4px 24px rgba(28, 48, 75, 0.08);
  border-radius: 8px;
  flex: none;
  align-self: stretch;
  flex-grow: 0;
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
}
.allert-wrapper:before {
  content: '';
  display: block;
  background: #c70f00;
  width: 6px;
  height: 52px;
  border-radius: 8px 0px 0px 8px;
  position: absolute;
  left: 0;
}
.allert-wrapper img {
  margin-right: 8px;
}
.validation-row {
  width: 100%;
  display: inline-block;
  background-color: #72467b;
  color: white;
  padding: 5px 0px;
}
.validation-row .col-xs-12 {
  padding-bottom: 5px;
}
.reset-password-container {
  width: 100%;
  position: absolute;
}
.reset-password-content {
  max-width: 450px;
  background-color: white;
  width: 90%;
  margin: auto;
  height: 100%;
}
.reset-password-content .check-circle {
  background: url('~/Spa/Images/icon_checkmark.png');
  background-repeat: no-repeat;
}
.reset-password-body {
  color: #333333;
  font-size: 14px;
  font-family: 'Open Sans';
  padding: 5% 7%;
}
.reset-password-title {
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 15px;
  border-bottom: 1px solid #e5e5e5;
  font-family: 'Open Sans';
  font-size: 24px;
  line-height: 1.25;
  text-align: center;
  color: #4d4d4d;
  background-color: white;
}
.title-main-text {
  font-size: 50px;
  font-weight: bold;
  color: #57b5c0;
}
.subtitle-text {
  font-size: 30px;
}
.footer-container-indent {
  padding: 45px;
}
.loginFooterZIndexZero .footer-container-indent {
  font-family: Noto Sans;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #cec5dd !important;
}
.loginFooter.loginFooterCont {
  opacity: unset;
  margin: 45px 0 0;
  background-color: #441750;
}
.footer-container-new {
  padding: 20px 0;
  text-align: center;
}
.footer-container-new .footer-links {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 20px;
  align-items: center;
}
.footer-container-new .footer-links li {
  color: #cec5dd;
  font-family: Noto Sans;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.004em;
}
.footer-container-new .footer-links a {
  color: #cec5dd;
  font-family: Noto Sans;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.004em;
  text-decoration: none;
}
.footer-container-new .footer-links a:hover {
  text-decoration: none;
}
.footer-links span.small.pull-left,
.footer-links span.small.pull-left a {
  float: none !important;
  color: #cec5dd !important;
  font-family: Noto Sans;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.004em;
  text-decoration: none;
  text-transform: capitalize;
}
.footer-links span.news div p {
  margin-bottom: 0px;
}
.footer-container-new .footer-links li:empty {
  display: none;
}
/* Mobile styles */

@media (max-width: 600px) {
  .footer-container-new .footer-links {
    gap: 10px;
    text-align: center;
  }
  .footer-container-new .footer-links li {
    width: 100%;
    text-align: center;
  }
}
.reset-password-pagetext {
  padding-bottom: 10px;
  font-family: 'Open Sans';
  color: #333333 !important;
  font-size: 14px;
}
.var-height-footerbar {
  min-height: calc(85vh) !important;
}
.login-container {
  top: 20%;
  width: 100%;
}
.login-content {
  width: 500px;
  height: 580px;
  margin: auto;
}
.login-divider {
  width: 390px;
  font-size: 14px;
  font-family: 'Open Sans';
  margin: 0px auto 20px auto;
  padding: 20px 0;
}
.login-title {
  margin-left: auto;
  margin-right: auto;
  margin-top: 40px;
  font-family: 'Open Sans';
  font-size: 24px;
  line-height: 1.25;
  text-align: center;
  color: #4d4d4d;
  background-color: white;
}
.login-form {
  text-align: center;
  margin-top: 30px;
  margin-bottom: 10px;
}
.login-divider-wrapper {
  width: 100%;
  background-color: #e5e5e5;
  color: #333333;
}
.reset-request-title {
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 15px;
  border-bottom: 1px solid #e5e5e5;
  font-family: 'Open Sans';
  font-size: 24px;
  line-height: 1.25;
  text-align: center;
  color: #4d4d4d;
  background-color: white;
}
.reset-request-pagetext {
  padding-bottom: 10px;
  font-family: 'Open Sans';
  color: #333333 !important;
  font-size: 14px;
}
.verification-btn {
  width: 100%;
  margin-top: 20px;
  background-color: #81515d;
  font-size: 16px;
  font-style: normal;
  color: white;
  height: 50px;
  text-transform: uppercase;
}
.control-label {
  color: #1c304b;
}
@media only screen and (max-width: 767px) {
  .personalizeContent {
    top: 5%;
  }
  #loginScreen .personalizeContent {
    top: 8%;
  }
  .only-right-padding1 {
    padding: 0;
  }
  .only-left-padding1 {
    padding: 0;
  }
}
@media (max-width: 760px) {
  .policy-container {
    padding: 5px;
  }
  .policies-border {
    padding-top: 10px;
    padding-bottom: 25px;
  }
}
@media (max-height: 668px) and (min-width: 500px) {
  .policy-container {
    padding: 5px;
  }
}
/*Focus selction page changes*/

#focus-option-container {
  border: none !important;
}
.focus-background {
  background-image: url(/Content/Images/background-image-pink.png);
  background-size: 100% 100%;
}
.focus-options-title {
  background-color: white !important;
  color: gray !important;
  font-size: 40px;
  font-family: 'Univers 45 Light';
  border-top-left-radius: 10px !important;
  border-top-right-radius: 10px !important;
  border-color: whitesmoke !important;
  border-width: 2px;
}
.focus-options-title-Main {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 25px;
  padding-top: 25px;
  text-align: center;
}
.focus-options-title-Main span {
  color: #df255f;
  font-family: 'Noto Serif';
  font-size: 30px;
  font-weight: 600;
}
.focus-icon-roadmap {
  padding-top: 50px;
}
div#focus-option-container .button_lets_do_this-margin {
  padding-top: 20px;
  padding-bottom: 10px;
}
div#focus-option-container .button_lets_do_this {
  background-color: #4d005b;
  color: white;
  font-size: 16px;
  font-style: normal;
  height: 50px;
  text-transform: uppercase;
  border-radius: 0;
}
.focus-selection-body .option-text {
  color: black;
}
.focus-selection-body .options-button:hover svg path[fill="#FFF"] {
  fill: #df255f;
}
.focus-selection-body .options-button:hover svg path[fill="#E6E6E6"] {
  fill: #df255f;
}
.focus-selection-button_desc {
  color: black;
}
.focus-selection-body .options-button:hover svg path[fill="#FFF"],
.focus-selection-body .options-button:hover svg path[fill="#fff"],
.focus-selection-body .options-button.active svg path[fill="#FFF"],
.focus-selection-body .options-button.active svg path[fill="#fff"] {
  fill: #df255f;
}
.focus-selection-body .options-button:hover svg path[fill="#E6E6E6"],
.focus-selection-body .options-button:hover svg path[fill="#e6e6e6"],
.focus-selection-body .options-button.active svg path[fill="#E6E6E6"],
.focus-selection-body .options-button.active svg path[fill="#e6e6e6"] {
  fill: #df255f;
}
.red-border {
  border: 1px solid #c70f00 !important;
  background-color: #fdf6f5;
}
.has-error-validation {
  color: #df255f;
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  opacity: 0.5;
}
.policies-border .has-unagreed-user-policies {
  color: #df255f;
}
/*.lastResume {
    max-width: 800px;
    min-width: 300px;
    background-color: #fff;
    background-image: url('/Content/Images/Redeployment/photo.jpg');
    background-repeat: no-repeat;
    margin: 7% auto 0 auto;
    padding-top: 2%;
    font-size: 14px;
    font-family: 'NotoSans-Regular';
    line-height: 1.14;
}*/

.separator {
  line-height: 1.25;
  border-bottom: solid #e5e5e5 !important;
  padding-bottom: 4%;
  margin-bottom: 4%;
}
/*.lastResumePanel-title {
    font-size: 50px;
    font-family: NotoSerif-SemiBold;
    color: black !important;
}
.lastResumePanel-title span {
  color: #e23369;
  font-family: 'Noto Serif';
}
.lastResumePanel-subtitle span {
  font-family: 'NotoSans-Regular';
  color: black;
  font-size: 30px;
}*/

/*.lastResumePanel {
  padding-left: 4%;
}*/

.uploadResumeLinkedIN {
  text-align: center;
  position: relative;
  margin-top: 8%;
  margin-bottom: 0;
}
.successIconDisplay {
  text-align: center;
}
.uploadResumeLinkedIN a.LinkedINSVG {
  position: absolute;
  left: 15%;
  top: -2%;
}
.uploadButton {
  clear: both;
  position: relative;
  text-align: center;
}
.uploadButton button {
  background-color: #4d005b;
  color: white;
  font-size: 16px;
  font-style: normal;
  height: auto;
  width: auto;
  text-transform: uppercase;
  border-radius: 0;
  line-height: 24px;
  white-space: normal !important;
  word-wrap: break-word;
}
.uploadButton button:hover {
  color: white;
}
/*.uploadResumeBtnRightFooter {
  text-align: right;
  padding: 10px 20px 30px;
}

.uploadResumeBtnLeftFooter {
  text-align: left;
  padding: 10px 20px 30px;
}*/

.border-btn {
  color: #4f185a;
  border: 2px solid #a68bac;
  background-color: white;
  font-weight: bold;
  text-transform: uppercase;
  font: 16px "Noto Sans";
}
/*.lastUploadFooter {
    overflow: hidden;
    padding: 0px 15px 20px;
}*/

.resumeUploadScreen-section .errorDiv p {
  color: red;
  font-size: 22px;
}
.lastUploadFooter .skipbtn {
  text-align: center;
  padding: 10px 20px;
  float: right;
  font-size: 16px;
  font-weight: bold;
  font-family: 'Noto Sans';
  word-break: break-word;
}
.lastUploadFooter button.skipbtn:hover,
.lastUploadFooter button.skipbtn:focus {
  color: white;
  background: #4d005b;
}
.lastUploadFooter .skipbtn:active {
  color: white;
  background: #4d005b;
}
#successIconResumeUpload {
  height: 250px !important;
}
.donebtnResumeUpload {
  background: #4d005b;
  color: white;
  border-color: #4d005b;
  text-align: right;
  padding: 10px 20px;
  float: right;
}
.lastUploadFooter .backBtn {
  padding: 10px 20px;
  text-align: left;
  float: left;
  font-size: 16px;
  font-weight: bold;
  font-family: 'Noto Sans';
}
.lastUploadFooter button.backBtn:hover,
.lastUploadFooter button.backBtn:focus {
  color: white !important;
  background-color: #4d005b !important;
}
.lastUploadFooter button.backBtn:active {
  color: white;
  background: #4d005b;
}
.donebtnResumeUpload:hover,
.donebtnResumeUpload:focus {
  color: white;
}
.donebtnResumeUpload:active {
  color: white;
  background: #4d005b;
}
@media (min-width: 320px) and (max-width: 666px) {
  .uploadButton a {
    left: 0;
    right: 0;
  }
}
/*#resumeUploadScreen {
    position: relative;
    overflow: hidden;
    margin: 0;
    min-height: 80vh;
    width: 100%;
    clear: both;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}*/

@media (max-width: 760px) {
  
}
@media (min-width: 320px) and (max-width: 767px) {
  .lastResumePanel .auth-subtitle,
  .lastResumePanel .auth-title {
    padding: 0px 20px;
  }
}
@media (min-width: 320px) and (max-width: 360px) {
  .lastResume {
    max-width: 300px;
  }
  .uploadButton {
    margin: 10px 0px;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }
}
/*new changes*/

.resumeUploadScreen-section .welcome-heading-panel h1 {
  font-family: 'Noto Serif';
  font-weight: 600;
  font-size: 50px;
}
.resumeUploadScreen-section .welcome-heading-panel h1 b.black-font {
  color: black;
  font-family: 'Noto Serif' !important;
  font-size: 50px;
}
.resumeUploadScreen-section .welcome-heading-panel h4 {
  font-family: 'Noto Serif';
  font-weight: 600;
  color: black;
  font-size: 2.5rem;
}
.resumeUploadScreen-section .welcome-screen {
  display: flex;
  max-width: 865px;
  margin: auto;
  box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.1);
  background: white;
  overflow: hidden;
}
.resumeUploadScreen-section .welcome-screen.red-welcome-screen {
  margin: 20px auto;
  position: relative;
  z-index: 9;
}
.red-welcome-screen h1 {
  font-family: 'Noto Serif';
  font-weight: 600;
  font-size: 50px;
}
.red-welcome-screen h4 {
  font-family: 'Noto Serif';
  font-weight: 600;
  color: black;
}
.red-welcome-screen h4 b {
  font-weight: 900;
}
.resumeUploadScreen-section .welcome-screen.red-welcome-screen .welcome-main-container {
  /* margin: 0 auto;*/
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
}
.resumeUploadScreen-section .welcome-screen.red-welcome-screen .red-welcome-content {
  padding: 0 30px 20px;
}
.resumeUploadScreen-section .welcome-screen .heading {
  font-size: 45px;
}
.resumeUploadScreen-section .welcome-screen-footer {
  border-top: 3px solid #cccccc;
  padding: 30px;
}
.resumeUploadScreen-section .welcome-screen img {
  max-width: 100%;
  height: auto;
}
.resumeUploadScreen-section .welcome-screen-image {
  min-width: 35%;
  display: flex;
}
.pink-font {
  color: #df255f;
}
.entry-item {
  margin: 35px 50px;
  position: relative;
}
.uploadCircleImg {
  margin-bottom: 20px;
}
.uploadButton .btn:focus {
  outline: 1px solid black !important;
}
.resumeUploadScreen-section .welcome-heading-panel {
  border-bottom: solid #e5e5e5;
  margin-bottom: 3%;
  padding: 10px 15px 13px 15px;
}
@media screen and (max-width: 414px) {
  .resumeUploadScreen-section .welcome-heading-panel h4 {
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) {
  .resumeUploadScreen-section .welcome-screen {
    min-width: 700px;
  }
}
@media screen and (max-width: 767px) {
  .resumeUploadScreen-section .welcome-screen-image {
    display: none;
  }
  .resumeUploadScreen-section .welcome-details {
    width: 100%;
  }
  .resumeUploadScreen-section .welcome-screen.red-welcome-screen {
    margin: 20px 20px 10px;
  }
  .resumeUploadScreen-section .welcome-screen h1 span {
    font-size: 20px;
  }
  .resumeUploadScreen-section .welcome-screen .heading {
    font-size: 35px;
  }
  .resumeUploadScreen-section .welcome-screen-body {
    padding: 30px;
  }
  .authentication .header-navigation {
    padding: 27px;
  }
}
@media screen (min-width: 320px) and (max-width: 700px) {
  .uploadResumeLinkedIN a.LinkedINSVG {
    left: 0;
  }
}
.clickable-icon {
  cursor: pointer;
}
.link-focus {
  outline: none !important;
  position: relative;
}
.link-focus:before {
  color: #aa0285;
  border-radius: 4px;
  outline: 4px solid #ff5858 !important;
  outline-offset: -2px;
  bottom: -2px;
  content: "";
  left: -3px;
  position: absolute;
  right: -3px;
  top: -2px;
}
.link-focus-popoverProfile {
  outline: none !important;
  position: relative;
}
.link-focus-popoverProfile:before {
  border-radius: 2px;
  border: 1px solid white !important;
  bottom: -2px;
  content: "";
  left: -3px;
  position: absolute;
  right: 0px;
  top: -2px;
}
.link-focus-footer {
  outline: none !important;
  position: relative;
}
.link-focus-footer:before {
  color: #aa0285;
  border-radius: 2px;
  outline: 4px solid #ff5858 !important;
  display: block;
  outline-offset: -2px;
  bottom: -2px;
  content: "";
  left: -3px;
  position: absolute;
  right: -3px;
  top: -2px;
}
span.link-focus-footer {
  outline: none !important;
  position: relative;
}
span.link-focus-footer:before {
  color: #aa0285;
  border-radius: 2px;
  outline: 4px solid #ff5858 !important;
  display: block;
  outline-offset: -2px;
  bottom: -2px;
  content: "";
  left: -40px;
  position: absolute;
  right: -3px;
  top: -2px;
}
.input-button-focus {
  outline: none !important;
  position: relative;
}
.input-button-focus:before {
  border-radius: 4px;
  outline: 3px solid #ff5858 !important;
  outline-offset: -2px;
  bottom: -2px;
  content: "";
  left: -3px;
  position: absolute;
  right: -3px;
  top: -2px;
}
.footer-container-indent a,
.footer-col-inner a {
  color: #cec5dd !important;
}
.input-text-focus {
  outline: none !important;
  position: relative;
}
.input-text-focus:before {
  border: 2px solid #434343 !important;
  bottom: 0px;
  content: "";
  left: 0px;
  position: absolute;
  right: 0px;
  top: 0px;
}
.link-circle-focus {
  outline: none !important;
  position: relative;
}
.link-circle-focus:before {
  border-radius: 2px;
  border: 2px solid #4d005b !important;
  bottom: -3px;
  content: "";
  left: -3px;
  position: absolute;
  right: -3px;
  top: -3px;
}
a.policy-name-text:focus {
  border: 1px solid #434343 !important;
  display: inline-block;
}
.auth-main-content form input:focus,
.auth-main-content form input:focus:not(:focus-visible) {
  border-radius: 8px;
  border: 1px solid #aa0285;
  outline-offset: 1px !important;
  box-shadow: none !important;
}
.auth-main-content form input:focus-visible {
  border-radius: 2px;
  outline: 2px solid #4d005b;
}
/*.btn-focus {
	outline: none !important;
	position: relative;
	&:before {
		border: 2px solid #434343 !important;
		bottom: -3px;
		content: "";
		left: -3px;
		position: absolute;
		right: -3px;
		top: -3px;
	}
}*/

.resumeUploadScreen-section .welcome-main-container .welcome-heading-panel {
  margin-bottom: 0;
}
.resumeUploadScreen-section .welcome-main-container .welcome-heading-panel h1 {
  color: #4d005b;
}
.resumeUploadScreen-section .welcome-main-container .welcome-heading-panel h4 {
  font-family: 'Open Sans';
  color: #595959;
}
.resumeUploadScreen-section .welcome-main-container .welcome-heading-panel h4 .black-font {
  color: black;
}
.resumeUploadScreen-section .welcome-main-container .red-welcome-content .uploadResumeLinkedIN .LinkedINSVG {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}
.resumeUploadScreen-section .welcome-main-container .red-welcome-content .uploadResumeLinkedIN .upload-resume-text {
  color: #4d005b;
  font-size: 25px;
  font-family: 'Noto Serif';
  font-weight: 600;
}
.resumeUploadScreen-section .welcome-main-container .red-welcome-content .uploadResumeLinkedIN .upload-resume-content {
  color: black;
  font-style: italic;
  text-align: center;
  width: 326px;
  margin: 0 auto;
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .resumeUploadScreen-section .welcome-main-container .red-welcome-content .uploadResumeLinkedIN .upload-resume-content {
    width: auto;
  }
}
.resumeUploadScreen-section .welcome-main-container .welcome-screen-footer-done {
  justify-content: end !important;
}
.resumeUploadScreen-section .welcome-main-container .welcome-screen-footer-done .lastUploadFooter {
  margin-right: 0 !important;
}
.resumeUploadScreen-section .welcome-main-container .welcome-screen-footer {
  display: flex;
  justify-content: center;
  align-items: center;
}
.resumeUploadScreen-section .welcome-main-container .welcome-screen-footer .lastUploadFooter {
  margin-right: 20px;
}
@media (max-width: 768px) {
  .resumeUploadScreen-section .welcome-main-container .welcome-screen-footer .lastUploadFooter {
    margin-right: 10px;
  }
}
.resumeUploadScreen-section .welcome-main-container .welcome-screen-footer .lastUploadFooter #btnSkip {
  height: 40px;
  width: 200px;
  padding: 0;
}
@media (max-width: 768px) {
  .resumeUploadScreen-section .welcome-main-container .welcome-screen-footer .lastUploadFooter #btnSkip {
    width: auto;
    padding: 0 20px;
  }
}
.resumeUploadScreen-section .welcome-main-container .welcome-screen-footer .lastUploadFooter #btnBack,
.resumeUploadScreen-section .welcome-main-container .welcome-screen-footer .lastUploadFooter #btnDone {
  text-align: center;
  width: auto;
  height: 40px;
  padding: 0 30px;
}
.resumeUploadScreen-section .welcome-main-container .welcome-screen-footer .uploadSection {
  margin-left: 20px;
}
@media (max-width: 768px) {
  .resumeUploadScreen-section .welcome-main-container .welcome-screen-footer .uploadSection {
    margin-right: 10px;
  }
}
.resumeUploadScreen-section .welcome-main-container .welcome-screen-footer .uploadSection .uploadButton #btnUpload {
  height: 40px;
  border: 2px solid #4d005b;
  width: 200px;
}
@media (max-width: 768px) {
  .resumeUploadScreen-section .welcome-main-container .welcome-screen-footer .uploadSection .uploadButton #btnUpload {
    width: auto;
    padding: 0 20px;
  }
}
.cookie-banner a:focus-visible,
.cookie-banner-btn:focus-visible img {
  border: 1px solid black;
}
.decomissionedselfenrollment {
  color: #333333;
  font-size: 13px;
  font-weight: 550;
  margin-bottom: 4%;
  line-height: 1.5;
}
.decomissionedselfenrollment a:focus-visible {
  outline: 1px solid #4d005b !important;
  outline-offset: 2px;
}
#editForm .controls .select2-container.form-control .select2-choice {
  border-color: #1c304b !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  border-style: solid;
  border-width: 1px;
}
#editForm .select2-container span {
  top: 0;
}
#editForm input[type="file"] {
  border-color: #1c304b !important;
  border-radius: 8px !important;
  border-style: solid;
  border-width: 1px;
}
.reset-password-container .auth-subtitle.text-to-lower b span::after {
  content: '!';
  display: inline-block;
}
.stay-container input[type="checkbox"]:focus-visible {
  outline: 3px solid #ff5858 !important;
  outline-offset: 2px !important;
  border-radius: 2px;
}
.new-user-footer {
  background-color: #f1f0f5;
  border-top: 1px solid #e5e4ec;
  /* Mobile styles */

}
.new-user-footer .loginFooter {
  width: 100%;
  padding: 12px;
  opacity: 1;
}
.new-user-footer .loginFooterZIndexZero .footer-container-indent {
  font-family: 'Noto Sans', sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #45505f !important;
  margin-top: 0px;
}
.new-user-footer .loginFooterZIndexZero .footer-container-indent a {
  color: #45505f !important;
}
.new-user-footer .footer-container-new {
  padding: 0px;
  text-align: center;
}
.new-user-footer .footer-container-new .footer-links {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 40px;
  align-items: center;
}
.new-user-footer .footer-container-new .footer-links li,
.new-user-footer .footer-container-new .footer-links a {
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.004em;
  text-decoration: none;
}
.new-user-footer .footer-container-new .footer-links a:hover {
  text-decoration: none;
}
.new-user-footer .footer-container-new .footer-links span.small.pull-left,
.new-user-footer .footer-container-new .footer-links span.small.pull-left a {
  float: none !important;
  color: #45505f !important;
  font-family: 'Noto Sans', sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.004em;
  text-decoration: none;
}
.new-user-footer .footer-container-new .footer-links span.news div p {
  margin-bottom: 0px;
  font-size: 12px;
  line-height: 16px;
}
.new-user-footer .footer-container-new .footer-links li:empty {
  display: none;
}
.new-user-footer .footer-container-new span.link-focus-footer {
  display: inline-block;
}
.new-user-footer .footer-container-new span.link-focus-footer:before {
  left: -3px;
}
@media (max-width: 768px) {
  .new-user-footer .footer-container-new .footer-links {
    gap: 20px;
    text-align: center;
  }
  .new-user-footer .footer-container-new .footer-links li {
    width: 100%;
    text-align: center;
  }
  .new-user-footer .footer-container-new .footer-links span.small.pull-left,
  .new-user-footer .footer-container-new .footer-links a,
  .new-user-footer .footer-container-new .footer-links span.small.pull-left a {
    font-weight: 300;
  }
}
.new-user-footer.new-login-footer .loginFooter.loginFooterCont {
  margin: 0px 0 0;
  background-color: #f1f0f5;
}
.main-content-authentication {
  padding-left: 0px;
  padding-right: 0px;
  max-width: 100%;
  padding-top: 0px;
  padding-bottom: 0px;
}
@media (max-width: 768px) {
  .main-content-authentication {
    padding-left: 32px;
    padding-right: 32px;
  }
}
.main-content-authentication input[type=password]::-ms-reveal,
.main-content-authentication input[type=password]::-ms-clear {
  display: none;
}
.main-content-authentication input[type="text"],
.main-content-authentication input[type="number"] {
  border: 1px solid #1c304b;
  border-radius: 8px;
  width: 100%;
  font-size: 14px;
  font-weight: 400;
  font-family: 'Noto Sans', sans-serif;
  color: #1c304b;
  padding: 8px 16px;
  line-height: 24px;
}
.main-content-authentication input[type="text"]:focus,
.main-content-authentication input[type="number"]:focus,
.main-content-authentication input[type="text"]:focus-visible,
.main-content-authentication input[type="number"]:focus-visible {
  border: 1px solid #aa0285;
}
.main-content-authentication input[type="text"]:disabled,
.main-content-authentication input[type="number"]:disabled {
  background-color: white;
  border: 1px solid #ced7e4;
  color: #adadb5 !important;
}
.main-content-authentication input[type="text"]:disabled::placeholder,
.main-content-authentication input[type="number"]:disabled::placeholder {
  color: #45505f;
}
.main-content-authentication input[type="text"]::placeholder,
.main-content-authentication input[type="number"]::placeholder {
  font-size: 14px;
  font-style: normal !important;
  font-weight: 400;
  font-family: 'Noto Sans', sans-serif;
  color: #45505f;
}
.main-content-authentication input[type="text"]::-webkit-input-placeholder,
.main-content-authentication input[type="number"]::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-size: 14px;
  font-style: normal !important;
  font-weight: 400;
  font-family: 'Noto Sans', sans-serif;
  color: #45505f;
}
.main-content-authentication input[type="text"]::-moz-placeholder,
.main-content-authentication input[type="number"]::-moz-placeholder {
  /* Firefox 19+ */
  font-size: 14px;
  font-style: normal !important;
  font-weight: 400;
  font-family: 'Noto Sans', sans-serif;
  color: #45505f;
}
.main-content-authentication input[type="text"]:-ms-input-placeholder,
.main-content-authentication input[type="number"]:-ms-input-placeholder {
  /* IE 10+ */
  font-size: 14px;
  font-style: normal !important;
  font-weight: 400;
  font-family: 'Noto Sans', sans-serif;
  color: #45505f;
}
.main-content-authentication input[type="text"]:read-only,
.main-content-authentication input[type="number"]:read-only {
  background-color: white;
  border: 1px solid #ced7e4;
  color: #1c304b;
}
.main-content-authentication .onboarding-authentication {
  display: flex;
  justify-content: center;
  align-items: stretch;
  min-height: calc(100vh - 42px);
}
@media (max-width: 1024px) {
  .main-content-authentication .onboarding-authentication {
    min-height: calc(100vh - 41px);
  }
}
@media (max-width: 768px) {
  .main-content-authentication .onboarding-authentication {
    min-height: calc(100vh - 160px);
  }
}
.main-content-authentication .onboarding-authentication .left-section-onboarding {
  flex: 6;
  width: 50%;
  word-break: break-word;
}
@media (max-width: 768px) {
  .main-content-authentication .onboarding-authentication .left-section-onboarding {
    flex: 12;
    margin-right: auto;
  }
}
.main-content-authentication .onboarding-authentication .left-section-onboarding .authenticationScreen {
  max-width: 456px;
  text-align: center;
  margin: auto;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .main-content-authentication .onboarding-authentication .left-section-onboarding .authenticationScreen {
    padding: 0px 16px;
  }
}
.main-content-authentication .onboarding-authentication .left-section-onboarding .authenticationScreen .panel-authentication {
  text-align: left;
}
.main-content-authentication .onboarding-authentication .left-section-onboarding .authenticationScreen .maxPasswordAgeInfo {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.main-content-authentication .onboarding-authentication .left-section-onboarding .authenticationScreen .maxPasswordAgeInfo img {
  padding-top: 5px;
}
.main-content-authentication .onboarding-authentication .left-section-onboarding .logo-header {
  margin-top: 48px;
  margin-bottom: 48px;
}
.main-content-authentication .onboarding-authentication .left-section-onboarding .authentication-heading-panel .title-text {
  font-family: 'Noto Serif', serif;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 40px;
  color: #1c304b;
  margin: 0px;
}
.main-content-authentication .onboarding-authentication .left-section-onboarding .authentication-heading-panel .content-text {
  margin-top: 12px;
  font-family: 'Noto Sans', sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  margin-bottom: 40px;
}
.main-content-authentication .onboarding-authentication .left-section-onboarding .validation-fields .form-group-auth {
  margin-bottom: 24px;
}
.main-content-authentication .onboarding-authentication .left-section-onboarding .validation-fields .pass-show-internal {
  border: none;
  position: absolute;
  right: 10px;
  top: 16px;
}
.main-content-authentication .onboarding-authentication .left-section-onboarding .validation-fields .pass-show-internal:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -2px !important;
  border-radius: 8px !important;
}
.main-content-authentication .onboarding-authentication .left-section-onboarding .validation-fields .validation-auth-row .col-auth {
  margin-top: 8px;
}
.main-content-authentication .onboarding-authentication .left-section-onboarding .validation-fields .validation-auth-row .col-auth span.body_medium {
  margin-left: 12px;
}
.main-content-authentication .onboarding-authentication .left-section-onboarding .validation-fields label {
  margin-bottom: 8px;
}
.main-content-authentication .onboarding-authentication .left-section-onboarding .validation-fields input[type="text"],
.main-content-authentication .onboarding-authentication .left-section-onboarding .validation-fields input[type="password"] {
  border: 1px solid #1c304b;
  border-radius: 8px;
  width: 100%;
  height: 40px;
  font-size: 14px;
  font-weight: 400;
  font-family: 'Noto Sans', sans-serif;
  color: #1c304b;
  padding: 8px 16px;
  line-height: 24px;
}
.main-content-authentication .onboarding-authentication .left-section-onboarding .validation-fields input[type="text"]:focus,
.main-content-authentication .onboarding-authentication .left-section-onboarding .validation-fields input[type="password"]:focus,
.main-content-authentication .onboarding-authentication .left-section-onboarding .validation-fields input[type="text"]:focus-visible,
.main-content-authentication .onboarding-authentication .left-section-onboarding .validation-fields input[type="password"]:focus-visible {
  border: 1px solid #aa0285;
}
.main-content-authentication .onboarding-authentication .left-section-onboarding .validation-fields input[type="text"]:disabled,
.main-content-authentication .onboarding-authentication .left-section-onboarding .validation-fields input[type="password"]:disabled {
  background-color: white;
  border: 1px solid #ced7e4;
  color: #adadb5 !important;
}
.main-content-authentication .onboarding-authentication .left-section-onboarding .validation-fields input[type="text"]:disabled::placeholder,
.main-content-authentication .onboarding-authentication .left-section-onboarding .validation-fields input[type="password"]:disabled::placeholder {
  color: #45505f;
}
.main-content-authentication .onboarding-authentication .left-section-onboarding .validation-fields input[type="text"]::placeholder,
.main-content-authentication .onboarding-authentication .left-section-onboarding .validation-fields input[type="password"]::placeholder {
  font-size: 14px;
  font-style: normal !important;
  font-weight: 400;
  font-family: 'Noto Sans', sans-serif;
  color: #45505f;
}
.main-content-authentication .onboarding-authentication .left-section-onboarding .validation-fields input[type="text"]::-webkit-input-placeholder,
.main-content-authentication .onboarding-authentication .left-section-onboarding .validation-fields input[type="password"]::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-size: 14px;
  font-style: normal !important;
  font-weight: 400;
  font-family: 'Noto Sans', sans-serif;
  color: #45505f;
}
.main-content-authentication .onboarding-authentication .left-section-onboarding .validation-fields input[type="text"]::-moz-placeholder,
.main-content-authentication .onboarding-authentication .left-section-onboarding .validation-fields input[type="password"]::-moz-placeholder {
  /* Firefox 19+ */
  font-size: 14px;
  font-style: normal !important;
  font-weight: 400;
  font-family: 'Noto Sans', sans-serif;
  color: #45505f;
}
.main-content-authentication .onboarding-authentication .left-section-onboarding .validation-fields input[type="text"]:-ms-input-placeholder,
.main-content-authentication .onboarding-authentication .left-section-onboarding .validation-fields input[type="password"]:-ms-input-placeholder {
  /* IE 10+ */
  font-size: 14px;
  font-style: normal !important;
  font-weight: 400;
  font-family: 'Noto Sans', sans-serif;
  color: #45505f;
}
.main-content-authentication .onboarding-authentication .left-section-onboarding .validation-fields input[type="text"]:read-only,
.main-content-authentication .onboarding-authentication .left-section-onboarding .validation-fields input[type="password"]:read-only {
  background-color: white;
  border: 1px solid #ced7e4;
  color: #1c304b;
}
.main-content-authentication .onboarding-authentication .left-section-onboarding .validation-fields input[type="text"].input-ls,
.main-content-authentication .onboarding-authentication .left-section-onboarding .validation-fields input[type="password"].input-ls {
  height: 56px;
  padding: 16px 48px 16px 16px;
}
.main-content-authentication .onboarding-authentication .left-section-onboarding .validation-fields .required-star {
  color: #c70f00;
}
.main-content-authentication .onboarding-authentication .left-section-onboarding .validation-fields .error-section {
  display: flex;
  width: 100%;
  margin-top: 8px;
  font-family: 'Noto Sans', sans-serif;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: #c70f00;
}
.main-content-authentication .onboarding-authentication .left-section-onboarding .validation-fields .error-section .required-errorIcon:after {
  display: inline-block;
  content: '';
  width: 16px;
  height: 16px;
  background-image: url('/Content/Images/icons/required-errorIcon.svg');
  float: left;
  background-repeat: no-repeat;
  margin-right: 8px;
  margin-top: 1px;
}
.main-content-authentication .onboarding-authentication .left-section-onboarding .validation-fields .error-section-outer {
  display: inline-block !important;
}
.main-content-authentication .onboarding-authentication .left-section-onboarding .auth-button-panel {
  padding-top: 20px;
}
.main-content-authentication .onboarding-authentication .left-section-onboarding .auth-button-panel .primary-btn--lg {
  width: 100%;
  white-space: normal;
}
.main-content-authentication .onboarding-authentication .left-section-onboarding .auth-button-panel .primary-btn--lg:hover {
  color: white;
}
.main-content-authentication .onboarding-authentication .left-section-onboarding .below-section .policies-message .policies-message-text {
  margin-top: 16px;
  text-align: center;
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  font-family: 'Noto Sans', sans-serif;
  color: #1c304b;
}
@media (max-width: 768px) {
  .main-content-authentication .onboarding-authentication .left-section-onboarding .below-section .policies-message .policies-message-text {
    display: flex;
    justify-content: center;
    flex-direction: column;
    gap: 4px;
  }
}
.main-content-authentication .onboarding-authentication .left-section-onboarding .below-section .or-text {
  margin-top: 16px;
  text-align: center;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
}
.main-content-authentication .onboarding-authentication .left-section-onboarding .auth-social-media-auth {
  margin-bottom: 40px;
}
.main-content-authentication .onboarding-authentication .left-section-onboarding .auth-social-media-auth .social-button {
  margin-top: 16px;
}
.main-content-authentication .onboarding-authentication .left-section-onboarding .auth-social-media-auth .btn.secondary-btn--lg {
  background-color: #f7f7fa !important;
  border: none !important;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  white-space: normal;
  padding: 12px 24px;
}
.main-content-authentication .onboarding-authentication .left-section-onboarding .auth-social-media-auth .social-button-text {
  font-family: 'Noto Sans', sans-serif;
  margin-left: 16px;
  text-align: left;
}
.main-content-authentication .onboarding-authentication .left-section-onboarding .panel-authentication.legalReq {
  display: flex;
  min-height: 70vh;
  align-items: center;
}
.main-content-authentication .onboarding-authentication .left-section-onboarding .panel-authentication.legalReq .main-content-sec {
  margin-bottom: 48px;
}
.main-content-authentication .onboarding-authentication .left-section-onboarding .panel-authentication.legalReq .authentication-heading-panel .title-text {
  font-size: 24px;
}
.main-content-authentication .onboarding-authentication .left-section-onboarding .panel-authentication.legalReq .authentication-heading-panel .content-text {
  font-size: 14px;
}
.main-content-authentication .onboarding-authentication .left-section-onboarding .panel-authentication.legalReq .legal-requirements-box-new .policy-section {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  margin-bottom: 20px;
}
.main-content-authentication .onboarding-authentication .left-section-onboarding .panel-authentication.legalReq .legal-requirements-box-new .policy-section input[type="checkbox"] {
  vertical-align: top;
  margin-top: 2px;
}
.main-content-authentication .onboarding-authentication .left-section-onboarding .panel-authentication.legalReq .legal-requirements-box-new .policy-section .policy-agree-text {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
  color: #1c304b;
}
.main-content-authentication .onboarding-authentication .left-section-onboarding .panel-authentication.legalReq .required-star {
  color: #c70f00;
}
.main-content-authentication .onboarding-authentication .left-section-onboarding .panel-authentication.legalReq .error-section {
  display: flex;
  width: 100%;
  margin-top: 8px;
  font-family: 'Noto Sans', sans-serif;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: #c70f00;
}
.main-content-authentication .onboarding-authentication .left-section-onboarding .panel-authentication.legalReq .error-section .required-errorIcon:after {
  display: inline-block;
  content: '';
  width: 16px;
  height: 16px;
  background-image: url('/Content/Images/icons/required-errorIcon.svg');
  float: left;
  background-repeat: no-repeat;
  margin-right: 8px;
  margin-top: 1px;
}
.main-content-authentication .onboarding-authentication .left-section-onboarding.new-welcome-left .logo-header,
.main-content-authentication .onboarding-authentication .left-section-onboarding.personalization-left .logo-header,
.main-content-authentication .onboarding-authentication .left-section-onboarding.welcome-left .logo-header {
  margin-bottom: 40px;
}
.main-content-authentication .onboarding-authentication .left-section-onboarding.new-welcome-left .panel-authentication.welcome-panel,
.main-content-authentication .onboarding-authentication .left-section-onboarding.personalization-left .panel-authentication.welcome-panel,
.main-content-authentication .onboarding-authentication .left-section-onboarding.welcome-left .panel-authentication.welcome-panel {
  min-height: 72vh;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main-content-authentication .onboarding-authentication .left-section-onboarding.new-welcome-left .panel-authentication.welcome-panel .authentication-heading-panel .title-text,
.main-content-authentication .onboarding-authentication .left-section-onboarding.personalization-left .panel-authentication.welcome-panel .authentication-heading-panel .title-text,
.main-content-authentication .onboarding-authentication .left-section-onboarding.welcome-left .panel-authentication.welcome-panel .authentication-heading-panel .title-text {
  margin-bottom: 16px;
}
.main-content-authentication .onboarding-authentication .left-section-onboarding.new-welcome-left .panel-authentication.welcome-panel .authentication-heading-panel .content-text,
.main-content-authentication .onboarding-authentication .left-section-onboarding.personalization-left .panel-authentication.welcome-panel .authentication-heading-panel .content-text,
.main-content-authentication .onboarding-authentication .left-section-onboarding.welcome-left .panel-authentication.welcome-panel .authentication-heading-panel .content-text {
  margin-bottom: 0px;
  margin-top: 0px;
}
.main-content-authentication .onboarding-authentication .left-section-onboarding.new-welcome-left .panel-authentication.welcome-panel .auth-button-panel,
.main-content-authentication .onboarding-authentication .left-section-onboarding.personalization-left .panel-authentication.welcome-panel .auth-button-panel,
.main-content-authentication .onboarding-authentication .left-section-onboarding.welcome-left .panel-authentication.welcome-panel .auth-button-panel {
  padding-top: 48px;
  margin-bottom: 40px;
}
.main-content-authentication .onboarding-authentication .left-section-onboarding.new-welcome-left .authentication-heading-panel .title-text,
.main-content-authentication .onboarding-authentication .left-section-onboarding.personalization-left .authentication-heading-panel .title-text,
.main-content-authentication .onboarding-authentication .left-section-onboarding.welcome-left .authentication-heading-panel .title-text {
  margin-top: 0px;
  font-family: 'Noto Serif', serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  color: #1c304b;
  margin-bottom: 48px;
}
.main-content-authentication .onboarding-authentication .left-section-onboarding.new-welcome-left .authentication-heading-panel .content-text,
.main-content-authentication .onboarding-authentication .left-section-onboarding.personalization-left .authentication-heading-panel .content-text,
.main-content-authentication .onboarding-authentication .left-section-onboarding.welcome-left .authentication-heading-panel .content-text {
  font-family: 'Noto Sans', sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  margin-bottom: 12px;
}
.main-content-authentication .onboarding-authentication .left-section-onboarding.new-welcome-left .panel-authentication .main-content-sec,
.main-content-authentication .onboarding-authentication .left-section-onboarding.personalization-left .panel-authentication .main-content-sec,
.main-content-authentication .onboarding-authentication .left-section-onboarding.welcome-left .panel-authentication .main-content-sec {
  margin-bottom: 48px;
}
.main-content-authentication .onboarding-authentication .left-section-onboarding.new-welcome-left .panel-authentication .goal-checkboxs .goal-checkbox,
.main-content-authentication .onboarding-authentication .left-section-onboarding.personalization-left .panel-authentication .goal-checkboxs .goal-checkbox,
.main-content-authentication .onboarding-authentication .left-section-onboarding.welcome-left .panel-authentication .goal-checkboxs .goal-checkbox {
  border-radius: 8px;
  border: 1px solid #e5e4ec;
  padding: 24px 16px;
  margin-bottom: 16px;
}
.main-content-authentication .onboarding-authentication .left-section-onboarding.new-welcome-left .panel-authentication .goal-checkboxs custom-radio label,
.main-content-authentication .onboarding-authentication .left-section-onboarding.personalization-left .panel-authentication .goal-checkboxs custom-radio label,
.main-content-authentication .onboarding-authentication .left-section-onboarding.welcome-left .panel-authentication .goal-checkboxs custom-radio label {
  display: flex;
  align-items: center;
  gap: 12px;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
  color: #1c304b;
  text-transform: unset;
  margin-bottom: 0px;
}
.main-content-authentication .onboarding-authentication .left-section-onboarding.new-welcome-left .panel-authentication .goal-checkboxs custom-radio label input[type="radio"],
.main-content-authentication .onboarding-authentication .left-section-onboarding.personalization-left .panel-authentication .goal-checkboxs custom-radio label input[type="radio"],
.main-content-authentication .onboarding-authentication .left-section-onboarding.welcome-left .panel-authentication .goal-checkboxs custom-radio label input[type="radio"] {
  margin-top: 0px;
}
.main-content-authentication .onboarding-authentication .left-section-onboarding.new-welcome-left .panel-authentication .goal-checkboxs custom-radio label .radio-span-input,
.main-content-authentication .onboarding-authentication .left-section-onboarding.personalization-left .panel-authentication .goal-checkboxs custom-radio label .radio-span-input,
.main-content-authentication .onboarding-authentication .left-section-onboarding.welcome-left .panel-authentication .goal-checkboxs custom-radio label .radio-span-input {
  display: flex;
}
.main-content-authentication .onboarding-authentication .left-section-onboarding.new-welcome-left .panel-authentication .goal-checkboxs custom-radio label span,
.main-content-authentication .onboarding-authentication .left-section-onboarding.personalization-left .panel-authentication .goal-checkboxs custom-radio label span,
.main-content-authentication .onboarding-authentication .left-section-onboarding.welcome-left .panel-authentication .goal-checkboxs custom-radio label span {
  font-weight: 400;
}
.main-content-authentication .onboarding-authentication .left-section-onboarding.new-welcome-left .panel-authentication .goal-checkboxs input[type="radio"]:focus-visible,
.main-content-authentication .onboarding-authentication .left-section-onboarding.personalization-left .panel-authentication .goal-checkboxs input[type="radio"]:focus-visible,
.main-content-authentication .onboarding-authentication .left-section-onboarding.welcome-left .panel-authentication .goal-checkboxs input[type="radio"]:focus-visible {
  outline: 4px solid #ff5858;
  outline-offset: 0px;
}
.main-content-authentication .onboarding-authentication .left-section-onboarding.new-welcome-left .panel-authentication .goal-outer .auth-button-panel,
.main-content-authentication .onboarding-authentication .left-section-onboarding.personalization-left .panel-authentication .goal-outer .auth-button-panel,
.main-content-authentication .onboarding-authentication .left-section-onboarding.welcome-left .panel-authentication .goal-outer .auth-button-panel {
  padding-top: 32px;
  text-align: right;
}
.main-content-authentication .onboarding-authentication .left-section-onboarding.new-welcome-left .panel-authentication .goal-outer .auth-button-panel .primary-btn--lg,
.main-content-authentication .onboarding-authentication .left-section-onboarding.personalization-left .panel-authentication .goal-outer .auth-button-panel .primary-btn--lg,
.main-content-authentication .onboarding-authentication .left-section-onboarding.welcome-left .panel-authentication .goal-outer .auth-button-panel .primary-btn--lg {
  width: auto;
  min-width: 151px;
}
.main-content-authentication .onboarding-authentication .left-section-onboarding.new-welcome-left .panel-authentication.personalization .control-outer,
.main-content-authentication .onboarding-authentication .left-section-onboarding.personalization-left .panel-authentication.personalization .control-outer,
.main-content-authentication .onboarding-authentication .left-section-onboarding.welcome-left .panel-authentication.personalization .control-outer {
  margin-bottom: 24px;
}
.main-content-authentication .onboarding-authentication .left-section-onboarding.new-welcome-left .panel-authentication.personalization .form-control.control-large-input,
.main-content-authentication .onboarding-authentication .left-section-onboarding.personalization-left .panel-authentication.personalization .form-control.control-large-input,
.main-content-authentication .onboarding-authentication .left-section-onboarding.welcome-left .panel-authentication.personalization .form-control.control-large-input {
  height: 56px;
  padding: 16px;
}
.main-content-authentication .onboarding-authentication .left-section-onboarding.new-welcome-left .panel-authentication.personalization .control-label,
.main-content-authentication .onboarding-authentication .left-section-onboarding.personalization-left .panel-authentication.personalization .control-label,
.main-content-authentication .onboarding-authentication .left-section-onboarding.welcome-left .panel-authentication.personalization .control-label {
  color: #1c304b;
  margin-bottom: 8px;
}
.main-content-authentication .onboarding-authentication .left-section-onboarding.new-welcome-left .panel-authentication.personalization .auth-button-panel,
.main-content-authentication .onboarding-authentication .left-section-onboarding.personalization-left .panel-authentication.personalization .auth-button-panel,
.main-content-authentication .onboarding-authentication .left-section-onboarding.welcome-left .panel-authentication.personalization .auth-button-panel {
  padding-top: 24px;
  text-align: right;
}
.main-content-authentication .onboarding-authentication .left-section-onboarding.new-welcome-left .panel-authentication.personalization .auth-button-panel .primary-btn--lg,
.main-content-authentication .onboarding-authentication .left-section-onboarding.personalization-left .panel-authentication.personalization .auth-button-panel .primary-btn--lg,
.main-content-authentication .onboarding-authentication .left-section-onboarding.welcome-left .panel-authentication.personalization .auth-button-panel .primary-btn--lg {
  width: auto;
  min-width: 151px;
}
.main-content-authentication .onboarding-authentication .left-section-onboarding.new-welcome-left .panel-authentication.personalization .required-star,
.main-content-authentication .onboarding-authentication .left-section-onboarding.personalization-left .panel-authentication.personalization .required-star,
.main-content-authentication .onboarding-authentication .left-section-onboarding.welcome-left .panel-authentication.personalization .required-star {
  color: #c70f00;
}
.main-content-authentication .onboarding-authentication .left-section-onboarding.new-welcome-left .panel-authentication.personalization .error-section,
.main-content-authentication .onboarding-authentication .left-section-onboarding.personalization-left .panel-authentication.personalization .error-section,
.main-content-authentication .onboarding-authentication .left-section-onboarding.welcome-left .panel-authentication.personalization .error-section {
  margin-top: 8px;
  font-family: 'Noto Sans', sans-serif;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: #c70f00;
}
.main-content-authentication .onboarding-authentication .left-section-onboarding.new-welcome-left .panel-authentication.personalization .error-section .required-errorIcon:after,
.main-content-authentication .onboarding-authentication .left-section-onboarding.personalization-left .panel-authentication.personalization .error-section .required-errorIcon:after,
.main-content-authentication .onboarding-authentication .left-section-onboarding.welcome-left .panel-authentication.personalization .error-section .required-errorIcon:after {
  display: inline-block;
  content: '';
  width: 16px;
  height: 16px;
  background-image: url('/Content/Images/icons/required-errorIcon.svg');
  float: left;
  background-repeat: no-repeat;
  margin-right: 8px;
}
.main-content-authentication .onboarding-authentication .left-section-onboarding.new-welcome-left .panel-authentication.personalization .error-section-outer,
.main-content-authentication .onboarding-authentication .left-section-onboarding.personalization-left .panel-authentication.personalization .error-section-outer,
.main-content-authentication .onboarding-authentication .left-section-onboarding.welcome-left .panel-authentication.personalization .error-section-outer {
  display: inline-block !important;
}
.main-content-authentication .onboarding-authentication .left-section-onboarding.new-welcome-left .panel-authentication.personalization .warning-section,
.main-content-authentication .onboarding-authentication .left-section-onboarding.personalization-left .panel-authentication.personalization .warning-section,
.main-content-authentication .onboarding-authentication .left-section-onboarding.welcome-left .panel-authentication.personalization .warning-section {
  display: flex;
  width: 100%;
  margin-top: 8px;
  font-family: 'Noto Sans', sans-serif;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: #45505f;
}
.main-content-authentication .onboarding-authentication .left-section-onboarding.new-welcome-left .panel-authentication.personalization .warning-section .required-warningIcon,
.main-content-authentication .onboarding-authentication .left-section-onboarding.personalization-left .panel-authentication.personalization .warning-section .required-warningIcon,
.main-content-authentication .onboarding-authentication .left-section-onboarding.welcome-left .panel-authentication.personalization .warning-section .required-warningIcon {
  margin-left: -1px;
}
.main-content-authentication .onboarding-authentication .left-section-onboarding.new-welcome-left .panel-authentication.personalization .warning-section .required-warningIcon:after,
.main-content-authentication .onboarding-authentication .left-section-onboarding.personalization-left .panel-authentication.personalization .warning-section .required-warningIcon:after,
.main-content-authentication .onboarding-authentication .left-section-onboarding.welcome-left .panel-authentication.personalization .warning-section .required-warningIcon:after {
  display: inline-block;
  content: '';
  width: 16px;
  height: 16px;
  background-image: url('/Content/Images/icons/info-onboarding.svg');
  float: left;
  background-repeat: no-repeat;
  margin-right: 8px;
  margin-top: 1px;
}
.main-content-authentication .onboarding-authentication .left-section-onboarding.new-welcome-left .panel-authentication.personalization .select2-container.select-onboarding,
.main-content-authentication .onboarding-authentication .left-section-onboarding.personalization-left .panel-authentication.personalization .select2-container.select-onboarding,
.main-content-authentication .onboarding-authentication .left-section-onboarding.welcome-left .panel-authentication.personalization .select2-container.select-onboarding {
  width: 100%;
}
.main-content-authentication .onboarding-authentication .left-section-onboarding.new-welcome-left .panel-authentication.personalization .select2-container.select-onboarding.add-jobs-error,
.main-content-authentication .onboarding-authentication .left-section-onboarding.personalization-left .panel-authentication.personalization .select2-container.select-onboarding.add-jobs-error,
.main-content-authentication .onboarding-authentication .left-section-onboarding.welcome-left .panel-authentication.personalization .select2-container.select-onboarding.add-jobs-error {
  border: none;
  background-color: transparent;
}
.main-content-authentication .onboarding-authentication .left-section-onboarding.new-welcome-left .panel-authentication.personalization .select2-container.select-onboarding.add-jobs-error .select2-choice,
.main-content-authentication .onboarding-authentication .left-section-onboarding.personalization-left .panel-authentication.personalization .select2-container.select-onboarding.add-jobs-error .select2-choice,
.main-content-authentication .onboarding-authentication .left-section-onboarding.welcome-left .panel-authentication.personalization .select2-container.select-onboarding.add-jobs-error .select2-choice {
  border: 1px solid #c70f00 !important;
  background-color: #fdf6f5;
}
.main-content-authentication .onboarding-authentication .left-section-onboarding.new-welcome-left .panel-authentication.personalization .select2-container .select2-choice .select2-arrow b,
.main-content-authentication .onboarding-authentication .left-section-onboarding.personalization-left .panel-authentication.personalization .select2-container .select2-choice .select2-arrow b,
.main-content-authentication .onboarding-authentication .left-section-onboarding.welcome-left .panel-authentication.personalization .select2-container .select2-choice .select2-arrow b,
.main-content-authentication .onboarding-authentication .left-section-onboarding.new-welcome-left .panel-authentication.personalization select2-container.select2-dropdown-open .select2-choice .select2-arrow b,
.main-content-authentication .onboarding-authentication .left-section-onboarding.personalization-left .panel-authentication.personalization select2-container.select2-dropdown-open .select2-choice .select2-arrow b,
.main-content-authentication .onboarding-authentication .left-section-onboarding.welcome-left .panel-authentication.personalization select2-container.select2-dropdown-open .select2-choice .select2-arrow b {
  background-position: -6px 16px;
}
.main-content-authentication .onboarding-authentication .left-section-onboarding.new-welcome-left .panel-authentication.personalization .select2-container .select2-choice,
.main-content-authentication .onboarding-authentication .left-section-onboarding.personalization-left .panel-authentication.personalization .select2-container .select2-choice,
.main-content-authentication .onboarding-authentication .left-section-onboarding.welcome-left .panel-authentication.personalization .select2-container .select2-choice {
  height: 56px !important;
  box-shadow: none;
}
.main-content-authentication .onboarding-authentication .left-section-onboarding.new-welcome-left .panel-authentication.personalization .select2-container.select2-dropdown-open.select2-container-active .select2-choice,
.main-content-authentication .onboarding-authentication .left-section-onboarding.personalization-left .panel-authentication.personalization .select2-container.select2-dropdown-open.select2-container-active .select2-choice,
.main-content-authentication .onboarding-authentication .left-section-onboarding.welcome-left .panel-authentication.personalization .select2-container.select2-dropdown-open.select2-container-active .select2-choice,
.main-content-authentication .onboarding-authentication .left-section-onboarding.new-welcome-left .panel-authentication.personalization .select2-container.select2-container-active .select2-choice,
.main-content-authentication .onboarding-authentication .left-section-onboarding.personalization-left .panel-authentication.personalization .select2-container.select2-container-active .select2-choice,
.main-content-authentication .onboarding-authentication .left-section-onboarding.welcome-left .panel-authentication.personalization .select2-container.select2-container-active .select2-choice {
  border: 1px solid #aa0285 !important;
}
.main-content-authentication .onboarding-authentication .left-section-onboarding.new-welcome-left .panel-authentication.personalization .select2-container .select2-choice > .select2-chosen,
.main-content-authentication .onboarding-authentication .left-section-onboarding.personalization-left .panel-authentication.personalization .select2-container .select2-choice > .select2-chosen,
.main-content-authentication .onboarding-authentication .left-section-onboarding.welcome-left .panel-authentication.personalization .select2-container .select2-choice > .select2-chosen {
  padding: 16px !important;
  margin-right: 26px;
}
.main-content-authentication .onboarding-authentication .left-section-onboarding.new-welcome-left .panel-authentication.personalization .phone-dialcode-section,
.main-content-authentication .onboarding-authentication .left-section-onboarding.personalization-left .panel-authentication.personalization .phone-dialcode-section,
.main-content-authentication .onboarding-authentication .left-section-onboarding.welcome-left .panel-authentication.personalization .phone-dialcode-section {
  display: flex;
  width: 100%;
}
.main-content-authentication .onboarding-authentication .left-section-onboarding.new-welcome-left .panel-authentication.personalization .phone-dialcode-section .dial-code-select,
.main-content-authentication .onboarding-authentication .left-section-onboarding.personalization-left .panel-authentication.personalization .phone-dialcode-section .dial-code-select,
.main-content-authentication .onboarding-authentication .left-section-onboarding.welcome-left .panel-authentication.personalization .phone-dialcode-section .dial-code-select {
  min-width: 90px;
}
.main-content-authentication .onboarding-authentication .left-section-onboarding.new-welcome-left .panel-authentication.personalization .phone-dialcode-section .dial-code-select .select2-container .select2-choice,
.main-content-authentication .onboarding-authentication .left-section-onboarding.personalization-left .panel-authentication.personalization .phone-dialcode-section .dial-code-select .select2-container .select2-choice,
.main-content-authentication .onboarding-authentication .left-section-onboarding.welcome-left .panel-authentication.personalization .phone-dialcode-section .dial-code-select .select2-container .select2-choice {
  border-radius: 8px 0px 0px 8px !important;
}
.main-content-authentication .onboarding-authentication .left-section-onboarding.new-welcome-left .panel-authentication.personalization .phone-dialcode-section .dial-code-select .select2-container-active .select2-choice,
.main-content-authentication .onboarding-authentication .left-section-onboarding.personalization-left .panel-authentication.personalization .phone-dialcode-section .dial-code-select .select2-container-active .select2-choice,
.main-content-authentication .onboarding-authentication .left-section-onboarding.welcome-left .panel-authentication.personalization .phone-dialcode-section .dial-code-select .select2-container-active .select2-choice {
  border-radius: 8px 0px 0px 8px !important;
}
.main-content-authentication .onboarding-authentication .left-section-onboarding.new-welcome-left .panel-authentication.personalization .phone-dialcode-section .dial-code-select .select2-container .select2-choice .select2-arrow b,
.main-content-authentication .onboarding-authentication .left-section-onboarding.personalization-left .panel-authentication.personalization .phone-dialcode-section .dial-code-select .select2-container .select2-choice .select2-arrow b,
.main-content-authentication .onboarding-authentication .left-section-onboarding.welcome-left .panel-authentication.personalization .phone-dialcode-section .dial-code-select .select2-container .select2-choice .select2-arrow b {
  background-position: -4px 16px !important;
}
.main-content-authentication .onboarding-authentication .left-section-onboarding.new-welcome-left .panel-authentication.personalization .phone-section-outer,
.main-content-authentication .onboarding-authentication .left-section-onboarding.personalization-left .panel-authentication.personalization .phone-section-outer,
.main-content-authentication .onboarding-authentication .left-section-onboarding.welcome-left .panel-authentication.personalization .phone-section-outer {
  position: relative;
  width: 100%;
}
.main-content-authentication .onboarding-authentication .left-section-onboarding.new-welcome-left .panel-authentication.personalization .phone-section-outer .control-large-input,
.main-content-authentication .onboarding-authentication .left-section-onboarding.personalization-left .panel-authentication.personalization .phone-section-outer .control-large-input,
.main-content-authentication .onboarding-authentication .left-section-onboarding.welcome-left .panel-authentication.personalization .phone-section-outer .control-large-input {
  padding-right: 40px;
  border-radius: 0px 8px 8px 0px !important;
  border-left: none;
}
.main-content-authentication .onboarding-authentication .left-section-onboarding.new-welcome-left .panel-authentication.personalization .phone-section-outer .control-large-input.red-border,
.main-content-authentication .onboarding-authentication .left-section-onboarding.personalization-left .panel-authentication.personalization .phone-section-outer .control-large-input.red-border,
.main-content-authentication .onboarding-authentication .left-section-onboarding.welcome-left .panel-authentication.personalization .phone-section-outer .control-large-input.red-border {
  border-left: none !important;
}
.main-content-authentication .onboarding-authentication .left-section-onboarding.new-welcome-left .panel-authentication.personalization .phone-section-outer .phone-section,
.main-content-authentication .onboarding-authentication .left-section-onboarding.personalization-left .panel-authentication.personalization .phone-section-outer .phone-section,
.main-content-authentication .onboarding-authentication .left-section-onboarding.welcome-left .panel-authentication.personalization .phone-section-outer .phone-section {
  position: absolute;
  right: 8px;
  top: 18px;
}
.main-content-authentication .onboarding-authentication .left-section-onboarding.new-welcome-left .panel-authentication.personalization .phone-section-outer .phone-section .phoneIcon:after,
.main-content-authentication .onboarding-authentication .left-section-onboarding.personalization-left .panel-authentication.personalization .phone-section-outer .phone-section .phoneIcon:after,
.main-content-authentication .onboarding-authentication .left-section-onboarding.welcome-left .panel-authentication.personalization .phone-section-outer .phone-section .phoneIcon:after {
  display: inline-block;
  content: '';
  width: 20px;
  height: 20px;
  background-image: url('/Content/Images/icons/onboarding-phone.svg');
  float: left;
  background-repeat: no-repeat;
  margin-right: 8px;
}
.main-content-authentication .onboarding-authentication .right-section-onboarding {
  flex: 6;
  width: 50%;
  background-image: url(/Content/Images/onboarding-authentication.png);
  background-size: cover;
}
@media (max-width: 768px) {
  .main-content-authentication .onboarding-authentication .right-section-onboarding {
    display: none;
  }
}
.main-content-authentication .onboarding-authentication .right-section-onboarding.welcome-right {
  background-image: url(/Content/Images/creative-business-planning-welcome.png);
}
.main-content-authentication .onboarding-authentication .right-section-onboarding.new-welcome-right {
  background-image: url(/Content/Images/onboarding-welcome-img.png);
}
.main-content-authentication .onboarding-authentication .right-section-onboarding.personalization-right {
  background-image: url(/Content/Images/personalization-img.png);
}
body::after {
  height: 0px;
}
@media (max-width: 768px) {
  body::after {
    height: 0px;
  }
}
.modal-backdrop.in {
  opacity: 0.5;
  background: #1e162a;
}
.main-content-new-forgot-username,
.main-content-new-login-screen {
  padding-left: 0px;
  padding-right: 0px;
  max-width: 100%;
  padding-top: 0px;
  padding-bottom: 0px;
}
@media (max-width: 768px) {
  .main-content-new-forgot-username,
  .main-content-new-login-screen {
    padding-left: 32px;
    padding-right: 32px;
  }
}
.main-content-new-forgot-username input[type=password]::-ms-reveal,
.main-content-new-login-screen input[type=password]::-ms-reveal,
.main-content-new-forgot-username input[type=password]::-ms-clear,
.main-content-new-login-screen input[type=password]::-ms-clear {
  display: none;
}
.main-content-new-forgot-username input[type="text"],
.main-content-new-login-screen input[type="text"],
.main-content-new-forgot-username input[type="number"],
.main-content-new-login-screen input[type="number"] {
  border: 1px solid #1c304b;
  border-radius: 8px;
  width: 100%;
  font-size: 14px;
  font-weight: 400;
  font-family: 'Noto Sans', sans-serif;
  color: #1c304b;
  padding: 8px 16px;
  line-height: 24px;
}
.main-content-new-forgot-username input[type="text"]:focus,
.main-content-new-login-screen input[type="text"]:focus,
.main-content-new-forgot-username input[type="number"]:focus,
.main-content-new-login-screen input[type="number"]:focus,
.main-content-new-forgot-username input[type="text"]:focus-visible,
.main-content-new-login-screen input[type="text"]:focus-visible,
.main-content-new-forgot-username input[type="number"]:focus-visible,
.main-content-new-login-screen input[type="number"]:focus-visible {
  border: 1px solid #aa0285;
}
.main-content-new-forgot-username input[type="text"]:disabled,
.main-content-new-login-screen input[type="text"]:disabled,
.main-content-new-forgot-username input[type="number"]:disabled,
.main-content-new-login-screen input[type="number"]:disabled {
  background-color: white;
  border: 1px solid #ced7e4;
  color: #adadb5 !important;
}
.main-content-new-forgot-username input[type="text"]:disabled::placeholder,
.main-content-new-login-screen input[type="text"]:disabled::placeholder,
.main-content-new-forgot-username input[type="number"]:disabled::placeholder,
.main-content-new-login-screen input[type="number"]:disabled::placeholder {
  color: #45505f;
}
.main-content-new-forgot-username input[type="text"]::placeholder,
.main-content-new-login-screen input[type="text"]::placeholder,
.main-content-new-forgot-username input[type="number"]::placeholder,
.main-content-new-login-screen input[type="number"]::placeholder {
  font-size: 14px;
  font-style: normal !important;
  font-weight: 400;
  font-family: 'Noto Sans', sans-serif;
  color: #45505f;
}
.main-content-new-forgot-username input[type="text"]::-webkit-input-placeholder,
.main-content-new-login-screen input[type="text"]::-webkit-input-placeholder,
.main-content-new-forgot-username input[type="number"]::-webkit-input-placeholder,
.main-content-new-login-screen input[type="number"]::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-size: 14px;
  font-style: normal !important;
  font-weight: 400;
  font-family: 'Noto Sans', sans-serif;
  color: #45505f;
}
.main-content-new-forgot-username input[type="text"]::-moz-placeholder,
.main-content-new-login-screen input[type="text"]::-moz-placeholder,
.main-content-new-forgot-username input[type="number"]::-moz-placeholder,
.main-content-new-login-screen input[type="number"]::-moz-placeholder {
  /* Firefox 19+ */
  font-size: 14px;
  font-style: normal !important;
  font-weight: 400;
  font-family: 'Noto Sans', sans-serif;
  color: #45505f;
}
.main-content-new-forgot-username input[type="text"]:-ms-input-placeholder,
.main-content-new-login-screen input[type="text"]:-ms-input-placeholder,
.main-content-new-forgot-username input[type="number"]:-ms-input-placeholder,
.main-content-new-login-screen input[type="number"]:-ms-input-placeholder {
  /* IE 10+ */
  font-size: 14px;
  font-style: normal !important;
  font-weight: 400;
  font-family: 'Noto Sans', sans-serif;
  color: #45505f;
}
.main-content-new-forgot-username input[type="text"]:read-only,
.main-content-new-login-screen input[type="text"]:read-only,
.main-content-new-forgot-username input[type="number"]:read-only,
.main-content-new-login-screen input[type="number"]:read-only {
  background-color: white;
  border: 1px solid #ced7e4;
  color: #1c304b;
}
.main-content-new-forgot-username .new-forgot-username-layout,
.main-content-new-login-screen .new-forgot-username-layout,
.main-content-new-forgot-username .new-login-screen-layout,
.main-content-new-login-screen .new-login-screen-layout {
  display: flex;
  justify-content: center;
  align-items: stretch;
  min-height: calc(100vh - 42px);
}
@media (max-width: 1024px) {
  .main-content-new-forgot-username .new-forgot-username-layout,
  .main-content-new-login-screen .new-forgot-username-layout,
  .main-content-new-forgot-username .new-login-screen-layout,
  .main-content-new-login-screen .new-login-screen-layout {
    min-height: calc(100vh - 41px);
  }
}
@media (max-width: 768px) {
  .main-content-new-forgot-username .new-forgot-username-layout,
  .main-content-new-login-screen .new-forgot-username-layout,
  .main-content-new-forgot-username .new-login-screen-layout,
  .main-content-new-login-screen .new-login-screen-layout {
    min-height: calc(100vh - 160px);
  }
}
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-forgot-username,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-forgot-username,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-forgot-username,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-forgot-username,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-login-screen,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-login-screen,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-login-screen,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-login-screen {
  flex: 6;
  width: 50%;
  word-break: break-word;
}
@media (max-width: 768px) {
  .main-content-new-forgot-username .new-forgot-username-layout .left-section-new-forgot-username,
  .main-content-new-login-screen .new-forgot-username-layout .left-section-new-forgot-username,
  .main-content-new-forgot-username .new-login-screen-layout .left-section-new-forgot-username,
  .main-content-new-login-screen .new-login-screen-layout .left-section-new-forgot-username,
  .main-content-new-forgot-username .new-forgot-username-layout .left-section-new-login-screen,
  .main-content-new-login-screen .new-forgot-username-layout .left-section-new-login-screen,
  .main-content-new-forgot-username .new-login-screen-layout .left-section-new-login-screen,
  .main-content-new-login-screen .new-login-screen-layout .left-section-new-login-screen {
    flex: 12;
    margin-right: auto;
  }
}
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-forgot-username .newForgotUsernameScreen,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-forgot-username .newForgotUsernameScreen,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-forgot-username .newForgotUsernameScreen,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-forgot-username .newForgotUsernameScreen,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-login-screen .newForgotUsernameScreen,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-login-screen .newForgotUsernameScreen,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-login-screen .newForgotUsernameScreen,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-login-screen .newForgotUsernameScreen,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-forgot-username .newLoginScreen,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-forgot-username .newLoginScreen,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-forgot-username .newLoginScreen,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-forgot-username .newLoginScreen,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-login-screen .newLoginScreen,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-login-screen .newLoginScreen,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-login-screen .newLoginScreen,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-login-screen .newLoginScreen {
  max-width: 456px;
  text-align: left;
  margin: auto;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .main-content-new-forgot-username .new-forgot-username-layout .left-section-new-forgot-username .newForgotUsernameScreen,
  .main-content-new-login-screen .new-forgot-username-layout .left-section-new-forgot-username .newForgotUsernameScreen,
  .main-content-new-forgot-username .new-login-screen-layout .left-section-new-forgot-username .newForgotUsernameScreen,
  .main-content-new-login-screen .new-login-screen-layout .left-section-new-forgot-username .newForgotUsernameScreen,
  .main-content-new-forgot-username .new-forgot-username-layout .left-section-new-login-screen .newForgotUsernameScreen,
  .main-content-new-login-screen .new-forgot-username-layout .left-section-new-login-screen .newForgotUsernameScreen,
  .main-content-new-forgot-username .new-login-screen-layout .left-section-new-login-screen .newForgotUsernameScreen,
  .main-content-new-login-screen .new-login-screen-layout .left-section-new-login-screen .newForgotUsernameScreen,
  .main-content-new-forgot-username .new-forgot-username-layout .left-section-new-forgot-username .newLoginScreen,
  .main-content-new-login-screen .new-forgot-username-layout .left-section-new-forgot-username .newLoginScreen,
  .main-content-new-forgot-username .new-login-screen-layout .left-section-new-forgot-username .newLoginScreen,
  .main-content-new-login-screen .new-login-screen-layout .left-section-new-forgot-username .newLoginScreen,
  .main-content-new-forgot-username .new-forgot-username-layout .left-section-new-login-screen .newLoginScreen,
  .main-content-new-login-screen .new-forgot-username-layout .left-section-new-login-screen .newLoginScreen,
  .main-content-new-forgot-username .new-login-screen-layout .left-section-new-login-screen .newLoginScreen,
  .main-content-new-login-screen .new-login-screen-layout .left-section-new-login-screen .newLoginScreen {
    padding: 0px 16px;
  }
}
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-forgot-username .logo-header,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-forgot-username .logo-header,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-forgot-username .logo-header,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-forgot-username .logo-header,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-login-screen .logo-header,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-login-screen .logo-header,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-login-screen .logo-header,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-login-screen .logo-header {
  margin-top: 48px;
  margin-bottom: 48px;
}
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-forgot-username .title-text,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-forgot-username .title-text,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-forgot-username .title-text,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-forgot-username .title-text,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-login-screen .title-text,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-login-screen .title-text,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-login-screen .title-text,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-login-screen .title-text {
  font-family: 'Noto Serif', serif;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 40px;
  color: #1c304b;
  margin: 0px;
}
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-forgot-username .content-text,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-forgot-username .content-text,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-forgot-username .content-text,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-forgot-username .content-text,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-login-screen .content-text,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-login-screen .content-text,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-login-screen .content-text,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-login-screen .content-text {
  margin-top: 12px;
  font-family: 'Noto Sans', sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  margin-bottom: 40px;
}
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-forgot-username label,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-forgot-username label,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-forgot-username label,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-forgot-username label,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-login-screen label,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-login-screen label,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-login-screen label,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-login-screen label {
  margin-bottom: 8px;
}
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-forgot-username .new-forgot-username-button-panel,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-forgot-username .new-forgot-username-button-panel,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-forgot-username .new-forgot-username-button-panel,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-forgot-username .new-forgot-username-button-panel,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-login-screen .new-forgot-username-button-panel,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-login-screen .new-forgot-username-button-panel,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-login-screen .new-forgot-username-button-panel,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-login-screen .new-forgot-username-button-panel,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-forgot-username .new-login-screen-button-panel,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-forgot-username .new-login-screen-button-panel,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-forgot-username .new-login-screen-button-panel,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-forgot-username .new-login-screen-button-panel,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-login-screen .new-login-screen-button-panel,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-login-screen .new-login-screen-button-panel,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-login-screen .new-login-screen-button-panel,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-login-screen .new-login-screen-button-panel {
  padding-top: 40px;
}
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-forgot-username .new-forgot-username-button-panel .primary-btn--lg,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-forgot-username .new-forgot-username-button-panel .primary-btn--lg,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-forgot-username .new-forgot-username-button-panel .primary-btn--lg,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-forgot-username .new-forgot-username-button-panel .primary-btn--lg,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-login-screen .new-forgot-username-button-panel .primary-btn--lg,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-login-screen .new-forgot-username-button-panel .primary-btn--lg,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-login-screen .new-forgot-username-button-panel .primary-btn--lg,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-login-screen .new-forgot-username-button-panel .primary-btn--lg,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-forgot-username .new-login-screen-button-panel .primary-btn--lg,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-forgot-username .new-login-screen-button-panel .primary-btn--lg,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-forgot-username .new-login-screen-button-panel .primary-btn--lg,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-forgot-username .new-login-screen-button-panel .primary-btn--lg,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-login-screen .new-login-screen-button-panel .primary-btn--lg,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-login-screen .new-login-screen-button-panel .primary-btn--lg,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-login-screen .new-login-screen-button-panel .primary-btn--lg,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-login-screen .new-login-screen-button-panel .primary-btn--lg {
  width: 100%;
  white-space: normal;
}
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-forgot-username .new-forgot-username-button-panel .primary-btn--lg:hover,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-forgot-username .new-forgot-username-button-panel .primary-btn--lg:hover,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-forgot-username .new-forgot-username-button-panel .primary-btn--lg:hover,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-forgot-username .new-forgot-username-button-panel .primary-btn--lg:hover,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-login-screen .new-forgot-username-button-panel .primary-btn--lg:hover,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-login-screen .new-forgot-username-button-panel .primary-btn--lg:hover,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-login-screen .new-forgot-username-button-panel .primary-btn--lg:hover,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-login-screen .new-forgot-username-button-panel .primary-btn--lg:hover,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-forgot-username .new-login-screen-button-panel .primary-btn--lg:hover,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-forgot-username .new-login-screen-button-panel .primary-btn--lg:hover,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-forgot-username .new-login-screen-button-panel .primary-btn--lg:hover,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-forgot-username .new-login-screen-button-panel .primary-btn--lg:hover,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-login-screen .new-login-screen-button-panel .primary-btn--lg:hover,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-login-screen .new-login-screen-button-panel .primary-btn--lg:hover,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-login-screen .new-login-screen-button-panel .primary-btn--lg:hover,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-login-screen .new-login-screen-button-panel .primary-btn--lg:hover {
  color: white;
}
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-forgot-username .link-xs,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-forgot-username .link-xs,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-forgot-username .link-xs,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-forgot-username .link-xs,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-login-screen .link-xs,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-login-screen .link-xs,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-login-screen .link-xs,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-login-screen .link-xs {
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  text-transform: uppercase;
  color: #aa0285;
  font-family: 'Noto Sans', sans-serif;
}
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-forgot-username .link-xs:hover,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-forgot-username .link-xs:hover,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-forgot-username .link-xs:hover,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-forgot-username .link-xs:hover,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-login-screen .link-xs:hover,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-login-screen .link-xs:hover,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-login-screen .link-xs:hover,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-login-screen .link-xs:hover {
  color: #aa0285;
}
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-forgot-username .link-xs:active,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-forgot-username .link-xs:active,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-forgot-username .link-xs:active,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-forgot-username .link-xs:active,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-login-screen .link-xs:active,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-login-screen .link-xs:active,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-login-screen .link-xs:active,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-login-screen .link-xs:active,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-forgot-username .link-xs:focus,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-forgot-username .link-xs:focus,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-forgot-username .link-xs:focus,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-forgot-username .link-xs:focus,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-login-screen .link-xs:focus,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-login-screen .link-xs:focus,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-login-screen .link-xs:focus,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-login-screen .link-xs:focus {
  color: #7a005f;
  text-decoration: none;
}
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-forgot-username .link-xs:focus-visible,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-forgot-username .link-xs:focus-visible,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-forgot-username .link-xs:focus-visible,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-forgot-username .link-xs:focus-visible,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-login-screen .link-xs:focus-visible,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-login-screen .link-xs:focus-visible,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-login-screen .link-xs:focus-visible,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-login-screen .link-xs:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: 0px !important;
  color: #aa0285;
  border-radius: 4px;
}
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-forgot-username .forgot-username-panel,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-forgot-username .forgot-username-panel,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-forgot-username .forgot-username-panel,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-forgot-username .forgot-username-panel,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-login-screen .forgot-username-panel,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-login-screen .forgot-username-panel,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-login-screen .forgot-username-panel,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-login-screen .forgot-username-panel,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-forgot-username .check-your-email,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-forgot-username .check-your-email,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-forgot-username .check-your-email,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-forgot-username .check-your-email,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-login-screen .check-your-email,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-login-screen .check-your-email,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-login-screen .check-your-email,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-login-screen .check-your-email,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-forgot-username .new-login-screen-panel,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-forgot-username .new-login-screen-panel,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-forgot-username .new-login-screen-panel,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-forgot-username .new-login-screen-panel,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-login-screen .new-login-screen-panel,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-login-screen .new-login-screen-panel,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-login-screen .new-login-screen-panel,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-login-screen .new-login-screen-panel {
  margin-bottom: 48px;
  width: 100%;
}
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-forgot-username .forgot-username-panel .back-arrow-btn,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-forgot-username .forgot-username-panel .back-arrow-btn,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-forgot-username .forgot-username-panel .back-arrow-btn,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-forgot-username .forgot-username-panel .back-arrow-btn,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-login-screen .forgot-username-panel .back-arrow-btn,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-login-screen .forgot-username-panel .back-arrow-btn,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-login-screen .forgot-username-panel .back-arrow-btn,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-login-screen .forgot-username-panel .back-arrow-btn,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-forgot-username .check-your-email .back-arrow-btn,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-forgot-username .check-your-email .back-arrow-btn,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-forgot-username .check-your-email .back-arrow-btn,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-forgot-username .check-your-email .back-arrow-btn,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-login-screen .check-your-email .back-arrow-btn,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-login-screen .check-your-email .back-arrow-btn,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-login-screen .check-your-email .back-arrow-btn,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-login-screen .check-your-email .back-arrow-btn,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-forgot-username .new-login-screen-panel .back-arrow-btn,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-forgot-username .new-login-screen-panel .back-arrow-btn,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-forgot-username .new-login-screen-panel .back-arrow-btn,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-forgot-username .new-login-screen-panel .back-arrow-btn,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-login-screen .new-login-screen-panel .back-arrow-btn,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-login-screen .new-login-screen-panel .back-arrow-btn,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-login-screen .new-login-screen-panel .back-arrow-btn,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-login-screen .new-login-screen-panel .back-arrow-btn {
  border-radius: 7px;
  border: 1px solid #1c304b;
  position: relative;
  padding: 8px;
  width: 32px;
  height: 32px;
  margin-bottom: 40px;
  display: block;
}
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-forgot-username .forgot-username-panel .back-arrow-btn:focus-visible,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-forgot-username .forgot-username-panel .back-arrow-btn:focus-visible,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-forgot-username .forgot-username-panel .back-arrow-btn:focus-visible,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-forgot-username .forgot-username-panel .back-arrow-btn:focus-visible,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-login-screen .forgot-username-panel .back-arrow-btn:focus-visible,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-login-screen .forgot-username-panel .back-arrow-btn:focus-visible,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-login-screen .forgot-username-panel .back-arrow-btn:focus-visible,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-login-screen .forgot-username-panel .back-arrow-btn:focus-visible,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-forgot-username .check-your-email .back-arrow-btn:focus-visible,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-forgot-username .check-your-email .back-arrow-btn:focus-visible,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-forgot-username .check-your-email .back-arrow-btn:focus-visible,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-forgot-username .check-your-email .back-arrow-btn:focus-visible,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-login-screen .check-your-email .back-arrow-btn:focus-visible,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-login-screen .check-your-email .back-arrow-btn:focus-visible,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-login-screen .check-your-email .back-arrow-btn:focus-visible,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-login-screen .check-your-email .back-arrow-btn:focus-visible,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-forgot-username .new-login-screen-panel .back-arrow-btn:focus-visible,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-forgot-username .new-login-screen-panel .back-arrow-btn:focus-visible,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-forgot-username .new-login-screen-panel .back-arrow-btn:focus-visible,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-forgot-username .new-login-screen-panel .back-arrow-btn:focus-visible,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-login-screen .new-login-screen-panel .back-arrow-btn:focus-visible,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-login-screen .new-login-screen-panel .back-arrow-btn:focus-visible,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-login-screen .new-login-screen-panel .back-arrow-btn:focus-visible,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-login-screen .new-login-screen-panel .back-arrow-btn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -2px !important;
  border-radius: 8px !important;
}
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-forgot-username .forgot-username-panel .back-arrow-btn .back-arrow-btn-icon:after,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-forgot-username .forgot-username-panel .back-arrow-btn .back-arrow-btn-icon:after,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-forgot-username .forgot-username-panel .back-arrow-btn .back-arrow-btn-icon:after,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-forgot-username .forgot-username-panel .back-arrow-btn .back-arrow-btn-icon:after,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-login-screen .forgot-username-panel .back-arrow-btn .back-arrow-btn-icon:after,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-login-screen .forgot-username-panel .back-arrow-btn .back-arrow-btn-icon:after,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-login-screen .forgot-username-panel .back-arrow-btn .back-arrow-btn-icon:after,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-login-screen .forgot-username-panel .back-arrow-btn .back-arrow-btn-icon:after,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-forgot-username .check-your-email .back-arrow-btn .back-arrow-btn-icon:after,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-forgot-username .check-your-email .back-arrow-btn .back-arrow-btn-icon:after,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-forgot-username .check-your-email .back-arrow-btn .back-arrow-btn-icon:after,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-forgot-username .check-your-email .back-arrow-btn .back-arrow-btn-icon:after,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-login-screen .check-your-email .back-arrow-btn .back-arrow-btn-icon:after,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-login-screen .check-your-email .back-arrow-btn .back-arrow-btn-icon:after,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-login-screen .check-your-email .back-arrow-btn .back-arrow-btn-icon:after,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-login-screen .check-your-email .back-arrow-btn .back-arrow-btn-icon:after,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-forgot-username .new-login-screen-panel .back-arrow-btn .back-arrow-btn-icon:after,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-forgot-username .new-login-screen-panel .back-arrow-btn .back-arrow-btn-icon:after,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-forgot-username .new-login-screen-panel .back-arrow-btn .back-arrow-btn-icon:after,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-forgot-username .new-login-screen-panel .back-arrow-btn .back-arrow-btn-icon:after,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-login-screen .new-login-screen-panel .back-arrow-btn .back-arrow-btn-icon:after,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-login-screen .new-login-screen-panel .back-arrow-btn .back-arrow-btn-icon:after,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-login-screen .new-login-screen-panel .back-arrow-btn .back-arrow-btn-icon:after,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-login-screen .new-login-screen-panel .back-arrow-btn .back-arrow-btn-icon:after {
  display: inline-block;
  content: '';
  width: 16px;
  height: 16px;
  background-image: url('/Content/Images/icons/arrow-back-forgot-username.svg');
  float: left;
  background-repeat: no-repeat;
  margin-right: 8px;
}
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-forgot-username .forgot-username-panel .required-star,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-forgot-username .forgot-username-panel .required-star,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-forgot-username .forgot-username-panel .required-star,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-forgot-username .forgot-username-panel .required-star,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-login-screen .forgot-username-panel .required-star,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-login-screen .forgot-username-panel .required-star,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-login-screen .forgot-username-panel .required-star,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-login-screen .forgot-username-panel .required-star,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-forgot-username .check-your-email .required-star,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-forgot-username .check-your-email .required-star,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-forgot-username .check-your-email .required-star,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-forgot-username .check-your-email .required-star,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-login-screen .check-your-email .required-star,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-login-screen .check-your-email .required-star,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-login-screen .check-your-email .required-star,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-login-screen .check-your-email .required-star,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-forgot-username .new-login-screen-panel .required-star,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-forgot-username .new-login-screen-panel .required-star,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-forgot-username .new-login-screen-panel .required-star,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-forgot-username .new-login-screen-panel .required-star,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-login-screen .new-login-screen-panel .required-star,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-login-screen .new-login-screen-panel .required-star,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-login-screen .new-login-screen-panel .required-star,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-login-screen .new-login-screen-panel .required-star {
  color: #c70f00;
}
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-forgot-username .forgot-username-panel .error-section,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-forgot-username .forgot-username-panel .error-section,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-forgot-username .forgot-username-panel .error-section,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-forgot-username .forgot-username-panel .error-section,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-login-screen .forgot-username-panel .error-section,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-login-screen .forgot-username-panel .error-section,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-login-screen .forgot-username-panel .error-section,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-login-screen .forgot-username-panel .error-section,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-forgot-username .check-your-email .error-section,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-forgot-username .check-your-email .error-section,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-forgot-username .check-your-email .error-section,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-forgot-username .check-your-email .error-section,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-login-screen .check-your-email .error-section,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-login-screen .check-your-email .error-section,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-login-screen .check-your-email .error-section,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-login-screen .check-your-email .error-section,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-forgot-username .new-login-screen-panel .error-section,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-forgot-username .new-login-screen-panel .error-section,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-forgot-username .new-login-screen-panel .error-section,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-forgot-username .new-login-screen-panel .error-section,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-login-screen .new-login-screen-panel .error-section,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-login-screen .new-login-screen-panel .error-section,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-login-screen .new-login-screen-panel .error-section,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-login-screen .new-login-screen-panel .error-section {
  display: flex;
  width: 100%;
  margin-top: 8px;
  font-family: 'Noto Sans', sans-serif;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: #c70f00;
}
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-forgot-username .forgot-username-panel .error-section .required-errorIcon:after,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-forgot-username .forgot-username-panel .error-section .required-errorIcon:after,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-forgot-username .forgot-username-panel .error-section .required-errorIcon:after,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-forgot-username .forgot-username-panel .error-section .required-errorIcon:after,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-login-screen .forgot-username-panel .error-section .required-errorIcon:after,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-login-screen .forgot-username-panel .error-section .required-errorIcon:after,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-login-screen .forgot-username-panel .error-section .required-errorIcon:after,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-login-screen .forgot-username-panel .error-section .required-errorIcon:after,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-forgot-username .check-your-email .error-section .required-errorIcon:after,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-forgot-username .check-your-email .error-section .required-errorIcon:after,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-forgot-username .check-your-email .error-section .required-errorIcon:after,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-forgot-username .check-your-email .error-section .required-errorIcon:after,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-login-screen .check-your-email .error-section .required-errorIcon:after,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-login-screen .check-your-email .error-section .required-errorIcon:after,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-login-screen .check-your-email .error-section .required-errorIcon:after,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-login-screen .check-your-email .error-section .required-errorIcon:after,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-forgot-username .new-login-screen-panel .error-section .required-errorIcon:after,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-forgot-username .new-login-screen-panel .error-section .required-errorIcon:after,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-forgot-username .new-login-screen-panel .error-section .required-errorIcon:after,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-forgot-username .new-login-screen-panel .error-section .required-errorIcon:after,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-login-screen .new-login-screen-panel .error-section .required-errorIcon:after,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-login-screen .new-login-screen-panel .error-section .required-errorIcon:after,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-login-screen .new-login-screen-panel .error-section .required-errorIcon:after,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-login-screen .new-login-screen-panel .error-section .required-errorIcon:after {
  display: inline-block;
  content: '';
  width: 16px;
  height: 16px;
  background-image: url('/Content/Images/icons/required-errorIcon.svg');
  float: left;
  background-repeat: no-repeat;
  margin-right: 8px;
  margin-top: 1px;
}
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-forgot-username .forgot-username-panel .error-section .blank-space,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-forgot-username .forgot-username-panel .error-section .blank-space,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-forgot-username .forgot-username-panel .error-section .blank-space,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-forgot-username .forgot-username-panel .error-section .blank-space,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-login-screen .forgot-username-panel .error-section .blank-space,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-login-screen .forgot-username-panel .error-section .blank-space,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-login-screen .forgot-username-panel .error-section .blank-space,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-login-screen .forgot-username-panel .error-section .blank-space,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-forgot-username .check-your-email .error-section .blank-space,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-forgot-username .check-your-email .error-section .blank-space,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-forgot-username .check-your-email .error-section .blank-space,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-forgot-username .check-your-email .error-section .blank-space,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-login-screen .check-your-email .error-section .blank-space,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-login-screen .check-your-email .error-section .blank-space,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-login-screen .check-your-email .error-section .blank-space,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-login-screen .check-your-email .error-section .blank-space,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-forgot-username .new-login-screen-panel .error-section .blank-space,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-forgot-username .new-login-screen-panel .error-section .blank-space,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-forgot-username .new-login-screen-panel .error-section .blank-space,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-forgot-username .new-login-screen-panel .error-section .blank-space,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-login-screen .new-login-screen-panel .error-section .blank-space,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-login-screen .new-login-screen-panel .error-section .blank-space,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-login-screen .new-login-screen-panel .error-section .blank-space,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-login-screen .new-login-screen-panel .error-section .blank-space {
  width: 24px;
}
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-forgot-username .forgot-username-panel .error-section .error-section-text,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-forgot-username .forgot-username-panel .error-section .error-section-text,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-forgot-username .forgot-username-panel .error-section .error-section-text,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-forgot-username .forgot-username-panel .error-section .error-section-text,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-login-screen .forgot-username-panel .error-section .error-section-text,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-login-screen .forgot-username-panel .error-section .error-section-text,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-login-screen .forgot-username-panel .error-section .error-section-text,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-login-screen .forgot-username-panel .error-section .error-section-text,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-forgot-username .check-your-email .error-section .error-section-text,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-forgot-username .check-your-email .error-section .error-section-text,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-forgot-username .check-your-email .error-section .error-section-text,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-forgot-username .check-your-email .error-section .error-section-text,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-login-screen .check-your-email .error-section .error-section-text,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-login-screen .check-your-email .error-section .error-section-text,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-login-screen .check-your-email .error-section .error-section-text,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-login-screen .check-your-email .error-section .error-section-text,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-forgot-username .new-login-screen-panel .error-section .error-section-text,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-forgot-username .new-login-screen-panel .error-section .error-section-text,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-forgot-username .new-login-screen-panel .error-section .error-section-text,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-forgot-username .new-login-screen-panel .error-section .error-section-text,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-login-screen .new-login-screen-panel .error-section .error-section-text,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-login-screen .new-login-screen-panel .error-section .error-section-text,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-login-screen .new-login-screen-panel .error-section .error-section-text,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-login-screen .new-login-screen-panel .error-section .error-section-text {
  margin-left: 8px;
}
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-forgot-username .forgot-username-panel .error-input-highlight,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-forgot-username .forgot-username-panel .error-input-highlight,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-forgot-username .forgot-username-panel .error-input-highlight,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-forgot-username .forgot-username-panel .error-input-highlight,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-login-screen .forgot-username-panel .error-input-highlight,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-login-screen .forgot-username-panel .error-input-highlight,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-login-screen .forgot-username-panel .error-input-highlight,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-login-screen .forgot-username-panel .error-input-highlight,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-forgot-username .check-your-email .error-input-highlight,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-forgot-username .check-your-email .error-input-highlight,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-forgot-username .check-your-email .error-input-highlight,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-forgot-username .check-your-email .error-input-highlight,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-login-screen .check-your-email .error-input-highlight,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-login-screen .check-your-email .error-input-highlight,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-login-screen .check-your-email .error-input-highlight,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-login-screen .check-your-email .error-input-highlight,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-forgot-username .new-login-screen-panel .error-input-highlight,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-forgot-username .new-login-screen-panel .error-input-highlight,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-forgot-username .new-login-screen-panel .error-input-highlight,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-forgot-username .new-login-screen-panel .error-input-highlight,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-login-screen .new-login-screen-panel .error-input-highlight,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-login-screen .new-login-screen-panel .error-input-highlight,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-login-screen .new-login-screen-panel .error-input-highlight,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-login-screen .new-login-screen-panel .error-input-highlight {
  border: 1px solid #c70f00;
  background-color: #fdf6f5;
}
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-forgot-username .forgot-username-panel .contact-support,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-forgot-username .forgot-username-panel .contact-support,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-forgot-username .forgot-username-panel .contact-support,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-forgot-username .forgot-username-panel .contact-support,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-login-screen .forgot-username-panel .contact-support,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-login-screen .forgot-username-panel .contact-support,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-login-screen .forgot-username-panel .contact-support,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-login-screen .forgot-username-panel .contact-support,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-forgot-username .check-your-email .contact-support,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-forgot-username .check-your-email .contact-support,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-forgot-username .check-your-email .contact-support,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-forgot-username .check-your-email .contact-support,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-login-screen .check-your-email .contact-support,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-login-screen .check-your-email .contact-support,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-login-screen .check-your-email .contact-support,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-login-screen .check-your-email .contact-support,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-forgot-username .new-login-screen-panel .contact-support,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-forgot-username .new-login-screen-panel .contact-support,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-forgot-username .new-login-screen-panel .contact-support,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-forgot-username .new-login-screen-panel .contact-support,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-login-screen .new-login-screen-panel .contact-support,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-login-screen .new-login-screen-panel .contact-support,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-login-screen .new-login-screen-panel .contact-support,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-login-screen .new-login-screen-panel .contact-support {
  margin-top: 12px;
  display: block;
}
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-forgot-username .forgot-username-panel input[type="text"],
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-forgot-username .forgot-username-panel input[type="text"],
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-forgot-username .forgot-username-panel input[type="text"],
.main-content-new-login-screen .new-login-screen-layout .left-section-new-forgot-username .forgot-username-panel input[type="text"],
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-login-screen .forgot-username-panel input[type="text"],
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-login-screen .forgot-username-panel input[type="text"],
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-login-screen .forgot-username-panel input[type="text"],
.main-content-new-login-screen .new-login-screen-layout .left-section-new-login-screen .forgot-username-panel input[type="text"],
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-forgot-username .check-your-email input[type="text"],
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-forgot-username .check-your-email input[type="text"],
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-forgot-username .check-your-email input[type="text"],
.main-content-new-login-screen .new-login-screen-layout .left-section-new-forgot-username .check-your-email input[type="text"],
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-login-screen .check-your-email input[type="text"],
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-login-screen .check-your-email input[type="text"],
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-login-screen .check-your-email input[type="text"],
.main-content-new-login-screen .new-login-screen-layout .left-section-new-login-screen .check-your-email input[type="text"],
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-forgot-username .new-login-screen-panel input[type="text"],
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-forgot-username .new-login-screen-panel input[type="text"],
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-forgot-username .new-login-screen-panel input[type="text"],
.main-content-new-login-screen .new-login-screen-layout .left-section-new-forgot-username .new-login-screen-panel input[type="text"],
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-login-screen .new-login-screen-panel input[type="text"],
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-login-screen .new-login-screen-panel input[type="text"],
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-login-screen .new-login-screen-panel input[type="text"],
.main-content-new-login-screen .new-login-screen-layout .left-section-new-login-screen .new-login-screen-panel input[type="text"] {
  box-shadow: none;
  height: 56px;
  padding: 16px 16px;
}
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-forgot-username .forgot-username-panel .grecaptcha-Check,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-forgot-username .forgot-username-panel .grecaptcha-Check,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-forgot-username .forgot-username-panel .grecaptcha-Check,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-forgot-username .forgot-username-panel .grecaptcha-Check,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-login-screen .forgot-username-panel .grecaptcha-Check,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-login-screen .forgot-username-panel .grecaptcha-Check,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-login-screen .forgot-username-panel .grecaptcha-Check,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-login-screen .forgot-username-panel .grecaptcha-Check,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-forgot-username .check-your-email .grecaptcha-Check,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-forgot-username .check-your-email .grecaptcha-Check,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-forgot-username .check-your-email .grecaptcha-Check,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-forgot-username .check-your-email .grecaptcha-Check,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-login-screen .check-your-email .grecaptcha-Check,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-login-screen .check-your-email .grecaptcha-Check,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-login-screen .check-your-email .grecaptcha-Check,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-login-screen .check-your-email .grecaptcha-Check,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-forgot-username .new-login-screen-panel .grecaptcha-Check,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-forgot-username .new-login-screen-panel .grecaptcha-Check,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-forgot-username .new-login-screen-panel .grecaptcha-Check,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-forgot-username .new-login-screen-panel .grecaptcha-Check,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-login-screen .new-login-screen-panel .grecaptcha-Check,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-login-screen .new-login-screen-panel .grecaptcha-Check,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-login-screen .new-login-screen-panel .grecaptcha-Check,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-login-screen .new-login-screen-panel .grecaptcha-Check {
  display: flex;
  justify-content: center;
  margin-top: 24px;
}
@media (max-width: 450px) {
  .main-content-new-forgot-username .new-forgot-username-layout .left-section-new-forgot-username .forgot-username-panel .grecaptcha-Check,
  .main-content-new-login-screen .new-forgot-username-layout .left-section-new-forgot-username .forgot-username-panel .grecaptcha-Check,
  .main-content-new-forgot-username .new-login-screen-layout .left-section-new-forgot-username .forgot-username-panel .grecaptcha-Check,
  .main-content-new-login-screen .new-login-screen-layout .left-section-new-forgot-username .forgot-username-panel .grecaptcha-Check,
  .main-content-new-forgot-username .new-forgot-username-layout .left-section-new-login-screen .forgot-username-panel .grecaptcha-Check,
  .main-content-new-login-screen .new-forgot-username-layout .left-section-new-login-screen .forgot-username-panel .grecaptcha-Check,
  .main-content-new-forgot-username .new-login-screen-layout .left-section-new-login-screen .forgot-username-panel .grecaptcha-Check,
  .main-content-new-login-screen .new-login-screen-layout .left-section-new-login-screen .forgot-username-panel .grecaptcha-Check,
  .main-content-new-forgot-username .new-forgot-username-layout .left-section-new-forgot-username .check-your-email .grecaptcha-Check,
  .main-content-new-login-screen .new-forgot-username-layout .left-section-new-forgot-username .check-your-email .grecaptcha-Check,
  .main-content-new-forgot-username .new-login-screen-layout .left-section-new-forgot-username .check-your-email .grecaptcha-Check,
  .main-content-new-login-screen .new-login-screen-layout .left-section-new-forgot-username .check-your-email .grecaptcha-Check,
  .main-content-new-forgot-username .new-forgot-username-layout .left-section-new-login-screen .check-your-email .grecaptcha-Check,
  .main-content-new-login-screen .new-forgot-username-layout .left-section-new-login-screen .check-your-email .grecaptcha-Check,
  .main-content-new-forgot-username .new-login-screen-layout .left-section-new-login-screen .check-your-email .grecaptcha-Check,
  .main-content-new-login-screen .new-login-screen-layout .left-section-new-login-screen .check-your-email .grecaptcha-Check,
  .main-content-new-forgot-username .new-forgot-username-layout .left-section-new-forgot-username .new-login-screen-panel .grecaptcha-Check,
  .main-content-new-login-screen .new-forgot-username-layout .left-section-new-forgot-username .new-login-screen-panel .grecaptcha-Check,
  .main-content-new-forgot-username .new-login-screen-layout .left-section-new-forgot-username .new-login-screen-panel .grecaptcha-Check,
  .main-content-new-login-screen .new-login-screen-layout .left-section-new-forgot-username .new-login-screen-panel .grecaptcha-Check,
  .main-content-new-forgot-username .new-forgot-username-layout .left-section-new-login-screen .new-login-screen-panel .grecaptcha-Check,
  .main-content-new-login-screen .new-forgot-username-layout .left-section-new-login-screen .new-login-screen-panel .grecaptcha-Check,
  .main-content-new-forgot-username .new-login-screen-layout .left-section-new-login-screen .new-login-screen-panel .grecaptcha-Check,
  .main-content-new-login-screen .new-login-screen-layout .left-section-new-login-screen .new-login-screen-panel .grecaptcha-Check {
    transform: scale(0.8);
  }
}
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-forgot-username .forgot-username-panel .mail-check-area,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-forgot-username .forgot-username-panel .mail-check-area,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-forgot-username .forgot-username-panel .mail-check-area,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-forgot-username .forgot-username-panel .mail-check-area,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-login-screen .forgot-username-panel .mail-check-area,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-login-screen .forgot-username-panel .mail-check-area,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-login-screen .forgot-username-panel .mail-check-area,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-login-screen .forgot-username-panel .mail-check-area,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-forgot-username .check-your-email .mail-check-area,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-forgot-username .check-your-email .mail-check-area,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-forgot-username .check-your-email .mail-check-area,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-forgot-username .check-your-email .mail-check-area,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-login-screen .check-your-email .mail-check-area,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-login-screen .check-your-email .mail-check-area,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-login-screen .check-your-email .mail-check-area,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-login-screen .check-your-email .mail-check-area,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-forgot-username .new-login-screen-panel .mail-check-area,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-forgot-username .new-login-screen-panel .mail-check-area,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-forgot-username .new-login-screen-panel .mail-check-area,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-forgot-username .new-login-screen-panel .mail-check-area,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-login-screen .new-login-screen-panel .mail-check-area,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-login-screen .new-login-screen-panel .mail-check-area,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-login-screen .new-login-screen-panel .mail-check-area,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-login-screen .new-login-screen-panel .mail-check-area {
  border-radius: 50%;
  background-color: #dcf5d6;
  position: relative;
  padding: 12px;
  width: 40px;
  height: 40px;
  margin-bottom: 32px;
}
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-forgot-username .forgot-username-panel .mail-check-area .mail-check-area-icon:after,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-forgot-username .forgot-username-panel .mail-check-area .mail-check-area-icon:after,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-forgot-username .forgot-username-panel .mail-check-area .mail-check-area-icon:after,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-forgot-username .forgot-username-panel .mail-check-area .mail-check-area-icon:after,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-login-screen .forgot-username-panel .mail-check-area .mail-check-area-icon:after,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-login-screen .forgot-username-panel .mail-check-area .mail-check-area-icon:after,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-login-screen .forgot-username-panel .mail-check-area .mail-check-area-icon:after,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-login-screen .forgot-username-panel .mail-check-area .mail-check-area-icon:after,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-forgot-username .check-your-email .mail-check-area .mail-check-area-icon:after,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-forgot-username .check-your-email .mail-check-area .mail-check-area-icon:after,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-forgot-username .check-your-email .mail-check-area .mail-check-area-icon:after,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-forgot-username .check-your-email .mail-check-area .mail-check-area-icon:after,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-login-screen .check-your-email .mail-check-area .mail-check-area-icon:after,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-login-screen .check-your-email .mail-check-area .mail-check-area-icon:after,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-login-screen .check-your-email .mail-check-area .mail-check-area-icon:after,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-login-screen .check-your-email .mail-check-area .mail-check-area-icon:after,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-forgot-username .new-login-screen-panel .mail-check-area .mail-check-area-icon:after,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-forgot-username .new-login-screen-panel .mail-check-area .mail-check-area-icon:after,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-forgot-username .new-login-screen-panel .mail-check-area .mail-check-area-icon:after,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-forgot-username .new-login-screen-panel .mail-check-area .mail-check-area-icon:after,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-login-screen .new-login-screen-panel .mail-check-area .mail-check-area-icon:after,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-login-screen .new-login-screen-panel .mail-check-area .mail-check-area-icon:after,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-login-screen .new-login-screen-panel .mail-check-area .mail-check-area-icon:after,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-login-screen .new-login-screen-panel .mail-check-area .mail-check-area-icon:after {
  display: inline-block;
  content: '';
  width: 16px;
  height: 16px;
  background-image: url('/Content/Images/icons/email-forgot-username-icon.svg');
  float: left;
  background-repeat: no-repeat;
  margin-right: 12px;
}
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-forgot-username .forgot-username-panel .mail-check-area .mail-check-area-icon.mail-send-area-icon:after,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-forgot-username .forgot-username-panel .mail-check-area .mail-check-area-icon.mail-send-area-icon:after,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-forgot-username .forgot-username-panel .mail-check-area .mail-check-area-icon.mail-send-area-icon:after,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-forgot-username .forgot-username-panel .mail-check-area .mail-check-area-icon.mail-send-area-icon:after,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-login-screen .forgot-username-panel .mail-check-area .mail-check-area-icon.mail-send-area-icon:after,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-login-screen .forgot-username-panel .mail-check-area .mail-check-area-icon.mail-send-area-icon:after,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-login-screen .forgot-username-panel .mail-check-area .mail-check-area-icon.mail-send-area-icon:after,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-login-screen .forgot-username-panel .mail-check-area .mail-check-area-icon.mail-send-area-icon:after,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-forgot-username .check-your-email .mail-check-area .mail-check-area-icon.mail-send-area-icon:after,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-forgot-username .check-your-email .mail-check-area .mail-check-area-icon.mail-send-area-icon:after,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-forgot-username .check-your-email .mail-check-area .mail-check-area-icon.mail-send-area-icon:after,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-forgot-username .check-your-email .mail-check-area .mail-check-area-icon.mail-send-area-icon:after,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-login-screen .check-your-email .mail-check-area .mail-check-area-icon.mail-send-area-icon:after,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-login-screen .check-your-email .mail-check-area .mail-check-area-icon.mail-send-area-icon:after,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-login-screen .check-your-email .mail-check-area .mail-check-area-icon.mail-send-area-icon:after,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-login-screen .check-your-email .mail-check-area .mail-check-area-icon.mail-send-area-icon:after,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-forgot-username .new-login-screen-panel .mail-check-area .mail-check-area-icon.mail-send-area-icon:after,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-forgot-username .new-login-screen-panel .mail-check-area .mail-check-area-icon.mail-send-area-icon:after,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-forgot-username .new-login-screen-panel .mail-check-area .mail-check-area-icon.mail-send-area-icon:after,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-forgot-username .new-login-screen-panel .mail-check-area .mail-check-area-icon.mail-send-area-icon:after,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-login-screen .new-login-screen-panel .mail-check-area .mail-check-area-icon.mail-send-area-icon:after,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-login-screen .new-login-screen-panel .mail-check-area .mail-check-area-icon.mail-send-area-icon:after,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-login-screen .new-login-screen-panel .mail-check-area .mail-check-area-icon.mail-send-area-icon:after,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-login-screen .new-login-screen-panel .mail-check-area .mail-check-area-icon.mail-send-area-icon:after {
  background-image: url('/Content/Images/icons/thumb_up_reset_pass.svg');
}
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-forgot-username .success-msg-for-mail .check-your-email .content-text,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-forgot-username .success-msg-for-mail .check-your-email .content-text,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-forgot-username .success-msg-for-mail .check-your-email .content-text,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-forgot-username .success-msg-for-mail .check-your-email .content-text,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-login-screen .success-msg-for-mail .check-your-email .content-text,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-login-screen .success-msg-for-mail .check-your-email .content-text,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-login-screen .success-msg-for-mail .check-your-email .content-text,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-login-screen .success-msg-for-mail .check-your-email .content-text {
  margin-bottom: 32px;
}
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-forgot-username .success-msg-for-mail .check-your-email h1.title-text-paragraph,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-forgot-username .success-msg-for-mail .check-your-email h1.title-text-paragraph,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-forgot-username .success-msg-for-mail .check-your-email h1.title-text-paragraph,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-forgot-username .success-msg-for-mail .check-your-email h1.title-text-paragraph,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-login-screen .success-msg-for-mail .check-your-email h1.title-text-paragraph,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-login-screen .success-msg-for-mail .check-your-email h1.title-text-paragraph,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-login-screen .success-msg-for-mail .check-your-email h1.title-text-paragraph,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-login-screen .success-msg-for-mail .check-your-email h1.title-text-paragraph {
  font-family: 'Noto Serif', serif;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 40px;
  color: #1c304b;
  padding: 0px;
  margin: 0px;
  text-align: center;
}
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-forgot-username .success-msg-for-mail .check-your-email .content-text-paragraph,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-forgot-username .success-msg-for-mail .check-your-email .content-text-paragraph,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-forgot-username .success-msg-for-mail .check-your-email .content-text-paragraph,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-forgot-username .success-msg-for-mail .check-your-email .content-text-paragraph,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-login-screen .success-msg-for-mail .check-your-email .content-text-paragraph,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-login-screen .success-msg-for-mail .check-your-email .content-text-paragraph,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-login-screen .success-msg-for-mail .check-your-email .content-text-paragraph,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-login-screen .success-msg-for-mail .check-your-email .content-text-paragraph {
  font-family: 'Noto Sans', sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  text-align: center;
}
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-forgot-username .success-msg-for-mail .check-your-email .content-text-paragraph span,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-forgot-username .success-msg-for-mail .check-your-email .content-text-paragraph span,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-forgot-username .success-msg-for-mail .check-your-email .content-text-paragraph span,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-forgot-username .success-msg-for-mail .check-your-email .content-text-paragraph span,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-login-screen .success-msg-for-mail .check-your-email .content-text-paragraph span,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-login-screen .success-msg-for-mail .check-your-email .content-text-paragraph span,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-login-screen .success-msg-for-mail .check-your-email .content-text-paragraph span,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-login-screen .success-msg-for-mail .check-your-email .content-text-paragraph span {
  color: #aa0285;
  font-weight: 600;
}
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-forgot-username .success-msg-for-mail.reset-pass-mail,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-forgot-username .success-msg-for-mail.reset-pass-mail,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-forgot-username .success-msg-for-mail.reset-pass-mail,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-forgot-username .success-msg-for-mail.reset-pass-mail,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-login-screen .success-msg-for-mail.reset-pass-mail,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-login-screen .success-msg-for-mail.reset-pass-mail,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-login-screen .success-msg-for-mail.reset-pass-mail,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-login-screen .success-msg-for-mail.reset-pass-mail {
  width: 100%;
  text-align: center;
}
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-forgot-username .success-msg-for-mail.reset-pass-mail .check-your-email,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-forgot-username .success-msg-for-mail.reset-pass-mail .check-your-email,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-forgot-username .success-msg-for-mail.reset-pass-mail .check-your-email,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-forgot-username .success-msg-for-mail.reset-pass-mail .check-your-email,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-login-screen .success-msg-for-mail.reset-pass-mail .check-your-email,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-login-screen .success-msg-for-mail.reset-pass-mail .check-your-email,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-login-screen .success-msg-for-mail.reset-pass-mail .check-your-email,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-login-screen .success-msg-for-mail.reset-pass-mail .check-your-email {
  width: 100%;
  text-align: center;
}
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-forgot-username .success-msg-for-mail.reset-pass-mail .check-your-email .mail-check-area-outer,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-forgot-username .success-msg-for-mail.reset-pass-mail .check-your-email .mail-check-area-outer,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-forgot-username .success-msg-for-mail.reset-pass-mail .check-your-email .mail-check-area-outer,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-forgot-username .success-msg-for-mail.reset-pass-mail .check-your-email .mail-check-area-outer,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-login-screen .success-msg-for-mail.reset-pass-mail .check-your-email .mail-check-area-outer,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-login-screen .success-msg-for-mail.reset-pass-mail .check-your-email .mail-check-area-outer,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-login-screen .success-msg-for-mail.reset-pass-mail .check-your-email .mail-check-area-outer,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-login-screen .success-msg-for-mail.reset-pass-mail .check-your-email .mail-check-area-outer {
  width: 100%;
  display: flex;
  justify-content: center;
}
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-forgot-username .success-msg-for-mail.reset-pass-mail .check-your-email .new-login-screen-button-panel,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-forgot-username .success-msg-for-mail.reset-pass-mail .check-your-email .new-login-screen-button-panel,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-forgot-username .success-msg-for-mail.reset-pass-mail .check-your-email .new-login-screen-button-panel,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-forgot-username .success-msg-for-mail.reset-pass-mail .check-your-email .new-login-screen-button-panel,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-login-screen .success-msg-for-mail.reset-pass-mail .check-your-email .new-login-screen-button-panel,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-login-screen .success-msg-for-mail.reset-pass-mail .check-your-email .new-login-screen-button-panel,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-login-screen .success-msg-for-mail.reset-pass-mail .check-your-email .new-login-screen-button-panel,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-login-screen .success-msg-for-mail.reset-pass-mail .check-your-email .new-login-screen-button-panel {
  padding-top: 48px;
  padding-bottom: 16px;
  text-align: center;
}
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-forgot-username .success-msg-for-mail.reset-pass-mail .check-your-email .new-login-screen-button-panel .primary-btn--lg,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-forgot-username .success-msg-for-mail.reset-pass-mail .check-your-email .new-login-screen-button-panel .primary-btn--lg,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-forgot-username .success-msg-for-mail.reset-pass-mail .check-your-email .new-login-screen-button-panel .primary-btn--lg,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-forgot-username .success-msg-for-mail.reset-pass-mail .check-your-email .new-login-screen-button-panel .primary-btn--lg,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-login-screen .success-msg-for-mail.reset-pass-mail .check-your-email .new-login-screen-button-panel .primary-btn--lg,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-login-screen .success-msg-for-mail.reset-pass-mail .check-your-email .new-login-screen-button-panel .primary-btn--lg,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-login-screen .success-msg-for-mail.reset-pass-mail .check-your-email .new-login-screen-button-panel .primary-btn--lg,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-login-screen .success-msg-for-mail.reset-pass-mail .check-your-email .new-login-screen-button-panel .primary-btn--lg {
  width: auto;
  min-width: 205px;
  text-align: center;
}
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-forgot-username .content-section-username,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-forgot-username .content-section-username,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-forgot-username .content-section-username,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-forgot-username .content-section-username,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-login-screen .content-section-username,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-login-screen .content-section-username,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-login-screen .content-section-username,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-login-screen .content-section-username,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-forgot-username .content-section-new-login-screen,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-forgot-username .content-section-new-login-screen,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-forgot-username .content-section-new-login-screen,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-forgot-username .content-section-new-login-screen,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-login-screen .content-section-new-login-screen,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-login-screen .content-section-new-login-screen,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-login-screen .content-section-new-login-screen,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-login-screen .content-section-new-login-screen {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  min-height: 70vh;
}
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-forgot-username .validation-fields .form-group-auth,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-forgot-username .validation-fields .form-group-auth,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-forgot-username .validation-fields .form-group-auth,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-forgot-username .validation-fields .form-group-auth,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-login-screen .validation-fields .form-group-auth,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-login-screen .validation-fields .form-group-auth,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-login-screen .validation-fields .form-group-auth,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-login-screen .validation-fields .form-group-auth {
  margin-bottom: 24px;
}
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-forgot-username .validation-fields .pass-show-internal,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-forgot-username .validation-fields .pass-show-internal,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-forgot-username .validation-fields .pass-show-internal,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-forgot-username .validation-fields .pass-show-internal,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-login-screen .validation-fields .pass-show-internal,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-login-screen .validation-fields .pass-show-internal,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-login-screen .validation-fields .pass-show-internal,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-login-screen .validation-fields .pass-show-internal {
  border: none;
  position: absolute;
  right: 10px;
  top: 18px;
  height: auto;
}
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-forgot-username .validation-fields .pass-show-internal:focus-visible,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-forgot-username .validation-fields .pass-show-internal:focus-visible,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-forgot-username .validation-fields .pass-show-internal:focus-visible,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-forgot-username .validation-fields .pass-show-internal:focus-visible,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-login-screen .validation-fields .pass-show-internal:focus-visible,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-login-screen .validation-fields .pass-show-internal:focus-visible,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-login-screen .validation-fields .pass-show-internal:focus-visible,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-login-screen .validation-fields .pass-show-internal:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -2px !important;
  border-radius: 8px !important;
}
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-forgot-username .validation-fields .validation-auth-row .col-auth,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-forgot-username .validation-fields .validation-auth-row .col-auth,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-forgot-username .validation-fields .validation-auth-row .col-auth,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-forgot-username .validation-fields .validation-auth-row .col-auth,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-login-screen .validation-fields .validation-auth-row .col-auth,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-login-screen .validation-fields .validation-auth-row .col-auth,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-login-screen .validation-fields .validation-auth-row .col-auth,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-login-screen .validation-fields .validation-auth-row .col-auth {
  margin-top: 8px;
}
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-forgot-username .validation-fields .validation-auth-row .col-auth span.body_medium,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-forgot-username .validation-fields .validation-auth-row .col-auth span.body_medium,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-forgot-username .validation-fields .validation-auth-row .col-auth span.body_medium,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-forgot-username .validation-fields .validation-auth-row .col-auth span.body_medium,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-login-screen .validation-fields .validation-auth-row .col-auth span.body_medium,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-login-screen .validation-fields .validation-auth-row .col-auth span.body_medium,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-login-screen .validation-fields .validation-auth-row .col-auth span.body_medium,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-login-screen .validation-fields .validation-auth-row .col-auth span.body_medium {
  margin-left: 12px;
}
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-forgot-username .validation-fields label,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-forgot-username .validation-fields label,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-forgot-username .validation-fields label,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-forgot-username .validation-fields label,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-login-screen .validation-fields label,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-login-screen .validation-fields label,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-login-screen .validation-fields label,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-login-screen .validation-fields label {
  margin-bottom: 8px;
}
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-forgot-username .validation-fields input[type="text"],
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-forgot-username .validation-fields input[type="text"],
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-forgot-username .validation-fields input[type="text"],
.main-content-new-login-screen .new-login-screen-layout .left-section-new-forgot-username .validation-fields input[type="text"],
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-login-screen .validation-fields input[type="text"],
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-login-screen .validation-fields input[type="text"],
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-login-screen .validation-fields input[type="text"],
.main-content-new-login-screen .new-login-screen-layout .left-section-new-login-screen .validation-fields input[type="text"],
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-forgot-username .validation-fields input[type="password"],
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-forgot-username .validation-fields input[type="password"],
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-forgot-username .validation-fields input[type="password"],
.main-content-new-login-screen .new-login-screen-layout .left-section-new-forgot-username .validation-fields input[type="password"],
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-login-screen .validation-fields input[type="password"],
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-login-screen .validation-fields input[type="password"],
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-login-screen .validation-fields input[type="password"],
.main-content-new-login-screen .new-login-screen-layout .left-section-new-login-screen .validation-fields input[type="password"] {
  border: 1px solid #1c304b;
  border-radius: 8px;
  width: 100%;
  height: 40px;
  font-size: 14px;
  font-weight: 400;
  font-family: 'Noto Sans', sans-serif;
  color: #1c304b;
  padding: 8px 16px;
  line-height: 24px;
}
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-forgot-username .validation-fields input[type="text"]:focus,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-forgot-username .validation-fields input[type="text"]:focus,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-forgot-username .validation-fields input[type="text"]:focus,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-forgot-username .validation-fields input[type="text"]:focus,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-login-screen .validation-fields input[type="text"]:focus,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-login-screen .validation-fields input[type="text"]:focus,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-login-screen .validation-fields input[type="text"]:focus,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-login-screen .validation-fields input[type="text"]:focus,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-forgot-username .validation-fields input[type="password"]:focus,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-forgot-username .validation-fields input[type="password"]:focus,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-forgot-username .validation-fields input[type="password"]:focus,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-forgot-username .validation-fields input[type="password"]:focus,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-login-screen .validation-fields input[type="password"]:focus,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-login-screen .validation-fields input[type="password"]:focus,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-login-screen .validation-fields input[type="password"]:focus,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-login-screen .validation-fields input[type="password"]:focus,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-forgot-username .validation-fields input[type="text"]:focus-visible,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-forgot-username .validation-fields input[type="text"]:focus-visible,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-forgot-username .validation-fields input[type="text"]:focus-visible,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-forgot-username .validation-fields input[type="text"]:focus-visible,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-login-screen .validation-fields input[type="text"]:focus-visible,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-login-screen .validation-fields input[type="text"]:focus-visible,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-login-screen .validation-fields input[type="text"]:focus-visible,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-login-screen .validation-fields input[type="text"]:focus-visible,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-forgot-username .validation-fields input[type="password"]:focus-visible,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-forgot-username .validation-fields input[type="password"]:focus-visible,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-forgot-username .validation-fields input[type="password"]:focus-visible,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-forgot-username .validation-fields input[type="password"]:focus-visible,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-login-screen .validation-fields input[type="password"]:focus-visible,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-login-screen .validation-fields input[type="password"]:focus-visible,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-login-screen .validation-fields input[type="password"]:focus-visible,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-login-screen .validation-fields input[type="password"]:focus-visible {
  border: 1px solid #aa0285;
}
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-forgot-username .validation-fields input[type="text"]:disabled,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-forgot-username .validation-fields input[type="text"]:disabled,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-forgot-username .validation-fields input[type="text"]:disabled,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-forgot-username .validation-fields input[type="text"]:disabled,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-login-screen .validation-fields input[type="text"]:disabled,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-login-screen .validation-fields input[type="text"]:disabled,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-login-screen .validation-fields input[type="text"]:disabled,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-login-screen .validation-fields input[type="text"]:disabled,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-forgot-username .validation-fields input[type="password"]:disabled,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-forgot-username .validation-fields input[type="password"]:disabled,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-forgot-username .validation-fields input[type="password"]:disabled,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-forgot-username .validation-fields input[type="password"]:disabled,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-login-screen .validation-fields input[type="password"]:disabled,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-login-screen .validation-fields input[type="password"]:disabled,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-login-screen .validation-fields input[type="password"]:disabled,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-login-screen .validation-fields input[type="password"]:disabled {
  background-color: white;
  border: 1px solid #ced7e4;
  color: #adadb5 !important;
}
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-forgot-username .validation-fields input[type="text"]:disabled::placeholder,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-forgot-username .validation-fields input[type="text"]:disabled::placeholder,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-forgot-username .validation-fields input[type="text"]:disabled::placeholder,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-forgot-username .validation-fields input[type="text"]:disabled::placeholder,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-login-screen .validation-fields input[type="text"]:disabled::placeholder,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-login-screen .validation-fields input[type="text"]:disabled::placeholder,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-login-screen .validation-fields input[type="text"]:disabled::placeholder,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-login-screen .validation-fields input[type="text"]:disabled::placeholder,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-forgot-username .validation-fields input[type="password"]:disabled::placeholder,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-forgot-username .validation-fields input[type="password"]:disabled::placeholder,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-forgot-username .validation-fields input[type="password"]:disabled::placeholder,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-forgot-username .validation-fields input[type="password"]:disabled::placeholder,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-login-screen .validation-fields input[type="password"]:disabled::placeholder,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-login-screen .validation-fields input[type="password"]:disabled::placeholder,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-login-screen .validation-fields input[type="password"]:disabled::placeholder,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-login-screen .validation-fields input[type="password"]:disabled::placeholder {
  color: #45505f;
}
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-forgot-username .validation-fields input[type="text"]::placeholder,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-forgot-username .validation-fields input[type="text"]::placeholder,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-forgot-username .validation-fields input[type="text"]::placeholder,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-forgot-username .validation-fields input[type="text"]::placeholder,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-login-screen .validation-fields input[type="text"]::placeholder,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-login-screen .validation-fields input[type="text"]::placeholder,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-login-screen .validation-fields input[type="text"]::placeholder,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-login-screen .validation-fields input[type="text"]::placeholder,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-forgot-username .validation-fields input[type="password"]::placeholder,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-forgot-username .validation-fields input[type="password"]::placeholder,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-forgot-username .validation-fields input[type="password"]::placeholder,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-forgot-username .validation-fields input[type="password"]::placeholder,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-login-screen .validation-fields input[type="password"]::placeholder,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-login-screen .validation-fields input[type="password"]::placeholder,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-login-screen .validation-fields input[type="password"]::placeholder,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-login-screen .validation-fields input[type="password"]::placeholder {
  font-size: 14px;
  font-style: normal !important;
  font-weight: 400;
  font-family: 'Noto Sans', sans-serif;
  color: #45505f;
}
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-forgot-username .validation-fields input[type="text"]::-webkit-input-placeholder,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-forgot-username .validation-fields input[type="text"]::-webkit-input-placeholder,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-forgot-username .validation-fields input[type="text"]::-webkit-input-placeholder,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-forgot-username .validation-fields input[type="text"]::-webkit-input-placeholder,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-login-screen .validation-fields input[type="text"]::-webkit-input-placeholder,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-login-screen .validation-fields input[type="text"]::-webkit-input-placeholder,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-login-screen .validation-fields input[type="text"]::-webkit-input-placeholder,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-login-screen .validation-fields input[type="text"]::-webkit-input-placeholder,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-forgot-username .validation-fields input[type="password"]::-webkit-input-placeholder,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-forgot-username .validation-fields input[type="password"]::-webkit-input-placeholder,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-forgot-username .validation-fields input[type="password"]::-webkit-input-placeholder,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-forgot-username .validation-fields input[type="password"]::-webkit-input-placeholder,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-login-screen .validation-fields input[type="password"]::-webkit-input-placeholder,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-login-screen .validation-fields input[type="password"]::-webkit-input-placeholder,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-login-screen .validation-fields input[type="password"]::-webkit-input-placeholder,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-login-screen .validation-fields input[type="password"]::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-size: 14px;
  font-style: normal !important;
  font-weight: 400;
  font-family: 'Noto Sans', sans-serif;
  color: #45505f;
}
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-forgot-username .validation-fields input[type="text"]::-moz-placeholder,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-forgot-username .validation-fields input[type="text"]::-moz-placeholder,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-forgot-username .validation-fields input[type="text"]::-moz-placeholder,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-forgot-username .validation-fields input[type="text"]::-moz-placeholder,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-login-screen .validation-fields input[type="text"]::-moz-placeholder,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-login-screen .validation-fields input[type="text"]::-moz-placeholder,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-login-screen .validation-fields input[type="text"]::-moz-placeholder,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-login-screen .validation-fields input[type="text"]::-moz-placeholder,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-forgot-username .validation-fields input[type="password"]::-moz-placeholder,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-forgot-username .validation-fields input[type="password"]::-moz-placeholder,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-forgot-username .validation-fields input[type="password"]::-moz-placeholder,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-forgot-username .validation-fields input[type="password"]::-moz-placeholder,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-login-screen .validation-fields input[type="password"]::-moz-placeholder,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-login-screen .validation-fields input[type="password"]::-moz-placeholder,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-login-screen .validation-fields input[type="password"]::-moz-placeholder,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-login-screen .validation-fields input[type="password"]::-moz-placeholder {
  /* Firefox 19+ */
  font-size: 14px;
  font-style: normal !important;
  font-weight: 400;
  font-family: 'Noto Sans', sans-serif;
  color: #45505f;
}
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-forgot-username .validation-fields input[type="text"]:-ms-input-placeholder,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-forgot-username .validation-fields input[type="text"]:-ms-input-placeholder,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-forgot-username .validation-fields input[type="text"]:-ms-input-placeholder,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-forgot-username .validation-fields input[type="text"]:-ms-input-placeholder,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-login-screen .validation-fields input[type="text"]:-ms-input-placeholder,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-login-screen .validation-fields input[type="text"]:-ms-input-placeholder,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-login-screen .validation-fields input[type="text"]:-ms-input-placeholder,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-login-screen .validation-fields input[type="text"]:-ms-input-placeholder,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-forgot-username .validation-fields input[type="password"]:-ms-input-placeholder,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-forgot-username .validation-fields input[type="password"]:-ms-input-placeholder,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-forgot-username .validation-fields input[type="password"]:-ms-input-placeholder,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-forgot-username .validation-fields input[type="password"]:-ms-input-placeholder,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-login-screen .validation-fields input[type="password"]:-ms-input-placeholder,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-login-screen .validation-fields input[type="password"]:-ms-input-placeholder,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-login-screen .validation-fields input[type="password"]:-ms-input-placeholder,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-login-screen .validation-fields input[type="password"]:-ms-input-placeholder {
  /* IE 10+ */
  font-size: 14px;
  font-style: normal !important;
  font-weight: 400;
  font-family: 'Noto Sans', sans-serif;
  color: #45505f;
}
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-forgot-username .validation-fields input[type="text"]:read-only,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-forgot-username .validation-fields input[type="text"]:read-only,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-forgot-username .validation-fields input[type="text"]:read-only,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-forgot-username .validation-fields input[type="text"]:read-only,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-login-screen .validation-fields input[type="text"]:read-only,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-login-screen .validation-fields input[type="text"]:read-only,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-login-screen .validation-fields input[type="text"]:read-only,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-login-screen .validation-fields input[type="text"]:read-only,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-forgot-username .validation-fields input[type="password"]:read-only,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-forgot-username .validation-fields input[type="password"]:read-only,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-forgot-username .validation-fields input[type="password"]:read-only,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-forgot-username .validation-fields input[type="password"]:read-only,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-login-screen .validation-fields input[type="password"]:read-only,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-login-screen .validation-fields input[type="password"]:read-only,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-login-screen .validation-fields input[type="password"]:read-only,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-login-screen .validation-fields input[type="password"]:read-only {
  background-color: white;
  border: 1px solid #ced7e4;
  color: #1c304b;
}
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-forgot-username .validation-fields input[type="text"].input-ls,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-forgot-username .validation-fields input[type="text"].input-ls,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-forgot-username .validation-fields input[type="text"].input-ls,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-forgot-username .validation-fields input[type="text"].input-ls,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-login-screen .validation-fields input[type="text"].input-ls,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-login-screen .validation-fields input[type="text"].input-ls,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-login-screen .validation-fields input[type="text"].input-ls,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-login-screen .validation-fields input[type="text"].input-ls,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-forgot-username .validation-fields input[type="password"].input-ls,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-forgot-username .validation-fields input[type="password"].input-ls,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-forgot-username .validation-fields input[type="password"].input-ls,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-forgot-username .validation-fields input[type="password"].input-ls,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-login-screen .validation-fields input[type="password"].input-ls,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-login-screen .validation-fields input[type="password"].input-ls,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-login-screen .validation-fields input[type="password"].input-ls,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-login-screen .validation-fields input[type="password"].input-ls {
  height: 56px;
  padding: 16px 48px 16px 16px;
}
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-forgot-username .validation-fields .required-star,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-forgot-username .validation-fields .required-star,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-forgot-username .validation-fields .required-star,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-forgot-username .validation-fields .required-star,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-login-screen .validation-fields .required-star,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-login-screen .validation-fields .required-star,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-login-screen .validation-fields .required-star,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-login-screen .validation-fields .required-star {
  color: #c70f00;
}
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-forgot-username .validation-fields .error-section,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-forgot-username .validation-fields .error-section,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-forgot-username .validation-fields .error-section,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-forgot-username .validation-fields .error-section,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-login-screen .validation-fields .error-section,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-login-screen .validation-fields .error-section,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-login-screen .validation-fields .error-section,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-login-screen .validation-fields .error-section {
  display: flex;
  width: 100%;
  margin-top: 8px;
  font-family: 'Noto Sans', sans-serif;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: #c70f00;
}
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-forgot-username .validation-fields .error-section .required-errorIcon:after,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-forgot-username .validation-fields .error-section .required-errorIcon:after,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-forgot-username .validation-fields .error-section .required-errorIcon:after,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-forgot-username .validation-fields .error-section .required-errorIcon:after,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-login-screen .validation-fields .error-section .required-errorIcon:after,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-login-screen .validation-fields .error-section .required-errorIcon:after,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-login-screen .validation-fields .error-section .required-errorIcon:after,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-login-screen .validation-fields .error-section .required-errorIcon:after {
  display: inline-block;
  content: '';
  width: 16px;
  height: 16px;
  background-image: url('/Content/Images/icons/required-errorIcon.svg');
  float: left;
  background-repeat: no-repeat;
  margin-right: 8px;
  margin-top: 1px;
}
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-forgot-username .validation-fields .error-section-outer,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-forgot-username .validation-fields .error-section-outer,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-forgot-username .validation-fields .error-section-outer,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-forgot-username .validation-fields .error-section-outer,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-login-screen .validation-fields .error-section-outer,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-login-screen .validation-fields .error-section-outer,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-login-screen .validation-fields .error-section-outer,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-login-screen .validation-fields .error-section-outer {
  display: inline-block !important;
}
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-forgot-username .error-popup-setion,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-forgot-username .error-popup-setion,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-forgot-username .error-popup-setion,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-forgot-username .error-popup-setion,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-login-screen .error-popup-setion,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-login-screen .error-popup-setion,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-login-screen .error-popup-setion,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-login-screen .error-popup-setion {
  background-color: #ffeeec;
  border-top: 1px solid #e28383;
  border-bottom: 1px solid #e28383;
  border-right: 1px solid #e28383;
  border-left: 6px solid #c70f00;
  padding: 20px 16px 20px 44px;
  text-align: left;
  margin-bottom: 24px;
  margin-top: 0px;
  box-sizing: border-box;
  position: relative;
  border-radius: 8px;
  font-family: 'Noto Sans', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #1c304b;
  box-shadow: 6px 4px 24px rgba(28, 48, 75, 0.08);
  display: flex;
}
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-forgot-username .error-popup-setion:before,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-forgot-username .error-popup-setion:before,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-forgot-username .error-popup-setion:before,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-forgot-username .error-popup-setion:before,
.main-content-new-forgot-username .new-forgot-username-layout .left-section-new-login-screen .error-popup-setion:before,
.main-content-new-login-screen .new-forgot-username-layout .left-section-new-login-screen .error-popup-setion:before,
.main-content-new-forgot-username .new-login-screen-layout .left-section-new-login-screen .error-popup-setion:before,
.main-content-new-login-screen .new-login-screen-layout .left-section-new-login-screen .error-popup-setion:before {
  content: '';
  background-image: url(/Content/Images/icons/error-forgot-info-icon.svg);
  width: 20px;
  height: 20px;
  display: inline-block;
  position: absolute;
  top: calc(50% - 10px);
  left: 16px;
  background-repeat: no-repeat;
}
.main-content-new-forgot-username .new-forgot-username-layout .right-section-new-forgot-username,
.main-content-new-login-screen .new-forgot-username-layout .right-section-new-forgot-username,
.main-content-new-forgot-username .new-login-screen-layout .right-section-new-forgot-username,
.main-content-new-login-screen .new-login-screen-layout .right-section-new-forgot-username,
.main-content-new-forgot-username .new-forgot-username-layout .right-section-new-login-screen,
.main-content-new-login-screen .new-forgot-username-layout .right-section-new-login-screen,
.main-content-new-forgot-username .new-login-screen-layout .right-section-new-login-screen,
.main-content-new-login-screen .new-login-screen-layout .right-section-new-login-screen {
  flex: 6;
  width: 50%;
  background-image: url(/Content/Images/login_forgot_1x.webp);
  background-size: cover;
}
@media (max-width: 768px) {
  .main-content-new-forgot-username .new-forgot-username-layout .right-section-new-forgot-username,
  .main-content-new-login-screen .new-forgot-username-layout .right-section-new-forgot-username,
  .main-content-new-forgot-username .new-login-screen-layout .right-section-new-forgot-username,
  .main-content-new-login-screen .new-login-screen-layout .right-section-new-forgot-username,
  .main-content-new-forgot-username .new-forgot-username-layout .right-section-new-login-screen,
  .main-content-new-login-screen .new-forgot-username-layout .right-section-new-login-screen,
  .main-content-new-forgot-username .new-login-screen-layout .right-section-new-login-screen,
  .main-content-new-login-screen .new-login-screen-layout .right-section-new-login-screen {
    display: none;
  }
}
.popup-modal-refresh.contact-support-popup.modal.fade {
  margin-bottom: 0px;
}
@media (min-width: 768px) {
  .popup-modal-refresh.contact-support-popup .modal-dialog {
    width: 568px;
    margin: 30px auto;
  }
}
@media screen and (max-width: 435px) {
  .popup-modal-refresh.contact-support-popup .modal-dialog {
    width: 358px;
    position: relative;
    margin: 0px auto;
  }
}
.modal-dialog .modal-content {
  background-clip: border-box;
  border: none !important;
  border-radius: 8px;
  position: relative;
  background-color: white;
  border: 1px solid #999999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  outline: 0;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
}
.modal-dialog .candidateSupportFormPreLogin #exp-modal .modal-body .email-address-support .hint-text,
.modal-dialog .candidateSupportForm #exp-modal .modal-body .email-address-support .hint-text {
  display: none;
}
.modal-dialog .candidateSupportFormPreLogin #exp-modal.popupContainer.pause-program-modal,
.modal-dialog .candidateSupportForm #exp-modal.popupContainer.pause-program-modal {
  word-break: break-word;
}
.modal-dialog .candidateSupportFormPreLogin #exp-modal .modal-header,
.modal-dialog .candidateSupportForm #exp-modal .modal-header {
  padding: 24px 40px;
  background: #f2f2f7;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom: none;
  display: flex;
  flex-direction: row;
  flex-grow: 0;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
}
.modal-dialog .candidateSupportFormPreLogin #exp-modal .modal-header a,
.modal-dialog .candidateSupportForm #exp-modal .modal-header a {
  outline-offset: -2px;
}
.modal-dialog .candidateSupportFormPreLogin #exp-modal .modal-header a:focus-visible:not(:active),
.modal-dialog .candidateSupportForm #exp-modal .modal-header a:focus-visible:not(:active) {
  outline: 4px solid #ff5858 !important;
  border-radius: 2px;
  outline-offset: -2px;
}
.modal-dialog .candidateSupportFormPreLogin #exp-modal.popupContainer.pause-program-modal .bodyText .control-box-popup,
.modal-dialog .candidateSupportForm #exp-modal.popupContainer.pause-program-modal .bodyText .control-box-popup {
  width: 100%;
  margin-bottom: 20px;
}
.modal-dialog .candidateSupportFormPreLogin #exp-modal .modal-body input[type="text"],
.modal-dialog .candidateSupportForm #exp-modal .modal-body input[type="text"] {
  border: 1px solid #1c304b;
  border-radius: 8px;
  width: 100%;
  height: 40px;
  font-size: 14px;
  font-weight: 400;
  font-family: 'Noto Sans', sans-serif;
  color: #1c304b;
  padding: 8px 16px;
  line-height: 24px;
  display: block;
}
.modal-dialog .candidateSupportFormPreLogin #exp-modal .modal-body input[type="text"]::placeholder,
.modal-dialog .candidateSupportForm #exp-modal .modal-body input[type="text"]::placeholder {
  font-size: 14px;
  font-style: normal !important;
  font-weight: 400;
  font-family: 'Noto Sans', sans-serif;
  color: #45505f;
}
.modal-dialog .candidateSupportFormPreLogin #exp-modal .modal-body input[type="text"]::-webkit-input-placeholder,
.modal-dialog .candidateSupportForm #exp-modal .modal-body input[type="text"]::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-size: 14px;
  font-style: normal !important;
  font-weight: 400;
  font-family: 'Noto Sans', sans-serif;
  color: #45505f;
}
.modal-dialog .candidateSupportFormPreLogin #exp-modal .modal-body input[type="text"]::-moz-placeholder,
.modal-dialog .candidateSupportForm #exp-modal .modal-body input[type="text"]::-moz-placeholder {
  /* Firefox 19+ */
  font-size: 14px;
  font-style: normal !important;
  font-weight: 400;
  font-family: 'Noto Sans', sans-serif;
  color: #45505f;
}
.modal-dialog .candidateSupportFormPreLogin #exp-modal .modal-body input[type="text"]:-ms-input-placeholder,
.modal-dialog .candidateSupportForm #exp-modal .modal-body input[type="text"]:-ms-input-placeholder {
  /* IE 10+ */
  font-size: 14px;
  font-style: normal !important;
  font-weight: 400;
  font-family: 'Noto Sans', sans-serif;
  color: #45505f;
}
.modal-dialog .candidateSupportFormPreLogin #exp-modal .modal-body textarea,
.modal-dialog .candidateSupportForm #exp-modal .modal-body textarea {
  resize: vertical;
}
.modal-dialog .candidateSupportFormPreLogin #exp-modal .modal-body textarea.control-large,
.modal-dialog .candidateSupportForm #exp-modal .modal-body textarea.control-large {
  min-height: 96px;
  width: 100% !important;
  border: 1px solid #1c304b;
  border-radius: 8px;
  font-family: 'Noto Sans', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #1c304b;
  padding: 16px;
  margin-top: 0px;
}
.modal-dialog .candidateSupportFormPreLogin #exp-modal .modal-body textarea.control-large::placeholder,
.modal-dialog .candidateSupportForm #exp-modal .modal-body textarea.control-large::placeholder {
  font-size: 14px;
  font-style: normal !important;
  font-weight: 400;
  font-family: 'Noto Sans', sans-serif;
  color: #45505f;
}
.modal-dialog .candidateSupportFormPreLogin #exp-modal .modal-body textarea.control-large::-webkit-input-placeholder,
.modal-dialog .candidateSupportForm #exp-modal .modal-body textarea.control-large::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-size: 14px;
  font-style: normal !important;
  font-weight: 400;
  font-family: 'Noto Sans', sans-serif;
  color: #45505f;
}
.modal-dialog .candidateSupportFormPreLogin #exp-modal .modal-body textarea.control-large::-moz-placeholder,
.modal-dialog .candidateSupportForm #exp-modal .modal-body textarea.control-large::-moz-placeholder {
  /* Firefox 19+ */
  font-size: 14px;
  font-style: normal !important;
  font-weight: 400;
  font-family: 'Noto Sans', sans-serif;
  color: #45505f;
}
.modal-dialog .candidateSupportFormPreLogin #exp-modal .modal-body textarea.control-large:-ms-input-placeholder,
.modal-dialog .candidateSupportForm #exp-modal .modal-body textarea.control-large:-ms-input-placeholder {
  /* IE 10+ */
  font-size: 14px;
  font-style: normal !important;
  font-weight: 400;
  font-family: 'Noto Sans', sans-serif;
  color: #45505f;
}
.modal-dialog .candidateSupportFormPreLogin #exp-modal .modal-body textarea.control-large:focus-visible,
.modal-dialog .candidateSupportForm #exp-modal .modal-body textarea.control-large:focus-visible,
.modal-dialog .candidateSupportFormPreLogin #exp-modal .modal-body textarea.control-large:focus,
.modal-dialog .candidateSupportForm #exp-modal .modal-body textarea.control-large:focus {
  border: 1px solid #aa0285;
}
.modal-dialog .candidateSupportFormPreLogin #exp-modal.popupContainer.pause-program-modal .modal-footer.modal-footer-program .btnContainer,
.modal-dialog .candidateSupportForm #exp-modal.popupContainer.pause-program-modal .modal-footer.modal-footer-program .btnContainer {
  padding: 0;
  display: flex;
  gap: 8px;
  flex-direction: row-reverse;
  justify-content: flex-start;
  flex-wrap: nowrap;
}
.modal-dialog .candidateSupportFormPreLogin #exp-modal.popupContainer.pause-program-modal .modal-footer.modal-footer-program .btnContainer .pauseBtn,
.modal-dialog .candidateSupportForm #exp-modal.popupContainer.pause-program-modal .modal-footer.modal-footer-program .btnContainer .pauseBtn {
  width: 100%;
  font-weight: 500;
  min-width: 176px;
  font-size: 14px;
  line-height: 24px;
  font-family: Noto Sans, sans-serif;
  text-transform: uppercase;
  color: white;
  background-color: #441750;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  padding: 8px 24px;
  font-family: 'Noto Sans', sans-serif;
}
.modal-dialog .candidateSupportFormPreLogin #exp-modal.popupContainer.pause-program-modal .modal-footer.modal-footer-program .btnContainer .pauseBtn:active,
.modal-dialog .candidateSupportForm #exp-modal.popupContainer.pause-program-modal .modal-footer.modal-footer-program .btnContainer .pauseBtn:active {
  color: white;
  background: #390447;
}
.modal-dialog .candidateSupportFormPreLogin #exp-modal.popupContainer.pause-program-modal .modal-footer.modal-footer-program .btnContainer .pauseBtn:hover,
.modal-dialog .candidateSupportForm #exp-modal.popupContainer.pause-program-modal .modal-footer.modal-footer-program .btnContainer .pauseBtn:hover {
  background-color: #613e6b;
}
.modal-dialog .candidateSupportFormPreLogin #exp-modal.popupContainer.pause-program-modal .modal-footer.modal-footer-program .btnContainer .pauseBtn:focus,
.modal-dialog .candidateSupportForm #exp-modal.popupContainer.pause-program-modal .modal-footer.modal-footer-program .btnContainer .pauseBtn:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.modal-dialog .candidateSupportFormPreLogin #exp-modal.popupContainer.pause-program-modal .modal-footer.modal-footer-program .btnContainer .pauseBtn:focus-visible,
.modal-dialog .candidateSupportForm #exp-modal.popupContainer.pause-program-modal .modal-footer.modal-footer-program .btnContainer .pauseBtn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.modal-dialog .candidateSupportFormPreLogin #exp-modal.popupContainer.pause-program-modal .modal-footer.modal-footer-program .btnContainer .pauseBtn:active,
.modal-dialog .candidateSupportForm #exp-modal.popupContainer.pause-program-modal .modal-footer.modal-footer-program .btnContainer .pauseBtn:active {
  color: white;
  background: #390447;
}
.modal-dialog .candidateSupportFormPreLogin #exp-modal.popupContainer.pause-program-modal .modal-footer.modal-footer-program .btnContainer .pauseBtn:hover,
.modal-dialog .candidateSupportForm #exp-modal.popupContainer.pause-program-modal .modal-footer.modal-footer-program .btnContainer .pauseBtn:hover {
  background-color: #613e6b;
}
.modal-dialog .candidateSupportFormPreLogin #exp-modal.popupContainer.pause-program-modal .modal-footer.modal-footer-program .btnContainer .pauseBtn:focus,
.modal-dialog .candidateSupportForm #exp-modal.popupContainer.pause-program-modal .modal-footer.modal-footer-program .btnContainer .pauseBtn:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.modal-dialog .candidateSupportFormPreLogin #exp-modal.popupContainer.pause-program-modal .modal-footer.modal-footer-program .btnContainer .pauseBtn:focus-visible,
.modal-dialog .candidateSupportForm #exp-modal.popupContainer.pause-program-modal .modal-footer.modal-footer-program .btnContainer .pauseBtn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.modal-dialog .candidateSupportFormPreLogin #exp-modal.popupContainer.pause-program-modal .modal-footer.modal-footer-program .btnContainer .pauseBtn:active,
.modal-dialog .candidateSupportForm #exp-modal.popupContainer.pause-program-modal .modal-footer.modal-footer-program .btnContainer .pauseBtn:active {
  color: white;
  background: #390447;
}
.modal-dialog .candidateSupportFormPreLogin #exp-modal.popupContainer.pause-program-modal .modal-footer.modal-footer-program .btnContainer .pauseBtn:hover,
.modal-dialog .candidateSupportForm #exp-modal.popupContainer.pause-program-modal .modal-footer.modal-footer-program .btnContainer .pauseBtn:hover {
  background-color: #613e6b;
}
.modal-dialog .candidateSupportFormPreLogin #exp-modal.popupContainer.pause-program-modal .modal-footer.modal-footer-program .btnContainer .pauseBtn:focus,
.modal-dialog .candidateSupportForm #exp-modal.popupContainer.pause-program-modal .modal-footer.modal-footer-program .btnContainer .pauseBtn:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.modal-dialog .candidateSupportFormPreLogin #exp-modal.popupContainer.pause-program-modal .modal-footer.modal-footer-program .btnContainer .pauseBtn:focus-visible,
.modal-dialog .candidateSupportForm #exp-modal.popupContainer.pause-program-modal .modal-footer.modal-footer-program .btnContainer .pauseBtn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.modal-dialog .candidateSupportFormPreLogin #exp-modal.popupContainer.pause-program-modal .modal-footer.modal-footer-program .btnContainer .pauseBtn:active,
.modal-dialog .candidateSupportForm #exp-modal.popupContainer.pause-program-modal .modal-footer.modal-footer-program .btnContainer .pauseBtn:active {
  color: white;
  background: #390447;
}
.modal-dialog .candidateSupportFormPreLogin #exp-modal.popupContainer.pause-program-modal .modal-footer.modal-footer-program .btnContainer .pauseBtn:hover,
.modal-dialog .candidateSupportForm #exp-modal.popupContainer.pause-program-modal .modal-footer.modal-footer-program .btnContainer .pauseBtn:hover {
  background-color: #613e6b;
}
.modal-dialog .candidateSupportFormPreLogin #exp-modal.popupContainer.pause-program-modal .modal-footer.modal-footer-program .btnContainer .pauseBtn:focus,
.modal-dialog .candidateSupportForm #exp-modal.popupContainer.pause-program-modal .modal-footer.modal-footer-program .btnContainer .pauseBtn:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.modal-dialog .candidateSupportFormPreLogin #exp-modal.popupContainer.pause-program-modal .modal-footer.modal-footer-program .btnContainer .pauseBtn:focus-visible,
.modal-dialog .candidateSupportForm #exp-modal.popupContainer.pause-program-modal .modal-footer.modal-footer-program .btnContainer .pauseBtn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.modal-dialog .candidateSupportFormPreLogin #exp-modal.popupContainer.pause-program-modal .modal-footer.modal-footer-program .btnContainer .pauseBtndisabled,
.modal-dialog .candidateSupportForm #exp-modal.popupContainer.pause-program-modal .modal-footer.modal-footer-program .btnContainer .pauseBtndisabled {
  cursor: default;
}
@media (max-width: 768px) {
  .modal-dialog .candidateSupportFormPreLogin #exp-modal.popupContainer.pause-program-modal .modal-footer.modal-footer-program .btnContainer .pauseBtn,
  .modal-dialog .candidateSupportForm #exp-modal.popupContainer.pause-program-modal .modal-footer.modal-footer-program .btnContainer .pauseBtn {
    width: 100%;
  }
}
.modal-dialog .candidateSupportFormPreLogin .support-form-sub-text,
.modal-dialog .candidateSupportForm .support-form-sub-text {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
  margin-bottom: 24px;
}
.modal-dialog .candidateSupportFormPreLogin #exp-modal.popupContainer.pause-program-modal .bodyText,
.modal-dialog .candidateSupportForm #exp-modal.popupContainer.pause-program-modal .bodyText {
  padding: 24px 40px 32px 40px;
  color: #1c304b;
}
.modal-dialog .candidateSupportFormPreLogin #exp-modal.popupContainer.pause-program-modal .bodyText .customInput:focus,
.modal-dialog .candidateSupportForm #exp-modal.popupContainer.pause-program-modal .bodyText .customInput:focus,
.modal-dialog .candidateSupportFormPreLogin #exp-modal.popupContainer.pause-program-modal .bodyText input[type="text"]:focus,
.modal-dialog .candidateSupportForm #exp-modal.popupContainer.pause-program-modal .bodyText input[type="text"]:focus,
.modal-dialog .candidateSupportFormPreLogin #exp-modal.popupContainer.pause-program-modal .bodyText input[type="number"]:focus,
.modal-dialog .candidateSupportForm #exp-modal.popupContainer.pause-program-modal .bodyText input[type="number"]:focus,
.modal-dialog .candidateSupportFormPreLogin #exp-modal.popupContainer.pause-program-modal .bodyText .customInput:focus-visible,
.modal-dialog .candidateSupportForm #exp-modal.popupContainer.pause-program-modal .bodyText .customInput:focus-visible,
.modal-dialog .candidateSupportFormPreLogin #exp-modal.popupContainer.pause-program-modal .bodyText input[type="text"]:focus-visible,
.modal-dialog .candidateSupportForm #exp-modal.popupContainer.pause-program-modal .bodyText input[type="text"]:focus-visible,
.modal-dialog .candidateSupportFormPreLogin #exp-modal.popupContainer.pause-program-modal .bodyText input[type="number"]:focus-visible,
.modal-dialog .candidateSupportForm #exp-modal.popupContainer.pause-program-modal .bodyText input[type="number"]:focus-visible {
  border: 1px solid #aa0285;
}
.modal-dialog .candidateSupportFormPreLogin #exp-modal.popupContainer.pause-program-modal .bodyText .pause-program-label,
.modal-dialog .candidateSupportForm #exp-modal.popupContainer.pause-program-modal .bodyText .pause-program-label {
  font-family: 'Noto Sans', sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #1c304b;
  margin-bottom: 8px;
}
.modal-dialog .candidateSupportFormPreLogin #exp-modal.popupContainer.pause-program-modal .bodyText .control-box-status .select2-container,
.modal-dialog .candidateSupportForm #exp-modal.popupContainer.pause-program-modal .bodyText .control-box-status .select2-container {
  width: 100%;
}
.modal-dialog .candidateSupportFormPreLogin #exp-modal.popupContainer.pause-program-modal .bodyText .control-box-status .select2-container.add-jobs-error .select2-choice,
.modal-dialog .candidateSupportForm #exp-modal.popupContainer.pause-program-modal .bodyText .control-box-status .select2-container.add-jobs-error .select2-choice {
  border: 1px solid #c70f00 !important;
  background-color: #fdf6f5;
}
.modal-dialog .candidateSupportFormPreLogin #exp-modal.popupContainer.pause-program-modal .bodyText .control-box-status .select2-container .select2-default .select2-chosen,
.modal-dialog .candidateSupportForm #exp-modal.popupContainer.pause-program-modal .bodyText .control-box-status .select2-container .select2-default .select2-chosen {
  color: #45505f !important;
}
.modal-dialog .candidateSupportFormPreLogin #exp-modal.popupContainer.pause-program-modal .bodyText .control-box-status .select2-container .select2-choices .select2-search-field input,
.modal-dialog .candidateSupportForm #exp-modal.popupContainer.pause-program-modal .bodyText .control-box-status .select2-container .select2-choices .select2-search-field input,
.modal-dialog .candidateSupportFormPreLogin #exp-modal.popupContainer.pause-program-modal .bodyText .control-box-status .select2-container .select2-choice,
.modal-dialog .candidateSupportForm #exp-modal.popupContainer.pause-program-modal .bodyText .control-box-status .select2-container .select2-choice {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #1c304b;
  letter-spacing: 0.056px;
}
.modal-dialog .candidateSupportFormPreLogin #exp-modal.popupContainer.pause-program-modal .bodyText .control-box-status .select2-container .select2-choice,
.modal-dialog .candidateSupportForm #exp-modal.popupContainer.pause-program-modal .bodyText .control-box-status .select2-container .select2-choice {
  border: 1px solid #1c304b !important;
  border-radius: 8px !important;
  font-weight: 400 !important;
  height: 40px !important;
}
.modal-dialog .candidateSupportFormPreLogin #exp-modal.popupContainer.pause-program-modal .bodyText .select2-container.select2-container-active .select2-choice,
.modal-dialog .candidateSupportForm #exp-modal.popupContainer.pause-program-modal .bodyText .select2-container.select2-container-active .select2-choice {
  border: 1px solid #aa0285 !important;
  box-shadow: none;
}
.modal-dialog .candidateSupportFormPreLogin #exp-modal.popupContainer.pause-program-modal .bodyText .control-box-popup.control-box-description,
.modal-dialog .candidateSupportForm #exp-modal.popupContainer.pause-program-modal .bodyText .control-box-popup.control-box-description {
  margin-bottom: 0px;
}
.modal-dialog .candidateSupportFormPreLogin #exp-modal.popupContainer.pause-program-modal .bodyText .control-box-popup.control-box-status .error-section,
.modal-dialog .candidateSupportForm #exp-modal.popupContainer.pause-program-modal .bodyText .control-box-popup.control-box-status .error-section {
  margin-top: 8px;
}
.modal-dialog .candidateSupportFormPreLogin #exp-modal.popupContainer.pause-program-modal .bodyText .control-box-popup .error-hints-outer,
.modal-dialog .candidateSupportForm #exp-modal.popupContainer.pause-program-modal .bodyText .control-box-popup .error-hints-outer {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 8px;
}
.modal-dialog .candidateSupportFormPreLogin #exp-modal.popupContainer.pause-program-modal .bodyText .control-box-popup .error-hints-outer .error-section,
.modal-dialog .candidateSupportForm #exp-modal.popupContainer.pause-program-modal .bodyText .control-box-popup .error-hints-outer .error-section {
  flex: 8;
  margin-top: 3px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.modal-dialog .candidateSupportFormPreLogin #exp-modal.popupContainer.pause-program-modal .bodyText .control-box-popup .error-hints-outer .error-hint,
.modal-dialog .candidateSupportForm #exp-modal.popupContainer.pause-program-modal .bodyText .control-box-popup .error-hints-outer .error-hint {
  flex: 4;
  display: flex;
  justify-content: flex-end;
}
.modal-dialog .candidateSupportFormPreLogin #exp-modal.popupContainer.pause-program-modal .bodyText .required-star,
.modal-dialog .candidateSupportForm #exp-modal.popupContainer.pause-program-modal .bodyText .required-star {
  color: #c70f00;
}
.modal-dialog .candidateSupportFormPreLogin #exp-modal.popupContainer.pause-program-modal .bodyText .error-section,
.modal-dialog .candidateSupportForm #exp-modal.popupContainer.pause-program-modal .bodyText .error-section {
  display: flex;
  width: 100%;
  margin-top: 8px;
  font-family: 'Noto Sans', sans-serif;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: #c70f00;
}
.modal-dialog .candidateSupportFormPreLogin #exp-modal.popupContainer.pause-program-modal .bodyText .error-section .required-errorIcon:after,
.modal-dialog .candidateSupportForm #exp-modal.popupContainer.pause-program-modal .bodyText .error-section .required-errorIcon:after {
  display: inline-block;
  content: '';
  width: 16px;
  height: 16px;
  background-image: url('/Content/Images/icons/required-errorIcon.svg');
  float: left;
  background-repeat: no-repeat;
  margin-right: 8px;
  margin-top: 1px;
}
.modal-dialog .candidateSupportFormPreLogin #exp-modal.popupContainer.pause-program-modal .bodyText .error-section-outer,
.modal-dialog .candidateSupportForm #exp-modal.popupContainer.pause-program-modal .bodyText .error-section-outer {
  display: inline-block !important;
}
.modal-dialog .candidateSupportFormPreLogin #exp-modal.popupContainer.pause-program-modal .bodyText .show-candidate-support-phone,
.modal-dialog .candidateSupportForm #exp-modal.popupContainer.pause-program-modal .bodyText .show-candidate-support-phone {
  margin-top: 12px;
  border-radius: 8px;
  background-color: #fff0cc;
  min-height: 79px;
  padding: 16px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.modal-dialog .candidateSupportFormPreLogin #exp-modal.popupContainer.pause-program-modal .bodyText .show-candidate-support-phone .show-candidate-support-phone-icon:after,
.modal-dialog .candidateSupportForm #exp-modal.popupContainer.pause-program-modal .bodyText .show-candidate-support-phone .show-candidate-support-phone-icon:after {
  display: inline-block;
  content: '';
  width: 18px;
  height: 18px;
  background-image: url('/Content/Images/help/phone-icon-black.svg');
  float: left;
  background-repeat: no-repeat;
  margin-top: 2px;
}
.modal-dialog .candidateSupportFormPreLogin #exp-modal.popupContainer.pause-program-modal .bodyText .show-candidate-support-phone .show-candidate-support-phone-text,
.modal-dialog .candidateSupportForm #exp-modal.popupContainer.pause-program-modal .bodyText .show-candidate-support-phone .show-candidate-support-phone-text {
  margin-left: 8px;
}
.modal-dialog .candidateSupportFormPreLogin #exp-modal.popupContainer.pause-program-modal .bodyText .show-candidate-support-phone .show-candidate-support-phone-text .candidate-support-phone-title,
.modal-dialog .candidateSupportForm #exp-modal.popupContainer.pause-program-modal .bodyText .show-candidate-support-phone .show-candidate-support-phone-text .candidate-support-phone-title {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  font-family: 'Noto Sans', sans-serif;
  color: #1c304b;
}
.modal-dialog .candidateSupportFormPreLogin #exp-modal.popupContainer.pause-program-modal .bodyText .show-candidate-support-phone .show-candidate-support-phone-text .candidate-support-phone-content,
.modal-dialog .candidateSupportForm #exp-modal.popupContainer.pause-program-modal .bodyText .show-candidate-support-phone .show-candidate-support-phone-text .candidate-support-phone-content {
  margin-top: 4px;
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  text-transform: uppercase;
  color: #aa0285;
  font-family: 'Noto Sans', sans-serif;
}
.modal-dialog .candidateSupportFormPreLogin #exp-modal.popupContainer.pause-program-modal .bodyText .show-candidate-support-phone .show-candidate-support-phone-text .candidate-support-phone-content:hover,
.modal-dialog .candidateSupportForm #exp-modal.popupContainer.pause-program-modal .bodyText .show-candidate-support-phone .show-candidate-support-phone-text .candidate-support-phone-content:hover {
  color: #aa0285;
}
.modal-dialog .candidateSupportFormPreLogin #exp-modal.popupContainer.pause-program-modal .bodyText .show-candidate-support-phone .show-candidate-support-phone-text .candidate-support-phone-content:active,
.modal-dialog .candidateSupportForm #exp-modal.popupContainer.pause-program-modal .bodyText .show-candidate-support-phone .show-candidate-support-phone-text .candidate-support-phone-content:active,
.modal-dialog .candidateSupportFormPreLogin #exp-modal.popupContainer.pause-program-modal .bodyText .show-candidate-support-phone .show-candidate-support-phone-text .candidate-support-phone-content:focus,
.modal-dialog .candidateSupportForm #exp-modal.popupContainer.pause-program-modal .bodyText .show-candidate-support-phone .show-candidate-support-phone-text .candidate-support-phone-content:focus {
  color: #7a005f;
  text-decoration: none;
}
.modal-dialog .candidateSupportFormPreLogin #exp-modal.popupContainer.pause-program-modal .bodyText .show-candidate-support-phone .show-candidate-support-phone-text .candidate-support-phone-content:focus-visible,
.modal-dialog .candidateSupportForm #exp-modal.popupContainer.pause-program-modal .bodyText .show-candidate-support-phone .show-candidate-support-phone-text .candidate-support-phone-content:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: 0px !important;
  color: #aa0285;
  border-radius: 4px;
}
.modal-dialog .candidateSupportFormPreLogin #exp-modal.popupContainer.pause-program-modal .bodyText .show-candidate-support-phone .show-candidate-support-phone-text .candidate-support-phone-content:hover,
.modal-dialog .candidateSupportForm #exp-modal.popupContainer.pause-program-modal .bodyText .show-candidate-support-phone .show-candidate-support-phone-text .candidate-support-phone-content:hover {
  color: #aa0285;
}
.modal-dialog .candidateSupportFormPreLogin #exp-modal.popupContainer.pause-program-modal .bodyText .show-candidate-support-phone .show-candidate-support-phone-text .candidate-support-phone-content:active,
.modal-dialog .candidateSupportForm #exp-modal.popupContainer.pause-program-modal .bodyText .show-candidate-support-phone .show-candidate-support-phone-text .candidate-support-phone-content:active,
.modal-dialog .candidateSupportFormPreLogin #exp-modal.popupContainer.pause-program-modal .bodyText .show-candidate-support-phone .show-candidate-support-phone-text .candidate-support-phone-content:focus,
.modal-dialog .candidateSupportForm #exp-modal.popupContainer.pause-program-modal .bodyText .show-candidate-support-phone .show-candidate-support-phone-text .candidate-support-phone-content:focus {
  color: #7a005f;
  text-decoration: none;
}
.modal-dialog .candidateSupportFormPreLogin #exp-modal.popupContainer.pause-program-modal .bodyText .show-candidate-support-phone .show-candidate-support-phone-text .candidate-support-phone-content:focus-visible,
.modal-dialog .candidateSupportForm #exp-modal.popupContainer.pause-program-modal .bodyText .show-candidate-support-phone .show-candidate-support-phone-text .candidate-support-phone-content:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: 0px !important;
  color: #aa0285;
  border-radius: 4px;
}
.modal-dialog .candidateSupportFormPreLogin #exp-modal.popupContainer.pause-program-modal .bodyText .error-popup-setion,
.modal-dialog .candidateSupportForm #exp-modal.popupContainer.pause-program-modal .bodyText .error-popup-setion {
  background-color: #ffeeec;
  border-top: 1px solid #e28383;
  border-bottom: 1px solid #e28383;
  border-right: 1px solid #e28383;
  border-left: 6px solid #c70f00;
  padding: 20px 16px 20px 44px;
  text-align: left;
  margin-bottom: 24px;
  margin-top: 0px;
  box-sizing: border-box;
  position: relative;
  border-radius: 8px;
  font-family: 'Noto Sans', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #1c304b;
  box-shadow: 6px 4px 24px rgba(28, 48, 75, 0.08);
  display: flex;
}
.modal-dialog .candidateSupportFormPreLogin #exp-modal.popupContainer.pause-program-modal .bodyText .error-popup-setion:before,
.modal-dialog .candidateSupportForm #exp-modal.popupContainer.pause-program-modal .bodyText .error-popup-setion:before {
  content: '';
  background-image: url(/Content/Images/icons/error-forgot-info-icon.svg);
  width: 20px;
  height: 20px;
  display: inline-block;
  position: absolute;
  top: calc(50% - 10px);
  left: 16px;
  background-repeat: no-repeat;
}
@media (max-width: 450px) {
  .modal-dialog .candidateSupportFormPreLogin #exp-modal.popupContainer.pause-program-modal .bodyText .grecaptcha-Check,
  .modal-dialog .candidateSupportForm #exp-modal.popupContainer.pause-program-modal .bodyText .grecaptcha-Check {
    transform: scale(0.8);
  }
}
.modal-dialog .candidateSupportFormPreLogin #exp-modal.popupContainer.pause-program-modal .modal-footer.modal-footer-program,
.modal-dialog .candidateSupportForm #exp-modal.popupContainer.pause-program-modal .modal-footer.modal-footer-program {
  padding: 24px 40px 32px !important;
  text-align: left;
  margin-top: 0px;
}
.modal-dialog .candidateSupportFormPreLogin #exp-modal.popupContainer.pause-program-modal .modal-footer.modal-footer-program .preLogin-candidate-support-info,
.modal-dialog .candidateSupportForm #exp-modal.popupContainer.pause-program-modal .modal-footer.modal-footer-program .preLogin-candidate-support-info {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 12px;
}
.modal-dialog .candidateSupportFormPreLogin #exp-modal.popupContainer.pause-program-modal .modal-footer.modal-footer-program .preLogin-candidate-support-info img,
.modal-dialog .candidateSupportForm #exp-modal.popupContainer.pause-program-modal .modal-footer.modal-footer-program .preLogin-candidate-support-info img {
  padding-top: 1px;
  padding-right: 1px;
}
.modal-dialog .candidateSupportFormPreLogin #exp-modal.popupContainer.pause-program-modal .modal-footer.modal-footer-program .preLogin-candidate-support-info .prelogin-support-info-text,
.modal-dialog .candidateSupportForm #exp-modal.popupContainer.pause-program-modal .modal-footer.modal-footer-program .preLogin-candidate-support-info .prelogin-support-info-text {
  margin-left: 8px;
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  font-family: 'Noto Sans', sans-serif;
  color: #45505f;
}
.modal-dialog .candidateSupportFormPreLogin #exp-modal.popupContainer.pause-program-modal .modal-footer.modal-footer-program .preLogin-candidate-support-info .prelogin-support-info-text .prelogin-support-info-link,
.modal-dialog .candidateSupportForm #exp-modal.popupContainer.pause-program-modal .modal-footer.modal-footer-program .preLogin-candidate-support-info .prelogin-support-info-text .prelogin-support-info-link {
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  text-transform: uppercase;
  color: #aa0285;
  font-family: 'Noto Sans', sans-serif;
}
.modal-dialog .candidateSupportFormPreLogin #exp-modal.popupContainer.pause-program-modal .modal-footer.modal-footer-program .preLogin-candidate-support-info .prelogin-support-info-text .prelogin-support-info-link:hover,
.modal-dialog .candidateSupportForm #exp-modal.popupContainer.pause-program-modal .modal-footer.modal-footer-program .preLogin-candidate-support-info .prelogin-support-info-text .prelogin-support-info-link:hover {
  color: #aa0285;
}
.modal-dialog .candidateSupportFormPreLogin #exp-modal.popupContainer.pause-program-modal .modal-footer.modal-footer-program .preLogin-candidate-support-info .prelogin-support-info-text .prelogin-support-info-link:active,
.modal-dialog .candidateSupportForm #exp-modal.popupContainer.pause-program-modal .modal-footer.modal-footer-program .preLogin-candidate-support-info .prelogin-support-info-text .prelogin-support-info-link:active,
.modal-dialog .candidateSupportFormPreLogin #exp-modal.popupContainer.pause-program-modal .modal-footer.modal-footer-program .preLogin-candidate-support-info .prelogin-support-info-text .prelogin-support-info-link:focus,
.modal-dialog .candidateSupportForm #exp-modal.popupContainer.pause-program-modal .modal-footer.modal-footer-program .preLogin-candidate-support-info .prelogin-support-info-text .prelogin-support-info-link:focus {
  color: #7a005f;
  text-decoration: none;
}
.modal-dialog .candidateSupportFormPreLogin #exp-modal.popupContainer.pause-program-modal .modal-footer.modal-footer-program .preLogin-candidate-support-info .prelogin-support-info-text .prelogin-support-info-link:focus-visible,
.modal-dialog .candidateSupportForm #exp-modal.popupContainer.pause-program-modal .modal-footer.modal-footer-program .preLogin-candidate-support-info .prelogin-support-info-text .prelogin-support-info-link:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: 0px !important;
  color: #aa0285;
  border-radius: 4px;
}
.modal-dialog .candidateSupportFormPreLogin #exp-modal.popupContainer.pause-program-modal .modal-footer.modal-footer-program .preLogin-candidate-support-info .prelogin-support-info-text .prelogin-support-info-link:hover,
.modal-dialog .candidateSupportForm #exp-modal.popupContainer.pause-program-modal .modal-footer.modal-footer-program .preLogin-candidate-support-info .prelogin-support-info-text .prelogin-support-info-link:hover {
  color: #aa0285;
}
.modal-dialog .candidateSupportFormPreLogin #exp-modal.popupContainer.pause-program-modal .modal-footer.modal-footer-program .preLogin-candidate-support-info .prelogin-support-info-text .prelogin-support-info-link:active,
.modal-dialog .candidateSupportForm #exp-modal.popupContainer.pause-program-modal .modal-footer.modal-footer-program .preLogin-candidate-support-info .prelogin-support-info-text .prelogin-support-info-link:active,
.modal-dialog .candidateSupportFormPreLogin #exp-modal.popupContainer.pause-program-modal .modal-footer.modal-footer-program .preLogin-candidate-support-info .prelogin-support-info-text .prelogin-support-info-link:focus,
.modal-dialog .candidateSupportForm #exp-modal.popupContainer.pause-program-modal .modal-footer.modal-footer-program .preLogin-candidate-support-info .prelogin-support-info-text .prelogin-support-info-link:focus {
  color: #7a005f;
  text-decoration: none;
}
.modal-dialog .candidateSupportFormPreLogin #exp-modal.popupContainer.pause-program-modal .modal-footer.modal-footer-program .preLogin-candidate-support-info .prelogin-support-info-text .prelogin-support-info-link:focus-visible,
.modal-dialog .candidateSupportForm #exp-modal.popupContainer.pause-program-modal .modal-footer.modal-footer-program .preLogin-candidate-support-info .prelogin-support-info-text .prelogin-support-info-link:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: 0px !important;
  color: #aa0285;
  border-radius: 4px;
}
.help-container {
  position: fixed;
  right: 10px;
  top: calc(80% - 62px);
  width: 50px;
  height: 50px;
}
.help-container .help-outer-icon {
  border: 3px solid white;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
  background: #441750;
  width: 49px;
  height: 49px;
  border-radius: 50%;
}
.help-container .help-outer-icon .help-icon {
  cursor: pointer;
  display: block;
  width: 46px;
  height: 46px;
  margin-left: -1px;
  margin-top: -1px;
}
.help-container .help-outer-icon .help-icon::after {
  content: '';
  background: url(/Content/Images/Redeployment/contact-support-help.svg) no-repeat;
  position: absolute;
  left: 10px;
  top: 11px;
  height: 28px;
  width: 28px;
}
.help-container a.help-icon:focus-visible:not(:active) {
  outline: 3px solid #ff5858 !important;
  border-radius: 50%;
  outline-offset: 2px;
}
.select2-results li {
  margin-right: 0px !important;
}
.select2-search input {
  border: 1px solid #1c304b !important;
}
.select2-search input:focus,
.select2-search input:focus-visible {
  border: 1px solid #aa0285 !important;
}
#toast-container.candidate-care-success-container {
  top: 32px !important;
  right: 32px !important;
}
@media screen and (max-width: 376px) {
  #toast-container.candidate-care-success-container {
    top: 24px !important;
    right: 24px !important;
  }
}
.welcome-main-container {
  max-width: 800px;
  margin: 20px auto;
  font: 14px 'Noto Sans';
  animation: 2s ease 0s 1 normal none running slideInUp;
}
@media screen and (max-width: 768px) {
  .welcome-main-container {
    max-width: 710px;
  }
}
@media screen and (max-width: 414px) {
  .welcome-main-container {
    max-width: 335px;
    margin-top: 20px;
    font-size: 13px;
  }
}
.welcome-heading-panel {
  border-bottom: solid #e5e5e5;
  margin-bottom: 3%;
  padding: 10px 15px 13px 15px;
}
@media screen and (max-width: 414px) {
  .welcome-heading-panel h1 {
    font-size: 30px;
  }
  .welcome-heading-panel h4 {
    font-size: 16px;
  }
}
.goals-description {
  padding-right: 40px;
  padding-left: 40px;
}
@media screen and (max-width: 768px) {
  .goals-description {
    padding-right: 112.5px;
    padding-left: 112.5px;
  }
}
@media screen and (max-width: 414px) {
  .goals-description {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.goal-cards {
  text-transform: uppercase;
  padding-left: 25px;
  padding-top: 25px;
  display: table;
}
@media screen and (max-width: 414px) {
  .goal-cards {
    padding-left: 0px;
    margin: auto;
  }
}
.goal-card {
  max-width: 226px;
  display: inline-block;
  margin: auto 25px 26px auto;
  font-weight: 500;
}
.goal-card .goal-card-link {
  display: inline-block;
}
.goal-card .goal-container {
  border: 1px gray solid;
}
@media screen and (max-width: 414px) {
  .goal-card {
    margin: 0 auto 16px;
  }
}
.goal-card .goal-image {
  height: 135px;
  width: 225px;
}
.goal-card .goal-container {
  position: relative;
  margin-bottom: 4px;
}
.goal-card .goal-container .selection {
  height: 40px;
  width: 40px;
  position: absolute;
  bottom: 0;
  z-index: 1;
}
.goal-footer-panel {
  padding: 32px 22% 49px 22%;
  margin-top: 7px;
}
.goal-footer-panel .btn {
  line-height: 2.2;
  position: relative;
  z-index: 1;
  width: 100%;
}
.goal-footer-panel .btn:focus .btn__content {
  box-shadow: 0 0 2px 2px #51a7e8;
  color: white;
}
@media screen and (max-width: 414px) {
  .goal-footer-panel {
    padding: 32px 15% 32px 15%;
  }
}
.welcome-screen {
  display: flex;
  max-width: 865px;
  margin: auto;
  box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.1);
  background: white;
  overflow: hidden;
}
.welcome-screen.red-welcome-screen {
  margin: 20px auto;
  position: relative;
  z-index: 9;
}
.welcome-screen.red-welcome-screen .welcome-main-container {
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
}
.welcome-screen.red-welcome-screen .red-welcome-content {
  padding: 0 30px 20px;
}
.welcome-screen .heading {
  font-size: 45px;
}
.welcome-screen-footer {
  border-top: 3px solid #cccccc;
  padding: 30px;
}
.welcome-screen img {
  max-width: 100%;
  display: inherit;
  height: auto;
}
.welcome-screen-image {
  min-width: 35%;
  display: flex;
}
.pink-font {
  color: #df255f;
}
.entry-item {
  margin: 35px 50px;
  position: relative;
}
.welcome-heading-panel {
  border-bottom: solid #e5e5e5;
  margin-bottom: 3%;
  padding: 10px 15px 13px 15px;
}
@media screen and (max-width: 414px) {
  .welcome-heading-panel h1 {
    font-size: 30px;
  }
  .welcome-heading-panel h4 {
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) {
  .welcome-screen {
    min-width: 700px;
  }
}
@media screen and (max-width: 767px) {
  .welcome-screen-image {
    display: none;
  }
  .welcome-details {
    width: 100%;
  }
  .welcome-screen.red-welcome-screen {
    margin: 20px 20px 10px;
  }
  .welcome-screen h1 span {
    font-size: 20px;
  }
  .welcome-screen .heading {
    font-size: 35px;
  }
  .welcome-screen-body {
    padding: 30px;
  }
  .authentication .header-navigation {
    padding: 27px;
  }
}
.control-wrapper {
  background-color: white;
  width: 100%;
  max-height: 90px;
  overflow: hidden;
  -webkit-transition: max-height, 0.5s linear;
  -moz-transition: max-height, 0.5s linear;
  -ms-transition: max-height, 0.5s linear;
  -o-transition: max-height, 0.5s linear;
  transition: max-height, 0.5s linear;
  border-bottom: none !important;
}
.control-wrapper-opened {
  max-height: 4000px;
}
.control-wrapper-opened .control-wrapper-body {
  pointer-events: all;
}
.control-wrapper-head {
  min-height: 80px;
  display: flex;
  padding-left: 30px;
  padding-right: 30px;
}
.control-wrapper-head .fa-bars {
  margin: auto 0;
  margin-right: 20px;
  font-size: 27px;
  height: 27px;
}
.control-wrapper-head h4 {
  line-height: 2.4;
}
@media screen and (max-width: 414px) {
  .control-wrapper-head h4 {
    line-height: 1;
  }
}
.control-wrapper-head a {
  font-size: 20px;
}
.control-wrapper-head .menu-dropdown-content {
  margin: 27px 0 0 0;
}
.control-wrapper-head .menu-dropdown:hover .menu-dropdown-content {
  display: block;
  border-top: 1px solid #eee8ef;
}
.control-wrapper-flex {
  display: flex;
  margin: auto 0;
  height: inherit;
}
@media screen and (max-width: 600px) {
  .control-wrapper-flex {
    height: auto;
  }
}
.control-wrapper-btn {
  margin: auto;
  margin-right: 0;
}
.control-btn-fold {
  background-image: url(/Content/Images/icons/keyboard_arrow_up.svg);
  width: 24px;
  height: 24px;
  padding-right: 15px;
  background-repeat: no-repeat;
  margin-right: 10px;
}
.control-btn-fold:focus {
  outline-offset: 0px;
}
.control-btn-unfold {
  background-image: url(/Content/Images/icons/down_arrow.svg);
  width: 24px;
  height: 24px;
  padding-right: 15px;
  background-repeat: no-repeat;
  margin-right: 10px;
}
.control-wrapper-body {
  padding: 0 30px 52px 30px;
  pointer-events: none;
}
.control-wrapper-blur {
  -webkit-filter: blur(7px);
  -moz-filter: blur(7px);
  -o-filter: blur(7px);
  -ms-filter: blur(7px);
  filter: blur(7px);
}
.control-wrapper-overlay {
  background-color: white;
  z-index: 100;
  opacity: 0.5;
}
.control-wrapper-spinner {
  width: 20px;
  height: 20px;
  margin-top: 6px;
  border-radius: 50%;
  border-top: 2px solid #df255f;
  border-right: 2px solid transparent;
  animation: loaderSpin 0.6s linear infinite;
}
@keyframes loaderSpin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.control-wrapper-loader-bar {
  border-bottom: #ebebee 1px solid;
}
.control-wrapper-loading {
  border-bottom: navajowhite 3px solid;
  animation: wrapperLoadBar 1s linear infinite;
}
@keyframes wrapperLoadBar {
  0% {
    width: 10%;
  }
  50% {
    width: 50%;
  }
  100% {
    width: 100%;
  }
}
.control-wrapper-alert {
  margin: auto;
  margin-left: 15px;
  font-size: 10px;
}
.control-btn-fold-focus {
  position: relative;
  outline: none !important;
}
.control-btn-fold-focus:before {
  border: none;
  content: "";
  position: absolute;
  top: -5px;
  bottom: -5px;
  left: -5px;
  right: -5px;
}
.custom-heading {
  font-size: 16px;
  font-family: 'Noto Sans', sans-serif;
  font-weight: 600;
  line-height: 24px;
  margin: 10px 0;
  color: #1c304b;
}
/*Tooltip css start*/

.tooltip_main {
  padding: 20px;
  background: red;
  display: inline-block;
  position: relative;
}
.profile-resume .full-screen {
  z-index: 2;
}
.tooltip__custom {
  position: absolute;
  padding: 20px 0 0 0;
  min-width: 200px;
  max-width: 235px;
  background: #1c304b;
  margin-top: 50px;
  z-index: 1;
  color: white;
  border-radius: 10px;
}
.tooltip__head {
  padding: 0 20px;
}
.tooltip__content {
  padding: 0 20px 20px;
  border-bottom: 1px solid #cccccc;
  line-height: 16px;
  font-size: 12px;
  font-family: 'Noto Sans', sans-serif;
  font-weight: 400;
}
.tooltip__footer {
  padding: 15px 20px;
}
.profile-resume .icon-space .tooltip__custom div {
  margin: 0;
}
.tooltip__head h3 {
  margin-top: 0;
  font-family: 'Noto Sans', sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  font-stretch: normal;
  margin-bottom: 1rem;
  font-style: normal;
}
.tooltip__footer a {
  display: inline-block;
  line-height: 16px;
  font-size: 12px;
  color: white;
  font-weight: 500;
  font-family: 'Noto Sans', sans-serif;
  text-decoration: none;
}
.tooltip__footer a span {
  display: inline-block;
  vertical-align: middle;
}
.tipBottom:before {
  width: 0;
  position: absolute;
  height: 0;
  transform: rotate(90deg);
  margin-top: -61px;
  text-indent: -9999px;
  border-bottom: 45px solid #1c304b;
  border-left: 40px solid transparent;
  right: 5rem;
  content: '';
}
.tipTop {
  right: 1rem;
  top: -18.5rem;
}
.tipTop::after {
  width: 0;
  position: absolute;
  height: 0;
  transform: rotate(0deg);
  margin-top: 0px;
  text-indent: -9999px;
  border-top: 45px solid #1c304b;
  border-right: 40px solid transparent;
  right: 0.8rem;
  bottom: -2.3rem;
  content: '';
}
.tipLeft {
  right: 4rem;
  bottom: -2.5rem;
}
.tipLeft:after {
  width: 0;
  position: absolute;
  height: 0;
  transform: rotate(270deg);
  margin-top: 0px;
  text-indent: -9999px;
  border-top: 45px solid #1c304b;
  border-right: 40px solid transparent;
  right: -2.2rem;
  bottom: 1.2rem;
  content: '';
}
.tipBottom {
  top: 1rem !important;
  left: 8rem;
  width: 100%;
}
.management-panel .tipLeft,
.profile-visibility .tipLeft,
.profile-update .tipLeft,
.management-panel .tipTop,
.profile-visibility .tipTop,
.profile-update .tipTop,
.management-panel .tipBottom,
.profile-visibility .tipBottom,
.profile-update .tipBottom {
  width: auto;
  max-width: min-content;
  min-width: 235px;
}
.tipRight {
  left: 4rem;
  bottom: 0;
}
.tipRight:after {
  width: 0;
  position: absolute;
  height: 0;
  transform: rotate(90deg);
  margin-top: 0px;
  text-indent: -9999px;
  border-top: 45px solid #1c304b;
  border-right: 40px solid transparent;
  left: -2.2rem;
  bottom: 1.2rem;
  content: '';
}
.profile-visibility {
  position: relative;
}
.resume-download-btn {
  position: relative;
  display: inline-block;
}
.tooltip-rel {
  position: relative;
}
@media (min-width: 992px) {
  .employee-profile-header .profile-update {
    min-width: 300px;
    justify-content: flex-end;
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .tooltip__custom {
    max-width: 300px;
  }
  .tooltip__head h3 {
    font-size: 14px;
  }
  .tooltip__footer {
    padding: 15px 12px;
    text-transform: capitalize;
  }
  .tooltip__content {
    padding: 15px 12px;
  }
  .profile-visibility .tooltip__custom.tipBottom {
    left: 0;
    right: 0;
    width: 100%;
    top: -24rem !important;
    margin-left: auto;
    margin-right: auto;
  }
  .profile-visibility span.visibility-txt {
    width: 100%;
    display: block;
  }
  .profile-visibility .tipBottom:before {
    width: 0;
    position: absolute;
    height: 0;
    transform: rotate(-65deg);
    margin-top: -61px;
    text-indent: -9999px;
    border-bottom: 45px solid #1c304b;
    border-left: 40px solid transparent;
    right: 5rem;
    content: '';
    bottom: -2rem;
  }
  .profile-update .tooltip__custom.tipTop {
    top: 6rem;
    left: 0;
    right: 0;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .profile-update .tipTop:after {
    display: none;
  }
  .profile-update .tipTop:before {
    width: 0;
    position: absolute;
    height: 0;
    transform: rotate(160deg);
    margin-top: 0px;
    text-indent: -9999px;
    border-top: 45px solid #1c304b;
    border-right: 40px solid transparent;
    right: 8rem;
    bottom: 0;
    content: '';
    top: -35px;
  }
  .tooltip__content {
    padding: 0 20px 10px;
    border-bottom: 1px solid #cccccc;
    line-height: 16px;
    font-size: 14px;
    text-align: left;
  }
  .management-panel .tipLeft {
    bottom: -18rem;
    width: 100%;
    right: 5rem;
  }
  .management-panel .tipLeft:after {
    width: 0;
    position: absolute;
    height: 0;
    transform: rotate(333deg);
    margin-top: 0px;
    text-indent: -9999px;
    border-top: 47px solid #1c304b;
    border-right: 67px solid transparent;
    right: -3.5rem;
    top: 1.2rem;
    content: '';
  }
  .management-panel .tipLeft .tooltip__head h3,
  .profile-visibility .tipLeft .tooltip__head h3,
  .profile-update .tipLeft .tooltip__head h3,
  .management-panel .tipTop .tooltip__head h3,
  .profile-visibility .tipTop .tooltip__head h3,
  .profile-update .tipTop .tooltip__head h3,
  .management-panel .tipBottom .tooltip__head h3,
  .profile-visibility .tipBottom .tooltip__head h3,
  .profile-update .tipBottom .tooltip__head h3 {
    word-break: break-word;
  }
}
/*Tooltip css end*/

.modal-dialog #exp-modal.popupContainer.change-password-modal {
  word-break: break-word;
}
.modal-dialog #exp-modal.popupContainer.change-password-modal input[type=password]::-ms-reveal,
.modal-dialog #exp-modal.popupContainer.change-password-modal input[type=password]::-ms-clear {
  display: none;
}
.modal-dialog #exp-modal.popupContainer.change-password-modal .bodyText {
  padding: 24px 40px 24px 40px;
  color: #1c304b;
}
.modal-dialog #exp-modal.popupContainer.change-password-modal .bodyText .error-popup-setion {
  background-color: #ffeeec;
  border-top: 1px solid #e28383;
  border-bottom: 1px solid #e28383;
  border-right: 1px solid #e28383;
  border-left: 6px solid #c70f00;
  padding: 20px 16px 20px 44px;
  text-align: left;
  margin-bottom: 24px;
  margin-top: 0px;
  box-sizing: border-box;
  position: relative;
  border-radius: 8px;
  font-family: 'Noto Sans', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #1c304b;
  box-shadow: 6px 4px 24px rgba(28, 48, 75, 0.08);
  display: flex;
}
.modal-dialog #exp-modal.popupContainer.change-password-modal .bodyText .error-popup-setion:before {
  content: '';
  background-image: url(/Content/Images/icons/error-forgot-info-icon.svg);
  width: 20px;
  height: 20px;
  display: inline-block;
  position: absolute;
  top: calc(50% - 10px);
  left: 16px;
  background-repeat: no-repeat;
}
.modal-dialog #exp-modal.popupContainer.change-password-modal .bodyText .input-group.internal-cont {
  margin-bottom: 24px;
  width: 100%;
  position: relative;
}
.modal-dialog #exp-modal.popupContainer.change-password-modal .bodyText .input-group.internal-cont .internal-btn {
  position: absolute;
  right: 5px;
  z-index: 9;
}
.modal-dialog #exp-modal.popupContainer.change-password-modal .bodyText .input-group.internal-cont .btn-noborder {
  border: none;
}
.modal-dialog #exp-modal.popupContainer.change-password-modal .bodyText .input-group.internal-cont .btn-pass-show {
  background-image: url("/Content/Images/icons/icon_show_23x18.svg");
  background-repeat: no-repeat;
  background-position: center center;
  width: 24px;
  height: 24px;
}
.modal-dialog #exp-modal.popupContainer.change-password-modal .bodyText .input-group.internal-cont .btn-pass-hide {
  background-image: url("/Content/Images/icons/icon_hide_23x18.svg");
  background-repeat: no-repeat;
  background-position: center center;
  width: 24px;
  height: 24px;
}
@media (max-width: 768px) {
  .modal-dialog #exp-modal.popupContainer.change-password-modal .bodyText {
    padding: 24px 24px;
  }
}
.modal-dialog #exp-modal.popupContainer.change-password-modal .bodyText .support-form-sub-text {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
  margin-bottom: 24px;
}
.modal-dialog #exp-modal.popupContainer.change-password-modal .bodyText .validation-fields .pass-show-internal {
  border: none;
  position: absolute;
  right: 10px;
  top: 16px;
}
.modal-dialog #exp-modal.popupContainer.change-password-modal .bodyText .validation-fields .pass-show-internal:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -2px !important;
  border-radius: 8px !important;
}
.modal-dialog #exp-modal.popupContainer.change-password-modal .bodyText .validation-fields .passGroupErrors {
  display: inline-block;
}
.modal-dialog #exp-modal.popupContainer.change-password-modal .bodyText .validation-fields .validation-auth-row .col-auth {
  margin-top: 8px;
  display: flex;
}
.modal-dialog #exp-modal.popupContainer.change-password-modal .bodyText .validation-fields .validation-auth-row .col-auth span.body_medium {
  margin-left: 12px;
}
.modal-dialog #exp-modal.popupContainer.change-password-modal .bodyText .validation-fields label {
  margin-bottom: 8px;
}
.modal-dialog #exp-modal.popupContainer.change-password-modal .bodyText .validation-fields input[type="text"],
.modal-dialog #exp-modal.popupContainer.change-password-modal .bodyText .validation-fields input[type="password"] {
  border: 1px solid #1c304b;
  border-radius: 8px;
  width: 100%;
  height: 40px;
  font-size: 14px;
  font-weight: 400;
  font-family: 'Noto Sans', sans-serif;
  color: #1c304b;
  padding: 8px 16px;
  line-height: 24px;
}
.modal-dialog #exp-modal.popupContainer.change-password-modal .bodyText .validation-fields input[type="text"]:focus,
.modal-dialog #exp-modal.popupContainer.change-password-modal .bodyText .validation-fields input[type="password"]:focus,
.modal-dialog #exp-modal.popupContainer.change-password-modal .bodyText .validation-fields input[type="text"]:focus-visible,
.modal-dialog #exp-modal.popupContainer.change-password-modal .bodyText .validation-fields input[type="password"]:focus-visible {
  border: 1px solid #aa0285;
}
.modal-dialog #exp-modal.popupContainer.change-password-modal .bodyText .validation-fields input[type="text"]:disabled,
.modal-dialog #exp-modal.popupContainer.change-password-modal .bodyText .validation-fields input[type="password"]:disabled {
  background-color: white;
  border: 1px solid #ced7e4;
  color: #adadb5 !important;
}
.modal-dialog #exp-modal.popupContainer.change-password-modal .bodyText .validation-fields input[type="text"]:disabled::placeholder,
.modal-dialog #exp-modal.popupContainer.change-password-modal .bodyText .validation-fields input[type="password"]:disabled::placeholder {
  color: #45505f;
}
.modal-dialog #exp-modal.popupContainer.change-password-modal .bodyText .validation-fields input[type="text"]::placeholder,
.modal-dialog #exp-modal.popupContainer.change-password-modal .bodyText .validation-fields input[type="password"]::placeholder {
  font-size: 14px;
  font-style: normal !important;
  font-weight: 400;
  font-family: 'Noto Sans', sans-serif;
  color: #45505f;
}
.modal-dialog #exp-modal.popupContainer.change-password-modal .bodyText .validation-fields input[type="text"]::-webkit-input-placeholder,
.modal-dialog #exp-modal.popupContainer.change-password-modal .bodyText .validation-fields input[type="password"]::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-size: 14px;
  font-style: normal !important;
  font-weight: 400;
  font-family: 'Noto Sans', sans-serif;
  color: #45505f;
}
.modal-dialog #exp-modal.popupContainer.change-password-modal .bodyText .validation-fields input[type="text"]::-moz-placeholder,
.modal-dialog #exp-modal.popupContainer.change-password-modal .bodyText .validation-fields input[type="password"]::-moz-placeholder {
  /* Firefox 19+ */
  font-size: 14px;
  font-style: normal !important;
  font-weight: 400;
  font-family: 'Noto Sans', sans-serif;
  color: #45505f;
}
.modal-dialog #exp-modal.popupContainer.change-password-modal .bodyText .validation-fields input[type="text"]:-ms-input-placeholder,
.modal-dialog #exp-modal.popupContainer.change-password-modal .bodyText .validation-fields input[type="password"]:-ms-input-placeholder {
  /* IE 10+ */
  font-size: 14px;
  font-style: normal !important;
  font-weight: 400;
  font-family: 'Noto Sans', sans-serif;
  color: #45505f;
}
.modal-dialog #exp-modal.popupContainer.change-password-modal .bodyText .validation-fields input[type="text"]:read-only,
.modal-dialog #exp-modal.popupContainer.change-password-modal .bodyText .validation-fields input[type="password"]:read-only {
  background-color: white;
  border: 1px solid #ced7e4;
  color: #1c304b;
}
.modal-dialog #exp-modal.popupContainer.change-password-modal .bodyText .validation-fields input[type="text"].input-ls,
.modal-dialog #exp-modal.popupContainer.change-password-modal .bodyText .validation-fields input[type="password"].input-ls {
  height: 56px;
  padding: 16px 48px 16px 16px;
}
.modal-dialog #exp-modal.popupContainer.change-password-modal .bodyText .validation-fields .required-star {
  color: #c70f00;
}
.modal-dialog #exp-modal.popupContainer.change-password-modal .bodyText .validation-fields .error-section {
  display: flex;
  width: 100%;
  margin-top: 8px;
  font-family: 'Noto Sans', sans-serif;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: #c70f00;
}
.modal-dialog #exp-modal.popupContainer.change-password-modal .bodyText .validation-fields .error-section .required-errorIcon:after {
  display: inline-block;
  content: '';
  width: 16px;
  height: 16px;
  background-image: url('/Content/Images/icons/required-errorIcon.svg');
  float: left;
  background-repeat: no-repeat;
  margin-right: 8px;
  margin-top: 1px;
}
.modal-dialog #exp-modal.popupContainer.change-password-modal .bodyText .validation-fields .error-section-outer {
  display: inline-block !important;
}
.modal-dialog #exp-modal.popupContainer.change-password-modal .bodyText .control-box-popup {
  width: 100%;
  margin-bottom: 24px;
}
.modal-dialog #exp-modal.popupContainer.change-password-modal .bodyText .control-box-popup .form-input-control {
  width: 100%;
}
.modal-dialog #exp-modal.popupContainer.change-password-modal .bodyText .control-box-popup .form-input-control.add-jobs-error {
  border: 1px solid #c70f00;
  background-color: #fdf6f5;
}
.modal-dialog #exp-modal.popupContainer.change-password-modal .bodyText .pass-show-internal {
  top: 16px;
}
.modal-dialog #exp-modal.popupContainer.change-password-modal .bodyText .change-password-divider {
  border-bottom: 1px solid #ebebee;
  width: 100%;
  margin-bottom: 24px;
}
.modal-dialog #exp-modal.popupContainer.change-password-modal .modal-footer.modal-footer-program {
  padding: 0px 40px 32px !important;
}
@media (max-width: 768px) {
  .modal-dialog #exp-modal.popupContainer.change-password-modal .modal-footer.modal-footer-program {
    padding: 0px 24px 32px !important;
  }
}
.modal-dialog #exp-modal.popupContainer.change-password-modal .modal-footer.modal-footer-program .btnContainer {
  padding: 0;
  display: flex;
  gap: 8px;
  flex-direction: row-reverse;
  justify-content: flex-start;
  flex-wrap: nowrap;
}
@media (max-width: 768px) {
  .modal-dialog #exp-modal.popupContainer.change-password-modal .modal-footer.modal-footer-program .btnContainer {
    flex-wrap: wrap;
  }
}
.modal-dialog #exp-modal.popupContainer.change-password-modal .modal-footer.modal-footer-program .btnContainer .cancelBtn {
  min-width: 105px;
  width: auto;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: Noto Sans, sans-serif;
  text-transform: uppercase;
  color: #1c304b;
  background-color: white;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid #1c304b !important;
  color: #1c304b !important;
  background-color: white !important;
  padding: 8px 24px;
  font-family: 'Noto Sans', sans-serif;
  padding: 7px 24px;
}
.modal-dialog #exp-modal.popupContainer.change-password-modal .modal-footer.modal-footer-program .btnContainer .cancelBtn:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
.modal-dialog #exp-modal.popupContainer.change-password-modal .modal-footer.modal-footer-program .btnContainer .cancelBtn:hover {
  border: 1px solid #aa0285 !important;
}
.modal-dialog #exp-modal.popupContainer.change-password-modal .modal-footer.modal-footer-program .btnContainer .cancelBtn:focus {
  outline: none !important;
  color: #1c304b !important;
}
.modal-dialog #exp-modal.popupContainer.change-password-modal .modal-footer.modal-footer-program .btnContainer .cancelBtn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
.modal-dialog #exp-modal.popupContainer.change-password-modal .modal-footer.modal-footer-program .btnContainer .cancelBtn:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
.modal-dialog #exp-modal.popupContainer.change-password-modal .modal-footer.modal-footer-program .btnContainer .cancelBtn:hover {
  border: 1px solid #aa0285 !important;
}
.modal-dialog #exp-modal.popupContainer.change-password-modal .modal-footer.modal-footer-program .btnContainer .cancelBtn:focus {
  outline: none !important;
  color: #1c304b !important;
}
.modal-dialog #exp-modal.popupContainer.change-password-modal .modal-footer.modal-footer-program .btnContainer .cancelBtn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
.modal-dialog #exp-modal.popupContainer.change-password-modal .modal-footer.modal-footer-program .btnContainer .cancelBtn:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
.modal-dialog #exp-modal.popupContainer.change-password-modal .modal-footer.modal-footer-program .btnContainer .cancelBtn:hover {
  border: 1px solid #aa0285 !important;
}
.modal-dialog #exp-modal.popupContainer.change-password-modal .modal-footer.modal-footer-program .btnContainer .cancelBtn:focus {
  outline: none !important;
  color: #1c304b !important;
}
.modal-dialog #exp-modal.popupContainer.change-password-modal .modal-footer.modal-footer-program .btnContainer .cancelBtn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
.modal-dialog #exp-modal.popupContainer.change-password-modal .modal-footer.modal-footer-program .btnContainer .cancelBtn:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
.modal-dialog #exp-modal.popupContainer.change-password-modal .modal-footer.modal-footer-program .btnContainer .cancelBtn:hover {
  border: 1px solid #aa0285 !important;
}
.modal-dialog #exp-modal.popupContainer.change-password-modal .modal-footer.modal-footer-program .btnContainer .cancelBtn:focus {
  outline: none !important;
  color: #1c304b !important;
}
.modal-dialog #exp-modal.popupContainer.change-password-modal .modal-footer.modal-footer-program .btnContainer .cancelBtn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
@media (max-width: 768px) {
  .modal-dialog #exp-modal.popupContainer.change-password-modal .modal-footer.modal-footer-program .btnContainer .cancelBtn {
    width: 100%;
  }
}
.modal-dialog #exp-modal.popupContainer.change-password-modal .modal-footer.modal-footer-program .btnContainer .pauseBtn {
  min-width: 176px;
  width: auto;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: Noto Sans, sans-serif;
  text-transform: uppercase;
  color: white;
  background-color: #441750;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  padding: 8px 24px;
  font-family: 'Noto Sans', sans-serif;
}
.modal-dialog #exp-modal.popupContainer.change-password-modal .modal-footer.modal-footer-program .btnContainer .pauseBtn:active {
  color: white;
  background: #390447;
}
.modal-dialog #exp-modal.popupContainer.change-password-modal .modal-footer.modal-footer-program .btnContainer .pauseBtn:hover {
  background-color: #613e6b;
}
.modal-dialog #exp-modal.popupContainer.change-password-modal .modal-footer.modal-footer-program .btnContainer .pauseBtn:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.modal-dialog #exp-modal.popupContainer.change-password-modal .modal-footer.modal-footer-program .btnContainer .pauseBtn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.modal-dialog #exp-modal.popupContainer.change-password-modal .modal-footer.modal-footer-program .btnContainer .pauseBtn:active {
  color: white;
  background: #390447;
}
.modal-dialog #exp-modal.popupContainer.change-password-modal .modal-footer.modal-footer-program .btnContainer .pauseBtn:hover {
  background-color: #613e6b;
}
.modal-dialog #exp-modal.popupContainer.change-password-modal .modal-footer.modal-footer-program .btnContainer .pauseBtn:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.modal-dialog #exp-modal.popupContainer.change-password-modal .modal-footer.modal-footer-program .btnContainer .pauseBtn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.modal-dialog #exp-modal.popupContainer.change-password-modal .modal-footer.modal-footer-program .btnContainer .pauseBtn:active {
  color: white;
  background: #390447;
}
.modal-dialog #exp-modal.popupContainer.change-password-modal .modal-footer.modal-footer-program .btnContainer .pauseBtn:hover {
  background-color: #613e6b;
}
.modal-dialog #exp-modal.popupContainer.change-password-modal .modal-footer.modal-footer-program .btnContainer .pauseBtn:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.modal-dialog #exp-modal.popupContainer.change-password-modal .modal-footer.modal-footer-program .btnContainer .pauseBtn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.modal-dialog #exp-modal.popupContainer.change-password-modal .modal-footer.modal-footer-program .btnContainer .pauseBtn:active {
  color: white;
  background: #390447;
}
.modal-dialog #exp-modal.popupContainer.change-password-modal .modal-footer.modal-footer-program .btnContainer .pauseBtn:hover {
  background-color: #613e6b;
}
.modal-dialog #exp-modal.popupContainer.change-password-modal .modal-footer.modal-footer-program .btnContainer .pauseBtn:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.modal-dialog #exp-modal.popupContainer.change-password-modal .modal-footer.modal-footer-program .btnContainer .pauseBtn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.modal-dialog #exp-modal.popupContainer.change-password-modal .modal-footer.modal-footer-program .btnContainer .pauseBtndisabled {
  cursor: default;
}
@media (max-width: 768px) {
  .modal-dialog #exp-modal.popupContainer.change-password-modal .modal-footer.modal-footer-program .btnContainer .pauseBtn {
    width: 100%;
  }
}
.inactive-candidate {
  background-image: url(/Content/Images/background-image-pink.png);
  background-size: 100% 100%;
}
.container-width {
  max-width: 470px;
}
.dont-reactivate-button {
  float: left;
  width: 45%;
}
.dreactivate-button {
  float: right;
  width: 45%;
}
@media (max-width: 768px) {
  #loginBox {
    max-width: 100% !important;
    min-width: 100% !important;
  }
  .dont-reactivate-button,
  .dreactivate-button {
    width: 48%;
    font-size: 10px;
    padding: 6px 0;
  }
}
.dont-reactivate-button:hover,
.dont-reactivate-button:focus,
.dont-reactivate-button:active:focus {
  background-color: #4f185a;
  color: white;
}
.onboarding .footer-position {
  position: absolute;
}
@media screen and (max-width: 736px) {
  .onboarding .container {
    width: 100%;
  }
}
.modal-upload-candidate-photo {
  text-align: center;
  position: relative;
}
.profile-photo-image-box {
  padding: 1px;
  border: 3px white dashed;
  margin-bottom: 20px;
  height: 250px;
  width: 250px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #636060;
}
.profile-photo-modal-body {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
}
@media screen and (max-width: 812px) {
  .profile-photo-modal-body {
    margin-left: auto;
  }
}
.candidate-profile-img-width {
  width: 243px;
  height: 243px;
}
.profile-photo-modal-btn,
.browse-profile-photo-modal-btn {
  width: 160px;
  background-color: #636060;
  color: white;
  border: 1px solid;
  font-size: 10px;
  margin-top: 15px;
  margin-left: 50px;
  height: 36px;
  cursor: pointer;
  position: relative;
}
.profile-photo-modal-btn {
  padding: 10px;
}
.input-file-upload-candidate-profile {
  display: none !important;
}
.span-browse-candidate-profile {
  height: 36px;
  display: block;
  width: 100%;
  bottom: 0;
  line-height: 36px;
  cursor: pointer;
  font-weight: 400;
}
.profile-photo-text-initials {
  color: white;
  font-size: 70px;
}
.update-profile-modal-popup {
  width: 400px;
  margin: 0 auto;
  position: relative;
  top: 60px;
  background: white;
  border: none;
}
.update-profile-modal-popup .r19-modal-close-button {
  padding: 14px 14px 2px;
}
.update-profile-modal-popup .modal-upload-candidate-photo .profile-photo-modal-body {
  position: relative;
  padding: 0 25px 25px;
}
.update-profile-modal-popup .modal-upload-candidate-photo .profile-photo-modal-body .auth-btn-large {
  font-weight: 700;
}
.update-profile-modal-popup .modal-upload-candidate-photo .profile-photo-modal-body .auth-btn-large.auth-btn-large-remove {
  color: #4f185a;
  background: white;
  border: 2px solid #4f185a;
}
.update-profile-modal-popup .modal-upload-candidate-photo .profile-photo-modal-body .auth-btn-large:focus-visible {
  outline: 2px solid black !important;
}
.update-profile-modal-popup .modal-upload-candidate-photo .profile-photo-modal-body .browse-candidate-profile-btns {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
}
.update-profile-modal-popup .modal-upload-candidate-photo .profile-photo-modal-body .browse-candidate-profile-btns .auth-btn-large {
  width: 48%;
}
.update-profile-modal-popup .modal-upload-candidate-photo .profile-photo-modal-body .browse-candidate-profile-photo-size-msg {
  padding-top: 15px;
  text-align: left;
  color: red;
}
.update-profile-modal-popup .modal-upload-candidate-photo .profile-photo-modal-body .browse-candidate-profile-drag-msg {
  position: absolute;
  top: 60%;
  z-index: 9;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
  left: 0;
  right: 0;
  color: #1c304b;
}
.update-profile-modal-popup .modal-upload-candidate-photo .profile-photo-modal-body .browse-candidate-profile-zoom-msg {
  position: relative;
  top: -17px;
  color: #333333;
}
.update-profile-modal-popup .modal-upload-candidate-photo .profile-photo-modal-body .profile-photo-text {
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 22px;
}
.update-profile-modal-popup .modal-upload-candidate-photo .profile-photo-modal-body .profile-photo-image-box {
  border: none;
  margin-bottom: 0;
  height: 350px;
  width: 350px;
  position: relative;
  margin: 0 auto;
  background-color: #e6e6e6;
}
.update-profile-modal-popup .modal-upload-candidate-photo .profile-photo-modal-body .profile-photo-image-box .profile-photo-container {
  border: 2px solid #4f185a;
  width: 200px;
  height: 200px;
  border-radius: 50%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
}
.update-profile-modal-popup .modal-upload-candidate-photo .profile-photo-modal-body .profile-photo-image-box .profile-photo-container .browse-profile-photo-modal-btn {
  width: 116px;
  background-color: white;
  color: #4f185a;
  border: none;
  margin-top: 0;
  margin-left: 0;
  position: relative;
}
.update-profile-modal-popup .modal-upload-candidate-photo .profile-photo-modal-body .profile-photo-image-box .profile-photo-container .browse-profile-photo-modal-btn .input-file-upload-candidate-profile {
  display: block !important;
  position: absolute;
  width: 116px;
  height: 36px;
  color: transparent;
  cursor: pointer;
  pointer-events: none;
}
.update-profile-modal-popup .modal-upload-candidate-photo .profile-photo-modal-body .profile-photo-image-box .profile-photo-container .browse-profile-photo-modal-btn input[type=file]::file-selector-button,
.update-profile-modal-popup .modal-upload-candidate-photo .profile-photo-modal-body .profile-photo-image-box .profile-photo-container .browse-profile-photo-modal-btn input[type=file]::-webkit-file-upload-button {
  background-color: transparent;
  color: transparent;
  border: 0;
}
.update-profile-modal-popup .modal-upload-candidate-photo .profile-photo-modal-body .profile-photo-image-box .profile-photo-container .browse-profile-photo-modal-btn .span-browse-candidate-profile {
  font-weight: 700;
  font-size: 12px;
}
.update-profile-modal-popup .modal-upload-candidate-photo .profile-photo-modal-body .profile-photo-image-box .browse-candidate-profile-support-msg,
.update-profile-modal-popup .modal-upload-candidate-photo .profile-photo-modal-body .profile-photo-image-box .browse-candidate-profile-support-msgs {
  color: black;
  position: absolute;
  bottom: 10px;
  width: auto;
  font-weight: normal !important;
  font-size: 14px;
  left: 0;
  right: 0;
  text-transform: capitalize;
}
.update-profile-modal-popup .modal-upload-candidate-photo .profile-photo-modal-body .profile-photo-image-box .browse-candidate-profile-support-msgs {
  color: #c44343;
}
.update-profile-modal-popup .modal-upload-candidate-photo .profile-photo-modal-body .cr-slider-wrap input.cr-slider[type='range'] {
  overflow: hidden;
  padding: 20px 0px;
  -webkit-appearance: none;
}
.update-profile-modal-popup .modal-upload-candidate-photo .profile-photo-modal-body .cr-slider-wrap input.cr-slider[type='range']::-moz-range-thumb {
  width: 25px;
  -webkit-appearance: none;
  height: 25px;
  cursor: ew-resize;
  background: white;
  border: 2px solid #4f185a;
  position: relative;
  top: -3px;
  cursor: pointer;
  pointer-events: visible;
}
.update-profile-modal-popup .modal-upload-candidate-photo .profile-photo-modal-body .cr-slider-wrap input.cr-slider[type='range']::-webkit-slider-thumb {
  width: 25px;
  -webkit-appearance: none;
  height: 25px;
  cursor: ew-resize;
  background: white;
  border: 2px solid #4f185a;
  position: relative;
  top: -3px;
  cursor: pointer;
  pointer-events: visible;
}
.update-profile-modal-popup .modal-upload-candidate-photo .profile-photo-modal-body .cr-slider-wrap input.cr-slider[type='range']::-webkit-slider-runnable-track {
  height: 6px !important;
  -webkit-appearance: none;
  color: #4f185a;
  background: #4f185a;
  border-radius: 10px;
}
.update-profile-modal-popup .modal-upload-candidate-photo .profile-photo-modal-body .cr-slider-wrap input.cr-slider[type='range']::-moz-range-track {
  height: 6px !important;
  -webkit-appearance: none;
  color: #4f185a;
  border-radius: 10px;
  background: #4f185a;
}
.update-profile-modal-popup .modal-upload-candidate-photo .profile-photo-modal-body .cr-slider-wrap input.cr-slider[type='range']::-ms-fill-lower {
  background: #4f185a;
}
.update-profile-modal-popup .modal-upload-candidate-photo .profile-photo-modal-body .cr-viewport {
  overflow: hidden;
  box-shadow: 0 0 2000px 2000px rgba(0, 0, 0, 0.1) !important;
}
.update-profile-modal-popup .modal-upload-candidate-photo .profile-photo-modal-body .cr-viewport::before {
  position: absolute;
  content: "";
  background-color: transparent;
  height: 70px;
  width: 100%;
  border-top: 1px solid white;
  border-bottom: 1px solid white;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.update-profile-modal-popup .modal-upload-candidate-photo .profile-photo-modal-body .cr-viewport::after {
  position: absolute;
  content: "";
  background-color: transparent;
  width: 58px;
  height: 100%;
  border-left: 1px solid white;
  border-right: 1px solid white;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
  .update-profile-modal-popup {
    width: 320px;
  }
  .update-profile-modal-popup .r19-modal-close-button {
    padding: 14px 14px 2px;
  }
  .update-profile-modal-popup .modal-upload-candidate-photo .profile-photo-modal-body .cr-boundary {
    width: auto !important;
    height: 270px !important;
  }
  .update-profile-modal-popup .modal-upload-candidate-photo .profile-photo-modal-body .profile-photo-image-box {
    width: auto;
    height: 270px;
  }
}
.custom-confirm-modal .modal-content {
  border: none !important;
  border-radius: 0 !important;
}
.custom-confirm-modal .modal-content .modal-header .modal-footer {
  padding: 19px 0 0 !important;
}
.custom-confirm-modal .modal-content .modal-header .modal-footer #prevBtn,
.custom-confirm-modal .modal-content .modal-header .modal-footer #nextBtn {
  font-size: 16px !important;
  border-radius: 0 !important;
  font-weight: 700;
  border: 2px solid #4f185a;
}
.custom-confirm-modal .modal-content .modal-header .modal-footer #prevBtn {
  color: #4f185a;
  background: white;
  border: 2px solid #4f185a;
}
#exp-modal #update-profile-modal .modal-body .div-with-error {
  border-radius: 8px;
  border: 1px dashed #c70f00;
  background: #fdf6f5;
}
#exp-modal #update-profile-modal .modal-body .div-without-error {
  border-radius: 8px;
  border: 1px dashed #ebebee;
  background: white;
}
#exp-modal #update-profile-modal .modal-body .croppie-dragmsg-color {
  color: #1c304b;
}
#exp-modal #update-profile-modal .modal-body .profile-upload-container {
  display: flex;
  padding: 32px 20px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 40px;
  align-self: stretch;
}
#exp-modal #update-profile-modal .modal-body .profile-upload-container .middle-border {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 24px;
}
#exp-modal #update-profile-modal .modal-body .profile-upload-container .middle-border .uploadFile {
  position: relative;
  display: flex;
  flex-direction: column;
}
#exp-modal #update-profile-modal .modal-body .profile-upload-container .middle-border .uploadFile .uploadFileImg {
  background: url(/Content/Images/Redeployment/upload_icon.svg);
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
}
#exp-modal #update-profile-modal .modal-body .profile-upload-container .middle-border .note-information {
  color: #1c304b;
  text-align: center;
}
#exp-modal #update-profile-modal .modal-body .profile-upload-container .middle-border .error-information {
  color: #c70f00;
  text-align: center;
}
#exp-modal #update-profile-modal .modal-body .profile-upload-container .middle-border .warning-icon-class {
  justify-content: center;
}
#exp-modal #update-profile-modal .modal-body .profile-upload-container .middle-border .warning-icon-class .warning-img {
  margin-right: 8px;
}
.crop-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.crop-container .browse-candidate-profile-drag-msg {
  order: 2;
  text-align: center;
  padding-top: 8px;
  padding-bottom: 32px;
}
.crop-container .croppie-container {
  order: 1;
}
.browse-candidate-profile-zoom-msg.ng-binding {
  order: 3;
  text-align: center;
  padding-top: 8px;
}
/* Amazon Modal CSS */

#ofc-modal .amazon-files-download {
  background: white;
  max-width: 740px;
  margin: 0 auto;
  border-radius: 10px;
}
#ofc-modal .header-separator {
  display: flex;
  justify-content: space-around;
  align-items: center;
  /* background-image: linear-gradient(175deg, #fdc321 17%, #f2b01c 96%); */
  padding: 0 30px;
}
#ofc-modal .header-separator .border-right {
  width: 3px;
  background-color: #e5e5e5;
  color: transparent;
}
#ofc-modal .modal-header {
  padding: 12px 0 38px 0;
  font-family: Noto Sans;
  font-size: 32px;
  border-bottom: 0;
}
#ofc-modal .modal-header span {
  position: relative;
  top: 15px;
  font-weight: bold;
}
#ofc-modal .modal-header a {
  position: absolute;
  right: 0;
  top: 0;
}
#ofc-modal .border-separator {
  height: 10px;
  background-color: #e5e5e5;
}
#ofc-modal .body-separator {
  display: flex;
  justify-content: center;
}
#ofc-modal .body-separator .border-right {
  width: 3px;
  background-color: #e5e5e5;
  color: transparent;
  position: relative;
  left: 1px;
}
#ofc-modal .body-separator .no-record-found {
  min-height: 372px;
  display: flex;
  align-items: center;
  font-size: 16px;
}
#ofc-modal .modal-body.column {
  padding: 30px 0 20px 0;
  width: 50%;
}
#ofc-modal .modal-body .doc-section {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 15px;
  color: black;
}
#ofc-modal .modal-body a.doc-section:hover,
#ofc-modal .modal-body a.doc-section:focus {
  text-decoration: none;
}
#ofc-modal .modal-body a.doc-section .doc-icon {
  content: url('/Content/Images/Amazon/icon_standard_download-gray.svg');
}
#ofc-modal .modal-body a.doc-section .doc-icon:hover {
  content: url('/Content/Images/Amazon/icon_personal_download-gray.svg');
}
#ofc-modal .modal-body .doc-section .doc-title {
  font-size: 16px !important;
  text-align: center;
  padding: 3px 20px;
  word-break: break-word;
}
@media (min-width: 320px) and (max-width: 375px) {
  #ofc-modal .modal-header {
    font-size: 25px !important;
  }
  #ofc-modal .doc-title {
    font-size: 10px !important;
  }
  #ofc-modal .body-separator .border-right {
    left: 1px;
  }
}
@media (min-width: 376px) and (max-width: 767px) {
  #ofc-modal .modal-header {
    font-size: 26px !important;
  }
  #ofc-modal .doc-title {
    font-size: 16px !important;
  }
  .body-separator .border-right {
    left: 2px;
  }
}
@media (max-width: 600px) {
  .r19-modal .modal-dialog {
    margin: 0 auto;
  }
  #ofc-modal .body-separator .no-record-found {
    min-height: 263px;
    text-align: center;
    padding: 0 25px;
  }
  #ofc-modal .body-separator .doc-title {
    padding: 3px 15px;
  }
}
.download-doc-section {
  max-width: 1600px;
  width: 100%;
  background-color: #e5e5e5;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 30px 0 21px;
  margin: auto;
}
.download-doc-section .download-doc-title {
  font-size: 16px;
  font-family: Noto Sans;
  text-align: center;
}
.download-doc-section .download-docs {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.download-doc-section .download-docs span {
  margin: 0 auto;
}
.download-doc-section .download-docs span img {
  margin: 10px 0;
  height: 82px;
  cursor: pointer;
}
.download-doc-section .download-docs .download-doc-btn {
  margin: 0;
  background-color: #232f3e;
  color: white;
  padding: 8px 40px;
  font-size: 16px;
  font-family: Noto Sans;
  border: 0;
}
.download-doc-section .download-docs .download-doc-btn:hover {
  text-decoration: none;
  color: white;
}
.download-doc-section .download-docs .download-doc-btn:visited {
  text-decoration: none;
  color: white;
}
@media (max-width: 600px) {
  .download-doc-section .download-doc-title {
    font-size: 12px;
  }
  .download-doc-section .download-docs img {
    margin: 10px 0;
    height: 65px !important;
  }
  .download-doc-section .download-docs .download-doc-btn {
    font-size: 12px;
    line-height: 1;
  }
}
.amazonBtn {
  background-color: #232f3e !important;
}
.sidebar-content {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}
.sidebar-content div:nth-child(1) {
  min-width: 50%;
  width: 100%;
  margin-right: 3px;
}
.sidebar-content div:nth-child(2) {
  margin-left: 3px;
}
hr {
  border-top: 1px solid #dddddd;
  max-width: 1600px;
  width: 100%;
}
@media (max-width: 890px) {
  .sidebar-content {
    flex-direction: column;
  }
}
.main-content-900 {
  max-width: 900px;
  padding-top: 0px;
  padding-bottom: 175px;
  margin-bottom: 88px;
  min-height: 100%;
  overflow: hidden;
}
@media (max-width: 767px) and (min-width: 320px) {
  .main-content-900 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
}
.scheduleEvent-panel .container .heading-title h4 {
  font-size: 40px;
  margin: 0;
  text-transform: none;
}
.scheduleEvent-panel .heading-title {
  background: #4d065b;
  padding: 55px 30px;
  text-align: center;
  color: white;
}
.scheduleEvent-panel .heading-title h4 {
  color: white;
  font-size: 30px;
}
.scheduleEvent-panel .select2-container .select2-choice {
  height: 44px;
  line-height: 24px;
}
.scheduleEvent-panel form#meetingForm {
  background: white;
}
.scheduleEvent-panel form#meetingForm .exp-modal {
  padding: 0px;
}
.scheduleEvent-panel form#meetingForm .exp-modal .exp-inputs h4,
.scheduleEvent-panel form#meetingForm .exp-modal .exp-inputs h1 {
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  margin-bottom: 24px;
  margin-top: 0px;
}
.scheduleEvent-panel form#meetingForm .exp-modal .form-group label {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #1c304b;
  font-family: Noto Sans, sans-serif;
  font-family: 'Noto Sans', sans-serif;
  text-transform: uppercase;
}
.scheduleEvent-panel form#meetingForm .exp-modal .form-group input {
  border: 1px solid #1c304b;
  border-radius: 8px;
  width: 100%;
  height: 40px;
  font-size: 14px;
  font-weight: 400;
  font-family: Noto Sans, sans-serif;
  color: #1c304b;
  padding: 8px 16px;
  line-height: 24px;
}
.scheduleEvent-panel form#meetingForm .exp-modal .form-group input:focus,
.scheduleEvent-panel form#meetingForm .exp-modal .form-group input:focus-visible {
  border: 1px solid #aa0285;
}
.scheduleEvent-panel form#meetingForm .exp-modal .form-group input:disabled {
  background-color: white;
  border: 1px solid #ced7e4;
  color: #adadb5 !important;
}
.scheduleEvent-panel form#meetingForm .exp-modal .form-group input:disabled::placeholder {
  color: #45505f;
}
.scheduleEvent-panel form#meetingForm .exp-modal .form-group input::placeholder {
  font-size: 14px;
  font-style: normal !important;
  font-weight: 400;
  font-family: 'Noto Sans', sans-serif;
  color: #45505f;
}
.scheduleEvent-panel form#meetingForm .exp-modal .form-group input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-size: 14px;
  font-style: normal !important;
  font-weight: 400;
  font-family: 'Noto Sans', sans-serif;
  color: #45505f;
}
.scheduleEvent-panel form#meetingForm .exp-modal .form-group input::-moz-placeholder {
  /* Firefox 19+ */
  font-size: 14px;
  font-style: normal !important;
  font-weight: 400;
  font-family: 'Noto Sans', sans-serif;
  color: #45505f;
}
.scheduleEvent-panel form#meetingForm .exp-modal .form-group input:-ms-input-placeholder {
  /* IE 10+ */
  font-size: 14px;
  font-style: normal !important;
  font-weight: 400;
  font-family: 'Noto Sans', sans-serif;
  color: #45505f;
}
.scheduleEvent-panel form#meetingForm .exp-modal .form-group input:read-only {
  background-color: white;
  border: 1px solid #ced7e4;
  color: #1c304b;
}
.scheduleEvent-panel form#meetingForm .exp-modal input:read-only {
  border: 1px solid #1c304b !important;
}
.scheduleEvent-panel form#meetingForm .exp-modal .form-group textarea {
  height: 50px;
  width: 100%;
  border: 1px solid #1c304b;
  border-radius: 8px;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
  margin: 8px 0px 0px;
  text-indent: 0;
  padding: 16px;
  resize: vertical;
  caret-color: #1c304b;
}
.scheduleEvent-panel form#meetingForm .exp-modal .form-group textarea.error {
  border: 1px solid #c70f00 !important;
  background-color: #fdf6f5;
  color: #1c304b;
}
.scheduleEvent-panel form#meetingForm .exp-modal .form-group textarea::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #45505f;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  font-family: 'Noto Sans', sans-serif;
}
.scheduleEvent-panel form#meetingForm .exp-modal .form-group textarea::-moz-placeholder {
  /* Firefox 19+ */
  color: #45505f;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  font-family: 'Noto Sans', sans-serif;
}
.scheduleEvent-panel form#meetingForm .exp-modal .form-group textarea:-ms-input-placeholder {
  /* IE 10+ */
  color: #45505f;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  font-family: 'Noto Sans', sans-serif;
}
.scheduleEvent-panel form#meetingForm .exp-modal .form-group textarea:focus,
.scheduleEvent-panel form#meetingForm .exp-modal .form-group textarea:focus-visible {
  border: 1px solid #aa0285;
}
.scheduleEvent-panel form#meetingForm .exp-modal .form-group textarea.error {
  border: 1px solid #c70f00 !important;
  background-color: #fdf6f5;
  color: #1c304b;
}
.scheduleEvent-panel form#meetingForm .exp-modal .form-group textarea::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #45505f;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  font-family: 'Noto Sans', sans-serif;
}
.scheduleEvent-panel form#meetingForm .exp-modal .form-group textarea::-moz-placeholder {
  /* Firefox 19+ */
  color: #45505f;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  font-family: 'Noto Sans', sans-serif;
}
.scheduleEvent-panel form#meetingForm .exp-modal .form-group textarea:-ms-input-placeholder {
  /* IE 10+ */
  color: #45505f;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  font-family: 'Noto Sans', sans-serif;
}
.scheduleEvent-panel form#meetingForm .exp-modal .form-group textarea:focus,
.scheduleEvent-panel form#meetingForm .exp-modal .form-group textarea:focus-visible {
  border: 1px solid #aa0285;
}
.scheduleEvent-panel form#meetingForm .exp-modal .form-group textarea::placeholder {
  color: #5c6573;
}
.scheduleEvent-panel form#meetingForm .exp-modal .btn[disabled] {
  color: #adadb5;
  background-color: #ece8ed;
  opacity: 1 !important;
}
.scheduleEvent-panel form#meetingForm .exp-modal-footer {
  padding: 0;
}
.scheduleEvent-panel .calendar-event {
  cursor: pointer !important;
  background-color: white !important;
}
.scheduleEvent-panel span#select2-chosen-2 {
  display: block !important;
  margin-right: 0px;
}
.eventDetails-panel .profile-user-initial {
  width: 140px;
  height: 140px;
  margin: 20px auto 5px;
}
.eventDetails-panel .profile-user-initial .profile-initials {
  background: white;
  border-radius: 50%;
  width: 140px;
  padding: 0;
  height: 140px;
  border: 6px solid #cccccc;
}
.eventDetails-panel .profile-user-initial .profile-initials span {
  font-size: 40px;
  vertical-align: middle;
  line-height: 128px;
  display: block;
  background: #4d005b;
  border-radius: 50%;
  border: 3px solid white;
  height: 128px;
  color: white;
}
.event-wrapper-loading {
  padding: 15px 0;
  min-height: 100px;
}
.eventDetails-panel.red-event-details .schedule-content div.row {
  padding: 24px 24px 32px;
  border-radius: 8px;
  background-color: white;
}
.eventDetails-panel .red-event-details .profile-icon {
  margin-top: 20px;
  margin-bottom: 5px;
}
.eventDetails-panel .red-event-details .profile-icon img {
  border: 8px solid #cccccc;
  padding: 3px;
}
.red-event-details .schedule-content-bg {
  padding-bottom: 24px;
}
.red-event-details .profile-icon {
  height: 100%;
}
.red-event-details .profile-icon img {
  height: 100%;
  border: 10px solid #e6e6e6;
}
.red-event-details .exp-modal-footer {
  border-top: 1px solid #ebebee;
  margin-top: 20px;
  padding-top: 32px;
}
.red-event-details .exp-modal-footer .btn {
  min-width: 200px;
}
.red-event-details .exp-modal-footer .btn:focus {
  outline: solid;
}
.red-event-details .event-lang-content {
  margin: 0;
}
.red-event-details .check-email-content em {
  color: #333333;
}
.red-event-details .check-email-content p {
  margin: 0;
  font-weight: 700;
  font-size: 14px;
  color: #e23369;
}
.red-event-details .schedule-content {
  margin-bottom: 60px;
  border-bottom: 0;
}
@media (max-width: 767px) and (min-width: 320px) {
  .scheduleEvent-panel form#meetingForm .exp-modal {
    padding: 0px;
  }
}
.eventDetails-panel h3 {
  margin: 0px;
  margin-bottom: 24px;
}
.eventDetails-panel .heading-title {
  /*background: #4d065b;*/
  padding: 20px 30px;
  text-align: center;
  color: white;
}
.eventDetails-panel .heading-title h5 {
  color: white;
  margin-top: 10px;
}
.eventDetails-panel .profile-icon {
  width: 140px;
  height: 140px;
  margin: 20px auto 5px;
}
.eventDetails-panel .profile-icon img {
  border-radius: 50%;
  max-height: 100%;
  margin: 0 auto;
  max-width: 100%;
  background-position: center center;
  padding: 0px 0px 0.5px 0.5px;
  height: 140px;
  width: 140px;
  border: 3px solid #a68bac;
}
.eventDetails-panel .profile-initials {
  background: white;
  border-radius: 50%;
  width: 140px;
  height: 140px;
  border: 3px solid #a68bac;
}
.eventDetails-panel .profile-initials span {
  /*color: #4d005b;*/
  font-size: 40px;
  vertical-align: middle;
  line-height: 131px;
}
.eventDetails-panel .schedule-content h3.pink-font {
  margin-top: 0;
  margin-bottom: 10px;
}
.eventDetails-panel .schedule-content p small {
  font-size: 100%;
}
.eventDetails-panel .schedule-content h4,
.eventDetails-panel .schedule-content p {
  font-family: 'Noto Sans';
  color: rgba(255, 255, 255, 0.85);
}
.eventDetails-panel .schedule-content h4 b,
.eventDetails-panel .schedule-content p b {
  color: rgba(255, 255, 255, 0.95);
}
.eventDetails-panel .schedule-content p em {
  color: white;
  opacity: 0.8;
}
.eventDetails-panel .checkYour {
  margin-top: 50px;
  margin-bottom: 50px;
}
.eventDetails-panel .checkYour h5 {
  font-family: 'Noto Sans';
}
.check-email-content p:first-child {
  color: #e23369;
}
.noTimeAvailable {
  display: block;
  line-height: 18px;
  color: #c70f00;
  padding: 15px 0px;
}
.noTimeAvailableOnSubmit {
  display: block;
  color: #c70f00;
}
.coach__panel .coaches-not-available {
  padding-bottom: 20px;
}
.scheduleEvent-panel .exp-input .select2-container {
  padding-left: 0;
}
@media (min-width: 320px) and (max-width: 767px) {
  .scheduleEvent-panel span#select2-chosen-2 {
    padding-left: 0;
    padding-right: 0;
  }
  .scheduleEvent-panel .exp-input .select2-container .select2-choice {
    padding-left: 0;
    padding-right: 0;
  }
  .scheduleEvent-panel .date-picker {
    background-position-x: calc(100% - 15px);
  }
  .scheduleEvent-panel .select2-container .select2-choice {
    background-position-x: 100%;
  }
}
/*New Page CSS*/

.scheduleEvent-panel .event__cnt {
  padding: 24px 24px 32px;
  border-radius: 8px;
  background-color: white;
}
.schedule-event-banner {
  height: 0px !important;
}
.schedule-event-banner .inner-baner-bg {
  background-image: url("/Content/Images/r19/illustration_ask_a_coach.svg");
  display: none !important;
}
.schedule-event-banner .inner-baner-bg-cm {
  background-image: url("/Content/Images/r19/illustration_ask_a_coach.jpg");
  background-repeat: no-repeat;
  height: 100%;
  width: 100%;
  background-position: bottom;
  background-size: cover;
  display: none !important;
}
.inner-banner-container .banner-content {
  display: none !important;
}
.schedule-event-banner .banner-content span {
  font-family: 'Noto Serif';
}
.schedule-content .exp-modal-footer .btn {
  height: 45px;
  line-height: 30px;
}
.event__cnt .select-control .select2-choice,
.event__cnt .datepicker {
  background-position-x: calc(100% - 15px);
}
.event__cnt label {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #1c304b;
  font-family: Noto Sans, sans-serif;
  font-family: 'Noto Sans', sans-serif;
  text-transform: uppercase;
}
.event__cnt .exp-input .select2-container.validation-error-select a {
  border: 2px solid #c44343 !important;
}
.event__cnt input {
  height: 40px;
  width: 100%;
  font-family: Noto Sans;
  margin: 5px 0;
  padding: 0px 15px;
}
.event__cnt textarea {
  width: 100%;
  border: 1px solid #1c304b;
  border-radius: 8px;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
  margin: 8px 0;
  text-indent: 0;
  padding: 16px;
  resize: vertical;
  min-height: 120px;
  caret-color: #1c304b;
}
.event__cnt textarea.error {
  border: 1px solid #c70f00 !important;
  background-color: #fdf6f5;
  color: #1c304b;
}
.event__cnt textarea::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #45505f;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  font-family: 'Noto Sans', sans-serif;
}
.event__cnt textarea::-moz-placeholder {
  /* Firefox 19+ */
  color: #45505f;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  font-family: 'Noto Sans', sans-serif;
}
.event__cnt textarea:-ms-input-placeholder {
  /* IE 10+ */
  color: #45505f;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  font-family: 'Noto Sans', sans-serif;
}
.event__cnt textarea:focus,
.event__cnt textarea:focus-visible {
  border: 1px solid #aa0285;
}
.event__cnt textarea.error {
  border: 1px solid #c70f00 !important;
  background-color: #fdf6f5;
  color: #1c304b;
}
.event__cnt textarea::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #45505f;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  font-family: 'Noto Sans', sans-serif;
}
.event__cnt textarea::-moz-placeholder {
  /* Firefox 19+ */
  color: #45505f;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  font-family: 'Noto Sans', sans-serif;
}
.event__cnt textarea:-ms-input-placeholder {
  /* IE 10+ */
  color: #45505f;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  font-family: 'Noto Sans', sans-serif;
}
.event__cnt textarea:focus,
.event__cnt textarea:focus-visible {
  border: 1px solid #aa0285;
}
.event__cnt textarea::placeholder {
  color: #45505f;
}
.event__cnt .exp__footer {
  border-top: 1px solid #ebebee;
  margin-top: 20px;
  padding-top: 32px;
  text-align: right;
}
.event__cnt .exp__footer .left_btn {
  display: inline;
  margin-right: 12px;
}
.event__cnt .exp__footer .right_btn {
  display: inline;
}
.schedule-meeting-new .event__cnt {
  margin: 64px 0 60px;
}
.schedule-meeting-new .event__cnt .exp-inputs {
  padding: 0px !important;
}
.schedule-meeting-new .event__cnt .exp-input .select2-container {
  width: 100%;
  margin: 0px !important;
}
.schedule-meeting-old .event__cnt {
  margin: 32px 0 60px;
}
.schedule-meeting-old .event__cnt .exp-inputs {
  padding-bottom: 20px;
}
.schedule-meeting-old .event__cnt .exp-input .select2-container {
  width: 100%;
  margin: 5px 0px;
}
.coach-card-container a:hover {
  text-decoration: none !important;
}
.coach__panel {
  margin-top: 32px;
  margin-bottom: 250px;
  padding: 24px 24px 32px;
  border-radius: 8px;
  background-color: white;
}
.coach__panel h1 {
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  margin-bottom: 24px;
  margin-top: 0px;
}
.coach__panel .coach__card__cnt {
  overflow: hidden;
  margin-bottom: 0px;
}
.coach__panel .coach__card {
  cursor: pointer;
  border: 1px solid #ebebee;
  padding: 24px;
  position: relative;
  height: 100%;
  margin-bottom: 20px;
  border-radius: 8px;
  /*display: flex;
        flex-direction: column;
        align-items: stretch;*/

}
.coach__panel .coach__card:nth-child(3) {
  margin-right: 0;
}
.coach__panel .coach__card__tick img {
  width: 40px;
}
.coach__panel .skeleton-container {
  padding: 16px;
  border-radius: 4px;
}
.coach__panel .skeleton-container .cards-row {
  display: flex;
  gap: 20px;
}
@media (max-width: 767px) {
  .coach__panel .skeleton-container .cards-row {
    flex-direction: column;
  }
}
.coach__panel .skeleton-container .skeleton-card {
  flex: 1;
  border: 1px solid #ebebee;
  border-radius: 8px;
  background: white;
  padding: 24px 48px 32px 24px;
}
@media (max-width: 1280px) {
  .coach__panel .skeleton-container .skeleton-card {
    padding: 24px;
  }
}
.coach__panel .skeleton-container .card-content {
  display: flex;
  align-items: center;
}
.coach__panel .skeleton-container .skeleton-circle {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: #d9d9e3;
  flex-shrink: 0;
}
.coach__panel .skeleton-container .skeleton-text {
  margin-left: 12px;
  width: 100%;
}
.coach__panel .skeleton-container .skeleton-line {
  height: 16px;
  background: #d9d9e3;
  border-radius: 10px;
}
.coach__panel .skeleton-container .skeleton-line.long {
  width: 193px;
  margin-bottom: 8px;
}
@media screen and (min-width: 300px) and (max-width: 767px) {
  .coach__panel .skeleton-container .skeleton-line.long {
    width: 150px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1280px) {
  .coach__panel .skeleton-container .skeleton-line.long {
    width: 120px;
  }
}
@media screen and (min-width: 1281px) and (max-width: 1395px) {
  .coach__panel .skeleton-container .skeleton-line.long {
    width: 150px;
  }
}
.coach__panel .skeleton-container .skeleton-line.short {
  width: 45px;
  height: 12px;
}
.coach__panel .skeleton-container .skeleton-divider {
  margin: 32px 0;
  border: none;
  border-top: 1px solid #ebebee;
}
.coach__panel .skeleton-container .bottom-row {
  display: flex;
  justify-content: right;
  gap: 16px;
}
.coach__panel .skeleton-container .bottom-placeholder {
  width: 230px;
  height: 40px;
  border-radius: 10px;
  background: #d9d9e3;
}
.coach__card__tick {
  position: absolute;
  right: 12px;
  bottom: 10px;
}
.coach__card__tick a {
  display: block;
  width: 40px;
  height: 40px;
}
.coach__card__tick a:focus {
  outline: 2px solid #4f185a;
}
.coach__card__content {
  display: flex;
  flex-direction: row;
  /*align-items: center;*/
  width: 100%;
}
.coach__info {
  display: block;
  margin-left: 10px;
}
.coach__card__content .coach__img {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: #ebebee;
  min-width: 64px;
}
.coach__card__content .coach__img .profile-initials {
  display: block;
  width: 100%;
  height: 100%;
}
.coach__card__content .coach__img .profile-initials .coach__pic {
  height: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ebebee;
  border-radius: 50%;
  font-family: Noto Sans, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 32px;
  color: #1c304b;
}
.coach__card__content .coach__pic {
  display: block;
  height: 100%;
  width: 100%;
}
.coach__card__content .coach__pic img {
  max-width: 100%;
  border-radius: 50%;
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.coach__info {
  padding-top: 10px;
  height: 84px;
}
.coach__card__content h4 {
  font-family: Noto Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
  display: block;
  margin: 0 5px 0 0;
}
.coach__card__content .btn {
  letter-spacing: 0;
  padding: 8px 0 0;
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  text-transform: uppercase;
  color: #aa0285;
  font-family: 'Noto Sans', sans-serif;
  background: none !important;
}
.coach__card__content .btn:hover,
.coach__card__content .btn:active,
.coach__card__content .btn:focus {
  border: none;
  outline: none;
  box-shadow: none;
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  text-transform: uppercase;
  color: #aa0285;
  font-family: 'Noto Sans', sans-serif;
}
.coach__footer {
  border-top: 1px solid #ebebee;
  margin-top: 20px;
  padding-top: 32px;
  text-align: right;
}
.coach__footer .left_btn {
  display: inline;
  margin-right: 12px;
}
.coach__footer .left_btn .btn {
  height: 40px;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: Noto Sans, sans-serif;
  text-transform: uppercase;
  color: #1c304b;
  background-color: white;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid #1c304b !important;
  color: #1c304b !important;
  background-color: white !important;
  padding: 8px 24px;
  font-family: 'Noto Sans', sans-serif;
}
.coach__footer .left_btn .btn:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
.coach__footer .left_btn .btn:hover {
  border: 1px solid #aa0285 !important;
}
.coach__footer .left_btn .btn:focus {
  outline: none !important;
  color: #1c304b !important;
}
.coach__footer .left_btn .btn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
.coach__footer .left_btn .btn:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
.coach__footer .left_btn .btn:hover {
  border: 1px solid #aa0285 !important;
}
.coach__footer .left_btn .btn:focus {
  outline: none !important;
  color: #1c304b !important;
}
.coach__footer .left_btn .btn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
.coach__footer .left_btn .btn:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
.coach__footer .left_btn .btn:hover {
  border: 1px solid #aa0285 !important;
}
.coach__footer .left_btn .btn:focus {
  outline: none !important;
  color: #1c304b !important;
}
.coach__footer .left_btn .btn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
.coach__footer .left_btn .btn:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
.coach__footer .left_btn .btn:hover {
  border: 1px solid #aa0285 !important;
}
.coach__footer .left_btn .btn:focus {
  outline: none !important;
  color: #1c304b !important;
}
.coach__footer .left_btn .btn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
.coach__footer .right_btn {
  display: inline;
}
.coach__footer .right_btn .btn {
  height: 40px;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: Noto Sans, sans-serif;
  text-transform: uppercase;
  color: white;
  background-color: #441750;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  padding: 8px 24px;
  font-family: 'Noto Sans', sans-serif;
}
.coach__footer .right_btn .btn:active {
  color: white;
  background: #390447;
}
.coach__footer .right_btn .btn:hover {
  background-color: #613e6b;
}
.coach__footer .right_btn .btn:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.coach__footer .right_btn .btn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.coach__footer .right_btn .btn:active {
  color: white;
  background: #390447;
}
.coach__footer .right_btn .btn:hover {
  background-color: #613e6b;
}
.coach__footer .right_btn .btn:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.coach__footer .right_btn .btn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.coach__footer .right_btn .btn:active {
  color: white;
  background: #390447;
}
.coach__footer .right_btn .btn:hover {
  background-color: #613e6b;
}
.coach__footer .right_btn .btn:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.coach__footer .right_btn .btn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.coach__footer .right_btn .btn:active {
  color: white;
  background: #390447;
}
.coach__footer .right_btn .btn:hover {
  background-color: #613e6b;
}
.coach__footer .right_btn .btn:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.coach__footer .right_btn .btn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.coach__footer .right_btn .btn[disabled] {
  color: #adadb5;
  background-color: #ece8ed;
  opacity: 1 !important;
}
#meetingForm .select2-container .select2-choice abbr {
  display: none !important;
}
#meetingForm .select2-container .select2-choice .select2-arrow {
  display: block;
  background: none !important;
  left: calc(100% - 29px);
}
#meetingForm .left_btn .btn {
  height: 40px;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: Noto Sans, sans-serif;
  text-transform: uppercase;
  color: white;
  background-color: #441750;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  padding: 8px 24px;
  font-family: 'Noto Sans', sans-serif;
}
#meetingForm .left_btn .btn:active {
  color: white;
  background: #390447;
}
#meetingForm .left_btn .btn:hover {
  background-color: #613e6b;
}
#meetingForm .left_btn .btn:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
#meetingForm .left_btn .btn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
#meetingForm .left_btn .btn:active {
  color: white;
  background: #390447;
}
#meetingForm .left_btn .btn:hover {
  background-color: #613e6b;
}
#meetingForm .left_btn .btn:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
#meetingForm .left_btn .btn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
#meetingForm .left_btn .btn:active {
  color: white;
  background: #390447;
}
#meetingForm .left_btn .btn:hover {
  background-color: #613e6b;
}
#meetingForm .left_btn .btn:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
#meetingForm .left_btn .btn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
#meetingForm .left_btn .btn:active {
  color: white;
  background: #390447;
}
#meetingForm .left_btn .btn:hover {
  background-color: #613e6b;
}
#meetingForm .left_btn .btn:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
#meetingForm .left_btn .btn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
#meetingForm .left_btn .btn[disabled] {
  color: #adadb5;
  background-color: #ece8ed;
  opacity: 1 !important;
}
#meetingForm .right_btn .btn {
  height: 40px;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: Noto Sans, sans-serif;
  text-transform: uppercase;
  color: white;
  background-color: #441750;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  padding: 8px 24px;
  font-family: 'Noto Sans', sans-serif;
}
#meetingForm .right_btn .btn:active {
  color: white;
  background: #390447;
}
#meetingForm .right_btn .btn:hover {
  background-color: #613e6b;
}
#meetingForm .right_btn .btn:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
#meetingForm .right_btn .btn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
#meetingForm .right_btn .btn:active {
  color: white;
  background: #390447;
}
#meetingForm .right_btn .btn:hover {
  background-color: #613e6b;
}
#meetingForm .right_btn .btn:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
#meetingForm .right_btn .btn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
#meetingForm .right_btn .btn:active {
  color: white;
  background: #390447;
}
#meetingForm .right_btn .btn:hover {
  background-color: #613e6b;
}
#meetingForm .right_btn .btn:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
#meetingForm .right_btn .btn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
#meetingForm .right_btn .btn:active {
  color: white;
  background: #390447;
}
#meetingForm .right_btn .btn:hover {
  background-color: #613e6b;
}
#meetingForm .right_btn .btn:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
#meetingForm .right_btn .btn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
#meetingForm .right_btn .btn[disabled] {
  color: #adadb5;
  background-color: #ece8ed;
  opacity: 1 !important;
}
#meetingForm .submit-done {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  z-index: 3;
}
#meetingForm .submit-done img {
  width: 230px;
  height: 230px;
}
#schdeuleEvent .exp__footer .btn {
  height: 40px;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: Noto Sans, sans-serif;
  text-transform: uppercase;
  color: white;
  background-color: #441750;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  padding: 8px 24px;
  font-family: 'Noto Sans', sans-serif;
}
#schdeuleEvent .exp__footer .btn:active {
  color: white;
  background: #390447;
}
#schdeuleEvent .exp__footer .btn:hover {
  background-color: #613e6b;
}
#schdeuleEvent .exp__footer .btn:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
#schdeuleEvent .exp__footer .btn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
#schdeuleEvent .exp__footer .btn:active {
  color: white;
  background: #390447;
}
#schdeuleEvent .exp__footer .btn:hover {
  background-color: #613e6b;
}
#schdeuleEvent .exp__footer .btn:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
#schdeuleEvent .exp__footer .btn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
#schdeuleEvent .exp__footer .btn:active {
  color: white;
  background: #390447;
}
#schdeuleEvent .exp__footer .btn:hover {
  background-color: #613e6b;
}
#schdeuleEvent .exp__footer .btn:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
#schdeuleEvent .exp__footer .btn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
#schdeuleEvent .exp__footer .btn:active {
  color: white;
  background: #390447;
}
#schdeuleEvent .exp__footer .btn:hover {
  background-color: #613e6b;
}
#schdeuleEvent .exp__footer .btn:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
#schdeuleEvent .exp__footer .btn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
#schdeuleEvent .exp__footer .btn[disabled] {
  color: #adadb5;
  background-color: #ece8ed;
  opacity: 1 !important;
}
#schdeuleEvent .exp-inputs h1 {
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  margin-bottom: 24px;
  margin-top: 0px;
}
.coach_selected_box a {
  text-decoration: none;
}
.coach_selected_box .coach__card {
  background: #fcf7fb;
  border-color: #aa0285;
}
.coach_selected_box .coach__card .coach__pic {
  font-weight: bold;
}
.coach__panel .coach__card:hover,
.coach__panel .coach__card:active,
.coach__panel .coach__card:focus {
  text-decoration: none;
}
#meetingForm .date-picker {
  background-position-x: calc(100% - 15px);
}
.coach__card__cnt .col-sm-4 {
  padding-left: 0;
  padding-right: 20px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  
}
@media (min-width: 768px) and (max-width: 1199px) {
  .coach__footer .left_btn .btn,
  .coach__footer .right_btn .btn {
    padding: 10px 15px;
    min-width: 200px;
  }
}
@media (min-width: 751px) and (max-width: 992px) {
  .coach__card__cnt .col-sm-4 {
    width: 50%;
    float: left;
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media (max-width: 780px) {
  .coach__footer .left_btn button,
  .exp__footer .left_btn button {
    padding-bottom: 20px;
  }
}
@media (max-width: 750px) {
  .coach__card__cnt .col-sm-4 {
    padding-left: 0;
    width: 100%;
    padding-right: 0;
    height: 100%;
  }
}
@media (min-width: 320px) and (max-width: 400px) {
  .coach__panel .coach__card {
    min-height: 13rem;
  }
}
@media (max-width: 767px) {
  .event__cnt .exp__footer .right_btn {
    float: none;
    max-width: 100%;
  }
  .event__cnt .exp__footer .right_btn .btn {
    width: 100%;
  }
  .event__cnt .exp__footer .left_btn {
    margin-bottom: 15px;
    float: none;
    max-width: 100%;
    margin-right: 0px;
    display: block;
  }
  .event__cnt .exp__footer .left_btn .btn {
    width: 100%;
  }
  #meetingForm .exp-modal .exp-inputs {
    padding: 0;
  }
  .coach__footer .right_btn,
  .coach__footer .left_btn {
    float: none;
  }
  .coach__footer .right_btn .btn,
  .coach__footer .left_btn .btn {
    width: 100%;
  }
  .coach__footer .left_btn {
    margin-bottom: 15px;
  }
  .coach__panel .coach__card {
    width: 100%;
  }
  .red-event-details .exp-modal-footer .btn {
    width: 100%;
  }
  .two-column .left-column .white-box .askacoach-main {
    width: 100% !important;
  }
  .two-column .left-column .white-box .askacoach-main h2 {
    font-family: Noto Sans, sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 32px;
    font-family: 'Noto Sans', sans-serif;
    color: #1c304b;
    margin-top: 0px;
  }
  .two-column .left-column .white-box .askacoach-main p {
    font-family: Noto Sans, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: #45505f;
    font-family: 'Noto Sans', sans-serif;
  }
  .two-column .left-column .white-box .askacoach-main video {
    width: 100% !important;
    border-radius: 8px;
    height: 100% !important;
  }
}
@media (min-width: 320px) and (max-width: 400px) {
  #meetingForm .left_btn .btn,
  #meetingForm .right_btn .btn,
  #schdeuleEvent .exp__footer .btn,
  .coach__footer .left_btn .btn,
  .coach__footer .right_btn .btn {
    padding: 10px;
    font-size: 12px;
  }
}
@media (min-width: 320px) and (max-width: 350px) {
  #meetingForm .left_btn .btn,
  #meetingForm .right_btn .btn,
  #schdeuleEvent .exp__footer .btn,
  .coach__footer .left_btn .btn,
  .coach__footer .right_btn .btn {
    padding: 10px 0;
  }
}
/*selectCoach popup*/

.coach-bio-details-modal .coach__card__content .coach__info h4 {
  font-size: 24px;
  word-break: break-word;
}
.coach-bio-details-modal .coach__card__content .coach__info p {
  color: #1c304b;
  margin-bottom: 0px;
  font-weight: normal;
}
.coach-bio-details-modal .coach__card__content {
  margin-bottom: 0;
  margin-top: 0;
}
.coach-bio-modal-header {
  border-bottom: 3px solid #eee8ef !important;
  padding-bottom: 30px !important;
}
.coach-bio-modal-content .content-txt p {
  padding: 20px 0px;
  clear: both;
}
.coach-bio-modal-content select {
  border: 1px solid black;
  border-radius: 0;
  padding: 10px;
}
.coach-bio-modal-header {
  border-bottom: none;
  padding-bottom: 0px;
  padding-top: 30px !important;
}
.coach-bio-modal-content {
  padding-top: 0 !important;
}
.coach-bio-details-modal a.close_coach {
  top: 15px !important;
  margin-left: auto;
}
.coach-bio-details-modal .coach-bio-modal-header .coach__info {
  width: 90%;
}
.coach-bio-details-modal .exp-inputs {
  padding-top: 0 !important;
}
@media (min-width: 320px) and (max-width: 767px) {
  .coach-bio-modal-header {
    padding-left: 20px !important;
  }
  .coach-bio-details-modal a.close_coach {
    top: 0px !important;
    margin-left: auto;
  }
}
.coach-bio-details-modal .exp-input pre {
  font-size: 14px !important;
  color: #45505f !important;
  border: 0px;
  background: none;
  line-height: 24px;
  resize: none;
  font-family: 'Noto Sans';
  width: 100%;
  overflow-x: auto;
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
  padding-left: 0;
  padding-bottom: 5px;
  padding-right: 0;
  padding-top: 0;
  margin-bottom: 0;
  word-break: keep-all;
}
.content-container .text-center .btn:focus {
  outline: 3px solid #434343;
}
/*.askacoach-nested-grid {
    .crd-footer {
        .btn:focus {
            outline: 3px solid #434343;
        }
    }
}*/

@media (max-width: 767px) {
  .askacoach-schedule .crd-footer {
    margin-bottom: 45px;
  }
  .askacoach-schedule .crd-footer .text-overlap {
    vertical-align: middle;
    line-height: 24px;
  }
}
.coach__panel .viewcenter {
  text-align: center;
  letter-spacing: 0px;
  color: #e23369;
  opacity: 1;
}
.coach__panel .viewcenter button {
  font: normal normal bold 13px/20px Noto Sans JP;
  text-transform: uppercase;
  color: #aa0285;
}
.coach__panel .viewcenter button:focus-visible {
  outline: -webkit-focus-ring-color auto 5px;
}
.coach__info button:focus {
  outline: 3px solid #4f185a;
}
.coach__panel .viewcenter .view-less-icon {
  margin: 5px auto;
}
.coach__panel .viewcenter button img {
  display: block;
  margin: 0 auto;
  text-align: center;
  max-width: auto;
}
.coach__panel .viewcenter {
  text-align: center;
  font: normal normal bold 14px/20px Noto Sans JP;
  letter-spacing: 0px;
  color: #e23369;
  opacity: 1;
  padding-bottom: 15px;
  padding-top: 10px;
}
.coach__panel .viewcenter button img {
  display: block;
  margin: 0 auto;
  text-align: center;
  max-width: auto;
}
.sorry-modal {
  display: block;
}
.sorry-modal .card-top {
  background-color: white;
  padding: 5%;
  border-radius: 8px;
}
.sorry-modal .card-bottom {
  padding: 5%;
  border-top: 1px solid #ebebee;
  /*border-bottom: 1px solid @grayColor;*/
  margin-top: 20px;
}
.sorry-modal .card-bottom p {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
}
.sorry-modal .card-bottom a {
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  text-transform: uppercase;
  color: #aa0285;
  font-family: 'Noto Sans', sans-serif;
}
.sorry-modal h2 {
  font-family: Noto Sans, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
  font-family: 'Noto Sans', sans-serif;
  color: #1c304b;
}
.sorry-modal .modal-subtitle {
  font-family: Noto Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
  padding-top: 8px;
  color: #45505f;
}
.sorry-modal .card-top .close {
  margin-right: -10px;
  margin-top: -20px;
}
.container-email-btn .btn {
  width: 100%;
  padding: 6px 12px;
}
.container-schedule-btn {
  margin: 5px 0;
}
.container-schedule-btn .btn {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: Noto Sans, sans-serif;
  text-transform: uppercase;
  color: white;
  background-color: #441750;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  padding: 8px 24px;
  font-family: 'Noto Sans', sans-serif;
  width: 100%;
  display: block;
}
.container-schedule-btn .btn:active {
  color: white;
  background: #390447;
}
.container-schedule-btn .btn:hover {
  background-color: #613e6b;
}
.container-schedule-btn .btn:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.container-schedule-btn .btn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.container-schedule-btn .btn:active {
  color: white;
  background: #390447;
}
.container-schedule-btn .btn:hover {
  background-color: #613e6b;
}
.container-schedule-btn .btn:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.container-schedule-btn .btn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.container-schedule-btn .btn:active {
  color: white;
  background: #390447;
}
.container-schedule-btn .btn:hover {
  background-color: #613e6b;
}
.container-schedule-btn .btn:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.container-schedule-btn .btn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.container-schedule-btn .btn:active {
  color: white;
  background: #390447;
}
.container-schedule-btn .btn:hover {
  background-color: #613e6b;
}
.container-schedule-btn .btn:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.container-schedule-btn .btn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.container-schedule-btn .btn.active {
  background-color: #390447;
}
@media (max-width: 767px) {
  .sorry-modal .card-top .close {
    position: absolute;
    right: 20px;
  }
  .right-column .container-right-one:first-child {
    margin-top: 32px;
  }
}
.two-column .left-column .white-box > div {
  padding: 24px 24px 32px;
  border-radius: 8px;
  background-color: white;
}
.two-column .left-column h2 {
  font-family: Noto Sans, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
  font-family: 'Noto Sans', sans-serif;
  color: #1c304b;
}
.two-column .left-column p {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
}
.two-column .right-column .white-box > div {
  padding: 24px 24px 32px;
  border-radius: 8px;
  background-color: white;
  margin-bottom: 2rem;
}
.two-column .right-column h4 {
  margin-top: 0;
  margin-bottom: 24px;
}
.emailCoach-heading h2 {
  margin-top: 0;
  margin-bottom: 24px;
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
  font-size: 16px !important;
  font-weight: 600;
}
.modal-grey .modal-top {
  background-color: white;
  padding: 2% 5%;
  border-radius: 8px;
}
.modal-grey .modal-bottom {
  /*background-color: @light-gray;*/
  padding: 5%;
}
.modal-grey .close {
  opacity: 1;
}
.modal-grey .btn-cnt .btn {
  width: calc(50% - 18px);
}
.modal-grey .btn-cnt .btn:focus-visible {
  border: 3px solid #4f185a;
  outline: none;
}
.modal-grey .btn-cnt .cancel-btn {
  margin-right: 30px;
}
.coach__panel .control-wrapper-loader-bar,
.white-box .control-wrapper-loader-bar,
.upcoming-meetings .control-wrapper-loader-bar,
.event__cnt .control-wrapper-loader-bar {
  border-bottom: 0 !important;
}
.coach__panel .control-wrapper-loading,
.white-box .control-wrapper-loading,
.upcoming-meetings .control-wrapper-loading,
.event__cnt .control-wrapper-loading {
  margin-bottom: 10px;
  border-bottom: navajowhite 3px solid;
}
.control-loader-container .control-wrapper-loader-bar {
  margin: 0 -25px;
  width: calc(100% + 56px);
  border-bottom: 0 !important;
}
.control-loader-container .control-wrapper-loading {
  border-bottom: navajowhite 3px solid;
}
.control-loader-cnt .control-wrapper-loader-bar {
  margin: 0 -20px;
  border-bottom: 0 !important;
  width: calc(100% + 40px);
}
.control-loader-cnt .control-wrapper-loading {
  border-bottom: navajowhite 3px solid;
}
textarea#topic::placeholder {
  color: #45505f;
}
.info-banner-wrap {
  display: flex;
  justify-content: center;
}
.info-banner {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 10px;
  align-items: center;
  width: 100%;
  max-width: 1100px;
  background: #f7f7fa;
  border-radius: 8px;
  padding: 10px 12px;
  box-sizing: border-box;
}
.info-banner__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  min-width: 16px;
}
.info-banner__text {
  color: #45505f;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.schedule-meeting-new .sub-heading {
  padding: 0px 0px 24px;
  border-bottom: 1px solid #ebebee;
  margin: 0px 16px 32px;
}
.schedule-meeting-new .sub-heading .sub-heading-text {
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.056px;
}
.schedule-meeting-new .form-group {
  margin-bottom: 24px;
}
.schedule-meeting-new .form-group .select2-container {
  padding: 0px 0px 3px 0px !important;
}
.schedule-meeting-new .form-group .select2-container .select2-choice .select2-arrow b {
  background: url("/Content/Images/Redeployment/schedule-meeting.svg") no-repeat !important;
  height: 20px;
  width: 20px;
  background-size: 20px 20px !important;
  margin: 10px 0px 10px -5px;
}
.schedule-meeting-new .form-group .select2-container-disabled .select2-arrow b {
  opacity: 0.4;
}
.schedule-meeting-new .dateValidationMsg {
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 16px !important;
  font-family: 'Noto Sans', sans-serif;
  color: #1c304b !important;
  padding-top: 5px;
}
.schedule-meeting-new .session-details {
  display: flex;
  padding: 16px 16px 20px 16px;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  height: auto;
  width: 100%;
  border-radius: 8px;
  background: #fcf7fb;
  letter-spacing: 0.048px;
  font-family: 'Noto Sans', sans-serif;
  color: #1c304b !important;
  font-size: 12px;
  font-style: normal;
  line-height: 16px;
}
.schedule-meeting-new .session-details .heading {
  font-weight: 600;
}
.schedule-meeting-new .session-details ul {
  padding-left: 16px !important;
  margin-bottom: 0px !important;
}
.schedule-meeting-new .session-details ul li {
  font-family: 'Noto Sans', sans-serif;
  color: #1c304b !important;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.048px;
  padding-top: 8px;
  margin-bottom: 0px;
  list-style: disc;
}
.schedule-meeting-new .schedule_exp_footer {
  border-top: none !important;
  margin-top: 0px;
  padding: 32px 0px 0px;
}
.schedule-meeting-new .schedule_exp_footer .right_btn {
  width: 100%;
}
.schedule-meeting-new .schedule_exp_footer .right_btn .btn,
.schedule-meeting-new .schedule_exp_footer .right_btn .btn[disabled] {
  width: 100%;
}
.schedule-meeting-new .event__cnt {
  padding: 24px 24px 32px;
  border-radius: 8px;
  background-color: white;
  padding: 32px;
}
@media (max-width: 767px) and (min-width: 320px) {
  .schedule-meeting-new .event__cnt {
    padding: 32px 16px;
  }
}
.schedule-meeting-new .page-wrapper-test {
  position: absolute;
  width: 100%;
  padding: 24px 32px 16px 32px;
}
.schedule-meeting-new .page-wrapper-test .breadcrumbs {
  margin-top: 0px !important;
}
.schedule-meeting-new .page-wrapper-test .breadcrumbs ul li span {
  display: inline-block;
}
@media (max-width: 767px) and (min-width: 320px) {
  .schedule-meeting-new .page-wrapper-test {
    padding: 24px 16px 16px 16px;
  }
}
.schedule-meeting-old h1 {
  margin-bottom: 24px;
}
@media (max-width: 560px) {
  .info-banner {
    grid-template-columns: auto 1fr;
  }
  .info-banner__text {
    white-space: normal;
  }
}
.select-coach .schedule-event-banner .banner-bottom {
  display: none;
}
.myDocumentLibrary-content .myDocumentLibrary-inner-heading {
  margin-top: 32px;
  margin-bottom: 0px;
  font-family: Noto Sans, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
  font-family: 'Noto Sans', sans-serif;
  color: #1c304b;
}
.myDocumentLibrary-content .myDocumentLibrary-inner-content {
  margin: 12px 0px 30px 0px;
}
.myDocumentLibrary-content .myDocumentLibrary-inner-content .myDocumentLibrary-inner-text {
  font-family: 'Noto Sans', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #45505f;
  text-align: center;
}
.myDocumentLibrary-content .myDocumentLibrary-inner-content .myDocumentLibrary-inner-text a {
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  text-transform: uppercase;
  color: #aa0285;
  font-family: 'Noto Sans', sans-serif;
}
.myDocumentLibrary-content .myDocumentLibrary-image {
  margin: 20px 0px;
}
.myDocumentLibrary-content .img_center {
  margin: 40px auto;
}
.myDocumentLibrary-content .btn-small {
  height: 40px;
}
.myDocumentLibrary-content .listDocument {
  margin-bottom: 80px;
}
.myDocumentLibrary-content .listDocumentData {
  padding: 24px 24px 32px;
  border-radius: 8px;
  background-color: white;
  width: 100%;
  margin-top: 40px;
  margin-bottom: 40px;
  overflow: hidden;
  -webkit-transition: max-height, 0.5s linear;
  -moz-transition: max-height, 0.5s linear;
  -ms-transition: max-height, 0.5s linear;
  -o-transition: max-height, 0.5s linear;
  transition: max-height, 0.5s linear;
}
.myDocumentLibrary-content .listDocumentData-head {
  display: flex;
  padding: 0px 0px 20px;
  justify-content: space-between;
  align-items: center;
}
.myDocumentLibrary-content .listDocumentData-head .listDocumentData-btn-doc .btn-download {
  position: relative;
  padding: 8px 16px;
  display: flex;
  align-items: center;
  height: 32px;
}
.myDocumentLibrary-content .listDocumentData-head .listDocumentData-btn-doc .btn-download .disabled-download-btn {
  opacity: 0.3;
}
.myDocumentLibrary-content .listDocumentData-head .listDocumentData-btn-doc .btn-download span {
  font-size: 12px;
  letter-spacing: 0.6px;
  font-weight: 500;
  font-family: 'Noto Sans', sans-serif;
  line-height: 16px;
  text-transform: uppercase;
  margin-right: 15px;
}
.myDocumentLibrary-content .listDocumentData-head .listDocumentData-btn-doc .btn-download .doc-icons {
  position: absolute;
  right: 10px;
  width: 16px;
  height: 16px;
  margin-left: 8px;
}
.myDocumentLibrary-content .listDocumentData-head h2 {
  margin: 0px;
  font-family: 'Noto Sans', sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #1c304b;
  word-break: break-word;
  white-space: break-spaces;
}
.myDocumentLibrary-content .listDocumentData-head a {
  font-size: 20px;
}
.myDocumentLibrary-content .clickable-icon {
  cursor: pointer;
}
.myDocumentLibrary-content .listDocumentData-btn {
  margin: auto;
  margin-right: 0;
}
.myDocumentLibrary-content .control-wrapper-loader-bar {
  border-bottom: #f8f8f9 2px solid;
}
.myDocumentLibrary-content .uploadedList {
  font-size: 14px;
  padding: 20px 0px 0px 0px;
}
.myDocumentLibrary-content .uploadedList .uploadedList-row-th {
  font-size: 16px;
  padding: 4px 0px;
  display: flex;
  justify-content: space-around;
  background-color: #f8f8f9;
  height: 48px;
  border-bottom: 1px solid #ebebee;
}
.myDocumentLibrary-content .uploadedList .uploadedList-row-th .flex-inner-middle {
  display: flex;
  flex: 11.6;
  align-items: center;
  justify-content: center;
}
.myDocumentLibrary-content .uploadedList .uploadedList-row-th .flex-inner-middle .flex-inner-name {
  flex: 3;
  text-align: left;
  padding: 12px 16px 11px 0px;
  font-family: 'Noto Sans', sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  color: #1c304b;
}
.myDocumentLibrary-content .uploadedList .uploadedList-row-th .flex-inner-middle .flex-inner-upload-cat {
  display: flex;
  flex: 6;
  align-items: center;
  justify-content: start;
}
.myDocumentLibrary-content .uploadedList .uploadedList-row-th .flex-inner-middle .flex-inner-upload-cat .flex-inner-uploadedby {
  flex: 6;
  text-align: left;
  padding: 8px 16px 8px 16px;
  font-family: 'Noto Sans', sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  color: #1c304b;
}
.myDocumentLibrary-content .uploadedList .uploadedList-row-th .flex-inner-middle .flex-inner-upload-cat .flex-inner-category {
  flex: 6;
  text-align: left;
  padding: 8px 16px 8px 16px;
  font-family: 'Noto Sans', sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  color: #1c304b;
}
.myDocumentLibrary-content .uploadedList .uploadedList-row-th .flex-inner-middle .flex-inner-date {
  flex: 3;
  text-align: left;
  padding: 8px 16px 8px 16px;
  font-family: 'Noto Sans', sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  color: #1c304b;
}
.myDocumentLibrary-content .uploadedList .uploadedList-row-bottom {
  padding: 16px 0px;
  border-bottom: 1px solid #ebebee;
  display: flex;
  justify-content: space-around;
  height: 64px;
}
.myDocumentLibrary-content .uploadedList .uploadedList-row-bottom .flex-inner-middle .flex-inner-name span.ng-binding {
  font-family: 'Noto Sans', sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  color: #1c304b;
}
@media (min-width: 320px) and (max-width: 767px) {
  .myDocumentLibrary-content .uploadedList .uploadedList-row-bottom .flex-inner-middle .flex-inner-name span.ng-binding {
    font-weight: 400;
  }
}
.myDocumentLibrary-content .uploadedList .uploadedList-row-bottom .flex-inner-middle .flex-inner-date span.ng-binding {
  font-family: 'Noto Sans', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #1c304b;
}
.myDocumentLibrary-content .uploadedList .uploadedList-row-bottom .flex-inner-middle .flex-inner-upload-cat .flex-inner-uploadedby span.ng-binding {
  font-family: 'Noto Sans', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #1c304b;
}
.myDocumentLibrary-content .uploadedList .uploadedList-row-bottom .flex-inner-middle .flex-inner-upload-cat .flex-inner-category span.ng-binding {
  font-family: 'Noto Sans', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #1c304b;
}
.myDocumentLibrary-content .uploadedList div:last-child {
  border-bottom: none;
}
.myDocumentLibrary-content .flex-inner-check {
  flex: 0.4;
  align-items: center;
  display: flex;
  justify-content: flex-start;
  padding-left: 16px;
}
.myDocumentLibrary-content .flex-inner-check .check-box[type="checkbox"],
.myDocumentLibrary-content .flex-inner-check input[type="checkbox"] {
  margin-top: 0px;
}
.myDocumentLibrary-content .flex-inner-middle {
  display: flex;
  flex: 11.6;
  align-items: center;
  justify-content: center;
}
.myDocumentLibrary-content .flex-inner-name {
  flex: 3;
  text-align: left;
  padding: 8px 16px 8px 0px;
}
.myDocumentLibrary-content .flex-inner-upload-cat {
  display: flex;
  flex: 6;
  align-items: center;
  justify-content: start;
}
.myDocumentLibrary-content .flex-inner-uploadedby {
  flex: 6;
  text-align: left;
  padding: 8px 16px 8px 16px;
}
.myDocumentLibrary-content .flex-inner-category {
  flex: 6;
  text-align: left;
  padding: 8px 16px 8px 16px;
}
.myDocumentLibrary-content .flex-inner-date {
  flex: 3;
  text-align: left;
  padding: 8px 16px 8px 16px;
}
.myDocumentLibrary-content .flex-inner-remove {
  flex: 0;
  align-items: center;
  display: none;
  justify-content: flex-end;
}
.myDocumentLibrary-content .font-bold {
  font-weight: bold;
}
.myDocumentLibrary-content .uploadedList .uploadedList-button-completed,
.myDocumentLibrary-content .uploadedList .uploadedList-button-uncompleted {
  width: 23px;
  height: 23px;
  object-fit: contain;
}
.myDocumentLibrary-content .remove-doc-icons {
  width: 40px;
  height: 40px;
  object-fit: contain;
}
.myDocumentLibrary-content .listDocumentData-btn-doc {
  align-items: center;
  height: 32px;
}
.myDocumentLibrary-content .doc-icons {
  width: 10px;
  height: 12px;
}
.myDocumentLibrary-content .btn-grey {
  border: solid 2px rgba(255, 255, 255, 0.35);
  background-color: rgba(255, 255, 255, 0.35);
  width: 200px;
  margin: 10px;
}
.myDocumentLibrary-content .checked-image {
  padding: 20px;
}
.myDocumentLibrary-content .btn-download:focus {
  outline: dotted thin;
  outline: -webkit-focus-ring-color auto 5px;
  outline-offset: -2px;
}
.myDocumentLibrary-content .documentsFormLink {
  text-align: left;
  padding: 20px;
  font-style: italic;
}
.myDocumentLibrary-content .documentsFormLink a:hover {
  color: #df255f;
}
.myDocumentLibrary-content .mobile-font-list {
  display: none;
}
@media (min-width: 320px) and (max-width: 767px) {
  .myDocumentLibrary-content .listDocument {
    margin-bottom: 100px;
  }
  .myDocumentLibrary-content .listDocumentData-head {
    padding: 0px 0px 20px;
    text-align: left;
    flex-wrap: wrap;
    gap: 16px;
  }
  .myDocumentLibrary-content .head-th {
    display: none !important;
  }
  .myDocumentLibrary-content .uploadedList {
    padding: 8px 0px;
  }
  .myDocumentLibrary-content .uploadedList .uploadedList-row-bottom {
    align-items: flex-start;
    padding: 16px 0px 8px;
    height: 100%;
  }
  .myDocumentLibrary-content .flex-inner-middle {
    display: block;
    flex: 10.6;
    padding: 0px 0px 0px 16px;
  }
  .myDocumentLibrary-content .flex-inner-name {
    color: #1c304b;
    font-size: 16px;
    line-height: 20px;
    margin: 0px;
    padding: 0px 16px 8px 0px;
  }
  .myDocumentLibrary-content .flex-inner-date {
    text-align: left;
    display: block;
    margin: 0px;
    padding: 8px 16px 8px 0px;
  }
  .myDocumentLibrary-content .flex-inner-name span {
    word-break: break-word;
    text-align: left;
    line-height: 24px;
  }
  .myDocumentLibrary-content .flex-inner-uploadedby {
    text-align: left;
    margin: 0px;
    padding: 8px 16px 8px 0px;
  }
  .myDocumentLibrary-content .flex-inner-category {
    text-align: left;
    margin: 0px;
    padding: 8px 16px 8px 0px;
  }
  .myDocumentLibrary-content .flex-inner-upload-cat {
    display: block;
  }
  .myDocumentLibrary-content .mobile-font-list {
    display: block;
    font-family: 'Noto Sans', sans-serif;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #1c304b;
    margin-bottom: 8px;
  }
  .myDocumentLibrary-content .remove-doc-icons,
  .myDocumentLibrary-content .uploadedList .uploadedList-button-completed,
  .myDocumentLibrary-content .uploadedList .uploadedList-button-uncompleted {
    width: 30px;
  }
}
@media (min-width: 767px) and (max-width: 900px) {
  .myDocumentLibrary-content .doc-icons {
    width: 30px;
    height: 30px;
  }
  .myDocumentLibrary-content .uploadedList .uploadedList-button-completed,
  .myDocumentLibrary-content .uploadedList .uploadedList-button-uncompleted {
    width: 30px;
    height: 30px;
  }
  .myDocumentLibrary-content .remove-doc-icons {
    width: 30px;
    height: 30px;
  }
  .myDocumentLibrary-content .flex-inner-uploadedby {
    flex: 6;
    align-items: center;
    display: flex;
    justify-content: space-between;
  }
  .myDocumentLibrary-content .flex-inner-uploadedby-divider {
    display: block;
  }
  .myDocumentLibrary-content .flex-inner-category {
    margin-left: 5px;
  }
  .myDocumentLibrary-content .uploadedList {
    font-size: 12px;
  }
  .myDocumentLibrary-content .uploadedList .uploadedList-row-th {
    font-size: 13px;
  }
}
.custom-myDocumentLibrary-container.main-content {
  padding-top: 24px;
}
.custom-myDocumentLibrary-container.main-content .main-content-top {
  height: 24px;
  width: 100%;
  display: inline-block;
  margin-top: -7px;
}
.custom-myDocumentLibrary-container.main-content .main-content-top .page-wrapper-test .breadcrumbs {
  margin-top: 0px;
  height: 24px;
  margin-bottom: 8px;
  width: 100%;
}
.custom-myDocumentLibrary-container.main-content .main-content-top .page-wrapper-test .breadcrumbs ul li.current span {
  color: #45505f;
}
.messageConsultant-banner .inner-baner-bg {
  background-image: url("/Content/Images/r19/illustration_ask_a_coach.svg");
  background-position: 65% 0% !important;
}
.messageConsultant-banner .inner-baner-bg-cm {
  background-image: url("/Content/Images/r19/illustration_ask_a_coach.jpg");
  background-repeat: no-repeat;
  height: 100%;
  width: 100%;
  background-position: bottom;
  background-size: cover;
}
.messageConsultant-bgscrim {
  z-index: 1002;
  background: black;
  opacity: 0.85;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.schedule-event-banner .banner-content span {
  font-family: 'Noto Serif';
}
.messageConsultant-panel .container .heading-title h4 {
  font-size: 40px;
  margin: 0;
  text-transform: none;
}
.messageConsultant-panel .heading-title {
  background: #4d065b;
  padding: 55px 30px;
  text-align: center;
  color: white;
}
.messageConsultant-panel .heading-title h4 {
  color: white;
  font-size: 30px;
}
.messageConsultant-panel form#emailForm {
  background: white;
}
.messageConsultant-panel form#emailForm .exp-modal .exp-inputs h1,
.messageConsultant-panel form#emailForm .exp-modal .exp-inputs h4 {
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  margin-bottom: 24px;
  margin-top: 0px;
}
.messageConsultant-panel form#emailForm .exp-modal .form-group label {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #1c304b;
  font-family: Noto Sans, sans-serif;
  font-family: 'Noto Sans', sans-serif;
  text-transform: uppercase;
}
.messageConsultant-panel form#emailForm .exp-modal .form-group textarea {
  height: 50px;
  width: 100%;
  border: 1px solid #1c304b;
  border-radius: 8px;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
  margin: 8px 0;
  text-indent: 0;
  padding: 16px;
  resize: vertical;
}
.messageConsultant-panel form#emailForm .exp-modal .form-group textarea.error {
  border: 1px solid #c70f00 !important;
  background-color: #fdf6f5;
  color: #1c304b;
}
.messageConsultant-panel form#emailForm .exp-modal .form-group textarea::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #45505f;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  font-family: 'Noto Sans', sans-serif;
}
.messageConsultant-panel form#emailForm .exp-modal .form-group textarea::-moz-placeholder {
  /* Firefox 19+ */
  color: #45505f;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  font-family: 'Noto Sans', sans-serif;
}
.messageConsultant-panel form#emailForm .exp-modal .form-group textarea:-ms-input-placeholder {
  /* IE 10+ */
  color: #45505f;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  font-family: 'Noto Sans', sans-serif;
}
.messageConsultant-panel form#emailForm .exp-modal .form-group textarea:focus,
.messageConsultant-panel form#emailForm .exp-modal .form-group textarea:focus-visible {
  border: 1px solid #aa0285;
}
.messageConsultant-panel form#emailForm .exp-modal .form-group textarea.error {
  border: 1px solid #c70f00 !important;
  background-color: #fdf6f5;
  color: #1c304b;
}
.messageConsultant-panel form#emailForm .exp-modal .form-group textarea::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #45505f;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  font-family: 'Noto Sans', sans-serif;
}
.messageConsultant-panel form#emailForm .exp-modal .form-group textarea::-moz-placeholder {
  /* Firefox 19+ */
  color: #45505f;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  font-family: 'Noto Sans', sans-serif;
}
.messageConsultant-panel form#emailForm .exp-modal .form-group textarea:-ms-input-placeholder {
  /* IE 10+ */
  color: #45505f;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  font-family: 'Noto Sans', sans-serif;
}
.messageConsultant-panel form#emailForm .exp-modal .form-group textarea:focus,
.messageConsultant-panel form#emailForm .exp-modal .form-group textarea:focus-visible {
  border: 1px solid #aa0285;
}
.messageConsultant-panel form#emailForm .exp-modal .form-group textarea::placeholder {
  color: #45505f;
}
.messageConsultant-panel form#emailForm .exp-modal-footer {
  padding: 0;
}
.messageConsultant-panel form#emailForm .submit-done {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  z-index: 1003;
}
.messageConsultant-panel form#emailForm .submit-done img {
  width: 145px;
  height: 145px;
}
.messageConsultant-panel form#emailForm .submit-done span {
  color: white;
  text-align: center;
  display: inherit;
  padding-top: 15px;
  font-size: 1.3em;
  font-weight: 300;
}
.messageConsultant__cnt {
  padding: 24px 24px 32px;
  border-radius: 8px;
  background-color: white;
}
.messageConsultant__cnt label {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #1c304b;
  font-family: Noto Sans, sans-serif;
  font-family: 'Noto Sans', sans-serif;
  text-transform: uppercase;
}
.messageConsultant__cnt textarea {
  width: 100%;
  resize: vertical;
  border: 1px solid #1c304b;
  border-radius: 8px;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
  margin: 8px 0;
  text-indent: 0px;
  padding: 16px;
  min-height: 120px;
}
.messageConsultant__cnt textarea.error {
  border: 1px solid #c70f00 !important;
  background-color: #fdf6f5;
  color: #1c304b;
}
.messageConsultant__cnt textarea::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #45505f;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  font-family: 'Noto Sans', sans-serif;
}
.messageConsultant__cnt textarea::-moz-placeholder {
  /* Firefox 19+ */
  color: #45505f;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  font-family: 'Noto Sans', sans-serif;
}
.messageConsultant__cnt textarea:-ms-input-placeholder {
  /* IE 10+ */
  color: #45505f;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  font-family: 'Noto Sans', sans-serif;
}
.messageConsultant__cnt textarea:focus,
.messageConsultant__cnt textarea:focus-visible {
  border: 1px solid #aa0285;
}
.messageConsultant__cnt textarea.error {
  border: 1px solid #c70f00 !important;
  background-color: #fdf6f5;
  color: #1c304b;
}
.messageConsultant__cnt textarea::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #45505f;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  font-family: 'Noto Sans', sans-serif;
}
.messageConsultant__cnt textarea::-moz-placeholder {
  /* Firefox 19+ */
  color: #45505f;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  font-family: 'Noto Sans', sans-serif;
}
.messageConsultant__cnt textarea:-ms-input-placeholder {
  /* IE 10+ */
  color: #45505f;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  font-family: 'Noto Sans', sans-serif;
}
.messageConsultant__cnt textarea:focus,
.messageConsultant__cnt textarea:focus-visible {
  border: 1px solid #aa0285;
}
.messageConsultant__cnt textarea::placeholder {
  color: #5c6573;
}
.messageConsultant__cnt .exp__footer {
  border-top: 1px solid #ebebee;
  margin-top: 20px;
  padding-top: 32px;
}
.messageConsultant__cnt .exp__footer .left_btn {
  float: left;
}
.messageConsultant__cnt .exp__footer .right_btn {
  float: right;
}
.messageConsultant__cnt .exp__footer .right_btn .btn {
  height: 40px;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: Noto Sans, sans-serif;
  text-transform: uppercase;
  color: white;
  background-color: #441750;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  padding: 8px 24px;
  font-family: 'Noto Sans', sans-serif;
}
.messageConsultant__cnt .exp__footer .right_btn .btn:active {
  color: white;
  background: #390447;
}
.messageConsultant__cnt .exp__footer .right_btn .btn:hover {
  background-color: #613e6b;
}
.messageConsultant__cnt .exp__footer .right_btn .btn:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.messageConsultant__cnt .exp__footer .right_btn .btn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.messageConsultant__cnt .exp__footer .right_btn .btn:active {
  color: white;
  background: #390447;
}
.messageConsultant__cnt .exp__footer .right_btn .btn:hover {
  background-color: #613e6b;
}
.messageConsultant__cnt .exp__footer .right_btn .btn:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.messageConsultant__cnt .exp__footer .right_btn .btn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.messageConsultant__cnt .exp__footer .right_btn .btn:active {
  color: white;
  background: #390447;
}
.messageConsultant__cnt .exp__footer .right_btn .btn:hover {
  background-color: #613e6b;
}
.messageConsultant__cnt .exp__footer .right_btn .btn:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.messageConsultant__cnt .exp__footer .right_btn .btn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.messageConsultant__cnt .exp__footer .right_btn .btn:active {
  color: white;
  background: #390447;
}
.messageConsultant__cnt .exp__footer .right_btn .btn:hover {
  background-color: #613e6b;
}
.messageConsultant__cnt .exp__footer .right_btn .btn:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.messageConsultant__cnt .exp__footer .right_btn .btn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.messageConsultant__cnt .exp__footer .right_btn .btn[disabled] {
  color: #adadb5;
  background-color: #ece8ed;
  opacity: 1 !important;
}
/*New Page CSS*/

.messageConsultant-panel .messageConsultant__cnt {
  margin-bottom: 88px;
  margin-top: 32px;
}
.messageConsultant-panel form#emailForm .exp-modal .form-group .select2-container-active,
.messageConsultant-panel form#emailForm .exp-modal .form-group input:focus,
.exp-modal .form-group textarea:focus,
.messageConsultant-panel form#emailForm .exp-modal-footer button.btn:focus {
  border: 1px solid #aa0285;
}
.messageConsultant-panel .exp-input .select2-container {
  padding-left: 0;
}
@media (max-width: 767px) and (min-width: 320px) {
  .messageConsultant-panel form#emailForm .exp-modal {
    padding: 40px 20px;
  }
  /*.messageConsultant-banner .inner-baner-bg {
          background-position: 38% 0% !important;
      }*/
}
@media (max-width: 1180px) and (min-width: 768px) {
  /*.messageConsultant-banner .inner-baner-bg {
          background-position: 55% 20px !important;
      }*/
}
@media (max-width: 767px) {
  .messageConsultant__cnt .exp__footer .right_btn {
    float: none;
    width: 100%;
  }
  .messageConsultant__cnt .exp__footer .right_btn .btn {
    width: 100%;
  }
  .messageConsultant__cnt .exp__footer .left_btn {
    margin-bottom: 15px;
    float: none;
  }
  .messageConsultant__cnt .exp__footer .left_btn .btn {
    width: 100%;
  }
  #emailForm .exp-modal .exp-inputs {
    padding: 0;
  }
}
textarea#emailBody::placeholder {
  color: #45505f;
}
.live-event-padding {
  padding-bottom: 160px;
  padding-top: 0;
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  .live-event-padding {
    padding-bottom: unset;
  }
}
@media screen and (max-width: 600px) {
  .live-event-padding {
    padding-top: 40px !important;
  }
}
@media screen and (max-width: 768px) {
  .live-event-padding {
    padding-top: 60px !important;
  }
}
.live-event-list {
  padding: 24px 24px 32px;
  border-radius: 8px;
  background-color: white;
  margin-bottom: 20px;
  border: 1px solid #ebebee;
}
.no-live-event-padding-top .list-event-main {
  padding: 0px;
}
.no-live-event-padding-top .text-center .search-off-icon {
  height: 24px;
  width: 24px;
  color: #5c6573;
  margin: 0 auto 12px;
  background: url(/Content/Images/icons/Search_off_icon.svg) no-repeat !important;
}
.no-live-event-padding-top .text-center .vector-icon {
  height: 24px;
  width: 24px;
  color: #5c6573;
  margin: 0 auto 12px;
  background: url(/Content/Images/icons/Vector.svg) no-repeat !important;
}
.no-live-event-padding-top .text-center span {
  font-family: Noto Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
  margin: 0px;
}
.no-live-event-padding-top .text-center p {
  text-align: center;
  margin-bottom: 0px;
}
.live-event-padding-top-zero {
  padding-top: 0px;
}
.live-event-description-divider {
  border-bottom: 1px solid #ebebee;
  margin: 5px 13px;
  width: 97%;
}
.live-event-button {
  margin-bottom: 0px;
}
.live-event-button .initiative-course-reserve-seat {
  background-color: rgba(255, 255, 255, 0.3);
  border-radius: 7px;
  height: 32px;
  border: 1px solid #1c304b !important;
  padding: 8px 16px;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  font-family: 'Noto Sans', sans-serif;
  color: #1c304b;
  position: relative;
  min-width: 141px;
  max-width: 192px;
}
.live-event-button .initiative-course-reserve-seat span {
  margin-right: 20px;
}
.live-event-button .initiative-course-reserve-seat .already-reg-icon {
  background: url('/Content/Images/CheckCircle.svg') no-repeat !important;
  background-position: 0px 0px !important;
  position: absolute;
  width: 14px;
  height: 14px;
  right: -5px;
}
.live-event-button .initiative-course-reserve-seat:hover {
  background-color: white !important;
  color: #1c304b !important;
  border: 1px solid #aa0285 !important;
}
.list-events-date {
  width: 686.6px;
  height: 33px;
  font-size: 24px;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.46;
  letter-spacing: normal;
  text-align: left;
  color: black;
}
.list-events-date-suffix {
  color: #e23369;
}
.live-event-date-header {
  margin-bottom: 10px;
}
.list-event-main {
  padding: 0 48px 0 0;
}
.list-event-main .margin-top {
  margin-top: 0px;
}
.live-event-description {
  color: #1c304b;
}
.live-event-description strong {
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  color: #1c304b;
}
.live-event-description .desc-divider {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
  color: #adadb5;
}
.live-event-text {
  margin-bottom: 10px;
}
.live-event-description-overflow {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.live-event-search-criteria {
  background-color: white;
}
.live-event-search-criteria .live-events-placeholder::placeholder {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
  color: #5c6573;
  font-style: normal !important;
}
.live-event-search-criteria .main-content .select2-choice .select2-chosen {
  height: 40px !important;
  text-transform: lowercase;
  padding: 6px 16px !important;
}
.live-event-search-criteria .main-content .select2-choice .select2-chosen:first-letter {
  text-transform: uppercase;
}
.live-event-search-criteria .main-content .select2-choice .select2-arrow b {
  background-position: 2px 8px !important;
}
.live-event-search-criteria .main-content .select2-container .select2-choices .select2-search-field input {
  padding: 5px 14px 8px 14px;
}
.live-event-search-criteria .main-content .select2-choices li input {
  border: none !important;
}
.live-event-search-criteria .live-events-placeholder ul li input::placeholder {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
  color: #5c6573;
  font-style: normal !important;
}
@media (max-width: 720px) {
  .list-event-main {
    padding: 0 0 0 0;
  }
  .live-event-date-header {
    padding: 6px 6px 0 6px;
  }
  .live-event-description-overflow {
    -webkit-line-clamp: 4;
  }
}
.keyword-box {
  display: flex;
  justify-content: space-between;
  margin: 10px 0;
}
.live-event-search-criteria hr {
  margin: 25px 0px;
  border-top: 3px solid #e6e6e6;
  max-width: initial;
}
.live-event-search-criteria .advance-search-fieds {
  margin-bottom: 32px;
}
.live-event-search-criteria select,
.live-event-search-criteria .select2-chosen {
  font-size: 14px;
}
.live-event-search-criteria .row-margin-bottom {
  margin-bottom: 10px;
}
.live-event-search-criteria .select2-container.job-adv-search-select .select2-choices {
  border: 1px solid #1c304b;
  border-radius: 8px;
  font-weight: normal;
  min-height: 40px !important;
  padding-left: 8px;
}
.live-event-search-criteria .select2-container.job-adv-search-select .select2-choices .select2-search-field input[type=text] {
  height: 40px !important;
  padding-left: 6px;
}
.live-event-search-criteria .select2-container.learning-categories .select2-choices .select2-search-field input[type=text] {
  height: 40px !important;
  color: #1c304b !important;
  font-weight: normal;
  text-indent: 0px !important;
  padding: 5px 7px;
}
.live-event-search-criteria .main-content {
  padding-bottom: 0px !important;
}
.live-event-search-criteria .select2-container.job-adv-search-select.red-error-border .select2-choices {
  border: 2px solid !important;
  border-color: #e23369 !important;
}
.live-event-search-criteria .select2-container.job-adv-search-select.red-error-border .select2-choices input[type=text] {
  text-indent: 0px !important;
}
@media screen and (min-width: 992px) {
  .control-padding-left {
    padding-left: 0px;
  }
  .control-padding-right {
    padding-right: 20px;
  }
}
@media (max-width: 768px) {
  .live-event-search-criteria .main-content .job-adv-search-keyword {
    margin: 0px 0px !important;
  }
}
.control-margin {
  margin: 0 0;
}
/*@media (min-width: 736px) and (max-width: 767px)
{
.control-margin {
    margin: 5px 20px;
    }
}*/

.pac-container {
  display: block;
  z-index: 99999;
}
.live-event-search-btns {
  display: flex;
  justify-content: center;
}
.live-event-search-btns .live-event-btns {
  padding: 7px 24px;
  width: 208px !important;
  height: 40px !important;
}
.live-event-search-btns input {
  min-width: 20%;
  margin: 0px 5px 30px;
}
.live-event-sub-header-font {
  font-size: 40px;
}
@media screen and (max-width: 2560px) {
  .live-event-sub-header-font {
    font-size: 50px;
    margin-top: 0;
  }
}
@media screen and (max-width: 1920px) {
  .live-event-sub-header-font {
    font-size: 44px;
  }
}
@media screen and (max-width: 1024px) {
  .live-event-sub-header-font {
    font-size: 34px;
  }
}
@media screen and (max-width: 991px) {
  .live-event-sub-header-font {
    font-size: 28px;
  }
}
@media screen and (max-width: 767px) {
  .live-event-sub-header-font {
    font-size: 28px;
  }
}
@media screen and (max-width: 480px) {
  .live-event-sub-header-font {
    font-size: 26px;
  }
}
@media screen and (max-width: 320px) {
  .live-event-sub-header-font {
    font-size: 26px;
  }
}
@media screen and (min-width: 320px) and (max-width: 767px) {
  .live-event-search-btns {
    flex-wrap: wrap;
  }
  .live-event-search-btns .moreOption {
    order: 2;
    width: 100%;
    margin: 0;
    margin-bottom: 30px;
  }
  .live-event-search-btns .btn-invert {
    margin: 0;
    width: 100%;
    margin-bottom: 15px;
  }
}
input[disabled].moreOption {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: Noto Sans, sans-serif;
  text-transform: uppercase;
  color: #1c304b;
  background-color: white;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid #1c304b !important;
  color: #1c304b !important;
  background-color: white !important;
  color: #ced7e4 !important;
  border: 1px solid #ced7e4 !important;
  pointer-events: none;
  cursor: not-allowed;
  opacity: 1 !important;
  font-family: 'Noto Sans', sans-serif;
}
input[disabled].moreOption:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
input[disabled].moreOption:hover {
  border: 1px solid #aa0285 !important;
}
input[disabled].moreOption:focus {
  outline: none !important;
  color: #1c304b !important;
}
input[disabled].moreOption:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
input[disabled].moreOption:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
input[disabled].moreOption:hover {
  border: 1px solid #aa0285 !important;
}
input[disabled].moreOption:focus {
  outline: none !important;
  color: #1c304b !important;
}
input[disabled].moreOption:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
input[disabled].moreOption:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
input[disabled].moreOption:hover {
  border: 1px solid #aa0285 !important;
}
input[disabled].moreOption:focus {
  outline: none !important;
  color: #1c304b !important;
}
input[disabled].moreOption:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
input[disabled].moreOption:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
input[disabled].moreOption:hover {
  border: 1px solid #aa0285 !important;
}
input[disabled].moreOption:focus {
  outline: none !important;
  color: #1c304b !important;
}
input[disabled].moreOption:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
.live-event-search-icon {
  position: relative;
}
.live-event-search-icon .fa.fa-search {
  position: absolute;
  right: 24px;
  top: 35px;
  background-image: url(/Content/Images/icons/search-icon.svg);
  background-repeat: no-repeat;
  display: block;
  width: 24px;
  height: 24px;
}
.live-event-search-icon .fa.fa-search:before {
  display: none;
}
@media (max-width: 992px) {
  .live-event-search-icon .fa.fa-search {
    right: 20px;
  }
}
.list-events-date .live-events-heading {
  font-family: 'Noto Sans', sans-serif !important;
  font-size: 20px !important;
  font-weight: 400;
  line-height: 32px !important;
  color: #1c304b !important;
}
.list-events-date .live-events-heading-bold {
  font-weight: 600 !important;
}
.blank_column {
  clear: both;
}
@media (max-width: 995px) {
  .blank_column {
    display: none;
  }
}
.categories_label {
  position: relative;
}
.categories_label .fa-dropdown {
  position: absolute;
  right: 24px;
  top: 36px;
  background-image: url(/Content/Images/keyboard_arrow_down.svg);
  background-repeat: no-repeat;
  display: none;
  width: 24px;
  height: 24px;
  z-index: 2;
  cursor: pointer;
}
.mr-top {
  margin-top: 20px;
}
@media (max-width: 767px) {
  .mr-top {
    margin-top: 0px;
  }
  .control-margin {
    margin: 20px 0;
  }
}
.live-event-search-container {
  background: #f1f0f5;
}
.live-event-search-container .breadcrumb-wrapper {
  margin-left: 15px;
  margin-top: 14px;
}
@media (max-width: 768px) {
  .live-event-search-container .breadcrumb-wrapper {
    margin-top: 24px;
  }
}
@media (max-width: 768px) {
  .live-event-search-container .breadcrumb-wrapper .breadcrumbs {
    margin-bottom: 8px;
  }
}
.live-event-search-container .breadcrumb-wrapper ul li.current span {
  color: #45505f;
}
.live-event-search-container .live-event-search-icon {
  padding: 16px 17px 32px 17px;
}
@media (min-width: 320px) and (max-width: 767px) {
  .live-event-search-container .live-event-search-icon {
    padding: 24px 16px 32px;
    margin: 0;
  }
}
.live-event-search-container .live-event-search-icon .live-events-placeholder {
  padding-left: 47px;
  background: url(/Content/Images/Redeployment/jobhub-search-icon.svg) no-repeat;
  background-position: 1.5%;
  background-color: white !important;
  border: none;
  height: 64px;
}
@media (max-width: 768px) {
  .live-event-search-container .live-event-search-icon .live-events-placeholder {
    background-position: 2.5%;
  }
}
@media (min-width: 768px) and (max-width: 768px) {
  .live-event-search-container .live-event-search-icon .live-events-placeholder {
    margin-top: -10px;
  }
}
@media (max-width: 480px) {
  .live-event-search-container .live-event-search-icon .live-events-placeholder {
    background-position: 4.5%;
  }
}
.live-event-search-container .live-event-search-icon .search-btn {
  position: absolute;
  top: 32px;
  right: 55px;
}
@media (max-width: 768px) {
  .live-event-search-container .live-event-search-icon .search-btn {
    top: 62px;
  }
}
@media (min-width: 768px) and (max-width: 768px) {
  .live-event-search-container .live-event-search-icon .search-btn {
    top: 22px;
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .live-event-search-container .live-event-search-icon .search-btn {
    right: 40px;
  }
}
.filters-container {
  margin-top: 24px;
}
@media (min-width: 320px) and (max-width: 991px) {
  .filters-container {
    padding-left: 0px;
    padding-right: 0px;
  }
}
.filters-container .filter-wrapper {
  margin-bottom: 16px;
}
.filters-container .filter-wrapper .control-wrapper {
  max-height: 64px;
  margin-bottom: 16px;
  padding: 0;
  border: 1px solid #ebebee;
}
.filters-container .filter-wrapper .control-wrapper .control-wrapper-head {
  margin-bottom: 16px;
  padding: 16px 24px 0px;
  position: relative;
}
.filters-container .filter-wrapper .control-wrapper .control-wrapper-head .control-wrapper-btn {
  margin-right: 0;
  position: absolute;
  right: 20px;
}
.filters-container .filter-wrapper .control-wrapper .control-wrapper-head .control-wrapper-flex .custom-heading {
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 16px !important;
  white-space: nowrap;
}
.filters-container .filter-wrapper .control-wrapper .control-wrapper-body {
  padding: 0;
  display: none;
}
.filters-container .filter-wrapper .control-wrapper-opened {
  max-height: 4000px !important;
}
.filters-container .filter-wrapper .control-wrapper-opened .control-wrapper-body {
  display: block;
}
.filters-container .filter-radio-container .control-wrapper-body .radio-group {
  border-bottom: 1px solid #ebebee;
  padding: 12px 24px;
}
.filters-container .filter-radio-container .control-wrapper-body .radio-group:last-child {
  border-bottom: none;
}
.filters-container .filter-radio-container .control-wrapper-body .radio-group label {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.056px;
  color: #1c304b;
  text-transform: none;
}
.filters-container .filter-checkbox-container .control-wrapper-body .checkbox-group {
  border-bottom: 1px solid #ebebee;
  padding: 12px 24px;
  display: flex;
  align-items: baseline;
  gap: 12px;
}
.filters-container .filter-checkbox-container .control-wrapper-body .checkbox-group:last-child {
  border-bottom: none;
}
.filters-container .filter-checkbox-container .control-wrapper-body .checkbox-group .check-box::before {
  margin-top: 4px;
}
.filters-container .filter-checkbox-container .control-wrapper-body .checkbox-group label {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.056px;
  color: #1c304b;
  text-transform: none;
}
.filters-container .date-range-container .control-wrapper-body {
  padding-top: 14px !important;
  padding-bottom: 9px !important;
}
.filters-container .date-range-container .control-wrapper-body .start-date-calendar label {
  margin-bottom: 8px;
}
.filters-container .date-range-container .control-wrapper-body .start-date-calendar .datepicker {
  left: 0 !important;
}
.filters-container .date-range-container .control-wrapper-body .start-date-calendar .validation-wrapper {
  margin-top: 8px;
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
.filters-container .date-range-container .control-wrapper-body .start-date-calendar .validation-wrapper .error-msg {
  color: #c70f00;
  margin-bottom: 0;
}
.filters-container .date-range-container .control-wrapper-body .end-date-calendar label {
  margin-bottom: 8px;
}
.filters-container .date-range-container .control-wrapper-body .end-date-calendar .datepicker {
  left: 0 !important;
}
.filters-container .date-range-container .control-wrapper-body .end-date-calendar .validation-wrapper {
  margin-top: 8px;
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
.filters-container .date-range-container .control-wrapper-body .end-date-calendar .validation-wrapper .error-msg {
  color: #c70f00;
  margin-bottom: 0;
}
.filters-container .filter-dropdown-container .date-calendar-group .start-date-calendar,
.filters-container .filter-dropdown-container .date-calendar-group .end-date-calendar {
  padding-left: 0;
}
.filters-container .filter-dropdown-container .date-calendar-group .start-date-calendar input,
.filters-container .filter-dropdown-container .date-calendar-group .end-date-calendar input {
  background-image: url(/Content/Images/icons/Date_Calendar_Icon.svg);
  background-repeat: no-repeat;
  background-position: 92% 10px;
}
.filters-container .filter-dropdown-container .control-wrapper {
  overflow: visible;
}
.filters-container .filter-dropdown-container .control-wrapper .control-wrapper-body {
  padding: 24px;
}
.events-tabs-container {
  margin-bottom: 24px;
  margin-top: 14px;
  padding-left: 25px;
}
@media (min-width: 320px) and (max-width: 767px) {
  .events-tabs-container {
    padding-left: 15px;
  }
}
.events-tabs-container .custom-tab-container .panel-heading .nav-tabs li {
  border-bottom: none !important;
}
.events-tabs-container .custom-tab-container .panel-heading .nav-tabs li:first-child {
  margin-left: -40px;
}
@media (min-width: 320px) and (max-width: 767px) {
  .events-tabs-container .custom-tab-container .panel-heading .nav-tabs li:first-child {
    margin-left: -18px;
  }
}
.events-tabs-container .custom-tab-container .panel-heading .nav-tabs {
  border-bottom: 1px solid #ebebee;
  display: flex;
  column-gap: 40px;
}
@media (max-width: 767px) {
  .events-tabs-container .custom-tab-container .panel-heading .nav-tabs {
    column-gap: 27px;
    justify-content: space-around;
    white-space: nowrap;
    flex-wrap: nowrap;
  }
}
.events-tabs-container .custom-tab-container .panel-heading .nav-tabs > li.active > a {
  border-bottom: 2px solid #441750;
}
.events-tabs-container .custom-tab-container .panel-heading .nav-tabs li a {
  margin-left: 0;
  margin-right: 0;
  padding-bottom: 10px !important;
  padding: 0;
}
.events-tabs-container .custom-tab-container {
  background-color: transparent;
  border-color: transparent;
  box-shadow: none;
  margin-bottom: 0;
}
.events-tabs-container .custom-tab-container .panel-heading {
  background-color: transparent;
  border-color: transparent;
  padding: 0;
}
.events-tabs-container .custom-tab-container .panel-heading li a {
  background-color: transparent;
}
.events-tabs-container .custom-tab-container .panel-body {
  padding: 0;
}
.events-data-container {
  padding-left: 25px;
}
@media (min-width: 320px) and (max-width: 767px) {
  .events-data-container {
    padding-left: 15px;
  }
}
.events-data-container .results-download-wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.events-data-container .results-download-wrapper .results {
  margin-bottom: 16px;
}
.events-data-container .results-download-wrapper .results span {
  color: #1c304b;
}
.events-data-container .results-download-wrapper .download-pdf-wrapper {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}
.events-data-container .results-download-wrapper .download-pdf-wrapper span:hover {
  text-decoration: underline;
}
.events-data-container .events-month-container {
  background-color: white;
  border-radius: 8px;
  padding: 24px 24px 32px 24px;
  margin-bottom: 32px;
}
.events-data-container .event-card-wrapper {
  margin-top: 24px;
}
.events-data-container .events-card-container {
  min-height: 88px;
  margin-bottom: 20px;
}
.events-data-container .events-card-container:last-child {
  margin-bottom: 0px;
}
@media (max-width: 768px) {
  .events-data-container .events-card-container {
    display: block;
  }
}
.events-data-container .events-card-container .card-wrapper {
  border-radius: 8px;
  border: 1px solid #ebebee;
  background: white;
  padding: 16px 24px 24px 24px;
  cursor: pointer;
}
@media (max-width: 767px) {
  .events-data-container .events-card-container .card-wrapper {
    padding: 16px 20px 24px 20px;
  }
}
.events-data-container .events-card-container .card-wrapper:focus-visible {
  outline: 4px solid #ff5858;
  border-radius: 2px;
  outline-offset: 0px;
}
.events-data-container .events-card-container .card-wrapper:hover .card-title-wrap .card-title.subtitle .live-title {
  text-decoration: underline;
}
.events-data-container .events-card-container .border-beneath {
  border-bottom: 1px solid #ebebee;
  padding-bottom: 16px;
}
.events-data-container .events-card-container .card-desc {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
@media (min-width: 320px) and (max-width: 767px) {
  .events-data-container .events-card-container .card-desc {
    flex-direction: column;
    align-items: flex-start;
  }
}
.events-data-container .events-card-container .card-desc .card-date-wrap {
  border-right: 1px solid #ebebee;
  padding-right: 24px;
  word-break: keep-all;
}
@media (min-width: 320px) and (max-width: 767px) {
  .events-data-container .events-card-container .card-desc .card-date-wrap {
    border-right: none;
    padding-right: 0px;
  }
}
.events-data-container .events-card-container .card-desc .card-date-wrap .card-date-detail {
  border-radius: 8px;
  border: 1px solid #ff097f;
  background-color: rgba(255, 9, 127, 0.05);
  padding: 4px 12px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media (min-width: 320px) and (max-width: 767px) {
  .events-data-container .events-card-container .card-desc .card-date-wrap .card-date-detail {
    flex-direction: row;
    gap: 4px;
  }
}
.events-data-container .events-card-container .card-desc .card-date-wrap .card-date-detail .card-date-num {
  color: #1c304b;
  font-size: 24px;
  line-height: 24px;
  font-weight: 700;
  font-family: 'Noto Sans', sans-serif;
  margin: 4px 0px;
}
.events-data-container .events-card-container .card-desc .card-title-wrap {
  padding: 0 24px;
}
@media (min-width: 320px) and (max-width: 767px) {
  .events-data-container .events-card-container .card-desc .card-title-wrap {
    padding: 12px 0px 0px;
  }
}
.events-data-container .events-card-container .card-desc .card-title-wrap .name-attended-wrapper {
  display: flex;
  align-items: center;
  gap: 8px;
}
.events-data-container .events-card-container .card-desc .card-title-wrap .card-title {
  margin-bottom: 8px;
  color: #1c304b;
  display: block;
}
@media (min-width: 320px) and (max-width: 767px) {
  .events-data-container .events-card-container .card-desc .card-title-wrap .card-title {
    display: flex;
  }
}
.events-data-container .events-card-container .card-desc .card-title-wrap .card-title .unattended-event {
  border-radius: 4px;
  border: 1px solid #c70f00;
  background: rgba(199, 15, 0, 0.1);
  padding: 2px 8px;
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
  font-size: 10px;
  font-weight: 500;
  line-height: 16px;
  text-transform: uppercase;
  display: inline-block;
}
@media (min-width: 320px) and (max-width: 767px) {
  .events-data-container .events-card-container .card-desc .card-title-wrap .card-title .unattended-event {
    display: inline;
    min-height: 20px;
    white-space: nowrap;
  }
}
.events-data-container .events-card-container .card-desc .card-title-wrap .card-title .attended-event {
  border-radius: 4px;
  border: 1px solid #33841f;
  background: #dcf5d6;
  padding: 2px 8px;
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
  font-size: 10px;
  font-weight: 500;
  line-height: 16px;
  text-transform: uppercase;
  display: inline-block;
}
@media (min-width: 320px) and (max-width: 767px) {
  .events-data-container .events-card-container .card-desc .card-title-wrap .card-title .attended-event {
    display: inline-block;
    min-height: 20px;
    white-space: nowrap;
    align-items: baseline;
  }
}
.events-data-container .events-card-container .card-desc .card-title-wrap .card-title .registered-wrapper {
  display: inline-flex;
  border-radius: 4px;
  border: 1px solid #33841f;
  background: #dcf5d6;
  min-width: 90px;
  padding-left: 8px;
  padding-right: 8px;
  gap: 4px;
  padding-top: 2px;
  padding-bottom: 2px;
  align-items: center;
}
@media (min-width: 320px) and (max-width: 767px) {
  .events-data-container .events-card-container .card-desc .card-title-wrap .card-title .registered-wrapper {
    display: flex;
    padding: 2px 8px;
    white-space: nowrap;
    align-items: center;
    height: auto;
    gap: 4px;
  }
}
.events-data-container .events-card-container .card-desc .card-title-wrap .card-title .registered-wrapper img {
  width: 14px;
  height: 14px;
}
.events-data-container .events-card-container .card-desc .card-title-wrap .card-title .registered-wrapper .registered-flag {
  font-size: 10px !important;
  margin-bottom: 0px;
  vertical-align: middle;
}
.events-data-container .events-card-container .card-desc .card-title-wrap .card-title .openseats-wrapper {
  display: inline-block;
  min-width: 90px;
  padding-left: 8px;
  padding-right: 8px;
  border-radius: 4px;
  border: 1px solid #c70f00;
  background: rgba(199, 15, 0, 0.1);
}
@media (min-width: 320px) and (max-width: 767px) {
  .events-data-container .events-card-container .card-desc .card-title-wrap .card-title .openseats-wrapper {
    display: flex;
    min-height: 20px;
    padding: 2px 8px;
    white-space: nowrap;
    align-items: center;
    height: 100%;
    gap: 4px;
  }
}
.events-data-container .events-card-container .card-desc .card-title-wrap .card-title .openseats-wrapper .openseats-flag {
  font-size: 10px !important;
  margin-bottom: 0px;
  vertical-align: middle;
}
.events-data-container .events-card-container .card-desc .card-title-wrap .card-title .live-title {
  margin-right: 8px;
  color: #1c304b;
  text-transform: capitalize;
}
.events-data-container .events-card-container .card-desc .card-title-wrap .card-title .live-label {
  min-width: 40px;
  Height: 20px;
  border-radius: 4px;
  Border: 1px, solid, #33841f;
  Padding: 2px 8px 2px 8px;
  background-color: #dcf5d6;
  font-size: 10px;
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
  font-weight: 500;
  line-height: 16px;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
}
.events-data-container .events-card-container .card-desc .card-title-wrap .card-time {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 8px;
}
.events-data-container .events-card-container .card-desc .card-title-wrap .card-time-icon {
  position: relative;
  margin-right: 24px;
}
.events-data-container .events-card-container .card-desc .card-title-wrap .card-time-icon::after {
  position: absolute;
  content: '';
  background-image: url(/Content/Images/Redeployment/schedule-meeting.svg);
  width: 16px;
  height: 16px;
  top: 2px;
  left: 1px;
  background-repeat: no-repeat;
}
.events-data-container .events-card-container .card-desc .card-title-wrap .online-event-wrapper {
  display: flex;
  align-items: center;
  gap: 8px;
}
.events-data-container .events-card-container .card-desc .card-title-wrap .online-event-wrapper .online-txt,
.events-data-container .events-card-container .card-desc .card-title-wrap .online-event-wrapper onsite-txt {
  color: #45505f;
}
.events-data-container .events-card-container .card-desc .card-title-wrap .card-action-info {
  display: flex;
  align-items: center;
  gap: 8px;
}
.events-data-container .events-card-container .card-desc .card-title-wrap .card-action-info .action-info-icon {
  position: relative;
  margin-right: 24px;
}
.events-data-container .events-card-container .card-desc .card-title-wrap .card-action-info .action-info-icon::after {
  position: absolute;
  content: '';
  background-image: url(/Content/Images/Redeployment/info-h-icon.svg);
  width: 16px;
  height: 16px;
  top: 5px;
  left: 1px;
  background-repeat: no-repeat;
}
.events-data-container .events-card-container .live-event-button {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 16px;
}
.events-data-container .events-card-container .live-event-button .link_small:focus-visible {
  outline: 4px solid #ff5858 !important;
  border-radius: 2px !important;
  outline-offset: 0px !important;
}
.events-data-container .events-card-container .live-event-button .unregister-wrapper,
.events-data-container .events-card-container .live-event-button .register-wrapper {
  display: flex;
  align-items: center;
  gap: 8px;
}
.events-data-container .events-card-container .live-event-button .unregister-wrapper:hover,
.events-data-container .events-card-container .live-event-button .register-wrapper:hover {
  color: #aa0285;
  text-decoration: underline;
}
.events-data-container .events-card-container .live-event-button .join-btn {
  min-width: 100px;
}
.events-data-container .events-card-container .card-action-btn {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
}
@media (max-width: 768px) {
  .events-data-container .events-card-container .card-action-btn {
    display: block;
  }
  .events-data-container .events-card-container .card-action-btn .primary-btn--md {
    margin-top: 12px;
  }
}
@media (max-width: 768px) {
  .events-data-container .events-card-container .card-action-btn .secondary-btn--md,
  .events-data-container .events-card-container .card-action-btn .primary-btn--md {
    width: 100%;
  }
}
.events-data-container .events-card-container .action-info-text {
  color: #5c6573;
}
.events-data-container .custom-pagination {
  width: 100%;
}
.events-data-container .custom-pagination .pagination,
.events-data-container .custom-pagination .pagination > .disabled > a,
.events-data-container .custom-pagination .pagination > li > a,
.events-data-container .custom-pagination .pagination > li > span {
  background-color: transparent;
}
.events-data-container .skeleton-results-bar {
  margin-bottom: 26px;
  margin-top: 10px;
}
.events-data-container .skeleton-squre-gray-two {
  height: 88px;
  width: 55px;
  margin-bottom: 0;
  background: #d8d8e2;
}
.events-data-container .skeleton-squre-gray-line-divider {
  height: 88px;
  width: 1px;
  margin-right: 9px;
  margin-left: 9px;
}
.events-data-container .skeleton-live-events-divider {
  margin: 16px 50px 16px 0;
  height: 1px;
  background-color: #ebebee;
}
.events-data-container .sk-line-five {
  margin-right: 16px;
}
.events-data-container .skeleton-small-circle-gray-two {
  margin-right: 8px;
  width: 12px;
}
.events-data-container .skeleton-small-circle-gray {
  margin-right: 8px;
}
.events-data-container .sk-small-bar {
  width: 45px;
  margin-right: 16px;
}
.events-data-container .skeleton-live-events-container {
  background-color: white;
  padding: 16px 0px 24px 24px;
  margin-bottom: 12px;
  border-radius: 8px;
}
.events-data-container .skeleton-line-gray .sk-line-thirty {
  height: 16px;
}
.events-data-container .skeleton-line-gray sk-line-five {
  height: 16px;
}
.events-data-container .card-skeleton-box {
  width: 100%;
  border-left: 1px solid #ebebee;
  margin-left: 24px;
  padding-left: 24px;
}
.events-data-container .card-skeleton-box .bars-container {
  margin-top: 12px;
}
.events-data-container .card-skeleton-box .bar-wrapper {
  gap: 8px;
  margin-top: 24px;
}
.events-data-container .card-skeleton-box .lower-bar-wrapper {
  position: relative;
  top: -8px;
}
.events-data-container .skeleton-live-events-container {
  border-radius: 8px;
}
.events-data-container .flex-container {
  align-items: center;
}
.events-data-container .right-progress {
  margin-left: 0px;
}
.events-data-container .breaker-line {
  height: 0.5px !important;
}
.pdfHeaderTitle header {
  padding: 20px;
  background-color: white;
  border-bottom: 1px solid #ebebee;
}
.pdfHeaderContainer {
  display: none;
}
.pdfContainer {
  background: #f7f7fa !important;
  width: 100%;
}
.user-p {
  margin: 5px -5px 0px !important;
  font-family: 'Noto Serif', serif;
  font-size: 16px;
  font-weight: 400;
}
@media (max-width: 767px) {
  .events-tabs-container .panel-heading.panel-heading-nav {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
    overscroll-behavior: contain;
    height: auto;
  }
  .modal-body.session-event-text-margin.session-event-text-width {
    padding-bottom: 0px !important;
  }
  .events-card-container.download-pdf-content-pastevent .card-wrapper {
    padding: 16px 20px 24px 20px;
  }
  .session-container h4.modal-title.header-txt.session-event-text-margin,
  .session-container span.session-details-name.body_large_semibold,
  .session-container span.session-details-name.body_large_semibold span {
    font-weight: 400 !important;
  }
  .session-modal-details-div span.body_small,
  .session-modal-details-div span.body_small span.session-modal-details-span1 {
    color: #45505f !important;
  }
  .session-modal-details-div span.body_small span.session-modal-details-span1,
  .session-modal-details-div span .session-modal-details-span1 {
    font-size: 12px;
    line-height: 16px;
  }
  .sub-header-line .session-modal-details-div span.body_small,
  .sub-header-line.session-modal-details-div span.body_small span.session-modal-details-span1 {
    font-size: 12px !important;
    line-height: 24px !important;
  }
  .session-footer-container .meeting-join-info {
    margin-top: 8px;
  }
  .session-footer-container .meeting-join-info span {
    color: #5c6573;
  }
}
#homepage-widget-container #slider-container #slider .slide {
  padding: 0px 10px;
}
#homepage-widget-container #slider-container #slider .slide.upComing-event .upcoming-content,
#homepage-widget-container #slider-container #slider .slide.upComing-live-event .upcoming-content {
  padding: 16px 24px 24px;
  border-radius: 8px;
  background-color: white;
  border-radius: 0px 0px 8px 8px;
  word-break: break-word;
}
#homepage-widget-container #slider-container #slider .slide.upComing-event .upcoming-content .eventDetails .live-content p.live-btn,
#homepage-widget-container #slider-container #slider .slide.upComing-live-event .upcoming-content .eventDetails .live-content p.live-btn {
  margin-bottom: 0px;
}
#homepage-widget-container #slider-container #slider .slide.upComing-event .upcoming-content .eventDetails .live-content p.live-btn a,
#homepage-widget-container #slider-container #slider .slide.upComing-live-event .upcoming-content .eventDetails .live-content p.live-btn a {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: Noto Sans, sans-serif;
  text-transform: uppercase;
  color: white;
  background-color: #441750;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  padding: 8px 24px;
  font-family: 'Noto Sans', sans-serif;
}
#homepage-widget-container #slider-container #slider .slide.upComing-event .upcoming-content .eventDetails .live-content p.live-btn a:active,
#homepage-widget-container #slider-container #slider .slide.upComing-live-event .upcoming-content .eventDetails .live-content p.live-btn a:active {
  color: white;
  background: #390447;
}
#homepage-widget-container #slider-container #slider .slide.upComing-event .upcoming-content .eventDetails .live-content p.live-btn a:hover,
#homepage-widget-container #slider-container #slider .slide.upComing-live-event .upcoming-content .eventDetails .live-content p.live-btn a:hover {
  background-color: #613e6b;
}
#homepage-widget-container #slider-container #slider .slide.upComing-event .upcoming-content .eventDetails .live-content p.live-btn a:focus,
#homepage-widget-container #slider-container #slider .slide.upComing-live-event .upcoming-content .eventDetails .live-content p.live-btn a:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
#homepage-widget-container #slider-container #slider .slide.upComing-event .upcoming-content .eventDetails .live-content p.live-btn a:focus-visible,
#homepage-widget-container #slider-container #slider .slide.upComing-live-event .upcoming-content .eventDetails .live-content p.live-btn a:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
#homepage-widget-container #slider-container #slider .slide.upComing-event .upcoming-content .eventDetails .live-content p.live-btn a:active,
#homepage-widget-container #slider-container #slider .slide.upComing-live-event .upcoming-content .eventDetails .live-content p.live-btn a:active {
  color: white;
  background: #390447;
}
#homepage-widget-container #slider-container #slider .slide.upComing-event .upcoming-content .eventDetails .live-content p.live-btn a:hover,
#homepage-widget-container #slider-container #slider .slide.upComing-live-event .upcoming-content .eventDetails .live-content p.live-btn a:hover {
  background-color: #613e6b;
}
#homepage-widget-container #slider-container #slider .slide.upComing-event .upcoming-content .eventDetails .live-content p.live-btn a:focus,
#homepage-widget-container #slider-container #slider .slide.upComing-live-event .upcoming-content .eventDetails .live-content p.live-btn a:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
#homepage-widget-container #slider-container #slider .slide.upComing-event .upcoming-content .eventDetails .live-content p.live-btn a:focus-visible,
#homepage-widget-container #slider-container #slider .slide.upComing-live-event .upcoming-content .eventDetails .live-content p.live-btn a:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
#homepage-widget-container #slider-container #slider .slide.upComing-event .upcoming-content .eventDetails .live-content p.live-btn a:active,
#homepage-widget-container #slider-container #slider .slide.upComing-live-event .upcoming-content .eventDetails .live-content p.live-btn a:active {
  color: white;
  background: #390447;
}
#homepage-widget-container #slider-container #slider .slide.upComing-event .upcoming-content .eventDetails .live-content p.live-btn a:hover,
#homepage-widget-container #slider-container #slider .slide.upComing-live-event .upcoming-content .eventDetails .live-content p.live-btn a:hover {
  background-color: #613e6b;
}
#homepage-widget-container #slider-container #slider .slide.upComing-event .upcoming-content .eventDetails .live-content p.live-btn a:focus,
#homepage-widget-container #slider-container #slider .slide.upComing-live-event .upcoming-content .eventDetails .live-content p.live-btn a:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
#homepage-widget-container #slider-container #slider .slide.upComing-event .upcoming-content .eventDetails .live-content p.live-btn a:focus-visible,
#homepage-widget-container #slider-container #slider .slide.upComing-live-event .upcoming-content .eventDetails .live-content p.live-btn a:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
#homepage-widget-container #slider-container #slider .slide.upComing-event .upcoming-content .eventDetails .live-content p.live-btn a:active,
#homepage-widget-container #slider-container #slider .slide.upComing-live-event .upcoming-content .eventDetails .live-content p.live-btn a:active {
  color: white;
  background: #390447;
}
#homepage-widget-container #slider-container #slider .slide.upComing-event .upcoming-content .eventDetails .live-content p.live-btn a:hover,
#homepage-widget-container #slider-container #slider .slide.upComing-live-event .upcoming-content .eventDetails .live-content p.live-btn a:hover {
  background-color: #613e6b;
}
#homepage-widget-container #slider-container #slider .slide.upComing-event .upcoming-content .eventDetails .live-content p.live-btn a:focus,
#homepage-widget-container #slider-container #slider .slide.upComing-live-event .upcoming-content .eventDetails .live-content p.live-btn a:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
#homepage-widget-container #slider-container #slider .slide.upComing-event .upcoming-content .eventDetails .live-content p.live-btn a:focus-visible,
#homepage-widget-container #slider-container #slider .slide.upComing-live-event .upcoming-content .eventDetails .live-content p.live-btn a:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
#homepage-widget-container #slider-container #slider .slide.upComing-event.horizontal,
#homepage-widget-container #slider-container #slider .slide.upComing-live-event.horizontal {
  width: 5%;
  display: flex;
}
.control-wrapper {
  padding: 24px 24px 32px;
  border-radius: 8px;
  background-color: white;
}
.textArea-counter {
  color: #1c304b !important;
  text-align: right;
  font-family: "Noto Sans";
  font-size: 12px !important;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.048px;
  margin-bottom: 0;
}
.control-wrapper-head {
  padding-left: 0px;
  padding-right: 0px;
  min-height: auto;
  margin-bottom: 24px;
}
.control-wrapper-head .custom-heading {
  margin: 0px;
  font-family: Noto Sans, sans-serif !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 24px !important;
  color: #1c304b !important;
  font-family: 'Noto Sans', sans-serif !important;
}
.control-wrapper-head h4 {
  margin: 0px;
  font-family: Noto Sans, sans-serif !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 24px !important;
  color: #1c304b !important;
  font-family: 'Noto Sans', sans-serif !important;
}
.control-wrapper-body {
  padding: 0px;
}
.box-meeting.upcoming-meeting-box-control {
  padding: 24px 24px 32px;
  border-radius: 8px;
  background-color: white;
}
.upcoming-meetings-control .container-schedule-btn {
  margin-bottom: 0px;
}
.upcoming-meetings-control h4 {
  margin-bottom: 24px;
}
.upcoming-meetings-control .control-wrapper-head .pink-font {
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  font-size: 16px;
  font-weight: 600;
  color: #1c304b;
}
.upcoming-meetings-control .text-center .bold {
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  font-size: 14px;
  font-weight: 600;
  color: #1c304b;
}
.upcoming-meetings-control .text-center .text-second {
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  font-size: 14px;
  color: #45505f;
}
.upcoming-meetings-control .control-wrapper-body .meeting-section .upcoming-meeting-row .date-section {
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  font-size: 14px;
  font-weight: 700;
  color: #1c304b;
  line-height: 24px;
}
.upcoming-meetings-control .control-wrapper-body .meeting-section .upcoming-meeting-row .pink-font {
  color: #1c304b;
}
.upcoming-meetings-control .control-wrapper-body .meeting-section .upcoming-meeting-row .time-section .uptime-span {
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  font-size: 14px;
  color: #45505f;
  line-height: 24px;
}
.upcoming-meetings-control .control-wrapper-body .meeting-section .upcoming-meeting-row .time-section .upcoming-name {
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  font-size: 16px;
  color: #45505f;
}
.upcoming-meeting-dashboard .control-wrapper-head {
  min-height: auto;
}
.upcoming-meeting-dashboard .control-wrapper-body .schedule-btn {
  margin-bottom: 0px;
}
.upcoming-meeting-dashboard.skeleton-loader .mid-body-section,
.upcoming-meeting-box-control.skeleton-loader .mid-body-section {
  padding: 8px 0px;
}
.upcoming-meeting-dashboard.skeleton-loader .button-schedule-viewcenter,
.upcoming-meeting-box-control.skeleton-loader .button-schedule-viewcenter {
  padding: 14px 0px 25px;
}
.skeleton-loader-progress .control-wrapper-body,
.control-wrapper-body {
  padding: 0px;
}
.skeleton-loader-progress .control-wrapper-body .candidate-progress-divider,
.control-wrapper-body .candidate-progress-divider {
  margin: 20px 0px;
}
.redeployment-red-layout .candidate-progress-banner {
  margin: 0px;
}
.candidate-progress-divider {
  margin: 25px 0px;
}
.candidate-progress-explore-more {
  margin: 20px 0px 0px;
}
#job-agent-section .job-agent-box.active,
.job-agent-section-custom .job-agent-box.active {
  padding: 24px 24px 32px;
  border-radius: 8px;
  background-color: white;
  background-color: #4d065b;
}
#job-agent-section .job-agent-box .job-title,
.job-agent-section-custom .job-agent-box .job-title {
  top: 0px;
}
.jobtracker-img-skeleton .job-agent-img {
  background-color: #f1f0f5;
  background-position: center;
  background-repeat: no-repeat;
  min-height: 176px;
  height: 100%;
  border-radius: 8px;
  padding: 24px 24px;
  background-size: cover;
  background-image: none !important;
}
.job-cmpAdded-section-custom {
  padding: 0px;
  margin-bottom: 24px;
}
.job-cmpAdded-section-custom .job-agent-img {
  background-image: url(/Content/Images/Redeployment/CMP_Jobs.png);
  background-color: #f1f0f5;
  background-position: center;
  background-repeat: no-repeat;
  min-height: 176px;
  height: 100%;
  border-radius: 8px;
  padding: 24px 24px;
  background-size: cover;
}
.job-cmpAdded-section-custom .job-agent-img .job-agent-box.active .job-title .number {
  font-family: 'Noto Sans', sans-serif;
  font-weight: 700;
  font-size: 40px;
  line-height: 40px;
  letter-spacing: 0%;
  color: #1c304b;
  margin-bottom: 12px;
}
.job-cmpAdded-section-custom .job-agent-img .job-agent-box.active .job-title .job-label {
  font-family: 'Noto Sans', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.4%;
  color: #1c304b;
}
.job-cmpAdded-section-custom .job-agent-img .arrow-button {
  border-radius: 8px;
  border: 1px solid #1c304b;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  margin-top: 12px;
}
.job-cmpAdded-section-custom .job-agent-img .arrow-button:before {
  background: url(/Content/Images/Redeployment/navigate-button.png);
  background-repeat: no-repeat;
  content: '';
  display: block;
  width: 24px;
  height: 24px;
}
.job-cmpAdded-section-custom .job-agent-img .arrow-button:hover {
  border: 1px solid #aa0285;
}
.job-cmpAdded-section-custom .job-agent-img .arrow-button:focus-visible {
  outline: 4px solid #ff5858;
}
.skeleton-loader .skeleton-outer {
  padding: 0px;
}
.settings-container button.btn-focus::before {
  border-color: transparent !important;
}
.settings-container a.external-login-link-focus::before {
  border-color: transparent !important;
}
.settings-container .btn-right-align {
  flex-direction: row-reverse;
}
.modalContent .modal-header-main h4 {
  color: #1c304b;
  font-family: 'Noto Serif', serif;
  font-size: 32px;
  font-weight: 600;
}
.modalContent .modal-header-main p {
  color: #5c6573;
  font-family: 'Noto Sans', sans-serif;
  font-size: 16px;
  font-weight: 600;
}
.modalContent .modal-main-content p {
  color: #5c6573;
  font-family: 'Noto Sans', sans-serif;
  font-size: 16px;
  font-weight: 400;
}
.modalContent .modal-main-content .modal-button-footer .button-purple-white {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: Noto Sans, sans-serif;
  text-transform: uppercase;
  color: white;
  background-color: #441750;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  font-family: 'Noto Sans', sans-serif;
  padding: 8px 24px;
}
.modalContent .modal-main-content .modal-button-footer .button-purple-white:active {
  color: white;
  background: #390447;
}
.modalContent .modal-main-content .modal-button-footer .button-purple-white:hover {
  background-color: #613e6b;
}
.modalContent .modal-main-content .modal-button-footer .button-purple-white:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.modalContent .modal-main-content .modal-button-footer .button-purple-white:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.modalContent .modal-main-content .modal-button-footer .button-purple-white:active {
  color: white;
  background: #390447;
}
.modalContent .modal-main-content .modal-button-footer .button-purple-white:hover {
  background-color: #613e6b;
}
.modalContent .modal-main-content .modal-button-footer .button-purple-white:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.modalContent .modal-main-content .modal-button-footer .button-purple-white:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.modalContent .modal-main-content .modal-button-footer .button-purple {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: Noto Sans, sans-serif;
  text-transform: uppercase;
  color: white;
  background-color: #441750;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  font-family: 'Noto Sans', sans-serif;
  padding: 8px 24px;
}
.modalContent .modal-main-content .modal-button-footer .button-purple:active {
  color: white;
  background: #390447;
}
.modalContent .modal-main-content .modal-button-footer .button-purple:hover {
  background-color: #613e6b;
}
.modalContent .modal-main-content .modal-button-footer .button-purple:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.modalContent .modal-main-content .modal-button-footer .button-purple:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.modalContent .modal-main-content .modal-button-footer .button-purple:active {
  color: white;
  background: #390447;
}
.modalContent .modal-main-content .modal-button-footer .button-purple:hover {
  background-color: #613e6b;
}
.modalContent .modal-main-content .modal-button-footer .button-purple:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.modalContent .modal-main-content .modal-button-footer .button-purple:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.schedule-btn .btn {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: Noto Sans, sans-serif;
  text-transform: uppercase;
  color: white;
  background-color: #441750;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  padding: 8px 24px;
  font-family: 'Noto Sans', sans-serif;
}
.schedule-btn .btn:active {
  color: white;
  background: #390447;
}
.schedule-btn .btn:hover {
  background-color: #613e6b;
}
.schedule-btn .btn:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.schedule-btn .btn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.schedule-btn .btn:active {
  color: white;
  background: #390447;
}
.schedule-btn .btn:hover {
  background-color: #613e6b;
}
.schedule-btn .btn:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.schedule-btn .btn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.schedule-btn .btn:active {
  color: white;
  background: #390447;
}
.schedule-btn .btn:hover {
  background-color: #613e6b;
}
.schedule-btn .btn:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.schedule-btn .btn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.schedule-btn .btn:active {
  color: white;
  background: #390447;
}
.schedule-btn .btn:hover {
  background-color: #613e6b;
}
.schedule-btn .btn:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.schedule-btn .btn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.schedule-btn .btn.active {
  background-color: #390447;
}
.container-right-one .container-email-btn .btn-primary-bgcolor {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: Noto Sans, sans-serif;
  text-transform: uppercase;
  color: white;
  background-color: #441750;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  padding: 8px 24px;
  font-family: 'Noto Sans', sans-serif;
  height: 40px;
}
.container-right-one .container-email-btn .btn-primary-bgcolor:active {
  color: white;
  background: #390447;
}
.container-right-one .container-email-btn .btn-primary-bgcolor:hover {
  background-color: #613e6b;
}
.container-right-one .container-email-btn .btn-primary-bgcolor:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.container-right-one .container-email-btn .btn-primary-bgcolor:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.container-right-one .container-email-btn .btn-primary-bgcolor:active {
  color: white;
  background: #390447;
}
.container-right-one .container-email-btn .btn-primary-bgcolor:hover {
  background-color: #613e6b;
}
.container-right-one .container-email-btn .btn-primary-bgcolor:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.container-right-one .container-email-btn .btn-primary-bgcolor:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.container-right-one .container-email-btn .btn-primary-bgcolor:active {
  color: white;
  background: #390447;
}
.container-right-one .container-email-btn .btn-primary-bgcolor:hover {
  background-color: #613e6b;
}
.container-right-one .container-email-btn .btn-primary-bgcolor:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.container-right-one .container-email-btn .btn-primary-bgcolor:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.container-right-one .container-email-btn .btn-primary-bgcolor:active {
  color: white;
  background: #390447;
}
.container-right-one .container-email-btn .btn-primary-bgcolor:hover {
  background-color: #613e6b;
}
.container-right-one .container-email-btn .btn-primary-bgcolor:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.container-right-one .container-email-btn .btn-primary-bgcolor:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.container-right-one .container-email-btn .btn-primary-bgcolor.active {
  background-color: #390447;
}
.container-right-one .white-box .pink-font {
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  font-size: 16px;
  font-weight: 600;
  color: #1c304b;
}
.container-right-one .white-box .text-center .bold {
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  font-weight: 600;
  font-size: 14px;
  color: #1c304b;
}
.container-right-one .white-box .text-center .text-second {
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  font-size: 14px;
  color: #45505f;
}
.container-right-one .white-box .meeting-section .upcoming-meeting-row .date-section {
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  font-size: 14px;
  font-weight: 700;
  color: #1c304b;
}
.container-right-one .white-box .meeting-section .upcoming-meeting-row .time-section .uptime-span {
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  font-size: 14px;
  color: #45505f;
}
.container-right-one .white-box .meeting-section .upcoming-meeting-row .time-section .upcoming-name {
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  font-size: 16px;
  color: #45505f;
}
.completeProfile .workProfileBtn .btn-uploadLinkedPDF {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: Noto Sans, sans-serif;
  text-transform: uppercase;
  color: white;
  background-color: #441750;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  padding: 8px 24px;
  font-family: 'Noto Sans', sans-serif;
  height: 40px;
}
.completeProfile .workProfileBtn .btn-uploadLinkedPDF:active {
  color: white;
  background: #390447;
}
.completeProfile .workProfileBtn .btn-uploadLinkedPDF:hover {
  background-color: #613e6b;
}
.completeProfile .workProfileBtn .btn-uploadLinkedPDF:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.completeProfile .workProfileBtn .btn-uploadLinkedPDF:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.completeProfile .workProfileBtn .btn-uploadLinkedPDF:active {
  color: white;
  background: #390447;
}
.completeProfile .workProfileBtn .btn-uploadLinkedPDF:hover {
  background-color: #613e6b;
}
.completeProfile .workProfileBtn .btn-uploadLinkedPDF:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.completeProfile .workProfileBtn .btn-uploadLinkedPDF:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.completeProfile .workProfileBtn .btn-uploadLinkedPDF:active {
  color: white;
  background: #390447;
}
.completeProfile .workProfileBtn .btn-uploadLinkedPDF:hover {
  background-color: #613e6b;
}
.completeProfile .workProfileBtn .btn-uploadLinkedPDF:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.completeProfile .workProfileBtn .btn-uploadLinkedPDF:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.completeProfile .workProfileBtn .btn-uploadLinkedPDF:active {
  color: white;
  background: #390447;
}
.completeProfile .workProfileBtn .btn-uploadLinkedPDF:hover {
  background-color: #613e6b;
}
.completeProfile .workProfileBtn .btn-uploadLinkedPDF:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.completeProfile .workProfileBtn .btn-uploadLinkedPDF:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.job-matches-button a,
.job-matches-button a.btn-default {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: Noto Sans, sans-serif;
  text-transform: uppercase;
  color: white;
  background-color: #441750;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  padding: 8px 24px;
  font-family: 'Noto Sans', sans-serif;
  height: 40px;
}
.job-matches-button a:active,
.job-matches-button a.btn-default:active {
  color: white;
  background: #390447;
}
.job-matches-button a:hover,
.job-matches-button a.btn-default:hover {
  background-color: #613e6b;
}
.job-matches-button a:focus,
.job-matches-button a.btn-default:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.job-matches-button a:focus-visible,
.job-matches-button a.btn-default:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.job-matches-button a:active,
.job-matches-button a.btn-default:active {
  color: white;
  background: #390447;
}
.job-matches-button a:hover,
.job-matches-button a.btn-default:hover {
  background-color: #613e6b;
}
.job-matches-button a:focus,
.job-matches-button a.btn-default:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.job-matches-button a:focus-visible,
.job-matches-button a.btn-default:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.job-matches-button a:active,
.job-matches-button a.btn-default:active {
  color: white;
  background: #390447;
}
.job-matches-button a:hover,
.job-matches-button a.btn-default:hover {
  background-color: #613e6b;
}
.job-matches-button a:focus,
.job-matches-button a.btn-default:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.job-matches-button a:focus-visible,
.job-matches-button a.btn-default:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.job-matches-button a:active,
.job-matches-button a.btn-default:active {
  color: white;
  background: #390447;
}
.job-matches-button a:hover,
.job-matches-button a.btn-default:hover {
  background-color: #613e6b;
}
.job-matches-button a:focus,
.job-matches-button a.btn-default:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.job-matches-button a:focus-visible,
.job-matches-button a.btn-default:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
@media (min-width: 768px) {
  .popup-modal-refresh .modal-dialog {
    width: 568px;
  }
}
.popup-modal-refresh .modal-dialog .modal-header {
  color: #5c6573;
  font-family: 'Noto Sans', sans-serif;
  font-size: 16px;
  font-weight: 400;
}
.popup-modal-refresh .modal-dialog .modal-footer #gotItResumeModal {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: Noto Sans, sans-serif;
  text-transform: uppercase;
  color: white;
  background-color: #441750;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  font-family: 'Noto Sans', sans-serif;
  padding: 8px 24px;
}
.popup-modal-refresh .modal-dialog .modal-footer #gotItResumeModal:active {
  color: white;
  background: #390447;
}
.popup-modal-refresh .modal-dialog .modal-footer #gotItResumeModal:hover {
  background-color: #613e6b;
}
.popup-modal-refresh .modal-dialog .modal-footer #gotItResumeModal:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.popup-modal-refresh .modal-dialog .modal-footer #gotItResumeModal:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.popup-modal-refresh .modal-dialog .modal-footer #gotItResumeModal:active {
  color: white;
  background: #390447;
}
.popup-modal-refresh .modal-dialog .modal-footer #gotItResumeModal:hover {
  background-color: #613e6b;
}
.popup-modal-refresh .modal-dialog .modal-footer #gotItResumeModal:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.popup-modal-refresh .modal-dialog .modal-footer #gotItResumeModal:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.popup-modal-refresh .update-profile-modal-popup,
.popup-modal-refresh .modal-upload-candidate-photo,
.popup-modal-refresh .profile-photo-modal-body,
.popup-modal-refresh h3 {
  color: #1c304b;
  font-family: 'Noto Serif', serif;
  font-size: 20px;
  font-weight: 600;
}
.popup-modal-refresh label,
.popup-modal-refresh h4,
.popup-modal-refresh h3 {
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
  font-size: 16px;
  font-weight: 600;
}
.popup-modal-refresh h4 {
  line-height: 24px;
}
.popup-modal-refresh .modal-content h4 span {
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
  font-size: 16px;
  font-weight: 600;
  font-size: 20px;
  line-height: 32px;
}
.popup-modal-refresh .modal-content .profile-visibility-off-model .card-top .text-center h2 span {
  color: #1c304b;
  font-family: 'Noto Serif', serif;
  font-size: 32px;
  font-weight: 600;
}
.popup-modal-refresh .modal-content .profile-visibility-off-model .card-bottom .text-center p {
  color: #5c6573;
  font-family: 'Noto Sans', sans-serif;
  font-size: 16px;
  font-weight: 400;
}
.popup-modal-refresh .modal-content .profile-visibility-off-model .modal-footer .save-btn {
  margin-right: 10px;
  margin-left: 0px;
}
.popup-modal-refresh .modal-content .bookmarks-main-content .headerMessage h2 {
  color: #1c304b;
  font-family: 'Noto Serif', serif;
  font-size: 32px;
  font-weight: 600;
}
.popup-modal-refresh .modal-content .bookmarks-main-content .headerMessage h4 {
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
  font-size: 16px;
  font-weight: 600;
}
.popup-modal-refresh .modal-content .bookmarks-main-content .bookmarks-model-description {
  color: #5c6573;
  font-family: 'Noto Sans', sans-serif;
  font-size: 16px;
  font-weight: 400;
}
.popup-modal-refresh .modal-content .control-box {
  color: #1c304b !important;
}
.popup-modal-refresh .modal-content .control-box label {
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase;
}
.popup-modal-refresh .modal-content .control-box .btn {
  color: white;
  font-family: 'Noto Sans', sans-serif;
  font-size: 14px;
  font-weight: 500;
}
.popup-modal-refresh .modal-content .btn {
  font-family: 'Noto Sans', sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}
.popup-modal-refresh .modal-content .btn-update {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: Noto Sans, sans-serif;
  text-transform: uppercase;
  color: white;
  background-color: #441750;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  font-family: 'Noto Sans', sans-serif;
  padding: 8px 24px;
}
.popup-modal-refresh .modal-content .btn-update:active {
  color: white;
  background: #390447;
}
.popup-modal-refresh .modal-content .btn-update:hover {
  background-color: #613e6b;
}
.popup-modal-refresh .modal-content .btn-update:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.popup-modal-refresh .modal-content .btn-update:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.popup-modal-refresh .modal-content .btn-update:active {
  color: white;
  background: #390447;
}
.popup-modal-refresh .modal-content .btn-update:hover {
  background-color: #613e6b;
}
.popup-modal-refresh .modal-content .btn-update:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.popup-modal-refresh .modal-content .btn-update:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.popup-modal-refresh .modal-content .updateBtn {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: Noto Sans, sans-serif;
  text-transform: uppercase;
  color: white;
  background-color: #441750;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  font-family: 'Noto Sans', sans-serif;
  padding: 8px 24px 8px 24px;
  width: 262px;
  height: 40px;
}
.popup-modal-refresh .modal-content .updateBtn:active {
  color: white;
  background: #390447;
}
.popup-modal-refresh .modal-content .updateBtn:hover {
  background-color: #613e6b;
}
.popup-modal-refresh .modal-content .updateBtn:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.popup-modal-refresh .modal-content .updateBtn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.popup-modal-refresh .modal-content .updateBtn:active {
  color: white;
  background: #390447;
}
.popup-modal-refresh .modal-content .updateBtn:hover {
  background-color: #613e6b;
}
.popup-modal-refresh .modal-content .updateBtn:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.popup-modal-refresh .modal-content .updateBtn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.popup-modal-refresh .modal-content .btn-cancel,
.popup-modal-refresh .modal-content .btn-addProfile,
.popup-modal-refresh .modal-content .btn-addNew {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: Noto Sans, sans-serif;
  text-transform: uppercase;
  color: #1c304b;
  background-color: white;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid #1c304b !important;
  color: #1c304b !important;
  background-color: white !important;
  font-family: 'Noto Sans', sans-serif;
  padding: 8px 24px;
}
.popup-modal-refresh .modal-content .btn-cancel:active,
.popup-modal-refresh .modal-content .btn-addProfile:active,
.popup-modal-refresh .modal-content .btn-addNew:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
.popup-modal-refresh .modal-content .btn-cancel:hover,
.popup-modal-refresh .modal-content .btn-addProfile:hover,
.popup-modal-refresh .modal-content .btn-addNew:hover {
  border: 1px solid #aa0285 !important;
}
.popup-modal-refresh .modal-content .btn-cancel:focus,
.popup-modal-refresh .modal-content .btn-addProfile:focus,
.popup-modal-refresh .modal-content .btn-addNew:focus {
  outline: none !important;
  color: #1c304b !important;
}
.popup-modal-refresh .modal-content .btn-cancel:focus-visible,
.popup-modal-refresh .modal-content .btn-addProfile:focus-visible,
.popup-modal-refresh .modal-content .btn-addNew:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
.popup-modal-refresh .modal-content .btn-cancel:active,
.popup-modal-refresh .modal-content .btn-addProfile:active,
.popup-modal-refresh .modal-content .btn-addNew:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
.popup-modal-refresh .modal-content .btn-cancel:hover,
.popup-modal-refresh .modal-content .btn-addProfile:hover,
.popup-modal-refresh .modal-content .btn-addNew:hover {
  border: 1px solid #aa0285 !important;
}
.popup-modal-refresh .modal-content .btn-cancel:focus,
.popup-modal-refresh .modal-content .btn-addProfile:focus,
.popup-modal-refresh .modal-content .btn-addNew:focus {
  outline: none !important;
  color: #1c304b !important;
}
.popup-modal-refresh .modal-content .btn-cancel:focus-visible,
.popup-modal-refresh .modal-content .btn-addProfile:focus-visible,
.popup-modal-refresh .modal-content .btn-addNew:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
.popup-modal-refresh .modal-content .todo-modal-body p {
  color: #5c6573;
  font-family: 'Noto Sans', sans-serif;
  font-size: 16px;
  font-weight: 400;
}
.popup-modal-refresh .modal-content .jobApplyToJob .search-input h5,
.popup-modal-refresh .modal-content .jobApplyToJob .search-input h6 {
  color: #1c304b !important;
}
.popup-modal-refresh .modal-footer .removeBtn {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: Noto Sans, sans-serif;
  text-transform: uppercase;
  color: #1c304b;
  background-color: white;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid #1c304b !important;
  color: #1c304b !important;
  background-color: white !important;
  font-family: 'Noto Sans', sans-serif;
  padding: 8px 24px;
}
.popup-modal-refresh .modal-footer .removeBtn:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
.popup-modal-refresh .modal-footer .removeBtn:hover {
  border: 1px solid #aa0285 !important;
}
.popup-modal-refresh .modal-footer .removeBtn:focus {
  outline: none !important;
  color: #1c304b !important;
}
.popup-modal-refresh .modal-footer .removeBtn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
.popup-modal-refresh .modal-footer .removeBtn:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
.popup-modal-refresh .modal-footer .removeBtn:hover {
  border: 1px solid #aa0285 !important;
}
.popup-modal-refresh .modal-footer .removeBtn:focus {
  outline: none !important;
  color: #1c304b !important;
}
.popup-modal-refresh .modal-footer .removeBtn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
.popup-modal-refresh .nextBtn {
  color: white;
  font-family: 'Noto Sans', sans-serif;
  font-size: 14px;
  font-weight: 500;
}
.popup-modal-refresh .modal-body label {
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 8px;
}
.popup-modal-refresh .modal-body .form-group pre {
  color: #5c6573;
  font-family: 'Noto Sans', sans-serif;
  font-size: 16px;
  font-weight: 400;
}
.popup-modal-refresh .popupContainer header h2 {
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.popup-modal-refresh .popupContainer .bodyText .control-box-description label,
.popup-modal-refresh .popupContainer .bodyText .control-box-status label {
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
  font-size: 12px;
  font-weight: 400;
}
.popup-modal-refresh .popupContainer .bodyText p label {
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
  font-size: 12px;
  font-weight: 400;
}
.popup-modal-refresh .popupContainer button span {
  font-family: 'Noto Sans', sans-serif;
  font-size: 14px;
  font-weight: 500;
}
.popup-modal-refresh .popupContainer .saveBtn {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: Noto Sans, sans-serif;
  text-transform: uppercase;
  color: white;
  background-color: #441750;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  font-family: 'Noto Sans', sans-serif;
  padding: 8px 24px;
}
.popup-modal-refresh .popupContainer .saveBtn:active {
  color: white;
  background: #390447;
}
.popup-modal-refresh .popupContainer .saveBtn:hover {
  background-color: #613e6b;
}
.popup-modal-refresh .popupContainer .saveBtn:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.popup-modal-refresh .popupContainer .saveBtn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.popup-modal-refresh .popupContainer .saveBtn:active {
  color: white;
  background: #390447;
}
.popup-modal-refresh .popupContainer .saveBtn:hover {
  background-color: #613e6b;
}
.popup-modal-refresh .popupContainer .saveBtn:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.popup-modal-refresh .popupContainer .saveBtn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.popup-modal-refresh .popupContainer .cancelBtn,
.popup-modal-refresh .popupContainer .removeBtn {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: Noto Sans, sans-serif;
  text-transform: uppercase;
  color: #1c304b;
  background-color: white;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid #1c304b !important;
  color: #1c304b !important;
  background-color: white !important;
  font-family: 'Noto Sans', sans-serif;
  padding: 8px 24px;
}
.popup-modal-refresh .popupContainer .cancelBtn:active,
.popup-modal-refresh .popupContainer .removeBtn:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
.popup-modal-refresh .popupContainer .cancelBtn:hover,
.popup-modal-refresh .popupContainer .removeBtn:hover {
  border: 1px solid #aa0285 !important;
}
.popup-modal-refresh .popupContainer .cancelBtn:focus,
.popup-modal-refresh .popupContainer .removeBtn:focus {
  outline: none !important;
  color: #1c304b !important;
}
.popup-modal-refresh .popupContainer .cancelBtn:focus-visible,
.popup-modal-refresh .popupContainer .removeBtn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
.popup-modal-refresh .popupContainer .cancelBtn:active,
.popup-modal-refresh .popupContainer .removeBtn:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
.popup-modal-refresh .popupContainer .cancelBtn:hover,
.popup-modal-refresh .popupContainer .removeBtn:hover {
  border: 1px solid #aa0285 !important;
}
.popup-modal-refresh .popupContainer .cancelBtn:focus,
.popup-modal-refresh .popupContainer .removeBtn:focus {
  outline: none !important;
  color: #1c304b !important;
}
.popup-modal-refresh .popupContainer .cancelBtn:focus-visible,
.popup-modal-refresh .popupContainer .removeBtn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
.popup-modal-refresh .body-content .removeBtn,
.popup-modal-refresh .modal-body .removeBtn {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: Noto Sans, sans-serif;
  text-transform: uppercase;
  color: #1c304b;
  background-color: white;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid #1c304b !important;
  color: #1c304b !important;
  background-color: white !important;
  font-family: 'Noto Sans', sans-serif;
  padding: 8px 24px;
}
.popup-modal-refresh .body-content .removeBtn:active,
.popup-modal-refresh .modal-body .removeBtn:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
.popup-modal-refresh .body-content .removeBtn:hover,
.popup-modal-refresh .modal-body .removeBtn:hover {
  border: 1px solid #aa0285 !important;
}
.popup-modal-refresh .body-content .removeBtn:focus,
.popup-modal-refresh .modal-body .removeBtn:focus {
  outline: none !important;
  color: #1c304b !important;
}
.popup-modal-refresh .body-content .removeBtn:focus-visible,
.popup-modal-refresh .modal-body .removeBtn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
.popup-modal-refresh .body-content .removeBtn:active,
.popup-modal-refresh .modal-body .removeBtn:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
.popup-modal-refresh .body-content .removeBtn:hover,
.popup-modal-refresh .modal-body .removeBtn:hover {
  border: 1px solid #aa0285 !important;
}
.popup-modal-refresh .body-content .removeBtn:focus,
.popup-modal-refresh .modal-body .removeBtn:focus {
  outline: none !important;
  color: #1c304b !important;
}
.popup-modal-refresh .body-content .removeBtn:focus-visible,
.popup-modal-refresh .modal-body .removeBtn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
.popup-modal-refresh .body-content .btn,
.popup-modal-refresh .modal-body .btn {
  font-family: 'Noto Sans', sans-serif;
  font-size: 14px;
  font-weight: 500;
}
.popup-modal-refresh .body-content .saveBtn,
.popup-modal-refresh .modal-body .saveBtn {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: Noto Sans, sans-serif;
  text-transform: uppercase;
  color: white;
  background-color: #441750;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  font-family: 'Noto Sans', sans-serif;
  padding: 8px 24px;
}
.popup-modal-refresh .body-content .saveBtn:active,
.popup-modal-refresh .modal-body .saveBtn:active {
  color: white;
  background: #390447;
}
.popup-modal-refresh .body-content .saveBtn:hover,
.popup-modal-refresh .modal-body .saveBtn:hover {
  background-color: #613e6b;
}
.popup-modal-refresh .body-content .saveBtn:focus,
.popup-modal-refresh .modal-body .saveBtn:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.popup-modal-refresh .body-content .saveBtn:focus-visible,
.popup-modal-refresh .modal-body .saveBtn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.popup-modal-refresh .body-content .saveBtn:active,
.popup-modal-refresh .modal-body .saveBtn:active {
  color: white;
  background: #390447;
}
.popup-modal-refresh .body-content .saveBtn:hover,
.popup-modal-refresh .modal-body .saveBtn:hover {
  background-color: #613e6b;
}
.popup-modal-refresh .body-content .saveBtn:focus,
.popup-modal-refresh .modal-body .saveBtn:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.popup-modal-refresh .body-content .saveBtn:focus-visible,
.popup-modal-refresh .modal-body .saveBtn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.popup-modal-refresh .body-content .cancelBtn,
.popup-modal-refresh .modal-body .cancelBtn,
.popup-modal-refresh .body-content .removeBtn,
.popup-modal-refresh .modal-body .removeBtn {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: Noto Sans, sans-serif;
  text-transform: uppercase;
  color: #1c304b;
  background-color: white;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid #1c304b !important;
  color: #1c304b !important;
  background-color: white !important;
  font-family: 'Noto Sans', sans-serif;
  padding: 8px 24px;
}
.popup-modal-refresh .body-content .cancelBtn:active,
.popup-modal-refresh .modal-body .cancelBtn:active,
.popup-modal-refresh .body-content .removeBtn:active,
.popup-modal-refresh .modal-body .removeBtn:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
.popup-modal-refresh .body-content .cancelBtn:hover,
.popup-modal-refresh .modal-body .cancelBtn:hover,
.popup-modal-refresh .body-content .removeBtn:hover,
.popup-modal-refresh .modal-body .removeBtn:hover {
  border: 1px solid #aa0285 !important;
}
.popup-modal-refresh .body-content .cancelBtn:focus,
.popup-modal-refresh .modal-body .cancelBtn:focus,
.popup-modal-refresh .body-content .removeBtn:focus,
.popup-modal-refresh .modal-body .removeBtn:focus {
  outline: none !important;
  color: #1c304b !important;
}
.popup-modal-refresh .body-content .cancelBtn:focus-visible,
.popup-modal-refresh .modal-body .cancelBtn:focus-visible,
.popup-modal-refresh .body-content .removeBtn:focus-visible,
.popup-modal-refresh .modal-body .removeBtn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
.popup-modal-refresh .body-content .cancelBtn:active,
.popup-modal-refresh .modal-body .cancelBtn:active,
.popup-modal-refresh .body-content .removeBtn:active,
.popup-modal-refresh .modal-body .removeBtn:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
.popup-modal-refresh .body-content .cancelBtn:hover,
.popup-modal-refresh .modal-body .cancelBtn:hover,
.popup-modal-refresh .body-content .removeBtn:hover,
.popup-modal-refresh .modal-body .removeBtn:hover {
  border: 1px solid #aa0285 !important;
}
.popup-modal-refresh .body-content .cancelBtn:focus,
.popup-modal-refresh .modal-body .cancelBtn:focus,
.popup-modal-refresh .body-content .removeBtn:focus,
.popup-modal-refresh .modal-body .removeBtn:focus {
  outline: none !important;
  color: #1c304b !important;
}
.popup-modal-refresh .body-content .cancelBtn:focus-visible,
.popup-modal-refresh .modal-body .cancelBtn:focus-visible,
.popup-modal-refresh .body-content .removeBtn:focus-visible,
.popup-modal-refresh .modal-body .removeBtn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
.popup-modal-refresh .bookmarks-main-content .bookmarks-description h4 {
  color: #1c304b;
  font-family: 'Noto Serif', serif;
  font-size: 20px;
  font-weight: 600;
}
.popup-modal-refresh .bookmarks-main-content .bookmarks-description h5 {
  color: #5c6573;
  font-family: 'Noto Serif', serif;
  font-size: 16px;
  font-weight: normal;
}
.popup-modal-refresh .bookmarks-main-content .bookmarks-description .bookmarks-text {
  color: #5c6573;
  font-family: 'Noto Sans', sans-serif;
  font-size: 14px;
  font-weight: normal;
}
.popup-modal-refresh.past-todo-modal .modal-header h4 span {
  color: #1c304b;
  font-family: 'Noto Serif', serif;
  font-size: 32px;
  font-weight: 600;
}
.popup-modal-refresh.past-todo-modal .todo-list h2 span {
  color: #1c304b;
  font-family: 'Noto Serif', serif;
  font-size: 24px;
  font-weight: 600;
}
.popup-modal-refresh.past-todo-modal .past-todo-modal-content-cursor .todo-list-row-suffix {
  color: #5c6573;
  font-family: 'Noto Sans', sans-serif;
  font-size: 16px;
  font-weight: 500;
}
.popup-modal-refresh.past-todo-modal .exp-modal-footer .auth-btn-large {
  color: white;
  font-family: 'Noto Sans', sans-serif;
  font-size: 14px;
  font-weight: 500;
}
.popup-modal-refresh .modal-content .btn_consent {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: Noto Sans, sans-serif;
  text-transform: uppercase;
  color: white;
  background-color: #441750;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  padding: 8px 24px;
  font-family: 'Noto Sans', sans-serif;
  height: 56px;
}
.popup-modal-refresh .modal-content .btn_consent:active {
  color: white;
  background: #390447;
}
.popup-modal-refresh .modal-content .btn_consent:hover {
  background-color: #613e6b;
}
.popup-modal-refresh .modal-content .btn_consent:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.popup-modal-refresh .modal-content .btn_consent:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.popup-modal-refresh .modal-content .btn_consent:active {
  color: white;
  background: #390447;
}
.popup-modal-refresh .modal-content .btn_consent:hover {
  background-color: #613e6b;
}
.popup-modal-refresh .modal-content .btn_consent:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.popup-modal-refresh .modal-content .btn_consent:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.popup-modal-refresh .modal-content .btn_consent:active {
  color: white;
  background: #390447;
}
.popup-modal-refresh .modal-content .btn_consent:hover {
  background-color: #613e6b;
}
.popup-modal-refresh .modal-content .btn_consent:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.popup-modal-refresh .modal-content .btn_consent:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.popup-modal-refresh .modal-content .btn_consent:active {
  color: white;
  background: #390447;
}
.popup-modal-refresh .modal-content .btn_consent:hover {
  background-color: #613e6b;
}
.popup-modal-refresh .modal-content .btn_consent:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.popup-modal-refresh .modal-content .btn_consent:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.modal-close-icon {
  background-image: url(/Content/Images/icons/close.svg);
  width: 24px;
  background-repeat: no-repeat;
  height: 24px;
  order: 2;
}
.bootbox.modal.fade .modal-dialog {
  height: auto;
}
.bootbox.modal .modal-dialog {
  height: auto;
  margin: 80px 10px;
  display: flex;
  align-items: center;
  min-height: calc(100% - 1rem);
}
@media (min-width: 768px) {
  .bootbox.modal .modal-dialog {
    width: 568px;
    margin: 10px auto;
    min-height: calc(100% - 3.5rem);
  }
}
.bootbox.modal .modal-dialog .modal-content {
  width: 100%;
}
.bootbox.modal .modal-body .bootbox-body p.body_base {
  color: #5c6573;
}
.bootbox.modal .modal-body .bootbox-body div.body_base.concurrent-session {
  color: #45505f;
}
.bootbox.modal .modal-body .bootbox-body div.body_base.concurrent-session a {
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  text-transform: uppercase;
  color: #aa0285;
  font-family: 'Noto Sans', sans-serif;
  font-size: 14px;
}
.bootbox.modal .modal-body .bootbox-body div.body_base.concurrent-session a:hover {
  color: #aa0285;
}
.bootbox.modal .modal-body .bootbox-body div.body_base.concurrent-session a:active,
.bootbox.modal .modal-body .bootbox-body div.body_base.concurrent-session a:focus {
  color: #7a005f;
  text-decoration: none;
}
.bootbox.modal .modal-body .bootbox-body div.body_base.concurrent-session a:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: 0px !important;
  color: #aa0285;
  border-radius: 4px;
}
.bootbox.modal .modal-body .bootbox-body div.body_base.concurrent-session a:hover {
  color: #aa0285;
}
.bootbox.modal .modal-body .bootbox-body div.body_base.concurrent-session a:active,
.bootbox.modal .modal-body .bootbox-body div.body_base.concurrent-session a:focus {
  color: #7a005f;
  text-decoration: none;
}
.bootbox.modal .modal-body .bootbox-body div.body_base.concurrent-session a:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: 0px !important;
  color: #aa0285;
  border-radius: 4px;
}
.bootbox.modal .modal-body .info-wrapper {
  margin-top: 24px;
}
.bootbox .bootbox-body {
  color: #5c6573;
  font-family: 'Noto Sans', sans-serif;
  font-size: 16px;
  font-weight: 400;
}
.bootbox .btn {
  color: white;
  font-family: 'Noto Sans', sans-serif;
  font-size: 14px;
  font-weight: 500;
}
.bootbox .modal-footer {
  display: flex;
  flex-direction: row-reverse;
  align-items: end;
  justify-content: end;
}
.bootbox-alert .modal-content > .modal-body {
  display: flex;
  justify-content: space-between;
  background: #f2f2f7;
  border-radius: 8px 8px 0 0;
}
@media (min-width: 320px) and (max-width: 768px) {
  .bootbox-alert .modal-content > .modal-body {
    padding: 24px;
  }
}
.bootbox-alert .modal-content > .modal-body .close {
  order: 2;
}
.bootbox-alert .modal-content > .modal-body div.bootbox-body {
  order: 1;
  color: #1c304b;
  font-family: Noto Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  font-family: 'Noto Sans', sans-serif;
}
.bootbox-alert .modal-content > .modal-body .modal-footer {
  border: none;
  margin: 0 40px;
}
.bootbox-alert .modal-content > .modal-body .btn-primary {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: Noto Sans, sans-serif;
  text-transform: uppercase;
  color: white;
  background-color: #441750;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  padding: 8px 24px;
  font-family: 'Noto Sans', sans-serif;
  min-width: 71px;
}
.bootbox-alert .modal-content > .modal-body .btn-primary:active {
  color: white;
  background: #390447;
}
.bootbox-alert .modal-content > .modal-body .btn-primary:hover {
  background-color: #613e6b;
}
.bootbox-alert .modal-content > .modal-body .btn-primary:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.bootbox-alert .modal-content > .modal-body .btn-primary:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.bootbox-alert .modal-content > .modal-body .btn-primary:active {
  color: white;
  background: #390447;
}
.bootbox-alert .modal-content > .modal-body .btn-primary:hover {
  background-color: #613e6b;
}
.bootbox-alert .modal-content > .modal-body .btn-primary:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.bootbox-alert .modal-content > .modal-body .btn-primary:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.bootbox-alert .modal-content > .modal-body .btn-primary:active {
  color: white;
  background: #390447;
}
.bootbox-alert .modal-content > .modal-body .btn-primary:hover {
  background-color: #613e6b;
}
.bootbox-alert .modal-content > .modal-body .btn-primary:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.bootbox-alert .modal-content > .modal-body .btn-primary:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.bootbox-alert .modal-content > .modal-body .btn-primary:active {
  color: white;
  background: #390447;
}
.bootbox-alert .modal-content > .modal-body .btn-primary:hover {
  background-color: #613e6b;
}
.bootbox-alert .modal-content > .modal-body .btn-primary:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.bootbox-alert .modal-content > .modal-body .btn-primary:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.bootbox-close-button {
  color: #f2f2f7 !important;
  position: relative;
  margin-top: 0 !important;
}
.bootbox-close-button:after {
  background-image: url(/Content/Images/icons/close.svg);
  width: 24px;
  background-repeat: no-repeat;
  height: 24px;
  order: 2;
  content: '';
  display: block;
  position: absolute;
  top: 0;
}
.bootbox-confirm .modal-dialog .modal-content,
.bootbox-alert .modal-dialog .modal-content {
  border-radius: 8px;
}
.bootbox-confirm .modal-dialog .modal-content .modal-body,
.bootbox-alert .modal-dialog .modal-content .modal-body {
  background: #f2f2f7;
  border-radius: 8px 8px 0px 0px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.bootbox-confirm .modal-dialog .modal-content .modal-body .bootbox-body,
.bootbox-alert .modal-dialog .modal-content .modal-body .bootbox-body {
  padding: 0 !important;
}
.bootbox-confirm .modal-dialog .modal-content .modal-body .bootbox-close-button,
.bootbox-alert .modal-dialog .modal-content .modal-body .bootbox-close-button {
  opacity: 1 !important;
  order: 2;
  color: #f2f2f7;
  width: 24px;
  height: 24px;
}
.bootbox-confirm .modal-dialog .modal-content .modal-body .bootbox-close-button:focus-visible,
.bootbox-alert .modal-dialog .modal-content .modal-body .bootbox-close-button:focus-visible {
  outline: 4px solid #ff5858;
  outline-offset: -4px;
  border-radius: 4px;
}
.bootbox-confirm .modal-dialog .modal-content .modal-body .bootbox-body,
.bootbox-alert .modal-dialog .modal-content .modal-body .bootbox-body {
  font-family: Noto Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
}
.bootbox-confirm .modal-footer,
.bootbox-alert .modal-footer {
  display: flex;
  border: none;
  margin: 0 !important;
  padding: 32px 40px !important;
}
@media (min-width: 320px) and (max-width: 768px) {
  .bootbox-confirm .modal-footer,
  .bootbox-alert .modal-footer {
    padding: 32px 24px;
  }
}
.bootbox-confirm .modal-footer button[data-bb-handler="cancel"],
.bootbox-alert .modal-footer button[data-bb-handler="cancel"] {
  order: 1;
  margin-right: 8px;
}
.bootbox-confirm .modal-footer button[data-bb-handler="cancel"]:focus-visible,
.bootbox-alert .modal-footer button[data-bb-handler="cancel"]:focus-visible {
  color: #1c304b !important;
}
.bootbox-confirm .modal-footer button.btn.btn-primary[data-bb-handler="confirm"],
.bootbox-alert .modal-footer button.btn.btn-primary[data-bb-handler="confirm"] {
  margin-left: 0px;
  margin-right: 0px;
}
.bootbox-confirm .modal-footer .btn,
.bootbox-alert .modal-footer .btn {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: Noto Sans, sans-serif;
  text-transform: uppercase;
  color: white;
  background-color: #441750;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  font-family: 'Noto Sans', sans-serif;
  padding: 8px 24px;
}
.bootbox-confirm .modal-footer .btn:active,
.bootbox-alert .modal-footer .btn:active {
  color: white;
  background: #390447;
}
.bootbox-confirm .modal-footer .btn:hover,
.bootbox-alert .modal-footer .btn:hover {
  background-color: #613e6b;
}
.bootbox-confirm .modal-footer .btn:focus,
.bootbox-alert .modal-footer .btn:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.bootbox-confirm .modal-footer .btn:focus-visible,
.bootbox-alert .modal-footer .btn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.bootbox-confirm .modal-footer .btn:active,
.bootbox-alert .modal-footer .btn:active {
  color: white;
  background: #390447;
}
.bootbox-confirm .modal-footer .btn:hover,
.bootbox-alert .modal-footer .btn:hover {
  background-color: #613e6b;
}
.bootbox-confirm .modal-footer .btn:focus,
.bootbox-alert .modal-footer .btn:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.bootbox-confirm .modal-footer .btn:focus-visible,
.bootbox-alert .modal-footer .btn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.bootbox .modal-header {
  align-items: center;
  align-self: stretch;
  background: #f2f2f7;
  border-bottom: none;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  display: flex;
  flex-direction: row;
  flex-grow: 0;
  justify-content: space-between;
  padding: 24px 40px;
}
@media (min-width: 320px) and (max-width: 768px) {
  .bootbox .modal-header {
    padding: 24px;
  }
}
.bootbox .modal-header h4.modal-title {
  order: 1;
  font-family: Noto Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
}
.bootbox .modal-header button.bootbox-close-button {
  order: 2;
  color: #f2f2f7;
  width: 24px;
  height: 24px;
  opacity: 1;
}
.bootbox .modal-header button.bootbox-close-button:focus-visible {
  outline: 4px solid #ff5858 !important;
  border-radius: 8px;
  outline-offset: -4px;
}
.bootbox .modal-body {
  padding: 24px 40px;
}
@media (min-width: 320px) and (max-width: 768px) {
  .bootbox .modal-body {
    padding: 24px;
  }
}
.bootbox .modal-footer {
  margin: 0px 40px;
  padding: 24px 0 32px;
}
@media (min-width: 320px) and (max-width: 768px) {
  .bootbox .modal-footer {
    margin: 0px 24px;
    padding: 24px 0 32px;
  }
}
.bootbox .modal-footer .delete-btn {
  min-width: 176px;
}
.bootbox .modal-footer button.btn.btn-info.primary-btn--md {
  min-width: 176px;
}
.bootbox .modal-footer .btn-danger.secondary-btn--md {
  min-width: 105px;
}
.bootbox .modal-footer .btn + .btn {
  margin-right: 8px;
}
.bootbox .modal-footer .btn-default {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: Noto Sans, sans-serif;
  text-transform: uppercase;
  color: #1c304b;
  background-color: white;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid #1c304b !important;
  color: #1c304b !important;
  background-color: white !important;
  padding: 8px 24px;
  font-family: 'Noto Sans', sans-serif;
}
.bootbox .modal-footer .btn-default:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
.bootbox .modal-footer .btn-default:hover {
  border: 1px solid #aa0285 !important;
}
.bootbox .modal-footer .btn-default:focus {
  outline: none !important;
  color: #1c304b !important;
}
.bootbox .modal-footer .btn-default:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
.bootbox .modal-footer .btn-default:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
.bootbox .modal-footer .btn-default:hover {
  border: 1px solid #aa0285 !important;
}
.bootbox .modal-footer .btn-default:focus {
  outline: none !important;
  color: #1c304b !important;
}
.bootbox .modal-footer .btn-default:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
.bootbox .modal-footer .btn-default:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
.bootbox .modal-footer .btn-default:hover {
  border: 1px solid #aa0285 !important;
}
.bootbox .modal-footer .btn-default:focus {
  outline: none !important;
  color: #1c304b !important;
}
.bootbox .modal-footer .btn-default:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
.bootbox .modal-footer .btn-default:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
.bootbox .modal-footer .btn-default:hover {
  border: 1px solid #aa0285 !important;
}
.bootbox .modal-footer .btn-default:focus {
  outline: none !important;
  color: #1c304b !important;
}
.bootbox .modal-footer .btn-default:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
.bootbox .modal-footer .btn-primary {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: Noto Sans, sans-serif;
  text-transform: uppercase;
  color: white;
  background-color: #441750;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  padding: 8px 24px;
  font-family: 'Noto Sans', sans-serif;
}
.bootbox .modal-footer .btn-primary:active {
  color: white;
  background: #390447;
}
.bootbox .modal-footer .btn-primary:hover {
  background-color: #613e6b;
}
.bootbox .modal-footer .btn-primary:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.bootbox .modal-footer .btn-primary:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.bootbox .modal-footer .btn-primary:active {
  color: white;
  background: #390447;
}
.bootbox .modal-footer .btn-primary:hover {
  background-color: #613e6b;
}
.bootbox .modal-footer .btn-primary:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.bootbox .modal-footer .btn-primary:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.bootbox .modal-footer .btn-primary:active {
  color: white;
  background: #390447;
}
.bootbox .modal-footer .btn-primary:hover {
  background-color: #613e6b;
}
.bootbox .modal-footer .btn-primary:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.bootbox .modal-footer .btn-primary:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.bootbox .modal-footer .btn-primary:active {
  color: white;
  background: #390447;
}
.bootbox .modal-footer .btn-primary:hover {
  background-color: #613e6b;
}
.bootbox .modal-footer .btn-primary:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.bootbox .modal-footer .btn-primary:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.bootbox .modal-footer .ok-btn {
  min-width: 134px;
}
.bootbox .info-wrapper {
  align-items: center;
  display: flex;
  gap: 8px;
  position: relative;
}
.bootbox .info-wrapper img {
  top: 2px;
  vertical-align: top;
}
.bootbox .info-text {
  color: #5c6573;
  font-family: 'Noto Sans', sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.048px;
  line-height: 16px;
}
.profile-page-wrapper .purple-dark-background {
  background-color: #441850;
}
.main-bg-light1 {
  background-color: #f7f7fa;
}
.profile-update .resume-modal .card-top .text-center h2 span {
  color: #1c304b;
  font-family: 'Noto Serif', serif;
  font-size: 32px;
  font-weight: 600;
}
.profile-update .resume-modal .card-top .text-center h3 {
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
  font-size: 16px;
  font-weight: 600;
}
.profile-update .resume-modal .card-bottom p.text-center-resume-model span {
  color: #5c6573;
  font-family: 'Noto Sans', sans-serif;
  font-size: 16px;
  font-weight: 400;
}
.profile-update .resume-modal .card-bottom .btn-width-100 {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: Noto Sans, sans-serif;
  text-transform: uppercase;
  color: white;
  background-color: #441750;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  font-family: 'Noto Sans', sans-serif;
  padding: 8px 24px;
}
.profile-update .resume-modal .card-bottom .btn-width-100:active {
  color: white;
  background: #390447;
}
.profile-update .resume-modal .card-bottom .btn-width-100:hover {
  background-color: #613e6b;
}
.profile-update .resume-modal .card-bottom .btn-width-100:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.profile-update .resume-modal .card-bottom .btn-width-100:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.profile-update .resume-modal .card-bottom .btn-width-100:active {
  color: white;
  background: #390447;
}
.profile-update .resume-modal .card-bottom .btn-width-100:hover {
  background-color: #613e6b;
}
.profile-update .resume-modal .card-bottom .btn-width-100:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.profile-update .resume-modal .card-bottom .btn-width-100:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
@media screen and (min-width: 992px) and (max-width: 1100px) {
  .menu .menu-item-selection::after {
    display: none;
  }
  .menu .menu-links.responsive {
    background-color: #291746;
  }
  .menu-custom-header .responsive-icon {
    background-color: #291746;
  }
}
.location-icon {
  background-image: url(/Content/Images/Redeployment/location-icon.svg);
  background-position-x: 97%;
  background-repeat: no-repeat;
  background-position-y: center;
}
.page-wrapper-test .breadcrumbs {
  display: inline-block;
  float: left !important;
  margin-left: -40px;
  margin-top: 10px;
}
.page-wrapper-test .breadcrumbs .breadcrumbs-list .breadcrumbs-repeat {
  padding-left: 8px;
}
.page-wrapper-test .breadcrumbs .breadcrumbs-list .breadcrumbs-repeat:nth-child(3) {
  padding-left: 4px !important;
}
.page-wrapper-test .breadcrumbs ul {
  margin: 0;
}
.page-wrapper-test .breadcrumbs ul li {
  color: #45505f;
  font-size: 14px;
  line-height: 24px;
  float: left;
  list-style: none;
  display: inline-block;
  font-weight: 400;
  font-family: 'Noto Sans', sans-serif;
  /*.fa {
                margin-right: 0;
                margin-left: 8px;
                color: @bodyBaseTextColor;
                font-size: @textSmall;
            }*/

}
.page-wrapper-test .breadcrumbs ul li a {
  display: inline-block;
  color: #45505f;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  font-family: 'Noto Sans', sans-serif;
}
.page-wrapper-test .breadcrumbs ul li a:hover {
  color: #8c006d;
  text-decoration: none;
}
.page-wrapper-test .breadcrumbs ul li .breadcrumbs-right-arrow {
  background: url(/Content/Images/icons/Navigation/keyboard_arrow_right.svg);
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: sub;
}
.page-wrapper-test .breadcrumbs ul li:nth-child(2) .fa {
  margin-left: 5px;
}
.page-wrapper-test .breadcrumbs ul li.breadcrumbs-label {
  padding-right: 0;
  color: #5c6573;
  margin-top: -2px;
}
.page-wrapper-test .breadcrumbs ul li.current {
  max-width: 250px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #aa0285;
}
.job-hub-page .page-wrapper-test .breadcrumbs ul li.current span,
.resume-hub-page .page-wrapper-test .breadcrumbs ul li.current span,
.two-column .breadcrumb-background .page-wrapper-test ul li.current span {
  color: #45505f;
}
.job-search-criteria .page-wrapper-test .breadcrumbs {
  margin-top: -40px;
}
.tracker-page-con .breadcrumbs {
  margin: 24px 0px 16px -40px;
}
@media (max-width: 768px) {
  .tracker-page-con .breadcrumbs {
    margin: 24px 0px 16px -24px;
  }
}
.light-pink-background {
  background-color: #f7f7fa;
}
.light-pink-background .twoColumnBanner .recources-card .crd-footer .text-overlap {
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 24px !important;
  font-family: Noto Sans, sans-serif !important;
  text-transform: uppercase !important;
  color: white !important;
  background-color: #441750 !important;
  border-radius: 8px !important;
  text-align: center !important;
  vertical-align: middle !important;
  cursor: pointer !important;
  border: none !important;
  padding: 8px 24px !important;
  font-family: 'Noto Sans', sans-serif !important;
}
.light-pink-background .twoColumnBanner .recources-card .crd-footer .text-overlap:active {
  color: white !important;
  background: #390447 !important;
}
.light-pink-background .twoColumnBanner .recources-card .crd-footer .text-overlap:hover {
  background-color: #613e6b !important;
}
.light-pink-background .twoColumnBanner .recources-card .crd-footer .text-overlap:focus {
  outline: none !important;
  color: white !important;
  background-color: #613e6b !important;
}
.light-pink-background .twoColumnBanner .recources-card .crd-footer .text-overlap:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.light-pink-background .twoColumnBanner .recources-card .crd-footer .text-overlap:active {
  color: white !important;
  background: #390447 !important;
}
.light-pink-background .twoColumnBanner .recources-card .crd-footer .text-overlap:hover {
  background-color: #613e6b !important;
}
.light-pink-background .twoColumnBanner .recources-card .crd-footer .text-overlap:focus {
  outline: none !important;
  color: white !important;
  background-color: #613e6b !important;
}
.light-pink-background .twoColumnBanner .recources-card .crd-footer .text-overlap:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.light-pink-background .twoColumnBanner .recources-card .crd-footer .text-overlap:active {
  color: white !important;
  background: #390447 !important;
}
.light-pink-background .twoColumnBanner .recources-card .crd-footer .text-overlap:hover {
  background-color: #613e6b !important;
}
.light-pink-background .twoColumnBanner .recources-card .crd-footer .text-overlap:focus {
  outline: none !important;
  color: white !important;
  background-color: #613e6b !important;
}
.light-pink-background .twoColumnBanner .recources-card .crd-footer .text-overlap:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.light-pink-background .twoColumnBanner .recources-card .crd-footer .text-overlap:active {
  color: white !important;
  background: #390447 !important;
}
.light-pink-background .twoColumnBanner .recources-card .crd-footer .text-overlap:hover {
  background-color: #613e6b !important;
}
.light-pink-background .twoColumnBanner .recources-card .crd-footer .text-overlap:focus {
  outline: none !important;
  color: white !important;
  background-color: #613e6b !important;
}
.light-pink-background .twoColumnBanner .recources-card .crd-footer .text-overlap:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.linkEnabled {
  color: #adadb5 !important;
}
.linkDisabled {
  color: #adadb5 !important;
}
/*Menu restyling*/

.menu-card-profile-photo > a[role="button"]:focus-visible .menu-card-initials,
.menu-card-profile-photo:focus-visible > img,
.profile-dropdown.avatar a[href="javascript:void(0);"]:focus-visible .menu-card-photo,
.profile-dropdown.avatar a[href="javascript:void(0);"] .menu-card-profile-photo.fullsize-only:focus-visible .menu-card-photo {
  outline: 4px solid #ff5858 !important;
  outline-offset: 0px !important;
  border-radius: 50% !important;
}
.menu-links.purple-dark-font {
  color: #dfdae8;
}
.menu-red2.menu .initiative-search-div .fa-search {
  top: 29px;
  right: 14px;
}
.initiative-search-div .fa-search {
  top: 28px;
  right: 12px;
}
@media (min-width: 992px) and (max-width: 1100px) {
  .initiative-search-div .fa-search {
    right: 18px;
    top: 36px;
  }
}
@media screen and (max-width: 991px) {
  .initiative-search-div .fa-search {
    right: 15px;
    top: 31px;
  }
}
.initiative-search-div input {
  border: 1px solid #493569;
  color: white;
}
.menu-red2.menu .initiative-search-div.round-search input {
  border: 1px solid #493569;
}
.menu .menu-dropdown-content a:hover {
  background: #392953;
}
.menu-red2.menu .menu-item a:focus {
  color: white;
}
.menu {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  font-family: 'Noto Sans', sans-serif;
}
.menu.white-background {
  background-color: #291746;
}
.menu .menu-dropdown-content {
  background-color: #291746;
}
.menu .initiative-search-div.round-search input:focus {
  color: white;
}
.menu .menu-item:hover a:hover {
  color: #eaafdd;
}
.menu .menu-item:hover a {
  border-color: #ff5858;
}
.menu .menu-dropdown-content a:hover {
  color: #eaafdd;
  background-color: #392953;
}
.menu .menu-item:hover {
  background: #291746;
  color: #eaafdd !important;
}
.menu .initiative-search-div.round-search input:focus {
  background: #392658;
  border-color: #aa0285;
}
.menu .initiative-search-div.round-search input:focus-visible {
  background: #392658;
  border-color: #aa0285;
}
.menu .menu-item-selection {
  position: relative;
  border-bottom: none;
  color: white;
}
.menu .menu-item-selection::after {
  content: "";
  position: absolute;
  border-bottom: none !important;
  border-top: 5px solid #ff5858;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  width: 100%;
  height: 5px;
  left: 0px;
  bottom: -23.5px;
}
.menu .menu-item-selection::after:focus {
  outline: none !important;
}
.menu .profile-dropdown-opened {
  background: #291746;
  height: -webkit-fill-available;
}
.menu-logo a:focus-visible:not(:active) {
  outline: none;
  border-radius: 0;
  outline-offset: 0px;
}
.menu-logo a:focus-visible:not(:active) img {
  outline: 4px solid #ff5858 !important;
  border-radius: 2px;
  outline-offset: 0px;
}
#menuNav a:focus-visible:not(:active) {
  outline: 4px solid #ff5858 !important;
  border-radius: 2px;
  outline-offset: 0px;
  position: relative;
  z-index: 1;
}
.menu-dropdown-content a:focus-visible:not(:active) {
  outline: 4px solid #ff5858 !important;
  border-radius: 2px;
  outline-offset: 0px;
}
@media screen and (max-width: 991px) {
  .menu .menu-links.responsive {
    background-color: #291746;
    color: #eaafdd;
  }
  .menu .menu-links.responsive {
    background-color: #291746;
    color: #dfdae8 !important;
  }
  .menu .menu-item-selection::after {
    display: none;
  }
  .menu .responsive-icon {
    background-color: #291746;
  }
}
.menu-dropdown-content a:focus {
  background-color: #291746;
}
nav > div {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  font-family: 'Noto Sans', sans-serif;
}
.initiative-search-div input {
  background: #392658;
  border-color: #493569;
}
.initiative-search-div:focus-within input {
  border-radius: 8px;
  outline-offset: 0px;
  outline: 1px solid #aa0285 !important;
}
.menu-dropdown-content.learn-menu .menu-sub-dropdown .menu-item-selection::after {
  display: none;
}
div#admin-menu-item:focus-within {
  background: none !important;
}
div#admin-menu-item:focus-within a {
  outline: none;
  border-color: #ff5858;
  background-color: #291746;
}
div.learn-menu-item-custom:focus-within {
  background: none !important;
}
div.learn-menu-item-custom:focus-within a {
  outline: none;
  border-color: #ff5858;
  background-color: #291746;
}
.menu-item a {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  font-family: 'Noto Sans', sans-serif;
}
.menu-item a:hover {
  color: #eaafdd;
  text-decoration: none;
}
.profile-dropdown:focus {
  background: #291746;
}
.profile-dropdown.avatar a:focus-visible {
  outline: none;
}
.profile-dropdown.avatar a:focus-visible:not(:active) .menu-card-initials {
  outline: 4px solid #ff5858 !important;
  border-radius: 4px;
  outline-offset: 0px;
  border-radius: 50%;
}
.profile-dropdown.avatar:focus-visible:not(:active) .menu-card-profile-photo {
  outline: 4px solid #ff5858 !important;
  border-radius: 4px;
  outline-offset: 0px;
  border-radius: 50%;
}
.menu-card-profile-photo a:focus-visible {
  outline: none;
}
.menu-card-profile-photo a:focus-visible:not(:active) .menu-card-photo {
  outline: 4px solid #ff5858 !important;
  border-radius: 4px;
  outline-offset: 0px;
  border-radius: 50%;
}
.redeployment-red-layout .page-wrapper {
  padding-top: 70px;
}
@media (max-width: 900px) {
  .redeployment-red-layout .page-wrapper {
    padding-top: 60px;
  }
}
.resume-builder-container {
  border-radius: 8px;
  padding: 24px 24px 32px 24px;
  margin-top: 24px;
  margin-bottom: 60px;
  background: white;
}
.resume-builder-container .management-panel {
  margin-bottom: 32px;
}
.resume-builder-container .management-panel .profile-skills-container .profile-skills-tabs-container .flex-container {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}
.resume-builder-container .management-panel .profile-skills-container .profile-skills-tabs-container .flex-container .tag {
  display: flex;
  align-items: center;
  background-color: #e4d8f4;
  border-radius: 8px;
  padding: 8px 8px 8px 16px;
  cursor: pointer;
  gap: 8px;
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  text-transform: uppercase;
  color: #1c304b;
  letter-spacing: 0.6px;
}
.resume-builder-container .management-panel .profile-skills-container .profile-skills-tabs-container .flex-container .tag a {
  width: 16px;
  height: 16px;
}
.resume-builder-container .management-panel .profile-skills-container .profile-skills-tabs-container .flex-container .tag a img {
  width: 16px;
  height: 16px;
  vertical-align: sub;
}
.resume-builder-container .management-panel .resume-wrappers {
  border-bottom: 1px solid #ebebee;
  margin-bottom: 16px;
  padding-bottom: 16px;
}
.resume-builder-container .management-panel .mg-0 {
  position: relative;
  margin-left: 0;
  margin-right: 0;
}
.resume-builder-container .management-panel .mg-0 .heading {
  padding-left: 0;
  font-family: Noto Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
}
.resume-builder-container .management-panel .mg-0 .icon-space .add-detail-text {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}
.resume-builder-container .management-panel .mg-0 .icon-space .add-detail-text:hover,
.resume-builder-container .management-panel .mg-0 .icon-space .add-detail-text:focus {
  text-decoration: none;
}
.resume-builder-container .management-panel .mg-0 .icon-space .add-detail-text .add-text {
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  text-transform: uppercase;
  color: #aa0285;
  font-family: 'Noto Sans', sans-serif;
  white-space: nowrap;
}
.resume-builder-container .management-panel .mg-0 .icon-space .add-detail-text .add-text:hover {
  text-decoration: underline;
}
@media screen and (max-width: 768px) {
  .resume-builder-container .management-panel .mg-0 .icon-space .add-detail-text .add-text {
    display: none;
  }
}
.resume-builder-container .management-panel .mg-0 .icon-space .add-detail-text .mob-add-text {
  display: none;
}
@media screen and (max-width: 768px) {
  .resume-builder-container .management-panel .mg-0 .icon-space .add-detail-text .mob-add-text {
    display: block;
    font-family: Noto Sans, sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    text-transform: uppercase;
    color: #aa0285;
    font-family: 'Noto Sans', sans-serif;
  }
}
.resume-builder-container .details-wrapper {
  background: #f8f8f9;
  border: 1px solid #e5e4ec;
  border-radius: 8px;
  padding: 24px 24px 32px 24px;
  margin-bottom: 12px;
  word-break: break-word;
}
.resume-builder-container .details-wrapper .job-desc {
  margin-top: 20px;
  padding-top: 0;
  padding-bottom: 0;
}
.resume-builder-container .details-wrapper .job-desc ul li {
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  font-family: 'Noto Sans', sans-serif;
  font-size: 14px;
  line-height: 24px;
  text-align: left;
}
.resume-builder-container .details-wrapper .job-desc ol {
  padding-left: 0;
}
.resume-builder-container .details-wrapper .job-desc ol li {
  list-style-position: inside;
}
.resume-builder-container .details-wrapper .exp-title {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  font-family: 'Noto Sans', sans-serif;
  color: #1c304b;
  letter-spacing: 0.056px;
}
.resume-builder-container .details-wrapper .exp-details,
.resume-builder-container .details-wrapper .exp-date {
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  font-family: 'Noto Sans', sans-serif;
  color: #45505f;
  letter-spacing: 0.048px;
  text-align: left;
}
.resume-builder-container .details-wrapper .job-desc,
.resume-builder-container .details-wrapper .job-desc p {
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  font-family: 'Noto Sans', sans-serif;
  font-size: 14px;
  line-height: 24px;
  color: #45505f;
  letter-spacing: 0.048px;
  text-align: left;
  padding-left: 0px !important;
  color: #45505f !important;
}
@media screen and (max-width: 768px) {
  .resume-builder-container .details-wrapper .job-desc,
  .resume-builder-container .details-wrapper .job-desc p {
    padding-top: 20px;
  }
}
.resume-builder-container .details-wrapper .questionnaire {
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 32px;
}
.resume-builder-container .details-wrapper .questionnaire:last-child {
  margin-bottom: 0;
}
.resume-builder-container .details-wrapper .questionnaire .details .details-info {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 4px;
}
.resume-builder-container .details-wrapper .questionnaire .action-btn-container {
  right: 5px;
  top: 15px;
}
.resume-builder-container .details-wrapper .img-details-container {
  display: flex;
  align-items: center;
  position: relative;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: flex-start;
}
@media screen and (max-width: 768px) {
  .resume-builder-container .details-wrapper .img-details-container {
    align-items: flex-start;
  }
}
.resume-builder-container .details-wrapper .img-details-container .details {
  display: flex;
  gap: 16px;
  width: 95%;
}
@media screen and (max-width: 768px) {
  .resume-builder-container .details-wrapper .img-details-container .details {
    gap: 8px;
    width: 85%;
  }
}
@media screen and (max-width: 768px) {
  .profile-resume-parent-wrapper {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.profile-wrapper {
  background: white;
  border-radius: 8px;
}
.profile-wrapper .question-wrapper {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 0px;
  margin-bottom: 0px;
}
.profile-wrapper .question-wrapper .profile-txt {
  font-family: Noto Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
}
.profile-wrapper .profile-msg {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
  letter-spacing: 0.056px;
}
.profile-wrapper .info-wrapper {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 12px;
}
@media screen and (max-width: 768px) {
  .profile-wrapper .info-wrapper {
    align-items: flex-start;
  }
}
.profile-wrapper .info-wrapper .info-txt {
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  font-family: 'Noto Sans', sans-serif;
  color: #5c6573;
  letter-spacing: 0.048px;
}
.profile-wrapper-long {
  padding: 24px 24px 32px 24px;
}
.profile-wrapper-short {
  padding: 24px;
}
.question-wrapper-long {
  margin-bottom: 8px;
}
.question-wrapper-short {
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .profile-visibility-container {
    display: none;
  }
}
.profile-visibility-wrapper {
  background: white;
  border-radius: 8px;
  padding: 24px;
  margin-bottom: 24px;
}
.profile-visibility-wrapper span {
  font-family: 'Noto Sans', sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #1c304b;
}
.profile-visibility-wrapper .visibility-heading {
  font-family: Noto Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
  margin-bottom: 8px;
}
.profile-visibility-wrapper p {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
  padding-top: 12px;
  letter-spacing: 0.056px;
}
.profile-visibility-wrapper .profile-visibility-change-wrapper {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-top: 40px;
  flex-direction: row;
  flex: none;
}
@media (max-width: 768px) {
  .profile-visibility-wrapper .profile-visibility-change-wrapper {
    gap: 13px !important;
  }
}
@media (min-width: 770px) and (max-width: 1300px) {
  .profile-visibility-wrapper .profile-visibility-change-wrapper {
    flex-direction: column !important;
  }
}
.profile-visibility-wrapper .profile-visibility-change-wrapper .visibility-change-text {
  color: #aa0285;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 0.24px;
  text-transform: uppercase;
  word-break: break-word;
  cursor: pointer;
}
.profile-visibility-wrapper .profile-visibility-change-wrapper .visibility-change-text:hover {
  text-decoration: underline;
}
.profile-visibility-wrapper .profile-visibility-change-wrapper .profile-visibility-check-wrapper {
  background: #dcf5d6;
  border-radius: 16px;
  display: flex;
  align-items: center;
  padding: 4px 16px;
  gap: 8px;
  width: 201px;
}
.profile-visibility-wrapper .profile-visibility-change-wrapper .profile-visibility-check-wrapper .visibility-check-text {
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  text-transform: uppercase;
  color: #1c304b;
  letter-spacing: 0.6px;
  white-space: normal;
}
.profile-visibility-wrapper .profile-visibility-change-wrapper .change-link {
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  text-transform: uppercase;
  color: #aa0285;
  font-family: 'Noto Sans', sans-serif;
  letter-spacing: 0.24px;
}
.profile-visibility-wrapper .profile-visibility-off-wrapper {
  margin-top: 40px;
}
.profile-visibility-wrapper .profile-visibility-off-wrapper .profile-visibility-off {
  background: #f7d3d0;
  border-radius: 16px;
  display: inline-flex;
  align-items: center;
  padding: 4px 16px;
  gap: 8px;
  min-width: 205px;
  flex-direction: row;
}
@media (min-width: 770px) and (max-width: 1100px) {
  .profile-visibility-wrapper .profile-visibility-off-wrapper .profile-visibility-off {
    min-width: 100% !important;
  }
}
.profile-visibility-wrapper .profile-visibility-off-wrapper .profile-visibility-off .visibility-check-text {
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  text-transform: uppercase;
  color: #1c304b;
  letter-spacing: 0.6px;
  white-space: normal;
}
.profile-visibility-wrapper .profile-visibility-off-wrapper .make-visible-btn {
  margin-top: 20px;
  max-width: 100%;
  display: inline-block;
  word-wrap: break-word;
  min-width: 100%;
}
@media (min-width: 320px) and (max-width: 770px) {
  .profile-visibility-wrapper .profile-visibility-off-wrapper .make-visible-btn {
    min-width: 278px;
  }
}
.mob-profile-visibility-container {
  display: none;
}
@media screen and (max-width: 768px) {
  .mob-profile-visibility-container {
    display: block;
    background: white;
    border-radius: 8px;
    margin-top: 24px;
    margin-bottom: 24px;
  }
}
.mob-profile-visibility-container .visibility-heading {
  font-family: Noto Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
  margin-bottom: 8px;
}
.mob-profile-visibility-container p {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
  letter-spacing: 0.056px;
}
.mob-profile-visibility-container .profile-visibility-change-wrapper {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-top: 30px;
}
.mob-profile-visibility-container .profile-visibility-change-wrapper .profile-visibility-check-wrapper {
  background: #dcf5d6;
  border-radius: 16px;
  display: flex;
  align-items: center;
  padding: 4px 16px;
  gap: 8px;
  min-width: 201px;
}
.mob-profile-visibility-container .profile-visibility-change-wrapper .profile-visibility-check-wrapper .visibility-check-text {
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  text-transform: uppercase;
  color: #1c304b;
  letter-spacing: 0.6px;
  white-space: break-spaces;
}
.mob-profile-visibility-container .profile-visibility-change-wrapper .change-link {
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  text-transform: uppercase;
  color: #aa0285;
  font-family: 'Noto Sans', sans-serif;
  letter-spacing: 0.24px;
}
.preferences-container {
  display: block;
}
@media screen and (max-width: 768px) {
  .preferences-container {
    display: none;
  }
}
.mob-preferences-container {
  display: none;
}
@media screen and (max-width: 768px) {
  .mob-preferences-container {
    display: block;
  }
}
.action-btn-container {
  border: 1px solid #ebebee;
  box-shadow: 0px 2px 12px 0px rgba(41, 23, 70, 0.1);
  width: 204px;
  margin-top: 8px;
  position: absolute;
  right: 30px;
  top: 35px;
  z-index: 9;
  border-radius: 8px;
  padding: 2px;
  background: white;
  list-style: none;
}
.action-btn-container li div {
  padding: 12px 16px;
  cursor: pointer;
}
.action-btn-container li div span {
  padding-left: 22px;
  display: block;
  font-size: 14px;
  color: #1c304b;
}
.action-btn-container .edit-icon {
  background-image: url('~/Content/Images/icons/edit_icon.svg');
  background-repeat: no-repeat;
  padding-right: 12px;
  background-position: 15px;
  border: none;
  background-color: white;
  border-bottom: 1px solid #ebebee;
  width: 100%;
  padding-top: 12px;
  padding-bottom: 12px;
}
.action-btn-container .edit-icon:focus-visible {
  outline: 4px solid #ff5858 !important;
  border-radius: 8px;
  outline-offset: -4px;
}
.action-btn-container .delete-icon {
  background-image: url('~/Content/Images/icons/delete_icon.svg');
  background-repeat: no-repeat;
  background-position: 15px 11px;
  padding-right: 12px;
  width: 100%;
  border: none;
  background-color: white;
  padding-top: 12px;
  padding-bottom: 12px;
}
.action-btn-container .delete-icon:focus-visible {
  outline: 4px solid #ff5858 !important;
  border-radius: 8px;
  outline-offset: -4px;
}
.action-btn-container .upload-icon {
  background-image: url('~/Content/Images/icons/upload_icon.svg');
  background-repeat: no-repeat;
  background-position: 15px 11px;
  padding-right: 0px;
  width: 100%;
  border: none;
  border-bottom: 1px solid #ebebee;
  background-color: white;
  padding-top: 12px;
  padding-bottom: 12px;
}
.action-btn-container .upload-icon:focus-visible {
  outline: 4px solid #ff5858 !important;
  border-radius: 8px;
  outline-offset: -4px;
}
.action-btn-container .download-icon {
  background-image: url(~/Content/Images/icons/download_icon.svg);
  background-repeat: no-repeat;
  background-position: 14px 13px;
  padding-right: 58px;
  width: 100%;
  border: none;
  border-bottom: 1px solid #ebebee;
  background-color: white;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  padding-top: 12px;
  padding-bottom: 12px;
}
.action-btn-container .download-icon:focus-visible {
  outline: 4px solid #ff5858 !important;
  border-radius: 8px;
  outline-offset: -4px;
}
#exp-modal .modal-header {
  padding: 24px 40px;
  background: #f2f2f7;
  border-bottom: none;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  display: flex;
  flex-direction: row;
  flex-grow: 0;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
}
@media (max-width: 768px) {
  #exp-modal .modal-header {
    padding: 24px !important;
  }
}
#exp-modal .modal-header h4.modal-title,
#exp-modal .modal-header .header-txt {
  order: 1;
  font-family: Noto Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
  margin: 0;
}
#exp-modal .modal-header a.close-modal-cross {
  order: 2;
  width: 24px;
  height: 24px;
  opacity: 1;
}
#exp-modal .modal-header .header-icon {
  padding-right: 12px;
}
#exp-modal .modal-body {
  padding: 24px 40px 32px;
}
@media (max-width: 768px) {
  #exp-modal .modal-body {
    padding: 24px;
  }
}
#exp-modal .modal-body hr {
  margin-top: 24px;
  margin-bottom: 0;
}
#exp-modal .modal-body .yoodli-disclaimer-txt {
  font-family: 'Noto Sans', sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
  margin: 0;
  color: #1c304b;
}
#exp-modal .modal-body .yoodli-considerations-txt {
  margin: 0;
  color: #1c304b;
}
#exp-modal .modal-body .mb-0 {
  margin-bottom: 0;
  padding-left: 24px;
}
#exp-modal .modal-body .yoodli-secondary-color {
  color: #45505f;
}
#exp-modal .modal-body .yoodli-secondary-color a {
  text-decoration: underline;
}
#exp-modal .yoodli-error-body-wrapper {
  text-align: center;
}
#exp-modal .yoodli-error-body-wrapper h1 {
  margin-top: 16px;
  margin-bottom: 8px;
}
#exp-modal .yoodli-content-wrapper {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
#exp-modal .modal-footer {
  padding: 0px 40px 32px !important;
}
@media (max-width: 768px) {
  #exp-modal .modal-footer {
    padding: 24px !important;
  }
}
#exp-modal .modal-footer .btns-resume-modal-cont {
  gap: 8px;
}
#exp-modal .modal-footer .footer-btns {
  display: flex;
  justify-content: end;
  flex-direction: row-reverse;
}
#exp-modal .modal-footer .footer-btns .btn {
  margin-left: 8px;
}
#exp-modal .modal-footer .footer-btns .yoodli-accept-btn {
  width: 100%;
}
#exp-modal .modal-footer .footer-btns .cancel-btn {
  min-width: 105px;
}
#exp-modal .modal-footer .cancel-btn {
  min-width: 105px;
}
#exp-modal .modal-footer .save-btn {
  min-width: 144px;
  margin-left: 10px;
}
#exp-modal .modal-footer .no-btn {
  margin-right: 8px;
}
#exp-modal .modal-footer:before {
  content: '';
  display: block;
  width: 100%;
  border-top: 1px solid #ebebee;
  margin-bottom: 24px;
}
@media (max-width: 768px) {
  #exp-modal .modal-footer .btn {
    word-break: auto-phrase;
    margin-left: 8px;
    white-space: pre-line;
  }
}
@media (max-width: 768px) {
  #exp-modal .profile-visibility-off-model .modal-header {
    padding: 24px !important;
  }
}
#exp-modal .profile-visibility-off-model .modal-header .profile-visibility-close {
  position: relative;
  top: -10px;
}
#exp-modal .profile-visibility-off-model .modal-header .header-txt {
  display: block;
  order: 1;
  margin-top: 0;
  margin-bottom: 0;
}
@media (max-width: 768px) {
  #exp-modal .profile-visibility-off-model .modal-header .header-txt {
    display: none;
  }
}
#exp-modal .profile-visibility-off-model .modal-header .mob-header-txt {
  display: none;
}
@media (max-width: 768px) {
  #exp-modal .profile-visibility-off-model .modal-header .mob-header-txt {
    display: block;
  }
}
#exp-modal .profile-visibility-off-model .modal-body {
  padding: 24px 40px;
}
@media (max-width: 768px) {
  #exp-modal .profile-visibility-off-model .modal-body {
    padding: 24px;
  }
}
#exp-modal .profile-visibility-off-model .modal-body hr {
  margin-top: 40px;
}
#exp-modal .profile-visibility-off-model .modal-body .mb_profile_visibility_body {
  margin-bottom: 24px;
}
#exp-modal .profile-visibility-off-model .modal-body .profile_visibility_modal_body {
  margin-bottom: 24px;
}
#exp-modal .profile-visibility-off-model .modal-body .profile_visibility_modal_body b {
  color: #45505f;
}
#exp-modal .profile-visibility-off-model .modal-body .profile_visibility_modal_body .profile_visibility_modal_link {
  color: #aa0285;
}
#exp-modal .profile-visibility-off-model .modal-footer {
  padding-left: 24px;
  padding-right: 24px;
}
#exp-modal .profile-visibility-off-model .modal-footer .footer-btns {
  display: flex;
  flex-direction: row;
  gap: 8px;
  justify-content: center;
  padding-left: 0;
  padding-right: 0;
  flex-direction: row-reverse;
}
@media (max-width: 768px) {
  #exp-modal .profile-visibility-off-model .modal-footer .footer-btns {
    flex-direction: column;
  }
}
#exp-modal .profile-visibility-off-model .modal-footer .footer-btns .visibility-off-btn {
  min-width: 312px;
  width: 312px;
}
@media (max-width: 768px) {
  #exp-modal .profile-visibility-off-model .modal-footer .footer-btns .visibility-off-btn {
    width: 100%;
  }
}
#exp-modal .profile-visibility-off-model .modal-footer .footer-btns .save-btn {
  min-width: 176px;
  margin-right: 0;
  margin-left: 0px;
}
@media (max-width: 768px) {
  #exp-modal .profile-visibility-off-model .modal-footer .footer-btns .save-btn {
    margin-left: 0;
  }
}
#exp-modal .profile-visibility-off-model .modal-footer .footer-btns .half_width {
  width: 50%;
}
@media (max-width: 768px) {
  #exp-modal .profile-visibility-off-model .modal-footer .footer-btns .half_width {
    width: 100%;
  }
}
#exp-modal .modal-body .resume-review-body-text {
  font-family: Noto Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
  color: #5c6573;
}
#exp-modal .modal-body .input-label-wrapper {
  display: flex;
  gap: 8px;
  margin-bottom: -8px;
}
#exp-modal .modal-body .input-label-wrapper .mostrecent-label {
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.056px;
  text-transform: inherit;
}
#exp-modal .modal-body .empty-label-form-group {
  margin-top: 29px !important;
}
@media (max-width: 768px) {
  #exp-modal .modal-body .empty-label-form-group {
    margin-top: 0 !important;
  }
}
#exp-modal .modal-body .form-group.first-child {
  margin-top: 0 !important;
}
#exp-modal .modal-body .form-group {
  margin-top: 24px;
}
#exp-modal .modal-body .form-group .job-details-radio-container custom-radio label {
  margin-top: 2px !important;
}
#exp-modal .modal-body .form-group .radio-container {
  display: flex;
  flex-direction: row;
  gap: 8px;
  margin-top: 8px;
}
@media (max-width: 768px) {
  #exp-modal .modal-body .form-group .radio-container {
    flex-direction: column;
  }
}
#exp-modal .modal-body .form-group .radio-container custom-radio {
  border: 1px solid #e5e4ec;
  border-radius: 8px;
  padding: 20px 18px;
}
#exp-modal .modal-body .form-group .radio-container custom-radio.radio-active {
  border: 1px solid #aa0285;
  background-color: #fcf7fb;
}
#exp-modal .modal-body .form-group .radio-container custom-radio .radio-wrapper {
  display: flex;
  align-items: center;
  gap: 12px;
}
#exp-modal .modal-body .form-group .radio-container custom-radio label {
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 400;
  color: #1c304b;
  text-transform: none;
  margin-bottom: 0px !important;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
}
#exp-modal .modal-body .form-group .radio-container custom-radio label .radio-span-text {
  font-weight: 400;
}
#exp-modal .modal-body .form-group .radio-container custom-radio label input[type="radio"] {
  margin-top: 0px;
}
#exp-modal .modal-body .form-group .radio-container custom-radio label .radio-span-input {
  display: flex;
}
#exp-modal .modal-body .info-wrapper {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 48px;
}
#exp-modal .modal-body .info-wrapper .info-text {
  font-family: 'Noto Sans', sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.048px;
  color: #5c6573;
}
#exp-modal .modal-body .info-wrapper .info-text .review-modal-text {
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  font-family: 'Noto Sans', sans-serif;
  margin-bottom: 0;
}
#exp-modal .modal-body .info-wrapper .info-text .review-modal-text b {
  color: #1c304b;
}
#exp-modal .modal-body .resume-review-info {
  margin-top: 24px;
  align-items: flex-start;
}
div[bind-html-compile="ctrl.content.RawText"] p {
  color: #45505f;
}
div[bind-html-compile="ctrl.content.RawText"] p strong {
  font-weight: 400;
}
div[bind-html-compile="ctrl.content.RawText"] p strong u {
  text-decoration: none;
}
div[bind-html-compile="ctrl.content.RawText"] p a {
  color: #aa0285;
  text-transform: uppercase;
}
div[bind-html-compile="ctrl.content.RawText"] p a u {
  text-decoration: none;
}
div[bind-html-compile="ctrl.content.RawText"] p u {
  text-decoration: none;
}
.altHomeContentSmall div[translate="CANDIDATE_RESUME_FORMATS"] {
  font-size: 12px;
  text-align: left;
  padding-bottom: 32px;
  font-weight: 400;
  line-height: 16px;
}
.altHomeContentSmall .form-group {
  margin-bottom: 24px;
}
.altHomeContentSmall div.form-group:nth-child(5) {
  margin-bottom: 8px;
}
.altHomeContentSmall .red-aestrick:before {
  content: '*';
  color: #c70f00;
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  text-transform: uppercase;
  margin-right: 4px;
}
.altHomeContentSmall .primary-btn--lg {
  padding: 8px 40px;
  letter-spacing: 2px;
}
.altHomeContentSmall .select2-container .select2-choice > .select2-chosen {
  color: #5c6573 !important;
}
.sorry-modal p.modal-subtitle::first-letter {
  text-transform: uppercase;
}
.sorry-modal .card-top {
  padding-bottom: 1px !important;
}
.sorry-modal .card-top h2 {
  margin-top: 0px !important;
  margin-bottom: 0 !important;
}
.sorry-modal .card-top .close {
  margin-right: 0 !important;
  margin-top: 0 !important;
  opacity: 1 !important;
}
.sorry-modal .card-top .close:hover {
  opacity: 1 !important;
}
.sorry-modal .card-bottom {
  border-top: 0 !important;
  margin-top: 16px !important;
  padding-top: 0 !important;
}
.sorry-modal .card-bottom p {
  padding-bottom: 24px;
  border-bottom: 1px solid #ebebee;
}
.sorry-modal .card-bottom hr {
  margin-top: 0;
  color: #ebebee;
}
.coach-bio-details-modal .coach-bio-modal-header {
  border-bottom: 3px solid transparent !important;
  padding: 24px 40px !important;
}
.coach-bio-details-modal .coach-bio-modal-header .coach__card__content p {
  margin-bottom: 0;
}
.coach-bio-details-modal .coach-bio-modal-header .about-coach-heading p {
  margin-bottom: 0;
}
.coach-bio-details-modal .coach-bio-modal-header a.close_coach {
  top: 24px !important;
  right: 24px !important;
  margin-left: auto;
}
.coach-bio-details-modal .modal-body .coach__card__content {
  padding-top: 0;
}
.coach-bio-details-modal .modal-body .coach__card__content .coach__img {
  width: 33px !important;
  height: 33px !important;
  min-width: 33px !important;
  /*.coach__pic{    line-height: 44px;}*/

}
.coach-bio-details-modal .modal-body .coach__card__content .coach__img .profile-initials span.coach__pic {
  line-height: 24px !important;
  font-size: 14px !important;
  font-weight: 700;
  color: #1c304b;
}
.coach-bio-details-modal .modal-body .coach__card__content .coach__info {
  padding-top: 0px !important;
  margin-left: 16px;
}
.coach-bio-details-modal .modal-body .coach__card__content .coach__info .headingtext {
  font-weight: 600 !important;
}
.coach-bio-details-modal .modal-body .coach__card__content .subtextdiv {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 12px;
}
.coach-bio-details-modal .modal-body .coach__card__content .subtextdiv .location-section {
  padding-right: 40px;
  padding-left: 20px;
}
.coach-bio-details-modal .modal-body .coach__card__content .subtextdiv .location-section::before {
  position: absolute;
  margin-left: -18px !important;
  width: 12px;
  height: 14px;
  content: '';
  background: url(/Content/Images/icons/location_pin.svg);
  margin-top: 5px;
}
.coach-bio-details-modal .modal-body .coach__card__content .subtextdiv .timezone-section::before {
  width: 14px;
  height: 14px;
  content: '';
  background: url(/Content/Images/icons/timezone-icon.svg);
  position: absolute;
  margin-left: -22px !important;
  margin-top: 5px;
}
.coach-bio-details-modal .modal-body .card-bottom hr {
  margin-bottom: 24px !important;
  color: #ebebee;
}
.coach-bio-details-modal .modal-body .card-bottom .btn-right-align {
  display: flex;
  justify-content: flex-end;
}
.coach-bio-details-modal .modal-body .exp-inputs b {
  font-weight: normal !important;
}
.content-padding-inner-top {
  margin-top: 24px;
  margin-bottom: 16px;
  padding-top: 12px;
}
.mentorbio-discussion-topics li {
  margin-bottom: 8px !important;
}
.mentor-box-card .mentor-header .mentorProgressBar .menteeProgramTitle {
  color: #1c304b !important;
}
.mentor-box-card .mentor-body .mentor-description .section-mentor span {
  color: #1c304b;
}
.mentor-box-card .mentor-body .mentor-description .section-mentor p b {
  width: 95px;
  display: inline-flex;
}
.mentor-box-card .mentor-body .mentor-description .section-mentor ul li {
  color: #1c304b;
}
.mentor-box-card .mentor-body .mentor-description .menteesTopics {
  display: flex;
}
.mentor-box-card .mentor-body .mentor-description .menteesTopics .menteesTopicsList ul {
  margin-bottom: 8px;
}
#eduForm #exp-modal .modal-footer .footer-btns {
  flex-direction: row;
}
#certificationForm .modal-footer .exp-modal-footer .footer-btns {
  flex-direction: row;
}
.control-wrapper a.control-btn-fold:focus-visible,
.control-wrapper a.control-btn-unfold:focus-visible {
  outline: none !important;
}
.control-wrapper a.control-btn-fold.control-btn-fold-focus:focus-visible,
.control-wrapper a.control-btn-unfold.control-btn-fold-focus:focus-visible {
  outline: 4px solid #ff5858 !important;
}
.resumeHub-modal .modal-body p.resume-review-body-text {
  margin-bottom: 0px;
  font-weight: 400 !important;
  color: #5c6573 !important;
}
.resumeHub-modal .modal-body p.resume-review-body-text b.review-hub-modal-bold-text {
  color: #1c304b !important;
  font-weight: 500 !important;
}
.resumeHub-modal .modal-footer {
  padding-top: 32px !important;
}
.resumeReviewProgress p,
.resumeReviewCompleted p {
  padding-top: 8px;
  margin-bottom: 16px !important;
}
.resumeReviewProgress .reviewingDate-label,
.resumeReviewCompleted .reviewingDate-label {
  font-family: 'Noto Sans', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.004em;
  color: #45505f;
  margin-bottom: 32px;
}
.resumeReviewProgress span.reviewingStatus-label,
.resumeReviewCompleted span.reviewingStatus-label {
  font-family: 'Noto Sans', sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #1c304b;
}
.resumeReviewProgress .tool-label-button,
.resumeReviewCompleted .tool-label-button {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 10px;
  gap: 4px;
  height: 24px;
  border-radius: 16px;
  min-width: 131px;
  width: max-content;
  white-space: nowrap;
  margin-bottom: 8px;
}
.resumeReviewProgress .tool-label-button {
  background: #fff0cc;
}
.resumeReviewCompleted .tool-label-button {
  background: #dcf5d6;
}
.resumeReviewCompleted .tool-label-button .reviewingStatus-label img {
  display: inline;
}
#exp-modal.profile-visibility-on .modal-body {
  padding-bottom: 24px;
}
#exp-modal.profile-visibility-on .modal-body .profile-visibility-content p.body_base {
  color: #5c6573;
  margin-bottom: 0px;
}
#exp-modal.profile-visibility-on .modal-body .profile-visibility-content p.body_base:first-child {
  margin-bottom: 20px;
}
#exp-modal.profile-visibility-on .modal-footer {
  padding: 0px 40px 32px !important;
}
#exp-modal.profile-visibility-on .modal-footer:before {
  margin-bottom: 24px;
}
@media (max-width: 768px) {
  #exp-modal.profile-visibility-on .modal-footer .footer-btns .btn {
    margin-left: auto;
    white-space: normal;
  }
}
.reactivation .reactivate-section {
  text-align: center;
  width: 584px;
  border-radius: 8px;
  background-color: white;
  margin: 0 auto;
  padding: 40px 48px 221px;
  margin-bottom: -250px;
  word-break: break-word;
  margin-top: 62px;
}
@media (max-width: 768px) {
  .reactivation .reactivate-section {
    padding: 20px 28px 290px;
    width: 100%;
    margin-bottom: -320px;
    margin-top: 48px;
  }
}
.reactivation .reactivate-section .reactivate-icon-outer {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 24px;
}
.reactivation .reactivate-section .reactivate-icon-outer .reactivate-icon-inner {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  padding: 7px 9px;
  text-align: center;
  background-color: #f1f0f5;
}
.reactivation .reactivate-section .reactivate-icon-outer .reactivate-icon-inner .reactivate-icon {
  width: 22px;
  height: 22px;
}
.reactivation h1.reactivate-title {
  margin-top: 24px;
  margin-bottom: 12px;
  padding: 0px;
  color: #1c304b;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  font-family: 'Noto Serif', serif;
  text-align: center;
}
.reactivation .reactivate-description {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
  margin-bottom: 24px;
  padding: 0px 68px;
}
@media (max-width: 768px) {
  .reactivation .reactivate-description {
    padding: 0px;
  }
}
.container-width.reactivate-candidate-bottom-section {
  max-width: 584px;
  width: 584px;
  padding: 0px 40px;
  text-align: center;
}
@media (max-width: 768px) {
  .container-width.reactivate-candidate-bottom-section {
    padding: 0px 28px;
    max-width: 100%;
    width: 100%;
  }
}
.container-width.reactivate-candidate-bottom-section .info-msg-reactivate-outer {
  display: inline-block;
}
.container-width.reactivate-candidate-bottom-section .info-msg-reactivate {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  background-color: #f7f7fa;
  border-radius: 8px;
  word-break: break-word;
}
@media (max-width: 768px) {
  .container-width.reactivate-candidate-bottom-section .info-msg-reactivate {
    margin: 0px;
  }
}
.container-width.reactivate-candidate-bottom-section .info-msg-reactivate .info-msg-reactivate-icon {
  position: relative;
  width: 16px;
  height: 16px;
}
@media (max-width: 768px) {
  .container-width.reactivate-candidate-bottom-section .info-msg-reactivate .info-msg-reactivate-icon {
    margin-right: 6px;
  }
}
.container-width.reactivate-candidate-bottom-section .info-msg-reactivate .info-msg-reactivate-icon:before {
  content: '';
  background-image: url(/Content/Images/icons/info_icon.svg);
  width: 16px;
  height: 16px;
  position: absolute;
  background-repeat: no-repeat;
  left: 0px;
}
.container-width.reactivate-candidate-bottom-section .info-msg-reactivate .body_small {
  color: #45505f;
  text-align: left;
}
.container-width.reactivate-candidate-bottom-section .reactivate-candidate-buttons {
  margin-top: 40px;
  padding-top: 40px;
  padding-bottom: 48px;
  border-top: 1px solid #ebebee;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .container-width.reactivate-candidate-bottom-section .reactivate-candidate-buttons {
    flex-wrap: wrap;
    flex-direction: column-reverse;
    padding-bottom: 28px;
  }
}
.container-width.reactivate-candidate-bottom-section .reactivate-candidate-buttons .dont-reactivate-button {
  float: left;
  width: calc(50% - 8px);
  white-space: normal;
  word-break: break-word;
  padding: 15px 24px;
}
@media (max-width: 768px) {
  .container-width.reactivate-candidate-bottom-section .reactivate-candidate-buttons .dont-reactivate-button {
    width: 100%;
    margin-top: 16px;
  }
}
.container-width.reactivate-candidate-bottom-section .reactivate-candidate-buttons .dreactivate-button {
  float: right;
  width: calc(50% - 8px);
  white-space: normal;
  word-break: break-word;
}
@media (max-width: 768px) {
  .container-width.reactivate-candidate-bottom-section .reactivate-candidate-buttons .dreactivate-button {
    width: 100%;
  }
}
.myGoalHome-container {
  background-color: white;
  width: auto;
  padding: 20px;
  text-align: left;
  border-radius: 8px;
  position: relative;
  margin-bottom: 24px;
}
.myGoalHome-container {
  background-color: white;
  width: auto;
  padding: 24px;
  text-align: left;
  border-radius: 8px;
  position: relative;
  margin-bottom: 24px;
}
.myGoalHome-container .goalHeading {
  margin-top: 0;
  margin-bottom: 8px;
}
.myGoalHome-container p.box-texttop-padding {
  margin-bottom: 0px;
}
.myGoalHome-process-section {
  border-top: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
  margin-top: 24px;
  margin-bottom: 24px;
  padding-top: 16px;
  padding-bottom: 24px;
}
.myGoalHome-process-section div.myGoalHome-process-text {
  margin: 0;
}
.myGoalHome-process-section div.myGoalHome-process-text span.myGoalHome-process-value {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
  font-weight: 700;
  padding-left: 8px;
}
.myGoalHome-process-section .progress {
  width: 100%;
  background-color: #f7f7fa;
  border-radius: 12px;
  overflow: hidden;
  height: 24px;
  box-shadow: none;
  float: none;
  margin-top: 8px;
  margin-bottom: 0px;
}
.myGoalHome-process-section .progress-bar {
  height: 24px;
  border-radius: 12px;
  width: 0;
  transition: width 0.3s;
  margin-bottom: 0px;
  box-shadow: none;
}
.myGoalHome-process-section .green-bar {
  background-color: #73d85a;
  transition: width 0.3s;
}
.myGoalHome-process-section .yellow-bar {
  background: #ffc133;
  transition: width 0.3s;
}
.myGoalHome-footer {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 16px;
  justify-content: space-between;
}
.myGoalHome-footer .changeGoal-section.link_small {
  flex: none;
  flex-grow: 0;
  align-items: center;
}
.myGoalHome-footer .explore-section,
.myGoalHome-footer .changeGoal-section {
  flex: none;
  align-self: stretch;
  flex-grow: 0;
  align-content: center;
}
.myGoalHome-footer .explore-section .secondary-btn,
.myGoalHome-footer .changeGoal-section .secondary-btn {
  width: 167px;
  word-break: break-word;
  white-space: break-spaces;
}
.yoodliModal .modal-header .header-txt {
  order: 1;
  font-family: Noto Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
  margin: 0;
}
.yoodliModal .yoodli-content-wrapper .yoodli-secondary-color a {
  color: #aa0285;
}
.h1-page-title {
  font-size: 1px;
  color: transparent;
  padding: 0px;
  margin: 0px;
}
body.INDmodalOpen,
body[data-indmodalopen] {
  overflow: auto !important;
}
.mentorship-box {
  padding: 0 !important;
  margin-bottom: 0 !important;
}
.mentorship-box h2 {
  margin-bottom: 16px !important;
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
  font-size: 16px !important;
  font-weight: 600;
}
.mentorship-box .mentorship-btn a.secondary-btn {
  width: 100%;
}
.mentorship-box .mentorship-btn a.secondary-btn:focus-visible {
  outline-offset: -4px !important;
  border-radius: 8px !important;
}
@media (max-width: 767px) {
  .resume-builder-container .management-panel .resume-wrappers {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
  }
}
.twoColumnBreadcrumb .content-padding-inner-top {
  padding-top: 24px;
  padding-bottom: 24px;
  margin-bottom: 16px;
  background: #f1f0f5;
  margin-top: 0px;
}
@media (min-width: 320px) and (max-width: 1024px) {
  .twoColumnBreadcrumb .content-padding-inner-top {
    margin-top: 70px;
  }
}
.twoColumnBreadcrumb .content-padding-inner-top .breadcrumbs.pull-right {
  margin-top: 0px;
}
.twoColumnBreadcrumb .page-wrapper-test ul li.current span {
  color: #45505f;
}
.headingTag-hidden-accessiblity {
  color: transparent;
  line-height: 0;
  margin: 0;
  font-size: 1px;
}
.job-board-container {
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.5), white), url(/Content/Images/job-board-mask.svg);
  background-size: contain;
  border-radius: 8px;
  padding: 32px 24px 40px 24px;
  background-repeat: no-repeat;
  margin-bottom: 24px;
}
@media (max-width: 768px) {
  .job-board-container {
    padding: 32px 16px 28px 16px;
  }
}
.job-board-container .job-board-header-section {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 32px;
}
@media (max-width: 768px) {
  .job-board-container .job-board-header-section {
    flex-direction: column;
    align-items: flex-start;
  }
}
.job-board-container .job-board-header-section .job-board-header-text .title {
  margin-bottom: 4px;
  margin-top: 0;
  color: #1c304b;
}
.job-board-container .job-board-header-section a:hover {
  text-decoration: none;
}
@media (max-width: 768px) {
  .job-board-container .job-board-header-section a {
    width: 100%;
    margin-top: 20px;
  }
}
.job-board-container .job-board-header-section a:focus-visible:not(:active) {
  border-radius: 8px;
}
.job-board-container .job-board-panel-section .job-board-panel {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #f7f7fa;
  border-radius: 8px;
  border: 1px solid #ebebee;
  padding: 24px 24px 32px 24px;
  margin-bottom: 16px;
  column-gap: 8px;
}
.job-board-container .job-board-panel-section .job-board-panel:last-child {
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .job-board-container .job-board-panel-section .job-board-panel {
    padding: 24px 16px 28px 16px;
  }
}
.job-board-container .job-board-panel-section .job-board-panel .logo-desc-wrapper {
  display: flex;
  gap: 16px;
}
.job-board-container .job-board-panel-section .job-board-panel .logo-desc-wrapper .logo {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  margin: 0;
}
.job-board-container .job-board-panel-section .job-board-panel .logo-desc-wrapper .company-logo-bg {
  height: 54px;
  min-width: 62px;
  border-radius: 12px;
  flex: 1;
  padding: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #d8d8e2;
  font-size: 28px;
  font-weight: 700;
  line-height: 32px;
  color: #6b6b84;
  background-color: #efeff5;
}
.job-board-container .job-board-panel-section .job-board-panel .logo-desc-wrapper .logo-border-1,
.job-board-container .job-board-panel-section .job-board-panel .logo-desc-wrapper .logo-border-7,
.job-board-container .job-board-panel-section .job-board-panel .logo-desc-wrapper .logo-border-13 {
  border: 1px solid #d9b2d1;
}
.job-board-container .job-board-panel-section .job-board-panel .logo-desc-wrapper .logo-border-2,
.job-board-container .job-board-panel-section .job-board-panel .logo-desc-wrapper .logo-border-8,
.job-board-container .job-board-panel-section .job-board-panel .logo-desc-wrapper .logo-border-14 {
  border: 1px solid #b3afe2;
}
.job-board-container .job-board-panel-section .job-board-panel .logo-desc-wrapper .logo-border-3,
.job-board-container .job-board-panel-section .job-board-panel .logo-desc-wrapper .logo-border-9,
.job-board-container .job-board-panel-section .job-board-panel .logo-desc-wrapper .logo-border-15 {
  border: 1px solid #f6c7aa;
}
.job-board-container .job-board-panel-section .job-board-panel .logo-desc-wrapper .logo-border-4,
.job-board-container .job-board-panel-section .job-board-panel .logo-desc-wrapper .logo-border-10,
.job-board-container .job-board-panel-section .job-board-panel .logo-desc-wrapper .logo-border-16 {
  border: 1px solid #bfd3ac;
}
.job-board-container .job-board-panel-section .job-board-panel .logo-desc-wrapper .logo-border-5,
.job-board-container .job-board-panel-section .job-board-panel .logo-desc-wrapper .logo-border-11,
.job-board-container .job-board-panel-section .job-board-panel .logo-desc-wrapper .logo-border-17 {
  border: 1px solid #f4cbe8;
}
.job-board-container .job-board-panel-section .job-board-panel .logo-desc-wrapper .logo-border-6,
.job-board-container .job-board-panel-section .job-board-panel .logo-desc-wrapper .logo-border-12,
.job-board-container .job-board-panel-section .job-board-panel .logo-desc-wrapper .logo-border-18 {
  border: 1px solid #f7d3d0;
}
@media (max-width: 480px) {
  .job-board-container .job-board-panel-section .job-board-panel .logo-desc-wrapper .panel-desc {
    max-width: 140px;
  }
}
.job-board-container .job-board-panel-section .job-board-panel .logo-desc-wrapper .panel-desc h1 {
  margin-top: 0;
  margin-bottom: 4px;
}
.job-board-container .job-board-panel-section .job-board-panel .logo-desc-wrapper .panel-desc span {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
}
.job-board-container .job-board-panel-section .job-board-panel .go-btn-wrap {
  width: 40px;
  padding: 8px;
  border-radius: 8px;
  border: 1px solid #1c304b;
  cursor: pointer;
}
.job-search-toaster-position .job-agent-toastr .toast-title {
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  color: #1c304b;
}
.job-search-toaster-position .job-agent-toastr .toast-view-link:hover {
  text-decoration: underline;
}
.job-search-toaster-position .job-agent-toastr .toast-view-link:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: 0px !important;
  border-radius: 4px;
}
.learning-content .inner-baner-bg {
  background-image: url(/Content/Images/r19/header-upskilling.jpg);
}
.learning-content .learning-event-banner.inner-banner-container .banner-content {
  margin-left: 4%;
}
@media (max-width: 480px) {
  .learning-content .learning-event-banner.inner-banner-container .banner-content h2 {
    width: 100%;
    font-size: 25px;
  }
}
.learning-content .learning-event-banner.inner-banner-container .banner-content span {
  display: block;
}
.learning-content .learning-event-banner.inner-banner-container .banner-content span b {
  display: block;
}
@media (max-width: 480px) {
  .learning-content .learning-event-banner.inner-banner-container .banner-content {
    margin-left: 2%;
    max-width: 98%;
    overflow: hidden;
  }
}
.learning-content .banner-content h4 {
  background: black;
  opacity: 0.8;
  padding: 10px 10px 4px 10px;
  margin: 0px;
  min-width: 200px;
  width: max-content;
  font-weight: 400;
  color: white;
}
.learning-content .banner-content h2 {
  background: black;
  opacity: 0.8;
  padding: 4px 10px 8px 10px;
  margin: 0px;
  min-width: 390px;
  width: max-content;
  color: white;
}
.learning-content .banner-content span {
  background: black;
  opacity: 0.8;
  padding: 4px 10px 12px 10px;
  margin: 0px;
  min-width: 280px;
  width: max-content;
  color: white;
  font-size: 18px;
}
.learning-content .control-wrapper-body {
  padding: 20px 20px 0px 20px;
}
.learning-content .upskilling-card {
  display: flex;
  flex-wrap: wrap;
}
.learning-content .control-wrapper-opened {
  padding-bottom: 0px;
}
.learning-content .control-wrapper-head {
  padding: 0px 20px;
}
.learning-content .learn-search-criteria .breadcrumb-background {
  background-color: #f1f0f5;
  padding: 24px 0px;
}
.learning-content .learn-search-criteria .breadcrumb-background .page-wrapper-test .breadcrumbs {
  margin-top: 0;
}
.learning-content .learn-search-criteria .keyword-box {
  display: block;
}
.learning-content .learn-search-criteria .keyword-box input {
  margin-right: 0px !important;
  font-style: normal !important;
}
.learning-content .learn-search-criteria .skill-first-wrapper .select2-container .select2-choices {
  background-image: url(/Content/Images/icons/search-icon.svg);
  background-repeat: no-repeat;
  background-position: 99% 9px;
}
.learning-content .learn-search-criteria .skill-second-wrapper {
  display: flex;
  gap: 20px;
}
@media (min-width: 768px) {
  .learning-content .learn-search-criteria .skill-second-wrapper {
    margin: 20px -20px 32px -20px;
  }
}
.learning-content .learn-search-criteria .skill-second-wrapper .skill-input-container {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.learning-content .learn-search-criteria .skill-second-wrapper .skill-input-container .select2-container {
  width: 100%;
}
.learning-content .learn-search-criteria .job-search-btns {
  width: 100%;
}
.learning-content .learn-search-criteria .job-search-btns input.btn-invert {
  height: 50px;
  border: 2px solid #4d065b;
  color: white;
  background: #4d065b;
  min-width: 20%;
  margin: 0 0px 30px;
  font-size: 16px;
  font-weight: 400;
  text-transform: uppercase;
  border-radius: 0;
}
.learning-content .learn-search-criteria {
  padding: 40px 0px 100px;
}
.learning-content .learn-search-criteria hr {
  margin: 25px 0px;
  border-top: 3px solid #e6e6e6;
  max-width: initial;
}
.learning-content .learn-search-criteria .advance-search-fieds {
  margin-bottom: 32px;
}
.learning-content .learn-search-criteria input[type=text],
.learning-content .learn-search-criteria select,
.learning-content .learn-search-criteria .select2-chosen {
  color: #5c6573;
}
@media (max-width: 767px) {
  .learning-content .learn-search-criteria input[type=text],
  .learning-content .learn-search-criteria select,
  .learning-content .learn-search-criteria .select2-chosen {
    margin-right: 0 !important;
  }
}
.learning-content .learn-search-criteria .select2-chosen {
  text-transform: lowercase;
}
.learning-content .learn-search-criteria .select2-chosen::first-letter {
  text-transform: uppercase;
}
.learning-content .learn-search-criteria .learn-search-text ul.select2-choices li.select2-search-field input.select2-input {
  background: transparent !important;
}
.learning-content .learn-search-criteria .learn-search-text::placeholder {
  color: gray;
  font-style: italic;
}
.learning-content .learn-search-criteria .learn-search-text::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: gray;
  font-style: italic;
}
.learning-content .learn-search-criteria .learn-search-text::-moz-placeholder {
  /* Firefox 19+ */
  color: gray;
  font-style: italic;
}
.learning-content .learn-search-criteria .learn-search-text:-ms-input-placeholder {
  /* IE 10+ */
  color: gray;
  font-style: italic;
}
.learning-content .learn-search-criteria .learn-search-text:focus {
  border: 2px solid #a6a6a6;
  outline: none;
}
@media (max-width: 767px) {
  .learning-content .learn-search-criteria .search-box-even {
    margin-right: 0 !important;
  }
}
.learning-content .pac-container {
  display: block;
  z-index: 99999;
}
.learning-content .learn-search-btns {
  display: flex;
  justify-content: center;
  margin-bottom: 24px;
}
.learning-content .learn-search-btns .btn-invert {
  min-width: 208px;
}
.learning-content .learn-search-btns .btn-invert:focus {
  border: none;
}
.learning-content .card-image {
  max-height: 170px;
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column-reverse;
  align-items: stretch;
  justify-content: stretch;
  background-color: #f9f9f9;
}
.learning-content .card-image .card-img {
  overflow: hidden;
  height: 170px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.learning-content .card-image .card-img img {
  display: block;
  width: 100%;
  height: 100%;
}
.learning-content .card-type {
  position: absolute;
  bottom: 23px;
  left: 22px;
}
.learning-content .card-type img {
  max-width: 40px;
  max-height: 40px;
}
.learning-content .recources-card.whitebox-container {
  background-color: white;
  margin-bottom: 24px;
  position: relative;
  padding-bottom: 20px;
  border: 1px solid #ebebee;
  border-radius: 8px;
}
.learning-content .recources-card.whitebox-container:focus-visible {
  outline: 1px solid #ff5858;
}
.learning-content .card-content {
  padding: 25px 24px 0;
  height: 100%;
  position: relative;
}
.learning-content .card-content .skill-txt {
  margin-bottom: 32px;
  min-height: 70px;
}
.learning-content .card-content .skill-txt .skill-name-purple {
  color: #1c304b;
  font-size: 12px;
  font-weight: 600;
  font-family: 'Noto Sans', sans-serif;
  line-height: 16px;
  letter-spacing: 0.048px;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-align: left;
  margin-top: 4px;
}
.learning-content .card-content .skill-txt p span {
  font-size: 12px;
  font-weight: 400;
  font-family: 'Noto Sans', sans-serif;
  line-height: 16px;
  letter-spacing: 0.048px;
  color: #1c304b;
}
.learning-content .card-content .headline {
  color: #1c304b;
  font-weight: 600;
  font-size: 16px;
  font-family: 'Noto Sans', sans-serif;
  line-height: 24px;
  padding-top: 0;
  margin: 0 0 8px 0;
  height: 50px;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
@media (max-width: 767px) {
  .learning-content .card-content .headline {
    display: block;
    height: auto;
  }
}
.learning-content .content-area {
  padding-top: 0;
  padding-bottom: 0;
  margin: 16px 0;
  word-break: break-word;
  min-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  height: 100px;
}
.learning-content .content-area p {
  font-size: 14px;
  font-weight: 400;
  font-family: 'Noto Sans', sans-serif;
  line-height: 24px;
  letter-spacing: 0.056px;
  color: #45505f;
}
.learning-content .card-content small {
  color: #45505f;
  display: block;
  font-size: 12px;
  font-weight: 400;
  font-family: 'Noto Sans', sans-serif;
  line-height: 16px;
  letter-spacing: 0.048px;
  position: relative;
}
.learning-content .card-content small span:first-letter,
.learning-content .card-content small span.free-content:first-letter {
  text-transform: uppercase;
}
.learning-content .card-content small .dur-conten,
.learning-content .card-content small .free-content {
  text-transform: lowercase;
  display: inline-block;
}
.learning-content .crn-card-footer {
  width: 85%;
  margin: auto;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  bottom: 0px;
  left: 0;
  right: 0;
}
.learning-content .crn-card-footer:focus-visible {
  border-radius: 8px;
}
.learning-content .modalConfirm {
  overflow: hidden !important;
  background-color: rgba(0, 0, 0, 0.4);
  display: block;
}
@media (min-width: 768px) {
  .learning-content .modal-dialog {
    width: 632px;
  }
}
.learning-content .modalContent {
  margin-top: 100px;
  padding: 0px;
  background: white;
  border-radius: 8px;
}
.learning-content .modal-main-content {
  padding-left: 48px;
  padding-right: 48px;
  padding-top: 16px;
  background: white;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}
.learning-content .modal-main-content hr {
  margin: 20px 0 32px 0;
  border: 1px solid #ebebee;
}
.learning-content .learning-leaving-text {
  font-size: 16px;
  font-weight: 400;
  font-family: 'Noto Sans', sans-serif;
  line-height: 24px;
  letter-spacing: 0.056px;
  color: #45505f;
  margin: 0;
}
.learning-content .modal-header-main {
  clear: both;
  padding-top: 32px;
  padding-left: 48px;
  padding-right: 48px;
  position: relative;
  background: white;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.learning-content .modal-header-main span {
  font-size: 20px;
  font-weight: 600;
  font-family: 'Noto Sans', sans-serif;
  line-height: 32px;
  color: #1c304b;
}
.learning-content .modal-button-footer {
  overflow: hidden;
  padding-bottom: 32px;
  display: flex;
  justify-content: flex-end;
}
.learning-content .modal-button-footer .close-button {
  min-width: 126px;
  padding: 8px 40px;
}
.learning-content a.close-icon {
  position: absolute;
  right: 24px;
  top: 24px;
  width: 24px;
  height: 24px;
  background-position: center center;
}
.learning-content .button-purple,
.learning-content .button-purple:hover {
  background: #4d065b;
  border: 1px solid #4d065b;
  color: white;
  cursor: pointer;
  font-family: 'Noto Sans', serif;
  font-size: 16px;
  font-weight: bold;
  line-height: 26px;
  padding: 10px 10px;
  text-decoration: none;
  text-align: center;
}
.learning-content .button-purple:focus,
.learning-content .button-purple-white:focus {
  border: 0;
  outline: 2px solid black;
  text-decoration: none;
  outline-offset: -2px;
}
.learning-content .button-purple-white,
.learning-content .button-purple-white:hover {
  background: white;
  border: 1px solid #4d065b;
  color: #4d065b;
  cursor: pointer;
  font-family: 'Noto Sans', serif;
  font-size: 16px;
  font-weight: bold;
  line-height: 26px;
  padding: 10px 10px;
  text-align: center;
  text-decoration: none;
}
.learning-content .multiselect-title.job-adv-search-keyword.input-full-width {
  width: 100%;
}
.learning-content .multiselect-title.job-adv-search-keyword {
  height: auto;
  width: calc(50% - 7px);
}
.learning-content .job-adv-search-keyword {
  width: 100%;
  height: 50px;
  color: black;
}
.learning-content .multiselect-title.job-adv-search-keyword {
  height: auto;
  width: calc(50% - 7px);
}
.learning-content .keyword-box.multiselect-row {
  margin-right: 2px;
}
@media (max-width: 767px) {
  .learning-content .keyword-box.multiselect-row {
    margin-right: 0;
  }
}
.learning-NoResultFound-custom {
  padding-top: 40px;
  margin-bottom: 80px;
  text-align: center;
}
.consultant-contact {
  font-size: 16px;
  padding-bottom: 200px;
  margin-top: 10px;
}
.consultant-contact .consultant-contact-outer {
  display: flex;
  align-items: flex-start;
}
.consultant-contact .v-divider {
  border-right: 3px solid #eee8ef;
}
.consultant-contact .col-padding-r25 {
  padding-right: 25px;
  flex: 8;
}
.consultant-contact .col-padding-l25 {
  padding-left: 25px;
  flex: 4;
}
.consultant-contact .box-left-content {
  background-color: white;
  padding: 24px 24px 32px;
  width: 100%;
  border-radius: 8px;
}
.consultant-contact .box-right-content .box-consultant > div:first-child {
  background-color: white;
  padding: 24px 24px 32px;
  border-radius: 8px;
  width: 100%;
  margin-bottom: 2rem;
  min-height: 250px;
}
.box-consultant .container-email-btn .btn-primary-bgcolor {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: Noto Sans, sans-serif;
  text-transform: uppercase;
  color: white;
  background-color: #441750;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  padding: 8px 24px;
  font-family: 'Noto Sans', sans-serif;
  height: 40px;
}
.box-consultant .container-email-btn .btn-primary-bgcolor:active {
  color: white;
  background: #390447;
}
.box-consultant .container-email-btn .btn-primary-bgcolor:hover {
  background-color: #613e6b;
}
.box-consultant .container-email-btn .btn-primary-bgcolor:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.box-consultant .container-email-btn .btn-primary-bgcolor:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.box-consultant .container-email-btn .btn-primary-bgcolor:active {
  color: white;
  background: #390447;
}
.box-consultant .container-email-btn .btn-primary-bgcolor:hover {
  background-color: #613e6b;
}
.box-consultant .container-email-btn .btn-primary-bgcolor:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.box-consultant .container-email-btn .btn-primary-bgcolor:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.box-consultant .container-email-btn .btn-primary-bgcolor:active {
  color: white;
  background: #390447;
}
.box-consultant .container-email-btn .btn-primary-bgcolor:hover {
  background-color: #613e6b;
}
.box-consultant .container-email-btn .btn-primary-bgcolor:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.box-consultant .container-email-btn .btn-primary-bgcolor:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.box-consultant .container-email-btn .btn-primary-bgcolor:active {
  color: white;
  background: #390447;
}
.box-consultant .container-email-btn .btn-primary-bgcolor:hover {
  background-color: #613e6b;
}
.box-consultant .container-email-btn .btn-primary-bgcolor:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.box-consultant .container-email-btn .btn-primary-bgcolor:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.box-consultant .box-meeting .pink-font,
.box-consultant .box .pink-font,
.box-consultant .white-box .pink-font {
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  font-size: 16px !important;
  font-weight: 600;
  color: #1c304b;
  margin-top: 0;
}
.box-consultant .box-meeting h2,
.box-consultant .box h2,
.box-consultant .white-box h2 {
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  font-size: 16px !important;
  font-weight: 600;
  color: #1c304b;
}
.box-consultant .box-meeting .text-center .bold,
.box-consultant .box .text-center .bold,
.box-consultant .white-box .text-center .bold {
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  font-weight: 600;
  font-size: 14px !important;
  color: #1c304b;
}
.box-consultant .box-meeting .text-center .text-second,
.box-consultant .box .text-center .text-second,
.box-consultant .white-box .text-center .text-second {
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  font-size: 14px !important;
  color: #45505f;
}
.box-consultant .box-meeting p,
.box-consultant .box p,
.box-consultant .white-box p {
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  font-size: 14px !important;
  color: #45505f;
}
.box-consultant .box-meeting .meeting-section .upcoming-meeting-row .date-section,
.box-consultant .box .meeting-section .upcoming-meeting-row .date-section,
.box-consultant .white-box .meeting-section .upcoming-meeting-row .date-section {
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  font-size: 14px !important;
  font-weight: 700;
  color: #1c304b;
}
.box-consultant .box-meeting .meeting-section .upcoming-meeting-row .time-section .uptime-span,
.box-consultant .box .meeting-section .upcoming-meeting-row .time-section .uptime-span,
.box-consultant .white-box .meeting-section .upcoming-meeting-row .time-section .uptime-span {
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  font-size: 14px !important;
  color: #45505f;
}
.box-consultant .box-meeting .meeting-section .upcoming-meeting-row .time-section .upcoming-name,
.box-consultant .box .meeting-section .upcoming-meeting-row .time-section .upcoming-name,
.box-consultant .white-box .meeting-section .upcoming-meeting-row .time-section .upcoming-name {
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  font-size: 16px !important;
  color: #45505f;
}
@media screen and (max-width: 767px) {
  .consultant-contact {
    padding-bottom: 250px;
  }
  .consultant-contact .consultant-contact-outer {
    display: block;
  }
  .consultant-contact .v-divider {
    border-right: none;
  }
  .consultant-contact .col-padding-r25 {
    padding-right: 15px;
  }
  .consultant-contact .col-padding-l25 {
    padding-left: 0px;
  }
}
@media (min-width: 769px) {
  .wide-modal .modal-dialog {
    width: 67% !important;
  }
}
@media (min-width: 375px) and (max-width: 768px) {
  .wide-modal .modal-dialog {
    width: auto !important;
    margin: 10px;
  }
}
.wide-modal .modal-dialog .player-container {
  max-width: 100% !important;
}
@media (min-width: 769px) {
  .wide-modal .modal-dialog {
    width: 67% !important;
  }
}
@media (min-width: 375px) and (max-width: 768px) {
  .wide-modal .modal-dialog {
    width: auto !important;
    margin: 10px;
  }
}
.wide-modal .modal-dialog .player-container {
  max-width: 100% !important;
}
.coach-corner-header-wrapper {
  display: flex;
  justify-content: center;
  background-color: #f1f0f5;
  width: 100%;
  gap: 48px;
  padding: 32px 24px;
}
@media (max-width: 992px) {
  .coach-corner-header-wrapper {
    padding-left: 24px;
    padding-right: 24px;
    flex-direction: column;
    gap: 32px;
  }
}
.coach-corner-header-wrapper .heading-wrap {
  max-width: 447px;
}
@media (max-width: 992px) {
  .coach-corner-header-wrapper .heading-wrap {
    width: 100% !important;
    max-width: 100% !important;
  }
}
.coach-corner-header-wrapper .heading-wrap h1 {
  margin-bottom: 0;
  font-family: Noto Serif, serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 40px;
  color: #1c304b;
  margin-top: 0;
}
@media (max-width: 992px) {
  .coach-corner-header-wrapper .heading-wrap h1 {
    font-family: Noto Serif, serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 32px;
  }
}
.coach-corner-header-wrapper .coach-corner-right {
  max-width: 466px;
}
@media (max-width: 992px) {
  .coach-corner-header-wrapper .coach-corner-right {
    width: 100% !important;
    max-width: 100% !important;
  }
}
.coach-corner-header-wrapper .coach-corner-right p {
  color: #45505f;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  font-family: 'Noto Sans', sans-serif;
  letter-spacing: 0.056px;
  margin-bottom: 0;
}
.coach-corner-container {
  margin-bottom: 80px;
  padding-left: 0;
  padding-top: 0;
}
.coach-corner-container .row {
  margin-left: 0px;
  margin-right: 0px;
}
@media (max-width: 768px) {
  .coach-corner-container .row .coach-filter-wrapper {
    padding-left: 0;
    padding-right: 0;
  }
}
.coach-corner-container .row .coach-filter-wrapper .filter-checkbox-container .control-wrapper {
  max-height: 64px;
  margin-bottom: 16px;
  padding: 0;
  border: 1px solid #ebebee;
}
.coach-corner-container .row .coach-filter-wrapper .filter-checkbox-container .control-wrapper .control-wrapper-head {
  margin-bottom: 16px;
  padding: 16px 24px 0px;
  position: relative;
}
.coach-corner-container .row .coach-filter-wrapper .filter-checkbox-container .control-wrapper .control-wrapper-head a {
  display: none;
}
.coach-corner-container .row .coach-filter-wrapper .filter-checkbox-container .control-wrapper .control-wrapper-head .control-wrapper-btn {
  margin-right: 0;
  position: absolute;
  right: 20px;
}
.coach-corner-container .row .coach-filter-wrapper .filter-checkbox-container .control-wrapper .control-wrapper-head .control-wrapper-flex .custom-heading {
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 16px !important;
  white-space: nowrap;
}
.coach-corner-container .row .coach-filter-wrapper .filter-checkbox-container .control-wrapper .control-wrapper-body {
  padding: 0;
  display: none;
}
.coach-corner-container .row .coach-filter-wrapper .filter-checkbox-container .control-wrapper .control-wrapper-body .category-filter {
  border-bottom: 1px solid #ebebee;
  display: flex;
  align-items: baseline;
  gap: 12px;
}
.coach-corner-container .row .coach-filter-wrapper .filter-checkbox-container .control-wrapper .control-wrapper-body .category-filter:last-child {
  border-bottom: none;
}
.coach-corner-container .row .coach-filter-wrapper .filter-checkbox-container .control-wrapper .control-wrapper-body .category-filter .checkbox-wrapper {
  display: flex;
  column-gap: 12px;
  width: 100%;
}
.coach-corner-container .row .coach-filter-wrapper .filter-checkbox-container .control-wrapper .control-wrapper-body .category-filter .checkbox-wrapper label {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.056px;
  color: #1c304b;
  margin-bottom: 0;
  padding: 12px 24px;
  width: 100%;
  cursor: pointer;
  display: flex;
  text-transform: none;
}
.coach-corner-container .row .coach-filter-wrapper .filter-checkbox-container .control-wrapper .control-wrapper-body .category-filter .checkbox-wrapper label .checkbox-span-input input[type="checkbox"]:focus {
  outline: none;
}
.coach-corner-container .row .coach-filter-wrapper .filter-checkbox-container .control-wrapper .control-wrapper-body .category-filter .checkbox-wrapper label .checkbox-span-input input[type="checkbox"]:focus-visible {
  outline: 4px solid #ff5858;
  outline-offset: 0px;
  width: 16px;
  height: 16px;
}
.coach-corner-container .row .coach-filter-wrapper .filter-checkbox-container .control-wrapper .control-wrapper-body .category-filter .checkbox-wrapper label .checkbox-span-text {
  margin-left: 10px;
}
.coach-corner-container .row .coach-filter-wrapper .filter-checkbox-container .control-wrapper .control-wrapper-body .category-filter .checkbox-wrapper label .radio-span-text {
  margin-left: 12px;
}
.coach-corner-container .row .coach-filter-wrapper .filter-checkbox-container .control-wrapper .control-wrapper-body .category-filter .checkbox-wrapper label::first-letter {
  text-transform: uppercase;
}
.coach-corner-container .row .coach-filter-wrapper .filter-checkbox-container .control-wrapper-opened {
  max-height: 4000px !important;
}
.coach-corner-container .row .coach-filter-wrapper .filter-checkbox-container .control-wrapper-opened .control-wrapper-body {
  display: block;
}
.coach-corner-container .row .videos-data-container {
  background-color: white;
  border-radius: 8px;
  padding: 24px 24px 32px 24px;
  gap: 24px;
  margin-top: 24px;
}
.coach-corner-container .row .videos-data-container .videos-wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 24px;
  row-gap: 20px;
}
@media (min-width: 460px) and (max-width: 554px) {
  .coach-corner-container .row .videos-data-container .videos-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 468px) {
  .coach-corner-container .row .videos-data-container .videos-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
.coach-corner-container .row .videos-data-container .videos-wrapper .video-data {
  position: relative;
  margin-bottom: 20px;
  /*min-width: 224px;*/

}
@media (max-width: 468px) {
  .coach-corner-container .row .videos-data-container .videos-wrapper .video-data {
    /*width:300px;*/
    width: 100%;
  }
}
.coach-corner-container .row .videos-data-container .videos-wrapper .video-data .img-wrapper {
  position: relative;
  height: 128px;
  width: 100%;
  display: inline-grid;
  overflow: hidden;
  background: #d8d8e2;
  border-radius: 8px;
  margin-bottom: 16px;
}
@media (max-width: 468px) {
  .coach-corner-container .row .videos-data-container .videos-wrapper .video-data .img-wrapper {
    width: 100%;
    margin: 0 auto;
    height: 170px;
    max-height: 170px;
  }
}
.coach-corner-container .row .videos-data-container .videos-wrapper .video-data .img-wrapper .video-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.coach-corner-container .row .videos-data-container .videos-wrapper .video-data .img-wrapper .play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -49%);
  width: 60px;
  height: 60px;
  cursor: pointer;
}
.coach-corner-container .row .videos-data-container .videos-wrapper .video-data .img-wrapper .video-duration {
  position: absolute;
  bottom: 12px;
  right: 12px;
  border-radius: 4px;
  background: rgba(46, 34, 47, 0.8);
  padding: 2px 8px;
  color: white;
}
.coach-corner-container .row .videos-data-container .videos-wrapper .video-data h2 {
  color: #1c304b;
  margin-top: 0;
  margin-bottom: 8px;
  font-family: Noto Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  font-family: 'Noto Sans', sans-serif;
}
.coach-corner-container .row .videos-data-container .videos-wrapper .video-data .category-name {
  background: #eaeaea;
  border-radius: 16px;
  padding: 4px 16px;
  margin-bottom: 16px;
}
.coach-corner-container .row .videos-data-container .videos-wrapper .video-data .video-name {
  margin-top: 16px;
  cursor: pointer;
}
.coach-corner-container .row .videos-data-container .videos-wrapper .skeleton-coach-corner-container {
  margin-bottom: 12px;
}
.coach-corner-container .row .videos-data-container .videos-wrapper .skeleton-coach-corner-container .card-skeleton-box {
  width: 100%;
  position: relative;
}
.coach-corner-container .row .videos-data-container .videos-wrapper .skeleton-coach-corner-container .card-skeleton-box .skeleton-video-box {
  border-radius: 12px;
  width: 245px;
  height: 128px;
}
.coach-corner-container .row .videos-data-container .videos-wrapper .skeleton-coach-corner-container .card-skeleton-box .skeleton-play-btn {
  position: absolute;
  left: 48%;
  top: 34%;
  transform: translate(-50%, -50%);
}
.coach-corner-container .row .videos-data-container .videos-wrapper .skeleton-coach-corner-container .card-skeleton-box .mb-20 {
  margin-bottom: 20px;
}
.coach-corner-container .row .skeleton-coach-corner-container.videos-wrapper .video-data .skeleton-video-box.img-wrapper {
  position: relative;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
}
.coach-corner-container .row .skeleton-coach-corner-container.videos-wrapper .video-data .skeleton-video-box.img-wrapper .play-button {
  width: 20px;
  height: 20px;
  background-color: #cbcbd8;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background-color 0.3s;
  margin: 0 auto;
}
.coach-corner-container .row .skeleton-coach-corner-container.videos-wrapper .video-data .skeleton-video-box.img-wrapper .play-icon {
  width: 0;
  height: 0;
  border-left: 7px solid #d8d8e2;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-radius: 4px;
}
.bookmarks-main-content {
  padding-top: 0px;
  /* bookmark model*/

}
.bookmarks-main-content .main-content-top {
  height: 24px;
  width: 100%;
  margin-bottom: 24px;
}
.bookmarks-main-content .main-content-top .page-wrapper-test .breadcrumbs {
  margin-top: 0px;
  height: 24px;
  margin-bottom: 16px;
  width: 100%;
}
.bookmarks-main-content .main-content-top .page-wrapper-test .breadcrumbs ul li.current span {
  color: #45505f;
}
.bookmarks-main-content .control-wrapper {
  height: 100%;
}
.bookmarks-main-content .control-wrapper-opened {
  max-height: 100% !important;
}
.bookmarks-main-content .bookmarks-container {
  margin-bottom: 80px;
}
.bookmarks-main-content .bookmarks-container .control-wrapper .removeall-bookmark-btn {
  min-width: 141px;
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: flex-start;
}
.bookmarks-main-content .bookmarks-container .control-wrapper .removeall-bookmark-btn .remove-all-bookmark-icon {
  position: relative;
  width: 16px;
  height: 16px;
}
.bookmarks-main-content .bookmarks-container .control-wrapper .removeall-bookmark-btn .remove-all-bookmark-icon:before {
  content: '';
  background-image: url(/Content/Images/icons/remove_circle_outline.svg);
  width: 16px;
  height: 16px;
  position: absolute;
  background-repeat: no-repeat;
}
.bookmarks-main-content .control-wrapper-head {
  justify-content: flex-end;
}
@media (max-width: 768px) {
  .bookmarks-main-content .control-wrapper-head {
    padding-left: 0px;
    padding-right: 0px;
  }
}
.bookmarks-main-content .control-wrapper-loader-bar {
  margin-bottom: 24px;
}
.bookmarks-main-content .control-wrapper-body {
  position: relative;
}
.bookmarks-main-content .bookmark-removal-done {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  z-index: 3;
}
.bookmarks-main-content .bookmark-removal-done img {
  width: 230px;
  height: 230px;
}
.bookmarks-main-content .bookmarks-card .remove-bookmark-wrapper {
  display: flex;
  gap: 8px;
  align-items: center;
  margin-top: 16px;
}
.bookmarks-main-content .bookmarks-card .remove-bookmark-wrapper .link_small:hover {
  text-decoration: underline;
}
.bookmarks-main-content .bookmarks-card .remove-bookmark-wrapper:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: 0px !important;
  color: #aa0285;
  border-radius: 4px;
}
.bookmarks-main-content .bookmarks-description {
  display: inline-block;
  line-height: 1.43;
  cursor: pointer;
}
.bookmarks-main-content .bookmarks-description b {
  font-weight: normal !important;
}
.bookmarks-main-content .bookmarks-description .bookmarks-text {
  margin-top: 8px;
}
.bookmarks-main-content .bookmarks-description .span-heading {
  font-family: Noto Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
  margin-top: -2px;
}
.bookmarks-main-content .bookmark-remove-btn {
  width: 100px;
  margin-top: 10px;
  color: #aa0285 !important;
}
.bookmarks-main-content .bookmarks-text {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 6;
  /* number of lines to show */
  -webkit-box-orient: vertical;
}
.bookmarks-main-content .bookmarks-card-outer {
  display: flex;
  flex-wrap: wrap;
}
.bookmarks-main-content .bookmarks-card-inner {
  width: 31.23%;
  margin: 0px 0px 32px 0px;
  word-break: break-word;
}
.bookmarks-main-content .bookmarks-card-inner a {
  text-decoration: none;
}
.bookmarks-main-content .bookmarks-card-inner a:focus-visible {
  outline: 2px solid black;
}
.bookmarks-main-content .bookmarks-card-inner:nth-of-type(3n),
.bookmarks-main-content .bookmarks-card-inner:nth-of-type(3n+2) {
  margin-left: 3.15%;
}
.bookmarks-main-content .bookmarks-card-inner:nth-last-child(-n + 3):nth-child(3n + 1),
.bookmarks-main-content .bookmarks-card-inner:nth-last-child(-n + 3):nth-child(3n + 1) ~ .bookmarks-card-inner {
  margin-bottom: 0px;
}
.bookmarks-main-content .flex-container {
  display: flex;
  width: 100%;
  gap: 16px;
}
.bookmarks-main-content .cursorPointer {
  cursor: pointer;
}
.bookmarks-main-content .bookmarks-card-image {
  width: 100px;
  height: 100px;
  position: relative;
  display: inline-block;
  align-items: center;
  justify-content: center;
}
.bookmarks-main-content .bookmarks-card-image img {
  width: 100%;
}
.bookmarks-main-content .bookmarks-card .bookmarks-card-image:focus-visible {
  outline: 2px solid #434343;
}
.bookmarks-main-content .bookmarks-card .btn:focus-visible {
  outline: 3px solid #434343;
}
.bookmarks-main-content .bookmarks-card-type {
  height: 40px;
  width: 40px;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.bookmarks-main-content .bookmarks-heading {
  text-align: center;
  margin: 50px 0px;
}
.bookmarks-main-content .bookmarks-heading .btn-invert {
  padding: 8px 40px;
}
.bookmarks-main-content .bookmarks-heading h2 {
  font-size: 20px;
  line-height: 32px;
  font-weight: 600;
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
  margin-top: 10px;
}
.bookmarks-main-content .bookmarks-heading .bookmarks-description {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  font-family: 'Noto Sans', sans-serif;
  color: #45505f;
  text-align: center;
}
.bookmarks-main-content .no-bookmarks-found {
  padding: 24px 24px 32px;
  border-radius: 8px;
  background-color: white;
  text-align: center;
  margin: 0px 13%;
}
@media (max-width: 768px) {
  .bookmarks-main-content .no-bookmarks-found {
    margin: auto;
  }
}
.bookmarks-main-content .no-bookmarks-found .bookmarks-icon {
  margin-bottom: 12px;
  position: relative;
  height: 24px;
  margin-left: -24px;
}
.bookmarks-main-content .no-bookmarks-found .bookmarks-icon:before {
  content: '';
  background-image: url(/Content/Images/Bookmark/bookmark_icon_nodata.svg);
  width: 24px;
  height: 24px;
  position: absolute;
  background-repeat: no-repeat;
}
.bookmarks-main-content .no-bookmarks-found .no-bookmarks-found-title {
  margin: 0px;
}
.bookmarks-main-content .no-bookmarks-found .no-bookmarks-found-text {
  margin-top: 4px;
  margin-bottom: 24px;
}
.bookmarks-main-content .bookmarks-message-button {
  display: flex;
  justify-content: center;
  width: 100%;
}
.bookmarks-main-content .bookmarks-message-button input.btn-invert {
  height: 40px;
  min-width: 20%;
  margin-left: 5px;
  width: auto;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: Noto Sans, sans-serif;
  text-transform: uppercase;
  color: #1c304b;
  background-color: white;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid #1c304b !important;
  color: #1c304b !important;
  background-color: white !important;
  padding: 8px 24px;
  font-family: 'Noto Sans', sans-serif;
  padding: 6px 24px;
}
.bookmarks-main-content .bookmarks-message-button input.btn-invert:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
.bookmarks-main-content .bookmarks-message-button input.btn-invert:hover {
  border: 1px solid #aa0285 !important;
}
.bookmarks-main-content .bookmarks-message-button input.btn-invert:focus {
  outline: none !important;
  color: #1c304b !important;
}
.bookmarks-main-content .bookmarks-message-button input.btn-invert:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
.bookmarks-main-content .bookmarks-message-button input.btn-invert:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
.bookmarks-main-content .bookmarks-message-button input.btn-invert:hover {
  border: 1px solid #aa0285 !important;
}
.bookmarks-main-content .bookmarks-message-button input.btn-invert:focus {
  outline: none !important;
  color: #1c304b !important;
}
.bookmarks-main-content .bookmarks-message-button input.btn-invert:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
.bookmarks-main-content .bookmarks-message-button input.btn-invert:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
.bookmarks-main-content .bookmarks-message-button input.btn-invert:hover {
  border: 1px solid #aa0285 !important;
}
.bookmarks-main-content .bookmarks-message-button input.btn-invert:focus {
  outline: none !important;
  color: #1c304b !important;
}
.bookmarks-main-content .bookmarks-message-button input.btn-invert:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
.bookmarks-main-content .bookmarks-message-button input.btn-invert:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
.bookmarks-main-content .bookmarks-message-button input.btn-invert:hover {
  border: 1px solid #aa0285 !important;
}
.bookmarks-main-content .bookmarks-message-button input.btn-invert:focus {
  outline: none !important;
  color: #1c304b !important;
}
.bookmarks-main-content .bookmarks-message-button input.btn-invert:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
.bookmarks-main-content .modal-content {
  border-radius: 0px;
}
.bookmarks-main-content .modal-header {
  min-height: 20px;
  padding: 0px;
  border-bottom: none;
  position: absolute;
  top: 1px;
  z-index: 1;
  right: 1px;
}
.bookmarks-main-content div#checkMark {
  width: 200px;
}
.bookmarks-main-content div#checkMark img {
  width: 200px;
}
.bookmark-modal-small .modal-dialog {
  margin: 180px auto;
}
@media (max-width: 768px) {
  .bookmarks-main-content {
    margin-bottom: 50px;
  }
  .bookmarks-main-content .container {
    width: 100%;
  }
  .bookmarks-main-content .bookmarks-card-inner {
    width: 100%;
  }
  .bookmarks-main-content .bookmarks-card-inner:nth-of-type(3n),
  .bookmarks-main-content .bookmarks-card-inner:nth-of-type(3n+2) {
    margin-left: 0px;
  }
  .bookmarks-main-content .bookmarks-heading h2 {
    font-size: 20px;
    line-height: 32px;
  }
  .bookmarks-main-content .bookmarks-heading .bookmarks-description {
    font-size: 14px;
  }
  .bookmarks-main-content .bookmarks-message-button input.btn-invert {
    width: auto;
    font-size: 14px;
  }
  .bookmark-modal-small .modal-dialog {
    margin: 10px;
    top: 120px;
  }
}
.custom-bookmark-container.main-content {
  padding-top: 24px;
  min-height: calc(75vh);
}
.custom-bookmark-container.main-content .bookmarks-heading {
  margin-top: 0;
}
.custom-bookmark-container.main-content .bookmarks-heading h2 {
  margin-top: 0;
}
@media (min-width: 767px) and (max-width: 1024px) {
  .bookmark-modal-small .modal-dialog {
    margin: auto;
  }
}
.modal-content #exp-modal .bookmark-confirm-modal-popup .modal-header {
  align-items: start;
}
.modal-content #exp-modal .bookmark-confirm-modal-popup .modal-header .modal-title {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.modal-content #exp-modal .bookmark-confirm-modal-popup .modal-header span {
  font-family: Noto Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
}
.modal-content #exp-modal .bookmark-confirm-modal-popup .modal-body {
  color: #45505f;
}
.modal-content #exp-modal .bookmark-confirm-modal-popup .modal-body .link-text-div.link_big {
  color: #1c304b;
  margin-bottom: 12px;
}
.modal-content #exp-modal .bookmark-confirm-modal-popup .modal-footer {
  padding: 0px 40px 32px !important;
}
@media (max-width: 768px) {
  .modal-content #exp-modal .bookmark-confirm-modal-popup .modal-footer {
    padding: 0px 24px 32px !important;
  }
}
.modal-content #exp-modal .bookmark-confirm-modal-popup .modal-footer .footer-btns .save-btn {
  margin-left: 0px;
}
.modal-content #exp-modal.bookmarks-remove-all .modal-header {
  align-items: start;
}
.modal-content #exp-modal.bookmarks-remove-all .modal-footer {
  padding: 0px 40px 32px !important;
}
@media (max-width: 768px) {
  .modal-content #exp-modal.bookmarks-remove-all .modal-footer {
    padding: 0px 24px 32px !important;
  }
}
.modal-content #exp-modal.bookmarks-remove-all .modal-footer .footer-btns {
  gap: 8px;
}
.modal-content #exp-modal.bookmarks-remove-all .modal-footer .footer-btns .save-btn {
  margin-left: 0px;
}
.modal-content #exp-modal.bookmarks-remove-all .modal-footer .footer-btns .secondary-btn--md {
  padding: 7px 24px;
}
@media (max-width: 768px) {
  .modal-content #exp-modal.bookmarks-remove-all .modal-footer .footer-btns {
    flex-wrap: wrap;
  }
  .modal-content #exp-modal.bookmarks-remove-all .modal-footer .footer-btns .primary-btn--md,
  .modal-content #exp-modal.bookmarks-remove-all .modal-footer .footer-btns .secondary-btn--md {
    width: 100%;
  }
}
.bookmark-modal-body-color {
  color: #45505f !important;
}
.redeployment-red-layout .homepage-threerows {
  width: 31.5%;
  float: left;
}
@media screen and (max-width: 769px) {
  .redeployment-red-layout .homepage-threerows {
    width: 95%;
    margin: auto auto 30px auto;
    float: none;
  }
}
.mentor-main-content {
  padding-top: 0px;
  word-break: break-word;
  /*select.mentor-select:focus-visible, textarea.control-large:focus-visible, .form-control:focus-visible {
        border: 1px solid @interactiveLinkActive;
    }*/

  /*Mentor Search*/

}
.mentor-main-content .mentor-container {
  margin-bottom: 80px;
}
.mentor-main-content .mentor-container .control-wrapper-head .control-wrapper-flex h1 {
  margin: 0px;
  font-family: Noto Sans, sans-serif !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 24px !important;
  color: #1c304b !important;
  font-family: 'Noto Sans', sans-serif !important;
}
.mentor-main-content .control-wrapper-body {
  position: relative;
}
.mentor-main-content form {
  padding: 20px 0px 0px 0px;
}
.mentor-main-content .mentorLebel {
  font-size: 12px;
  font-family: 'Noto Sans', sans-serif;
  color: #1c304b;
  line-height: 16px;
}
.mentor-main-content .mentorLebel-MaxChar {
  text-align: right;
  width: 20%;
  float: right;
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #1c304b;
  padding-top: 5px;
}
@media (max-width: 768px) {
  .mentor-main-content .mentorLebel-MaxChar {
    text-align: left;
    width: 100%;
    padding-top: 0;
    padding-bottom: 5px;
  }
}
.mentor-main-content .mentorLebel-MinChar {
  text-align: left;
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #1c304b;
  padding-top: 5px;
  text-transform: none;
}
.mentor-main-content .select2-container.mentorJobLocation {
  border: 1px solid #1c304b;
  border-radius: 8px;
  width: 100%;
  height: 40px;
  font-size: 14px;
  font-weight: 400;
  font-family: Noto Sans, sans-serif;
  color: #1c304b;
  padding: 8px 16px;
  line-height: 24px;
  display: block;
  border-color: #1c304b !important;
}
.mentor-main-content .select2-container.mentorJobLocation:focus,
.mentor-main-content .select2-container.mentorJobLocation:focus-visible {
  border: 1px solid #aa0285;
}
.mentor-main-content .select2-container.mentorJobLocation:disabled {
  background-color: white;
  border: 1px solid #ced7e4;
  color: #adadb5 !important;
}
.mentor-main-content .select2-container.mentorJobLocation:disabled::placeholder {
  color: #45505f;
}
.mentor-main-content .select2-container.mentorJobLocation::placeholder {
  font-size: 14px;
  font-style: normal !important;
  font-weight: 400;
  font-family: 'Noto Sans', sans-serif;
  color: #45505f;
}
.mentor-main-content .select2-container.mentorJobLocation::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-size: 14px;
  font-style: normal !important;
  font-weight: 400;
  font-family: 'Noto Sans', sans-serif;
  color: #45505f;
}
.mentor-main-content .select2-container.mentorJobLocation::-moz-placeholder {
  /* Firefox 19+ */
  font-size: 14px;
  font-style: normal !important;
  font-weight: 400;
  font-family: 'Noto Sans', sans-serif;
  color: #45505f;
}
.mentor-main-content .select2-container.mentorJobLocation:-ms-input-placeholder {
  /* IE 10+ */
  font-size: 14px;
  font-style: normal !important;
  font-weight: 400;
  font-family: 'Noto Sans', sans-serif;
  color: #45505f;
}
.mentor-main-content .select2-container.mentorJobLocation:read-only {
  background-color: white;
  border: 1px solid #ced7e4;
  color: #1c304b;
}
.mentor-main-content .select2-container .select2-choice,
.mentor-main-content .select2-container .select2-choices {
  border-radius: 8px !important;
  height: 40px;
  text-indent: 2px;
  box-shadow: none;
  border: 1px solid #1c304b !important;
  display: block;
}
.mentor-main-content .select2-container .select2-choice .select2-arrow,
.mentor-main-content .select2-container .select2-choices .select2-arrow {
  width: 30px;
  display: block !important;
  border: none !important;
}
.mentor-main-content .select2-readonly .select2-container-disabled .select2-choice,
.mentor-main-content .select2-readonly .select2-container-disabled select2-choices {
  border: 1px solid #ced7e4 !important;
}
.mentor-main-content .select2-readonly .select2-container-disabled .select2-chosen {
  color: #1c304b !important;
}
.mentor-main-content .select2-readonly .select2-container-disabled .select2-arrow b {
  background: url(/Content/Images/Redeployment/NewDropDownArrowDisable.svg) no-repeat !important;
  background-position: -4px 8px !important;
}
.mentor-main-content a.select2-choice {
  border-radius: 0 !important;
  font-family: 'Noto Sans';
}
.mentor-main-content .select2-container-active .select2-choice,
.mentor-main-content .select2-container-active .select2-choices {
  /*height: 49px !important;*/
  border: 1px solid #aa0285 !important;
  box-shadow: none !important;
}
.mentor-main-content .select2-container .select2-choice > .select2-chosen {
  font-weight: normal;
  font-size: 14px;
  display: block !important;
  text-overflow: ellipsis;
  line-height: 24px;
  white-space: nowrap;
}
.mentor-main-content .select2-container.form-control.select-control.select2-container-active.select2-dropdown-open {
  z-index: 1;
}
.mentor-main-content select.mentor-select {
  border: 2px solid #e5e5e5;
  border-radius: 0;
  height: 50px;
  text-indent: 10px;
  width: 100%;
  color: #999999;
  font-weight: bold;
  font-style: normal;
  font-size: 14px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-appearance: none;
}
.mentor-main-content .selectDark {
  color: #555555 !important;
}
.mentor-main-content .mentor-button:focus-visible {
  border: 3px solid #434343;
}
.mentor-main-content .mentorLebelArrow::after {
  content: '';
  background: url(/Content/Images/Redeployment/NewDropDownArrowDown.svg) no-repeat !important;
  position: absolute;
  right: 15px;
  top: 12px;
  height: 15px;
  width: 15px;
}
.mentor-main-content .form-control {
  border-width: 2px;
  border-color: #e5e5e5;
  color: black;
  font-weight: bold;
}
.mentor-main-content .form-control ::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #999999;
  font-family: 'Noto Sans';
  font-weight: bold;
}
.mentor-main-content .form-control :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #999999;
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: bold;
}
.mentor-main-content .form-control ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #999999;
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: bold;
}
.mentor-main-content .yourTextOnly {
  min-height: 50px;
  align-items: center;
  display: flex;
}
.mentor-main-content .yourTextOnlySpan {
  margin-right: 8px;
}
.mentor-main-content .voffsetMentor {
  margin-top: 15px;
  padding: 0px 10px;
}
.mentor-main-content .row {
  margin-right: -10px;
  margin-left: -10px;
}
.mentor-main-content .no-mentor-box .row {
  margin-right: 0px;
  margin-left: 0px;
}
.mentor-main-content .voffsetMentorBio {
  margin-top: 15px;
  padding-left: 5px;
  padding-right: 15px;
}
.mentor-main-content textarea.control-large {
  min-height: 321px;
  padding: 15px 20px;
  border: 1px solid #1c304b;
  border-radius: 8px;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
}
.mentor-main-content textarea.control-large.error {
  border: 1px solid #c70f00 !important;
  background-color: #fdf6f5;
  color: #1c304b;
}
.mentor-main-content textarea.control-large::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #45505f;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  font-family: 'Noto Sans', sans-serif;
}
.mentor-main-content textarea.control-large::-moz-placeholder {
  /* Firefox 19+ */
  color: #45505f;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  font-family: 'Noto Sans', sans-serif;
}
.mentor-main-content textarea.control-large:-ms-input-placeholder {
  /* IE 10+ */
  color: #45505f;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  font-family: 'Noto Sans', sans-serif;
}
.mentor-main-content textarea.control-large:focus,
.mentor-main-content textarea.control-large:focus-visible {
  border: 1px solid #aa0285;
}
.mentor-main-content textarea.control-large.error {
  border: 1px solid #c70f00 !important;
  background-color: #fdf6f5;
  color: #1c304b;
}
.mentor-main-content textarea.control-large::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #45505f;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  font-family: 'Noto Sans', sans-serif;
}
.mentor-main-content textarea.control-large::-moz-placeholder {
  /* Firefox 19+ */
  color: #45505f;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  font-family: 'Noto Sans', sans-serif;
}
.mentor-main-content textarea.control-large:-ms-input-placeholder {
  /* IE 10+ */
  color: #45505f;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  font-family: 'Noto Sans', sans-serif;
}
.mentor-main-content textarea.control-large:focus,
.mentor-main-content textarea.control-large:focus-visible {
  border: 1px solid #aa0285;
}
.mentor-main-content .mentor-button {
  width: 100%;
  min-height: 50px;
  height: auto;
  object-fit: contain;
  border: solid 1.5px #441750;
  background-color: #441750;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  text-transform: uppercase;
  font-family: 'Noto Sans', sans-serif;
  color: white;
  overflow: hidden;
  white-space: normal;
}
.mentor-main-content .mentor-button :focus-visible {
  outline: 3px solid #434343;
}
.mentor-main-content .btn.disabled,
.mentor-main-content .btn[disabled],
.mentor-main-content fieldset[disabled] .btn {
  background-color: #ece8ed;
  color: #adadb5;
  border: 1px solid #ece8ed;
  cursor: not-allowed;
}
.mentor-main-content .button-outline {
  border: solid 2px #4f185a;
  background-color: transparent;
  color: #4f185a;
}
.mentor-main-content .mentor-heading {
  text-align: center;
  margin: 50px 0px;
}
.mentor-main-content .mentor-heading h2 {
  font-family: Noto Sans, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
  font-family: 'Noto Sans', sans-serif;
  color: #1c304b;
}
.mentor-main-content .mentor-heading .mentor-description {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  font-family: 'Noto Sans', sans-serif;
  color: #45505f;
  font-weight: 400;
}
.mentor-main-content .mentor-heading .mentor-description b {
  font-weight: 400;
}
.mentor-main-content .voffsetMentorSearch {
  padding: 0px 10px;
  margin-top: 24px;
}
.mentor-main-content .yourJobTopics .select2-container-multi .select2-choices {
  background: url(/Content/Images/keyboard_arrow_down.svg) no-repeat;
  background-position: 99% 8px;
}
.mentor-main-content .guidanceWithMentorships .guidanceWithMentorshipsSubheading p b {
  font-weight: 400;
}
.mentor-main-content .mentor-search {
  padding: 24px 24px 24px;
  background-color: white;
  margin-top: 20px;
  border-radius: 8px 8px 0px 0px;
}
.mentor-main-content .mentor-search h1 {
  font-family: Noto Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
  padding: 0px 0px 24px;
  border-bottom: 1px solid #ebebee;
  margin-top: 0;
  margin-bottom: 0;
}
.mentor-main-content .mentor-search .mentorLebel {
  font-size: 12px;
  font-family: 'Noto Sans', sans-serif;
  color: #1c304b;
  line-height: 16px;
}
.mentor-main-content .mentor-search .row {
  margin-bottom: 0px;
}
.mentor-main-content .select2-container.mentorYourSelect .select2-choice {
  color: #1c304b;
}
.mentor-main-content .voffsetMentorBtn {
  padding: 0px 10px;
}
.mentor-main-content .mentorJobLocation {
  padding: 0px 12px !important;
  font-weight: normal;
  font-size: 16px;
  color: #555555;
}
.mentor-main-content .mentorJobLocation ::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #999999;
}
.mentor-main-content .mentorJobLocation :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #999999;
  font-style: normal;
}
.mentor-main-content .mentorJobLocation ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #999999;
  font-style: normal;
}
.mentor-main-content .mentor-footer-divider {
  padding: 0px 24px 24px 24px;
  background-color: white;
  border-radius: 0px 0px 8px 8px;
}
.mentor-main-content .mentor-footer-divider hr {
  width: 98%;
  margin-top: 0px;
  margin-bottom: 24px;
  border-bottom: 1px solid #ebebee;
}
.mentor-main-content .coach__panel .coach__card {
  padding: 24px;
  margin-bottom: 0px !important;
}
.mentor-main-content .coach__card__content .coach__img {
  width: 64px;
  height: 64px;
}
.mentor-main-content .coach__card .button {
  padding: 24px 0px 0px 0px !important;
  width: 100%;
}
.mentor-main-content .coach__card .btn {
  width: 100%;
  font-size: 12px;
  line-height: 16px;
}
.mentor-main-content .list-mentor-link {
  font-family: 'Noto Sans';
  letter-spacing: 0;
  padding: 8px 0 0;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  text-transform: uppercase;
  color: #aa0285;
  background: none !important;
}
.mentor-main-content .mentor__header {
  background: white;
  padding: 10px 0px;
}
.mentor-main-content .mentor__header .left_btn {
  float: left;
}
.mentor-main-content .mentor__header .right_btn .btn {
  background: white;
  color: #4f185a;
  border: 2px solid #4f185a;
  border-radius: 0;
  padding: 10px;
  font-weight: bold;
  min-width: 200px;
  height: auto;
}
.mentor-main-content .mentor__header .right_btn .btn:focus-visible {
  border: 3px solid black;
}
.mentor-main-content .mentor__header .right_btn {
  float: right;
}
.mentor-main-content .coach__footer {
  border-top: none;
}
.mentor-main-content .coach__panel .coach__card__cnt .row {
  display: flex;
  flex-flow: wrap;
}
.mentor-main-content .coach__panel .coach__card__cnt .col-sm-4 {
  padding-right: 10px;
  padding-left: 10px;
  margin-top: 0;
  margin-bottom: 20px;
}
.mentor-main-content .coach__panel .coach__card__cnt .col-sm-4 .coach__card .coach__card__content .coach__info {
  padding-top: 8px;
  margin-left: 12px;
}
.mentor-main-content .coach__panel .coach__card__cnt .col-sm-4 .coach__card .coach__card__content .coach__info .coach__info__name {
  margin: 0 0 8px 0;
  font-family: Noto Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
  display: block;
}
.mentor-main-content .coach__panel .coach__card__cnt .col-sm-4 .coach__card .coach__card__content .coach__info p {
  margin: 0px;
}
.mentor-main-content .coach__panel .coach__footer {
  margin-top: 0px;
  padding-top: 0;
}
.mentor-main-content .profile-visibility {
  margin-bottom: 26px;
  background: white;
  border-radius: 8px;
  padding: 24px;
}
.mentor-main-content .profile-visibility .mentor-enroll-search b {
  color: white;
}
.mentor-main-content .no-compass-mentor {
  padding-top: 90px;
  padding-bottom: 90px;
}
.mentor-main-content .no-compass-mentor-info {
  padding-top: 100px;
  padding-bottom: 80px;
}
.mentor-main-content div#checkMark {
  width: 100%;
}
.profile-visibility {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.profile-visibility .header-section {
  display: flex;
  justify-content: start;
  width: 100%;
  margin-bottom: 24px;
  align-items: center;
}
span.on-off-text {
  padding-left: 8px;
  color: #5c6573;
}
.switch-visibility {
  display: flex;
  align-items: center;
}
.profile-visibility span.visibility-txt {
  padding-left: 0px;
  color: #1c304b;
  vertical-align: top;
  font-weight: 700;
  line-height: 0px;
}
.content-section span {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
  line-height: 24px !important;
  margin: 0px;
}
.profile-visibility span.visibility-txt {
  line-height: 32px !important;
  padding-left: 0px !important;
}
/*Mentor Model Box*/

.mentor-request-modal .modal-header {
  display: flex;
  align-items: baseline !important;
  padding: 24px 40px 24px 40px;
  background-color: #f2f2f7;
  border-radius: 8px 8px 0px 0px;
}
.mentor-request-modal .modal-header .modal-title span {
  display: contents;
  width: 95%;
}
@media (max-width: 768px) {
  .mentor-request-modal .modal-header .modal-title span {
    width: 80%;
    display: inline-flex;
  }
}
.mentor-request-modal .modal-header div h6 {
  font-family: Noto Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
  margin: 0;
  padding-left: 12px;
}
.mentor-request-modal .modal-body .submission-content {
  font-family: Noto Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
  color: #45505f;
}
.mentor-request-modal .modal-footer .mentorSuccessBtn {
  margin-top: 8px;
}
.mentor-modal-small .modal-dialog {
  margin-top: 120px;
  margin-bottom: 120px;
}
.mentor-modal-mediam .modal-dialog {
  margin-top: 30px;
  margin-bottom: 220px;
  width: 648px;
  min-height: 389px;
}
.mentor-search-padding {
  padding-bottom: 160px;
}
.mentor-search-padding .mentor-main-content {
  margin-top: 80px;
}
.mentor-event-banner .inner-baner-bg {
  background-image: url(/Content/Images/r19/header_mentor_bw.jpg);
}
.mentor-event-banner.inner-banner-container .banner-content {
  margin-left: 4%;
}
.red-content-mentor h4 {
  background: black;
  opacity: 0.8;
  padding: 10px 10px 4px 10px;
  margin: 0px;
  min-width: 200px;
  width: max-content;
  font-weight: 400;
  color: white;
}
.red-content-mentor h2 {
  background: black;
  opacity: 0.8;
  padding: 4px 10px 4px 10px;
  margin: 0px;
  min-width: 280px;
  width: max-content;
  color: white;
}
.red-content-mentor p {
  background: black;
  opacity: 0.8;
  padding: 4px 10px 12px 10px;
  margin: 0px;
  min-width: 280px;
  width: max-content;
  color: white;
  font-size: 18px;
}
.mentor-modal-large .modal-content {
  background-clip: border-box;
  border: none;
  box-shadow: none;
  background-color: transparent;
}
.mentor-mentorship .mentor-main-content .guidanceMentorshipsHeading h1 {
  font-family: Noto Sans, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
  font-family: 'Noto Sans', sans-serif;
  color: #1c304b;
}
.mentor-mentorship .mentor-main-content .subheading {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
}
.mentor-mentorship .mentor-main-content .borderClass {
  border-bottom: 1px solid #ebebee;
}
.mentor-mentorship .mentor-main-content .mentor-rowflex {
  display: flex !important;
  flex-direction: row;
  flex-wrap: wrap;
  display: -webkit-box;
  margin-right: -15px;
  margin-left: -15px;
}
.mentor-mentorship .mentor-main-content .mentor-colflex {
  display: flex;
  flex-direction: column;
}
.mentor-mentorship .mentor-main-content .mentor-box {
  padding: 24px 24px 32px;
  border-radius: 8px;
  background-color: white;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.mentor-mentorship .mentor-main-content .mentor-header {
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid #ebebee;
  padding: 0px 0px 24px;
}
.mentor-mentorship .mentor-main-content .mentor-header .coach__info {
  padding-top: 0px;
}
.mentor-mentorship .mentor-main-content .mentor-header h2 {
  font-family: Noto Sans, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  color: #1c304b !important;
  margin-top: 4px;
  margin-bottom: 0;
}
.mentor-mentorship .mentor-main-content .mentor-header h5 {
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  font-family: 'Noto Sans', sans-serif;
  color: #45505f;
  margin-top: 0;
  margin-bottom: 0;
}
.mentor-mentorship .mentor-main-content .mentor-body {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding: 20px 0px 10px;
  color: #45505f;
}
.mentor-mentorship .mentor-main-content .mentor-body p {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
}
.mentor-mentorship .mentor-main-content .mentor-body p b {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
}
.mentor-mentorship .mentor-main-content .mentor-body .text-heading {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
}
.mentor-mentorship .mentor-main-content .mentor-body .text-heading b {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  font-family: 'Noto Sans', sans-serif;
}
.mentor-mentorship .mentor-main-content .mentor-footer {
  text-align: center;
}
.mentor-mentorship .mentor-main-content .mentor-button {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  text-transform: uppercase;
  font-family: 'Noto Sans', sans-serif;
}
.mentor-mentorship .mentor-main-content .voffsetMentorBtn {
  text-align: right;
}
.mentor-mentorship .mentor-main-content .voffsetMentorBtn .mentor-button {
  min-width: auto;
}
.mentor-mentorship .mentor-main-content .voffsetMentorBtn .mentor-button:focus {
  outline: none;
  outline-offset: 0;
}
.mentor-mentorship .mentor-main-content .be-mentor-container,
.mentor-mentorship .mentor-main-content .find-mentor-container {
  display: flex;
  flex-direction: row;
  flex-grow: 1;
}
.mentor-mentorship .mentor-main-content .fist-find-mentor {
  display: none;
}
.mentor-mentorship .mentor-main-content .second-find-mentor {
  display: none;
}
.mentor-mentorship .mentor-main-content .find-mentor-main .fist-find-mentor {
  display: block;
}
.mentor-mentorship .mentor-main-content .find-mentor-search .second-find-mentor {
  display: block;
}
.mentor-mentorship .mentor-main-content .mentorship-faq {
  margin-bottom: 50px;
}
.mentor-mentorship .mentor-main-content .mentor-explore-button {
  text-align: center;
  margin-bottom: 30px;
}
.mentor-mentorship .mentor-main-content .control-wrapper-body {
  padding: 20px 0px 0px;
}
.mentor-mentorship .mentor-main-content .mentorship-faq-list .panel-default {
  border-color: white;
}
.mentor-mentorship .mentor-main-content .mentorship-faq-list .panel {
  box-shadow: none;
}
.mentor-mentorship .mentor-main-content .mentorship-faq-list .panel-default .panel-heading {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  font-family: 'Noto Sans', sans-serif;
  background-color: white;
  color: #45505f;
  padding-left: 0px;
}
.mentor-mentorship .mentor-main-content .mentorship-faq-list .panel-group .panel-heading + .panel-collapse .panel-body {
  border-top: white;
}
.mentor-mentorship .mentor-main-content .mentorship-faq-list .panel-default > .panel-heading + .panel-collapse .panel-body {
  border-top-color: white;
  font-size: 14px;
  padding: 0px;
  font-weight: 400;
  line-height: 24px;
}
.mentor-mentorship .mentor-main-content .mentorship-faq-list .panel-heading > .dropdown .dropdown-toggle,
.mentor-mentorship .mentor-main-content .mentorship-faq-list .panel-title,
.mentor-mentorship .mentor-main-content .mentorship-faq-list .panel-title > a {
  font-size: 14px;
  text-decoration: none;
  font-weight: 600;
  line-height: 24px;
}
.mentor-mentorship .mentor-main-content .mentorship-faq-list ul {
  list-style-type: "- ";
}
.mentor-mentorship .mentor-main-content .mentorship-faq-list ul li {
  margin-left: -2em;
  margin-bottom: 10px;
  margin-top: 10px;
}
.mentor-mentorship .mentor-main-content .latest-card .old-card {
  display: none;
}
.mentor-mentorship .mentor-main-content .confirm-card .new-card {
  display: none;
}
.mentor-mentorship .mentor-main-content .mentee-card {
  display: flex;
  flex-direction: column;
  margin-bottom: 30px;
  width: 33.3%;
}
.mentor-mentorship .mentor-main-content .mentor-box-card {
  padding: 16px 24px 24px;
  border-radius: 8px;
  background-color: white;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.mentor-mentorship .mentor-main-content .mentor-box-card .program-progress-container {
  display: flex;
  width: 100%;
  justify-content: space-between;
  margin-top: 16px;
  margin-bottom: 8px;
}
.mentor-mentorship .mentor-main-content .mentor-box-card .month-divider-section {
  height: 8px;
  width: 100%;
  border-radius: 8px;
  background: #ebebee;
}
.mentor-mentorship .mentor-main-content .mentor-box-card .month-divider-section-inner {
  height: 100%;
  position: relative;
  min-height: 1px;
  background-color: #aa0285;
  border-radius: 8px;
}
.mentor-mentorship .mentor-main-content .mentor-box-card h4 {
  font-family: Noto Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
}
.mentor-mentorship .mentor-main-content .mentor-box-card h2 {
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  font-family: 'Noto Sans', sans-serif;
  color: black;
}
.mentor-mentorship .mentor-main-content .mentor-box-card .coach__card__content .coach__img {
  width: 60px;
  height: 60px;
  min-width: 60px;
}
.mentor-mentorship .mentor-main-content .mentor-box-card b {
  color: #4f185a;
  font-size: 14px;
}
.mentor-mentorship .mentor-main-content .mentor-box-card p {
  padding: 0px;
  margin: 0px;
  font-size: 14px;
}
.mentor-mentorship .mentor-main-content .mentor-box-card .section-mentor {
  padding-bottom: 10px;
}
.mentor-mentorship .mentor-main-content .mentor-box-card .mentor-header:first-child {
  padding-top: 0px;
}
.mentor-mentorship .mentor-main-content .mentor-box-card .mentor-header {
  position: relative;
  padding: 20px 0px;
  min-height: 115px;
}
.mentor-mentorship .mentor-main-content .mentor-box-card .mentorProgressBar p {
  color: #45505f;
}
.mentor-mentorship .mentor-main-content .mentor-box-card .mentor-body {
  border-bottom: 3px solid #e6e6e6;
  padding: 20px 0px;
}
.mentor-mentorship .mentor-main-content .mentor-box-card .mentor-footer {
  padding-top: 20px;
}
.mentor-mentorship .mentor-main-content .mentor-box-card ul {
  list-style-type: "- ";
}
.mentor-mentorship .mentor-main-content .mentor-box-card ul li {
  margin-left: -2em;
  font-size: 14px;
}
.mentor-mentorship .mentor-main-content .mentor-box-card .coach__card__content .coach__img .profile-initials .coach__pic {
  line-height: 3.5rem;
}
.mentor-mentorship .mentor-main-content .mentor-box-card .mentor-footer-icon,
.mentor-mentorship .mentor-main-content .mentor-box-card .mentor-footer-icon-button {
  display: flex;
  justify-content: space-between;
}
.mentor-mentorship .mentor-main-content .mentor-box-card .mentor-footer-icon a,
.mentor-mentorship .mentor-main-content .mentor-box-card .mentor-footer-icon-button a,
.mentor-mentorship .mentor-main-content .mentor-box-card .mentor-footer-icon a:hover,
.mentor-mentorship .mentor-main-content .mentor-box-card .mentor-footer-icon-button a:hover {
  text-decoration: none;
  padding: 0px 5px;
}
.mentor-mentorship .mentor-main-content .mentor-box-card .mentor-footer-left {
  flex: 6;
  justify-content: flex-start;
  text-align: left;
}
.mentor-mentorship .mentor-main-content .mentor-box-card .mentor-footer-right {
  flex: 6;
  justify-content: flex-end;
  text-align: right;
}
.mentor-mentorship .mentor-main-content .mentor-box-card .mentor-footer-button {
  width: 48%;
}
.mentor-mentorship .mentor-main-content .mentor-box-card .mentor-button-card {
  width: 155px;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: Noto Sans, sans-serif;
  text-transform: uppercase;
  color: white;
  background-color: #441750;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  padding: 8px 16px;
  font-size: 12px !important;
  line-height: 16px !important;
  border-radius: 7px;
}
.mentor-mentorship .mentor-main-content .mentor-box-card .mentor-button-card:active {
  color: white;
  background: #390447;
}
.mentor-mentorship .mentor-main-content .mentor-box-card .mentor-button-card:hover {
  background-color: #613e6b;
}
.mentor-mentorship .mentor-main-content .mentor-box-card .mentor-button-card:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.mentor-mentorship .mentor-main-content .mentor-box-card .mentor-button-card:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.mentor-mentorship .mentor-main-content .mentor-box-card .mentor-button-card:active {
  color: white;
  background: #390447;
}
.mentor-mentorship .mentor-main-content .mentor-box-card .mentor-button-card:hover {
  background-color: #613e6b;
}
.mentor-mentorship .mentor-main-content .mentor-box-card .mentor-button-card:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.mentor-mentorship .mentor-main-content .mentor-box-card .mentor-button-card:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.mentor-mentorship .mentor-main-content .mentor-box-card .mentor-button-card:active {
  color: white;
  background: #390447;
}
.mentor-mentorship .mentor-main-content .mentor-box-card .mentor-button-card:hover {
  background-color: #613e6b;
}
.mentor-mentorship .mentor-main-content .mentor-box-card .mentor-button-card:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.mentor-mentorship .mentor-main-content .mentor-box-card .mentor-button-card:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.mentor-mentorship .mentor-main-content .mentor-box-card .mentor-button-card:active {
  color: white;
  background: #390447;
}
.mentor-mentorship .mentor-main-content .mentor-box-card .mentor-button-card:hover {
  background-color: #613e6b;
}
.mentor-mentorship .mentor-main-content .mentor-box-card .mentor-button-card:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.mentor-mentorship .mentor-main-content .mentor-box-card .mentor-button-card:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.mentor-mentorship .mentor-main-content .mentor-box-card .button-outline {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: Noto Sans, sans-serif;
  text-transform: uppercase;
  color: #1c304b;
  background-color: white;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid #1c304b !important;
  color: #1c304b !important;
  background-color: white !important;
  padding: 8px 16px;
  font-size: 12px !important;
  line-height: 16px !important;
  border-radius: 7px;
}
.mentor-mentorship .mentor-main-content .mentor-box-card .button-outline:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
.mentor-mentorship .mentor-main-content .mentor-box-card .button-outline:hover {
  border: 1px solid #aa0285 !important;
}
.mentor-mentorship .mentor-main-content .mentor-box-card .button-outline:focus {
  outline: none !important;
  color: #1c304b !important;
}
.mentor-mentorship .mentor-main-content .mentor-box-card .button-outline:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
.mentor-mentorship .mentor-main-content .mentor-box-card .button-outline:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
.mentor-mentorship .mentor-main-content .mentor-box-card .button-outline:hover {
  border: 1px solid #aa0285 !important;
}
.mentor-mentorship .mentor-main-content .mentor-box-card .button-outline:focus {
  outline: none !important;
  color: #1c304b !important;
}
.mentor-mentorship .mentor-main-content .mentor-box-card .button-outline:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
.mentor-mentorship .mentor-main-content .mentor-box-card .button-outline:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
.mentor-mentorship .mentor-main-content .mentor-box-card .button-outline:hover {
  border: 1px solid #aa0285 !important;
}
.mentor-mentorship .mentor-main-content .mentor-box-card .button-outline:focus {
  outline: none !important;
  color: #1c304b !important;
}
.mentor-mentorship .mentor-main-content .mentor-box-card .button-outline:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
.mentor-mentorship .mentor-main-content .mentor-box-card .button-outline:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
.mentor-mentorship .mentor-main-content .mentor-box-card .button-outline:hover {
  border: 1px solid #aa0285 !important;
}
.mentor-mentorship .mentor-main-content .mentor-box-card .button-outline:focus {
  outline: none !important;
  color: #1c304b !important;
}
.mentor-mentorship .mentor-main-content .mentor-box-card .button-outline:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
.mentor-mentorship .mentor-main-content .mentor-box-card .mentor-card-new {
  position: absolute;
  top: 0px;
  right: 20px;
  background-color: #4f185a;
  color: white;
  padding: 4px 10px;
  text-transform: uppercase;
  font-size: 12px;
  border-radius: 0px 0px 3px 3px;
}
.mentor-mentorship .mentor-main-content .mentor-box-card .coach__card__content {
  margin-top: 5px;
  margin-left: 5px;
}
.mentor-mentorship .mentor-main-content .guidanceWithMentorships p {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
}
.mentor-mentorship .mentor-main-content .mentorship-default-screen > .row {
  margin-bottom: 30px;
}
.mentor-mentorship .mentor-main-content .main-content {
  padding-bottom: 140px;
}
/*.mentorship-default-screen, .guidanceWithMentorships {
    margin-top: 24px;
}*/

.yourJobTopics.validation-err .select2-container.job-adv-search-select .select2-choices {
  border: 2px solid #c44343 !important;
}
.mentor-button:hover {
  background-color: #613e6b;
}
.select2-container.job-adv-search-select.yourJobTopic .select2-choice {
  border: none;
  /*height: 48px;*/

}
.mentor-main-content .yourJobTopics .select2-container {
  height: auto !important;
}
.yourJobTopics .select2-container.job-adv-search-select .select2-choices {
  border: none;
  border-radius: 0;
  min-height: 40px !important;
  height: 100% !important;
}
.yourJobTopics .select2-container .select2-choices .select2-search-field input {
  font-family: 'Noto Sans';
  margin: 4px 0;
  text-indent: 0;
  padding-left: 6px;
  padding-right: 0;
}
.yourJobTopics .select2-container-multi .select2-choices .select2-search-choice {
  margin-top: 10px;
}
.wrappermultiSelect {
  width: 100%;
  position: relative;
  margin-bottom: 100px;
}
.wrappermultiSelect .selected-items-box {
  cursor: pointer;
  border: 2px solid #e5e5e5;
  padding: 10px;
  background-color: white;
  color: #555555;
  height: 50px;
}
.validation-err .wrappermultiSelect .selected-items-box {
  border: 2px solid #c44343;
}
.selected-items-box .items-list {
  list-style-type: none;
  width: 100%;
  padding-left: 8px;
  margin: 0;
  font-size: 16px;
}
.selected-items-box .items-list li {
  display: inline;
}
.wrappermultiSelect .list-outer {
  border-left: 2px solid #e5e5e5;
  border-right: 2px solid #e5e5e5;
  border-bottom: 2px solid #e5e5e5;
  z-index: 100;
  position: absolute;
  width: 100%;
  background: white;
}
.multi-select-drop-mask {
  border: 0;
  margin: 0;
  padding: 0;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  background-color: white;
  display: block;
  z-index: 1;
}
.wrappermultiSelect .list {
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 100;
  width: 100%;
}
.list {
  list-style-type: none;
  width: 100%;
  padding: 0;
  margin: 0;
  height: 150px;
}
items-list {
  list-style-type: none;
  width: 100%;
  padding: 0;
  margin: 0;
  height: 150px;
}
.list .items-list li {
  margin: 0;
  width: 100%;
  padding: 0;
  border-bottom: 2px solid #e5e5e5;
  padding: 5px;
  background-color: white;
}
.truncateTopicValues {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  margin-right: 22px;
}
/* The checkboxSelect */

.checkboxSelect {
  display: block;
  position: relative;
  padding-left: 50px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.checkboxSelect span {
  font-size: 16px;
  font-weight: 400;
  color: black;
}
/* Hide the browser's default checkbox */

.checkboxSelect input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
/* Create a custom checkbox */

.checkmark {
  position: absolute;
  top: 6px;
  left: 18px;
  height: 25px;
  width: 25px;
  background-color: white;
  border-radius: 50%;
  border: 2px solid #4f185a;
}
/* On mouse-over, add a grey background color */

.checkboxSelect:hover input ~ .checkmark {
  background-color: white;
  border-radius: 50%;
  border: 2px solid #4f185a;
}
/* When the checkbox is checked, add a blue background */

.checkboxSelect input:checked ~ .checkmark {
  background-color: #4f185a;
  border-radius: 50%;
  border: 2px solid #4f185a;
}
/* Create the checkmark/indicator (hidden when not checked) */

.checkmark:after {
  content: "";
  position: absolute;
}
/* Show the checkmark when checked */

.checkboxSelect input:checked ~ .checkmark:after {
  display: block;
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
/* Style the checkmark/indicator */

.checkboxSelect .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid purple;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.multiSelectButton {
  border-top: 2px solid #e5e5e5;
  text-align: right;
  padding: 20px;
}
.multiSelectButton .mentor-multiselect-button {
  min-width: 150px;
  height: 50px;
  object-fit: contain;
  border: solid 1.5px #4f185a;
  background-color: #4f185a;
  font-size: 16px;
  font-weight: bold;
  color: white;
  overflow: hidden;
}
.multiSelectButton .mentor-multiselect-button :focus-visible {
  outline: 3px solid #434343;
}
.voffsetMentorEnroll {
  margin-top: 32px;
}
.checkboxSelect .checkbox-text,
.checkboxSelect .checkbox-text:hover {
  padding-bottom: 8px;
  display: inline-block;
  word-break: break-word;
  padding-right: 4px;
}
.checkboxSelect:hover {
  background-color: #eee8ef;
}
/*Added for my Mentors*/

.mentor_bio_leftSide {
  padding: 24px 24px 32px;
  border-radius: 8px;
  background-color: white;
}
.mentor_bio_header {
  margin-bottom: 25px;
}
.mentor_bio_header:after {
  padding-top: 25px;
  /* min-height: 100px; */
  margin-bottom: 25px;
  clear: both;
  border-bottom: 1px solid #ebebee;
  height: 100%;
  content: '';
  display: block;
}
.mentor_bio_header .profile_circle_BG {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  display: inline-block;
  min-width: 64px;
}
.mentor_bio_header .profile_tagName {
  font-size: 20px;
  line-height: 32px;
  height: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ebebee;
  border-radius: 50%;
  color: #1c304b;
  font-weight: 700;
}
.mentor_bio_header img {
  max-width: 100%;
  border-radius: 50%;
  border: 2px solid white;
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.mentor_bio_header .mentor_bio_header_text {
  margin-left: 0px;
  margin-top: 0px;
  padding: 0px;
}
.mentor_bio_header .mentor_bio_header_text h3 {
  font-family: Noto Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
  margin-top: 0px;
  margin-bottom: 4px;
}
.mentor_bio_header .mentor_bio_header_text h6 {
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  font-family: 'Noto Sans', sans-serif;
  color: #45505f;
  margin-bottom: 0;
  margin-top: 0;
}
.mentor_bio_content {
  padding-bottom: 15px;
  clear: both;
}
.mentor_bio_content p {
  text-align: left;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
  word-break: break-word;
}
.mentor_bio_leftSide hr {
  border-top-width: 2px;
  border-top-color: #eee8ef;
  margin-top: 0px;
  margin-bottom: 25px;
}
/*.mentor_bio_profile {
    display:flex;
    flex-direction:column;
    align-items: flex-start;

    ul {
        list-style: none;
        padding-left: 0;
        margin:0px;

        li {
            display: flex;
            margin-bottom: 24px;
        }

        .lastli{
            margin-bottom: 0px;
        }

        .mentorDiscussion {
            margin-bottom: 0px;

            .mentor_bio_detaills_title {
                padding-left: 0px;
            }
        }

        .mentor_bio_detaills_title {
            .body_medium();
            color: @secondaryTextColor;
            width:200px;
        }

        .mentor_bio_des {
            .body_medium_semibold();
            color: @primaryTextColor;
        }
    }
}*/

ul.col-xs-12.mentorDiscussion.col-sm-6 li ul li {
  margin-bottom: 0px;
}
.no-mentor_bio_whatsNext {
  padding: 24px 24px 32px;
  border-radius: 8px;
  background-color: white;
  margin-bottom: 30px;
}
.no-mentor_bio_whatsNext h2 {
  font-size: 16px;
  margin: 0px 0px 10px;
  color: #1c304b;
  display: flex;
  align-items: flex-start;
  gap: 20px;
  font-weight: 600;
}
.no-mentor_bio_whatsNext h2 span {
  padding-left: 0px !important;
}
.no-mentor_bio_whatsNext p {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
}
.no-mentor_bio_whatsNext p b {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
}
.no-mentor_bio_whatsNext p a {
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  text-transform: uppercase;
  color: #aa0285;
  font-family: 'Noto Sans', sans-serif;
}
.no-mentor_bio_whatsNext p strong {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  font-family: 'Noto Sans', sans-serif;
  color: #45505f;
}
.no-mentor_bio_whatsNext p .pink-font strong {
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  text-transform: uppercase;
  color: #aa0285;
  font-family: 'Noto Sans', sans-serif;
}
.no-mentor_bio_whatsNext p .pink-font b {
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  text-transform: uppercase;
  color: #aa0285;
  font-family: 'Noto Sans', sans-serif;
}
.no-mentor_bio_whatsNext p span strong {
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  text-transform: uppercase;
  color: #aa0285;
  font-family: 'Noto Sans', sans-serif;
}
.no-mentor_bio_whatsNext p .bold {
  font-weight: 600;
}
.no-mentor_bio_whatsNext .mentor-bell-icon::after {
  content: '';
  background: url(/Content/Images/Redeployment/Vector.svg) no-repeat !important;
  position: absolute;
  height: 20px;
  width: 20px;
}
.no-mentor_bio_whatsNext .mentor-bell-text {
  font-family: Noto Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
}
.no-mentor_bio_whatsNext h3 span:nth-child(2) {
  margin-top: -4px;
}
.middle-Mentor-bottom {
  margin-bottom: 30px;
}
@media (min-width: 1024px) {
  .mentor-modal-large .modal-dialog {
    width: 980px;
    margin: 30px auto;
  }
  .mentor-main-content .coach__panel .coach__card__cnt .col-sm-4 {
    width: 33.2%;
  }
}
@media (min-width: 992px) {
  .mentor-mentorship .mentor-main-content .mentorMain .col-md-6 {
    width: 49.85%;
  }
}
@media (max-width: 280px) {
  .mentor-footer-tooltip {
    flex: -1;
  }
  .mentor-footer-tooltip .tooltip__custom {
    width: auto !important;
  }
}
@media (max-width: 768px) {
  .mentor-main-content .container {
    width: 100%;
  }
  .mentor-main-content .mentor-heading h2 {
    font-size: 22px;
    line-height: 30px;
  }
  .mentor-main-content .mentor-heading .mentor-description {
    font-size: 14px;
  }
  .mentor-main-content .voffsetMentorBio {
    padding-left: 15px;
    padding-right: 15px;
  }
  .mentor-main-content .coach__card__content .btn {
    padding: 8px 24px !important;
  }
  .mentor-main-content .coach__card__content .coach__img .profile-initials .coach__pic {
    line-height: 5rem;
  }
  .mentor-main-content .no-compass-mentor {
    padding-top: 90px;
    padding-bottom: 140px;
  }
  .mentor-main-content .no-compass-mentor-info {
    padding-top: 100px;
    padding-bottom: 120px;
  }
  .mentor-main-content .mentorship-modal-box .model-body {
    padding-top: 30px;
  }
  .mentor-main-content .mentorship-modal-box .mentor-button-remove {
    min-width: 270px;
  }
  .mentor-main-content .mentor-footer-divider {
    margin-bottom: 50px;
  }
  .mentor-main-content .coach__footer {
    margin-bottom: 210px;
  }
  .red-content-mentor h2 {
    font-size: 27px;
  }
  .mentor-modal-large .modal-dialog {
    top: 40px;
  }
  .mentor-modal-mediam .modal-dialog {
    margin-top: 10px;
    margin-bottom: 120px;
    width: auto;
    top: 40px;
  }
  .mentorship-modal-box .info-text {
    color: #45505f;
    font-family: 'Noto Sans', sans-serif;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.048px;
    line-height: 24px;
  }
  .mentor-mentorship .mentor-main-content .mentor-rowflex {
    display: block !important;
    margin-bottom: 0px !important;
  }
  .mentor-mentorship .mentor-main-content my-mentees-list .mentor-colflex {
    padding-bottom: 0px;
  }
  .mentor-mentorship .mentor-main-content .mentor-colflex {
    padding-bottom: 30px;
  }
  .mentor-mentorship .mentor-main-content .be-mentor-container,
  .mentor-mentorship .mentor-main-content .find-mentor-container {
    display: block;
  }
  .mentor-mentorship .mentor-main-content .mentor-button {
    min-width: 250px;
  }
  .mentor-mentorship .mentor-main-content .voffsetMentorBtn {
    text-align: center;
  }
  .mentor-mentorship .mentor-main-content .mentor-box-card .mentor-button-card {
    width: 120px;
  }
  .mentor-mentorship .mentor-main-content .main-content {
    padding-bottom: 180px;
  }
  .mentor-mentorship .mentee-card {
    flex-grow: 1;
    width: 100% !important;
  }
  .mentor-box-card .mentor-colflex {
    display: flex;
  }
  .mentor-box-card .coach__card__content .coach__img .profile-initials .coach__pic {
    line-height: 3.7rem;
  }
  .mentor-box-card .mentor-button-card {
    width: 120px;
  }
}
.mentor-body div[bind-html-compile="ctrl.cmsFindMentorContent"] > div > strong,
.mentor-body div[bind-html-compile="ctrl.cmsBeMentorContent"] > div > strong {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  font-family: 'Noto Sans', sans-serif;
}
.mentor-body div[bind-html-compile="ctrl.cmsFindMentorContent"] > p,
.mentor-body div[bind-html-compile="ctrl.cmsBeMentorContent"] > p {
  margin-bottom: 25px;
}
.mentor-body div[bind-html-compile="ctrl.cmsFindMentorContent"] > p > strong,
.mentor-body div[bind-html-compile="ctrl.cmsBeMentorContent"] > p > strong {
  font-weight: 400;
}
@media (min-width: 767px) and (max-width: 1024px) {
  .mentor-footer-tooltip .tooltip__custom {
    width: auto !important;
  }
  .mentor-footer-tooltip .tooltipTop {
    right: 0 !important;
    margin-right: 78px;
    margin-top: 40px;
  }
  .mentor-footer-tooltip .tooltip__content a {
    font-size: 18px !important;
  }
  .mentor-main-content .no-compass-mentor {
    padding-bottom: 0px;
    height: calc(45vh);
  }
  .mentor-main-content .no-compass-mentor-info {
    height: calc(45vh);
    padding-bottom: 80px;
  }
  .mentor-main-content .coach__panel .coach__card__cnt .col-sm-4 {
    width: 49.85%;
  }
  .mentor-modal-mediam .modal-dialog {
    margin-top: 120px;
    margin-bottom: 120px;
    width: 648px;
    min-height: 389px;
  }
  .mentor-mentorship .mentor-main-content .mentee-card {
    width: 49.9%;
  }
  .mentor-mentorship .mentor-main-content .mentor-colflex {
    padding-bottom: 30px;
  }
}
.mentor-main-content .mentorship-modal-box {
  border-radius: 8px;
}
.mentor-main-content .aboutme-mentor {
  padding: 32px 40px 32px 40px;
}
.mentor-main-content .aboutme-mentor .bio-mentor-subheader {
  padding: 0px;
}
.mentor-main-content .aboutme-mentor .bio-mentor-subheader .mentor_bio_header {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  overflow: auto;
  flex-direction: row;
  margin-bottom: 0;
}
.mentor-main-content .aboutme-mentor .bio-mentor-subheader .mentor_bio_header .proImage {
  margin-right: 16px;
}
.mentor-main-content .aboutme-mentor .bio-mentor-subheader .mentor_bio_header .profile_circle_BG {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: inline-block;
  min-width: 33px;
}
.mentor-main-content .aboutme-mentor .bio-mentor-subheader .mentor_bio_header .profile_tagName {
  font-size: 14px;
  line-height: 32px;
  height: 100%;
  text-align: center;
  background: #ebebee;
  border-radius: 50%;
  color: #1c304b;
  font-weight: 700;
}
.mentor-main-content .aboutme-mentor .bio-mentor-subheader .mentor_bio_header .mentor_bio_header_text h6 {
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  font-family: 'Noto Sans', sans-serif;
  color: #45505f;
}
.mentor-main-content .aboutme-mentor .bio-mentor-subheader .mentor_bio_header .mentor_bio_header_text h6 img {
  padding-right: 6px;
  width: 24px;
  height: 22px;
  vertical-align: top;
}
.mentor-main-content .aboutme-mentor .bio-mentor-subheader .mentor_bio_header .mentor_bio_content p {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
}
#mentorForm .select2-container.select2-container-active,
#mentorForm .selected-items-box:focus-visible,
#mentorForm .selected-items-box:focus {
  border: none !important;
  outline: none !important;
  border-color: #66afe9;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6) !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6) !important;
}
#mentorForm .validation-err .selected-items-box:focus-visible,
#mentorForm .validation-err .selected-items-box:focus {
  border: 2px solid #c44343 !important;
  outline: none !important;
  border-color: #66afe9;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6) !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6) !important;
}
#mentorForm #yourBio:focus-visible {
  border: 1px solid #aa0285 !important;
  outline: none !important;
}
#mentorForm .red-border {
  border: 1px solid #c70f00 !important;
  background-color: #fdf6f5;
  color: #1c304b;
}
#mentorForm .red-border:focus {
  border: 1px solid #c70f00 !important;
}
#mentorForm .red-border::placeholder {
  color: #45505f;
}
#mentorForm .red-border:focus {
  border: 1px solid #c70f00 !important;
}
#mentorForm .red-border::placeholder {
  color: #45505f;
}
.mentor-main-content.custom-mentor-main-container {
  padding-top: 48px;
  padding-bottom: 80px;
}
.mentor-main-content.custom-mentor-main-container .mentor-heading {
  margin-top: 0;
  margin-bottom: 40px;
}
.mentor-main-content.custom-mentor-main-container .mentor-heading h2 {
  font-family: Noto Sans, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
  font-family: 'Noto Sans', sans-serif;
  color: #1c304b;
}
.mentor-main-content.custom-mentor-main-container .mentor-heading .mentor-description {
  width: 83.3%;
  left: 8.3%;
}
@media (max-width: 768px) {
  .mentor-main-content.custom-mentor-main-container .mentor-heading .mentor-description {
    width: 100%;
    left: 0%;
  }
}
.mentorLebelArrow {
  position: relative;
  display: block;
}
@media (min-width: 320px) and (max-width: 767px) {
  .mentor-footer-tooltip .tooltip__custom {
    width: auto !important;
  }
  .mentor-footer-tooltip .tooltipTop {
    right: 0 !important;
    margin-right: 78px;
    margin-top: 45px;
  }
  .mentor-footer-tooltip .tooltip__content a {
    font-size: 18px !important;
  }
  .mentor-main-content .profile-visibility .switch {
    display: inline-block !important;
    position: relative;
    width: 48px;
    height: 24px;
    margin-left: 19px;
    padding: 4px;
    margin-bottom: 0px;
  }
  .mentor-main-content .profile-visibility span.visibility-txt {
    display: inline !important;
  }
  .wrappermultiSelect {
    margin-bottom: 0px;
  }
  .mentor-main-content .modal-footer .row {
    margin-left: -15px;
    margin-right: -15px;
  }
  .mentor-main-content.custom-mentor-main-container {
    padding-bottom: 120px;
  }
}
.mentor-main-content .mentorLebelArrow {
  display: block;
  position: relative;
}
@media (min-width: 700px) and (max-width: 1280px) {
  .profile-visibility span.visibility-txt {
    top: 0;
  }
  .mentor-mentorship .mentor-main-content .mentor-box-card .mentor-button-card {
    width: 100% !important;
  }
  .mentor-mentorship .mentor-main-content .mentor-box-card .button-outline {
    width: 100% !important;
  }
  .mentor-main-content .modal-footer .row {
    margin-left: -15px;
    margin-right: -15px;
  }
}
.mentorKeyPressCheck:focus-visible,
.mentorKeyPressCheck:focus {
  opacity: 1;
  background-color: #eee8ef;
  left: 0;
  right: 0;
  width: 100%;
  height: 34px;
  text-align: left;
  margin: auto;
  content: '';
  z-index: -1;
  -webkit-appearance: none;
  border: none !important;
  outline: none !important;
}
.mentor-multiselect-button:focus-visible {
  outline: 3px solid #434343;
}
.mentor-not-found {
  font-weight: bold;
  text-align: center;
}
.mentor_bio_container {
  padding-top: 35px;
}
.parent-hide-menteecard {
  display: none !important;
}
.mentor-footer-icon a {
  padding: 0 !important;
  margin-right: 10px;
}
.mentorFooterRightAlign {
  display: flex;
}
.mentor-footer-tooltip {
  position: relative;
}
.mentor-footer-tooltip .tooltip__custom {
  width: 275px;
  max-width: 500px;
  min-width: 200px;
}
.mentor-footer-tooltip .tooltipTop {
  text-align: left;
  position: absolute;
  top: -160px;
  right: 115px;
  transform: translate(50%, -50%);
}
.mentor-footer-tooltip .tooltip__head h3 {
  margin-top: 0;
  font-family: 'Noto Sans', serif;
  font-size: 17px;
  font-weight: normal;
  font-stretch: normal;
  margin-bottom: 1rem;
  font-style: normal;
  margin-bottom: 5px;
}
.mentor-footer-tooltip .tooltip__content {
  padding: 5px 0 5px 20px;
  display: flex;
}
.mentor-footer-tooltip .tooltip__content a {
  font-size: 24px;
  color: white;
  line-height: 1.1;
}
.mentor-footer-tooltip .tooltip__content a:focus-visible {
  outline: 3px solid white !important;
}
.mentor-footer-tooltip .tooltip__content .imgCopyString {
  margin-left: auto;
  /* margin-right: auto; */
  text-align: left;
  align-items: end;
  cursor: pointer;
}
.mentor-footer-tooltip .tooltip__footer {
  padding: 5px 20px;
}
.mentor-footer-tooltip .tooltip__footer a {
  padding: 0 5px;
}
.mentor-footer-tooltip .tooltip__footer a:focus-visible {
  outline: 3px solid white !important;
}
.mentor-footer-tooltip .tooltip__footer img {
  display: none;
}
.be-mentor-visibility {
  width: 100% !important;
  align-items: center;
}
.be-mentor-visibility .mentor-box {
  width: 50%;
}
@media (max-width: 768px) {
  .be-mentor-visibility .mentor-box {
    width: 100%;
  }
}
.areYouSure-modal .modal-footer {
  background: white !important;
  padding: 0;
  padding: 0 48px !important;
  border-top: none !important;
  text-align: right !important;
}
.areYouSure-modal .modal-footer .col-md-12.voffset3.text-right {
  border-top: 1px solid #ebebee !important;
  padding-top: 32px;
  padding-bottom: 32px;
  padding-right: 0;
}
.areYouSure-modal .modal-footer .mentor-button-remove {
  height: auto;
}
.areYouSure-modal .modal-header {
  padding: 32px 48px 0px !important;
  background: none !important;
}
.areYouSure-modal .model-body {
  padding: 0px 48px 0px !important;
}
.areYouSure-modal .info-wrapper {
  display: flex;
  align-items: start;
  gap: 8px;
  margin-top: 16px;
  text-align: left;
}
.areYouSure-modal .info-wrapper .info-text {
  font-family: 'Noto Sans', sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.048px;
  color: #5c6573;
}
.areYouSure-modal .info-wrapper .info-text b {
  font-weight: 400;
}
.areYouSure-modal .remove-mentee-model h2 {
  font-family: Noto Sans, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
  font-family: 'Noto Sans', sans-serif;
  margin-top: 0;
}
.areYouSure-modal .remove-mentee-model h4 {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
  margin: 16px 0px;
}
.areYouSure-modal .modal-header a {
  margin-right: -20px;
}
.bio-mentor-footer .details-list,
.mentor_bio_profile .details-list {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.bio-mentor-footer .details-list .mentor_bio_details_item,
.mentor_bio_profile .details-list .mentor_bio_details_item {
  display: flex;
  justify-content: flex-start;
  margin-bottom: 24px;
}
.bio-mentor-footer .details-list span.mentor_bio_detaills_title,
.mentor_bio_profile .details-list span.mentor_bio_detaills_title {
  width: 40%;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
}
.bio-mentor-footer .details-list span.mentor_bio_des,
.mentor_bio_profile .details-list span.mentor_bio_des {
  width: 60%;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  font-family: 'Noto Sans', sans-serif;
  color: #1c304b;
}
.mentor-request-modal h4.modal-title {
  display: flex;
  align-items: baseline;
  position: relative;
}
.mentor-request-modal h4.modal-title img.header-icon {
  top: 8px;
  position: relative;
}
.mentor-request-modal .modal-header {
  display: flex;
}
.no-mentor-request-container {
  padding: 24px;
  border-radius: 8px;
  background: white;
  margin-top: 40px;
}
.no-mentor-request-container .no-mentor-box.voffset3 {
  margin-top: 0;
}
.mentor-event-banner .explore-menu-items {
  margin-top: 40px;
  margin-bottom: 40px;
}
@media (min-width: 320px) and (max-width: 750px) {
  .SearchMentorContainer .col-md-12.col-sm-12 {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 320px) and (max-width: 600px) {
  .yourJobTopics .select2-container-multi .select2-choices .select2-search-choice {
    margin-right: 16px !important;
  }
}
.mentor-enrollment-page {
  margin-top: 0px;
}
@media (max-width: 767px) {
  .mentor-enrollment-page {
    margin-top: 50px;
  }
}
.mentor-enrollment-page .breadcrumb-wrapper {
  background: #f1f0f5;
}
.mentor-enrollment-page .page-wrapper-test .breadcrumbs {
  margin-top: 12px;
  margin-bottom: 12px;
}
.mentor-enrollment-page .page-wrapper .breadcrumbs ul {
  padding-top: 0;
}
.mentor-enrollment-page .breadcrumb-wrapper ul li.current span {
  color: #45505f;
}
@media (max-width: 767px) {
  .mentor-main-content .profile-visibility span.visibility-txt {
    word-break: break-word;
    width: 60%;
  }
  .profile-visibility .header-section {
    flex-direction: row;
  }
  .switch-visibility {
    flex-direction: row;
    justify-content: flex-end;
    text-align: left;
    align-items: center;
    width: 40%;
  }
  .mentor-main-content .profile-visibility .switch {
    margin-left: 0;
    margin-right: 0;
  }
}
.bookmarks-home-content {
  padding-top: 0px;
}
.bookmarks-home-content .control-wrapper {
  height: 100%;
}
.bookmarks-home-content .control-wrapper-body .bookmarks-heading {
  padding: 0px;
}
.bookmarks-home-content .control-wrapper-opened {
  max-height: 100% !important;
}
.bookmarks-home-content .bookmarks-container {
  margin-bottom: 80px;
}
.bookmarks-home-content .bookmark-list-box {
  min-height: 400px;
  padding: 0 20px 0px 20px;
}
.bookmarks-home-content .bookmark-list-box-Empty {
  min-height: 400px;
  padding: 0 20px 0px 20px;
}
.bookmarks-home-content .bookmark-view-all-btn {
  margin-top: 30px;
  padding-bottom: 20px;
  font-weight: 600;
}
.bookmarks-home-content .bookmark-view-all-btn .bookmark-view-all-link:hover,
.bookmarks-home-content .bookmark-view-all-btn .bookmark-view-all-link:focus {
  color: #df255f;
  text-decoration: unset;
}
.bookmarks-home-content .control-wrapper-body {
  position: relative;
  padding: 0px;
}
.bookmarks-home-content .bookmarks-card-image {
  width: 100px;
  height: 100px;
  position: relative;
  display: inline-block;
  align-items: center;
  justify-content: center;
}
.bookmarks-home-content .bookmarks-card-image img {
  width: 100%;
}
.bookmarks-home-content .bookmarks-card-image:focus-visible {
  outline: 2px solid #434343;
}
.bookmarks-home-content .bookmarks-card-type {
  height: 40px;
  width: 40px;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.bookmarks-home-content .bookmarks-card-inner-home {
  width: 100%;
  margin-top: 40px;
}
.bookmarks-home-content .bookmarks-card-inner-home a {
  text-decoration: none;
}
.bookmarks-home-content .bookmarks-card-inner-home a:focus {
  border: none;
  outline: none;
}
.bookmarks-home-content .bookmarks-card-inner-home a:focus-visible {
  border: 2px solid black;
  outline: none;
}
.bookmarks-home-content .bookmarks-card-inner-home:first-child {
  margin-top: 20px;
}
.bookmarks-home-content .bookmarks-text {
  font-size: 14px;
  color: black;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  /* number of lines to show */
  -webkit-box-orient: vertical;
}
.bookmarks-home-content .bookmarks-card-inner-home:after {
  content: " ";
  display: block;
  width: 100%;
  border-bottom: 2px solid #eeeeee;
  margin-top: 15px;
  position: absolute;
  font-weight: 600;
  left: 0;
}
.bookmarks-home-content .bookmarks-card-inner-home:nth-child(3):after {
  content: " ";
  display: block;
  width: 100%;
  border-bottom: none;
  margin-top: 15px;
  position: absolute;
  font-weight: 600;
  left: 0;
}
.bookmarks-home-content .bookmarks-heading {
  text-align: center;
  padding: 0 0px 10px 0px;
}
.bookmarks-home-content .bookmarks-heading h2 {
  font-size: 34px;
  margin-top: 10px;
}
.bookmarks-home-content .bookmarks-heading .bookmarks-description {
  font-size: 16px;
}
.bookmarks-home-content .bookmarks-description {
  cursor: pointer;
}
.bookmarks-home-content .bookmarks-description .span-heading {
  font-size: 16px;
  line-height: 1.1;
  display: block;
  font-weight: bold;
  margin-top: -2px;
  overflow-wrap: break-word;
  font-family: 'Noto Serif';
}
.bookmarks-home-content .bookmarks-description .bookmarks-text {
  font-family: 'Noto Sans';
  margin-top: 5px;
}
.bookmarks-home-content .bookmarks-card-home {
  flex: 4;
}
.bookmarks-home-content .left-card-section {
  padding-left: 10px;
  width: 67%;
  flex: 8;
}
.bookmarks-home-content .cursorPointer {
  cursor: pointer;
}
.bookmarks-home-content .bookmark-widget-icon {
  padding: 50px 30px 30px 30px;
  text-align: center;
}
.bookmarks-home-content .bookmark-widget-icon img {
  height: 150px;
}
.bookmarks-home-content .bookmark-widget-text {
  padding: 25px;
  text-align: center;
}
.bookmarks-home-content .bookmarks-message-button {
  display: flex;
  justify-content: center;
  width: 100%;
}
.bookmarks-home-content .bookmarks-message-button input.btn-invert {
  height: 40px;
  width: 100%;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: Noto Sans, sans-serif;
  text-transform: uppercase;
  color: white;
  background-color: #441750;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  padding: 8px 24px;
  font-family: 'Noto Sans', sans-serif;
  padding: 6px 24px;
  margin-top: 16px;
}
.bookmarks-home-content .bookmarks-message-button input.btn-invert:active {
  color: white;
  background: #390447;
}
.bookmarks-home-content .bookmarks-message-button input.btn-invert:hover {
  background-color: #613e6b;
}
.bookmarks-home-content .bookmarks-message-button input.btn-invert:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.bookmarks-home-content .bookmarks-message-button input.btn-invert:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.bookmarks-home-content .bookmarks-message-button input.btn-invert:active {
  color: white;
  background: #390447;
}
.bookmarks-home-content .bookmarks-message-button input.btn-invert:hover {
  background-color: #613e6b;
}
.bookmarks-home-content .bookmarks-message-button input.btn-invert:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.bookmarks-home-content .bookmarks-message-button input.btn-invert:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.bookmarks-home-content .bookmarks-message-button input.btn-invert:active {
  color: white;
  background: #390447;
}
.bookmarks-home-content .bookmarks-message-button input.btn-invert:hover {
  background-color: #613e6b;
}
.bookmarks-home-content .bookmarks-message-button input.btn-invert:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.bookmarks-home-content .bookmarks-message-button input.btn-invert:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.bookmarks-home-content .bookmarks-message-button input.btn-invert:active {
  color: white;
  background: #390447;
}
.bookmarks-home-content .bookmarks-message-button input.btn-invert:hover {
  background-color: #613e6b;
}
.bookmarks-home-content .bookmarks-message-button input.btn-invert:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.bookmarks-home-content .bookmarks-message-button input.btn-invert:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.bookmarks-home-content .bookmarks-message-button input.btn-invert:focus-visible {
  border: 3px solid #434343;
}
.bookmarks-home-content .bookmarks-View-More-button {
  width: 100%;
  margin-top: 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: Noto Sans, sans-serif;
  text-transform: uppercase;
  color: white;
  background-color: #441750;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  padding: 8px 24px;
  font-family: 'Noto Sans', sans-serif;
}
.bookmarks-home-content .bookmarks-View-More-button:active {
  color: white;
  background: #390447;
}
.bookmarks-home-content .bookmarks-View-More-button:hover {
  background-color: #613e6b;
}
.bookmarks-home-content .bookmarks-View-More-button:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.bookmarks-home-content .bookmarks-View-More-button:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.bookmarks-home-content .bookmarks-View-More-button:active {
  color: white;
  background: #390447;
}
.bookmarks-home-content .bookmarks-View-More-button:hover {
  background-color: #613e6b;
}
.bookmarks-home-content .bookmarks-View-More-button:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.bookmarks-home-content .bookmarks-View-More-button:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.bookmarks-home-content .bookmarks-View-More-button:active {
  color: white;
  background: #390447;
}
.bookmarks-home-content .bookmarks-View-More-button:hover {
  background-color: #613e6b;
}
.bookmarks-home-content .bookmarks-View-More-button:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.bookmarks-home-content .bookmarks-View-More-button:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.bookmarks-home-content .bookmarks-View-More-button:active {
  color: white;
  background: #390447;
}
.bookmarks-home-content .bookmarks-View-More-button:hover {
  background-color: #613e6b;
}
.bookmarks-home-content .bookmarks-View-More-button:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.bookmarks-home-content .bookmarks-View-More-button:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
@media (min-width: 768px) and (max-width: 992px) {
  .bookmarks-home-content .bookmarks-card-home {
    flex: 1;
  }
}
.bookmarks-home-content.skeleton-loader .bookmark-list-box {
  min-height: 285px;
  padding: 0px;
}
.bookmarks-home-content.skeleton-loader .bookmarks-card-image {
  width: 48px;
  height: 48px;
  position: relative;
  display: inline-block;
  align-items: center;
  justify-content: center;
}
.bookmarks-home-content.skeleton-loader .bookmarks-card-home {
  flex: 2;
}
.bookmarks-home-content.skeleton-loader .left-card-section {
  padding-left: 10px;
  padding-top: 5px;
  flex: 10;
}
.coach-modal .modal-content {
  border-radius: 0;
}
.coach__bio__modal .coach__bio__header {
  width: auto;
  padding-top: 5px;
  height: 270px;
  object-fit: contain;
  background-image: url(/Content/Images/r19/profile_aboutme_header.png);
  background-repeat: no-repeat;
  font-family: 'Noto Sans';
}
.coach__bio__modal .coach__bio__header .close {
  opacity: 1;
}
.coach__bio__modal .coach__bio__avatar {
  border-radius: 50%;
  border: solid 3px white;
  text-align: center;
  height: 120px;
}
.coach__bio__modal .coach__bio__photo img {
  max-width: 100%;
  border-radius: 50%;
  height: 120px;
  border: 3px solid white;
}
.coach__bio__modal .coach__image {
  width: 140px;
  height: 140px;
  border-radius: 50%;
  margin: 20px auto;
  border: solid 10px #94719a;
}
.coach__bio__modal .coach__initials {
  font-size: 47px;
  line-height: 2.4;
  text-align: center;
  color: white;
}
.coach__bio__modal .coach__bio_header_details {
  text-align: center;
}
.coach__bio__modal .coach__bio_header_details .coach__name {
  color: white;
  font-size: 24px;
  line-height: 1.5;
  margin-bottom: 0;
}
.coach__bio__modal .coach__bio_header_details .coach__detail {
  font-size: 16px;
  text-align: center;
  color: white;
  opacity: 0.7;
}
.coach__bio__modal .coach__bio__body {
  padding: 0 30px;
}
.coach__bio__modal .coach__bio__footer {
  padding: 10px 30px;
  border-top: 2px solid #cccccc;
}
.coach__bio__modal .coach__bio__footer .coach__bio__buttons {
  margin-bottom: 20px;
}
.coach__bio__modal .coach__bio__footer .coach__bio__buttons .cancel__meeting {
  margin-right: 20px;
}
@media screen and (max-width: 420px) {
  .coach__bio__modal .coach__bio__footer .coach__bio__buttons .cancel__meeting {
    margin: 10px 0;
  }
}
.coach__bio__modal .coach__bio__footer .coach__bio__buttons .btn {
  width: calc(50% - 15px);
  background: white;
  border: 2px solid #4f185a;
  color: #4f185a;
  padding: 8px 0;
  font-weight: bold;
}
.coach__bio__modal .coach__bio__footer .coach__bio__buttons .btn:focus-visible {
  border: 3px solid #4f185a;
  outline: none;
}
@media screen and (max-width: 420px) {
  .coach__bio__modal .coach__bio__footer .coach__bio__buttons .btn {
    width: 100%;
    margin-left: 0;
  }
}
.coach__bio__modal .coach__bio__footer .coaching-meeting-popup-footer {
  display: flex;
  flex-direction: row;
  gap: 12px;
}
.coach__bio__modal .coach__bio__footer .coaching-meeting-popup-footer .btn {
  width: 50%;
}
.coach__bio__modal .coach__bio__footer .coaching-meeting-popup-footer .cancel__meeting {
  order: 1;
}
.coach__bio__modal .coach__bio__footer .coaching-meeting-popup-footer .coach__bio__meeting__btn {
  order: 0;
  background-color: #441750;
  color: white;
}
@media (max-width: 767px) {
  .coach__bio__modal .coach__bio__footer .coaching-meeting-popup-footer {
    display: block;
  }
  .coach__bio__modal .coach__bio__footer .coaching-meeting-popup-footer .btn {
    width: 100%;
    margin-bottom: 12px;
  }
}
.coach__bio__modal .coach__bio__footer .coach__bio__meeting__btn .btn {
  width: 100%;
  margin-bottom: 20px;
  padding: 8px 0;
}
.coach__bio__modal .coach__bio__footer .coach__bio__meeting__btn .btn:focus-visible {
  border: 3px solid #4f185a;
  outline: none;
}
.coach__bio__modal .coach__bio__footer .disabled {
  pointer-events: none;
  cursor: default;
  opacity: 0.6;
}
@media screen and (max-width: 767px) {
  .modal-grey .btn-cnt .btn {
    width: 100%;
  }
  .modal-grey .btn-cnt .cancel-btn {
    margin: 10px 0 10px 0;
  }
  .cancel-event-modal .close {
    position: absolute;
    right: 0;
  }
  .cancel-event-modal h3 {
    margin-top: 0;
  }
}
.no-access-content {
  text-align: center;
  padding-top: 120px;
  padding-bottom: 200px;
}
.no-access-content .notification-icon-show {
  padding-bottom: 10px;
}
.no-access-content .notification-icon-404 {
  width: 70px;
}
.no-access-content p {
  font-size: 14px;
}
.no-access-content h3 {
  font-weight: normal;
}
.no-compass-content {
  text-align: center;
  padding-top: 40px;
  padding-bottom: 140px;
}
.no-compass-content .notification-icon-show {
  padding-bottom: 10px;
}
.no-compass-content .notification-icon-404 {
  width: 70px;
}
.no-compass-content h3 {
  font-weight: normal;
}
.no-compass-content p {
  font-size: 14px;
}
.no-compass-content .nocompass-button {
  width: auto;
  min-width: 280px;
  min-height: 40px;
  height: auto;
  object-fit: contain;
  border: solid 1.5px #4f185a;
  background-color: #4f185a;
  font-size: 16px;
  font-weight: bold;
  color: white;
  margin-top: 10px;
  overflow: hidden;
  white-space: normal;
}
.no-compass-content .nocompass-button :focus-visible {
  outline: 3px solid #434343;
}
.page-wrapper.no-compass {
  padding-top: 20px;
}
.no-compass-banner-divider {
  min-height: 50px;
  margin-bottom: 11px;
  background-color: white;
}
.no-compass-banner .inner-baner-bg {
  background-image: url(/Content/Images/r19/header-cmp-404.jpg);
}
@media (min-width: 767px) and (max-width: 1024px) {
  .no-access-content {
    height: calc(75vh);
    padding-bottom: 0px;
  }
  .no-compass-content {
    height: calc(75vh);
    padding-bottom: 0px;
  }
}
.career-path-wrapper .breadcrumb-background {
  background-color: #f1f0f5;
  padding: 24px 0px;
}
.career-path-wrapper .breadcrumb-background .page-wrapper-test .breadcrumbs {
  margin-top: 0;
}
@media (max-width: 991px) {
  .career-path-wrapper {
    padding-top: 60px;
  }
}
.career-path-wrapper .inner-baner-bg {
  background-image: url(/Content/Images/r19/header-careerPath.jpg);
}
.career-path-wrapper .career-path-banner .banner-content {
  margin-left: 4%;
}
.career-path-wrapper .career-path-banner .banner-content h4 {
  background-color: rgba(0, 0, 0, 0.8);
  padding: 10px 10px 4px 10px;
  margin: 0px;
  min-width: 200px;
  width: max-content;
  font-weight: 400;
  color: white;
}
.career-path-wrapper .career-path-banner .banner-content h2,
.career-path-wrapper .career-path-banner .banner-content .career-text-custom {
  background-color: rgba(0, 0, 0, 0.8);
  padding: 4px 10px 8px 10px;
  margin: 0px;
  min-width: 390px;
  width: max-content;
  color: white;
}
@media (max-width: 480px) {
  .career-path-wrapper .career-path-banner .banner-content h2,
  .career-path-wrapper .career-path-banner .banner-content .career-text-custom {
    width: 100%;
    font-size: 25px;
  }
}
.career-path-wrapper .career-path-banner .banner-content .career-text-custom {
  font-size: 34px !important;
}
.career-path-wrapper .career-path-banner .banner-content span {
  background-color: rgba(0, 0, 0, 0.8);
  padding: 4px 10px 12px 10px;
  margin: 0px;
  min-width: 280px;
  width: max-content;
  color: white;
  font-size: 18px;
}
.career-path-wrapper .career-path-banner .banner-content span b {
  display: block;
}
@media (max-width: 480px) {
  .career-path-wrapper .career-path-banner .banner-content {
    margin-left: 2%;
    max-width: 98%;
    overflow: hidden;
  }
}
.career-path-wrapper .career-path-container {
  padding-bottom: 100px;
}
.career-path-wrapper .career-path-container .pink-font {
  color: #1c304b;
  font-family: Noto Sans, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
  font-family: 'Noto Sans', sans-serif;
  margin: 0 0 12px;
}
.career-path-wrapper .career-path-container .career-path-headinng-container {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
  margin-bottom: 40px;
  margin-top: 40px;
  text-align: center;
  background-color: transparent;
}
.career-path-wrapper .career-path-container .career-path-headinng-container p span {
  display: block;
}
.career-path-wrapper .career-path-container .career-path-headinng-container p span .strong {
  font-weight: normal !important;
}
.career-path-wrapper .career-path-container .management-panel {
  padding: 24px 24px 32px;
  border-radius: 8px;
  background-color: white;
  margin-bottom: 32px;
}
.career-path-wrapper .career-path-container .management-panel .career-path-form label {
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  text-transform: uppercase;
  color: #1c304b;
  padding-bottom: 8px;
  margin-bottom: 0;
}
.career-path-wrapper .career-path-container .management-panel .career-path-form .mb-30 {
  margin-bottom: 30px;
}
.career-path-wrapper .career-path-container .management-panel .career-path-form .has-error-validation span {
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  font-family: 'Noto Sans', sans-serif;
  color: #c70f00 !important;
}
.career-path-wrapper .career-path-container .management-panel .career-path-form .career-path-search-text {
  border: 2px solid #a6a6a6;
  border-radius: 0;
  font-weight: normal;
  height: 50px;
  width: 100%;
  margin-top: 0;
}
.career-path-wrapper .career-path-container .management-panel .career-path-form .career-path-search-text .select2-arrow {
  display: none;
}
.career-path-wrapper .career-path-container .management-panel .career-path-form .career-path-search-text .select2-choice {
  height: 46px;
  line-height: 2.2;
  border: 0;
  color: black;
}
.career-path-wrapper .career-path-container .management-panel .career-path-form .career-path-btn {
  text-align: center;
  border-top: 1px solid #ebebee;
  padding-top: 32px;
  margin-top: 15px;
}
.career-path-wrapper .career-path-container .management-panel .career-path-form .career-path-btn input[type="button"] {
  height: 40px;
  border-radius: 8px;
  margin: 0 5px 0px;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  padding-left: 40px;
  padding-right: 40px;
  background-color: #441750;
}
.career-path-wrapper .career-path-container .management-panel .career-path-form .career-path-btn input[type="button"]:focus {
  color: white;
}
@media (max-width: 991px) {
  .career-path-wrapper .career-path-container .management-panel .career-path-form .career-path-btn input[type="button"] {
    width: 100%;
    margin-left: 0;
    height: auto;
    min-height: 50px;
    white-space: normal;
  }
}
.career-path-wrapper .page-wrapper {
  padding-top: 0;
}
.careerPathTimeline-container {
  margin-bottom: 50px;
}
.careerPathTimeline-container .control-wrapper-head .control-wrapper-flex {
  align-items: center;
}
.careerPathTimeline-container .control-wrapper-head .control-wrapper-flex h4 {
  line-height: 1.4;
  text-transform: capitalize;
}
.careerPathTimeline-container .control-wrapper-body {
  padding-bottom: 10px;
}
.careerPathTimeline-container .careerPath {
  padding: 0px;
  max-width: 1300px;
  margin: 16px auto 0;
}
.careerPath > .careerPath-item {
  display: flex;
  align-items: flex-start;
}
.careerPath > .careerPath-item > div {
  padding: 0px 40px;
}
.careerPath-mainTitle {
  font-family: Noto Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
  margin-top: 0;
  margin-bottom: 0;
}
.careerPath > .careerPath-item.start-section > div.careerPath-date::after {
  top: 27%;
}
.careerPath > .careerPath-item > div.careerPath-content {
  text-align: left;
  padding-bottom: 40px !important;
}
.careerPath > .careerPath-item > div.careerPath-date::after {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: white;
  top: 35%;
  transform: translate(-50%, -50%);
  box-shadow: 0 0 0 5px #441750;
}
.careerPath-item.training-section > .careerPath-date::after {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: white;
  top: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 0 0 8px #4d065b;
}
.careerPath > .careerPath-item div.careerPath-date {
  text-align: right;
  position: relative;
  min-width: 195px;
  padding-left: 0;
}
@media (max-width: 400px) {
  .careerPath > .careerPath-item div.careerPath-date {
    min-width: 100%;
  }
}
.careerPath > .careerPath-item div.careerPath-date.careerPath-date::after {
  right: -17px;
}
.careerPath > .careerPath-item .careerPath-content {
  text-align: left;
  border-left: 2px solid #e0e0e0;
}
.careerPath > .careerPath-item span {
  margin-right: 0px;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
}
.careerPath > .careerPath-item .careerPath-content > h2 {
  text-align: left !important;
}
.careerPath > .careerPath-item .careerPath-date {
  position: relative;
}
.careerPath > .careerPath-item .careerPath-date > div {
  color: black;
  font-size: 17px;
  text-align: center;
  max-width: max-content;
  margin: auto;
  padding: 0px 0;
  width: 200px;
}
.careerPath > .careerPath-item .careerPath-content h3 {
  font-family: Noto Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
  margin: 0px;
}
.careerPath > .careerPath-item .careerPath-content p {
  position: relative;
}
.careerPath-item.training-section > .training-content {
  min-height: 80px;
  width: 100%;
  padding-right: 0 !important;
}
.training-content .courses-container {
  margin-bottom: 32px;
}
.training-content .courses-container,
.course,
.course-info {
  border-left: none !important;
  text-align: left !important;
}
.completion-section .careerPath-content {
  border-left: none !important;
}
@media (max-width: 767px) {
  .careerPath > .careerPath-item {
    flex-direction: column;
    border-left: 2px solid #e0e0e0;
  }
  .careerPath > .careerPath-item .careerPath-content,
  .careerPath > .careerPath-item .careerPath-date {
    border-width: 0px !important;
    text-align: left !important;
    order: unset !important;
    padding-left: 30px;
  }
  .careerPath > .careerPath-item .careerPath-content::after,
  .careerPath > .careerPath-item .careerPath-date::after {
    left: 0% !important;
  }
  .careerPath > .careerPath-item .careerPath-content > h2 {
    text-align: left !important;
  }
  .careerPath-date {
    min-width: 100%;
    width: 100%;
  }
  .careerPath .careerPath-item > .careerPath-content:last-child {
    text-align: left;
    padding-bottom: 40px !important;
    padding-top: 10px;
    padding-right: 0px;
  }
  .careerPath .completion-section {
    border-left: none !important;
  }
  .completion-section .careerPath-content {
    border-left: none !important;
  }
  .noResultFound-custom {
    margin-bottom: 0 !important;
  }
}
.careerPath-skills {
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .careerPath-skills .control-wrapper-opened .control-wrapper-head {
    height: auto;
  }
}
.careerPath-skills .control-wrapper-head .control-wrapper-flex {
  align-items: center;
}
.careerPath-skills .control-wrapper-head .control-wrapper-flex h4 {
  line-height: 1.4;
}
@media (max-width: 767px) {
  .careerPath-skills .control-wrapper-head {
    min-height: 80px;
  }
}
.careerPath-skills .control-wrapper-body {
  padding-bottom: 40px;
}
.careerPath-skills .profile-match-container {
  padding-left: 0;
  padding-right: 0;
  padding-top: 30px;
  margin: 0;
  padding-bottom: 0px;
}
@media (max-width: 767px) {
  .careerPath-skills .profile-match-container {
    display: block;
  }
}
.careerPath-skills #matchSkill {
  clear: both;
  padding-top: 32px;
}
.careerPath-skills #unMatchSkill {
  padding-top: 32px;
}
.careerPath-skills .text-skillbar-style-1 {
  color: #e23369;
  font-weight: bold;
  word-break: break-all;
}
.careerPath-skills .text-skillbar-style-2 {
  font-family: Noto Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
}
.careerPath-skills .skillsHeading {
  font-family: Noto Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
}
.careerPath-skills #unMatchSkill .unmatch-tabs-container p.unmatch-tabs span.tab-text {
  margin-right: 0px;
}
.careerPath-skills .unmatch-tabs-container,
.careerPath-skills .skillsyouhave-tabs-container {
  margin-top: 20px;
}
.careerPath-skills .unmatch-tabs-container .skillsyouhave-tabs,
.careerPath-skills .skillsyouhave-tabs-container .skillsyouhave-tabs {
  margin-bottom: 0px;
}
.careerPath-skills .unmatch-tabs-container .unmatch-tabs {
  border-radius: 8px;
  padding: 8px 16px 8px 16px;
  background: #e4d8f4;
  border: none;
  text-transform: uppercase;
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}
.careerPath-skills .skill-text-style-italic {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
  font-style: normal !important;
}
.careerPath-skills .inner-profile-skill-box-light {
  border-radius: 4px;
  padding: 5px 10px;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  color: white;
  background: #4d065b;
  opacity: 0.5;
}
.training-section .course {
  display: flex;
  max-width: 100%;
  margin: 0;
  overflow: hidden;
  width: 100%;
  padding: 0px;
}
.training-section .course h6 {
  opacity: 0.6;
  margin: 0;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.training-section .course h2 {
  letter-spacing: 1px;
  margin: 10px 0;
  font-size: 24px;
}
.training-section .course-preview {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: stretch;
  background-color: #4d005b;
  color: white;
  min-width: 180px !important;
  border-radius: 10px;
  width: 180px;
  position: relative;
}
.training-section .course-preview .course-type {
  height: 40px;
  width: 40px;
  position: absolute !important;
  bottom: 12px;
  left: 12px;
  z-index: 1;
  min-width: auto !important;
}
.training-section .course-preview .course_img {
  border-radius: 8px;
  width: 180px;
  height: 180px;
  background-color: #cccccc;
}
.training-section .course-preview .course_img img {
  display: block;
  max-width: 100%;
  width: 180px;
  height: 180px;
}
.training-section .course-info {
  padding: 0 28px;
  position: relative;
  width: 100%;
}
.training-section .course-info p {
  padding: 0 !important;
  min-height: auto !important;
  margin-bottom: 0;
}
.training-section .course-info h4 {
  font-family: Noto Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
  margin-top: 0;
  margin-bottom: 0;
  width: 94%;
}
.training-section .more-btn {
  background-color: #441750;
  border: 0;
  color: white;
  font-size: 12px;
  line-height: 16px;
  padding: 8px 16px 8px 16px;
  clear: both;
  border-radius: 7px;
  letter-spacing: 1px;
  margin-bottom: 0;
  text-transform: uppercase;
  cursor: pointer;
  text-align: center;
  display: inline-block;
  min-width: 136px;
  font-weight: 500;
}
.training-section .more-btn:hover,
.training-section .more-btn:active,
.training-section .more-btn:focus {
  color: white;
  text-decoration: none;
}
.training-section .course-txt {
  width: calc(90%);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 14px;
  margin-top: 12px;
  word-break: break-word;
  font-family: Noto Sans, sans-serif;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
}
.training-section .skill-must {
  padding: 12px 0;
}
.training-section .skill-must .skill-text {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
}
.training-section .skill-must span {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  font-family: 'Noto Sans', sans-serif;
  color: #45505f;
  padding-left: 8px;
  text-transform: capitalize !important;
}
.button__dropdown {
  position: absolute;
  top: -7%;
  right: 0;
  z-index: 1;
  border-radius: 10px;
  width: 200px;
  min-height: 130px;
  padding-bottom: 4px;
}
@media (max-width: 400px) {
  .button__dropdown {
    width: 170px;
    top: -2%;
  }
}
.button__dropdown .dotted {
  background: url(/Content/Images/icons/more_horiz.svg) no-repeat;
  width: 40px;
  height: 40px;
  z-index: 0;
  position: relative;
  top: 5px;
  right: 5px;
  margin-left: auto;
  display: block;
  cursor: pointer;
}
.button__dropdown .dotted:focus,
.button__dropdown .dotted:focus-visible {
  outline: 2px solid black;
}
.button__dropdown .dotted:focus + .dropdown-menu,
.button__dropdown .dotted:focus-visible + .dropdown-menu {
  display: block;
}
.button__dropdown .dropdown-menu {
  position: relative;
  top: 0px;
  z-index: 1;
  display: none;
  box-shadow: none;
  min-width: 100%;
  padding: 0;
  margin-top: 0px;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: white;
  transform-origin: top right;
  border-radius: 8px;
  border-color: #ebebee;
  filter: drop-shadow(0px 2px 12px rgba(41, 23, 70, 0.1));
}
.button__dropdown .dropdown-menu .course-wrapper {
  display: flex;
  padding: 12px 16px;
  border-bottom: 1px solid #ebebee;
  cursor: pointer;
}
.button__dropdown .dropdown-menu .course-wrapper:last-child {
  border-bottom: none;
}
.button__dropdown .dropdown-menu .course-wrapper span {
  font-weight: 400 !important;
  color: #1c304b !important;
  text-transform: lowercase;
  display: inline-block;
}
.button__dropdown .dropdown-menu .course-wrapper span b {
  font-weight: 400 !important;
  text-transform: capitalize;
}
.button__dropdown .dropdown-menu .course-wrapper li:hover {
  background-color: transparent !important;
}
.button__dropdown .dropdown-menu .course-wrapper:hover {
  background: #e4d8f4;
  border-radius: 1px;
}
.button__dropdown .dropdown-menu .hide-course {
  background: url(/Content/Images/icons/hide_source.svg) no-repeat;
  background-position: left center;
  padding-right: 8px;
}
.button__dropdown .dropdown-menu .hide-courseText {
  font: normal;
}
.button__dropdown .dropdown-menu .completed-course {
  background: url(/Content/Images/icons/Icon%20Container.svg) no-repeat;
  padding-right: 8px;
}
.button__dropdown .dropdown-menu li {
  display: block;
  padding: 10px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857;
  /*white-space: nowrap;*/
  text-decoration: none;
  cursor: pointer;
}
@media (max-width: 767px) {
  .button__dropdown .dropdown-menu li {
    padding: 10px;
  }
}
.button__dropdown .dropdown-menu li:hover,
.button__dropdown .dropdown-menu li:focus {
  background-color: rgba(158, 158, 158, 0.2);
}
.button__dropdown.active .dotted {
  background: url(/Content/Images/icons/more_horiz-active.svg) no-repeat;
  z-index: 2;
}
.button__dropdown.active .dropdown-menu {
  display: block;
}
@media (min-width: 320px) and (max-width: 991px) {
  .training-section .course {
    display: flex;
    flex-direction: column;
  }
  .training-section .course-preview {
    margin-bottom: 10px;
  }
  .training-section .course-info {
    padding: 0px;
  }
  .training-section .course-info h4 {
    width: calc(77%);
    word-break: break-word;
    font-size: 17px;
  }
  .course-duration {
    width: 76%;
  }
  .course-duration span {
    font-size: 13px !important;
  }
}
.course-info > p > span {
  text-transform: uppercase;
  padding-right: 5px;
  padding-left: 5px;
}
.course-info > p > span:first-child {
  padding-right: 5px;
  padding-left: 0px;
}
.modalConfirm.training-modal {
  overflow: auto;
  background-color: rgba(30, 22, 42, 0.5);
  display: block;
}
@media (min-width: 768px) {
  .modalConfirm.training-modal .modal-dialog {
    width: 632px;
  }
}
.modalConfirm.training-modal .modalContent {
  margin-top: 100px;
  background: white;
  border-radius: 8px;
}
.modalConfirm.training-modal .modal-header-main {
  clear: both;
}
.modalConfirm.training-modal .modal-header-main span {
  font-size: 20px;
  font-weight: 600;
  font-family: 'Noto Sans', sans-serif;
  line-height: 32px;
  color: #1c304b;
}
.modalConfirm.training-modal .modal-header {
  align-items: flex-start;
}
.modal-footer .footer-btns a:hover {
  color: white;
  text-decoration: none;
}
.course-type span {
  width: 32px;
  height: 32px;
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  background-size: 100%;
}
.course-type span.icon-completed {
  background-image: url("/Content/Images/icons/CheckBox.svg");
  background-repeat: no-repeat;
}
.course-type span.icon-inprogress {
  background-image: url("/Content/Images/icons/Group%201000008662.svg");
  background-repeat: no-repeat;
}
.careerPathTimeline-container .control-wrapper-opened {
  max-height: 100% !important;
}
.noResultFound-custom {
  margin-bottom: 80px;
  text-align: center;
}
.linkdin-banner-section {
  width: 100%;
  text-align: center;
}
.linkdin-banner-section .linkdin-button-section {
  display: flex;
  background-color: #f8f8f9;
  margin: auto;
  justify-content: space-between;
  align-items: center;
  padding: 24px;
  border-radius: 8px;
  gap: 10px;
  width: 100%;
  border: 1px solid #ebebee;
  margin-top: 40px;
}
@media (max-width: 767px) {
  .linkdin-banner-section .linkdin-button-section {
    display: block;
  }
}
.linkdin-banner-section .linkdin-button-section .linkdin-text {
  flex: 8;
  font-family: Noto Sans, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 32px;
  font-family: 'Noto Sans', sans-serif;
  color: #1c304b;
  text-align: left;
  padding-bottom: 10px;
}
.linkdin-banner-section .linkdin-button-section .linkdin-button {
  flex: 4;
  text-align: right;
}
@media (max-width: 767px) {
  .linkdin-banner-section .linkdin-button-section .linkdin-button {
    text-align: center;
  }
}
.linkdin-banner-section .linkdin-button-section .linkdin-button .btn-primary-bgcolor {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: Noto Sans, sans-serif;
  text-transform: uppercase;
  color: white;
  background-color: #441750;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  padding: 16px 24px;
  font-family: 'Noto Sans', sans-serif;
}
.linkdin-banner-section .linkdin-button-section .linkdin-button .btn-primary-bgcolor:active {
  color: white;
  background: #390447;
}
.linkdin-banner-section .linkdin-button-section .linkdin-button .btn-primary-bgcolor:hover {
  background-color: #613e6b;
}
.linkdin-banner-section .linkdin-button-section .linkdin-button .btn-primary-bgcolor:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.linkdin-banner-section .linkdin-button-section .linkdin-button .btn-primary-bgcolor:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.linkdin-banner-section .linkdin-button-section .linkdin-button .btn-primary-bgcolor:active {
  color: white;
  background: #390447;
}
.linkdin-banner-section .linkdin-button-section .linkdin-button .btn-primary-bgcolor:hover {
  background-color: #613e6b;
}
.linkdin-banner-section .linkdin-button-section .linkdin-button .btn-primary-bgcolor:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.linkdin-banner-section .linkdin-button-section .linkdin-button .btn-primary-bgcolor:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.linkdin-banner-section .linkdin-button-section .linkdin-button .btn-primary-bgcolor:active {
  color: white;
  background: #390447;
}
.linkdin-banner-section .linkdin-button-section .linkdin-button .btn-primary-bgcolor:hover {
  background-color: #613e6b;
}
.linkdin-banner-section .linkdin-button-section .linkdin-button .btn-primary-bgcolor:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.linkdin-banner-section .linkdin-button-section .linkdin-button .btn-primary-bgcolor:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.linkdin-banner-section .linkdin-button-section .linkdin-button .btn-primary-bgcolor:active {
  color: white;
  background: #390447;
}
.linkdin-banner-section .linkdin-button-section .linkdin-button .btn-primary-bgcolor:hover {
  background-color: #613e6b;
}
.linkdin-banner-section .linkdin-button-section .linkdin-button .btn-primary-bgcolor:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.linkdin-banner-section .linkdin-button-section .linkdin-button .btn-primary-bgcolor:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.pr-bar-container {
  position: relative;
  text-align: right;
  padding-right: 0px;
}
.pr-bar-container .progress {
  background-color: transparent !important;
  border-radius: 8px;
  box-shadow: none;
  height: 10px !important;
  text-align: right;
  /*position: absolute;*/
  right: 0;
  top: 8px;
}
.pr-bar-container .progress .progress-bar {
  width: 100% !important;
  background: none;
  border: none;
  box-shadow: none;
  line-height: 0;
  display: inline-flex;
  justify-content: flex-end;
  align-items: center;
}
.pr-bar-container .progress .progress-bar .level {
  height: 10px;
  width: 80px;
  border-radius: 8px;
  margin-right: 8px;
  display: inline-block;
  background: #ebebee;
}
.course-duration p span {
  font-size: 12px !important;
  line-height: 16px !important;
}
.course-duration p span {
  text-transform: lowercase;
  display: inline-block;
}
.course-duration p span:first-letter {
  text-transform: uppercase;
}
.career-path-wrapper .career-path-container .management-panel .career-path-form .col-md-6:first-child {
  padding-right: 10px;
}
.career-path-wrapper .career-path-container .management-panel .career-path-form .col-md-6:last-child {
  padding-left: 10px;
}
@media (min-width: 320px) and (max-width: 990px) {
  .career-path-wrapper .career-path-container .management-panel .career-path-form .col-md-6:first-child {
    padding-right: 15px;
  }
  .career-path-wrapper .career-path-container .management-panel .career-path-form .col-md-6:last-child {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.modal-description {
  font-size: 16px;
  font-weight: 400;
  font-family: 'Noto Sans', sans-serif;
  line-height: 24px;
  color: #45505f;
  margin: 0;
}
.external-expired-job-content {
  text-align: center;
  padding-top: 120px;
  padding-bottom: 200px;
}
.external-expired-job-content span {
  font-family: 'Noto Sans', sans-serif;
  text-align: center;
}
.external-expired-job-content span .expired-external-market-job h4 {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
}
.external-expired-job-content span .expired-external-market-job p {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
}
.external-expired-job-content .notification-icon-show {
  padding-bottom: 10px;
}
.external-expired-job-content .notification-icon-404 {
  height: 24px;
  width: 24px;
}
.external-expired-job-content .external-expired-button {
  width: auto;
  min-width: 280px;
  min-height: 40px;
  height: auto;
  object-fit: contain;
  border: solid 1.5px #4f185a;
  background-color: #4f185a;
  font-size: 16px;
  font-weight: bold;
  color: white;
  margin-top: 10px;
  overflow: hidden;
  white-space: normal;
}
.external-expired-job-content .external-expired-button :focus-visible {
  outline: 3px solid #434343;
}
@media (min-width: 767px) and (max-width: 1024px) {
  .external-expired-job-content {
    height: calc(75vh);
    padding-bottom: 0px;
  }
}
.job-hub-page {
  background-color: #f7f7fa;
  margin: 0px;
}
@media screen and (max-width: 736px) {
  .job-hub-page .container {
    width: 100%;
  }
}
.job-hub-page a:focus-visible:not(:active),
.job-hub-page a.btn:focus-visible:not(:active) {
  text-decoration: none;
}
.job-hub-page a.btn:focus-visible:not(:active),
.job-hub-page a:focus-visible:not(:active).btn {
  border-radius: 8px;
}
.job-hub-page .middle-row .left-column {
  padding-right: 12px;
}
@media (max-width: 768px) {
  .job-hub-page .middle-row .left-column {
    padding-right: 16px;
    padding-left: 16px;
  }
}
.job-hub-page .middle-row .right-column {
  padding-left: 12px;
}
@media (max-width: 768px) {
  .job-hub-page .middle-row .right-column {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media (max-width: 768px) {
  .job-hub-page .full-column {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.job-hub-page .content-padding-inner-top {
  background-color: #f1f0f5;
  padding-top: 8px;
  margin: 0px;
}
.job-hub-page .content-padding-inner-top .main-content-top {
  padding: 24px 16px 0px 16px;
  min-height: 100%;
  overflow: hidden;
  margin-bottom: 40px;
}
@media (max-width: 768px) {
  .job-hub-page .content-padding-inner-top .main-content-top {
    padding: 24px 16px 0;
  }
}
.job-hub-page .main-content-middle {
  padding-bottom: 100px;
  min-height: 100%;
  overflow: hidden;
}
.job-hub-page .main-content-middle .container-left-one:first-child,
.job-hub-page .main-content-middle .container-right-one:first-child {
  margin-top: 0px;
}
.job-hub-page .main-content-middle .container-left-one .white-box-job,
.job-hub-page .main-content-middle .container-right-one .white-box-job {
  background-color: white;
  border-radius: 8px;
}
.job-hub-page .jobsection-box {
  background-color: white;
  width: auto;
  padding: 24px;
  text-align: left;
  border-radius: 8px;
  position: relative;
  margin-bottom: 24px;
}
.job-hub-page .jobsection-box .box-texttop-padding {
  padding-top: 12px;
  margin-bottom: 32px;
}
.job-hub-page .jobsection-box .redline {
  border-left: 3px solid #ff097f;
  padding-right: 5px;
}
.job-hub-page .jobsection-box .yellowline {
  border-left: 3px solid #fdff91;
  padding-right: 5px;
}
.job-hub-page .jobsection-box .interviewcenter-line {
  border-left: 3px solid #ff5858;
  padding-right: 5px;
}
.job-hub-page .jobsection-box .jobbulletin-line,
.job-hub-page .jobsection-box .jobmarketinsights-line {
  border-left: 3px solid #aa0285;
  padding-right: 5px;
}
.job-hub-page .jobsection-box .countryjobs-line,
.job-hub-page .jobsection-box .jobmarketinsights-line {
  border-left: 3px solid #ff097f;
  padding-right: 5px;
}
.job-hub-page .jobsection-box a.btn {
  width: 100%;
  padding: 8px 24px;
}
.job-hub-page .jobhub-interview-center {
  padding-bottom: 0px !important;
}
.job-hub-page .jobtracker-img-container {
  min-height: 236px;
  margin-bottom: 24px;
}
@media (max-width: 768px) {
  .job-hub-page .jobtracker-img-container {
    width: 100%;
  }
}
.job-hub-page .jobtracker-img-container .img-container {
  background-image: url(/Content/Images/Redeployment/Group1000008602.png);
  background-repeat: no-repeat;
  width: 100%;
  min-height: 80px;
  position: relative;
  border-radius: 8px;
}
@media (max-width: 768px) {
  .job-hub-page .jobtracker-img-container .img-container {
    width: 100%;
    background-size: cover;
    background-position: 55% 0;
  }
}
.job-hub-page .jobtracker-img-container .img-container .overlay-text {
  position: absolute;
  vertical-align: middle;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-left: 12px;
  transform: translate(0%, 20px);
}
.job-hub-page .jobtracker-img-container .img-container .lhhheading {
  border-right: 1px solid #aaa3ba;
  padding-right: 12px;
  margin-right: 8px;
  padding: 3px 9px 3px 0px;
}
.job-hub-page .jobtracker-img-container .img-container .lhhheader-subtxt {
  font-size: 20px !important;
  margin: 8px 0 0;
  color: white;
  font-weight: 700;
  line-height: 32px;
}
.job-hub-page .jobtracker-img-container .smlbannertxt {
  margin-top: 16px;
}
.job-hub-page .jobtracker-img-container .smlbannertxt p {
  margin-top: 0px;
  margin-bottom: 20px;
}
.job-hub-page .jobtracker-img-container .smlbannertxt .btn {
  height: 40px;
  padding: 8px 24px;
}
.job-hub-page .jobtracker-img-container .smlbannertxt .btn::after {
  content: '';
  background-image: url(/Content/Images/Redeployment/arrow-white-icon.svg);
  width: 14px;
  height: 13px;
  display: inline-flex;
  padding-right: 14px;
  background-repeat: no-repeat;
  margin-left: 8px;
}
.job-hub-page .selcted-left-section {
  padding: 24px 24px 32px;
  border-radius: 8px;
  background-color: white;
  margin-bottom: 24px;
}
.job-hub-page .selcted-left-section .selected-for-you {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}
@media (max-width: 768px) {
  .job-hub-page .selcted-left-section .selected-for-you {
    align-items: flex-start;
  }
}
.job-hub-page .selcted-left-section .selected-for-you .selected-for-you-text {
  flex: 9;
}
.job-hub-page .selcted-left-section .selected-for-you .selected-for-you-text .selcted-you-desc {
  margin-top: 5px;
}
.job-hub-page .selcted-left-section .selected-for-you .selected-for-you-link {
  flex: 3;
  text-align: right;
}
.job-hub-page .selcted-left-section .selected-for-you .selected-for-you-link a:hover,
.job-hub-page .selcted-left-section .selected-for-you .selected-for-you-link a:focus,
.job-hub-page .selcted-left-section .selected-for-you .selected-for-you-link a:focus-visible {
  color: #aa0285;
}
.job-hub-page .selcted-left-section .profile-card {
  margin-top: 25px;
}
.job-hub-page .jobhub-interview-yoodli {
  padding-bottom: 0px !important;
  margin-bottom: 0px !important;
}
.job-hub-page .job-interview-explore-btn {
  padding: 0px 24px 24px;
  margin-bottom: 24px;
}
.job-hub-page .job-interview-explore-btn button.secondary-btn {
  width: 100%;
  padding: 8px 24px;
}
.message-nojob {
  border: 1px solid #ebebee;
  border-radius: 8px;
  margin-top: 16px;
}
.massage-info {
  margin: 24px 0px;
  padding: 16px;
  padding-right: 48px;
  min-height: 56px;
  background-color: #fff0cc;
  border-radius: 8px;
  justify-content: space-between;
  display: flex;
  align-items: center;
  border-left: 6px solid #ffc133;
  gap: 16px;
  position: relative;
}
.massage-info .massage-content {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 24px;
}
@media (max-width: 768px) {
  .massage-info .massage-content {
    flex-direction: column;
    /* Stack elements vertically */
    padding-left: 0;
    /* Reset padding for mobile */
  
  }
}
.massage-info .massage-content p,
.massage-info .massage-content p.body_medium,
.massage-info .massage-content .message-text.body_medium,
.massage-info .massage-content .body_medium {
  color: #1c304b;
}
.massage-info .massage-content .massage-text .message-heading-box {
  display: flex;
  flex-direction: column;
}
.massage-info .massage-content .massage-text .message-heading-box .message-heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}
@media (max-width: 768px) {
  .massage-info .massage-content .massage-text .message-heading-box .message-heading {
    flex-direction: column;
    align-items: flex-start;
  }
}
.massage-info .massage-content .massage-text .message-heading-box .message-heading h1 {
  margin-bottom: 0;
  margin-top: 0;
  color: #1c304b;
}
@media (max-width: 768px) {
  .massage-info .massage-content .massage-text .message-heading-box .message-heading h1 {
    margin-bottom: 4px;
  }
}
.massage-info .massage-content .massage-text .message-heading-box .message-heading .go-to-profile-link {
  margin-bottom: 0px;
}
.massage-info .massage-content .massage-text .message-heading-box .hide-m {
  display: block;
}
@media (max-width: 768px) {
  .massage-info .massage-content .massage-text .message-heading-box .hide-m {
    display: none;
  }
}
.massage-info .massage-content .massage-text .message-heading-box .hide-d {
  display: none;
}
@media (max-width: 768px) {
  .massage-info .massage-content .massage-text .message-heading-box .hide-d {
    display: block;
    margin-top: 5px;
  }
}
.massage-info .massage-content .massage-text .message-heading-box p {
  width: 75%;
  color: #1c304b;
}
@media (max-width: 768px) {
  .massage-info .massage-content .massage-text .message-heading-box p {
    width: 100%;
  }
}
.massage-info .profile-link {
  margin-left: 0px;
  padding: 4px 0px;
  white-space: nowrap;
}
.massage-info .profile-link:hover,
.massage-info .profile-link:focus,
.massage-info .profile-link:focus-visible {
  color: #aa0285;
}
@media (max-width: 768px) {
  .massage-info .profile-link {
    margin-left: 0;
    /* Reset margin on mobile */
    padding-bottom: 0;
    width: 100%;
  }
}
.massage-info .close-icon-msg {
  cursor: pointer;
  position: absolute;
  right: 24px;
  height: 16px;
  margin-top: 5px;
  width: 16px;
  display: block;
  background-image: url(/Content/Images/icons/close-icon-msg.svg);
  background-repeat: no-repeat;
}
@media (max-width: 768px) {
  .massage-info .close-icon-msg {
    top: 24px;
  }
}
.massage-info .close-icon-msg.align-close-btn {
  top: 18px;
  right: 18px;
}
.jobhub-dynamic-container.jobhub-dynamic-skeleton {
  margin-bottom: 24px;
}
.jobhub-dynamic-container.jobhub-dynamic-skeleton .skeleton-line-gray {
  background: #d8d8e2;
  margin-bottom: 12px;
  height: 12px;
}
.jobhub-dynamic-container.jobhub-dynamic-skeleton .skeleton-squre-gray {
  border-radius: 8px;
  background-color: #d8d8e2;
  min-height: 32px;
}
.jobhub-dynamic-container.jobhub-dynamic-skeleton .line-big-one {
  width: 120px;
  height: 16px;
  margin-bottom: 16px;
}
.jobhub-dynamic-container.jobhub-dynamic-skeleton .line-small-one {
  width: 100%;
}
.jobhub-dynamic-container.jobhub-dynamic-skeleton .line-small-two {
  width: 80%;
}
.jobhub-dynamic-container.jobhub-dynamic-skeleton .line-small-three {
  width: 180px;
  margin-bottom: 32px;
}
.jobhub-dynamic-container.jobhub-dynamic-skeleton .btn-one {
  width: 100%;
  min-height: 40px;
  margin-bottom: 0px;
}
.jobboard-container {
  margin-bottom: 24px;
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.5), white), url(/Content/Images/Redeployment/Mask-group.svg);
  background-color: transparent !important;
  background-repeat: no-repeat;
}
.jobboard-container .jobboard-left-section {
  padding: 24px 24px 32px;
  border-radius: 8px;
  background-color: white;
  padding: 8px 0px 0px;
  background-color: transparent !important;
}
.jobboard-container .jobboard-left-section .jobboard-header-section {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  background-color: transparent !important;
}
@media screen and (max-width: 767px) {
  .jobboard-container .jobboard-left-section .jobboard-header-section {
    align-items: flex-start;
    display: contents;
  }
}
.jobboard-container .jobboard-left-section .jobboard-header-section .jobboard-text {
  flex: 9;
}
.jobboard-container .jobboard-left-section .jobboard-header-section .jobboard-text h1 {
  margin: 0px !important;
}
.jobboard-container .jobboard-left-section .jobboard-header-section .jobboard-text .job-board-title {
  font-weight: 700;
  font-size: 20px;
  line-height: 32px;
}
@media screen and (max-width: 767px) {
  .jobboard-container .jobboard-left-section .jobboard-header-section .jobboard-text .job-board-title {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
  }
}
.jobboard-container .jobboard-left-section .jobboard-header-section .jobboard-text .jobboard-desc {
  margin-top: 5px;
}
.jobboard-container .jobboard-left-section .jobboard-header-section .jobboard-personalize {
  flex: 3;
  text-align: right;
}
.jobboard-container .jobboard-left-section .jobboard-header-section .jobboard-personalize .btn {
  width: auto;
  height: 40px;
}
@media screen and (max-width: 767px) {
  .jobboard-container .jobboard-left-section .jobboard-header-section .jobboard-personalize .btn {
    width: 100%;
  }
}
.jobboard-container .jobboard-left-section .jobboard-header-section .jobboard-personalize .jobboard-alert-icon {
  position: relative;
  margin-right: 15px;
  margin-left: 5px;
}
.jobboard-container .jobboard-left-section .jobboard-header-section .jobboard-personalize .jobboard-alert-icon::after {
  content: '';
  background: url(/Content/Images/Redeployment/alert.svg) no-repeat;
  position: absolute;
  left: 5px;
  top: -1px;
  height: 20px;
  width: 22px;
}
.jobboard-container .jobboard-left-section .jobboard-header-section .jobboard-personalize a:hover,
.jobboard-container .jobboard-left-section .jobboard-header-section .jobboard-personalize a:focus,
.jobboard-container .jobboard-left-section .jobboard-header-section .jobboard-personalize a:focus-visible {
  color: #aa0285;
}
@media screen and (max-width: 767px) {
  .jobboard-container .jobboard-left-section .jobboard-header-section .jobboard-personalize {
    margin-top: 16px;
  }
}
.jobboard-container .jobboard-left-section .profile-card {
  margin-top: 32px;
}
.jobboard-container .jobboard-left-section .profile-card .jobboard-panel {
  background-color: #f7f7fa;
  border-radius: 8px;
  border: 1px solid #ebebee;
  margin-bottom: 16px;
}
.jobboard-container .jobboard-left-section .profile-card .jobboard-div-new {
  padding: 24px 24px 32px 24px;
  display: flex;
}
@media screen and (max-width: 767px) {
  .jobboard-container .jobboard-left-section .profile-card .jobboard-div-new {
    padding: 24px 16px 28px 16px;
  }
  .jobboard-container .jobboard-left-section .profile-card .jobboard-div-new a {
    align-items: center;
    display: flex;
  }
}
.jobboard-container .jobboard-left-section .profile-card .jobboard-details {
  flex: 10;
  margin: 0px 16px;
}
.jobboard-container .jobboard-left-section .profile-card .company-logo-bg {
  height: 48px;
  max-width: 49px;
  border-radius: 12px;
  flex: 1;
  padding: 4px 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #d8d8e2;
  font-size: 28px;
  font-weight: 700;
  line-height: 32px;
  color: #6b6b84;
  background-color: #efeff5;
}
.jobboard-container .jobboard-left-section .profile-card .logo-border-1 {
  border: 1px solid #d9b2d1;
}
.jobboard-container .jobboard-left-section .profile-card .logo-border-2 {
  border: 1px solid #b3afe2;
}
.jobboard-container .jobboard-left-section .profile-card .logo-border-3 {
  border: 1px solid #f6c7aa;
}
.jobboard-container .jobboard-left-section .profile-card .logo-border-4 {
  border: 1px solid #bfd3ac;
}
.jobboard-container .jobboard-left-section .profile-card .logo-border-5 {
  border: 1px solid #f4cbe8;
}
.jobboard-container .jobboard-left-section .profile-card .logo-border-6 {
  border: 1px solid #f7d3d0;
}
.jobboard-container .jobboard-left-section .profile-card .logo-border-7 {
  border: 1px solid #d1f7d0;
}
.jobboard-container .jobboard-left-section .profile-card .logo-border-8 {
  border: 1px solid #f4f7d0;
}
@media screen and (max-width: 767px) {
  .jobboard-container .jobboard-left-section .profile-card .company-logo-bg {
    flex: 2;
  }
}
.jobboard-container .jobboard-left-section .profile-card .jobboard-arrow {
  height: 40px;
  max-width: 40px;
  border-radius: 8px;
  padding: 7px 8px;
  margin-top: 5px;
  flex: 1;
  border: 1px solid #1c304b;
}
.jobboard-container .jobboard-left-section .profile-card .jobboard-arrow:focus-visible {
  outline: 4px solid #ff5858 !important;
  border-radius: 8px;
  outline-offset: 0px !important;
}
.jobboard-container .jobboard-left-section .personalize-btn-container {
  background-color: #f7f7fa;
  padding: 8px 24px;
  display: flex;
  height: 40px;
  border-radius: 8px;
  width: 176px;
}
.jobboard-container .jobboard-left-section .personalize-btn-container .line-small-btn {
  width: 128px;
  height: 16px !important;
  border-radius: 15px;
  background: #d8d8e2;
  margin: 4px 0px;
}
.jobboard-container .jobboard-left-section .message-no-jobboard {
  border: 1px solid #ebebee;
  border-radius: 8px;
}
.jobboard-container .jobboard-left-section .message-no-jobboard .nodata-section-text p {
  margin-bottom: 0px;
}
.jobboard-container .jobboard-left-section .jobboard-skeleton .skeleton-line-gray {
  background: #d8d8e2;
  margin-bottom: 12px;
  height: 12px;
}
.jobboard-container .jobboard-left-section .jobboard-skeleton .skeleton-squre-gray {
  border-radius: 12px;
  background-color: #d8d8e2;
  min-height: 32px;
}
.jobboard-container .jobboard-left-section .jobboard-skeleton .panel-new {
  background-color: #f7f7fa;
  margin-bottom: 16px;
  display: flex;
  height: 104px;
  padding: 24px 24px 32px 24px;
  border: 1px solid #ebebee;
  border-radius: 8px;
}
.jobboard-container .jobboard-left-section .jobboard-skeleton .img-icon {
  min-width: 49px;
  height: 48px;
  margin-bottom: 0px;
  flex: 1;
}
.jobboard-container .jobboard-left-section .jobboard-skeleton .arrow-icon {
  min-width: 40px;
  height: 40px;
  margin-bottom: 0px;
  flex: 1;
  border-radius: 8px;
}
.jobboard-container .jobboard-left-section .jobboard-skeleton .line-container {
  flex: 10;
}
.jobboard-container .jobboard-left-section .jobboard-skeleton .line-small-one {
  margin: 8px 136px 0px 16px;
  width: 240px;
  height: 16px;
}
.jobboard-container .jobboard-left-section .jobboard-skeleton .line-small-two {
  margin: 8px 136px 0px 16px;
  height: 12px;
  width: 175px;
}
@media screen and (max-width: 767px) {
  .jobboard-container .jobboard-left-section .jobboard-skeleton .line-small-one,
  .jobboard-container .jobboard-left-section .jobboard-skeleton .line-small-two {
    margin: 8px 24px 0px 16px;
  }
  .jobboard-container .jobboard-left-section .jobboard-skeleton .line-small-one {
    width: 126px;
  }
  .jobboard-container .jobboard-left-section .jobboard-skeleton .line-small-two {
    width: 87px;
  }
}
.upskilling-container {
  margin-bottom: 24px;
}
.upskilling-container .content-inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
}
.upskilling-container .content-inner .content-view {
  margin-bottom: 92px;
}
.upskilling-container .content-inner .top-section {
  display: flex;
}
.upskilling-container .content-inner .para-details {
  padding-left: 0px;
  margin-top: 12px;
  width: 79%;
}
.upskilling-container .content-inner .para-details p {
  color: #1c304b;
}
.upskilling-container .img-container {
  background: linear-gradient(270deg, rgba(241, 240, 245, 0) 11.28%, #f1f0f5 49%), url('/Content/Images/upskilling_background.jpg') center no-repeat;
  background-position: right;
  background-repeat: no-repeat;
  min-height: 264px;
  height: 100%;
  border-radius: 8px;
  padding: 24px 24px 28px;
  background-size: contain;
  background-color: #f1f0f5;
}
.upskilling-container .top-beta {
  font-family: 'Noto Sans', sans-serif;
  font-size: 10px;
  font-weight: 500;
  line-height: 16px;
  color: #1c304b;
  text-transform: uppercase;
  border-radius: 4px;
  border: 1px solid #ffc133;
  background: #fff0cc;
  padding: 2px 8px;
  margin-left: 8px;
}
.upskilling-container .arrow-button {
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: Noto Sans, sans-serif;
  text-transform: uppercase;
  color: #1c304b;
  background-color: white;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #1c304b !important;
  color: #1c304b !important;
  background-color: white !important;
  padding: 8px 24px;
  font-family: 'Noto Sans', sans-serif;
  padding: 8px;
  min-width: 100px;
  height: 40px;
  position: relative;
  display: flex;
  width: 100px;
  justify-content: center;
}
.upskilling-container .arrow-button:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
.upskilling-container .arrow-button:hover {
  border: 1px solid #aa0285 !important;
}
.upskilling-container .arrow-button:focus {
  outline: none !important;
  color: #1c304b !important;
}
.upskilling-container .arrow-button:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
.upskilling-container .arrow-button:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
.upskilling-container .arrow-button:hover {
  border: 1px solid #aa0285 !important;
}
.upskilling-container .arrow-button:focus {
  outline: none !important;
  color: #1c304b !important;
}
.upskilling-container .arrow-button:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
.upskilling-container .arrow-button:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
.upskilling-container .arrow-button:hover {
  border: 1px solid #aa0285 !important;
}
.upskilling-container .arrow-button:focus {
  outline: none !important;
  color: #1c304b !important;
}
.upskilling-container .arrow-button:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
.upskilling-container .arrow-button:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
.upskilling-container .arrow-button:hover {
  border: 1px solid #aa0285 !important;
}
.upskilling-container .arrow-button:focus {
  outline: none !important;
  color: #1c304b !important;
}
.upskilling-container .arrow-button:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
.upskilling-container .arrow-button span {
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 8px;
  width: 24px;
  height: 24px;
  background-size: cover;
  display: block;
  text-align: center;
}
.upskilling-container .arrow-button span img {
  vertical-align: initial;
}
.home-page {
  word-break: break-word;
}
.home-page .home-main-title {
  margin-top: 12px;
  margin-bottom: 24px;
}
.home-page .page-wrapper-test {
  height: 24px;
}
.home-page .home-top-section {
  background-color: white;
  padding: 26px 0px;
  border-radius: 8px;
  margin: 0px 0px 32px;
}
@media (min-width: 1440px) {
  .home-page .home-top-section {
    padding: 24px 0px;
  }
}
@media (max-width: 768px) {
  .home-page .home-top-section {
    padding: 16px 16px;
  }
}
.home-page .home-top-section .full-column {
  display: flex;
  flex-direction: row;
}
@media (max-width: 768px) {
  .home-page .home-top-section .full-column {
    display: block;
    padding-left: 0px;
    padding-right: 0px;
  }
}
.home-page .home-top-section .home-page-col {
  display: flex;
  justify-content: flex-start;
  border-right: 1px solid #ebebee;
  padding: 0px 24px;
}
@media (max-width: 768px) {
  .home-page .home-top-section .home-page-col {
    border-right: none;
    padding: 0px 16px;
  }
}
@media (min-width: 1440px) {
  .home-page .home-top-section .home-page-col {
    padding: 0px 40px;
  }
}
.home-page .home-top-section .home-page-col:first-child {
  margin-left: 15px;
}
@media (max-width: 768px) {
  .home-page .home-top-section .home-page-col:first-child {
    margin-left: 0px;
  }
}
.home-page .home-top-section .home-page-col:last-child {
  border-right: none;
  margin-right: 15px;
}
@media (max-width: 768px) {
  .home-page .home-top-section .home-page-col:last-child {
    margin-right: 0px;
  }
}
@media (max-width: 768px) {
  .home-page .home-top-section .home-page-col:last-child .home-top-sub-section {
    border-bottom: none;
  }
}
.home-page .home-top-section .home-top-sub-section {
  width: auto;
  cursor: pointer;
  text-decoration: none;
  display: block;
}
@media (max-width: 768px) {
  .home-page .home-top-section .home-top-sub-section {
    padding: 12px 12px 20px;
    margin-bottom: 8px;
    border-bottom: 1px solid #ebebee;
    width: 100%;
  }
}
.home-page .home-top-section .home-top-sub-section:hover .home-title {
  text-decoration: underline;
}
.home-page .home-top-section .home-top-sub-section .title-icon {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.home-page .home-top-section .home-top-sub-section .resume-h-icon,
.home-page .home-top-section .home-top-sub-section .h-icon {
  position: relative;
  margin-right: 8px;
  height: 24px;
  width: 24px;
  border-radius: 50%;
  background-color: #f7d3d0;
}
.home-page .home-top-section .home-top-sub-section .resume-h-icon::before,
.home-page .home-top-section .home-top-sub-section .h-icon::before {
  content: '';
  background: url(/Content/Images/Redeployment/resume-home-icon.svg) no-repeat;
  position: absolute;
  left: 6px;
  top: 5px;
  height: 20px;
  width: 20px;
}
.home-page .home-top-section .home-top-sub-section .career-h-icon {
  background-color: #d0f0f7;
}
.home-page .home-top-section .home-top-sub-section .career-h-icon::before {
  background: url(/Content/Images/Redeployment/career-canvas-icon.svg) no-repeat;
}
.home-page .home-top-section .home-top-sub-section .tracker-h-icon {
  background-color: #f4f7d0;
}
.home-page .home-top-section .home-top-sub-section .tracker-h-icon::before {
  background: url(/Content/Images/Redeployment/job-tracker-home-icon.svg) no-repeat;
}
.home-page .home-top-section .home-top-sub-section .interview-h-icon {
  background-color: #d1f7d0;
}
.home-page .home-top-section .home-top-sub-section .interview-h-icon::before {
  background: url(/Content/Images/Redeployment/interview-home-icon.svg) no-repeat;
}
.home-page .home-top-section .home-top-sub-section .home-title {
  font-family: Noto Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
  text-transform: capitalize;
}
.home-page .home-top-section .home-top-sub-section .home-title.title-transform {
  text-transform: none;
}
.home-page .home-top-section .home-top-sub-section .sub-content {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
}
.home-page .home-left-section .jobtracker-img-container {
  margin-bottom: 24px;
}
.home-page .home-left-section .jobtracker-img-container .img-container {
  background-image: url(/Content/Images/Redeployment/events-banner-home.png);
}
.home-page .home-left-section .jobtracker-img-container .img-container .img-container-inner {
  background-image: linear-gradient(270deg, rgba(255, 255, 255, 0.05) 0%, rgba(124, 0, 157, 0.15) 100%);
  background-repeat: no-repeat;
  width: 100%;
  min-height: 80px;
  position: relative;
  border-radius: 8px;
}
.home-page .home-left-section .jobtracker-img-container .img-container .overlay-text {
  margin-top: 5px;
}
.home-page .home-left-section .jobtracker-img-container .img-container .overlay-text .lhhheader-subtxt {
  margin-top: 0px;
}
.home-page .home-left-section .jobtracker-img-container .smlbannertxt {
  margin-top: 20px;
}
.home-page .home-left-section .your-premium-tools,
.home-page .home-right-section .your-premium-tools {
  padding: 24px 24px 32px;
  border-radius: 8px;
  background-color: white;
  margin-bottom: 24px;
}
.home-page .home-left-section .your-premium-tools .top-premium-tools,
.home-page .home-right-section .your-premium-tools .top-premium-tools {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.home-page .home-left-section .your-premium-tools .top-premium-tools .left-premium-tools,
.home-page .home-right-section .your-premium-tools .top-premium-tools .left-premium-tools {
  flex: 9;
}
.home-page .home-left-section .your-premium-tools .top-premium-tools .left-premium-tools .premium-tools-title,
.home-page .home-right-section .your-premium-tools .top-premium-tools .left-premium-tools .premium-tools-title {
  color: #1c304b;
}
.home-page .home-left-section .your-premium-tools .top-premium-tools .right-premium-tools,
.home-page .home-right-section .your-premium-tools .top-premium-tools .right-premium-tools {
  flex: 3;
  min-width: 120px;
  text-align: right;
}
.home-page .home-left-section .your-premium-tools .tool-card,
.home-page .home-right-section .your-premium-tools .tool-card {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
}
@media (max-width: 768px) {
  .home-page .home-left-section .your-premium-tools .tool-card,
  .home-page .home-right-section .your-premium-tools .tool-card {
    display: block;
  }
}
.home-page .home-left-section .your-premium-tools .tool-card .tool-card-desc,
.home-page .home-right-section .your-premium-tools .tool-card .tool-card-desc {
  padding-top: 20px;
  flex: 4;
}
.home-page .home-left-section .your-premium-tools .tool-card .tool-card-desc a,
.home-page .home-right-section .your-premium-tools .tool-card .tool-card-desc a {
  display: block;
}
.home-page .home-left-section .your-premium-tools .tool-card .tool-card-desc a:focus,
.home-page .home-right-section .your-premium-tools .tool-card .tool-card-desc a:focus,
.home-page .home-left-section .your-premium-tools .tool-card .tool-card-desc a:hover,
.home-page .home-right-section .your-premium-tools .tool-card .tool-card-desc a:hover {
  text-decoration: none;
}
.home-page .home-left-section .your-premium-tools .tool-card .tool-card-desc a:hover .tool-card-title .card-title,
.home-page .home-right-section .your-premium-tools .tool-card .tool-card-desc a:hover .tool-card-title .card-title {
  text-decoration: underline;
}
.home-page .home-left-section .your-premium-tools .tool-card-banner img,
.home-page .home-right-section .your-premium-tools .tool-card-banner img {
  width: 100%;
  margin-bottom: 16px;
}
.home-page .home-left-section .your-premium-tools .tool-label-button,
.home-page .home-right-section .your-premium-tools .tool-label-button {
  margin-bottom: 16px;
}
.home-page .home-left-section .your-premium-tools .premium-tool-label,
.home-page .home-right-section .your-premium-tools .premium-tool-label {
  border-radius: 16px;
  background-color: #eaeaea;
  color: #1c304b;
  padding: 4px 16px;
  font-family: 'Noto Sans', sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  text-transform: uppercase;
  display: inline-block;
}
.home-page .home-left-section .your-premium-tools .tool-card-title,
.home-page .home-right-section .your-premium-tools .tool-card-title {
  margin-bottom: 20px;
}
.home-page .home-right-section .your-premium-tools {
  margin-bottom: 0px;
}
.home-page .home-right-section .your-premium-tools .tool-card .tool-card-desc {
  padding-top: 0px;
}
.home-page .home-right-section .jobsection-box.job-market-insights {
  padding: 24px;
  margin-bottom: 24px;
}
.home-page .home-right-section .jobsection-box.job-market-insights .jobmarketinsights-line {
  border-left: 3px solid #aa0285;
  padding-right: 5px;
}
.home-page .home-right-section .jobtracker-img-container.making-moves {
  padding: 0px;
  background-color: #f1f0f5;
  border-radius: 8px;
  margin-bottom: 24px;
}
.home-page .home-right-section .jobtracker-img-container.making-moves .smlbannertxt {
  margin-top: 12px;
}
.home-page .home-right-section .jobtracker-img-container.making-moves .smlbannertxt p {
  margin-top: 0px;
  margin-bottom: 40px;
  color: #1c304b;
}
.home-page .home-right-section .jobtracker-img-container.making-moves .img-container {
  padding: 24px 28px;
  background-image: url(/Content/Images/Redeployment/Making-Moves-Right-Container-img.svg);
  background-repeat: no-repeat;
  width: 100%;
  min-height: 200px;
  position: relative;
  border-radius: 8px;
  background-position: right top;
  background-size: cover;
}
.home-page .home-right-section .jobtracker-img-container.making-moves .making-content-sec {
  width: 191px;
}
.home-page .home-right-section .jobtracker-img-container.making-moves .full-btn {
  width: 100%;
}
.home-page .home-right-section .jobtracker-img-container.making-moves a:focus-visible:not(:active) {
  border-radius: 8px;
}
.home-page .home-right-section .resumeReviewProgress .full-btn {
  word-break: break-word;
  overflow-wrap: break-word;
  white-space: normal;
}
.job-hub-page.home-page .content-padding-top .content-padding-inner-top {
  padding-top: 0px;
}
@media (max-width: 767px) {
  .job-hub-page.home-page .content-padding-top .main-content-top {
    padding: 16px 16px 0;
  }
}
.coachCornerWidget-container,
.nikoWidget-container,
.myCareerDNAWidget-container {
  margin-bottom: 24px;
}
.coachCornerWidget-container .img-container,
.nikoWidget-container .img-container,
.myCareerDNAWidget-container .img-container {
  background-image: url(/Content/Images/Redeployment/coaches-corner-thumbnail.png);
  background-position: center;
  background-repeat: no-repeat;
  min-height: 264px;
  height: 100%;
  border-radius: 8px;
  padding: 24px 24px 28px;
  background-size: cover;
}
.coachCornerWidget-container .img-container .content-inner,
.nikoWidget-container .img-container .content-inner,
.myCareerDNAWidget-container .img-container .content-inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 64px;
}
.coachCornerWidget-container .img-container .content-inner .content-view,
.nikoWidget-container .img-container .content-inner .content-view,
.myCareerDNAWidget-container .img-container .content-inner .content-view {
  width: 191px;
}
.coachCornerWidget-container .img-container .content-inner .content-view .header,
.nikoWidget-container .img-container .content-inner .content-view .header,
.myCareerDNAWidget-container .img-container .content-inner .content-view .header {
  margin-bottom: 12px;
  display: flex;
  flex-direction: row;
  justify-content: left;
  gap: 8px;
  align-items: center;
}
.coachCornerWidget-container .img-container .content-inner .content-view .header .new-addon,
.nikoWidget-container .img-container .content-inner .content-view .header .new-addon,
.myCareerDNAWidget-container .img-container .content-inner .content-view .header .new-addon {
  display: flex;
  align-items: center;
  padding: 2px 8px;
  gap: 4px;
  min-width: 39px;
  height: 20px;
  background: #dcf5d6;
  border: 1px solid #33841f;
  border-radius: 4px;
  font-family: 'Noto Sans', sans-serif;
  font-weight: 500;
  font-size: 10px;
  line-height: 16px;
  text-align: center;
}
.coachCornerWidget-container .img-container .content-inner .content-view .para-details,
.nikoWidget-container .img-container .content-inner .content-view .para-details,
.myCareerDNAWidget-container .img-container .content-inner .content-view .para-details {
  padding-left: 0px;
  width: 100%;
}
.coachCornerWidget-container .img-container .content-inner .content-view .para-details p,
.nikoWidget-container .img-container .content-inner .content-view .para-details p,
.myCareerDNAWidget-container .img-container .content-inner .content-view .para-details p {
  color: #1c304b !important;
  margin-bottom: 0px;
}
.coachCornerWidget-container .img-container .content-inner .full-btn,
.nikoWidget-container .img-container .content-inner .full-btn,
.myCareerDNAWidget-container .img-container .content-inner .full-btn {
  width: 100%;
}
.nikoWidget-container .img-container,
.myCareerDNAWidget-container .img-container {
  background-image: url(/Content/Images/Ai-Niko.png);
}
.nikoWidget-container .img-container .content-inner,
.myCareerDNAWidget-container .img-container .content-inner {
  gap: 40px;
}
.nikoWidget-container .img-container .content-inner .content-view,
.myCareerDNAWidget-container .img-container .content-inner .content-view {
  width: 220px;
}
.nikoWidget-container .img-container .content-inner .content-view .header-section,
.myCareerDNAWidget-container .img-container .content-inner .content-view .header-section {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  column-gap: 8px;
  margin-bottom: 4px;
  flex-wrap: wrap;
}
.nikoWidget-container .img-container .content-inner .content-view .header-section .header-new,
.myCareerDNAWidget-container .img-container .content-inner .content-view .header-section .header-new,
.nikoWidget-container .img-container .content-inner .content-view .header-section .header-ai,
.myCareerDNAWidget-container .img-container .content-inner .content-view .header-section .header-ai {
  font-family: 'Noto Sans', sans-serif;
  font-size: 10px;
  font-weight: 500;
  line-height: 16px;
  color: #1c304b;
  text-transform: uppercase;
  border-radius: 4px;
  border: 1px solid #33841f;
  background: #dcf5d6;
  padding: 2px 8px;
}
.nikoWidget-container .img-container .content-inner .content-view .header-section .header-ai,
.myCareerDNAWidget-container .img-container .content-inner .content-view .header-section .header-ai {
  border: 1px solid #ff5858;
  background: #fff4f4;
}
.nikoWidget-container .img-container .content-inner .content-view .header-subtitle-ai,
.myCareerDNAWidget-container .img-container .content-inner .content-view .header-subtitle-ai {
  font-family: 'Noto Sans', sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #45505f;
  text-transform: uppercase;
  margin-bottom: 16px;
}
.nikoWidget-container .arrow-button-ai,
.coachCornerWidget-container .arrow-button-ai,
.making-moves .arrow-button-ai,
.myCareerDNAWidget-container .arrow-button-ai {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: Noto Sans, sans-serif;
  text-transform: uppercase;
  color: white;
  background-color: #441750;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  padding: 8px 24px;
  font-family: 'Noto Sans', sans-serif;
  padding: 8px;
  min-width: 100px;
  height: 40px;
  position: relative;
  display: flex;
  width: 100px;
  justify-content: center;
}
.nikoWidget-container .arrow-button-ai:active,
.coachCornerWidget-container .arrow-button-ai:active,
.making-moves .arrow-button-ai:active,
.myCareerDNAWidget-container .arrow-button-ai:active {
  color: white;
  background: #390447;
}
.nikoWidget-container .arrow-button-ai:hover,
.coachCornerWidget-container .arrow-button-ai:hover,
.making-moves .arrow-button-ai:hover,
.myCareerDNAWidget-container .arrow-button-ai:hover {
  background-color: #613e6b;
}
.nikoWidget-container .arrow-button-ai:focus,
.coachCornerWidget-container .arrow-button-ai:focus,
.making-moves .arrow-button-ai:focus,
.myCareerDNAWidget-container .arrow-button-ai:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.nikoWidget-container .arrow-button-ai:focus-visible,
.coachCornerWidget-container .arrow-button-ai:focus-visible,
.making-moves .arrow-button-ai:focus-visible,
.myCareerDNAWidget-container .arrow-button-ai:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.nikoWidget-container .arrow-button-ai:active,
.coachCornerWidget-container .arrow-button-ai:active,
.making-moves .arrow-button-ai:active,
.myCareerDNAWidget-container .arrow-button-ai:active {
  color: white;
  background: #390447;
}
.nikoWidget-container .arrow-button-ai:hover,
.coachCornerWidget-container .arrow-button-ai:hover,
.making-moves .arrow-button-ai:hover,
.myCareerDNAWidget-container .arrow-button-ai:hover {
  background-color: #613e6b;
}
.nikoWidget-container .arrow-button-ai:focus,
.coachCornerWidget-container .arrow-button-ai:focus,
.making-moves .arrow-button-ai:focus,
.myCareerDNAWidget-container .arrow-button-ai:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.nikoWidget-container .arrow-button-ai:focus-visible,
.coachCornerWidget-container .arrow-button-ai:focus-visible,
.making-moves .arrow-button-ai:focus-visible,
.myCareerDNAWidget-container .arrow-button-ai:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.nikoWidget-container .arrow-button-ai:active,
.coachCornerWidget-container .arrow-button-ai:active,
.making-moves .arrow-button-ai:active,
.myCareerDNAWidget-container .arrow-button-ai:active {
  color: white;
  background: #390447;
}
.nikoWidget-container .arrow-button-ai:hover,
.coachCornerWidget-container .arrow-button-ai:hover,
.making-moves .arrow-button-ai:hover,
.myCareerDNAWidget-container .arrow-button-ai:hover {
  background-color: #613e6b;
}
.nikoWidget-container .arrow-button-ai:focus,
.coachCornerWidget-container .arrow-button-ai:focus,
.making-moves .arrow-button-ai:focus,
.myCareerDNAWidget-container .arrow-button-ai:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.nikoWidget-container .arrow-button-ai:focus-visible,
.coachCornerWidget-container .arrow-button-ai:focus-visible,
.making-moves .arrow-button-ai:focus-visible,
.myCareerDNAWidget-container .arrow-button-ai:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.nikoWidget-container .arrow-button-ai:active,
.coachCornerWidget-container .arrow-button-ai:active,
.making-moves .arrow-button-ai:active,
.myCareerDNAWidget-container .arrow-button-ai:active {
  color: white;
  background: #390447;
}
.nikoWidget-container .arrow-button-ai:hover,
.coachCornerWidget-container .arrow-button-ai:hover,
.making-moves .arrow-button-ai:hover,
.myCareerDNAWidget-container .arrow-button-ai:hover {
  background-color: #613e6b;
}
.nikoWidget-container .arrow-button-ai:focus,
.coachCornerWidget-container .arrow-button-ai:focus,
.making-moves .arrow-button-ai:focus,
.myCareerDNAWidget-container .arrow-button-ai:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.nikoWidget-container .arrow-button-ai:focus-visible,
.coachCornerWidget-container .arrow-button-ai:focus-visible,
.making-moves .arrow-button-ai:focus-visible,
.myCareerDNAWidget-container .arrow-button-ai:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.nikoWidget-container .arrow-button-ai span,
.coachCornerWidget-container .arrow-button-ai span,
.making-moves .arrow-button-ai span,
.myCareerDNAWidget-container .arrow-button-ai span {
  background-image: url(/Content/Images/icons/arrow_forward_ai.svg);
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 8px;
  width: 24px;
  height: 24px;
  background-size: cover;
  display: block;
  text-align: center;
}
.nikoWidget-container .black-arrow-button,
.coachCornerWidget-container .black-arrow-button,
.making-moves .black-arrow-button,
.myCareerDNAWidget-container .black-arrow-button {
  width: 120px;
}
.coachCornerWidget-container .arrow-button-ai span {
  background-image: none;
}
.myCareerDNAWidget-container .img-container {
  background-image: url(/Content/Images/my-career-dna-bg.png);
}
.myCareerDNAWidget-container .img-container .content-inner .content-view {
  width: 100%;
}
.myCareerDNAWidget-container .arrow-button-ai {
  margin-top: 40px;
}
.home-page {
  word-break: break-word;
}
.home-page .content-padding-top .content-padding-inner-top {
  background-color: #f7f7fa;
}
.home-page .home-main-title {
  margin-top: 12px;
  margin-bottom: 24px;
}
.home-page .page-wrapper-test {
  height: 24px;
}
.home-page .home-top-section {
  background-color: white;
  padding: 26px 0px;
  border-radius: 8px;
  margin: 0px 0px 32px;
}
@media (min-width: 1440px) {
  .home-page .home-top-section {
    padding: 24px 0px;
  }
}
@media (max-width: 768px) {
  .home-page .home-top-section {
    padding: 16px 16px;
  }
}
.home-page .home-top-section .full-column {
  display: flex;
  flex-direction: row;
}
@media (max-width: 768px) {
  .home-page .home-top-section .full-column {
    display: block;
    padding-left: 0px;
    padding-right: 0px;
  }
}
.home-page .home-top-section .home-page-col {
  display: flex;
  justify-content: flex-start;
  border-right: 1px solid #ebebee;
  padding: 0px 24px;
}
@media (max-width: 768px) {
  .home-page .home-top-section .home-page-col {
    border-right: none;
    padding: 0px 16px;
  }
}
@media (min-width: 1440px) {
  .home-page .home-top-section .home-page-col {
    padding: 0px 40px;
  }
}
.home-page .home-top-section .home-page-col:first-child {
  margin-left: 15px;
}
@media (max-width: 768px) {
  .home-page .home-top-section .home-page-col:first-child {
    margin-left: 0px;
  }
}
.home-page .home-top-section .home-page-col:last-child {
  border-right: none;
  margin-right: 15px;
}
@media (max-width: 768px) {
  .home-page .home-top-section .home-page-col:last-child {
    margin-right: 0px;
  }
}
@media (max-width: 768px) {
  .home-page .home-top-section .home-page-col:last-child .home-top-sub-section {
    border-bottom: none;
  }
}
.home-page .home-top-section .home-top-sub-section {
  width: auto;
  cursor: pointer;
  text-decoration: none;
  display: block;
}
@media (max-width: 768px) {
  .home-page .home-top-section .home-top-sub-section {
    padding: 12px 12px 20px;
    margin-bottom: 8px;
    border-bottom: 1px solid #ebebee;
    width: 100%;
  }
}
.home-page .home-top-section .home-top-sub-section .title-icon {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.home-page .home-top-section .home-top-sub-section .resume-h-icon,
.home-page .home-top-section .home-top-sub-section .h-icon {
  position: relative;
  margin-right: 8px;
  height: 24px;
  width: 24px;
  border-radius: 50%;
  background-color: #f7d3d0;
}
.home-page .home-top-section .home-top-sub-section .resume-h-icon::before,
.home-page .home-top-section .home-top-sub-section .h-icon::before {
  content: '';
  background: url(/Content/Images/Redeployment/resume-home-icon.svg) no-repeat;
  position: absolute;
  left: 6px;
  top: 5px;
  height: 20px;
  width: 20px;
}
.home-page .home-top-section .home-top-sub-section .career-h-icon {
  background-color: #d0f0f7;
}
.home-page .home-top-section .home-top-sub-section .career-h-icon::before {
  background: url(/Content/Images/Redeployment/career-canvas-icon.svg) no-repeat;
}
.home-page .home-top-section .home-top-sub-section .tracker-h-icon {
  background-color: #f4f7d0;
}
.home-page .home-top-section .home-top-sub-section .tracker-h-icon::before {
  background: url(/Content/Images/Redeployment/job-tracker-home-icon.svg) no-repeat;
}
.home-page .home-top-section .home-top-sub-section .interview-h-icon {
  background-color: #d1f7d0;
}
.home-page .home-top-section .home-top-sub-section .interview-h-icon::before {
  background: url(/Content/Images/Redeployment/interview-home-icon.svg) no-repeat;
}
.home-page .home-top-section .home-top-sub-section .home-title {
  font-family: Noto Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
  text-transform: capitalize;
}
.home-page .home-top-section .home-top-sub-section .home-title.title-transform {
  text-transform: none;
}
.home-page .home-top-section .home-top-sub-section .sub-content {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
}
.home-page .home-left-section .jobtracker-img-container {
  margin-bottom: 24px;
}
.home-page .home-left-section .jobtracker-img-container .img-container {
  background-image: url(/Content/Images/Redeployment/events-banner-home.png);
}
.home-page .home-left-section .jobtracker-img-container .img-container .img-container-inner {
  background-image: linear-gradient(270deg, rgba(255, 255, 255, 0.05) 0%, rgba(124, 0, 157, 0.15) 100%);
  background-repeat: no-repeat;
  width: 100%;
  min-height: 80px;
  position: relative;
  border-radius: 8px;
}
.home-page .home-left-section .jobtracker-img-container .img-container .overlay-text {
  margin-top: 5px;
}
.home-page .home-left-section .jobtracker-img-container .img-container .overlay-text .lhhheader-subtxt {
  margin-top: 0px;
}
.home-page .home-left-section .jobtracker-img-container .smlbannertxt {
  margin-top: 20px;
}
.home-page .home-left-section .your-premium-tools,
.home-page .home-right-section .your-premium-tools {
  padding: 24px 24px 32px;
  border-radius: 8px;
  background-color: white;
  margin-bottom: 24px;
}
.home-page .home-left-section .your-premium-tools .top-premium-tools,
.home-page .home-right-section .your-premium-tools .top-premium-tools {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 20px;
}
.home-page .home-left-section .your-premium-tools .top-premium-tools .left-premium-tools,
.home-page .home-right-section .your-premium-tools .top-premium-tools .left-premium-tools {
  flex: 9;
}
.home-page .home-left-section .your-premium-tools .top-premium-tools .left-premium-tools .premium-tools-title,
.home-page .home-right-section .your-premium-tools .top-premium-tools .left-premium-tools .premium-tools-title {
  color: #1c304b;
}
.home-page .home-left-section .your-premium-tools .top-premium-tools .right-premium-tools,
.home-page .home-right-section .your-premium-tools .top-premium-tools .right-premium-tools {
  flex: 3;
  min-width: 120px;
  text-align: right;
}
.home-page .home-left-section .your-premium-tools .tool-card,
.home-page .home-right-section .your-premium-tools .tool-card {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
}
@media (max-width: 768px) {
  .home-page .home-left-section .your-premium-tools .tool-card,
  .home-page .home-right-section .your-premium-tools .tool-card {
    display: block;
  }
}
.home-page .home-left-section .your-premium-tools .tool-card .tool-card-desc,
.home-page .home-right-section .your-premium-tools .tool-card .tool-card-desc {
  padding-top: 0px;
  flex: 4;
}
.home-page .home-left-section .your-premium-tools .tool-card .tool-card-desc a,
.home-page .home-right-section .your-premium-tools .tool-card .tool-card-desc a {
  display: block;
}
.home-page .home-left-section .your-premium-tools .tool-card .tool-card-desc a:focus,
.home-page .home-right-section .your-premium-tools .tool-card .tool-card-desc a:focus,
.home-page .home-left-section .your-premium-tools .tool-card .tool-card-desc a:hover,
.home-page .home-right-section .your-premium-tools .tool-card .tool-card-desc a:hover {
  text-decoration: none;
}
.home-page .home-left-section .your-premium-tools .tool-card-banner img,
.home-page .home-right-section .your-premium-tools .tool-card-banner img {
  width: 100%;
  margin-bottom: 0;
}
.home-page .home-left-section .your-premium-tools .tool-label-button,
.home-page .home-right-section .your-premium-tools .tool-label-button {
  margin-bottom: 16px;
  margin-top: 16px;
}
.home-page .home-left-section .your-premium-tools .premium-tool-label,
.home-page .home-right-section .your-premium-tools .premium-tool-label {
  border-radius: 16px;
  background-color: #eaeaea;
  color: #1c304b;
  padding: 4px 16px;
  font-family: 'Noto Sans', sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  text-transform: uppercase;
}
.home-page .home-left-section .your-premium-tools .tool-card-title,
.home-page .home-right-section .your-premium-tools .tool-card-title {
  margin-bottom: 20px;
}
.home-page .home-right-section .your-premium-tools {
  margin-bottom: 0px;
}
.home-page .home-right-section .your-premium-tools .tool-card .tool-card-desc {
  padding-top: 0px;
}
.home-page .home-right-section .jobsection-box.job-market-insights {
  padding: 24px;
  margin-bottom: 24px;
}
.home-page .home-right-section .jobsection-box.job-market-insights .jobmarketinsights-line {
  border-left: 3px solid #aa0285;
  padding-right: 5px;
}
.home-page .home-right-section .jobtracker-img-container.making-moves {
  padding: 0px;
  background-color: #f1f0f5;
  border-radius: 8px;
  margin-bottom: 24px;
}
.home-page .home-right-section .jobtracker-img-container.making-moves .smlbannertxt {
  margin-top: 12px;
}
.home-page .home-right-section .jobtracker-img-container.making-moves .smlbannertxt p {
  margin-top: 0px;
  margin-bottom: 40px;
  color: #1c304b;
}
.home-page .home-right-section .jobtracker-img-container.making-moves .img-container {
  padding: 24px 28px;
  background-image: url(/Content/Images/Redeployment/Making-Moves-Right-Container-img.svg);
  background-repeat: no-repeat;
  width: 100%;
  min-height: 200px;
  position: relative;
  border-radius: 8px;
  background-position: right top;
  background-size: cover;
}
.home-page .home-right-section .jobtracker-img-container.making-moves .making-content-sec {
  width: 191px;
}
.home-page .home-right-section .jobtracker-img-container.making-moves .full-btn {
  width: 100%;
}
.home-page .home-right-section .jobtracker-img-container.making-moves a:focus-visible:not(:active) {
  border-radius: 8px;
}
.job-hub-page.home-page .content-padding-top .content-padding-inner-top {
  padding-top: 0px;
}
@media (max-width: 767px) {
  .job-hub-page.home-page .content-padding-top .main-content-top {
    padding: 16px 16px 0;
  }
}
.your-premium-tools .tool-card-banner {
  min-height: 128px;
  height: auto;
  border-radius: 8px;
}
.your-premium-tools .tool-card-banner .single-img {
  display: none;
}
.your-premium-tools .tool-card-banner img {
  width: 100%;
  min-height: 128px;
  border-radius: 8px;
}
.your-premium-tools .single-desc .tool-card-banner {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 128px;
}
.your-premium-tools .single-desc .tool-card-banner .single-img {
  display: block;
}
.your-premium-tools .single-desc .tool-card-banner .double-img {
  display: none;
}
.your-premium-tools .single-desc .tool-card-banner img {
  max-width: 100%;
  max-height: 100%;
}
.your-premium-tools .single-desc .linked-single-img img {
  object-fit: cover;
}
.your-premium-tools .tool-card .tool-card-desc a {
  height: 100%;
}
.career-pathing-cmp,
.upskill-cmp {
  padding: 0px;
  background-color: #f1f0f5;
  border-radius: 8px;
  margin-bottom: 24px;
}
.career-pathing-cmp .img-container,
.upskill-cmp .img-container {
  padding: 24px 24px 32px 24px;
  background-repeat: no-repeat;
  width: 100%;
  min-height: 236px;
  position: relative;
  border-radius: 8px;
  background-position: right top;
  background-size: cover;
}
.career-pathing-cmp .img-container .content-view,
.upskill-cmp .img-container .content-view {
  display: flex;
  flex-direction: column;
}
.career-pathing-cmp .img-container .content-view .header,
.upskill-cmp .img-container .content-view .header {
  padding-bottom: 12px;
}
.career-pathing-cmp .img-container .content-view .para-details,
.upskill-cmp .img-container .content-view .para-details {
  padding-left: 0;
}
.career-pathing-cmp .img-container .content-view .career-pathing-text,
.upskill-cmp .img-container .content-view .career-pathing-text {
  width: 191px;
  margin-bottom: 0px;
  color: #1c304b !important;
  letter-spacing: 0.04px;
}
.career-pathing-cmp .img-container .content-view .arrow-button,
.upskill-cmp .img-container .content-view .arrow-button {
  border-radius: 8px;
  border: 1px solid #1c304b;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.career-pathing-cmp .img-container .content-view .arrow-button:before,
.upskill-cmp .img-container .content-view .arrow-button:before {
  background: url(/Content/Images/Redeployment/navigate-button.png);
  background-repeat: no-repeat;
  content: '';
  display: block;
  width: 24px;
  height: 24px;
}
.career-pathing-cmp .img-container .content-view .arrow-button:hover,
.upskill-cmp .img-container .content-view .arrow-button:hover {
  border: 1px solid #aa0285;
}
.career-pathing-cmp .img-container .content-view .arrow-button:focus-visible,
.upskill-cmp .img-container .content-view .arrow-button:focus-visible {
  outline: 4px solid #ff5858;
}
.upskill-cmp .img-container {
  background-image: url(/Content/Images/Redeployment/UpskillBanner.png);
  background-repeat: no-repeat;
}
.upskill-cmp .img-container .para-details {
  margin-bottom: 56px;
}
.career-pathing-cmp .img-container {
  background-image: url(/Content/Images/Redeployment/CareerPathingBanner.png);
  background-repeat: no-repeat;
}
.career-pathing-cmp .img-container .para-details {
  margin-bottom: 32px;
}
.new-onecolumn-homepage.home-page .content-padding-top .content-padding-inner-top {
  padding-top: 0px;
  background: #f1f0f5;
  padding: 0px 0px 32px 0px;
  margin-bottom: 32px;
}
.new-onecolumn-homepage.home-page .content-padding-top .main-content-top {
  margin-bottom: 0px;
}
@media (max-width: 767px) {
  .new-onecolumn-homepage.home-page .content-padding-top .main-content-top {
    padding: 16px 16px 0;
  }
}
.new-onecolumn-homepage.home-page .content-padding-top .main-content-top .top-row .header-section h1 {
  margin-top: 12px;
  margin-bottom: 12px;
}
.new-onecolumn-homepage.home-page .content-padding-top .main-content-top .top-row .header-section .description {
  margin-top: 12px;
  margin-bottom: 12px;
}
.new-onecolumn-homepage.home-page .content-padding-top .main-content-top .top-row .welcome-container {
  margin-top: 12px;
}
.new-onecolumn-homepage.home-page .content-padding-top .main-content-top .top-row .welcome-container .quick-tour-wrapper {
  display: flex;
  align-items: center;
  column-gap: 8px;
  margin-bottom: 24px;
}
@media (max-width: 768px) {
  .new-onecolumn-homepage.home-page .content-padding-top .main-content-top .top-row .welcome-container .quick-tour-wrapper {
    margin-bottom: 32px;
  }
}
.new-onecolumn-homepage.home-page .content-padding-top .main-content-top .top-row .welcome-container .steppers-container {
  display: flex;
  gap: 24px;
  flex-flow: wrap;
}
@media (max-width: 768px) {
  .new-onecolumn-homepage.home-page .content-padding-top .main-content-top .top-row .welcome-container .steppers-container {
    flex-direction: column;
  }
}
.new-onecolumn-homepage.home-page .content-padding-top .main-content-top .top-row .welcome-container .steppers-container .stepper {
  display: flex;
  flex-direction: column;
  flex: 1;
  background-color: white;
  border-radius: 8px;
  width: 15%;
}
@media (max-width: 768px) {
  .new-onecolumn-homepage.home-page .content-padding-top .main-content-top .top-row .welcome-container .steppers-container .stepper {
    width: 100%;
  }
}
@media (min-width: 769px) and (max-width: 992px) {
  .new-onecolumn-homepage.home-page .content-padding-top .main-content-top .top-row .welcome-container .steppers-container .stepper {
    width: 47.5%;
    flex: none;
  }
}
@media (min-width: 993px) and (max-width: 1280px) {
  .new-onecolumn-homepage.home-page .content-padding-top .main-content-top .top-row .welcome-container .steppers-container .stepper {
    width: 31%;
    flex: none;
  }
}
.new-onecolumn-homepage.home-page .content-padding-top .main-content-top .top-row .welcome-container .steppers-container .stepper .img-wrapper {
  position: relative;
}
.new-onecolumn-homepage.home-page .content-padding-top .main-content-top .top-row .welcome-container .steppers-container .stepper .img-wrapper .stepper-img {
  width: 100%;
}
.new-onecolumn-homepage.home-page .content-padding-top .main-content-top .top-row .welcome-container .steppers-container .stepper .img-wrapper .stepper-number {
  position: absolute;
  left: 16px;
  bottom: 16px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  text-align: center;
}
.new-onecolumn-homepage.home-page .content-padding-top .main-content-top .top-row .welcome-container .steppers-container .stepper .img-wrapper .first-stepper {
  background-color: #f7d3d0;
}
.new-onecolumn-homepage.home-page .content-padding-top .main-content-top .top-row .welcome-container .steppers-container .stepper .img-wrapper .second-stepper {
  background-color: #d0f0f7;
}
.new-onecolumn-homepage.home-page .content-padding-top .main-content-top .top-row .welcome-container .steppers-container .stepper .img-wrapper .third-stepper {
  background-color: #f4f7d0;
}
.new-onecolumn-homepage.home-page .content-padding-top .main-content-top .top-row .welcome-container .steppers-container .stepper .img-wrapper .fourth-stepper {
  background-color: #d1f7d0;
}
.new-onecolumn-homepage.home-page .content-padding-top .main-content-top .top-row .welcome-container .steppers-container .stepper .img-wrapper .fifth-stepper {
  background-color: #ffdcf7;
}
.new-onecolumn-homepage.home-page .content-padding-top .main-content-top .top-row .welcome-container .steppers-container .stepper .lower-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-grow: 1;
  padding: 16px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.new-onecolumn-homepage.home-page .content-padding-top .main-content-top .top-row .welcome-container .steppers-container .stepper .lower-wrapper .stepper-title {
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: -0.9px;
}
.new-onecolumn-homepage.home-page .content-padding-top .main-content-top .top-row .welcome-container .steppers-container .stepper .lower-wrapper .watch-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 8px;
  width: 100%;
  margin-top: 16px;
}
.new-onecolumn-homepage.home-page .content-padding-top .main-content-top .top-row .welcome-container .steppers-container .stepper .lower-wrapper .watch-btn img {
  width: 20px;
  height: 20px;
}
.new-onecolumn-homepage.home-page .content-padding-top .main-content-middle .middle-row {
  display: grid;
  place-items: center;
}
@media (max-width: 480px) {
  .new-onecolumn-homepage.home-page .content-padding-top .main-content-middle .middle-row {
    display: flex;
    flex-direction: column;
  }
}
.new-onecolumn-homepage.home-page .content-padding-top .main-content-middle .middle-row .main-content {
  padding: 0 0 24px 0;
}
@media (max-width: 480px) {
  .new-onecolumn-homepage.home-page .content-padding-top .main-content-middle .middle-row .main-content .banner-brand-tan-lg .card-img-orivid {
    margin-right: -15px;
  }
}
@media (max-width: 992px) {
  .new-onecolumn-homepage.home-page .content-padding-top .main-content-middle .middle-row .main-content .banner-brand-tan-lg .card-img-orivid video {
    width: 100%;
    height: 265px;
  }
}
@media (max-width: 480px) {
  .new-onecolumn-homepage.home-page .content-padding-top .main-content-middle .middle-row .main-content .banner-brand-tan-lg .card-img-orivid video {
    width: 100%;
    height: 100%;
  }
}
.new-onecolumn-homepage.home-page .content-padding-top .main-content-middle .middle-row .details-card {
  padding-bottom: 48px;
}
.new-onecolumn-homepage.home-page .content-padding-top .main-content-middle .middle-row .container-middle {
  display: grid;
  column-gap: 24px;
  margin-bottom: 32px;
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 768px) {
  .new-onecolumn-homepage.home-page .content-padding-top .main-content-middle .middle-row .container-middle {
    display: flex;
    flex-direction: column;
  }
}
.new-onecolumn-homepage.home-page .content-padding-top .main-content-middle .middle-row .container-middle .jobsearchguide-container {
  padding: 24px;
  background-color: white;
  border-radius: 8px;
}
.new-onecolumn-homepage.home-page .content-padding-top .main-content-middle .middle-row .container-middle .jobsearchguide-container .heading-wrapper {
  display: flex;
  align-items: center;
  column-gap: 8px;
  margin-bottom: 16px;
}
.new-onecolumn-homepage.home-page .content-padding-top .main-content-middle .middle-row .container-middle .jobsearchguide-container .heading-wrapper .title {
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  margin-top: 0;
  margin-bottom: 0;
}
.new-onecolumn-homepage.home-page .content-padding-top .main-content-middle .middle-row .container-middle .jobsearchguide-container .description {
  margin-bottom: 32px;
  display: block;
}
.new-onecolumn-homepage.home-page .content-padding-top .main-content-middle .middle-row .container-middle .jobsearchguide-container .download-btn {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: Noto Sans, sans-serif;
  text-transform: uppercase;
  color: #1c304b;
  background-color: white;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid #1c304b !important;
  color: #1c304b !important;
  background-color: white !important;
  padding: 8px 24px;
  font-family: 'Noto Sans', sans-serif;
  display: block;
}
.new-onecolumn-homepage.home-page .content-padding-top .main-content-middle .middle-row .container-middle .jobsearchguide-container .download-btn:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
.new-onecolumn-homepage.home-page .content-padding-top .main-content-middle .middle-row .container-middle .jobsearchguide-container .download-btn:hover {
  border: 1px solid #aa0285 !important;
}
.new-onecolumn-homepage.home-page .content-padding-top .main-content-middle .middle-row .container-middle .jobsearchguide-container .download-btn:focus {
  outline: none !important;
  color: #1c304b !important;
}
.new-onecolumn-homepage.home-page .content-padding-top .main-content-middle .middle-row .container-middle .jobsearchguide-container .download-btn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
.new-onecolumn-homepage.home-page .content-padding-top .main-content-middle .middle-row .container-middle .jobsearchguide-container .download-btn:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
.new-onecolumn-homepage.home-page .content-padding-top .main-content-middle .middle-row .container-middle .jobsearchguide-container .download-btn:hover {
  border: 1px solid #aa0285 !important;
}
.new-onecolumn-homepage.home-page .content-padding-top .main-content-middle .middle-row .container-middle .jobsearchguide-container .download-btn:focus {
  outline: none !important;
  color: #1c304b !important;
}
.new-onecolumn-homepage.home-page .content-padding-top .main-content-middle .middle-row .container-middle .jobsearchguide-container .download-btn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
.new-onecolumn-homepage.home-page .content-padding-top .main-content-middle .middle-row .container-middle .jobsearchguide-container .download-btn:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
.new-onecolumn-homepage.home-page .content-padding-top .main-content-middle .middle-row .container-middle .jobsearchguide-container .download-btn:hover {
  border: 1px solid #aa0285 !important;
}
.new-onecolumn-homepage.home-page .content-padding-top .main-content-middle .middle-row .container-middle .jobsearchguide-container .download-btn:focus {
  outline: none !important;
  color: #1c304b !important;
}
.new-onecolumn-homepage.home-page .content-padding-top .main-content-middle .middle-row .container-middle .jobsearchguide-container .download-btn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
.new-onecolumn-homepage.home-page .content-padding-top .main-content-middle .middle-row .container-middle .jobsearchguide-container .download-btn:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
.new-onecolumn-homepage.home-page .content-padding-top .main-content-middle .middle-row .container-middle .jobsearchguide-container .download-btn:hover {
  border: 1px solid #aa0285 !important;
}
.new-onecolumn-homepage.home-page .content-padding-top .main-content-middle .middle-row .container-middle .jobsearchguide-container .download-btn:focus {
  outline: none !important;
  color: #1c304b !important;
}
.new-onecolumn-homepage.home-page .content-padding-top .main-content-middle .middle-row .container-middle .jobsearchguide-container .download-btn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
.new-onecolumn-homepage.home-page .content-padding-top .main-content-middle .middle-row .container-middle .jobsearchguide-container .download-btn:hover {
  text-decoration: none;
}
@media (max-width: 768px) {
  .new-onecolumn-homepage.home-page .content-padding-top .main-content-middle .middle-row .container-middle .jobsearchguide-container .download-btn {
    width: 100%;
  }
}
.new-onecolumn-homepage.home-page .content-padding-top .main-content-middle .middle-row .job-board-container {
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.5), white), url(/Content/Images/job-board-mask.svg);
  background-size: contain;
  border-radius: 8px;
  padding: 32px 24px 40px 24px;
  background-repeat: no-repeat;
}
@media (max-width: 768px) {
  .new-onecolumn-homepage.home-page .content-padding-top .main-content-middle .middle-row .job-board-container {
    padding: 32px 16px 28px 16px;
  }
}
.new-onecolumn-homepage.home-page .content-padding-top .main-content-middle .middle-row .job-board-container .job-board-header-section {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 32px;
}
@media (max-width: 768px) {
  .new-onecolumn-homepage.home-page .content-padding-top .main-content-middle .middle-row .job-board-container .job-board-header-section {
    flex-direction: column;
    align-items: flex-start;
  }
}
.new-onecolumn-homepage.home-page .content-padding-top .main-content-middle .middle-row .job-board-container .job-board-header-section .job-board-header-text .title {
  margin-bottom: 4px;
  margin-top: 0;
  color: #1c304b;
}
.new-onecolumn-homepage.home-page .content-padding-top .main-content-middle .middle-row .job-board-container .job-board-header-section a:hover {
  text-decoration: none;
}
@media (max-width: 768px) {
  .new-onecolumn-homepage.home-page .content-padding-top .main-content-middle .middle-row .job-board-container .job-board-header-section a {
    width: 100%;
    margin-top: 20px;
  }
}
.new-onecolumn-homepage.home-page .content-padding-top .main-content-middle .middle-row .job-board-container .job-board-header-section a:focus-visible:not(:active) {
  border-radius: 8px;
}
.new-onecolumn-homepage.home-page .content-padding-top .main-content-middle .middle-row .job-board-container .job-board-panel-section .job-board-panel {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #f7f7fa;
  border-radius: 8px;
  border: 1px solid #ebebee;
  padding: 24px 24px 32px 24px;
  margin-bottom: 16px;
  column-gap: 8px;
}
.new-onecolumn-homepage.home-page .content-padding-top .main-content-middle .middle-row .job-board-container .job-board-panel-section .job-board-panel:last-child {
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .new-onecolumn-homepage.home-page .content-padding-top .main-content-middle .middle-row .job-board-container .job-board-panel-section .job-board-panel {
    padding: 24px 16px 28px 16px;
  }
}
.new-onecolumn-homepage.home-page .content-padding-top .main-content-middle .middle-row .job-board-container .job-board-panel-section .job-board-panel .logo-desc-wrapper {
  display: flex;
  gap: 16px;
}
.new-onecolumn-homepage.home-page .content-padding-top .main-content-middle .middle-row .job-board-container .job-board-panel-section .job-board-panel .logo-desc-wrapper .logo {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  margin: 0;
}
.new-onecolumn-homepage.home-page .content-padding-top .main-content-middle .middle-row .job-board-container .job-board-panel-section .job-board-panel .logo-desc-wrapper .company-logo-bg {
  height: 54px;
  min-width: 62px;
  border-radius: 12px;
  flex: 1;
  padding: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #d8d8e2;
  font-size: 28px;
  font-weight: 700;
  line-height: 32px;
  color: #6b6b84;
  background-color: #efeff5;
}
.new-onecolumn-homepage.home-page .content-padding-top .main-content-middle .middle-row .job-board-container .job-board-panel-section .job-board-panel .logo-desc-wrapper .logo-border-1 {
  border: 1px solid #d9b2d1;
}
.new-onecolumn-homepage.home-page .content-padding-top .main-content-middle .middle-row .job-board-container .job-board-panel-section .job-board-panel .logo-desc-wrapper .logo-border-2 {
  border: 1px solid #b3afe2;
}
.new-onecolumn-homepage.home-page .content-padding-top .main-content-middle .middle-row .job-board-container .job-board-panel-section .job-board-panel .logo-desc-wrapper .logo-border-3 {
  border: 1px solid #f6c7aa;
}
.new-onecolumn-homepage.home-page .content-padding-top .main-content-middle .middle-row .job-board-container .job-board-panel-section .job-board-panel .logo-desc-wrapper .logo-border-4 {
  border: 1px solid #bfd3ac;
}
.new-onecolumn-homepage.home-page .content-padding-top .main-content-middle .middle-row .job-board-container .job-board-panel-section .job-board-panel .logo-desc-wrapper .logo-border-5 {
  border: 1px solid #f4cbe8;
}
.new-onecolumn-homepage.home-page .content-padding-top .main-content-middle .middle-row .job-board-container .job-board-panel-section .job-board-panel .logo-desc-wrapper .logo-border-6 {
  border: 1px solid #f7d3d0;
}
@media (max-width: 480px) {
  .new-onecolumn-homepage.home-page .content-padding-top .main-content-middle .middle-row .job-board-container .job-board-panel-section .job-board-panel .logo-desc-wrapper .panel-desc {
    max-width: 140px;
  }
}
.new-onecolumn-homepage.home-page .content-padding-top .main-content-middle .middle-row .job-board-container .job-board-panel-section .job-board-panel .logo-desc-wrapper .panel-desc h1 {
  margin-top: 0;
  margin-bottom: 4px;
}
.new-onecolumn-homepage.home-page .content-padding-top .main-content-middle .middle-row .job-board-container .job-board-panel-section .job-board-panel .logo-desc-wrapper .panel-desc span {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
}
.new-onecolumn-homepage.home-page .content-padding-top .main-content-middle .middle-row .job-board-container .job-board-panel-section .job-board-panel .go-btn-wrap {
  width: 40px;
  padding: 8px;
  border-radius: 8px;
  border: 1px solid #1c304b;
  cursor: pointer;
}
.new-onecolumn-homepage.home-page .content-padding-top .main-content-middle .middle-row .additional-tools-container {
  padding: 24px 24px 32px 24px;
  margin-top: 32px;
  background-color: white;
  border-radius: 8px;
}
.new-onecolumn-homepage.home-page .content-padding-top .main-content-middle .middle-row .additional-tools-container .heading {
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: -0.9px;
  margin-top: 0;
}
.new-onecolumn-homepage.home-page .content-padding-top .main-content-middle .middle-row .additional-tools-container .description {
  border-bottom: 1px solid #ebebee;
  padding-bottom: 24px;
  display: block;
  width: 100%;
}
.new-onecolumn-homepage.home-page .content-padding-top .main-content-middle .middle-row .additional-tools-container .widgets-wrapper {
  display: flex;
  column-gap: 24px;
  margin-top: 32px;
}
@media (max-width: 768px) {
  .new-onecolumn-homepage.home-page .content-padding-top .main-content-middle .middle-row .additional-tools-container .widgets-wrapper {
    flex-direction: column;
    row-gap: 24px;
  }
}
.new-onecolumn-homepage.home-page .content-padding-top .main-content-middle .middle-row .additional-tools-container .widgets-wrapper .first-widget,
.new-onecolumn-homepage.home-page .content-padding-top .main-content-middle .middle-row .additional-tools-container .widgets-wrapper .second-widget,
.new-onecolumn-homepage.home-page .content-padding-top .main-content-middle .middle-row .additional-tools-container .widgets-wrapper .third-widget {
  display: flex;
  flex-direction: column;
  flex: 1;
  border-radius: 8px;
  background: #f7f7fa;
  padding: 24px;
}
@media (max-width: 768px) {
  .new-onecolumn-homepage.home-page .content-padding-top .main-content-middle .middle-row .additional-tools-container .widgets-wrapper .first-widget,
  .new-onecolumn-homepage.home-page .content-padding-top .main-content-middle .middle-row .additional-tools-container .widgets-wrapper .second-widget,
  .new-onecolumn-homepage.home-page .content-padding-top .main-content-middle .middle-row .additional-tools-container .widgets-wrapper .third-widget {
    padding: 24px 16px;
  }
}
.new-onecolumn-homepage.home-page .content-padding-top .main-content-middle .middle-row .additional-tools-container .widgets-wrapper .first-widget .widget-heading-wrap,
.new-onecolumn-homepage.home-page .content-padding-top .main-content-middle .middle-row .additional-tools-container .widgets-wrapper .second-widget .widget-heading-wrap,
.new-onecolumn-homepage.home-page .content-padding-top .main-content-middle .middle-row .additional-tools-container .widgets-wrapper .third-widget .widget-heading-wrap {
  display: flex;
  align-items: center;
  column-gap: 8px;
  margin-bottom: 12px;
}
.new-onecolumn-homepage.home-page .content-padding-top .main-content-middle .middle-row .additional-tools-container .widgets-wrapper .first-widget .widget-heading-wrap .left-divider,
.new-onecolumn-homepage.home-page .content-padding-top .main-content-middle .middle-row .additional-tools-container .widgets-wrapper .second-widget .widget-heading-wrap .left-divider,
.new-onecolumn-homepage.home-page .content-padding-top .main-content-middle .middle-row .additional-tools-container .widgets-wrapper .third-widget .widget-heading-wrap .left-divider {
  width: 3px;
  height: 20px;
  border-radius: 1px;
  margin-bottom: 0;
}
.new-onecolumn-homepage.home-page .content-padding-top .main-content-middle .middle-row .additional-tools-container .widgets-wrapper .first-widget .widget-desc,
.new-onecolumn-homepage.home-page .content-padding-top .main-content-middle .middle-row .additional-tools-container .widgets-wrapper .second-widget .widget-desc,
.new-onecolumn-homepage.home-page .content-padding-top .main-content-middle .middle-row .additional-tools-container .widgets-wrapper .third-widget .widget-desc {
  margin-bottom: auto;
}
.new-onecolumn-homepage.home-page .content-padding-top .main-content-middle .middle-row .additional-tools-container .widgets-wrapper .first-widget .go-btn-wrap,
.new-onecolumn-homepage.home-page .content-padding-top .main-content-middle .middle-row .additional-tools-container .widgets-wrapper .second-widget .go-btn-wrap,
.new-onecolumn-homepage.home-page .content-padding-top .main-content-middle .middle-row .additional-tools-container .widgets-wrapper .third-widget .go-btn-wrap {
  margin-top: 32px;
  width: 40px;
  padding: 8px;
  border-radius: 8px;
  border: 1px solid #1c304b;
  cursor: pointer;
}
.new-onecolumn-homepage.home-page .content-padding-top .main-content-middle .middle-row .additional-tools-container .widgets-wrapper .first-widget .left-divider {
  background: #1a5bbb;
}
.new-onecolumn-homepage.home-page .content-padding-top .main-content-middle .middle-row .additional-tools-container .widgets-wrapper .second-widget .left-divider {
  background: #ff5858;
}
.new-onecolumn-homepage.home-page .content-padding-top .main-content-middle .middle-row .additional-tools-container .widgets-wrapper .third-widget .left-divider {
  background: #aa0285;
}
.new-twocolumn-homepage .content-padding-inner-top:has(.networking-top-section) {
  background: linear-gradient(270deg, rgba(241, 240, 245, 0) 12.28%, #f1f0f5 49%), url(/Content/Images/Networkingbackgroundimage.webp) center no-repeat;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right;
  padding-left: 24px;
}
@media (max-width: 767px) {
  .new-twocolumn-homepage .content-padding-inner-top:has(.networking-top-section) {
    background-image: none;
    background: #f1f0f5;
    padding: 0px;
  }
}
@media (max-width: 767px) {
  .new-twocolumn-homepage .main-content-top:has(.networking-top-section) {
    padding: 24px 16px 32px 16px;
  }
}
.new-twocolumn-homepage .main-content-top {
  padding: 24px 32px 32px 32px !important;
}
@media (max-width: 767px) {
  .new-twocolumn-homepage .main-content-top {
    padding: 24px 16px 32px 16px !important;
  }
}
.new-twocolumn-homepage .main-content-top .bio-container .coc-body {
  margin-top: 16px;
}
.new-twocolumn-homepage .main-content-top .bio-container .coc-heading {
  color: #1c304b;
}
.new-twocolumn-homepage .main-content-top .bio-container .bio-btn-container {
  display: flex;
  column-gap: 8px;
  align-items: center;
  margin-top: 24px;
}
@media (max-width: 410px) {
  .new-twocolumn-homepage .main-content-top .bio-container .bio-btn-container {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
  }
}
.new-twocolumn-homepage .main-content-top .bio-container .bio-btn-container .coach-bio-phn {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  text-transform: uppercase;
  color: #aa0285;
  font-family: 'Noto Sans', sans-serif;
}
.new-twocolumn-homepage .main-content-top .bio-container .bio-btn-container .coach-bio-phn img {
  width: 14px;
  height: 14px;
  margin-left: 8px;
  margin-bottom: 4px;
}
@media (max-width: 410px) {
  .new-twocolumn-homepage .main-content-top .bio-container .bio-btn-container .coach-bio-bottom-btn {
    display: block;
    width: 100%;
  }
}
.new-twocolumn-homepage .main-content-top .networking-top-section {
  display: flex;
  width: auto;
  flex-direction: column;
  align-items: flex-start;
  padding: 16px 0px 0px 0px !important;
}
.new-twocolumn-homepage .main-content-top .networking-top-section .networking-title {
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
  font-size: 28px;
  font-style: normal;
  font-weight: 600;
  line-height: 32px;
  letter-spacing: -0.84px;
  margin-bottom: 12px;
  max-width: 65%;
}
@media (max-width: 767px) {
  .new-twocolumn-homepage .main-content-top .networking-top-section .networking-title {
    max-width: 100%;
  }
}
.new-twocolumn-homepage .main-content-top .networking-top-section .networking-subtitle {
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.056px;
  width: 48%;
  margin-bottom: 16px;
}
@media (max-width: 767px) {
  .new-twocolumn-homepage .main-content-top .networking-top-section .networking-subtitle {
    width: 100%;
  }
}
.new-twocolumn-homepage .main-content-top .networking-top-section .networking-btn {
  text-decoration: none !important;
  color: white !important;
  margin-bottom: 12px;
  display: inline-flex;
  gap: 8px;
}
@media (max-width: 767px) {
  .new-twocolumn-homepage .main-content-top .networking-top-section .networking-btn {
    margin: 0 auto;
    width: 100%;
    justify-content: center;
    margin-bottom: 12px;
  }
}
.new-twocolumn-homepage .main-content-top .networking-top-section .networking-btn .btn-text {
  color: white;
  font-family: 'Noto Sans', sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.7px;
  text-transform: uppercase;
  text-decoration: none;
}
.new-twocolumn-homepage .main-content-top .networking-top-section .networking-btn .btn-icon {
  width: 24px;
  height: 24px;
}
.new-twocolumn-homepage .main-content-top .networking-top-section .networking-bottom-section {
  display: flex;
  align-items: center;
  gap: 8px;
}
@media (max-width: 767px) {
  .new-twocolumn-homepage .main-content-top .networking-top-section .networking-bottom-section {
    margin: 0 auto;
  }
}
.new-twocolumn-homepage .main-content-top .networking-top-section .networking-bottom-section .networking-community-icon {
  width: 20px;
  height: 20px;
  aspect-ratio: 1;
}
.new-twocolumn-homepage .main-content-top .networking-top-section .networking-bottom-section .networking-community-text {
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.048px;
}
.new-twocolumn-homepage .main-content-middle .faq-container {
  background: white;
  padding: 24px 24px 32px 24px;
  border-radius: 8px;
}
.new-twocolumn-homepage .main-content-middle .faq-container .subheader {
  display: none;
}
.new-twocolumn-homepage .main-content-middle .faq-container .faq-wrapper {
  margin-top: 24px;
}
.new-twocolumn-homepage .main-content-middle .faq-container .faq-wrapper .faq {
  border-radius: 8px;
  background: #f7f7fa;
  padding: 24px 20px;
  margin-bottom: 16px;
}
.new-twocolumn-homepage .main-content-middle .faq-container .faq-wrapper .faq:last-child {
  margin-bottom: 0;
}
.new-twocolumn-homepage .main-content-middle .faq-container .faq-wrapper .faq .question {
  position: relative;
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: -0.14px;
  cursor: pointer;
}
.new-twocolumn-homepage .main-content-middle .faq-container .faq-wrapper .faq .question a {
  position: absolute;
  right: 0;
}
.new-twocolumn-homepage .main-content-middle .faq-container .faq-wrapper .faq .answer {
  display: block;
  padding-top: 16px;
}
.new-twocolumn-homepage .main-content-middle .faq-container .faq-wrapper .content_title_semibold {
  display: none;
}
.new-twocolumn-homepage .main-content-middle .middle-row .left-column .your-premium-tools {
  padding: 24px 24px 32px;
  border-radius: 8px;
  background-color: white;
  margin-bottom: 24px;
}
.new-twocolumn-homepage .main-content-middle .middle-row .left-column .your-premium-tools .top-premium-tools {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 20px;
}
.new-twocolumn-homepage .main-content-middle .middle-row .left-column .your-premium-tools .top-premium-tools .left-premium-tools {
  flex: 9;
}
.new-twocolumn-homepage .main-content-middle .middle-row .left-column .your-premium-tools .top-premium-tools .left-premium-tools .premium-tools-title {
  color: #1c304b;
  margin-bottom: 4px;
}
.new-twocolumn-homepage .main-content-middle .middle-row .left-column .your-premium-tools .top-premium-tools .right-premium-tools {
  flex: 3;
  min-width: 120px;
  text-align: right;
}
.new-twocolumn-homepage .main-content-middle .middle-row .left-column .your-premium-tools .tool-card {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
}
@media (max-width: 480px) {
  .new-twocolumn-homepage .main-content-middle .middle-row .left-column .your-premium-tools .tool-card {
    flex-direction: column;
  }
}
.new-twocolumn-homepage .main-content-middle .middle-row .left-column .your-premium-tools .tool-card .tool-card-desc {
  padding-top: 0;
  flex: 4;
}
.new-twocolumn-homepage .main-content-middle .middle-row .left-column .your-premium-tools .tool-card .tool-card-desc a {
  display: block;
}
.new-twocolumn-homepage .main-content-middle .middle-row .left-column .your-premium-tools .tool-card-banner {
  width: 100%;
  min-height: 128px;
  height: auto;
  border-radius: 8px;
  display: block;
  margin-bottom: 0;
}
.new-twocolumn-homepage .main-content-middle .middle-row .left-column .your-premium-tools .premium-tool-label {
  display: inline-block;
  margin-top: 16px;
  margin-bottom: 16px;
  padding: 4px 16px;
  border-radius: 16px;
  background-color: #eaeaea;
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  text-transform: uppercase;
}
.new-twocolumn-homepage .main-content-middle .middle-row .left-column .your-premium-tools .card-text {
  margin-bottom: 20px;
}
.new-twocolumn-homepage .main-content-middle .middle-row .right-column .white-box p {
  margin-top: 0;
}
.new-twocolumn-homepage .main-content-middle .middle-row .community-section {
  background-color: white;
  border-radius: 8px;
  margin-bottom: 28px;
  background-image: url(/Content/Images/icons/Networking_FindCommunity_BG.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 100% 100%;
}
@media (max-width: 767px) {
  .new-twocolumn-homepage .main-content-middle .middle-row .community-section {
    background-image: none;
    background: #f1f0f5;
    padding: 0px;
  }
}
.new-twocolumn-homepage .main-content-middle .middle-row .community-section .community-content {
  padding: 24px;
}
.new-twocolumn-homepage .main-content-middle .middle-row .community-section .community-content .community-conten-heading {
  font-family: Noto Sans;
  font-weight: 600;
  font-size: 20px;
  line-height: 32px;
  letter-spacing: -5%;
  vertical-align: middle;
  color: #1c304b;
}
.new-twocolumn-homepage .main-content-middle .middle-row .community-section .community-content .secondary-btn {
  padding: 8px 24px 8px 24px;
}
.new-twocolumn-homepage .main-content-middle .middle-row .community-section .community-content .secondary-btn span img {
  width: 20px;
  height: 20px;
}
.new-twocolumn-homepage .main-content-middle .middle-row .community-section .community-content p {
  font-family: Noto Sans;
  font-weight: 400;
  vertical-align: middle;
  color: #1c304b;
  line-height: 24px;
  size: 14px;
  width: 70%;
}
.banner-bg-full {
  background: url("/Content/Images/Redeployment/banner.png") no-repeat center center;
  background-size: cover;
  min-height: 200px;
  height: 520px;
}
@media screen and (max-width: 1920px) {
  .banner-bg-full {
    height: 350px;
  }
}
@media screen and (max-width: 1024px) {
  .banner-bg-full {
    height: 280px;
  }
}
@media screen and (max-width: 767px) {
  .banner-bg-full {
    height: 220px;
  }
}
@media (min-width: 320px) and (max-width: 480px) {
  .banner-bg-full {
    height: 260px;
  }
}
.job-nav-tab {
  padding: 0 0 0 10px;
  display: flex;
}
@media (max-width: 768px) {
  .job-nav-tab {
    overflow-x: scroll;
  }
}
.job-nav-tab li {
  float: left;
  list-style: none;
  margin: 15px 8px;
  border-bottom: 2px solid transparent;
  position: relative;
}
.job-nav-tab li a {
  color: #4f185a;
  font-family: 'Noto Sans', serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-transform: uppercase;
  text-decoration: none;
  padding: 3px;
}
.job-nav-tab li.active a:after {
  content: '';
  position: absolute;
  bottom: -5px;
  left: 0;
  right: 0;
  background: #e23369;
  height: 6px;
  text-decoration: none;
}
.jobs-submenu {
  position: relative;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  z-index: 1;
  padding: 0px;
}
.keyword-box {
  display: flex;
  justify-content: space-between;
  margin: 10px 0;
}
.add-more-keyword-box {
  display: flex;
  justify-content: space-between;
}
.add-more-keyword-box .adv-serch-col-job-type {
  width: calc(50%);
  margin-right: 10px;
}
.add-more-keyword-box .adv-serch-col-job-type-full-width {
  width: 100%;
}
.add-more-keyword-box .adv-serch-col-job-function {
  width: calc(50%);
}
.select2-results .select2-disabled {
  color: darkgray;
}
.select2-results li {
  margin-right: 0px;
}
.job-search-text {
  width: calc(50% - 5px);
  height: 50px;
  border: 2px solid #a6a6a6;
  border-radius: 0px;
  font-size: 16px;
}
.job-search-text:focus {
  border: 2px solid #a6a6a6;
  outline: none;
}
.job-search-text.job-search-text-custom {
  width: 100% !important;
}
.keyword-box.row .job-search-text {
  width: calc(50% - 18px);
}
@media (max-width: 768px) {
  .keyword-box.row .job-search-text {
    width: 100%;
  }
}
.validation-error {
  border: 1px solid #c70f00 !important;
  background-color: #fdf6f5;
  color: #1c304b;
}
.validation-error:focus {
  border: 1px solid #c70f00 !important;
}
.validation-error::placeholder {
  color: #45505f;
}
.validation-error:focus {
  border: 1px solid #c70f00 !important;
}
.validation-error::placeholder {
  color: #45505f;
}
.validation-error-select a {
  border: 2px solid #c44343 !important;
}
.validation-error-select a span {
  color: #c44343 !important;
}
.pac-container {
  display: block;
  z-index: 99999;
}
.job-search-btns {
  display: flex;
  justify-content: center;
}
.job-search-btns input {
  height: 50px;
  border: 2px solid #4d065b;
  border-radius: 0px;
  color: #4d065b;
  background: white;
  min-width: 20%;
  margin: 0px 5px 30px;
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
}
.job-search-btns input:focus {
  border: 2px solid #4d065b;
}
.job-search-btns input.btn-invert {
  color: white;
  background: #4d065b;
}
@media (max-width: 768px) {
  .keyword-box {
    flex-wrap: wrap;
    padding: 0px;
  }
  .add-more-keyword-box {
    flex-wrap: wrap;
    padding: 0px;
  }
  .add-more-keyword-box .adv-serch-col-job-type {
    width: 100%;
    margin: 5px 0;
  }
  .add-more-keyword-box .adv-serch-col-job-function {
    width: 100%;
    margin: 5px 0;
  }
  .job-search-text {
    width: calc(100% - 20px);
    margin: 5px 10px;
  }
  .job-search-btns {
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 22px 0px 10px;
  }
  .job-search-btns input {
    order: 2;
    width: calc(50% - 5px);
    margin: 5px 0px;
    padding: 0px;
  }
  .job-search-btns input.btn-invert {
    order: 1;
    width: 100%;
  }
}
/*Advance Search*/

.advance-search {
  padding: 0px 0px 0px 0px;
  clear: both;
}
.adv-keyword-box {
  padding: 0 15px;
  margin-bottom: 10px;
}
.adv-keyword-box.col-sm-9 {
  padding-right: 10px;
  margin-bottom: 10px;
}
.adv-serch-col.col-sm-3 {
  padding-left: 0;
}
.adv-serch-field {
  display: flex;
  justify-content: space-between;
  margin: 10px 0;
}
.text-field {
  height: 40px;
  border: 1px solid #1c304b;
  border-radius: 8px;
  font-weight: 400;
  line-height: 24px;
}
.text-field:focus {
  border: 2px solid #a6a6a6;
  outline: none;
}
.job-adv-search-grade {
  width: 100%;
  min-height: 40px;
  color: #1c304b;
}
.job-adv-search-keyword {
  width: 100%;
  height: auto;
  color: #1c304b;
}
.multiselect-title.job-adv-search-keyword {
  height: max-content;
  width: calc(50% - 7px);
}
.keyword-box.multiselect-row {
  margin-right: 10px;
}
.select2-container-multi.multiselect-title .select2-choices,
.select2-container-multi.multiline-grade .select2-choices {
  min-height: 40px;
  border: 1px solid #1c304b !important;
  border-radius: 8px !important;
  padding-left: 8px;
  padding-top: 0px;
}
.select2-container-multi.multiselect-title .select2-choices .select2-search-field input,
.select2-container-multi.multiline-grade .select2-choices .select2-search-field input {
  margin: 0px;
  padding: 0px 5px;
  height: 40px;
}
.select2-container-multi.multiselect-titl.job-adv-search-keyword .select2-choices .select2-search-field input:focus,
.select2-container-multi.multiline-grade .select2-choices .select2-search-field input:focus {
  font-style: normal;
}
.adv-serch-field .adv-serch-col,
.keyword-box .job-adv-search-select {
  width: calc(50% - 7px);
}
.search-box-even {
  margin-right: 9px !important;
  margin-left: -2px !important;
}
.search-box-even1 {
  margin-right: 10px !important;
}
.search-box-odd {
  margin-right: 10px !important;
}
.search-box-odd1 {
  margin-right: 10px !important;
  margin-left: 4px !important;
}
.job-adv-search-select.search-box-border {
  border: 1px solid #1c304b;
}
.job-adv-search-text,
.job-adv-search-select {
  width: 100%;
}
.select2-container.job-adv-search-select .select2-choice > span:first-child {
  /*padding: 17px 0px 8px 14px !important;*/
  width: 100%;
}
.select2-container.job-adv-search-select .select2-choice {
  border: 1px solid #1c304b;
  border-radius: 8px;
  font-weight: 400;
  height: 40px !important;
}
.select2-container.job-adv-search-select .select2-choice:focus {
  border: 1px solid #aa0285;
  outline: none;
}
.select2-container.job-adv-search-select .select2-choice .select2-arrow {
  border-left: none;
}
.select2-container.job-adv-search-select .select2-choice .select2-arrow {
  width: 30px;
}
.select2-container.job-adv-search-select .select2-choice .select2-chosen {
  height: 40px;
  line-height: 24px;
  color: #1c304b;
  font-size: 14px !important;
  line-height: 24px !important;
  padding: 8px 16px !important;
  font-weight: 400;
  padding: 8px 32px 8px 16px !important;
}
.disabled {
  pointer-events: none;
  cursor: default;
  opacity: 0.6;
}
.disabled .nav-tabs li {
  pointer-events: none !important;
}
.job-search-btns {
  display: flex;
  justify-content: center;
  /*input[disabled] {
        background: #4d065b;
        opacity: 0.5;
        color: #fff;
    }*/

}
.job-search-btns input {
  /*border: 2px solid #4d065b;
        border-radius: 0px;
        color: #4d065b;
        background: #fff;*/
  min-width: 20%;
  margin: 0px 5px 30px;
  /*font-size: 16px;
        font-weight: 700;
        text-transform: uppercase;*/

  /*&:focus {
            border: 2px solid #4d065b;
        }*/

}
.job-search-btns input.btn-invert {
  color: white;
  background: #4d065b;
  font-weight: 400 !important;
}
.select2-results {
  max-height: 250px;
}
select.job-adv-search-select {
  border: 2px solid #a6a6a6;
  border-radius: 0px;
  font-weight: 500;
  height: 50px;
  text-indent: 10px;
  background-color: white;
}
@media (max-width: 768px) {
  .keyword-box {
    flex-wrap: wrap;
    padding: 0px;
  }
  .job-search-text {
    width: 100%;
    margin: 0px;
  }
  .advance-search {
    padding: 0;
  }
  .adv-keyword-box {
    padding: 0;
  }
  .adv-serch-field {
    flex-direction: column;
    margin: 0;
  }
  .job-adv-search-text {
    width: 100%;
    margin: 5px 0;
  }
  .adv-serch-field .adv-serch-col,
  .keyword-box .job-adv-search-select {
    width: 100%;
    margin: 5px 0;
  }
  .job-adv-search-keyword {
    width: 100%;
    margin: 5px 0;
  }
  .job-search-btns {
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0px 0px 10px;
  }
  .job-search-btns input {
    order: 2;
    width: calc(50% - 5px);
    margin: 5px 0px;
  }
  .job-search-btns input.btn-invert {
    order: 1;
    width: 100%;
  }
}
.job-search-btns input[type="button"]:focus {
  outline: 2px solid #434343;
}
.keyword-box input {
  margin-right: 11px;
}
.keyword-box .job-adv-search-keyword:first-child {
  margin-left: 0px;
}
.keyword-box .job-adv-search-keyword:last-child {
  margin-left: 4px;
  margin-right: 9px;
}
.disableClosetSort {
  cursor: not-allowed;
}
.profile-card .job-menu .results .font-normal {
  font-weight: normal;
}
@media (min-width: 220px) and (max-width: 767px) {
  .keyword-box input {
    margin-right: 0;
  }
  .job-search-btns input.moreOption {
    font-size: 12px !important;
  }
  .adv-keyword-box.col-sm-9 {
    padding-right: 0;
  }
  .adv-serch-col.col-sm-3 {
    padding-right: 0;
  }
  .search-box-even {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .search-box-even1 {
    margin-right: 0px !important;
  }
  .search-box-odd {
    margin-right: 0px !important;
  }
  .search-box-odd1 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .keyword-box .job-adv-search-keyword:first-child,
  .keyword-box .job-adv-search-keyword:last-child {
    margin-left: 0px;
    margin-right: 0;
  }
  .multiselect-title.job-adv-search-keyword {
    width: 100%;
    margin-top: 10px;
  }
  .keyword-box.multiselect-row {
    margin: 5px 0px;
  }
}
@media (min-width: 762px) and (max-width: 1076px) {
  .search-box-even {
    margin-right: 9px !important;
    margin-left: 0px !important;
  }
  .search-box-even1 {
    margin-right: 10px !important;
  }
  .search-box-odd {
    margin-right: 10px !important;
  }
  .search-box-odd1 {
    margin-right: 10px !important;
    margin-left: 4px !important;
  }
}
.job-match-notification-icon {
  position: absolute;
  display: block;
  width: 26px;
  height: 26px;
  background-repeat: no-repeat;
  background-image: url(/Content/Images/r19/notification_icon.svg);
  transform: translate(50px, -50px);
  right: 40px;
}
.jobs-submenu.job-submenu-notification {
  overflow-x: visible;
  overflow-y: visible;
}
.job-match-notification-icon-card {
  position: absolute;
  display: block;
  width: 26px;
  height: 26px;
  background-repeat: no-repeat;
  background-image: url(/Content/Images/r19/notification_icon.svg);
  transform: translate(52px, -15px);
  right: 40px;
  z-index: 1;
}
.job-search-criteria {
  background-color: #f1f0f5;
  padding: 48px 1px 0px;
}
.nodata-section {
  background-color: white;
  padding: 24px 24px 32px;
  border-radius: 8px;
  width: 100%;
  text-align: center;
}
.nodata-section .nodata-section-img {
  margin-bottom: 12px;
}
.nodata-section .nodata-section-text {
  text-align: center;
}
.nodata-section .nodata-section-text .body_medium {
  text-align: center;
}
.red-main-content.job-hub-search {
  background-color: #f7f7fa;
  padding-bottom: 32px;
}
@media (max-width: 768px) {
  .red-main-content.job-hub-search {
    padding-top: 70px;
  }
}
@media screen and (max-width: 736px) {
  .red-main-content.job-hub-search .container {
    width: 100%;
    padding-right: 16px;
    padding-left: 16px;
  }
}
.red-main-content.job-hub-search .control-wrapper.control-wrapper-opened .control-wrapper-body {
  display: block;
}
.red-main-content.job-hub-search .control-wrapper .control-wrapper-body {
  display: none;
}
.profile-section {
  padding: 55px 0px;
  background-color: #f7f7fa;
}
.profile-section .right-column {
  padding-left: 12px;
}
@media (max-width: 768px) {
  .profile-section .right-column {
    padding-left: 15px;
    padding-right: 16px;
  }
}
.profile-section .left-column {
  padding-right: 12px;
  word-break: break-word;
}
@media (min-width: 1400px) {
  .profile-section .left-column {
    width: 330px;
  }
}
@media (max-width: 768px) {
  .profile-section .left-column {
    padding-right: 16px;
    padding-left: 16px;
  }
}
.profile-section .custom-tab-container,
.profile-section panel {
  background-color: transparent;
  margin-bottom: 0px;
  border: none;
}
.profile-section .custom-tab-container .panel-body,
.profile-section panel .panel-body {
  padding: 0px;
}
.profile-section .custom-tab-container .panel-heading,
.profile-section panel .panel-heading {
  background-color: transparent;
  border: none;
  border-color: transparent;
  padding: 0px;
}
.profile-section .custom-tab-container .panel-heading .nav > li > a,
.profile-section panel .panel-heading .nav > li > a {
  margin: 0px 20px;
  padding: 5px 0px;
}
.profile-section .custom-tab-container .panel-heading .nav-tabs li,
.profile-section panel .panel-heading .nav-tabs li {
  border-bottom: none;
}
.profile-section .custom-tab-container .panel-heading .nav-tabs li a,
.profile-section panel .panel-heading .nav-tabs li a {
  background-color: #f7f7fa;
}
.profile-section .custom-tab-container .panel-default > .panel-heading,
.profile-section panel .panel-default > .panel-heading {
  background-color: transparent;
  border: none;
}
.profile-section .custom-tab-container .panel-heading .nav-tabs > li.active > a,
.profile-section panel .panel-heading .nav-tabs > li.active > a {
  border-bottom: 2px solid #441750;
  background-color: transparent;
}
.profile-section .custom-tab-container .panel-heading .nav > li > a:first-child,
.profile-section panel .panel-heading .nav > li > a:first-child {
  margin-left: 0px;
}
.profile-section .custom-pagination {
  width: 100%;
}
.profile-section .custom-pagination .pagination,
.profile-section .custom-pagination .pagination > .disabled > a,
.profile-section .custom-pagination .pagination > li > a,
.profile-section .custom-pagination .pagination > li > span {
  background-color: transparent;
}
.profile-section .custom-pagination .pagination > .active > a {
  background-color: #441750 !important;
  border: 1px solid #441750;
  border-radius: 50%;
  color: white !important;
}
.profile-section .left-column .filter-top-title {
  padding: 16px 24px;
  background-color: white;
  border-radius: 8px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
  flex-wrap: wrap;
  word-break: break-word;
  border: 1px solid #e5e4ec;
  box-shadow: 1px 2px 24px 0px rgba(24, 8, 49, 0.05);
}
.profile-section .left-column .filter-top-title .filter-top-buttons {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
.profile-section .left-column .filter-top-title .filter-top-title-text {
  margin-right: 10px;
}
.profile-section .left-column .filter-top-title link-text {
  margin-right: 4px;
}
.profile-section .left-column .filter-top-title custom-button .secondary-btn--sm {
  min-height: 32px;
  padding: 7px 16px;
}
.profile-section .left-column .input-with-icon {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.profile-section .left-column .input-with-icon input-control,
.profile-section .left-column .input-with-icon .my-input {
  width: 100%;
}
.profile-section .left-column .input-with-icon .salary-select-icon {
  position: relative;
  display: none;
}
.profile-section .left-column .input-with-icon .salary-select-icon::before {
  content: '';
  background: url(/Content/Images/dollar-icon.svg) no-repeat;
  position: absolute;
  right: 16px;
  top: -8px;
  height: 20px;
  width: 20px;
  z-index: 1;
}
.profile-section .left-column .control-wrapper {
  margin-bottom: 16px;
  padding: 0px;
  max-height: 64px;
  border: 1px solid #ebebee;
}
.profile-section .left-column .control-wrapper.control-wrapper-opened {
  max-height: 4000px;
}
.profile-section .left-column .control-wrapper .wrapper-body-inner {
  padding: 16px 24px;
}
.profile-section .left-column .control-wrapper .control-wrapper-head {
  margin-bottom: 16px;
  padding: 16px 24px 0px;
}
.profile-section .left-column .control-wrapper .control-wrapper-head .custom-heading {
  font-family: Noto Sans, sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 16px !important;
  font-family: 'Noto Sans', sans-serif !important;
}
.profile-section .left-column .control-wrapper .control-wrapper-body {
  padding: 0px;
}
.profile-section .left-column .control-wrapper .control-wrapper-body .radio-group {
  border-bottom: 1px solid #ebebee;
  padding: 12px 24px;
}
.profile-section .left-column .control-wrapper .control-wrapper-body .radio-group:last-child {
  border-bottom: none;
}
.profile-section .left-column .control-wrapper .control-wrapper-body .radio-group custom-radio label {
  display: flex;
  align-items: center;
  gap: 12px;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
  color: #1c304b;
  margin-bottom: 0px;
}
.profile-section .left-column .control-wrapper .control-wrapper-body .radio-group custom-radio label input[type="radio"] {
  margin-top: 0px;
}
.profile-section .left-column .control-wrapper .control-wrapper-body .radio-group custom-radio label .radio-span-input {
  display: flex;
}
.profile-section .left-column .control-wrapper .control-wrapper-body .radio-group custom-radio label span {
  font-weight: 400;
}
.profile-section .left-column .control-wrapper .control-btn-unfold {
  background-image: url(/Content/Images/Common/down-arrow-new-icon-m.svg);
}
.profile-section .left-column .control-wrapper .control-btn-fold {
  background-image: url(/Content/Images/Common/up-arrow-new-icon.svg);
}
.profile-section .left-column .control-wrapper .control-btn-unfold,
.profile-section .left-column .control-wrapper .control-btn-fold {
  width: 10px;
  height: 8px;
  padding-left: 0px;
  background-repeat: no-repeat;
  margin-right: 0px;
  padding-right: 10px;
}
.profile-section .left-column .control-wrapper .dropdown-control-wrapper {
  padding: 24px;
}
.profile-section .left-column .control-wrapper .dropdown-control-wrapper .select2-container.job-adv-search-select .select2-choice > span:first-child {
  width: 90% !important;
}
.profile-section .left-column .control-wrapper .dropdown-control-wrapper .select2-container-multi ul.select2-choices {
  height: auto !important;
}
.profile-section .left-column .control-wrapper .dropdown-control-wrapper .job-adv-search-keyword {
  height: auto;
}
.profile-section .left-column .control-wrapper .dropdown-control-wrapper .select2-container-multi .select2-choices .select2-search-field input {
  height: 40px;
  padding: 6px 5px;
  color: #45505f;
}
.profile-section .left-column .control-wrapper .dropdown-control-wrapper .select2-container-multi .select2-choices .select2-search-field input.select2-default {
  width: 100% !important;
}
.profile-section .left-column .control-wrapper .dropdown-control-wrapper .select2-container-multi .select2-choices li:first-child.select2-search-field {
  width: 100%;
}
.profile-section .left-column custom-radio label {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
  text-transform: initial;
}
.profile-section .left-column .selected-for-you .disabled-control-wrapper {
  pointer-events: none;
  opacity: 0.7;
}
.profile-section .left-column .selected-for-you .filter-with-desc-box {
  background: white;
  border-radius: 8px;
  border: 1px solid #ebebee;
}
.profile-section .left-column .selected-for-you .filter-with-desc-box .filter-top-title {
  padding: 16px 24px 0 24px;
  border: none;
  box-shadow: none;
}
.profile-section .left-column .selected-for-you .filter-with-desc-box .radio-option-box {
  display: flex;
  padding: 8px 24px;
  flex-direction: row;
  border-top: 1px solid #ebebee;
}
.profile-section .left-column .selected-for-you .filter-with-desc-box .radio-option-box .radio-desc-job-alert {
  padding-top: 12px;
}
.profile-section .left-column .selected-for-you .filter-with-desc-box .radio-option-box .radio-desc-job-alert .radio-group {
  display: flex;
  gap: 8px;
  align-items: flex-start;
}
.profile-section .left-column .selected-for-you .filter-with-desc-box .radio-option-box .radio-desc-job-alert .radio-group custom-radio label {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  font-family: 'Noto Sans', sans-serif;
  display: flex;
  text-transform: initial;
}
.profile-section .left-column .selected-for-you .filter-with-desc-box .radio-option-box .radio-desc-job-alert .radio-group custom-radio label input[type="radio"] {
  margin-right: 12px;
}
.profile-section .left-column .selected-for-you .filter-with-desc-box .radio-option-box .radio-desc-job-alert .radio-group custom-radio label .radio-span-input {
  display: flex;
}
.profile-section .left-column .selected-for-you .filter-with-desc-box .radio-option-box .radio-desc-job-alert .radio-group custom-radio label span {
  font-weight: 400;
}
.profile-section .left-column .selected-for-you .filter-with-desc-box .radio-option-box .radio-desc-job-alert .radio-group .job-rec-card-new-notification {
  border-radius: 16px;
  background-color: #dcf5d6;
  padding: 4px 8px;
  color: #1c304b;
  word-break: auto-phrase;
}
.profile-section .left-column .selected-for-you .filter-with-desc-box .radio-option-box .radio-desc-job-alert span.radio-option-value {
  padding-left: 12px;
}
.profile-section .left-column .selected-for-you .filter-with-desc-box .radio-option-box .radio-desc-job-alert .radio-desc-box {
  padding-left: 28px;
}
.profile-section .left-column .selected-for-you .filter-with-desc-box .radio-option-box .radio-desc-job-alert .job-alert-link {
  padding: 0 0 16px 28px;
}
.profile-section .left-column .selected-for-you .filter-with-desc-box .radio-option-box:last-child {
  padding-bottom: 30px;
}
.profile-section .empty-state-wrapper {
  margin-top: 24px;
}
.profile-section .empty-state-wrapper .empty-state-text {
  margin-bottom: 24px;
}
.profile-section .empty-state-wrapper .mb-0 {
  margin-bottom: 0;
}
.border-top-2 {
  border-top: 2px solid #e6e6e6;
}
.padding-20 {
  padding: 20px;
}
.job-match-box {
  min-height: 65px;
}
a.job-card-link {
  color: #333333;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  height: 100%;
}
a.job-card-link:hover,
a.job-card-link:visited,
a.job-card-link:focus {
  text-decoration: none;
  color: #333333;
}
a.job-card-link:focus-visible {
  outline: none;
  border: 2px solid black;
  border-radius: 8px !important;
}
a.job-card-link .profile-div {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
a.job-card-link .border-top-2 {
  flex-shrink: 0;
  border: 1px solid #ebebee;
}
.profile-section,
.selcted-left-section {
  background: #f7f7fa;
}
.profile-section .profile-card .panel,
.selcted-left-section .profile-card .panel {
  padding: 16px 24px 24px;
  border-radius: 8px;
  background-color: white;
  border: 1px solid #ebebee;
  box-shadow: none;
}
.profile-card .job-menu {
  font-size: 16px;
  margin: 24px 0;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  border-radius: 7px;
}
@media (max-width: 767px) {
  .profile-card .job-menu {
    margin-bottom: 32px;
  }
}
.profile-card .job-menu .results span.body_small {
  color: #45505f;
}
.profile-card .job-menu .results span.body_medium {
  color: #1c304b;
}
@media (max-width: 768px) {
  .profile-card .job-menu .results span.body_medium {
    font-size: 12px;
    line-height: 16px;
  }
}
.profile-card .job-menu .results .result-lowercase {
  text-transform: lowercase;
}
.profile-card .job-menu .right-save-button-section {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 767px) {
  .profile-card .job-menu .right-save-button-section {
    margin-top: 16px;
    flex-wrap: wrap;
    align-items: baseline;
  }
}
.profile-card .job-menu .right-save-button-section .save-search-btn {
  margin-left: 16px;
  min-width: 140px;
  height: 32px;
  font-size: 12px;
  line-height: 16px;
  padding-right: 25px;
}
@media (max-width: 767px) {
  .profile-card .job-menu .right-save-button-section .save-search-btn {
    margin-left: 0px;
  }
}
.profile-card .job-menu .right-save-button-section .save-search-btn .jobhub-search-icon {
  position: relative;
}
.profile-card .job-menu .right-save-button-section .save-search-btn .jobhub-search-icon::after {
  content: '';
  background: url(/Content/Images/Redeployment/white-search-icon.svg) no-repeat;
  position: absolute;
  left: 5px;
  top: 2px;
  height: 12px;
  width: 12px;
}
.profile-card .job-menu .right-save-button-section .filter-show {
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .profile-card .job-menu .right-save-button-section .filter-show {
    margin-bottom: 16px;
  }
}
.profile-card .job-menu .right-save-button-section .filter-show .select2-container .select2-choice {
  height: 32px !important;
}
.profile-card .job-menu .right-save-button-section .filter-show .select2-container .select2-choice .select2-arrow b {
  background-position: -4px 4px !important;
}
.profile-card .job-menu .right-save-button-section .filter-show .select2-container .select2-chosen,
.profile-card .job-menu .right-save-button-section .filter-show .select2-container .select2-choice > span:first-child {
  padding: 3px 34px 3px 12px !important;
  font-weight: 600;
}
.profile-card .job-menu .right-save-button-section .filter-show .filter-show-dropdown-sort {
  margin-left: 8px;
}
.profile-card .job-menu .right-save-button-section .filter-show .filter-show-dropdown {
  font-weight: 400;
  text-transform: initial;
  display: block;
  white-space: nowrap;
  margin-bottom: 0px;
}
.profile-card .job-menu .right-save-button-section .filter-show .filter-show-dropdown-sort {
  min-width: 134px;
}
.profile-card .job-menu .nav-pills a {
  font-size: 16px;
  font-weight: 500;
  color: gray;
  margin: 0px;
  padding: 10px !important;
}
.profile-card .job-menu .nav-pills > li.active > a {
  background: transparent;
  color: #4d065b;
}
.profile-card .job-menu .nav-pills > li.active > a:focus {
  background: transparent;
  color: #4d065b;
}
.profile-card .job-menu .nav-pills > li.active > a:hover {
  background: transparent;
  color: #4d065b;
}
.profile-card .job-menu.rec-job-card {
  margin: 10px 0px 0px;
}
.profile-card .job-menu.job-menu.pro-ideal-job-card {
  margin: 10px 0 20px;
}
.profile-card .job-menu .filter-menu {
  display: flex;
  align-items: center;
  margin-left: auto;
}
.profile-card .nodatafoundtext {
  text-align: center;
  display: block;
}
.pro-detail {
  min-height: 100px;
  word-wrap: break-word;
}
.new-section {
  background: #4d065b;
  color: white;
  float: right;
  position: absolute;
  top: 0px;
  right: 35px;
  padding: 3px 10px;
  font-size: 12px;
  font-weight: bold;
  border-radius: 0 0 4px 4px;
  display: none;
}
input.save-search-btn {
  height: 50px;
  color: #4f185a;
  border: 2px solid #a68bac;
  border-radius: 0;
  background: none;
  min-width: 262px;
  font-size: 16px;
  font-weight: 700 !important;
  text-transform: uppercase;
  margin-left: 15px;
}
input.save-search-btn:focus-visible {
  outline: 2px solid black;
}
.profile-salary span.no-data {
  font-family: 'Noto Sans', sans-serif;
  font-weight: normal;
  font-style: italic;
  color: white;
  visibility: hidden;
}
.profile-salary .salary-range {
  font-weight: 500;
  color: #1c304b;
  font-size: 12px;
  line-height: 16px;
  font-family: 'Noto Sans', sans-serif;
  padding: 4px 16px;
  background-color: #ebebee;
  border-radius: 16px;
}
.profile-div {
  padding-bottom: 16px;
  border-radius: 0px;
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
}
.profile-div .company-logo-bg {
  width: 24px;
  height: 24px;
  background: #ebebee;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 24px;
}
.profile-div .company-logo-bg .company-logo-box {
  width: 12px;
  height: 13px;
  margin: 2px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.profile-div .company-logo-bg .company-logo-box img {
  width: 13.5px;
  height: 12px;
}
.profile-div .profile-bg {
  width: 60px;
  height: 60px;
  padding: 6px;
}
.profile-div .profile-logo {
  position: absolute;
  top: 23px;
  left: 30px;
  width: 30px;
}
.profile-div .profile-title {
  display: block;
  margin-left: 5px;
  margin-right: 12px;
}
.profile-div .profile-title .comp-name {
  padding: 0px 3px;
  color: #1c304b;
}
.profile-div .pos-name {
  font-family: Noto Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
  display: block;
  word-break: break-word;
  overflow-wrap: break-word;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: inherit;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  max-height: 72px;
  min-height: 24px;
  margin-top: 16px;
}
.profile-div .pro-date-location {
  font-weight: 400;
  margin-top: 4px;
}
.profile-div .pro-date-location .location {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
}
.profile-div .pro-date-location .date span {
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  font-family: 'Noto Sans', sans-serif;
}
.pro-date {
  margin-top: 4px;
}
.profile-info {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
}
.profile-match {
  padding: 13px 20px 17px 20px;
  font-family: Noto Sans;
  font-size: 14px;
  font-weight: 400;
  padding-bottom: 32px;
}
.profile-match p {
  margin-bottom: unset;
}
.profile-match .progress {
  height: 5px;
  margin-bottom: unset;
}
.profile-match .progress .match-failed {
  background-color: #e87a71 !important;
}
.profile-match .progress .match-average {
  background-color: #ffc133 !important;
}
.profile-match .progress .match-success {
  background-color: #33841f !important;
}
.font-bold {
  font-weight: bold;
}
.add-new-section img {
  width: 40px;
  height: 40px;
}
.add-trackar {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 80px 0;
}
.add-trackar .added-tracker-title {
  font-size: 20px;
  color: #4d065b;
  display: block;
  margin: 20px 0;
}
@media (min-width: 992px) and (max-width: 1200px) {
  .add-trackar {
    padding: 104px 0;
  }
  .pro-detail {
    min-height: 120px;
    word-break: break-word;
    word-wrap: break-word;
  }
}
@media (max-width: 992px) {
  .add-trackar {
    padding: 0 0 30px;
  }
  .profile-div .pro-date-location {
    margin: 15px 0 0;
  }
  .profile-salary {
    padding-top: 0;
  }
  .profile-salary .salary-range {
    font-weight: 400;
    color: #e23369;
  }
}
.tracker-page-con .panel {
  border-radius: 0;
}
.row.equal-col {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.row.equal-col:before,
.row.equal-col:after {
  display: block;
}
.row.equal-col > [class*='col-'] {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.row.equal-col > [class*='col-'] > * {
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
.company-logo-img {
  max-width: 100%;
}
.add-new-section .add-to-tracker {
  display: inline-block;
}
.border-top-2 .job-action-box .job-action-btn .add-to-tracker {
  display: inline-block;
}
.profile-match-no-compass {
  padding: 100px 15px;
}
.profile-section .profile-card #job-agent-section,
.profile-section .profile-card .job-agent-section-custom {
  background: none !important;
}
.dot {
  height: 4px;
  width: 4px;
  background-color: #5c6573;
  border-radius: 50%;
  display: inline-block;
  margin: 2px 6px;
}
@media (min-width: 767px) and (max-width: 1024px) {
  .profile-match-no-compass {
    margin-bottom: 0px;
    height: calc(51vh);
  }
}
@media (max-width: 992px) {
  .row.equal-col > [class*='col-'] {
    width: 100%;
  }
}
@media all and (-ms-high-contrast: active), all and (-ms-high-contrast: none) {
  .pro-date-location span {
    font-family: Helvetica, Arial, sans-serif;
  }
}
.job-details-priority-skill {
  justify-content: space-between;
  display: flex;
  align-items: center;
}
.job-details-priority-skill .job-details-priority {
  font-weight: bold;
}
.job-card-custom {
  padding: 20px 0px 15px !important;
}
.job-card-custom .profile-info {
  padding-left: 20px;
  padding-right: 20px;
}
.row-margin {
  margin-top: 10px;
  margin-left: -20px;
  margin-right: -20px;
  border-top: 2px solid #e6e6e6;
  border-bottom: 2px solid #e6e6e6;
}
.custom-margin {
  margin-left: -20px;
  margin-right: -20px;
}
.job-rating-non-colered-icon_star {
  width: 30px;
  height: 28px;
  object-fit: contain;
  float: left;
}
.job-rating-colered-icon_star {
  width: 30px;
  height: 28px;
  object-fit: contain;
  float: left;
}
.tracked-jobs-section {
  align-items: center;
  justify-content: space-between;
}
.jobs-section-content {
  display: flex;
}
.job-rating-container {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  padding-top: 15px;
  padding-left: 15px;
}
.job-rating-container .job-rating-section .job-rating-section-width {
  padding-top: 10px;
}
.job-rating-container .job-rating-section .job-rating-section-width span {
  display: inline-block;
}
.job-rating-container .job-rating-section .job-rating-section-width span:focus-visible {
  outline: 2px solid black;
}
.p-2 {
  padding-left: 6px;
}
.job-rating-section {
  min-width: 280px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.job-rating-section span.circle-border {
  border: 1px solid #7f7f7f;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  line-height: 35px;
  text-align: center;
  font-size: 20px;
  display: inline-block;
  font-weight: 600;
}
.job-rating-section .isChecked {
  color: #d6643c;
}
.job-rating-section .isChecked span.circle-border {
  background: #d6643c;
  color: white;
}
.job-rating-section-width {
  width: 200px;
}
@media (max-width: 768px) {
  .tracked-jobs-section {
    flex-direction: column;
    align-items: flex-start;
  }
  .tracked-jobs-section .job-rating-section {
    padding-left: 60px;
  }
  .job-rating-container .job-rating-section {
    min-width: auto;
    display: block;
  }
  .job-rating-container .job-rating-section .job-rating-section-width {
    width: 170px;
    padding-bottom: 5px;
    padding-top: 5px;
  }
}
@media (min-width: 320px) and (max-width: 850px) {
  .profile-salary {
    padding-bottom: 10px;
  }
  .profile-salary span.no-data {
    display: none;
  }
}
.profile-section .row.equal-col > [class*='col-'],
.selcted-left-section .row.equal-col > [class*='col-'] {
  margin-bottom: 20px;
}
.profile-section .profile-card .nodata-section,
.selcted-left-section .profile-card .nodata-section {
  background-color: transparent !important;
}
.profile-section .profile-card .panel-new,
.selcted-left-section .profile-card .panel-new {
  padding: 16px 24px 24px;
  border-radius: 8px;
  background-color: white;
  padding: 0px;
  border: 1px solid #ebebee;
  box-shadow: none;
}
.profile-section .profile-card .panel-new a.job-card-link,
.selcted-left-section .profile-card .panel-new a.job-card-link {
  padding: 16px 24px 24px;
}
.profile-section .profile-card .panel-new a.job-card-link:focus-visible,
.selcted-left-section .profile-card .panel-new a.job-card-link:focus-visible {
  border: none;
}
.profile-section .profile-card .panel-new .border-top-new,
.selcted-left-section .profile-card .panel-new .border-top-new {
  flex-shrink: 0;
  border-top: 1px solid #ebebee;
  padding: 16px 24px;
}
.profile-section .profile-card .panel-new .profile-info-new,
.selcted-left-section .profile-card .panel-new .profile-info-new {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-bottom: 4px;
  flex-wrap: wrap;
  gap: 8px;
}
@media (max-width: 768px) {
  .profile-section .profile-card .panel-new .profile-info-new,
  .selcted-left-section .profile-card .panel-new .profile-info-new {
    display: block;
  }
}
@media (max-width: 768px) {
  .profile-section .profile-card .panel-new .profile-salary-new,
  .selcted-left-section .profile-card .panel-new .profile-salary-new {
    margin-top: 8px;
    width: auto !important;
  }
}
.profile-section .profile-card .panel-new .profile-salary-new .salary-range,
.selcted-left-section .profile-card .panel-new .profile-salary-new .salary-range {
  font-weight: 500;
  color: #1c304b;
  font-size: 12px;
  line-height: 16px;
  font-family: 'Noto Sans', sans-serif;
  padding: 4px 24px;
  background-color: #ebebee;
  border-radius: 16px;
}
@media (max-width: 767px) {
  .profile-section .profile-card .panel-new .profile-salary-new .salary-range,
  .selcted-left-section .profile-card .panel-new .profile-salary-new .salary-range {
    padding: 4px 16px;
  }
}
.profile-section .profile-card .panel-new .logo-company-new,
.selcted-left-section .profile-card .panel-new .logo-company-new {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.profile-section .profile-card .panel-new .logo-company-new .job-rec-card-new-notification,
.selcted-left-section .profile-card .panel-new .logo-company-new .job-rec-card-new-notification {
  border-radius: 16px;
  background-color: #dcf5d6;
  padding: 4px 8px;
  color: #1c304b;
  text-align: center;
  display: inline-block;
  white-space: nowrap;
}
.profile-section .profile-card .panel-new .dot,
.selcted-left-section .profile-card .panel-new .dot {
  height: 4px;
  width: 4px;
  background-color: #5c6573;
  border-radius: 50%;
  display: inline-block;
  margin: 2px 6px;
}
.profile-section .profile-card .panel-new .add-new-section .link_small:hover,
.selcted-left-section .profile-card .panel-new .add-new-section .link_small:hover,
.profile-section .profile-card .panel-new .add-new-section .link_small:focus,
.selcted-left-section .profile-card .panel-new .add-new-section .link_small:focus {
  color: #aa0285;
}
.profile-section .profile-card .panel-new .add-new-section .add-to-tracker-new,
.selcted-left-section .profile-card .panel-new .add-new-section .add-to-tracker-new {
  display: flex;
}
.profile-section .profile-card .panel-new .add-new-section .add-to-tracker-new img,
.selcted-left-section .profile-card .panel-new .add-new-section .add-to-tracker-new img {
  width: 14px;
  height: 14px;
}
.profile-section .profile-card .panel-new .add-new-section .add-to-tracker-new .link-add-tracker,
.selcted-left-section .profile-card .panel-new .add-new-section .add-to-tracker-new .link-add-tracker {
  padding-left: 8px;
}
.profile-section .profile-card .panel-new .profile-div-new,
.selcted-left-section .profile-card .panel-new .profile-div-new {
  padding-bottom: 16px;
  border-radius: 0px;
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
}
.profile-section .profile-card .panel-new .profile-div-new .company-logo-bg,
.selcted-left-section .profile-card .panel-new .profile-div-new .company-logo-bg {
  width: 24px;
  height: 24px;
  background: #ebebee;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 24px;
}
.profile-section .profile-card .panel-new .profile-div-new .company-logo-bg .company-logo-box,
.selcted-left-section .profile-card .panel-new .profile-div-new .company-logo-bg .company-logo-box {
  width: 12px;
  height: 13px;
  margin: 2px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.profile-section .profile-card .panel-new .profile-div-new .company-logo-bg .company-logo-box img,
.selcted-left-section .profile-card .panel-new .profile-div-new .company-logo-bg .company-logo-box img {
  width: 13.5px;
  height: 12px;
}
.profile-section .profile-card .panel-new .profile-div-new .profile-logo,
.selcted-left-section .profile-card .panel-new .profile-div-new .profile-logo {
  position: absolute;
  top: 23px;
  left: 30px;
  width: 30px;
}
.profile-section .profile-card .panel-new .profile-div-new .profile-title-new,
.selcted-left-section .profile-card .panel-new .profile-div-new .profile-title-new {
  display: block;
  margin-left: 8px;
  margin-right: 12px;
}
.profile-section .profile-card .panel-new .profile-div-new .profile-title-new .comp-name-new,
.selcted-left-section .profile-card .panel-new .profile-div-new .profile-title-new .comp-name-new {
  padding: 0px 3px;
  color: #1c304b;
  line-height: 16px;
}
.profile-section .profile-card .panel-new .profile-div-new .pos-name-new,
.selcted-left-section .profile-card .panel-new .profile-div-new .pos-name-new {
  font-family: Noto Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
  display: block;
  word-break: break-word;
  overflow-wrap: break-word;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: inherit;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  max-height: 72px;
  min-height: 24px;
  margin-top: 12px;
}
.profile-section .profile-card .panel-new .profile-div-new .pro-date-location-new,
.selcted-left-section .profile-card .panel-new .profile-div-new .pro-date-location-new {
  margin-top: 4px;
}
.profile-section .profile-card .panel-new .profile-div-new .pro-date-location-new .location-new,
.selcted-left-section .profile-card .panel-new .profile-div-new .pro-date-location-new .location-new {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
}
.profile-section .profile-card .panel-new .profile-div-new .pro-date-location-new .pro-date-new,
.selcted-left-section .profile-card .panel-new .profile-div-new .pro-date-location-new .pro-date-new {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-top: 4px;
  flex-wrap: wrap;
  gap: 6px;
}
.profile-section .profile-card .panel-new .profile-div-new .pro-date-location-new .pro-date-new .date-new,
.selcted-left-section .profile-card .panel-new .profile-div-new .pro-date-location-new .pro-date-new .date-new {
  display: flex;
  gap: 8px;
  align-items: center;
}
.profile-section .profile-card .panel-new .profile-div-new .pro-date-location-new .pro-date-new .date-new .rec-by-dot,
.selcted-left-section .profile-card .panel-new .profile-div-new .pro-date-location-new .pro-date-new .date-new .rec-by-dot {
  height: 4px;
  width: 4px;
  background-color: #5c6573;
  border-radius: 50%;
}
.profile-section .profile-card .panel-new .profile-div-new .pro-date-location-new .pro-date-new .date-new .rec-by-title,
.selcted-left-section .profile-card .panel-new .profile-div-new .pro-date-location-new .pro-date-new .date-new .rec-by-title {
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  font-family: 'Noto Sans', sans-serif;
  color: #5c6573;
}
.profile-section .profile-card .panel-new .profile-div-new .pro-date-location-new .pro-date-new .date-new .rec-by-name,
.selcted-left-section .profile-card .panel-new .profile-div-new .pro-date-location-new .pro-date-new .date-new .rec-by-name {
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  color: #1c304b;
}
.profile-section .profile-card .panel-new .profile-div-new .pro-date-location-new .pro-date-new .date-new .rec-by,
.selcted-left-section .profile-card .panel-new .profile-div-new .pro-date-location-new .pro-date-new .date-new .rec-by {
  color: #707882;
}
.profile-section .profile-card .panel-new .profile-div-new .pro-date-location-new .lhh-logo-new,
.selcted-left-section .profile-card .panel-new .profile-div-new .pro-date-location-new .lhh-logo-new {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.profile-section .profile-card .panel-new .profile-div-new .pro-date-location-new .lhh-logo-new .dot,
.selcted-left-section .profile-card .panel-new .profile-div-new .pro-date-location-new .lhh-logo-new .dot {
  margin-left: 0px;
}
.profile-section .profile-card .panel-new .profile-div-new .pro-date-location-new .lhh-logo-new .lhh-collected,
.selcted-left-section .profile-card .panel-new .profile-div-new .pro-date-location-new .lhh-logo-new .lhh-collected {
  color: #5c6573;
}
.profile-section .profile-card .panel-new .profile-div-new .pro-date-location-new .lhh-logo-img,
.selcted-left-section .profile-card .panel-new .profile-div-new .pro-date-location-new .lhh-logo-img {
  margin-right: 8px;
  padding-bottom: 2px;
}
.profile-section .profile-card .panel-new .profile-div-new .pro-date-location-new .lhh-logo-img-only,
.selcted-left-section .profile-card .panel-new .profile-div-new .pro-date-location-new .lhh-logo-img-only {
  margin-right: 8px;
  padding-bottom: 2px;
  margin-left: -7px;
}
.profile-section .profile-card .panel-new .profile-div-new .pro-date-location-new .date-new span,
.selcted-left-section .profile-card .panel-new .profile-div-new .pro-date-location-new .date-new span {
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  font-family: 'Noto Sans', sans-serif;
  color: #5c6573;
}
.profile-section .profile-card .panel-new-selected,
.selcted-left-section .profile-card .panel-new-selected {
  background-color: #fcf7fb;
  border: 1px solid #aa0285;
}
.profile-section .profile-card.job-search-skeleton .panel-new,
.selcted-left-section .profile-card.job-search-skeleton .panel-new {
  padding: 16px 24px 24px;
}
.profile-section .profile-card.job-search-skeleton .results,
.selcted-left-section .profile-card.job-search-skeleton .results {
  display: flex;
  justify-content: flex-start;
  gap: 8px;
}
.profile-section .profile-card.job-search-skeleton .skeleton-circle-gray,
.selcted-left-section .profile-card.job-search-skeleton .skeleton-circle-gray {
  min-height: 16px;
  min-width: 16px;
  background-color: #d8d8e2;
}
.profile-section .profile-card.job-search-skeleton .skeleton-line-gray,
.selcted-left-section .profile-card.job-search-skeleton .skeleton-line-gray {
  background: #d8d8e2;
  margin-bottom: 0px;
}
.profile-section .profile-card.job-search-skeleton .skeleton-squre-gray,
.selcted-left-section .profile-card.job-search-skeleton .skeleton-squre-gray {
  border-radius: 15px;
  background-color: #d8d8e2;
  min-height: 24px;
}
.profile-section .profile-card.job-search-skeleton .sk-bold-line,
.selcted-left-section .profile-card.job-search-skeleton .sk-bold-line {
  height: 16px;
}
.profile-section .profile-card.job-search-skeleton .line-for-dropdown,
.selcted-left-section .profile-card.job-search-skeleton .line-for-dropdown {
  height: 32px;
  width: 134px;
}
.profile-section .profile-card.job-search-skeleton .line-small,
.selcted-left-section .profile-card.job-search-skeleton .line-small {
  width: 175px;
  margin-right: 12px;
}
.profile-section .profile-card.job-search-skeleton .line-small-one,
.selcted-left-section .profile-card.job-search-skeleton .line-small-one {
  width: 120px;
  margin-right: 0px;
}
.profile-section .profile-card.job-search-skeleton .line-small-two,
.selcted-left-section .profile-card.job-search-skeleton .line-small-two {
  width: 80px;
  margin-right: 12px;
}
.profile-section .profile-card.job-search-skeleton .line-small-three,
.selcted-left-section .profile-card.job-search-skeleton .line-small-three {
  width: 60px;
  margin-right: 12px;
}
.profile-section .profile-card.job-search-skeleton .line-small-four,
.selcted-left-section .profile-card.job-search-skeleton .line-small-four {
  width: 31px;
  margin-right: 12px;
}
.profile-section .profile-card.job-search-skeleton .line-small-four:first-child,
.selcted-left-section .profile-card.job-search-skeleton .line-small-four:first-child {
  margin-right: 4px;
}
.profile-section .profile-card.job-search-skeleton .line-small-five,
.selcted-left-section .profile-card.job-search-skeleton .line-small-five {
  width: 49px;
  margin-right: 12px;
}
.profile-section .profile-card.job-search-skeleton .panel-new,
.selcted-left-section .profile-card.job-search-skeleton .panel-new {
  height: 124px;
  min-height: 124px;
  border: 1px solid #d8d8e2;
}
.profile-section .profile-card.job-search-skeleton .custom-pagination-sk,
.selcted-left-section .profile-card.job-search-skeleton .custom-pagination-sk {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 768px) {
  .profile-section .profile-card.job-search-skeleton .custom-pagination-sk,
  .selcted-left-section .profile-card.job-search-skeleton .custom-pagination-sk {
    display: block;
  }
}
.profile-section .profile-card.job-search-skeleton .pagination-sk,
.selcted-left-section .profile-card.job-search-skeleton .pagination-sk {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.profile-section .profile-card.job-search-skeleton .pagination-sk-left .line-small-two,
.selcted-left-section .profile-card.job-search-skeleton .pagination-sk-left .line-small-two {
  width: 70px;
  margin-right: 0px;
}
.profile-section .profile-card.job-search-skeleton .info-message-sk,
.selcted-left-section .profile-card.job-search-skeleton .info-message-sk {
  width: 100%;
  display: flex;
  height: 57px;
  min-height: 57px;
  align-items: center;
  gap: 8px;
  margin: 24px 0px 20px;
  background-color: #fff0cc;
  border-radius: 8px;
  border-left: 6px solid #ffc133;
  justify-content: flex-start;
}
.profile-section .profile-card.job-search-skeleton .info-message-sk .line-small-two,
.selcted-left-section .profile-card.job-search-skeleton .info-message-sk .line-small-two {
  width: 212px;
  background-color: #f3dca6;
  background: #f3dca6;
  margin-right: 0px;
}
@media (max-width: 768px) {
  .profile-section .profile-card.job-search-skeleton .info-message-sk .line-small-two,
  .selcted-left-section .profile-card.job-search-skeleton .info-message-sk .line-small-two {
    width: 112px;
  }
}
.selcted-left-section .row.equal-col > [class*='col-'] {
  margin-bottom: 24px;
}
.profile-section {
  padding: 0px 0px 0px 0px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  
}
.profile-section .container .top-column {
  padding: 24px 24px 24px 15px;
}
.profile-section .container .top-column .filter-data {
  padding: 0px 155px 0px 0px;
}
@media (max-width: 767px) {
  .profile-section .container .top-column .filter-data {
    padding-right: 115px;
  }
}
.profile-section .container .top-column .selected-for-you {
  display: flex;
  column-gap: 12px;
}
@media (max-width: 767px) {
  .profile-section .container .top-column .selected-for-you {
    flex-wrap: wrap;
    row-gap: 8px;
  }
}
.profile-section .container .top-column .selected-for-you .disabled-control-wrapper {
  pointer-events: none;
  opacity: 0.7;
}
.profile-section .container .top-column .selected-for-you .disabled-control-wrapper .chip-filter {
  pointer-events: none;
  opacity: 0.7;
}
.profile-section .container .top-column .filter-criteria .filter-top-buttons {
  display: flex;
  align-items: center;
  height: 32px;
}
.profile-section .container .job-search-left-column::-webkit-scrollbar-thumb,
.profile-section .container .job-search-right-column::-webkit-scrollbar-thumb {
  background: #7a005f;
  border-radius: 4px;
}
.profile-section .container .job-search-left-column::-webkit-scrollbar,
.profile-section .container .job-search-right-column::-webkit-scrollbar {
  width: 6px;
  background: #ebebee;
}
.profile-section .container .job-search-left-column {
  padding-right: 16px;
  word-break: break-word;
  width: 41.25%;
}
@media (max-width: 1024px) {
  .profile-section .container .job-search-left-column {
    width: 100%;
    height: auto;
  }
}
.profile-section .container .job-search-left-column .jobhub-tab {
  pointer-events: none;
}
.profile-section .container .job-search-left-column .panel .nav-tabs li {
  pointer-events: auto;
}
.profile-section .container .job-search-left-column .panel .nav-tabs li a {
  background-color: transparent !important;
}
.profile-section .container .job-search-left-column .panel .nav-tabs li.active {
  border: none;
}
.profile-section .container .job-search-left-column .panel .panel-body .tab-content {
  border: 1px solid #e8e8e8;
  padding: 0px;
  margin-bottom: 0px;
  border-radius: 8px;
}
.profile-section .container .job-search-left-column .profile-card .job-menu {
  margin: 16px 0px;
}
.profile-section .container .job-search-left-column .profile-card .select2-container .select2-chosen,
.profile-section .container .job-search-left-column .profile-card .select2-container .select2-choice > span:first-child {
  padding: 4px 32px 4px 16px !important;
  font-weight: 600;
}
.profile-section .container .job-search-left-column .panel-new:hover .spnJobCardTitleId {
  text-decoration: underline;
}
.profile-section .container .job-search-left-column .panel-new .profile-div-new {
  padding-bottom: 0px;
}
.profile-section .container .job-search-left-column .panel-new .profile-div-new .profile-info-new {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  gap: 8px;
}
.profile-section .container .job-search-left-column .panel-new .profile-div-new .profile-info-new .salary-range {
  padding: 4px 16px;
}
.profile-section .container .job-search-left-column .panel-new .profile-div-new .pro-date-location-new {
  display: flex;
  flex-wrap: wrap;
  column-gap: 8px;
  margin-bottom: 4px;
}
.profile-section .container .job-search-left-column .panel-new .profile-div-new .pro-date-new {
  line-height: 16px;
}
.profile-section .container .job-search-left-column .panel-new .profile-div-new .pro-date-new #spnJobCardDateId span {
  color: #5c6573;
}
.profile-section .container .job-search-right-column {
  padding: 0px;
  word-break: break-word;
  width: 58.5%;
  padding-left: 16px;
  height: 92vh;
  position: relative;
}
@media (max-width: 1024px) {
  .profile-section .container .job-search-right-column {
    width: 100%;
    display: none;
  }
}
@media (max-width: 767px) {
  .profile-section .container .job-search-right-column .job-preview {
    display: none !important;
  }
}
.profile-section .container .job-search-right-column .nodata-section {
  background-color: white;
  height: 240px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.profile-section .container .job-search-right-column .single-center-container-header {
  padding: 0px;
}
.profile-section .container .job-search-right-column .single-center-container-header .header-section-left {
  padding-top: 0px;
}
.profile-section .container .job-search-right-column .single-center-container-header .header-section-left .left-column {
  padding-right: 0px;
  padding-left: 0px;
  border-right: none !important;
}
.profile-section .container .job-search-right-column .single-center-container-header .header-section-left .left-column .job-detail-header-section {
  border-bottom: 1px solid #ebebee;
  padding-bottom: 32px;
}
.profile-section .container .job-search-right-column .single-center-container-header .header-section-left .left-column .salary-exp-box {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  line-height: 16px;
  background: #ebebee;
  border-radius: 16px;
  padding: 4px 16px;
  margin-top: 0px;
  border-left: none;
  min-height: 24px;
}
.profile-section .container .job-search-right-column .single-center-container-header .header-section-left .left-column .salary-exp-box .text-salary {
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  text-transform: uppercase;
}
.profile-section .container .job-search-right-column .single-center-container-header .header-section-left .header-section-right {
  padding: 0px;
}
.profile-section .container .job-search-right-column .single-center-container-header .header-section-left .header-section-right .butn-container {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: flex-start;
  margin-top: 24px;
}
.profile-section .container .job-search-right-column .single-center-container-header .header-section-left .header-section-right .butn-container .add-to-tracker,
.profile-section .container .job-search-right-column .single-center-container-header .header-section-left .header-section-right .butn-container .apply-btn {
  width: auto;
}
.profile-section .container .job-search-right-column .single-center-container-header .header-section-left .header-section-right .butn-container .apply-job-link {
  margin-bottom: 0px;
  padding: 8px 24px;
  height: 40px;
}
.profile-section .container .job-search-right-column.sticky {
  position: sticky;
  top: 0;
}
.job-hub-page.home-page .container-left-one .selcted-left-section .profile-card .panel-new-selected,
.job-hub-page .container-left-one .selcted-left-section .profile-card .panel-new-selected {
  background-color: white;
  border: 1px solid #ebebee;
}
.upskill-container {
  min-height: 90vh;
  padding: 24px;
  font-family: 'Noto Sans', sans-serif;
}
.upskill-container .upskill-data-container {
  padding-bottom: 30px;
  display: flex;
  flex-direction: column;
}
.upskill-container .upskill-data-container .page-wrapper-test {
  height: 24px;
}
.upskill-container .upskill-data-container .page-wrapper-test .breadcrumbs {
  margin-top: 0px;
}
@media screen and (max-width: 1024px) {
  .upskill-container .upskill-data-container .page-wrapper-test {
    margin: 0px 24px 24px 24px;
  }
}
.upskill-container .upskill-data-container .data-grid-container .upskill-data {
  padding: 24px 178px 24px 178px;
}
@media screen and (max-width: 992px) {
  .upskill-container .upskill-data-container .data-grid-container .upskill-data {
    padding: 0px;
  }
}
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upskill-section,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section {
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.1), white), url(/Content/Images/icons/container_background.svg);
  background-color: white;
  padding: 32px 24px 24px 24px;
  border-radius: 8px;
}
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upskill-section .upskilling-header-section,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .upskilling-header-section {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  background-color: transparent !important;
  margin-bottom: 24px;
}
@media screen and (max-width: 767px) {
  .upskill-container .upskill-data-container .data-grid-container .upskill-data .upskill-section .upskilling-header-section,
  .upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .upskilling-header-section {
    align-items: flex-start;
    display: contents;
  }
}
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upskill-section .upskilling-header-section .upskilling-title,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .upskilling-header-section .upskilling-title {
  flex: 9;
}
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upskill-section .upskilling-header-section .upskilling-title .title-skeleton .skeleton-line-gray,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .upskilling-header-section .upskilling-title .title-skeleton .skeleton-line-gray {
  width: 180px;
  background-color: #d8d8e2;
  display: inline-flex;
  top: 12px;
  left: 4px;
  position: relative;
}
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upskill-section .upskilling-header-section .upskilling-title .saved-all-values,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .upskilling-header-section .upskilling-title .saved-all-values {
  margin: 12px 0px 8px 0px;
}
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upskill-section .upskilling-header-section .upskilling-title .saved-all-values .saved-value-list .chip-group,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .upskilling-header-section .upskilling-title .saved-all-values .saved-value-list .chip-group {
  display: flex;
  align-items: normal;
}
@media screen and (max-width: 1605px) {
  .upskill-container .upskill-data-container .data-grid-container .upskill-data .upskill-section .upskilling-header-section .upskilling-title .saved-all-values .saved-value-list .chip-group,
  .upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .upskilling-header-section .upskilling-title .saved-all-values .saved-value-list .chip-group {
    flex-direction: column;
    align-items: start;
  }
}
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upskill-section .upskilling-header-section .upskilling-title .saved-all-values .saved-value-list .chip-group .chip-box,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .upskilling-header-section .upskilling-title .saved-all-values .saved-value-list .chip-group .chip-box {
  border-radius: 6px;
  border: 1px solid #1c304b;
  background: #f8f8f9;
  display: flex;
  padding: 4px 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #1c304b;
  font-family: "Noto Sans";
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  text-transform: uppercase;
  margin-bottom: 8px;
  margin-right: 10px;
}
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upskill-section .upskilling-header-section .upskilling-title .saved-all-values .saved-value-list .chip-group .reset-all,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .upskilling-header-section .upskilling-title .saved-all-values .saved-value-list .chip-group .reset-all {
  color: #aa0285;
  font-family: "Noto Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  text-transform: uppercase;
  cursor: pointer;
  border: none !important;
}
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upskill-section .upskilling-header-section .upskilling-title .saved-all-values .saved-value-list .chip-group .reset-all.reset-all:hover,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .upskilling-header-section .upskilling-title .saved-all-values .saved-value-list .chip-group .reset-all.reset-all:hover {
  text-decoration: underline;
}
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upskill-section .upskilling-header-section .upskilling-title .saved-all-values .saved-value-list .chip-group .reset-all:focus-visible,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .upskilling-header-section .upskilling-title .saved-all-values .saved-value-list .chip-group .reset-all:focus-visible {
  outline: 4px solid #ff5858 !important;
  border-radius: 8px !important;
  outline-offset: -4px !important;
}
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upskill-section .upskilling-header-section .upskilling-title .title,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .upskilling-header-section .upskilling-title .title {
  color: #1c304b;
  font-family: "Noto Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  margin: 0px 0px 4px 0px;
}
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upskill-section .upskilling-header-section .upskilling-title .subtext,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .upskilling-header-section .upskilling-title .subtext {
  color: #45505f;
  font-family: "Noto Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upskill-section .upskilling-header-section .upskill-personalize .personalize-btn-container,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .upskilling-header-section .upskill-personalize .personalize-btn-container {
  background-color: #f7f7fa;
  padding: 8px 24px;
  display: flex;
  height: 40px;
  border-radius: 8px;
  width: 176px;
}
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upskill-section .upskilling-header-section .upskill-personalize .personalize-btn-container .line-small-btn,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .upskilling-header-section .upskill-personalize .personalize-btn-container .line-small-btn {
  width: 128px;
  height: 16px !important;
  border-radius: 15px;
  background: #d8d8e2;
  margin: 4px 0px;
}
@media screen and (max-width: 768px) {
  .upskill-container .upskill-data-container .data-grid-container .upskill-data .upskill-section .upskilling-header-section .upskill-personalize .personalize-btn-container .line-small-btn,
  .upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .upskilling-header-section .upskill-personalize .personalize-btn-container .line-small-btn {
    width: 310px;
  }
}
@media screen and (max-width: 768px) {
  .upskill-container .upskill-data-container .data-grid-container .upskill-data .upskill-section .upskilling-header-section .upskill-personalize .personalize-btn-container,
  .upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .upskilling-header-section .upskill-personalize .personalize-btn-container {
    width: auto;
    display: flex;
    justify-content: center;
  }
}
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upskill-section .upskilling-header-section .upskill-personalize .jobboard-alert-icon,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .upskilling-header-section .upskill-personalize .jobboard-alert-icon {
  position: relative;
  margin-right: 15px;
  margin-left: 5px;
}
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upskill-section .upskilling-header-section .upskill-personalize .jobboard-alert-icon::after,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .upskilling-header-section .upskill-personalize .jobboard-alert-icon::after {
  content: '';
  background: url(/Content/Images/Redeployment/alert.svg) no-repeat;
  position: absolute;
  left: 5px;
  top: -1px;
  height: 20px;
  width: 22px;
}
@media screen and (max-width: 768px) {
  .upskill-container .upskill-data-container .data-grid-container .upskill-data .upskill-section .upskilling-header-section .upskill-personalize,
  .upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .upskilling-header-section .upskill-personalize {
    padding: 20px 0px 32px 0px;
  }
  .upskill-container .upskill-data-container .data-grid-container .upskill-data .upskill-section .upskilling-header-section .upskill-personalize .btn,
  .upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .upskilling-header-section .upskill-personalize .btn {
    width: 100%;
  }
}
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upskill-section .no-skill-found,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .no-skill-found {
  display: flex;
  padding: 24px 24px 32px 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  border: 1px solid #ebebee;
  background: white;
}
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upskill-section .no-skill-found .mood-bad-icon,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .no-skill-found .mood-bad-icon {
  display: flex;
  flex-direction: column;
}
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upskill-section .no-skill-found .mood-bad-icon .mood-bad-img,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .no-skill-found .mood-bad-icon .mood-bad-img {
  background-image: url(/Content/Images/icons/mood_bad_icon.svg);
  background-repeat: no-repeat;
  height: 20px;
  width: 20px;
}
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upskill-section .no-skill-found .no-skill-title,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .no-skill-found .no-skill-title {
  color: #1c304b;
  text-align: center;
  font-family: "Noto Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  margin: 12px 0px 4px 0px;
}
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upskill-section .no-skill-found .no-skill-subtitle,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .no-skill-found .no-skill-subtitle {
  color: #45505f;
  text-align: center;
  font-family: "Noto Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upskill-section .accordion-item,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .accordion-item {
  border: 1px solid #ebebee;
  border-radius: 8px;
  margin-bottom: 16px;
  background: #f7f7fa;
  padding: 24px 24px 30px 24px;
}
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upskill-section .accordion-header,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .accordion-header {
  display: flex;
  justify-content: space-between;
  cursor: pointer;
}
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upskill-section .accordion-header .title,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .accordion-header .title {
  color: #1c304b;
  font-family: "Noto Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 8px;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upskill-section .accordion-header .title span,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .accordion-header .title span {
  font-family: "Noto Sans";
}
@media screen and (max-width: 767px) {
  .upskill-container .upskill-data-container .data-grid-container .upskill-data .upskill-section .accordion-header .title,
  .upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .accordion-header .title {
    display: flex;
    flex-direction: column-reverse;
    padding: 0px 12px 0px 0px;
    gap: 0px;
  }
}
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upskill-section .accordion-header .title .tag,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .accordion-header .title .tag {
  color: #1c304b;
  font-family: "Noto Sans";
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  text-transform: uppercase;
  width: max-content;
  padding: 4px 12px 4px 8px;
  display: inline-flex;
  border-radius: 8px;
}
@media screen and (max-width: 768px) {
  .upskill-container .upskill-data-container .data-grid-container .upskill-data .upskill-section .accordion-header .title .tag,
  .upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .accordion-header .title .tag {
    margin: 0px 0px 8px 0px;
  }
}
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upskill-section .accordion-header .skill-type-interpersonal .tag,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .accordion-header .skill-type-interpersonal .tag,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upskill-section .accordion-header .skill-type-interpersonnel .tag,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .accordion-header .skill-type-interpersonnel .tag,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upskill-section .accordion-header .skill-type-interpersonnelle .tag,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .accordion-header .skill-type-interpersonnelle .tag,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upskill-section .accordion-header .skill-type-interpersonales .tag,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .accordion-header .skill-type-interpersonales .tag,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upskill-section .accordion-header .skill-type-interpersonell .tag,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .accordion-header .skill-type-interpersonell .tag,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upskill-section .accordion-header .skill-type-zwischenmenschlich .tag,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .accordion-header .skill-type-zwischenmenschlich .tag,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upskill-section .accordion-header .skill-type-interpessoal .tag,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .accordion-header .skill-type-interpessoal .tag,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upskill-section .accordion-header .skill-type-relationnel .tag,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .accordion-header .skill-type-relationnel .tag,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upskill-section .accordion-header .skill-type-relacionesinterpersonales .tag,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .accordion-header .skill-type-relacionesinterpersonales .tag,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upskill-section .accordion-header .skill-type-interpessoais .tag,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .accordion-header .skill-type-interpessoais .tag,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upskill-section .accordion-header .skill-type-interpersonalne .tag,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .accordion-header .skill-type-interpersonalne .tag,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upskill-section .accordion-header .skill-type-interpersoonlijk .tag,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .accordion-header .skill-type-interpersoonlijk .tag {
  background: #c7dfff;
}
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upskill-section .accordion-header .skill-type-interpersonal .tag .skill-type-icon,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .accordion-header .skill-type-interpersonal .tag .skill-type-icon,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upskill-section .accordion-header .skill-type-interpersonnel .tag .skill-type-icon,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .accordion-header .skill-type-interpersonnel .tag .skill-type-icon,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upskill-section .accordion-header .skill-type-interpersonnelle .tag .skill-type-icon,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .accordion-header .skill-type-interpersonnelle .tag .skill-type-icon,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upskill-section .accordion-header .skill-type-interpersonales .tag .skill-type-icon,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .accordion-header .skill-type-interpersonales .tag .skill-type-icon,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upskill-section .accordion-header .skill-type-interpersonell .tag .skill-type-icon,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .accordion-header .skill-type-interpersonell .tag .skill-type-icon,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upskill-section .accordion-header .skill-type-zwischenmenschlich .tag .skill-type-icon,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .accordion-header .skill-type-zwischenmenschlich .tag .skill-type-icon,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upskill-section .accordion-header .skill-type-interpessoal .tag .skill-type-icon,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .accordion-header .skill-type-interpessoal .tag .skill-type-icon,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upskill-section .accordion-header .skill-type-relationnel .tag .skill-type-icon,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .accordion-header .skill-type-relationnel .tag .skill-type-icon,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upskill-section .accordion-header .skill-type-relacionesinterpersonales .tag .skill-type-icon,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .accordion-header .skill-type-relacionesinterpersonales .tag .skill-type-icon,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upskill-section .accordion-header .skill-type-interpessoais .tag .skill-type-icon,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .accordion-header .skill-type-interpessoais .tag .skill-type-icon,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upskill-section .accordion-header .skill-type-interpersonalne .tag .skill-type-icon,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .accordion-header .skill-type-interpersonalne .tag .skill-type-icon,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upskill-section .accordion-header .skill-type-interpersoonlijk .tag .skill-type-icon,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .accordion-header .skill-type-interpersoonlijk .tag .skill-type-icon {
  background-image: url(/Content/Images/icons/interpersonal_icon.svg);
  background-repeat: no-repeat;
  height: 16px;
  width: 16px;
  margin: 1px 8px 0px 0px;
}
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upskill-section .accordion-header .skill-type-technical .tag,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .accordion-header .skill-type-technical .tag,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upskill-section .accordion-header .skill-type-technique .tag,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .accordion-header .skill-type-technique .tag,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upskill-section .accordion-header .skill-type-tecnico .tag,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .accordion-header .skill-type-tecnico .tag,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upskill-section .accordion-header .skill-type-tecnica .tag,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .accordion-header .skill-type-tecnica .tag,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upskill-section .accordion-header .skill-type-technisch .tag,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .accordion-header .skill-type-technisch .tag,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upskill-section .accordion-header .skill-type-technik .tag,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .accordion-header .skill-type-technik .tag,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upskill-section .accordion-header .skill-type-tecnicas .tag,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .accordion-header .skill-type-tecnicas .tag,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upskill-section .accordion-header .skill-type-techniczne .tag,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .accordion-header .skill-type-techniczne .tag {
  background: #e4d8f4;
}
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upskill-section .accordion-header .skill-type-technical .tag .skill-type-icon,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .accordion-header .skill-type-technical .tag .skill-type-icon,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upskill-section .accordion-header .skill-type-technique .tag .skill-type-icon,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .accordion-header .skill-type-technique .tag .skill-type-icon,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upskill-section .accordion-header .skill-type-tecnico .tag .skill-type-icon,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .accordion-header .skill-type-tecnico .tag .skill-type-icon,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upskill-section .accordion-header .skill-type-tecnica .tag .skill-type-icon,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .accordion-header .skill-type-tecnica .tag .skill-type-icon,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upskill-section .accordion-header .skill-type-technisch .tag .skill-type-icon,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .accordion-header .skill-type-technisch .tag .skill-type-icon,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upskill-section .accordion-header .skill-type-technik .tag .skill-type-icon,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .accordion-header .skill-type-technik .tag .skill-type-icon,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upskill-section .accordion-header .skill-type-tecnicas .tag .skill-type-icon,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .accordion-header .skill-type-tecnicas .tag .skill-type-icon,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upskill-section .accordion-header .skill-type-techniczne .tag .skill-type-icon,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .accordion-header .skill-type-techniczne .tag .skill-type-icon {
  background-image: url(/Content/Images/icons/technical_icon.svg);
  background-repeat: no-repeat;
  height: 16px;
  width: 16px;
  margin: 2px 8px 0px 0px;
}
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upskill-section .accordion-header .skill-type-leadership .tag,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .accordion-header .skill-type-leadership .tag,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upskill-section .accordion-header .skill-type-liderazgo .tag,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .accordion-header .skill-type-liderazgo .tag,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upskill-section .accordion-header .skill-type-fuhrung .tag,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .accordion-header .skill-type-fuhrung .tag,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upskill-section .accordion-header .skill-type-lideranca .tag,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .accordion-header .skill-type-lideranca .tag,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upskill-section .accordion-header .skill-type-kierownicze .tag,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .accordion-header .skill-type-kierownicze .tag,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upskill-section .accordion-header .skill-type-leiderschap .tag,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .accordion-header .skill-type-leiderschap .tag {
  background: #fff0cc;
}
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upskill-section .accordion-header .skill-type-leadership .tag .skill-type-icon,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .accordion-header .skill-type-leadership .tag .skill-type-icon,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upskill-section .accordion-header .skill-type-liderazgo .tag .skill-type-icon,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .accordion-header .skill-type-liderazgo .tag .skill-type-icon,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upskill-section .accordion-header .skill-type-fuhrung .tag .skill-type-icon,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .accordion-header .skill-type-fuhrung .tag .skill-type-icon,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upskill-section .accordion-header .skill-type-lideranca .tag .skill-type-icon,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .accordion-header .skill-type-lideranca .tag .skill-type-icon,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upskill-section .accordion-header .skill-type-kierownicze .tag .skill-type-icon,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .accordion-header .skill-type-kierownicze .tag .skill-type-icon,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upskill-section .accordion-header .skill-type-leiderschap .tag .skill-type-icon,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .accordion-header .skill-type-leiderschap .tag .skill-type-icon {
  background-image: url(/Content/Images/icons/leadership_icon.svg);
  background-repeat: no-repeat;
  height: 16px;
  width: 16px;
  margin: 0px 8px 0px 0px;
}
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upskill-section .accordion-header .subtitle,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .accordion-header .subtitle {
  color: #45505f;
  font-family: "Noto Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  padding: 0px 12px 0px 0px;
}
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upskill-section .accordion-header .arrow-section,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .accordion-header .arrow-section {
  display: flex;
  align-items: center;
}
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upskill-section .accordion-header .arrow-section .arrow img,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .accordion-header .arrow-section .arrow img {
  vertical-align: text-top;
}
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upskill-section .accordion-header .arrow-section .arrow:focus-visible,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .accordion-header .arrow-section .arrow:focus-visible {
  outline: 4px solid #ff5858 !important;
  border-radius: 1px;
  outline-offset: 6px !important;
}
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upskill-section .accordion-header .control-btn-unfold,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .accordion-header .control-btn-unfold {
  width: 10px;
  height: 8px;
  background-repeat: no-repeat;
  margin: 0px;
  padding: 0px;
}
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upskill-section .accordion-header .control-btn-fold,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .accordion-header .control-btn-fold {
  width: 10px;
  height: 8px;
  background-repeat: no-repeat;
  margin: 0px;
  padding: 0px;
}
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upskill-section .accordion-body,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .accordion-body {
  margin-top: 24px;
}
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upskill-section .accordion-body .recommend-title,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .accordion-body .recommend-title {
  color: #1c304b;
  font-family: "Noto Sans";
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px;
  padding-bottom: 16px;
  padding-top: 24px;
  border-top: 1px solid #efefff;
}
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upskill-section .accordion-body .course-panel,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .accordion-body .course-panel {
  background-color: #f1f0f5;
  border-radius: 8px;
  margin-bottom: 16px;
}
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upskill-section .accordion-body .course-panel .course-div-new,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .accordion-body .course-panel .course-div-new {
  padding: 24px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  column-gap: 40px;
}
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upskill-section .accordion-body .course-panel .course-div-new .logo-details-arrow,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .accordion-body .course-panel .course-div-new .logo-details-arrow {
  display: flex;
  flex: 9;
}
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upskill-section .accordion-body .course-panel .course-div-new .course-logo-bg,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .accordion-body .course-panel .course-div-new .course-logo-bg {
  height: 48px;
  max-width: 49px;
  border-radius: 12px;
  flex: 3;
  padding: 4px 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
  color: white;
  font-family: 'Noto Sans', sans-serif !important;
}
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upskill-section .accordion-body .course-panel .course-div-new .course-logo-bg .company-logo-box,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .accordion-body .course-panel .course-div-new .course-logo-bg .company-logo-box {
  font-family: 'Noto Sans', sans-serif !important;
}
@media screen and (max-width: 768px) {
  .upskill-container .upskill-data-container .data-grid-container .upskill-data .upskill-section .accordion-body .course-panel .course-div-new .course-logo-bg,
  .upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .accordion-body .course-panel .course-div-new .course-logo-bg {
    flex: 3;
  }
}
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upskill-section .accordion-body .course-panel .course-div-new .logo-border-1,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .accordion-body .course-panel .course-div-new .logo-border-1 {
  background-color: #2f5fd4;
}
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upskill-section .accordion-body .course-panel .course-div-new .logo-border-2,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .accordion-body .course-panel .course-div-new .logo-border-2 {
  background-color: #8a3de6;
}
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upskill-section .accordion-body .course-panel .course-div-new .logo-border-3,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .accordion-body .course-panel .course-div-new .logo-border-3 {
  background-color: #2958e9;
}
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upskill-section .accordion-body .course-panel .course-div-new .course-details,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .accordion-body .course-panel .course-div-new .course-details {
  flex: 10;
  margin: 0px 16px;
  font-family: 'Noto Sans', sans-serif !important;
}
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upskill-section .accordion-body .course-panel .course-div-new .course-details .course-name,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .accordion-body .course-panel .course-div-new .course-details .course-name {
  font-size: 14px !important;
  min-height: 24px;
}
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upskill-section .accordion-body .course-panel .course-div-new .course-details .open-in-new,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .accordion-body .course-panel .course-div-new .course-details .open-in-new {
  background-image: url(/Content/Images/icons/open_in_new_icon.svg);
  background-repeat: no-repeat;
  margin: 4.5px 8px 0px 12px;
  height: 20px;
  min-width: 20px;
  position: absolute;
}
@media screen and (max-width: 767px) {
  .upskill-container .upskill-data-container .data-grid-container .upskill-data .upskill-section .accordion-body .course-panel .course-div-new .course-details .open-in-new,
  .upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .accordion-body .course-panel .course-div-new .course-details .open-in-new {
    display: none;
  }
}
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upskill-section .accordion-body .course-panel .course-div-new .arrow-link a,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .accordion-body .course-panel .course-div-new .arrow-link a {
  text-decoration: none;
}
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upskill-section .accordion-body .course-panel .course-div-new .arrow-link a:focus-visible,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .accordion-body .course-panel .course-div-new .arrow-link a:focus-visible {
  outline: 4px solid #ff5858 !important;
  border-radius: 8px;
  display: flex;
  outline-offset: -4px !important;
}
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upskill-section .accordion-body .course-panel .course-div-new .arrow-link a:focus-visible .course-arrow,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .accordion-body .course-panel .course-div-new .arrow-link a:focus-visible .course-arrow {
  border: none;
}
@media screen and (max-width: 767px) {
  .upskill-container .upskill-data-container .data-grid-container .upskill-data .upskill-section .accordion-body .course-panel .course-div-new .arrow-link,
  .upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .accordion-body .course-panel .course-div-new .arrow-link {
    width: 100%;
    margin-top: 16px;
  }
}
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upskill-section .accordion-body .course-panel .course-div-new .course-arrow,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .accordion-body .course-panel .course-div-new .course-arrow {
  height: 40px;
  max-width: 40px;
  border-radius: 8px;
  padding: 7px 8px;
  margin-top: 5px;
  flex: 1;
  border: 1px solid #1c304b;
}
@media screen and (max-width: 767px) {
  .upskill-container .upskill-data-container .data-grid-container .upskill-data .upskill-section .accordion-body .course-panel .course-div-new .course-arrow,
  .upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .accordion-body .course-panel .course-div-new .course-arrow {
    max-width: 100%;
    display: flex;
    justify-content: center;
  }
}
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upskill-section .course,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .course {
  display: flex;
  align-items: center;
  border: 1px solid #eeeeee;
  border-radius: 6px;
  padding: 10px;
  margin-bottom: 8px;
}
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upskill-section .course-icon,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .course-icon {
  width: 40px;
  height: 40px;
  background: #f0f0f0;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  margin-right: 10px;
}
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upskill-section .course-link,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .course-link {
  margin-left: auto;
  font-size: 18px;
  text-decoration: none;
}
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upskill-section .upskilling-skeleton,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .upskilling-skeleton {
  border: none;
  background: none;
  padding: 0px;
}
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upskill-section .upskilling-skeleton .panel-new,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .upskilling-skeleton .panel-new {
  background-color: #f7f7fa;
  margin-bottom: 16px;
  display: flex;
  height: 104px;
  padding: 24px 24px 32px 24px;
  border: 1px solid #ebebee;
  border-radius: 8px;
}
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upskill-section .course-item .panel-new,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .course-item .panel-new {
  background-color: #f1f0f5;
}
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upskill-section .upskilling-skeleton .img-icon,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .upskilling-skeleton .img-icon {
  max-width: 48px;
  height: 48px;
  margin-bottom: 0px;
  flex: 1;
  background-color: #d8d8e2;
  border-radius: 12px;
}
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upskill-section .line-container,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .line-container {
  flex: 10;
}
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upskill-section .upskilling-skeleton .line-small-one,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .upskilling-skeleton .line-small-one {
  margin: 8px 76px 0px 16px;
  width: 240px;
  height: 16px;
}
@media screen and (max-width: 420px) {
  .upskill-container .upskill-data-container .data-grid-container .upskill-data .upskill-section .upskilling-skeleton .line-small-one,
  .upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .upskilling-skeleton .line-small-one {
    width: 110px !important;
    margin: 8px 16px 0px 16px;
  }
}
@media screen and (max-width: 767px) {
  .upskill-container .upskill-data-container .data-grid-container .upskill-data .upskill-section .upskilling-skeleton .line-small-one,
  .upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .upskilling-skeleton .line-small-one {
    width: 174px;
    margin: 8px 16px 0px 16px;
  }
}
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upskill-section .upskilling-skeleton .line-small-two,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .upskilling-skeleton .line-small-two {
  margin: 8px 136px 0px 16px;
  height: 12px;
  width: 175px;
}
@media screen and (max-width: 420px) {
  .upskill-container .upskill-data-container .data-grid-container .upskill-data .upskill-section .upskilling-skeleton .line-small-two,
  .upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .upskilling-skeleton .line-small-two {
    width: 70px !important;
    margin: 8px 46px 0px 16px;
  }
}
@media screen and (max-width: 767px) {
  .upskill-container .upskill-data-container .data-grid-container .upskill-data .upskill-section .upskilling-skeleton .line-small-two,
  .upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .upskilling-skeleton .line-small-two {
    width: 127px;
    margin: 8px 46px 0px 16px;
  }
}
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upskill-section .upskilling-skeleton .skeleton-line-gray,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .upskilling-skeleton .skeleton-line-gray {
  background: #d8d8e2;
}
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upskill-section .upskilling-skeleton .arrow-icon,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .upskilling-skeleton .arrow-icon {
  max-width: 40px;
  height: 40px;
  min-width: 40px !important;
  min-height: 40px !important;
  margin-bottom: 0px;
  margin-top: 4px;
  flex: 1;
  border-radius: 8px;
  background-color: #d8d8e2;
}
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upskill-section .upskilling-skeleton .skeleton-squre-gray,
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .upskilling-skeleton .skeleton-squre-gray {
  border-radius: 12px;
  background-color: #d8d8e2;
}
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section {
  padding: 32px 24px 40px 24px;
}
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .upskilling-header-section {
  margin-bottom: 32px;
}
@media screen and (max-width: 767px) {
  .upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .upskilling-header-section {
    display: flex;
  }
}
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .upload-resume-data {
  display: flex;
  padding: 24px 24px 32px 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 8px;
  border: 1px solid #ebebee;
  background: #f7f7fa;
}
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .upload-resume-data .scanner-icon {
  display: flex;
  flex-direction: column;
}
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .upload-resume-data .scanner-icon .scanner-img {
  background-image: url(/Content/Images/icons/scanner_icon.svg);
  background-repeat: no-repeat;
  height: 22px;
  width: 20px;
}
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .upload-resume-data .upload-resume-title {
  color: #1c304b;
  text-align: center;
  font-family: "Noto Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  margin: 4px 0px 0px 0px;
}
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .upload-resume-data .upload-resume-subtitle {
  color: #45505f;
  text-align: center;
  font-family: "Noto Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin: 0px 0px 16px 0px;
}
.upskill-container .upskill-data-container .data-grid-container .upskill-data .upload-resume-section .upload-resume-data .upload-resume-button .full-btn {
  width: 300px;
  cursor: pointer !important;
}
@media screen and (max-width: 1024px) {
  .upskill-container {
    padding: 96px 0px 0px 0px;
  }
}
.upskill-container .disclaimer-container {
  font-size: 12px;
  margin-top: 16px;
  word-break: break-word;
}
.upskill-container .disclaimer-container .disclaimer-header {
  display: inline-flex;
  align-items: center;
}
.upskill-container .disclaimer-container .disclaimer-header .disclaimer-block {
  color: #1c304b;
  font-family: "Noto Sans";
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px;
}
.upskill-container .disclaimer-container .disclaimer-header .disclaimer-block img {
  margin-top: -1px;
  margin-right: 4px;
}
.upskill-container .disclaimer-container .disclaimer-description {
  color: #5c6573;
  font-family: "Noto Sans";
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  margin-top: 4px;
}
.red-main-content.job-detail-content {
  padding-bottom: 0px;
  padding-top: 0px;
}
@media (max-width: 991px) {
  .red-main-content.job-detail-content {
    padding-bottom: 0px;
  }
}
@media (max-width: 560px) {
  .red-main-content.job-detail-content {
    padding-bottom: 0px;
  }
}
.red-main-content.job-detail-content .banner-job-detail .single-center-container-header {
  width: auto !important;
  padding-top: 0px !important;
  padding-left: 32px !important;
  padding-right: 32px !important;
}
@media (max-width: 767px) {
  .red-main-content.job-detail-content .banner-job-detail .single-center-container-header {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}
@media (max-width: 1024px) {
  .red-main-content.job-detail-content .banner-job-detail .single-center-container-header .page-wrapper-test {
    display: none !important;
  }
}
.red-main-content.job-detail-content .banner-job-detail .single-center-container-header .header-section-right {
  padding: 24px 24px 0px 0px;
}
.red-main-content.job-detail-content .banner-job-detail .single-center-container-header .header-section-right .butn-container {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: flex-start;
}
.red-main-content.job-detail-content .banner-job-detail .single-center-container-header .job-detail-skeleton .butn-container {
  margin-top: 24px;
}
.banner-job-detail-box {
  display: flex;
  align-items: center;
  height: 200px;
}
.banner-job-detail-box .company-logo-bg {
  width: 80px;
  height: 80px;
  background: rgba(255, 255, 255, 0.25);
  border-radius: 50%;
  min-width: 80px;
}
.banner-job-detail-box .company-logo-bg .company-logo-box {
  width: 66px;
  height: 66px;
  border: 3px solid white;
  margin: 7px;
  border-radius: 50%;
  background: white;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.banner-job-detail-box .banner-text-white {
  font-family: Noto Sans;
  color: white;
  margin-left: 10px;
}
.banner-job-detail-box .banner-text-white .company-name {
  font-size: 18px;
}
.banner-job-detail-box .banner-text-white .job-title {
  font-size: 24px;
  line-height: 0.92;
}
@media (max-width: 767px) {
  .job-detail-sec .banner-job-detail {
    margin-top: 160px;
  }
}
.banner-job-detail {
  background-color: #f7f7fa;
  margin-bottom: 0px;
}
.banner-job-detail .single-center-container-header {
  display: flex;
  flex-wrap: wrap;
  min-height: 140px;
  padding-top: 24px;
}
.banner-job-detail .single-center-container-header .header-section-left {
  width: 100%;
  padding-top: 16px;
}
@media (max-width: 1024px) {
  .banner-job-detail .single-center-container-header .header-section-left {
    padding-top: 86px;
  }
}
.banner-job-detail .single-center-container-header .header-section-left .brand-section-container {
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .banner-job-detail .single-center-container-header .header-section-left .brand-section-container {
    gap: 8px 0px;
  }
}
.banner-job-detail .single-center-container-header .header-section-left .brand-section-container .brand-section {
  display: flex;
  align-items: center;
  margin-right: 16px;
}
.banner-job-detail .single-center-container-header .header-section-left .brand-section-container .brand-section .brand-content {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
  margin-bottom: 0;
}
.banner-job-detail .single-center-container-header .header-section-left .brand-section-container .brand-section .panel-brand-icon::before {
  width: 16px;
  height: 16px;
  content: '';
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  margin-right: 8px;
}
.banner-job-detail .single-center-container-header .header-section-left .brand-section-container .brand-section .company-icon::before {
  background-image: url(/Content/Images/icons/business.svg);
}
.banner-job-detail .single-center-container-header .header-section-left .brand-section-container .brand-section .location-icon::before {
  background-image: url(/Content/Images/icons/location_on.svg);
}
.banner-job-detail .single-center-container-header .header-section-left .brand-section-container .brand-section .remote-icon::before {
  background-image: url(/Content/Images/icons/maps_home_work.svg);
}
.banner-job-detail .single-center-container-header .header-section-left .brand-section-container .brand-section .calendar-icon::before {
  background-image: url(/Content/Images/icons/calendar_today.svg);
}
.banner-job-detail .single-center-container-header .header-section-left .brand-section-container .brand-section .location-icon-detail::before {
  background-image: url(/Content/Images/Redeployment/location-icon-detail.svg);
}
.banner-job-detail .single-center-container-header .header-section-left .brand-section-container .brand-section .remote-icon-detail::before {
  background-image: url(/Content/Images/Redeployment/fulltime-job-type-icon-detail.svg);
}
.banner-job-detail .single-center-container-header .header-section-left .brand-section-container .brand-section .employementType-icon-detail::before {
  background-image: url(/Content/Images/Redeployment/jobdetail-schedule.svg);
}
.banner-job-detail .single-center-container-header .header-section-left .brand-section-container .brand-section .jobfunction-icon-detail::before {
  background-image: url(/Content/Images/Redeployment/jobdetail-work.svg);
}
.banner-job-detail .single-center-container-header .header-section-left .brand-section-container .brand-section .calendar-icon-detail::before {
  background-image: url(/Content/Images/Redeployment/calender-icon-detail.svg);
}
.banner-job-detail .single-center-container-header .header-section-left .brand-section-container .brand-section .posted-text {
  color: #45505f;
}
.banner-job-detail .single-center-container-header .header-section-left .job-detail .brand-section {
  display: flex;
  font-size: 14px;
  line-height: 24px;
  margin-right: 20px;
  align-items: flex-start;
}
.banner-job-detail .single-center-container-header .header-section-left .profile-section-container .profile-section-detail {
  background-color: white;
  border-radius: 8px;
  padding: 32px 16px 16px 32px;
  margin-bottom: 0px;
}
@media (max-width: 767px) {
  .banner-job-detail .single-center-container-header .header-section-left .profile-section-container .profile-section-detail {
    margin-bottom: 32px;
    border: 1px solid #ebebee;
  }
}
.banner-job-detail .single-center-container-header .header-section-left .profile-section-container .profile-section-detail .left-column {
  border-right: 1px solid #ebebee;
}
@media (max-width: 767px) {
  .banner-job-detail .single-center-container-header .header-section-left .profile-section-container .profile-section-detail .left-column {
    border-right: none;
    margin-bottom: 16px;
  }
}
.banner-job-detail .single-center-container-header .header-section-left .profile-section-container .profile-section-detail .job-title-tracker-wrapper {
  display: flex;
  gap: 12px;
}
@media (max-width: 767px) {
  .banner-job-detail .single-center-container-header .header-section-left .profile-section-container .profile-section-detail .job-title-tracker-wrapper {
    flex-wrap: wrap;
    margin-bottom: 16px;
  }
}
.banner-job-detail .single-center-container-header .header-section-left .profile-section-container .profile-section-detail .job-title-tracker-wrapper h1.page-title {
  text-align: left;
  margin-top: 0;
  margin-bottom: 4px;
  color: #1c304b;
}
.banner-job-detail .single-center-container-header .header-section-left .profile-section-container .profile-section-detail .job-title-tracker-wrapper .job-tracked-wrapper {
  display: flex;
  gap: 8px;
  background: #dcf5d6;
  border-radius: 16px;
  padding: 6px 16px;
  align-items: center;
  justify-content: center;
  min-width: 170px;
  max-height: 40px;
}
.banner-job-detail .single-center-container-header .header-section-right {
  padding: 0px 25px 32px 25px;
}
.banner-job-detail .single-center-container-header .header-section-right div#getSuccessMSG {
  display: inline-block;
}
.banner-job-detail .single-center-container-header .header-section-right div#getSuccessMSG h6 {
  color: #4d065b;
  font-family: 'Noto Sans', sans-serif;
}
.banner-job-detail .single-center-container-header .header-section-right div#getSuccessMSG h6 img {
  display: inline;
}
.banner-job-detail .single-center-container-header .header-section-right div#getSuccessMSG svg {
  vertical-align: middle;
}
.banner-job-detail .single-center-container-header .header-section-right div#getSuccessMSG span.appliedDate {
  font-weight: 400;
}
.banner-job-detail .single-center-container-header .header-section-right .apply-job-link {
  width: fit-content;
  min-width: 176px;
  display: inline-block;
  margin-bottom: 8px;
  height: 40px;
}
.banner-job-detail .single-center-container-header .header-section-right .apply-job-link p {
  margin-bottom: 0px;
}
.banner-job-detail .single-center-container-header .header-section-right .apply-job-link:hover {
  text-decoration: none;
}
.banner-job-detail .single-center-container-header .header-section-right .apply-job-link:focus {
  text-decoration: none;
  color: white;
}
.banner-job-detail .single-center-container-header .header-section-right .apply-job-link[disabled] img.plus-icon {
  opacity: 0.2;
}
.banner-job-detail .single-center-container-header .header-section-right .apply-job-link.secondary-btn--md {
  display: flex;
  min-height: 40px;
  height: auto;
  align-items: center;
  justify-content: center;
  padding: 7px 16px;
}
.banner-job-detail .single-center-container-header.mobile-view-sticky-container {
  background: white;
  padding-top: 16px;
  margin-top: 2px;
  border-top: 1px solid #ebebee;
  position: sticky;
  bottom: 0;
  display: none;
}
@media (max-width: 768px) {
  .banner-job-detail .single-center-container-header.mobile-view-sticky-container {
    display: block;
  }
}
.banner-job-detail .single-center-container-header .desktop-view-show {
  display: block;
}
@media (max-width: 768px) {
  .banner-job-detail .single-center-container-header .desktop-view-show {
    display: none;
  }
}
.banner-job-detail .single-center-container-header .center-align {
  justify-content: center !important;
  align-items: center !important;
}
.banner-job-detail .single-center-container-header .header-section-left .left-section-detail-page {
  padding: 0px 0px 0px 17px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
@media (max-width: 767px) {
  .banner-job-detail .single-center-container-header .header-section-left .left-section-detail-page {
    padding: 0;
    height: auto;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .banner-job-detail .single-center-container-header .header-section-left .left-section-detail-page {
    padding: 0;
    height: auto;
  }
}
.banner-job-detail .single-center-container-header .header-section-left .left-section-detail-page .job-detail-header-section {
  border-bottom: 1px solid #ebebee;
  padding-bottom: 32px;
  margin-right: 32px;
  flex: 0 0 auto;
  z-index: 1;
}
.banner-job-detail .single-center-container-header .header-section-left .left-section-detail-page .pad-top {
  margin-top: 0px;
}
.banner-job-detail .single-center-container-header .header-section-left .left-section-detail-page .detail-page-profile-info-new {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-bottom: 4px;
  flex-wrap: wrap;
  gap: 8px;
}
@media (max-width: 767px) {
  .banner-job-detail .single-center-container-header .header-section-left .left-section-detail-page .detail-page-profile-info-new {
    margin-bottom: 8px;
  }
}
.banner-job-detail .single-center-container-header .header-section-left .left-section-detail-page .detail-page-profile-info-new .detail-page-logo-company-new {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.banner-job-detail .single-center-container-header .header-section-left .left-section-detail-page .detail-page-profile-info-new .detail-page-logo-company-new .detail-page-company-logo-bg {
  width: 32px;
  height: 32px;
  background: #ebebee;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 24px;
}
.banner-job-detail .single-center-container-header .header-section-left .left-section-detail-page .detail-page-profile-info-new .detail-page-logo-company-new .detail-page-company-logo-bg span.detail-page-company-logo-box {
  width: 16px;
  height: 16px;
  margin: 2px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.banner-job-detail .single-center-container-header .header-section-left .left-section-detail-page .detail-page-profile-info-new .detail-page-logo-company-new .detail-page-profile-title-new {
  display: block;
  margin-left: 5px;
  margin-right: 12px;
}
.banner-job-detail .single-center-container-header .header-section-left .left-section-detail-page .salary-exp-box {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background: #ebebee;
  border-radius: 16px;
  padding: 4px 16px;
}
@media (max-width: 767px) {
  .banner-job-detail .single-center-container-header .header-section-left .left-section-detail-page .salary-exp-box {
    margin-top: 6px;
  }
}
.banner-job-detail .single-center-container-header .header-section-left .left-section-detail-page .salary-exp-box .text-salary {
  color: #1c304b;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
}
.banner-job-detail .single-center-container-header .header-section-left .left-section-detail-page .external-expired-job-content {
  text-align: center;
  padding: 32px;
}
.banner-job-detail .single-center-container-header .header-section-left .left-section-detail-page .external-expired-job-content span {
  font-family: 'Noto Sans', sans-serif;
  text-align: center;
}
.banner-job-detail .single-center-container-header .header-section-left .left-section-detail-page .external-expired-job-content span .expired-external-market-job h4 {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
}
.banner-job-detail .single-center-container-header .header-section-left .left-section-detail-page .external-expired-job-content span .expired-external-market-job p {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
}
.banner-job-detail .single-center-container-header .header-section-left .left-section-detail-page .external-expired-job-content .notification-icon-show {
  padding-bottom: 10px;
}
.banner-job-detail .single-center-container-header .header-section-left .left-section-detail-page .external-expired-job-content .notification-icon-404 {
  height: 24px;
  width: 24px;
}
.banner-job-detail .single-center-container-header .header-section-left .job-expired-section {
  padding: 0px 90px 20px 90px;
  height: auto;
  justify-content: center;
  align-items: center;
}
@media (min-width: 320px) and (max-width: 767px) {
  .banner-job-detail .single-center-container-header .header-section-left .job-expired-section {
    padding: 0px;
    height: auto;
  }
}
.banner-job-detail .single-center-container-header .left-section-detail-page.job-detail-skeleton .header-section-right {
  padding: 0px 24px 20px 0px;
  border-bottom: 1px solid #efefee;
}
.banner-job-detail .single-center-container-header .left-section-detail-page.job-detail-skeleton .skeleton-circle-gray {
  min-height: 16px !important;
  min-width: 16px !important;
  background-color: #d8d8e2;
  border-radius: 50% !important;
  height: 16px;
  width: 16px;
}
.banner-job-detail .single-center-container-header .left-section-detail-page.job-detail-skeleton .skeleton-line-gray {
  background: #d8d8e2;
  margin-bottom: 0px;
}
.banner-job-detail .single-center-container-header .left-section-detail-page.job-detail-skeleton .detail-page-profile-info-new .detail-page-logo-company-new .detail-page-profile-title-new {
  margin-left: 8px;
  display: flex;
}
.banner-job-detail .single-center-container-header .left-section-detail-page.job-detail-skeleton h1.page-title {
  height: 16px;
  background-color: #d8d8e2;
  margin-top: 10px !important;
  margin-bottom: 10px;
}
.banner-job-detail .single-center-container-header .left-section-detail-page.job-detail-skeleton .line-small-one {
  width: 100px;
  margin-right: 12px;
}
.banner-job-detail .single-center-container-header .left-section-detail-page.job-detail-skeleton .line-small-two {
  width: 80px;
  margin-right: 12px;
}
.banner-job-detail .single-center-container-header .left-section-detail-page.job-detail-skeleton .line-small-three {
  width: 60px;
  margin-right: 12px;
}
.banner-job-detail .single-center-container-header .left-section-detail-page.job-detail-skeleton .summary .sk-summary-content {
  margin-bottom: 32px;
}
.banner-job-detail .single-center-container-header .left-section-detail-page.job-detail-skeleton .summary .sk-summary-content .skeleton-line-gray {
  margin-bottom: 8px;
}
.banner-job-detail .single-center-container-header .left-section-detail-page.job-detail-skeleton .summary .sk-summary-content .sk-bold-line {
  margin-top: 24px;
  margin-bottom: 24px;
  height: 16px;
}
.banner-job-detail .single-center-container-header .left-section-detail-page.job-detail-skeleton .summary .sk-summary-content .sk-hr-divider {
  border: 1px solid #ebebee;
  margin-bottom: 32px;
}
.banner-job-detail .single-center-container-header .left-section-detail-page.job-detail-skeleton .summary .sk-summary-content .skeleton-squre-gray {
  border-radius: 15px;
  background-color: #d8d8e2;
  min-height: 32px;
}
.banner-job-detail .single-center-container-header .left-section-detail-page.job-detail-skeleton .summary .sk-summary-content .sk-squre-flex {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.banner-job-detail .single-center-container-header .left-section-detail-page.job-detail-skeleton .summary .sk-summary-content .line-big-one {
  width: 151px;
}
.banner-job-detail .single-center-container-header .left-section-detail-page.job-detail-skeleton .summary .sk-summary-content .line-big-two {
  width: 67px;
  margin-bottom: 8px;
}
.banner-job-detail .single-center-container-header .left-section-detail-page.job-detail-skeleton .summary .sk-two-column {
  display: flex;
  margin-top: 8px;
  margin-bottom: 16px;
}
.banner-job-detail .single-center-container-header .left-section-detail-page.job-detail-skeleton .summary .sk-two-column .sk-two-column-left,
.banner-job-detail .single-center-container-header .left-section-detail-page.job-detail-skeleton .summary .sk-two-column .sk-two-column-right {
  flex: 6;
}
.banner-job-detail .single-center-container-header .left-section-detail-page.job-detail-skeleton .summary .sk-two-column .sk-two-column-left .sk-bold-line,
.banner-job-detail .single-center-container-header .left-section-detail-page.job-detail-skeleton .summary .sk-two-column .sk-two-column-right .sk-bold-line {
  margin-bottom: 16px;
  height: 16px;
}
.banner-job-detail .single-center-container-header .left-section-detail-page.job-detail-skeleton .summary .sk-two-column .sk-two-column-left .sk-ul-list,
.banner-job-detail .single-center-container-header .left-section-detail-page.job-detail-skeleton .summary .sk-two-column .sk-two-column-right .sk-ul-list {
  margin-bottom: 20px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
}
.banner-job-detail .single-center-container-header .left-section-detail-page.job-detail-skeleton .summary .sk-two-column .sk-two-column-left .sk-ul-list .skeleton-circle-gray,
.banner-job-detail .single-center-container-header .left-section-detail-page.job-detail-skeleton .summary .sk-two-column .sk-two-column-right .sk-ul-list .skeleton-circle-gray {
  min-height: 12px !important;
  min-width: 12px !important;
  border-radius: 50% !important;
}
@media (max-width: 1024px) {
  .banner-job-detail .single-center-container-header .header-section-right.center-align {
    display: block;
    justify-content: center;
    align-items: center;
  }
}
.banner-job-detail .single-center-container-header .header-section-right .butn-container.job-detail-skeleton {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}
.banner-job-detail .single-center-container-header .header-section-right .butn-container.job-detail-skeleton .apply-btn {
  display: flex;
  column-gap: 8px;
}
@media (max-width: 767px) {
  .banner-job-detail .single-center-container-header .header-section-right .butn-container.job-detail-skeleton .apply-btn {
    width: 230px;
  }
}
.banner-job-detail .single-center-container-header .header-section-right .butn-container.job-detail-skeleton .apply-btn .skeleton-squre-gray {
  border-radius: 15px;
  background-color: #d8d8e2;
  min-height: 40px;
}
.banner-job-detail .single-center-container-header .header-section-right .butn-container.job-detail-skeleton .apply-btn .sk-btn-right {
  width: 218px;
  margin-bottom: 8px;
}
@media (max-width: 767px) {
  .banner-job-detail .single-center-container-header .header-section-right .butn-container.job-detail-skeleton .apply-btn .sk-btn-right {
    width: 175px;
  }
}
.banner-job-detail .single-center-container-header .header-section-right .butn-container a:focus-visible:not(:active) {
  border-radius: 8px;
}
@media (max-width: 767px) {
  .banner-job-detail .single-center-container-header .header-section-right .butn-container .apply-btn {
    width: auto;
    margin-bottom: 0px;
  }
}
.banner-job-detail .single-center-container-header .header-section-right .butn-container .apply-btn .applied-btn {
  padding: 8px 24px;
  background: #96e283;
  color: #1c304b;
  margin-bottom: 8px;
  width: 100%;
}
.banner-job-detail .single-center-container-header .header-section-right .plus-icon {
  width: 20px;
  height: 20px;
  margin-top: 0px;
  margin-left: 8px;
}
.banner-job-detail .job-desc-box hr {
  margin: 32px 0px;
}
.banner-job-detail .job-desc-box .summary p {
  font-family: Noto Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
  font-size: 14px;
  color: #45505f;
  margin-bottom: 20px;
}
.banner-job-detail .job-desc-box .summary ol {
  margin-left: -10px;
}
.banner-job-detail .job-desc-box .summary ol li {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
}
.banner-job-detail .job-desc-box .summary ul {
  margin-left: 32px;
  padding-left: 0;
  list-style: disc;
  flex-basis: 85%;
}
.banner-job-detail .job-desc-box .summary ul li {
  position: relative;
  border-radius: 0;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
}
.banner-job-detail .job-desc-box .summary ul li::before {
  content: '';
  position: absolute;
  top: -17px;
  font-size: 28px;
}
.banner-job-detail .job-desc-box .summary .text-skillbar-style-1 {
  font-size: 16px;
  font-weight: bold;
  color: #e23369;
  padding-bottom: 5px;
  min-width: 130px;
  text-align: center;
}
.banner-job-detail .job-desc-box .summary .job-header-custom {
  margin: 15px 0;
}
.banner-job-detail .job-desc-box .summary .custom-padding-bottom {
  padding-bottom: 25px;
}
.banner-job-detail .job-desc-box .profile-match {
  padding: 13px 0px 0px 0px;
}
.banner-job-detail .job-desc-box .skills-main-container {
  display: flex;
  flex-wrap: nowrap;
}
@media (max-width: 767px) {
  .banner-job-detail .job-desc-box .skills-main-container {
    flex-direction: column;
  }
}
.banner-job-detail .job-desc-box .skills-main-container #unMatchSkill {
  flex: 6 1;
}
@media (max-width: 767px) {
  .banner-job-detail .job-desc-box .skills-main-container #unMatchSkill {
    margin-top: 22px;
  }
}
.banner-job-detail .job-desc-box .skills-main-container #matchSkill {
  flex: 6 1;
}
.banner-job-detail .job-desc-box .skills-main-container .no-data-message {
  width: 97%;
}
.banner-job-detail .job-desc-box .summary {
  font-family: Noto Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
  word-break: break-word;
  word-wrap: break-word;
  padding-right: 12px;
}
.banner-job-detail .job-desc-box .summary .jobPostedDate {
  color: #1c304b !important;
}
.banner-job-detail .job-desc-box .summary .jobExpireDate {
  color: #1c304b !important;
}
.banner-job-detail .job-desc-box .summary .no-salary-msg {
  font-size: 20px;
  font-weight: bold;
  color: #e23369;
  margin: 35px 0 10px;
}
.banner-job-detail .job-desc-box .summary .salary-range {
  font-size: 20px;
  font-weight: 400;
  line-height: 32px;
  font-family: 'Noto Sans', sans-serif;
  color: #1c304b;
}
.banner-job-detail .job-desc-box .summary .text-style-1 {
  font-family: Noto Sans;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0em;
  text-align: left;
  color: #1c304b;
}
.banner-job-detail .job-desc-box .summary .pink-box-text {
  font-size: 14px;
}
.banner-job-detail .job-desc-box .summary .heading-text {
  margin-bottom: 16px;
}
.banner-job-detail .job-desc-box .summary .text-style-2 {
  font-size: 20px;
  font-weight: bold;
}
.banner-job-detail .job-desc-box .summary .text-style-3 {
  font-family: 'Noto Sans', sans-serif;
  font-style: italic;
}
.banner-job-detail .job-desc-box .summary .text-style-4 {
  font-weight: 500;
}
.banner-job-detail .job-desc-box .form-success-image {
  position: fixed !important;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  z-index: 100;
}
.banner-job-detail .job-detail-page .unmatch-tabs-container {
  display: flex;
}
@media (max-width: 767px) {
  .banner-job-detail .job-detail-page .unmatch-tabs-container {
    margin-top: 20.5px;
  }
}
.banner-job-detail .job-detail-page .unmatch-tabs-container .unmatch-tabs {
  border: 0;
  margin-bottom: 0 !important;
  padding: 0;
}
.banner-job-detail .job-detail-page .unmatch-tabs-container .unmatch-tabs .tab-text {
  font-size: 14px;
  padding-left: 25px;
  line-height: 41px;
}
.banner-job-detail .job-detail-page .unmatch-tabs-container .list-item li {
  display: flex !important;
  border-bottom: 1px solid #e5e4ec;
}
.banner-job-detail .job-detail-page .unmatch-tabs-container .list-item li::before {
  background-image: url(/Content/Images/Redeployment/job-detail-error-icon.svg);
  top: 12px !important;
  width: 18px;
  height: 18px;
  background-repeat: no-repeat;
}
.banner-job-detail .job-detail-page .match-tabs-container {
  display: flex;
}
@media (max-width: 767px) {
  .banner-job-detail .job-detail-page .match-tabs-container {
    margin-top: 20.5px;
  }
}
.banner-job-detail .job-detail-page .match-tabs-container .unmatch-tabs .tab-text {
  font-size: 14px;
  padding-left: 25px;
  line-height: 41px;
}
.banner-job-detail .job-detail-page .match-tabs-container .list-item li {
  display: flex !important;
}
.banner-job-detail .job-detail-page .match-tabs-container .list-item li::before {
  background-image: url(/Content/Images/icons/skills_verfied.svg);
  top: 12px !important;
  width: 16px;
  height: 16px;
}
.banner-job-detail .job-detail-page .addskillContainer {
  border-radius: 2px;
  display: flex;
}
.banner-job-detail .job-detail-page .addskillInnerContainer {
  padding: 16px;
  background-color: #f8f8f9;
  flex-basis: 85%;
}
.banner-job-detail .job-detail-page .addskillInnerContainer .addskillLinkText {
  color: #dc0a6f;
  text-transform: uppercase;
  width: fit-content;
}
.banner-job-detail .job-detail-page .addskillInnerContainer .addskillLinkText:hover {
  cursor: pointer;
}
.banner-job-detail .job-detail-page .addskillInnerContainer .addskillLinkText:focus-visible {
  outline: 1px solid #434343 !important;
}
.banner-job-detail .job-detail-page .addskillInnerContainer .flex-icon-container {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
}
.banner-job-detail .job-detail-page .addskillInnerContainer .flex-icon-container span {
  margin-right: 10px;
}
.banner-job-detail .job-detail-page .addskillInnerContainer .flex-icon-container span img {
  width: 10px;
  height: 24px;
}
.banner-job-detail .job-detail-page .addskillInnerContainer .addskillContent {
  display: grid;
}
.banner-job-detail .job-detail-page .addskillInnerContainer .addskillContent .addskillInfoText {
  font-size: 14px;
  font-weight: 400;
  line-height: 35px;
}
@media (max-width: 767px) {
  .banner-job-detail .job-detail-page .addskillInnerContainer .addskillContent .addskillInfoText {
    line-height: 20px;
  }
}
.banner-job-detail .job-detail-page .addskillInnerContainer .addskillContent .addskillLinkText {
  text-transform: uppercase;
  color: #dc0a6f;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}
.job-detail-sec {
  padding-top: 0px;
}
.job-detail-sec .single-center-container-header .page-wrapper-test {
  display: none;
}
@media (max-width: 767px) {
  .desktop-view {
    display: none !important;
  }
}
.primary-bgcolor-color {
  background-color: #4d065b;
  color: white;
  font-weight: 400;
}
.primary-bgcolor-color:hover {
  background-color: #4d065b;
  color: white;
  text-decoration: none;
}
.white-bgcolor-color {
  background-color: white;
  color: #4d065b;
  font-weight: 400;
}
.non-white-bgcolor-color {
  background-color: white;
  color: #4d065b;
  font-weight: 400;
}
.non-white-bgcolor-color:hover {
  color: #4d065b;
}
.non-white-bgcolor-color:focus {
  color: #4d065b;
}
.applied-icon {
  margin-top: -4px;
}
.applied-icon::before {
  background-image: url(/Content/Images/icons/button_select.png);
  width: 30px;
  height: 30px;
  content: '';
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  margin-bottom: 3px;
}
@media (max-width: 768px) {
  .applied-icon {
    margin-left: -10px;
  }
}
.job-detail-mobile-view-body-wrapper .job-detail-content .header-section-left {
  padding-top: 16px;
}
@media (max-width: 1024px) {
  .job-detail-mobile-view-body-wrapper .job-detail-content .header-section-left {
    padding-top: 16px;
  }
}
.job-desc-box .form-success-image {
  position: fixed !important;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  z-index: 100;
}
.job-desc-format-external {
  white-space: pre-wrap;
  line-height: 26px;
}
.form-success-image img {
  width: 200px;
  height: 200px;
}
.tableRowStyle table td {
  border: 1px solid !important;
}
.tableRowStyle pre {
  background-color: transparent;
  border: none;
  font-size: 16px;
  padding: 0;
  margin: 0;
}
.tableRowStyle pre code {
  font-family: Noto Sans;
}
.tableRowStyle pre code br {
  display: none;
}
@media (max-width: 768px) {
  .job-action-box .apply-job-link {
    width: auto;
    height: auto;
    line-height: 20px;
    padding: 8px 15px;
  }
  .job-action-box .download-job {
    margin-right: 5px;
  }
}
@media all and (-ms-high-contrast: active), all and (-ms-high-contrast: none) {
  .summary div span {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  }
  .company-logo-img {
    flex-shrink: 0;
  }
}
.disabled {
  pointer-events: none;
  cursor: default;
  opacity: 0.6;
}
.profile-match-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.profile-match-container .col-sm-8 {
  padding-left: 0px;
}
@media (max-width: 991px) {
  .profile-match-container {
    display: block;
  }
}
.profile-match-container .text-skillbar-style-1.skills-text {
  font-size: 20px !important;
}
.profile-match-container .pr-category {
  margin-right: 16px;
  padding-left: 0;
  flex: 3;
}
@media (max-width: 991px) {
  .profile-match-container .pr-category {
    margin-right: 0;
    margin-bottom: 5px;
  }
}
.profile-match-container .job-details-priority {
  line-height: 24px;
  padding-left: 16px;
  flex: 3;
}
@media (max-width: 767px) {
  .profile-match-container .job-details-priority {
    padding-left: 0px;
    padding-top: 8px;
    text-align: center;
  }
}
.profile-match-container .job-details-priority span {
  text-align: left;
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  color: #1c304b;
}
.profile-match-container .prg-mob-container {
  width: 100%;
  align-items: center;
  flex: 5;
}
.unmatch-tabs-container .unmatch-tabs {
  display: flex;
  border-radius: 4px;
  position: relative;
  display: inline-flex;
  margin-right: 5px;
  align-items: center;
}
.unmatch-tabs-container .unmatch-tabs:focus-visible {
  outline: 1px solid #434343;
}
.unmatch-tabs-container .unmatch-tabs .button-check {
  width: 30px;
  margin-right: 2px;
}
.unmatch-tabs-container .unmatch-tabs .tab-text {
  font-size: 14px;
  margin-left: 25px;
  line-height: 41px;
}
.skillsHeading {
  font-size: 20px;
}
.skillsyouhave-tabs-container .skillsyouhave-tabs {
  border-radius: 4px;
  padding: 5px 10px 5px 5px;
  display: inline-flex;
  margin-right: 5px;
  cursor: pointer;
  background: #e4dae7;
  align-items: center;
}
.skillsyouhave-tabs-container .skillsyouhave-tabs:focus-visible {
  outline: 1px solid #434343;
}
.skillsyouhave-tabs-container .skillsyouhave-tabs img.button_download {
  width: 24px;
}
.skillsyouhave-tabs-container .skillsyouhave-tabs .tab-text {
  font-size: 14px;
  margin-left: 5px;
}
.skillsyouhave-tabs-container .skillsyouhave-tabs .inner-profile-skills {
  border-radius: 4px;
  padding: 5px 10px;
  cursor: pointer;
  color: white;
  font-weight: normal;
}
.skillsyouhave-tabs-container .skillsyouhave-tabs .skill-box-default {
  background: #c5b0cb;
}
.skillsyouhave-tabs-container .skillsyouhave-tabs .skill-box-dark {
  background: #4d065b;
}
.skillsyouhave-tabs-container .skillsyouhave-tabs .skill-box-light {
  background: #4d065b;
  opacity: 0.5;
}
.skill-text-style-italic {
  font-family: 'Noto Sans', sans-serif;
  font-style: italic;
}
.mb-20 {
  margin-bottom: 20px;
}
.add-job-skill-container {
  color: white;
  padding: 10px 30px;
  margin-bottom: 30px;
  border-radius: 10px;
}
.add-job-skill-container .flex-container {
  flex-wrap: wrap;
}
.add-job-skill-container .cols-container {
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 991px) {
  .add-job-skill-container .cols-container {
    flex-direction: column;
    width: 100%;
    align-items: flex-start;
  }
}
.add-job-skill-container .cols-container .text-style {
  margin-right: 10px;
  width: auto;
}
.add-job-skill-container .cols-container .text-style p {
  color: white;
}
@media (min-width: 992px) and (max-width: 1200px) {
  .add-job-skill-container .cols-container .text-style {
    width: 48%;
    margin-right: 0;
  }
}
@media (max-width: 991px) {
  .add-job-skill-container .cols-container .text-style {
    width: 100%;
    margin-right: 0;
  }
}
.add-job-skill-container .cols-container .text-style p span {
  text-decoration: underline;
}
.add-job-skill-container .cols-container .text-style .purple-box-text {
  font-size: 14px;
}
.add-job-skill-container .cols-container button {
  background-color: white;
  color: #774381;
  padding: 12px 20px;
  border-radius: 5px;
  font-weight: bold;
  min-width: 280px;
  margin-right: 10px;
}
.add-job-skill-container .cols-container button.btn-outline {
  background-color: transparent;
  border: 1px solid white;
  color: white;
  width: auto;
  font-size: 18px;
  min-width: auto;
  padding: 7px 22px;
}
.add-job-skill-container .cols-container button.btn-outline:hover {
  background-color: white;
  color: #774381;
}
.add-job-skill-container .cols-container button.btn-outline:focus-visible {
  outline: 4px solid #ff5858;
  border-radius: 2px;
  border: 1px solid transparent;
}
.add-job-skill-container .cols-container button:last-child {
  margin-right: 0;
}
@media (max-width: 1199px) {
  .add-job-skill-container .cols-container button {
    margin-right: 0;
    margin-bottom: 10px;
  }
}
@media (max-width: 991px) {
  .add-job-skill-container .cols-container button {
    width: 100%;
    min-width: auto;
  }
}
.add-job-skill-container .cols-container .btn-container {
  text-align: right;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.add-job-skill-container .cols-container .btn-container.mb-0 {
  margin-bottom: 0;
}
.add-job-skill-container .cols-container .btn-container button {
  line-height: 1.29;
  font-size: 14px;
}
@media (max-width: 1199px) {
  .add-job-skill-container .cols-container .btn-container {
    flex-direction: column;
  }
}
@media (max-width: 991px) {
  .add-job-skill-container .cols-container .btn-container {
    width: 100%;
  }
}
.full-screen {
  background-color: rgba(0, 0, 0, 0.85);
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 9999;
}
.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 65vw;
  overflow: auto;
}
.animated-content {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9;
}
.checkbox-unmatch-tab {
  position: relative;
}
.checkbox-unmatch-tab input[type=checkbox] {
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  margin: 0;
  left: 0;
  top: 0;
  cursor: pointer;
}
.checkbox-unmatch-tab input[type=checkbox]:checked {
  opacity: 0;
}
.checkbox-unmatch-tab input[type=checkbox] + label {
  background-image: url(/Content/Images/buttons/button_select_check_complete_30.svg);
  width: 22px;
  height: 22px;
  background-size: cover;
  margin-right: 0;
  vertical-align: middle;
  margin-bottom: 0;
  min-width: 22px;
}
.checkbox-unmatch-tab input[type=checkbox]:checked + label {
  background-image: url(/Content/Images/buttons/btn_completed.svg);
  width: 22px;
  height: 22px;
  background-size: cover;
  margin-right: 0;
  vertical-align: middle;
  margin-bottom: 0;
  min-width: 22px;
}
.bold-text {
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 10px !important;
}
.flex-footer-container {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
}
.flex-footer-container span {
  margin-right: 10px;
}
.flex-footer-container span img {
  width: 30px;
  height: 24px;
}
.custom-spacing {
  margin-top: 35px;
  padding: 15px 30px;
}
.close-custom-btn {
  position: absolute;
  right: 8px;
  font-weight: 500;
  font-size: 20px;
  cursor: pointer;
  text-decoration: none;
  color: #1c304b;
  vertical-align: middle;
  text-align: center;
  line-height: 24px;
}
.close-custom-btn:focus,
.close-custom-btn:hover {
  text-decoration: none;
  color: #333333;
}
.d-none {
  display: none;
}
.d-flex {
  display: flex;
}
.topSkill .top-skill-container {
  margin-top: 16px;
}
@media (max-width: 767px) {
  .topSkill .top-skill-container {
    margin-top: 20.5px;
  }
}
.topSkill .top-skill-container p {
  border: 1px solid #1c304b;
  background-color: #f8f8f9;
  border-radius: 6px;
  position: relative;
  display: inline-flex;
  margin-right: 8px;
  cursor: pointer;
  margin-bottom: 10px !important;
  align-items: center;
}
.topSkill .top-skill-container p span {
  font-family: Noto Sans;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 0.05em;
  text-align: left;
  cursor: auto;
  padding: 4px 16px;
  text-transform: uppercase;
}
.unmatch-tabs-container .unmatch-tabs {
  border-radius: 8px;
  padding: 8px;
  position: relative;
  display: inline-flex;
  margin-right: 8px;
  margin-bottom: 8px !important;
  align-items: center;
}
.unmatch-tabs-container .unmatch-tabs:focus-visible {
  outline: 1px solid #434343;
}
.unmatch-tabs-container .unmatch-tabs .button-check {
  width: 30px;
  margin-right: 2px;
}
.unmatch-tabs-container .unmatch-tabs .tab-text {
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  margin-left: 0px;
  margin-right: 24px;
  color: #1c304b;
}
.skillContainer {
  flex: 6 1;
}
/* job detail new layout modal */

.left-section-detail-page::-webkit-scrollbar-thumb,
.pad-top::-webkit-scrollbar-thumb {
  background: #7a005f;
  border-radius: 4px;
}
.left-section-detail-page::-webkit-scrollbar,
.pad-top::-webkit-scrollbar {
  width: 6px;
  background: #ebebee;
}
.pad-top {
  padding: 32px 16px 8px 0;
  flex: 1 1 auto;
}
@media (max-width: 1024px) {
  .pad-top {
    padding-top: 16px;
    margin-top: 0px !important;
  }
}
.modal-content {
  word-break: break-word;
}
.modal-content #exp-modal .modal-header {
  padding: 24px 40px;
  background: #f2f2f7;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.modal-content #exp-modal .modal-header.detail-page-apply-modal {
  flex-direction: row-reverse;
}
.modal-content #exp-modal .modal-footer {
  padding: 0 30px 32px 0;
}
.modal-content #exp-modal .modal-footer {
  border-top: 0;
  margin-top: 0;
}
.modal-content .detail-page-modal-btn .modal-open-cancel-btn {
  background: none;
  min-height: 40px;
  width: auto;
  line-height: 24px;
  border: 1px solid #72467b;
  border-radius: 8px;
  padding: 8px 24px;
  margin-bottom: 5px;
  font-family: 'Noto Sans';
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  text-align: center;
  cursor: pointer;
  display: inline-block;
  color: #1c304b;
}
.modal-content .tab-box {
  padding-right: 12px;
  padding-left: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.modal-content .jobDetails-box {
  display: block;
  padding-bottom: 0px;
}
.modal-content .jobDetails-box label {
  margin-top: 17px;
  margin-bottom: 16px !important;
  color: #45505f !important;
  font-size: 14px !important;
  text-transform: inherit;
  line-height: 24px;
  letter-spacing: 0.056px;
}
.modal-content .jobDetails-box .text-radio {
  margin-top: 0px;
}
.modal-content .jobDetails-box .text-icon {
  margin-left: 0;
}
.modal-content .jobDetails-box .radio-box {
  padding: 16px;
  column-gap: 12px;
}
.modal-content .jobDetails-box .radio-box span.text-radio.body_medium_semibold {
  /*padding-left: 12px;*/
  margin-left: 0px;
}
.modal-content .jobDetails-box .radio-box span.text-radio.body_medium_semibold button.radio-upload-btn {
  padding-left: 0px;
}
.modal-content .jobDetails-box .radio-box span.text-radio.body_medium_semibold button.radio-upload-btn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: 1px;
  border-radius: 2px;
}
.modal-content .jobDetails-box .resume-tabs .resume-tab {
  padding-top: 8px;
}
.modal-content .resume-tabs {
  display: flex;
  flex-direction: row;
  margin-bottom: 40px;
  margin-top: 15px;
  justify-content: space-between;
}
.modal-content .resume-tab {
  border-top: 2px solid #ebebee;
  width: 100%;
  padding-top: 4px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.modal-content .cover-tab {
  border-top: 2px solid #ebebee;
  width: 100%;
  padding-top: 4px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-left: 8px;
}
.modal-content .active-tab-resume {
  border-top: 2px solid #495667;
}
.modal-content .complete-tab-resume {
  border-top: 2px solid #33841f;
}
.modal-content .resume-tab-span-text-active {
  margin-left: 8px;
  color: #1c304b;
}
.modal-content .resume-tab-span-text-inactive {
  margin-left: 8px;
  color: #45505f;
}
.modal-content .resume-modal-btn {
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
  flex-direction: row-reverse;
  gap: 8px;
}
.modal-content .resume-modal-next-btn {
  min-width: 144px;
}
.modal-content .radio-box {
  display: flex;
  width: 100%;
  height: 72px;
  border: 1px solid #e5e4ec;
  border-radius: 8px;
  justify-content: flex-start;
  align-items: center;
  padding: 24px;
  margin-top: 16px;
}
.modal-content .radio-box-checked {
  background: #fcf7fb;
  border: 1px solid #aa0285;
}
.modal-content .custom-radio-circle {
  margin-right: 15px;
  margin-top: 8px;
}
.modal-content .text-radio {
  margin-top: -8px;
  margin-left: 8px;
}
.modal-content .text-icon {
  align-items: center;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  background: #f8f8f9;
  display: flex;
  justify-content: center;
  margin-left: 25px;
}
.modal-content .radio-upload-btn {
  border: none !important;
}
.modal-content .resume-view-file-uploaded {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.modal-content .resume-view-upload-remove-icon {
  width: 15px;
  height: 15px;
  margin-right: 10px;
  margin-top: 5px;
}
.modal-content .resume-view-upload-file-name {
  margin-top: 8px;
}
.modal-small.popup-modal-refresh .modal-footer {
  border-top: none;
}
.modal-small.popup-modal-refresh .modal-footer .btn + .btn {
  margin-left: 8px;
}
.jobDetailsModalWindow:after {
  border-bottom: 1px solid #e5e5e5;
  content: '';
  display: block;
  margin: 0 40px;
}
@media (min-width: 320px) and (max-width: 767px) {
  .jobDetailsModalWindow:after {
    margin: 0 25px;
  }
}
.jobDetails-box .addProfile-btn .radio-box-checked {
  position: relative;
}
/*.jobDetails-box .addProfile-btn span.radio-span-input {
    position: absolute;
}*/

.jobDetails-box .addProfile-btn .resume-file-name-container {
  align-items: center;
  gap: 12px;
}
.jobDetails-box .remove-file {
  width: 16px;
  height: 16px;
  flex: none;
  order: 2;
  flex-grow: 0;
}
.jobDetails-box .resume-upload-body .resume-option .resume-upload-skeleton-container {
  align-items: center;
  gap: 16px;
}
.jobDetails-box .resume-upload-body .resume-option .resume-upload-skeleton-container .skeleton-line-wrapper .skeleton-big-line {
  margin-bottom: 0;
}
.jobDetails-box .resume-upload-body .resume-reupload-container {
  min-height: 224px;
  justify-content: center;
  align-content: center;
}
.jobDetails-box .resume-upload-body .resume-reupload-container .resume-reupload {
  flex-direction: column;
}
.jobDetails-box .resume-upload-body .resume-upload-section {
  margin-bottom: 0;
  min-height: 224px;
}
.jobDetails-box .resume-upload-body .resume-file-name-container .remove-file {
  height: auto;
  cursor: pointer;
}
.jobDetails-box .resume-upload-body {
  margin-top: 32px;
}
#job-detail-mobile-view-modal .modal-header {
  padding: 16px;
  background: #f2f2f7;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#job-detail-mobile-view-modal .modal-body {
  padding: 0px;
  border-radius: 8px;
  padding-bottom: 16px;
  background: #f7f7fa;
}
.job-search-right-column .job-detail-sec .single-center-container-header .profile-section-detail .left-section-detail-page {
  padding: 0px 0px 0px 17px;
  height: 87vh;
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
  overflow-y: auto;
}
.job-search-right-column .job-detail-sec .single-center-container-header .profile-section-detail .left-section-detail-page .job-detail-header-section {
  display: block;
  position: absolute;
  background-color: white;
  width: 92.25%;
  left: 2.7%;
}
@media (max-width: 1024px) {
  .job-search-right-column .job-detail-sec .single-center-container-header .profile-section-detail .left-section-detail-page .pad-top {
    margin-top: 16px;
  }
}
/* save search */

.custom-modal-open {
  overflow: hidden;
}
#jobAgentConfirmationModel {
  position: relative;
}
#search-modal,
#search-modal2 {
  word-break: break-word;
}
#search-modal .modal-content,
#search-modal2 .modal-content {
  border-radius: 0px;
  padding: 10px 0;
}
#search-modal .modal-header,
#search-modal2 .modal-header {
  background-color: #f1f0f5;
  padding: 24px;
  border-radius: 8px 8px 0px 0px;
  min-height: 72px;
}
#search-modal .modal-header a,
#search-modal2 .modal-header a {
  position: absolute;
  right: 20px;
  z-index: 1;
  outline-offset: -2px;
  top: 24px;
}
#search-modal .modal-header .modal-title,
#search-modal2 .modal-header .modal-title {
  position: relative;
  word-break: break-word;
  padding-right: 30px;
  margin-top: 0px;
}
#search-modal.confirm-modal-job .modal-body,
#search-modal2.confirm-modal-job .modal-body {
  padding: 24px 24px 40px;
}
#search-modal.confirm-modal-job .modal-body .body_base,
#search-modal2.confirm-modal-job .modal-body .body_base {
  color: #5c6573;
}
#search-modal.confirm-modal-job-agent,
#search-modal2.confirm-modal-job-agent {
  margin: 120px 56px auto;
  position: absolute;
  width: 487px;
  background-color: white;
  border-radius: 8px;
}
@media (max-width: 768px) {
  #search-modal.confirm-modal-job-agent,
  #search-modal2.confirm-modal-job-agent {
    width: 100%;
    margin: 120px auto auto;
  }
}
#search-modal.confirm-modal-job-agent .modal-body,
#search-modal2.confirm-modal-job-agent .modal-body {
  padding: 24px 24px 40px;
}
#search-modal.confirm-modal-job-agent .modal-body .body_base,
#search-modal2.confirm-modal-job-agent .modal-body .body_base {
  color: #5c6573;
}
#search-modal .modal-body,
#search-modal2 .modal-body {
  padding: 24px 48px 28px;
}
#search-modal .modal-body input[type="text"].agent-modal-location,
#search-modal2 .modal-body input[type="text"].agent-modal-location {
  padding: 8px 40px 8px 12px;
}
#search-modal .modal-body .search-input .select2-container.select2-container-multi,
#search-modal2 .modal-body .search-input .select2-container.select2-container-multi {
  width: 100%;
}
#search-modal .modal-body .search-input .select2-container.select2-container-multi .select2-choices,
#search-modal2 .modal-body .search-input .select2-container.select2-container-multi .select2-choices {
  border-radius: 0px;
  border: 1px solid #1c304b;
}
#search-modal .modal-body .search-input .select2-container.select2-container-multi .select2-choices .select2-search-choice,
#search-modal2 .modal-body .search-input .select2-container.select2-container-multi .select2-choices .select2-search-choice {
  margin-left: 10px;
  margin-top: 10px;
}
#search-modal .modal-body .search-input .select2-container.select2-container-multi input:focus,
#search-modal2 .modal-body .search-input .select2-container.select2-container-multi input:focus {
  font-style: normal;
}
#search-modal .modal-body .form-control,
#search-modal2 .modal-body .form-control {
  padding: 0;
}
#search-modal .modal-body .locations-select-icon,
#search-modal2 .modal-body .locations-select-icon {
  position: relative;
}
#search-modal .modal-body .locations-select-icon::before,
#search-modal2 .modal-body .locations-select-icon::before {
  content: '';
  background: url(/Content/Images/location-search-icon.svg) no-repeat;
  position: absolute;
  left: -30px;
  top: 0px;
  height: 18px;
  width: 18px;
  z-index: 1;
}
#search-modal .modal-body .salary-select-icon,
#search-modal2 .modal-body .salary-select-icon {
  position: relative;
}
#search-modal .modal-body .salary-select-icon::before,
#search-modal2 .modal-body .salary-select-icon::before {
  content: '';
  background: url(/Content/Images/dollar-icon.svg) no-repeat;
  position: absolute;
  left: -33px;
  top: 0px;
  height: 18px;
  width: 18px;
  z-index: 1;
}
#search-modal .modal-body .form-group,
#search-modal2 .modal-body .form-group,
#search-modal .modal-body .form-group-select,
#search-modal2 .modal-body .form-group-select {
  margin-bottom: 24px;
}
#search-modal .modal-body .posted-radio,
#search-modal2 .modal-body .posted-radio {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
#search-modal .modal-body .posted-radio custom-radio label,
#search-modal2 .modal-body .posted-radio custom-radio label {
  display: flex;
  align-items: center;
  gap: 12px;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
  color: #1c304b;
  text-transform: unset;
}
#search-modal .modal-body .posted-radio custom-radio label input[type="radio"],
#search-modal2 .modal-body .posted-radio custom-radio label input[type="radio"] {
  margin-top: 0px;
}
#search-modal .modal-body .posted-radio custom-radio label .radio-span-input,
#search-modal2 .modal-body .posted-radio custom-radio label .radio-span-input {
  display: flex;
}
#search-modal .modal-body .posted-radio custom-radio label span,
#search-modal2 .modal-body .posted-radio custom-radio label span {
  font-weight: 400;
}
#search-modal .modal-body .select-skill,
#search-modal2 .modal-body .select-skill {
  width: 100%;
  border: 1px solid #1c304b;
  border-radius: 8px;
  height: 40px;
  font-size: 14px;
  font-weight: 400;
  font-family: Noto Sans, sans-serif;
  color: #1c304b;
  padding: 8px 16px;
  line-height: 24px;
  padding: 0px 0px;
  height: auto;
}
#search-modal .modal-body .select-skill:focus,
#search-modal2 .modal-body .select-skill:focus,
#search-modal .modal-body .select-skill:focus-visible,
#search-modal2 .modal-body .select-skill:focus-visible {
  border: 1px solid #aa0285;
}
#search-modal .modal-body .select-skill:disabled,
#search-modal2 .modal-body .select-skill:disabled {
  background-color: white;
  border: 1px solid #ced7e4;
  color: #adadb5 !important;
}
#search-modal .modal-body .select-skill:disabled::placeholder,
#search-modal2 .modal-body .select-skill:disabled::placeholder {
  color: #45505f;
}
#search-modal .modal-body .select-skill::placeholder,
#search-modal2 .modal-body .select-skill::placeholder {
  font-size: 14px;
  font-style: normal !important;
  font-weight: 400;
  font-family: 'Noto Sans', sans-serif;
  color: #45505f;
}
#search-modal .modal-body .select-skill::-webkit-input-placeholder,
#search-modal2 .modal-body .select-skill::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-size: 14px;
  font-style: normal !important;
  font-weight: 400;
  font-family: 'Noto Sans', sans-serif;
  color: #45505f;
}
#search-modal .modal-body .select-skill::-moz-placeholder,
#search-modal2 .modal-body .select-skill::-moz-placeholder {
  /* Firefox 19+ */
  font-size: 14px;
  font-style: normal !important;
  font-weight: 400;
  font-family: 'Noto Sans', sans-serif;
  color: #45505f;
}
#search-modal .modal-body .select-skill:-ms-input-placeholder,
#search-modal2 .modal-body .select-skill:-ms-input-placeholder {
  /* IE 10+ */
  font-size: 14px;
  font-style: normal !important;
  font-weight: 400;
  font-family: 'Noto Sans', sans-serif;
  color: #45505f;
}
#search-modal .modal-body .select-skill:read-only,
#search-modal2 .modal-body .select-skill:read-only {
  background-color: white;
  border: 1px solid #ced7e4;
  color: #1c304b;
}
#search-modal .modal-body .select-skill.select2-container-multi .select2-choices,
#search-modal2 .modal-body .select-skill.select2-container-multi .select2-choices,
#search-modal .modal-body .select-skill.select2-container .select2-choices,
#search-modal2 .modal-body .select-skill.select2-container .select2-choices {
  border: none;
  box-shadow: none;
}
#search-modal .modal-body .select-skill.select2-container-multi .select2-choices .select2-search-field input,
#search-modal2 .modal-body .select-skill.select2-container-multi .select2-choices .select2-search-field input {
  height: 40px;
  padding: 6px 5px;
}
#search-modal .modal-body .select-skill.select2-drop-active,
#search-modal2 .modal-body .select-skill.select2-drop-active {
  border: none;
  border-top: none;
}
#search-modal .modal-body .select-skill:read-only,
#search-modal2 .modal-body .select-skill:read-only {
  border: 1px solid #1c304b;
}
#search-modal .modal-body .modal-select,
#search-modal2 .modal-body .modal-select {
  width: 100%;
}
#search-modal .modal-body .modal-select .select2-choice,
#search-modal2 .modal-body .modal-select .select2-choice {
  border: 1px solid #1c304b;
  border-radius: 0px;
  font-weight: normal;
}
#search-modal .modal-body .modal-select .select2-choice .select2-chosen,
#search-modal2 .modal-body .modal-select .select2-choice .select2-chosen {
  padding: 6px 3px;
  color: #1c304b;
}
#search-modal .modal-body .modal-select .select2-choice .select2-arrow,
#search-modal2 .modal-body .modal-select .select2-choice .select2-arrow {
  width: 30px;
  border-left: none;
}
#search-modal .modal-body .modal-select .select2-choice .select2-arrow b,
#search-modal2 .modal-body .modal-select .select2-choice .select2-arrow b {
  background: url('/Content/Images/Redeployment/NewDropDownArrowDown.svg') no-repeat !important;
  background-position: 0px 10px !important;
}
#search-modal .modal-notification,
#search-modal2 .modal-notification {
  border-top: 1px solid #ebebee;
  padding-top: 24px;
  margin-bottom: 5px;
  color: #1c304b;
}
#search-modal .email-radio,
#search-modal2 .email-radio {
  display: flex;
  flex-direction: row;
  gap: 8px;
  margin-top: 12px;
  margin-bottom: 16px;
  flex-wrap: wrap;
}
#search-modal .email-radio custom-radio,
#search-modal2 .email-radio custom-radio {
  border: 1px solid #e5e4ec;
  border-radius: 8px;
  padding: 19px 18px;
}
#search-modal .email-radio custom-radio.radio-active,
#search-modal2 .email-radio custom-radio.radio-active {
  border: 1px solid #aa0285;
  background-color: #fcf7fb;
}
#search-modal .email-radio custom-radio label,
#search-modal2 .email-radio custom-radio label {
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 400;
  color: #1c304b;
  margin-bottom: 0px !important;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
}
#search-modal .email-radio custom-radio label input[type="radio"],
#search-modal2 .email-radio custom-radio label input[type="radio"] {
  margin-top: 0px;
}
#search-modal .email-radio custom-radio label .radio-span-input,
#search-modal2 .email-radio custom-radio label .radio-span-input {
  display: flex;
}
#search-modal .email-radio custom-radio label span,
#search-modal2 .email-radio custom-radio label span {
  font-weight: 400;
}
#search-modal .on-disclaimer,
#search-modal2 .on-disclaimer {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  color: #5c6573;
  font-family: 'Noto Sans', sans-serif;
  display: flex;
  padding: 8px 12px;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  background-color: #f7f7fa;
  border-radius: 8px;
  width: fit-content;
}
#search-modal .on-disclaimer img,
#search-modal2 .on-disclaimer img {
  height: 16px;
  width: 16px;
}
#search-modal .modal-footer,
#search-modal2 .modal-footer {
  margin-top: 0;
  padding: 28px 0px 32px 0px;
  text-align: right;
  border-top: 1px solid #ebebee;
  margin: 0px 48px;
}
#search-modal .modal-footer .job-search-footer,
#search-modal2 .modal-footer .job-search-footer {
  text-align: right;
}
#search-modal .modal-footer .job-search-footer .remove-update-btn,
#search-modal2 .modal-footer .job-search-footer .remove-update-btn {
  display: flex;
  justify-content: end;
  gap: 8px;
}
#search-modal .modal-footer .job-search-footer .footer-btns .btn,
#search-modal2 .modal-footer .job-search-footer .footer-btns .btn {
  height: 40px;
}
#search-modal .modal-footer .job-search-footer .footer-btns .btn.primary-btn--md,
#search-modal2 .modal-footer .job-search-footer .footer-btns .btn.primary-btn--md {
  min-width: 144px;
}
#search-modal .modal-footer .job-search-footer .footer-btns .btn:focus,
#search-modal2 .modal-footer .job-search-footer .footer-btns .btn:focus {
  outline: none;
  color: white;
}
#search-modal .profile-section .row.equal-col > [class*='col-'],
#search-modal2 .profile-section .row.equal-col > [class*='col-'] {
  margin-bottom: 30px;
}
#search-modal.confirm-modal-job.email-confirmation-modal .modal-body,
#search-modal2.confirm-modal-job.email-confirmation-modal .modal-body {
  padding: 24px 40px 32px 40px;
}
#search-modal.save-search-modal .text-field,
#search-modal2.save-search-modal .text-field {
  border: none;
}
#search-modal.save-search-modal .salary-icon-position,
#search-modal2.save-search-modal .salary-icon-position {
  float: right;
  display: none;
}
#search-modal.save-search-modal .salary-icon-position::before,
#search-modal2.save-search-modal .salary-icon-position::before {
  right: 14px;
  top: -28px;
}
#search-modal .modal-body .modal-select.select2-container-disabled .select2-choice,
#search-modal2 .modal-body .modal-select.select2-container-disabled .select2-choice {
  background-color: white !important;
  border-color: #ced7e4 !important;
}
#search-modal .modal-body .modal-select.select2-container-disabled .select2-choice .select2-chosen,
#search-modal2 .modal-body .modal-select.select2-container-disabled .select2-choice .select2-chosen {
  color: #adadb5 !important;
}
#search-modal .modal-body .modal-select.select2-container-disabled .select2-arrow,
#search-modal2 .modal-body .modal-select.select2-container-disabled .select2-arrow {
  width: 30px;
}
#search-modal .modal-body .modal-select.select2-container-disabled .select2-arrow b,
#search-modal2 .modal-body .modal-select.select2-container-disabled .select2-arrow b {
  background: url('/Content/Images/Redeployment/NewDropDownArrowDisable.svg') no-repeat !important;
  background-position: 0px 10px !important;
}
#search-modal .modal-body .modal-select.select2-container-active .select2-choice,
#search-modal2 .modal-body .modal-select.select2-container-active .select2-choice {
  border: 1px solid #aa0285 !important;
  box-shadow: none !important;
}
.job-tracker-modal.jobApplyToJob {
  position: relative;
}
div#checkMark {
  width: 100%;
  /*height: 100px;*/
  margin: 0 auto;
  /*display: table;*/
  position: absolute;
  left: 0;
  right: 0;
  display: block;
  /*margin-left:-80px;*/
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 9;
  text-align: center;
}
img#doneMark {
  z-index: 9;
  text-align: center;
}
@media (min-width: 320px) and (max-width: 900px) {
  /*div#checkMark {
      width: 100px;
      height: 100px;
      margin: 0 auto;
      display: table;
      position: sticky;
      left: 0 !important;
      right: 0;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      z-index: 9;
  }*/
}
.profile-section.profile-match-con {
  position: relative;
  padding-top: 30px;
  padding-bottom: 30px;
}
.profile-section.profile-match-con .setting-icon {
  position: absolute;
  top: 10px;
  right: 10px;
  border: 1px solid #a68bac;
  color: #a68bac;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  text-align: center;
  line-height: 23px;
}
.profile-section.profile-match-con .setting-icon:focus {
  outline: 2px solid black;
}
.profile-section.profile-match-con .showCompletionMessage a {
  padding: 1px 3px;
}
.border-top-2.add-to-tracker {
  padding: 10px;
  flex-shrink: 0;
}
.profile-section .profile-card .panel {
  height: 100%;
  display: flex;
  margin-bottom: 10px;
  flex-direction: column;
  align-items: stretch;
}
.profile-section .profile-card .panel .job-card-link {
  flex-grow: 1;
  align-items: inherit;
}
.profile-section .profile-card .panel .border-top-2.add-to-tracker {
  padding-top: 10px;
}
.add-to-tracker .col-md-12 {
  float: none;
}
/* job matches section */

.job-matches {
  background: #eee8ef;
  /* job agent search */

  /*For IE11 and Edge*/

}
.job-matches .job-matches-heading {
  text-align: center;
  margin-top: 10px;
}
.job-matches .job-matches-heading h2 {
  font-size: 34px;
  margin-top: 10px;
}
.job-matches .job-matches-heading h4 {
  font-size: 24px;
  margin-top: 30px;
}
.job-matches .job-matches-heading .job-matches-description {
  font-size: 16px;
}
.job-matches .job-matches-button {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.job-matches .job-matches-button input.btn-invert {
  color: white;
  background: #4d065b;
  font-weight: 400 !important;
  height: 50px;
  border: 2px solid #4d065b;
  border-radius: 0;
  min-width: 20%;
  font-size: 16px;
  text-transform: uppercase;
  margin-left: 5px;
  width: calc(33% - 20px);
}
.job-matches .rec-page-con.tracker-page-con {
  padding: 20px 0;
}
.job-matches #job-agent-section,
.job-matches .job-agent-section-custom {
  background: #eee8ef;
  padding-top: 30px;
  display: flex;
  width: 100%;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.job-matches #job-agent-section .job-agent-card,
.job-matches .job-agent-section-custom .job-agent-card {
  margin: 15px 30px 15px 0px;
  width: calc(25% - 25px);
  position: relative;
  display: flex;
}
.job-matches #job-agent-section .job-agent-card .edit-save-search,
.job-matches .job-agent-section-custom .job-agent-card .edit-save-search {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 1;
}
.job-matches #job-agent-section .job-agent-card:nth-child(4n),
.job-matches .job-agent-section-custom .job-agent-card:nth-child(4n) {
  margin: 15px 0px;
}
.job-matches #job-agent-section .job-agent-box,
.job-matches .job-agent-section-custom .job-agent-box {
  width: 100%;
  height: auto;
  min-height: 140px;
  padding: 15px;
  border-radius: 0px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
  font-family: Noto Sans;
  cursor: pointer;
  position: relative;
}
.job-matches #job-agent-section .job-agent-box .Notification,
.job-matches .job-agent-section-custom .job-agent-box .Notification {
  position: absolute;
  top: -13px;
  right: 16px;
}
.job-matches #job-agent-section .job-agent-box .edit-save-search,
.job-matches .job-agent-section-custom .job-agent-box .edit-save-search {
  position: absolute;
  top: 28px;
  right: 16px;
}
.job-matches #job-agent-section .job-agent-box .job-title,
.job-matches .job-agent-section-custom .job-agent-box .job-title {
  position: relative;
  top: 0px;
  line-height: 1.2;
  height: auto;
  font-size: 18px;
  font-weight: bold;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: inherit;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  width: calc(100% - 22px);
  word-break: break-word;
  word-wrap: break-word;
  text-align: left;
}
.job-matches #job-agent-section .job-agent-box .job-title .job-label,
.job-matches .job-agent-section-custom .job-agent-box .job-title .job-label {
  line-height: 34px;
}
.job-matches #job-agent-section .job-agent-box .job-subtitle,
.job-matches .job-agent-section-custom .job-agent-box .job-subtitle {
  position: relative;
  top: 5px;
  line-height: 1.2;
  height: auto;
  font-size: 18px;
  font-weight: normal;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: inherit;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  width: calc(100% - 22px);
  word-break: break-word;
  word-wrap: break-word;
  text-align: left;
}
.job-matches #job-agent-section .job-agent-box.save-search .job-title,
.job-matches .job-agent-section-custom .job-agent-box.save-search .job-title {
  height: 40px;
  -webkit-line-clamp: 2;
}
.job-matches #job-agent-section .job-agent-box.active,
.job-matches .job-agent-section-custom .job-agent-box.active {
  background-image: linear-gradient(to bottom, #774381 38%, #4d065b 99%);
  color: white;
}
.job-matches #job-agent-section .job-agent-box.active svg,
.job-matches .job-agent-section-custom .job-agent-box.active svg {
  fill: white;
}
.job-matches #job-agent-section .job-agent-box.deactive,
.job-matches .job-agent-section-custom .job-agent-box.deactive {
  background-image: linear-gradient(to bottom, white 38%, #dbdbdb 99%);
  color: gray;
}
.job-matches #job-agent-section .job-agent-box.deactive .number,
.job-matches .job-agent-section-custom .job-agent-box.deactive .number {
  color: #4d065b;
}
.job-matches #job-agent-section .job-agent-box.deactive svg,
.job-matches .job-agent-section-custom .job-agent-box.deactive svg {
  fill: black;
}
.job-matches #job-agent-section .job-agent-box.active:focus-visible,
.job-matches .job-agent-section-custom .job-agent-box.active:focus-visible,
.job-matches #job-agent-section .job-agent-box.deactive:focus-visible,
.job-matches .job-agent-section-custom .job-agent-box.deactive:focus-visible {
  outline: 2px solid black;
}
.job-matches #job-agent-section .job-agent-box.save-search,
.job-matches .job-agent-section-custom .job-agent-box.save-search {
  background-image: linear-gradient(to bottom, white 38%, #dbdbdb 99%);
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
  color: #4d065b;
}
.job-matches #job-agent-section .job-agent-box.save-search .job-title,
.job-matches .job-agent-section-custom .job-agent-box.save-search .job-title {
  opacity: 0.5;
}
.job-matches #job-agent-section .job-agent-box.save-search .add-job,
.job-matches .job-agent-section-custom .job-agent-box.save-search .add-job {
  opacity: 0.5;
  float: right;
}
.job-matches .profile-section .profile-card .panel {
  margin-bottom: 30px;
}
.job-matches .rec-page-con .job-rec-row .job-rec-item {
  margin-bottom: 30px;
}
.job-matches .job-agent-icon-hide {
  display: none;
}
.job-matches .no-data-card {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.7;
}
@media (max-width: 992px) {
  .job-matches #job-agent-section,
  .job-matches .job-agent-section-custom {
    justify-content: space-between;
  }
  .job-matches #job-agent-section .job-agent-card,
  .job-matches .job-agent-section-custom .job-agent-card {
    width: calc(50% - 15px);
    margin: 10px 0px;
  }
  .job-matches #job-agent-section .job-agent-card .job-agent-box,
  .job-matches .job-agent-section-custom .job-agent-card .job-agent-box {
    padding: 15px;
  }
  .job-matches #job-agent-section .job-agent-card .job-agent-box .Notification,
  .job-matches .job-agent-section-custom .job-agent-card .job-agent-box .Notification {
    top: -9px !important;
  }
  .job-matches #job-agent-section .job-agent-card .job-agent-box .job-title,
  .job-matches .job-agent-section-custom .job-agent-card .job-agent-box .job-title {
    top: 7px;
    width: calc(100% - 30px);
  }
  .job-matches #job-agent-section .job-agent-card .job-agent-box .job-title span,
  .job-matches .job-agent-section-custom .job-agent-card .job-agent-box .job-title span {
    display: block;
  }
  .job-matches #job-agent-section .job-agent-card .job-agent-box .number,
  .job-matches .job-agent-section-custom .job-agent-card .job-agent-box .number {
    top: -5px !important;
  }
}
.job-matches _:-ms-lang(x),
.job-matches #job-agent-section .job-agent-box .job-title,
.job-matches .job-agent-section-custom .job-agent-box .job-title {
  height: 62px;
}
@media (max-width: 768px) {
  .job-matches .job-matches-heading .job-matches-title {
    font-size: 28px;
    line-height: 34px;
  }
  .job-matches .job-matches-heading .job-matches-subtitle {
    font-size: 22px;
  }
  .job-matches .job-matches-button input.btn-invert {
    width: calc(100% - 20px);
  }
  .job-matches #job-agent-section .job-agent-box .job-title,
  .job-matches .job-agent-section-custom .job-agent-box .job-title,
  .job-matches #job-agent-section .job-agent-box .job-subtitle,
  .job-matches .job-agent-section-custom .job-agent-box .job-subtitle {
    font-size: 16px;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
  /*.mentor-main-content .mentee-card div#checkMark, .mentor-main-content div#checkMark{
          left: 0 !important;
          right: 0px;
      }*/
}
@media (min-width: 320px) and (max-width: 900px) {
  #search-modal .modal-body input[disabled],
  #search-modal2 .modal-body input[disabled] {
    background: #eeeeee !important;
  }
}
@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance:none) {
    #search-modal .modal-body input[disabled]::-webkit-input-placeholder,
    #search-modal2 .modal-body input[disabled]::-webkit-input-placeholder,
    #search-modal .modal-body input[disabled],
    #search-modal2 .modal-body input[disabled] {
      color: #1d1d1d !important;
    }
  }
  #search-modal .modal-body input[disabled],
  #search-modal2 .modal-body input[disabled] {
    color: #1d1d1d !important;
  }
}
.error-message-alert-info {
  max-width: 510px;
  width: 100%;
  margin-bottom: 24px;
  padding: 16px;
  padding-right: 48px;
  min-height: 65px;
  background-color: #ffeeec;
  border-radius: 8px;
  justify-content: space-between;
  display: flex;
  align-items: center;
  border: 1px solid #e28383;
  border-left: 6px solid #c70f00;
}
.error-message-content {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.error-gap-between {
  margin-right: 10px;
}
.error-close-icon-msg {
  cursor: pointer;
  position: absolute;
  right: 60px;
  height: 16px;
  width: 16px;
  display: block;
  background-image: url(/Content/Images/icons/close-icon-msg.svg);
  background-repeat: no-repeat;
}
.content-align {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.add-flex-for-tab {
  display: flex;
  flex-direction: row-reverse;
  align-items: end;
  justify-content: end;
}
.change-order {
  order: 1;
}
@media screen and (max-width: 768px) {
  .modal-dialog {
    margin: 0px auto;
  }
}
@media screen and (max-width: 435px) {
  .modal-dialog {
    width: 358px;
    position: relative;
    margin: 0px auto;
  }
}
@media screen and (max-width: 359px) {
  .modal-dialog {
    width: auto;
  }
}
#personalize-modal .modal-header {
  padding: 24px 40px;
  background: #f2f2f7;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  display: flex;
}
@media screen and (max-width: 767px) {
  #personalize-modal .modal-header {
    padding: 24px;
  }
}
#personalize-modal .modal-header .header-title {
  flex: 10;
}
#personalize-modal .modal-header span {
  margin: 0px;
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
}
#personalize-modal .modal-body {
  font-family: 'Noto Sans', sans-serif;
  padding: 0px;
}
#personalize-modal .modal-body input[type="checkbox"]:focus-visible {
  outline: 3px solid #ff5858 !important;
  outline-offset: 0;
}
#personalize-modal .modal-body .modal-question-one,
#personalize-modal .modal-body .modal-question-two,
#personalize-modal .modal-body .modal-question-three {
  margin: 24px 40px 32px 40px;
}
@media screen and (max-width: 767px) {
  #personalize-modal .modal-body .modal-question-one,
  #personalize-modal .modal-body .modal-question-two,
  #personalize-modal .modal-body .modal-question-three {
    margin: 24px 24px 32px 24px;
  }
}
#personalize-modal .modal-body .question-number {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: #45505f;
  margin-bottom: 16px;
}
#personalize-modal .modal-body .question-text {
  font-size: 20px;
  line-height: 32px;
  font-weight: 500;
  color: #45505f;
  margin-bottom: 4px;
}
#personalize-modal .modal-body .chip-options {
  display: flex;
  flex-wrap: wrap;
  column-gap: 12px;
  row-gap: 16px;
  align-items: center;
  margin-top: 32px;
  margin-bottom: 32px;
}
#personalize-modal .modal-body .chip-box {
  border: 1px solid #1c304b;
  background-color: #f8f8f9;
  padding: 8px 16px;
  border-radius: 8px;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  color: #1c304b;
  text-transform: uppercase;
  cursor: pointer;
}
#personalize-modal .modal-body .chip-box:hover {
  border-radius: 8px;
  border: 1px solid #8c006d;
  background: white;
}
#personalize-modal .modal-body .chip-box:focus-visible {
  outline: 4px solid #ff5858 !important;
  border-radius: 8px;
  outline-offset: 0px !important;
  background: white;
  border: none;
}
#personalize-modal .modal-body .selectedChip {
  border: 1px solid #7a005f;
  background-color: #e4d8f4;
  color: #4f185a;
}
#personalize-modal .modal-body .selectedChip:hover {
  border-radius: 8px;
  border: 1px solid #7a005f;
  background: #e4d8f4;
}
#personalize-modal .modal-body .selectedChip:focus-visible {
  outline: 4px solid #ff5858 !important;
  border-radius: 8px;
  outline-offset: 0px !important;
  background: #e4d8f4;
  border: none;
}
#personalize-modal .modal-body .unSelectedChip {
  border: 1px solid #c70f00;
  background-color: #fdf6f5;
}
#personalize-modal .modal-body .info-text {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: #45505f;
}
#personalize-modal .modal-body .checkbox-options .checkbox-group-item {
  padding: 24px 8px 24px 16px;
  border: 1px solid #e5e4ec;
  border-radius: 8px;
  line-height: 16px;
  margin-top: 16px;
  display: flex;
}
#personalize-modal .modal-body .checkbox-options .checkbox-group-item input {
  margin: 4px 12px 4px 0px;
}
#personalize-modal .modal-body .checkbox-options .checkbox-group-item label {
  margin: 0px 4px 0px 0px;
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  color: #1c304b;
  text-transform: capitalize;
}
#personalize-modal .modal-body .checkbox-options .selectedItem {
  border: 1px solid #aa0285;
  background-color: #fcf7fb;
}
#personalize-modal .modal-body .checkbox-options .unSelectedItem {
  border: 1px solid #c70f00;
  background-color: #fdf6f5;
}
#personalize-modal .modal-body .validation-msg {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: #c70f00;
  padding: 0px 40px 24px 40px;
  display: flex;
  margin-top: -8px;
}
@media screen and (max-width: 767px) {
  #personalize-modal .modal-body .validation-msg {
    padding: 0px 24px 24px 24px;
  }
}
#personalize-modal .modal-body .validation-msg span {
  background-image: url(/Content/Images/Redeployment/validation_icon.svg);
  background-repeat: no-repeat;
  height: 14px;
  width: 18px;
  margin-right: 8px;
  margin-top: 1.5px;
}
@media screen and (max-width: 767px) {
  #personalize-modal .modal-body .validation-msg span {
    width: 22px;
  }
}
#personalize-modal .modal-footer {
  margin: 0px 40px 0px 40px;
  border-top: 1px solid #ebebee;
  padding: 32px 0px 32px 0px;
}
@media screen and (max-width: 767px) {
  #personalize-modal .modal-footer {
    margin: 0px 24px 0px 24px;
  }
}
#personalize-modal .modal-footer .footer-btn-container {
  display: flex;
  justify-content: end;
  flex-direction: row-reverse;
}
@media screen and (max-width: 400px) {
  #personalize-modal .modal-footer .footer-btn-container {
    justify-content: center;
    gap: 8px;
  }
  #personalize-modal .modal-footer .footer-btn-container #cancelBtn {
    width: auto;
    margin-left: 0px;
  }
}
#personalize-modal .modal-footer .footer-btn-container button.secondaryBtn {
  margin-right: 8px;
}
#personalize-modal .modal-footer .footer-btn-container button.primaryBtn {
  margin: 0px !important;
}
#personalize-modal .modal-footer .footer-btn-container .primaryBtn {
  padding: 7px 24px;
  height: auto;
  min-width: 176px;
  background: #441750;
  border-radius: 8px;
  font-family: Noto Sans;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.05em;
  text-align: center;
  color: white;
  text-transform: uppercase;
}
#personalize-modal .modal-footer .footer-btn-container .primaryBtn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px;
}
@media screen and (max-width: 767px) {
  #personalize-modal .modal-footer .footer-btn-container .primaryBtn {
    min-width: 165px;
  }
}
@media screen and (max-width: 400px) {
  #personalize-modal .modal-footer .footer-btn-container .primaryBtn {
    min-width: 170px;
  }
}
@media screen and (max-width: 345px) {
  #personalize-modal .modal-footer .footer-btn-container .primaryBtn {
    min-width: 155px;
  }
}
#personalize-modal .modal-footer .footer-btn-container .secondaryBtn {
  padding: 7px 24px;
  height: auto;
  background: white;
  border-radius: 8px;
  font-family: Noto Sans;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.05em;
  text-align: center;
  color: #1c304b;
  border: 1px solid #1c304b;
  text-transform: uppercase;
}
#personalize-modal .modal-footer .footer-btn-container .secondaryBtn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px;
}
@media screen and (max-width: 767px) {
  #personalize-modal .modal-footer .footer-btn-container .secondaryBtn {
    margin-right: 26px !important;
    min-width: 117px !important;
    padding: 8px 8px !important;
  }
}
@media screen and (max-width: 435px) {
  #personalize-modal .modal-footer .footer-btn-container .secondaryBtn {
    min-width: 120px !important;
  }
}
@media screen and (max-width: 429px) {
  #personalize-modal .modal-footer .footer-btn-container .secondaryBtn {
    margin-right: 10px !important;
    min-width: 117px !important;
    padding: 8px 8px !important;
  }
}
#personalize-modal .modal-footer .footer-btn-container #prevBtn {
  min-width: 86px;
  margin: 0px 8px 0px 0px;
}
#personalize-modal .modal-footer .footer-btn-container #cancelBtn {
  min-width: 105px;
}
@media screen and (max-width: 768px) {
  .modal-dialog {
    margin: 0px auto;
  }
}
@media screen and (max-width: 435px) {
  .modal-dialog {
    width: 358px;
    position: relative;
    margin: 0px auto;
  }
}
@media screen and (max-width: 359px) {
  .modal-dialog {
    width: auto;
  }
}
#upskill-personalize-modal .modal-header {
  padding: 24px 40px;
  background: #f2f2f7;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  display: flex;
}
@media screen and (max-width: 767px) {
  #upskill-personalize-modal .modal-header {
    padding: 24px;
  }
}
#upskill-personalize-modal .modal-header .header-title {
  flex: 10;
}
#upskill-personalize-modal .modal-header span {
  margin: 0px;
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
}
#upskill-personalize-modal .modal-body {
  font-family: 'Noto Sans', sans-serif;
  padding: 0px;
}
#upskill-personalize-modal .modal-body input[type="radio"]:focus-visible {
  outline: 3px solid #ff5858 !important;
  outline-offset: 0;
}
#upskill-personalize-modal .modal-body .modal-question-one {
  padding: 24px 40px 32px 40px;
}
@media screen and (max-width: 767px) {
  #upskill-personalize-modal .modal-body .modal-question-one {
    padding: 24px 24px 32px 24px;
  }
}
#upskill-personalize-modal .modal-body .question-number {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: #45505f;
  margin-bottom: 16px;
}
#upskill-personalize-modal .modal-body .question-text {
  color: #1c304b;
  font-family: "Noto Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  margin-bottom: 24px;
}
#upskill-personalize-modal .modal-body .modal-question-three .question-text {
  margin-bottom: 4px;
}
#upskill-personalize-modal .modal-body .transition-question {
  padding: 0px 40px 24px 40px;
}
@media screen and (max-width: 767px) {
  #upskill-personalize-modal .modal-body .transition-question {
    padding: 0px 24px 24px 24px;
  }
}
#upskill-personalize-modal .modal-body .transition-question .validation-msg {
  padding: 8px 24px 0px 18px !important;
  display: inline-flex !important;
  margin-top: 0px !important;
}
#upskill-personalize-modal .modal-body .transition-question .question-text {
  margin-bottom: 24px;
  border-top: 1px solid #ebebee;
  padding-top: 32px;
}
#upskill-personalize-modal .modal-body .transition-question .form-group {
  margin-bottom: 0px;
}
#upskill-personalize-modal .modal-body .transition-question .form-group .red-border {
  border: 1px solid #c70f00;
  background-color: #fdf6f5;
  border-radius: 8px;
}
#upskill-personalize-modal .modal-body .transition-question .form-group p {
  margin: 0px;
}
#upskill-personalize-modal .modal-body .transition-question .form-group p span {
  color: #c70f00;
  font-family: "Univers LT Std";
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  line-height: 16px;
  text-transform: uppercase;
}
#upskill-personalize-modal .modal-body .transition-question .form-group p label {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: #1c304b;
  text-transform: uppercase;
  font-family: "Noto Sans";
  margin-bottom: 8px;
}
#upskill-personalize-modal .modal-body .transition-question .input-with-spinner {
  position: relative;
  width: 100%;
}
#upskill-personalize-modal .modal-body .transition-question .input-with-spinner input::placeholder {
  white-space: normal;
}
#upskill-personalize-modal .modal-body .transition-question .input-with-spinner .form-control:placeholder-shown + .placeholder-overlay {
  display: block;
}
#upskill-personalize-modal .modal-body .transition-question .input-with-spinner .form-control:focus + .placeholder-overlay,
#upskill-personalize-modal .modal-body .transition-question .input-with-spinner .form-control:not(:placeholder-shown) + .placeholder-overlay {
  display: none;
}
@media screen and (max-width: 480px) {
  #upskill-personalize-modal .modal-body .transition-question .input-with-spinner .form-control:placeholder-shown {
    min-height: 64px;
    height: 64px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
#upskill-personalize-modal .modal-body .transition-question .input-with-spinner .form-control {
  width: 100%;
  height: 40px;
  border: 1px solid #1c304b;
  border-radius: 8px;
  font-family: "Noto Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  color: #1c304b;
  background: transparent;
  padding-right: 2.25rem;
}
#upskill-personalize-modal .modal-body .transition-question .placeholder-overlay {
  position: absolute;
  color: #45505f;
  font-family: "Noto Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  top: 8px;
  left: 16px;
  right: 16px;
  bottom: 8px;
  pointer-events: none;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
@media (max-width: 480px) {
  #upskill-personalize-modal .modal-body .transition-question .placeholder-overlay {
    white-space: normal;
    text-overflow: revert;
    overflow: revert;
  }
}
#upskill-personalize-modal .modal-body .transition-question .input-with-spinner .input-spinner {
  position: absolute;
  top: 50%;
  right: 0.75rem;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  border-top-color: #752386;
  border-radius: 50%;
  animation: inputSpin 1s linear infinite;
}
@keyframes inputSpin {
  to {
    transform: translateY(-50%) rotate(360deg);
  }
}
#upskill-personalize-modal .modal-body .info-text {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: #45505f;
}
#upskill-personalize-modal .modal-body .radio-options .radio-group-item {
  border: 1px solid #e5e4ec;
  border-radius: 8px;
  line-height: 16px;
  margin-top: 16px;
  display: flex;
  cursor: pointer;
}
#upskill-personalize-modal .modal-body .radio-options .radio-group-item label {
  margin: 0px 4px 0px 0px;
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  color: #1c304b;
  text-transform: none;
  display: flex;
  cursor: pointer;
  padding: 24px 8px 24px 16px;
  width: 100%;
}
#upskill-personalize-modal .modal-body .radio-options .radio-group-item label .radio-span-text {
  font-family: 'Noto Sans', sans-serif;
  margin-left: 12px;
}
#upskill-personalize-modal .modal-body .radio-options .radio-group-item label input {
  cursor: pointer;
}
#upskill-personalize-modal .modal-body .radio-options .selectedItem {
  border: 1px solid #aa0285;
  background-color: #fcf7fb;
}
#upskill-personalize-modal .modal-body .radio-options .unSelectedItem {
  border: 1px solid #c70f00;
  background-color: #fdf6f5;
}
#upskill-personalize-modal .modal-body .validation-msg {
  font-family: "Noto Sans";
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: #c70f00;
  padding: 0px 40px 24px 40px;
  display: flex;
  margin-top: -8px;
}
#upskill-personalize-modal .modal-body .validation-msg span {
  background-image: url(/Content/Images/warning_icon.svg);
  background-repeat: no-repeat;
  height: 14px;
  width: 18px;
  margin-right: 8px;
  margin-top: 0px;
}
@media screen and (max-width: 767px) {
  #upskill-personalize-modal .modal-body .validation-msg span {
    width: 22px;
  }
}
#upskill-personalize-modal .modal-footer {
  border: none;
  padding: 8px 40px 40px 40px;
  margin-top: 0px;
}
@media screen and (max-width: 767px) {
  #upskill-personalize-modal .modal-footer {
    padding: 8px 24px 40px 24px;
  }
}
#upskill-personalize-modal .modal-footer .footer-btn-container {
  display: flex;
  justify-content: end;
  flex-direction: row-reverse;
}
@media screen and (max-width: 400px) {
  #upskill-personalize-modal .modal-footer .footer-btn-container {
    justify-content: center;
    flex-wrap: wrap-reverse;
  }
  #upskill-personalize-modal .modal-footer .footer-btn-container .primaryBtn {
    margin: 0px 0px 0px 8px !important;
  }
  #upskill-personalize-modal .modal-footer .footer-btn-container #cancelBtn {
    width: auto;
    margin-left: 0px;
  }
}
#upskill-personalize-modal .modal-footer .footer-btn-container button.secondaryBtn {
  margin-right: 8px;
}
#upskill-personalize-modal .modal-footer .footer-btn-container button:disabled {
  color: #adadb5;
  background: #ece8ed;
}
#upskill-personalize-modal .modal-footer .footer-btn-container button.primaryBtn {
  margin: 0px !important;
}
#upskill-personalize-modal .modal-footer .footer-btn-container .primaryBtn {
  padding: 7px 24px;
  height: auto;
  min-width: 176px;
  background: #441750;
  border-radius: 8px;
  font-family: Noto Sans;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.05em;
  text-align: center;
  color: white;
  text-transform: uppercase;
}
#upskill-personalize-modal .modal-footer .footer-btn-container .primaryBtn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px;
}
@media screen and (max-width: 767px) {
  #upskill-personalize-modal .modal-footer .footer-btn-container .primaryBtn {
    min-width: 175px;
  }
}
@media screen and (max-width: 400px) {
  #upskill-personalize-modal .modal-footer .footer-btn-container .primaryBtn {
    min-width: 170px;
  }
}
@media screen and (max-width: 345px) {
  #upskill-personalize-modal .modal-footer .footer-btn-container .primaryBtn {
    min-width: 155px;
  }
}
@media screen and (max-width: 330px) {
  #upskill-personalize-modal .modal-footer .footer-btn-container .primaryBtn {
    min-width: auto;
  }
}
#upskill-personalize-modal .modal-footer .footer-btn-container .secondaryBtn {
  padding: 7px 24px;
  height: auto;
  background: white;
  border-radius: 8px;
  font-family: Noto Sans;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.05em;
  text-align: center;
  color: #1c304b;
  border: 1px solid #1c304b;
  text-transform: uppercase;
}
#upskill-personalize-modal .modal-footer .footer-btn-container .secondaryBtn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px;
}
@media screen and (max-width: 767px) {
  #upskill-personalize-modal .modal-footer .footer-btn-container .secondaryBtn {
    margin-right: 12px !important;
    min-width: 126px !important;
    padding: 8px 8px !important;
  }
}
@media screen and (max-width: 435px) {
  #upskill-personalize-modal .modal-footer .footer-btn-container .secondaryBtn {
    min-width: 120px !important;
  }
}
@media screen and (max-width: 429px) {
  #upskill-personalize-modal .modal-footer .footer-btn-container .secondaryBtn {
    margin-right: 10px !important;
    min-width: 120px !important;
    padding: 8px 8px !important;
  }
}
#upskill-personalize-modal .modal-footer .footer-btn-container #cancelBtn {
  min-width: 105px;
}
/* job-tracker  */

#job-tracker.add-tracker {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding-top: 40px;
}
#job-tracker.add-tracker .added-tracker-title {
  font-size: 20px;
  color: #4d065b;
  display: block;
  margin: 20px 0;
}
#job-tracker.add-tracker .cursor-pointer {
  cursor: pointer;
}
#job-tracker.add-tracker .job-tracker-box {
  font-family: Noto Sans;
  font-size: 14px;
  background: white;
  /*margin-bottom: 30px;*/
  border-bottom: 10px solid #72467b;
}
#job-tracker.add-tracker .job-tracker-box .profile-div {
  padding: 0;
}
#job-tracker.add-tracker .job-tracker-box .profile-div .pro-date-location,
#job-tracker.add-tracker .job-tracker-box .profile-div .pro-detail {
  padding: 0 20px;
  height: auto;
  margin-bottom: 20px;
}
#job-tracker.add-tracker .job-tracker-box .profile-div .last-update {
  margin: 0 15px;
}
#job-tracker.add-tracker .job-tracker-box .profile-div .pro-date-location .location {
  color: #e23369;
}
#job-tracker.add-tracker .job-tracker-box .company-logo-img {
  max-width: 100%;
}
#job-tracker.add-tracker .job-tracker-box .job-tracker {
  margin-bottom: 20px;
}
#job-tracker.add-tracker .job-tracker-box .job-tracker .job-tracker-title {
  background: #4f185a;
  color: white;
  font-family: 'Noto Serif';
  font-size: 24px;
  padding: 7px 20px;
}
#job-tracker.add-tracker .job-tracker-box .job-status-bar {
  background: url('/Content/Images/Redeployment/dotted_line_02.png');
  background-repeat: repeat-x;
  background-position: center;
  display: flex;
  justify-content: space-between;
}
#job-tracker.add-tracker .job-tracker-box .job-status-bar .track-con {
  padding: 20px;
}
#job-tracker.add-tracker .job-tracker-box .job-status-bar .track-con .track {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 2px solid #4d005a;
  color: #4d005a;
  background: white;
  font-weight: bold;
}
#job-tracker.add-tracker .job-tracker-box .job-status-bar .track-con a {
  text-decoration: none;
}
#job-tracker.add-tracker .job-tracker-box .job-status-bar .track-con.selected {
  background: rgba(77, 0, 90, 0.15);
}
#job-tracker.add-tracker .job-tracker-box .job-status-bar .track-con:first-child {
  margin-left: -20px;
}
#job-tracker.add-tracker .job-tracker-box .job-status-bar .track-con:last-child {
  margin-right: -20px;
}
#job-tracker.add-tracker .job-tracker-box .job-status-con {
  padding: 0 20px;
}
#job-tracker.add-tracker .job-tracker-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 20px 20px 15px;
}
#job-tracker.add-tracker .job-tracker-header .right-icons-section {
  display: flex;
}
#job-tracker.add-tracker .job-tracker-header .right-icons-section span {
  margin: 0 5px;
}
#job-tracker.add-tracker .job-tracker-header .right-icons-section a.collapse-section:after {
  content: "";
  display: block;
  background: url("/Content/Images/Common/button_fold.svg") no-repeat;
  width: 28px;
  height: 28px;
  margin-top: 15px;
  margin-left: 8px;
  margin-right: 8px;
  cursor: pointer;
}
#job-tracker.add-tracker .job-tracker-header .right-icons-section a.collapse-section.collapsed:after {
  content: "";
  display: block;
  background: url("/Content/Images/Common/button_unfold.svg") no-repeat;
  width: 28px;
  height: 28px;
  margin-top: 8px;
}
#job-tracker.add-tracker .clear-fixed {
  margin: 0 -20px;
}
#job-tracker.add-tracker .app-state-con {
  padding-top: 20px;
}
#job-tracker.add-tracker .app-state-con .application-state {
  display: flex;
  flex-wrap: nowrap;
}
#job-tracker.add-tracker .app-state-con .application-state .job-tracker {
  width: 50%;
}
#job-tracker.add-tracker .app-state-con .application-state .tracker-actions {
  width: 50%;
  padding-right: 20px;
}
.tracker-page-con {
  padding-bottom: 30px;
}
.rec-page-con.tracker-page-con {
  padding: 30px 0;
}
.tracker-page-con .rec-not-found-text {
  padding: 100px 0px 70px;
}
@media (min-width: 767px) and (max-width: 1024px) {
  .tracker-page-con .rec-not-found-text {
    padding-bottom: 0px;
    height: calc(55vh);
  }
  .red-main-content {
    padding-bottom: 110px;
  }
}
.rec-page-con .rec-by-text {
  font-style: italic;
  font-weight: normal;
}
.box-disabled {
  opacity: 0.6;
}
@media (max-width: 996px) {
  #job-tracker.add-tracker .job-tracker-box {
    margin-top: 25px;
  }
  #job-tracker.add-tracker .job-tracker-box .profile-info {
    order: 2;
  }
  #job-tracker.add-tracker .job-tracker-box .right-icons-section {
    order: 1;
    align-self: flex-end;
    margin-bottom: 15px;
  }
  #job-tracker.add-tracker .job-tracker-box .profile-div .last-update {
    margin: 0px;
    float: left;
    line-height: 36px;
    margin-bottom: 15px;
  }
  #job-tracker.add-tracker .job-tracker-box .job-tracker-header {
    flex-direction: column;
  }
  #job-tracker.add-tracker .job-tracker-box .job-status-bar .track-con {
    padding: 20px 10px;
  }
  #job-tracker.add-tracker .app-state-con .application-state {
    flex-direction: column;
  }
  #job-tracker.add-tracker .app-state-con .application-state .job-tracker {
    width: auto;
    margin-right: 20px;
  }
  #job-tracker.add-tracker .app-state-con .application-state .tracker-actions {
    width: 100%;
    padding: 0px 20px;
  }
}
@media (max-width: 768px) {
  #job-tracker.add-tracker .job-tracker-box .job-status-bar .track-con {
    padding: 20px 5px;
  }
  #job-tracker.add-tracker .job-tracker-box .job-status-bar {
    padding: 0 15px;
  }
}
/*Job Recommendation card*/

.rec-page-con .job-rec-row {
  display: flex;
  flex-wrap: wrap;
}
.rec-page-con .job-rec-row .job-rec-item {
  display: flex;
}
.rec-page-con .job-rec-row .job-rec-item .panel {
  display: flex;
  flex-direction: column;
  width: 100%;
  justify-content: space-between;
}
.rec-page-con .job-rec-row .job-rec-item .panel a.job-card-link {
  display: flex;
  height: 100%;
}
.rec-page-con .job-rec-row .job-rec-item .panel a.job-card-link .profile-div {
  display: flex;
  flex-direction: column;
  width: 100%;
  position: relative;
}
.rec-page-con .job-rec-row .job-rec-item .panel a.job-card-link .profile-div .pro-detail {
  overflow-wrap: break-word;
  word-wrap: break-word;
  /* Adds a hyphen where the word breaks */
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}
.rec-page-con .job-rec-row .job-rec-item .panel a.job-card-link .profile-div .profile-salary {
  margin-top: auto;
}
.rec-page-con .job-rec-row .job-rec-item .panel a.job-card-link .profile-div .job-rec-card-new {
  position: absolute;
  top: -1px;
  right: 18px;
  background-color: #cf2615;
  padding: 2px 8px;
  color: white;
}
@media (max-width: 991px) {
  .rec-page-con .job-rec-row .job-rec-item {
    width: 100%;
  }
}
.rec-not-found-text {
  padding-top: 30px;
  display: inline-block;
}
@media all and (-ms-high-contrast: active), all and (-ms-high-contrast: none) {
  #job-tracker.add-tracker .job-tracker-box .profile-div .last-update {
    font-family: Helvetica, Arial, sans-serif;
  }
}
/* job-tracker  */

#job-tracker-list.job-tracker-list {
  min-height: 90vh;
}
#job-tracker-list.job-tracker-list .top-tracker-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 24px;
  margin-bottom: 16px;
  border-bottom: 1px solid #ebebee;
  word-break: break-word;
}
@media (max-width: 768px) {
  #job-tracker-list.job-tracker-list .top-tracker-bar {
    align-items: flex-start;
    border: none;
    margin-bottom: 0;
    padding-bottom: 0;
  }
}
#job-tracker-list.job-tracker-list .top-tracker-bar .top-tracker-details {
  flex: 6;
}
#job-tracker-list.job-tracker-list .top-tracker-bar .top-tracker-details .tracker-list-title {
  font-family: Noto Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
  margin: 0px;
}
#job-tracker-list.job-tracker-list .top-tracker-bar .top-tracker-details .tracker-list-description {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
  margin-top: 4px;
}
#job-tracker-list.job-tracker-list .top-tracker-bar .add-status {
  flex: 6;
  text-align: right;
  display: flex;
  justify-content: flex-end;
}
#job-tracker-list.job-tracker-list .top-tracker-bar .add-status .btn-add-status {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: Noto Sans, sans-serif;
  text-transform: uppercase;
  color: #1c304b;
  background-color: white;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid #1c304b !important;
  color: #1c304b !important;
  background-color: white !important;
  padding: 8px 16px;
  font-size: 12px !important;
  line-height: 16px !important;
  border-radius: 7px;
  min-height: 32px;
  min-width: 106px;
  word-break: break-all;
  margin-right: 0.5px;
}
#job-tracker-list.job-tracker-list .top-tracker-bar .add-status .btn-add-status:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
#job-tracker-list.job-tracker-list .top-tracker-bar .add-status .btn-add-status:hover {
  border: 1px solid #aa0285 !important;
}
#job-tracker-list.job-tracker-list .top-tracker-bar .add-status .btn-add-status:focus {
  outline: none !important;
  color: #1c304b !important;
}
#job-tracker-list.job-tracker-list .top-tracker-bar .add-status .btn-add-status:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
#job-tracker-list.job-tracker-list .top-tracker-bar .add-status .btn-add-status:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
#job-tracker-list.job-tracker-list .top-tracker-bar .add-status .btn-add-status:hover {
  border: 1px solid #aa0285 !important;
}
#job-tracker-list.job-tracker-list .top-tracker-bar .add-status .btn-add-status:focus {
  outline: none !important;
  color: #1c304b !important;
}
#job-tracker-list.job-tracker-list .top-tracker-bar .add-status .btn-add-status:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
#job-tracker-list.job-tracker-list .top-tracker-bar .add-status .btn-add-status:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
#job-tracker-list.job-tracker-list .top-tracker-bar .add-status .btn-add-status:hover {
  border: 1px solid #aa0285 !important;
}
#job-tracker-list.job-tracker-list .top-tracker-bar .add-status .btn-add-status:focus {
  outline: none !important;
  color: #1c304b !important;
}
#job-tracker-list.job-tracker-list .top-tracker-bar .add-status .btn-add-status:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
#job-tracker-list.job-tracker-list .top-tracker-bar .add-status .btn-add-status:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
#job-tracker-list.job-tracker-list .top-tracker-bar .add-status .btn-add-status:hover {
  border: 1px solid #aa0285 !important;
}
#job-tracker-list.job-tracker-list .top-tracker-bar .add-status .btn-add-status:focus {
  outline: none !important;
  color: #1c304b !important;
}
#job-tracker-list.job-tracker-list .top-tracker-bar .add-status .btn-add-status:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
@media (max-width: 768px) {
  #job-tracker-list.job-tracker-list .top-tracker-bar .add-status .btn-add-status {
    padding: 8px 24px 8px 16px;
  }
}
#job-tracker-list.job-tracker-list .top-tracker-bar .add-status .btn-add-status .plus-icon-span {
  width: 16px;
  height: 16px;
  margin-left: 8px;
  position: relative;
}
#job-tracker-list.job-tracker-list .top-tracker-bar .add-status .btn-add-status .plus-icon-span::after {
  content: '';
  background: url(/Content/Images/Redeployment/new-plus-icon-status.svg) no-repeat !important;
  position: absolute;
  left: 0px;
  height: 16px;
  width: 16px;
}
#job-tracker-list.job-tracker-list .data-grid-container {
  background-color: white;
  padding: 24px 24px 32px;
  border-radius: 8px;
}
@media (max-width: 768px) {
  #job-tracker-list.job-tracker-list .data-grid-container {
    padding-bottom: 100px;
    margin-top: 74px;
  }
}
@media (max-width: 768px) {
  #job-tracker-list.job-tracker-list .job-tracker-filter-main {
    margin-bottom: 24px;
  }
}
#job-tracker-list.job-tracker-list .job-tacker-accordion {
  display: flex;
  flex-direction: row;
  position: relative;
  margin-bottom: 25px;
}
#job-tracker-list.job-tracker-list .showAccordianDiv {
  position: absolute;
  top: 60%;
  right: 0;
}
#job-tracker-list.job-tracker-list .job-tacker-accordion.collapsed-view .job-tracker-stages-button:nth-child(8) {
  width: 100% !important;
}
#job-tracker-list.job-tracker-list .job-tacker-accordion .sk-loader .job-tracker-stages-button:nth-last-child(2) {
  width: 100% !important;
}
#job-tracker-list.job-tracker-list .job-tacker-accordion .job-tracker-stages-button:nth-last-child(2) {
  width: 82% !important;
}
#job-tracker-list.job-tracker-list .job-tacker-accordion .job-tracker-stages-button:nth-last-child(2) .status-name {
  width: 82%;
}
#job-tracker-list.job-tracker-list .job-tacker-accordion.collapsed-view .showAccordianDiv {
  top: 80% !important;
}
@media (min-width: 800px) and (max-width: 1300px) {
  #job-tracker-list.job-tracker-list .job-tacker-accordion .job-tracker-stages-button:nth-last-child(2) {
    width: 75% !important;
  }
  #job-tracker-list.job-tracker-list .job-tacker-accordion .job-tracker-stages-button:nth-last-child(2) .status-name {
    width: 75%;
  }
}
#job-tracker-list.job-tracker-list .job-tracker-stages-button {
  position: relative;
  margin-top: 8px;
}
@media (max-width: 768px) {
  #job-tracker-list.job-tracker-list .job-tracker-stages-button {
    width: 100%;
  }
}
#job-tracker-list.job-tracker-list .btn-tracker-filter-skeleton {
  display: flex;
  text-transform: none;
  padding: 8px 16px;
  width: 100%;
  height: 40px;
  align-items: center;
  justify-content: space-between;
  text-align: left;
}
@media (max-width: 768px) {
  #job-tracker-list.job-tracker-list .btn-tracker-filter-skeleton {
    width: 100%;
  }
}
#job-tracker-list.job-tracker-list .btn-tracker-filter-skeleton.skeleton-squre-gray {
  background-color: #f3f3f3;
  border-radius: 15px;
}
#job-tracker-list.job-tracker-list .btn-tracker-filter-skeleton.skeletoninout:before,
#job-tracker-list.job-tracker-list .btn-tracker-filter-skeleton .skeletoninout:before {
  display: none;
}
#job-tracker-list.job-tracker-list .btn-tracker-filter-skeleton .skeleton-line-left {
  width: 100%;
  height: 16px;
  min-height: 16px;
  margin-bottom: 0px;
}
#job-tracker-list.job-tracker-list .btn-tracker-filter-skeleton .skeleton-line-right {
  width: 24px;
  height: 16px;
  min-height: 16px;
  margin-bottom: 0px;
  margin-left: 40px;
}
@media (min-width: 999px) {
  #job-tracker-list.job-tracker-list .job-tracker-filter-main {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2px 8px;
    width: 100%;
  }
}
#job-tracker-list.job-tracker-list .btn-tracker-filter {
  display: flex;
  text-transform: none;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  font-family: 'Noto Sans', sans-serif;
  background-color: #f8f8f9;
  color: #1c304b;
  border-radius: 8px;
  padding: 8px 16px;
  width: 100% !important;
  height: 42px;
  align-items: center;
  justify-content: space-between;
  text-align: left;
  outline: none;
}
@media (max-width: 768px) {
  #job-tracker-list.job-tracker-list .btn-tracker-filter {
    width: 100%;
  }
}
#job-tracker-list.job-tracker-list a.btn-tracker-filter:focus-visible:not(:active) {
  outline-offset: 1px;
}
#job-tracker-list.job-tracker-list .btn-active {
  background-color: #fcf7fb;
  border: 1px solid #aa0285;
}
#job-tracker-list.job-tracker-list .status-name {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
#job-tracker-list.job-tracker-list .status-name .status-name-text {
  white-space: normal;
  display: block;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}
#job-tracker-list.job-tracker-list .status-name .text-overflowed {
  display: -webkit-box;
}
#job-tracker-list.job-tracker-list .comment-alert {
  position: relative;
  width: 20px;
  height: 20px;
  display: block;
  margin: 0px 8px;
}
#job-tracker-list.job-tracker-list .comment-alert::after {
  content: '';
  background: url(/Content/Images/Redeployment/new-comment-alert.svg) no-repeat !important;
  position: absolute;
  left: 0px;
  top: 0px;
  height: 20px;
  width: 20px;
}
#job-tracker-list.job-tracker-list .jobs-count {
  margin-left: 10px;
  text-align: right;
  padding: 2px 6px;
  border-radius: 4px;
  background-color: #ebebee;
  font-family: Noto Sans, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}
#job-tracker-list.job-tracker-list .col-comment {
  display: flex;
  justify-content: center;
}
#job-tracker-list.job-tracker-list .comment-alert-text {
  text-align: center;
  font-family: 'Noto Sans', sans-serif;
  font-size: 10px;
  font-weight: 500;
  line-height: 16px;
  width: max-content;
  text-transform: uppercase;
  border-radius: 4px;
  padding: 2px 8px;
  border: 1px solid #ffc133;
  background-color: #fff0cc;
  color: #1c304b;
}
@media (max-width: 768px) {
  #job-tracker-list.job-tracker-list .comment-alert-text {
    margin-bottom: 12px;
  }
}
#job-tracker-list.job-tracker-list .job-tracker-header {
  background-color: #f8f8f9;
  padding: 12px 16px;
  border-radius: 8px 8px 0px 0px;
  border-bottom: 1px solid #ebebee;
}
@media (max-width: 999px) {
  #job-tracker-list.job-tracker-list .job-tracker-header {
    display: none;
  }
}
#job-tracker-list.job-tracker-list .job-tracker-header .col-title {
  color: #1c304b;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  text-transform: uppercase;
  word-break: break-word;
  text-decoration: none;
  position: relative;
  display: inline-flex;
}
#job-tracker-list.job-tracker-list .job-tracker-header .col-comment {
  display: flex;
  justify-content: center;
}
#job-tracker-list.job-tracker-list .job-tracker-header .grid-sort-icon {
  padding-right: 20px;
}
#job-tracker-list.job-tracker-list .job-tracker-header .grid-sort-icon::after {
  content: '';
  position: absolute;
  right: 5px;
  top: 6px;
  height: 10px;
  width: 10px;
  border: 5px solid transparent;
}
#job-tracker-list.job-tracker-list .job-tracker-header .grid-sort-icon.down-arrow::after {
  border-top: 5px solid black;
}
#job-tracker-list.job-tracker-list .job-tracker-header .grid-sort-icon.up-arrow::after {
  border-bottom: 5px solid black;
  margin-top: -6px;
}
#job-tracker-list.job-tracker-list .job-tracker-item {
  padding: 1px 16px 32px;
}
#job-tracker-list.job-tracker-list .job-tracker-item a {
  display: block;
  border-bottom: 1px solid #ebebee;
}
@media (max-width: 768px) {
  #job-tracker-list.job-tracker-list .job-tracker-item a {
    border-bottom: none;
  }
}
#job-tracker-list.job-tracker-list .job-tracker-item .details.new-comment-row {
  background-color: #fffaed;
}
#job-tracker-list.job-tracker-list .job-tracker-item .details.new-comment-row:hover {
  background-color: #fffaed;
}
#job-tracker-list.job-tracker-list .job-tracker-item .details.jobtracker-mobile-show {
  display: none;
}
@media (max-width: 999px) {
  #job-tracker-list.job-tracker-list .job-tracker-item {
    padding: 0px;
  }
  #job-tracker-list.job-tracker-list .job-tracker-item a:hover {
    text-decoration: none;
  }
  #job-tracker-list.job-tracker-list .job-tracker-item .details.jobtracker-desktop-show {
    display: none;
  }
  #job-tracker-list.job-tracker-list .job-tracker-item .details.jobtracker-mobile-show {
    display: block;
    padding: 16px 20px 24px;
    border-radius: 8px;
    border: 1px solid #ebebee;
    margin-bottom: 24px;
  }
  #job-tracker-list.job-tracker-list .job-tracker-item .details.jobtracker-mobile-show .m-company {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    margin-top: 0px;
  }
  #job-tracker-list.job-tracker-list .job-tracker-item .details.jobtracker-mobile-show .m-company .m-company-img {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: #ebebee;
    padding: 0px 4px;
  }
  #job-tracker-list.job-tracker-list .job-tracker-item .details.jobtracker-mobile-show .m-company .m-company-img img {
    width: 16px;
    height: 16px;
    margin-top: -2px;
  }
  #job-tracker-list.job-tracker-list .job-tracker-item .details.jobtracker-mobile-show .new-comment-row .m-company {
    margin-top: 12px;
  }
  #job-tracker-list.job-tracker-list .job-tracker-item .details.jobtracker-mobile-show .title-details {
    margin-top: 12px;
  }
  #job-tracker-list.job-tracker-list .job-tracker-item .details.jobtracker-mobile-show .m-location {
    font-family: Noto Sans, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: #45505f;
    font-family: 'Noto Sans', sans-serif;
    margin-top: 4px;
  }
  #job-tracker-list.job-tracker-list .job-tracker-item .details.jobtracker-mobile-show .m-update-date {
    font-family: Noto Sans, sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    margin-top: 12px;
  }
  #job-tracker-list.job-tracker-list .job-tracker-item .details.jobtracker-mobile-show .m-update-date .m-update-date-title {
    font-family: Noto Sans, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    font-family: 'Noto Sans', sans-serif;
  }
}
#job-tracker-list.job-tracker-list .job-tracker-item .details {
  min-height: 76px;
  display: flex;
  align-items: center;
}
#job-tracker-list.job-tracker-list .job-tracker-item .details:hover {
  background-color: #f8f8f9;
}
@media (max-width: 768px) {
  #job-tracker-list.job-tracker-list .job-tracker-item .details {
    padding: 5px 0px;
    justify-content: space-between;
  }
}
#job-tracker-list.job-tracker-list .job-tracker-item .details .v-align-center {
  display: flex;
  align-items: center;
}
@media (max-width: 768px) {
  #job-tracker-list.job-tracker-list .job-tracker-item .details .v-align-center {
    display: block;
  }
}
#job-tracker-list.job-tracker-list .job-tracker-item .details .col-title {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
  color: #1c304b;
}
@media (max-width: 768px) {
  #job-tracker-list.job-tracker-list .job-tracker-item .details .col-title .job-title-heading {
    display: block;
  }
}
#job-tracker-list.job-tracker-list .job-tracker-item .details .col-title .job-title-heading .job-title-text {
  margin-right: 5px;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
  color: #291746;
}
@media (max-width: 768px) {
  #job-tracker-list.job-tracker-list .job-tracker-item .details .col-title .job-title-heading .job-title-text {
    margin-right: 8px;
    font-family: Noto Sans, sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    color: #1c304b;
    font-family: 'Noto Sans', sans-serif;
  }
}
#job-tracker-list.job-tracker-list .job-tracker-item .details .col-title .job-title-heading .job-title-ove {
  background-color: #f3f3f3;
  border: 1px solid #ebebee;
  border-radius: 4px;
  padding: 3px 8px;
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  font-family: 'Noto Sans', sans-serif;
  color: #1c304b;
  text-transform: uppercase;
  padding-right: 30px;
  height: 24px;
  position: relative;
  width: 60px;
  white-space: nowrap;
}
@media (max-width: 768px) {
  #job-tracker-list.job-tracker-list .job-tracker-item .details .col-title .job-title-heading .job-title-ove {
    margin-left: 0px;
    margin-right: 10px;
  }
}
#job-tracker-list.job-tracker-list .job-tracker-item .details .col-title .job-title-heading .job-title-ove-icon::after {
  content: '';
  background: url(/Content/Images/Redeployment/arrow-tick.svg) no-repeat !important;
  position: absolute;
  right: 5px;
  top: 6px;
  height: 15px;
  width: 15px;
}
#job-tracker-list.job-tracker-list .job-tracker-item .details .col-title .job-title-recommended-by {
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  font-family: 'Noto Sans', sans-serif;
  color: #45505f;
  margin-bottom: 8px;
}
#job-tracker-list.job-tracker-list .job-tracker-item .details .col-title .job-title-recommended-by span {
  color: #1c304b;
}
#job-tracker-list.job-tracker-list .job-tracker-item .comment-alert {
  height: 24px;
}
@media (max-width: 768px) {
  #job-tracker-list.job-tracker-list .job-tracker-item .comment-alert {
    position: relative;
    padding-left: 10px;
  }
}
#job-tracker-list.job-tracker-list .job-tracker-item .comment-alert::after {
  right: auto;
  left: 30%;
  top: 0px;
}
#job-tracker-list.job-tracker-list .tracker-page-not-found {
  text-align: center;
  padding: 40px 0px 80px;
}
#job-tracker-list.job-tracker-list .tracker-page-not-found .rec-not-found-icon {
  content: '';
  background: url(/Content/Images/Redeployment/takeout_dining.svg) no-repeat;
  position: relative;
  width: 24px;
  height: 24px;
  display: inline-block;
}
#job-tracker-list.job-tracker-list .tracker-page-not-found .rec-not-found-heading {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
  color: #1c304b;
  margin-bottom: 10px;
  margin-top: 5px;
}
#job-tracker-list.job-tracker-list .tracker-page-not-found .rec-not-found-content {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
}
#job-tracker-list.job-tracker-list .tracker-page-not-found .search-jobs-button {
  margin-top: 16px;
  min-width: 180px;
}
#job-tracker-list.job-tracker-list .jobtracker-desktop-show {
  display: block;
}
#job-tracker-list.job-tracker-list .jobtracker-mobile-show {
  display: none;
}
@media (max-width: 999px) {
  #job-tracker-list.job-tracker-list .jobtracker-desktop-show,
  #job-tracker-list.job-tracker-list .job-tacker-accordion {
    display: none !important;
  }
  #job-tracker-list.job-tracker-list .jobtracker-mobile-show {
    display: block;
  }
  #job-tracker-list.job-tracker-list .jobtracker-status-dropdown {
    width: 100%;
    margin-top: 24px;
    margin-bottom: 24px;
  }
  #job-tracker-list.job-tracker-list .jobtracker-status-dropdown label,
  #job-tracker-list.job-tracker-list .jobtracker-status-dropdown .select2-container {
    width: 100%;
  }
  #job-tracker-list.job-tracker-list .jobtracker-status-dropdown label {
    font-size: 14px;
    line-height: 24px;
    font-weight: 600;
    color: black;
  }
  #job-tracker-list.job-tracker-list .jobtracker-status-dropdown .select2-container.job-adv-search-select .select2-choice {
    border: 1px solid #aa0285 !important;
    background-color: #fcf7fb;
    font-family: Noto Sans, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    font-family: 'Noto Sans', sans-serif;
  }
  #job-tracker-list.job-tracker-list .tracker-page-con .container {
    width: 100%;
    padding: 0px;
  }
  #job-tracker-list.job-tracker-list .tracker-page-con .data-grid-container {
    padding: 24px 24px 60px;
  }
  #job-tracker-list.job-tracker-list .pull-right > .dropdown-menu {
    left: 0px;
    right: auto;
  }
}
@media (min-width: 767px) and (max-width: 1024px) {
  
}
@media all and (-ms-high-contrast: active), all and (-ms-high-contrast: none) {
  #job-tracker.add-tracker .job-tracker-box .profile-div .last-update {
    font-family: Helvetica, Arial, sans-serif;
  }
}
/*Skeleton Loader*/

.skeleton-loader-job-trackerList .details:hover {
  background-color: transparent !important;
  text-decoration: none !important;
}
.skeleton-loader-job-trackerList .jobtracker-mobile-show {
  display: none;
}
@media (max-width: 768px) {
  .skeleton-loader-job-trackerList .jobtracker-desktop-show {
    display: none;
  }
  .skeleton-loader-job-trackerList .jobtracker-mobile-show {
    display: flex;
    padding: 8px 16px;
  }
  .skeleton-loader-job-trackerList .jobtracker-mobile-show .title-details {
    flex: 4 !important;
  }
  .skeleton-loader-job-trackerList .jobtracker-mobile-show .title-details .title-skel {
    width: 100px;
    margin-bottom: 8px;
  }
  .skeleton-loader-job-trackerList .jobtracker-mobile-show .title-details .arrow-skel {
    width: 150px;
  }
}
.skeleton-loader-job-trackerList .new-comment-cont {
  display: flex;
  align-items: center;
  justify-content: center;
}
.skeleton-loader-job-trackerList .skeleton-line-gray {
  margin-bottom: 0;
}
.skeleton-loader-job-trackerList .skeletoninout {
  animation: animationinout 4s infinite;
}
.skeleton-loader-job-trackerList .job-title-skel {
  width: 120px;
}
.skeleton-loader-job-trackerList .company-skel {
  width: 96px;
}
.skeleton-loader-job-trackerList .location-skel {
  width: 112px;
}
.skeleton-loader-job-trackerList .last-update-skel {
  width: 94px;
}
.skeleton-loader-job-trackerList .new-comment-skel {
  width: 32px;
}
@keyframes animationinout {
  0% {
    opacity: 0.5;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.5;
  }
}
.showAccordianDiv .jobTrackerTooltip .tooltip__custom {
  right: -2.5rem;
  top: -5.8rem;
  padding: 6px 16px 8px;
  border-radius: 8px;
  min-width: 125px;
  max-width: 154px;
  min-height: 30px;
  max-height: 48px;
}
.showAccordianDiv .collapse-accordian .tooltip__custom {
  top: -6.8rem;
}
.showAccordianDiv .accordion:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  border-radius: 8px;
}
.showAccordianDiv .accordion img {
  cursor: pointer;
}
.jobTrackerTooltip .tooltip__footer,
.jobTrackerTooltip .tooltip__head {
  display: none;
}
.showAccordianDiv .tooltip__custom:after {
  content: '';
  display: block;
  position: absolute;
  right: 43%;
  top: 99%;
  width: 0;
  height: 0;
  border-top: 10px solid #1c304b;
  border-bottom: 10px solid transparent;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}
.jobTrackerTooltip .tooltip__content {
  border-bottom: none;
  text-align: center;
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  font-family: 'Noto Sans', sans-serif;
  letter-spacing: 0.004em;
  padding: 0px;
}
.jobTrackerTooltip {
  display: none;
}
.job-tracker-stages-button:hover .jobTrackerTooltip,
.showAccordianDiv:hover .jobTrackerTooltip {
  display: block;
}
.job-tracker-stages-button .tooltip__custom {
  right: 0;
  left: 0;
  top: 0px;
  padding: 6px 16px 8px;
  border-radius: 8px;
  min-width: 125px;
  max-width: 154px;
  min-height: 30px;
}
.job-tracker-stages-button .tooltip__custom:after {
  content: '';
  display: block;
  position: absolute;
  left: 43%;
  bottom: 100%;
  width: 0;
  height: 0;
  border-bottom: 10px solid #1c304b;
  border-top: 10px solid transparent;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}
.job-tracker-seklton {
  display: flex;
  flex-direction: row;
  position: relative;
  margin-bottom: 25px;
}
.job-tracker-modal .todo-modal-header {
  border-bottom: 0px;
  padding: 0 30px;
  margin-bottom: 20px;
}
.job-tracker-modal .todo-modal-header a {
  position: absolute;
  right: 15px;
  z-index: 1;
}
.job-tracker-modal .todo-modal-header .modal-title {
  margin-top: 10px;
  position: relative;
  top: 30px;
  font-family: Noto Serif;
  display: flex;
  align-items: center;
  margin-bottom: 40px;
}
.cursor-pointer {
  cursor: pointer;
}
.job-tracker-modal .todo-modal-header .title {
  margin-right: 30px;
}
.job-tracker-modal .todo-modal-header .add-job span {
  background: #4d065b;
  color: white;
  font-size: 20px;
  font-weight: bold;
  padding: 10px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: inline-block;
  text-align: center;
  line-height: 1;
}
.job-tracker-modal .todo-modal-header .add-job a {
  position: relative;
  right: 0;
  left: 1px;
  top: -2px;
}
.form-success-image {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  z-index: 100;
}
.form-success-image img {
  width: 200px;
  height: 200px;
}
.validation {
  color: red;
}
.job-tracker-modal .todo-modal-header .add-job span.active {
  background: #4d065b;
  color: white;
  cursor: default;
  pointer-events: none;
}
@media (max-width: 640px) {
  .job-tracker-modal .todo-modal-header .modal-title {
    flex-direction: column;
  }
  .job-tracker-modal .todo-modal-header .modal-title .title {
    margin: 0 0 10px 0;
  }
}
.modal-dialog #exp-modal.popupContainer.status-model-tracker header {
  background-color: #f1f0f5;
  border-radius: 6px;
  padding: 24px;
  min-height: 72px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 8px 8px 0 0;
  border-bottom: 1px solid #e5e4ec;
}
.modal-dialog #exp-modal.popupContainer.status-model-tracker header .status-model-tracker-h2 {
  color: #1c304b;
  margin-top: 0;
  margin-bottom: 0px;
  padding: 0;
}
.modal-dialog #exp-modal.popupContainer.status-model-tracker header a img {
  width: 24px;
  height: 24px;
}
.modal-dialog #exp-modal.popupContainer.status-model-tracker .bodyText {
  padding: 24px 40px 32px 40px;
  color: #1c304b;
}
@media (max-width: 768px) {
  .modal-dialog #exp-modal.popupContainer.status-model-tracker .bodyText {
    padding: 24px 24px 32px;
  }
}
.modal-dialog #exp-modal.popupContainer.status-model-tracker .bodyText .control-box-status .red-asterik {
  color: #c70f00;
}
.modal-dialog #exp-modal.popupContainer.status-model-tracker .bodyText .control-box-status .modal-select {
  width: 100%;
}
.modal-dialog #exp-modal.popupContainer.status-model-tracker .bodyText .control-box-status .select2-container {
  width: 100%;
}
.modal-dialog #exp-modal.popupContainer.status-model-tracker .bodyText .job-tracker-label {
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  text-transform: uppercase;
  color: #1c304b;
  margin-bottom: 3px;
}
.modal-dialog #exp-modal.popupContainer.status-model-tracker .bodyText .select2-container {
  margin-top: 5px;
}
.modal-dialog #exp-modal.popupContainer.status-model-tracker .bodyText .select2-container.job-adv-search-select .select2-choice .select2-chosen {
  min-height: 48px;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
  color: #1c304b;
}
.modal-dialog #exp-modal.popupContainer.status-model-tracker .bodyText .select2-container.job-adv-search-select .select2-choice .select2-chosen.select2-default {
  color: #45505f;
}
.modal-dialog #exp-modal.popupContainer.status-model-tracker .bodyText .select2-container.job-adv-search-select.modal-select .select2-choice {
  border: 1px solid #1c304b;
}
.modal-dialog #exp-modal.popupContainer.status-model-tracker .bodyText .control-box-description {
  margin-top: 24px;
}
.modal-dialog #exp-modal.popupContainer.status-model-tracker .bodyText .control-box-description textarea.control-large.error-border {
  border: 1px solid #c70f00;
  background: #fdf6f5;
}
.modal-dialog #exp-modal.popupContainer.status-model-tracker .bodyText .control-box-description .red-asterik {
  color: #c70f00;
}
.modal-dialog #exp-modal.popupContainer.status-model-tracker .bodyText .control-box-description textarea.control-large {
  min-height: 96px;
  width: 100%;
  border: 1px solid #1c304b;
  border-radius: 8px;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
  resize: block;
  padding: 16px;
}
.modal-dialog #exp-modal.popupContainer.status-model-tracker .bodyText .control-box-description textarea.control-large.error {
  border: 1px solid #c70f00 !important;
  background-color: #fdf6f5;
  color: #1c304b;
}
.modal-dialog #exp-modal.popupContainer.status-model-tracker .bodyText .control-box-description textarea.control-large::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #45505f;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  font-family: 'Noto Sans', sans-serif;
}
.modal-dialog #exp-modal.popupContainer.status-model-tracker .bodyText .control-box-description textarea.control-large::-moz-placeholder {
  /* Firefox 19+ */
  color: #45505f;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  font-family: 'Noto Sans', sans-serif;
}
.modal-dialog #exp-modal.popupContainer.status-model-tracker .bodyText .control-box-description textarea.control-large:-ms-input-placeholder {
  /* IE 10+ */
  color: #45505f;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  font-family: 'Noto Sans', sans-serif;
}
.modal-dialog #exp-modal.popupContainer.status-model-tracker .bodyText .control-box-description textarea.control-large:focus,
.modal-dialog #exp-modal.popupContainer.status-model-tracker .bodyText .control-box-description textarea.control-large:focus-visible {
  border: 1px solid #aa0285;
}
.modal-dialog #exp-modal.popupContainer.status-model-tracker .bodyText .control-box-description textarea.control-large.error {
  border: 1px solid #c70f00 !important;
  background-color: #fdf6f5;
  color: #1c304b;
}
.modal-dialog #exp-modal.popupContainer.status-model-tracker .bodyText .control-box-description textarea.control-large::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #45505f;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  font-family: 'Noto Sans', sans-serif;
}
.modal-dialog #exp-modal.popupContainer.status-model-tracker .bodyText .control-box-description textarea.control-large::-moz-placeholder {
  /* Firefox 19+ */
  color: #45505f;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  font-family: 'Noto Sans', sans-serif;
}
.modal-dialog #exp-modal.popupContainer.status-model-tracker .bodyText .control-box-description textarea.control-large:-ms-input-placeholder {
  /* IE 10+ */
  color: #45505f;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  font-family: 'Noto Sans', sans-serif;
}
.modal-dialog #exp-modal.popupContainer.status-model-tracker .bodyText .control-box-description textarea.control-large:focus,
.modal-dialog #exp-modal.popupContainer.status-model-tracker .bodyText .control-box-description textarea.control-large:focus-visible {
  border: 1px solid #aa0285;
}
.modal-dialog #exp-modal.popupContainer.status-model-tracker .bodyText .control-box-description .textarea-hint {
  text-align: right;
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #1c304b;
  margin-bottom: 0px;
}
.modal-dialog #exp-modal.popupContainer.status-model-tracker .error-margin {
  margin-bottom: -24px;
}
.modal-dialog #exp-modal.popupContainer.status-model-tracker .modal-footer.modal-footer-tracker {
  padding: 0px 40px 32px !important;
}
@media (max-width: 768px) {
  .modal-dialog #exp-modal.popupContainer.status-model-tracker .modal-footer.modal-footer-tracker {
    padding: 0px 24px 32px !important;
  }
}
.modal-dialog #exp-modal.popupContainer.status-model-tracker .btnContainer {
  padding: 0;
  display: flex;
  column-gap: 16px;
  flex-direction: row;
  justify-content: flex-end;
}
@media (max-width: 768px) {
  .modal-dialog #exp-modal.popupContainer.status-model-tracker .btnContainer {
    flex-wrap: wrap;
    column-gap: 0px;
  }
}
.modal-dialog #exp-modal.popupContainer.status-model-tracker .btnContainer .cancelBtn-job-tracker-status {
  min-width: 105px;
  height: 40px;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: Noto Sans, sans-serif;
  text-transform: uppercase;
  color: #1c304b;
  background-color: white;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid #1c304b !important;
  color: #1c304b !important;
  background-color: white !important;
  padding: 8px 24px;
  font-family: 'Noto Sans', sans-serif;
}
.modal-dialog #exp-modal.popupContainer.status-model-tracker .btnContainer .cancelBtn-job-tracker-status:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
.modal-dialog #exp-modal.popupContainer.status-model-tracker .btnContainer .cancelBtn-job-tracker-status:hover {
  border: 1px solid #aa0285 !important;
}
.modal-dialog #exp-modal.popupContainer.status-model-tracker .btnContainer .cancelBtn-job-tracker-status:focus {
  outline: none !important;
  color: #1c304b !important;
}
.modal-dialog #exp-modal.popupContainer.status-model-tracker .btnContainer .cancelBtn-job-tracker-status:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
.modal-dialog #exp-modal.popupContainer.status-model-tracker .btnContainer .cancelBtn-job-tracker-status:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
.modal-dialog #exp-modal.popupContainer.status-model-tracker .btnContainer .cancelBtn-job-tracker-status:hover {
  border: 1px solid #aa0285 !important;
}
.modal-dialog #exp-modal.popupContainer.status-model-tracker .btnContainer .cancelBtn-job-tracker-status:focus {
  outline: none !important;
  color: #1c304b !important;
}
.modal-dialog #exp-modal.popupContainer.status-model-tracker .btnContainer .cancelBtn-job-tracker-status:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
.modal-dialog #exp-modal.popupContainer.status-model-tracker .btnContainer .cancelBtn-job-tracker-status:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
.modal-dialog #exp-modal.popupContainer.status-model-tracker .btnContainer .cancelBtn-job-tracker-status:hover {
  border: 1px solid #aa0285 !important;
}
.modal-dialog #exp-modal.popupContainer.status-model-tracker .btnContainer .cancelBtn-job-tracker-status:focus {
  outline: none !important;
  color: #1c304b !important;
}
.modal-dialog #exp-modal.popupContainer.status-model-tracker .btnContainer .cancelBtn-job-tracker-status:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
.modal-dialog #exp-modal.popupContainer.status-model-tracker .btnContainer .cancelBtn-job-tracker-status:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
.modal-dialog #exp-modal.popupContainer.status-model-tracker .btnContainer .cancelBtn-job-tracker-status:hover {
  border: 1px solid #aa0285 !important;
}
.modal-dialog #exp-modal.popupContainer.status-model-tracker .btnContainer .cancelBtn-job-tracker-status:focus {
  outline: none !important;
  color: #1c304b !important;
}
.modal-dialog #exp-modal.popupContainer.status-model-tracker .btnContainer .cancelBtn-job-tracker-status:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
@media (max-width: 768px) {
  .modal-dialog #exp-modal.popupContainer.status-model-tracker .btnContainer .cancelBtn-job-tracker-status {
    width: auto;
    min-width: 110px;
    margin-bottom: 8px;
    margin-right: 8px;
  }
}
.modal-dialog #exp-modal.popupContainer.status-model-tracker .btnContainer .saveBtn-job-tracker-status {
  min-width: 144px;
  height: 40px;
  padding: 8px 54px;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: Noto Sans, sans-serif;
  text-transform: uppercase;
  color: white;
  background-color: #441750;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  padding: 8px 24px;
  font-family: 'Noto Sans', sans-serif;
}
.modal-dialog #exp-modal.popupContainer.status-model-tracker .btnContainer .saveBtn-job-tracker-status:active {
  color: white;
  background: #390447;
}
.modal-dialog #exp-modal.popupContainer.status-model-tracker .btnContainer .saveBtn-job-tracker-status:hover {
  background-color: #613e6b;
}
.modal-dialog #exp-modal.popupContainer.status-model-tracker .btnContainer .saveBtn-job-tracker-status:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.modal-dialog #exp-modal.popupContainer.status-model-tracker .btnContainer .saveBtn-job-tracker-status:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.modal-dialog #exp-modal.popupContainer.status-model-tracker .btnContainer .saveBtn-job-tracker-status:active {
  color: white;
  background: #390447;
}
.modal-dialog #exp-modal.popupContainer.status-model-tracker .btnContainer .saveBtn-job-tracker-status:hover {
  background-color: #613e6b;
}
.modal-dialog #exp-modal.popupContainer.status-model-tracker .btnContainer .saveBtn-job-tracker-status:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.modal-dialog #exp-modal.popupContainer.status-model-tracker .btnContainer .saveBtn-job-tracker-status:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.modal-dialog #exp-modal.popupContainer.status-model-tracker .btnContainer .saveBtn-job-tracker-status:active {
  color: white;
  background: #390447;
}
.modal-dialog #exp-modal.popupContainer.status-model-tracker .btnContainer .saveBtn-job-tracker-status:hover {
  background-color: #613e6b;
}
.modal-dialog #exp-modal.popupContainer.status-model-tracker .btnContainer .saveBtn-job-tracker-status:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.modal-dialog #exp-modal.popupContainer.status-model-tracker .btnContainer .saveBtn-job-tracker-status:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.modal-dialog #exp-modal.popupContainer.status-model-tracker .btnContainer .saveBtn-job-tracker-status:active {
  color: white;
  background: #390447;
}
.modal-dialog #exp-modal.popupContainer.status-model-tracker .btnContainer .saveBtn-job-tracker-status:hover {
  background-color: #613e6b;
}
.modal-dialog #exp-modal.popupContainer.status-model-tracker .btnContainer .saveBtn-job-tracker-status:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.modal-dialog #exp-modal.popupContainer.status-model-tracker .btnContainer .saveBtn-job-tracker-status:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
@media (max-width: 768px) {
  .modal-dialog #exp-modal.popupContainer.status-model-tracker .btnContainer .saveBtn-job-tracker-status {
    width: auto;
    min-width: 170px;
    margin-bottom: 8px;
  }
}
@media (max-width: 768px) {
  .modal-dialog #exp-modal.popupContainer.status-model-tracker .btnContainer .saveBtn-job-tracker-status {
    padding: 8px 16px;
  }
}
.modal-dialog #exp-modal.popupContainer.status-model-tracker .select2-container.error-border .select2-choice {
  background: #fdf6f5 !important;
  border: 1px solid #c70f00 !important;
}
.modal-dialog #exp-modal.popupContainer.status-model-tracker .select2-container.error-border .select2-chosen {
  font-size: 14px !important;
  color: #1c304b !important;
}
.modal-dialog #exp-modal.popupContainer.status-model-tracker .has-error-validation {
  color: #c70f00;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  padding-top: 8px;
}
.modal-dialog #exp-modal.popupContainer.status-model-tracker .has-error-validation img {
  margin-top: -2px;
}
.modal-dialog #exp-modal.popupContainer.candidateOutSide {
  word-break: break-word;
}
.modal-dialog #exp-modal.popupContainer.candidateOutSide header {
  background-color: #f1f0f5;
  border-radius: 6px;
  padding: 24px;
  min-height: 72px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 8px 8px 0 0;
  border-bottom: 1px solid #e5e4ec;
}
.modal-dialog #exp-modal.popupContainer.candidateOutSide header .status-model-tracker-h2 {
  color: #1c304b;
  margin-top: 0;
  margin-bottom: 0px;
  padding: 0;
}
.modal-dialog #exp-modal.popupContainer.candidateOutSide header a img {
  width: 24px;
  height: 24px;
}
.modal-dialog #exp-modal.popupContainer.candidateOutSide .bodyText {
  padding: 24px 40px 32px 40px;
  color: #1c304b;
}
@media (max-width: 768px) {
  .modal-dialog #exp-modal.popupContainer.candidateOutSide .bodyText {
    padding: 24px 24px 32px;
  }
}
.modal-dialog #exp-modal.popupContainer.candidateOutSide .bodyText .control-box-popup {
  width: 100%;
  margin-bottom: 24px;
}
.modal-dialog #exp-modal.popupContainer.candidateOutSide .bodyText .control-box-popup p {
  margin-bottom: 0px;
}
.modal-dialog #exp-modal.popupContainer.candidateOutSide .bodyText .control-box-popup p .required-star {
  color: #c70f00;
}
.modal-dialog #exp-modal.popupContainer.candidateOutSide .bodyText .control-box-popup .error-section {
  margin-top: 8px;
  font-family: 'Noto Sans', sans-serif;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: #c70f00;
}
.modal-dialog #exp-modal.popupContainer.candidateOutSide .bodyText .control-box-popup .error-section .required-errorIcon:after {
  display: inline-block;
  content: '';
  width: 16px;
  height: 16px;
  background-image: url('/Content/Images/icons/required-errorIcon.svg');
  float: left;
  background-repeat: no-repeat;
  margin-right: 8px;
}
.modal-dialog #exp-modal.popupContainer.candidateOutSide .bodyText .control-box-popup .form-input-control {
  width: 100%;
}
.modal-dialog #exp-modal.popupContainer.candidateOutSide .bodyText .control-box-popup .form-input-control.add-jobs-error {
  border: 1px solid #c70f00;
  background-color: #fdf6f5;
}
.modal-dialog #exp-modal.popupContainer.candidateOutSide .bodyText .control-box-popup .date-picker {
  background-image: url(/Content/Images/Common/date-tracker-icon.svg);
  background-position-x: 97.1%;
  background-repeat: no-repeat;
  background-position-y: center;
}
.modal-dialog #exp-modal.popupContainer.candidateOutSide .bodyText .control-box-status .modal-select {
  width: 100%;
}
.modal-dialog #exp-modal.popupContainer.candidateOutSide .bodyText .control-box-status .select2-container {
  width: 100%;
}
.modal-dialog #exp-modal.popupContainer.candidateOutSide .bodyText .job-tracker-label {
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #1c304b;
}
.modal-dialog #exp-modal.popupContainer.candidateOutSide .bodyText .select2-container.job-adv-search-select .select2-choice .select2-chosen {
  min-height: 48px;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
  color: #1c304b;
  padding-top: 7px;
}
.modal-dialog #exp-modal.popupContainer.candidateOutSide .bodyText .select2-container.job-adv-search-select .select2-choice .select2-chosen.select2-default {
  color: #45505f;
}
.modal-dialog #exp-modal.popupContainer.candidateOutSide .bodyText .select2-container.job-adv-search-select.modal-select .select2-choice {
  border: 1px solid #1c304b;
}
.modal-dialog #exp-modal.popupContainer.candidateOutSide .bodyText .select2-container.job-adv-search-select.modal-select.add-jobs-error {
  border: none;
  background-color: transparent;
}
.modal-dialog #exp-modal.popupContainer.candidateOutSide .bodyText .select2-container.job-adv-search-select.modal-select.add-jobs-error .select2-choice {
  border: 1px solid #c70f00 !important;
  background-color: #fdf6f5;
}
.modal-dialog #exp-modal.popupContainer.candidateOutSide .bodyText .control-box-popup.control-box-description {
  margin-top: 0px;
  margin-bottom: 24px;
}
.modal-dialog #exp-modal.popupContainer.candidateOutSide .bodyText .control-box-popup.control-box-description .fr-box .fr-toolbar {
  border: 1px solid #1c304b;
  border-radius: 8px 8px 0px 0px;
  box-shadow: none;
}
.modal-dialog #exp-modal.popupContainer.candidateOutSide .bodyText .control-box-popup.control-box-description .fr-box .fr-wrapper {
  box-shadow: none;
}
.modal-dialog #exp-modal.popupContainer.candidateOutSide .bodyText .control-box-popup.control-box-description .fr-box .fr-element {
  border: 1px solid #1c304b;
  border-radius: 0px 0px 8px 8px;
  box-shadow: none;
  border-top: none;
  font-family: 'Noto Sans', sans-serif;
  color: #1c304b;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}
.modal-dialog #exp-modal.popupContainer.candidateOutSide .bodyText .control-box-popup.control-box-description .fr-box .fr-placeholder {
  font-family: 'Noto Sans', sans-serif;
  font-size: 14px !important;
  color: #45505f !important;
  font-weight: 400;
  line-height: 24px;
}
.modal-dialog #exp-modal.popupContainer.candidateOutSide .bodyText .control-box-popup.control-box-description textarea.control-large {
  min-height: 96px;
  width: 100% !important;
  border: 1px solid #1c304b;
  border-radius: 8px;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
  padding: 16px;
  margin-top: 0px;
}
.modal-dialog #exp-modal.popupContainer.candidateOutSide .bodyText .control-box-popup.control-box-description textarea.control-large.error {
  border: 1px solid #c70f00 !important;
  background-color: #fdf6f5;
  color: #1c304b;
}
.modal-dialog #exp-modal.popupContainer.candidateOutSide .bodyText .control-box-popup.control-box-description textarea.control-large::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #45505f;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  font-family: 'Noto Sans', sans-serif;
}
.modal-dialog #exp-modal.popupContainer.candidateOutSide .bodyText .control-box-popup.control-box-description textarea.control-large::-moz-placeholder {
  /* Firefox 19+ */
  color: #45505f;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  font-family: 'Noto Sans', sans-serif;
}
.modal-dialog #exp-modal.popupContainer.candidateOutSide .bodyText .control-box-popup.control-box-description textarea.control-large:-ms-input-placeholder {
  /* IE 10+ */
  color: #45505f;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  font-family: 'Noto Sans', sans-serif;
}
.modal-dialog #exp-modal.popupContainer.candidateOutSide .bodyText .control-box-popup.control-box-description textarea.control-large:focus,
.modal-dialog #exp-modal.popupContainer.candidateOutSide .bodyText .control-box-popup.control-box-description textarea.control-large:focus-visible {
  border: 1px solid #aa0285;
}
.modal-dialog #exp-modal.popupContainer.candidateOutSide .bodyText .control-box-popup.control-box-description textarea.control-large.error {
  border: 1px solid #c70f00 !important;
  background-color: #fdf6f5;
  color: #1c304b;
}
.modal-dialog #exp-modal.popupContainer.candidateOutSide .bodyText .control-box-popup.control-box-description textarea.control-large::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #45505f;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  font-family: 'Noto Sans', sans-serif;
}
.modal-dialog #exp-modal.popupContainer.candidateOutSide .bodyText .control-box-popup.control-box-description textarea.control-large::-moz-placeholder {
  /* Firefox 19+ */
  color: #45505f;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  font-family: 'Noto Sans', sans-serif;
}
.modal-dialog #exp-modal.popupContainer.candidateOutSide .bodyText .control-box-popup.control-box-description textarea.control-large:-ms-input-placeholder {
  /* IE 10+ */
  color: #45505f;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  font-family: 'Noto Sans', sans-serif;
}
.modal-dialog #exp-modal.popupContainer.candidateOutSide .bodyText .control-box-popup.control-box-description textarea.control-large:focus,
.modal-dialog #exp-modal.popupContainer.candidateOutSide .bodyText .control-box-popup.control-box-description textarea.control-large:focus-visible {
  border: 1px solid #aa0285;
}
.modal-dialog #exp-modal.popupContainer.candidateOutSide .bodyText .control-box-popup.control-box-description .textarea-hint {
  text-align: right;
  margin-top: 3px;
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #1c304b;
}
.modal-dialog #exp-modal.popupContainer.candidateOutSide .bodyText .control-box-popup.control-box-description textarea.control-large.add-jobs-error {
  border: 1px solid #c70f00 !important;
  background-color: #fdf6f5;
  color: #1c304b;
}
.modal-dialog #exp-modal.popupContainer.candidateOutSide .bodyText .control-box-popup.control-box-description textarea.control-large.add-jobs-error:focus {
  border: 1px solid #c70f00 !important;
}
.modal-dialog #exp-modal.popupContainer.candidateOutSide .bodyText .control-box-popup.control-box-description textarea.control-large.add-jobs-error::placeholder {
  color: #45505f;
}
.modal-dialog #exp-modal.popupContainer.candidateOutSide .bodyText .control-box-popup.control-box-description textarea.control-large.add-jobs-error:focus {
  border: 1px solid #c70f00 !important;
}
.modal-dialog #exp-modal.popupContainer.candidateOutSide .bodyText .control-box-popup.control-box-description textarea.control-large.add-jobs-error::placeholder {
  color: #45505f;
}
.modal-dialog #exp-modal.popupContainer.candidateOutSide .bodyText .control-box-popup.control-box-description textarea.control-large.error-border {
  border: 1px solid #c70f00;
  background: #fdf6f5;
}
.modal-dialog #exp-modal.popupContainer.candidateOutSide .bodyText .control-box-popup.control-box-description .red-asterik {
  color: #c70f00;
}
.modal-dialog #exp-modal.popupContainer.candidateOutSide .bodyText .control-box-popup.control-box-description .error-hint {
  display: flex;
  justify-content: flex-end;
}
.modal-dialog #exp-modal.popupContainer.candidateOutSide .bodyText .control-box-popup.control-box-description .error-hint .error-section {
  margin-top: 3px;
  flex: 8;
}
.modal-dialog #exp-modal.popupContainer.candidateOutSide .modal-footer.modal-footer-tracker {
  padding: 0px 40px 32px !important;
}
@media (max-width: 768px) {
  .modal-dialog #exp-modal.popupContainer.candidateOutSide .modal-footer.modal-footer-tracker {
    padding: 0px 24px 32px !important;
  }
}
.modal-dialog #exp-modal.popupContainer.candidateOutSide .btnContainer {
  padding: 0;
  display: flex;
  column-gap: 16px;
  flex-direction: row;
  justify-content: flex-end;
}
@media (max-width: 768px) {
  .modal-dialog #exp-modal.popupContainer.candidateOutSide .btnContainer {
    flex-wrap: wrap;
    column-gap: 0px;
  }
}
.modal-dialog #exp-modal.popupContainer.candidateOutSide .btnContainer .cancelBtn {
  min-width: 105px;
  width: auto;
  height: 40px;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: Noto Sans, sans-serif;
  text-transform: uppercase;
  color: #1c304b;
  background-color: white;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid #1c304b !important;
  color: #1c304b !important;
  background-color: white !important;
  padding: 8px 24px;
  font-family: 'Noto Sans', sans-serif;
}
.modal-dialog #exp-modal.popupContainer.candidateOutSide .btnContainer .cancelBtn:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
.modal-dialog #exp-modal.popupContainer.candidateOutSide .btnContainer .cancelBtn:hover {
  border: 1px solid #aa0285 !important;
}
.modal-dialog #exp-modal.popupContainer.candidateOutSide .btnContainer .cancelBtn:focus {
  outline: none !important;
  color: #1c304b !important;
}
.modal-dialog #exp-modal.popupContainer.candidateOutSide .btnContainer .cancelBtn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
.modal-dialog #exp-modal.popupContainer.candidateOutSide .btnContainer .cancelBtn:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
.modal-dialog #exp-modal.popupContainer.candidateOutSide .btnContainer .cancelBtn:hover {
  border: 1px solid #aa0285 !important;
}
.modal-dialog #exp-modal.popupContainer.candidateOutSide .btnContainer .cancelBtn:focus {
  outline: none !important;
  color: #1c304b !important;
}
.modal-dialog #exp-modal.popupContainer.candidateOutSide .btnContainer .cancelBtn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
.modal-dialog #exp-modal.popupContainer.candidateOutSide .btnContainer .cancelBtn:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
.modal-dialog #exp-modal.popupContainer.candidateOutSide .btnContainer .cancelBtn:hover {
  border: 1px solid #aa0285 !important;
}
.modal-dialog #exp-modal.popupContainer.candidateOutSide .btnContainer .cancelBtn:focus {
  outline: none !important;
  color: #1c304b !important;
}
.modal-dialog #exp-modal.popupContainer.candidateOutSide .btnContainer .cancelBtn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
.modal-dialog #exp-modal.popupContainer.candidateOutSide .btnContainer .cancelBtn:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
.modal-dialog #exp-modal.popupContainer.candidateOutSide .btnContainer .cancelBtn:hover {
  border: 1px solid #aa0285 !important;
}
.modal-dialog #exp-modal.popupContainer.candidateOutSide .btnContainer .cancelBtn:focus {
  outline: none !important;
  color: #1c304b !important;
}
.modal-dialog #exp-modal.popupContainer.candidateOutSide .btnContainer .cancelBtn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
@media (max-width: 768px) {
  .modal-dialog #exp-modal.popupContainer.candidateOutSide .btnContainer .cancelBtn {
    width: auto;
    min-width: 110px;
    margin-bottom: 8px;
    margin-right: 8px;
  }
}
.modal-dialog #exp-modal.popupContainer.candidateOutSide .btnContainer .saveBtn {
  min-width: 144px;
  width: auto;
  height: 40px;
  padding: 8px 54px;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: Noto Sans, sans-serif;
  text-transform: uppercase;
  color: white;
  background-color: #441750;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  padding: 8px 24px;
  font-family: 'Noto Sans', sans-serif;
}
.modal-dialog #exp-modal.popupContainer.candidateOutSide .btnContainer .saveBtn:active {
  color: white;
  background: #390447;
}
.modal-dialog #exp-modal.popupContainer.candidateOutSide .btnContainer .saveBtn:hover {
  background-color: #613e6b;
}
.modal-dialog #exp-modal.popupContainer.candidateOutSide .btnContainer .saveBtn:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.modal-dialog #exp-modal.popupContainer.candidateOutSide .btnContainer .saveBtn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.modal-dialog #exp-modal.popupContainer.candidateOutSide .btnContainer .saveBtn:active {
  color: white;
  background: #390447;
}
.modal-dialog #exp-modal.popupContainer.candidateOutSide .btnContainer .saveBtn:hover {
  background-color: #613e6b;
}
.modal-dialog #exp-modal.popupContainer.candidateOutSide .btnContainer .saveBtn:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.modal-dialog #exp-modal.popupContainer.candidateOutSide .btnContainer .saveBtn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.modal-dialog #exp-modal.popupContainer.candidateOutSide .btnContainer .saveBtn:active {
  color: white;
  background: #390447;
}
.modal-dialog #exp-modal.popupContainer.candidateOutSide .btnContainer .saveBtn:hover {
  background-color: #613e6b;
}
.modal-dialog #exp-modal.popupContainer.candidateOutSide .btnContainer .saveBtn:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.modal-dialog #exp-modal.popupContainer.candidateOutSide .btnContainer .saveBtn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.modal-dialog #exp-modal.popupContainer.candidateOutSide .btnContainer .saveBtn:active {
  color: white;
  background: #390447;
}
.modal-dialog #exp-modal.popupContainer.candidateOutSide .btnContainer .saveBtn:hover {
  background-color: #613e6b;
}
.modal-dialog #exp-modal.popupContainer.candidateOutSide .btnContainer .saveBtn:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.modal-dialog #exp-modal.popupContainer.candidateOutSide .btnContainer .saveBtn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
@media (max-width: 768px) {
  .modal-dialog #exp-modal.popupContainer.candidateOutSide .btnContainer .saveBtn {
    width: auto;
    min-width: 170px;
    margin-bottom: 8px;
  }
}
@media (max-width: 768px) {
  .modal-dialog #exp-modal.popupContainer.candidateOutSide .btnContainer .saveBtn {
    padding: 8px 16px;
  }
}
/* job-tracker-details  */

#job-tracker-details.job-tracker-details {
  word-break: break-word;
  min-height: 90vh;
}
#job-tracker-details.job-tracker-details .back-to-job-teacker-main {
  padding-top: 24px;
  padding-bottom: 16px;
}
@media (max-width: 768px) {
  #job-tracker-details.job-tracker-details .back-to-job-teacker-main {
    width: 100%;
  }
}
@media (max-width: 768px) {
  #job-tracker-details.job-tracker-details .container.container-tracker-full {
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media (max-width: 736px) {
  #job-tracker-details.job-tracker-details .container.container-tracker-full {
    width: 100%;
  }
}
#job-tracker-details.job-tracker-details .job-detail-header {
  min-height: 100px;
  padding-bottom: 24px;
  margin-bottom: 24px;
  border-bottom: 1px solid #ebebee;
}
@media (max-width: 768px) {
  #job-tracker-details.job-tracker-details .job-detail-header {
    padding: 24px 16px;
  }
}
#job-tracker-details.job-tracker-details .job-detail-header .profile_circle_BG {
  text-align: center;
  vertical-align: middle;
  padding-top: 2px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: inline-block;
  min-width: 32px;
  background-color: #ebebee;
}
#job-tracker-details.job-tracker-details .job-detail-header .profile_circle_BG img {
  width: 16px;
  height: 16px;
}
@media (max-width: 768px) {
  #job-tracker-details.job-tracker-details .job-detail-header .mentor_bio_header_text {
    margin-left: 1px;
    margin-right: 1px;
  }
}
#job-tracker-details.job-tracker-details .job-detail-header .mentor_bio_header_text div.job-title {
  font-family: Noto Sans, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
  font-family: 'Noto Sans', sans-serif;
  color: #1c304b;
  margin-top: 4px;
}
#job-tracker-details.job-tracker-details .job-detail-header .salary-space {
  margin: 0px 5px;
}
#job-tracker-details.job-tracker-details .job-detail-header .proImage {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
#job-tracker-details.job-tracker-details .job-detail-header .proImage .company-name {
  margin-left: 8px;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
}
#job-tracker-details.job-tracker-details .job-detail-header .sub-details {
  margin-top: 4px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  column-gap: 15px;
  flex-wrap: wrap;
}
#job-tracker-details.job-tracker-details .job-detail-header .goto-job-posting {
  margin-top: 12px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
#job-tracker-details.job-tracker-details .job-detail-header .goto-job-posting img {
  margin-right: 8px;
}
#job-tracker-details.job-tracker-details .job-detail-header .goto-job-posting .job-posting {
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  text-transform: uppercase;
  color: #aa0285;
  font-family: 'Noto Sans', sans-serif;
}
#job-tracker-details.job-tracker-details .job-detail-header .url-section {
  margin-top: 5px;
}
#job-tracker-details.job-tracker-details .job-detail-header .url-section .url-title {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
  color: #1c304b;
}
#job-tracker-details.job-tracker-details .job-detail-header .url-section .url-content {
  margin-left: 2px;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
}
#job-tracker-details.job-tracker-details .job-detail-header .new-title-and-expired {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
#job-tracker-details.job-tracker-details .job-detail-header .new-title-and-expired .tracker-expired.sub-details-inner span {
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  text-transform: uppercase;
  color: #1c304b;
}
#job-tracker-details.job-tracker-details .job-detail-header .sub-details-inner {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
#job-tracker-details.job-tracker-details .job-detail-header .sub-details-inner img {
  margin-right: 8px;
  padding-top: 4px;
}
#job-tracker-details.job-tracker-details .job-detail-header .sub-details-inner span {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
}
#job-tracker-details.job-tracker-details .job-detail-header .sub-details-inner span.posted-date {
  color: #45505f;
  margin-right: 5px;
}
#job-tracker-details.job-tracker-details .job-detail-header .sub-details-inner span.posted-date-text {
  color: #45505f;
}
#job-tracker-details.job-tracker-details .job-detail-header .dot-tracker {
  height: 8px;
  width: 8px;
  background-color: #c70f00;
  border-radius: 50%;
  display: inline-block;
  margin-right: 8px;
  margin-top: 3px;
}
#job-tracker-details.job-tracker-details .job-tracker-status-item {
  background-color: white;
  padding: 24px 24px 32px;
  margin-bottom: 40px;
  border-radius: 8px;
}
@media (max-width: 768px) {
  #job-tracker-details.job-tracker-details .job-tracker-status-item {
    padding: 24px 16px;
  }
}
#job-tracker-details.job-tracker-details .job-tracker-status-item .update-status {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 24px;
}
#job-tracker-details.job-tracker-details .job-tracker-status-item .update-status .btn-update-status {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: Noto Sans, sans-serif;
  text-transform: uppercase;
  color: #1c304b;
  background-color: white;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid #1c304b !important;
  color: #1c304b !important;
  background-color: white !important;
  padding: 8px 16px;
  font-size: 12px !important;
  line-height: 16px !important;
  border-radius: 7px;
  min-height: 32px;
  word-break: break-all;
}
#job-tracker-details.job-tracker-details .job-tracker-status-item .update-status .btn-update-status:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
#job-tracker-details.job-tracker-details .job-tracker-status-item .update-status .btn-update-status:hover {
  border: 1px solid #aa0285 !important;
}
#job-tracker-details.job-tracker-details .job-tracker-status-item .update-status .btn-update-status:focus {
  outline: none !important;
  color: #1c304b !important;
}
#job-tracker-details.job-tracker-details .job-tracker-status-item .update-status .btn-update-status:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
#job-tracker-details.job-tracker-details .job-tracker-status-item .update-status .btn-update-status:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
#job-tracker-details.job-tracker-details .job-tracker-status-item .update-status .btn-update-status:hover {
  border: 1px solid #aa0285 !important;
}
#job-tracker-details.job-tracker-details .job-tracker-status-item .update-status .btn-update-status:focus {
  outline: none !important;
  color: #1c304b !important;
}
#job-tracker-details.job-tracker-details .job-tracker-status-item .update-status .btn-update-status:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
#job-tracker-details.job-tracker-details .job-tracker-status-item .update-status .btn-update-status:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
#job-tracker-details.job-tracker-details .job-tracker-status-item .update-status .btn-update-status:hover {
  border: 1px solid #aa0285 !important;
}
#job-tracker-details.job-tracker-details .job-tracker-status-item .update-status .btn-update-status:focus {
  outline: none !important;
  color: #1c304b !important;
}
#job-tracker-details.job-tracker-details .job-tracker-status-item .update-status .btn-update-status:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
#job-tracker-details.job-tracker-details .job-tracker-status-item .update-status .btn-update-status:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
#job-tracker-details.job-tracker-details .job-tracker-status-item .update-status .btn-update-status:hover {
  border: 1px solid #aa0285 !important;
}
#job-tracker-details.job-tracker-details .job-tracker-status-item .update-status .btn-update-status:focus {
  outline: none !important;
  color: #1c304b !important;
}
#job-tracker-details.job-tracker-details .job-tracker-status-item .update-status .btn-update-status:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
#job-tracker-details.job-tracker-details .job-tracker-status-item .job-tracker-status-outer {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 768px) {
  #job-tracker-details.job-tracker-details .job-tracker-status-item .job-tracker-status-outer {
    display: block;
  }
}
#job-tracker-details.job-tracker-details .job-tracker-status-item .job-tracker-status-outer:first-child .job-tracker-status-left,
#job-tracker-details.job-tracker-details .job-tracker-status-item .job-tracker-status-outer:first-child .job-tracker-status-right {
  padding-top: 0px;
}
#job-tracker-details.job-tracker-details .job-tracker-status-item .job-tracker-status-outer:first-child .dot-tracker-gray {
  top: 24%;
}
#job-tracker-details.job-tracker-details .job-tracker-status-item .job-tracker-status-outer:last-child .job-tracker-status-left,
#job-tracker-details.job-tracker-details .job-tracker-status-item .job-tracker-status-outer:last-child .job-tracker-status-right {
  padding-bottom: 0px;
}
@media (max-width: 768px) {
  #job-tracker-details.job-tracker-details .job-tracker-status-item .job-tracker-status-outer:last-child .job-tracker-status-left,
  #job-tracker-details.job-tracker-details .job-tracker-status-item .job-tracker-status-outer:last-child .job-tracker-status-right {
    padding-bottom: 20px;
  }
}
#job-tracker-details.job-tracker-details .job-tracker-status-item .job-tracker-status-outer:last-child .dot-tracker-gray {
  top: 52%;
}
#job-tracker-details.job-tracker-details .job-tracker-status-item .job-tracker-status-outer:last-child .job-tracker-status-right .gray-dot-with-line {
  display: none;
}
#job-tracker-details.job-tracker-details .job-tracker-status-item .job-tracker-status-left {
  position: relative;
  padding: 15px 32px 15px 0px;
}
@media (max-width: 768px) {
  #job-tracker-details.job-tracker-details .job-tracker-status-item .job-tracker-status-left {
    padding: 20px 0px 20px 0px;
    display: none;
  }
}
#job-tracker-details.job-tracker-details .job-tracker-status-item .job-tracker-status-left .dot-tracker-gray {
  height: 13px;
  width: 13px;
  background-color: white;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  right: -7px;
  top: 44%;
  border: 2px solid #ebebee;
}
@media (max-width: 768px) {
  #job-tracker-details.job-tracker-details .job-tracker-status-item .job-tracker-status-left .dot-tracker-gray {
    display: none;
  }
}
#job-tracker-details.job-tracker-details .job-tracker-status-item .job-tracker-status-right {
  flex: 10;
  padding: 15px 0px 15px 0px;
}
@media (max-width: 768px) {
  #job-tracker-details.job-tracker-details .job-tracker-status-item .job-tracker-status-right {
    padding: 0px;
    border-left: none;
  }
}
#job-tracker-details.job-tracker-details .job-tracker-status-item .job-tracker-status-right .job-tracker-status-right-inner {
  padding: 24px;
  background-color: #f8f8f9;
  border-radius: 8px;
}
@media (max-width: 768px) {
  #job-tracker-details.job-tracker-details .job-tracker-status-item .job-tracker-status-right .job-tracker-status-right-inner {
    padding: 12px 8px;
  }
}
#job-tracker-details.job-tracker-details .job-tracker-status-item .job-tracker-status-right .job-tracker-status-right-inner .status-right-inner-text {
  font-family: Noto Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
  margin-bottom: 8px;
}
#job-tracker-details.job-tracker-details .job-tracker-status-item .job-tracker-status-right .job-tracker-status-right-inner .toggle-header .toggle-header-right {
  display: none;
}
@media (max-width: 768px) {
  #job-tracker-details.job-tracker-details .job-tracker-status-item .job-tracker-status-right .job-tracker-status-right-inner .toggle-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  #job-tracker-details.job-tracker-details .job-tracker-status-item .job-tracker-status-right .job-tracker-status-right-inner .toggle-header .toggle-header-left {
    flex: 11;
  }
  #job-tracker-details.job-tracker-details .job-tracker-status-item .job-tracker-status-right .job-tracker-status-right-inner .toggle-header .toggle-header-right {
    display: block;
    flex: 1;
    text-align: center;
  }
  #job-tracker-details.job-tracker-details .job-tracker-status-item .job-tracker-status-right .job-tracker-status-right-inner .toggle-header .toggle-header-right .toggle-header-icon {
    position: relative;
    width: 24px;
    height: 24px;
  }
  #job-tracker-details.job-tracker-details .job-tracker-status-item .job-tracker-status-right .job-tracker-status-right-inner .toggle-header .toggle-header-right .toggle-header-icon.toggle-down-arrow::after {
    content: '';
    background: url(/Content/Images/Redeployment/toggle-down-arrow.svg) no-repeat !important;
    position: absolute;
    left: 8px;
    top: 8px;
    height: 7px;
    width: 10px;
  }
  #job-tracker-details.job-tracker-details .job-tracker-status-item .job-tracker-status-right .job-tracker-status-right-inner .toggle-header .toggle-header-right .toggle-header-icon.toggle-up-arrow::after {
    content: '';
    background: url(/Content/Images/Redeployment/toggle-up-arrow.svg) no-repeat !important;
    position: absolute;
    left: 8px;
    top: 8px;
    height: 7px;
    width: 10px;
  }
  #job-tracker-details.job-tracker-details .job-tracker-status-item .job-tracker-status-right .job-tracker-status-right-inner .toggle-header .toggle-header-right .toggle-header-icon.toggle-down-arrow-show::after {
    content: '';
    background: url(/Content/Images/Redeployment/toggle-down-arrow.svg) no-repeat !important;
    position: absolute;
    left: 8px;
    top: 8px;
    height: 7px;
    width: 10px;
  }
  #job-tracker-details.job-tracker-details .job-tracker-status-item .job-tracker-status-right .job-tracker-status-right-inner .toggle-header-text {
    display: none;
  }
  #job-tracker-details.job-tracker-details .job-tracker-status-item .job-tracker-status-right .job-tracker-status-right-inner .toggle-header-text.show-toggle {
    display: block;
  }
  #job-tracker-details.job-tracker-details .job-tracker-status-item .job-tracker-status-right .job-tracker-status-right-inner .toggle-header-text.hide-toggle {
    display: none;
  }
}
#job-tracker-details.job-tracker-details .job-tracker-status-item .job-tracker-status-right .gray-dot-with-line {
  display: none;
}
@media (max-width: 768px) {
  #job-tracker-details.job-tracker-details .job-tracker-status-item .job-tracker-status-right .gray-dot-with-line {
    display: block;
    text-align: center;
    padding: 16px;
  }
  #job-tracker-details.job-tracker-details .job-tracker-status-item .job-tracker-status-right .gray-dot-with-line .dot-tracker-gray {
    height: 13px;
    width: 13px;
    background-color: white;
    border-radius: 50%;
    margin: auto;
    border: 2px solid #ebebee;
  }
  #job-tracker-details.job-tracker-details .job-tracker-status-item .job-tracker-status-right .gray-dot-with-line .tracker-gray-line {
    width: 1.5px;
    height: 40px;
    background-color: #ebebee;
    margin: auto;
  }
}
#job-tracker-details.job-tracker-details .job-tracker-status-item .job-tracker-status-right .status-right-inner-info-date {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}
#job-tracker-details.job-tracker-details .job-tracker-status-item .job-tracker-status-right .status-right-inner-info-date .inner-info-date-left {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  word-break: normal;
}
#job-tracker-details.job-tracker-details .job-tracker-status-item .job-tracker-status-right .status-right-inner-info-date .inner-info-date-left .inner-info-name {
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  font-family: 'Noto Sans', sans-serif;
  color: #1c304b;
  margin-left: 8px;
}
#job-tracker-details.job-tracker-details .job-tracker-status-item .job-tracker-status-right .status-right-inner-info-date .inner-info-date-left .inner-info-profile.coach__img {
  width: 20px;
  height: 20px;
  border-radius: 50%;
}
#job-tracker-details.job-tracker-details .job-tracker-status-item .job-tracker-status-right .status-right-inner-info-date .inner-info-date-left .profile-initials {
  display: block;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  font-size: 20px;
}
#job-tracker-details.job-tracker-details .job-tracker-status-item .job-tracker-status-right .status-right-inner-info-date .inner-info-date-left .profile-initials .coach__pic {
  font-size: 8px;
  line-height: 12px;
  font-weight: 500;
  padding: 4px;
  text-align: center;
  display: block;
  border-radius: 50%;
  color: #1c304b;
  text-transform: uppercase;
}
#job-tracker-details.job-tracker-details .job-tracker-status-item .job-tracker-status-right .status-right-inner-info-date .inner-info-date-left .coach__pic {
  height: 100%;
  text-align: center;
  display: block;
  background: #ebebee;
  border-radius: 50%;
  overflow: hidden;
}
#job-tracker-details.job-tracker-details .job-tracker-status-item .job-tracker-status-right .status-right-inner-info-date .inner-info-date-right .inner-info-date-dot {
  height: 4px;
  width: 4px;
  background-color: #1c304b;
  border-radius: 50%;
  display: inline-block;
  margin: 2px 8px;
}
#job-tracker-details.job-tracker-details .job-tracker-status-item .job-tracker-status-right .status-right-inner-info-date .inner-info-date-right .inner-date {
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  font-family: 'Noto Sans', sans-serif;
  color: #1c304b;
}
#job-tracker-details.job-tracker-details .job-tracker-status-item .job-tracker-status-right .status-button-mobile {
  display: none;
}
@media (max-width: 768px) {
  #job-tracker-details.job-tracker-details .job-tracker-status-item .job-tracker-status-right .status-button-mobile {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 8px;
  }
}
#job-tracker-details.job-tracker-details .job-tracker-status-item .job-tracker-status-right .coach__pic_img {
  height: 100%;
  width: 100%;
  vertical-align: top;
}
#job-tracker-details.job-tracker-details .job-tracker-status-item .job-tracker-status-right .job-tracker-comment {
  justify-content: flex-start;
  display: flex;
  gap: 10px;
  margin-top: 25px;
}
#job-tracker-details.job-tracker-details .job-tracker-status-item .job-tracker-status-right .job-tracker-comment .job-tracker-comment-left {
  word-break: normal;
}
#job-tracker-details.job-tracker-details .job-tracker-status-item .job-tracker-status-right .job-tracker-comment .job-tracker-comment-left .inner-info-profile.coach__img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
#job-tracker-details.job-tracker-details .job-tracker-status-item .job-tracker-status-right .job-tracker-comment .job-tracker-comment-left .profile-initials {
  display: block;
  width: 40px;
  height: 40px;
  vertical-align: middle;
}
#job-tracker-details.job-tracker-details .job-tracker-status-item .job-tracker-status-right .job-tracker-comment .job-tracker-comment-left .profile-initials .coach__pic {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  padding: 8px;
  text-align: center;
  display: block;
  border-radius: 50%;
  color: #1c304b;
  text-transform: uppercase;
}
#job-tracker-details.job-tracker-details .job-tracker-status-item .job-tracker-status-right .job-tracker-comment .job-tracker-comment-left .coach__pic {
  height: 100%;
  text-align: center;
  display: block;
  background: #ebebee;
  border-radius: 50%;
  overflow: hidden;
}
#job-tracker-details.job-tracker-details .job-tracker-status-item .job-tracker-status-right .job-tracker-comment .job-tracker-comment-right {
  width: 100%;
  padding: 16px;
  background-color: #ebebee;
  border-radius: 8px;
}
#job-tracker-details.job-tracker-details .job-tracker-status-item .job-tracker-status-right .job-tracker-comment .job-tracker-comment-right .job-tracker-comment-right-inner {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media (max-width: 768px) {
  #job-tracker-details.job-tracker-details .job-tracker-status-item .job-tracker-status-right .job-tracker-comment .job-tracker-comment-right .job-tracker-comment-right-inner {
    display: block;
    margin-top: 10px;
  }
}
#job-tracker-details.job-tracker-details .job-tracker-status-item .job-tracker-status-right .job-tracker-comment .job-tracker-comment-right .job-tracker-comment-right-inner .inner-info-date-right-outer {
  flex: 9;
}
#job-tracker-details.job-tracker-details .job-tracker-status-item .job-tracker-status-right .job-tracker-comment .job-tracker-comment-right .job-tracker-comment-right-inner .jobtracker-new-comment {
  justify-content: flex-end;
  display: flex;
  align-items: center;
  flex: 3;
  text-decoration: none;
}
@media (max-width: 768px) {
  #job-tracker-details.job-tracker-details .job-tracker-status-item .job-tracker-status-right .job-tracker-comment .job-tracker-comment-right .job-tracker-comment-right-inner .jobtracker-new-comment {
    justify-content: flex-start;
  }
}
#job-tracker-details.job-tracker-details .job-tracker-status-item .job-tracker-status-right .job-tracker-comment .job-tracker-comment-right .job-tracker-comment-right-inner .jobtracker-new-comment .new-comment-text {
  text-align: center;
  font-family: 'Noto Sans', sans-serif;
  font-size: 10px;
  font-weight: 500;
  line-height: 16px;
  width: max-content;
  text-transform: uppercase;
  border-radius: 4px;
  padding: 2px 8px;
  border: 1px solid #ffc133;
  background-color: #fff0cc;
  color: #1c304b;
}
@media (max-width: 768px) {
  #job-tracker-details.job-tracker-details .job-tracker-status-item .job-tracker-status-right .job-tracker-comment .job-tracker-comment-right .job-tracker-comment-right-inner .jobtracker-new-comment .new-comment-text {
    margin-top: 20px;
  }
}
#job-tracker-details.job-tracker-details .job-tracker-status-item .job-tracker-status-right .job-tracker-comment .job-tracker-comment-right .inner-info-date-right {
  justify-content: flex-start;
  display: flex;
}
#job-tracker-details.job-tracker-details .job-tracker-status-item .job-tracker-status-right .job-tracker-comment .job-tracker-comment-right .inner-info-date-right .inner-info-date-dot {
  height: 3px;
  width: 3px;
  background-color: #1c304b;
  border-radius: 50%;
  display: inline-block;
  margin: 8px 6px;
}
#job-tracker-details.job-tracker-details .job-tracker-status-item .job-tracker-status-right .job-tracker-comment .job-tracker-comment-right .inner-info-date-right .inner-info-name {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  font-family: 'Noto Sans', sans-serif;
  color: #1c304b;
}
#job-tracker-details.job-tracker-details .job-tracker-status-item .job-tracker-status-right .job-tracker-comment .job-tracker-comment-right .comment-date {
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  font-family: 'Noto Sans', sans-serif;
  color: #5c6573;
  margin-top: 4px;
}
#job-tracker-details.job-tracker-details .job-tracker-status-item .job-tracker-status-right .job-tracker-comment .job-tracker-comment-right .comment-text {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
  color: #1c304b;
  margin-top: 12px;
}
#job-tracker-details.job-tracker-details .job-tracker-status-item .job-tracker-status-right .load-more-comment {
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  text-transform: uppercase;
  color: #aa0285;
  font-family: 'Noto Sans', sans-serif;
  margin-left: 50px;
  display: inline-block;
  text-decoration: none;
}
#job-tracker-details.job-tracker-details .job-tracker-status-item .job-tracker-status-right .job-tracker-comment-textarea {
  margin-top: 25px;
}
#job-tracker-details.job-tracker-details .job-tracker-status-item .job-tracker-status-right .job-tracker-comment-textarea textarea.control-large {
  border: 1px solid #1c304b;
  border-radius: 8px;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
  height: 80px;
  margin-bottom: 10px;
  width: 100% !important;
  padding: 16px;
}
#job-tracker-details.job-tracker-details .job-tracker-status-item .job-tracker-status-right .job-tracker-comment-textarea textarea.control-large.error {
  border: 1px solid #c70f00 !important;
  background-color: #fdf6f5;
  color: #1c304b;
}
#job-tracker-details.job-tracker-details .job-tracker-status-item .job-tracker-status-right .job-tracker-comment-textarea textarea.control-large::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #45505f;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  font-family: 'Noto Sans', sans-serif;
}
#job-tracker-details.job-tracker-details .job-tracker-status-item .job-tracker-status-right .job-tracker-comment-textarea textarea.control-large::-moz-placeholder {
  /* Firefox 19+ */
  color: #45505f;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  font-family: 'Noto Sans', sans-serif;
}
#job-tracker-details.job-tracker-details .job-tracker-status-item .job-tracker-status-right .job-tracker-comment-textarea textarea.control-large:-ms-input-placeholder {
  /* IE 10+ */
  color: #45505f;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  font-family: 'Noto Sans', sans-serif;
}
#job-tracker-details.job-tracker-details .job-tracker-status-item .job-tracker-status-right .job-tracker-comment-textarea textarea.control-large:focus,
#job-tracker-details.job-tracker-details .job-tracker-status-item .job-tracker-status-right .job-tracker-comment-textarea textarea.control-large:focus-visible {
  border: 1px solid #aa0285;
}
#job-tracker-details.job-tracker-details .job-tracker-status-item .job-tracker-status-right .job-tracker-comment-textarea textarea.control-large.error {
  border: 1px solid #c70f00 !important;
  background-color: #fdf6f5;
  color: #1c304b;
}
#job-tracker-details.job-tracker-details .job-tracker-status-item .job-tracker-status-right .job-tracker-comment-textarea textarea.control-large::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #45505f;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  font-family: 'Noto Sans', sans-serif;
}
#job-tracker-details.job-tracker-details .job-tracker-status-item .job-tracker-status-right .job-tracker-comment-textarea textarea.control-large::-moz-placeholder {
  /* Firefox 19+ */
  color: #45505f;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  font-family: 'Noto Sans', sans-serif;
}
#job-tracker-details.job-tracker-details .job-tracker-status-item .job-tracker-status-right .job-tracker-comment-textarea textarea.control-large:-ms-input-placeholder {
  /* IE 10+ */
  color: #45505f;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  font-family: 'Noto Sans', sans-serif;
}
#job-tracker-details.job-tracker-details .job-tracker-status-item .job-tracker-status-right .job-tracker-comment-textarea textarea.control-large:focus,
#job-tracker-details.job-tracker-details .job-tracker-status-item .job-tracker-status-right .job-tracker-comment-textarea textarea.control-large:focus-visible {
  border: 1px solid #aa0285;
}
#job-tracker-details.job-tracker-details .job-tracker-status-item .job-tracker-status-right .job-tracker-comment-textarea .textarea-hint {
  text-align: right;
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #1c304b;
}
#job-tracker-details.job-tracker-details .job-tracker-status-item .job-tracker-status-right .job-tracker-comment-textarea .job-tracker-btns {
  display: flex;
  gap: 8px;
  align-items: center;
  flex-wrap: wrap;
}
#job-tracker-details.job-tracker-details .job-tracker-status-item .job-tracker-status-right .job-tracker-comment-textarea .job-tracker-btns .btn-cancel {
  height: 32px;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: Noto Sans, sans-serif;
  text-transform: uppercase;
  color: #1c304b;
  background-color: white;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid #1c304b !important;
  color: #1c304b !important;
  background-color: white !important;
  padding: 8px 16px;
  font-size: 12px !important;
  line-height: 16px !important;
  border-radius: 7px;
}
#job-tracker-details.job-tracker-details .job-tracker-status-item .job-tracker-status-right .job-tracker-comment-textarea .job-tracker-btns .btn-cancel:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
#job-tracker-details.job-tracker-details .job-tracker-status-item .job-tracker-status-right .job-tracker-comment-textarea .job-tracker-btns .btn-cancel:hover {
  border: 1px solid #aa0285 !important;
}
#job-tracker-details.job-tracker-details .job-tracker-status-item .job-tracker-status-right .job-tracker-comment-textarea .job-tracker-btns .btn-cancel:focus {
  outline: none !important;
  color: #1c304b !important;
}
#job-tracker-details.job-tracker-details .job-tracker-status-item .job-tracker-status-right .job-tracker-comment-textarea .job-tracker-btns .btn-cancel:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
#job-tracker-details.job-tracker-details .job-tracker-status-item .job-tracker-status-right .job-tracker-comment-textarea .job-tracker-btns .btn-cancel:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
#job-tracker-details.job-tracker-details .job-tracker-status-item .job-tracker-status-right .job-tracker-comment-textarea .job-tracker-btns .btn-cancel:hover {
  border: 1px solid #aa0285 !important;
}
#job-tracker-details.job-tracker-details .job-tracker-status-item .job-tracker-status-right .job-tracker-comment-textarea .job-tracker-btns .btn-cancel:focus {
  outline: none !important;
  color: #1c304b !important;
}
#job-tracker-details.job-tracker-details .job-tracker-status-item .job-tracker-status-right .job-tracker-comment-textarea .job-tracker-btns .btn-cancel:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
#job-tracker-details.job-tracker-details .job-tracker-status-item .job-tracker-status-right .job-tracker-comment-textarea .job-tracker-btns .btn-cancel:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
#job-tracker-details.job-tracker-details .job-tracker-status-item .job-tracker-status-right .job-tracker-comment-textarea .job-tracker-btns .btn-cancel:hover {
  border: 1px solid #aa0285 !important;
}
#job-tracker-details.job-tracker-details .job-tracker-status-item .job-tracker-status-right .job-tracker-comment-textarea .job-tracker-btns .btn-cancel:focus {
  outline: none !important;
  color: #1c304b !important;
}
#job-tracker-details.job-tracker-details .job-tracker-status-item .job-tracker-status-right .job-tracker-comment-textarea .job-tracker-btns .btn-cancel:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
#job-tracker-details.job-tracker-details .job-tracker-status-item .job-tracker-status-right .job-tracker-comment-textarea .job-tracker-btns .btn-cancel:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
#job-tracker-details.job-tracker-details .job-tracker-status-item .job-tracker-status-right .job-tracker-comment-textarea .job-tracker-btns .btn-cancel:hover {
  border: 1px solid #aa0285 !important;
}
#job-tracker-details.job-tracker-details .job-tracker-status-item .job-tracker-status-right .job-tracker-comment-textarea .job-tracker-btns .btn-cancel:focus {
  outline: none !important;
  color: #1c304b !important;
}
#job-tracker-details.job-tracker-details .job-tracker-status-item .job-tracker-status-right .job-tracker-comment-textarea .job-tracker-btns .btn-cancel:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
#job-tracker-details.job-tracker-details .job-tracker-status-item .job-tracker-status-right .job-tracker-comment-textarea .job-tracker-btns .btn-submit {
  height: 32px;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: Noto Sans, sans-serif;
  text-transform: uppercase;
  color: white;
  background-color: #441750;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  padding: 8px 16px;
  font-size: 12px !important;
  line-height: 16px !important;
  border-radius: 7px;
}
#job-tracker-details.job-tracker-details .job-tracker-status-item .job-tracker-status-right .job-tracker-comment-textarea .job-tracker-btns .btn-submit:active {
  color: white;
  background: #390447;
}
#job-tracker-details.job-tracker-details .job-tracker-status-item .job-tracker-status-right .job-tracker-comment-textarea .job-tracker-btns .btn-submit:hover {
  background-color: #613e6b;
}
#job-tracker-details.job-tracker-details .job-tracker-status-item .job-tracker-status-right .job-tracker-comment-textarea .job-tracker-btns .btn-submit:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
#job-tracker-details.job-tracker-details .job-tracker-status-item .job-tracker-status-right .job-tracker-comment-textarea .job-tracker-btns .btn-submit:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
#job-tracker-details.job-tracker-details .job-tracker-status-item .job-tracker-status-right .job-tracker-comment-textarea .job-tracker-btns .btn-submit:active {
  color: white;
  background: #390447;
}
#job-tracker-details.job-tracker-details .job-tracker-status-item .job-tracker-status-right .job-tracker-comment-textarea .job-tracker-btns .btn-submit:hover {
  background-color: #613e6b;
}
#job-tracker-details.job-tracker-details .job-tracker-status-item .job-tracker-status-right .job-tracker-comment-textarea .job-tracker-btns .btn-submit:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
#job-tracker-details.job-tracker-details .job-tracker-status-item .job-tracker-status-right .job-tracker-comment-textarea .job-tracker-btns .btn-submit:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
#job-tracker-details.job-tracker-details .job-tracker-status-item .job-tracker-status-right .job-tracker-comment-textarea .job-tracker-btns .btn-submit:active {
  color: white;
  background: #390447;
}
#job-tracker-details.job-tracker-details .job-tracker-status-item .job-tracker-status-right .job-tracker-comment-textarea .job-tracker-btns .btn-submit:hover {
  background-color: #613e6b;
}
#job-tracker-details.job-tracker-details .job-tracker-status-item .job-tracker-status-right .job-tracker-comment-textarea .job-tracker-btns .btn-submit:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
#job-tracker-details.job-tracker-details .job-tracker-status-item .job-tracker-status-right .job-tracker-comment-textarea .job-tracker-btns .btn-submit:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
#job-tracker-details.job-tracker-details .job-tracker-status-item .job-tracker-status-right .job-tracker-comment-textarea .job-tracker-btns .btn-submit:active {
  color: white;
  background: #390447;
}
#job-tracker-details.job-tracker-details .job-tracker-status-item .job-tracker-status-right .job-tracker-comment-textarea .job-tracker-btns .btn-submit:hover {
  background-color: #613e6b;
}
#job-tracker-details.job-tracker-details .job-tracker-status-item .job-tracker-status-right .job-tracker-comment-textarea .job-tracker-btns .btn-submit:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
#job-tracker-details.job-tracker-details .job-tracker-status-item .job-tracker-status-right .job-tracker-comment-textarea .job-tracker-btns .btn-submit:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
#job-tracker-details.job-tracker-details .job-tracker-status-item .job-tracker-status-right .job-tracker-comment-textarea .job-tracker-btns .btn-submit.btn-disable-tracker {
  opacity: 0.4;
}
#job-tracker-details.job-tracker-details .job-tracker-status-item .job-tracker-status-right .job-tracker-comment-textarea .job-tracker-btns .btn-submit:disabled {
  opacity: 0.4;
}
#job-tracker-details.job-tracker-details .job-tracker-status-item .job-tracker-status-right .jobtracker-add-comment {
  justify-content: flex-start;
  display: flex;
  gap: 5px;
  align-items: center;
  margin-top: 32px;
  text-decoration: none;
  word-break: break-word;
}
#job-tracker-details.job-tracker-details .job-tracker-status-item .job-tracker-status-right .jobtracker-add-comment .add-comment-icon {
  position: relative;
  width: 20px;
  height: 20px;
  padding: 5px;
}
#job-tracker-details.job-tracker-details .job-tracker-status-item .job-tracker-status-right .jobtracker-add-comment .add-comment-icon::after {
  content: '';
  background: url(/Content/Images/Redeployment/add-comment-vs.svg) no-repeat !important;
  position: absolute;
  left: 0px;
  top: 4px;
  height: 16px;
  width: 16px;
}
#job-tracker-details.job-tracker-details .job-tracker-status-item .job-tracker-status-right .jobtracker-add-comment .add-comment-text {
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  text-transform: uppercase;
  color: #aa0285;
  font-family: 'Noto Sans', sans-serif;
}
#job-tracker-details.job-tracker-details .tracker-detail-button {
  width: 160px;
  background-color: #f8f8f9;
  padding: 6px 29px;
  border-radius: 16px;
  min-height: 32px;
  white-space: normal;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  color: #1c304b;
  cursor: default;
}
@media (max-width: 768px) {
  #job-tracker-details.job-tracker-details .tracker-detail-button {
    min-height: 32px;
  }
}
#job-tracker-details.job-tracker-details .current-status-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 8px;
}
@media (max-width: 768px) {
  #job-tracker-details.job-tracker-details .current-status-btn {
    margin-top: 0px;
  }
}
#job-tracker-details.job-tracker-details .current-status-btn .current-status-btn-text {
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  font-family: 'Noto Sans', sans-serif;
  color: #1c304b;
}
#job-tracker-details.job-tracker-details .current-status-btn img {
  margin-right: 4px;
}
#job-tracker-details.job-tracker-details .noneStatus,
#job-tracker-details.job-tracker-details .noneStatus:hover {
  background-color: #ffc133;
  color: #1c304b;
}
#job-tracker-details.job-tracker-details .appliedStatus,
#job-tracker-details.job-tracker-details .appliedStatus:hover {
  background-color: #dcf5d6;
  color: #1c304b;
}
#job-tracker-details.job-tracker-details .closedStatus,
#job-tracker-details.job-tracker-details .closedStatus:hover {
  background-color: #ebebee;
  color: #1c304b;
}
#job-tracker-details.job-tracker-details .offeracceptedStatus,
#job-tracker-details.job-tracker-details .offeracceptedStatus:hover {
  background-color: #96e283;
  color: #1c304b;
}
#job-tracker-details.job-tracker-details .interviewingStatus,
#job-tracker-details.job-tracker-details .interviewingStatus:hover {
  background-color: #fff0cc;
  color: #1c304b;
}
#job-tracker-details.job-tracker-details .interestedStatus,
#job-tracker-details.job-tracker-details .interestedStatus:hover {
  background-color: #99e6ff;
  color: #1c304b;
}
#job-tracker-details.job-tracker-details .underreviewStatus,
#job-tracker-details.job-tracker-details .underreviewStatus:hover {
  background-color: #ffc133;
  color: #1c304b;
}
#job-tracker-details.job-tracker-details .offeredStatus,
#job-tracker-details.job-tracker-details .offeredStatus:hover {
  background-color: #9ef489;
  color: #1c304b;
}
#job-tracker-details.job-tracker-details .employerAcceptanceStatus,
#job-tracker-details.job-tracker-details .employerAcceptanceStatus:hover {
  background-color: #65cb4c;
  color: #1c304b;
}
#job-tracker-details.job-tracker-details .waitingonEmployerStatus,
#job-tracker-details.job-tracker-details .waitingonEmployerStatus:hover {
  background-color: #ffae4f;
  color: #1c304b;
}
#job-tracker-details.job-tracker-details .viewedStatus,
#job-tracker-details.job-tracker-details .viewedStatus:hover {
  background-color: #f5eaf9;
  color: #1c304b;
}
#job-tracker-details.job-tracker-details .contactedStatus,
#job-tracker-details.job-tracker-details .contactedStatus:hover {
  background-color: #cabdff;
  color: #1c304b;
}
#job-tracker-details.job-tracker-details .recommendedStatus,
#job-tracker-details.job-tracker-details .recommendedStatus:hover {
  background-color: #6f4bff;
  color: white;
}
#job-tracker-details.job-tracker-details .candidateRefusalAfterApplication,
#job-tracker-details.job-tracker-details .candidateRefusalAfterApplication:hover {
  background-color: #c13636;
  color: white;
}
#job-tracker-details.job-tracker-details .employerRefusalStatus,
#job-tracker-details.job-tracker-details .employerRefusalStatus:hover {
  background-color: #ca0000;
  color: white;
}
#job-tracker-details.job-tracker-details .offerRefusedStatus,
#job-tracker-details.job-tracker-details .offerRefusedStatus:hover {
  background-color: #f7d3d0;
  color: #1c304b;
}
#job-tracker-details.job-tracker-details .notInterestedStatus,
#job-tracker-details.job-tracker-details .notInterestedStatus:hover {
  background-color: #feceb9;
  color: #1c304b;
}
#job-tracker-details.job-tracker-details .employerRefusalAfterInterviewStatus,
#job-tracker-details.job-tracker-details .employerRefusalAfterInterviewStatus:hover {
  background-color: #c70f00;
  color: white;
}
#job-tracker-details.job-tracker-details .candidateRefusalAfterInterviewStatus,
#job-tracker-details.job-tracker-details .candidateRefusalAfterInterviewStatus:hover {
  background-color: #ff7f75;
  color: #1c304b;
}
#job-tracker-details.job-tracker-details .remaningStatus,
#job-tracker-details.job-tracker-details .remaningStatus:hover {
  background-color: #ffc133;
  color: #1c304b;
}
#job-tracker-details.job-tracker-details .candidateRefusalAfterContact,
#job-tracker-details.job-tracker-details .candidateRefusalAfterContact:hover {
  background-color: #c32a2a;
  color: white;
}
#job-tracker-details.job-tracker-details .employerRefusalAfterContact,
#job-tracker-details.job-tracker-details .employerRefusalAfterContact:hover {
  background-color: #ca0000;
  color: white;
}
#job-tracker-details.job-tracker-details .closedStatus,
#job-tracker-details.job-tracker-details .closedStatus:hover {
  background-color: #ebebee;
  color: #1c304b;
}
#job-tracker-details.job-tracker-details .underReviewStatus,
#job-tracker-details.job-tracker-details .underReviewStatus:hover {
  background-color: #ffc133;
  color: #1c304b;
}
#job-tracker-details.job-tracker-details .applicationRejetedStatus,
#job-tracker-details.job-tracker-details .applicationRejetedStatus:hover {
  background-color: #ff9999;
  color: #1c304b;
}
#job-tracker-details.job-tracker-details .notAnsweringStatus,
#job-tracker-details.job-tracker-details .notAnsweringStatus:hover {
  background-color: #f7d3d0;
  color: #1c304b;
}
#job-tracker-details.job-tracker-details .cvSentStatus,
#job-tracker-details.job-tracker-details .cvSentStatus:hover {
  background-color: #ceeae8;
  color: #1c304b;
}
#job-tracker-details.job-tracker-details .relocatedStatus,
#job-tracker-details.job-tracker-details .relocatedStatus:hover {
  background-color: #dadae0;
  color: #1c304b;
}
@media (min-width: 767px) and (max-width: 1024px) {
  
}
/*Job Details Skeleton Loader*/

.job-details-skeleton .job-detail-header .proImage {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 16px;
}
.job-details-skeleton .job-detail-header .proImage .circle-loader {
  min-width: 32px;
  min-height: 32px;
  margin-right: 8px;
}
.job-details-skeleton .job-detail-header .skeletoninout {
  animation: animationinout 4s infinite;
}
@keyframes animationinout {
  0% {
    opacity: 0.5;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.5;
  }
}
.job-details-skeleton .job-detail-header .mentor_bio_header_text .company-skel {
  width: 80px;
  margin-bottom: 0px;
}
.job-details-skeleton .job-detail-header .mentor_bio_header_text .job-title-skel {
  width: 172px;
  height: 16px;
}
.job-details-skeleton .job-detail-header .mentor_bio_header_text .location-skel-container {
  display: flex;
}
.job-details-skeleton .job-detail-header .mentor_bio_header_text .location-skel-container .skeleton-line-gray {
  width: 65px;
  margin-right: 6px;
}
.job-details-skeleton .job-detail-header .mentor_bio_header_text .currency-skel {
  width: 65px;
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .job-details-skeleton .job-detail-header .proImage {
    width: 25% !important;
  }
  .job-details-skeleton .job-detail-header .mentor_bio_header_text {
    margin: 0 !important;
  }
}
.job-details-skeleton .job-tracker-status-item .job-tracker-status-outer .skeletoninout {
  background: #f1f0f5;
}
.job-details-skeleton .job-tracker-status-item .job-tracker-status-outer .job-tracker-status-left-inner {
  min-width: 185px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 15px;
  padding: 0 20px;
}
.job-details-skeleton .job-tracker-status-item .job-tracker-status-outer .job-tracker-status-left-inner .skeleton-line-gray {
  width: 100% !important;
  margin: 0 !important;
}
.job-details-skeleton .job-tracker-status-item .job-tracker-status-outer .job-tracker-status-right {
  border-left: none !important;
  padding-left: 0 !important;
}
.job-details-skeleton .job-tracker-status-item .job-tracker-status-outer .job-tracker-status-right .job-tracker-status-right-inner {
  border: none !important;
  background-color: #e2e2e2 !important;
  border-radius: 8px;
}
.job-details-skeleton .job-tracker-status-item .job-tracker-status-outer .job-tracker-status-right .job-tracker-status-right-inner .toggle-header-left .profile-skel {
  width: 204px;
}
.job-details-skeleton .job-tracker-status-item .job-tracker-status-outer .job-tracker-status-right .job-tracker-status-right-inner .toggle-header-left .name-container {
  display: flex;
}
.job-details-skeleton .job-tracker-status-item .job-tracker-status-outer .job-tracker-status-right .job-tracker-status-right-inner .toggle-header-left .name-container .skeleton-line-gray {
  width: 65px;
  margin-right: 8px;
}
.job-details-skeleton .job-tracker-status-item .job-tracker-status-outer .job-tracker-status-right .job-tracker-status-right-inner .toggle-header-text .status-skel {
  width: 65px;
  margin: 10px 0;
}
.job-details-skeleton .job-tracker-status-item .update-status .btn-update-status {
  border: none !important;
  border-radius: 15px !important;
}
.management-panel.control-wrapper-body pre {
  font-size: 16px;
  border: 0px;
  background: none;
  line-height: 24px;
  resize: none;
  font-family: 'Noto Sans';
  width: 100%;
  overflow-x: auto;
  white-space: normal;
  word-wrap: break-word;
  padding-left: 0;
  padding-right: 0;
  word-break: break-word;
  text-align: justify;
}
.exp-icon {
  padding-top: 0px;
}
#additionalCareerForm .select2-container .error-boundary {
  border: 1px solid #c70f00;
  background: #fdf6f5;
}
#additionalCareerForm .select2-container .select2-choices {
  background-image: url('/Content/Images/icons/search-icon.svg');
  background-repeat: no-repeat;
  background-position: 97% 9px;
}
#additionalCareerForm .select2-container .select2-choices .select2-input {
  margin-top: 2px;
}
#additionalCareerForm .exp-submit-done {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  z-index: 3;
}
#additionalCareerForm .exp-submit-done img {
  width: 230px;
  height: 230px;
}
#additionalCareerForm .mandatory-field {
  display: flex;
  gap: 8px;
}
#additionalCareerForm .mandatory-field .red-asterik {
  color: #c70f00;
  margin-top: -4px;
}
#additionalCareerForm .validation-wrapper {
  display: flex;
  align-items: center;
  margin-top: 8px;
  gap: 8px;
}
#additionalCareerForm .validation-wrapper .error-info {
  color: #c70f00;
  margin-bottom: 0;
}
.profile-resume .resume-name .resume-details {
  font-family: Noto Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
  overflow-x: auto;
  white-space: normal;
  word-wrap: break-word;
  word-break: keep-all;
  text-align: left;
  color: #45505f;
}
.control-wrapper-body.summary-profile #updateResumeSummaryForm {
  padding: 0 15px;
}
.control-wrapper-body.summary-profile textarea#summary {
  margin: 0 15px 15px !important;
  width: calc( 100% - 30px) !important;
  resize: none;
}
.control-wrapper-body.summary-profile .summary-text {
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  text-transform: uppercase;
  color: #aa0285;
  font-family: 'Noto Sans', sans-serif;
  white-space: nowrap;
}
.control-wrapper-body.summary-profile .summary-text:hover {
  text-decoration: underline;
}
.control-wrapper-body.summary-profile .disabled-text {
  color: #adadb5;
}
.control-wrapper-body.summary-profile div#pad-right .primary-btn--md {
  min-width: 144px;
}
.control-wrapper-body.summary-profile .footer-btns {
  display: flex;
  justify-content: end;
  flex-direction: row-reverse;
}
.control-wrapper-body.summary-profile hr {
  margin: 0px;
}
/* save exp */

#exp-modal .modal-content {
  /*border-radius:0px;*/
  padding: 10px 0;
}
#exp-modal .modal-body .exp-header {
  padding: 18px 40px 25px;
}
#exp-modal .modal-body input {
  /*height: 50px;
            width: 100%;
            border: 2px solid #E5E5E5;
            border-radius: 0PX;
            color: #555;
            background: white;
            font-family: Noto Sans;
            font-size: 14px;
            font-weight: normal;
            margin: 5px 0;
            text-indent: 15px;
            line-height: 1.42857143;*/
  display: block;
}
#exp-modal .modal-body textarea {
  width: 100%;
  border: 1px solid #1c304b;
  border-radius: 8px;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
  background: white;
  margin: 5px 0;
  /*text-indent: 15px;*/
  padding: 10px;
  resize: none;
  display: block;
}
#exp-modal .modal-body textarea.error {
  border: 1px solid #c70f00 !important;
  background-color: #fdf6f5;
  color: #1c304b;
}
#exp-modal .modal-body textarea::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #45505f;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  font-family: 'Noto Sans', sans-serif;
}
#exp-modal .modal-body textarea::-moz-placeholder {
  /* Firefox 19+ */
  color: #45505f;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  font-family: 'Noto Sans', sans-serif;
}
#exp-modal .modal-body textarea:-ms-input-placeholder {
  /* IE 10+ */
  color: #45505f;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  font-family: 'Noto Sans', sans-serif;
}
#exp-modal .modal-body textarea:focus,
#exp-modal .modal-body textarea:focus-visible {
  border: 1px solid #aa0285;
}
#exp-modal .modal-body textarea.error {
  border: 1px solid #c70f00 !important;
  background-color: #fdf6f5;
  color: #1c304b;
}
#exp-modal .modal-body textarea::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #45505f;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  font-family: 'Noto Sans', sans-serif;
}
#exp-modal .modal-body textarea::-moz-placeholder {
  /* Firefox 19+ */
  color: #45505f;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  font-family: 'Noto Sans', sans-serif;
}
#exp-modal .modal-body textarea:-ms-input-placeholder {
  /* IE 10+ */
  color: #45505f;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  font-family: 'Noto Sans', sans-serif;
}
#exp-modal .modal-body textarea:focus,
#exp-modal .modal-body textarea:focus-visible {
  border: 1px solid #aa0285;
}
#exp-modal .modal-body .form-control {
  padding: 0;
}
#exp-modal .modal-body .form-group {
  margin-bottom: 0;
  margin-top: 10px;
}
#exp-modal .modal-body .modal-select {
  /*height: 50px;*/
  width: 100%;
}
#exp-modal .modal-body .modal-select .select2-choice .select2-arrow {
  width: 30px;
  border-left: none;
}
#exp-modal .modal-footer {
  border-top: 0px;
  margin-top: 0;
}
#exp-modal .modal-footer .exp-footer {
  padding: 0 20px;
}
#exp-modal .exp-done {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  z-index: 3;
}
#exp-modal .exp-done img {
  width: 230px;
  height: 230px;
}
.btn-primary-bgcolor {
  background-color: #4d065b;
  color: white;
}
/*.gray-bgcolor {
    background: #f4f4f4;
}*/

.exp-modal-footer {
  overflow: hidden;
  padding: 0 20px;
}
.exp-modal-footer .row {
  display: flex;
  justify-content: end;
}
.exp-modal-footer .row .primary-btn--md {
  order: 2;
}
.exp-modal-footer .row .secondary-btn--md {
  order: 1;
}
.employee-profile-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
}
.profile-visibility {
  display: flex;
  align-items: center;
}
.profile-visibility span {
  line-height: 35px;
}
.profile-visibility .switch {
  position: relative;
  display: inline-block;
  width: 48px;
  height: 24px;
  margin-left: 15px;
}
.profile-visibility .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.profile-visibility .switch-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border: 1px solid #1c304b;
}
.profile-visibility .switch-slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 4px;
  bottom: 4px;
  background-color: #1c304b;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
/* input:checked + .siwtch-slider {
  background-color:;

}*/

.profile-visibility input:focus + .switch-slider {
  box-shadow: 0 0 0 4px #ff097f;
  border: 1px solid #ff097f;
}
.profile-visibility input:hover + .switch-slider {
  border: 1px solid #8c006d;
}
.profile-visibility input:checked + .switch-slider {
  background: #aa0285;
  border: none;
}
.profile-visibility input:checked + .switch-slider:hover {
  border: 1px solid #8c006d !important;
  background: #8c006d !important;
}
.profile-visibility input:checked + .switch-slider:disabled {
  background: #ced7e4;
}
.profile-visibility input:checked + .switch-slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
  background-color: white;
}
.profile-visibility .switch-slider.round {
  border-radius: 12px;
}
.profile-visibility .switch-slider.round:before {
  border-radius: 50%;
}
.profile-visibility span.visibility-txt {
  padding-left: 10px;
  vertical-align: top;
}
.profile-visibility span.visibility-txt b {
  color: #4d065b;
}
.profile-update {
  display: flex;
  justify-content: space-between;
}
.profile-update .animated-content {
  z-index: 99999 !important;
}
.profile-update .date {
  margin-left: 20px;
  display: inline-block;
  padding-right: 15px;
  vertical-align: top;
  line-height: 35px;
}
.profile-update img.icon {
  margin-left: 3px;
  margin-bottom: 10px;
  padding-right: 15px;
}
.profile-update .w3-button {
  margin-left: 3px;
  margin-bottom: 10px;
}
.profile-update .modal-backdrop.in {
  opacity: 1 !important;
  background-color: rgba(0, 0, 0, 0.8) !important;
}
.summary-section .card-title {
  color: purple;
  font-size: 24px;
  margin-bottom: 2rem;
}
.summary-section a.o-edit-icon {
  float: right;
}
/*Edit Textarea*/

.edit-summary-section textarea {
  width: 100%;
  border: 1px solid #1c304b;
}
.edit-summary-section .w3-button {
  float: right;
  margin-top: 10px;
}
.mb-30 {
  margin-bottom: 30px;
}
#exp-modal .modal-footer .btn:focus {
  outline: 2px solid #555555;
}
profile-skills-container .exp-submit-done {
  top: 30% !important;
}
.employee-profile-header {
  display: flow-root;
}
.profile-resume .icon-space {
  padding-top: 0px;
}
.profile-update {
  justify-content: center;
}
.control-wrapper-body {
  padding-bottom: 140px;
}
.multiSelectButton .mentor-multiselect-button {
  font-size: 14px;
  min-width: auto;
  height: 40px;
}
.salary-select-control {
  width: 50% !important;
}
.my-ideal-job-container .salary-group input.form-control {
  width: 50% !important;
}
@media (min-width: 320px) and (max-width: 992px) {
  profile-skills-container .exp-submit-done {
    top: 25% !important;
  }
  .profile-visibility {
    width: 100%;
    display: block;
  }
  .employee-profile-header {
    display: inline-block;
    width: 100%;
    text-align: center;
  }
  span.visibility-txt {
    position: relative;
    top: 10px;
  }
  .profile-update {
    /* float: none; */
    width: 100%;
    padding: 10px 0px;
    display: block;
  }
  .profile-update img.icon {
    padding-right: 0;
  }
  .profile-update span.date {
    margin-bottom: 10px;
    display: block;
  }
  .profile-update img.icon {
    padding-right: 0;
  }
  .my-ideal-job-container .main-content {
    padding-bottom: 0 !important;
  }
  .my-ideal-job-container .find-courses-container.my-ideal-skill {
    margin-bottom: 60px;
  }
}
.border-box {
  padding: 20px 35px;
}
.border-box h3 {
  color: #e23369;
  margin-bottom: 20px;
}
.consent-text {
  font-size: 16px;
  font-style: italic;
  font-family: 'Noto Sans';
  line-height: 24px;
}
.skill-title-bar {
  color: purple;
  font-size: 24px;
  margin-bottom: 2rem;
}
.skill-title-bar a.o-edit-icon {
  float: right;
}
.skillbar {
  position: relative;
  display: block;
  width: 100%;
  margin-top: 10px;
}
.skillbar-bar {
  height: 4px;
  width: 0px;
  background: #4d065b;
  -webkit-transition-property: width, background-color;
  transition-property: width, background-color;
  /* margin-top: 10px;*/
  border-radius: 8px 0px 0px 8px;
}
.skillBarBG {
  background: #e5e5e5;
  content: "";
  height: 4px;
  position: absolute;
  width: 100%;
  /*  z-index: -1;*/
  border-radius: 8px;
  top: 10px;
  display: table;
}
.skillbar-title {
  color: black;
  text-transform: capitalize;
  display: inline-block;
  font-size: 16px;
  font-family: 'Noto Sans';
}
.skillbar-title span {
  text-transform: none;
  word-wrap: break-word;
  word-break: break-word;
  display: inline-block;
}
.skill-bar-percent {
  float: right;
  display: inline-block;
  color: #999999;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
}
.skillbar-label {
  padding-left: 40px;
  font-size: 16px;
  font-family: 'Noto Sans';
}
.skillbar-title input {
  border: 2px solid #b6b6b6;
  box-shadow: 1px 1px 7px 2px rgba(1, 1, 1, 0.2);
  transition: 0.6s ease;
  text-align: center;
  padding: 5px 5px;
}
.exp-input .form-group,
.exp-input .select2-container {
  width: 100%;
}
.exp-input .select2-container a.select2-choice {
  border: none;
  box-shadow: none;
}
.exp-input span.select2-arrow {
  border-left: none !important;
}
.skillbar-label div.exp-input,
.skillbar-label .editSkill {
  display: inline-block;
}
.editSkill {
  text-align: right;
  float: right;
  margin-right: 10px;
}
.editSkill img {
  width: 30px;
}
.addSkillInput.col-md-11 {
  padding-right: 0px;
}
.addSkillInput input {
  width: 100%;
  padding: 5px;
  border: 1px solid #cdcdcd;
}
.addSkillAbove {
  padding: 10px 20px;
  color: #8b8b8b;
}
.addSkillButton {
  text-align: right;
  padding-right: 18px;
}
.addSkillButton button {
  border: 0;
  background: none;
}
.addSkillButton button img {
  width: 30px;
}
.skillbar .exp-input select {
  border: 0;
}
.skillbar .exp-input {
  width: 68%;
}
#exp-modal .modal-header .modal-title {
  color: #1c304b;
  line-height: 24px;
}
.resume-upload-done {
  position: absolute;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  z-index: 3;
}
.resume-upload-done img {
  width: 230px;
  height: 230px;
}
.rupload-link {
  border: none;
  background: none;
}
@media (min-width: 768px) and (max-width: 1000px) {
  .editSkill {
    margin-right: 0px;
  }
  .skillbar .exp-input {
    width: 80%;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .skillbar .exp-input {
    width: 50%;
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .skillbar {
    margin-top: 30px;
  }
  .skillbar-label {
    padding-left: 0px;
    margin-top: 10px;
  }
  .skillbar-title input,
  .skillbar-title {
    width: 100%;
  }
  .skillbar-title {
    margin-bottom: 10px;
  }
  .skillBarBG {
    position: relative;
    top: 0px;
  }
  .addSkillInput {
    padding-right: 15px;
  }
  .addSkillButton {
    text-align: center;
  }
  .additional-info-container .exp-title {
    word-break: break-word;
  }
}
@media (min-width: 320px) and (max-width: 479px) {
  .skillbar .exp-input {
    width: 80%;
  }
}
@media (min-width: 200px) and (max-width: 319px) {
  .skillbar-title input {
    width: 150px;
  }
  .skillBarBG {
    width: 80%;
  }
  .skillbar-label {
    margin-top: 25px;
    padding-left: 0px;
  }
  .skillbar .exp-input {
    width: 60%;
  }
  .salary-select-control {
    width: 60% !important;
  }
  .my-ideal-job-container .salary-group input.form-control {
    width: 40% !important;
  }
}
.completeProfileSummary .centered {
  overflow: initial !important;
}
.completeProfileSummary .btn-finish {
  display: block;
  margin-top: 20px;
}
.profile-update .centered {
  overflow: visible !important;
}
.profile-update .btn-finish {
  display: block;
  margin-top: 20px;
}
.errorDiv p {
  color: red;
  font-size: 16px;
}
/*.fade.modal {
    z-index: 9999 !important;
}*/

@media (min-width: 320px) and (max-width: 767px) {
  .profile-visibility .switch {
    display: block;
    margin: 0 auto;
  }
  .profile-visibility span.visibility-txt {
    top: 0;
  }
  .profile-update {
    padding: 0;
  }
}
button.rupload-link:focus {
  outline: dotted thin;
  outline: -webkit-focus-ring-color auto 5px;
  outline-offset: -2px;
}
.btn-removeInfo {
  color: #4f185a;
  border: 2px solid #a68bac;
  background-color: white;
  font-weight: 700 !important;
  border-radius: 0;
}
.resume-ideal-job {
  padding: 30px;
}
.wordBreak {
  word-wrap: break-word;
}
.resume-ideal-job a.select2-choice.select2-default,
.resume-ideal-job a.select2-choice {
  box-shadow: none;
  border-radius: 8px !important;
}
.resume-ideal-job span.select2-chosen {
  display: block !important;
  line-height: 24px;
}
.resume-ideal-job .job-title-info {
  margin-bottom: 35px !important;
}
.intro-message-btn-fold {
  background-image: url('/Content/Images/Common/button_unfold.svg');
  background-repeat: no-repeat;
  width: 15px;
  height: 27px;
  margin-top: 12px;
}
.intro-message-btn-unfold {
  background-image: url('/Content/Images/Common/button_fold.svg');
  background-repeat: no-repeat;
  height: 15px;
  width: 27px;
  margin-top: 12px;
}
.intro-content-fold-body {
  background-color: #72467b !important;
  height: 10px !important;
  margin: 25px -50px !important;
}
.management-panel .intro-content-fold-body {
  width: calc(100% + 60px);
  margin-left: -30px !important;
  margin-top: 25px !important;
  margin-bottom: 25px !important;
}
.intro-content-unfold-body {
  padding-bottom: 30px;
}
.intro-message-body {
  padding: 30px 30px 0px 30px !important;
}
.intro-message-divider {
  display: block;
  height: 3px;
  background-color: #eee8ef;
  margin: 25px -50px;
}
.intro-message-divider-hide {
  display: none;
}
.rupload-link img.icon {
  padding-right: 0px;
  margin-bottom: 0px;
}
.padding1 {
  padding-left: 3px;
}
.myprofile-finishbutton .btn {
  margin: 20px auto;
}
#exp-modal .modal-body .modal-select.select2-container-active .select2-choice {
  border: 1px solid #aa0285 !important;
  box-shadow: none;
}
@media (min-width: 320px) and (max-width: 992px) {
  .profile-resume .profile-update a,
  .profile-resume .profile-update #uploadForm1 {
    display: inline-block;
  }
}
.profile-update .animated-content .centered .modal-dialog {
  position: initial;
}
@media (min-width: 320px) and (max-width: 768px) {
  .profile-update .centered {
    margin-bottom: 250px;
  }
  .profile-update .resume-modal h3 {
    font-size: 1rem;
  }
  .profile-update .resume-modal h2 {
    font-size: 2rem;
  }
}
@media (min-width: 320px) and (max-width: 680px) {
  .profile-update .centered {
    margin-bottom: 350px;
    top: 60%;
  }
}
@media only screen and (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) {
  .profile-update .resume-modal h3,
  .profile-update .resume-modal h2 {
    zoom: 85%;
  }
  .profile-update .animated-content .centered .modal-dialog {
    margin-top: 30px;
  }
  .resume-modal .card-bottom .consent-description {
    zoom: 85%;
    font-size: 12px;
  }
}
#expForm #exp-modal .modal-body .modal-select .select2-choice {
  border: 1px solid #1c304b;
}
#expForm #exp-modal .modal-body .modal-select.select2-container-active .select2-choice {
  border: 1px solid #aa0285;
  box-shadow: none !important;
}
.employee-profile-header .custom-delete-icon {
  text-decoration: none;
}
.employee-profile-header .custom-delete-icon .fa-trash {
  font-size: 26px;
  border: 2px solid #4d065b;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}
.employee-profile-header .custom-delete-icon .fa-trash:before {
  color: #4d065b;
}
.my-ideal-job-container {
  padding-bottom: 55px;
  /*.select-control.selectBox-control {
        height: 44px;
        border-radius: 0 !important;
        box-shadow: none;

        &:focus-visible {
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, .08), 0 0 8px rgba(102, 175, 233, .6);
            border: 1px solid rgba(102, 175, 233, .5);
        }
    }*/

}
.my-ideal-job-container .control-wrapper-body {
  margin-bottom: 40px;
  padding-top: 30px;
  pointer-events: all;
}
.my-ideal-job-container .job-search-header .topFooter {
  border-top: 1px solid #ebebee;
  padding-top: 32px !important;
  margin-top: 32px;
  margin-left: 14px;
  margin-right: 14px;
}
.my-ideal-job-container .job-search-header .topFooter button.secondary-btn--md {
  min-width: 137px;
}
.my-ideal-job-container .job-search-header .topFooter button.primary-btn--md.add-skill {
  min-width: 199px;
}
.my-ideal-job-container .control-wrapper-loader-bar {
  height: 3px;
  margin: 0px -50px;
}
.my-ideal-job-container .resume-ideal-job {
  padding: 32px;
  background: white;
}
.my-ideal-job-container .summary-update {
  min-width: 120px;
}
.my-ideal-job-container .summary-update:focus-visible {
  outline: 3px solid #434343;
}
.my-ideal-job-container .idealJob-description {
  font-size: 14px;
}
.my-ideal-job-container .wantSkills {
  padding: 20px 5px;
  border: 1px solid #ebebee;
  background-color: #f8f8f9;
  border-radius: 8px;
  color: #1c304b !important;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin: 0px;
}
@media (max-width: 991px) {
  .my-ideal-job-container .wantSkills {
    flex-direction: column;
  }
}
.my-ideal-job-container .wantSkills .skil-heading {
  margin-bottom: 8px;
  font-family: Noto Sans, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  font-family: 'Noto Sans', sans-serif;
}
.my-ideal-job-container .wantSkills .skill-description {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
}
.my-ideal-job-container .wantSkills .button-design {
  float: right;
  border-radius: 5px;
}
.my-ideal-job-container .wantSkills .course-find-btn {
  background-color: #441750;
  border-radius: 8px;
  color: white;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  text-transform: uppercase;
  padding: 16px 24px 16px 24px;
  white-space: normal;
  min-width: 270px;
}
@media (max-width: 991px) {
  .my-ideal-job-container .wantSkills .course-find-btn {
    width: 100%;
    padding: 10px 8px;
    min-width: auto;
  }
}
.my-ideal-job-container .wantSkills .button-design .course-find-btn:disabled {
  opacity: 1 !important;
}
.my-ideal-job-container .wantSkills .course-find-btn:hover,
.my-ideal-job-container .wantSkills .course-find-btn:focus {
  color: white;
  background-color: #441750;
  text-decoration: none;
}
.my-ideal-job-container .wantSkills .course-find-btn:focus {
  outline: 2px solid black;
}
.my-ideal-job-container .resetBtn {
  background-color: white;
  color: #4f185a;
  border: 2px solid #4f185a;
  font-weight: bold;
  margin-right: 10px;
}
.my-ideal-job-container .my-ideal-job {
  text-align: center;
  margin-bottom: 40px;
}
.my-ideal-job-container .my-ideal-job h2 {
  margin-top: 0;
  margin-bottom: 12px;
}
.my-ideal-job-container .salary-group {
  display: flex;
}
.my-ideal-job-container .salary-group select.form-control {
  width: 30%;
  background-position-x: 86.5%;
}
.my-ideal-job-container .salary-group input.form-control {
  width: 60%;
  margin-right: 4px;
}
.my-ideal-job-container .arrow-right-first {
  background-position-x: 96.5%;
}
.my-ideal-job-container .arrow-right {
  background-position-x: 95.5%;
}
.my-ideal-job-container .myidealjobLabelArrow {
  position: relative;
  display: block;
}
.my-ideal-job-container .myidealjobLabelArrow::after {
  content: '';
  background: url(/Content/Images/Redeployment/downArrow.svg) no-repeat !important;
  position: absolute;
  right: 15px;
  top: 12px;
  height: 15px;
  width: 15px;
}
.my-ideal-job-container .wrappermultiSelect .selected-items-box {
  cursor: pointer;
  border: 2px solid #e5e5e5;
  padding: 10px;
  background-color: white;
  color: #555555;
  height: 45px;
}
.my-ideal-job-container .wrappermultiSelect label {
  margin-bottom: 0px;
  padding-top: 9px;
  padding-bottom: 5px;
}
.my-ideal-job-container .wrappermultiSelect.custom-multiSelect {
  margin-bottom: 0px;
}
.dropdownArrowCheck:focus-visible,
.dropdownArrowCheck:focus {
  opacity: 1;
  background-color: #eee8ef;
  left: 0;
  right: 0;
  width: 100%;
  height: 34px;
  text-align: left;
  margin: auto;
  content: '';
  z-index: -1;
  -webkit-appearance: none;
  outline: none !important;
  top: 0;
}
.mentor-multiselect-button:focus-visible {
  outline: 3px solid #434343;
}
.resume-file-name {
  font-weight: bold;
  font-size: 16px;
  text-decoration: none !important;
  color: black;
}
.resume-date-time {
  margin-top: -16px;
  font-size: 14px;
  font-style: italic;
}
.salary-select-control {
  width: 40%;
}
/* Chrome, Safari, Edge, Opera */

.my-ideal-job-container .salary-group input.form-control::-webkit-outer-spin-button,
.my-ideal-job-container .salary-group input.form-control::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* Firefox */

.my-ideal-job-container .salary-group input.form-control[type=number] {
  -moz-appearance: textfield;
}
.my-ideal-job-container .has-error {
  border: 2px solid #c44343 !important;
  outline: none !important;
  border-color: #66afe9;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6) !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6) !important;
}
.profile-update.profile-update-custom {
  align-items: center;
}
@media (min-width: 320px) and (max-width: 992px) {
  .profile-update.profile-update-custom span.date {
    margin: 0;
    padding: 0;
    display: block;
    width: 100%;
    text-align: center;
  }
  .profile-update.profile-update-custom span.date a {
    width: 100%;
    padding-bottom: 10px;
  }
  .profile-update.profile-update-custom span.date .resume-date-time {
    width: 100%;
  }
  .profile-update.profile-update-custom .custom-delete-icon {
    position: relative;
    top: 4px;
  }
}
.salary-group .select2-container .select2-choice > .select2-chosen {
  padding: 18px 12px;
}
.recommended-skills-container .recommended-tabs-container {
  padding-top: 20px;
}
.recommended-skills-container .recommended-tabs-container .recommended-tabs {
  border: 2px solid #4d065b;
  border-radius: 4px;
  padding: 5px 10px;
  display: inline-flex;
  margin-right: 5px;
  align-items: center;
}
.recommended-skills-container .recommended-tabs-container .recommended-tabs img.button_download {
  width: 24px;
  cursor: pointer;
}
.recommended-skills-container .recommended-tabs-container .recommended-tabs img.button_download:focus-visible {
  outline: 2px solid #434343;
}
.recommended-skills-container .recommended-tabs-container .recommended-tabs .tab-text {
  font-size: 15px;
  padding-left: 5px;
}
.profile-skills-container .exp-submit-done {
  position: fixed;
  top: 151px !important;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  z-index: 99999 !important;
}
.profile-skills-container .exp-submit-done img {
  width: 200px;
  height: 200px;
}
.profile-skills-container .profile-skills-tabs-container {
  padding-top: 20px;
}
.profile-skills-container .profile-skills-tabs-container .profile-skills-tabs:focus-visible {
  outline: 1px solid #434343;
}
.profile-skills-container .profile-skills-tabs-container .profile-skills-tabs img.button_download {
  width: 24px;
}
.profile-skills-container .profile-skills-tabs-container .profile-skills-tabs .tab-text {
  font-size: 15px;
  padding-left: 5px;
}
.profile-skills-container .profile-skills-tabs-container .profile-skills-tabs span.inner-profile-skill-box-default {
  border-radius: 4px;
  padding: 5px 10px;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  color: white;
  background: #4d065b;
  opacity: 0.2;
}
.profile-skills-container .profile-skills-tabs-container .profile-skills-tabs span.inner-profile-skill-box-light {
  border-radius: 4px;
  padding: 5px 10px;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  color: white;
  background: #4d065b;
  opacity: 0.5;
}
.profile-skills-container .profile-skills-tabs-container .profile-skills-tabs span.inner-profile-skill-box-dark {
  border-radius: 4px;
  padding: 5px 10px;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  color: white;
  background: #4d065b;
}
.profile-skills-container .skill-text-style-italic {
  font-family: 'Noto Sans', sans-serif;
  font-style: italic;
}
.skill-model-form .skill-name-input {
  border-radius: 0;
  border: none;
  /*height: 50px;*/

  /*margin-top: 5px !important;*/

}
.skill-model-form .duplicate-skill-wrapper {
  display: flex;
  gap: 8px;
  margin-top: 8px;
}
.skill-model-form .duplicate-skill-wrapper .skill-model-validator {
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  font-family: 'Noto Sans', sans-serif;
  color: #c70f00;
}
.skill-model-form .skill-name-input.validation-error {
  border: 1px solid #c70f00 !important;
}
.skill-model-form ul.select2-choices li.select2-search-field input.select2-input {
  background: transparent !important;
}
.skill-model-footer {
  padding: 20px 0 0 0;
  border-top: 1px solid #ebebee !important;
}
.skill-model-footer .btn-cancel {
  color: #4d065b;
  border: 2px solid #a68bac;
  background-color: white;
  font-weight: 700 !important;
  border-radius: 0;
  margin-left: 20px;
}
.close-modal-skill {
  top: 20px;
  right: 25px !important;
}
.my-ideal-job-container .select2-choices .select2-search-field input {
  border: 0 !important;
  padding: 8px 12px !important;
}
.my-ideal-job-container .select2-container-multi .select2-choices {
  border: #cccccc !important;
}
.my-ideal-job-container .select2-container.select2-container-multi.form-control {
  min-height: 40px !important;
}
.my-ideal-job-container #idealJobForm .resume-ideal-job .custom-title-info input {
  border: 0 !important;
  padding-top: 0;
  height: auto !important;
  min-height: 40px;
  line-height: 14px;
}
.my-ideal-job-container #idealJobForm .resume-ideal-job .select2-container-multi.form-control {
  height: auto !important;
}
.my-ideal-job-container #idealJobForm .resume-ideal-job .job-title-info {
  margin-bottom: 15px !important;
}
.my-ideal-job-container #idealJobForm .resume-ideal-job .skill-name-input input {
  border: 0 !important;
  padding-top: 0;
  height: auto !important;
  min-height: 40px;
  line-height: 14px;
}
.my-ideal-job-container #idealJobForm .select2-container {
  width: 100%;
}
.my-ideal-job-container #idealJobForm .select2-search-choice {
  margin-top: 8px;
}
.my-ideal-job-container #idealJobForm .job-search-header {
  text-align: right;
  margin-top: 20px;
}
.my-ideal-job-container #idealJobForm .customPadding-body {
  padding-bottom: 15px;
  padding-top: 15px;
  margin-bottom: 0;
}
.my-ideal-job-container #idealJobForm .customPadding-body br {
  content: "" !important;
  display: block !important;
  margin-bottom: 5px !important;
}
.my-ideal-job-container #idealJobForm .select2-container-multi .select2-choices .select2-search-field {
  margin-top: 0 !important;
}
.my-ideal-job-container #idealJobForm .select2-container-multi .select2-choices .select2-search-field input.select2-focused,
.my-ideal-job-container #idealJobForm .select2-container-multi .select2-choices .select2-search-field input {
  height: 44px;
}
.my-ideal-job-container #idealJobForm .resume-ideal-job .custom-title-info input {
  border: 0 !important;
}
.my-ideal-job-container .select2-container.custom-title-info .select2-choices {
  box-shadow: none;
  border: 1px solid #1c304b !important;
  border-radius: 8px;
  height: 40px !important;
}
.my-ideal-job-container .select2-container.custom-title-info.skill-name-input {
  min-height: 44px;
  height: auto !important;
}
.my-ideal-job-container .icon-space a div {
  margin: 0;
}
.my-ideal-job-container .checkbox-container {
  margin-top: 24px;
  margin-bottom: 24px;
}
.skill-model-form .select2-container .select2-choice > .select2-chosen {
  width: 90%;
  display: inline-block !important;
  /*padding-top: 18px !important;*/

}
div#idealJobForm .date-picker {
  background-position-x: 96.5%;
}
@media (min-width: 320px) and (max-width: 991px) {
  #exp-modal .skill-model-form .skill-name-input,
  #exp-modal .skill-model-form .modal-select {
    margin-bottom: 20px;
  }
  .custom-skill-modal .modal-content {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    max-width: 600px;
    width: 100%;
  }
}
.custom-resume-container .control-wrapper-loader-bar {
  margin-left: 0;
  margin-right: 0;
}
.job-title-info.title-margin {
  margin-top: 15px;
  margin-bottom: 16px !important;
}
.job-title-info.title-margin p {
  margin: 0;
}
.ideal-skill-heading {
  padding-bottom: 10px;
}
.padding-top8 {
  padding-top: 8px;
  display: block;
  cursor: default;
}
.padding-top8 img {
  cursor: pointer;
}
.additional-info-container {
  margin-bottom: 60px;
}
.additional-info-kebab {
  position: absolute;
  right: 24px;
}
#additionalCareerForm .modal-body .form-group .exp-input {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#additionalCareerForm .modal-body select {
  height: 50px;
  border: 2px solid #e5e5e5;
  border-radius: 0;
  color: #555555;
  background: white;
  font-family: Noto Sans;
  font-size: 14px;
  font-weight: normal;
  margin: 5px 0;
  line-height: 1.42857143;
}
/*.custom-selectbox .select2-choices {
border: 1px solid @primaryTextColor !important;
min-height: 50px !important;
border-radius:0 !important;
padding-top: 6px !important;
}

.custom-selectbox .select2-input {
border: 0 !important;
height: auto !important;
padding-left: 0 !important;
padding-top: 0 !important;
}*/

.resume-ideal-job.find-courses-container {
  padding: 0 !important;
}
#skillModelForm #exp-modal .modal-body {
  min-height: 180px;
}
.exp-text {
  font-size: 15px;
  padding-bottom: 10px;
}
.exp-text-size {
  font-size: 12px;
  padding-bottom: 10px;
}
@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance:none) {
    .modal-open {
      position: fixed !important;
    }
  }
  @supports (-webkit-touch-callout: none) {
    /* CSS specific to iOS devices */
    
    .modal-open {
      position: fixed !important;
    }
  }
}
@media (max-width: 991px) {
  .select2-results {
    max-height: 180px !important;
  }
}
@media (max-height: 350px) {
  .select2-results {
    max-height: 90px !important;
  }
}
.salary-group .custom-width {
  width: 70%;
  margin-right: 4px;
}
@media (max-width: 767px) {
  #additionalCareerForm .modal-body .form-group .col-md-12.exp-input {
    width: 100%;
  }
}
.pink-font h4 {
  font-family: Noto Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
}
.my-ideal-job h2 {
  font-family: Noto Sans, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
  font-family: 'Noto Sans', sans-serif;
  color: #1c304b;
}
.my-ideal-job div {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
}
.edit-btn {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  line-height: 16px;
  padding: 8px 16px 8px 16px;
  text-transform: uppercase;
}
.edit-btn .button_download {
  padding: 0px 0px 0px 8px;
}
.skill-modal {
  padding: 32px 48px;
}
.skill-modal #exp-modal .modal-header {
  padding: 0 !important;
  background: none;
}
.skill-modal #exp-modal .modal-body {
  padding: 0;
}
.skill-modal .skill-model-form {
  padding: 0px 15px 32px;
}
.add-skill {
  padding: 8px 40px 8px 40px;
  min-width: 199px;
}
.unmatched-tabs {
  padding: 8px;
  justify-content: center;
  align-items: center;
  gap: 12px;
  border-radius: 8px;
  background: #e4d8f4;
  border: 0;
}
.unmatched-tabs input {
  margin: 1px 0 0 0;
}
.job-search-header .secondary-btn--md {
  margin-right: 12px;
}
.select2-container-active .select2-choice,
.select2-container-multi.select2-container-active .select2-choices {
  border: 1px solid #aa0285 !important;
  box-shadow: none !important;
}
#idealJobForm .form-group {
  margin-bottom: 0 !important;
  margin-top: 24px;
}
#idealJobForm .form-group p {
  margin: 0;
}
.skill-model-form .select2-container .select2-choices {
  background-image: url('/Content/Images/icons/search-icon.svg') !important;
  background-repeat: no-repeat !important;
  background-position: 97% 9px !important;
}
@media screen and (max-width: 768px) {
  .skill-model-form .select2-container-multi ul.select2-choices li.select2-search-choice {
    margin-right: 8px !important;
  }
}
@media screen and (max-width: 768px) {
  #skillModelForm .modal-header {
    padding: 20px !important;
  }
}
#skillModelForm .modal-body {
  margin-bottom: 0px !important;
}
@media screen and (max-width: 768px) {
  #skillModelForm .modal-body {
    padding: 0px 20px 20px !important;
  }
}
#skillModelForm .modal-body skill-model-form .multiselect-title.job-adv-search-keyword {
  width: 100%;
}
#skillModelForm .modal-footer {
  padding: 0 30px 32px 0;
  border-top: none;
  margin-top: 0;
}
@media screen and (max-width: 768px) {
  #skillModelForm .modal-footer {
    padding: 0 20px 20px;
  }
}
#skillModelForm .modal-footer .footer-btns {
  display: flex;
  justify-content: end;
  flex-direction: row-reverse;
}
#skillModelForm .modal-footer .save-btn {
  min-width: 144px;
  margin-left: 10px;
}
.sub-details-info {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  font-family: 'Noto Sans', sans-serif;
  color: #45505f;
  letter-spacing: 0.048px;
  text-align: left;
  justify-content: flex-start;
}
.sub-details-info span {
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  font-family: 'Noto Sans', sans-serif;
  color: #1c304b !important;
  letter-spacing: 0.048px;
}
@media screen and (max-width: 768px) {
  .sub-details-info {
    flex-direction: column !important;
    gap: 2px !important;
    align-items: flex-start;
  }
  .sub-details-info .sub-details-info .exp-date {
    flex: 0;
    flex-grow: 0;
  }
  .sub-details-info .sub-details-info .exp-details {
    flex: 0;
    flex-grow: 0;
  }
}
.sub-details-info .exp-details {
  flex: auto;
  flex-grow: 0;
  text-transform: capitalize;
}
.sub-details-info .exp-date {
  flex: auto;
  flex-grow: 0;
  text-transform: capitalize;
  color: #1c304b !important;
}
.sub-details-info .start-date {
  margin-left: 8px;
}
@media screen and (max-width: 768px) {
  .sub-details-info .start-date {
    margin-left: 0px;
  }
}
.resume-froalaMainContainer {
  padding: 0px 0 16px;
}
.pd-0 {
  padding-bottom: 0;
}
.resume-froalaMainContainer > div.fr-box {
  border: 1px solid #1c304b;
  border-radius: 8px;
}
.resume-froalaMainContainer > div.fr-box .fr-wrapper:before {
  content: '';
  height: 1px;
  width: auto;
  background: #ebebee;
  display: block;
}
.resume-froalaMainContainer > div.fr-box .fr-element {
  padding: 16px;
}
.resume-froalaMainContainer > div.fr-box .fr-element ul li,
.resume-froalaMainContainer > div.fr-box .fr-element p {
  font-weight: 400;
  line-height: 24px;
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
  font-size: 14px;
}
.resume-froalaMainContainer > div.fr-box .fr-element span.fr-placeholder {
  font-family: Noto Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
  text-align: left;
}
.resume-froalaMainContainer > div.fr-box .fr-element > p {
  font-family: Noto Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
  text-align: left;
  font-size: 14px;
}
.resume-name .resume-details p {
  font-family: Noto Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
  color: #45505f;
  font-size: 14px;
  letter-spacing: 0.056px;
}
.resume-froalaMainContainer > div.fr-box > div.fr-toolbar {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 8px;
  box-shadow: none;
  border-top: none;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  position: relative;
}
.resume-froalaMainContainer > div.fr-box > div.fr-toolbar button {
  flex: none;
  order: 0;
  align-self: stretch;
  flex-grow: 0;
  background: #f8f8f9 !important;
  color: #5c6573 !important;
  height: 40px;
  width: 40px;
}
.resume-froalaMainContainer > div.fr-box > div.fr-toolbar button#bold-1,
.resume-froalaMainContainer > div.fr-box > div.fr-toolbar button#italic-1,
.resume-froalaMainContainer > div.fr-box > div.fr-toolbar button#underline-1,
.resume-froalaMainContainer > div.fr-box > div.fr-toolbar button#fontSize-1 {
  margin: 0px;
}
.resume-froalaMainContainer > div.fr-box > div.fr-toolbar button#bold-1 {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.resume-froalaMainContainer > div.fr-box > div.fr-toolbar button#fontSize-1 {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.resume-froalaMainContainer > div.fr-box > div.fr-toolbar button#align-1 {
  display: none;
}
.resume-froalaMainContainer > div.fr-box > div.fr-toolbar button#formatOL-1,
.resume-froalaMainContainer > div.fr-box > div.fr-toolbar button#formatUL-1,
.resume-froalaMainContainer > div.fr-box > div.fr-toolbar button#undo-1,
.resume-froalaMainContainer > div.fr-box > div.fr-toolbar button#redo-1 {
  margin: 0;
}
.resume-froalaMainContainer > div.fr-box > div.fr-toolbar button#formatUL-1,
.resume-froalaMainContainer > div.fr-box > div.fr-toolbar button#fontSize-1 {
  margin-right: 16px;
}
.resume-froalaMainContainer > div.fr-box > div.fr-toolbar button#formatOL-1,
.resume-froalaMainContainer > div.fr-box > div.fr-toolbar button#undo-1 {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.resume-froalaMainContainer > div.fr-box > div.fr-toolbar button#formatUL-1,
.resume-froalaMainContainer > div.fr-box > div.fr-toolbar button#redo-1 {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.resume-froalaMainContainer > div.fr-box > div.fr-toolbar #dropdown-menu-align-1.fr-dropdown-menu {
  border-radius: 8px;
  position: initial;
  height: 40px;
  display: block;
  margin-right: 15px;
  background: #f8f8f9 !important;
}
.resume-froalaMainContainer > div.fr-box > div.fr-toolbar #dropdown-menu-align-1.fr-dropdown-menu .fr-dropdown-wrapper {
  color: #5c6573 !important;
}
.resume-froalaMainContainer > div.fr-box > div.fr-toolbar #dropdown-menu-align-1.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a {
  padding: 6px 10px;
}
.resume-froalaMainContainer > div.fr-box > div.fr-toolbar #dropdown-menu-align-1.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list {
  display: flex;
}
.resume-froalaMainContainer > div.fr-box > div.fr-toolbar button#redo-1:hover:not(.fr-disabled),
.resume-froalaMainContainer > div.fr-box > div.fr-toolbar button#undo-1:hover:not(.fr-disabled) {
  background: #ebebee !important;
}
.resume-froalaMainContainer > div.fr-box > div.fr-toolbar button#redo-1.fr-disabled,
.resume-froalaMainContainer > div.fr-box > div.fr-toolbar button#undo-1.fr-disabled {
  opacity: 0.5 !important;
}
.resume-froalaMainContainer > div.fr-box > div.fr-toolbar > .fr-active {
  background: #ebebee !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
.resume-froalaMainContainer > div.fr-box > .fr-wrapper {
  box-shadow: none !important;
  border-bottom-left-radius: 8px !important;
  border-bottom-right-radius: 8px !important;
  background: transparent !important;
}
.resume-froalaMainContainer .fa-rotate-left:before {
  content: '';
  display: block;
  width: 20px;
  height: 20px;
  background: url(/Content/Images/icons/undo.svg);
  top: 1px;
  margin-top: -4px;
}
.resume-froalaMainContainer .fa-rotate-right:before {
  content: '';
  display: block;
  width: 20px;
  height: 20px;
  background: url(/Content/Images/icons/redo.svg);
  margin-top: -4px;
}
.resume-froalaMainContainer .fr-wrapper::-webkit-scrollbar-track,
.resume-froalaMainContainer div#dropdown-menu-fontSize-1 .fr-dropdown-content::-webkit-scrollbar-track {
  border-radius: 8px;
  background: #ebebee;
}
.resume-froalaMainContainer .fr-wrapper::-webkit-scrollbar,
.resume-froalaMainContainer div#dropdown-menu-fontSize-1 .fr-dropdown-content::-webkit-scrollbar {
  width: 8px;
  background: #ebebee;
  margin: 15px;
  border-radius: 8px;
}
.resume-froalaMainContainer .fr-wrapper::-webkit-scrollbar-thumb,
.resume-froalaMainContainer div#dropdown-menu-fontSize-1 .fr-dropdown-content::-webkit-scrollbar-thumb {
  border-radius: 6px;
  background: #611e6f;
  height: 68px;
}
div#dropdown-menu-fontSize-1 {
  /* box-shadow: none !important; */
  border-radius: 8px !important;
  box-shadow: 0px 2px 12px 0px rgba(41, 23, 70, 0.1);
}
#dropdown-menu-fontSize-1 > .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a {
  padding: 0 15px !important;
  font-family: Noto Sans !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #1c304b !important;
}
#dropdown-menu-fontSize-1 > .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-active {
  background: #ebebee !important;
  color: #1c304b !important;
}
@media (min-width: 320px) and (max-width: 900px) {
  .resume-froalaMainContainer > div.fr-box > div.fr-toolbar button#align-1,
  .resume-froalaMainContainer > div.fr-box > div.fr-toolbar button#formatUL-1 {
    margin-right: 5px;
    margin-bottom: 8px;
  }
  .resume-froalaMainContainer > div.fr-box > div.fr-toolbar button#fontSize-1,
  .resume-froalaMainContainer > div.fr-box > div.fr-toolbar button#align-1 {
    margin-bottom: 8px;
    margin-right: 5px;
  }
  .resume-froalaMainContainer > div.fr-box > div.fr-toolbar button#formatOL-1,
  .resume-froalaMainContainer > #dropdown-menu-align-1.fr-dropdown-menu {
    margin-bottom: 8px;
  }
}
@media (min-width: 280px) and (max-width: 980px) {
  .resume-froalaMainContainer > .fr-box > .fr-toolbar > #dropdown-menu-align-1 {
    width: 140px;
    margin-bottom: 8px;
  }
  .resume-froalaMainContainer > div.fr-box > div.fr-toolbar {
    display: block;
    padding: 6px;
  }
}
@media (min-width: 900px) and (max-width: 980px) {
  .resume-froalaMainContainer > div.fr-box > div.fr-toolbar button#formatOL-1,
  .resume-froalaMainContainer > div.fr-box > div.fr-toolbar button#formatUL-1,
  .resume-froalaMainContainer > div.fr-box > div.fr-toolbar button#undo-1,
  .resume-froalaMainContainer > div.fr-box > div.fr-toolbar button#redo-1 {
    margin-top: 7px;
  }
}
@media (min-width: 650px) and (max-width: 779px) {
  .resume-froalaMainContainer > div.fr-box > div.fr-toolbar {
    display: flex;
  }
}
.resume-froalaMainContainer > div.fr-box > .fr-wrapper > .fr-placeholder {
  font-weight: 400;
  color: #adadb5;
}
.sub-details-info {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 8px;
}
.sub-details-info .exp-details,
.sub-details-info .exp-date {
  flex: none;
  flex-grow: 0;
  text-transform: capitalize;
}
.sub-details-info .exp-date {
  color: #1c304b !important;
}
.resume-award-row {
  display: flex;
  padding: 16px;
}
.resume-award-row .resume-award-content {
  float: left;
  margin-left: 8px;
  margin-right: 20px;
  flex-grow: 1;
  cursor: pointer;
}
.top-skeleton-border {
  margin: 16px 0px 0px;
}
.line-one-forth {
  width: 80px;
}
.skeleton-one-forth-line-gray {
  border-radius: 15px;
  height: 12px;
  display: block;
  background: #d8d8e2;
  margin-bottom: 8px;
}
.skeleton-circle-line-wrapper {
  display: flex;
  align-items: center;
  gap: 8px;
}
.skeleton-circle-line-wrapper .skeleton-line {
  width: 80px;
  margin-bottom: 0;
}
.skeleton-circle-gray {
  min-height: 40px;
  min-width: 40px;
  background-color: #d8d8e2;
}
.skeleton-line-small-title-gray {
  border-radius: 15px;
  height: 12px;
  display: block;
  background: #d8d8e2;
  width: 70px;
  margin-bottom: 8px;
}
.skeleton-border {
  border-bottom: 1px solid #ebebee;
  padding-top: 24px;
}
.skills-skeleton {
  padding-left: 16px;
}
.skills-skeleton .skill-initial-loader,
.skills-skeleton .skill-secondary-loader {
  display: flex;
  gap: 11px;
}
.skills-skeleton .skill-initial-loader {
  margin-bottom: 8px;
  padding-top: 16px;
}
.skills-skeleton .skill-secondary-loader {
  padding-bottom: 40px;
}
.skills-skeleton .skeleton-big-skill {
  width: 121px;
  height: 24px;
  border-radius: 15px;
  background: #d8d8e2;
}
.skills-skeleton .skeleton-small-skill {
  width: 71px;
  height: 24px;
  border-radius: 15px;
  background: #d8d8e2;
}
.job-tracker-modal .todo-modal-header {
  border-bottom: 0px;
  padding: 0 30px;
  margin-bottom: 20px;
}
.job-tracker-modal .todo-modal-header a {
  position: absolute;
  right: 15px;
  z-index: 1;
}
.job-tracker-modal .todo-modal-header a:focus-visible {
  outline-offset: -2px;
}
.job-tracker-modal .todo-modal-header .modal-title {
  margin-top: 10px;
  position: relative;
  top: 30px;
  font-family: Noto Serif;
  display: flex;
  align-items: center;
  margin-bottom: 40px;
}
.cursor-pointer {
  cursor: pointer;
}
.job-tracker-modal .todo-modal-header .title {
  margin-right: 30px;
  color: #e23369;
}
.todo-modal-footer {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
.todo-modal-footer.todo-modal-footer-custom {
  justify-content: flex-end;
}
.todo-modal-footer .btn {
  word-break: break-word;
  white-space: normal;
  padding: 6px 8px;
  margin-bottom: 10px;
  font-weight: bold;
  min-width: 20%;
  font-size: 15px;
  height: auto;
}
.todo-modal-footer .btn:first-child {
  margin-right: 10px;
}
.todo-modal-footer .btn:last-child {
  margin-left: 10px;
}
.todo-modal-footer.fullWidthbtn {
  display: block;
}
.todo-modal-footer.fullWidthbtn .btn {
  width: 100%;
  display: block;
}
.todo-modal-footer.fullWidthbtn .btn:first-child,
.todo-modal-footer.fullWidthbtn .btn:last-child {
  margin: 0;
}
.todo-modal-footer.fullWidthbtn .btn:first-child {
  margin-bottom: 10px;
}
.job-tracker-modal .todo-modal-header .add-job span {
  background: white;
  color: #4d065b;
  font-size: 20px;
  font-weight: bold;
  padding: 10px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: inline-block;
  text-align: center;
  line-height: 16px;
  border: 2px solid #4d065b;
}
.job-tracker-modal .todo-modal-header .add-job a {
  position: relative;
  right: 0;
  left: 1px;
  top: -2px;
}
.form-success-image {
  position: absolute !important;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  z-index: 100;
}
.form-success-image img {
  width: 200px;
  height: 200px;
}
.validation {
  color: red;
}
@media (max-width: 1024px) and (min-width: 992px) {
  .todo-modal-box .alert {
    margin-bottom: 10px;
    padding: 10px 15px;
  }
  .todo-modal-box .r19-modal {
    padding-top: 20px;
  }
  .todo-modal-box .todo-modal-body .todo-hr {
    margin: 20px -30px 20px -30px;
  }
}
@media (max-width: 767px) {
  .todo-modal-footer .btn {
    width: 100% !important;
    float: none !important;
    margin-bottom: 5px;
    height: auto;
  }
}
@media (max-width: 640px) {
  .job-tracker-modal .todo-modal-header .modal-title {
    flex-direction: column;
  }
  .job-tracker-modal .todo-modal-header .modal-title .title {
    margin: 0 0 10px 0;
  }
}
.job-tracker-modal .todo-modal-header {
  border-bottom: 0px;
  padding: 0 30px;
  margin-bottom: 20px;
}
.job-tracker-modal .todo-modal-header a {
  position: absolute;
  right: 15px;
  z-index: 1;
}
.job-tracker-modal .todo-modal-header .modal-title {
  margin-top: 10px;
  position: relative;
  top: 30px;
  font-family: Noto Serif;
  display: flex;
  align-items: center;
  margin-bottom: 40px;
}
.cursor-pointer {
  cursor: pointer;
}
.job-tracker-modal .todo-modal-header .title {
  margin-right: 30px;
}
.job-tracker-modal .todo-modal-header .add-job span {
  background: #4d065b;
  color: white;
  font-size: 20px;
  font-weight: bold;
  padding: 10px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: inline-block;
  text-align: center;
  line-height: 1;
}
.job-tracker-modal .todo-modal-header .add-job a {
  position: relative;
  right: 0;
  left: 1px;
  top: -2px;
}
.form-success-image {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  z-index: 100;
}
.form-success-image img {
  width: 200px;
  height: 200px;
}
.validation {
  color: red;
}
.job-tracker-modal .todo-modal-header .add-job span.active {
  background: #4d065b;
  color: white;
  cursor: default;
  pointer-events: none;
}
@media (max-width: 640px) {
  .job-tracker-modal .todo-modal-header .modal-title {
    flex-direction: column;
  }
  .job-tracker-modal .todo-modal-header .modal-title .title {
    margin: 0 0 10px 0;
  }
}
.jobApplyToJob .todo-modal-body {
  padding: 20px 0 0 0;
}
.jobApplyToJob .todo-modal-body p {
  padding: 0px 30px 10px;
}
.jobApplyToJob #description {
  margin-top: 15px;
}
.jobApplyToJob .gray-bgcolor.job-search-inputs {
  padding: 25px 40px;
}
.jobApplyToJob .search-input h6 {
  color: #e23369;
}
.jobApplyToJob .addProfile-btn button,
.jobApplyToJob .addProfile-btn span {
  display: inline-block;
  float: left;
}
.jobApplyToJob .addProfile-btn {
  display: block;
  width: 100%;
  padding: 10px 0px;
  overflow: hidden;
}
.jobApplyToJob .addProfile-btn .span-or {
  text-align: center;
  float: none;
  width: 30%;
  line-height: 40px;
  text-transform: uppercase;
  font-weight: 700;
  color: #4f185a;
}
.job-search-inputs .btn-addProfile,
.job-search-inputs .btn-addNew {
  color: #4f185a;
  border: 2px solid #a68bac;
  background-color: white;
  font-weight: 700;
}
.job-search-inputs .search-input h5 {
  line-height: 1.26em;
}
.btn-addProfile,
.btn-addNew {
  color: #4f185a;
  border: 2px solid #a68bac;
  background-color: white;
  font-weight: 700 !important;
}
.jobApplyToJob .search-input h5 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 24px;
}
.jobApplyToJob .addProfile-btn button:hover {
  background: #4f185a;
  color: white;
}
.jobApplyToJob .addProfile-btn button:focus {
  background: white;
  color: #4f185a;
  outline: 2px solid #a68bac !important;
}
.jobApplyToJob .todo-modal-footer {
  padding: 25px 20px;
}
.jobApplyToJob .todo-modal-header a {
  top: 10px;
}
button.backBtn {
  color: #4f185a;
  border: 2px solid #a68bac;
  background-color: white;
  font-weight: 700 !important;
}
.addResume {
  display: inline-block;
  float: right;
  position: relative;
}
.addResume input[type=file] {
  display: inline;
  position: absolute;
  height: 40px;
  width: 172px;
  left: 10px;
  opacity: 0;
  cursor: pointer;
}
.addCover {
  display: inline-block;
  float: right;
  position: relative;
  clear: both;
  margin-top: 20px;
}
.disabled {
  pointer-events: none;
  cursor: default;
  opacity: 0.6;
}
.addCover input[type=file] {
  display: inline;
  position: absolute;
  height: 40px;
  width: 172px;
  right: 0;
  opacity: 0;
  cursor: pointer;
}
.view-file-uploaded {
  display: inline-block;
}
.view-file-uploaded a {
  line-height: 30px;
  color: black;
  font-size: 14px;
  padding-left: 5px;
}
.view-file-uploaded img {
  width: 25px;
  margin-left: 20px;
}
@media (max-width: 640px) {
  .jobApplyToJob .addProfile-btn button,
  .jobApplyToJob .addProfile-btn span {
    display: block;
    float: none !important;
    width: 100% !important;
    text-align: center !important;
  }
  .job-tracker-modal .todo-modal-header .modal-title {
    margin-bottom: 20px;
  }
  .addResume,
  .addCover {
    display: block;
    width: 100%;
  }
}
.todo-modal-body .job-search-inputs .error-txt-msg {
  padding: 0;
}
@media all and (-ms-high-contrast: active), all and (-ms-high-contrast: none) {
  div#getSuccessMSG h6 {
    font-family: Helvetica, Arial, sans-serif;
  }
}
.modal-dialog .d-none {
  display: none;
}
.modal-dialog .popupContainer header {
  background-color: #f8f8f9;
}
.modal-dialog .popupContainer header h2 {
  font-family: Noto sans;
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
  color: black;
  padding: 32px;
}
.modal-dialog .popupContainer header h2 span:hover {
  cursor: pointer;
}
.modal-dialog .popupContainer header h2 span:after {
  display: inline-block;
  content: '';
  width: 20px;
  height: 20px;
  background-image: url('/Content/Images/icons/close_icon.svg');
  float: right;
}
.modal-dialog .popupContainer .bodyText {
  padding: 32px 40px;
  color: #1c304b;
}
.modal-dialog .popupContainer .bodyText .questionText {
  padding-bottom: 14px;
  color: #1c304b;
  font-size: 16px;
  font-weight: 600;
  line-height: 26px;
  font-family: Noto sans;
}
.modal-dialog .popupContainer .bodyText .skillItem {
  min-height: 120px;
  max-height: 400px;
  overflow-y: auto;
}
.modal-dialog .popupContainer .bodyText .skillItem div {
  padding-bottom: 16px;
}
.modal-dialog .popupContainer .bodyText .skillItem input[type=checkbox] {
  margin-top: 4px;
}
.modal-dialog .popupContainer .bodyText .skillItem label {
  color: #1c304b;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  font-family: Noto sans;
  margin-top: 0;
}
.modal-dialog .popupContainer .bodyText .skillItem .tab-text {
  font-family: Noto Sans;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.004em;
  text-align: left;
  margin-left: 3px;
}
.modal-dialog .popupContainer .btnContainer {
  padding: 0 32px 32px;
  display: flex;
  column-gap: 16px;
}
.modal-dialog .popupContainer .btnContainer .cancelBtn {
  border: 1px solid #72467b;
  width: 164px;
  height: 40px;
}
.modal-dialog .popupContainer .btnContainer .cancelBtn span {
  font-weight: 700;
  font-size: 14px;
  color: #1c304b;
  line-height: 24px;
  text-transform: uppercase;
}
.modal-dialog .popupContainer .btnContainer .cancelBtn:focus-visible {
  outline: 1px solid black;
}
.modal-dialog .popupContainer .btnContainer .saveBtn {
  background-color: #72467b;
  width: 100%;
  height: 40px;
}
.modal-dialog .popupContainer .btnContainer .saveBtn span {
  color: white;
  font-weight: 700;
  font-size: 14px;
  line-height: 24px;
  padding: 8px 54px;
  text-transform: uppercase;
}
.modal-dialog .popupContainer .btnContainer .saveBtn:focus-visible {
  outline: 2px solid black;
}
.modal-dialog .popupContainer .btnContainer button:disabled {
  opacity: 0.4;
}
.modal-dialog .successPopupcontainer .customPadding {
  padding: 40px;
}
.modal-dialog .successPopupcontainer .rightAlign {
  text-align: right;
  padding-bottom: 35px;
}
.modal-dialog .successPopupcontainer .rightAlign:hover {
  cursor: pointer;
}
.modal-dialog .successPopupcontainer .alignItemCenter {
  text-align: center;
}
.modal-dialog .successPopupcontainer .successMessageIcon {
  padding-bottom: 8px;
}
.modal-dialog .successPopupcontainer .btnContainer {
  padding: 54px 0 0;
  display: flex;
  column-gap: 16px;
}
.modal-dialog .successPopupcontainer .btnContainer .closeBtn {
  border: 1px solid #72467b;
  width: 164px;
  height: 40px;
  flex: 1;
}
.modal-dialog .successPopupcontainer .btnContainer .closeBtn span {
  font-weight: 700;
  font-size: 14px;
  color: #1c304b;
  line-height: 24px;
  text-transform: uppercase;
}
.modal-dialog .successPopupcontainer .btnContainer .closeBtn:focus-visible {
  outline: 2px solid black;
}
.modal-dialog .ErropPopupcontainer .customPadding {
  padding: 40px;
}
.modal-dialog .ErropPopupcontainer .rightAlign {
  text-align: right;
  padding-bottom: 35px;
}
.modal-dialog .ErropPopupcontainer .rightAlign img:hover {
  cursor: pointer;
}
.modal-dialog .ErropPopupcontainer .bodyText .alignItemCenter {
  text-align: center;
}
.modal-dialog .ErropPopupcontainer .bodyText .SkillHeadingText h4 {
  color: #df255e;
  font-size: 31px;
  margin-bottom: 0;
}
.modal-dialog .ErropPopupcontainer .bodyText .sepertorLine {
  padding-top: 20px;
  margin-top: 30px;
  border-top: 1px solid #e5e4ec;
}
.modal-dialog .ErropPopupcontainer .successMessageIcon {
  padding-bottom: 8px;
}
.modal-dialog .ErropPopupcontainer .btnContainer {
  padding: 54px 0 0;
  display: flex;
  column-gap: 16px;
}
.modal-dialog .ErropPopupcontainer .btnContainer .gotoProfileBtn {
  border: 1px solid #72467b;
  width: 164px;
  height: 40px;
  flex: 1;
}
.modal-dialog .ErropPopupcontainer .btnContainer .gotoProfileBtn span {
  font-weight: 700;
  font-size: 14px;
  color: #1c304b;
  line-height: 24px;
  text-transform: uppercase;
}
.modal-dialog .ErropPopupcontainer .btnContainer .gotoProfileBtn:focus-visible {
  outline: 2px solid black;
}
.modal-dialog .ErropPopupcontainer .btnContainer .okBtn {
  border: 1px solid #72467b;
  background-color: #72467b;
  width: 164px;
  height: 40px;
  flex: 1;
}
.modal-dialog .ErropPopupcontainer .btnContainer .okBtn span {
  font-weight: 700;
  font-size: 14px;
  color: white;
  line-height: 24px;
  text-transform: uppercase;
}
.modal-dialog .ErropPopupcontainer .btnContainer .okBtn:focus-visible {
  outline: 2px solid black;
}
.spinnerBtn {
  color: transparent;
  border-radius: 50%;
  display: inline-block;
  margin-top: 3px;
  width: 28px;
  height: 28px;
  margin: 0 auto;
  -webkit-animation: spin 2s linear infinite;
  /* Safari */
  animation: spin 2s linear infinite;
  border: 4px solid #d9d9d9;
  border-top: 4px solid #752386;
  vertical-align: middle;
  /* Safari */

}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
#job-agent-section {
  padding-top: 0px;
  display: block;
  background-color: transparent;
}
#job-agent-section .jobhub-agent-card {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: flex-start;
}
#job-agent-section .jobhub-agent-card .jobhub-agent-box {
  height: 32px;
}
#job-agent-section .jobhub-agent-card .jobhub-agent-box .jobhub-agent-boxinner {
  position: relative;
  display: flex;
  justify-content: space-between;
}
#job-agent-section .jobhub-agent-card .jobhub-agent-box .jobhub-agent-boxinner .job-title {
  margin-right: 10px;
}
#job-agent-section .jobhub-agent-card .jobhub-agent-box .jobhub-agent-boxinner a.edit-save-search {
  margin-top: -2px;
}
.jobhub-chip-section .control-wrapper {
  padding: 0px;
  margin-bottom: 32px;
  background-color: transparent;
  max-height: 30px;
}
@media (max-width: 768px) {
  .jobhub-chip-section .control-wrapper {
    margin: 0 1px 20px;
  }
}
.jobhub-chip-section .control-wrapper .control-wrapper-head {
  padding: 0px;
}
.jobhub-chip-section .control-wrapper .control-wrapper-head .custom-heading {
  font-size: 14px !important;
  line-height: 16px !important;
  font-weight: 500 !important;
  margin-top: 4px;
}
.jobhub-chip-section .control-wrapper .control-wrapper-head {
  margin-bottom: 2px;
}
.jobhub-chip-section .control-wrapper.control-wrapper-opened .control-wrapper-head {
  margin-bottom: 12px;
}
.jobhub-chip-section .control-wrapper-opened {
  max-height: 4000px;
}
.jobhub-chip-section .control-wrapper-btn {
  margin: 10px 0px 0px;
}
.jobhub-chip-section .control-wrapper-btn .control-btn-fold {
  margin-top: 8px;
}
.jobhub-chip-section .control-btn-unfold {
  background-image: url(/Content/Images/Common/down-arrow-new-icon-m.svg);
  width: 10px;
  height: 8px;
  padding-left: 0px;
  padding-right: 0px;
  background-repeat: no-repeat;
}
.jobhub-chip-section .control-btn-fold {
  background-image: url(/Content/Images/Common/up-arrow-new-icon.svg);
  width: 10px;
  height: 8px;
  padding-left: 0px;
  padding-right: 0px;
  background-repeat: no-repeat;
}
.jobhub-chip-section .control-wrapper.control-wrapper-opened .control-wrapper-body {
  display: block;
}
.jobhub-chip-section .control-wrapper .control-wrapper-body {
  display: none;
}
.jobhub-chip-section .control-wrapper .control-wrapper-loader-bar {
  display: none;
}
.chip-filter .chip-filter-name {
  display: flex;
  min-height: 32px;
  padding: 8px 8px 8px 16px;
  background: #f8f8f9;
  border-radius: 8px;
  cursor: pointer;
  user-select: none;
  border: 1px solid #1c304b;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  text-transform: uppercase;
  font-family: 'Noto Sans';
  color: #1c304b;
  width: max-content;
}
.chip-filter .chip-filter-name:focus-visible {
  border: none;
  outline: 4px solid #ff5858 !important;
  outline-offset: 0px !important;
  border-radius: 4px;
}
.chip-filter .chip-filter-name .control-btn-unfold:focus {
  outline-offset: 0px;
}
.chip-filter .chip-filter-name .skill-count {
  font-size: 12px;
  line-height: 12px;
  font-weight: 500;
  color: white;
  background-color: #33841f;
  border-radius: 50%;
  width: 1.8em;
  height: 1.8em;
  text-align: justify;
  margin: -3px 0px 0px 4px;
  display: flex;
  padding: 0px 4px 2px 4px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.chip-filter .chip-filter-name .control-btn-unfold {
  background-image: url(/Content/Images/common/down-arrow-new-icon-m.svg);
  width: 10px;
  height: 7px;
  background-repeat: no-repeat;
  margin: 5px 0px 0px 10px;
}
.chip-filter .chip-filter-name:hover {
  border: 1px solid #aa0285;
}
.chip-filter a {
  text-decoration: none !important;
}
.chip-filter a:focus {
  text-decoration: none !important;
}
.chip-filter a:hover {
  text-decoration: none !important;
}
.chip-filter .chip-filter-name-selected {
  background: #efffeb;
  border: 1px solid #33841f;
}
.chip-filter .chip-filter-name-selected:focus-visible {
  border: none;
  outline: 4px solid #ff5858 !important;
  outline-offset: 0px !important;
  border-radius: 4px;
}
.chip-filter .chip-filter-name-selected:hover {
  border: 1px solid #175108;
}
.chip-filter .chip-filter-data {
  position: absolute;
  background: white;
  border: 1px solid #495667;
  margin-top: 4px;
  border-radius: 8px;
  z-index: 100;
  width: 274px;
  padding: 16px 0px 0px 0px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
@media (max-width: 767px) {
  .chip-filter .chip-filter-data {
    width: 245px;
  }
}
.chip-filter .chip-filter-data .heading-name {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  color: #1c304b;
  padding: 0px 16px 12px 16px;
  display: flex;
  justify-content: space-between;
  font-family: 'Noto Sans';
  flex-wrap: wrap;
}
.chip-filter .chip-filter-data .heading-name span {
  max-width: 190px;
  min-width: 150px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
@media (max-width: 767px) {
  .chip-filter .chip-filter-data .heading-name span {
    max-width: 150px;
  }
}
.chip-filter .chip-filter-data .heading-name .close-icon-filter {
  background-image: url(/Content/Images/icons/close.svg);
  height: 24px;
  width: 24px;
  margin: 0px 0px 0px 0px;
  background-repeat: no-repeat;
  background-size: 100%;
}
.chip-filter .chip-filter-data .dropdown-control-wrapper {
  padding: 12px 16px 16px 16px;
}
.chip-filter .chip-filter-data .dropdown-control-wrapper .left-btn,
.chip-filter .chip-filter-data .dropdown-control-wrapper .right-btn {
  width: 30px;
  height: 24px;
  margin: 8px 0px 0px 0px;
  background-repeat: no-repeat;
  background-size: 100%;
  cursor: pointer;
}
@media (max-width: 767px) {
  .chip-filter .chip-filter-data .dropdown-control-wrapper .left-btn,
  .chip-filter .chip-filter-data .dropdown-control-wrapper .right-btn {
    margin: 10px 0px 0px 0px;
  }
}
.chip-filter .chip-filter-data .dropdown-control-wrapper .left-btn {
  background-image: url(/Content/Images/icons/minus_icon.svg);
}
.chip-filter .chip-filter-data .dropdown-control-wrapper .left-btn:focus-visible {
  border: 4px solid #ff5858 !important;
  border-radius: 4px;
}
.chip-filter .chip-filter-data .dropdown-control-wrapper .right-btn {
  background-image: url(/Content/Images/icons/plus_icon.svg);
}
.chip-filter .chip-filter-data .dropdown-control-wrapper .right-btn:focus-visible {
  border: 4px solid #ff5858 !important;
  border-radius: 4px;
}
.chip-filter .chip-filter-data .dropdown-control-wrapper .min-salary-wrapper {
  display: flex;
  border: 1px solid #1c304b;
  border-radius: 8px;
  padding: 0px 8px;
}
.chip-filter .chip-filter-data .dropdown-control-wrapper .min-salary-wrapper .my-input input {
  border: none;
}
@media (max-width: 767px) {
  .chip-filter .chip-filter-data .dropdown-control-wrapper .min-salary-wrapper .my-input input {
    padding: 8px 8px;
  }
}
.chip-filter .chip-filter-data .dropdown-control-wrapper .my-input input {
  color: #5c6573;
}
.chip-filter .chip-filter-data .dropdown-control-wrapper .select2-container-multi .select2-choices .select2-search-field input {
  height: 40px;
  padding: 8px 16px;
  width: 106% !important;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.chip-filter .chip-filter-data .dropdown-control-wrapper .select2-choices {
  min-height: 42px;
  max-height: 80px;
  height: auto !important;
  overflow-y: auto;
}
.chip-filter .chip-filter-data .dropdown-control-wrapper .select2-choices::-webkit-scrollbar {
  width: 6px;
  background: #ebebee;
  border-radius: 0px 8px 8px 0px;
}
.chip-filter .chip-filter-data .dropdown-control-wrapper .select2-choices::-webkit-scrollbar-thumb {
  background: #7a005f;
  border-radius: 0px 8px 8px 0px;
}
.chip-filter .chip-filter-data .dynamic-data {
  margin-bottom: 12px;
}
.chip-filter .chip-filter-data .dynamic-data .radio-option-box {
  display: flex;
  padding: 12px 16px;
  flex-direction: row;
}
.chip-filter .chip-filter-data .dynamic-data .radio-option-box .radio-group {
  display: flex;
  gap: 8px;
  align-items: flex-start;
}
@media (max-width: 767px) {
  .chip-filter .chip-filter-data .dynamic-data .radio-option-box .radio-group {
    flex-wrap: wrap;
  }
  .chip-filter .chip-filter-data .dynamic-data .radio-option-box .radio-group .job-rec-card-new-notification {
    margin-left: 24px;
  }
}
.chip-filter .chip-filter-data .dynamic-data .radio-option-box .radio-group .radio-span-text {
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 140px;
  overflow: hidden;
}
.chip-filter .chip-filter-data .dynamic-data .radio-option-box .radio-desc-box,
.chip-filter .chip-filter-data .dynamic-data .radio-option-box .job-alert-link {
  padding-left: 27px;
}
.chip-filter .chip-filter-data .dynamic-data .radio-option-box .job-alert-link {
  line-height: 16px;
}
.chip-filter .chip-filter-data .dynamic-data .radio-option-box .job-rec-card-new-notification {
  border-radius: 16px;
  background-color: #dcf5d6;
  padding: 4px 8px;
  color: #1c304b;
  word-break: auto-phrase;
}
.chip-filter .chip-filter-data .dynamic-data .radio-desc-job-alert .radio-group {
  padding: 0px;
}
.chip-filter .chip-filter-data .dynamic-data .radio-desc-job-alert .radio-group label {
  font-weight: 600;
}
.chip-filter .chip-filter-data .dynamic-data .radio-desc-job-alert .radio-group .radio-desc-box {
  padding: 0px 0px 0px 28px;
}
.chip-filter .chip-filter-data .dynamic-data .radio-desc-job-alert .radio-group .job-alert-link {
  padding: 0px 0px 0px 28px;
}
.chip-filter .chip-filter-data .dynamic-data .radio-desc-job-alert .radio-group .job-alert-link .link-xs {
  font-weight: 400;
}
.chip-filter .chip-filter-data .radio-group {
  padding: 12px 16px;
}
.chip-filter .chip-filter-data .radio-group label {
  display: flex;
  align-items: normal;
  gap: 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  font-family: 'Noto Sans', sans-serif;
  color: #1c304b;
  margin-bottom: 0px;
  text-transform: capitalize;
}
.chip-filter .chip-filter-data .radio-group label .radio-span-input input {
  margin-top: 5px;
}
.chip-filter .chip-filter-data .filter-btn-container {
  display: flex;
  justify-content: flex-end;
  gap: 16px;
  align-items: center;
  padding: 16px 16px;
}
.chip-filter .chip-filter-data .filter-btn-container .primary-btn--sm {
  word-break: break-word;
  white-space: normal;
}
.jobhub-search-section {
  margin: 16px 0px 24px;
  padding: 16px 24px;
  background-color: white;
  box-shadow: 1px 2px 24px 0px rgba(24, 8, 49, 0.05);
  min-height: 64px;
  border-radius: 8px;
  border: 1px solid white;
}
@media screen and (max-width: 767px) {
  .jobhub-search-section {
    padding: 16px 16px;
    margin: 16px 0px 20px;
  }
}
.jobhub-search-section .search-section-row {
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .jobhub-search-section .search-section-row .search-btns {
    justify-content: space-between !important;
  }
}
.jobhub-search-section .search-section-row .search-btns .secondary-btn--sm {
  max-width: 145px;
  min-width: 120px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
@media screen and (max-width: 690px) {
  .jobhub-search-section .search-section-row .search-btns .secondary-btn--sm {
    margin-left: 16px;
    margin-right: 0px;
    max-width: 145px;
  }
}
@media screen and (min-width: 691px) and (max-width: 992px) {
  .jobhub-search-section .search-section-row .search-btns .secondary-btn--sm {
    max-width: 110px;
    min-width: 110px;
  }
}
@media screen and (max-width: 767px) {
  .jobhub-search-section .search-section-row {
    display: block;
  }
}
.jobhub-search-section input[type=text] {
  height: 32px;
  border: none;
  margin-left: 15px !important;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media screen and (max-width: 767px) {
  .jobhub-search-section input[type=text] {
    margin-left: 7px !important;
    text-indent: 14px;
  }
}
.jobhub-search-section input-control.job-title .my-input {
  height: 32px;
}
.jobhub-search-section .job-location-search {
  text-indent: 15px;
}
.jobhub-search-section .btn-search {
  text-align: right;
}
@media (max-width: 768px) {
  .jobhub-search-section .btn-search {
    text-align: center;
  }
}
.jobhub-search-section .btn {
  min-width: 81px;
  word-break: break-word;
  white-space: normal;
  border-radius: 7px;
  margin: 0px 6px;
}
@media (max-width: 767px) {
  .jobhub-search-section .btn {
    width: 171px;
    margin: 32px 6px 0px 0px;
  }
}
@media (max-width: 360px) {
  .jobhub-search-section .btn {
    width: 120px;
  }
}
.jobhub-search-section .select2-container {
  width: 95%;
  height: 32px;
  margin-left: 26px;
  margin-top: -4px;
}
@media screen and (max-width: 767px) {
  .jobhub-search-section .select2-container {
    margin-left: 22px;
    margin-top: -6px;
  }
}
.jobhub-search-section .select2-container .select2-choice .select2-arrow {
  display: none;
}
.jobhub-search-section .select2-container .select2-choice {
  border: none !important;
  box-shadow: none;
  margin-top: 5px;
  height: 32px !important;
}
.jobhub-search-section .select2-container .select2-chosen,
.jobhub-search-section .select2-container .select2-choice > span:first-child {
  padding: 3px 16px !important;
}
.jobhub-search-section .select2-container-active .select2-choice {
  border: 1px solid #aa0285 !important;
}
.jobhub-search-section .title-search-icon {
  position: relative;
  display: block;
}
.jobhub-search-section .title-search-icon::before {
  content: '';
  background: url(/Content/Images/Redeployment/jobhub-search-icon.svg) no-repeat;
  position: absolute;
  left: -5px;
  top: 7px;
  height: 20px;
  width: 20px;
}
@media screen and (max-width: 767px) {
  .jobhub-search-section .title-search-icon::before {
    left: 0px;
  }
}
.jobhub-search-section .country-select-icon {
  position: relative;
}
.jobhub-search-section .country-select-icon::before {
  content: '';
  background: url(/Content/Images/Redeployment/jobhub-country-icon.svg) no-repeat;
  position: absolute;
  left: 8px;
  top: 5px;
  height: 20px;
  width: 20px;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .jobhub-search-section .country-select-icon::before {
    left: 0px;
  }
}
.jobhub-search-section .city-select-icon {
  position: relative;
}
.jobhub-search-section .city-select-icon::before {
  content: '';
  background: url(/Content/Images/Redeployment/jobhub-city-icon.svg) no-repeat;
  position: absolute;
  left: 10px;
  top: 2px;
  height: 20px;
  width: 20px;
}
@media screen and (max-width: 767px) {
  .jobhub-search-section .city-select-icon::before {
    left: 0px;
  }
}
.jobhub-search-section .v-divider {
  border-bottom: none;
  display: inline;
  margin: 0px;
}
.jobhub-search-section .v-divider::after {
  content: '|';
  position: absolute;
  right: -15px;
  top: -3px;
  font-size: 24px;
  height: 20px;
  width: 20px;
  color: #ccccd3;
  font-weight: 100;
}
@media screen and (max-width: 767px) {
  .jobhub-search-section .v-divider::after {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .jobhub-search-section .v-divider {
    border-bottom: 1px solid #ebebee;
    display: block;
    margin: 16px 0px;
  }
}
@media screen and (max-width: 767px) {
  .jobhub-search-section .v-divider.location-divider {
    margin-top: 20px;
  }
}
.all-squre-list {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}
.all-squre-list .skeleton-squre-gray {
  min-height: 32px;
  border-radius: 15px;
  margin-top: 0px;
  background-color: #d8d8e2;
}
.all-squre-list .skeleton-squre-gray.one {
  width: 226px;
}
.all-squre-list .skeleton-squre-gray.two {
  width: 143px;
}
.all-squre-list .skeleton-squre-gray.three {
  width: 160px;
}
.all-squre-list .skeleton-squre-gray.fourth {
  width: 178px;
}
.all-squre-list .skeleton-squre-gray.five {
  width: 190px;
}
.focused {
  border: 1px solid #aa0285;
}
form.jobhub-search-section:has(.select2-container-active) {
  border: 1px solid #aa0285;
}
.profile-preferences-wrapper {
  background: white;
  border-radius: 8px;
  padding: 24px;
}
.profile-preferences-wrapper .preferences-section-box {
  width: auto;
  text-align: left;
  position: relative;
}
.profile-preferences-wrapper .preferences-section-box .box-texttop-padding {
  padding-top: 8px;
  margin-bottom: 32px;
}
.profile-preferences-wrapper .preferences-section-box .box-texttop-padding div p {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
}
.profile-preferences-wrapper .preferences-section-box .preferences-wrapper-middle {
  margin-bottom: 32px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.profile-preferences-wrapper .preferences-section-box .preferences-box {
  min-height: 32px;
  background-color: #e4d8f4;
  padding: 8px 16px;
  border-radius: 8px;
  cursor: pointer;
  text-transform: uppercase;
}
.profile-preferences-wrapper .preferences-section-box .preferences-box .preferences-title {
  font-family: 'Noto Sans', sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
}
.profile-preferences-wrapper .preferences-section-box .preference-btn {
  width: 100%;
}
.profile-preferences-wrapper .preferences-section-box .light-pink-background {
  background-color: #f7f7fa;
}
.preferences-modal .modal-content #exp-modal .modal-header {
  flex-direction: row-reverse;
}
.preferences-modal .modal-content #exp-modal .modal-header .close-icon {
  width: 24px;
  height: 24px;
  background: none;
}
.preferences-modal .modal-content #exp-modal .modal-body {
  padding-bottom: 0;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .preferences-modal .modal-content #exp-modal .modal-body {
    padding-right: 24px;
    padding-left: 24px;
  }
}
.preferences-modal .modal-content #exp-modal hr.light-horizontal-line {
  border-color: #ebebee;
  margin-top: 32px;
}
.preferences-modal .modal-content #exp-modal hr.light-horizontal-line-before-footer {
  border-color: #ebebee;
  margin-top: 24px;
  margin-bottom: 24px;
}
.preferences-modal .modal-content #exp-modal .preference-input-box .preference-country-state-div-position {
  display: flex;
  flex-direction: row;
  gap: 12px;
}
.preferences-modal .modal-content #exp-modal .preference-input-box .cntrl-pd {
  padding-left: 0px;
  padding-right: 0px;
}
.preferences-modal .modal-content #exp-modal .preference-input-box .right-side-cntrl-margin {
  margin-top: 48px;
}
.preferences-modal .modal-content #exp-modal .preference-input-box .width-country-control .select2-container {
  width: 100%;
}
.preferences-modal .modal-content #exp-modal .preference-input-box .width-country-control .select2-container .select2-arrow {
  display: none;
}
@media (max-width: 768px) {
  .preferences-modal .modal-content #exp-modal .preference-input-box .width-country-control .select2-container .select2-choice {
    padding-right: 25px;
  }
}
@media (max-width: 768px) {
  .preferences-modal .modal-content #exp-modal .preference-input-box .width-country-control .select2-container {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
}
.preferences-modal .modal-content #exp-modal .preference-input-box .remove-margin {
  margin-top: 0;
  margin-bottom: 24px;
}
.preferences-modal .modal-content #exp-modal .preference-input-box .remove-margin .form-control {
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-right: 30px;
}
@media (max-width: 768px) {
  .preferences-modal .modal-content #exp-modal .preference-input-box .remove-margin .form-control {
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-right: 30px;
  }
}
.preferences-modal .modal-content #exp-modal .preference-input-box .remove-margin-top {
  margin-top: 0;
}
.preferences-modal .modal-content #exp-modal .preference-input-box .remove-margin-top p {
  margin-bottom: 0px;
}
.preferences-modal .modal-content #exp-modal .preference-input-box .form-input-margin {
  margin-top: 32px;
}
.preferences-modal .modal-content #exp-modal .preference-input-box .form-input-margin p {
  margin-bottom: 0px;
}
.preferences-modal .modal-content #exp-modal .preference-input-box .form-control-border {
  border: none;
  box-shadow: none;
}
.preferences-modal .modal-content #exp-modal .preference-input-box input[type="text"],
.preferences-modal .modal-content #exp-modal .preference-input-box input[type="number"] {
  padding: 8px 16px;
}
.preferences-modal .modal-content #exp-modal .preference-input-box input[type="text"]::placeholder,
.preferences-modal .modal-content #exp-modal .preference-input-box input[type="number"]::placeholder {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
  color: #adadb5;
}
.preferences-modal .modal-content #exp-modal .preference-input-box .salary-group {
  display: flex;
  align-items: flex-start;
}
.preferences-modal .modal-content #exp-modal .preference-input-box .salary-group .custom-width {
  width: 70%;
  margin-right: 0;
}
.preferences-modal .modal-content #exp-modal .preference-input-box .salary-group .custom-width-small {
  width: 30% !important;
  margin-left: 24px;
}
.preferences-modal .modal-content #exp-modal .preference-input-box span.map-location {
  position: absolute;
  right: 32px;
  top: 59px;
}
.preferences-modal .modal-content #exp-modal .preference-input-box span.map-location-icon-top {
  top: 10px;
}
.preferences-modal .modal-content #exp-modal .preference-input-box span.map-location-icon-right {
  right: 16px;
}
.preferences-modal .modal-content #exp-modal .preference-input-box span.map-location-icon-right img {
  width: 20px;
  height: 20px;
}
.preferences-modal .modal-content #exp-modal .preference-input-box span.sec-pos {
  top: 7px;
}
.preferences-modal .modal-content #exp-modal .preference-input-box .location-add-remove-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 12px;
  max-height: 16px;
  height: 100%;
}
.preferences-modal .modal-content #exp-modal .preference-input-box .location-add-remove-box .add-location-btn {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.preferences-modal .modal-content #exp-modal .preference-input-box .location-add-remove-box .add-location-btn button.add-location {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-left: 0;
}
.preferences-modal .modal-content #exp-modal .preference-input-box .location-add-remove-box .add-location-btn button.add-location span.add-location-icon {
  width: 16px;
  height: 16px;
  margin-bottom: 4px;
  margin-right: 8px;
}
.preferences-modal .modal-content #exp-modal .preference-input-box .location-add-remove-box .add-location-btn button.add-location[disabled] {
  color: #adadb5;
}
.preferences-modal .modal-content #exp-modal .preference-input-box .location-add-remove-box .remove-location-btn {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.preferences-modal .modal-content #exp-modal .preference-input-box .location-add-remove-box .remove-location-btn button.remove-location {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-right: 0;
}
.preferences-modal .modal-content #exp-modal .preference-input-box .location-add-remove-box .remove-location-btn button.remove-location span.remove-location-icon {
  width: 16px;
  height: 16px;
  margin-bottom: 4px;
  margin-right: 8px;
}
.preferences-modal .modal-content #exp-modal .preference-input-box .location-add-remove-box .remove-location-btn button.remove-location.remove-btn-hide {
  visibility: hidden;
}
.preferences-modal .modal-content #exp-modal .preference-input-box .location-add-remove-box .remove-location-btn button.remove-location.remove-btn-hide {
  visibility: hidden;
}
.preferences-modal .modal-content #exp-modal .preference-input-box .location-add-remove-box .remove-location-btn button.remove-location[disabled] {
  color: #adadb5;
}
.preferences-modal .modal-content #exp-modal .preference-input-box .location-add-remove-box.remove-only {
  flex-direction: row-reverse;
}
.preferences-modal .modal-content #exp-modal .preference-input-box .location-add-remove-box.add-only {
  margin-top: -40px;
  width: 70%;
}
.preferences-modal .modal-content #exp-modal .preference-input-box .date-picker {
  background-position-x: 97%;
  cursor: pointer;
}
.preferences-modal .modal-content #exp-modal .preference-input-box.margin-bottom-hr {
  padding-bottom: 24px;
}
.preferences-modal .modal-content .modal-footer {
  border-top: none;
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.preferences-modal .modal-content .modal-footer .footer-btns {
  padding: 0 10px 32px;
  display: flex;
  justify-content: end;
  flex-direction: row-reverse;
}
.preferences-modal .modal-content .modal-footer .footer-btns .add-skill {
  min-width: 144px;
  padding: 8px 24px;
}
.preferences-modal .modal-content .modal-footer .footer-btns .cancel-btn-footer {
  min-width: 105px;
  margin-right: 8px;
}
.camelCaseTransform {
  text-transform: capitalize;
}
.profile-preferences-wrapper.preferences-skeleton {
  padding: 24px;
}
.profile-preferences-wrapper.preferences-skeleton .skeleton-line-gray {
  background: #d8d8e2;
  margin-bottom: 12px;
  height: 16px;
}
.profile-preferences-wrapper.preferences-skeleton .skeleton-squre-gray {
  border-radius: 15px;
  background-color: #d8d8e2;
  min-height: 32px;
  margin-bottom: 8px;
  margin-right: 11px;
}
.profile-preferences-wrapper.preferences-skeleton .sk-squre-flex {
  margin: 32px 0px 24px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}
.profile-preferences-wrapper.preferences-skeleton .line-small-one {
  width: 167px;
}
.profile-preferences-wrapper.preferences-skeleton .line-small-two {
  width: 122px;
}
.profile-preferences-wrapper.preferences-skeleton .line-small-three {
  width: 97px;
}
.profile-preferences-wrapper.preferences-skeleton .line-small-four {
  width: 47px;
}
.profile-preferences-wrapper.preferences-skeleton .btn-one {
  width: 100%;
  min-height: 40px;
  margin-bottom: 0px;
}
/*Upload Resume*/

.uploadResume-container .banner {
  background: url(/Content/Images/Redeployment/ResumeImg.svg) no-repeat;
  background-position: center;
  background-size: cover;
  height: 80px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border-radius: 8px;
}
.uploadResume-container .banner-content {
  padding-left: 24px;
}
.uploadResume-container .banner-content h4 {
  color: white;
  display: flex;
  flex-direction: row;
}
.uploadResume-container .banner-content h4 span.body_large_bold {
  display: inline-block;
  position: relative;
  padding-left: 28px;
}
.uploadResume-container .banner-content h4 span.body_large_bold:before {
  content: '';
  display: block;
  position: absolute;
  top: 15px;
  left: 0;
  width: 32px;
  height: 0px;
  border: 1px solid #aaa3ba;
  transform: rotate(90deg);
}
.resume-upload-body {
  margin-top: 40px;
}
.resume-upload-body .resume-reupload-container {
  border-radius: 8px;
  background-color: white;
  border: 1px dashed #e5e4ec;
  padding: 24px 24px 32px 24px;
  display: flex;
  flex-direction: column;
}
.resume-upload-body .resume-reupload-container .resume-reupload {
  display: flex;
  align-items: center;
  margin-bottom: 0;
  position: relative;
  gap: 12px;
  justify-content: space-between;
  padding: 0px;
  border-radius: 0px;
  border: none;
}
.resume-upload-body .resume-reupload-container .resume-action-buttons {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  column-gap: 12px;
}
@media (max-width: 480px) {
  .resume-upload-body .resume-reupload-container .resume-action-buttons {
    display: block;
  }
}
.resume-upload-body .resume-reupload-container .resume-action-buttons hr {
  border-top: 1px solid #ebebee;
}
.resume-upload-body .resume-reupload-container .resume-action-buttons .resume-action-container {
  display: flex;
  column-gap: 8px;
}
.resume-upload-body .resume-reupload-container .resume-action-buttons .left-divider {
  border-left: 1px solid #ebebee;
  padding-left: 8px;
}
@media (max-width: 480px) {
  .resume-upload-body .resume-reupload-container .resume-action-buttons .left-divider {
    border-left: none;
    padding-left: 0px;
    padding-top: 12px;
  }
}
.resume-upload-body .resume-option,
.resume-upload-body .resume-reupload {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  padding: 24px 24px 32px 24px;
  border-radius: 8px;
  background-color: white;
  border: 1px dashed #e5e4ec;
  position: relative;
  gap: 12px;
  justify-content: space-between;
}
.resume-upload-body .resume-option .uploadFile,
.resume-upload-body .resume-reupload .uploadFile {
  position: relative;
  display: flex;
  flex-direction: column;
  background: #f8f8f9;
  border-radius: 50%;
  padding: 10px;
}
.resume-upload-body .resume-option .uploadFile .DocFileImg,
.resume-upload-body .resume-reupload .uploadFile .DocFileImg {
  background: url(/Content/Images/Redeployment/fileIcon.svg);
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: center;
}
.resume-upload-body .resume-option .resume-name,
.resume-upload-body .resume-reupload .resume-name {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  font-family: 'Noto Sans', sans-serif;
  color: #1c304b;
  letter-spacing: 0.056px;
}
.resume-upload-body .resume-option .upload-date,
.resume-upload-body .resume-reupload .upload-date {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  font-family: 'Noto Sans', sans-serif;
  color: #45505f;
}
@media (max-width: 768px) {
  .resume-upload-body .resume-option .upload-date,
  .resume-upload-body .resume-reupload .upload-date {
    word-break: break-word;
    width: 99%;
  }
}
.resume-upload-body .resume-option .iconClass,
.resume-upload-body .resume-reupload .iconClass {
  position: absolute;
  right: 24px;
}
.resume-upload-body .resume-option .resume-upload-skeleton-container,
.resume-upload-body .resume-reupload .resume-upload-skeleton-container {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
.resume-upload-body .resume-option .resume-upload-skeleton-container .skeleton-big-circle,
.resume-upload-body .resume-reupload .resume-upload-skeleton-container .skeleton-big-circle {
  min-width: 40px;
  min-height: 40px;
  color: #d8d8e2;
}
.resume-upload-body .resume-option .resume-upload-skeleton-container .skeleton-line-wrapper,
.resume-upload-body .resume-reupload .resume-upload-skeleton-container .skeleton-line-wrapper {
  width: 100%;
}
.resume-upload-body .resume-option .resume-upload-skeleton-container .skeleton-line-wrapper .skeleton-big-line,
.resume-upload-body .resume-reupload .resume-upload-skeleton-container .skeleton-line-wrapper .skeleton-big-line {
  width: 141px;
  height: 16px;
  margin-bottom: 8px;
  background: #d8d8e2;
}
.resume-upload-body .resume-option .resume-upload-skeleton-container .skeleton-line-wrapper .skeleton-small-line,
.resume-upload-body .resume-reupload .resume-upload-skeleton-container .skeleton-line-wrapper .skeleton-small-line {
  width: 91px;
  color: #d8d8e2;
}
.resume-upload-body .resume-upload-section {
  margin-bottom: 24px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 32px 20px;
  background: white;
  border: 1px dashed #e5e4ec;
  border-radius: 8px;
  flex: none;
  order: 1;
  align-self: stretch;
  flex-grow: 0;
}
.resume-upload-body .resume-upload-section .uploadFile {
  position: relative;
  display: flex;
  flex-direction: column;
}
.resume-upload-body .resume-upload-section .uploadFile #resume {
  display: block;
  margin: 0px auto;
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 9999;
  width: 40px;
  height: 40px;
  cursor: pointer;
}
.resume-upload-body .resume-upload-section .uploadFile .uploadFileImg {
  background: url(/Content/Images/Redeployment/upload_icon.svg);
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
}
.resume-upload-body .resume-upload-section #upload-btn {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: Noto Sans, sans-serif;
  text-transform: uppercase;
  color: white;
  background-color: #441750;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  padding: 8px 24px;
  font-family: 'Noto Sans', sans-serif;
  letter-spacing: 1px;
}
.resume-upload-body .resume-upload-section #upload-btn:active {
  color: white;
  background: #390447;
}
.resume-upload-body .resume-upload-section #upload-btn:hover {
  background-color: #613e6b;
}
.resume-upload-body .resume-upload-section #upload-btn:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.resume-upload-body .resume-upload-section #upload-btn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.resume-upload-body .resume-upload-section #upload-btn:active {
  color: white;
  background: #390447;
}
.resume-upload-body .resume-upload-section #upload-btn:hover {
  background-color: #613e6b;
}
.resume-upload-body .resume-upload-section #upload-btn:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.resume-upload-body .resume-upload-section #upload-btn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.resume-upload-body .resume-upload-section #upload-btn:active {
  color: white;
  background: #390447;
}
.resume-upload-body .resume-upload-section #upload-btn:hover {
  background-color: #613e6b;
}
.resume-upload-body .resume-upload-section #upload-btn:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.resume-upload-body .resume-upload-section #upload-btn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.resume-upload-body .resume-upload-section #upload-btn:active {
  color: white;
  background: #390447;
}
.resume-upload-body .resume-upload-section #upload-btn:hover {
  background-color: #613e6b;
}
.resume-upload-body .resume-upload-section #upload-btn:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.resume-upload-body .resume-upload-section #upload-btn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.resume-upload-body .resume-upload-section .note-information {
  color: #1c304b;
  margin: 24px 0px;
  text-align: center;
  width: 220px;
}
.resume-upload-body .resume-upload-section .info-text {
  color: #1c304b;
  margin-top: 32px;
  width: 60%;
  margin-bottom: 0;
  text-align: center;
  font-family: Noto Sans, sans-serif !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 16px !important;
  font-family: 'Noto Sans', sans-serif !important;
}
@media (min-width: 320px) and (max-width: 800px) {
  .resume-upload-body .resume-upload-section .info-text {
    width: 100%;
  }
}
.resume-upload-body .uploading-resume {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.resume-upload-body .resume-uploading {
  color: #1c304b;
  text-align: center;
  font-family: 'Noto Sans', sans-serif;
  font-size: 12px !important;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0.048px;
  width: 315px;
  padding-bottom: 8px;
  margin-bottom: 0px;
}
.resume-upload-body .resume-upload-heading {
  color: #45505f;
  text-align: center;
  font-family: 'Noto Sans', sans-serif;
  font-size: 12px !important;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.048px;
}
.resume-upload-body .resume-upload-footer {
  border-top: 1px solid #ebebee;
  padding-top: 24px;
  margin-top: 24px;
}
.resume-upload-body .resume-upload-footer p {
  text-align: center;
}
.resume-upload-body .resume-upload-footer p a {
  color: #aa0285;
}
.resume-upload-animation {
  width: 120px;
  height: 120px;
  background-image: url('/Content/Images/upload_resume_animation.gif');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.long-upload-notification {
  text-align: center;
}
.long-upload-notification .long-upload-text1 {
  color: #1c304b;
  margin-bottom: 12px;
}
.long-upload-notification .long-upload-text2 {
  color: #45505f;
  max-width: 400px;
}
#toast-container .toast-error.error-toaster {
  background-image: none !important;
  background-color: #ffeeec;
  color: #1c304b;
  border: 1px solid #e28383;
  box-shadow: 6px 4px 20px rgba(28, 48, 76, 0.08) !important;
  border-radius: 8px;
  width: 507px;
  margin: 85px 88px;
  opacity: 1;
  border-left: 6px solid #c70f00;
  display: flex;
  flex-direction: row-reverse;
  min-height: 56px;
  height: 100%;
  position: relative;
  top: 100px;
  right: 98%;
  column-gap: 16px;
}
@media screen and (max-width: 768px) {
  #toast-container .toast-error.error-toaster {
    width: 330px;
  }
}
@media screen and (max-width: 355px) {
  #toast-container .toast-error.error-toaster {
    width: 280px;
  }
}
.resume-upload-section .toastr-error-container {
  min-width: 501px;
  position: relative;
}
@media (min-width: 320px) and (max-width: 660px) {
  .resume-upload-section .toastr-error-container {
    min-width: 100%;
    position: relative;
  }
}
.resume-error-toastr {
  background-color: #ffeeec !important;
  color: #1c304b;
  border: 1px solid #e28383;
  box-shadow: 6px 4px 20px rgba(28, 48, 76, 0.08) !important;
  border-radius: 8px;
  opacity: 1 !important;
  display: flex;
  min-height: 56px;
  height: 100%;
  margin-bottom: 40px;
  border-left: 6px solid #c70f00;
  flex-direction: row-reverse;
  justify-content: flex-end;
  padding: 16px;
  gap: 8px;
}
.resume-error-toastr:after {
  background-image: url(/Content/Images/icons/toastr-error-icon.svg) !important;
  background-position: center left;
  background-repeat: no-repeat;
  content: '';
  display: block;
  width: 20px;
  height: 20px;
}
.resume-error-toastr.resume-upload-error {
  padding-left: 44px;
  align-items: center;
}
.resume-error-toastr.resume-upload-error:after {
  position: absolute;
  left: 16px;
}
.resume-error-toastr.resume-upload-error .toast-close-button {
  top: calc(50% - 14px);
}
.resume-error-toastr.resume-upload-error .toast-close-button:before {
  display: inline;
}
.resume-error-toastr .toast-message {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
.resume-error-toastr .toast-message .error-title {
  display: flex;
  flex-direction: row;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  font-family: 'Noto Sans', sans-serif;
  color: #1c304b;
}
.resume-error-toastr .toast-message .error-title-info {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
  color: #1c304b;
  letter-spacing: 0.004em;
  max-width: 295px;
  margin-top: 4px;
}
@media (min-width: 320px) and (max-width: 780px) {
  .resume-error-toastr .toast-message .error-title-info {
    font-family: Noto Sans, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    font-family: 'Noto Sans', sans-serif;
  }
}
@media (min-width: 497px) and (max-width: 540px) {
  .resume-error-toastr .toast-message .error-title-info {
    max-width: 250px;
  }
}
@media (min-width: 421px) and (max-width: 496px) {
  .resume-error-toastr .toast-message .error-title-info {
    max-width: 220px;
  }
}
@media (min-width: 361px) and (max-width: 420px) {
  .resume-error-toastr .toast-message .error-title-info {
    max-width: 170px;
  }
}
@media screen and (max-width: 360px) {
  .resume-error-toastr .toast-message .error-title-info {
    max-width: 114px;
  }
}
.resume-error-toastr .toast-message .error-title-info.resume-error-text {
  max-width: 100%;
  padding-right: 24px;
}
.resume-error-toastr .toast-close-button {
  color: #1c304b !important;
  text-shadow: none;
  position: absolute;
  top: 20px;
  right: 20px;
}
@media (min-width: 320px) and (max-width: 780px) {
  .resume-error-toastr .toast-close-button {
    right: 10px;
  }
}
.resume-error-toastr .toast-close-button:before {
  background-repeat: no-repeat;
  content: '';
  display: block;
  width: 16px;
  height: 16px;
}
.resume-upload-body .resume-upload-fr p,
.resume-upload-fr ul li {
  font-family: 'Noto Sans', sans-serif !important;
  font-weight: 400 !important;
  font-size: 10px !important;
  line-height: 16px !important;
  letter-spacing: 0.4% !important;
  color: #45505f !important;
}
.resume-upload-fr ul li a.link-xs {
  text-transform: lowerCase;
  font-weight: 400 !important;
  font-size: 10px;
}
.resume-upload-fr ul {
  padding-left: 20px;
}
.resume-upload-fr p {
  margin-bottom: 0 !important;
}
.resume-upload-fr p.cv-para {
  margin-bottom: 15px !important;
  margin-top: 15px !important;
}
.resume-upload-fr {
  margin-top: 40px;
  width: 85%;
}
@media (max-width: 767px) {
  .resume-upload-fr {
    width: 90%;
  }
}
.three-info-fr .info-text a.link-xs {
  text-transform: lowercase;
  cursor: pointer;
  font-weight: 400 !important;
}
@media (min-width: 769px) {
  .wide-modal .modal-dialog {
    width: 67% !important;
  }
}
@media (min-width: 375px) and (max-width: 768px) {
  .wide-modal .modal-dialog {
    width: auto !important;
    margin: 10px;
  }
}
.wide-modal .modal-dialog .player-container {
  max-width: 100% !important;
}
@media (min-width: 769px) {
  .wide-modal .modal-dialog {
    width: 67% !important;
  }
}
@media (min-width: 375px) and (max-width: 768px) {
  .wide-modal .modal-dialog {
    width: auto !important;
    margin: 10px;
  }
}
.wide-modal .modal-dialog .player-container {
  max-width: 100% !important;
}
.videopage-container .video-wrapper {
  background: #f1f0f5;
}
.videopage-container .video-wrapper .container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 32px;
}
@media (max-width: 768px) {
  .videopage-container .video-wrapper .container {
    width: 100%;
    padding: 32px 24px;
  }
}
.videopage-container .video-wrapper .container .making-moves-wrapper {
  text-align: left;
  padding-left: 25px;
  padding-right: 25px;
}
@media (max-width: 768px) {
  .videopage-container .video-wrapper .container .making-moves-wrapper {
    padding-left: 8px;
    padding-right: 8px;
  }
}
@media (max-width: 992px) {
  .videopage-container .video-wrapper .container .making-moves-wrapper {
    padding-top: 48px;
  }
}
.videopage-container .video-wrapper .container .making-moves-wrapper .heading-wrap {
  padding-right: 17px;
}
.videopage-container .video-wrapper .container .making-moves-wrapper .heading-wrap h1 {
  font-family: Noto Serif, serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 40px;
  color: #1c304b;
  margin-top: 0;
  max-width: 470px;
}
@media (max-width: 768px) {
  .videopage-container .video-wrapper .container .making-moves-wrapper .heading-wrap h1 {
    font-family: Noto Serif, serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 32px;
  }
}
.videopage-container .video-wrapper .container .making-moves-wrapper .video-upper-right {
  padding-left: 0;
  margin-left: -25px;
}
@media (max-width: 1200px) {
  .videopage-container .video-wrapper .container .making-moves-wrapper .video-upper-right {
    padding-left: 15px;
    margin-left: 0;
  }
}
.videopage-container .video-wrapper .container .making-moves-wrapper .video-upper-right span {
  color: #45505f;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  font-family: 'Noto Sans', sans-serif;
  letter-spacing: 0.056px;
}
.videopage-container .video-wrapper .video-lower-wrapper {
  background: #f7f7fa;
}
.videopage-container .video-wrapper .video-lower-wrapper .container {
  padding: 32px 32px 64px 32px;
}
@media (max-width: 768px) {
  .videopage-container .video-wrapper .video-lower-wrapper .container {
    padding: 16px 16px 40px 16px;
  }
}
.videopage-container .video-wrapper .video-lower-wrapper .videos-wrapper {
  display: grid;
  gap: 16px;
  background-color: white;
  border-radius: 8px;
  margin-top: 8px;
  grid-template-columns: none;
}
@media (max-width: 768px) {
  .videopage-container .video-wrapper .video-lower-wrapper .videos-wrapper {
    display: flex;
    flex-direction: column;
    margin-top: 0;
  }
}
.videopage-container .video-wrapper .video-lower-wrapper .videos-wrapper .video-data {
  display: flex;
  gap: 40px;
  padding: 0 40px 40px 40px;
  max-width: 100%;
}
.videopage-container .video-wrapper .video-lower-wrapper .videos-wrapper .video-data:first-child {
  padding-top: 40px;
}
@media (max-width: 768px) {
  .videopage-container .video-wrapper .video-lower-wrapper .videos-wrapper .video-data:first-child {
    padding-top: 24px;
  }
}
@media (max-width: 768px) {
  .videopage-container .video-wrapper .video-lower-wrapper .videos-wrapper .video-data {
    flex-direction: column;
    align-items: center;
    gap: 24px;
    padding: 0 24px 24px 24px;
  }
}
.videopage-container .video-wrapper .video-lower-wrapper .videos-wrapper .video-data .img-wrapper {
  position: relative;
  max-height: 200px;
}
@media (max-width: 768px) {
  .videopage-container .video-wrapper .video-lower-wrapper .videos-wrapper .video-data .img-wrapper {
    max-height: 175px;
  }
}
@media (max-width: 768px) {
  .videopage-container .video-wrapper .video-lower-wrapper .videos-wrapper .video-data .img-wrapper img {
    max-width: 310px;
  }
}
.videopage-container .video-wrapper .video-lower-wrapper .videos-wrapper .video-data .img-wrapper .play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60px;
  height: 60px;
  cursor: pointer;
}
.videopage-container .video-wrapper .video-lower-wrapper .videos-wrapper .video-data .text-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (max-width: 768px) {
  .videopage-container .video-wrapper .video-lower-wrapper .videos-wrapper .video-data .text-wrapper {
    text-align: left;
    width: 310px;
  }
}
.videopage-container .video-wrapper .video-lower-wrapper .videos-wrapper .video-data .text-wrapper h2 {
  color: #1c304b;
  margin-top: 0;
  margin-bottom: 8px;
  font-family: Noto Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  font-family: 'Noto Sans', sans-serif;
}
.videopage-container .video-wrapper .video-lower-wrapper .videos-wrapper .video-data .text-wrapper span {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
}
.videoContainer-short {
  padding: 70px 0 110px;
}
@media (max-width: 768px) {
  .videoContainer-short {
    padding: 60px 0 110px;
  }
}
.videoContainer-long {
  padding: 0px 0 110px;
}
@media (max-width: 768px) {
  .videoContainer-long {
    padding: 0px 0 110px;
  }
}
@media (min-width: 1201px) and (max-width: 1380px) {
  .videoContainer-long .video-upper-right {
    margin-left: 0px !important;
  }
}
#homepage-widget-container #slider-container #slider .slide {
  padding: 0px 10px;
}
#homepage-widget-container #slider-container #slider .slide.upComing-event .upcoming-content,
#homepage-widget-container #slider-container #slider .slide.upComing-live-event .upcoming-content {
  padding: 16px 24px 24px;
  border-radius: 8px;
  background-color: white;
  border-radius: 0px 0px 8px 8px;
  word-break: break-word;
}
#homepage-widget-container #slider-container #slider .slide.upComing-event .upcoming-content .eventDetails .live-content p.live-btn,
#homepage-widget-container #slider-container #slider .slide.upComing-live-event .upcoming-content .eventDetails .live-content p.live-btn {
  margin-bottom: 0px;
}
#homepage-widget-container #slider-container #slider .slide.upComing-event .upcoming-content .eventDetails .live-content p.live-btn a,
#homepage-widget-container #slider-container #slider .slide.upComing-live-event .upcoming-content .eventDetails .live-content p.live-btn a {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: Noto Sans, sans-serif;
  text-transform: uppercase;
  color: white;
  background-color: #441750;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  padding: 8px 24px;
  font-family: 'Noto Sans', sans-serif;
}
#homepage-widget-container #slider-container #slider .slide.upComing-event .upcoming-content .eventDetails .live-content p.live-btn a:active,
#homepage-widget-container #slider-container #slider .slide.upComing-live-event .upcoming-content .eventDetails .live-content p.live-btn a:active {
  color: white;
  background: #390447;
}
#homepage-widget-container #slider-container #slider .slide.upComing-event .upcoming-content .eventDetails .live-content p.live-btn a:hover,
#homepage-widget-container #slider-container #slider .slide.upComing-live-event .upcoming-content .eventDetails .live-content p.live-btn a:hover {
  background-color: #613e6b;
}
#homepage-widget-container #slider-container #slider .slide.upComing-event .upcoming-content .eventDetails .live-content p.live-btn a:focus,
#homepage-widget-container #slider-container #slider .slide.upComing-live-event .upcoming-content .eventDetails .live-content p.live-btn a:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
#homepage-widget-container #slider-container #slider .slide.upComing-event .upcoming-content .eventDetails .live-content p.live-btn a:focus-visible,
#homepage-widget-container #slider-container #slider .slide.upComing-live-event .upcoming-content .eventDetails .live-content p.live-btn a:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
#homepage-widget-container #slider-container #slider .slide.upComing-event .upcoming-content .eventDetails .live-content p.live-btn a:active,
#homepage-widget-container #slider-container #slider .slide.upComing-live-event .upcoming-content .eventDetails .live-content p.live-btn a:active {
  color: white;
  background: #390447;
}
#homepage-widget-container #slider-container #slider .slide.upComing-event .upcoming-content .eventDetails .live-content p.live-btn a:hover,
#homepage-widget-container #slider-container #slider .slide.upComing-live-event .upcoming-content .eventDetails .live-content p.live-btn a:hover {
  background-color: #613e6b;
}
#homepage-widget-container #slider-container #slider .slide.upComing-event .upcoming-content .eventDetails .live-content p.live-btn a:focus,
#homepage-widget-container #slider-container #slider .slide.upComing-live-event .upcoming-content .eventDetails .live-content p.live-btn a:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
#homepage-widget-container #slider-container #slider .slide.upComing-event .upcoming-content .eventDetails .live-content p.live-btn a:focus-visible,
#homepage-widget-container #slider-container #slider .slide.upComing-live-event .upcoming-content .eventDetails .live-content p.live-btn a:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
#homepage-widget-container #slider-container #slider .slide.upComing-event .upcoming-content .eventDetails .live-content p.live-btn a:active,
#homepage-widget-container #slider-container #slider .slide.upComing-live-event .upcoming-content .eventDetails .live-content p.live-btn a:active {
  color: white;
  background: #390447;
}
#homepage-widget-container #slider-container #slider .slide.upComing-event .upcoming-content .eventDetails .live-content p.live-btn a:hover,
#homepage-widget-container #slider-container #slider .slide.upComing-live-event .upcoming-content .eventDetails .live-content p.live-btn a:hover {
  background-color: #613e6b;
}
#homepage-widget-container #slider-container #slider .slide.upComing-event .upcoming-content .eventDetails .live-content p.live-btn a:focus,
#homepage-widget-container #slider-container #slider .slide.upComing-live-event .upcoming-content .eventDetails .live-content p.live-btn a:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
#homepage-widget-container #slider-container #slider .slide.upComing-event .upcoming-content .eventDetails .live-content p.live-btn a:focus-visible,
#homepage-widget-container #slider-container #slider .slide.upComing-live-event .upcoming-content .eventDetails .live-content p.live-btn a:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
#homepage-widget-container #slider-container #slider .slide.upComing-event .upcoming-content .eventDetails .live-content p.live-btn a:active,
#homepage-widget-container #slider-container #slider .slide.upComing-live-event .upcoming-content .eventDetails .live-content p.live-btn a:active {
  color: white;
  background: #390447;
}
#homepage-widget-container #slider-container #slider .slide.upComing-event .upcoming-content .eventDetails .live-content p.live-btn a:hover,
#homepage-widget-container #slider-container #slider .slide.upComing-live-event .upcoming-content .eventDetails .live-content p.live-btn a:hover {
  background-color: #613e6b;
}
#homepage-widget-container #slider-container #slider .slide.upComing-event .upcoming-content .eventDetails .live-content p.live-btn a:focus,
#homepage-widget-container #slider-container #slider .slide.upComing-live-event .upcoming-content .eventDetails .live-content p.live-btn a:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
#homepage-widget-container #slider-container #slider .slide.upComing-event .upcoming-content .eventDetails .live-content p.live-btn a:focus-visible,
#homepage-widget-container #slider-container #slider .slide.upComing-live-event .upcoming-content .eventDetails .live-content p.live-btn a:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
#homepage-widget-container #slider-container #slider .slide.upComing-event.horizontal,
#homepage-widget-container #slider-container #slider .slide.upComing-live-event.horizontal {
  width: 5%;
  display: flex;
}
.control-wrapper {
  padding: 24px 24px 32px;
  border-radius: 8px;
  background-color: white;
}
.textArea-counter {
  color: #1c304b !important;
  text-align: right;
  font-family: "Noto Sans";
  font-size: 12px !important;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.048px;
  margin-bottom: 0;
}
.control-wrapper-head {
  padding-left: 0px;
  padding-right: 0px;
  min-height: auto;
  margin-bottom: 24px;
}
.control-wrapper-head .custom-heading {
  margin: 0px;
  font-family: Noto Sans, sans-serif !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 24px !important;
  color: #1c304b !important;
  font-family: 'Noto Sans', sans-serif !important;
}
.control-wrapper-head h4 {
  margin: 0px;
  font-family: Noto Sans, sans-serif !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 24px !important;
  color: #1c304b !important;
  font-family: 'Noto Sans', sans-serif !important;
}
.control-wrapper-body {
  padding: 0px;
}
.box-meeting.upcoming-meeting-box-control {
  padding: 24px 24px 32px;
  border-radius: 8px;
  background-color: white;
}
.upcoming-meetings-control .container-schedule-btn {
  margin-bottom: 0px;
}
.upcoming-meetings-control h4 {
  margin-bottom: 24px;
}
.upcoming-meetings-control .control-wrapper-head .pink-font {
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  font-size: 16px;
  font-weight: 600;
  color: #1c304b;
}
.upcoming-meetings-control .text-center .bold {
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  font-size: 14px;
  font-weight: 600;
  color: #1c304b;
}
.upcoming-meetings-control .text-center .text-second {
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  font-size: 14px;
  color: #45505f;
}
.upcoming-meetings-control .control-wrapper-body .meeting-section .upcoming-meeting-row .date-section {
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  font-size: 14px;
  font-weight: 700;
  color: #1c304b;
  line-height: 24px;
}
.upcoming-meetings-control .control-wrapper-body .meeting-section .upcoming-meeting-row .pink-font {
  color: #1c304b;
}
.upcoming-meetings-control .control-wrapper-body .meeting-section .upcoming-meeting-row .time-section .uptime-span {
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  font-size: 14px;
  color: #45505f;
  line-height: 24px;
}
.upcoming-meetings-control .control-wrapper-body .meeting-section .upcoming-meeting-row .time-section .upcoming-name {
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  font-size: 16px;
  color: #45505f;
}
.upcoming-meeting-dashboard .control-wrapper-head {
  min-height: auto;
}
.upcoming-meeting-dashboard .control-wrapper-body .schedule-btn {
  margin-bottom: 0px;
}
.upcoming-meeting-dashboard.skeleton-loader .mid-body-section,
.upcoming-meeting-box-control.skeleton-loader .mid-body-section {
  padding: 8px 0px;
}
.upcoming-meeting-dashboard.skeleton-loader .button-schedule-viewcenter,
.upcoming-meeting-box-control.skeleton-loader .button-schedule-viewcenter {
  padding: 14px 0px 25px;
}
.skeleton-loader-progress .control-wrapper-body,
.control-wrapper-body {
  padding: 0px;
}
.skeleton-loader-progress .control-wrapper-body .candidate-progress-divider,
.control-wrapper-body .candidate-progress-divider {
  margin: 20px 0px;
}
.redeployment-red-layout .candidate-progress-banner {
  margin: 0px;
}
.candidate-progress-divider {
  margin: 25px 0px;
}
.candidate-progress-explore-more {
  margin: 20px 0px 0px;
}
#job-agent-section .job-agent-box.active,
.job-agent-section-custom .job-agent-box.active {
  padding: 24px 24px 32px;
  border-radius: 8px;
  background-color: white;
  background-color: #4d065b;
}
#job-agent-section .job-agent-box .job-title,
.job-agent-section-custom .job-agent-box .job-title {
  top: 0px;
}
.jobtracker-img-skeleton .job-agent-img {
  background-color: #f1f0f5;
  background-position: center;
  background-repeat: no-repeat;
  min-height: 176px;
  height: 100%;
  border-radius: 8px;
  padding: 24px 24px;
  background-size: cover;
  background-image: none !important;
}
.job-cmpAdded-section-custom {
  padding: 0px;
  margin-bottom: 24px;
}
.job-cmpAdded-section-custom .job-agent-img {
  background-image: url(/Content/Images/Redeployment/CMP_Jobs.png);
  background-color: #f1f0f5;
  background-position: center;
  background-repeat: no-repeat;
  min-height: 176px;
  height: 100%;
  border-radius: 8px;
  padding: 24px 24px;
  background-size: cover;
}
.job-cmpAdded-section-custom .job-agent-img .job-agent-box.active .job-title .number {
  font-family: 'Noto Sans', sans-serif;
  font-weight: 700;
  font-size: 40px;
  line-height: 40px;
  letter-spacing: 0%;
  color: #1c304b;
  margin-bottom: 12px;
}
.job-cmpAdded-section-custom .job-agent-img .job-agent-box.active .job-title .job-label {
  font-family: 'Noto Sans', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.4%;
  color: #1c304b;
}
.job-cmpAdded-section-custom .job-agent-img .arrow-button {
  border-radius: 8px;
  border: 1px solid #1c304b;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  margin-top: 12px;
}
.job-cmpAdded-section-custom .job-agent-img .arrow-button:before {
  background: url(/Content/Images/Redeployment/navigate-button.png);
  background-repeat: no-repeat;
  content: '';
  display: block;
  width: 24px;
  height: 24px;
}
.job-cmpAdded-section-custom .job-agent-img .arrow-button:hover {
  border: 1px solid #aa0285;
}
.job-cmpAdded-section-custom .job-agent-img .arrow-button:focus-visible {
  outline: 4px solid #ff5858;
}
.skeleton-loader .skeleton-outer {
  padding: 0px;
}
.settings-container button.btn-focus::before {
  border-color: transparent !important;
}
.settings-container a.external-login-link-focus::before {
  border-color: transparent !important;
}
.settings-container .btn-right-align {
  flex-direction: row-reverse;
}
.modalContent .modal-header-main h4 {
  color: #1c304b;
  font-family: 'Noto Serif', serif;
  font-size: 32px;
  font-weight: 600;
}
.modalContent .modal-header-main p {
  color: #5c6573;
  font-family: 'Noto Sans', sans-serif;
  font-size: 16px;
  font-weight: 600;
}
.modalContent .modal-main-content p {
  color: #5c6573;
  font-family: 'Noto Sans', sans-serif;
  font-size: 16px;
  font-weight: 400;
}
.modalContent .modal-main-content .modal-button-footer .button-purple-white {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: Noto Sans, sans-serif;
  text-transform: uppercase;
  color: white;
  background-color: #441750;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  font-family: 'Noto Sans', sans-serif;
  padding: 8px 24px;
}
.modalContent .modal-main-content .modal-button-footer .button-purple-white:active {
  color: white;
  background: #390447;
}
.modalContent .modal-main-content .modal-button-footer .button-purple-white:hover {
  background-color: #613e6b;
}
.modalContent .modal-main-content .modal-button-footer .button-purple-white:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.modalContent .modal-main-content .modal-button-footer .button-purple-white:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.modalContent .modal-main-content .modal-button-footer .button-purple-white:active {
  color: white;
  background: #390447;
}
.modalContent .modal-main-content .modal-button-footer .button-purple-white:hover {
  background-color: #613e6b;
}
.modalContent .modal-main-content .modal-button-footer .button-purple-white:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.modalContent .modal-main-content .modal-button-footer .button-purple-white:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.modalContent .modal-main-content .modal-button-footer .button-purple {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: Noto Sans, sans-serif;
  text-transform: uppercase;
  color: white;
  background-color: #441750;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  font-family: 'Noto Sans', sans-serif;
  padding: 8px 24px;
}
.modalContent .modal-main-content .modal-button-footer .button-purple:active {
  color: white;
  background: #390447;
}
.modalContent .modal-main-content .modal-button-footer .button-purple:hover {
  background-color: #613e6b;
}
.modalContent .modal-main-content .modal-button-footer .button-purple:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.modalContent .modal-main-content .modal-button-footer .button-purple:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.modalContent .modal-main-content .modal-button-footer .button-purple:active {
  color: white;
  background: #390447;
}
.modalContent .modal-main-content .modal-button-footer .button-purple:hover {
  background-color: #613e6b;
}
.modalContent .modal-main-content .modal-button-footer .button-purple:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.modalContent .modal-main-content .modal-button-footer .button-purple:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.schedule-btn .btn {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: Noto Sans, sans-serif;
  text-transform: uppercase;
  color: white;
  background-color: #441750;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  padding: 8px 24px;
  font-family: 'Noto Sans', sans-serif;
}
.schedule-btn .btn:active {
  color: white;
  background: #390447;
}
.schedule-btn .btn:hover {
  background-color: #613e6b;
}
.schedule-btn .btn:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.schedule-btn .btn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.schedule-btn .btn:active {
  color: white;
  background: #390447;
}
.schedule-btn .btn:hover {
  background-color: #613e6b;
}
.schedule-btn .btn:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.schedule-btn .btn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.schedule-btn .btn:active {
  color: white;
  background: #390447;
}
.schedule-btn .btn:hover {
  background-color: #613e6b;
}
.schedule-btn .btn:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.schedule-btn .btn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.schedule-btn .btn:active {
  color: white;
  background: #390447;
}
.schedule-btn .btn:hover {
  background-color: #613e6b;
}
.schedule-btn .btn:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.schedule-btn .btn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.schedule-btn .btn.active {
  background-color: #390447;
}
.container-right-one .container-email-btn .btn-primary-bgcolor {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: Noto Sans, sans-serif;
  text-transform: uppercase;
  color: white;
  background-color: #441750;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  padding: 8px 24px;
  font-family: 'Noto Sans', sans-serif;
  height: 40px;
}
.container-right-one .container-email-btn .btn-primary-bgcolor:active {
  color: white;
  background: #390447;
}
.container-right-one .container-email-btn .btn-primary-bgcolor:hover {
  background-color: #613e6b;
}
.container-right-one .container-email-btn .btn-primary-bgcolor:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.container-right-one .container-email-btn .btn-primary-bgcolor:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.container-right-one .container-email-btn .btn-primary-bgcolor:active {
  color: white;
  background: #390447;
}
.container-right-one .container-email-btn .btn-primary-bgcolor:hover {
  background-color: #613e6b;
}
.container-right-one .container-email-btn .btn-primary-bgcolor:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.container-right-one .container-email-btn .btn-primary-bgcolor:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.container-right-one .container-email-btn .btn-primary-bgcolor:active {
  color: white;
  background: #390447;
}
.container-right-one .container-email-btn .btn-primary-bgcolor:hover {
  background-color: #613e6b;
}
.container-right-one .container-email-btn .btn-primary-bgcolor:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.container-right-one .container-email-btn .btn-primary-bgcolor:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.container-right-one .container-email-btn .btn-primary-bgcolor:active {
  color: white;
  background: #390447;
}
.container-right-one .container-email-btn .btn-primary-bgcolor:hover {
  background-color: #613e6b;
}
.container-right-one .container-email-btn .btn-primary-bgcolor:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.container-right-one .container-email-btn .btn-primary-bgcolor:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.container-right-one .container-email-btn .btn-primary-bgcolor.active {
  background-color: #390447;
}
.container-right-one .white-box .pink-font {
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  font-size: 16px;
  font-weight: 600;
  color: #1c304b;
}
.container-right-one .white-box .text-center .bold {
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  font-weight: 600;
  font-size: 14px;
  color: #1c304b;
}
.container-right-one .white-box .text-center .text-second {
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  font-size: 14px;
  color: #45505f;
}
.container-right-one .white-box .meeting-section .upcoming-meeting-row .date-section {
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  font-size: 14px;
  font-weight: 700;
  color: #1c304b;
}
.container-right-one .white-box .meeting-section .upcoming-meeting-row .time-section .uptime-span {
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  font-size: 14px;
  color: #45505f;
}
.container-right-one .white-box .meeting-section .upcoming-meeting-row .time-section .upcoming-name {
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  font-size: 16px;
  color: #45505f;
}
.completeProfile .workProfileBtn .btn-uploadLinkedPDF {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: Noto Sans, sans-serif;
  text-transform: uppercase;
  color: white;
  background-color: #441750;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  padding: 8px 24px;
  font-family: 'Noto Sans', sans-serif;
  height: 40px;
}
.completeProfile .workProfileBtn .btn-uploadLinkedPDF:active {
  color: white;
  background: #390447;
}
.completeProfile .workProfileBtn .btn-uploadLinkedPDF:hover {
  background-color: #613e6b;
}
.completeProfile .workProfileBtn .btn-uploadLinkedPDF:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.completeProfile .workProfileBtn .btn-uploadLinkedPDF:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.completeProfile .workProfileBtn .btn-uploadLinkedPDF:active {
  color: white;
  background: #390447;
}
.completeProfile .workProfileBtn .btn-uploadLinkedPDF:hover {
  background-color: #613e6b;
}
.completeProfile .workProfileBtn .btn-uploadLinkedPDF:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.completeProfile .workProfileBtn .btn-uploadLinkedPDF:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.completeProfile .workProfileBtn .btn-uploadLinkedPDF:active {
  color: white;
  background: #390447;
}
.completeProfile .workProfileBtn .btn-uploadLinkedPDF:hover {
  background-color: #613e6b;
}
.completeProfile .workProfileBtn .btn-uploadLinkedPDF:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.completeProfile .workProfileBtn .btn-uploadLinkedPDF:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.completeProfile .workProfileBtn .btn-uploadLinkedPDF:active {
  color: white;
  background: #390447;
}
.completeProfile .workProfileBtn .btn-uploadLinkedPDF:hover {
  background-color: #613e6b;
}
.completeProfile .workProfileBtn .btn-uploadLinkedPDF:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.completeProfile .workProfileBtn .btn-uploadLinkedPDF:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.job-matches-button a,
.job-matches-button a.btn-default {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: Noto Sans, sans-serif;
  text-transform: uppercase;
  color: white;
  background-color: #441750;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  padding: 8px 24px;
  font-family: 'Noto Sans', sans-serif;
  height: 40px;
}
.job-matches-button a:active,
.job-matches-button a.btn-default:active {
  color: white;
  background: #390447;
}
.job-matches-button a:hover,
.job-matches-button a.btn-default:hover {
  background-color: #613e6b;
}
.job-matches-button a:focus,
.job-matches-button a.btn-default:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.job-matches-button a:focus-visible,
.job-matches-button a.btn-default:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.job-matches-button a:active,
.job-matches-button a.btn-default:active {
  color: white;
  background: #390447;
}
.job-matches-button a:hover,
.job-matches-button a.btn-default:hover {
  background-color: #613e6b;
}
.job-matches-button a:focus,
.job-matches-button a.btn-default:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.job-matches-button a:focus-visible,
.job-matches-button a.btn-default:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.job-matches-button a:active,
.job-matches-button a.btn-default:active {
  color: white;
  background: #390447;
}
.job-matches-button a:hover,
.job-matches-button a.btn-default:hover {
  background-color: #613e6b;
}
.job-matches-button a:focus,
.job-matches-button a.btn-default:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.job-matches-button a:focus-visible,
.job-matches-button a.btn-default:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.job-matches-button a:active,
.job-matches-button a.btn-default:active {
  color: white;
  background: #390447;
}
.job-matches-button a:hover,
.job-matches-button a.btn-default:hover {
  background-color: #613e6b;
}
.job-matches-button a:focus,
.job-matches-button a.btn-default:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.job-matches-button a:focus-visible,
.job-matches-button a.btn-default:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
@media (min-width: 768px) {
  .popup-modal-refresh .modal-dialog {
    width: 568px;
  }
}
.popup-modal-refresh .modal-dialog .modal-header {
  color: #5c6573;
  font-family: 'Noto Sans', sans-serif;
  font-size: 16px;
  font-weight: 400;
}
.popup-modal-refresh .modal-dialog .modal-footer #gotItResumeModal {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: Noto Sans, sans-serif;
  text-transform: uppercase;
  color: white;
  background-color: #441750;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  font-family: 'Noto Sans', sans-serif;
  padding: 8px 24px;
}
.popup-modal-refresh .modal-dialog .modal-footer #gotItResumeModal:active {
  color: white;
  background: #390447;
}
.popup-modal-refresh .modal-dialog .modal-footer #gotItResumeModal:hover {
  background-color: #613e6b;
}
.popup-modal-refresh .modal-dialog .modal-footer #gotItResumeModal:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.popup-modal-refresh .modal-dialog .modal-footer #gotItResumeModal:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.popup-modal-refresh .modal-dialog .modal-footer #gotItResumeModal:active {
  color: white;
  background: #390447;
}
.popup-modal-refresh .modal-dialog .modal-footer #gotItResumeModal:hover {
  background-color: #613e6b;
}
.popup-modal-refresh .modal-dialog .modal-footer #gotItResumeModal:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.popup-modal-refresh .modal-dialog .modal-footer #gotItResumeModal:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.popup-modal-refresh .update-profile-modal-popup,
.popup-modal-refresh .modal-upload-candidate-photo,
.popup-modal-refresh .profile-photo-modal-body,
.popup-modal-refresh h3 {
  color: #1c304b;
  font-family: 'Noto Serif', serif;
  font-size: 20px;
  font-weight: 600;
}
.popup-modal-refresh label,
.popup-modal-refresh h4,
.popup-modal-refresh h3 {
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
  font-size: 16px;
  font-weight: 600;
}
.popup-modal-refresh h4 {
  line-height: 24px;
}
.popup-modal-refresh .modal-content h4 span {
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
  font-size: 16px;
  font-weight: 600;
  font-size: 20px;
  line-height: 32px;
}
.popup-modal-refresh .modal-content .profile-visibility-off-model .card-top .text-center h2 span {
  color: #1c304b;
  font-family: 'Noto Serif', serif;
  font-size: 32px;
  font-weight: 600;
}
.popup-modal-refresh .modal-content .profile-visibility-off-model .card-bottom .text-center p {
  color: #5c6573;
  font-family: 'Noto Sans', sans-serif;
  font-size: 16px;
  font-weight: 400;
}
.popup-modal-refresh .modal-content .profile-visibility-off-model .modal-footer .save-btn {
  margin-right: 10px;
  margin-left: 0px;
}
.popup-modal-refresh .modal-content .bookmarks-main-content .headerMessage h2 {
  color: #1c304b;
  font-family: 'Noto Serif', serif;
  font-size: 32px;
  font-weight: 600;
}
.popup-modal-refresh .modal-content .bookmarks-main-content .headerMessage h4 {
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
  font-size: 16px;
  font-weight: 600;
}
.popup-modal-refresh .modal-content .bookmarks-main-content .bookmarks-model-description {
  color: #5c6573;
  font-family: 'Noto Sans', sans-serif;
  font-size: 16px;
  font-weight: 400;
}
.popup-modal-refresh .modal-content .control-box {
  color: #1c304b !important;
}
.popup-modal-refresh .modal-content .control-box label {
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase;
}
.popup-modal-refresh .modal-content .control-box .btn {
  color: white;
  font-family: 'Noto Sans', sans-serif;
  font-size: 14px;
  font-weight: 500;
}
.popup-modal-refresh .modal-content .btn {
  font-family: 'Noto Sans', sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}
.popup-modal-refresh .modal-content .btn-update {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: Noto Sans, sans-serif;
  text-transform: uppercase;
  color: white;
  background-color: #441750;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  font-family: 'Noto Sans', sans-serif;
  padding: 8px 24px;
}
.popup-modal-refresh .modal-content .btn-update:active {
  color: white;
  background: #390447;
}
.popup-modal-refresh .modal-content .btn-update:hover {
  background-color: #613e6b;
}
.popup-modal-refresh .modal-content .btn-update:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.popup-modal-refresh .modal-content .btn-update:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.popup-modal-refresh .modal-content .btn-update:active {
  color: white;
  background: #390447;
}
.popup-modal-refresh .modal-content .btn-update:hover {
  background-color: #613e6b;
}
.popup-modal-refresh .modal-content .btn-update:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.popup-modal-refresh .modal-content .btn-update:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.popup-modal-refresh .modal-content .updateBtn {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: Noto Sans, sans-serif;
  text-transform: uppercase;
  color: white;
  background-color: #441750;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  font-family: 'Noto Sans', sans-serif;
  padding: 8px 24px 8px 24px;
  width: 262px;
  height: 40px;
}
.popup-modal-refresh .modal-content .updateBtn:active {
  color: white;
  background: #390447;
}
.popup-modal-refresh .modal-content .updateBtn:hover {
  background-color: #613e6b;
}
.popup-modal-refresh .modal-content .updateBtn:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.popup-modal-refresh .modal-content .updateBtn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.popup-modal-refresh .modal-content .updateBtn:active {
  color: white;
  background: #390447;
}
.popup-modal-refresh .modal-content .updateBtn:hover {
  background-color: #613e6b;
}
.popup-modal-refresh .modal-content .updateBtn:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.popup-modal-refresh .modal-content .updateBtn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.popup-modal-refresh .modal-content .btn-cancel,
.popup-modal-refresh .modal-content .btn-addProfile,
.popup-modal-refresh .modal-content .btn-addNew {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: Noto Sans, sans-serif;
  text-transform: uppercase;
  color: #1c304b;
  background-color: white;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid #1c304b !important;
  color: #1c304b !important;
  background-color: white !important;
  font-family: 'Noto Sans', sans-serif;
  padding: 8px 24px;
}
.popup-modal-refresh .modal-content .btn-cancel:active,
.popup-modal-refresh .modal-content .btn-addProfile:active,
.popup-modal-refresh .modal-content .btn-addNew:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
.popup-modal-refresh .modal-content .btn-cancel:hover,
.popup-modal-refresh .modal-content .btn-addProfile:hover,
.popup-modal-refresh .modal-content .btn-addNew:hover {
  border: 1px solid #aa0285 !important;
}
.popup-modal-refresh .modal-content .btn-cancel:focus,
.popup-modal-refresh .modal-content .btn-addProfile:focus,
.popup-modal-refresh .modal-content .btn-addNew:focus {
  outline: none !important;
  color: #1c304b !important;
}
.popup-modal-refresh .modal-content .btn-cancel:focus-visible,
.popup-modal-refresh .modal-content .btn-addProfile:focus-visible,
.popup-modal-refresh .modal-content .btn-addNew:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
.popup-modal-refresh .modal-content .btn-cancel:active,
.popup-modal-refresh .modal-content .btn-addProfile:active,
.popup-modal-refresh .modal-content .btn-addNew:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
.popup-modal-refresh .modal-content .btn-cancel:hover,
.popup-modal-refresh .modal-content .btn-addProfile:hover,
.popup-modal-refresh .modal-content .btn-addNew:hover {
  border: 1px solid #aa0285 !important;
}
.popup-modal-refresh .modal-content .btn-cancel:focus,
.popup-modal-refresh .modal-content .btn-addProfile:focus,
.popup-modal-refresh .modal-content .btn-addNew:focus {
  outline: none !important;
  color: #1c304b !important;
}
.popup-modal-refresh .modal-content .btn-cancel:focus-visible,
.popup-modal-refresh .modal-content .btn-addProfile:focus-visible,
.popup-modal-refresh .modal-content .btn-addNew:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
.popup-modal-refresh .modal-content .todo-modal-body p {
  color: #5c6573;
  font-family: 'Noto Sans', sans-serif;
  font-size: 16px;
  font-weight: 400;
}
.popup-modal-refresh .modal-content .jobApplyToJob .search-input h5,
.popup-modal-refresh .modal-content .jobApplyToJob .search-input h6 {
  color: #1c304b !important;
}
.popup-modal-refresh .modal-footer .removeBtn {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: Noto Sans, sans-serif;
  text-transform: uppercase;
  color: #1c304b;
  background-color: white;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid #1c304b !important;
  color: #1c304b !important;
  background-color: white !important;
  font-family: 'Noto Sans', sans-serif;
  padding: 8px 24px;
}
.popup-modal-refresh .modal-footer .removeBtn:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
.popup-modal-refresh .modal-footer .removeBtn:hover {
  border: 1px solid #aa0285 !important;
}
.popup-modal-refresh .modal-footer .removeBtn:focus {
  outline: none !important;
  color: #1c304b !important;
}
.popup-modal-refresh .modal-footer .removeBtn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
.popup-modal-refresh .modal-footer .removeBtn:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
.popup-modal-refresh .modal-footer .removeBtn:hover {
  border: 1px solid #aa0285 !important;
}
.popup-modal-refresh .modal-footer .removeBtn:focus {
  outline: none !important;
  color: #1c304b !important;
}
.popup-modal-refresh .modal-footer .removeBtn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
.popup-modal-refresh .nextBtn {
  color: white;
  font-family: 'Noto Sans', sans-serif;
  font-size: 14px;
  font-weight: 500;
}
.popup-modal-refresh .modal-body label {
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 8px;
}
.popup-modal-refresh .modal-body .form-group pre {
  color: #5c6573;
  font-family: 'Noto Sans', sans-serif;
  font-size: 16px;
  font-weight: 400;
}
.popup-modal-refresh .popupContainer header h2 {
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.popup-modal-refresh .popupContainer .bodyText .control-box-description label,
.popup-modal-refresh .popupContainer .bodyText .control-box-status label {
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
  font-size: 12px;
  font-weight: 400;
}
.popup-modal-refresh .popupContainer .bodyText p label {
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
  font-size: 12px;
  font-weight: 400;
}
.popup-modal-refresh .popupContainer button span {
  font-family: 'Noto Sans', sans-serif;
  font-size: 14px;
  font-weight: 500;
}
.popup-modal-refresh .popupContainer .saveBtn {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: Noto Sans, sans-serif;
  text-transform: uppercase;
  color: white;
  background-color: #441750;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  font-family: 'Noto Sans', sans-serif;
  padding: 8px 24px;
}
.popup-modal-refresh .popupContainer .saveBtn:active {
  color: white;
  background: #390447;
}
.popup-modal-refresh .popupContainer .saveBtn:hover {
  background-color: #613e6b;
}
.popup-modal-refresh .popupContainer .saveBtn:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.popup-modal-refresh .popupContainer .saveBtn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.popup-modal-refresh .popupContainer .saveBtn:active {
  color: white;
  background: #390447;
}
.popup-modal-refresh .popupContainer .saveBtn:hover {
  background-color: #613e6b;
}
.popup-modal-refresh .popupContainer .saveBtn:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.popup-modal-refresh .popupContainer .saveBtn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.popup-modal-refresh .popupContainer .cancelBtn,
.popup-modal-refresh .popupContainer .removeBtn {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: Noto Sans, sans-serif;
  text-transform: uppercase;
  color: #1c304b;
  background-color: white;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid #1c304b !important;
  color: #1c304b !important;
  background-color: white !important;
  font-family: 'Noto Sans', sans-serif;
  padding: 8px 24px;
}
.popup-modal-refresh .popupContainer .cancelBtn:active,
.popup-modal-refresh .popupContainer .removeBtn:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
.popup-modal-refresh .popupContainer .cancelBtn:hover,
.popup-modal-refresh .popupContainer .removeBtn:hover {
  border: 1px solid #aa0285 !important;
}
.popup-modal-refresh .popupContainer .cancelBtn:focus,
.popup-modal-refresh .popupContainer .removeBtn:focus {
  outline: none !important;
  color: #1c304b !important;
}
.popup-modal-refresh .popupContainer .cancelBtn:focus-visible,
.popup-modal-refresh .popupContainer .removeBtn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
.popup-modal-refresh .popupContainer .cancelBtn:active,
.popup-modal-refresh .popupContainer .removeBtn:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
.popup-modal-refresh .popupContainer .cancelBtn:hover,
.popup-modal-refresh .popupContainer .removeBtn:hover {
  border: 1px solid #aa0285 !important;
}
.popup-modal-refresh .popupContainer .cancelBtn:focus,
.popup-modal-refresh .popupContainer .removeBtn:focus {
  outline: none !important;
  color: #1c304b !important;
}
.popup-modal-refresh .popupContainer .cancelBtn:focus-visible,
.popup-modal-refresh .popupContainer .removeBtn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
.popup-modal-refresh .body-content .removeBtn,
.popup-modal-refresh .modal-body .removeBtn {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: Noto Sans, sans-serif;
  text-transform: uppercase;
  color: #1c304b;
  background-color: white;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid #1c304b !important;
  color: #1c304b !important;
  background-color: white !important;
  font-family: 'Noto Sans', sans-serif;
  padding: 8px 24px;
}
.popup-modal-refresh .body-content .removeBtn:active,
.popup-modal-refresh .modal-body .removeBtn:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
.popup-modal-refresh .body-content .removeBtn:hover,
.popup-modal-refresh .modal-body .removeBtn:hover {
  border: 1px solid #aa0285 !important;
}
.popup-modal-refresh .body-content .removeBtn:focus,
.popup-modal-refresh .modal-body .removeBtn:focus {
  outline: none !important;
  color: #1c304b !important;
}
.popup-modal-refresh .body-content .removeBtn:focus-visible,
.popup-modal-refresh .modal-body .removeBtn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
.popup-modal-refresh .body-content .removeBtn:active,
.popup-modal-refresh .modal-body .removeBtn:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
.popup-modal-refresh .body-content .removeBtn:hover,
.popup-modal-refresh .modal-body .removeBtn:hover {
  border: 1px solid #aa0285 !important;
}
.popup-modal-refresh .body-content .removeBtn:focus,
.popup-modal-refresh .modal-body .removeBtn:focus {
  outline: none !important;
  color: #1c304b !important;
}
.popup-modal-refresh .body-content .removeBtn:focus-visible,
.popup-modal-refresh .modal-body .removeBtn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
.popup-modal-refresh .body-content .btn,
.popup-modal-refresh .modal-body .btn {
  font-family: 'Noto Sans', sans-serif;
  font-size: 14px;
  font-weight: 500;
}
.popup-modal-refresh .body-content .saveBtn,
.popup-modal-refresh .modal-body .saveBtn {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: Noto Sans, sans-serif;
  text-transform: uppercase;
  color: white;
  background-color: #441750;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  font-family: 'Noto Sans', sans-serif;
  padding: 8px 24px;
}
.popup-modal-refresh .body-content .saveBtn:active,
.popup-modal-refresh .modal-body .saveBtn:active {
  color: white;
  background: #390447;
}
.popup-modal-refresh .body-content .saveBtn:hover,
.popup-modal-refresh .modal-body .saveBtn:hover {
  background-color: #613e6b;
}
.popup-modal-refresh .body-content .saveBtn:focus,
.popup-modal-refresh .modal-body .saveBtn:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.popup-modal-refresh .body-content .saveBtn:focus-visible,
.popup-modal-refresh .modal-body .saveBtn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.popup-modal-refresh .body-content .saveBtn:active,
.popup-modal-refresh .modal-body .saveBtn:active {
  color: white;
  background: #390447;
}
.popup-modal-refresh .body-content .saveBtn:hover,
.popup-modal-refresh .modal-body .saveBtn:hover {
  background-color: #613e6b;
}
.popup-modal-refresh .body-content .saveBtn:focus,
.popup-modal-refresh .modal-body .saveBtn:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.popup-modal-refresh .body-content .saveBtn:focus-visible,
.popup-modal-refresh .modal-body .saveBtn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.popup-modal-refresh .body-content .cancelBtn,
.popup-modal-refresh .modal-body .cancelBtn,
.popup-modal-refresh .body-content .removeBtn,
.popup-modal-refresh .modal-body .removeBtn {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: Noto Sans, sans-serif;
  text-transform: uppercase;
  color: #1c304b;
  background-color: white;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid #1c304b !important;
  color: #1c304b !important;
  background-color: white !important;
  font-family: 'Noto Sans', sans-serif;
  padding: 8px 24px;
}
.popup-modal-refresh .body-content .cancelBtn:active,
.popup-modal-refresh .modal-body .cancelBtn:active,
.popup-modal-refresh .body-content .removeBtn:active,
.popup-modal-refresh .modal-body .removeBtn:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
.popup-modal-refresh .body-content .cancelBtn:hover,
.popup-modal-refresh .modal-body .cancelBtn:hover,
.popup-modal-refresh .body-content .removeBtn:hover,
.popup-modal-refresh .modal-body .removeBtn:hover {
  border: 1px solid #aa0285 !important;
}
.popup-modal-refresh .body-content .cancelBtn:focus,
.popup-modal-refresh .modal-body .cancelBtn:focus,
.popup-modal-refresh .body-content .removeBtn:focus,
.popup-modal-refresh .modal-body .removeBtn:focus {
  outline: none !important;
  color: #1c304b !important;
}
.popup-modal-refresh .body-content .cancelBtn:focus-visible,
.popup-modal-refresh .modal-body .cancelBtn:focus-visible,
.popup-modal-refresh .body-content .removeBtn:focus-visible,
.popup-modal-refresh .modal-body .removeBtn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
.popup-modal-refresh .body-content .cancelBtn:active,
.popup-modal-refresh .modal-body .cancelBtn:active,
.popup-modal-refresh .body-content .removeBtn:active,
.popup-modal-refresh .modal-body .removeBtn:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
.popup-modal-refresh .body-content .cancelBtn:hover,
.popup-modal-refresh .modal-body .cancelBtn:hover,
.popup-modal-refresh .body-content .removeBtn:hover,
.popup-modal-refresh .modal-body .removeBtn:hover {
  border: 1px solid #aa0285 !important;
}
.popup-modal-refresh .body-content .cancelBtn:focus,
.popup-modal-refresh .modal-body .cancelBtn:focus,
.popup-modal-refresh .body-content .removeBtn:focus,
.popup-modal-refresh .modal-body .removeBtn:focus {
  outline: none !important;
  color: #1c304b !important;
}
.popup-modal-refresh .body-content .cancelBtn:focus-visible,
.popup-modal-refresh .modal-body .cancelBtn:focus-visible,
.popup-modal-refresh .body-content .removeBtn:focus-visible,
.popup-modal-refresh .modal-body .removeBtn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
.popup-modal-refresh .bookmarks-main-content .bookmarks-description h4 {
  color: #1c304b;
  font-family: 'Noto Serif', serif;
  font-size: 20px;
  font-weight: 600;
}
.popup-modal-refresh .bookmarks-main-content .bookmarks-description h5 {
  color: #5c6573;
  font-family: 'Noto Serif', serif;
  font-size: 16px;
  font-weight: normal;
}
.popup-modal-refresh .bookmarks-main-content .bookmarks-description .bookmarks-text {
  color: #5c6573;
  font-family: 'Noto Sans', sans-serif;
  font-size: 14px;
  font-weight: normal;
}
.popup-modal-refresh.past-todo-modal .modal-header h4 span {
  color: #1c304b;
  font-family: 'Noto Serif', serif;
  font-size: 32px;
  font-weight: 600;
}
.popup-modal-refresh.past-todo-modal .todo-list h2 span {
  color: #1c304b;
  font-family: 'Noto Serif', serif;
  font-size: 24px;
  font-weight: 600;
}
.popup-modal-refresh.past-todo-modal .past-todo-modal-content-cursor .todo-list-row-suffix {
  color: #5c6573;
  font-family: 'Noto Sans', sans-serif;
  font-size: 16px;
  font-weight: 500;
}
.popup-modal-refresh.past-todo-modal .exp-modal-footer .auth-btn-large {
  color: white;
  font-family: 'Noto Sans', sans-serif;
  font-size: 14px;
  font-weight: 500;
}
.popup-modal-refresh .modal-content .btn_consent {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: Noto Sans, sans-serif;
  text-transform: uppercase;
  color: white;
  background-color: #441750;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  padding: 8px 24px;
  font-family: 'Noto Sans', sans-serif;
  height: 56px;
}
.popup-modal-refresh .modal-content .btn_consent:active {
  color: white;
  background: #390447;
}
.popup-modal-refresh .modal-content .btn_consent:hover {
  background-color: #613e6b;
}
.popup-modal-refresh .modal-content .btn_consent:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.popup-modal-refresh .modal-content .btn_consent:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.popup-modal-refresh .modal-content .btn_consent:active {
  color: white;
  background: #390447;
}
.popup-modal-refresh .modal-content .btn_consent:hover {
  background-color: #613e6b;
}
.popup-modal-refresh .modal-content .btn_consent:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.popup-modal-refresh .modal-content .btn_consent:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.popup-modal-refresh .modal-content .btn_consent:active {
  color: white;
  background: #390447;
}
.popup-modal-refresh .modal-content .btn_consent:hover {
  background-color: #613e6b;
}
.popup-modal-refresh .modal-content .btn_consent:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.popup-modal-refresh .modal-content .btn_consent:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.popup-modal-refresh .modal-content .btn_consent:active {
  color: white;
  background: #390447;
}
.popup-modal-refresh .modal-content .btn_consent:hover {
  background-color: #613e6b;
}
.popup-modal-refresh .modal-content .btn_consent:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.popup-modal-refresh .modal-content .btn_consent:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.modal-close-icon {
  background-image: url(/Content/Images/icons/close.svg);
  width: 24px;
  background-repeat: no-repeat;
  height: 24px;
  order: 2;
}
.bootbox.modal.fade .modal-dialog {
  height: auto;
}
.bootbox.modal .modal-dialog {
  height: auto;
  margin: 80px 10px;
  display: flex;
  align-items: center;
  min-height: calc(100% - 1rem);
}
@media (min-width: 768px) {
  .bootbox.modal .modal-dialog {
    width: 568px;
    margin: 10px auto;
    min-height: calc(100% - 3.5rem);
  }
}
.bootbox.modal .modal-dialog .modal-content {
  width: 100%;
}
.bootbox.modal .modal-body .bootbox-body p.body_base {
  color: #5c6573;
}
.bootbox.modal .modal-body .bootbox-body div.body_base.concurrent-session {
  color: #45505f;
}
.bootbox.modal .modal-body .bootbox-body div.body_base.concurrent-session a {
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  text-transform: uppercase;
  color: #aa0285;
  font-family: 'Noto Sans', sans-serif;
  font-size: 14px;
}
.bootbox.modal .modal-body .bootbox-body div.body_base.concurrent-session a:hover {
  color: #aa0285;
}
.bootbox.modal .modal-body .bootbox-body div.body_base.concurrent-session a:active,
.bootbox.modal .modal-body .bootbox-body div.body_base.concurrent-session a:focus {
  color: #7a005f;
  text-decoration: none;
}
.bootbox.modal .modal-body .bootbox-body div.body_base.concurrent-session a:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: 0px !important;
  color: #aa0285;
  border-radius: 4px;
}
.bootbox.modal .modal-body .bootbox-body div.body_base.concurrent-session a:hover {
  color: #aa0285;
}
.bootbox.modal .modal-body .bootbox-body div.body_base.concurrent-session a:active,
.bootbox.modal .modal-body .bootbox-body div.body_base.concurrent-session a:focus {
  color: #7a005f;
  text-decoration: none;
}
.bootbox.modal .modal-body .bootbox-body div.body_base.concurrent-session a:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: 0px !important;
  color: #aa0285;
  border-radius: 4px;
}
.bootbox.modal .modal-body .info-wrapper {
  margin-top: 24px;
}
.bootbox .bootbox-body {
  color: #5c6573;
  font-family: 'Noto Sans', sans-serif;
  font-size: 16px;
  font-weight: 400;
}
.bootbox .btn {
  color: white;
  font-family: 'Noto Sans', sans-serif;
  font-size: 14px;
  font-weight: 500;
}
.bootbox .modal-footer {
  display: flex;
  flex-direction: row-reverse;
  align-items: end;
  justify-content: end;
}
.bootbox-alert .modal-content > .modal-body {
  display: flex;
  justify-content: space-between;
  background: #f2f2f7;
  border-radius: 8px 8px 0 0;
}
@media (min-width: 320px) and (max-width: 768px) {
  .bootbox-alert .modal-content > .modal-body {
    padding: 24px;
  }
}
.bootbox-alert .modal-content > .modal-body .close {
  order: 2;
}
.bootbox-alert .modal-content > .modal-body div.bootbox-body {
  order: 1;
  color: #1c304b;
  font-family: Noto Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  font-family: 'Noto Sans', sans-serif;
}
.bootbox-alert .modal-content > .modal-body .modal-footer {
  border: none;
  margin: 0 40px;
}
.bootbox-alert .modal-content > .modal-body .btn-primary {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: Noto Sans, sans-serif;
  text-transform: uppercase;
  color: white;
  background-color: #441750;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  padding: 8px 24px;
  font-family: 'Noto Sans', sans-serif;
  min-width: 71px;
}
.bootbox-alert .modal-content > .modal-body .btn-primary:active {
  color: white;
  background: #390447;
}
.bootbox-alert .modal-content > .modal-body .btn-primary:hover {
  background-color: #613e6b;
}
.bootbox-alert .modal-content > .modal-body .btn-primary:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.bootbox-alert .modal-content > .modal-body .btn-primary:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.bootbox-alert .modal-content > .modal-body .btn-primary:active {
  color: white;
  background: #390447;
}
.bootbox-alert .modal-content > .modal-body .btn-primary:hover {
  background-color: #613e6b;
}
.bootbox-alert .modal-content > .modal-body .btn-primary:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.bootbox-alert .modal-content > .modal-body .btn-primary:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.bootbox-alert .modal-content > .modal-body .btn-primary:active {
  color: white;
  background: #390447;
}
.bootbox-alert .modal-content > .modal-body .btn-primary:hover {
  background-color: #613e6b;
}
.bootbox-alert .modal-content > .modal-body .btn-primary:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.bootbox-alert .modal-content > .modal-body .btn-primary:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.bootbox-alert .modal-content > .modal-body .btn-primary:active {
  color: white;
  background: #390447;
}
.bootbox-alert .modal-content > .modal-body .btn-primary:hover {
  background-color: #613e6b;
}
.bootbox-alert .modal-content > .modal-body .btn-primary:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.bootbox-alert .modal-content > .modal-body .btn-primary:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.bootbox-close-button {
  color: #f2f2f7 !important;
  position: relative;
  margin-top: 0 !important;
}
.bootbox-close-button:after {
  background-image: url(/Content/Images/icons/close.svg);
  width: 24px;
  background-repeat: no-repeat;
  height: 24px;
  order: 2;
  content: '';
  display: block;
  position: absolute;
  top: 0;
}
.bootbox-confirm .modal-dialog .modal-content,
.bootbox-alert .modal-dialog .modal-content {
  border-radius: 8px;
}
.bootbox-confirm .modal-dialog .modal-content .modal-body,
.bootbox-alert .modal-dialog .modal-content .modal-body {
  background: #f2f2f7;
  border-radius: 8px 8px 0px 0px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.bootbox-confirm .modal-dialog .modal-content .modal-body .bootbox-body,
.bootbox-alert .modal-dialog .modal-content .modal-body .bootbox-body {
  padding: 0 !important;
}
.bootbox-confirm .modal-dialog .modal-content .modal-body .bootbox-close-button,
.bootbox-alert .modal-dialog .modal-content .modal-body .bootbox-close-button {
  opacity: 1 !important;
  order: 2;
  color: #f2f2f7;
  width: 24px;
  height: 24px;
}
.bootbox-confirm .modal-dialog .modal-content .modal-body .bootbox-close-button:focus-visible,
.bootbox-alert .modal-dialog .modal-content .modal-body .bootbox-close-button:focus-visible {
  outline: 4px solid #ff5858;
  outline-offset: -4px;
  border-radius: 4px;
}
.bootbox-confirm .modal-dialog .modal-content .modal-body .bootbox-body,
.bootbox-alert .modal-dialog .modal-content .modal-body .bootbox-body {
  font-family: Noto Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
}
.bootbox-confirm .modal-footer,
.bootbox-alert .modal-footer {
  display: flex;
  border: none;
  margin: 0 !important;
  padding: 32px 40px !important;
}
@media (min-width: 320px) and (max-width: 768px) {
  .bootbox-confirm .modal-footer,
  .bootbox-alert .modal-footer {
    padding: 32px 24px;
  }
}
.bootbox-confirm .modal-footer button[data-bb-handler="cancel"],
.bootbox-alert .modal-footer button[data-bb-handler="cancel"] {
  order: 1;
  margin-right: 8px;
}
.bootbox-confirm .modal-footer button[data-bb-handler="cancel"]:focus-visible,
.bootbox-alert .modal-footer button[data-bb-handler="cancel"]:focus-visible {
  color: #1c304b !important;
}
.bootbox-confirm .modal-footer button.btn.btn-primary[data-bb-handler="confirm"],
.bootbox-alert .modal-footer button.btn.btn-primary[data-bb-handler="confirm"] {
  margin-left: 0px;
  margin-right: 0px;
}
.bootbox-confirm .modal-footer .btn,
.bootbox-alert .modal-footer .btn {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: Noto Sans, sans-serif;
  text-transform: uppercase;
  color: white;
  background-color: #441750;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  font-family: 'Noto Sans', sans-serif;
  padding: 8px 24px;
}
.bootbox-confirm .modal-footer .btn:active,
.bootbox-alert .modal-footer .btn:active {
  color: white;
  background: #390447;
}
.bootbox-confirm .modal-footer .btn:hover,
.bootbox-alert .modal-footer .btn:hover {
  background-color: #613e6b;
}
.bootbox-confirm .modal-footer .btn:focus,
.bootbox-alert .modal-footer .btn:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.bootbox-confirm .modal-footer .btn:focus-visible,
.bootbox-alert .modal-footer .btn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.bootbox-confirm .modal-footer .btn:active,
.bootbox-alert .modal-footer .btn:active {
  color: white;
  background: #390447;
}
.bootbox-confirm .modal-footer .btn:hover,
.bootbox-alert .modal-footer .btn:hover {
  background-color: #613e6b;
}
.bootbox-confirm .modal-footer .btn:focus,
.bootbox-alert .modal-footer .btn:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.bootbox-confirm .modal-footer .btn:focus-visible,
.bootbox-alert .modal-footer .btn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.bootbox .modal-header {
  align-items: center;
  align-self: stretch;
  background: #f2f2f7;
  border-bottom: none;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  display: flex;
  flex-direction: row;
  flex-grow: 0;
  justify-content: space-between;
  padding: 24px 40px;
}
@media (min-width: 320px) and (max-width: 768px) {
  .bootbox .modal-header {
    padding: 24px;
  }
}
.bootbox .modal-header h4.modal-title {
  order: 1;
  font-family: Noto Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
}
.bootbox .modal-header button.bootbox-close-button {
  order: 2;
  color: #f2f2f7;
  width: 24px;
  height: 24px;
  opacity: 1;
}
.bootbox .modal-header button.bootbox-close-button:focus-visible {
  outline: 4px solid #ff5858 !important;
  border-radius: 8px;
  outline-offset: -4px;
}
.bootbox .modal-body {
  padding: 24px 40px;
}
@media (min-width: 320px) and (max-width: 768px) {
  .bootbox .modal-body {
    padding: 24px;
  }
}
.bootbox .modal-footer {
  margin: 0px 40px;
  padding: 24px 0 32px;
}
@media (min-width: 320px) and (max-width: 768px) {
  .bootbox .modal-footer {
    margin: 0px 24px;
    padding: 24px 0 32px;
  }
}
.bootbox .modal-footer .delete-btn {
  min-width: 176px;
}
.bootbox .modal-footer button.btn.btn-info.primary-btn--md {
  min-width: 176px;
}
.bootbox .modal-footer .btn-danger.secondary-btn--md {
  min-width: 105px;
}
.bootbox .modal-footer .btn + .btn {
  margin-right: 8px;
}
.bootbox .modal-footer .btn-default {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: Noto Sans, sans-serif;
  text-transform: uppercase;
  color: #1c304b;
  background-color: white;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid #1c304b !important;
  color: #1c304b !important;
  background-color: white !important;
  padding: 8px 24px;
  font-family: 'Noto Sans', sans-serif;
}
.bootbox .modal-footer .btn-default:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
.bootbox .modal-footer .btn-default:hover {
  border: 1px solid #aa0285 !important;
}
.bootbox .modal-footer .btn-default:focus {
  outline: none !important;
  color: #1c304b !important;
}
.bootbox .modal-footer .btn-default:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
.bootbox .modal-footer .btn-default:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
.bootbox .modal-footer .btn-default:hover {
  border: 1px solid #aa0285 !important;
}
.bootbox .modal-footer .btn-default:focus {
  outline: none !important;
  color: #1c304b !important;
}
.bootbox .modal-footer .btn-default:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
.bootbox .modal-footer .btn-default:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
.bootbox .modal-footer .btn-default:hover {
  border: 1px solid #aa0285 !important;
}
.bootbox .modal-footer .btn-default:focus {
  outline: none !important;
  color: #1c304b !important;
}
.bootbox .modal-footer .btn-default:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
.bootbox .modal-footer .btn-default:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
.bootbox .modal-footer .btn-default:hover {
  border: 1px solid #aa0285 !important;
}
.bootbox .modal-footer .btn-default:focus {
  outline: none !important;
  color: #1c304b !important;
}
.bootbox .modal-footer .btn-default:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
.bootbox .modal-footer .btn-primary {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: Noto Sans, sans-serif;
  text-transform: uppercase;
  color: white;
  background-color: #441750;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  padding: 8px 24px;
  font-family: 'Noto Sans', sans-serif;
}
.bootbox .modal-footer .btn-primary:active {
  color: white;
  background: #390447;
}
.bootbox .modal-footer .btn-primary:hover {
  background-color: #613e6b;
}
.bootbox .modal-footer .btn-primary:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.bootbox .modal-footer .btn-primary:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.bootbox .modal-footer .btn-primary:active {
  color: white;
  background: #390447;
}
.bootbox .modal-footer .btn-primary:hover {
  background-color: #613e6b;
}
.bootbox .modal-footer .btn-primary:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.bootbox .modal-footer .btn-primary:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.bootbox .modal-footer .btn-primary:active {
  color: white;
  background: #390447;
}
.bootbox .modal-footer .btn-primary:hover {
  background-color: #613e6b;
}
.bootbox .modal-footer .btn-primary:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.bootbox .modal-footer .btn-primary:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.bootbox .modal-footer .btn-primary:active {
  color: white;
  background: #390447;
}
.bootbox .modal-footer .btn-primary:hover {
  background-color: #613e6b;
}
.bootbox .modal-footer .btn-primary:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.bootbox .modal-footer .btn-primary:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.bootbox .modal-footer .ok-btn {
  min-width: 134px;
}
.bootbox .info-wrapper {
  align-items: center;
  display: flex;
  gap: 8px;
  position: relative;
}
.bootbox .info-wrapper img {
  top: 2px;
  vertical-align: top;
}
.bootbox .info-text {
  color: #5c6573;
  font-family: 'Noto Sans', sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.048px;
  line-height: 16px;
}
.profile-page-wrapper .purple-dark-background {
  background-color: #441850;
}
.main-bg-light1 {
  background-color: #f7f7fa;
}
.profile-update .resume-modal .card-top .text-center h2 span {
  color: #1c304b;
  font-family: 'Noto Serif', serif;
  font-size: 32px;
  font-weight: 600;
}
.profile-update .resume-modal .card-top .text-center h3 {
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
  font-size: 16px;
  font-weight: 600;
}
.profile-update .resume-modal .card-bottom p.text-center-resume-model span {
  color: #5c6573;
  font-family: 'Noto Sans', sans-serif;
  font-size: 16px;
  font-weight: 400;
}
.profile-update .resume-modal .card-bottom .btn-width-100 {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: Noto Sans, sans-serif;
  text-transform: uppercase;
  color: white;
  background-color: #441750;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  font-family: 'Noto Sans', sans-serif;
  padding: 8px 24px;
}
.profile-update .resume-modal .card-bottom .btn-width-100:active {
  color: white;
  background: #390447;
}
.profile-update .resume-modal .card-bottom .btn-width-100:hover {
  background-color: #613e6b;
}
.profile-update .resume-modal .card-bottom .btn-width-100:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.profile-update .resume-modal .card-bottom .btn-width-100:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.profile-update .resume-modal .card-bottom .btn-width-100:active {
  color: white;
  background: #390447;
}
.profile-update .resume-modal .card-bottom .btn-width-100:hover {
  background-color: #613e6b;
}
.profile-update .resume-modal .card-bottom .btn-width-100:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.profile-update .resume-modal .card-bottom .btn-width-100:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
@media screen and (min-width: 992px) and (max-width: 1100px) {
  .menu .menu-item-selection::after {
    display: none;
  }
  .menu .menu-links.responsive {
    background-color: #291746;
  }
  .menu-custom-header .responsive-icon {
    background-color: #291746;
  }
}
.location-icon {
  background-image: url(/Content/Images/Redeployment/location-icon.svg);
  background-position-x: 97%;
  background-repeat: no-repeat;
  background-position-y: center;
}
.page-wrapper-test .breadcrumbs {
  display: inline-block;
  float: left !important;
  margin-left: -40px;
  margin-top: 10px;
}
.page-wrapper-test .breadcrumbs .breadcrumbs-list .breadcrumbs-repeat {
  padding-left: 8px;
}
.page-wrapper-test .breadcrumbs .breadcrumbs-list .breadcrumbs-repeat:nth-child(3) {
  padding-left: 4px !important;
}
.page-wrapper-test .breadcrumbs ul {
  margin: 0;
}
.page-wrapper-test .breadcrumbs ul li {
  color: #45505f;
  font-size: 14px;
  line-height: 24px;
  float: left;
  list-style: none;
  display: inline-block;
  font-weight: 400;
  font-family: 'Noto Sans', sans-serif;
  /*.fa {
                margin-right: 0;
                margin-left: 8px;
                color: @bodyBaseTextColor;
                font-size: @textSmall;
            }*/

}
.page-wrapper-test .breadcrumbs ul li a {
  display: inline-block;
  color: #45505f;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  font-family: 'Noto Sans', sans-serif;
}
.page-wrapper-test .breadcrumbs ul li a:hover {
  color: #8c006d;
  text-decoration: none;
}
.page-wrapper-test .breadcrumbs ul li .breadcrumbs-right-arrow {
  background: url(/Content/Images/icons/Navigation/keyboard_arrow_right.svg);
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: sub;
}
.page-wrapper-test .breadcrumbs ul li:nth-child(2) .fa {
  margin-left: 5px;
}
.page-wrapper-test .breadcrumbs ul li.breadcrumbs-label {
  padding-right: 0;
  color: #5c6573;
  margin-top: -2px;
}
.page-wrapper-test .breadcrumbs ul li.current {
  max-width: 250px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #aa0285;
}
.job-hub-page .page-wrapper-test .breadcrumbs ul li.current span,
.resume-hub-page .page-wrapper-test .breadcrumbs ul li.current span,
.two-column .breadcrumb-background .page-wrapper-test ul li.current span {
  color: #45505f;
}
.job-search-criteria .page-wrapper-test .breadcrumbs {
  margin-top: -40px;
}
.tracker-page-con .breadcrumbs {
  margin: 24px 0px 16px -40px;
}
@media (max-width: 768px) {
  .tracker-page-con .breadcrumbs {
    margin: 24px 0px 16px -24px;
  }
}
.light-pink-background {
  background-color: #f7f7fa;
}
.light-pink-background .twoColumnBanner .recources-card .crd-footer .text-overlap {
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 24px !important;
  font-family: Noto Sans, sans-serif !important;
  text-transform: uppercase !important;
  color: white !important;
  background-color: #441750 !important;
  border-radius: 8px !important;
  text-align: center !important;
  vertical-align: middle !important;
  cursor: pointer !important;
  border: none !important;
  padding: 8px 24px !important;
  font-family: 'Noto Sans', sans-serif !important;
}
.light-pink-background .twoColumnBanner .recources-card .crd-footer .text-overlap:active {
  color: white !important;
  background: #390447 !important;
}
.light-pink-background .twoColumnBanner .recources-card .crd-footer .text-overlap:hover {
  background-color: #613e6b !important;
}
.light-pink-background .twoColumnBanner .recources-card .crd-footer .text-overlap:focus {
  outline: none !important;
  color: white !important;
  background-color: #613e6b !important;
}
.light-pink-background .twoColumnBanner .recources-card .crd-footer .text-overlap:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.light-pink-background .twoColumnBanner .recources-card .crd-footer .text-overlap:active {
  color: white !important;
  background: #390447 !important;
}
.light-pink-background .twoColumnBanner .recources-card .crd-footer .text-overlap:hover {
  background-color: #613e6b !important;
}
.light-pink-background .twoColumnBanner .recources-card .crd-footer .text-overlap:focus {
  outline: none !important;
  color: white !important;
  background-color: #613e6b !important;
}
.light-pink-background .twoColumnBanner .recources-card .crd-footer .text-overlap:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.light-pink-background .twoColumnBanner .recources-card .crd-footer .text-overlap:active {
  color: white !important;
  background: #390447 !important;
}
.light-pink-background .twoColumnBanner .recources-card .crd-footer .text-overlap:hover {
  background-color: #613e6b !important;
}
.light-pink-background .twoColumnBanner .recources-card .crd-footer .text-overlap:focus {
  outline: none !important;
  color: white !important;
  background-color: #613e6b !important;
}
.light-pink-background .twoColumnBanner .recources-card .crd-footer .text-overlap:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.light-pink-background .twoColumnBanner .recources-card .crd-footer .text-overlap:active {
  color: white !important;
  background: #390447 !important;
}
.light-pink-background .twoColumnBanner .recources-card .crd-footer .text-overlap:hover {
  background-color: #613e6b !important;
}
.light-pink-background .twoColumnBanner .recources-card .crd-footer .text-overlap:focus {
  outline: none !important;
  color: white !important;
  background-color: #613e6b !important;
}
.light-pink-background .twoColumnBanner .recources-card .crd-footer .text-overlap:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.linkEnabled {
  color: #adadb5 !important;
}
.linkDisabled {
  color: #adadb5 !important;
}
/*Menu restyling*/

.menu-card-profile-photo > a[role="button"]:focus-visible .menu-card-initials,
.menu-card-profile-photo:focus-visible > img,
.profile-dropdown.avatar a[href="javascript:void(0);"]:focus-visible .menu-card-photo,
.profile-dropdown.avatar a[href="javascript:void(0);"] .menu-card-profile-photo.fullsize-only:focus-visible .menu-card-photo {
  outline: 4px solid #ff5858 !important;
  outline-offset: 0px !important;
  border-radius: 50% !important;
}
.menu-links.purple-dark-font {
  color: #dfdae8;
}
.menu-red2.menu .initiative-search-div .fa-search {
  top: 29px;
  right: 14px;
}
.initiative-search-div .fa-search {
  top: 28px;
  right: 12px;
}
@media (min-width: 992px) and (max-width: 1100px) {
  .initiative-search-div .fa-search {
    right: 18px;
    top: 36px;
  }
}
@media screen and (max-width: 991px) {
  .initiative-search-div .fa-search {
    right: 15px;
    top: 31px;
  }
}
.initiative-search-div input {
  border: 1px solid #493569;
  color: white;
}
.menu-red2.menu .initiative-search-div.round-search input {
  border: 1px solid #493569;
}
.menu .menu-dropdown-content a:hover {
  background: #392953;
}
.menu-red2.menu .menu-item a:focus {
  color: white;
}
.menu {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  font-family: 'Noto Sans', sans-serif;
}
.menu.white-background {
  background-color: #291746;
}
.menu .menu-dropdown-content {
  background-color: #291746;
}
.menu .initiative-search-div.round-search input:focus {
  color: white;
}
.menu .menu-item:hover a:hover {
  color: #eaafdd;
}
.menu .menu-item:hover a {
  border-color: #ff5858;
}
.menu .menu-dropdown-content a:hover {
  color: #eaafdd;
  background-color: #392953;
}
.menu .menu-item:hover {
  background: #291746;
  color: #eaafdd !important;
}
.menu .initiative-search-div.round-search input:focus {
  background: #392658;
  border-color: #aa0285;
}
.menu .initiative-search-div.round-search input:focus-visible {
  background: #392658;
  border-color: #aa0285;
}
.menu .menu-item-selection {
  position: relative;
  border-bottom: none;
  color: white;
}
.menu .menu-item-selection::after {
  content: "";
  position: absolute;
  border-bottom: none !important;
  border-top: 5px solid #ff5858;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  width: 100%;
  height: 5px;
  left: 0px;
  bottom: -23.5px;
}
.menu .menu-item-selection::after:focus {
  outline: none !important;
}
.menu .profile-dropdown-opened {
  background: #291746;
  height: -webkit-fill-available;
}
.menu-logo a:focus-visible:not(:active) {
  outline: none;
  border-radius: 0;
  outline-offset: 0px;
}
.menu-logo a:focus-visible:not(:active) img {
  outline: 4px solid #ff5858 !important;
  border-radius: 2px;
  outline-offset: 0px;
}
#menuNav a:focus-visible:not(:active) {
  outline: 4px solid #ff5858 !important;
  border-radius: 2px;
  outline-offset: 0px;
  position: relative;
  z-index: 1;
}
.menu-dropdown-content a:focus-visible:not(:active) {
  outline: 4px solid #ff5858 !important;
  border-radius: 2px;
  outline-offset: 0px;
}
@media screen and (max-width: 991px) {
  .menu .menu-links.responsive {
    background-color: #291746;
    color: #eaafdd;
  }
  .menu .menu-links.responsive {
    background-color: #291746;
    color: #dfdae8 !important;
  }
  .menu .menu-item-selection::after {
    display: none;
  }
  .menu .responsive-icon {
    background-color: #291746;
  }
}
.menu-dropdown-content a:focus {
  background-color: #291746;
}
nav > div {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  font-family: 'Noto Sans', sans-serif;
}
.initiative-search-div input {
  background: #392658;
  border-color: #493569;
}
.initiative-search-div:focus-within input {
  border-radius: 8px;
  outline-offset: 0px;
  outline: 1px solid #aa0285 !important;
}
.menu-dropdown-content.learn-menu .menu-sub-dropdown .menu-item-selection::after {
  display: none;
}
div#admin-menu-item:focus-within {
  background: none !important;
}
div#admin-menu-item:focus-within a {
  outline: none;
  border-color: #ff5858;
  background-color: #291746;
}
div.learn-menu-item-custom:focus-within {
  background: none !important;
}
div.learn-menu-item-custom:focus-within a {
  outline: none;
  border-color: #ff5858;
  background-color: #291746;
}
.menu-item a {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  font-family: 'Noto Sans', sans-serif;
}
.menu-item a:hover {
  color: #eaafdd;
  text-decoration: none;
}
.profile-dropdown:focus {
  background: #291746;
}
.profile-dropdown.avatar a:focus-visible {
  outline: none;
}
.profile-dropdown.avatar a:focus-visible:not(:active) .menu-card-initials {
  outline: 4px solid #ff5858 !important;
  border-radius: 4px;
  outline-offset: 0px;
  border-radius: 50%;
}
.profile-dropdown.avatar:focus-visible:not(:active) .menu-card-profile-photo {
  outline: 4px solid #ff5858 !important;
  border-radius: 4px;
  outline-offset: 0px;
  border-radius: 50%;
}
.menu-card-profile-photo a:focus-visible {
  outline: none;
}
.menu-card-profile-photo a:focus-visible:not(:active) .menu-card-photo {
  outline: 4px solid #ff5858 !important;
  border-radius: 4px;
  outline-offset: 0px;
  border-radius: 50%;
}
.redeployment-red-layout .page-wrapper {
  padding-top: 70px;
}
@media (max-width: 900px) {
  .redeployment-red-layout .page-wrapper {
    padding-top: 60px;
  }
}
.resume-builder-container {
  border-radius: 8px;
  padding: 24px 24px 32px 24px;
  margin-top: 24px;
  margin-bottom: 60px;
  background: white;
}
.resume-builder-container .management-panel {
  margin-bottom: 32px;
}
.resume-builder-container .management-panel .profile-skills-container .profile-skills-tabs-container .flex-container {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}
.resume-builder-container .management-panel .profile-skills-container .profile-skills-tabs-container .flex-container .tag {
  display: flex;
  align-items: center;
  background-color: #e4d8f4;
  border-radius: 8px;
  padding: 8px 8px 8px 16px;
  cursor: pointer;
  gap: 8px;
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  text-transform: uppercase;
  color: #1c304b;
  letter-spacing: 0.6px;
}
.resume-builder-container .management-panel .profile-skills-container .profile-skills-tabs-container .flex-container .tag a {
  width: 16px;
  height: 16px;
}
.resume-builder-container .management-panel .profile-skills-container .profile-skills-tabs-container .flex-container .tag a img {
  width: 16px;
  height: 16px;
  vertical-align: sub;
}
.resume-builder-container .management-panel .resume-wrappers {
  border-bottom: 1px solid #ebebee;
  margin-bottom: 16px;
  padding-bottom: 16px;
}
.resume-builder-container .management-panel .mg-0 {
  position: relative;
  margin-left: 0;
  margin-right: 0;
}
.resume-builder-container .management-panel .mg-0 .heading {
  padding-left: 0;
  font-family: Noto Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
}
.resume-builder-container .management-panel .mg-0 .icon-space .add-detail-text {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}
.resume-builder-container .management-panel .mg-0 .icon-space .add-detail-text:hover,
.resume-builder-container .management-panel .mg-0 .icon-space .add-detail-text:focus {
  text-decoration: none;
}
.resume-builder-container .management-panel .mg-0 .icon-space .add-detail-text .add-text {
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  text-transform: uppercase;
  color: #aa0285;
  font-family: 'Noto Sans', sans-serif;
  white-space: nowrap;
}
.resume-builder-container .management-panel .mg-0 .icon-space .add-detail-text .add-text:hover {
  text-decoration: underline;
}
@media screen and (max-width: 768px) {
  .resume-builder-container .management-panel .mg-0 .icon-space .add-detail-text .add-text {
    display: none;
  }
}
.resume-builder-container .management-panel .mg-0 .icon-space .add-detail-text .mob-add-text {
  display: none;
}
@media screen and (max-width: 768px) {
  .resume-builder-container .management-panel .mg-0 .icon-space .add-detail-text .mob-add-text {
    display: block;
    font-family: Noto Sans, sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    text-transform: uppercase;
    color: #aa0285;
    font-family: 'Noto Sans', sans-serif;
  }
}
.resume-builder-container .details-wrapper {
  background: #f8f8f9;
  border: 1px solid #e5e4ec;
  border-radius: 8px;
  padding: 24px 24px 32px 24px;
  margin-bottom: 12px;
  word-break: break-word;
}
.resume-builder-container .details-wrapper .job-desc {
  margin-top: 20px;
  padding-top: 0;
  padding-bottom: 0;
}
.resume-builder-container .details-wrapper .job-desc ul li {
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  font-family: 'Noto Sans', sans-serif;
  font-size: 14px;
  line-height: 24px;
  text-align: left;
}
.resume-builder-container .details-wrapper .job-desc ol {
  padding-left: 0;
}
.resume-builder-container .details-wrapper .job-desc ol li {
  list-style-position: inside;
}
.resume-builder-container .details-wrapper .exp-title {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  font-family: 'Noto Sans', sans-serif;
  color: #1c304b;
  letter-spacing: 0.056px;
}
.resume-builder-container .details-wrapper .exp-details,
.resume-builder-container .details-wrapper .exp-date {
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  font-family: 'Noto Sans', sans-serif;
  color: #45505f;
  letter-spacing: 0.048px;
  text-align: left;
}
.resume-builder-container .details-wrapper .job-desc,
.resume-builder-container .details-wrapper .job-desc p {
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  font-family: 'Noto Sans', sans-serif;
  font-size: 14px;
  line-height: 24px;
  color: #45505f;
  letter-spacing: 0.048px;
  text-align: left;
  padding-left: 0px !important;
  color: #45505f !important;
}
@media screen and (max-width: 768px) {
  .resume-builder-container .details-wrapper .job-desc,
  .resume-builder-container .details-wrapper .job-desc p {
    padding-top: 20px;
  }
}
.resume-builder-container .details-wrapper .questionnaire {
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 32px;
}
.resume-builder-container .details-wrapper .questionnaire:last-child {
  margin-bottom: 0;
}
.resume-builder-container .details-wrapper .questionnaire .details .details-info {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 4px;
}
.resume-builder-container .details-wrapper .questionnaire .action-btn-container {
  right: 5px;
  top: 15px;
}
.resume-builder-container .details-wrapper .img-details-container {
  display: flex;
  align-items: center;
  position: relative;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: flex-start;
}
@media screen and (max-width: 768px) {
  .resume-builder-container .details-wrapper .img-details-container {
    align-items: flex-start;
  }
}
.resume-builder-container .details-wrapper .img-details-container .details {
  display: flex;
  gap: 16px;
  width: 95%;
}
@media screen and (max-width: 768px) {
  .resume-builder-container .details-wrapper .img-details-container .details {
    gap: 8px;
    width: 85%;
  }
}
@media screen and (max-width: 768px) {
  .profile-resume-parent-wrapper {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.profile-wrapper {
  background: white;
  border-radius: 8px;
}
.profile-wrapper .question-wrapper {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 0px;
  margin-bottom: 0px;
}
.profile-wrapper .question-wrapper .profile-txt {
  font-family: Noto Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
}
.profile-wrapper .profile-msg {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
  letter-spacing: 0.056px;
}
.profile-wrapper .info-wrapper {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 12px;
}
@media screen and (max-width: 768px) {
  .profile-wrapper .info-wrapper {
    align-items: flex-start;
  }
}
.profile-wrapper .info-wrapper .info-txt {
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  font-family: 'Noto Sans', sans-serif;
  color: #5c6573;
  letter-spacing: 0.048px;
}
.profile-wrapper-long {
  padding: 24px 24px 32px 24px;
}
.profile-wrapper-short {
  padding: 24px;
}
.question-wrapper-long {
  margin-bottom: 8px;
}
.question-wrapper-short {
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .profile-visibility-container {
    display: none;
  }
}
.profile-visibility-wrapper {
  background: white;
  border-radius: 8px;
  padding: 24px;
  margin-bottom: 24px;
}
.profile-visibility-wrapper span {
  font-family: 'Noto Sans', sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #1c304b;
}
.profile-visibility-wrapper .visibility-heading {
  font-family: Noto Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
  margin-bottom: 8px;
}
.profile-visibility-wrapper p {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
  padding-top: 12px;
  letter-spacing: 0.056px;
}
.profile-visibility-wrapper .profile-visibility-change-wrapper {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-top: 40px;
  flex-direction: row;
  flex: none;
}
@media (max-width: 768px) {
  .profile-visibility-wrapper .profile-visibility-change-wrapper {
    gap: 13px !important;
  }
}
@media (min-width: 770px) and (max-width: 1300px) {
  .profile-visibility-wrapper .profile-visibility-change-wrapper {
    flex-direction: column !important;
  }
}
.profile-visibility-wrapper .profile-visibility-change-wrapper .visibility-change-text {
  color: #aa0285;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 0.24px;
  text-transform: uppercase;
  word-break: break-word;
  cursor: pointer;
}
.profile-visibility-wrapper .profile-visibility-change-wrapper .visibility-change-text:hover {
  text-decoration: underline;
}
.profile-visibility-wrapper .profile-visibility-change-wrapper .profile-visibility-check-wrapper {
  background: #dcf5d6;
  border-radius: 16px;
  display: flex;
  align-items: center;
  padding: 4px 16px;
  gap: 8px;
  width: 201px;
}
.profile-visibility-wrapper .profile-visibility-change-wrapper .profile-visibility-check-wrapper .visibility-check-text {
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  text-transform: uppercase;
  color: #1c304b;
  letter-spacing: 0.6px;
  white-space: normal;
}
.profile-visibility-wrapper .profile-visibility-change-wrapper .change-link {
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  text-transform: uppercase;
  color: #aa0285;
  font-family: 'Noto Sans', sans-serif;
  letter-spacing: 0.24px;
}
.profile-visibility-wrapper .profile-visibility-off-wrapper {
  margin-top: 40px;
}
.profile-visibility-wrapper .profile-visibility-off-wrapper .profile-visibility-off {
  background: #f7d3d0;
  border-radius: 16px;
  display: inline-flex;
  align-items: center;
  padding: 4px 16px;
  gap: 8px;
  min-width: 205px;
  flex-direction: row;
}
@media (min-width: 770px) and (max-width: 1100px) {
  .profile-visibility-wrapper .profile-visibility-off-wrapper .profile-visibility-off {
    min-width: 100% !important;
  }
}
.profile-visibility-wrapper .profile-visibility-off-wrapper .profile-visibility-off .visibility-check-text {
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  text-transform: uppercase;
  color: #1c304b;
  letter-spacing: 0.6px;
  white-space: normal;
}
.profile-visibility-wrapper .profile-visibility-off-wrapper .make-visible-btn {
  margin-top: 20px;
  max-width: 100%;
  display: inline-block;
  word-wrap: break-word;
  min-width: 100%;
}
@media (min-width: 320px) and (max-width: 770px) {
  .profile-visibility-wrapper .profile-visibility-off-wrapper .make-visible-btn {
    min-width: 278px;
  }
}
.mob-profile-visibility-container {
  display: none;
}
@media screen and (max-width: 768px) {
  .mob-profile-visibility-container {
    display: block;
    background: white;
    border-radius: 8px;
    margin-top: 24px;
    margin-bottom: 24px;
  }
}
.mob-profile-visibility-container .visibility-heading {
  font-family: Noto Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
  margin-bottom: 8px;
}
.mob-profile-visibility-container p {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
  letter-spacing: 0.056px;
}
.mob-profile-visibility-container .profile-visibility-change-wrapper {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-top: 30px;
}
.mob-profile-visibility-container .profile-visibility-change-wrapper .profile-visibility-check-wrapper {
  background: #dcf5d6;
  border-radius: 16px;
  display: flex;
  align-items: center;
  padding: 4px 16px;
  gap: 8px;
  min-width: 201px;
}
.mob-profile-visibility-container .profile-visibility-change-wrapper .profile-visibility-check-wrapper .visibility-check-text {
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  text-transform: uppercase;
  color: #1c304b;
  letter-spacing: 0.6px;
  white-space: break-spaces;
}
.mob-profile-visibility-container .profile-visibility-change-wrapper .change-link {
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  text-transform: uppercase;
  color: #aa0285;
  font-family: 'Noto Sans', sans-serif;
  letter-spacing: 0.24px;
}
.preferences-container {
  display: block;
}
@media screen and (max-width: 768px) {
  .preferences-container {
    display: none;
  }
}
.mob-preferences-container {
  display: none;
}
@media screen and (max-width: 768px) {
  .mob-preferences-container {
    display: block;
  }
}
.action-btn-container {
  border: 1px solid #ebebee;
  box-shadow: 0px 2px 12px 0px rgba(41, 23, 70, 0.1);
  width: 204px;
  margin-top: 8px;
  position: absolute;
  right: 30px;
  top: 35px;
  z-index: 9;
  border-radius: 8px;
  padding: 2px;
  background: white;
  list-style: none;
}
.action-btn-container li div {
  padding: 12px 16px;
  cursor: pointer;
}
.action-btn-container li div span {
  padding-left: 22px;
  display: block;
  font-size: 14px;
  color: #1c304b;
}
.action-btn-container .edit-icon {
  background-image: url('../../../Content/Images/icons/edit_icon.svg');
  background-repeat: no-repeat;
  padding-right: 12px;
  background-position: 15px;
  border: none;
  background-color: white;
  border-bottom: 1px solid #ebebee;
  width: 100%;
  padding-top: 12px;
  padding-bottom: 12px;
}
.action-btn-container .edit-icon:focus-visible {
  outline: 4px solid #ff5858 !important;
  border-radius: 8px;
  outline-offset: -4px;
}
.action-btn-container .delete-icon {
  background-image: url('../../../Content/Images/icons/delete_icon.svg');
  background-repeat: no-repeat;
  background-position: 15px 11px;
  padding-right: 12px;
  width: 100%;
  border: none;
  background-color: white;
  padding-top: 12px;
  padding-bottom: 12px;
}
.action-btn-container .delete-icon:focus-visible {
  outline: 4px solid #ff5858 !important;
  border-radius: 8px;
  outline-offset: -4px;
}
.action-btn-container .upload-icon {
  background-image: url('../../../Content/Images/icons/upload_icon.svg');
  background-repeat: no-repeat;
  background-position: 15px 11px;
  padding-right: 0px;
  width: 100%;
  border: none;
  border-bottom: 1px solid #ebebee;
  background-color: white;
  padding-top: 12px;
  padding-bottom: 12px;
}
.action-btn-container .upload-icon:focus-visible {
  outline: 4px solid #ff5858 !important;
  border-radius: 8px;
  outline-offset: -4px;
}
.action-btn-container .download-icon {
  background-image: url(../../../Content/Images/icons/download_icon.svg);
  background-repeat: no-repeat;
  background-position: 14px 13px;
  padding-right: 58px;
  width: 100%;
  border: none;
  border-bottom: 1px solid #ebebee;
  background-color: white;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  padding-top: 12px;
  padding-bottom: 12px;
}
.action-btn-container .download-icon:focus-visible {
  outline: 4px solid #ff5858 !important;
  border-radius: 8px;
  outline-offset: -4px;
}
#exp-modal .modal-header {
  padding: 24px 40px;
  background: #f2f2f7;
  border-bottom: none;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  display: flex;
  flex-direction: row;
  flex-grow: 0;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
}
@media (max-width: 768px) {
  #exp-modal .modal-header {
    padding: 24px !important;
  }
}
#exp-modal .modal-header h4.modal-title,
#exp-modal .modal-header .header-txt {
  order: 1;
  font-family: Noto Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
  margin: 0;
}
#exp-modal .modal-header a.close-modal-cross {
  order: 2;
  width: 24px;
  height: 24px;
  opacity: 1;
}
#exp-modal .modal-header .header-icon {
  padding-right: 12px;
}
#exp-modal .modal-body {
  padding: 24px 40px 32px;
}
@media (max-width: 768px) {
  #exp-modal .modal-body {
    padding: 24px;
  }
}
#exp-modal .modal-body hr {
  margin-top: 24px;
  margin-bottom: 0;
}
#exp-modal .modal-body .yoodli-disclaimer-txt {
  font-family: 'Noto Sans', sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
  margin: 0;
  color: #1c304b;
}
#exp-modal .modal-body .yoodli-considerations-txt {
  margin: 0;
  color: #1c304b;
}
#exp-modal .modal-body .mb-0 {
  margin-bottom: 0;
  padding-left: 24px;
}
#exp-modal .modal-body .yoodli-secondary-color {
  color: #45505f;
}
#exp-modal .modal-body .yoodli-secondary-color a {
  text-decoration: underline;
}
#exp-modal .yoodli-error-body-wrapper {
  text-align: center;
}
#exp-modal .yoodli-error-body-wrapper h1 {
  margin-top: 16px;
  margin-bottom: 8px;
}
#exp-modal .yoodli-content-wrapper {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
#exp-modal .modal-footer {
  padding: 0px 40px 32px !important;
}
@media (max-width: 768px) {
  #exp-modal .modal-footer {
    padding: 24px !important;
  }
}
#exp-modal .modal-footer .btns-resume-modal-cont {
  gap: 8px;
}
#exp-modal .modal-footer .footer-btns {
  display: flex;
  justify-content: end;
  flex-direction: row-reverse;
}
#exp-modal .modal-footer .footer-btns .btn {
  margin-left: 8px;
}
#exp-modal .modal-footer .footer-btns .yoodli-accept-btn {
  width: 100%;
}
#exp-modal .modal-footer .footer-btns .cancel-btn {
  min-width: 105px;
}
#exp-modal .modal-footer .cancel-btn {
  min-width: 105px;
}
#exp-modal .modal-footer .save-btn {
  min-width: 144px;
  margin-left: 10px;
}
#exp-modal .modal-footer .no-btn {
  margin-right: 8px;
}
#exp-modal .modal-footer:before {
  content: '';
  display: block;
  width: 100%;
  border-top: 1px solid #ebebee;
  margin-bottom: 24px;
}
@media (max-width: 768px) {
  #exp-modal .modal-footer .btn {
    word-break: auto-phrase;
    margin-left: 8px;
    white-space: pre-line;
  }
}
@media (max-width: 768px) {
  #exp-modal .profile-visibility-off-model .modal-header {
    padding: 24px !important;
  }
}
#exp-modal .profile-visibility-off-model .modal-header .profile-visibility-close {
  position: relative;
  top: -10px;
}
#exp-modal .profile-visibility-off-model .modal-header .header-txt {
  display: block;
  order: 1;
  margin-top: 0;
  margin-bottom: 0;
}
@media (max-width: 768px) {
  #exp-modal .profile-visibility-off-model .modal-header .header-txt {
    display: none;
  }
}
#exp-modal .profile-visibility-off-model .modal-header .mob-header-txt {
  display: none;
}
@media (max-width: 768px) {
  #exp-modal .profile-visibility-off-model .modal-header .mob-header-txt {
    display: block;
  }
}
#exp-modal .profile-visibility-off-model .modal-body {
  padding: 24px 40px;
}
@media (max-width: 768px) {
  #exp-modal .profile-visibility-off-model .modal-body {
    padding: 24px;
  }
}
#exp-modal .profile-visibility-off-model .modal-body hr {
  margin-top: 40px;
}
#exp-modal .profile-visibility-off-model .modal-body .mb_profile_visibility_body {
  margin-bottom: 24px;
}
#exp-modal .profile-visibility-off-model .modal-body .profile_visibility_modal_body {
  margin-bottom: 24px;
}
#exp-modal .profile-visibility-off-model .modal-body .profile_visibility_modal_body b {
  color: #45505f;
}
#exp-modal .profile-visibility-off-model .modal-body .profile_visibility_modal_body .profile_visibility_modal_link {
  color: #aa0285;
}
#exp-modal .profile-visibility-off-model .modal-footer {
  padding-left: 24px;
  padding-right: 24px;
}
#exp-modal .profile-visibility-off-model .modal-footer .footer-btns {
  display: flex;
  flex-direction: row;
  gap: 8px;
  justify-content: center;
  padding-left: 0;
  padding-right: 0;
  flex-direction: row-reverse;
}
@media (max-width: 768px) {
  #exp-modal .profile-visibility-off-model .modal-footer .footer-btns {
    flex-direction: column;
  }
}
#exp-modal .profile-visibility-off-model .modal-footer .footer-btns .visibility-off-btn {
  min-width: 312px;
  width: 312px;
}
@media (max-width: 768px) {
  #exp-modal .profile-visibility-off-model .modal-footer .footer-btns .visibility-off-btn {
    width: 100%;
  }
}
#exp-modal .profile-visibility-off-model .modal-footer .footer-btns .save-btn {
  min-width: 176px;
  margin-right: 0;
  margin-left: 0px;
}
@media (max-width: 768px) {
  #exp-modal .profile-visibility-off-model .modal-footer .footer-btns .save-btn {
    margin-left: 0;
  }
}
#exp-modal .profile-visibility-off-model .modal-footer .footer-btns .half_width {
  width: 50%;
}
@media (max-width: 768px) {
  #exp-modal .profile-visibility-off-model .modal-footer .footer-btns .half_width {
    width: 100%;
  }
}
#exp-modal .modal-body .resume-review-body-text {
  font-family: Noto Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
  color: #5c6573;
}
#exp-modal .modal-body .input-label-wrapper {
  display: flex;
  gap: 8px;
  margin-bottom: -8px;
}
#exp-modal .modal-body .input-label-wrapper .mostrecent-label {
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.056px;
  text-transform: inherit;
}
#exp-modal .modal-body .empty-label-form-group {
  margin-top: 29px !important;
}
@media (max-width: 768px) {
  #exp-modal .modal-body .empty-label-form-group {
    margin-top: 0 !important;
  }
}
#exp-modal .modal-body .form-group.first-child {
  margin-top: 0 !important;
}
#exp-modal .modal-body .form-group {
  margin-top: 24px;
}
#exp-modal .modal-body .form-group .job-details-radio-container custom-radio label {
  margin-top: 2px !important;
}
#exp-modal .modal-body .form-group .radio-container {
  display: flex;
  flex-direction: row;
  gap: 8px;
  margin-top: 8px;
}
@media (max-width: 768px) {
  #exp-modal .modal-body .form-group .radio-container {
    flex-direction: column;
  }
}
#exp-modal .modal-body .form-group .radio-container custom-radio {
  border: 1px solid #e5e4ec;
  border-radius: 8px;
  padding: 20px 18px;
}
#exp-modal .modal-body .form-group .radio-container custom-radio.radio-active {
  border: 1px solid #aa0285;
  background-color: #fcf7fb;
}
#exp-modal .modal-body .form-group .radio-container custom-radio .radio-wrapper {
  display: flex;
  align-items: center;
  gap: 12px;
}
#exp-modal .modal-body .form-group .radio-container custom-radio label {
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 400;
  color: #1c304b;
  text-transform: none;
  margin-bottom: 0px !important;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
}
#exp-modal .modal-body .form-group .radio-container custom-radio label .radio-span-text {
  font-weight: 400;
}
#exp-modal .modal-body .form-group .radio-container custom-radio label input[type="radio"] {
  margin-top: 0px;
}
#exp-modal .modal-body .form-group .radio-container custom-radio label .radio-span-input {
  display: flex;
}
#exp-modal .modal-body .info-wrapper {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 48px;
}
#exp-modal .modal-body .info-wrapper .info-text {
  font-family: 'Noto Sans', sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.048px;
  color: #5c6573;
}
#exp-modal .modal-body .info-wrapper .info-text .review-modal-text {
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  font-family: 'Noto Sans', sans-serif;
  margin-bottom: 0;
}
#exp-modal .modal-body .info-wrapper .info-text .review-modal-text b {
  color: #1c304b;
}
#exp-modal .modal-body .resume-review-info {
  margin-top: 24px;
  align-items: flex-start;
}
div[bind-html-compile="ctrl.content.RawText"] p {
  color: #45505f;
}
div[bind-html-compile="ctrl.content.RawText"] p strong {
  font-weight: 400;
}
div[bind-html-compile="ctrl.content.RawText"] p strong u {
  text-decoration: none;
}
div[bind-html-compile="ctrl.content.RawText"] p a {
  color: #aa0285;
  text-transform: uppercase;
}
div[bind-html-compile="ctrl.content.RawText"] p a u {
  text-decoration: none;
}
div[bind-html-compile="ctrl.content.RawText"] p u {
  text-decoration: none;
}
.altHomeContentSmall div[translate="CANDIDATE_RESUME_FORMATS"] {
  font-size: 12px;
  text-align: left;
  padding-bottom: 32px;
  font-weight: 400;
  line-height: 16px;
}
.altHomeContentSmall .form-group {
  margin-bottom: 24px;
}
.altHomeContentSmall div.form-group:nth-child(5) {
  margin-bottom: 8px;
}
.altHomeContentSmall .red-aestrick:before {
  content: '*';
  color: #c70f00;
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  text-transform: uppercase;
  margin-right: 4px;
}
.altHomeContentSmall .primary-btn--lg {
  padding: 8px 40px;
  letter-spacing: 2px;
}
.altHomeContentSmall .select2-container .select2-choice > .select2-chosen {
  color: #5c6573 !important;
}
.sorry-modal p.modal-subtitle::first-letter {
  text-transform: uppercase;
}
.sorry-modal .card-top {
  padding-bottom: 1px !important;
}
.sorry-modal .card-top h2 {
  margin-top: 0px !important;
  margin-bottom: 0 !important;
}
.sorry-modal .card-top .close {
  margin-right: 0 !important;
  margin-top: 0 !important;
  opacity: 1 !important;
}
.sorry-modal .card-top .close:hover {
  opacity: 1 !important;
}
.sorry-modal .card-bottom {
  border-top: 0 !important;
  margin-top: 16px !important;
  padding-top: 0 !important;
}
.sorry-modal .card-bottom p {
  padding-bottom: 24px;
  border-bottom: 1px solid #ebebee;
}
.sorry-modal .card-bottom hr {
  margin-top: 0;
  color: #ebebee;
}
.coach-bio-details-modal .coach-bio-modal-header {
  border-bottom: 3px solid transparent !important;
  padding: 24px 40px !important;
}
.coach-bio-details-modal .coach-bio-modal-header .coach__card__content p {
  margin-bottom: 0;
}
.coach-bio-details-modal .coach-bio-modal-header .about-coach-heading p {
  margin-bottom: 0;
}
.coach-bio-details-modal .coach-bio-modal-header a.close_coach {
  top: 24px !important;
  right: 24px !important;
  margin-left: auto;
}
.coach-bio-details-modal .modal-body .coach__card__content {
  padding-top: 0;
}
.coach-bio-details-modal .modal-body .coach__card__content .coach__img {
  width: 33px !important;
  height: 33px !important;
  min-width: 33px !important;
  /*.coach__pic{    line-height: 44px;}*/

}
.coach-bio-details-modal .modal-body .coach__card__content .coach__img .profile-initials span.coach__pic {
  line-height: 24px !important;
  font-size: 14px !important;
  font-weight: 700;
  color: #1c304b;
}
.coach-bio-details-modal .modal-body .coach__card__content .coach__info {
  padding-top: 0px !important;
  margin-left: 16px;
}
.coach-bio-details-modal .modal-body .coach__card__content .coach__info .headingtext {
  font-weight: 600 !important;
}
.coach-bio-details-modal .modal-body .coach__card__content .subtextdiv {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 12px;
}
.coach-bio-details-modal .modal-body .coach__card__content .subtextdiv .location-section {
  padding-right: 40px;
  padding-left: 20px;
}
.coach-bio-details-modal .modal-body .coach__card__content .subtextdiv .location-section::before {
  position: absolute;
  margin-left: -18px !important;
  width: 12px;
  height: 14px;
  content: '';
  background: url(/Content/Images/icons/location_pin.svg);
  margin-top: 5px;
}
.coach-bio-details-modal .modal-body .coach__card__content .subtextdiv .timezone-section::before {
  width: 14px;
  height: 14px;
  content: '';
  background: url(/Content/Images/icons/timezone-icon.svg);
  position: absolute;
  margin-left: -22px !important;
  margin-top: 5px;
}
.coach-bio-details-modal .modal-body .card-bottom hr {
  margin-bottom: 24px !important;
  color: #ebebee;
}
.coach-bio-details-modal .modal-body .card-bottom .btn-right-align {
  display: flex;
  justify-content: flex-end;
}
.coach-bio-details-modal .modal-body .exp-inputs b {
  font-weight: normal !important;
}
.content-padding-inner-top {
  margin-top: 24px;
  margin-bottom: 16px;
  padding-top: 12px;
}
.mentorbio-discussion-topics li {
  margin-bottom: 8px !important;
}
.mentor-box-card .mentor-header .mentorProgressBar .menteeProgramTitle {
  color: #1c304b !important;
}
.mentor-box-card .mentor-body .mentor-description .section-mentor span {
  color: #1c304b;
}
.mentor-box-card .mentor-body .mentor-description .section-mentor p b {
  width: 95px;
  display: inline-flex;
}
.mentor-box-card .mentor-body .mentor-description .section-mentor ul li {
  color: #1c304b;
}
.mentor-box-card .mentor-body .mentor-description .menteesTopics {
  display: flex;
}
.mentor-box-card .mentor-body .mentor-description .menteesTopics .menteesTopicsList ul {
  margin-bottom: 8px;
}
#eduForm #exp-modal .modal-footer .footer-btns {
  flex-direction: row;
}
#certificationForm .modal-footer .exp-modal-footer .footer-btns {
  flex-direction: row;
}
.control-wrapper a.control-btn-fold:focus-visible,
.control-wrapper a.control-btn-unfold:focus-visible {
  outline: none !important;
}
.control-wrapper a.control-btn-fold.control-btn-fold-focus:focus-visible,
.control-wrapper a.control-btn-unfold.control-btn-fold-focus:focus-visible {
  outline: 4px solid #ff5858 !important;
}
.resumeHub-modal .modal-body p.resume-review-body-text {
  margin-bottom: 0px;
  font-weight: 400 !important;
  color: #5c6573 !important;
}
.resumeHub-modal .modal-body p.resume-review-body-text b.review-hub-modal-bold-text {
  color: #1c304b !important;
  font-weight: 500 !important;
}
.resumeHub-modal .modal-footer {
  padding-top: 32px !important;
}
.resumeReviewProgress p,
.resumeReviewCompleted p {
  padding-top: 8px;
  margin-bottom: 16px !important;
}
.resumeReviewProgress .reviewingDate-label,
.resumeReviewCompleted .reviewingDate-label {
  font-family: 'Noto Sans', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.004em;
  color: #45505f;
  margin-bottom: 32px;
}
.resumeReviewProgress span.reviewingStatus-label,
.resumeReviewCompleted span.reviewingStatus-label {
  font-family: 'Noto Sans', sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #1c304b;
}
.resumeReviewProgress .tool-label-button,
.resumeReviewCompleted .tool-label-button {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 10px;
  gap: 4px;
  height: 24px;
  border-radius: 16px;
  min-width: 131px;
  width: max-content;
  white-space: nowrap;
  margin-bottom: 8px;
}
.resumeReviewProgress .tool-label-button {
  background: #fff0cc;
}
.resumeReviewCompleted .tool-label-button {
  background: #dcf5d6;
}
.resumeReviewCompleted .tool-label-button .reviewingStatus-label img {
  display: inline;
}
#exp-modal.profile-visibility-on .modal-body {
  padding-bottom: 24px;
}
#exp-modal.profile-visibility-on .modal-body .profile-visibility-content p.body_base {
  color: #5c6573;
  margin-bottom: 0px;
}
#exp-modal.profile-visibility-on .modal-body .profile-visibility-content p.body_base:first-child {
  margin-bottom: 20px;
}
#exp-modal.profile-visibility-on .modal-footer {
  padding: 0px 40px 32px !important;
}
#exp-modal.profile-visibility-on .modal-footer:before {
  margin-bottom: 24px;
}
@media (max-width: 768px) {
  #exp-modal.profile-visibility-on .modal-footer .footer-btns .btn {
    margin-left: auto;
    white-space: normal;
  }
}
.reactivation .reactivate-section {
  text-align: center;
  width: 584px;
  border-radius: 8px;
  background-color: white;
  margin: 0 auto;
  padding: 40px 48px 221px;
  margin-bottom: -250px;
  word-break: break-word;
  margin-top: 62px;
}
@media (max-width: 768px) {
  .reactivation .reactivate-section {
    padding: 20px 28px 290px;
    width: 100%;
    margin-bottom: -320px;
    margin-top: 48px;
  }
}
.reactivation .reactivate-section .reactivate-icon-outer {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 24px;
}
.reactivation .reactivate-section .reactivate-icon-outer .reactivate-icon-inner {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  padding: 7px 9px;
  text-align: center;
  background-color: #f1f0f5;
}
.reactivation .reactivate-section .reactivate-icon-outer .reactivate-icon-inner .reactivate-icon {
  width: 22px;
  height: 22px;
}
.reactivation h1.reactivate-title {
  margin-top: 24px;
  margin-bottom: 12px;
  padding: 0px;
  color: #1c304b;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  font-family: 'Noto Serif', serif;
  text-align: center;
}
.reactivation .reactivate-description {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
  margin-bottom: 24px;
  padding: 0px 68px;
}
@media (max-width: 768px) {
  .reactivation .reactivate-description {
    padding: 0px;
  }
}
.container-width.reactivate-candidate-bottom-section {
  max-width: 584px;
  width: 584px;
  padding: 0px 40px;
  text-align: center;
}
@media (max-width: 768px) {
  .container-width.reactivate-candidate-bottom-section {
    padding: 0px 28px;
    max-width: 100%;
    width: 100%;
  }
}
.container-width.reactivate-candidate-bottom-section .info-msg-reactivate-outer {
  display: inline-block;
}
.container-width.reactivate-candidate-bottom-section .info-msg-reactivate {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  background-color: #f7f7fa;
  border-radius: 8px;
  word-break: break-word;
}
@media (max-width: 768px) {
  .container-width.reactivate-candidate-bottom-section .info-msg-reactivate {
    margin: 0px;
  }
}
.container-width.reactivate-candidate-bottom-section .info-msg-reactivate .info-msg-reactivate-icon {
  position: relative;
  width: 16px;
  height: 16px;
}
@media (max-width: 768px) {
  .container-width.reactivate-candidate-bottom-section .info-msg-reactivate .info-msg-reactivate-icon {
    margin-right: 6px;
  }
}
.container-width.reactivate-candidate-bottom-section .info-msg-reactivate .info-msg-reactivate-icon:before {
  content: '';
  background-image: url(/Content/Images/icons/info_icon.svg);
  width: 16px;
  height: 16px;
  position: absolute;
  background-repeat: no-repeat;
  left: 0px;
}
.container-width.reactivate-candidate-bottom-section .info-msg-reactivate .body_small {
  color: #45505f;
  text-align: left;
}
.container-width.reactivate-candidate-bottom-section .reactivate-candidate-buttons {
  margin-top: 40px;
  padding-top: 40px;
  padding-bottom: 48px;
  border-top: 1px solid #ebebee;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .container-width.reactivate-candidate-bottom-section .reactivate-candidate-buttons {
    flex-wrap: wrap;
    flex-direction: column-reverse;
    padding-bottom: 28px;
  }
}
.container-width.reactivate-candidate-bottom-section .reactivate-candidate-buttons .dont-reactivate-button {
  float: left;
  width: calc(50% - 8px);
  white-space: normal;
  word-break: break-word;
  padding: 15px 24px;
}
@media (max-width: 768px) {
  .container-width.reactivate-candidate-bottom-section .reactivate-candidate-buttons .dont-reactivate-button {
    width: 100%;
    margin-top: 16px;
  }
}
.container-width.reactivate-candidate-bottom-section .reactivate-candidate-buttons .dreactivate-button {
  float: right;
  width: calc(50% - 8px);
  white-space: normal;
  word-break: break-word;
}
@media (max-width: 768px) {
  .container-width.reactivate-candidate-bottom-section .reactivate-candidate-buttons .dreactivate-button {
    width: 100%;
  }
}
.myGoalHome-container {
  background-color: white;
  width: auto;
  padding: 20px;
  text-align: left;
  border-radius: 8px;
  position: relative;
  margin-bottom: 24px;
}
.myGoalHome-container {
  background-color: white;
  width: auto;
  padding: 24px;
  text-align: left;
  border-radius: 8px;
  position: relative;
  margin-bottom: 24px;
}
.myGoalHome-container .goalHeading {
  margin-top: 0;
  margin-bottom: 8px;
}
.myGoalHome-container p.box-texttop-padding {
  margin-bottom: 0px;
}
.myGoalHome-process-section {
  border-top: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
  margin-top: 24px;
  margin-bottom: 24px;
  padding-top: 16px;
  padding-bottom: 24px;
}
.myGoalHome-process-section div.myGoalHome-process-text {
  margin: 0;
}
.myGoalHome-process-section div.myGoalHome-process-text span.myGoalHome-process-value {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
  font-weight: 700;
  padding-left: 8px;
}
.myGoalHome-process-section .progress {
  width: 100%;
  background-color: #f7f7fa;
  border-radius: 12px;
  overflow: hidden;
  height: 24px;
  box-shadow: none;
  float: none;
  margin-top: 8px;
  margin-bottom: 0px;
}
.myGoalHome-process-section .progress-bar {
  height: 24px;
  border-radius: 12px;
  width: 0;
  transition: width 0.3s;
  margin-bottom: 0px;
  box-shadow: none;
}
.myGoalHome-process-section .green-bar {
  background-color: #73d85a;
  transition: width 0.3s;
}
.myGoalHome-process-section .yellow-bar {
  background: #ffc133;
  transition: width 0.3s;
}
.myGoalHome-footer {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 16px;
  justify-content: space-between;
}
.myGoalHome-footer .changeGoal-section.link_small {
  flex: none;
  flex-grow: 0;
  align-items: center;
}
.myGoalHome-footer .explore-section,
.myGoalHome-footer .changeGoal-section {
  flex: none;
  align-self: stretch;
  flex-grow: 0;
  align-content: center;
}
.myGoalHome-footer .explore-section .secondary-btn,
.myGoalHome-footer .changeGoal-section .secondary-btn {
  width: 167px;
  word-break: break-word;
  white-space: break-spaces;
}
.yoodliModal .modal-header .header-txt {
  order: 1;
  font-family: Noto Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
  margin: 0;
}
.yoodliModal .yoodli-content-wrapper .yoodli-secondary-color a {
  color: #aa0285;
}
.h1-page-title {
  font-size: 1px;
  color: transparent;
  padding: 0px;
  margin: 0px;
}
body.INDmodalOpen,
body[data-indmodalopen] {
  overflow: auto !important;
}
.mentorship-box {
  padding: 0 !important;
  margin-bottom: 0 !important;
}
.mentorship-box h2 {
  margin-bottom: 16px !important;
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
  font-size: 16px !important;
  font-weight: 600;
}
.mentorship-box .mentorship-btn a.secondary-btn {
  width: 100%;
}
.mentorship-box .mentorship-btn a.secondary-btn:focus-visible {
  outline-offset: -4px !important;
  border-radius: 8px !important;
}
@media (max-width: 767px) {
  .resume-builder-container .management-panel .resume-wrappers {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
  }
}
.twoColumnBreadcrumb .content-padding-inner-top {
  padding-top: 24px;
  padding-bottom: 24px;
  margin-bottom: 16px;
  background: #f1f0f5;
  margin-top: 0px;
}
@media (min-width: 320px) and (max-width: 1024px) {
  .twoColumnBreadcrumb .content-padding-inner-top {
    margin-top: 70px;
  }
}
.twoColumnBreadcrumb .content-padding-inner-top .breadcrumbs.pull-right {
  margin-top: 0px;
}
.twoColumnBreadcrumb .page-wrapper-test ul li.current span {
  color: #45505f;
}
.headingTag-hidden-accessiblity {
  color: transparent;
  line-height: 0;
  margin: 0;
  font-size: 1px;
}
.job-board-container {
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.5), white), url(/Content/Images/job-board-mask.svg);
  background-size: contain;
  border-radius: 8px;
  padding: 32px 24px 40px 24px;
  background-repeat: no-repeat;
  margin-bottom: 24px;
}
@media (max-width: 768px) {
  .job-board-container {
    padding: 32px 16px 28px 16px;
  }
}
.job-board-container .job-board-header-section {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 32px;
}
@media (max-width: 768px) {
  .job-board-container .job-board-header-section {
    flex-direction: column;
    align-items: flex-start;
  }
}
.job-board-container .job-board-header-section .job-board-header-text .title {
  margin-bottom: 4px;
  margin-top: 0;
  color: #1c304b;
}
.job-board-container .job-board-header-section a:hover {
  text-decoration: none;
}
@media (max-width: 768px) {
  .job-board-container .job-board-header-section a {
    width: 100%;
    margin-top: 20px;
  }
}
.job-board-container .job-board-header-section a:focus-visible:not(:active) {
  border-radius: 8px;
}
.job-board-container .job-board-panel-section .job-board-panel {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #f7f7fa;
  border-radius: 8px;
  border: 1px solid #ebebee;
  padding: 24px 24px 32px 24px;
  margin-bottom: 16px;
  column-gap: 8px;
}
.job-board-container .job-board-panel-section .job-board-panel:last-child {
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .job-board-container .job-board-panel-section .job-board-panel {
    padding: 24px 16px 28px 16px;
  }
}
.job-board-container .job-board-panel-section .job-board-panel .logo-desc-wrapper {
  display: flex;
  gap: 16px;
}
.job-board-container .job-board-panel-section .job-board-panel .logo-desc-wrapper .logo {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  margin: 0;
}
.job-board-container .job-board-panel-section .job-board-panel .logo-desc-wrapper .company-logo-bg {
  height: 54px;
  min-width: 62px;
  border-radius: 12px;
  flex: 1;
  padding: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #d8d8e2;
  font-size: 28px;
  font-weight: 700;
  line-height: 32px;
  color: #6b6b84;
  background-color: #efeff5;
}
.job-board-container .job-board-panel-section .job-board-panel .logo-desc-wrapper .logo-border-1,
.job-board-container .job-board-panel-section .job-board-panel .logo-desc-wrapper .logo-border-7,
.job-board-container .job-board-panel-section .job-board-panel .logo-desc-wrapper .logo-border-13 {
  border: 1px solid #d9b2d1;
}
.job-board-container .job-board-panel-section .job-board-panel .logo-desc-wrapper .logo-border-2,
.job-board-container .job-board-panel-section .job-board-panel .logo-desc-wrapper .logo-border-8,
.job-board-container .job-board-panel-section .job-board-panel .logo-desc-wrapper .logo-border-14 {
  border: 1px solid #b3afe2;
}
.job-board-container .job-board-panel-section .job-board-panel .logo-desc-wrapper .logo-border-3,
.job-board-container .job-board-panel-section .job-board-panel .logo-desc-wrapper .logo-border-9,
.job-board-container .job-board-panel-section .job-board-panel .logo-desc-wrapper .logo-border-15 {
  border: 1px solid #f6c7aa;
}
.job-board-container .job-board-panel-section .job-board-panel .logo-desc-wrapper .logo-border-4,
.job-board-container .job-board-panel-section .job-board-panel .logo-desc-wrapper .logo-border-10,
.job-board-container .job-board-panel-section .job-board-panel .logo-desc-wrapper .logo-border-16 {
  border: 1px solid #bfd3ac;
}
.job-board-container .job-board-panel-section .job-board-panel .logo-desc-wrapper .logo-border-5,
.job-board-container .job-board-panel-section .job-board-panel .logo-desc-wrapper .logo-border-11,
.job-board-container .job-board-panel-section .job-board-panel .logo-desc-wrapper .logo-border-17 {
  border: 1px solid #f4cbe8;
}
.job-board-container .job-board-panel-section .job-board-panel .logo-desc-wrapper .logo-border-6,
.job-board-container .job-board-panel-section .job-board-panel .logo-desc-wrapper .logo-border-12,
.job-board-container .job-board-panel-section .job-board-panel .logo-desc-wrapper .logo-border-18 {
  border: 1px solid #f7d3d0;
}
@media (max-width: 480px) {
  .job-board-container .job-board-panel-section .job-board-panel .logo-desc-wrapper .panel-desc {
    max-width: 140px;
  }
}
.job-board-container .job-board-panel-section .job-board-panel .logo-desc-wrapper .panel-desc h1 {
  margin-top: 0;
  margin-bottom: 4px;
}
.job-board-container .job-board-panel-section .job-board-panel .logo-desc-wrapper .panel-desc span {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
}
.job-board-container .job-board-panel-section .job-board-panel .go-btn-wrap {
  width: 40px;
  padding: 8px;
  border-radius: 8px;
  border: 1px solid #1c304b;
  cursor: pointer;
}
.job-search-toaster-position .job-agent-toastr .toast-title {
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  color: #1c304b;
}
.job-search-toaster-position .job-agent-toastr .toast-view-link:hover {
  text-decoration: underline;
}
.job-search-toaster-position .job-agent-toastr .toast-view-link:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: 0px !important;
  border-radius: 4px;
}
.main-content.resume-review-main-content {
  padding-top: 24px;
  padding-bottom: 24px;
  /*.resume-review-sections{
        min-height: 60vh;
     }*/

}
.branding-wrapper {
  height: calc(99vh - 158px);
}
@media (max-width: 768px) {
  .branding-wrapper {
    height: auto;
  }
}
.resume-review-main-content .page-wrapper-test {
  height: 40px;
}
.resume-review-main-content .resume-review-sections {
  background: white;
  border-radius: 8px;
  padding: 32px;
  /*margin-bottom: 140px;*/

}
.resume-review-main-content .resume-review-sections .draft-text {
  border-top: 1px solid #ebebee;
  padding-top: 24px;
}
.resume-review-main-content .resume-review-sections .draft-text p {
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
  font-size: 12px;
  font-weight: 300;
  line-height: 16px;
  letter-spacing: 0.048px;
  text-align: center;
}
.resume-review-main-content .resume-review-sections .draft-text p span a {
  color: #aa0285;
  font-family: 'Noto Sans', sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: 0.05em;
}
.resume-review-main-content .resume-review-sections .step {
  height: 9px;
  width: 9px;
  background-color: #ebebee;
  border-radius: 8px;
  margin: 0px 8px 0px 0px;
  display: inline-block;
}
.resume-review-main-content .resume-review-sections .step1,
.resume-review-main-content .resume-review-sections .step2 {
  background-color: #aa0285;
}
.resume-review-main-content .resume-review-sections .carousel {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
}
.resume-review-main-content .resume-review-sections .part-two {
  padding-top: 40px;
}
.resume-review-main-content .resume-review-sections .part-two .controls {
  position: relative;
}
.resume-review-main-content .resume-review-sections .part-two .controls img {
  position: absolute;
  top: 10px;
  right: 10px;
}
.resume-review-main-content .resume-review-sections .section-one .part-two {
  border-bottom: 1px solid #ebebee;
}
.resume-review-main-content .resume-review-sections .section-two .part-two {
  border-bottom: none;
}
.resume-review-main-content .resume-review-sections .resume-reviewed {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  color: #1c304b;
  padding-top: 16px;
  margin-bottom: 20px;
  margin-top: 0px;
}
.resume-review-main-content .resume-review-sections .textlabel {
  margin-bottom: 8px;
}
.resume-review-main-content .resume-review-sections .title-style {
  margin-bottom: 24px;
}
.resume-review-main-content .resume-review-sections .dropdown-label {
  margin-bottom: 0px;
}
.resume-review-main-content .resume-review-sections .sub-text {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  padding-bottom: 24px;
  color: #45505f;
  border-bottom: 1px solid #ebebee;
}
.resume-review-main-content .resume-review-sections .resume-option {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
  padding: 15px 20px;
  border-radius: 8px;
  background-color: white;
  border: 1px solid #e5e4ec;
}
.resume-review-main-content .resume-review-sections .resume-option .radio-icon {
  width: 100px;
  display: flex;
  align-items: center;
}
.resume-review-main-content .resume-review-sections .radio-button {
  margin-right: 10px;
}
.resume-review-main-content .resume-review-sections input[type='radio'] {
  appearance: none;
  border-radius: 50%;
  height: 16px;
  width: 16px;
  border: 1px solid #1c304b;
  transition: 0.2s all linear;
}
.resume-review-main-content .resume-review-sections input[type='radio']:checked {
  border-radius: 50%;
  height: 16px;
  width: 16px;
  border: 5px solid #aa0285;
}
.resume-review-main-content .resume-review-sections .resume-name {
  margin-right: 20px;
  flex: 1;
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  font-family: 'Noto Sans', sans-serif;
  color: #1c304b;
}
.resume-review-main-content .resume-review-sections .upload-button {
  margin-right: 10px;
  border: none;
  cursor: pointer;
  position: relative;
  display: flex;
  height: 40px;
  width: 40px;
  align-items: center;
  justify-content: space-around;
  border-radius: 50%;
  background-color: #f8f8f9;
  margin: 0px 15px 5px 20px;
}
.resume-review-main-content .resume-review-sections .selected-icon-bg {
  background-color: white;
}
.resume-review-main-content .resume-review-sections .upload-button i {
  font-size: 16px;
  color: #ebebee;
}
.resume-review-main-content .resume-review-sections .upload-date {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  font-family: 'Noto Sans', sans-serif;
  color: #45505f;
}
.resume-review-main-content .resume-review-sections .stepOne-upload-section {
  text-align: center;
  margin: 40px 0px;
  font-family: 'Noto Sans', sans-serif;
}
.resume-review-main-content .resume-review-sections .stepOne-upload-section .file-type {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: #1c304b;
  letter-spacing: 0.048px;
  margin-bottom: 24px;
}
.resume-review-main-content .resume-review-sections .stepOne-upload-section .upload-btn {
  clear: both;
}
.resume-review-main-content .resume-review-sections .btn-container {
  display: flex;
  justify-content: end;
  padding-top: 40px;
}
.resume-review-main-content .resume-review-sections .btn-container .primary-btn {
  background-color: #441750;
  color: white;
  border: 1px solid #441750;
}
.resume-review-main-content .resume-review-sections .btn-container .secondary-btn {
  background-color: white;
  color: #1c304b;
  border: 1px solid #1c304b;
}
.resume-review-main-content .resume-review-sections .btn-container .primary-disabled-btn {
  background-color: #ece8ed;
  color: #adadb5;
  border: 1px solid #ece8ed;
  cursor: not-allowed;
}
.resume-review-main-content .resume-review-sections .resume-btn {
  font-size: 14px;
  line-height: 24px;
  border-radius: 8px;
  font-weight: 500;
  text-align: center;
  text-transform: uppercase;
  margin: 0px 0px 10px 10px;
  padding: 7px 24px 7px;
  font-family: 'Noto Sans', sans-serif;
}
.resume-review-main-content .resume-review-sections .uploadFile {
  position: relative;
  display: flex;
  justify-content: center;
  margin: 0px 0px 24px 0px;
}
.resume-review-main-content .resume-review-sections .uploadFile .uploadFileImg {
  background: url(/Content/Images/Redeployment/upload_icon.svg);
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
}
.resume-review-main-content .resume-review-sections .resume_onetime {
  font-weight: 600;
  color: #1c304b;
  font-family: "Noto Sans";
  font-size: 14px;
  font-style: normal;
  line-height: 24px;
  letter-spacing: 0.056px;
}
.resume-review-main-content .resume-review-sections .resumeFileIcon {
  background: url(/Content/Images/Redeployment/resumeFileIcon.svg);
  width: 16px;
  height: 18px;
  background-repeat: no-repeat;
  color: #1c304b;
}
.resume-review-main-content .resume-review-sections .resumeUploadIcon {
  background: url(/Content/Images/Redeployment/resumeUploadIcon.svg);
  width: 15px;
  height: 19px;
  background-repeat: no-repeat;
  color: #1c304b;
}
@media (min-width: 768px) {
  .resume-review-main-content .resume-review-sections .col-sm-10 {
    float: none;
  }
}
.resume-review-main-content .resume-review-sections .removeResume {
  background: url(/Content/Images/Redeployment/removeResumeIcon.svg);
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  color: #5c6573;
  margin-top: 6px;
  order: 3;
  margin-left: 12px;
  cursor: pointer;
}
.resume-review-main-content .resume-review-sections .uploadedFileSection {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 14% 0%;
}
.resume-review-main-content .resume-review-sections .stepOne-upload {
  border: 1px dashed #e5e4ec;
  border-radius: 8px;
}
.resume-review-main-content .resume-review-sections .resumeName {
  order: 2;
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .resume-review-main-content .resume-review-sections .resumeName {
    max-width: 119px;
  }
}
.resume-review-main-content .resume-review-sections .upload-button-icon {
  order: 1;
  margin-right: 12px;
  border: none;
  cursor: pointer;
  position: relative;
  display: flex;
  height: 40px;
  width: 40px;
  align-items: center;
  justify-content: space-around;
  border-radius: 50%;
  background-color: #f8f8f9;
}
.resume-review-main-content .resume-review-sections .part-two #editForm {
  padding: 0% 15%;
}
.resume-review-main-content .resume-review-sections .close-icon {
  background-image: url(/Content/Images/icons/dark-close-icon.svg);
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 16px 16px;
}
.resume-review-main-content .resume-review-sections .selected-bg {
  background-color: #fcf7fb;
  border: 1px solid #aa0285;
}
.resume-review-main-content .resume-review-sections .resume-info {
  display: none;
}
.resume-review-main-content .resume-review-sections .name-date {
  display: flex;
  flex: 1;
}
.resume-review-main-content .resume-review-sections .upload-date {
  padding: 4px 0px;
}
.resume-review-main-content .resume-review-sections .left {
  margin-left: 180px;
}
.resume-review-main-content .resume-review-sections .red-aestrick {
  color: #c70f00;
  font-family: "Noto Sans";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  /* 133.333% */
  letter-spacing: 0.18px;
  text-transform: uppercase;
}
@media screen and (min-width: 320px) and (max-width: 767px) {
  .part-two {
    padding-top: 30px;
    padding-bottom: 40px;
  }
  .btn-container {
    display: flex;
    justify-content: end;
    padding: 30px 0px;
  }
  .btn-container .primary-btn {
    background-color: #441750;
    color: white;
    border: 1px solid #441750;
    margin-left: 180px;
    margin-bottom: 27px;
  }
  .btn-container .secondary-btn {
    background-color: white;
    color: #1c304b;
    border: 1px solid #1c304b;
  }
  .btn-container .primary-disabled-btn {
    background-color: #ece8ed;
    color: #adadb5;
    border: 1px solid #ece8ed;
    cursor: not-allowed;
    margin-bottom: 24px;
    margin-left: 180px;
  }
  .resume-review-sections {
    margin-bottom: 40px;
  }
  .resume-review-sections .part-two #editForm {
    padding: 0% 3% !important;
  }
  .resume-review-sections .file-type {
    width: auto;
  }
  .resume-review-sections .stepOne-upload-section {
    padding: 5% 5%;
  }
  .resume-review-sections .name-date {
    flex-direction: column;
  }
  .resume-review-sections .btn-container {
    display: flex;
    justify-content: center;
  }
  .resume-review-sections .section-two .part-two {
    border-bottom: 1px solid #ebebee;
    padding-bottom: 40px;
  }
  .resume-review-sections .section-two .btn-container {
    flex-direction: column;
  }
  .resume-review-sections .section-two .btn-container .resume-btn {
    width: 100%;
    margin: 24px 0px 10px 0px;
    white-space: normal;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
  }
  .resume-review-sections .section-two .btn-container .back-btn {
    order: 2;
    margin-top: 10px;
  }
  .resume-review-sections .section-two .btn-container .submit-review {
    order: 1;
    border-top: 1px solid #ebebee;
    padding-top: 15px;
  }
  .resume-review-sections .uploadedFileSection {
    padding: 14% 5%;
    padding-top: 142px;
  }
  .resume-review-sections .resume-info {
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    color: #5c6573;
    font-family: 'Noto Sans', sans-serif;
    display: block !important;
  }
  .resume-review-sections .resume-info .info-icon {
    background: url(/Content/Images/Redeployment/resumeInfoIcon.svg);
    width: 16px;
    height: 50px;
    background-repeat: no-repeat;
    color: #1c304b;
    position: absolute;
  }
  .resume-review-sections .resume-info .resume-info-text {
    padding: 0px 0px 0px 25px;
  }
  .resume-upload-footer {
    border-top: 1px solid #ebebee;
    padding-top: 24px;
    margin-top: 24px;
  }
  .resume-upload-footer p {
    text-align: center;
  }
  .resume-upload-footer p a {
    color: #aa0285;
  }
}
.resume-submitted-sections {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 32px;
  background: white;
  border-radius: 8px;
  margin-top: 32px;
  margin-bottom: 32px;
}
.resume-submitted-sections .resume-submitted-container {
  text-align: center;
}
.resume-submitted-sections .resume-submitted-container .resume-sumitted-title {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 16px;
  gap: 4px;
  background: #ebebee;
  border-radius: 16px;
  max-width: 265px;
  margin: 0 auto 16px;
}
.resume-submitted-sections .resume-submitted-container .resume-sumitted-title h1 {
  font-family: Noto Sans;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 0.05em;
  text-align: center;
  color: #1c304b;
  margin: 0;
  text-transform: uppercase;
}
.resume-submitted-sections .resume-submitted-container .resume-sumitted-title h1 img {
  margin-right: 8px;
}
.resume-submitted-sections .resume-submitted-container p {
  font-family: Noto Sans;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.004em;
  text-align: center;
  color: #45505f;
}
@media screen and (min-width: 768px) and (max-width: 1300px) {
  .section-two .btn-container {
    flex-direction: column;
    padding-top: 20px !important;
  }
  .section-two .btn-container .resume-btn {
    width: 100%;
    margin: 24px 0px 10px 0px;
    white-space: normal;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
  }
  .section-two .btn-container .back-btn {
    order: 2;
    margin-top: 10px;
  }
  .section-two .btn-container .submit-review {
    order: 1;
  }
}
.resume_review_container_fr {
  border-bottom: 1px solid #ebebee;
  padding-bottom: 34px;
}
.resume_review_container_fr h6.body_base {
  font-weight: 600;
}
.resume_review_container_fr p {
  font-family: 'Noto Sans', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #45505f;
}
.resume_review_container_fr ul {
  padding-left: 27px;
}
.resume_review_container_fr ul li {
  font-family: 'Noto Sans', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #45505f;
}
.resume_review_container_fr ul li a.link-xs {
  text-transform: lowerCase;
  font-family: 'Noto Sans', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
}
.three-info-border.three-info-fr {
  border: none !important;
  padding-top: 0px;
}
.three-info-border.three-info-fr ul li {
  color: #45505f;
}
.three-info-border.three-info-fr ul li a.link-xs {
  text-transform: lowerCase;
}
.three-info-border.three-info-fr ul li b {
  font-weight: 600;
}
@media (min-width: 768px) {
  .sessiondetails-modal.coach-modal .modal-dialog,
  .sessiondetails-modal.cancel-modal .modal-dialog {
    width: 567px;
  }
}
.sessiondetails-modal.coach-modal .modal-content,
.sessiondetails-modal.cancel-modal .modal-content {
  border-radius: 8px;
}
.sessiondetails-modal.coach-modal .modal-content .session-details-modal-content,
.sessiondetails-modal.cancel-modal .modal-content .session-details-modal-content {
  padding-left: 0px !important;
  padding-right: 0px !important;
  border-radius: 8px;
  box-shadow: 6px 4px 24px 0px rgba(28, 48, 75, 0.08);
  padding-bottom: 32px;
}
@media (min-width: 320px) and (max-width: 800px) {
  .sessiondetails-modal.coach-modal .modal-content .session-details-modal-content,
  .sessiondetails-modal.cancel-modal .modal-content .session-details-modal-content {
    width: 100%;
  }
}
.sessiondetails-modal.coach-modal .modal-content #exp-modal .modal-header,
.sessiondetails-modal.cancel-modal .modal-content #exp-modal .modal-header {
  flex-direction: row-reverse;
}
.sessiondetails-modal.coach-modal .modal-content #exp-modal .modal-header .close-icon,
.sessiondetails-modal.cancel-modal .modal-content #exp-modal .modal-header .close-icon {
  width: 24px;
  height: 24px;
  background: none;
}
.sessiondetails-modal.coach-modal .modal-content #exp-modal .modal-body,
.sessiondetails-modal.cancel-modal .modal-content #exp-modal .modal-body {
  padding: 24px 40px 32px;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .sessiondetails-modal.coach-modal .modal-content #exp-modal .modal-body,
  .sessiondetails-modal.cancel-modal .modal-content #exp-modal .modal-body {
    padding: 24px 24px 32px;
  }
}
.sessiondetails-modal.coach-modal .modal-content #exp-modal .modal-body.cancel-body,
.sessiondetails-modal.cancel-modal .modal-content #exp-modal .modal-body.cancel-body {
  padding-bottom: 16px;
}
.sessiondetails-modal.coach-modal .modal-content #exp-modal .modal-body .event-title-model,
.sessiondetails-modal.cancel-modal .modal-content #exp-modal .modal-body .event-title-model {
  margin-bottom: 12px;
  display: flex;
  justify-content: flex-start;
  gap: 16px;
  align-items: center;
}
.sessiondetails-modal.coach-modal .modal-content #exp-modal .modal-body .title-meeting,
.sessiondetails-modal.cancel-modal .modal-content #exp-modal .modal-body .title-meeting {
  color: #1c304b;
}
.sessiondetails-modal.coach-modal .modal-content #exp-modal .modal-body .coach__bio__modal.event-title-model .coach__image,
.sessiondetails-modal.cancel-modal .modal-content #exp-modal .modal-body .coach__bio__modal.event-title-model .coach__image {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  margin: 0px;
  border: none;
  background-color: #ebebee;
}
.sessiondetails-modal.coach-modal .modal-content #exp-modal .modal-body .coach__bio__modal.event-title-model .coach__image .coach__bio__photo img,
.sessiondetails-modal.cancel-modal .modal-content #exp-modal .modal-body .coach__bio__modal.event-title-model .coach__image .coach__bio__photo img {
  max-width: 100%;
  border-radius: 50%;
  height: 32px;
  border: 0px;
  font-size: 12px;
}
.sessiondetails-modal.coach-modal .modal-content #exp-modal .modal-body .coach__bio__modal.event-title-model .coach__image .coach__bio__avatar,
.sessiondetails-modal.cancel-modal .modal-content #exp-modal .modal-body .coach__bio__modal.event-title-model .coach__image .coach__bio__avatar {
  border-radius: 50%;
  border: 0px;
  text-align: center;
  height: 28px;
  padding: 3px;
}
.sessiondetails-modal.coach-modal .modal-content #exp-modal .modal-body .coach__bio__modal.event-title-model .coach__image .coach__bio__avatar .coach__initials,
.sessiondetails-modal.cancel-modal .modal-content #exp-modal .modal-body .coach__bio__modal.event-title-model .coach__image .coach__bio__avatar .coach__initials {
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #1c304b;
  font-weight: 600;
  word-break: keep-all;
}
.sessiondetails-modal.coach-modal .modal-content #exp-modal .modal-body .sub-header-line,
.sessiondetails-modal.cancel-modal .modal-content #exp-modal .modal-body .sub-header-line {
  margin-bottom: 24px;
  color: #45505f;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.sessiondetails-modal.coach-modal .modal-content #exp-modal .modal-body .sub-header-line .icon-text-event,
.sessiondetails-modal.cancel-modal .modal-content #exp-modal .modal-body .sub-header-line .icon-text-event {
  margin-right: 16px;
}
.sessiondetails-modal.coach-modal .modal-content #exp-modal .modal-body .session-desc-modal,
.sessiondetails-modal.cancel-modal .modal-content #exp-modal .modal-body .session-desc-modal {
  color: #5c6573;
}
.sessiondetails-modal.coach-modal .modal-content #exp-modal .modal-body .meeting-message-text,
.sessiondetails-modal.cancel-modal .modal-content #exp-modal .modal-body .meeting-message-text {
  text-align: center;
  padding: 24px 0;
}
@media (max-width: 767px) {
  .sessiondetails-modal.coach-modal .modal-content #exp-modal .modal-body .meeting-message-text,
  .sessiondetails-modal.cancel-modal .modal-content #exp-modal .modal-body .meeting-message-text {
    padding: 24px 0px;
  }
}
.sessiondetails-modal.coach-modal .modal-content #exp-modal .modal-body .meeting-message-text .body_large_semibold,
.sessiondetails-modal.cancel-modal .modal-content #exp-modal .modal-body .meeting-message-text .body_large_semibold {
  padding: 8px 0;
  color: #1c304b;
}
@media (max-width: 767px) {
  .sessiondetails-modal.coach-modal .modal-content #exp-modal .modal-body .meeting-message-text .body_large_semibold,
  .sessiondetails-modal.cancel-modal .modal-content #exp-modal .modal-body .meeting-message-text .body_large_semibold {
    padding: 8px 0px;
  }
}
.sessiondetails-modal.coach-modal .modal-content #exp-modal .modal-body .meeting-message-text .body_large_semibold .meeting-pink-text,
.sessiondetails-modal.cancel-modal .modal-content #exp-modal .modal-body .meeting-message-text .body_large_semibold .meeting-pink-text {
  color: #aa0285;
  display: block;
}
.sessiondetails-modal.coach-modal .modal-content #exp-modal .date-event-icon,
.sessiondetails-modal.cancel-modal .modal-content #exp-modal .date-event-icon {
  position: relative;
  margin-right: 24px;
}
.sessiondetails-modal.coach-modal .modal-content #exp-modal .date-event-icon::after,
.sessiondetails-modal.cancel-modal .modal-content #exp-modal .date-event-icon::after {
  position: absolute;
  content: '';
  background-image: url(/Content/Images/Redeployment/date-meetings-icon.svg);
  width: 16px;
  height: 16px;
  top: 1px;
  left: 1px;
  background-repeat: no-repeat;
}
.sessiondetails-modal.coach-modal .modal-content #exp-modal .card-time-icon,
.sessiondetails-modal.cancel-modal .modal-content #exp-modal .card-time-icon {
  position: relative;
  margin-right: 24px;
}
.sessiondetails-modal.coach-modal .modal-content #exp-modal .card-time-icon::after,
.sessiondetails-modal.cancel-modal .modal-content #exp-modal .card-time-icon::after {
  position: absolute;
  content: '';
  background-image: url(/Content/Images/Redeployment/schedule-meeting.svg);
  width: 16px;
  height: 16px;
  top: 1px;
  left: 0px;
  background-repeat: no-repeat;
}
.sessiondetails-modal.coach-modal .modal-content #exp-modal .meeing-join-info,
.sessiondetails-modal.cancel-modal .modal-content #exp-modal .meeing-join-info {
  margin-top: 8px;
  text-align: left;
  color: #5c6573;
}
.sessiondetails-modal.coach-modal .modal-content #exp-modal .modal-footer,
.sessiondetails-modal.cancel-modal .modal-content #exp-modal .modal-footer {
  padding: 0px !important;
  margin: 0px 40px;
}
@media (max-width: 767px) {
  .sessiondetails-modal.coach-modal .modal-content #exp-modal .modal-footer,
  .sessiondetails-modal.cancel-modal .modal-content #exp-modal .modal-footer {
    margin: 0px 24px;
  }
}
.sessiondetails-modal.coach-modal .modal-content #exp-modal .modal-footer:before,
.sessiondetails-modal.cancel-modal .modal-content #exp-modal .modal-footer:before {
  margin-bottom: 24px;
}
.sessiondetails-modal.coach-modal .modal-content #exp-modal .modal-footer .btn,
.sessiondetails-modal.cancel-modal .modal-content #exp-modal .modal-footer .btn {
  width: 100%;
  height: auto;
  white-space: normal;
  margin-left: auto;
}
.sessiondetails-modal.coach-modal .modal-content #exp-modal .modal-footer .coaching-meeting-popup-footer .registered-all-button,
.sessiondetails-modal.cancel-modal .modal-content #exp-modal .modal-footer .coaching-meeting-popup-footer .registered-all-button {
  display: flex;
  flex-direction: row;
  gap: 12px;
  align-items: center;
}
.sessiondetails-modal.coach-modal .modal-content #exp-modal .modal-footer .coaching-meeting-popup-footer .registered-all-button .cancel-meeting-btn,
.sessiondetails-modal.cancel-modal .modal-content #exp-modal .modal-footer .coaching-meeting-popup-footer .registered-all-button .cancel-meeting-btn {
  order: 1;
  height: 40px;
}
.sessiondetails-modal.coach-modal .modal-content #exp-modal .modal-footer .coaching-meeting-popup-footer .registered-all-button .joining-meeting-button,
.sessiondetails-modal.cancel-modal .modal-content #exp-modal .modal-footer .coaching-meeting-popup-footer .registered-all-button .joining-meeting-button {
  order: 0;
  background-color: #441750;
  color: white;
  margin-top: 0px;
  min-height: 40px;
}
.sessiondetails-modal.coach-modal .modal-content #exp-modal .modal-footer .coaching-meeting-popup-footer .registered-all-button .btn,
.sessiondetails-modal.cancel-modal .modal-content #exp-modal .modal-footer .coaching-meeting-popup-footer .registered-all-button .btn {
  width: 50%;
}
@media (max-width: 767px) {
  .sessiondetails-modal.coach-modal .modal-content #exp-modal .modal-footer .coaching-meeting-popup-footer .registered-all-button,
  .sessiondetails-modal.cancel-modal .modal-content #exp-modal .modal-footer .coaching-meeting-popup-footer .registered-all-button {
    display: block;
  }
  .sessiondetails-modal.coach-modal .modal-content #exp-modal .modal-footer .coaching-meeting-popup-footer .registered-all-button .btn,
  .sessiondetails-modal.cancel-modal .modal-content #exp-modal .modal-footer .coaching-meeting-popup-footer .registered-all-button .btn {
    width: 100%;
    margin-bottom: 12px;
  }
}
.sessiondetails-modal.coach-modal .modal-content #exp-modal .modal-footer .coaching-meeting-popup-footer .single-btn-display,
.sessiondetails-modal.cancel-modal .modal-content #exp-modal .modal-footer .coaching-meeting-popup-footer .single-btn-display {
  display: block;
}
.sessiondetails-modal.coach-modal .modal-content #exp-modal .modal-footer .coaching-meeting-popup-footer .single-btn-display .btn,
.sessiondetails-modal.cancel-modal .modal-content #exp-modal .modal-footer .coaching-meeting-popup-footer .single-btn-display .btn {
  width: 100%;
  margin-bottom: 0;
}
.sessiondetails-modal.coach-modal .modal-content #exp-modal .modal-footer .coaching-meeting-popup-footer .single-btn-display .cancel-meeting-btn,
.sessiondetails-modal.cancel-modal .modal-content #exp-modal .modal-footer .coaching-meeting-popup-footer .single-btn-display .cancel-meeting-btn {
  order: 1;
  height: 40px;
}
@media (max-width: 767px) {
  .sessiondetails-modal.coach-modal .modal-content #exp-modal .modal-footer .coaching-meeting-popup-footer .single-btn-display,
  .sessiondetails-modal.cancel-modal .modal-content #exp-modal .modal-footer .coaching-meeting-popup-footer .single-btn-display {
    display: block;
  }
  .sessiondetails-modal.coach-modal .modal-content #exp-modal .modal-footer .coaching-meeting-popup-footer .single-btn-display .btn,
  .sessiondetails-modal.cancel-modal .modal-content #exp-modal .modal-footer .coaching-meeting-popup-footer .single-btn-display .btn {
    width: 100%;
    margin-bottom: 12px;
  }
}
.sessiondetails-modal.coach-modal .modal-content #exp-modal .modal-footer .registered-all-button,
.sessiondetails-modal.cancel-modal .modal-content #exp-modal .modal-footer .registered-all-button {
  display: flex;
  justify-content: space-between;
  gap: 12px;
}
@media (max-width: 767px) {
  .sessiondetails-modal.coach-modal .modal-content #exp-modal .modal-footer .registered-all-button,
  .sessiondetails-modal.cancel-modal .modal-content #exp-modal .modal-footer .registered-all-button {
    display: block;
  }
}
.sessiondetails-modal.coach-modal .modal-content #exp-modal .modal-footer .registered-all-button custom-button,
.sessiondetails-modal.cancel-modal .modal-content #exp-modal .modal-footer .registered-all-button custom-button {
  width: 50%;
}
@media (max-width: 767px) {
  .sessiondetails-modal.coach-modal .modal-content #exp-modal .modal-footer .registered-all-button custom-button,
  .sessiondetails-modal.cancel-modal .modal-content #exp-modal .modal-footer .registered-all-button custom-button {
    width: 100%;
  }
}
.sessiondetails-modal.coach-modal .modal-content #exp-modal .modal-footer .registered-all-button custom-button .btn.primary-btn--md,
.sessiondetails-modal.cancel-modal .modal-content #exp-modal .modal-footer .registered-all-button custom-button .btn.primary-btn--md,
.sessiondetails-modal.coach-modal .modal-content #exp-modal .modal-footer .registered-all-button custom-button .btn.secondary-btn--md,
.sessiondetails-modal.cancel-modal .modal-content #exp-modal .modal-footer .registered-all-button custom-button .btn.secondary-btn--md {
  width: 100%;
  margin-bottom: 12px;
  white-space: normal;
  margin-left: auto;
}
.sessiondetails-modal.coach-modal .modal-content #exp-modal .modal-footer .registered-all-button custom-button .btn.secondary-btn--md,
.sessiondetails-modal.cancel-modal .modal-content #exp-modal .modal-footer .registered-all-button custom-button .btn.secondary-btn--md {
  border-width: 1.5px !important;
}
.sessiondetails-modal.coach-modal .modal-content #exp-modal .modal-footer .joining-meeting-button custom-button .btn.primary-btn--md,
.sessiondetails-modal.cancel-modal .modal-content #exp-modal .modal-footer .joining-meeting-button custom-button .btn.primary-btn--md,
.sessiondetails-modal.coach-modal .modal-content #exp-modal .modal-footer .joining-meeting-button custom-button .btn.secondary-btn--md,
.sessiondetails-modal.cancel-modal .modal-content #exp-modal .modal-footer .joining-meeting-button custom-button .btn.secondary-btn--md {
  white-space: normal;
  margin-left: auto;
}
.sessiondetails-modal.coach-modal .modal-content #exp-modal .modal-footer .info-h-icon,
.sessiondetails-modal.cancel-modal .modal-content #exp-modal .modal-footer .info-h-icon {
  position: relative;
  margin-right: 24px;
}
.sessiondetails-modal.coach-modal .modal-content #exp-modal .modal-footer .info-h-icon::after,
.sessiondetails-modal.cancel-modal .modal-content #exp-modal .modal-footer .info-h-icon::after {
  position: absolute;
  content: '';
  background-image: url(/Content/Images/Redeployment/info-h-icon.svg);
  width: 16px;
  height: 16px;
  top: 1px;
  left: 1px;
  background-repeat: no-repeat;
}
.sessiondetails-modal.coach-modal .modal-content #exp-modal .modal-footer .sessionDetails-footer-outer-cancel .btn,
.sessiondetails-modal.cancel-modal .modal-content #exp-modal .modal-footer .sessionDetails-footer-outer-cancel .btn {
  width: auto;
  height: auto;
}
.sessiondetails-modal.coach-modal .modal-content #exp-modal .modal-footer .sessionDetails-footer-outer-cancel .cancel-group-button,
.sessiondetails-modal.cancel-modal .modal-content #exp-modal .modal-footer .sessionDetails-footer-outer-cancel .cancel-group-button {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
}
@media (max-width: 767px) {
  .sessiondetails-modal.coach-modal .modal-content #exp-modal .modal-footer .sessionDetails-footer-outer-cancel .cancel-group-button,
  .sessiondetails-modal.cancel-modal .modal-content #exp-modal .modal-footer .sessionDetails-footer-outer-cancel .cancel-group-button {
    display: block;
  }
}
.sessiondetails-modal.coach-modal .modal-content #exp-modal .modal-footer .sessionDetails-footer-outer-cancel .cancel-group-button custom-button,
.sessiondetails-modal.cancel-modal .modal-content #exp-modal .modal-footer .sessionDetails-footer-outer-cancel .cancel-group-button custom-button {
  flex: 6;
  display: flex;
}
.sessiondetails-modal.coach-modal .modal-content #exp-modal .modal-footer .sessionDetails-footer-outer-cancel .cancel-group-button custom-button .btn.primary-btn--md,
.sessiondetails-modal.cancel-modal .modal-content #exp-modal .modal-footer .sessionDetails-footer-outer-cancel .cancel-group-button custom-button .btn.primary-btn--md,
.sessiondetails-modal.coach-modal .modal-content #exp-modal .modal-footer .sessionDetails-footer-outer-cancel .cancel-group-button custom-button .btn.secondary-btn--md,
.sessiondetails-modal.cancel-modal .modal-content #exp-modal .modal-footer .sessionDetails-footer-outer-cancel .cancel-group-button custom-button .btn.secondary-btn--md {
  white-space: normal;
  word-break: break-word;
  margin-left: auto;
  width: 100%;
}
.sessiondetails-modal.coach-modal .modal-content #exp-modal .modal-footer .sessionDetails-footer-outer-cancel .cancel-group-button custom-button .btn.secondary-btn--md:first-child,
.sessiondetails-modal.cancel-modal .modal-content #exp-modal .modal-footer .sessionDetails-footer-outer-cancel .cancel-group-button custom-button .btn.secondary-btn--md:first-child {
  padding: 7px 24px;
  border-width: 1.5px !important;
}
@media (max-width: 767px) {
  .sessiondetails-modal.coach-modal .modal-content #exp-modal .modal-footer .sessionDetails-footer-outer-cancel .cancel-group-button custom-button .btn.secondary-btn--md:first-child,
  .sessiondetails-modal.cancel-modal .modal-content #exp-modal .modal-footer .sessionDetails-footer-outer-cancel .cancel-group-button custom-button .btn.secondary-btn--md:first-child {
    margin-bottom: 8px;
  }
}
.modal-content #video-modal {
  position: relative;
  margin-top: 150px;
}
.modal-content #video-modal .close-modal-cross {
  display: block;
  position: absolute;
  right: -50px;
  background: #f7f7fa;
  border-radius: 8px;
  padding: 4px;
}
@media (max-width: 768px) {
  .modal-content #video-modal .close-modal-cross {
    right: 0;
    top: -40px;
  }
}
.modal-content #video-modal .modal-body {
  padding: 0;
}
.modal-content #video-modal .modal-body .player-container {
  display: block;
}
@media (min-width: 768px) {
  .sessiondetails-modal .modal-dialog {
    width: 567px;
  }
}
.sessiondetails-modal .modal-content .session-details-modal-content {
  padding-left: 0px !important;
  padding-right: 0px !important;
  border-radius: 8px;
  box-shadow: 6px 4px 24px 0px rgba(28, 48, 75, 0.08);
  padding-bottom: 32px;
}
@media (min-width: 320px) and (max-width: 800px) {
  .sessiondetails-modal .modal-content .session-details-modal-content {
    width: 100%;
  }
}
.sessiondetails-modal .modal-content #exp-modal .modal-header {
  flex-direction: row-reverse;
}
.sessiondetails-modal .modal-content #exp-modal .modal-header .close-icon {
  width: 24px;
  height: 24px;
  background: none;
}
.sessiondetails-modal .modal-content #exp-modal .modal-body {
  padding: 24px 40px 32px;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .sessiondetails-modal .modal-content #exp-modal .modal-body {
    padding: 24px 24px 32px;
  }
}
.sessiondetails-modal .modal-content #exp-modal .modal-body .event-title-model {
  margin-bottom: 12px;
  color: #1c304b;
}
.sessiondetails-modal .modal-content #exp-modal .modal-body .sub-header-line {
  margin-bottom: 24px;
  color: #45505f;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.sessiondetails-modal .modal-content #exp-modal .modal-body .sub-header-line .online-text {
  font-weight: 600;
}
.sessiondetails-modal .modal-content #exp-modal .modal-body .sub-header-line .icon-text-event {
  margin-right: 16px;
}
.sessiondetails-modal .modal-content #exp-modal .modal-body .session-desc-modal {
  margin-bottom: 24px;
  color: #5c6573;
}
.sessiondetails-modal .modal-content #exp-modal .modal-body .sessionDetails-PDF-modal {
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  text-transform: uppercase;
  color: #aa0285;
  font-family: 'Noto Sans', sans-serif;
}
.sessiondetails-modal .modal-content #exp-modal .online-event-icon {
  position: relative;
  margin-right: 24px;
}
.sessiondetails-modal .modal-content #exp-modal .online-event-icon::after {
  position: absolute;
  content: '';
  background-image: url(/Content/Images/Redeployment/online-event-icon.svg);
  width: 16px;
  height: 16px;
  top: 1px;
  left: 1px;
  background-repeat: no-repeat;
}
.sessiondetails-modal .modal-content #exp-modal .date-event-icon {
  position: relative;
  margin-right: 24px;
}
.sessiondetails-modal .modal-content #exp-modal .date-event-icon::after {
  position: absolute;
  content: '';
  background-image: url(/Content/Images/Redeployment/date-events-icon.svg);
  width: 16px;
  height: 16px;
  top: 1px;
  left: 1px;
  background-repeat: no-repeat;
}
.sessiondetails-modal .modal-content #exp-modal .card-time-icon {
  position: relative;
  margin-right: 24px;
}
.sessiondetails-modal .modal-content #exp-modal .card-time-icon::after {
  position: absolute;
  content: '';
  background-image: url(/Content/Images/Redeployment/schedule-meeting.svg);
  width: 16px;
  height: 16px;
  top: 1px;
  left: 1px;
  background-repeat: no-repeat;
}
.sessiondetails-modal .modal-content #exp-modal .meeing-join-info {
  margin-top: 8px;
  text-align: left !important;
  color: #5c6573;
}
.sessiondetails-modal .modal-content #exp-modal .language-event-icon {
  position: relative;
  margin-right: 24px;
}
.sessiondetails-modal .modal-content #exp-modal .language-event-icon::after {
  position: absolute;
  content: '';
  background-image: url(/Content/Images/Redeployment/language-event-icon.svg);
  width: 16px;
  height: 16px;
  top: 1px;
  left: 1px;
  background-repeat: no-repeat;
}
.sessiondetails-modal .modal-content #exp-modal .pdf-event-icon {
  position: relative;
  margin-right: 24px;
}
.sessiondetails-modal .modal-content #exp-modal .pdf-event-icon::after {
  position: absolute;
  content: '';
  background-image: url(/Content/Images/Redeployment/pdf-events-icon.svg);
  width: 16px;
  height: 16px;
  top: 5px;
  left: 1px;
  background-repeat: no-repeat;
}
.sessiondetails-modal .modal-content #exp-modal .modal-footer {
  padding: 0px !important;
  margin: 0px 40px;
}
@media (max-width: 767px) {
  .sessiondetails-modal .modal-content #exp-modal .modal-footer {
    margin: 0px 24px;
  }
}
.sessiondetails-modal .modal-content #exp-modal .modal-footer:before {
  margin-bottom: 24px;
}
.sessiondetails-modal .modal-content #exp-modal .modal-footer .btn {
  width: 100%;
  height: auto;
}
.sessiondetails-modal .modal-content #exp-modal .modal-footer .coaching-meeting-popup-footer .registered-all-button {
  display: flex;
  flex-direction: row;
  gap: 12px;
  align-items: center;
}
.sessiondetails-modal .modal-content #exp-modal .modal-footer .coaching-meeting-popup-footer .registered-all-button .btn {
  width: 50%;
}
.sessiondetails-modal .modal-content #exp-modal .modal-footer .coaching-meeting-popup-footer .registered-all-button .cancel-meeting-btn {
  order: 1;
  height: 40px;
}
.sessiondetails-modal .modal-content #exp-modal .modal-footer .coaching-meeting-popup-footer .registered-all-button .joining-meeting-button {
  order: 0;
  background-color: #441750;
  color: white;
  margin-top: 0px;
  min-height: 40px;
}
@media (max-width: 767px) {
  .sessiondetails-modal .modal-content #exp-modal .modal-footer .coaching-meeting-popup-footer .registered-all-button {
    display: block;
  }
  .sessiondetails-modal .modal-content #exp-modal .modal-footer .coaching-meeting-popup-footer .registered-all-button .btn {
    width: 100%;
    margin-bottom: 12px;
  }
}
.sessiondetails-modal .modal-content #exp-modal .modal-footer .coaching-meeting-popup-footer .single-btn-display {
  display: block;
}
.sessiondetails-modal .modal-content #exp-modal .modal-footer .coaching-meeting-popup-footer .single-btn-display .btn {
  width: 100%;
  margin-bottom: 0;
}
.sessiondetails-modal .modal-content #exp-modal .modal-footer .coaching-meeting-popup-footer .single-btn-display .cancel-meeting-btn {
  order: 1;
  height: 40px;
}
@media (max-width: 767px) {
  .sessiondetails-modal .modal-content #exp-modal .modal-footer .coaching-meeting-popup-footer .single-btn-display {
    display: block;
  }
  .sessiondetails-modal .modal-content #exp-modal .modal-footer .coaching-meeting-popup-footer .single-btn-display .btn {
    width: 100%;
    margin-bottom: 12px;
  }
}
.sessiondetails-modal .modal-content #exp-modal .modal-footer .registered-all-button {
  display: flex;
  justify-content: space-between;
  gap: 12px;
}
@media (max-width: 767px) {
  .sessiondetails-modal .modal-content #exp-modal .modal-footer .registered-all-button {
    display: block;
  }
  .sessiondetails-modal .modal-content #exp-modal .modal-footer .registered-all-button .btn {
    width: 100%;
  }
}
.sessiondetails-modal .modal-content #exp-modal .modal-footer .registered-all-button custom-button {
  width: 50%;
}
@media (max-width: 767px) {
  .sessiondetails-modal .modal-content #exp-modal .modal-footer .registered-all-button custom-button {
    width: 100%;
  }
}
.sessiondetails-modal .modal-content #exp-modal .modal-footer .registered-all-button custom-button .btn.primary-btn--md,
.sessiondetails-modal .modal-content #exp-modal .modal-footer .registered-all-button custom-button .btn.secondary-btn--md {
  width: 100%;
  margin-bottom: 12px;
  white-space: normal;
  margin-left: auto;
}
.sessiondetails-modal .modal-content #exp-modal .modal-footer .joining-meeting-button custom-button .btn.primary-btn--md,
.sessiondetails-modal .modal-content #exp-modal .modal-footer .joining-meeting-button custom-button .btn.secondary-btn--md {
  white-space: normal;
  margin-left: auto;
}
.sessiondetails-modal .modal-content #exp-modal .modal-footer .info-h-icon {
  position: relative;
  margin-right: 24px;
}
.sessiondetails-modal .modal-content #exp-modal .modal-footer .info-h-icon::after {
  position: absolute;
  content: '';
  background-image: url(/Content/Images/Redeployment/info-h-icon.svg);
  width: 16px;
  height: 16px;
  top: 1px;
  left: 1px;
  background-repeat: no-repeat;
}
.jobtracker-img-container.jobtracker-img-skeleton .skeleton-squre-gray {
  border-radius: 15px;
  background-color: #d8d8e2;
  min-height: 32px;
}
.jobtracker-img-container.jobtracker-img-skeleton .full-banner {
  width: 100%;
  height: 80px;
  min-height: 80px;
  margin-bottom: 16px;
}
.jobtracker-img-container.jobtracker-img-skeleton .skeleton-line-gray {
  background: #d8d8e2;
  margin-bottom: 8px;
  height: 12px;
}
.jobtracker-img-container.jobtracker-img-skeleton .line-small-one {
  width: 230px;
}
.jobtracker-img-container.jobtracker-img-skeleton .btn-one {
  width: 161px;
  min-height: 40px;
  margin-bottom: 0px;
  margin-top: 16px;
}
.jobtracker-img-container .jobhub-tracker-arrow-icon {
  position: relative;
  margin-right: 15px;
  margin-left: 5px;
}
.jobtracker-img-container .jobhub-tracker-arrow-icon::after {
  content: '';
  background: url(/Content/Images/Redeployment/tracker-white-arrow.svg) no-repeat;
  position: absolute;
  left: 5px;
  top: 4px;
  height: 13px;
  width: 13px;
}
.your-upcoming-events {
  padding: 24px 24px 32px;
  border-radius: 8px;
  background-color: white;
  margin-bottom: 24px;
}
@media (max-width: 767px) {
  .your-upcoming-events {
    padding: 24px 16px 32px;
  }
}
.your-upcoming-events .homehub-container-title {
  color: #1c304b;
  margin-bottom: 24px;
}
.your-upcoming-events .upcomig-meeting-top-sec {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
}
.your-upcoming-events .upcomig-meeting-top-sec .homehub-container-title {
  margin-bottom: 0px;
}
.your-upcoming-events .homehub-card {
  min-height: 88px;
  margin-bottom: 24px;
  border-radius: 8px;
  border: 1px solid #ebebee;
  background: white;
  cursor: pointer;
}
.your-upcoming-events .homehub-card:hover .homehub-card-title .card-title.subtitle .live-title {
  text-decoration: underline;
}
.your-upcoming-events .homehub-card:last-child {
  margin-bottom: 0px;
}
@media (max-width: 768px) {
  .your-upcoming-events .homehub-card {
    display: block;
  }
}
.your-upcoming-events .homehub-card .homehub-card-desc {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex: 6;
  border-bottom: 1px solid #ebebee;
  padding-bottom: 16px;
}
.your-upcoming-events .homehub-card .homehub-card-desc .homehub-card-date {
  border-right: 1px solid #ebebee;
  padding-right: 24px;
  word-break: keep-all;
}
.your-upcoming-events .homehub-card .homehub-card-desc .homehub-card-date .card-date-detail {
  border-radius: 8px;
  border: 1px solid #ff097f;
  background-color: rgba(255, 9, 127, 0.05);
  padding: 4px 12px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.your-upcoming-events .homehub-card .homehub-card-desc .homehub-card-date .card-date-detail .card-date-num {
  color: #1c304b;
  font-size: 24px;
  line-height: 24px;
  font-weight: 700;
  font-family: 'Noto Sans', sans-serif;
  margin: 4px 0px;
}
.your-upcoming-events .homehub-card .homehub-card-desc .homehub-card-title {
  padding: 0 24px;
}
@media (max-width: 767px) {
  .your-upcoming-events .homehub-card .homehub-card-desc .homehub-card-title {
    padding: 0px 4px 0px 24px;
  }
}
.your-upcoming-events .homehub-card .homehub-card-desc .homehub-card-title .card-title {
  margin-bottom: 4px;
}
.your-upcoming-events .homehub-card .homehub-card-desc .homehub-card-title .card-title .live-title {
  margin-right: 8px;
  color: #1c304b;
}
.your-upcoming-events .homehub-card .homehub-card-desc .homehub-card-title .card-title .live-label {
  min-width: 40px;
  Height: 20px;
  border-radius: 4px;
  Border: 1px, solid, #33841f;
  Padding: 2px 8px 2px 8px;
  background-color: #dcf5d6;
  font-size: 10px;
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
  font-weight: 500;
  line-height: 16px;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
}
.your-upcoming-events .homehub-card .homehub-card-desc .homehub-card-title .card-time {
  display: flex;
  align-items: center;
  gap: 16px;
}
@media (max-width: 429px) {
  .your-upcoming-events .homehub-card .homehub-card-desc .homehub-card-title .card-time {
    align-items: flex-start;
    flex-direction: column;
  }
}
.your-upcoming-events .homehub-card .homehub-card-desc .homehub-card-title .card-time .card-time-icon {
  position: relative;
  margin-right: 24px;
}
.your-upcoming-events .homehub-card .homehub-card-desc .homehub-card-title .card-time .card-time-icon::after {
  position: absolute;
  content: '';
  background-image: url(/Content/Images/Redeployment/schedule-meeting.svg);
  width: 16px;
  height: 16px;
  top: 2px;
  left: 1px;
  background-repeat: no-repeat;
}
.your-upcoming-events .homehub-card .homehub-card-desc .homehub-card-title .action-info-text {
  color: #5c6573;
}
.your-upcoming-events .homehub-card .homehub-card-action {
  padding-top: 16px;
}
@media (max-width: 768px) {
  .your-upcoming-events .homehub-card .homehub-card-action {
    text-align: left;
  }
}
.your-upcoming-events .homehub-card .homehub-card-action .card-action-btn {
  display: flex;
  align-items: center;
  column-gap: 12px;
}
@media (max-width: 768px) {
  .your-upcoming-events .homehub-card .homehub-card-action .card-action-btn {
    display: block;
  }
}
.your-upcoming-events .homehub-card .homehub-card-action .card-action-btn .link_small:focus-visible {
  outline: 4px solid #ff5858 !important;
  border-radius: 2px !important;
  outline-offset: 0px !important;
}
.your-upcoming-events .homehub-card .homehub-card-action .card-action-btn .unregister-wrapper {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}
.your-upcoming-events .homehub-card .homehub-card-action .card-action-btn .unregister-wrapper:hover {
  color: #aa0285;
  text-decoration: underline;
}
.your-upcoming-events .homehub-card .homehub-card-action .card-action-btn .join-btn {
  min-width: 100px;
}
@media (max-width: 768px) {
  .your-upcoming-events .homehub-card .homehub-card-action .card-action-btn .secondary-btn--md,
  .your-upcoming-events .homehub-card .homehub-card-action .card-action-btn .primary-btn--md {
    width: 100%;
  }
}
.your-upcoming-events .homehub-card-wrapper {
  padding: 16px 24px 24px 24px;
}
.your-upcoming-events .homehub-card-wrapper:focus-visible {
  outline: 4px solid #ff5858 !important;
  border-radius: 2px !important;
  outline-offset: 0px !important;
}
@media (max-width: 767px) {
  .your-upcoming-events .homehub-card-wrapper {
    padding: 16px 0px 24px 16px;
  }
}
.your-upcoming-events.upcoming-skeleton .homehub-card {
  margin-bottom: 16px;
}
.your-upcoming-events.upcoming-skeleton .homehub-card:last-child {
  margin-bottom: 0px;
}
.your-upcoming-events.upcoming-skeleton .upcomig-meeting-top-sec {
  margin-bottom: 16px;
}
.your-upcoming-events.upcoming-skeleton .homehub-card-date {
  padding-top: 8px;
}
.your-upcoming-events.upcoming-skeleton .skeleton-circle-gray {
  min-height: 16px;
  min-width: 16px;
  background-color: #d8d8e2;
}
.your-upcoming-events.upcoming-skeleton .skeleton-line-gray {
  background: #d8d8e2;
  margin-bottom: 0px;
}
.your-upcoming-events.upcoming-skeleton .card-time {
  display: flex;
  align-items: center;
  gap: 8px;
}
.your-upcoming-events.upcoming-skeleton .skeleton-squre-gray {
  border-radius: 15px;
  background-color: #d8d8e2;
  min-height: 40px;
  min-width: 85px;
  width: 85px;
}
.your-upcoming-events.upcoming-skeleton .line-small-one {
  width: 181px;
  height: 16px;
}
.your-upcoming-events.upcoming-skeleton .line-small-two {
  width: 240px;
  height: 16px;
  margin-bottom: 8px;
}
@media (max-width: 768px) {
  .your-upcoming-events.upcoming-skeleton .line-small-two {
    width: 172px;
  }
}
.your-upcoming-events.upcoming-skeleton .line-small-three {
  width: 55px;
  height: 16px;
  margin-bottom: 8px;
}
.your-upcoming-events.upcoming-skeleton .line-small-four {
  width: 55px;
  margin-right: 8px;
}
.your-upcoming-events.upcoming-skeleton .line-small-five {
  width: 80px;
  margin-bottom: 0px;
}
.your-upcoming-meetings {
  padding: 24px 24px 32px;
  border-radius: 8px;
  background-color: white;
  margin-bottom: 24px;
}
.your-upcoming-meetings .homehub-container-title {
  color: #1c304b;
  margin-bottom: 24px;
}
.your-upcoming-meetings .upcomig-meeting-top-sec {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
}
.your-upcoming-meetings .upcomig-meeting-top-sec .homehub-container-title {
  margin-bottom: 0px;
}
.your-upcoming-meetings .homehub-card {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 88px;
  border: 1px solid #ebebee;
  border-radius: 8px;
  padding: 16px 24px 16px 24px;
  margin-bottom: 24px;
}
.your-upcoming-meetings .homehub-card:last-child {
  margin-bottom: 0px;
}
@media (max-width: 768px) {
  .your-upcoming-meetings .homehub-card {
    display: block;
  }
}
.your-upcoming-meetings .homehub-card .homehub-card-desc {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex: 6;
}
.your-upcoming-meetings .homehub-card .homehub-card-desc .homehub-card-date {
  border-right: 1px solid #ebebee;
  padding-right: 24px;
  word-break: keep-all;
}
.your-upcoming-meetings .homehub-card .homehub-card-desc .homehub-card-date .card-date-detail {
  border-radius: 8px;
  border: 1px solid #ff097f;
  background-color: rgba(255, 9, 127, 0.05);
  padding: 4px 12px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.your-upcoming-meetings .homehub-card .homehub-card-desc .homehub-card-date .card-date-detail .card-date-num {
  color: #1c304b;
  font-size: 24px;
  line-height: 24px;
  font-weight: 700;
  font-family: 'Noto Sans', sans-serif;
  margin: 4px 0px;
}
.your-upcoming-meetings .homehub-card .homehub-card-desc .homehub-card-title {
  padding: 0px 24px;
}
.your-upcoming-meetings .homehub-card .homehub-card-desc .homehub-card-title .card-title {
  margin-bottom: 8px;
  color: #1c304b;
}
.your-upcoming-meetings .homehub-card .homehub-card-desc .homehub-card-title .card-title .live-title {
  margin-right: 8px;
  color: #1c304b;
}
.your-upcoming-meetings .homehub-card .homehub-card-desc .homehub-card-title .card-title .live-label {
  min-width: 40px;
  Height: 20px;
  border-radius: 4px;
  Border: 1px, solid, #33841f;
  Padding: 2px 8px 2px 8px;
  background-color: #dcf5d6;
  font-size: 10px;
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
  font-weight: 500;
  line-height: 16px;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
}
.your-upcoming-meetings .homehub-card .homehub-card-desc .homehub-card-title .card-time-icon {
  position: relative;
  margin-right: 24px;
}
.your-upcoming-meetings .homehub-card .homehub-card-desc .homehub-card-title .card-time-icon::after {
  position: absolute;
  content: '';
  background-image: url(/Content/Images/Redeployment/schedule-meeting.svg);
  width: 16px;
  height: 16px;
  top: 2px;
  left: 1px;
  background-repeat: no-repeat;
}
.your-upcoming-meetings .homehub-card .homehub-card-action {
  text-align: right;
  flex: 6;
}
@media (max-width: 768px) {
  .your-upcoming-meetings .homehub-card .homehub-card-action {
    margin-top: 24px;
    text-align: left;
  }
}
.your-upcoming-meetings .homehub-card .homehub-card-action .card-action-btn {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
}
@media (max-width: 768px) {
  .your-upcoming-meetings .homehub-card .homehub-card-action .card-action-btn {
    display: block;
  }
  .your-upcoming-meetings .homehub-card .homehub-card-action .card-action-btn .primary-btn--md {
    margin-top: 12px;
  }
}
@media (max-width: 768px) {
  .your-upcoming-meetings .homehub-card .homehub-card-action .card-action-btn .secondary-btn--md,
  .your-upcoming-meetings .homehub-card .homehub-card-action .card-action-btn .primary-btn--md {
    width: 100%;
  }
}
.your-upcoming-meetings .homehub-card .homehub-card-action .action-info-icon {
  position: relative;
  margin-right: 24px;
}
.your-upcoming-meetings .homehub-card .homehub-card-action .action-info-icon::after {
  position: absolute;
  content: '';
  background-image: url(/Content/Images/Redeployment/info-h-icon.svg);
  width: 16px;
  height: 16px;
  top: 5px;
  left: 1px;
  background-repeat: no-repeat;
}
.your-upcoming-meetings .homehub-card .homehub-card-action .card-action-info {
  margin-top: 12px;
}
.your-upcoming-meetings .homehub-card .homehub-card-action .action-info-text {
  color: #5c6573;
}
.your-upcoming-events.upcoming-skeleton .homehub-card {
  margin-bottom: 16px;
}
.your-upcoming-events.upcoming-skeleton .homehub-card:last-child {
  margin-bottom: 0px;
}
.your-upcoming-events.upcoming-skeleton .upcomig-meeting-top-sec {
  margin-bottom: 16px;
}
.your-upcoming-events.upcoming-skeleton .homehub-card-date {
  padding-top: 8px;
}
.your-upcoming-events.upcoming-skeleton .skeleton-circle-gray {
  min-height: 16px;
  min-width: 16px;
  background-color: #d8d8e2;
}
.your-upcoming-events.upcoming-skeleton .skeleton-line-gray {
  background: #d8d8e2;
  margin-bottom: 0px;
}
.your-upcoming-events.upcoming-skeleton .card-time {
  display: flex;
  align-items: center;
  gap: 8px;
}
.your-upcoming-events.upcoming-skeleton .skeleton-squre-gray {
  border-radius: 15px;
  background-color: #d8d8e2;
  min-height: 40px;
  min-width: 85px;
  width: 85px;
}
.your-upcoming-events.upcoming-skeleton .line-small-one {
  width: 181px;
  height: 16px;
}
.your-upcoming-events.upcoming-skeleton .line-small-two {
  width: 240px;
  height: 16px;
  margin-bottom: 8px;
}
@media (max-width: 768px) {
  .your-upcoming-events.upcoming-skeleton .line-small-two {
    width: 172px;
  }
}
.your-upcoming-events.upcoming-skeleton .line-small-three {
  width: 55px;
  height: 16px;
  margin-bottom: 8px;
}
.your-upcoming-events.upcoming-skeleton .line-small-four {
  width: 55px;
  margin-right: 8px;
}
.your-upcoming-events.upcoming-skeleton .line-small-five {
  width: 80px;
  margin-bottom: 0px;
}
.reminder-massage-info {
  margin-bottom: 24px;
  padding: 16px;
  padding-right: 48px;
  min-height: 56px;
  background-color: #fee2e2;
  border-radius: 8px;
  justify-content: space-between;
  display: flex;
  align-items: center;
  border-left: 6px solid #c70f00;
  gap: 16px;
  position: relative;
}
.reminder-massage-info .massage-content {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 24px;
}
@media (max-width: 768px) {
  .reminder-massage-info .massage-content {
    flex-direction: column;
    /* Stack elements vertically */
    padding-left: 0;
    /* Reset padding for mobile */
  
  }
}
.reminder-massage-info .massage-content p,
.reminder-massage-info .massage-content p.body_medium,
.reminder-massage-info .massage-content .message-text.body_medium,
.reminder-massage-info .massage-content .body_medium {
  color: #1c304b;
}
.reminder-massage-info .massage-content .massage-text .message-heading-box {
  display: flex;
  flex-direction: column;
}
.reminder-massage-info .massage-content .massage-text .message-heading-box .message-heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}
@media (max-width: 768px) {
  .reminder-massage-info .massage-content .massage-text .message-heading-box .message-heading {
    flex-direction: column;
    align-items: flex-start;
  }
}
.reminder-massage-info .massage-content .massage-text .message-heading-box .message-heading h1 {
  margin-bottom: 0;
  margin-top: 0;
  color: #1c304b;
}
@media (max-width: 768px) {
  .reminder-massage-info .massage-content .massage-text .message-heading-box .message-heading h1 {
    margin-bottom: 4px;
  }
}
.reminder-massage-info .massage-content .massage-text .message-heading-box .message-heading .go-to-profile-link {
  margin-bottom: 0px;
}
.reminder-massage-info .massage-content .massage-text .message-heading-box .hide-m {
  display: block;
}
@media (max-width: 768px) {
  .reminder-massage-info .massage-content .massage-text .message-heading-box .hide-m {
    display: none;
  }
}
.reminder-massage-info .massage-content .massage-text .message-heading-box .hide-d {
  display: none;
}
@media (max-width: 768px) {
  .reminder-massage-info .massage-content .massage-text .message-heading-box .hide-d {
    display: block;
    margin-top: 5px;
  }
}
.reminder-massage-info .massage-content .massage-text .message-heading-box p {
  width: 75%;
  color: #1c304b;
}
@media (max-width: 768px) {
  .reminder-massage-info .massage-content .massage-text .message-heading-box p {
    width: 100%;
  }
}
.reminder-massage-info .profile-link {
  margin-left: 15px;
  white-space: nowrap;
}
.reminder-massage-info .profile-link:hover,
.reminder-massage-info .profile-link:focus,
.reminder-massage-info .profile-link:focus-visible {
  color: #aa0285;
}
@media (max-width: 768px) {
  .reminder-massage-info .profile-link {
    margin-left: 0;
    /* Reset margin on mobile */
    padding-bottom: 0;
    width: 100%;
  }
}
.reminder-massage-info .close-icon-msg {
  cursor: pointer;
  position: absolute;
  right: 16px;
  height: 16px;
  margin-top: 5px;
  width: 16px;
  display: block;
  background-image: url(/Content/Images/icons/close-icon-msg.svg);
  background-repeat: no-repeat;
}
@media (max-width: 768px) {
  .reminder-massage-info .close-icon-msg {
    top: 24px;
  }
}
.reminder-massage-info .close-icon-msg.align-close-btn {
  top: 18px;
  right: 18px;
}
.help-container {
  position: fixed;
  right: 10px;
  top: calc(80% - 62px);
  width: 50px;
  height: 50px;
}
.help-container .help-outer-icon {
  border: 3px solid white;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
  background: #441750;
  width: 49px;
  height: 49px;
  border-radius: 50%;
}
.help-container .help-outer-icon .help-icon {
  cursor: pointer;
  display: block;
  width: 46px;
  height: 46px;
  margin-left: -1px;
  margin-top: -1px;
}
.help-container .help-outer-icon .help-icon::after {
  content: '';
  background: url(/Content/Images/Redeployment/contact-support-help.svg) no-repeat;
  position: absolute;
  left: 10px;
  top: 11px;
  height: 28px;
  width: 28px;
}
.help-container .help-outer-icon a.help-icon:focus-visible:not(:active) {
  outline: 3px solid #ff5858 !important;
  border-radius: 50%;
  outline-offset: 2px;
}
.help-container .help-popup {
  position: absolute;
  width: 377px;
  right: 64px;
  min-height: 167px;
  background-color: white;
  top: -50px;
  box-shadow: 6px 4px 24px 0px rgba(28, 48, 75, 0.08);
  border-radius: 8px;
  padding: 24px 32px;
}
@media screen and (max-width: 768px) {
  .help-container .help-popup {
    width: 283px;
    padding: 24px;
  }
}
.help-container .help-popup .help-popup-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.help-container .help-popup .help-popup-header .help-popup-title {
  font-family: Noto Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
}
.help-container .help-popup .help-popup-body {
  margin-top: 8px;
}
.help-container .help-popup .help-popup-body .help-popup-content {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
  color: #5c6573;
}
.help-container .help-popup .help-popup-body .help-popup-email {
  margin-top: 23px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.help-container .help-popup .help-popup-body .help-popup-email .help-popup-email-text,
.help-container .help-popup .help-popup-body .help-popup-email .help-popup-email-text a {
  color: #aa0285;
  font-family: 'Noto Sans', sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  text-transform: uppercase;
}
.help-container .help-popup .help-popup-body .help-popup-email .help-popup-email-icon {
  position: relative;
  cursor: pointer;
  display: block;
  height: 16px;
  width: 16px;
}
.help-container .help-popup .help-popup-body .help-popup-email .help-popup-email-icon::after {
  content: '';
  background: url(/Content/Images/Redeployment/content-copy.svg) no-repeat;
  position: absolute;
  left: 0px;
  top: 0px;
  height: 16px;
  width: 16px;
}
.help-container .help-popup .help-popup-body .help-popup-email .help-popup-email-success-icon {
  cursor: default;
  position: relative;
  display: block;
  height: 16px;
  width: 16px;
}
.help-container .help-popup .help-popup-body .help-popup-email .help-popup-email-success-icon::after {
  content: '';
  background: url(/Content/Images/Redeployment/check-circle-success.svg) no-repeat;
  position: absolute;
  left: 0px;
  top: 0px;
  height: 16px;
  width: 16px;
}
.help-container .help-tooltip {
  position: relative;
  display: inline-block;
}
.help-container .help-tooltip .tooltiptext {
  visibility: hidden;
  min-width: 132px;
  min-height: 30px;
  background-color: #1c304b;
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  font-family: 'Noto Sans', sans-serif;
  color: white;
  text-align: center;
  border-radius: 8px;
  padding: 6px 16px;
  position: absolute;
  z-index: 1;
  bottom: 0px;
  margin-bottom: 28px;
  left: 50%;
  margin-left: -65px;
  opacity: 0;
  transition: opacity 0.3s;
}
.help-container .help-tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -8px;
  border-width: 8px;
  border-style: solid;
  border-color: #1c304b transparent transparent transparent;
}
.help-container .help-tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}
.myAccount .marketing-email-div input[type="checkbox"] {
  margin-right: 12px;
}
.myAccount .marketing-email-div input[type="checkbox"]:focus-visible {
  outline: 4px solid #ff5858;
  outline-offset: 0;
}
.myAccount .marketing-email-div .consent-wrapper {
  padding-left: 0;
  margin-bottom: 16px;
}
.myAccount .marketing-email-div .consent-wrapper .consent-text {
  letter-spacing: 0.056px;
  color: #5c6573;
  text-transform: none !important;
  font-style: normal;
}
.myAccount .marketing-email-div .consent-footer-btn {
  border-top: 1px solid #ebebee;
  padding-top: 32px;
  display: inline-block;
  width: 100%;
  text-align: right;
}
.myAccount .marketing-email-div .consent-footer-btn .primary-btn--md {
  min-width: 144px;
}
@media screen and (max-width: 991px) {
  .myAccount .marketing-email-div .consent-footer-btn .primary-btn--md {
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .myAccount .marketing-email-div input {
    margin-right: 4px;
  }
}
@media (min-width: 320px) and (max-width: 600px) {
  .myAccount .marketing-email-div input {
    margin-right: 4px;
  }
}
.candidate-profile-header {
  padding: 24px 24px 32px;
  border-radius: 8px;
  background-color: white;
  padding-bottom: 24px;
  margin-bottom: 24px;
}
.candidate-profile-header .candidate-profile-header-avatar {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 32px;
}
@media screen and (max-width: 768px) {
  .candidate-profile-header .candidate-profile-header-avatar {
    gap: 24px;
  }
}
.candidate-profile-header .profile-header-avatar-candidate-photo {
  border-radius: 50%;
  border: 3px solid #ebebee;
  text-align: center;
  background-color: #ebebee;
  height: 64px;
  width: 64px;
}
.candidate-profile-header .profile-header-avatar-candidate-initials {
  font-family: Noto Sans, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
  font-family: 'Noto Sans', sans-serif;
  font-weight: 700;
  text-align: center;
  color: #1c304b;
  margin: 0;
  padding: 14px;
}
.candidate-profile-header .profile-header-avatar-candidate-image {
  margin: 0;
}
.candidate-profile-header .profile-header-avatar-candidate-image .profile-header-avatar-photo {
  border-radius: 50%;
  position: relative;
  left: -2.5px;
  top: -3px;
  height: 64px;
  width: 64px;
}
.candidate-profile-header .profile-header-candidate-right {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.candidate-profile-header .profile-header-candidate-right .profile-header-candidate-name {
  font-family: Noto Sans, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
  font-family: 'Noto Sans', sans-serif;
  width: auto;
  color: #1c304b;
  word-break: break-word;
}
.candidate-profile-header .profile-header-candidate-right .profile-header-candidate-dropdown .select2-container .select2-choice {
  height: 24px !important;
  border: 1px solid #eaeaea !important;
  background-color: #eaeaea;
  border-radius: 16px !important;
  box-shadow: none !important;
}
.candidate-profile-header .profile-header-candidate-right .profile-header-candidate-dropdown .select2-container .select2-choice .select2-arrow b {
  background-position: -4px 0px !important;
}
.candidate-profile-header .profile-header-candidate-right .profile-header-candidate-dropdown .select2-container .select2-chosen,
.candidate-profile-header .profile-header-candidate-right .profile-header-candidate-dropdown .select2-container .select2-choice > span:first-child {
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  text-transform: uppercase;
  padding: 3px 34px 3px 12px !important;
  color: #1c304b;
}
.candidate-profile-header .profile-header-candidate-right .profile-header-candidate-dropdown .filter-show-dropdown-sort {
  margin-left: 8px;
  min-width: 100px;
}
.candidate-profile-header .profile-header-candidate-detail {
  margin-top: 4px;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
  color: #5c6573;
}
.candidate-profile-header .candidate-edit-btn {
  position: relative;
}
.candidate-profile-header .candidate-edit-btn .edit-icon {
  position: absolute;
  left: 45px;
  bottom: 2px;
  background-color: white;
  border-radius: 50%;
  width: 24px;
  height: 24px;
}
.candidate-profile-header .candidate-edit-btn .edit-icon .edit-icon-pencil {
  margin: 3px;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  background-image: url(/Content/Images/Redeployment/edit-pencil-icon.svg);
  width: 16px;
  background-repeat: no-repeat;
  height: 16px;
}
.candidate-program-info {
  padding: 24px 24px 32px;
  border-radius: 8px;
  background-color: white;
  margin-bottom: 24px;
  padding-bottom: 24px;
}
.candidate-program-info .candidate-program-info-title {
  font-family: Noto Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
}
.candidate-program-info .candidate-program-info-label {
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  text-transform: uppercase;
  background-color: #ebebee;
  color: #1c304b;
  padding: 4px 16px;
  border-radius: 16px;
  margin-top: 16px;
  margin-bottom: 40px;
  display: inline-block;
  word-break: break-word;
}
.candidate-program-info .candidate-program-info-date {
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  color: #45505f;
  margin-bottom: 8px;
}
.candidate-program-info .candidate-program-info-date span {
  font-weight: 400;
}
.candidate-program-info .candidate-program-info-progressbar {
  width: 100%;
  height: 8px;
  border-radius: 70px;
  background-color: #f8f8f9;
  margin-bottom: 20px;
}
.candidate-program-info .candidate-program-info-progressbar .candidate-program-info-active-progressbar {
  height: 8px;
  border-radius: 70px 0px 0px 70px;
  background-color: #aa0285;
  display: inline-block;
  margin-bottom: 8px;
}
.candidate-program-info .candidate-program-info-progressbar .full-width-radius {
  border-radius: 70px 70px 70px 70px;
}
.candidate-program-info .candidate-program-info-status {
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  text-transform: uppercase;
  background-color: #dcf5d6;
  color: #1c304b;
  padding: 4px 16px;
  border-radius: 16px;
  display: inline-block;
  word-break: break-word;
}
.candidate-program-info .candidate-program-info-status-alumni {
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  text-transform: uppercase;
  background-color: #eaeaea;
  color: #1c304b;
  padding: 4px 16px;
  border-radius: 16px;
  display: inline-block;
  word-break: break-word;
}
.candidate-contact-info {
  padding: 24px 24px 32px;
  border-radius: 8px;
  background-color: white;
}
.candidate-contact-info .nav-tabs {
  border: 1px solid #ebebee;
  border-radius: 8px;
  display: inline-block;
  min-height: 32px;
}
@media (max-width: 767px) {
  .candidate-contact-info .nav-tabs {
    display: flex;
    align-items: center;
  }
}
.candidate-contact-info .nav-tabs > li {
  margin-bottom: 0px;
}
.candidate-contact-info .nav-tabs > li > a {
  margin-right: 4px;
}
.candidate-contact-info .nav.nav-tabs > li > a {
  margin: 4px;
  padding: 4px 16px;
  border-radius: 8px;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  font-family: 'Noto Sans', sans-serif;
  color: #5c6573;
  border: none;
}
@media (max-width: 420px) {
  .candidate-contact-info .nav.nav-tabs > li > a {
    max-width: 120px;
    padding: 4px 12px;
  }
}
@media (max-width: 380px) {
  .candidate-contact-info .nav.nav-tabs > li > a {
    max-width: 110px;
    padding: 4px 8px;
  }
}
@media (max-width: 350px) {
  .candidate-contact-info .nav.nav-tabs > li > a {
    padding: 4px 4px;
  }
}
.candidate-contact-info .nav > li > a:focus,
.candidate-contact-info .nav > li > a:hover {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  font-family: 'Noto Sans', sans-serif;
  background-color: #e4d8f4;
  border-radius: 8px;
  color: #1c304b;
}
.candidate-contact-info .nav-tabs > li.active > a,
.candidate-contact-info .nav-tabs > li.active > a:focus,
.candidate-contact-info .nav-tabs > li.active > a:hover {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  font-family: 'Noto Sans', sans-serif;
  background-color: #e4d8f4;
  border-radius: 8px;
  color: #1c304b;
  cursor: pointer;
  border: none;
}
.candidate-contact-info .tab-content {
  margin-top: 16px;
}
.candidate-contact-info .tab-content label {
  margin-bottom: 8px;
}
.candidate-contact-info .tab-content label .required-star {
  color: #c70f00;
}
.candidate-contact-info .tab-content .red-border {
  border: none !important;
  background-color: transparent;
}
.candidate-contact-info .tab-content .red-border input[type="text"] {
  border: 1px solid #c70f00;
  background-color: #fdf6f5;
}
.candidate-contact-info .tab-content .has-error-validation {
  margin-top: 8px;
  font-family: 'Noto Sans', sans-serif;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: #c70f00;
}
.candidate-contact-info .tab-content .general-info .control-box,
.candidate-contact-info .tab-content .address-info .control-box,
.candidate-contact-info .tab-content .links-info .control-box {
  margin-top: 20px;
  width: 100%;
}
.candidate-contact-info .tab-content .general-info .control-box .select2-container,
.candidate-contact-info .tab-content .address-info .control-box .select2-container,
.candidate-contact-info .tab-content .links-info .control-box .select2-container {
  width: 100%;
  margin-top: 0px !important;
}
.candidate-contact-info .tab-content .general-info .control-box .select2-container,
.candidate-contact-info .tab-content .address-info .control-box .select2-container,
.candidate-contact-info .tab-content .links-info .control-box .select2-container {
  border: none;
}
.candidate-contact-info .tab-content .general-info .control-box .select2-container.select-onboarding.add-jobs-error,
.candidate-contact-info .tab-content .address-info .control-box .select2-container.select-onboarding.add-jobs-error,
.candidate-contact-info .tab-content .links-info .control-box .select2-container.select-onboarding.add-jobs-error {
  border: none;
  background-color: transparent;
}
.candidate-contact-info .tab-content .general-info .control-box .select2-container.select-onboarding.add-jobs-error .select2-choice,
.candidate-contact-info .tab-content .address-info .control-box .select2-container.select-onboarding.add-jobs-error .select2-choice,
.candidate-contact-info .tab-content .links-info .control-box .select2-container.select-onboarding.add-jobs-error .select2-choice {
  border: 1px solid #c70f00 !important;
  background-color: #fdf6f5;
}
.candidate-contact-info .tab-content .general-info .control-box .required-star,
.candidate-contact-info .tab-content .address-info .control-box .required-star,
.candidate-contact-info .tab-content .links-info .control-box .required-star {
  color: #c70f00;
}
.candidate-contact-info .tab-content .general-info .control-box .phone-dialcode-section,
.candidate-contact-info .tab-content .address-info .control-box .phone-dialcode-section,
.candidate-contact-info .tab-content .links-info .control-box .phone-dialcode-section {
  display: flex;
  width: 100%;
}
.candidate-contact-info .tab-content .general-info .control-box .phone-dialcode-section .dial-code-select,
.candidate-contact-info .tab-content .address-info .control-box .phone-dialcode-section .dial-code-select,
.candidate-contact-info .tab-content .links-info .control-box .phone-dialcode-section .dial-code-select {
  min-width: 85px;
}
.candidate-contact-info .tab-content .general-info .control-box .phone-dialcode-section .dial-code-select .select2-container .select2-choice,
.candidate-contact-info .tab-content .address-info .control-box .phone-dialcode-section .dial-code-select .select2-container .select2-choice,
.candidate-contact-info .tab-content .links-info .control-box .phone-dialcode-section .dial-code-select .select2-container .select2-choice {
  border-radius: 8px 0px 0px 8px !important;
}
.candidate-contact-info .tab-content .general-info .control-box .phone-dialcode-section .dial-code-select .select2-container-active .select2-choice,
.candidate-contact-info .tab-content .address-info .control-box .phone-dialcode-section .dial-code-select .select2-container-active .select2-choice,
.candidate-contact-info .tab-content .links-info .control-box .phone-dialcode-section .dial-code-select .select2-container-active .select2-choice {
  border-radius: 8px 0px 0px 8px !important;
}
.candidate-contact-info .tab-content .general-info .control-box .phone-dialcode-section .dial-code-select .select2-container .select2-choice .select2-arrow b,
.candidate-contact-info .tab-content .address-info .control-box .phone-dialcode-section .dial-code-select .select2-container .select2-choice .select2-arrow b,
.candidate-contact-info .tab-content .links-info .control-box .phone-dialcode-section .dial-code-select .select2-container .select2-choice .select2-arrow b {
  margin-left: -4px;
}
.candidate-contact-info .tab-content .general-info .control-box .phone-dialcode-section .phone-section-outer,
.candidate-contact-info .tab-content .address-info .control-box .phone-dialcode-section .phone-section-outer,
.candidate-contact-info .tab-content .links-info .control-box .phone-dialcode-section .phone-section-outer {
  position: relative;
  width: 100%;
}
.candidate-contact-info .tab-content .general-info .control-box .phone-dialcode-section .phone-section-outer input-control input[type="text"],
.candidate-contact-info .tab-content .address-info .control-box .phone-dialcode-section .phone-section-outer input-control input[type="text"],
.candidate-contact-info .tab-content .links-info .control-box .phone-dialcode-section .phone-section-outer input-control input[type="text"] {
  padding-right: 40px;
  border-radius: 0px 8px 8px 0px !important;
  border-left: none;
}
.candidate-contact-info .tab-content .general-info .control-box .phone-dialcode-section .phone-section-outer .phone-section,
.candidate-contact-info .tab-content .address-info .control-box .phone-dialcode-section .phone-section-outer .phone-section,
.candidate-contact-info .tab-content .links-info .control-box .phone-dialcode-section .phone-section-outer .phone-section {
  position: absolute;
  right: 8px;
  top: 10px;
}
.candidate-contact-info .tab-content .general-info .control-box .phone-dialcode-section .phone-section-outer .phone-section .phoneIcon:after,
.candidate-contact-info .tab-content .address-info .control-box .phone-dialcode-section .phone-section-outer .phone-section .phoneIcon:after,
.candidate-contact-info .tab-content .links-info .control-box .phone-dialcode-section .phone-section-outer .phone-section .phoneIcon:after {
  display: inline-block;
  content: '';
  width: 20px;
  height: 20px;
  background-image: url('/Content/Images/icons/onboarding-phone.svg');
  float: left;
  background-repeat: no-repeat;
  margin-right: 8px;
}
.candidate-contact-info .tab-content .general-info .control-box-m0,
.candidate-contact-info .tab-content .address-info .control-box-m0,
.candidate-contact-info .tab-content .links-info .control-box-m0 {
  margin-top: 0px;
}
.candidate-contact-info .tab-content .general-info .error-section,
.candidate-contact-info .tab-content .address-info .error-section,
.candidate-contact-info .tab-content .links-info .error-section {
  display: inline-flex;
  margin-top: 8px;
  font-family: 'Noto Sans', sans-serif;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: #c70f00;
}
.candidate-contact-info .tab-content .general-info .error-section .required-errorIcon:after,
.candidate-contact-info .tab-content .address-info .error-section .required-errorIcon:after,
.candidate-contact-info .tab-content .links-info .error-section .required-errorIcon:after {
  display: inline-block;
  content: '';
  width: 16px;
  height: 16px;
  background-image: url('/Content/Images/icons/required-errorIcon.svg');
  float: left;
  background-repeat: no-repeat;
  margin-right: 8px;
}
.candidate-contact-info .tab-content .general-info .error-section-outer,
.candidate-contact-info .tab-content .address-info .error-section-outer,
.candidate-contact-info .tab-content .links-info .error-section-outer {
  display: inline-block !important;
}
.candidate-contact-info .tab-content .general-info .warning-section,
.candidate-contact-info .tab-content .address-info .warning-section,
.candidate-contact-info .tab-content .links-info .warning-section {
  display: inline-flex;
  align-items: center;
  width: 100%;
  margin-top: 8px;
  font-family: 'Noto Sans', sans-serif;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: #45505f;
}
.candidate-contact-info .tab-content .general-info .warning-section .required-warningIcon,
.candidate-contact-info .tab-content .address-info .warning-section .required-warningIcon,
.candidate-contact-info .tab-content .links-info .warning-section .required-warningIcon {
  margin-left: -1px;
}
.candidate-contact-info .tab-content .general-info .warning-section .required-warningIcon:after,
.candidate-contact-info .tab-content .address-info .warning-section .required-warningIcon:after,
.candidate-contact-info .tab-content .links-info .warning-section .required-warningIcon:after {
  display: inline-block;
  content: '';
  width: 16px;
  height: 16px;
  background-image: url('/Content/Images/icons/info-onboarding.svg');
  float: left;
  background-repeat: no-repeat;
  margin-right: 8px;
  margin-top: -2px;
}
.candidate-contact-info .tab-content .general-info .btns-form,
.candidate-contact-info .tab-content .address-info .btns-form,
.candidate-contact-info .tab-content .links-info .btns-form {
  margin-top: 24px;
  padding-top: 32px;
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  border-top: 1px solid #ebebee;
}
.candidate-contact-info .tab-content .general-info .btns-form .secondary-btn--md,
.candidate-contact-info .tab-content .address-info .btns-form .secondary-btn--md,
.candidate-contact-info .tab-content .links-info .btns-form .secondary-btn--md {
  min-width: 123px;
  height: 40px;
}
.candidate-contact-info .tab-content .general-info .btns-form .primary-btn--md,
.candidate-contact-info .tab-content .address-info .btns-form .primary-btn--md,
.candidate-contact-info .tab-content .links-info .btns-form .primary-btn--md {
  min-width: 144px;
  height: 40px;
}
@media screen and (max-width: 767px) {
  .candidate-contact-info .tab-content .general-info .btns-form,
  .candidate-contact-info .tab-content .address-info .btns-form,
  .candidate-contact-info .tab-content .links-info .btns-form {
    flex-direction: column-reverse;
    flex-wrap: wrap;
  }
  .candidate-contact-info .tab-content .general-info .btns-form custom-button,
  .candidate-contact-info .tab-content .address-info .btns-form custom-button,
  .candidate-contact-info .tab-content .links-info .btns-form custom-button {
    width: 100%;
    display: inline-block;
  }
  .candidate-contact-info .tab-content .general-info .btns-form custom-button .secondary-btn--md,
  .candidate-contact-info .tab-content .address-info .btns-form custom-button .secondary-btn--md,
  .candidate-contact-info .tab-content .links-info .btns-form custom-button .secondary-btn--md,
  .candidate-contact-info .tab-content .general-info .btns-form custom-button .primary-btn--md,
  .candidate-contact-info .tab-content .address-info .btns-form custom-button .primary-btn--md,
  .candidate-contact-info .tab-content .links-info .btns-form custom-button .primary-btn--md {
    min-width: auto;
    width: 100%;
  }
}
.candidate-pause-program {
  padding: 24px 24px 32px;
  border-radius: 8px;
  background-color: white;
  word-break: break-word;
  padding-bottom: 24px;
}
.candidate-pause-program .candidate-pause-program-title {
  font-family: Noto Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
  margin-bottom: 12px;
}
.candidate-pause-program .candidate-pause-program-desc {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
  margin-bottom: 24px;
}
.candidate-pause-program .candidate-pause-program-label {
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  font-family: 'Noto Sans', sans-serif;
  color: #1c304b;
  margin-bottom: 8px;
}
.candidate-pause-program .candidate-pause-program-chip {
  font-family: Noto Sans, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  background-color: #f7f7fa;
  color: #1c304b;
  padding: 8px 12px;
  border-radius: 8px;
  margin-bottom: 16px;
  display: inline-block;
  text-align: center;
  width: 100%;
}
.candidate-pause-program .candidate-pause-program-chip.inactive-remaining {
  margin-bottom: 0px;
}
.candidate-pause-program .candidate-pause-program-link {
  margin-top: 24px;
  margin-bottom: 0px;
  text-align: right;
  display: block;
}
.candidate-pause-program .linkxs-disabled {
  cursor: default;
  text-decoration: none;
}
.candidate-pause-program .candidate-pause-program-inactive-periods {
  padding: 20px 0px 0px;
  margin-top: 20px;
  border-top: 1px solid #ebebee;
}
.candidate-pause-program .candidate-pause-program-inactive-periods .inactive-periods {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-bottom: 8px;
}
.candidate-pause-program .candidate-pause-program-inactive-periods .inactive-periods:last-child {
  margin-bottom: 0px;
}
.candidate-pause-program .candidate-pause-program-inactive-periods .inactive-periods .inactive-periods-left {
  flex: 4;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
}
.candidate-pause-program .candidate-pause-program-inactive-periods .inactive-periods .inactive-periods-left .periods-icon {
  color: #1c304b;
  position: relative;
  width: 16px;
  height: 16px;
}
.candidate-pause-program .candidate-pause-program-inactive-periods .inactive-periods .inactive-periods-left .periods-icon:before {
  content: '';
  background-image: url(/Content/Images/icons/timer-pause-program.svg);
  width: 16px;
  height: 16px;
  position: absolute;
  background-repeat: no-repeat;
}
.candidate-pause-program .candidate-pause-program-inactive-periods .inactive-periods .inactive-periods-left .periods-text {
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  font-family: 'Noto Sans', sans-serif;
  color: #45505f;
}
.candidate-pause-program .candidate-pause-program-inactive-periods .inactive-periods .inactive-periods-right {
  flex: 8;
  text-align: right;
}
.candidate-pause-program .candidate-pause-program-inactive-periods .inactive-periods .inactive-periods-right .periods-date {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  font-family: 'Noto Sans', sans-serif;
  color: #1c304b;
}
.candidate-pause-program .show-hide-buttons {
  margin-top: 20px;
  margin-bottom: 0px;
  text-align: right;
  display: block;
}
.candidate-pause-program .show-hide-buttons .show-hide-link {
  display: inline-flex;
  gap: 8px;
  justify-content: flex-end;
  align-items: center;
}
.candidate-pause-program .show-hide-buttons .show-more-icon {
  position: relative;
  width: 16px;
  height: 16px;
}
.candidate-pause-program .show-hide-buttons .show-more-icon:before {
  content: '';
  background-image: url(/Content/Images/icons/expand_more.svg);
  width: 16px;
  height: 16px;
  position: absolute;
  background-repeat: no-repeat;
  left: 0px;
}
.candidate-pause-program .show-hide-buttons .hideprogram-icon {
  position: relative;
  width: 16px;
  height: 16px;
}
.candidate-pause-program .show-hide-buttons .hideprogram-icon:before {
  content: '';
  background-image: url(/Content/Images/icons/expand_less.svg);
  width: 16px;
  height: 16px;
  position: absolute;
  background-repeat: no-repeat;
  left: 0px;
}
.candidate-pause-program .error-section {
  margin-top: 20px;
  font-family: 'Noto Sans', sans-serif;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: #c70f00;
  display: flex;
  align-items: center;
}
.candidate-pause-program .error-section .required-errorIcon:after {
  display: inline-block;
  content: '';
  width: 16px;
  height: 16px;
  background-image: url('/Content/Images/icons/required-errorIcon.svg');
  float: left;
  background-repeat: no-repeat;
  margin-right: 8px;
}
.candidate-landing-data {
  padding: 24px 24px 32px;
  border-radius: 8px;
  background-color: white;
  word-break: break-word;
  padding-bottom: 24px;
  margin-top: 24px;
  margin-bottom: 24px;
}
.candidate-landing-data .candidate-landing-data-title {
  font-family: Noto Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
  margin-bottom: 12px;
}
.candidate-landing-data .candidate-landing-data-desc {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
  margin-bottom: 24px;
}
.candidate-landing-data .candidate-landing-data-link {
  display: block;
  padding: 8px 24px;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  text-transform: uppercase;
  color: #1c304b;
  white-space: normal;
}
.candidate-landing-data a:focus-visible:not(:active) {
  outline: 4px solid #ff5858 !important;
  border-radius: 8px;
}
.candidate-landing-data .linkxs-disabled {
  cursor: default;
  text-decoration: none;
}
.modal-dialog #exp-modal.popupContainer.pause-program-modal {
  word-break: break-word;
}
.modal-dialog #exp-modal.popupContainer.pause-program-modal .bodyText {
  padding: 24px 40px 40px 40px;
  color: #1c304b;
}
@media (max-width: 768px) {
  .modal-dialog #exp-modal.popupContainer.pause-program-modal .bodyText {
    padding: 24px 24px 32px;
  }
}
.modal-dialog #exp-modal.popupContainer.pause-program-modal .bodyText label {
  margin-bottom: 8px;
}
.modal-dialog #exp-modal.popupContainer.pause-program-modal .bodyText .control-box-popup {
  width: 100%;
  margin-bottom: 24px;
}
.modal-dialog #exp-modal.popupContainer.pause-program-modal .bodyText .control-box-popup .required-star {
  color: #c70f00;
}
.modal-dialog #exp-modal.popupContainer.pause-program-modal .bodyText .control-box-popup .error-section {
  margin-top: 8px;
  font-family: 'Noto Sans', sans-serif;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: #c70f00;
}
.modal-dialog #exp-modal.popupContainer.pause-program-modal .bodyText .control-box-popup .error-section .required-errorIcon:after {
  display: inline-block;
  content: '';
  width: 16px;
  height: 16px;
  background-image: url('/Content/Images/icons/required-errorIcon.svg');
  float: left;
  background-repeat: no-repeat;
  margin-right: 8px;
}
.modal-dialog #exp-modal.popupContainer.pause-program-modal .bodyText .control-box-popup .form-input-control {
  width: 100%;
}
.modal-dialog #exp-modal.popupContainer.pause-program-modal .bodyText .control-box-popup .form-input-control.add-jobs-error {
  border: 1px solid #c70f00;
  background-color: #fdf6f5;
}
.modal-dialog #exp-modal.popupContainer.pause-program-modal .bodyText .control-box-popup .date-picker {
  background-image: url(/Content/Images/Common/date-tracker-icon.svg);
  background-position-x: 97.1%;
  background-repeat: no-repeat;
  background-position-y: center;
  cursor: pointer;
}
.modal-dialog #exp-modal.popupContainer.pause-program-modal .bodyText .control-box-popup input[type="text"]:read-only.date-picker {
  border: 1px solid #1c304b;
}
.modal-dialog #exp-modal.popupContainer.pause-program-modal .bodyText .control-box-popup input[type="text"]:read-only.date-picker:focus,
.modal-dialog #exp-modal.popupContainer.pause-program-modal .bodyText .control-box-popup input[type="text"]:read-only.date-picker:focus-visible {
  border: 1px solid #aa0285;
}
.modal-dialog #exp-modal.popupContainer.pause-program-modal .bodyText .control-box-popup input[type="text"]:read-only.date-picker.add-jobs-error {
  border: 1px solid #c70f00;
}
.modal-dialog #exp-modal.popupContainer.pause-program-modal .bodyText .control-box-status .modal-select {
  width: 100%;
}
.modal-dialog #exp-modal.popupContainer.pause-program-modal .bodyText .control-box-status .select2-container {
  width: 100%;
}
.modal-dialog #exp-modal.popupContainer.pause-program-modal .bodyText .pause-program-label {
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #1c304b;
}
.modal-dialog #exp-modal.popupContainer.pause-program-modal .bodyText .select2-container.job-adv-search-select .select2-choice .select2-chosen {
  min-height: 48px;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
  color: #1c304b;
  padding-top: 7px;
}
.modal-dialog #exp-modal.popupContainer.pause-program-modal .bodyText .select2-container.job-adv-search-select .select2-choice .select2-chosen.select2-default {
  color: #45505f;
}
.modal-dialog #exp-modal.popupContainer.pause-program-modal .bodyText .select2-container.job-adv-search-select.modal-select .select2-choice {
  border: 1px solid #1c304b;
}
.modal-dialog #exp-modal.popupContainer.pause-program-modal .bodyText .select2-container.job-adv-search-select.modal-select.add-jobs-error {
  border: none;
  background-color: transparent;
}
.modal-dialog #exp-modal.popupContainer.pause-program-modal .bodyText .select2-container.job-adv-search-select.modal-select.add-jobs-error .select2-choice {
  border: 1px solid #c70f00 !important;
  background-color: #fdf6f5;
}
.modal-dialog #exp-modal.popupContainer.pause-program-modal .bodyText .control-box-popup.control-box-description {
  margin-top: 0px;
  margin-bottom: 24px;
}
.modal-dialog #exp-modal.popupContainer.pause-program-modal .bodyText .control-box-popup.control-box-description textarea.control-large {
  min-height: 96px;
  width: 100% !important;
  border: 1px solid #1c304b;
  border-radius: 8px;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
  padding: 16px;
  margin-top: 0px;
}
.modal-dialog #exp-modal.popupContainer.pause-program-modal .bodyText .control-box-popup.control-box-description textarea.control-large.error {
  border: 1px solid #c70f00 !important;
  background-color: #fdf6f5;
  color: #1c304b;
}
.modal-dialog #exp-modal.popupContainer.pause-program-modal .bodyText .control-box-popup.control-box-description textarea.control-large::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #45505f;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  font-family: 'Noto Sans', sans-serif;
}
.modal-dialog #exp-modal.popupContainer.pause-program-modal .bodyText .control-box-popup.control-box-description textarea.control-large::-moz-placeholder {
  /* Firefox 19+ */
  color: #45505f;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  font-family: 'Noto Sans', sans-serif;
}
.modal-dialog #exp-modal.popupContainer.pause-program-modal .bodyText .control-box-popup.control-box-description textarea.control-large:-ms-input-placeholder {
  /* IE 10+ */
  color: #45505f;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  font-family: 'Noto Sans', sans-serif;
}
.modal-dialog #exp-modal.popupContainer.pause-program-modal .bodyText .control-box-popup.control-box-description textarea.control-large:focus,
.modal-dialog #exp-modal.popupContainer.pause-program-modal .bodyText .control-box-popup.control-box-description textarea.control-large:focus-visible {
  border: 1px solid #aa0285;
}
.modal-dialog #exp-modal.popupContainer.pause-program-modal .bodyText .control-box-popup.control-box-description textarea.control-large.error {
  border: 1px solid #c70f00 !important;
  background-color: #fdf6f5;
  color: #1c304b;
}
.modal-dialog #exp-modal.popupContainer.pause-program-modal .bodyText .control-box-popup.control-box-description textarea.control-large::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #45505f;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  font-family: 'Noto Sans', sans-serif;
}
.modal-dialog #exp-modal.popupContainer.pause-program-modal .bodyText .control-box-popup.control-box-description textarea.control-large::-moz-placeholder {
  /* Firefox 19+ */
  color: #45505f;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  font-family: 'Noto Sans', sans-serif;
}
.modal-dialog #exp-modal.popupContainer.pause-program-modal .bodyText .control-box-popup.control-box-description textarea.control-large:-ms-input-placeholder {
  /* IE 10+ */
  color: #45505f;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  font-family: 'Noto Sans', sans-serif;
}
.modal-dialog #exp-modal.popupContainer.pause-program-modal .bodyText .control-box-popup.control-box-description textarea.control-large:focus,
.modal-dialog #exp-modal.popupContainer.pause-program-modal .bodyText .control-box-popup.control-box-description textarea.control-large:focus-visible {
  border: 1px solid #aa0285;
}
.modal-dialog #exp-modal.popupContainer.pause-program-modal .bodyText .control-box-popup.control-box-description .textarea-hint {
  text-align: right;
  margin-top: 3px;
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #1c304b;
}
.modal-dialog #exp-modal.popupContainer.pause-program-modal .bodyText .control-box-popup.control-box-description textarea.control-large.add-jobs-error {
  border: 1px solid #c70f00 !important;
  background-color: #fdf6f5;
  color: #1c304b;
}
.modal-dialog #exp-modal.popupContainer.pause-program-modal .bodyText .control-box-popup.control-box-description textarea.control-large.add-jobs-error:focus {
  border: 1px solid #c70f00 !important;
}
.modal-dialog #exp-modal.popupContainer.pause-program-modal .bodyText .control-box-popup.control-box-description textarea.control-large.add-jobs-error::placeholder {
  color: #45505f;
}
.modal-dialog #exp-modal.popupContainer.pause-program-modal .bodyText .control-box-popup.control-box-description textarea.control-large.add-jobs-error:focus {
  border: 1px solid #c70f00 !important;
}
.modal-dialog #exp-modal.popupContainer.pause-program-modal .bodyText .control-box-popup.control-box-description textarea.control-large.add-jobs-error::placeholder {
  color: #45505f;
}
.modal-dialog #exp-modal.popupContainer.pause-program-modal .bodyText .control-box-popup.control-box-description textarea.control-large.error-border {
  border: 1px solid #c70f00;
  background: #fdf6f5;
}
.modal-dialog #exp-modal.popupContainer.pause-program-modal .bodyText .control-box-popup.control-box-description .red-asterik {
  color: #c70f00;
}
.modal-dialog #exp-modal.popupContainer.pause-program-modal .bodyText .control-box-popup.control-box-description .error-hint {
  display: flex;
  justify-content: flex-end;
}
.modal-dialog #exp-modal.popupContainer.pause-program-modal .bodyText .control-box-popup.control-box-description .error-hint .error-section {
  margin-top: 3px;
  flex: 8;
}
.modal-dialog #exp-modal.popupContainer.pause-program-modal .bodyText .info-msg-program {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
}
.modal-dialog #exp-modal.popupContainer.pause-program-modal .bodyText .info-msg-program .info-msg-program-icon {
  position: relative;
  width: 16px;
  height: 16px;
}
.modal-dialog #exp-modal.popupContainer.pause-program-modal .bodyText .info-msg-program .info-msg-program-icon:before {
  content: '';
  background-image: url(/Content/Images/icons/info_icon.svg);
  width: 16px;
  height: 16px;
  position: absolute;
  background-repeat: no-repeat;
}
.modal-dialog #exp-modal.popupContainer.pause-program-modal .bodyText .info-msg-program .body_small {
  color: #5c6573;
}
.modal-dialog #exp-modal.popupContainer.pause-program-modal .bodyText .info-msg-program.info-msg-seven-days {
  margin-top: 8px;
}
.modal-dialog #exp-modal.popupContainer.pause-program-modal .bodyText .info-msg-program.info-msg-seven-days .body_small {
  color: #1c304b;
}
.modal-dialog #exp-modal.popupContainer.pause-program-modal .modal-footer.modal-footer-program {
  padding: 0px 40px 32px !important;
}
@media (max-width: 768px) {
  .modal-dialog #exp-modal.popupContainer.pause-program-modal .modal-footer.modal-footer-program {
    padding: 0px 24px 32px !important;
  }
}
.modal-dialog #exp-modal.popupContainer.pause-program-modal .modal-footer.modal-footer-program .btnContainer {
  padding: 0;
  display: flex;
  gap: 8px;
  flex-direction: row-reverse;
  justify-content: flex-start;
  flex-wrap: nowrap;
}
@media (max-width: 768px) {
  .modal-dialog #exp-modal.popupContainer.pause-program-modal .modal-footer.modal-footer-program .btnContainer {
    flex-wrap: wrap;
  }
}
.modal-dialog #exp-modal.popupContainer.pause-program-modal .modal-footer.modal-footer-program .btnContainer .cancelBtn {
  min-width: 105px;
  width: auto;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: Noto Sans, sans-serif;
  text-transform: uppercase;
  color: #1c304b;
  background-color: white;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid #1c304b !important;
  color: #1c304b !important;
  background-color: white !important;
  padding: 8px 24px;
  font-family: 'Noto Sans', sans-serif;
  padding: 7px 24px;
}
.modal-dialog #exp-modal.popupContainer.pause-program-modal .modal-footer.modal-footer-program .btnContainer .cancelBtn:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
.modal-dialog #exp-modal.popupContainer.pause-program-modal .modal-footer.modal-footer-program .btnContainer .cancelBtn:hover {
  border: 1px solid #aa0285 !important;
}
.modal-dialog #exp-modal.popupContainer.pause-program-modal .modal-footer.modal-footer-program .btnContainer .cancelBtn:focus {
  outline: none !important;
  color: #1c304b !important;
}
.modal-dialog #exp-modal.popupContainer.pause-program-modal .modal-footer.modal-footer-program .btnContainer .cancelBtn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
.modal-dialog #exp-modal.popupContainer.pause-program-modal .modal-footer.modal-footer-program .btnContainer .cancelBtn:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
.modal-dialog #exp-modal.popupContainer.pause-program-modal .modal-footer.modal-footer-program .btnContainer .cancelBtn:hover {
  border: 1px solid #aa0285 !important;
}
.modal-dialog #exp-modal.popupContainer.pause-program-modal .modal-footer.modal-footer-program .btnContainer .cancelBtn:focus {
  outline: none !important;
  color: #1c304b !important;
}
.modal-dialog #exp-modal.popupContainer.pause-program-modal .modal-footer.modal-footer-program .btnContainer .cancelBtn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
.modal-dialog #exp-modal.popupContainer.pause-program-modal .modal-footer.modal-footer-program .btnContainer .cancelBtn:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
.modal-dialog #exp-modal.popupContainer.pause-program-modal .modal-footer.modal-footer-program .btnContainer .cancelBtn:hover {
  border: 1px solid #aa0285 !important;
}
.modal-dialog #exp-modal.popupContainer.pause-program-modal .modal-footer.modal-footer-program .btnContainer .cancelBtn:focus {
  outline: none !important;
  color: #1c304b !important;
}
.modal-dialog #exp-modal.popupContainer.pause-program-modal .modal-footer.modal-footer-program .btnContainer .cancelBtn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
.modal-dialog #exp-modal.popupContainer.pause-program-modal .modal-footer.modal-footer-program .btnContainer .cancelBtn:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
.modal-dialog #exp-modal.popupContainer.pause-program-modal .modal-footer.modal-footer-program .btnContainer .cancelBtn:hover {
  border: 1px solid #aa0285 !important;
}
.modal-dialog #exp-modal.popupContainer.pause-program-modal .modal-footer.modal-footer-program .btnContainer .cancelBtn:focus {
  outline: none !important;
  color: #1c304b !important;
}
.modal-dialog #exp-modal.popupContainer.pause-program-modal .modal-footer.modal-footer-program .btnContainer .cancelBtn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
@media (max-width: 768px) {
  .modal-dialog #exp-modal.popupContainer.pause-program-modal .modal-footer.modal-footer-program .btnContainer .cancelBtn {
    width: 100%;
  }
}
.modal-dialog #exp-modal.popupContainer.pause-program-modal .modal-footer.modal-footer-program .btnContainer .pauseBtn {
  min-width: 176px;
  width: auto;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: Noto Sans, sans-serif;
  text-transform: uppercase;
  color: white;
  background-color: #441750;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  padding: 8px 24px;
  font-family: 'Noto Sans', sans-serif;
}
.modal-dialog #exp-modal.popupContainer.pause-program-modal .modal-footer.modal-footer-program .btnContainer .pauseBtn:active {
  color: white;
  background: #390447;
}
.modal-dialog #exp-modal.popupContainer.pause-program-modal .modal-footer.modal-footer-program .btnContainer .pauseBtn:hover {
  background-color: #613e6b;
}
.modal-dialog #exp-modal.popupContainer.pause-program-modal .modal-footer.modal-footer-program .btnContainer .pauseBtn:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.modal-dialog #exp-modal.popupContainer.pause-program-modal .modal-footer.modal-footer-program .btnContainer .pauseBtn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.modal-dialog #exp-modal.popupContainer.pause-program-modal .modal-footer.modal-footer-program .btnContainer .pauseBtn:active {
  color: white;
  background: #390447;
}
.modal-dialog #exp-modal.popupContainer.pause-program-modal .modal-footer.modal-footer-program .btnContainer .pauseBtn:hover {
  background-color: #613e6b;
}
.modal-dialog #exp-modal.popupContainer.pause-program-modal .modal-footer.modal-footer-program .btnContainer .pauseBtn:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.modal-dialog #exp-modal.popupContainer.pause-program-modal .modal-footer.modal-footer-program .btnContainer .pauseBtn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.modal-dialog #exp-modal.popupContainer.pause-program-modal .modal-footer.modal-footer-program .btnContainer .pauseBtn:active {
  color: white;
  background: #390447;
}
.modal-dialog #exp-modal.popupContainer.pause-program-modal .modal-footer.modal-footer-program .btnContainer .pauseBtn:hover {
  background-color: #613e6b;
}
.modal-dialog #exp-modal.popupContainer.pause-program-modal .modal-footer.modal-footer-program .btnContainer .pauseBtn:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.modal-dialog #exp-modal.popupContainer.pause-program-modal .modal-footer.modal-footer-program .btnContainer .pauseBtn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.modal-dialog #exp-modal.popupContainer.pause-program-modal .modal-footer.modal-footer-program .btnContainer .pauseBtn:active {
  color: white;
  background: #390447;
}
.modal-dialog #exp-modal.popupContainer.pause-program-modal .modal-footer.modal-footer-program .btnContainer .pauseBtn:hover {
  background-color: #613e6b;
}
.modal-dialog #exp-modal.popupContainer.pause-program-modal .modal-footer.modal-footer-program .btnContainer .pauseBtn:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.modal-dialog #exp-modal.popupContainer.pause-program-modal .modal-footer.modal-footer-program .btnContainer .pauseBtn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.modal-dialog #exp-modal.popupContainer.pause-program-modal .modal-footer.modal-footer-program .btnContainer .pauseBtndisabled {
  cursor: default;
}
@media (max-width: 768px) {
  .modal-dialog #exp-modal.popupContainer.pause-program-modal .modal-footer.modal-footer-program .btnContainer .pauseBtn {
    width: 100%;
  }
}
.modal-dialog #exp-modal.popupContainer.landing-data-modal {
  word-break: break-word;
}
.modal-dialog #exp-modal.popupContainer.landing-data-modal .modal-header {
  background-color: #f1f0f5;
  padding: 24px;
}
.modal-dialog #exp-modal.popupContainer.landing-data-modal .bodyText {
  padding: 24px 48px 28px 48px;
  color: #1c304b;
}
@media (max-width: 768px) {
  .modal-dialog #exp-modal.popupContainer.landing-data-modal .bodyText {
    padding: 24px 24px 32px;
  }
}
.modal-dialog #exp-modal.popupContainer.landing-data-modal .bodyText label {
  margin-bottom: 8px;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  text-transform: uppercase;
  color: #1c304b;
}
.modal-dialog #exp-modal.popupContainer.landing-data-modal .bodyText input[type="text"],
.modal-dialog #exp-modal.popupContainer.landing-data-modal .bodyText input[type="number"] {
  padding: 8px 16px;
}
.modal-dialog #exp-modal.popupContainer.landing-data-modal .bodyText input[type="text"]::placeholder,
.modal-dialog #exp-modal.popupContainer.landing-data-modal .bodyText input[type="number"]::placeholder,
.modal-dialog #exp-modal.popupContainer.landing-data-modal .bodyText input::placeholder,
.modal-dialog #exp-modal.popupContainer.landing-data-modal .bodyText .select2-container .select2-default span {
  font-family: 'Noto Sans', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #5c6573;
}
.modal-dialog #exp-modal.popupContainer.landing-data-modal .bodyText input[type="checkbox"]:focus-visible {
  outline: 3px solid #ff5858 !important;
  outline-offset: 0;
}
.modal-dialog #exp-modal.popupContainer.landing-data-modal .bodyText input[type="radio"]:focus-visible {
  outline: 3px solid #ff5858 !important;
  outline-offset: 0;
}
.modal-dialog #exp-modal.popupContainer.landing-data-modal .bodyText .date-picker {
  background-image: url(/Content/Images/Common/date-tracker-icon.svg);
  background-position-x: 97.1%;
  background-repeat: no-repeat;
  background-position-y: center;
  cursor: pointer;
}
.modal-dialog #exp-modal.popupContainer.landing-data-modal .bodyText .form-input-control {
  width: 100%;
}
.modal-dialog #exp-modal.popupContainer.landing-data-modal .bodyText .landing-data-label {
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #1c304b;
}
.modal-dialog #exp-modal.popupContainer.landing-data-modal .bodyText .red-asterik {
  color: #c70f00;
}
.modal-dialog #exp-modal.popupContainer.landing-data-modal .bodyText .checkbox-data {
  margin-top: 8px !important;
}
.modal-dialog #exp-modal.popupContainer.landing-data-modal .bodyText .form-group .mostrecent-label {
  text-transform: initial !important;
  font-size: 14px;
  line-height: 24px;
}
.modal-dialog #exp-modal.popupContainer.landing-data-modal .bodyText .form-group p {
  margin: 0px;
}
.modal-dialog #exp-modal.popupContainer.landing-data-modal .bodyText .form-group .form-control {
  border: 0px solid;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  height: 40px;
}
.modal-dialog #exp-modal.popupContainer.landing-data-modal .bodyText .form-group .radio-options {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 4px;
  gap: 6px 0px;
}
.modal-dialog #exp-modal.popupContainer.landing-data-modal .bodyText .form-group .red-border {
  outline: 1px solid #c70f00 !important;
  border-radius: 8px;
  background-color: #fdf6f5 !important;
  border: none;
}
.modal-dialog #exp-modal.popupContainer.landing-data-modal .bodyText .form-group .red-border input {
  outline: 1px solid #c70f00 !important;
  border-radius: 8px;
  background-color: #fdf6f5 !important;
  border: none;
}
.modal-dialog #exp-modal.popupContainer.landing-data-modal .bodyText .form-group .radio-group {
  width: 49%;
}
@media (max-width: 767px) {
  .modal-dialog #exp-modal.popupContainer.landing-data-modal .bodyText .form-group .radio-group {
    width: 98%;
  }
}
.modal-dialog #exp-modal.popupContainer.landing-data-modal .bodyText .form-group .radio-group label {
  margin-bottom: 0px;
  display: flex;
  column-gap: 12px;
}
.modal-dialog #exp-modal.popupContainer.landing-data-modal .bodyText .form-group .radio-group label .radio-span-text {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  color: #1c304b;
  text-transform: initial;
}
.modal-dialog #exp-modal.popupContainer.landing-data-modal .bodyText .form-group .singleline-radiooptions {
  display: flex;
  flex-direction: column;
  margin-top: 4px;
  gap: 6px 0px;
}
.modal-dialog #exp-modal.popupContainer.landing-data-modal .bodyText .form-group .singleline-radiooptions .radio-group {
  width: auto;
}
.modal-dialog #exp-modal.popupContainer.landing-data-modal .bodyText .start-date input[type="text"]:focus {
  border: 1px solid #aa0285 !important;
}
.modal-dialog #exp-modal.popupContainer.landing-data-modal .bodyText .start-date .form-control,
.modal-dialog #exp-modal.popupContainer.landing-data-modal .bodyText .start-date .form-input-control {
  border: 1px solid #1c304b;
  height: 40px;
}
.modal-dialog #exp-modal.popupContainer.landing-data-modal .bodyText .select2-container.job-adv-search-select .select2-choice .select2-chosen {
  min-height: 48px;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
  color: #1c304b;
  padding-top: 7px;
}
.modal-dialog #exp-modal.popupContainer.landing-data-modal .bodyText .select2-container.job-adv-search-select .select2-choice .select2-chosen.select2-default {
  color: #45505f;
}
.modal-dialog #exp-modal.popupContainer.landing-data-modal .bodyText .select2-container.job-adv-search-select.modal-select .select2-choice {
  border: 1px solid #1c304b;
}
.modal-dialog #exp-modal.popupContainer.landing-data-modal .bodyText .select2-container.job-adv-search-select.modal-select.add-jobs-error {
  border: none;
  background-color: transparent;
}
.modal-dialog #exp-modal.popupContainer.landing-data-modal .bodyText .select2-container.job-adv-search-select.modal-select.add-jobs-error .select2-choice {
  border: 1px solid #c70f00 !important;
  background-color: #fdf6f5;
}
.modal-dialog #exp-modal.popupContainer.landing-data-modal .modal-footer:before {
  margin-bottom: 28px;
}
.modal-dialog #exp-modal.popupContainer.landing-data-modal .modal-footer.modal-footer-program {
  padding: 0px 48px 32px !important;
}
@media (max-width: 768px) {
  .modal-dialog #exp-modal.popupContainer.landing-data-modal .modal-footer.modal-footer-program {
    padding: 0px 24px 32px !important;
  }
}
.modal-dialog #exp-modal.popupContainer.landing-data-modal .modal-footer.modal-footer-program .btnContainer {
  padding: 0;
  display: flex;
  gap: 8px;
  flex-direction: row-reverse;
  justify-content: flex-start;
  flex-wrap: nowrap;
}
@media (max-width: 768px) {
  .modal-dialog #exp-modal.popupContainer.landing-data-modal .modal-footer.modal-footer-program .btnContainer {
    flex-wrap: wrap;
  }
}
.modal-dialog #exp-modal.popupContainer.landing-data-modal .modal-footer.modal-footer-program .btnContainer .cancelBtn {
  min-width: 105px;
  width: auto;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: Noto Sans, sans-serif;
  text-transform: uppercase;
  color: #1c304b;
  background-color: white;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid #1c304b !important;
  color: #1c304b !important;
  background-color: white !important;
  padding: 8px 24px;
  font-family: 'Noto Sans', sans-serif;
  padding: 7px 24px;
}
.modal-dialog #exp-modal.popupContainer.landing-data-modal .modal-footer.modal-footer-program .btnContainer .cancelBtn:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
.modal-dialog #exp-modal.popupContainer.landing-data-modal .modal-footer.modal-footer-program .btnContainer .cancelBtn:hover {
  border: 1px solid #aa0285 !important;
}
.modal-dialog #exp-modal.popupContainer.landing-data-modal .modal-footer.modal-footer-program .btnContainer .cancelBtn:focus {
  outline: none !important;
  color: #1c304b !important;
}
.modal-dialog #exp-modal.popupContainer.landing-data-modal .modal-footer.modal-footer-program .btnContainer .cancelBtn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
.modal-dialog #exp-modal.popupContainer.landing-data-modal .modal-footer.modal-footer-program .btnContainer .cancelBtn:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
.modal-dialog #exp-modal.popupContainer.landing-data-modal .modal-footer.modal-footer-program .btnContainer .cancelBtn:hover {
  border: 1px solid #aa0285 !important;
}
.modal-dialog #exp-modal.popupContainer.landing-data-modal .modal-footer.modal-footer-program .btnContainer .cancelBtn:focus {
  outline: none !important;
  color: #1c304b !important;
}
.modal-dialog #exp-modal.popupContainer.landing-data-modal .modal-footer.modal-footer-program .btnContainer .cancelBtn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
.modal-dialog #exp-modal.popupContainer.landing-data-modal .modal-footer.modal-footer-program .btnContainer .cancelBtn:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
.modal-dialog #exp-modal.popupContainer.landing-data-modal .modal-footer.modal-footer-program .btnContainer .cancelBtn:hover {
  border: 1px solid #aa0285 !important;
}
.modal-dialog #exp-modal.popupContainer.landing-data-modal .modal-footer.modal-footer-program .btnContainer .cancelBtn:focus {
  outline: none !important;
  color: #1c304b !important;
}
.modal-dialog #exp-modal.popupContainer.landing-data-modal .modal-footer.modal-footer-program .btnContainer .cancelBtn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
.modal-dialog #exp-modal.popupContainer.landing-data-modal .modal-footer.modal-footer-program .btnContainer .cancelBtn:active {
  color: #1c304b !important;
  background: #f7eff5 !important;
  box-shadow: none;
}
.modal-dialog #exp-modal.popupContainer.landing-data-modal .modal-footer.modal-footer-program .btnContainer .cancelBtn:hover {
  border: 1px solid #aa0285 !important;
}
.modal-dialog #exp-modal.popupContainer.landing-data-modal .modal-footer.modal-footer-program .btnContainer .cancelBtn:focus {
  outline: none !important;
  color: #1c304b !important;
}
.modal-dialog #exp-modal.popupContainer.landing-data-modal .modal-footer.modal-footer-program .btnContainer .cancelBtn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: #1c304b !important;
  border-radius: 8px !important;
}
@media (max-width: 768px) {
  .modal-dialog #exp-modal.popupContainer.landing-data-modal .modal-footer.modal-footer-program .btnContainer .cancelBtn {
    width: 100%;
  }
}
.modal-dialog #exp-modal.popupContainer.landing-data-modal .modal-footer.modal-footer-program .btnContainer .submitBtn {
  min-width: 176px;
  width: auto;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: Noto Sans, sans-serif;
  text-transform: uppercase;
  color: white;
  background-color: #441750;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  padding: 8px 24px;
  font-family: 'Noto Sans', sans-serif;
}
.modal-dialog #exp-modal.popupContainer.landing-data-modal .modal-footer.modal-footer-program .btnContainer .submitBtn:active {
  color: white;
  background: #390447;
}
.modal-dialog #exp-modal.popupContainer.landing-data-modal .modal-footer.modal-footer-program .btnContainer .submitBtn:hover {
  background-color: #613e6b;
}
.modal-dialog #exp-modal.popupContainer.landing-data-modal .modal-footer.modal-footer-program .btnContainer .submitBtn:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.modal-dialog #exp-modal.popupContainer.landing-data-modal .modal-footer.modal-footer-program .btnContainer .submitBtn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.modal-dialog #exp-modal.popupContainer.landing-data-modal .modal-footer.modal-footer-program .btnContainer .submitBtn:active {
  color: white;
  background: #390447;
}
.modal-dialog #exp-modal.popupContainer.landing-data-modal .modal-footer.modal-footer-program .btnContainer .submitBtn:hover {
  background-color: #613e6b;
}
.modal-dialog #exp-modal.popupContainer.landing-data-modal .modal-footer.modal-footer-program .btnContainer .submitBtn:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.modal-dialog #exp-modal.popupContainer.landing-data-modal .modal-footer.modal-footer-program .btnContainer .submitBtn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.modal-dialog #exp-modal.popupContainer.landing-data-modal .modal-footer.modal-footer-program .btnContainer .submitBtn:active {
  color: white;
  background: #390447;
}
.modal-dialog #exp-modal.popupContainer.landing-data-modal .modal-footer.modal-footer-program .btnContainer .submitBtn:hover {
  background-color: #613e6b;
}
.modal-dialog #exp-modal.popupContainer.landing-data-modal .modal-footer.modal-footer-program .btnContainer .submitBtn:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.modal-dialog #exp-modal.popupContainer.landing-data-modal .modal-footer.modal-footer-program .btnContainer .submitBtn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.modal-dialog #exp-modal.popupContainer.landing-data-modal .modal-footer.modal-footer-program .btnContainer .submitBtn:active {
  color: white;
  background: #390447;
}
.modal-dialog #exp-modal.popupContainer.landing-data-modal .modal-footer.modal-footer-program .btnContainer .submitBtn:hover {
  background-color: #613e6b;
}
.modal-dialog #exp-modal.popupContainer.landing-data-modal .modal-footer.modal-footer-program .btnContainer .submitBtn:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.modal-dialog #exp-modal.popupContainer.landing-data-modal .modal-footer.modal-footer-program .btnContainer .submitBtn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.modal-dialog #exp-modal.popupContainer.landing-data-modal .modal-footer.modal-footer-program .btnContainer .submitBtndisabled {
  cursor: default;
}
@media (max-width: 768px) {
  .modal-dialog #exp-modal.popupContainer.landing-data-modal .modal-footer.modal-footer-program .btnContainer .submitBtn {
    width: 100%;
  }
}
.modal-dialog .candidateSupportForm #exp-modal .modal-body textarea {
  resize: vertical;
}
.modal-dialog .candidateSupportForm #exp-modal.popupContainer.pause-program-modal .modal-footer.modal-footer-program .btnContainer .pauseBtn {
  width: 100%;
  font-weight: 500;
}
.modal-dialog .candidateSupportForm .support-form-sub-text {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
  margin-bottom: 24px;
}
.modal-dialog .candidateSupportForm #exp-modal.popupContainer.pause-program-modal .bodyText {
  padding: 24px 40px 32px 40px;
}
.modal-dialog .candidateSupportForm #exp-modal.popupContainer.pause-program-modal .bodyText .control-box-popup.control-box-description {
  margin-bottom: 0px;
}
.modal-dialog .candidateSupportForm #exp-modal.popupContainer.pause-program-modal .bodyText .control-box-popup.control-box-status .error-section {
  margin-top: 8px;
}
.modal-dialog .candidateSupportForm #exp-modal.popupContainer.pause-program-modal .bodyText .control-box-popup .error-hints-outer {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 8px;
}
.modal-dialog .candidateSupportForm #exp-modal.popupContainer.pause-program-modal .bodyText .control-box-popup .error-hints-outer .error-section {
  flex: 8;
  margin-top: 3px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.modal-dialog .candidateSupportForm #exp-modal.popupContainer.pause-program-modal .bodyText .control-box-popup .error-hints-outer .error-hint {
  flex: 4;
}
.page-help-wrapper {
  /*margin-bottom: 190px;*/
  clear: both;
}
@media (max-width: 767px) {
  .page-help-wrapper {
    margin-top: 50px;
  }
}
.page-help-wrapper .page-wrapper-test .breadcrumbs {
  margin-top: 0;
  margin-bottom: 12px;
}
.page-help-wrapper .page-wrapper .breadcrumbs ul {
  padding-top: 0;
}
.page-help-wrapper .breadcrumb-wrapper ul li.current span {
  color: #45505f;
}
.help-page-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0px;
  gap: 60px;
  background: url('/Content/Images/help/help-bg.svg');
  background-repeat: no-repeat;
  padding-top: 58px;
  padding-bottom: 58px;
  border-radius: 8px;
}
@media (max-width: 767px) {
  .help-page-container {
    border-radius: 0px;
    background-position: top;
  }
}
.help-page-container .help-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 40px;
  gap: 32px;
  background: #f6f6fa;
  border-radius: 12px;
  width: 469px;
}
@media (max-width: 767px) {
  .help-page-container .help-content {
    min-width: 300px;
    padding: 40px 28px;
    width: auto;
  }
}
.help-page-container .help-content span {
  font-weight: 600;
}
.help-page-container .help-content .help-telphone {
  color: #aa0285;
}
.help-page-container .help-content .help-telphone:before {
  content: '';
  background: url('/Content/Images/help/phone-icon.svg');
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
  margin-right: 6px;
  vertical-align: middle;
}
.help-page-container .help-content .help-email {
  color: #aa0285;
}
.help-page-container .help-content .help-email:before {
  content: '';
  background: url('/Content/Images/help/email-icon.svg');
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
  margin-right: 6px;
  vertical-align: middle;
}
.help-page-container .help-heading {
  text-align: center;
  padding: 0px 40px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (max-width: 767px) {
  .help-page-container .help-heading {
    padding: 0px 20px;
  }
}
.help-page-container .help-heading h1 {
  margin-top: 0 !important;
  margin-bottom: 0px !important;
  color: #1c304b;
  font-size: 40px !important;
  line-height: 48px !important;
  letter-spacing: 0%;
  text-align: center;
}
@media (max-width: 767px) {
  .help-page-container .help-heading h1 {
    font-size: 32px !important;
  }
}
.help-page-container .help-heading p {
  text-align: center;
  margin-bottom: 0px;
  color: #45505f;
}
.assesment-questionnaire {
  width: 466px;
  margin: 0 auto;
  background: transparent !important;
}
.assesment-questionnaire .progress-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.assesment-questionnaire .progress-container .progress-view {
  background: #ebebee;
  height: 8px;
  width: 100%;
  border-radius: 25px;
  overflow: hidden;
  box-shadow: none;
}
.assesment-questionnaire .progress-container .progress-view .progress-bar {
  height: 8px;
  background-color: #aa0285;
  text-align: center;
  line-height: 30px;
  color: white;
  border-radius: 25px;
}
.assesment-questionnaire .progress-container .show-number {
  color: #45505f;
}
.questionnaire-container {
  display: flex;
  gap: 32px;
  margin-top: 24px;
  flex-direction: column;
}
.questionnaire-container .header {
  display: flex;
  flex-direction: column;
}
.questionnaire-container .header h2 {
  color: #1c304b;
  font-weight: 400;
  letter-spacing: 0%;
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 24px;
}
.questionnaire-container .header h3 {
  color: #1c304b;
  font-weight: 500;
  letter-spacing: -1% !important;
  margin-top: 0px;
  margin-bottom: 0px;
}
.questionnaire-container .option-disable {
  pointer-events: none;
  opacity: 0.4;
}
.questionnaire-container .option-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
}
.questionnaire-container .option-container .selected-bg {
  background-color: #fcf7fb;
  border: 1px solid #aa0285;
}
.questionnaire-container .option-container .option {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 24px 8px 24px 16px;
  gap: 8px;
  background: white;
  border: 1px solid #e5e4ec;
  border-radius: 8px;
  height: 64px;
  flex: 1 1 300px;
  justify-content: center;
  cursor: pointer;
  width: 100%;
  justify-content: flex-start;
  text-decoration: none;
}
.questionnaire-container .option-container .option:hover {
  background: #fcf7fb;
  border: 1px solid #aa0285;
  border-radius: 8px;
}
.questionnaire-container .option-container .option:focus-visible {
  border: 1px solid #aa0285;
  background: #fcf7fb;
  outline: none !important;
}
.questionnaire-container .option-container .option .radio-group {
  margin-top: 0;
}
.questionnaire-container .option-container .option .radio-group label {
  display: flex;
  align-items: center;
  gap: 12px;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
  color: #1c304b;
  margin-bottom: 0px;
  cursor: pointer;
}
.questionnaire-container .option-container .option .radio-group label .radio-span-input input {
  margin-top: 8px;
}
.questionnaire-container .option-container .option .radio-group label .radio-span-text {
  text-transform: capitalize;
}
.questionnaire-container .option-container .option .radio-group-mindset {
  margin-top: 0;
}
.questionnaire-container .option-container .option .radio-group-mindset label {
  display: flex;
  align-items: center;
  gap: 12px;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
  color: #1c304b;
  margin-bottom: 0px;
  cursor: pointer;
}
.questionnaire-container .option-container .option .radio-group-mindset label .radio-span-input input {
  margin-top: 8px;
}
.questionnaire-container .option-container .option .radio-group-mindset label .radio-span-text {
  text-transform: none;
}
.questionnaire-container .option-to-back {
  display: flex;
  flex-direction: row;
}
.questionnaire-container .option:hover .radio-span-input input {
  border: 4px solid #aa0285;
}
.questionnaire-container .option:focus-visible .radio-span-input input {
  outline: 4px solid #ff5858;
  outline-offset: 0px;
  border: 4px solid #aa0285;
}
.getStarted-career-initiative-assessment {
  min-height: 436px;
  padding: 31px 23px 40px 32px;
  border-radius: 8px;
  display: flex;
  justify-content: center;
}
@media (max-width: 1024px) {
  .getStarted-career-initiative-assessment {
    margin-top: 40px;
  }
}
@media (max-width: 576px) {
  .getStarted-career-initiative-assessment {
    padding: 0;
  }
}
.getStarted-career-initiative-assessment-inner {
  background-image: url('/Content/Images/developMe/career-initiative-assessment.png');
  background-repeat: no-repeat;
  content: '';
  width: 100%;
  max-width: 800px;
  padding: 32px;
  background-color: white;
}
@media (max-width: 1024px) {
  .getStarted-career-initiative-assessment-inner {
    margin-top: 72px;
    background-position-x: center;
  }
}
@media (max-width: 576px) {
  .getStarted-career-initiative-assessment-inner {
    padding: 16px;
  }
}
.section.getStarted-career-initiative-assessment {
  padding: 31px 23px 40px 32px;
  background: white;
  border-radius: 8px;
}
.header-career-assesment {
  display: flex;
  align-items: center;
  letter-spacing: 0.02em;
  justify-content: space-between;
}
.header-career-assesment .header-career-assesment-title h1 {
  font-family: 'Noto Sans', sans-serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  margin-top: 0px;
  margin-bottom: 0px;
  display: contents;
  padding-right: 16px;
  color: #1c304b;
}
.header-career-assesment-title .completed {
  display: flex;
  align-items: center;
  gap: 4px;
  border-radius: 4px;
  border: 1px solid #33841f;
  background: #dcf5d6;
  min-width: 93px;
  padding-left: 8px;
  padding-right: 8px;
  display: inline-flex;
  height: 20px;
  padding-top: 2px;
  padding-bottom: 2px;
}
.header-career-assesment-title .completed img {
  width: 14px;
  height: 14px;
  vertical-align: middle;
}
.header-career-assesment-title .completed-text {
  font-size: 10px !important;
  margin-bottom: 0px;
  vertical-align: middle;
}
.bookmark {
  text-transform: uppercase;
  padding: 8px 0px;
  display: inline-flex;
}
.bookmark:before {
  width: 26px;
  height: 16px;
  content: "";
  background: url("/Content/Images/developMe/NewAssesment/bookmark_add.svg");
  background-repeat: no-repeat;
}
.sub-para {
  padding-top: 16px;
  padding-bottom: 24px;
  padding-right: 9px;
}
.sub-para p {
  color: #1c304b !important;
  margin-bottom: 0px;
}
.content-InitiativeAssessment p {
  margin-bottom: 8px;
}
.evaluation-section {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 8px;
  margin-bottom: 20px;
}
.valuesmart-para {
  margin-bottom: 20px !important;
}
.initiative-para {
  font-size: 14px !important;
  margin-bottom: 20px !important;
}
.valuesmart-section {
  margin-bottom: 0px;
}
.evaluation-section p {
  font-family: 'Noto Sans', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.4%;
  color: #1c304b !important;
  margin-bottom: 0px;
}
.evaluation-section ul {
  padding-left: 18px;
  margin-bottom: 0px;
}
.evaluation-section ul li {
  font-family: 'Noto Sans', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.004em;
  color: #1c304b;
}
.view-take-button-section {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 0px;
  gap: 16px;
  justify-content: space-evenly;
}
.view-take-button-section .colour-white {
  color: white;
}
.view-take-button-section .primary-btn--lg,
.view-take-button-section .secondary-btn--lg {
  width: 50%;
}
@media (max-width: 767px) {
  .assesment-questionnaire {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 16px;
  }
  .questionnaire-container .option-container .option {
    flex: 1 1 100%;
  }
  .view-take-button-section {
    flex-direction: column;
  }
  .view-take-button-section .primary-btn--lg,
  .view-take-button-section .secondary-btn--lg {
    width: 100%;
  }
  .header-career-assesment {
    flex-direction: column;
    align-items: flex-start;
  }
  .header-career-assesment-title {
    order: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .header-career-assesment-title h3 {
    order: 2;
    padding-right: 0px !important;
  }
  .header-career-assesment-title .completed {
    width: 99px;
    order: 1;
  }
}
.getStarted-career-initiative-assessment-inner.skeleton-career-initiative-assessment {
  background: white;
  border-radius: 8px;
}
.getStarted-career-initiative-assessment-inner.skeleton-career-initiative-assessment .header-career-assesment .skeleton-dark-gray.line-small-four {
  width: 60%;
  height: 24px;
}
.getStarted-career-initiative-assessment-inner.skeleton-career-initiative-assessment .header-career-assesment .skeleton-dark-gray.line-small-two {
  width: 100%;
  height: 12px;
  margin-bottom: 10px;
}
.getStarted-career-initiative-assessment-inner.skeleton-career-initiative-assessment .header-career-assesment .skeletoninout.skeleton-cricle-gray {
  width: 16px;
  height: 16px;
  background: #d8d8e2;
  flex: none;
  order: 0;
  flex-grow: 0;
  border-radius: 45px;
}
.getStarted-career-initiative-assessment-inner.skeleton-career-initiative-assessment .header-career-assesment .bookmark-skeleton {
  width: 15%;
  display: flex;
  flex-direction: row;
  gap: 8px;
}
.getStarted-career-initiative-assessment-inner.skeleton-career-initiative-assessment .header-career-assesment .line-small-three {
  width: 281px;
  height: 16px;
  margin-bottom: 0;
}
.getStarted-career-initiative-assessment-inner.skeleton-career-initiative-assessment .career-content-skeleton {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 24px;
  margin-bottom: 40px;
}
.getStarted-career-initiative-assessment-inner.skeleton-career-initiative-assessment .career-content-skeleton .full-line {
  height: 16px;
  margin-bottom: 0;
}
.getStarted-career-initiative-assessment-inner.skeleton-career-initiative-assessment .view-take-button-skeleton .btn-one {
  width: 100%;
  min-height: 40px;
  height: 40px;
  margin-bottom: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  padding: 0;
  border-radius: 15px;
  background: #d8d8e2;
}
section.assesment-questionnaire-skeleton .progress.full-line {
  height: 8.53px;
  box-shadow: none;
  margin-bottom: 10.67px;
}
section.assesment-questionnaire-skeleton .progress-container .line-small-one {
  width: 37px;
  height: 12.8px;
}
section.assesment-questionnaire-skeleton .questionnaire-container-skeleton .header {
  flex-direction: column;
}
section.assesment-questionnaire-skeleton .questionnaire-container-skeleton .header .full-line {
  height: 16px;
}
section.assesment-questionnaire-skeleton .questionnaire-container-skeleton .header .line-small-four {
  height: 16px;
  width: 281px;
}
section.assesment-questionnaire-skeleton .option-container-skeleton .option {
  flex-direction: row !important;
}
section.assesment-questionnaire-skeleton .option-container-skeleton .option:hover {
  background: white;
  border: 1px solid #e5e4ec;
}
section.assesment-questionnaire-skeleton .option-container-skeleton .option .skeleton-cricle {
  width: 16px;
  height: 16px;
  background: #d8d8e2;
  margin-bottom: 0px !important;
}
section.assesment-questionnaire-skeleton .option-container-skeleton .option .line-small-three {
  margin-bottom: 0px !important;
  width: 80px;
  height: 12px;
}
section.assesment-questionnaire-skeleton .option-to-back-skeleton .btn-one {
  width: 118px;
  height: 40px;
  background: #d8d8e2;
  border-radius: 15px;
}
.career-mindset-content {
  margin-top: 24px;
}
.career-mindset-content p:first-child {
  margin-bottom: 24px;
}
.career-mindset-content p {
  font-family: 'Noto Sans', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 25px;
}
.career-mindset-content p strong {
  font-family: 'Noto Sans', sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
}
.mindset-para {
  margin-bottom: 20px !important;
}
section.assessment-report-page {
  margin-bottom: 30px;
  background: #f7f7fa;
  padding-top: 40px;
}
@media (max-width: 900px) {
  section.assessment-report-page {
    padding-top: 70px;
  }
}
section.assessment-report-page .your-assessment-report-header {
  background-color: white;
  padding: 24px;
  width: 100%;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  border: 1px solid #e5e4ec;
}
@media (max-width: 1025px) {
  section.assessment-report-page .your-assessment-report-header {
    margin-top: 40px;
  }
}
section.assessment-report-page .your-assessment-report-header .header-title {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
section.assessment-report-page .your-assessment-report-header h1 {
  font-weight: 500;
  color: #1c304b;
  margin: 0;
}
@media (max-width: 767px) {
  section.assessment-report-page .your-assessment-report-header h1 {
    font-weight: 600;
  }
}
section.assessment-report-page .your-assessment-report-header div.body_medium {
  color: #1c304b;
  margin-bottom: 0;
}
section.assessment-report-page .resultDescription {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
section.assessment-report-page .resultDescription p {
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  font-family: 'Noto Sans', sans-serif;
  color: #1c304b;
  line-height: 24px;
  font-size: 14px;
}
@media (max-width: 767px) {
  section.assessment-report-page .resultDescription p {
    font-family: Noto Sans, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: #45505f;
    font-family: 'Noto Sans', sans-serif;
  }
}
section.assessment-report-page .resultDescription p.body_base_semibold {
  font-family: Noto Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
}
section.assessment-report-page .two-column-section {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 24px;
  margin-top: 24px;
}
section.assessment-report-page .employeePractices {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 24px;
  gap: 20px;
  background: white;
  border: 1px solid #e5e4ec;
  border-radius: 8px;
  flex: 1 1 396px;
  flex-grow: 0;
}
@media (min-width: 767px) {
  section.assessment-report-page .employeePractices {
    position: sticky;
    top: 24px;
  }
}
section.assessment-report-page .employeePractices .header-item {
  border-bottom: 1px solid #e5e4ec;
  display: flex;
  width: 100%;
}
section.assessment-report-page .employeePractices .header-item h2 {
  padding-bottom: 24px;
  margin: 0;
  color: #1c304b;
  font-weight: 500;
}
@media (max-width: 767px) {
  section.assessment-report-page .employeePractices .header-item h2 {
    font-weight: 600;
  }
}
section.assessment-report-page .feedback-container {
  width: 100%;
}
section.assessment-report-page .recognizeUniqueness {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  flex: 1 1 577px;
}
section.assessment-report-page .recognizeUniqueness .recognizeUniquenessFirstSection {
  padding: 24px 24px 40px;
  background: white;
  border: 1px solid #e5e4ec;
  border-radius: 8px;
}
section.assessment-report-page .recognizeUniqueness .recognizeUniquenessFirstSection .header-item {
  display: flex;
  width: 100%;
}
section.assessment-report-page .recognizeUniqueness .recognizeUniquenessFirstSection .header-item h2 {
  padding-bottom: 24px;
  margin: 0;
  color: #1c304b;
  font-weight: 500;
}
@media (max-width: 767px) {
  section.assessment-report-page .recognizeUniqueness .recognizeUniquenessFirstSection .header-item h2 {
    font-weight: 600;
  }
}
section.assessment-report-page .practices-results {
  display: flex;
  gap: 12px;
  flex-direction: column;
  width: 100%;
}
section.assessment-report-page .practices-results .section-items {
  background: #f8f8f9;
  border-radius: 8px;
  padding: 24px 20px;
  display: flex;
  gap: 4px;
  align-items: center;
  cursor: pointer;
  border: 1px solid #f8f8f9;
  color: #1c304b;
}
section.assessment-report-page .practices-results .section-items.active {
  background: #fcf7fb;
  border: 1px solid #aa0285;
  color: #1c304b;
  text-decoration: none;
}
section.assessment-report-page .practices-results .section-items.active:hover {
  text-decoration: none;
}
section.assessment-report-page .practices-results .section-items:hover {
  text-decoration: none;
}
section.assessment-report-page .practices-results .number-tag {
  padding: 4px 16px;
  border-radius: 16px;
  color: #1c304b;
  letter-spacing: 5%;
  white-space: nowrap;
}
section.assessment-report-page .practices-results .tag-success {
  background: #dcf5d6;
}
section.assessment-report-page .practices-results .tag-alert {
  background: #fff0cc;
}
section.assessment-report-page .practices-results .tag-error {
  background: #f7d3d0;
}
section.assessment-report-page .hroziontal-progress {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 32px;
  margin-top: 12px;
}
section.assessment-report-page .hroziontal-progress .progress {
  width: 95%;
  background: none;
  box-shadow: none;
  border-radius: 0 4px 4px 0;
  margin-bottom: 0;
  display: flex;
  gap: 16px;
  flex-direction: row;
  align-items: center;
}
section.assessment-report-page .hroziontal-progress .progress span.progress-bar {
  border-radius: 0 4px 4px 0;
  box-shadow: none;
  height: 16px;
}
section.assessment-report-page .hroziontal-progress .progress .complete-num {
  font-family: 'Noto Sans', sans-serif;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.05em;
  color: #1c304b;
}
section.assessment-report-page .hroziontal-progress .progress .green-bar {
  background: #73d85a;
}
section.assessment-report-page .hroziontal-progress .progress .yellow-bar {
  background: #ffd166;
}
section.assessment-report-page .hroziontal-progress .progress .red-bar {
  background: #e87a71;
}
section.assessment-report-page .recognize-content {
  display: flex;
  flex-direction: row;
  /*margin-top: 24px;*/
  height: auto;
  align-items: center;
}
section.assessment-report-page .header-item {
  display: flex;
  flex-direction: row;
}
section.assessment-report-page .content-doing-well {
  background: white;
  border-radius: 8px;
  padding: 20px 16px;
  display: flex;
  flex-direction: row;
  gap: 8px;
  margin-left: 24px;
}
section.assessment-report-page .content-doing-well p {
  margin-bottom: 0;
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  font-family: 'Noto Sans', sans-serif;
  color: #1c304b;
}
section.assessment-report-page .tabSection {
  border-top: 1px solid #e5e4ec;
  margin-top: 45px;
  display: block;
  width: 100%;
}
@media (max-width: 767px) {
  section.assessment-report-page .tabSection {
    border-top: none;
    margin-top: 0px;
  }
}
section.assessment-report-page .tabSection .tab {
  padding: 20px 16px;
  gap: 24px;
  border: 1px solid #ebebee;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 24px;
}
@media (max-width: 767px) {
  section.assessment-report-page .tabSection .tab {
    margin-top: 27px;
  }
}
section.assessment-report-page .tabSection .tab .control-wrapper-loader-bar {
  border-bottom: none !important;
}
section.assessment-report-page .tabSection .tab .control-wrapper {
  padding: 0;
  max-height: 60px;
  border-radius: 0;
  background-color: transparent;
}
section.assessment-report-page .tabSection .tab .control-wrapper.control-wrapper-opened {
  max-height: 4000px;
}
section.assessment-report-page .tabSection .tab .control-wrapper .control-wrapper-body {
  position: relative;
}
section.assessment-report-page .tabSection .tab .control-wrapper .control-wrapper-body span.header-title-subHeading {
  /*position: absolute;
            top: -6%;
            right: 6%;*/
  color: #5c6573;
}
@media (max-width: 767px) {
  section.assessment-report-page .tabSection .tab .control-wrapper .control-wrapper-body span.header-title-subHeading {
    display: none;
  }
}
section.assessment-report-page .tabSection .tab .control-wrapper .control-wrapper-head {
  margin-bottom: 0;
  display: flex;
  flex-direction: row;
}
section.assessment-report-page .tabSection .tab .control-wrapper .control-wrapper-head a.control-wrapper-btn.clickable-icon.control-btn-unfold {
  background: url('/Content/Images/icons/Interactive-arrow-up.svg') !important;
  background-repeat: no-repeat;
  padding-right: 0 !important;
  margin-right: 4px;
  margin-top: 4px;
}
section.assessment-report-page .tabSection .tab .control-wrapper .control-wrapper-head a.control-wrapper-btn.clickable-icon.control-btn-fold {
  background: url('/Content/Images/icons/Interactive-arrow-down.svg') !important;
  background-repeat: no-repeat;
  padding-right: 0 !important;
  margin-right: 4px;
  margin-top: 4px;
}
section.assessment-report-page .tabSection .tab .control-wrapper .static-header .control-wrapper-flex {
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  width: 93%;
  margin-top: -24px;
  margin-bottom: 12px;
}
section.assessment-report-page .tabSection .tab .control-wrapper .static-header .control-wrapper-flex .custom-heading {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  font-family: 'Noto Sans', sans-serif;
}
section.assessment-report-page .tabSection .tab .control-wrapper .static-header .control-wrapper-flex .header-title-subHeading {
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  font-family: 'Noto Sans', sans-serif;
  color: #5c6573;
}
section.assessment-report-page .content p {
  margin-bottom: 0;
}
section.assessment-report-page .content p span {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
  color: #1c304b;
  display: flex;
  /*padding-top: 32px;*/
  padding-bottom: 24px;
}
section.assessment-report-page .answer-score {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  align-self: stretch;
}
section.assessment-report-page .answer-score h3 {
  margin: 0;
  color: #1c304b;
}
section.assessment-report-page .score-section {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 12px 16px 12px 8px;
  gap: 8px;
  background: #efeff7;
  border: 1px solid #e5e4ec;
  border-radius: 8px;
  width: 100%;
}
section.assessment-report-page .score-section h6,
section.assessment-report-page .score-section p {
  margin: 0;
  padding: 0;
}
section.assessment-report-page .progressCircle {
  font-family: 'Noto Sans', sans-serif;
  font-weight: 600;
  font-size: 20px;
  line-height: 100%;
  text-align: center;
}
section.assessment-report-page .seperater {
  color: #9f99a0;
}
section.assessment-report-page .tabSection .tab .control-wrapper-head a {
  font-size: 20px;
  transition: none;
}
section.assessment-report-page .button-container {
  border-top: 0px;
  margin-top: 0px;
  padding-top: 2px;
  margin-bottom: 0px;
}
section.assessment-report-page .button-container a:hover,
section.assessment-report-page .button-container a:focus {
  color: #aa0285 !important;
  text-decoration: none !important;
}
section.assessment-report-page .button-container a:before {
  width: 13px;
  height: 12px;
  content: url(/Content/Images/icons/Print.svg) !important;
  padding-right: 8px;
}
@media (max-width: 767px) {
  section.assessment-report-page .two-column-section {
    flex-direction: column;
  }
  section.assessment-report-page .employeePractices {
    flex: fit-content;
    width: 100%;
  }
  section.assessment-report-page .recognizeUniqueness {
    flex: auto;
    flex-direction: column;
  }
  section.assessment-report-page .recognize-content {
    flex-direction: column;
  }
  section.assessment-report-page .recognize-content .progress-Circle-area .progress-circle {
    border-bottom: 1px solid #e5e4ec;
    padding-bottom: 10px;
    text-align: center;
  }
  section.assessment-report-page .recognize-content .content-doing-well.body_small {
    text-align: left;
    margin-left: 0 !important;
    margin-top: 20px;
  }
}
section.assessment-report-page .tabSection .tab .control-wrapper-head .control-wrapper-flex.pink-font {
  display: none;
}
@media print {
  #printableDiv {
    width: 100%;
  }
  .container {
    width: 595px;
    margin: 0 auto;
    padding: 32px;
  }
  .container .your-assessment-report-header {
    background-color: white;
    border-radius: 8px;
    border: 1px solid #e5e4ec;
    padding: 24px;
  }
  .container .your-assessment-report-header .header-title h4 {
    font-family: Noto Sans;
    font-weight: 500;
    font-size: 20px;
    line-height: 32px;
    letter-spacing: -1%;
    color: #1c304b;
  }
  .container .your-assessment-report-header .body_medium {
    color: #1c304b;
  }
  .container .practices-results {
    margin-top: 25px;
    background-color: white;
    border-radius: 8px;
    border: 1px solid #e5e4ec;
    padding: 24px;
  }
  .container .recognize-content .header-item h4 {
    font-family: Noto Sans;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: -1%;
    color: #1c304b;
  }
  .container .recognize-content .progress-Circle-area {
    display: flex;
    margin-bottom: 40px;
    margin-top: 40px;
    align-items: center;
  }
  .container .recognize-content .content-doing-well {
    background: white;
    border-radius: 8px;
    padding: 4px 16px 16px;
    display: flex;
    flex-direction: row;
    gap: 8px;
    margin-left: 24px;
    height: fit-content;
  }
  .container .recognize-content .content-doing-well p {
    margin-bottom: 0;
    font-family: Noto Sans, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    font-family: 'Noto Sans', sans-serif;
    color: #1c304b;
  }
  .container .tabSection .custom-heading {
    font-family: Noto Sans;
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.4%;
    vertical-align: middle;
  }
  .container .tabSection .header-title-subHeading {
    display: none;
  }
  .container .tabSection .static-header {
    margin-bottom: 0;
    margin-top: 0px;
  }
  .container .tabSection .hroziontal-progress {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 32px;
  }
  .container .tabSection .hroziontal-progress .progress {
    width: 100%;
    background: none;
    box-shadow: none;
    border-radius: 0 4px 4px 0;
    margin-bottom: 0;
    display: flex;
    gap: 16px;
    flex-direction: row;
    align-items: center;
  }
  .container .tabSection .hroziontal-progress .progress span.progress-bar {
    height: 16px;
    box-shadow: none;
    border-radius: 0 4px 4px 0;
  }
  .container .tabSection .hroziontal-progress .progress .complete-num {
    color: #1c304b;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px;
    text-transform: uppercase;
    letter-spacing: 0.6px;
  }
  .container .tabSection .content .answer-score h5 {
    font-family: Noto Sans;
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.4%;
    vertical-align: middle;
    color: #1c304b;
  }
  .container .tabSection .content .answer-score div {
    border: 1px solid #efeff6;
    background-color: #efeff6;
    margin-bottom: 12px;
    border-radius: 8px;
    padding: 12px 8px;
  }
  .container .tabSection .content .answer-score div h6 {
    font-family: Noto Sans;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.4%;
    margin: 0;
    color: #1c304b;
  }
  .container .tabSection .content .answer-score div p {
    font-family: Noto Sans;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.4%;
    margin: 0;
    color: #1c304b;
  }
  .container .tabSection .content p {
    font-family: Noto Sans;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.4%;
  }
  .container .tabSection .tab {
    border: 1px solid #ebebee;
    border-radius: 8px;
    margin-bottom: 20px;
    padding: 20px 16px;
  }
  .container .tabSection .tab .control-wrapper {
    width: 96.5%;
  }
  .container .tabSection .tab .control-wrapper .control-wrapper-loader-bar {
    border-bottom: 0px !important;
  }
  .container .tabSection .tab .control-wrapper a.control-wrapper-btn {
    display: none;
  }
  .container .two-column-section .employeePractices .header-item h4 {
    font-family: Noto Sans;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -1%;
    color: #1c304b;
  }
  .container .two-column-section .employeePractices .header-item .recognizeUniqueness h4 {
    font-family: Noto Sans;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: -1%;
    color: #1c304b;
  }
  .container .two-column-section .employeePractices .header-underline {
    border-bottom: 1px solid #e5e4ec;
  }
}
@media print and (max-width: 767px) {
  .container .two-column-section .employeePractices {
    width: 100%;
  }
}
section.assessment-report-page-skeleton .your-assessment-report-header .your-assessment-report-header-title {
  flex-direction: row;
  justify-content: space-between;
  display: flex;
}
section.assessment-report-page-skeleton .your-assessment-report-header .your-assessment-report-header-title .skeleton-dark-gray {
  margin-bottom: 0px;
}
section.assessment-report-page-skeleton .your-assessment-report-header .your-assessment-report-header-title .skeleton-dark-gray.line-small-four {
  width: 242px;
  height: 18px;
}
section.assessment-report-page-skeleton .your-assessment-report-header .your-assessment-report-header-title .skeleton-dark-gray.line-small-two {
  width: 80px;
  height: 12px;
  margin-bottom: 10px;
}
section.assessment-report-page-skeleton .your-assessment-report-header .your-assessment-report-header-title .skeletoninout.skeleton-cricle-gray {
  width: 16px;
  height: 16px;
  background: #d8d8e2;
  flex: none;
  order: 0;
  flex-grow: 0;
  border-radius: 45px;
}
section.assessment-report-page-skeleton .your-assessment-report-header .print-skeleton {
  width: 15%;
  display: flex;
  flex-direction: row;
  gap: 8px;
  justify-content: flex-end;
}
section.assessment-report-page-skeleton .your-assessment-report-header .line-small-three {
  width: 281px;
  height: 16px;
  margin-bottom: 0;
}
section.assessment-report-page-skeleton .your-assessment-report-header .your-assessment-report-content-skeleton .full-line {
  height: 12px;
  margin-bottom: 11px;
  width: 100%;
}
section.assessment-report-page-skeleton .your-assessment-report-header .your-assessment-report-content-skeleton .line-small-three {
  height: 12px;
  width: 90%;
}
@media (max-width: 767px) {
  section.assessment-report-page-skeleton .two-column-section {
    flex-direction: column;
  }
}
@media (max-width: 767px) {
  section.assessment-report-page-skeleton .two-column-section .employeePractices {
    width: 100%;
  }
}
section.assessment-report-page-skeleton .two-column-section .employeePractices .header-item .line-fourth {
  width: 242px;
  height: 18px;
  margin-bottom: 24px;
}
section.assessment-report-page-skeleton .two-column-section .employeePractices .practices-results .section-items {
  background: white;
  border: 1px solid #e5e4ec;
  display: flex;
  justify-content: flex-start;
  gap: 10px;
  flex-direction: row;
}
section.assessment-report-page-skeleton .two-column-section .employeePractices .practices-results .skeletoninout.skeleton-dark-gray.skeleton-line-80 {
  width: 80px;
  height: 12px;
  margin-bottom: 0;
}
section.assessment-report-page-skeleton .two-column-section .employeePractices .practices-results .skeletoninout.skeleton-dark-gray.skeleton-line-60 {
  width: 60px;
  height: 12px;
  margin-bottom: 0;
}
section.assessment-report-page-skeleton .two-column-section .employeePractices .practices-results .skeletoninout.skeleton-dark-gray.skeleton-circle {
  width: 16px;
  height: 16px;
  margin-bottom: 0px;
}
@media (max-width: 767px) {
  section.assessment-report-page-skeleton .two-column-section .recognizeUniqueness {
    flex: auto;
    flex-direction: column;
    width: 100%;
  }
}
section.assessment-report-page-skeleton .two-column-section .recognizeUniqueness .recognizeUniquenessFirstSection {
  width: 100%;
}
section.assessment-report-page-skeleton .two-column-section .recognizeUniqueness .recognizeUniquenessFirstSection .header-item .line-fourth {
  width: 242px;
  height: 18px;
  margin-bottom: 24px;
}
section.assessment-report-page-skeleton .two-column-section .recognizeUniqueness .recognizeUniquenessFirstSection .recognize-content .cricle-container {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 767px) {
  section.assessment-report-page-skeleton .two-column-section .recognizeUniqueness .recognizeUniquenessFirstSection .recognize-content .cricle-container {
    margin-bottom: 40px;
  }
}
section.assessment-report-page-skeleton .two-column-section .recognizeUniqueness .recognizeUniquenessFirstSection .recognize-content .cricle-container .cricle {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  border: 20px solid #e5e5ea;
  display: flex;
  justify-content: center;
  align-items: center;
}
section.assessment-report-page-skeleton .two-column-section .recognizeUniqueness .recognizeUniquenessFirstSection .recognize-content .cricle-container .cricle .skeletoninout.cricle:before {
  display: none;
}
section.assessment-report-page-skeleton .two-column-section .recognizeUniqueness .recognizeUniquenessFirstSection .recognize-content .cricle-container .cricle .horizontal-bar {
  width: 40px;
  height: 12px;
  background: #d8d8e2;
  border-radius: 6px;
}
section.assessment-report-page-skeleton .two-column-section .recognizeUniqueness .recognizeUniquenessFirstSection .recognize-content .content-doing-well {
  width: 355px;
  height: 127px;
  padding: 12px;
  border-radius: 8px;
  background-color: #f8f8f9 !important;
}
section.assessment-report-page-skeleton .two-column-section .recognizeUniqueness .recognizeUniquenessFirstSection .recognize-content .content-doing-well .skeleton-card {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 10px;
  box-sizing: border-box;
}
@media (max-width: 400px) {
  section.assessment-report-page-skeleton .two-column-section .recognizeUniqueness .recognizeUniquenessFirstSection .recognize-content .content-doing-well .skeleton-card {
    width: 100%;
  }
}
section.assessment-report-page-skeleton .two-column-section .recognizeUniqueness .recognizeUniquenessFirstSection .recognize-content .content-doing-well .pull-left-26 {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  flex-direction: column;
  margin-left: 26px;
}
section.assessment-report-page-skeleton .two-column-section .recognizeUniqueness .recognizeUniquenessFirstSection .recognize-content .content-doing-well .skeleton-header {
  display: flex;
  align-items: center;
  gap: 10px;
}
section.assessment-report-page-skeleton .two-column-section .recognizeUniqueness .recognizeUniquenessFirstSection .recognize-content .content-doing-well .circle {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: #d8d8e2;
}
section.assessment-report-page-skeleton .two-column-section .recognizeUniqueness .recognizeUniquenessFirstSection .recognize-content .content-doing-well .line {
  height: 10px;
  background-color: #d8d8e2;
  border-radius: 15px;
}
section.assessment-report-page-skeleton .two-column-section .recognizeUniqueness .recognizeUniquenessFirstSection .recognize-content .content-doing-well .skeleton-line-80 {
  width: 80px;
  height: 12px;
}
section.assessment-report-page-skeleton .two-column-section .recognizeUniqueness .recognizeUniquenessFirstSection .recognize-content .content-doing-well .skeleton-line-240 {
  width: 240px;
  height: 16px !important;
}
section.assessment-report-page-skeleton .two-column-section .recognizeUniqueness .recognizeUniquenessFirstSection .recognize-content .content-doing-well .skeleton-line-175 {
  width: 175px;
}
section.assessment-report-page-skeleton .two-column-section .recognizeUniqueness .recognizeUniquenessFirstSection .tab {
  margin-top: 20px;
}
section.assessment-report-page-skeleton .two-column-section .recognizeUniqueness .recognizeUniquenessFirstSection .tab .skeleton-header {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 0px;
  gap: 12px;
}
section.assessment-report-page-skeleton .two-column-section .recognizeUniqueness .recognizeUniquenessFirstSection .tab .skeleton-line-296 {
  width: 296px;
  height: 16px !important;
}
section.assessment-report-page-skeleton .two-column-section .recognizeUniqueness .recognizeUniquenessFirstSection .tab .header-title-subHeading {
  margin-top: 12px;
  display: block;
}
section.assessment-report-page-skeleton .two-column-section .recognizeUniqueness .recognizeUniquenessFirstSection .tab .skeleton-line-80 {
  width: 80px;
  height: 12px;
}
section.assessment-report-page-skeleton .two-column-section .recognizeUniqueness .recognizeUniquenessFirstSection .tab .skeleton-line-240 {
  width: 240px;
  height: 16px !important;
}
section.assessment-report-page-skeleton .two-column-section .recognizeUniqueness .recognizeUniquenessFirstSection .tab .skeleton-line-175 {
  width: 175px;
}
section.assessment-report-page-skeleton .two-column-section .recognizeUniqueness .recognizeUniquenessFirstSection .tab .line {
  height: 10px;
  background-color: #d8d8e2;
  border-radius: 15px;
}
section.assessment-report-page-skeleton .two-column-section .recognizeUniqueness .recognizeUniquenessFirstSection .tab .skeleton-header-right {
  display: flex;
  flex-direction: row;
  align-items: anchor-center;
  gap: 8px;
}
section.assessment-report-page-skeleton .two-column-section .recognizeUniqueness .recognizeUniquenessFirstSection .tab .circle {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: #d8d8e2;
}
section.assessment-report-page-skeleton .two-column-section .recognizeUniqueness .recognizeUniquenessFirstSection .tab .control-wrapper-flex.control-wrapper-flex-custom {
  width: 100%;
  flex-direction: column;
}
section.assessment-report-page-skeleton .two-column-section .recognizeUniqueness .content .content-skeleton {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 8px;
  margin-top: 32px;
  margin-bottom: 24px;
}
section.assessment-report-page-skeleton .two-column-section .recognizeUniqueness .content .skeleton-line-100 {
  width: 100%;
}
section.assessment-report-page-skeleton .two-column-section .recognizeUniqueness .content .skeleton-line-362 {
  width: 362px;
}
@media (max-width: 400px) {
  section.assessment-report-page-skeleton .two-column-section .recognizeUniqueness .content .skeleton-line-362 {
    width: 100%;
  }
}
section.assessment-report-page-skeleton .two-column-section .recognizeUniqueness .content .skeleton-line-166 {
  width: 166px;
}
section.assessment-report-page-skeleton .two-column-section .recognizeUniqueness .answer-score .score-section .skeleton-header {
  justify-content: flex-start;
}
.tabSection .custom-accordion .panel-group {
  margin-bottom: 0;
}
.tabSection .custom-accordion .panel-group .panel-default {
  border: none;
  box-shadow: none;
}
.tabSection .custom-accordion .panel-group .panel-default > .panel-heading + .panel-collapse .panel-body {
  border: none;
  padding: 0;
  margin-top: 30px;
}
.tabSection .custom-accordion .panel-group .panel .panel-heading {
  padding: 0;
  background: none;
}
.tabSection .custom-accordion .panel-group .panel .panel-heading .panel-title {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
}
.tabSection .custom-accordion .panel-group .panel .panel-heading .panel-title div,
.tabSection .custom-accordion .panel-group .panel .panel-heading .panel-title h3 {
  margin: 0;
}
.tabSection .custom-accordion .panel-group .panel .panel-heading .panel-title a:before {
  display: none;
}
.tabSection .custom-accordion .panel-group .panel .panel-heading .panel-title .arrowPlacement {
  color: #5c6573;
  text-align: right;
  align-content: center;
  display: flex !important;
  cursor: pointer;
  gap: 12px;
  padding: 0;
  border: 2px solid transparent;
}
.tabSection .custom-accordion .panel-group .panel .panel-heading .panel-title .arrowPlacement:hover {
  text-decoration: none;
}
.tabSection .custom-accordion .panel-group .panel .panel-heading .panel-title .arrowPlacement:focus-visible {
  border: 2px solid #ff5858 !important;
  border-radius: 4px;
}
.tabSection .custom-accordion .panel-group .panel .panel-heading .panel-title .arrowPlacement .header-title-subHeading {
  align-content: center;
  color: #5c6573;
}
.tabSection .custom-accordion .panel-group .panel .panel-heading .panel-title .arrowPlacement .header-title-subHeading:empty {
  display: none;
}
.tabSection .custom-accordion .panel-group .panel .panel-heading .panel-title .arrowPlacement.collapsed span.control-btn {
  background: url('/Content/Images/icons/Interactive-arrow-up.svg');
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
}
.tabSection .custom-accordion .panel-group .panel .panel-heading .panel-title .arrowPlacement span.control-btn {
  background: url('/Content/Images/icons/Interactive-arrow-down.svg');
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
}
.tabSection .custom-accordion .panel-group .panel .panel-heading .panel-title button[aria-expanded="false"] span.control-btn {
  background: url('/Content/Images/icons/Interactive-arrow-up.svg') !important;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
}
.tabSection .custom-accordion .panel-group .panel .panel-heading .panel-title .custom-heading {
  margin: 0;
  align-content: center;
}
.tabSection .custom-accordion .valueSmart-result-tabSection h4,
.tabSection .custom-accordion .valueSmart-result-tabSection p {
  margin: 0;
}
.vmockModal .vmock-content-wrapper .vmock-welcome-txt {
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
  letter-spacing: -0.2px;
  margin-top: 0;
  margin-bottom: 24px;
}
.vmockModal .vmock-content-wrapper .vmock-acknowledgment-txt {
  margin-top: 24px;
}
.vmockModal .vmock-content-wrapper ul {
  margin-bottom: 24px;
}
.vmockModal .vmock-content-wrapper ul li {
  font-size: 14px;
}
.vmockModal .vmock-content-wrapper a {
  color: #aa0285;
  text-decoration: underline;
  cursor: pointer;
}
.vmockModal .vmock-content-wrapper h2 {
  color: #45505f;
  margin-top: 24px;
  margin-bottom: 0;
}
.feedback-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.feedback-wrapper .feedback-text {
  color: #1c304b;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
.feedback-wrapper .feedback-buttons {
  display: flex;
  align-items: center;
  gap: 12px;
}
.feedback-wrapper .feedback-buttons .feedback-agree-button,
.feedback-wrapper .feedback-buttons .feedback-disagree-button {
  display: flex;
  padding: 8px 16px;
  justify-content: center;
  align-items: center;
  gap: 16px;
  border-radius: 8px;
  cursor: pointer;
}
.feedback-wrapper .feedback-buttons .feedback-agree-button:focus-visible,
.feedback-wrapper .feedback-buttons .feedback-disagree-button:focus-visible {
  border-radius: 2px;
  outline-offset: 0px;
  outline: #ff5858 solid 4px;
}
.feedback-wrapper .feedback-buttons .feedback-agree-button {
  background: white;
}
.feedback-wrapper .feedback-buttons .feedback-disagree-button {
  background: white;
}
.feedback-wrapper .feedback-buttons .feedback-agree-clicked {
  background: #dcf5d6;
  display: flex;
  padding: 8px 16px;
  justify-content: center;
  align-items: center;
  gap: 16px;
  border-radius: 8px;
  cursor: pointer;
}
.feedback-wrapper .feedback-buttons .feedback-disagree-clicked {
  background: #f7d3d0;
  display: flex;
  padding: 8px 16px;
  justify-content: center;
  align-items: center;
  gap: 16px;
  border-radius: 8px;
  cursor: pointer;
}
.textarea-wrapper {
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.textarea-wrapper .textarea-level {
  color: #1c304b;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.18px;
  text-transform: uppercase;
}
.textarea-wrapper .textarea-input {
  display: flex;
  padding: 16px;
  align-items: center;
  gap: 16px;
  border-radius: 8px;
  border: 1px solid #1c304b;
  background: white;
}
.textarea-wrapper .textarea-input:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  border-radius: 8px !important;
}
.feedback-submit-button {
  margin-top: 12px;
  display: flex;
  justify-content: end;
}
.feedback-submit-button .btn-focus:before {
  border: 0 !important;
}
.feedback-complete-wrapper {
  display: flex;
  align-items: center;
  gap: 12px;
}
span.mentorLebel-MaxChar {
  text-align: right;
  padding-top: 8px;
}
.page-wrapper.help-main-content {
  min-height: calc(100vh - 120px);
  padding-top: 24px;
  padding-bottom: 36px;
}
@media (max-width: 1024px) {
  .page-wrapper.help-main-content {
    padding-top: 86px;
    min-height: calc(100vh - 150px);
  }
}
.page-wrapper.help-main-content .main-content-top {
  height: 24px;
  width: 100%;
  margin-bottom: 16px;
}
@media (max-width: 768px) {
  .page-wrapper.help-main-content .main-content-top {
    margin-bottom: 24px;
    padding-left: 16px;
    padding-right: 16px;
  }
}
.page-wrapper.help-main-content .main-content-top .page-wrapper-test .breadcrumbs {
  margin-top: 0px;
  height: 24px;
  margin-bottom: 16px;
  width: 100%;
}
.page-wrapper.help-main-content .main-content-top .page-wrapper-test .breadcrumbs .breadcrumbs-list {
  margin-top: 0px;
  padding-top: 0px;
}
.page-wrapper.help-main-content .main-content-top .page-wrapper-test .breadcrumbs ul li.current span {
  color: #45505f;
}
.page-wrapper.help-main-content .main-content-top .page-wrapper-test .breadcrumbs ul li.breadcrumbs-label {
  padding-right: 0;
  margin-top: 0px;
}
.page-wrapper.help-main-content .no-padding.upcoming-events.recommend-skeleton {
  display: none !important;
}
@media (max-width: 768px) {
  .page-wrapper.help-main-content .container.help-assistance-container {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
}
.page-wrapper.help-main-content .help-assistance-section-outer {
  background-color: white;
  border-radius: 8px;
  padding-left: 16px;
  padding-right: 16px;
}
.page-wrapper.help-main-content .help-assistance-section,
.page-wrapper.help-main-content .help-assistance-section-start {
  border-radius: 8px;
  text-align: center;
  width: 100%;
  padding: 40px 12%;
  position: relative;
  background-image: url(/Content/Images/help/ai-assistant-bg.png);
  background-repeat: no-repeat;
  background-size: contain;
}
@media (max-width: 768px) {
  .page-wrapper.help-main-content .help-assistance-section,
  .page-wrapper.help-main-content .help-assistance-section-start {
    padding: 40px 8px;
  }
}
.page-wrapper.help-main-content .help-title-text {
  color: #1c304b;
  font-family: 'Noto Serif', serif;
  font-size: 26px;
  font-weight: 400;
  line-height: 32px;
}
.page-wrapper.help-main-content .help-search-bar {
  width: 100%;
  position: relative;
  margin-top: 44px;
}
.page-wrapper.help-main-content .help-search-bar .ai-help-text {
  background: url(/Content/Images/help/search.svg) no-repeat;
  background-position: 16px;
  background-color: white;
  height: 56px;
  padding-left: 45px;
  padding-right: 116px;
}
.page-wrapper.help-main-content .help-search-bar .ai-help-text:read-only {
  border: 1px solid #aa0285;
}
.page-wrapper.help-main-content .help-search-bar .ai-help-text.invalid-input-error {
  border: 1px solid #c70f00;
  background-color: #fdf6f5;
}
.page-wrapper.help-main-content .help-search-bar .ai-help-button {
  position: absolute;
  top: 12px;
  right: 16px;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  background-color: #aa0285;
}
.page-wrapper.help-main-content .help-search-bar .ai-help-button:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px;
}
.page-wrapper.help-main-content .help-search-bar .ai-help-button:hover {
  background-color: #8c006d;
}
.page-wrapper.help-main-content .help-search-bar .ai-help-button:disabled {
  background-color: #ece8ed;
}
.page-wrapper.help-main-content .help-search-bar .ai-help-button:disabled:hover {
  background-color: #ece8ed;
}
.page-wrapper.help-main-content .help-search-bar .ai-btn {
  width: 32px;
  height: 32px;
  display: block;
}
.page-wrapper.help-main-content .help-search-bar .ai-btn::before {
  content: '';
  position: absolute;
  top: 6px;
  left: 6px;
  width: 20px;
  height: 20px;
  background-image: url(/Content/Images/help/arrow_upward_white.svg);
  background-repeat: no-repeat;
}
.page-wrapper.help-main-content .help-search-bar .ai-help-button:disabled .ai-btn::before {
  background-image: url(/Content/Images/help/arrow_upward.svg);
}
.page-wrapper.help-main-content .help-search-bar .mic-button {
  position: absolute;
  top: 12px;
  right: 74px;
  border-radius: 0px;
  width: 32px;
  height: 24px;
  margin-top: 4px;
}
.page-wrapper.help-main-content .help-search-bar .mic-button:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -1px;
  border-radius: 2px;
}
.page-wrapper.help-main-content .help-search-bar .ai-btn-mic {
  width: 32px;
  height: 32px;
  display: block;
}
.page-wrapper.help-main-content .help-search-bar .mic-button .ai-btn-mic::before {
  content: '';
  position: absolute;
  top: 3px;
  right: 4px;
  width: 20px;
  height: 20px;
  background-image: url(/Content/Images/help/speech-to-text-mic.svg);
  background-repeat: no-repeat;
}
.page-wrapper.help-main-content .help-search-bar .mic-button .ai-btn-mic.ai-btn-mic-disabled::before {
  background-image: url(/Content/Images/help/speech-to-text-inactive.svg);
  top: 1px;
  height: 24px;
  width: 24px;
}
.page-wrapper.help-main-content .help-search-bar .ai-btn-mic::before {
  transition: background-image 0.3s ease-in-out;
}
.page-wrapper.help-main-content .help-search-bar .ai-help-divider {
  height: 24px;
  display: block;
  background-color: #e5e4ec;
  width: 1px;
  position: absolute;
  top: 16px;
  right: 64px;
}
.page-wrapper.help-main-content .help-search-bar .voice-flashing-loader {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 20px;
  width: 20px;
  position: relative;
  overflow: visible;
}
.page-wrapper.help-main-content .help-search-bar .mic-icon {
  display: block;
  width: 20px;
  height: 20px;
  background-image: url(/Content/Images/help/speech-to-text-active.svg);
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  z-index: 1;
}
.page-wrapper.help-main-content .help-search-bar .voice-flashing-loader.mic-animation::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(0.95);
  width: 21px;
  height: 21px;
  border-radius: 50%;
  background-color: #f2d0e1;
  box-shadow: 0 0 8px rgba(255, 182, 193, 0.6);
  z-index: 0;
  animation: micPulseBlink 1.1s ease-in-out infinite;
}
@keyframes micPulseBlink {
  0% {
    transform: translate(-50%, -50%) scale(0.95);
  }
  50% {
    transform: translate(-50%, -50%) scale(1.25);
  }
  100% {
    transform: translate(-50%, -50%) scale(0.95);
  }
}
@media (prefers-reduced-motion: reduce) {
  .page-wrapper.help-main-content .help-search-bar .voice-flashing-loader.mic-animation::before {
    animation: none;
    transform: translate(-50%, -50%) scale(1);
  }
}
.page-wrapper.help-main-content .text-count {
  margin-top: 4px;
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  font-family: 'Noto Sans', sans-serif;
  color: #1c304b;
  text-align: right;
}
.page-wrapper.help-main-content .help-prompt-section {
  display: flex;
  justify-content: flex-start;
  column-gap: 8px;
  margin-top: 16px;
}
@media (max-width: 768px) {
  .page-wrapper.help-main-content .help-prompt-section {
    flex-direction: column;
    gap: 8px;
  }
}
.page-wrapper.help-main-content .help-prompt-section .help-prompt {
  border-radius: 16px;
  padding: 12px 16px;
  border: 1px solid #e5e4ec;
  background-color: #f7f7fa;
  flex: 4;
  min-height: 104px;
  text-decoration: none;
}
.page-wrapper.help-main-content .help-prompt-section .help-prompt .help-prompt-img {
  width: 20px;
  height: 20px;
  text-align: left;
  position: relative;
}
.page-wrapper.help-main-content .help-prompt-section .help-prompt .help-prompt-img .help-prompt-img-icon::before {
  content: '';
  position: absolute;
  left: 0;
  width: 20px;
  height: 20px;
  background-image: url(/Content/Images/help/Star.svg);
  background-repeat: no-repeat;
}
.page-wrapper.help-main-content .help-prompt-section .help-prompt:hover .help-prompt-img .help-prompt-img-icon::before {
  background-image: url(/Content/Images/help/star-active.svg);
}
.page-wrapper.help-main-content .help-prompt-section .help-prompt .help-prompt-text {
  margin-top: 8px;
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  font-family: 'Noto Sans', sans-serif;
  color: #1c304b;
  text-align: left;
}
.page-wrapper.help-main-content .help-assistance-section-start {
  width: 100%;
  padding: 24px 12%;
  padding-bottom: 0px;
  overflow-y: auto;
  height: calc(100vh - 432px);
  min-height: 120px;
}
@media (max-width: 768px) {
  .page-wrapper.help-main-content .help-assistance-section-start {
    height: 56vh;
    padding: 24px 8px 0px;
  }
}
.page-wrapper.help-main-content .help-assistance-section-start .help-search-bar {
  margin-top: 0px;
}
.page-wrapper.help-main-content .help-assistance-section-start .text-count {
  margin-top: 4px;
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  font-family: 'Noto Sans', sans-serif;
  color: #1c304b;
  text-align: right;
}
.page-wrapper.help-main-content .help-assistance-section-start .user-ask {
  width: 100%;
  text-align: right;
  margin-top: 16px;
}
.page-wrapper.help-main-content .help-assistance-section-start .user-ask .question-text {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
  color: #1c304b;
  background-color: #f7f7fa;
  padding: 12px 16px;
  border-radius: 12px;
  text-align: left;
  display: inline-block;
}
.page-wrapper.help-main-content .help-assistance-section-start .lhh-assistant {
  margin-top: 16px;
}
.page-wrapper.help-main-content .help-assistance-section-start .lhh-assistant-title {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  margin-bottom: 8px;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  font-family: 'Noto Sans', sans-serif;
}
.page-wrapper.help-main-content .help-assistance-section-start .lhh-assistant-answer {
  margin-top: 8px;
  margin-bottom: 8px;
  text-align: left;
}
.page-wrapper.help-main-content .help-assistance-section-start .lhh-assistant-answer p,
.page-wrapper.help-main-content .help-assistance-section-start .lhh-assistant-answer ul,
.page-wrapper.help-main-content .help-assistance-section-start .lhh-assistant-answer ol,
.page-wrapper.help-main-content .help-assistance-section-start .lhh-assistant-answer li,
.page-wrapper.help-main-content .help-assistance-section-start .lhh-assistant-answer em,
.page-wrapper.help-main-content .help-assistance-section-start .lhh-assistant-answer blockquote {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
  color: #1c304b;
}
.page-wrapper.help-main-content .help-assistance-section-start .lhh-assistant-answer b,
.page-wrapper.help-main-content .help-assistance-section-start .lhh-assistant-answer strong {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  font-family: 'Noto Sans', sans-serif;
  color: #1c304b;
}
.page-wrapper.help-main-content .help-assistance-section-start .lhh-assistant-answer h1 {
  font-family: Noto Serif, serif;
  font-size: 40px;
  font-weight: 400;
  line-height: 48px;
  color: #1c304b;
}
.page-wrapper.help-main-content .help-assistance-section-start .lhh-assistant-answer h2 {
  font-family: Noto Serif, serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 40px;
  color: #1c304b;
}
.page-wrapper.help-main-content .help-assistance-section-start .lhh-assistant-answer h3 {
  font-family: Noto Serif, serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  color: #1c304b;
}
.page-wrapper.help-main-content .help-assistance-section-start .lhh-assistant-answer a {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  text-transform: uppercase;
  color: #aa0285;
  font-family: 'Noto Sans', sans-serif;
}
.page-wrapper.help-main-content .help-assistance-section-start .lhh-assistant-answer a:hover {
  color: #aa0285;
}
.page-wrapper.help-main-content .help-assistance-section-start .lhh-assistant-answer a:active,
.page-wrapper.help-main-content .help-assistance-section-start .lhh-assistant-answer a:focus {
  color: #7a005f;
  text-decoration: none;
}
.page-wrapper.help-main-content .help-assistance-section-start .lhh-assistant-answer a:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: 0px !important;
  color: #aa0285;
  border-radius: 4px;
}
.page-wrapper.help-main-content .help-assistance-section-chat-bottom {
  width: 100%;
  padding: 16px 12%;
  padding-top: 0px;
}
.page-wrapper.help-main-content .help-assistance-section-chat-bottom .help-search-bar-bottom .help-search-bar {
  margin-top: 24px;
}
@media (max-width: 768px) {
  .page-wrapper.help-main-content .help-assistance-section-chat-bottom {
    padding: 0px 8px 16px 8px;
  }
}
.page-wrapper.help-main-content .help-assistance-section-outer-disclaimer {
  margin-top: 20px;
  background-color: white;
  border-radius: 8px;
  border-left: 6px solid #f2d0e1;
  padding: 16px;
}
.page-wrapper.help-main-content .help-assistance-section-outer-disclaimer .disclaimer-title {
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  font-family: 'Noto Sans', sans-serif;
  text-transform: uppercase;
  color: #1c304b;
}
.page-wrapper.help-main-content .help-assistance-section-outer-disclaimer .disclaimer-description {
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  font-family: 'Noto Sans', sans-serif;
  color: #5c6573;
}
.page-wrapper.help-main-content .help-assistance-section-outer-disclaimer .disclaimer-description .disclaimer-description-link {
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  text-transform: uppercase;
  color: #aa0285;
  font-family: 'Noto Sans', sans-serif;
}
.page-wrapper.help-main-content .help-assistance-section-outer-disclaimer .disclaimer-description .disclaimer-description-link:hover {
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  text-transform: uppercase;
  color: #aa0285;
  font-family: 'Noto Sans', sans-serif;
  text-decoration: underline;
}
.page-wrapper.help-main-content .help-assistance-feedback .help-assistance-feedback-icons {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  column-gap: 12px;
  position: relative;
  height: 16px;
}
.page-wrapper.help-main-content .help-assistance-feedback .help-assistance-feedback-icons .feedback-like-section {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 16px;
}
.page-wrapper.help-main-content .help-assistance-feedback .help-assistance-feedback-icons .feedback-like-section .feedback-like {
  position: relative;
  height: 17px;
  width: 16px;
  background-image: url(/Content/Images/help/help-thumb-up.svg);
  background-repeat: no-repeat;
}
.page-wrapper.help-main-content .help-assistance-feedback .help-assistance-feedback-icons .feedback-like-section .feedback-like:focus-visible:not(:active) {
  outline: 4px solid #ff5858 !important;
  border-radius: 2px;
  outline-offset: 4px;
}
.page-wrapper.help-main-content .help-assistance-feedback .help-assistance-feedback-icons .feedback-like-section .feedback-like:hover {
  height: 16px;
  background-image: url(/Content/Images/help/help-hover-thumb-up.svg);
}
.page-wrapper.help-main-content .help-assistance-feedback .help-assistance-feedback-icons .feedback-like-section .feedback-like-select {
  height: 17px;
  background-image: url(/Content/Images/help/help-select-thumb-up.svg);
}
.page-wrapper.help-main-content .help-assistance-feedback .help-assistance-feedback-icons .feedback-like-section .feedback-like-select:focus-visible:not(:active) {
  outline: 4px solid #ff5858 !important;
  border-radius: 2px;
  outline-offset: 4px;
}
.page-wrapper.help-main-content .help-assistance-feedback .help-assistance-feedback-icons .feedback-like-section .feedback-like-select:hover {
  height: 16px;
  background-image: url(/Content/Images/help/help-hover-thumb-up.svg);
}
.page-wrapper.help-main-content .help-assistance-feedback .help-assistance-feedback-icons .feedback-dislike-section {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 16px;
}
.page-wrapper.help-main-content .help-assistance-feedback .help-assistance-feedback-icons .feedback-dislike-section .feedback-dislike {
  position: relative;
  height: 16px;
  width: 16px;
  background-image: url(/Content/Images/help/help-thumb-down.svg);
  background-repeat: no-repeat;
}
.page-wrapper.help-main-content .help-assistance-feedback .help-assistance-feedback-icons .feedback-dislike-section .feedback-dislike:focus-visible:not(:active) {
  outline: 4px solid #ff5858 !important;
  border-radius: 2px;
  outline-offset: 4px;
}
.page-wrapper.help-main-content .help-assistance-feedback .help-assistance-feedback-icons .feedback-dislike-section .feedback-dislike:hover {
  height: 17px;
  background-image: url(/Content/Images/help/help-hover-thumb-down.svg);
}
.page-wrapper.help-main-content .help-assistance-feedback .help-assistance-feedback-icons .feedback-dislike-section .feedback-dislike-select {
  background-image: url(/Content/Images/help/help-select-thumb-down.svg);
}
.page-wrapper.help-main-content .help-assistance-feedback .help-assistance-feedback-icons .feedback-dislike-section .feedback-dislike-select:focus-visible:not(:active) {
  outline: 4px solid #ff5858 !important;
  border-radius: 2px;
  outline-offset: 4px;
}
.page-wrapper.help-main-content .help-assistance-feedback .help-assistance-feedback-icons .feedback-dislike-section .feedback-dislike-select:hover {
  height: 17px;
  background-image: url(/Content/Images/help/help-hover-thumb-down.svg);
}
.page-wrapper.help-main-content .help-assistance-feedback .help-assistance-feedback-popup {
  width: 630px;
  margin-top: 16px;
  padding: 16px 24px;
  border: 1px solid #ebebee;
  background-color: white;
  border-radius: 8px;
}
@media (max-width: 768px) {
  .page-wrapper.help-main-content .help-assistance-feedback .help-assistance-feedback-popup {
    width: 100%;
  }
}
.page-wrapper.help-main-content .help-assistance-feedback .help-assistance-feedback-popup .help-assistance-feedback-popup-title {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
  color: #1c304b;
  margin-bottom: 12px;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.page-wrapper.help-main-content .help-assistance-feedback .help-assistance-feedback-popup .help-assistance-feedback-popup-title .help-assistance-feedback-popup-close {
  height: 16px;
  width: 16px;
  margin-top: 4px;
  position: relative;
}
.page-wrapper.help-main-content .help-assistance-feedback .help-assistance-feedback-popup .help-assistance-feedback-popup-title .help-assistance-feedback-popup-close::before {
  content: '';
  position: absolute;
  top: 0px;
  right: 0px;
  width: 16px;
  height: 16px;
  background-image: url(/Content/Images/help/close.svg);
  background-repeat: no-repeat;
}
.page-wrapper.help-main-content .help-assistance-feedback .help-assistance-feedback-popup .help-assistance-feedback-popup-title .help-assistance-feedback-popup-close:focus-visible:not(:active) {
  outline: 4px solid #ff5858 !important;
  border-radius: 2px;
  outline-offset: 0px;
}
.page-wrapper.help-main-content .help-assistance-feedback .help-assistance-feedback-popup .help-assistance-feedback-popup-chips {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  column-gap: 12px;
}
.page-wrapper.help-main-content .help-assistance-feedback .help-assistance-feedback-popup .help-assistance-feedback-popup-chips .feedback-popup-chip {
  border-radius: 8px;
  padding: 8px 16px;
  margin-bottom: 8px;
  background-color: #f8f8f9;
  border: 1px solid #1c304b;
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  font-family: 'Noto Sans', sans-serif;
}
.page-wrapper.help-main-content .help-assistance-feedback .help-assistance-feedback-popup .help-assistance-feedback-popup-chips .feedback-popup-chip:focus-visible:not(:active) {
  outline: 4px solid #ff5858 !important;
  border-radius: 2px;
  outline-offset: 0px;
}
.page-wrapper.help-main-content .help-assistance-feedback .help-assistance-feedback-popup .help-assistance-feedback-popup-chips .feedback-popup-chip:hover {
  border: 1px solid #aa0285;
}
.page-wrapper.help-main-content .help-assistance-feedback .help-assistance-feedback-popup .help-assistance-feedback-popup-chips .feedback-popup-chip-selected {
  border-radius: 8px;
  padding: 8px 16px;
  margin-bottom: 8px;
  background-color: #e4d8f4;
  border: 1px solid #3c0088;
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  font-family: 'Noto Sans', sans-serif;
  color: #4f185a;
}
.page-wrapper.help-main-content .help-assistance-feedback .help-assistance-feedback-popup .help-assistance-feedback-popup-chips .feedback-popup-chip-selected:focus-visible:not(:active) {
  outline: 4px solid #ff5858 !important;
  border-radius: 2px;
  outline-offset: 0px;
}
.page-wrapper.help-main-content .help-assistance-feedback .help-assistance-feedback-popup .feedback-popup-success {
  display: flex;
  justify-content: center;
  align-content: center;
  flex-direction: column;
  gap: 8px;
}
.page-wrapper.help-main-content .help-assistance-feedback .help-assistance-feedback-popup .feedback-popup-success .feedback-popup-success-img {
  display: flex;
  justify-content: center;
}
.page-wrapper.help-main-content .help-assistance-feedback .help-assistance-feedback-popup .feedback-popup-success .feedback-popup-success-icon {
  position: relative;
  height: 24px;
  width: 24px;
}
.page-wrapper.help-main-content .help-assistance-feedback .help-assistance-feedback-popup .feedback-popup-success .feedback-popup-success-icon::before {
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 24px;
  height: 24px;
  background-image: url(/Content/Images/help/help-check-circle.svg);
  background-repeat: no-repeat;
}
.page-wrapper.help-main-content .help-assistance-feedback .help-assistance-feedback-popup .feedback-popup-success .feedback-popup-success-text {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
  color: #1c304b;
  text-align: center;
}
.dot-flashing-loader {
  border: 1px solid #e5e4ec;
  padding: 8px;
  border-radius: 40px;
  width: 58px;
  padding-left: 24px;
}
.dot-flashing-loader .dot-flashing {
  position: relative;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #752386;
  color: #752386;
  animation: dot-flashing 1s infinite linear alternate;
  animation-delay: 0.5s;
}
.dot-flashing-loader .dot-flashing::before,
.dot-flashing-loader .dot-flashing::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
}
.dot-flashing-loader .dot-flashing::before {
  left: -12px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #752386;
  color: #752386;
  animation: dot-flashing 1s infinite alternate;
  animation-delay: 0s;
}
.dot-flashing-loader .dot-flashing::after {
  left: 12px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #752386;
  color: #752386;
  animation: dot-flashing 1s infinite alternate;
  animation-delay: 1s;
}
@keyframes dot-flashing {
  0% {
    background-color: #752386;
  }
  50%, 100% {
    background-color: #dfdfe6;
  }
}
#toast-container.help-error-container {
  top: 12px;
  right: 0px;
}
@media (max-width: 768px) {
  #toast-container.help-error-container {
    width: 100%;
  }
}
#toast-container.help-error-container .toast-error.help-error-toastr {
  background-image: none !important;
  background-color: #ffeeec !important;
  color: #1c304b;
  border: 1px solid #e28383;
  box-shadow: 6px 4px 20px rgba(28, 48, 76, 0.08) !important;
  border-radius: 8px;
  opacity: 1 !important;
  display: flex;
  width: 486px;
  align-items: center;
  min-height: 83px;
  margin-bottom: 40px;
  border-left: 6px solid #c70f00;
  flex-direction: row-reverse;
  justify-content: flex-end;
  padding: 16px;
  gap: 8px;
  position: relative;
  top: 50px;
  right: 0px;
  margin: 16px;
}
@media (max-width: 768px) {
  #toast-container.help-error-container .toast-error.help-error-toastr {
    width: calc(100% - 32px);
    right: 0px;
  }
}
#toast-container.help-error-container .toast-error.help-error-toastr:after {
  background-image: url(/Content/Images/icons/toastr-error-icon.svg) !important;
  background-position: center left;
  background-repeat: no-repeat;
  content: '';
  display: block;
  width: 20px;
  height: 20px;
}
#toast-container.help-error-container .toast-error.help-error-toastr .toast-message {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  max-width: 360px;
  word-break: break-word;
}
@media (max-width: 768px) {
  #toast-container.help-error-container .toast-error.help-error-toastr .toast-message {
    width: calc(100% - 32px);
  }
}
#toast-container.help-error-container .toast-error.help-error-toastr .toast-message .error-title {
  display: flex;
  flex-direction: row;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  font-family: 'Noto Sans', sans-serif;
  color: #1c304b;
}
#toast-container.help-error-container .toast-error.help-error-toastr .toast-message .error-title-info {
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  font-family: 'Noto Sans', sans-serif;
  color: #1c304b;
  letter-spacing: 0.004em;
  margin-top: 4px;
}
#toast-container.help-error-container .toast-error.help-error-toastr .toast-close-button {
  text-shadow: none;
  position: absolute;
  top: calc(50% - 8px);
  right: 20px;
  font-size: 0px;
  color: transparent !important;
  opacity: 1 !important;
}
@media (min-width: 320px) and (max-width: 780px) {
  #toast-container.help-error-container .toast-error.help-error-toastr .toast-close-button {
    right: 10px;
  }
}
#toast-container.help-error-container .toast-error.help-error-toastr .toast-close-button img {
  width: 16px;
}
#toast-container.help-error-container .toast-error.help-error-toastr .toast-close-button:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: 0px;
  border-radius: 2px;
}
.modal-dialog #ai-policy-modal .popupContainer.ai-policy-modal {
  word-break: break-word;
}
.modal-dialog #ai-policy-modal .popupContainer.ai-policy-modal .bodyText {
  padding: 24px 40px 32px 40px;
  color: #1c304b;
}
@media (max-width: 768px) {
  .modal-dialog #ai-policy-modal .popupContainer.ai-policy-modal .bodyText {
    padding: 24px 24px 32px;
  }
}
.modal-dialog #ai-policy-modal .popupContainer.ai-policy-modal .bodyText .ai-policy-modal-title {
  font-family: Noto Sans, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 32px;
  font-family: 'Noto Sans', sans-serif;
  font-weight: 500;
  margin-bottom: 4px;
}
.modal-dialog #ai-policy-modal .popupContainer.ai-policy-modal .bodyText .ai-policy-modal-date {
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  font-family: 'Noto Sans', sans-serif;
  margin-bottom: 24px;
}
.modal-dialog #ai-policy-modal .popupContainer.ai-policy-modal .bodyText .ai-policy-modal-text p.ai-policy-bottom-text {
  font-weight: 700;
}
.modal-dialog #ai-policy-modal .popupContainer.ai-policy-modal .bodyText .ai-policy-modal-text p {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
  margin-bottom: 24px;
}
.modal-dialog #ai-policy-modal .popupContainer.ai-policy-modal .bodyText .ai-policy-modal-link {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  text-transform: uppercase;
  color: #aa0285;
  font-family: 'Noto Sans', sans-serif;
}
.modal-dialog #ai-policy-modal .popupContainer.ai-policy-modal .bodyText .ai-policy-modal-subtitle {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  font-family: 'Noto Sans', sans-serif;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
}
.modal-dialog #ai-policy-modal .popupContainer.ai-policy-modal .bodyText .ai-policy-modal-subtitle .ai-policy-modal-icon {
  width: 20px;
  height: 20px;
}
.modal-dialog #ai-policy-modal .popupContainer.ai-policy-modal .modal-footer.modal-footer-ai-policy {
  padding: 0px 40px 32px !important;
}
@media (max-width: 768px) {
  .modal-dialog #ai-policy-modal .popupContainer.ai-policy-modal .modal-footer.modal-footer-ai-policy {
    padding: 0px 24px 32px !important;
  }
}
.modal-dialog #ai-policy-modal .popupContainer.ai-policy-modal .modal-footer.modal-footer-ai-policy .btnContainer {
  padding: 0;
  display: flex;
  justify-content: center;
  flex-wrap: nowrap;
}
@media (max-width: 768px) {
  .modal-dialog #ai-policy-modal .popupContainer.ai-policy-modal .modal-footer.modal-footer-ai-policy .btnContainer {
    flex-wrap: wrap;
  }
}
.modal-dialog #ai-policy-modal .popupContainer.ai-policy-modal .modal-footer.modal-footer-ai-policy .btnContainer .acceptBtn {
  width: 100%;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: Noto Sans, sans-serif;
  text-transform: uppercase;
  color: white;
  background-color: #441750;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  padding: 8px 24px;
  font-family: 'Noto Sans', sans-serif;
}
.modal-dialog #ai-policy-modal .popupContainer.ai-policy-modal .modal-footer.modal-footer-ai-policy .btnContainer .acceptBtn:active {
  color: white;
  background: #390447;
}
.modal-dialog #ai-policy-modal .popupContainer.ai-policy-modal .modal-footer.modal-footer-ai-policy .btnContainer .acceptBtn:hover {
  background-color: #613e6b;
}
.modal-dialog #ai-policy-modal .popupContainer.ai-policy-modal .modal-footer.modal-footer-ai-policy .btnContainer .acceptBtn:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.modal-dialog #ai-policy-modal .popupContainer.ai-policy-modal .modal-footer.modal-footer-ai-policy .btnContainer .acceptBtn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.modal-dialog #ai-policy-modal .popupContainer.ai-policy-modal .modal-footer.modal-footer-ai-policy .btnContainer .acceptBtn:active {
  color: white;
  background: #390447;
}
.modal-dialog #ai-policy-modal .popupContainer.ai-policy-modal .modal-footer.modal-footer-ai-policy .btnContainer .acceptBtn:hover {
  background-color: #613e6b;
}
.modal-dialog #ai-policy-modal .popupContainer.ai-policy-modal .modal-footer.modal-footer-ai-policy .btnContainer .acceptBtn:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.modal-dialog #ai-policy-modal .popupContainer.ai-policy-modal .modal-footer.modal-footer-ai-policy .btnContainer .acceptBtn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.modal-dialog #ai-policy-modal .popupContainer.ai-policy-modal .modal-footer.modal-footer-ai-policy .btnContainer .acceptBtn:active {
  color: white;
  background: #390447;
}
.modal-dialog #ai-policy-modal .popupContainer.ai-policy-modal .modal-footer.modal-footer-ai-policy .btnContainer .acceptBtn:hover {
  background-color: #613e6b;
}
.modal-dialog #ai-policy-modal .popupContainer.ai-policy-modal .modal-footer.modal-footer-ai-policy .btnContainer .acceptBtn:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.modal-dialog #ai-policy-modal .popupContainer.ai-policy-modal .modal-footer.modal-footer-ai-policy .btnContainer .acceptBtn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.modal-dialog #ai-policy-modal .popupContainer.ai-policy-modal .modal-footer.modal-footer-ai-policy .btnContainer .acceptBtn:active {
  color: white;
  background: #390447;
}
.modal-dialog #ai-policy-modal .popupContainer.ai-policy-modal .modal-footer.modal-footer-ai-policy .btnContainer .acceptBtn:hover {
  background-color: #613e6b;
}
.modal-dialog #ai-policy-modal .popupContainer.ai-policy-modal .modal-footer.modal-footer-ai-policy .btnContainer .acceptBtn:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.modal-dialog #ai-policy-modal .popupContainer.ai-policy-modal .modal-footer.modal-footer-ai-policy .btnContainer .acceptBtn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.modal-dialog #ai-policy-modal .popupContainer.ai-policy-modal .modal-footer.modal-footer-ai-policy .btnContainer .acceptBtndisabled {
  cursor: default;
}
.mindset-container-menu {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  border: 1px solid #ebebee;
  background: white;
  padding: 8px;
  border-radius: 8px;
  margin-bottom: 24px;
}
.mindset-container-menu .mindset-item {
  display: flex;
  align-items: center;
  gap: 8px;
  background: white;
  border-radius: 8px;
  padding: 8px 12px 8px 8px;
  font-family: 'Noto Sans', sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  cursor: pointer;
  box-sizing: border-box;
  transition: background 0.3s;
  color: #5c6573;
}
.mindset-container-menu .mindset-item:hover,
.mindset-container-menu .mindset-item:focus {
  text-decoration: none;
}
.mindset-container-menu .mindset-item:focus-visible {
  outline: 4px solid #ff5858 !important;
  border-radius: 8px;
  outline-offset: -4px;
}
.mindset-container-menu .mindset-item:focus-visible .divider {
  display: none;
}
.mindset-container-menu .mindset-item .divider {
  color: #ebebee;
  text-align: right;
  background: none;
}
.mindset-container-menu .mindset-item .numb1 {
  background: url('/Content/Images/careerMindeset/number-1.svg');
  background-repeat: no-repeat;
  background-position: 0 50%;
}
.mindset-container-menu .mindset-item .numb2 {
  background: url('/Content/Images/careerMindeset/number-2.svg');
  background-repeat: no-repeat;
  background-position: 0 50%;
}
.mindset-container-menu .mindset-item .numb3 {
  background: url('/Content/Images/careerMindeset/number-3.svg');
  background-repeat: no-repeat;
  background-position: 0 50%;
}
.mindset-container-menu .mindset-item .numb4 {
  background: url('/Content/Images/careerMindeset/number-4.png');
  background-repeat: no-repeat;
  background-position: 0 50%;
}
.mindset-container-menu .mindset-item:last-child .divider {
  display: none;
}
.mindset-container-menu .mindset-item span {
  display: inline-block;
  width: 16px;
  height: 16px;
}
.mindset-container-menu .mindset-item.active {
  background: #f2d0e1;
  color: #1c304b;
}
.mindset-container-menu .mindset-item.active .divider {
  display: none;
}
.mindset-container-menu .mindset-item.active .numb1 {
  background: url('/Content/Images/careerMindeset/number-1-active.svg');
  background-repeat: no-repeat;
  background-position: 0 50%;
}
.mindset-container-menu .mindset-item.active .numb2 {
  background: url('/Content/Images/careerMindeset/number-2-active.svg');
  background-repeat: no-repeat;
  background-position: 0 50%;
}
.mindset-container-menu .mindset-item.active .numb3 {
  background: url('/Content/Images/careerMindeset/number-3-active.svg');
  background-repeat: no-repeat;
  background-position: 0 50%;
}
.mindset-container-menu .mindset-item.active .numb4 {
  background: url('/Content/Images/careerMindeset/number-4-active.svg');
  background-repeat: no-repeat;
  background-position: 0 50%;
}
@media (max-width: 700px) {
  .mindset-item {
    flex: 1 1 calc(42%);
    padding: 8px 0px 8px 8px;
  }
  .mindset-item:nth-child(2) .divider {
    display: none;
  }
}
.driving-mindset-resultPage {
  margin-bottom: 80px;
}
@media (max-width: 1022px) {
  .driving-mindset-resultPage {
    margin-top: 70px;
  }
}
.driving-mindset-resultPage .header {
  background: white;
  border-radius: 8px;
  padding: 24px 24px 32px 24px;
  text-align: center;
  position: relative;
}
@media (max-width: 767px) {
  .driving-mindset-resultPage .header {
    padding-left: 8.62px;
    padding-right: 8.62px;
  }
}
.driving-mindset-resultPage .header img {
  margin-bottom: 20px;
}
.driving-mindset-resultPage .header h1 {
  font-size: 32px;
  margin-top: 0;
  margin-bottom: 8px;
}
@media (max-width: 767px) {
  .driving-mindset-resultPage .header h1 {
    line-height: 40px;
    padding-left: 25px;
    padding-right: 25px;
  }
}
.driving-mindset-resultPage .header h1 span {
  color: #d24a8b;
  font-size: 32px;
  margin-left: 10px;
}
.driving-mindset-resultPage .header .body_medium div {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
  color: #1c304b;
}
@media (max-width: 767px) {
  .driving-mindset-resultPage .header .body_medium div {
    padding-left: 45px;
    padding-right: 45px;
  }
}
.driving-mindset-resultPage .header p {
  color: #1c304b;
  margin-bottom: 0px;
}
.driving-mindset-resultPage .header .print {
  position: absolute;
  top: 24px;
  right: 24px;
  display: flex;
  gap: 8px;
}
.driving-mindset-resultPage .header .print a {
  text-decoration: none;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}
.driving-mindset-resultPage .header .print a::before {
  background: url('/Content/Images/careerMindeset/print.svg');
  background-repeat: no-repeat;
  content: '';
  width: 16px;
  height: 16px;
  display: inline-block;
}
.driving-mindset-resultPage .header .print a:hover {
  color: #8c006d;
}
.driving-mindset-resultPage .header .print a:focus-visible {
  color: #7a005f;
}
.driving-mindset-resultPage .twoColumn-container {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 24px;
  margin-top: 24px;
  width: 100%;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .driving-mindset-resultPage .twoColumn-container {
    flex-direction: column;
  }
}
.driving-mindset-resultPage .twoColumn-container .rightColumn {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  flex-grow: 0;
  width: 50%;
}
@media (max-width: 767px) {
  .driving-mindset-resultPage .twoColumn-container .rightColumn {
    width: 100%;
    order: 2;
  }
}
.driving-mindset-resultPage .twoColumn-container .rightColumn .container-right {
  background: white;
  border-radius: 8px;
  gap: 24px;
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 24px;
}
.driving-mindset-resultPage .twoColumn-container .rightColumn .heading {
  border-bottom: 1px solid #e5e4ec;
  display: flex;
  width: 100%;
}
.driving-mindset-resultPage .twoColumn-container .rightColumn .heading h2 {
  padding-bottom: 20px;
  margin: 0;
  color: #1c304b;
  font-weight: 500;
}
@media (max-width: 767px) {
  .driving-mindset-resultPage .twoColumn-container .rightColumn .heading h2 {
    font-weight: 600;
  }
}
.driving-mindset-resultPage .twoColumn-container .rightColumn .subContent p {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
  color: #1c304b;
  margin-bottom: 0px;
  letter-spacing: 0.6px;
  cursor: auto;
}
.driving-mindset-resultPage .twoColumn-container .rightColumn .subContent p i {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
  color: #1c304b;
  cursor: auto;
}
.driving-mindset-resultPage .twoColumn-container .rightColumn .greyBox-container {
  background: #f8f8f9;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 24px;
  gap: 20px;
  border-radius: 8px;
  width: 100%;
}
.driving-mindset-resultPage .twoColumn-container .rightColumn .greyBox-container > div {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.driving-mindset-resultPage .twoColumn-container .rightColumn .greyBox-container > div .headerBox {
  background: none;
  padding: 0;
  color: #1c304b;
  text-align: left;
  display: flex;
  flex-direction: row;
  column-gap: 8px;
  justify-content: flex-start;
  width: 100%;
  align-items: flex-end;
  align-items: center;
  font-family: Noto Sans, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  font-family: 'Noto Sans', sans-serif;
}
.driving-mindset-resultPage .twoColumn-container .rightColumn .greyBox-container > div .border-line {
  display: block;
  width: 100%;
  height: 1px;
  background: #e5e4ec;
}
.driving-mindset-resultPage .twoColumn-container .rightColumn .greyBox-container > div .list-item p {
  margin-bottom: 0px;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
  color: #1c304b;
  cursor: auto;
}
.driving-mindset-resultPage .twoColumn-container .rightColumn .greyBox-container > div .list-item ul {
  margin-bottom: 0;
  padding-left: 24px;
}
.driving-mindset-resultPage .twoColumn-container .rightColumn .greyBox-container > div .list-item ul li {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
  color: #1c304b;
  cursor: auto;
}
.driving-mindset-resultPage .twoColumn-container .rightColumn .rating-level-NGEN_ASSESSMENT_MINDSET_Signs_you_might_recognize .headerBox::before {
  background-image: url('/Content/Images/careerMindeset/directions.svg');
  content: ' ';
  display: block;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
}
.driving-mindset-resultPage .twoColumn-container .rightColumn .rating-level-NGEN_ASSESSMENT_MINDSET_Signs_you_might_recognize ul {
  padding-left: 0px !important;
}
.driving-mindset-resultPage .twoColumn-container .rightColumn .rating-level-NGEN_ASSESSMENT_MINDSET_Signs_you_might_recognize ul li {
  margin-left: 24px;
  cursor: auto;
}
.driving-mindset-resultPage .twoColumn-container .rightColumn .rating-level-NGEN_ASSESSMENT_MINDSET_What_this_means .headerBox::before {
  background-image: url('/Content/Images/careerMindeset/lightbulb.svg');
  content: ' ';
  display: block;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
}
.driving-mindset-resultPage .twoColumn-container .rightColumn .rating-level-NGEN_ASSESSMENT_MINDSET_What_this_means .list-item > div {
  cursor: auto;
}
.driving-mindset-resultPage .twoColumn-container .rightColumn .rating-level-NGEN_ASSESSMENT_MINDSET_What_this_means .list-item > div p:first-child {
  margin-bottom: 24px;
  cursor: auto;
}
.driving-mindset-resultPage .twoColumn-container .rightColumn .rating-level-NGEN_ASSESSMENT_MINDSET_What_this_means .list-item > div ul {
  margin-bottom: 24px !important;
}
.driving-mindset-resultPage .twoColumn-container .rightColumn .rating-level-NGEN_ASSESSMENT_MINDSET_What_this_means .list-item > div ul li {
  cursor: auto;
}
.driving-mindset-resultPage .twoColumn-container .rightColumn .rating-level-NGEN_ASSESSMENT_MINDSET_A_mindset_to_protect .headerBox::before,
.driving-mindset-resultPage .twoColumn-container .rightColumn .rating-level-NGEN_ASSESSMENT_MINDSET_A_thinking_habit_to_watch_for .headerBox::before {
  background-image: url('/Content/Images/careerMindeset/psychology.svg');
  content: ' ';
  display: block;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
}
.driving-mindset-resultPage .twoColumn-container .rightColumn .rating-level-NGEN_ASSESSMENT_MINDSET_A_mindset_to_protect .list-item > div p,
.driving-mindset-resultPage .twoColumn-container .rightColumn .rating-level-NGEN_ASSESSMENT_MINDSET_A_thinking_habit_to_watch_for .list-item > div p {
  display: contents;
  cursor: auto;
}
.driving-mindset-resultPage .twoColumn-container .rightColumn .rating-level-NGEN_ASSESSMENT_MINDSET_What_to_try .headerBox::before {
  background-image: url('/Content/Images/careerMindeset/golf_course.svg');
  content: ' ';
  display: block;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
}
.driving-mindset-resultPage .twoColumn-container .rightColumn .rating-level-NGEN_ASSESSMENT_MINDSET_What_to_try .list-item > div {
  cursor: auto;
}
.driving-mindset-resultPage .twoColumn-container .rightColumn .rating-level-NGEN_ASSESSMENT_MINDSET_What_to_try .list-item > div p:first-child {
  margin-bottom: 24px;
  cursor: auto;
}
.driving-mindset-resultPage .twoColumn-container .rightColumn .rating-level-NGEN_ASSESSMENT_MINDSET_What_to_try .list-item > div ul {
  list-style: none;
  margin-bottom: 24px !important;
  padding-left: 0;
  width: 84%;
  margin-top: 8px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: flex-start;
}
.driving-mindset-resultPage .twoColumn-container .rightColumn .rating-level-NGEN_ASSESSMENT_MINDSET_What_to_try .list-item > div ul li {
  position: relative;
  padding-left: 32px;
  cursor: auto;
}
.driving-mindset-resultPage .twoColumn-container .rightColumn .rating-level-NGEN_ASSESSMENT_MINDSET_What_to_try .list-item > div ul li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 5px;
  width: 20px;
  height: 20px;
  background-image: url('/Content/Images/careerMindeset/check_circle.svg');
  background-repeat: no-repeat;
  background-size: contain;
}
.driving-mindset-resultPage .twoColumn-container .rightColumn .rating-level-NGEN_ASSESSMENT_MINDSET_What_to_try .list-item > div p:nth-child(4),
.driving-mindset-resultPage .twoColumn-container .rightColumn .rating-level-NGEN_ASSESSMENT_MINDSET_What_to_try .list-item > div p:last-child {
  display: contents;
  cursor: auto;
}
.driving-mindset-resultPage .twoColumn-container .rightColumn .feedbak-container {
  display: none;
}
@media (max-width: 767px) {
  .driving-mindset-resultPage .twoColumn-container .rightColumn .feedbak-container {
    display: block;
    width: 100%;
  }
  .driving-mindset-resultPage .twoColumn-container .rightColumn .feedback-wrapper {
    gap: 24px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: column;
  }
}
.driving-mindset-resultPage .twoColumn-container .leftColumn {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 50%;
  gap: 20px;
}
@media (max-width: 767px) {
  .driving-mindset-resultPage .twoColumn-container .leftColumn {
    width: 100%;
    order: 1;
  }
}
.driving-mindset-resultPage .twoColumn-container .leftColumn .container-left {
  background: white;
  border-radius: 8px;
  width: 100%;
  padding: 24px;
}
.driving-mindset-resultPage .twoColumn-container .leftColumn .container-left .heading {
  border-bottom: 1px solid #e5e4ec;
  display: flex;
  width: 100%;
}
.driving-mindset-resultPage .twoColumn-container .leftColumn .container-left .heading h2 {
  padding-bottom: 20px;
  margin: 0;
  color: #1c304b;
  font-weight: 500;
}
@media (max-width: 767px) {
  .driving-mindset-resultPage .twoColumn-container .leftColumn .container-left .heading h2 {
    font-weight: 600;
  }
}
.driving-mindset-resultPage .twoColumn-container .leftColumn .feedbak-container {
  display: block;
  width: 100%;
}
@media (max-width: 767px) {
  .driving-mindset-resultPage .twoColumn-container .leftColumn .feedbak-container {
    display: none;
  }
}
.driving-mindset-resultPage .twoColumn-container .leftColumn .report-chart_canvas {
  display: block;
  margin: 0 auto;
  border: 1px solid #ccccd3;
  border-radius: 4px;
}
.driving-mindset-resultPage-skeleton .skeleton-dark-gray {
  margin-bottom: 0px;
}
.driving-mindset-resultPage-skeleton .mindset-item.skeleton-dark-gray {
  height: 12px;
  display: block;
  margin-bottom: 0;
  border-radius: 15px;
  background: #d8d8e2;
}
.driving-mindset-resultPage-skeleton .line-small-four {
  width: 120px;
  height: 12px;
}
.driving-mindset-resultPage-skeleton .mindset-container-menu {
  height: 48px;
  align-items: center;
}
@media (max-width: 767px) {
  .driving-mindset-resultPage-skeleton .mindset-container-menu {
    height: 92px !important;
  }
}
.driving-mindset-resultPage-skeleton .header {
  border: 1px solid #e5e4ec;
  padding-bottom: 41px;
}
.driving-mindset-resultPage-skeleton .header .circle-skeleton {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: #d8d8e2;
  margin: 0 auto;
}
.driving-mindset-resultPage-skeleton .header .print {
  width: 15%;
  display: flex;
  flex-direction: row;
  gap: 8px;
  justify-content: flex-end;
}
.driving-mindset-resultPage-skeleton .header .print::before {
  display: none !important;
}
.driving-mindset-resultPage-skeleton .header .print .skeleton-cricle-gray {
  width: 16px;
  height: 16px;
  background: #d8d8e2;
  flex: none;
  order: 0;
  flex-grow: 0;
  border-radius: 45px;
}
.driving-mindset-resultPage-skeleton .header .print .line-small-two {
  width: 43px;
  height: 12px;
  margin-bottom: 10px;
}
.driving-mindset-resultPage-skeleton .header .header-line {
  background: #d8d8e2;
  width: calc(49.895833333%);
  height: 18px;
  margin: 20px auto 0;
}
.driving-mindset-resultPage-skeleton .header .paragraph-line {
  width: calc(47.395833333%);
  height: 12px;
  margin: 16px auto 0;
}
.driving-mindset-resultPage-skeleton .twoColumn-container {
  margin-top: 31px;
}
.driving-mindset-resultPage-skeleton .twoColumn-container .rightColumn-skeleton {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-grow: 0;
  width: 50%;
}
@media (max-width: 767px) {
  .driving-mindset-resultPage-skeleton .twoColumn-container .rightColumn-skeleton {
    width: 100%;
    order: 2;
  }
}
.driving-mindset-resultPage-skeleton .twoColumn-container .rightColumn-skeleton .rightColumn {
  gap: 20px;
  width: 100%;
  background: white;
  padding: 20px 12px;
  border-radius: 8px;
  border: 1px solid #e5e4ec;
  order: 0;
}
@media (max-width: 767px) {
  .driving-mindset-resultPage-skeleton .twoColumn-container .rightColumn-skeleton .rightColumn {
    width: 100%;
    order: 0;
  }
}
.driving-mindset-resultPage-skeleton .twoColumn-container .rightColumn-skeleton .rightColumn .heading {
  border-bottom: none !important;
}
.driving-mindset-resultPage-skeleton .twoColumn-container .rightColumn-skeleton .rightColumn .heading .line-container .skeleton-dark-gray {
  margin-bottom: 0px;
}
.driving-mindset-resultPage-skeleton .twoColumn-container .rightColumn-skeleton .rightColumn .line-container {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.driving-mindset-resultPage-skeleton .twoColumn-container .rightColumn-skeleton .rightColumn .greyBox-container {
  background: none !important;
  border: 1px solid #e5e4ec;
  text-align: left;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  padding: 12px 16px 12px 8px !important;
  gap: 8px !important;
}
.driving-mindset-resultPage-skeleton .twoColumn-container .rightColumn-skeleton .rightColumn .greyBox-container .skeleton-dark-gray {
  margin-bottom: 0px;
}
.driving-mindset-resultPage-skeleton .twoColumn-container .rightColumn-skeleton .rightColumn .view-skeleton {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}
.driving-mindset-resultPage-skeleton .twoColumn-container .border-skeleton-body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  border: 1px solid #e5e4ec;
  border-radius: 8px;
  width: 100%;
  background: white;
  padding: 20px 16px;
}
.driving-mindset-resultPage-skeleton .twoColumn-container .border-skeleton-body .subContent {
  width: 100%;
}
.driving-mindset-resultPage-skeleton .twoColumn-container .last-box {
  width: 100%;
  background: white;
  border: 1px solid #e5e4ec;
  border-radius: 8px;
  margin-top: 24px;
  padding: 19px 20px 42px 20px;
  margin-bottom: 24px;
  gap: 12px;
  display: flex;
  flex-direction: column;
}
.driving-mindset-resultPage-skeleton .twoColumn-container .last-box .flex {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.driving-mindset-resultPage-skeleton .skeleton-title {
  display: flex;
  flex-direction: row !important;
  gap: 8px;
}
.driving-mindset-resultPage-skeleton .skeleton-title .skeleton-cricle-gray {
  width: 12px;
  height: 12px;
  background: #d8d8e2;
  flex: none;
  order: 0;
  flex-grow: 0;
  border-radius: 45px;
}
.driving-mindset-resultPage-skeleton .skeleton-title .line-small-two {
  width: 80px;
  height: 12px;
}
.driving-mindset-resultPage-skeleton .line {
  height: 8px;
  border-radius: 15px;
  background-color: #d8d8e2;
  margin-bottom: 8px;
}
.driving-mindset-resultPage-skeleton .line-hg-12 {
  height: 12px;
  border-radius: 15px;
  background-color: #d8d8e2;
}
.driving-mindset-resultPage-skeleton .line-wd-413 {
  width: 413px;
}
@media (max-width: 940px) {
  .driving-mindset-resultPage-skeleton .line-wd-413 {
    width: 100%;
  }
}
.driving-mindset-resultPage-skeleton .line-wd-362 {
  width: 362px;
}
@media (max-width: 860px) {
  .driving-mindset-resultPage-skeleton .line-wd-362 {
    width: 100%;
  }
}
.driving-mindset-resultPage-skeleton .line-wd-234 {
  width: 234px;
}
.driving-mindset-resultPage-skeleton .line-wd-166 {
  width: 166px;
}
.driving-mindset-resultPage-skeleton .line-wd-80 {
  width: 80px;
}
.driving-mindset-resultPage-skeleton .line.line-wd-222 {
  width: 222px;
}
.driving-mindset-resultPage-skeleton .leftColumn-skeleton {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  width: 50%;
}
@media (max-width: 767px) {
  .driving-mindset-resultPage-skeleton .leftColumn-skeleton {
    width: 100%;
    order: 1;
  }
}
.driving-mindset-resultPage-skeleton .leftColumn-skeleton .leftColumn {
  width: 100%;
  border: 1px solid #e5e4ec;
  background: white;
  padding: 24px;
  border-radius: 8px;
  /* Desktop Sizes */

  /* Positioning for Desktop */

  /* Tablet View */

  /* Mobile View */

}
.driving-mindset-resultPage-skeleton .leftColumn-skeleton .leftColumn .heading-skeleton {
  display: flex;
  border-bottom: 1px solid #e5e4ec;
  width: 100%;
  gap: 20px;
  padding-bottom: 20px;
}
.driving-mindset-resultPage-skeleton .leftColumn-skeleton .leftColumn .report-chart_canvas {
  margin: 60px auto 120px;
  position: relative;
  max-width: 100%;
  padding: 0 20px;
  border: none;
}
.driving-mindset-resultPage-skeleton .leftColumn-skeleton .leftColumn .main-box {
  margin: 40px auto;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.driving-mindset-resultPage-skeleton .leftColumn-skeleton .leftColumn .box-sm-2 {
  width: 217.79px;
  height: 217.79px;
  border: 1px solid #ccccd3;
  border-radius: 4px;
  transform: rotate(45deg);
  padding: 25px;
}
.driving-mindset-resultPage-skeleton .leftColumn-skeleton .leftColumn .box-sm-3 {
  width: 165.46px;
  height: 165.46px;
  border: 1px solid #ccccd3;
  border-radius: 4px;
  padding: 24px;
}
.driving-mindset-resultPage-skeleton .leftColumn-skeleton .leftColumn .box-sm-4 {
  width: 113.14px;
  height: 113.14px;
  border: 1px solid #ccccd3;
  border-radius: 4px;
  padding: 27px;
}
.driving-mindset-resultPage-skeleton .leftColumn-skeleton .leftColumn .box-sm-5 {
  width: 56.57px;
  height: 56.57px;
  border: 1px solid #ccccd3;
  border-radius: 4px;
  padding: 18px;
}
.driving-mindset-resultPage-skeleton .leftColumn-skeleton .leftColumn .box-sm-6 {
  width: 19.8px;
  height: 19.8px;
  border: 1px solid #ccccd3;
  border-radius: 4px;
}
.driving-mindset-resultPage-skeleton .leftColumn-skeleton .leftColumn .col-top {
  position: absolute;
  top: -41px;
  left: 85px;
  right: 0;
}
.driving-mindset-resultPage-skeleton .leftColumn-skeleton .leftColumn .col-bottom {
  position: absolute;
  bottom: -50px;
  left: 85px;
}
.driving-mindset-resultPage-skeleton .leftColumn-skeleton .leftColumn .col-left {
  position: absolute;
  left: -105px;
  top: 142px;
}
.driving-mindset-resultPage-skeleton .leftColumn-skeleton .leftColumn .col-right {
  position: absolute;
  right: -105px;
  top: 142px;
}
@media (min-width: 769px) and (max-width: 880px) {
  .driving-mindset-resultPage-skeleton .leftColumn-skeleton .leftColumn .report-chart_canvas {
    margin: 40px auto;
  }
  .driving-mindset-resultPage-skeleton .leftColumn-skeleton .leftColumn .main-box {
    flex-direction: column;
    align-items: center;
  }
  .driving-mindset-resultPage-skeleton .leftColumn-skeleton .leftColumn .box-sm-2 {
    width: 120px;
    height: 120px;
    padding: 9px;
  }
  .driving-mindset-resultPage-skeleton .leftColumn-skeleton .leftColumn .box-sm-3 {
    width: 100px;
    height: 100px;
    padding: 14px;
  }
  .driving-mindset-resultPage-skeleton .leftColumn-skeleton .leftColumn .box-sm-4 {
    width: 70px;
    height: 70px;
    padding: 12px;
  }
  .driving-mindset-resultPage-skeleton .leftColumn-skeleton .leftColumn .box-sm-5 {
    width: 45px;
    height: 45px;
    padding: 13px;
  }
  .driving-mindset-resultPage-skeleton .leftColumn-skeleton .leftColumn .box-sm-6 {
    width: 18px;
    height: 18px;
  }
  .driving-mindset-resultPage-skeleton .leftColumn-skeleton .leftColumn .col-top {
    position: absolute;
    top: -10%;
    left: 22%;
    right: 0;
  }
  .driving-mindset-resultPage-skeleton .leftColumn-skeleton .leftColumn .col-bottom {
    position: absolute;
    bottom: -10%;
    left: 22%;
    right: 0;
  }
  .driving-mindset-resultPage-skeleton .leftColumn-skeleton .leftColumn .col-left {
    position: absolute;
    left: -50%;
    top: 50%;
  }
  .driving-mindset-resultPage-skeleton .leftColumn-skeleton .leftColumn .col-right {
    position: absolute;
    right: -50%;
    top: 50%;
  }
}
@media (max-width: 768px) {
  .driving-mindset-resultPage-skeleton .leftColumn-skeleton .leftColumn .report-chart_canvas {
    margin: 40px auto;
  }
  .driving-mindset-resultPage-skeleton .leftColumn-skeleton .leftColumn .main-box {
    flex-direction: column;
    align-items: center;
  }
  .driving-mindset-resultPage-skeleton .leftColumn-skeleton .leftColumn .box-sm-2 {
    width: 160px;
    height: 160px;
    padding: 20px;
  }
  .driving-mindset-resultPage-skeleton .leftColumn-skeleton .leftColumn .box-sm-3 {
    width: 120px;
    height: 120px;
    padding: 18px;
  }
  .driving-mindset-resultPage-skeleton .leftColumn-skeleton .leftColumn .box-sm-4 {
    width: 90px;
    height: 90px;
    padding: 15px;
  }
  .driving-mindset-resultPage-skeleton .leftColumn-skeleton .leftColumn .box-sm-5 {
    width: 50px;
    height: 50px;
    padding: 12px;
  }
  .driving-mindset-resultPage-skeleton .leftColumn-skeleton .leftColumn .box-sm-6 {
    width: 18px;
    height: 18px;
  }
  .driving-mindset-resultPage-skeleton .leftColumn-skeleton .leftColumn .col-top {
    position: absolute;
    top: -41px;
    left: 22%;
    right: 0;
  }
  .driving-mindset-resultPage-skeleton .leftColumn-skeleton .leftColumn .col-bottom {
    position: absolute;
    bottom: -41px;
    left: 22%;
    right: 0;
  }
  .driving-mindset-resultPage-skeleton .leftColumn-skeleton .leftColumn .col-left {
    position: absolute;
    left: -50%;
    top: 50%;
  }
  .driving-mindset-resultPage-skeleton .leftColumn-skeleton .leftColumn .col-right {
    position: absolute;
    right: -50%;
    top: 50%;
  }
}
@media (max-width: 480px) {
  .driving-mindset-resultPage-skeleton .leftColumn-skeleton .leftColumn .report-chart_canvas {
    margin: 40px auto;
  }
  .driving-mindset-resultPage-skeleton .leftColumn-skeleton .leftColumn .box-sm-2 {
    width: 120px;
    height: 120px;
    padding: 15px;
  }
  .driving-mindset-resultPage-skeleton .leftColumn-skeleton .leftColumn .box-sm-3 {
    width: 90px;
    height: 90px;
    padding: 9px;
  }
  .driving-mindset-resultPage-skeleton .leftColumn-skeleton .leftColumn .box-sm-4 {
    width: 70px;
    height: 70px;
    padding: 15px;
  }
  .driving-mindset-resultPage-skeleton .leftColumn-skeleton .leftColumn .box-sm-5 {
    width: 40px;
    height: 40px;
    padding: 15px;
  }
  .driving-mindset-resultPage-skeleton .leftColumn-skeleton .leftColumn .box-sm-6 {
    width: 16px;
    height: 16px;
  }
}
.driving-mindset-resultPage-skeleton .leftColumn-skeleton .leftColumn .skeletoninout:before {
  display: none;
}
.driving-mindset-resultPage-skeleton .leftColumn-skeleton .leftColumn .line-wd-54 {
  width: 54px;
}
.driving-mindset-resultPage-skeleton .feedback-skeleton {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 0px;
  width: 100%;
}
.driving-mindset-resultPage-skeleton .feedback-skeleton .feedback-content {
  width: 234px;
}
.driving-mindset-resultPage-skeleton .feedback-skeleton .feedback-icon {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  gap: 12px;
}
.driving-mindset-resultPage-skeleton .feedback-skeleton .whitebox {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 8px 16px;
  gap: 16px;
  background: white;
  border-radius: 8px;
  height: 40px;
  width: 56px;
}
.driving-mindset-resultPage-skeleton .feedback-skeleton .whitebox .skeleton-dark-gray {
  margin-bottom: 0px;
  width: 12px;
}
@media (min-width: 768px) {
  .driving-mindset-resultPage-skeleton .rightColumn-skeleton .feedback-skeleton {
    display: none;
  }
}
@media (max-width: 767px) {
  .driving-mindset-resultPage-skeleton .leftColumn-skeleton .feedback-skeleton {
    display: none;
  }
  .driving-mindset-resultPage-skeleton .rightColumn-skeleton .feedback-skeleton {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
  }
}
@media print {
  .container {
    width: 700px;
    margin: 0 auto;
    background: #f7f7fa;
    padding: 24px;
  }
  .container .header {
    background: white;
    border-radius: 8px;
    padding: 24px 24px 32px 24px;
    text-align: center;
    position: relative;
    margin-bottom: 24px;
  }
  .container .header img {
    margin-bottom: 20px;
  }
  .container .header h5 {
    font-size: 32px;
    margin-top: 0;
    margin-bottom: 8px;
  }
  .container .header h5 span {
    color: #d24a8b;
    font-size: 32px;
    margin-left: 10px;
  }
  .container .header .body_medium div {
    font-family: Noto Sans, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: #45505f;
    font-family: 'Noto Sans', sans-serif;
  }
  .container .header p {
    color: #1c304b;
    margin-bottom: 0px;
  }
  .container .container-left {
    background: white;
    border-radius: 8px;
    width: 100%;
    padding: 24px;
    margin-bottom: 24px;
  }
  .container .container-left .heading {
    border-bottom: 1px solid #e5e4ec;
    display: flex;
    width: 100%;
  }
  .container .container-left .heading h5 {
    padding-bottom: 20px;
    margin: 0;
    color: #1c304b;
    font-weight: 500;
  }
  .container .container-left img {
    width: 100%;
  }
  .container .container-right {
    background: white;
    border-radius: 8px;
    gap: 24px;
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 24px;
  }
  .container .container-right .heading {
    border-bottom: 1px solid #e5e4ec;
    display: flex;
    width: 100%;
  }
  .container .container-right .heading h5 {
    padding-bottom: 20px;
    margin: 0;
    color: #1c304b;
    font-weight: 500;
  }
  .container .container-right .heading h5 span {
    color: #1c304b;
    font-weight: 500;
    font-family: Noto Sans, sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
    font-family: 'Noto Sans', sans-serif;
  }
  .container .container-right .subContent p {
    font-family: Noto Sans, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: #45505f;
    font-family: 'Noto Sans', sans-serif;
    color: #1c304b;
    margin-bottom: 0px;
    letter-spacing: 0.6px;
  }
  .container .container-right .subContent p i {
    font-family: Noto Sans, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: #45505f;
    font-family: 'Noto Sans', sans-serif;
    color: #1c304b;
  }
  .container .container-right .greyBox-container {
    background: #f8f8f9;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 24px;
    gap: 20px;
    border-radius: 8px;
    width: 100%;
  }
  .container .container-right .greyBox-container > div {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  .container .container-right .greyBox-container > div .headerBox {
    background: none;
    padding: 0;
    color: #1c304b;
    text-align: left;
    display: flex;
    flex-direction: row;
    column-gap: 8px;
    justify-content: flex-start;
    width: 100%;
    align-items: flex-end;
    align-items: center;
    font-family: Noto Sans, sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    font-family: 'Noto Sans', sans-serif;
  }
  .container .container-right .greyBox-container > div .border-line {
    display: block;
    width: 100%;
    height: 1px;
    background: #e5e4ec;
  }
  .container .container-right .greyBox-container > div .list-item p {
    margin-bottom: 0px;
    font-family: Noto Sans, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: #45505f;
    font-family: 'Noto Sans', sans-serif;
    color: #1c304b;
  }
  .container .container-right .greyBox-container > div .list-item ul {
    margin-bottom: 0;
    padding-left: 24px;
  }
  .container .container-right .greyBox-container > div .list-item ul li {
    font-family: Noto Sans, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: #45505f;
    font-family: 'Noto Sans', sans-serif;
    color: #1c304b;
  }
  .container .container-right .rating-level-NGEN_ASSESSMENT_MINDSET_Signs_you_might_recognize .headerBox::before {
    background-image: url('/Content/Images/careerMindeset/directions.svg');
    content: ' ';
    display: block;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
  }
  .container .container-right .rating-level-NGEN_ASSESSMENT_MINDSET_Signs_you_might_recognize ul {
    padding-left: 0px !important;
  }
  .container .container-right .rating-level-NGEN_ASSESSMENT_MINDSET_Signs_you_might_recognize ul li {
    margin-left: 24px;
  }
  .container .container-right .rating-level-NGEN_ASSESSMENT_MINDSET_What_this_means .headerBox::before {
    background-image: url('/Content/Images/careerMindeset/lightbulb.svg');
    content: ' ';
    display: block;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
  }
  .container .container-right .rating-level-NGEN_ASSESSMENT_MINDSET_What_this_means .list-item > div p:first-child {
    margin-bottom: 24px;
  }
  .container .container-right .rating-level-NGEN_ASSESSMENT_MINDSET_What_this_means .list-item > div ul {
    margin-bottom: 24px !important;
  }
  .container .container-right .rating-level-NGEN_ASSESSMENT_MINDSET_A_mindset_to_protect .headerBox::before,
  .container .container-right .rating-level-NGEN_ASSESSMENT_MINDSET_A_thinking_habit_to_watch_for .headerBox::before {
    background-image: url('/Content/Images/careerMindeset/psychology.svg');
    content: ' ';
    display: block;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
  }
  .container .container-right .rating-level-NGEN_ASSESSMENT_MINDSET_A_mindset_to_protect .list-item > div p,
  .container .container-right .rating-level-NGEN_ASSESSMENT_MINDSET_A_thinking_habit_to_watch_for .list-item > div p {
    display: contents;
  }
  .container .container-right .rating-level-NGEN_ASSESSMENT_MINDSET_What_to_try .headerBox::before {
    background-image: url('/Content/Images/careerMindeset/golf_course.svg');
    content: ' ';
    display: block;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
  }
  .container .container-right .rating-level-NGEN_ASSESSMENT_MINDSET_What_to_try .list-item > div p:first-child {
    margin-bottom: 24px;
  }
  .container .container-right .rating-level-NGEN_ASSESSMENT_MINDSET_What_to_try .list-item > div p:nth-child(2) {
    font-weight: 600;
  }
  .container .container-right .rating-level-NGEN_ASSESSMENT_MINDSET_What_to_try .list-item > div ul {
    list-style: none;
    margin-bottom: 24px !important;
    padding-left: 0;
    width: 84%;
    margin-top: 8px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: flex-start;
  }
  .container .container-right .rating-level-NGEN_ASSESSMENT_MINDSET_What_to_try .list-item > div ul li {
    position: relative;
    padding-left: 32px;
  }
  .container .container-right .rating-level-NGEN_ASSESSMENT_MINDSET_What_to_try .list-item > div ul li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 5px;
    width: 20px;
    height: 20px;
    background-image: url('/Content/Images/careerMindeset/check_circle.svg');
    background-repeat: no-repeat;
    background-size: contain;
  }
  .container .container-right .rating-level-NGEN_ASSESSMENT_MINDSET_What_to_try .list-item > div p:nth-child(4),
  .container .container-right .rating-level-NGEN_ASSESSMENT_MINDSET_What_to_try .list-item > div p:last-child {
    display: contents;
  }
}
@media print and (max-width: 767px) {
  .container .header {
    padding-left: 8.62px;
    padding-right: 8.62px;
  }
}
@media print and (max-width: 767px) {
  .container .header h5 {
    line-height: 40px;
  }
}
@media print and (max-width: 767px) {
  .container .container-left .heading h5 {
    font-weight: 600;
  }
}
@media print and (max-width: 767px) {
  .container .container-right .heading h5 {
    font-weight: 600;
  }
}
.modal-dialog #niko-policy-modal .popupContainer.ai-policy-modal {
  word-break: break-word;
}
.modal-dialog #niko-policy-modal .popupContainer.ai-policy-modal .bodyText {
  padding: 24px 40px 32px 40px;
  color: #1c304b;
}
@media (max-width: 768px) {
  .modal-dialog #niko-policy-modal .popupContainer.ai-policy-modal .bodyText {
    padding: 24px 24px 32px;
  }
}
.modal-dialog #niko-policy-modal .popupContainer.ai-policy-modal .bodyText .ai-policy-modal-title {
  font-family: Noto Sans, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 32px;
  font-family: 'Noto Sans', sans-serif;
  font-weight: 500;
  margin-bottom: 4px;
}
.modal-dialog #niko-policy-modal .popupContainer.ai-policy-modal .bodyText .ai-policy-modal-date {
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  font-family: 'Noto Sans', sans-serif;
  margin-bottom: 24px;
}
.modal-dialog #niko-policy-modal .popupContainer.ai-policy-modal .bodyText .ai-policy-modal-text p.ai-policy-bottom-text {
  font-weight: 700;
}
.modal-dialog #niko-policy-modal .popupContainer.ai-policy-modal .bodyText .ai-policy-modal-text p {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
  margin-bottom: 24px;
}
.modal-dialog #niko-policy-modal .popupContainer.ai-policy-modal .bodyText .ai-policy-modal-link {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  text-transform: uppercase;
  color: #aa0285;
  font-family: 'Noto Sans', sans-serif;
}
.modal-dialog #niko-policy-modal .popupContainer.ai-policy-modal .bodyText .ai-policy-modal-subtitle {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  font-family: 'Noto Sans', sans-serif;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
}
.modal-dialog #niko-policy-modal .popupContainer.ai-policy-modal .bodyText .ai-policy-modal-subtitle .ai-policy-modal-icon {
  width: 20px;
  height: 20px;
}
.modal-dialog #niko-policy-modal .popupContainer.ai-policy-modal .modal-footer.modal-footer-ai-policy {
  padding: 0px 40px 32px !important;
}
@media (max-width: 768px) {
  .modal-dialog #niko-policy-modal .popupContainer.ai-policy-modal .modal-footer.modal-footer-ai-policy {
    padding: 0px 24px 32px !important;
  }
}
.modal-dialog #niko-policy-modal .popupContainer.ai-policy-modal .modal-footer.modal-footer-ai-policy .btnContainer {
  padding: 0;
  display: flex;
  justify-content: center;
  flex-wrap: nowrap;
}
@media (max-width: 768px) {
  .modal-dialog #niko-policy-modal .popupContainer.ai-policy-modal .modal-footer.modal-footer-ai-policy .btnContainer {
    flex-wrap: wrap;
  }
}
.modal-dialog #niko-policy-modal .popupContainer.ai-policy-modal .modal-footer.modal-footer-ai-policy .btnContainer .acceptBtn {
  width: 100%;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: Noto Sans, sans-serif;
  text-transform: uppercase;
  color: white;
  background-color: #441750;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  padding: 8px 24px;
  font-family: 'Noto Sans', sans-serif;
}
.modal-dialog #niko-policy-modal .popupContainer.ai-policy-modal .modal-footer.modal-footer-ai-policy .btnContainer .acceptBtn:active {
  color: white;
  background: #390447;
}
.modal-dialog #niko-policy-modal .popupContainer.ai-policy-modal .modal-footer.modal-footer-ai-policy .btnContainer .acceptBtn:hover {
  background-color: #613e6b;
}
.modal-dialog #niko-policy-modal .popupContainer.ai-policy-modal .modal-footer.modal-footer-ai-policy .btnContainer .acceptBtn:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.modal-dialog #niko-policy-modal .popupContainer.ai-policy-modal .modal-footer.modal-footer-ai-policy .btnContainer .acceptBtn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.modal-dialog #niko-policy-modal .popupContainer.ai-policy-modal .modal-footer.modal-footer-ai-policy .btnContainer .acceptBtn:active {
  color: white;
  background: #390447;
}
.modal-dialog #niko-policy-modal .popupContainer.ai-policy-modal .modal-footer.modal-footer-ai-policy .btnContainer .acceptBtn:hover {
  background-color: #613e6b;
}
.modal-dialog #niko-policy-modal .popupContainer.ai-policy-modal .modal-footer.modal-footer-ai-policy .btnContainer .acceptBtn:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.modal-dialog #niko-policy-modal .popupContainer.ai-policy-modal .modal-footer.modal-footer-ai-policy .btnContainer .acceptBtn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.modal-dialog #niko-policy-modal .popupContainer.ai-policy-modal .modal-footer.modal-footer-ai-policy .btnContainer .acceptBtn:active {
  color: white;
  background: #390447;
}
.modal-dialog #niko-policy-modal .popupContainer.ai-policy-modal .modal-footer.modal-footer-ai-policy .btnContainer .acceptBtn:hover {
  background-color: #613e6b;
}
.modal-dialog #niko-policy-modal .popupContainer.ai-policy-modal .modal-footer.modal-footer-ai-policy .btnContainer .acceptBtn:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.modal-dialog #niko-policy-modal .popupContainer.ai-policy-modal .modal-footer.modal-footer-ai-policy .btnContainer .acceptBtn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.modal-dialog #niko-policy-modal .popupContainer.ai-policy-modal .modal-footer.modal-footer-ai-policy .btnContainer .acceptBtn:active {
  color: white;
  background: #390447;
}
.modal-dialog #niko-policy-modal .popupContainer.ai-policy-modal .modal-footer.modal-footer-ai-policy .btnContainer .acceptBtn:hover {
  background-color: #613e6b;
}
.modal-dialog #niko-policy-modal .popupContainer.ai-policy-modal .modal-footer.modal-footer-ai-policy .btnContainer .acceptBtn:focus {
  outline: none !important;
  color: white;
  background-color: #613e6b;
}
.modal-dialog #niko-policy-modal .popupContainer.ai-policy-modal .modal-footer.modal-footer-ai-policy .btnContainer .acceptBtn:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: -4px !important;
  color: white !important;
  border-radius: 8px !important;
}
.modal-dialog #niko-policy-modal .popupContainer.ai-policy-modal .modal-footer.modal-footer-ai-policy .btnContainer .acceptBtndisabled {
  cursor: default;
}
.page-wrapper.notification-main-content {
  min-height: calc(100vh - 120px);
  padding-top: 24px;
  padding-bottom: 36px;
}
@media (max-width: 1024px) {
  .page-wrapper.notification-main-content {
    padding-top: 86px;
    min-height: calc(100vh - 150px);
  }
}
.page-wrapper.notification-main-content .main-content-top {
  height: 24px;
  width: 100%;
  margin-bottom: 16px;
}
@media (max-width: 768px) {
  .page-wrapper.notification-main-content .main-content-top {
    margin-bottom: 24px;
    padding-left: 16px;
    padding-right: 16px;
  }
}
.page-wrapper.notification-main-content .main-content-top .page-wrapper-test .breadcrumbs {
  margin-top: 0px;
  height: 24px;
  margin-bottom: 16px;
  width: 100%;
}
.page-wrapper.notification-main-content .main-content-top .page-wrapper-test .breadcrumbs .breadcrumbs-list {
  margin-top: 0px;
  padding-top: 0px;
}
.page-wrapper.notification-main-content .main-content-top .page-wrapper-test .breadcrumbs ul li.current span {
  color: #45505f;
}
.page-wrapper.notification-main-content .main-content-top .page-wrapper-test .breadcrumbs ul li.breadcrumbs-label {
  padding-right: 0;
  margin-top: 0px;
}
@media (max-width: 768px) {
  .page-wrapper.notification-main-content .container.notification-container {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
}
.page-wrapper.notification-main-content .notification-section-outer {
  border-radius: 8px;
  padding: 0px 12%;
}
@media (max-width: 768px) {
  .page-wrapper.notification-main-content .notification-section-outer {
    padding: 0px 0px;
  }
}
.page-wrapper.notification-main-content .notification-page-container {
  width: 100%;
  background: white;
  word-break: break-word;
  border: 1px solid #ebebee;
  border-radius: 8px;
}
.page-wrapper.notification-main-content .notification-page-container .notification-menu-popup {
  height: auto;
}
.page-wrapper.notification-main-content .notification-page-container .notification-menu-popup .notifications-menu-header {
  background-color: white;
  padding: 24px;
  border-radius: 8px;
}
@media (max-width: 768px) {
  .page-wrapper.notification-main-content .notification-page-container .notification-menu-popup .notifications-menu-header {
    padding: 24px 16px;
  }
}
.page-wrapper.notification-main-content .notification-page-container .notification-menu-popup .notifications-menu-header .notifications-menu-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: 'Noto Serif', serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  color: #1c304b;
  padding: 0px;
  margin: 0px;
}
.page-wrapper.notification-main-content .notification-page-container .notification-menu-popup .notifications-menu-subheader {
  background-color: white;
  padding: 0px 24px 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
}
@media (max-width: 768px) {
  .page-wrapper.notification-main-content .notification-page-container .notification-menu-popup .notifications-menu-subheader {
    padding: 0px 16px 24px;
  }
}
.page-wrapper.notification-main-content .notification-page-container .notification-menu-popup .notifications-menu-subheader .notifications-menu-buttons-outer {
  flex: 6;
}
.page-wrapper.notification-main-content .notification-page-container .notification-menu-popup .notifications-menu-subheader .notifications-menu-buttons {
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 4px;
  border-radius: 8px;
  border: 1px solid #ebebee;
}
.page-wrapper.notification-main-content .notification-page-container .notification-menu-popup .notifications-menu-subheader .notifications-menu-buttons .notifications-menu-button {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  font-family: 'Noto Sans', sans-serif;
  color: #1c304b;
  padding: 4px 16px;
}
.page-wrapper.notification-main-content .notification-page-container .notification-menu-popup .notifications-menu-subheader .notifications-menu-buttons .notifications-menu-button:focus-visible:not(:active) {
  outline: 4px solid #ff5858 !important;
  border-radius: 2px;
  outline-offset: 0px;
}
.page-wrapper.notification-main-content .notification-page-container .notification-menu-popup .notifications-menu-subheader .notifications-menu-buttons .notifications-menu-button.notifi-btn-selected {
  background-color: #e4d8f4;
  border-radius: 8px;
}
.page-wrapper.notification-main-content .notification-page-container .notification-menu-popup .notifications-menu-subheader .notifications-menu-buttons .notifications-btn-all {
  min-width: 50px;
}
.page-wrapper.notification-main-content .notification-page-container .notification-menu-popup .notifications-menu-subheader .notifications-menu-buttons .notifications-btn-unread {
  min-width: 83px;
}
.page-wrapper.notification-main-content .notification-page-container .notification-menu-popup .notifications-menu-subheader .notifications-menu-mark-all-as-read {
  text-align: right;
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  text-transform: uppercase;
  color: #aa0285;
  font-family: 'Noto Sans', sans-serif;
}
.page-wrapper.notification-main-content .notification-page-container .notification-menu-popup .notifications-menu-subheader .notifications-menu-mark-all-as-read:hover {
  color: #aa0285;
}
.page-wrapper.notification-main-content .notification-page-container .notification-menu-popup .notifications-menu-subheader .notifications-menu-mark-all-as-read:active,
.page-wrapper.notification-main-content .notification-page-container .notification-menu-popup .notifications-menu-subheader .notifications-menu-mark-all-as-read:focus {
  color: #7a005f;
  text-decoration: none;
}
.page-wrapper.notification-main-content .notification-page-container .notification-menu-popup .notifications-menu-subheader .notifications-menu-mark-all-as-read:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: 0px !important;
  color: #aa0285;
  border-radius: 4px;
}
.page-wrapper.notification-main-content .notification-page-container .notification-menu-popup .notifications-menu-subheader .notifications-menu-mark-all-as-read:hover {
  color: #aa0285;
}
.page-wrapper.notification-main-content .notification-page-container .notification-menu-popup .notifications-menu-subheader .notifications-menu-mark-all-as-read:active,
.page-wrapper.notification-main-content .notification-page-container .notification-menu-popup .notifications-menu-subheader .notifications-menu-mark-all-as-read:focus {
  color: #7a005f;
  text-decoration: none;
}
.page-wrapper.notification-main-content .notification-page-container .notification-menu-popup .notifications-menu-subheader .notifications-menu-mark-all-as-read:focus-visible {
  outline: 4px solid #ff5858 !important;
  outline-offset: 0px !important;
  color: #aa0285;
  border-radius: 4px;
}
.page-wrapper.notification-main-content .notification-page-container .notification-menu-popup .notifications-menu-body .notification-popup-section {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 24px;
  background-color: white;
  gap: 16px;
}
@media (max-width: 768px) {
  .page-wrapper.notification-main-content .notification-page-container .notification-menu-popup .notifications-menu-body .notification-popup-section {
    padding: 16px;
  }
}
.page-wrapper.notification-main-content .notification-page-container .notification-menu-popup .notifications-menu-body .notification-popup-section.unreaded-notification {
  background-color: #f7f3fc;
}
.page-wrapper.notification-main-content .notification-page-container .notification-menu-popup .notifications-menu-body .notification-popup-section.unreaded-notification .notification-popup-section-left .notification-type-icon {
  background-color: white;
}
.page-wrapper.notification-main-content .notification-page-container .notification-menu-popup .notifications-menu-body .notification-popup-section.unreaded-notification .notification-popup-section-middle .notification-popup-section-title .notification-popup-section-title-disc {
  width: 8px;
  min-width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #aa0285;
  display: block;
  margin-top: 8px;
}
.page-wrapper.notification-main-content .notification-page-container .notification-menu-popup .notifications-menu-body .notification-popup-section .notification-popup-section-one {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  flex: 1;
  text-decoration: none;
  color: inherit;
}
.page-wrapper.notification-main-content .notification-page-container .notification-menu-popup .notifications-menu-body .notification-popup-section .notification-popup-section-one:hover {
  text-decoration: none;
}
.page-wrapper.notification-main-content .notification-page-container .notification-menu-popup .notifications-menu-body .notification-popup-section .notification-popup-section-one.not-link {
  cursor: default;
}
.page-wrapper.notification-main-content .notification-page-container .notification-menu-popup .notifications-menu-body .notification-popup-section .notification-popup-section-one.not-link .notification-popup-section-middle .notification-popup-section-title .notification-popup-section-title-text:hover {
  text-decoration: none;
}
.page-wrapper.notification-main-content .notification-page-container .notification-menu-popup .notifications-menu-body .notification-popup-section .notification-popup-section-one.not-link .notification-popup-section-middle .notification-popup-section-description {
  display: flex;
}
.page-wrapper.notification-main-content .notification-page-container .notification-menu-popup .notifications-menu-body .notification-popup-section .notification-popup-section-left {
  width: 40px;
}
.page-wrapper.notification-main-content .notification-page-container .notification-menu-popup .notifications-menu-body .notification-popup-section .notification-popup-section-left .notification-type-icon {
  position: relative;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #f8f8f9;
  border: 1px solid #ebebee;
  display: flex;
  justify-content: center;
  align-items: center;
}
.page-wrapper.notification-main-content .notification-page-container .notification-menu-popup .notifications-menu-body .notification-popup-section .notification-popup-section-left .notification-type-icon img {
  width: 16px;
  height: 16px;
}
.page-wrapper.notification-main-content .notification-page-container .notification-menu-popup .notifications-menu-body .notification-popup-section .notification-popup-section-middle .notification-popup-section-title {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
}
.page-wrapper.notification-main-content .notification-page-container .notification-menu-popup .notifications-menu-body .notification-popup-section .notification-popup-section-middle .notification-popup-section-title .notification-popup-section-title-text {
  font-family: Noto Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
}
.page-wrapper.notification-main-content .notification-page-container .notification-menu-popup .notifications-menu-body .notification-popup-section .notification-popup-section-middle .notification-popup-section-title .notification-popup-section-title-text:hover {
  text-decoration: underline;
}
.page-wrapper.notification-main-content .notification-page-container .notification-menu-popup .notifications-menu-body .notification-popup-section .notification-popup-section-middle .notification-popup-section-title .notification-popup-section-title-disc {
  display: none;
}
.page-wrapper.notification-main-content .notification-page-container .notification-menu-popup .notifications-menu-body .notification-popup-section .notification-popup-section-middle .notification-popup-section-description {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
  margin-top: 4px;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.page-wrapper.notification-main-content .notification-page-container .notification-menu-popup .notifications-menu-body .notification-popup-section .notification-popup-section-middle .notification-popup-section-date {
  margin-top: 4px;
  font-family: Noto Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  font-family: 'Noto Sans', sans-serif;
  color: #67707c;
}
.page-wrapper.notification-main-content .notification-page-container .notification-menu-popup .notifications-menu-body .notification-popup-section .notification-popup-section-right {
  position: relative;
  width: 24px;
}
.page-wrapper.notification-main-content .notification-page-container .notification-menu-popup .notifications-menu-body .notification-popup-section .notification-popup-section-right .notification-popup-section-right-link {
  position: relative;
  width: 24px;
  height: 24px;
  display: block;
}
.page-wrapper.notification-main-content .notification-page-container .notification-menu-popup .notifications-menu-body .notification-popup-section .notification-popup-section-right .notification-popup-section-right-link::before {
  content: '';
  position: absolute;
  height: 24px;
  width: 24px;
  background: url(/Content/Images/notification/more_vert.svg) no-repeat;
}
.page-wrapper.notification-main-content .notification-page-container .notification-menu-popup .notifications-menu-body .notification-popup-section .notification-popup-section-right .notification-popup-section-right-more-option {
  background-color: white;
  border-radius: 8px;
  position: absolute;
  top: 8px;
  right: 24px;
  min-width: 136px;
  width: max-content;
  max-width: 240px;
  display: block;
  min-height: 40px;
  box-shadow: 4px 8px 16px 0 rgba(28, 48, 75, 0.08);
}
.page-wrapper.notification-main-content .notification-page-container .notification-menu-popup .notifications-menu-body .notification-popup-section .notification-popup-section-right .notification-popup-section-right-more-option .mark-as-read-clear {
  text-align: left;
  margin: 8px 16px;
  display: block;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
  color: #1c304b;
}
.page-wrapper.notification-main-content .notification-page-container .notification-menu-popup .notifications-menu-body .notification-popup-section .notification-popup-section-right .notification-popup-section-right-more-option .mark-as-read-clear:focus-visible:not(:active) {
  outline: 4px solid #ff5858 !important;
  border-radius: 2px;
  outline-offset: 0px;
}
.page-wrapper.notification-main-content .notification-page-container .notification-menu-popup .notifications-menu-body .notifications-empty {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: calc(50vh);
  padding: 40px 24px;
}
.page-wrapper.notification-main-content .notification-page-container .notification-menu-popup .notifications-menu-body .notifications-empty .notifications-empty-msg {
  word-break: break-word;
  text-align: center;
}
.page-wrapper.notification-main-content .notification-page-container .notification-menu-popup .notifications-menu-body .notifications-empty .notifications-empty-msg .notifications-empty-msg-icon {
  text-align: center;
}
.page-wrapper.notification-main-content .notification-page-container .notification-menu-popup .notifications-menu-body .notifications-empty .notifications-empty-msg .notifications-empty-msg-icon img {
  width: 24px;
  height: 24px;
}
.page-wrapper.notification-main-content .notification-page-container .notification-menu-popup .notifications-menu-body .notifications-empty .notifications-empty-msg .notifications-empty-msg-title {
  font-family: Noto Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
  margin-top: 16px;
}
.page-wrapper.notification-main-content .notification-page-container .notification-menu-popup .notifications-menu-body .notifications-empty .notifications-empty-msg .notifications-empty-msg-description {
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
  margin-top: 4px;
}
.page-wrapper.notification-main-content .notifications-menu-footer {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 24px;
  width: 100%;
  box-sizing: border-box;
}
@media (max-width: 768px) {
  .page-wrapper.notification-main-content .notifications-menu-footer {
    padding: 16px;
  }
}
.page-wrapper.notification-main-content .notifications-menu-footer .view-more-button {
  background-color: transparent !important;
  min-width: 137px;
}
.upcoming-meeting-box-control {
  position: relative;
  margin-bottom: 24px;
  padding-bottom: 25px;
}
@media (min-width: 320px) and (max-width: 767px) {
  .upcoming-meeting-box-control {
    padding: 0px;
  }
}
.box-meeting h4 {
  color: #1c304b;
  margin-bottom: 24px;
  margin-top: 0;
}
.box-meeting .button-schedule-viewcenter {
  width: 100%;
}
.box-meeting .viewcenter button {
  text-transform: uppercase;
  width: 100%;
  padding: 6px 12px;
  text-align: center;
  white-space: normal;
  word-wrap: break-word;
  height: auto;
  overflow: visible;
  box-sizing: border-box;
}
.box-meeting .viewcenter button span {
  display: block;
}
.margin-bottom-30-home .upcoming-meetings-control .upcomingflextContainer .meetingDateSection {
  flex: 2;
}
@media (min-width: 320px) and (max-width: 900px) {
  .margin-bottom-30-home .upcoming-meetings-control .upcomingflextContainer .meetingDateSection {
    flex: 5;
  }
  .margin-bottom-30-home .upcoming-meetings-control .upcomingflextContainer .meetingDateSection span.uptime-span {
    display: block;
  }
}
.margin-bottom-30-home .upcoming-meeting-dashboard .padding-up {
  padding: 32px 0 32px 0;
}
.upcoming-meetings-control .container-schedule-btn {
  margin: 10px 0;
}
.upcoming-meetings-control .container-schedule-btn .btn {
  white-space: normal;
  word-wrap: break-word;
  height: auto;
  overflow: visible;
  box-sizing: border-box;
}
.upcoming-meetings-control .no-upcoming-meeting .no-upcoming-meeting-content {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  width: 100%;
}
.upcoming-meetings-control .no-upcoming-meeting .no-upcoming-meeting-content .no-upcoming-meeting-info {
  text-align: left;
  padding-left: 16px;
}
.upcoming-meetings-control .meeting-section {
  margin-top: 1rem;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
.upcoming-meetings-control .upcoming-meeting-row {
  margin-top: 20px;
  margin-bottom: 20px;
}
.upcoming-meetings-control .meeting-cnt.show-more-items {
  height: auto;
  overflow: auto;
}
.upcoming-meetings-control .meeting-section a:hover,
.upcoming-meetings-control .meeting-section a:active,
.upcoming-meetings-control .meeting-section a:focus {
  text-decoration: none;
}
.upcoming-meetings-control .meeting-section .date-section {
  font-weight: 800;
  display: block;
}
.upcoming-meetings-control .meeting-section .date-section span {
  font-size: 1em;
}
.upcoming-meetings-control .meeting-section .time-section {
  display: flex;
  color: #333333;
}
.upcoming-meetings-control .meeting-section .time-section .uptime-span {
  margin-right: 0;
  width: 150px;
  white-space: nowrap;
}
.upcoming-meetings-control .meeting-section .time-section .upseparator {
  padding-right: 3px;
}
.upcoming-meetings-control .meeting-section .meeting-details-section {
  font-size: 0.9em;
}
.upcoming-meetings-control .viewcenter {
  text-align: center;
}
.upcoming-meetings-control .viewcenter .view-less-icon {
  margin-top: 8px;
}
.schedule-btn {
  margin: 20px -30px -40px -30px;
  width: calc(100% + 60px);
}
.schedule-btn .btn {
  display: block;
  width: 100%;
}
.schedule-btn .btn:hover {
  color: white;
}
.upcoming-meeting-dashboard .no-upcoming-meeting {
  margin-top: 10px;
}
.upcoming-meeting-dashboard .viewcenter {
  width: 100%;
  margin: 0px 0px 10px 0px;
}
.upcoming-meeting-dashboard .viewcenter .btn-view {
  width: 100%;
}
.upcoming-meeting-dashboard button {
  text-align: center;
}
.upcoming-meetings-control .control-wrapper-body {
  padding: 0 !important;
}
.upcomingflextContainer {
  display: flex;
  align-items: center;
}
.upcomingflextContainer .meetingDateSection {
  flex: 42%;
  padding: 0 11px 0 0;
  border-right: 1px solid #ebebee;
}
.upcomingflextContainer .meetingDateSection .date-section {
  font-weight: 700;
  line-height: 24px;
}
.upcomingflextContainer .meetingName {
  flex: 50%;
  padding: 0 0 0 10px;
}
.upcomingflextContainer .displayFlex {
  display: flex;
}
.upcomingflextContainer .padding-up {
  padding: 32px 0 32px 0;
}
.upcoming-meeting-row:after {
  border-bottom: 1px solid #ebebee;
  margin-top: 20px;
  margin-bottom: 20px;
  display: block;
  content: '';
}
.upcoming-meeting-row:nth-child(0):after {
  display: none;
}
.upcoming-meeting-row:last-child:after {
  display: none;
}
.upcoming-meeting-atag:hover {
  text-decoration: none;
}
.upcoming-meeting-atag .uptime-span {
  color: #45505f;
  font-size: 14px;
}
.upcoming-meeting-atag .uptime-span b {
  font-weight: 400;
}
.upcoming-meeting-atag .upcoming-name {
  color: #45505f !important;
  font-family: Noto Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
}
.schedule-btn {
  display: block;
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
}
.upcoming-meeting-dashboard.skeleton-loader .mid-body-section,
.upcoming-meeting-box-control.skeleton-loader .mid-body-section {
  padding: 8px 32px;
}
.upcoming-meeting-dashboard.skeleton-loader .time-section,
.upcoming-meeting-box-control.skeleton-loader .time-section {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  column-gap: 10px;
}
.upcoming-meeting-dashboard.skeleton-loader .line-upcoming-custom-one,
.upcoming-meeting-box-control.skeleton-loader .line-upcoming-custom-one {
  width: 27%;
}
.upcoming-meeting-dashboard.skeleton-loader .line-upcoming-custom-two,
.upcoming-meeting-box-control.skeleton-loader .line-upcoming-custom-two {
  width: 40px;
}
.upcoming-meeting-dashboard.skeleton-loader .button-schedule-viewcenter,
.upcoming-meeting-box-control.skeleton-loader .button-schedule-viewcenter {
  padding: 14px 24px 25px 24px;
}
.upcoming-meeting-dashboard.skeleton-loader .skeleton-button,
.upcoming-meeting-box-control.skeleton-loader .skeleton-button {
  border-radius: 15px;
  min-height: 32px;
  height: 32px;
}
@media all and (-ms-high-contrast: active), all and (-ms-high-contrast: none) {
  .upcoming-meetings .meeting-section .date-section {
    font-family: Helvetica, Arial, sans-serif;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1180px) {
  .no-upcoming-meeting .no-upcoming-meeting-content .no-upcoming-meeting-info {
    padding-bottom: 15px;
  }
}
.askacoach-main h1,
.askacoach-main h2 {
  margin: 0;
  font-family: Noto Sans, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
  font-family: 'Noto Sans', sans-serif;
  color: #1c304b;
}
.askacoach-main video {
  border-radius: 8px;
  width: 526px;
  height: 297px;
}
.white-box h4 {
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
  font-size: 16px !important;
  font-weight: 600;
  line-height: 24px;
  margin-bottom: 0;
  margin-top: 0;
}
.white-box p {
  color: #45505f;
  font-family: 'Noto Sans', sans-serif;
  font-size: 14px !important;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 24px;
  margin-top: 4px;
}
.upcoming-meeting-box-control h2.pink-font {
  margin: 0px 0px 24px;
}
.your-upcoming-meetings-container .homehub-container-title {
  color: #1c304b;
  margin-bottom: 24px;
}
.your-upcoming-meetings-container .upcomig-meeting-top-sec {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
}
.your-upcoming-meetings-container .upcomig-meeting-top-sec .homehub-container-title {
  margin-bottom: 0px;
}
.your-upcoming-meetings-container .homehub-card {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 88px;
  border: none;
  border-radius: 8px;
  padding: 0px;
  margin-bottom: 24px;
}
.your-upcoming-meetings-container .homehub-card:last-child {
  margin-bottom: 0px;
}
@media (max-width: 768px) {
  .your-upcoming-meetings-container .homehub-card {
    display: block;
  }
}
.your-upcoming-meetings-container .homehub-card .homehub-card-desc {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex: 9;
}
.your-upcoming-meetings-container .homehub-card .homehub-card-desc .homehub-card-date {
  border-right: 1px solid #ebebee;
  padding-right: 24px;
  word-break: keep-all;
}
.your-upcoming-meetings-container .homehub-card .homehub-card-desc .homehub-card-date .card-date-detail {
  border-radius: 8px;
  border: 1px solid #ff097f;
  background-color: rgba(255, 9, 127, 0.05);
  padding: 4px 12px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.your-upcoming-meetings-container .homehub-card .homehub-card-desc .homehub-card-date .card-date-detail .card-date-num {
  color: #1c304b;
  font-size: 24px;
  line-height: 24px;
  font-weight: 700;
  font-family: 'Noto Sans', sans-serif;
  margin: 4px 0px;
}
.your-upcoming-meetings-container .homehub-card .homehub-card-desc .homehub-card-title {
  padding: 0px 24px;
}
.your-upcoming-meetings-container .homehub-card .homehub-card-desc .homehub-card-title .card-title {
  margin-bottom: 8px;
  color: #1c304b;
}
.your-upcoming-meetings-container .homehub-card .homehub-card-desc .homehub-card-title .card-title .live-title {
  margin-right: 8px;
  color: #1c304b;
  font-family: Noto Sans;
  font-weight: 500;
  font-style: Medium;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -1%;
  vertical-align: middle;
}
.your-upcoming-meetings-container .homehub-card .homehub-card-desc .homehub-card-title .card-title .live-label {
  min-width: 40px;
  Height: 20px;
  border-radius: 4px;
  Border: 1px, solid, #33841f;
  Padding: 2px 8px 2px 8px;
  background-color: #dcf5d6;
  font-size: 10px;
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
  font-weight: 500;
  line-height: 16px;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
}
.your-upcoming-meetings-container .homehub-card .homehub-card-desc .homehub-card-title .card-time-icon {
  position: relative;
  margin-right: 24px;
}
.your-upcoming-meetings-container .homehub-card .homehub-card-desc .homehub-card-title .card-time-icon::after {
  position: absolute;
  content: '';
  background-image: url(/Content/Images/Redeployment/schedule-meeting.svg);
  width: 16px;
  height: 16px;
  top: 2px;
  left: 1px;
  background-repeat: no-repeat;
}
.your-upcoming-meetings-container .homehub-card .homehub-card-desc .homehub-card-cta .btn-view {
  width: 85px;
  height: 40px;
  opacity: 1;
  border-radius: 8px;
  padding: 8px 24px 8px 24px;
  border: 1px solid #1c304b;
}
.your-upcoming-meetings-container .homehub-card .homehub-card-action {
  text-align: right;
  flex: 3;
}
@media (max-width: 768px) {
  .your-upcoming-meetings-container .homehub-card .homehub-card-action {
    margin-top: 24px;
    text-align: left;
  }
}
.your-upcoming-meetings-container .homehub-card .homehub-card-action .card-action-btn {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
}
@media (max-width: 768px) {
  .your-upcoming-meetings-container .homehub-card .homehub-card-action .card-action-btn {
    display: block;
  }
  .your-upcoming-meetings-container .homehub-card .homehub-card-action .card-action-btn .primary-btn--md {
    margin-top: 12px;
  }
}
@media (max-width: 768px) {
  .your-upcoming-meetings-container .homehub-card .homehub-card-action .card-action-btn .secondary-btn--md,
  .your-upcoming-meetings-container .homehub-card .homehub-card-action .card-action-btn .primary-btn--md {
    width: 100%;
  }
}
.your-upcoming-meetings-container .homehub-card .homehub-card-action .action-info-icon {
  position: relative;
  margin-right: 24px;
}
.your-upcoming-meetings-container .homehub-card .homehub-card-action .action-info-icon::after {
  position: absolute;
  content: '';
  background-image: url(/Content/Images/Redeployment/info-h-icon.svg);
  width: 16px;
  height: 16px;
  top: 5px;
  left: 1px;
  background-repeat: no-repeat;
}
.your-upcoming-meetings-container .homehub-card .homehub-card-action .card-action-info {
  margin-top: 12px;
}
.your-upcoming-meetings-container .homehub-card .homehub-card-action .action-info-text {
  color: #5c6573;
}
@media (min-width: 320px) and (max-width: 767px) {
  .your-upcoming-meetings-container .homehub-card {
    padding: 0px;
    border: none;
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .your-upcoming-meetings-container {
    padding: 0px;
  }
}
.your-upcoming-events.upcoming-skeleton .homehub-card {
  margin-bottom: 16px;
}
.your-upcoming-events.upcoming-skeleton .homehub-card:last-child {
  margin-bottom: 0px;
}
.your-upcoming-events.upcoming-skeleton .upcomig-meeting-top-sec {
  margin-bottom: 16px;
}
.your-upcoming-events.upcoming-skeleton .homehub-card-date {
  padding-top: 8px;
}
.your-upcoming-events.upcoming-skeleton .skeleton-circle-gray {
  min-height: 16px;
  min-width: 16px;
  background-color: #d8d8e2;
}
.your-upcoming-events.upcoming-skeleton .skeleton-line-gray {
  background: #d8d8e2;
  margin-bottom: 0px;
}
.your-upcoming-events.upcoming-skeleton .card-time {
  display: flex;
  align-items: center;
  gap: 8px;
}
.your-upcoming-events.upcoming-skeleton .skeleton-squre-gray {
  border-radius: 15px;
  background-color: #d8d8e2;
  min-height: 40px;
  min-width: 85px;
  width: 85px;
}
.your-upcoming-events.upcoming-skeleton .line-small-one {
  width: 181px;
  height: 16px;
}
.your-upcoming-events.upcoming-skeleton .line-small-two {
  width: 240px;
  height: 16px;
  margin-bottom: 8px;
}
@media (max-width: 768px) {
  .your-upcoming-events.upcoming-skeleton .line-small-two {
    width: 172px;
  }
}
.your-upcoming-events.upcoming-skeleton .line-small-three {
  width: 55px;
  height: 16px;
  margin-bottom: 8px;
}
.your-upcoming-events.upcoming-skeleton .line-small-four {
  width: 55px;
  margin-right: 8px;
}
.your-upcoming-events.upcoming-skeleton .line-small-five {
  width: 80px;
  margin-bottom: 0px;
}
.networking-community .search-section-row {
  margin: 24px 0px 0px;
  padding: 0px 24px 0px 0px;
  background-color: white;
  box-shadow: 1px 2px 24px 0px rgba(24, 8, 49, 0.05);
  min-height: 64px;
  border-radius: 8px;
  border: 1px solid white;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 991px) {
  .networking-community .search-section-row {
    padding: 0px;
  }
}
.networking-community .search-section-row .search-btns {
  display: flex;
  flex-wrap: wrap;
  justify-content: end;
  row-gap: 6px;
}
@media (max-width: 991px) {
  .networking-community .search-section-row .search-btns {
    justify-content: space-between !important;
    display: block;
    padding: 0px 16px 24px 16px;
  }
}
.networking-community .search-section-row .search-btns .secondary-btn--sm {
  max-width: 145px;
  min-width: 120px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
@media screen and (max-width: 690px) {
  .networking-community .search-section-row .search-btns .secondary-btn--sm {
    margin-left: 16px;
    margin-right: 0px;
    max-width: 145px;
  }
}
@media screen and (min-width: 691px) and (max-width: 992px) {
  .networking-community .search-section-row .search-btns .secondary-btn--sm {
    max-width: 110px;
    min-width: 110px;
  }
}
@media screen and (max-width: 991px) {
  .networking-community .search-section-row {
    display: block;
  }
}
@media screen and (max-width: 991px) {
  .networking-community .search-section-row .community-filter-industry {
    margin-left: 27px;
  }
}
.networking-community .search-section-row .required-asterisk {
  position: absolute;
  left: 44px;
  top: 21px;
  color: #c70f00;
  font-weight: 600;
  z-index: 1;
}
@media screen and (max-width: 991px) {
  .networking-community .search-section-row .required-asterisk {
    left: 63px;
  }
}
.networking-community .search-section-row input[type=text] {
  height: 24px;
  border: none;
  margin-left: 12px !important;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media screen and (max-width: 991px) {
  .networking-community .search-section-row input[type=text] {
    margin-left: 0px !important;
    text-indent: 19px;
  }
}
.networking-community .search-section-row input-control.job-title .my-input {
  height: 32px;
}
.networking-community .search-section-row .job-location-search {
  text-indent: 15px;
}
.networking-community .search-section-row .btn-search {
  text-align: right;
}
@media (max-width: 768px) {
  .networking-community .search-section-row .btn-search {
    text-align: center;
  }
}
.networking-community .search-section-row .btn {
  min-width: 81px;
  word-break: break-word;
  white-space: normal;
  border-radius: 7px;
  margin: 0px 6px;
}
@media (max-width: 991px) {
  .networking-community .search-section-row .btn {
    width: 100%;
    margin: 36px 0px 0px 0px;
  }
}
.networking-community .search-section-row .select2-container {
  width: 75%;
  height: 26px;
  margin-left: 27px;
  margin-top: -7px;
  vertical-align: bottom;
}
.networking-community .search-section-row .select2-container .select2-choice .select2-arrow {
  display: none;
}
.networking-community .search-section-row .select2-container .select2-choice {
  border: none !important;
  box-shadow: none;
  height: 24px !important;
}
.networking-community .search-section-row .select2-container .select2-chosen,
.networking-community .search-section-row .select2-container .select2-choice > span:first-child {
  padding: 3px 8px 3px 20px !important;
  margin: 0px 0px 0px 0px;
}
.networking-community .search-section-row .select2-container-active .select2-choice {
  border: 1px solid #aa0285 !important;
}
.networking-community .search-section-row .title-search-icon {
  position: relative;
  display: block;
}
.networking-community .search-section-row .title-search-icon::before {
  content: '';
  background: url(/Content/Images/Redeployment/jobhub-search-icon.svg) no-repeat;
  position: absolute;
  left: 0px;
  top: 3px;
  height: 18px;
  width: 18px;
}
@media screen and (max-width: 991px) {
  .networking-community .search-section-row .title-search-icon::before {
    left: 0px;
  }
}
.networking-community .search-section-row .industry-select-icon::before {
  content: '';
  background: url(/Content/Images/icons/Networking_selectIndustry_icon.svg) no-repeat;
  position: absolute;
  height: 24px;
  width: 24px;
  z-index: 1;
}
.networking-community .search-section-row .country-select-icon {
  position: relative;
}
.networking-community .search-section-row .country-select-icon::before {
  content: '';
  background: url(/Content/Images/Redeployment/jobhub-country-icon.svg) no-repeat;
  position: absolute;
  left: 0px;
  top: 3px;
  height: 20px;
  width: 16px;
  z-index: 1;
}
@media screen and (max-width: 991px) {
  .networking-community .search-section-row .country-select-icon::before {
    left: 0px;
  }
}
.networking-community .search-section-row .city-select-icon {
  position: relative;
}
.networking-community .search-section-row .city-select-icon::before {
  content: '';
  background: url(/Content/Images/Redeployment/jobhub-city-icon.svg) no-repeat;
  position: absolute;
  left: 0px;
  top: 2px;
  height: 20px;
  width: 19px;
}
@media screen and (max-width: 991px) {
  .networking-community .search-section-row .city-select-icon::before {
    left: 0px;
  }
}
@media screen and (max-width: 991px) {
  .networking-community .search-section-row .city-select-icon {
    margin-right: 0px;
  }
}
.networking-community .search-section-row .v-divider {
  border-bottom: none;
  display: inline;
  margin: 0px;
}
.networking-community .search-section-row .v-divider::after {
  content: '|';
  position: absolute;
  right: 0px;
  top: 12px;
  font-size: 24px;
  height: 20px;
  width: 13px;
  color: #ccccd3;
  font-weight: 100;
}
@media screen and (max-width: 991px) {
  .networking-community .search-section-row .v-divider::after {
    display: none;
  }
}
@media screen and (max-width: 991px) {
  .networking-community .search-section-row .v-divider {
    border-bottom: 1px solid #ebebee;
    display: block;
    margin: 4px 0px;
  }
}
@media screen and (max-width: 540px) {
  .networking-community .search-section-row .v-divider.location-divider {
    margin-top: 4px;
    left: 16px;
    width: 90%;
    height: 1px;
    position: relative;
  }
}
@media screen and (min-width: 541px) and (max-width: 991px) {
  .networking-community .search-section-row .v-divider.location-divider {
    margin-top: 4px;
    left: 16px;
    width: 92%;
    height: 1px;
    position: relative;
  }
}
@media screen and (max-width: 991px) {
  .networking-community .search-section-row .input-container {
    padding: 0px 16px 0px 0px;
  }
}
.networking-community .all-squre-list {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}
.networking-community .all-squre-list .skeleton-squre-gray {
  min-height: 32px;
  border-radius: 15px;
  margin-top: 0px;
  background-color: #d8d8e2;
}
.networking-community .all-squre-list .skeleton-squre-gray.one {
  width: 226px;
}
.networking-community .all-squre-list .skeleton-squre-gray.two {
  width: 143px;
}
.networking-community .all-squre-list .skeleton-squre-gray.three {
  width: 160px;
}
.networking-community .all-squre-list .skeleton-squre-gray.fourth {
  width: 178px;
}
.networking-community .all-squre-list .skeleton-squre-gray.five {
  width: 190px;
}
.networking-community .focused {
  border: 1px solid #aa0285;
}
.networking-community form.community-search-section:has(.select2-container-active) {
  border: 1px solid #aa0285;
}
.networking-community .com-page-head .com-page-main-heading {
  color: #1c304b;
  margin-top: 8px;
  font-family: 'Noto Sans';
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.5px;
  vertical-align: middle;
}
.networking-community .com-page-head .com-page-main-heading-para {
  color: #45505f;
  font-family: 'Noto Sans';
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.4px;
  vertical-align: middle;
  padding-top: 8px;
}
.networking-community .validation-msg {
  font-family: "Noto Sans";
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: #c70f00;
  display: flex;
  justify-content: left;
  gap: 8px;
}
@media screen and (max-width: 991px) {
  .networking-community .validation-msg {
    justify-content: unset;
    padding: 8px 4px;
    margin: 0px 12px;
  }
}
.networking-community .validation-msg .msg-icon {
  background-image: url('/Content/Images/icons/required-errorIcon.svg');
  background-repeat: no-repeat;
  height: 16px;
  width: 16px;
  margin-top: 1px;
}
.networking-community .validation-row {
  background-color: transparent;
  padding: 0px;
  margin: 0px;
}
.networking-community .validation-row .col-xs-12 {
  padding-bottom: 0px;
}
.networking-community .validation-row .industry-error,
.networking-community .validation-row .country-error {
  padding: 9px 0px 0px 8px;
}
.networking-community .red-border {
  border: 1px solid #c70f00;
  border-radius: 8px;
}
.networking-community .position-relative {
  position: relative;
}
.networking-community .job-title-field-parent {
  padding: 0px;
}
@media screen and (max-width: 991px) {
  .networking-community .job-title-field-parent .location-divider {
    width: 94%;
  }
}
.networking-community .job-title-field-parent .job-title-field {
  padding: 20px 4px 20px 16px;
}
@media screen and (max-width: 991px) {
  .networking-community .job-title-field-parent {
    padding: 0px 0px 0px 16px;
  }
}
.networking-community .industry-field-parent {
  padding: 0px;
}
.networking-community .industry-field-parent .industry-field {
  padding: 20px 0px 20px 16px;
}
.networking-community .industry-field-parent .industry-field .required-asterisk {
  left: 50px;
}
@media screen and (max-width: 991px) {
  .networking-community .industry-field-parent .industry-field .required-asterisk {
    left: 63px;
  }
}
@media screen and (max-width: 991px) {
  .networking-community .industry-field-parent {
    padding: 0px 0px 0px 16px;
  }
}
.networking-community .validation-parent-industry {
  padding: 0px 8px 0px 0px;
}
.networking-community .validation-parent-industry .industry-field {
  background-color: #fdf6f5;
}
.networking-community .validation-parent-industry .industry-field .select2-choice {
  background-color: #fdf6f5;
}
.networking-community .validation-parent-industry .v-divider::after {
  right: -7px;
}
@media screen and (max-width: 991px) {
  .networking-community .validation-parent-industry {
    padding: 0px 0px 0px 16px;
  }
}
.networking-community .country-field-parent {
  min-height: 64px;
  padding: 0px;
}
.networking-community .country-field-parent .country-field {
  padding: 20px 0px 20px 16px;
}
.networking-community .country-field-parent .country-field .required-asterisk {
  left: 42px;
}
@media screen and (max-width: 991px) {
  .networking-community .country-field-parent .country-field .required-asterisk {
    left: 63px;
  }
}
.networking-community .country-field-parent .country-field .select2-container {
  margin-left: 19px;
}
@media screen and (max-width: 991px) {
  .networking-community .country-field-parent .country-field .select2-container {
    margin-left: 26px !important;
  }
}
@media screen and (max-width: 991px) {
  .networking-community .country-field-parent {
    padding: 0px 0px 0px 16px;
  }
}
.networking-community .validation-parent-country {
  padding: 0px 8px 0px 8px;
}
.networking-community .validation-parent-country .country-field {
  background-color: #fdf6f5;
}
.networking-community .validation-parent-country .country-field .required-asterisk {
  left: 50px;
}
@media screen and (max-width: 991px) {
  .networking-community .validation-parent-country .country-field .required-asterisk {
    left: 63px;
  }
}
.networking-community .validation-parent-country .country-field .select2-choice {
  background-color: #fdf6f5;
}
.networking-community .validation-parent-country .v-divider::after {
  right: -7px;
}
@media screen and (max-width: 991px) {
  .networking-community .validation-parent-country {
    padding: 0px 0px 0px 16px;
  }
}
.networking-community .city-state-parent {
  padding: 0px;
  width: 22%;
}
.networking-community .city-state-parent .city-state-field {
  padding: 20px 0px 20px 16px;
}
@media screen and (max-width: 991px) {
  .networking-community .city-state-parent {
    width: 100%;
    padding: 0px 0px 0px 16px;
  }
}
/* result community card header, body and footer css starts*/

.community-result-container .result-screen .card-container .cards .card-header {
  display: flex;
  padding: 0px 0px 16px 0px;
  align-items: center;
  gap: 12px;
  align-self: stretch;
  border-bottom: 1px solid #ebebee;
}
.community-result-container .result-screen .card-container .cards .card-header .icon {
  width: 48px;
  height: 48px;
  border-radius: 16px;
  background: #f1f0f5;
  display: flex;
  padding: 12px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  color: #502880;
}
.community-result-container .result-screen .card-container .cards .card-header .icon,
.community-result-container .result-screen .card-container .cards .card-header .title {
  font-family: "Noto Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: -0.064px;
}
.community-result-container .result-screen .card-container .cards .card-header .title {
  color: #1c304b;
}
.community-result-container .result-screen .card-container .cards .card-body {
  display: flex;
  padding: 24px 0px 0px 0px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
  flex-grow: 1;
}
.community-result-container .result-screen .card-container .cards .card-body .description {
  color: #45505f;
  font-family: "Noto Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  height: 120px;
  margin-bottom: 0px;
}
@media (max-width: 767px) {
  .community-result-container .result-screen .card-container .cards .card-body .description {
    height: auto;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .community-result-container .result-screen .card-container .cards .card-body .description {
    height: 170px;
  }
}
.community-result-container .result-screen .card-container .cards .card-body .note-box {
  display: flex;
  padding: 16px;
  gap: 8px;
  align-self: stretch;
  border-radius: 8px;
  background: #f7f7fa;
  letter-spacing: 0.056px;
  height: 152px;
  flex-direction: column;
}
@media (max-width: 767px) {
  .community-result-container .result-screen .card-container .cards .card-body .note-box {
    height: auto;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .community-result-container .result-screen .card-container .cards .card-body .note-box {
    height: 200px;
  }
}
.community-result-container .result-screen .card-container .cards .card-body .note-box .match-text {
  color: #8c006d;
  font-family: "Noto Sans";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.048px;
  display: flex;
  flex-direction: row;
  gap: 8px;
}
.community-result-container .result-screen .card-container .cards .card-body .note-box .match-text .match-icon {
  background: url(/Content/Images/icons/ads_click.svg) center no-repeat;
  background-repeat: no-repeat !important;
  height: 16px;
  width: 16px;
  background-size: auto !important;
}
.community-result-container .result-screen .card-container .cards .card-body .note-box .relevance-text {
  color: #45505f;
  font-family: "Noto Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
.community-result-container .result-screen .card-container .cards .card-footer {
  margin-top: 22px;
  border-top: 1px solid #ebebee;
  padding-top: 22px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  gap: 8px;
}
.community-result-container .result-screen .card-container .cards .card-footer .tag {
  border-radius: 8px;
  border: 1px solid #aa0285;
  background: #fcf7fb;
  display: flex;
  padding: 8px 16px;
  justify-content: center;
  align-items: center;
  gap: 16px;
  color: #1c304b;
  text-align: center;
  font-family: "Noto Sans";
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 0.6px;
  text-transform: uppercase;
}
.community-result-container .result-screen .card-container .cards .card-footer .visit-btn {
  border-radius: 8px;
  border: 1px solid #1c304b;
  display: flex;
  padding: 8px 24px;
  align-items: center;
  color: #1c304b;
  font-family: "Noto Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.7px;
  text-transform: uppercase;
  cursor: pointer;
}
.community-result-container .result-screen .card-container .cards .card-footer .visit-btn span {
  background: url(/Content/Images/icons/open_in_new_icon.svg) center no-repeat;
  background-repeat: no-repeat !important;
  height: 20px;
  width: 20px;
  background-size: auto !important;
  margin-left: 8px;
}
/* result community card header, body and footer css ends*/

.community-result-wrapper {
  background: #f7f7fa !important;
  padding: 24px 48px 24px 48px;
  min-height: 100%;
}
@media screen and (min-width: 280px) and (max-width: 767px) {
  .community-result-wrapper {
    padding: 24px 16px 24px 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .community-result-wrapper {
    padding: 24px 32px 24px 32px;
  }
}
.community-result-wrapper .info-txt {
  color: #45505f;
}
.community-result-wrapper .info-txt b {
  color: #1c304b;
}
.community-result-wrapper .community-result-container .default-screen {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  padding: 56px 0px 24px 0px;
}
.community-result-wrapper .community-result-container .default-screen .icon {
  background: url(/Content/Images/icons/Groups_gray_icon.svg) center no-repeat;
  background-repeat: no-repeat !important;
  height: 14px;
  width: 24px;
  background-size: auto !important;
}
.community-result-wrapper .community-result-container .default-screen .title {
  color: #1c304b;
  text-align: center;
  font-family: "Noto Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: -0.064px;
  margin: 12px 0px 8px 0px;
}
.community-result-wrapper .community-result-container .default-screen .subtitle {
  color: #45505f;
  text-align: center;
  font-family: "Noto Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.056px;
}
.community-result-wrapper .community-result-container .result-screen .result-info-desc {
  color: #45505f;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.048px;
  font-family: "Noto Sans";
  font-size: 12px;
  font-style: normal;
  padding: 0px 0px 24px 0px;
}
.community-result-wrapper .community-result-container .result-screen .result-info-desc span {
  font-weight: 600;
  color: #1c304b;
}
.community-result-wrapper .community-result-container .result-screen .card-container {
  display: flex;
  gap: 24px;
  flex-direction: row;
  flex-wrap: wrap;
}
.community-result-wrapper .community-result-container .result-screen .card-container .cards {
  border-radius: 8px;
  border: 1px solid #ebebee;
  display: flex;
  width: 48.25%;
  flex-direction: column;
  align-items: flex-start;
  gap: 1px;
  background: white;
  padding: 16px 24px 24px 24px;
}
@media (max-width: 767px) {
  .community-result-wrapper .community-result-container .result-screen .card-container .cards {
    width: 100%;
  }
}
.community-result-wrapper .community-result-container .disclaimer-container {
  font-size: 12px;
  margin-top: 24px;
  margin-bottom: 56px;
  word-break: break-word;
  border-top: 1px solid #ebebee;
  padding-top: 12px;
}
.community-result-wrapper .community-result-container .disclaimer-container .disclaimer-header {
  display: inline-flex;
  align-items: center;
}
.community-result-wrapper .community-result-container .disclaimer-container .disclaimer-header .disclaimer-block {
  color: #1c304b;
}
.community-result-wrapper .community-result-container .disclaimer-container .disclaimer-header .disclaimer-block img {
  margin-top: -1px;
  margin-right: 4px;
}
.community-result-wrapper .community-result-container .disclaimer-container .disclaimer-description {
  color: #5c6573;
  font-size: 10px;
  font-weight: 400;
  line-height: 16px;
  margin-top: 4px;
}
.community-result-wrapper .community-result-container .scanning-chip {
  display: inline-flex;
  align-items: center;
  flex-direction: row;
  gap: 16px;
  background: white;
  padding: 16px 20px;
  border-radius: 32px;
  border: 1px solid #ebebee;
  box-shadow: 4px 8px 16px 0 rgba(28, 48, 75, 0.08);
  color: #1c304b;
  margin-bottom: 24px;
}
.community-result-wrapper .community-result-container .scanning-chip .status-dot {
  width: 12px;
  height: 12px;
  background-color: #aa0285;
  border-radius: 50%;
}
.community-result-wrapper .community-result-container .scanning-chip .status-text {
  position: relative;
}
.community-result-wrapper .community-result-container .cards-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
@media (max-width: 768px) {
  .community-result-wrapper .community-result-container .cards-container {
    grid-template-columns: 1fr;
  }
}
.community-result-wrapper .community-result-container .cards-container .community-card-skeleton {
  background: white;
  padding: 24px;
  border-radius: 12px;
  border: 1px solid white;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}
.community-result-wrapper .community-result-container .cards-container .white-line {
  border-radius: 0 0 12px 12px;
  background: white;
}
.community-result-wrapper .community-result-container .cards-container .card-header {
  display: flex;
  align-items: center;
}
.community-result-wrapper .community-result-container .cards-container .card-header-text {
  flex: 1;
  margin-left: 12px;
}
.community-result-wrapper .community-result-container .cards-container .card-description {
  margin-top: 24px;
}
.community-result-wrapper .community-result-container .cards-container .card-footer {
  margin-top: 16px;
}
.community-result-wrapper .community-result-container .cards-container .flex-container {
  display: flex;
  align-items: center;
}
.community-result-wrapper .community-result-container .cards-container .community-card-skeleton .skeleton-dark-gray,
.community-result-wrapper .community-result-container .cards-container .community-card-skeleton .skeleton-big,
.community-result-wrapper .community-result-container .cards-container .community-card-skeleton .skeleton-line-title-gray {
  height: 16px;
  border-radius: 15px;
  background: #d8d8e2;
}
.community-result-wrapper .community-result-container .cards-container .community-card-skeleton .skeleton-bigger {
  height: 95px;
  border-radius: 15px;
  background: #d8d8e2;
  margin-top: 0px;
}
.community-result-wrapper .community-result-container .cards-container .community-card-skeleton .skeleton-squre-gray {
  border-radius: 12px;
  min-width: 48px;
  min-height: 48px;
  background: #d8d8e2;
}
.community-result-wrapper .community-result-container .cards-container .community-card-skeleton .skeleton-dark-gray.sk-line-eighty {
  margin-bottom: 6px;
}
.community-result-wrapper .community-result-container .cards-container .community-card-skeleton .skeleton-dark-gray.full-line {
  margin-bottom: 12px;
}
.community-result-wrapper .community-result-container .cards-container .community-card-skeleton .skeleton-dark-gray.sk-line-fourty {
  margin-bottom: 0px;
}
.community-result-wrapper .community-result-container .no-live-event-padding-top .list-event-main {
  padding: 0px;
}
.community-result-wrapper .community-result-container .no-live-event-padding-top .text-center .search-off-icon {
  height: 24px;
  width: 24px;
  color: #5c6573;
  margin: 0 auto 12px;
  background: url(/Content/Images/icons/Search_off_icon.svg) no-repeat !important;
}
.community-result-wrapper .community-result-container .no-live-event-padding-top .text-center .vector-icon {
  height: 24px;
  width: 24px;
  color: #5c6573;
  margin: 0 auto 12px;
  background: url(/Content/Images/icons/Vector.svg) no-repeat !important;
}
.community-result-wrapper .community-result-container .no-live-event-padding-top .text-center span {
  font-family: Noto Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #1c304b;
  font-family: 'Noto Sans', sans-serif;
  margin: 0px;
}
.community-result-wrapper .community-result-container .no-live-event-padding-top .text-center p {
  text-align: center;
  margin-bottom: 0px;
}
.community-result-wrapper .community-result-container .community_result_text_header {
  margin-top: 12px;
}
.community-result-wrapper .community-result-container .community_result_text {
  margin-top: 8px;
}
/* result community css ends*/

.networking-community-top-section {
  background-color: #f1f0f5;
}
.networking-community {
  padding: 24px 32px 32px 32px;
  min-height: 100%;
  background: #f1f0f5;
}
.networking-community .container-community {
  padding: 0 !important;
  margin: 0 !important;
}
@media screen and (min-width: 280px) and (max-width: 767px) {
  .networking-community {
    padding: 24px 16px 32px 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .networking-community {
    padding: 24px 32px 32px 32px;
  }
}
@media screen and (max-width: 1024px) {
  .networking-community {
    padding-top: 78px;
  }
}
.multi-dropdown {
  position: relative;
}
.multi-dropdown .multi-dropdown-btn {
  padding: 0px 8px 3px 48px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  font-family: 'Noto Sans', sans-serif;
  color: #1c304b;
  display: flex;
  gap: 12px;
}
.multi-dropdown .multi-dropdown-btn .selected-text {
  width: 90px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
@media screen and (min-width: 280px) and (max-width: 320px) {
  .multi-dropdown .multi-dropdown-btn .selected-text {
    width: 140px;
  }
}
@media screen and (min-width: 321px) and (max-width: 390px) {
  .multi-dropdown .multi-dropdown-btn .selected-text {
    width: 190px;
  }
}
@media screen and (min-width: 391px) and (max-width: 430px) {
  .multi-dropdown .multi-dropdown-btn .selected-text {
    width: 220px;
  }
}
@media screen and (min-width: 431px) and (max-width: 480px) {
  .multi-dropdown .multi-dropdown-btn .selected-text {
    width: 240px;
  }
}
@media screen and (min-width: 481px) and (max-width: 530px) {
  .multi-dropdown .multi-dropdown-btn .selected-text {
    width: 270px;
  }
}
@media screen and (min-width: 531px) and (max-width: 991px) {
  .multi-dropdown .multi-dropdown-btn .selected-text {
    width: auto;
  }
}
@media screen and (min-width: 992px) and (max-width: 1024px) {
  .multi-dropdown .multi-dropdown-btn .selected-text {
    width: 60px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1071px) {
  .multi-dropdown .multi-dropdown-btn .selected-text {
    width: 20px;
  }
}
@media screen and (min-width: 1072px) and (max-width: 1120px) {
  .multi-dropdown .multi-dropdown-btn .selected-text {
    width: 30px;
  }
}
@media screen and (min-width: 1121px) and (max-width: 1180px) {
  .multi-dropdown .multi-dropdown-btn .selected-text {
    width: 40px;
  }
}
@media screen and (min-width: 1181px) and (max-width: 1235px) {
  .multi-dropdown .multi-dropdown-btn .selected-text {
    width: 50px;
  }
}
@media screen and (min-width: 1236px) and (max-width: 1280px) {
  .multi-dropdown .multi-dropdown-btn .selected-text {
    width: 60px;
  }
}
@media screen and (min-width: 1281px) and (max-width: 1360px) {
  .multi-dropdown .multi-dropdown-btn .selected-text {
    width: 70px;
  }
}
.multi-dropdown .multi-dropdown-btn .selected-number {
  color: white;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 12px;
  text-transform: uppercase;
  background: #aa0285;
  height: 16px;
  width: 18px;
  border-radius: 50%;
  text-align: center;
  padding: 2px 2px 2px 3px;
  margin-top: 4px;
}
.multi-dropdown .multi-dropdown-btn:focus {
  border: 1px solid #aa0285 !important;
  border-radius: 8px;
}
.multi-dropdown .multi-dropdown-btn:focus-visible {
  outline-offset: 0px !important;
  color: #1c304b !important;
  border-radius: 8px;
}
.multi-dropdown .multi-dropdown-menu {
  position: absolute;
  margin-left: -10px;
  width: 200px;
  border: 1px solid #aa0285;
  border-radius: 8px;
  background: white;
  max-height: 220px;
  overflow-x: hidden;
  padding: 8px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}
.multi-dropdown .multi-dropdown-menu:focus {
  border: 1px solid #aa0285 !important;
  border-radius: 8px;
}
.multi-dropdown .multi-dropdown-menu {
  display: block;
  z-index: 99;
}
.multi-dropdown .multi-dropdown-menu::-webkit-scrollbar {
  width: 8px;
}
.multi-dropdown .multi-dropdown-menu::-webkit-scrollbar-button {
  display: none;
}
.multi-dropdown .multi-dropdown-menu::-webkit-scrollbar-track {
  background-color: #ebebee;
  border-radius: 8px;
  margin: 8px 0;
}
.multi-dropdown .multi-dropdown-menu::-webkit-scrollbar-thumb {
  background: #611e6f;
  border-radius: 8px;
}
.multi-dropdown .search-box {
  width: 100%;
  padding: 5px;
  margin-bottom: 5px;
  box-sizing: border-box;
}
.multi-dropdown .actions {
  margin-bottom: 5px;
}
.multi-dropdown .actions button {
  margin-right: 5px;
  font-size: 12px;
}
.multi-dropdown .dropdown-item {
  display: flex;
  align-items: center;
  padding: 6px 10px;
  border-radius: 4px;
  cursor: pointer;
}
.multi-dropdown .dropdown-item:focus-within {
  background-color: #fcf7fb;
  border: 1px solid #aa0285;
}
.multi-dropdown label {
  display: flex;
  gap: 8px;
  padding: 4px;
  cursor: pointer;
}
.multi-dropdown label .optionList {
  margin-top: 0px !important;
}
.multi-dropdown label .optionList::before {
  width: 16px !important;
  height: 15px !important;
}
.multi-dropdown label span {
  font-family: 'Noto Sans', sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #1c304b;
  text-transform: uppercase;
}
.multi-dropdown label input [type="checkbox"] {
  margin-top: 0px !important;
}