/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@angular-builders/custom-webpack/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/@angular-builders/custom-webpack/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[5].rules[1].use[0]!./node_modules/@angular-builders/custom-webpack/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].rules[1].use[1]!./Features/VeriChannel.YNCU.Web/Content/theme.scss?ngGlobalStyle ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900&display=swap);
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@angular-builders/custom-webpack/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/@angular-builders/custom-webpack/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[5].rules[1].use[0]!./node_modules/@angular-builders/custom-webpack/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].rules[1].use[1]!./Features/VeriChannel.YNCU.Web/Content/theme.scss?ngGlobalStyle (1) ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --content-content-primary: var(--gray-11);
  --content-content-secondary: var(--gray-8);
  --content-content-disabled: var(--gray-8);
  --content-content-invert: var(--base-white);
  --content-content-invert-disabled: var(--gray-7);
  --content-content-brand: var(--brand-7);
  --content-content-brand-dark: var(--brand-10);
  --content-content-on-brand: var(--base-truewhite);
  --content-content-error: var(--red-9);
  --content-content-on-error: var(--red-1);
  --content-content-warning: var(--orange-9);
  --content-content-on-warning: var(--orange-1);
  --content-content-success: var(--green-11);
  --content-content-on-success: var(--green-1);
  --content-content-info: var(--blue-12);
  --content-content-on-info: var(--blue-1);
  --surface-surface-primary: var(--base-body);
  --surface-surface-secondary: var(--base-white);
  --surface-surface-on-secondary: var(--gray-2);
  --surface-surface-hover: var(--gray-2);
  --surface-surface-press: var(--gray-3);
  --surface-surface-disabled: var(--gray-4);
  --surface-surface-invert: var(--base-black);
  --surface-surface-brand: var(--brand-7);
  --surface-surface-brand-subdued: var(--brand-2);
  --surface-surface-brand-hover: var(--brand-11);
  --surface-surface-brand-press: var(--brand-11);
  --surface-surface-error: var(--red-9);
  --surface-surface-error-subdued: var(--red-2);
  --surface-surface-error-hover: var(--red-10);
  --surface-surface-error-press: var(--red-11);
  --surface-surface-warning: var(--orange-7);
  --surface-surface-warning-subdued: var(--orange-2);
  --surface-surface-warning-hover: var(--orange-8);
  --surface-surface-warning-press: var(--orange-8);
  --surface-surface-success: var(--green-9);
  --surface-surface-success-subdued: var(--green-3);
  --surface-surface-success-hover: var(--green-10);
  --surface-surface-success-press: var(--green-11);
  --surface-surface-info: var(--blue-9);
  --surface-surface-info-subdued: var(--blue-3);
  --surface-surface-info-hover: var(--blue-9);
  --surface-surface-info-press: var(--blue-9);
  --surface-surface-overlay: var(--alpha-black-8);
  --surface-surface-alpha: var(--alpha-black-4);
  --border-border-primary: var(--gray-3);
  --border-border-secondary: var(--gray-5);
  --border-border-subdued: var(--gray-2);
  --border-border-disabled: var(--gray-5);
  --border-border-invert: var(--base-black);
  --border-border-brand: var(--brand-7);
  --border-border-brand-subdued: var(--brand-2);
  --border-border-brand-dark: var(--brand-9);
  --border-border-error: var(--red-4);
  --border-border-warning: var(--orange-3);
  --border-border-success: var(--green-4);
  --border-border-info: var(--blue-5);
  --border-border-alpha: var(--alpha-black-4);
  --radius-none: 0px;
  --radius-3xs: 2px;
  --radius-2xs: 4px;
  --radius-xs: 8px;
  --radius-sm: 12px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-xl: 32px;
  --radius-2xl: 48px;
  --radius-3xl: 64px;
  --radius-pill: 999px;
  --spacing-none: 0px;
  --spacing-5xs: 2px;
  --spacing-4xs: 4px;
  --spacing-3xs: 8px;
  --spacing-2xs: 12px;
  --spacing-xs: 16px;
  --spacing-s: 20px;
  --spacing-md: 24px;
  --spacing-lg: 32px;
  --spacing-xl: 40px;
  --spacing-2xl: 48px;
  --spacing-3xl: 56px;
  --spacing-4xl: 64px;
  --spacing-5xl: 80px;
  --spacing-6xl: 96px;
  --spacing-7xl: 112px;
  --spacing-8xl: 128px;
  --base-white: #ffffff;
  --base-truewhite: #ffffff;
  --base-black: #0a0a0a;
  --base-trueblack: #0a0a0a;
  --base-body: var(--gray-2);
  /* Grays */
  --gray-1: #fcfdfd;
  --gray-2: #f7f9fa;
  --gray-3: #eef2f4;
  --gray-4: #e1e7ea;
  --gray-5: #d2daed;
  --gray-6: #b4bec5;
  --gray-7: #8a969e;
  --gray-8: #5f6b73;
  --gray-9: #3e4950;
  --gray-10: #2a3238;
  --gray-11: #161c20;
  --gray-12: #111518;
  /* Brand Primitives */
  --brand-2: #ecf8f3;
  --brand-7: #53c595;
  --brand-9: #32946b;
  --brand-10: #1c875a;
  --brand-11: #186d49;
  /* Feedback Primitives */
  --red-1: #fff2f2;
  --red-2: #fff3f3;
  --red-4: #fbd9d7;
  --red-9: #be362c;
  --red-10: #dd4425;
  --red-11: #d13415;
  --orange-1: #fffcfa;
  --orange-2: #fff5ee;
  --orange-3: #ffe4d1;
  --orange-7: #ff7a1a;
  --orange-8: #cc6215;
  --orange-9: #994910;
  --green-1: #fbfefb;
  --green-3: #e9f6e9;
  --green-4: #d4f0e4;
  --green-9: #46a758;
  --green-10: #3e9b4f;
  --green-11: #1c875a;
  --blue-1: #fdfdfe;
  --blue-3: #ecf3ff;
  --blue-5: #d7e4fb;
  --blue-9: #3e63dd;
  --blue-12: #21478e;
  /* Alpha Channel Overlays */
  --alpha-black-4: #00000033;
  --alpha-black-8: #00000099;
  --font-family-font: "Montserrat";
  --font-size-3xs: 8px;
  --font-size-2xs: 10px;
  --font-size-xs: 12px;
  --font-size-sm: 14px;
  --font-size-base: 16px;
  --font-size-lg: 18px;
  --font-size-xl: 20px;
  --font-size-2xl: 24px;
  --font-size-3xl: 30px;
  --font-size-4xl: 36px;
  --font-size-5xl: 48px;
  --font-size-6xl: 60px;
  --font-size-7xl: 72px;
  --font-size-8xl: 96px;
  --font-size-9xl: 128px;
  --font-weight-light: 300;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semi-bold: 600;
  --font-weight-bold: 700;
  --font-weight-black: 900;
  --line-height-0: 10px;
  --line-height-1: 12px;
  --line-height-2: 16px;
  --line-height-3: 20px;
  --line-height-4: 24px;
  --line-height-5: 28px;
  --line-height-6: 32px;
  --line-height-7: 36px;
  --line-height-8: 40px;
  --line-height-9: 48px;
  --line-height-10: 60px;
  --line-height-11: 72px;
  --line-height-12: 96px;
  --line-height-13: 128px;
  --btn-height: var(--spacing-2xl);
  --btn-radius: var(--radius-xs);
  --floating-placeholder-top-position: var(--spacing-xs);
}

:root {
  --colors-primary-50: hsl(from #53c595 h s calc(l + 40));
  --colors-primary-100: hsl(from #53c595 h s calc(l + 32));
  --colors-primary-200: hsl(from #53c595 h s calc(l + 24));
  --colors-primary-300: hsl(from #53c595 h s calc(l + 16));
  --colors-primary-400: hsl(from #53c595 h s calc(l + 8));
  --colors-primary: #53c595;
  --colors-primary-500: #53c595;
  --colors-primary-600: hsl(from #53c595 h s calc(l - 7));
  --colors-primary-700: hsl(from #53c595 h s calc(l - 14));
  --colors-primary-800: hsl(from #53c595 h s calc(l - 21));
  --colors-primary-900: hsl(from #53c595 h s calc(l - 28));
  --colors-primary-950: hsl(from #53c595 h s calc(l - 35));
  --base-font-family: "Montserrat";
  --secondary-font-family: "Montserrat";
}
:root body.vcaas-mobile-body.login-screen #mainview.login-masterview #containerView {
  background-position: center;
}
:root body.vcaas-mobile-body.login-screen #mainview.login-masterview #containerView:before {
  content: "";
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.75) -6.87%, rgba(255, 255, 255, 0.88) 16.64%, rgba(35, 35, 35, 0.88) 60.41%, rgba(0, 0, 0, 0.66) 99.99%);
  mix-blend-mode: multiply;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  /* opacity: 0; */
}
:root .top-head-section {
  background-size: cover !important;
  /* background-blend-mode: multiply; */
}
:root .dashboard-wrapper.dashboard-web > div .welcome-dashboard .account-card-component {
  background-blend-mode: multiply !important;
}

@media (min-width: 1850px) and (max-width: 2000px) {
  #mainview .content.RetailLanding .content-inner-wrapper {
    padding-right: 40px;
  }
}
@media (min-width: 640.02px) {
  body.vcaas-mobile-body.login-screen #mainview.login-masterview #containerView {
    background-image: none !important;
    background-color: #ffffff !important;
  }
}
body.vcaas-mobile-body.login-screen #mainview.login-masterview #containerView:before {
  display: none !important;
}

@media (min-width: 640.02px) {
  .app-intro-web {
    background-color: #ffffff;
    display: flex;
    background-image: none;
    padding: 24px;
    box-sizing: border-box;
    align-items: stretch;
  }
  .app-intro-web .login-column {
    flex: 1 1 0 !important;
    max-width: none !important;
    background: #F7F9FA !important;
    border: 1px solid #EEF2F4 !important;
    border-radius: 12px !important;
    overflow: hidden;
  }
  .app-intro-web .login-photo-panel {
    flex: 1 1 0 !important;
    max-width: none !important;
    background-image: url('login-photo.af5867bcce2922dd.jpg');
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    min-height: 0 !important;
    border-radius: 12px !important;
    overflow: hidden;
  }
}
@media (min-width: 640.02px) {
  .app-intro-web .login-logo-wrapper {
    align-self: flex-start !important;
    margin: 0 0 79px 0 !important;
    width: auto !important;
    text-align: left !important;
  }
  .app-intro-web .login-page-logo {
    width: 90px !important;
    max-width: 90px !important;
    margin: 0 !important;
    display: block !important;
  }
}
.login-intro .login-heading {
  display: block;
  text-transform: none;
  letter-spacing: 0;
  text-align: left;
  margin-bottom: 8px;
  color: var(--content-content-primary, #161C20);
  font-family: var(--font-family-font, Montserrat);
  font-size: var(--font-size-4xl, 36px);
  font-style: normal;
  font-weight: var(--font-weight-black, 900);
  line-height: var(--line-height-8, 40px);
}

.login-intro .login-subtitle {
  display: block;
  color: #5F6B73;
  font-family: var(--base-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  text-align: left;
  margin-bottom: 24px;
}

.existing-member-info-container {
  background: var(--surface-surface-primary, #F7F9FA) !important;
  margin-bottom: 16px;
  display: flex;
  padding: 16px !important;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
  border-radius: var(--Radius-xs, 8px) !important;
  border: 1px solid var(--border-border-secondary, #D2DADF) !important;
}

.existing-member-info-container .existing-member-info-text {
  color: var(--content-content-secondary, #5F6B73);
  /* text-sm/normal */
  font-family: var(--font-family-font, Montserrat);
  font-size: var(--font-size-sm, 14px);
  font-style: normal;
  font-weight: var(--font-weight-normal, 400);
  line-height: var(--line-height-3, 20px);
}

.login-button.btn-purple,
.btn-purple.login-button {
  background-color: #000000 !important;
  border-color: #000000 !important;
  color: #ffffff !important;
  border-radius: 8px !important;
}

.login-button.btn-purple:hover,
.login-button.btn-purple:focus,
.btn-purple.login-button:hover,
.btn-purple.login-button:focus {
  background-color: #1C3041 !important;
  border-color: #1C3041 !important;
}

@media (min-width: 640.02px) {
  .app-intro-web .login-button.btn-purple,
  .app-intro-web .btn-purple.login-button {
    width: auto !important;
    align-self: flex-start !important;
    padding: 12px 16px !important;
    min-width: 0 !important;
  }
  .app-intro-web a.login-button {
    width: -moz-fit-content !important;
    width: fit-content !important;
    min-width: 0 !important;
    padding: 12px 16px !important;
  }
}
@media (min-width: 640.02px) {
  .app-intro-web .login-column .login-intro .login-footer {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 4px !important;
    row-gap: 4px !important;
  }
}
@media (min-width: 640.02px) {
  .app-intro-web .login-column {
    padding: 0 48px !important;
    padding-top: 51px !important;
  }
  .app-intro-web .first-login {
    padding-top: 0 !important;
    width: 100%;
  }
}
@media (min-width: 640.02px) {
  .app-intro-web .login-column.d-flex {
    flex-direction: column !important;
    justify-content: flex-start !important;
    min-height: 0;
  }
  .app-intro-web .login-column .first-login {
    width: 100%;
  }
}
@media (min-width: 640.02px) {
  .app-intro-web .forgot-link vc-linkbutton a,
  .app-intro-web .forgot-link vc-linkbutton a span,
  #ForgotPasswordDesktopLinkButton a,
  #ForgotPasswordDesktopLinkButton a span {
    color: #555555;
    font-size: 13px;
    font-weight: 500;
  }
  .app-intro-web .forgot-link vc-linkbutton a:hover,
  .app-intro-web .forgot-link vc-linkbutton a:focus {
    color: #1C3041 !important;
    text-decoration: none !important;
  }
}
@media (min-width: 640.02px) {
  .app-intro-web .remember-me-checkbox {
    font-size: 13px;
    color: #555555;
  }
  .app-intro-web .remember-me-checkbox .checkmark,
  .app-intro-web .remember-forgot-row .checkmark {
    border-color: #9CA3AF !important;
    background-color: #ffffff !important;
  }
  .app-intro-web .remember-me-checkbox input:checked ~ .checkmark,
  .app-intro-web .remember-forgot-row input:checked ~ .checkmark {
    background-color: #1C3041 !important;
    border-color: #1C3041 !important;
  }
  .app-intro-web .remember-forgot-row vc-checkbox {
    display: flex;
    font-size: 13px;
    color: #555555;
    gap: 6px;
  }
  .app-intro-web .remember-forgot-row vc-checkbox input[type=checkbox] {
    accent-color: #1C3041 !important;
    width: 14px;
    height: 14px;
  }
}
@media (min-width: 640.02px) {
  .app-intro-web .login-username-textbox-info-icon img,
  .app-intro-web .login-username-textbox-info-icon vc-image img {
    filter: grayscale(1) brightness(0.6);
  }
}
@media (min-width: 640.02px) {
  .app-intro-web i.password-icon,
  .app-intro-web .btn-password-toggle i.password-icon {
    filter: grayscale(1) brightness(0.7) !important;
    opacity: 0.7 !important;
  }
}
@media (min-width: 640.02px) {
  .app-intro-web .login-column .first-login {
    max-width: 100% !important;
  }
  .app-intro-web .login-column .login-intro {
    max-width: 448px;
  }
  .app-intro-web vc-gridcolumn:has(> vc-button > a.login-button) {
    width: -moz-fit-content !important;
    width: fit-content !important;
    max-width: -moz-fit-content !important;
    max-width: fit-content !important;
    flex: 0 0 auto !important;
  }
}
.app-intro-web {
  --checkbox-border-color: #9CA3AF;
}

.app-intro-web label input[type=checkbox].checkbox:checked + .checkbox-view,
.app-intro-web label:hover input[type=checkbox].checkbox:checked + .checkbox-view {
  border-color: #1C3041 !important;
}

.app-intro-web .login-username-textbox-info-icon,
.app-intro-web .login-username-textbox-info-icon img {
  filter: grayscale(1) brightness(0.6) !important;
  opacity: 0.6;
}

@media (min-width: 640.02px) and (max-width: 899.98px) {
  .app-intro-web .login-photo-panel {
    display: none !important;
  }
  .app-intro-web vc-gridrow {
    gap: 0 !important;
  }
}
.app-intro-web .login-column .login-intro .login-subtitle,
.app-intro-web .login-column .login-intro .login-subtitle a,
.app-intro-web .login-column .login-intro .login-subtitle span {
  color: #5F6B73 !important;
  -webkit-text-fill-color: #5F6B73 !important;
}

.app-intro-web .remember-forgot-row .forgot-link vc-linkbutton span,
.app-intro-web .remember-forgot-row .forgot-link vc-linkbutton a span {
  text-transform: none !important;
  color: var(--content-content-secondary, #5F6B73);
  /* text-sm/normal */
  font-family: var(--font-family-font, Montserrat);
  font-size: var(--font-size-sm, 14px);
  font-style: normal;
  font-weight: var(--font-weight-normal, 400);
  line-height: var(--line-height-3, 20px); /* 142.857% */
}

.app-intro-web .remember-forgot-row .checkbox-text span,
.app-intro-web .remember-forgot-row .checkbox-text,
.app-intro-web .remember-me-checkbox label,
.app-intro-web .remember-me-checkbox label span,
.app-intro-web vc-checkbox label.checkbox-inline,
.app-intro-web vc-checkbox label.checkbox-inline span,
.app-intro-web .remember-me vc-checkbox label {
  font-size: 13px;
  color: #555555;
  -webkit-text-fill-color: #555555;
  font-weight: 400;
}

@media (min-width: 640.02px) {
  .app-intro-web {
    --login-page-bottom-links-color: #666666;
  }
  .app-intro-web .login-footer vc-linkbutton a,
  .app-intro-web .login-footer vc-linkbutton a span,
  .app-intro-web .login-footer .login-page-bottom-links,
  .app-intro-web .login-footer .login-page-bottom-links a,
  .app-intro-web .login-footer .login-page-bottom-links span {
    color: #5F6B73;
    -webkit-text-fill-color: #5F6B73;
    font-size: 13px;
    text-decoration: none;
  }
  .app-intro-web .login-footer vc-linkbutton a:hover,
  .app-intro-web .login-footer vc-linkbutton a:focus {
    color: #1C3041;
    -webkit-text-fill-color: #1C3041;
    text-decoration: underline;
  }
}
body.vcaas-mobile-body.login-screen #mainview.login-masterview #containerView {
  background-image: none !important;
  background-color: #ffffff !important;
}

body.vcaas-mobile-body.login-screen #mainview.login-masterview #containerView:before {
  display: none !important;
}

.app-intro-first-level {
  background-color: #ffffff;
  background-image: none;
  padding: var(--spacing-xs, 16px);
}

.app-intro-first-level vc-gridrow.first-login {
  margin-left: 0;
  margin-right: 0;
}

.app-intro-first-level .login-intro {
  border-radius: var(--radius-md, 16px);
  background: var(--surface-surface-primary, #F7F9FA);
  padding: var(--spacing-xs, 16px);
}
@media screen and (min-width: 768px) {
  .app-intro-first-level .login-intro {
    margin: 24px;
  }
}

.app-intro-first-level .login-logo-wrapper {
  align-self: flex-start !important;
  margin: 0 0 40px 0 !important;
  text-align: left !important;
}

.app-intro-first-level .login-logo-wrapper a {
  display: block !important;
  line-height: 0 !important;
}

.app-intro-first-level .login-page-logo {
  width: 90px !important;
  max-width: 90px !important;
  display: block !important;
  margin: 0 !important;
}

.app-intro-first-level .login-intro vc-gridrow:first-child {
  justify-content: flex-start !important;
  align-items: flex-start !important;
}

.app-intro-first-level .login-heading {
  display: block !important;
  color: #111413 !important;
  font-family: var(--base-font-family) !important;
  font-size: 32px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  text-align: left !important;
  margin-bottom: 8px !important;
}

.app-intro-first-level .login-subtitle {
  display: block;
  color: #5F6B73;
  font-family: var(--base-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  text-align: left;
  margin-bottom: 20px;
}

.app-intro-first-level a.login-button {
  width: -moz-fit-content !important;
  width: fit-content !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 12px 24px !important;
  min-width: 120px !important;
}

.app-intro-first-level a.login-button span {
  text-align: center !important;
  margin: 0 !important;
  padding: 0 !important;
}

.app-intro-first-level vc-gridcolumn:has(> vc-button > a.login-button) {
  width: -moz-fit-content !important;
  width: fit-content !important;
  max-width: -moz-fit-content !important;
  max-width: fit-content !important;
  flex: 0 0 auto !important;
  align-self: flex-start !important;
}

.app-intro-first-level .login-username-textbox-info-icon,
.app-intro-first-level .login-username-textbox-info-icon img {
  filter: grayscale(1) brightness(0.6) !important;
  opacity: 0.6;
}

.app-intro-first-level i.password-icon,
.app-intro-first-level .btn-password-toggle i.password-icon {
  filter: grayscale(1) brightness(0.7) !important;
  opacity: 0.7 !important;
}

.app-intro-first-level {
  --checkbox-border-color: #9CA3AF;
}

.app-intro-first-level .remember-forgot-row .checkbox-text span,
.app-intro-first-level .remember-forgot-row .checkbox-text,
.app-intro-first-level .remember-me-checkbox,
.app-intro-first-level .remember-me-checkbox label,
.app-intro-first-level .remember-me-checkbox label span,
.app-intro-first-level vc-checkbox label.checkbox-inline,
.app-intro-first-level vc-checkbox label.checkbox-inline span,
.app-intro-first-level .remember-me vc-checkbox label {
  font-size: 13px !important;
  color: #555555 !important;
  -webkit-text-fill-color: #555555 !important;
  font-weight: 400 !important;
}

.app-intro-first-level .remember-forgot-row .forgot-link vc-linkbutton a,
.app-intro-first-level .remember-forgot-row .forgot-link vc-linkbutton a span {
  color: #555555 !important;
  -webkit-text-fill-color: #555555 !important;
  font-size: 13px !important;
}

.app-intro-first-level .login-subtitle span,
.app-intro-first-level .login-subtitle {
  font-size: 13px !important;
  line-height: 20px !important;
}

.app-intro-first-level .login-footer vc-linkbutton a,
.app-intro-first-level .login-footer vc-linkbutton a span,
.app-intro-first-level .login-footer .login-page-bottom-links,
.app-intro-first-level .login-footer .login-page-bottom-links span {
  color: #5F6B73 !important;
  -webkit-text-fill-color: #5F6B73 !important;
  font-size: 13px !important;
  text-align: center !important;
  text-decoration: none !important;
}

.app-intro-first-level .login-footer {
  flex-direction: column !important;
  align-items: center !important;
  gap: 4px !important;
}

.app-intro-first-level .existing-member-info-container {
  background-color: #f3f5f8 !important;
  border: 1px solid #D0D0D0 !important;
  border-radius: 6px !important;
  padding: 12px 16px !important;
  margin-bottom: 16px;
}

.app-intro-first-level .existing-member-info-container,
.app-intro-first-level .existing-member-info-container * {
  color: #111413;
  -webkit-text-fill-color: #111413;
}

.app-intro-first-level .existing-member-info-container a,
.app-intro-first-level .existing-member-info-container vc-linkbutton a {
  color: var(--content-content-brand) !important;
  -webkit-text-fill-color: var(--content-content-brand) !important;
  text-decoration: none !important;
}

.app-intro-first-level .login-footer .login-footer-label,
.app-intro-first-level .login-footer .login-footer-label span,
.app-intro-web .login-footer .login-footer-label,
.app-intro-web .login-footer .login-footer-label span {
  color: #5F6B73 !important;
  -webkit-text-fill-color: #5F6B73 !important;
  font-size: 13px !important;
  text-decoration: none !important;
}

#SignUpMobileLink a,
#SignUpMobileLink a span,
#SignUpDesktopLink a,
#SignUpDesktopLink a span {
  color: #00825A !important;
  -webkit-text-fill-color: var(--content-content-brand) !important;
  font-size: 13px !important;
  text-decoration: none !important;
}

body:not(.login-screen) {
  background-color: #F7F9FA !important;
}

body:not(.login-screen) .top-head-section {
  background-color: #F7F9FA !important;
  background-image: none !important;
}

header {
  background-color: #FFFFFF !important;
}

nav.dbas-header.header-web {
  background-color: #FFFFFF !important;
  border-bottom: 1px solid #E5E7EB !important;
}

.announcement-item-wrap {
  background: #FFF5EE !important;
  border: 1px solid #FFE4D1 !important;
  border-radius: 6px !important;
  box-shadow: 3px 5px 20px 0 rgba(0, 0, 0, 0.05) !important;
}

.announcement-item-wrap .announcement-description p,
.announcement-item-wrap .announcement-description span,
.announcement-item-wrap .announcement-learnmore-container .learnmore-linkbuton span,
.announcement-item-wrap .close span {
  color: #994910 !important;
}

.announcement-item-wrap vc-image img,
.announcement-item-wrap vc-imagebutton img {
  filter: hue-rotate(236deg) saturate(130%) brightness(75%) !important;
}

.header-right-side {
  background: white !important;
  left: 0 !important;
  padding: 20px 40px !important;
  padding-left: 24px !important;
  right: 0 !important;
  margin: -20px 0 0 0 !important;
}

@media (min-width: 1024.02px) and (max-width: 1199.99px) {
  .header-right-side {
    left: 330px !important;
  }
}
@media (min-width: 1200px) {
  .header-right-side {
    left: 380px !important;
  }
  .content-inner-panels .content-inner-right-panel {
    max-width: unset;
  }
}
@media (min-width: 1850px) {
  .header-right-side {
    left: 500px !important;
  }
  #mainview:not(.login-masterview) .content-inner-panels:has(.content-inner-right-panel) .content-inner-right-panel {
    width: 510px;
  }
}
@media (min-width: 1920px) {
  #mainview:not(.login-masterview) .content-inner-panels:has(.content-inner-right-panel) .content-inner-right-panel {
    max-width: inherit;
  }
}
.dbas-header .header-right-side .dbas-btn.btn-logout {
  background-color: #1C3041 !important;
  border-color: #1C3041 !important;
  color: #ffffff !important;
  border-radius: 20px !important;
  padding: 6px 16px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}

.dbas-header .header-right-side .dbas-btn.btn-logout:hover,
.dbas-header .header-right-side .dbas-btn.btn-logout:focus {
  background-color: var(--content-content-brand) !important;
  border-color: var(--content-content-brand) !important;
}

.dbas-header .profile-row {
  flex-direction: row-reverse !important;
  gap: 12px !important;
}

.dbas-header .header-profile-image-btn {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.dbas-header .header-profile-image-btn img {
  border-radius: 50% !important;
  width: 40px !important;
  height: 40px !important;
  object-fit: cover !important;
}

.dbas-header .header-right-side .d-flex.flex-1 {
  justify-content: space-between !important;
  gap: 16px !important;
}

.dbas-header .profile-row .d-flex.flex-column {
  align-items: flex-start !important;
  text-align: left !important;
}

.dbas-header .header-right-side .profile-row vc-label:not(.logon-info-text) span {
  color: var(--Text-text-heading, #161C20);
  font-family: var(--font-family-font, Montserrat);
  font-size: var(--font-size-sm, 14px);
  font-style: normal;
  font-weight: var(--font-weight-bold, 700);
  line-height: var(--line-height-3, 20px); /* 142.857% */
}

.dbas-header .header-right-side .logon-info-text span {
  color: var(--Text-text-heading, #161C20) !important;
  font-family: var(--font-family-font, Montserrat) !important;
  font-size: var(--font-size-xs, 12px) !important;
  font-style: normal !important;
  font-weight: var(--font-weight-normal, 400) !important;
  line-height: var(--line-height-2, 16px) !important; /* 133.333% */
}

.header-title vc-label span {
  font-size: 24px !important;
  font-weight: 900 !important;
  color: #161C20 !important;
  font-family: Montserrat, sans-serif !important;
  letter-spacing: 0 !important;
}

.dbas-header .header-right-side .btn-main-comp a, .dbas-header .header-right-side .btn-main-comp button {
  color: var(--content-content-invert-disabled) !important;
  border-radius: var(--radius-xs, 8px);
  border: 1px solid var(--border-border-primary, #EEF2F4);
  background: var(--surface-surface-secondary, #FFF);
  display: flex;
  height: 32px;
  max-height: 32px;
  padding: var(--spacing-3xs, 8px);
  justify-content: center;
  align-items: center;
  gap: var(--spacing-2xs, 12px);
  width: 36px;
}
.dbas-header .header-right-side .btn-main-comp i {
  background-color: var(--content-content-invert-disabled) !important;
  width: 20px;
  height: 20px;
}
.dbas-header .header-right-side .btn-main-comp i.notification-icon {
  -webkit-mask-image: url('images/icon-notification.svg');
  mask-image: url('images/icon-notification.svg');
}
.dbas-header .header-right-side .btn-main-comp#btnLogout img {
  width: 20px !important;
  height: 20px !important;
}

vc-menu a.nav-link-item.active,
vc-menu a.nav-link-item.active:hover {
  border-left: 3px solid var(--content-content-brand) !important;
  background-color: rgba(28, 48, 65, 0.06) !important;
  padding-left: 51px !important;
}

vc-menu .sidebar-menu .inner-menu img:not(.menu-item-icon):not([width="16"]):not([width="24"]) {
  max-width: 130px !important;
  width: auto !important;
}

.account-owner {
  color: #161C20 !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  font-family: Montserrat, sans-serif !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  margin-bottom: 4px;
}

vc-gridcolumn.account-info span {
  color: #5F6B73 !important;
  font-weight: 400 !important;
}

span.balance-value {
  color: #5F6B73 !important;
  font-weight: 400 !important;
}

.account-card-list-item {
  border-bottom: 1px solid #EEF2F4 !important;
}

.btn-open-account::before {
  display: none !important;
}

.app-intro-web .existing-member-info-link,
.app-intro-first-level .existing-member-info-link {
  color: var(--content-content-brand-dark, #1C875A) !important;
  -webkit-text-fill-color: var(--content-content-brand-dark) !important;
}

.app-intro-web .help-block.vc-validation-error,
.app-intro-first-level .help-block.vc-validation-error {
  color: #D32F2F !important;
  -webkit-text-fill-color: #D32F2F !important;
}

.app-intro-web .floatingPlaceholder,
.app-intro-first-level .floatingPlaceholder {
  color: #5F6B73 !important;
}

.nav-left-side .quick-actions vc-label,
.nav-left-side .quick-actions vc-label span {
  color: #111413 !important;
  -webkit-text-fill-color: #111413 !important;
}

.nav-left-side .quick-actions a span {
  color: #1C3041 !important;
  -webkit-text-fill-color: #1C3041 !important;
}

.login-intro .ng-dirty.ng-invalid + .vc-validation-error,
.login-intro vc-passwordtextbox.ng-dirty.ng-invalid .vc-validation-error {
  color: var(--input-field-error-message-text-color) !important;
  background-color: transparent !important;
}

.login-titles {
  display: flex;
  color: var(--content-content-secondary, #5F6B73);
  /* text-base/bold */
  font-family: var(--font-family-font, Montserrat);
  font-size: var(--font-size-base, 16px);
  font-style: normal;
  font-weight: var(--font-weight-bold, 700);
  line-height: var(--line-height-4, 24px); /* 150% */
  text-align: left;
}

.forgot-link.form-group {
  margin-bottom: 7px !important;
}

.app-intro-web .login-column .login-intro .login-footer a span, .app-intro-web .login-column .login-intro .enrollment-login-footer a span {
  color: var(--content-content-secondary, #5F6B73);
  /* text-xs/normal */
  font-family: var(--font-family-font, Montserrat);
  font-size: var(--font-size-xs, 12px);
  font-style: normal;
  font-weight: var(--font-weight-normal, 400);
  line-height: var(--line-height-2, 16px); /* 133.333% */
  text-decoration: none;
}

.flow-nav-buttons-container {
  display: flex;
  gap: 16px;
  width: 100%;
}
.flow-nav-buttons-container vc-button {
  flex: 1;
  width: 50%;
}
.flow-nav-buttons-container vc-button ::ng-deep button {
  width: 100%;
  margin-bottom: 0;
}

.nav-left-side {
  padding: 0 !important;
  gap: 0 !important;
}
.nav-left-side .navbar .nav-link-item {
  display: flex !important;
  width: 100% !important;
  padding: var(--spacing-2xs, 12px) var(--spacing-xs, 16px) var(--spacing-2xs, 12px) var(--spacing-lg, 32px) !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: var(--spacing-3xs, 8px) !important;
  align-self: stretch !important;
  border-left: 6px solid transparent !important;
  border-bottom: none !important;
  color: var(--content-content-primary, #161C20) !important;
  background: var(--surface-surface-secondary, #FFF) !important;
  font-family: var(--font-family-font, Montserrat) !important;
  font-size: var(--font-size-sm, 14px) !important;
  font-style: normal !important;
  font-weight: var(--font-weight-medium, 500) !important;
  line-height: var(--line-height-3, 20px) !important;
}
.nav-left-side .navbar .nav-link-item.active, .nav-left-side .navbar .nav-link-item:hover {
  border-left: 3px solid var(--border-border-brand, #53C595) !important;
  background: var(--surface-surface-primary, #F7F9FA) !important;
  border-bottom: none !important;
  color: var(--content-content-primary, #161C20) !important;
  font-family: var(--font-family-font, Montserrat) !important;
  font-size: var(--font-size-sm, 14px) !important;
  font-style: normal !important;
  font-weight: var(--font-weight-medium, 500) !important;
  line-height: var(--line-height-3, 20px) !important;
}
.nav-left-side .navbar .nav-link-item::after {
  filter: invert(0) !important;
  content: url('images/icon-arrow-menu.svg');
  transform: rotate(0deg);
  width: 24px;
  height: 24px;
}
.nav-left-side .navbar .menu-container:has(.show) .expand::after {
  transform: rotate(180deg);
  left: 0;
}
.nav-left-side .navbar .icon-manage-contact {
  background: none;
}
.nav-left-side .navbar .dropdown-menu.menu-navbar .menu-navbar-content-link .menu-navbar-content__text.no-description {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-basis: 100%;
  margin-right: 22px;
}
.nav-left-side .navbar .dropdown-menu.menu-navbar .menu-navbar-content-link .menu-navbar-content__text.no-description vc-imagebutton {
  margin-top: 0px;
  height: 16px;
}
.nav-left-side .navbar .dropdown-menu.menu-navbar .menu-navbar-content-link .menu-navbar-content__text.no-description vc-imagebutton img {
  width: 12px !important;
  filter: none;
}
.nav-left-side .search-left-side {
  width: calc(100% - 64px);
  margin: var(--spacing-md, 24px) var(--spacing-lg, 32px);
}
.nav-left-side .search-left-side input {
  color: var(--content-content-secondary, #5F6B73) !important;
  font-family: var(--font-family-font, Montserrat) !important;
  font-size: var(--font-size-base, 16px) !important;
  font-style: normal !important;
  font-weight: var(--font-weight-bold, 700) !important;
  line-height: var(--line-height-4, 24px) !important;
}
.nav-left-side .search-left-side input::placeholder {
  color: var(--content-content-secondary, #5F6B73) !important;
  font-family: var(--font-family-font, Montserrat) !important;
  font-size: var(--font-size-base, 16px) !important;
  font-style: normal !important;
  font-weight: var(--font-weight-bold, 700) !important;
  line-height: var(--line-height-4, 24px) !important;
}
.nav-left-side .search-left-side vc-imagebutton {
  position: absolute !important;
  right: 18px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  height: 20px;
}

.checkbox input[type=checkbox].checkbox + .checkbox-view + .checkbox-text,
.checkbox-inline input[type=checkbox].checkbox + .checkbox-view + .checkbox-text {
  color: var(--content-content-secondary, #5F6B73) !important;
  font-family: var(--font-family-font, Montserrat) !important;
  font-size: var(--font-size-sm, 14px) !important;
  font-style: normal !important;
  font-weight: var(--font-weight-normal, 400) !important;
  line-height: var(--line-height-3, 20px) !important;
}

@media (min-width: 768px) {
  .dropdown-menu.menu-navbar .nav-link-item:not(.no-child-menu)::after {
    content: "" !important;
    display: inline-block !important;
    height: 16px !important;
    background: url('images/acc-arrow-dark.svg') no-repeat center !important;
    background-size: contain !important;
  }
}
.dropdown-menu.menu-navbar .nav-link-item.active {
  border-bottom-color: transparent !important;
}

.dropdown-menu.menu-navbar .menu-title {
  color: var(--content-content-primary, #161C20) !important;
  font-family: var(--font-family-font, Montserrat) !important;
  font-size: var(--font-size-sm, 14px) !important;
  font-style: normal !important;
  font-weight: var(--font-weight-medium, 500) !important;
  line-height: var(--line-height-3, 20px) !important;
}

.form-control {
  border-radius: var(--radius-xs, 8px) !important;
  border: 1px solid var(--border-border-secondary, #D2DADF) !important;
  color: var(--content-content-secondary, #5F6B73) !important;
  font-family: var(--font-family-font, Montserrat) !important;
  font-size: var(--font-size-base, 16px) !important;
  font-style: normal !important;
  font-weight: var(--font-weight-light, 300) !important;
  line-height: var(--line-height-4, 24px) !important;
}

vc-textbox .vc-textbox .form-control,
vc-datepicker .vc-textbox .form-control,
vc-amountbox .vc-textbox .form-control,
vc-moneytextbox .vc-textbox .form-control,
vc-maskedtextbox .vc-textbox .form-control,
vc-phonenumber .vc-textbox .form-control,
vc-textarea .vc-textbox .form-control {
  display: flex;
  height: 56px;
  min-height: 56px !important;
  align-items: center;
  align-self: stretch;
  border-radius: var(--radius-xs, 8px) !important;
  border: 1px solid var(--border-border-secondary, #D2DADF) !important;
  background: var(--surface-surface-secondary, #FFF);
  color: var(--content-content-primary, #161C20);
  font-family: var(--font-family-font, Montserrat);
  font-size: var(--font-size-base, 16px);
  font-style: normal;
  font-weight: var(--font-weight-normal, 400);
  line-height: var(--line-height-4, 24px); /* 150% */
  letter-spacing: 0;
}

.ng-dirty.ng-invalid .vc-textbox .form-control {
  background: var(--surface-surface-error-subdued, #FFF3F3);
}

.content-inner-left-panel {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: var(--spacing-md, 24px);
}
.content-inner-left-panel .content-inner-scroll-wrapper {
  display: flex;
  padding: var(--spacing-md, 24px);
  flex-direction: column;
  justify-content: center;
  gap: var(--spacing-md, 24px);
  border-radius: var(--radius-md, 16px);
  background: var(--surface-surface-secondary, #FFF);
}
.content-inner-left-panel .content-inner-scroll-wrapper .result-panel {
  margin: 0;
}
.content-inner-left-panel vc-textbox .vc-textbox .form-control::placeholder,
.content-inner-left-panel vc-datepicker .vc-textbox .form-control::placeholder,
.content-inner-left-panel vc-amountbox .vc-textbox .form-control::placeholder,
.content-inner-left-panel vc-moneytextbox .vc-textbox .form-control::placeholder,
.content-inner-left-panel vc-maskedtextbox .vc-textbox .form-control::placeholder,
.content-inner-left-panel vc-phonenumber .vc-textbox .form-control::placeholder,
.content-inner-left-panel vc-textarea .vc-textbox .form-control::placeholder {
  color: var(--content-content-secondary, #5F6B73);
  font-family: var(--font-family-font, Montserrat);
  font-size: var(--font-size-base, 16px);
  font-style: normal;
  font-weight: var(--font-weight-bold, 700);
  line-height: var(--line-height-4, 24px);
  opacity: 1;
}
.content-inner-left-panel vc-textbox .vc-textbox .form-control::-webkit-input-placeholder,
.content-inner-left-panel vc-datepicker .vc-textbox .form-control::-webkit-input-placeholder,
.content-inner-left-panel vc-amountbox .vc-textbox .form-control::-webkit-input-placeholder,
.content-inner-left-panel vc-moneytextbox .vc-textbox .form-control::-webkit-input-placeholder,
.content-inner-left-panel vc-maskedtextbox .vc-textbox .form-control::-webkit-input-placeholder,
.content-inner-left-panel vc-phonenumber .vc-textbox .form-control::-webkit-input-placeholder,
.content-inner-left-panel vc-textarea .vc-textbox .form-control::-webkit-input-placeholder {
  color: var(--content-content-secondary, #5F6B73);
  font-family: var(--font-family-font, Montserrat);
  font-size: var(--font-size-base, 16px);
  font-style: normal;
  font-weight: var(--font-weight-bold, 700);
  line-height: var(--line-height-4, 24px);
}
.content-inner-left-panel vc-textbox .vc-textbox .form-control::-moz-placeholder,
.content-inner-left-panel vc-datepicker .vc-textbox .form-control::-moz-placeholder,
.content-inner-left-panel vc-amountbox .vc-textbox .form-control::-moz-placeholder,
.content-inner-left-panel vc-moneytextbox .vc-textbox .form-control::-moz-placeholder,
.content-inner-left-panel vc-maskedtextbox .vc-textbox .form-control::-moz-placeholder,
.content-inner-left-panel vc-phonenumber .vc-textbox .form-control::-moz-placeholder,
.content-inner-left-panel vc-textarea .vc-textbox .form-control::-moz-placeholder {
  color: var(--content-content-secondary, #5F6B73);
  font-family: var(--font-family-font, Montserrat);
  font-size: var(--font-size-base, 16px);
  font-style: normal;
  font-weight: var(--font-weight-bold, 700);
  line-height: var(--line-height-4, 24px);
  opacity: 1;
}
.content-inner-left-panel vc-textbox .vc-textbox .form-control:-ms-input-placeholder,
.content-inner-left-panel vc-datepicker .vc-textbox .form-control:-ms-input-placeholder,
.content-inner-left-panel vc-amountbox .vc-textbox .form-control:-ms-input-placeholder,
.content-inner-left-panel vc-moneytextbox .vc-textbox .form-control:-ms-input-placeholder,
.content-inner-left-panel vc-maskedtextbox .vc-textbox .form-control:-ms-input-placeholder,
.content-inner-left-panel vc-phonenumber .vc-textbox .form-control:-ms-input-placeholder,
.content-inner-left-panel vc-textarea .vc-textbox .form-control:-ms-input-placeholder {
  color: var(--content-content-secondary, #5F6B73);
  font-family: var(--font-family-font, Montserrat);
  font-size: var(--font-size-base, 16px);
  font-style: normal;
  font-weight: var(--font-weight-bold, 700);
  line-height: var(--line-height-4, 24px);
}
.content-inner-left-panel vc-textbox .floatingPlaceholder,
.content-inner-left-panel vc-datepicker .floatingPlaceholder,
.content-inner-left-panel vc-amountbox .floatingPlaceholder,
.content-inner-left-panel vc-moneytextbox .floatingPlaceholder,
.content-inner-left-panel vc-maskedtextbox .floatingPlaceholder,
.content-inner-left-panel vc-phonenumber .floatingPlaceholder,
.content-inner-left-panel vc-textarea .floatingPlaceholder {
  color: var(--content-content-secondary, #5F6B73);
  font-family: var(--font-family-font, Montserrat);
  font-size: var(--font-size-base, 16px);
  font-style: normal;
  font-weight: var(--font-weight-bold, 700);
  line-height: var(--line-height-4, 24px);
}

vc-textbox .vc-textbox .form-control:focus,
vc-textbox .form-control.has-focus,
vc-textbox .form-control:focus,
vc-textbox .form-control:focus-visible,
vc-datepicker .vc-textbox .form-control:focus,
vc-datepicker .form-control.has-focus,
vc-datepicker .form-control:focus,
vc-datepicker .form-control:focus-visible,
vc-amountbox .vc-textbox .form-control:focus,
vc-amountbox .form-control.has-focus,
vc-amountbox .form-control:focus,
vc-amountbox .form-control:focus-visible,
vc-moneytextbox .vc-textbox .form-control:focus,
vc-moneytextbox .form-control.has-focus,
vc-moneytextbox .form-control:focus,
vc-moneytextbox .form-control:focus-visible,
vc-maskedtextbox .vc-textbox .form-control:focus,
vc-maskedtextbox .form-control.has-focus,
vc-maskedtextbox .form-control:focus,
vc-maskedtextbox .form-control:focus-visible,
vc-phonenumber .vc-textbox .form-control:focus,
vc-phonenumber .form-control.has-focus,
vc-phonenumber .form-control:focus,
vc-phonenumber .form-control:focus-visible,
vc-textarea .vc-textbox .form-control:focus,
vc-textarea .form-control.has-focus,
vc-textarea .form-control:focus,
vc-textarea .form-control:focus-visible {
  outline-color: var(--border-border-brand, #53C595) !important;
}

.login-intro vc-textbox .vc-textbox .form-control:not(:placeholder-shown) + .floatingPlaceholder, .login-intro vc-textbox .vc-textbox .form-control:focus:not(:placeholder-shown) + .floatingPlaceholder,
.login-intro vc-datepicker .vc-textbox .form-control:not(:placeholder-shown) + .floatingPlaceholder,
.login-intro vc-datepicker .vc-textbox .form-control:focus:not(:placeholder-shown) + .floatingPlaceholder,
.login-intro vc-amountbox .vc-textbox .form-control:not(:placeholder-shown) + .floatingPlaceholder,
.login-intro vc-amountbox .vc-textbox .form-control:focus:not(:placeholder-shown) + .floatingPlaceholder,
.login-intro vc-moneytextbox .vc-textbox .form-control:not(:placeholder-shown) + .floatingPlaceholder,
.login-intro vc-moneytextbox .vc-textbox .form-control:focus:not(:placeholder-shown) + .floatingPlaceholder,
.login-intro vc-maskedtextbox .vc-textbox .form-control:not(:placeholder-shown) + .floatingPlaceholder,
.login-intro vc-maskedtextbox .vc-textbox .form-control:focus:not(:placeholder-shown) + .floatingPlaceholder,
.login-intro vc-phonenumber .vc-textbox .form-control:not(:placeholder-shown) + .floatingPlaceholder,
.login-intro vc-phonenumber .vc-textbox .form-control:focus:not(:placeholder-shown) + .floatingPlaceholder,
.login-intro vc-textarea .vc-textbox .form-control:not(:placeholder-shown) + .floatingPlaceholder,
.login-intro vc-textarea .vc-textbox .form-control:focus:not(:placeholder-shown) + .floatingPlaceholder {
  display: none;
}
.login-intro vc-textbox .form-control:not(:placeholder-shown), .login-intro vc-textbox .form-control:focus:not(:placeholder-shown),
.login-intro vc-datepicker .form-control:not(:placeholder-shown),
.login-intro vc-datepicker .form-control:focus:not(:placeholder-shown),
.login-intro vc-amountbox .form-control:not(:placeholder-shown),
.login-intro vc-amountbox .form-control:focus:not(:placeholder-shown),
.login-intro vc-moneytextbox .form-control:not(:placeholder-shown),
.login-intro vc-moneytextbox .form-control:focus:not(:placeholder-shown),
.login-intro vc-maskedtextbox .form-control:not(:placeholder-shown),
.login-intro vc-maskedtextbox .form-control:focus:not(:placeholder-shown),
.login-intro vc-phonenumber .form-control:not(:placeholder-shown),
.login-intro vc-phonenumber .form-control:focus:not(:placeholder-shown),
.login-intro vc-textarea .form-control:not(:placeholder-shown),
.login-intro vc-textarea .form-control:focus:not(:placeholder-shown) {
  padding: var(--spacing-3xs, 8px) var(--spacing-xs, 16px);
  color: var(--content-content-primary, #161C20) !important;
  font-family: var(--font-family-font, Montserrat) !important;
  font-size: var(--font-size-base, 16px) !important;
  font-style: normal !important;
  font-weight: var(--font-weight-normal, 400) !important;
  line-height: var(--line-height-4, 24px) !important; /* 150% */
}

vc-textbox .form-control:not(:placeholder-shown) + .floatingPlaceholder,
vc-textbox .form-control:focus:not(:placeholder-shown) + .floatingPlaceholder,
vc-datepicker .form-control:not(:placeholder-shown) + .floatingPlaceholder,
vc-datepicker .form-control:focus:not(:placeholder-shown) + .floatingPlaceholder,
vc-amountbox .form-control:not(:placeholder-shown) + .floatingPlaceholder,
vc-amountbox .form-control:focus:not(:placeholder-shown) + .floatingPlaceholder,
vc-moneytextbox .form-control:not(:placeholder-shown) + .floatingPlaceholder,
vc-moneytextbox .form-control:focus:not(:placeholder-shown) + .floatingPlaceholder,
vc-maskedtextbox .form-control:not(:placeholder-shown) + .floatingPlaceholder,
vc-maskedtextbox .form-control:focus:not(:placeholder-shown) + .floatingPlaceholder,
vc-phonenumber .form-control:not(:placeholder-shown) + .floatingPlaceholder,
vc-phonenumber .form-control:focus:not(:placeholder-shown) + .floatingPlaceholder,
vc-textarea .form-control:not(:placeholder-shown) + .floatingPlaceholder,
vc-textarea .form-control:focus:not(:placeholder-shown) + .floatingPlaceholder {
  color: var(--content-content-secondary, #5F6B73);
  font-family: var(--font-family-font, Montserrat);
  font-size: var(--font-size-sm, 14px);
  font-style: normal;
  font-weight: var(--font-weight-bold, 700);
  line-height: var(--line-height-3, 20px);
}

.cf__label {
  color: var(--content-content-secondary, #5F6B73);
  font-family: var(--font-family-font, Montserrat);
  font-size: var(--font-size-sm, 14px);
  font-style: normal;
  font-weight: var(--font-weight-bold, 700);
  line-height: var(--line-height-3, 20px);
}

vc-datepicker .form-control:not(:placeholder-shown) + span.sr-only + .floatingPlaceholder {
  color: var(--content-content-secondary, #5F6B73);
  font-family: var(--font-family-font, Montserrat);
  font-size: var(--font-size-sm, 14px);
  font-style: normal;
  font-weight: var(--font-weight-bold, 700);
  line-height: var(--line-height-3, 20px);
}

.select2-selection__placeholder,
vc-payeelist .select-custom-popup .select-custom-title {
  color: var(--content-content-secondary, #5F6B73);
  font-family: var(--font-family-font, Montserrat);
  font-size: var(--font-size-base, 16px);
  font-style: normal;
  font-weight: var(--font-weight-bold, 700);
  margin-left: 0;
}

@media (min-width: 768px) {
  #mainview header .dbas-header.header-web.header-main-menu {
    padding: 0 !important;
    border-bottom: 0 !important;
  }
}
#mainview header .nav-left-side .menu-separator-left {
  margin: var(--spacing-md) var(--spacing-lg);
}
#mainview header .nav-left-side .quick-actions {
  margin: 0 var(--spacing-lg);
  border-left: 6px solid transparent !important;
}
#mainview header .nav-left-side .quick-actions vc-label {
  color: var(--content-content-primary, #161C20) !important;
  font-family: var(--font-family-font, Montserrat);
  font-size: var(--font-size-sm, 14px);
  font-style: normal;
  font-weight: var(--font-weight-bold, 700);
  line-height: var(--line-height-3, 20px);
}
#mainview header .nav-left-side .quick-actions a span {
  color: var(--content-content-primary, #161C20) !important;
  font-family: var(--font-family-font, Montserrat);
  font-size: var(--font-size-sm, 14px);
  font-style: normal;
  font-weight: var(--font-weight-medium, 500);
  line-height: var(--line-height-3, 20px);
}
@media (max-width: 767.98px) and (max-width: 575.98px) {
  #mainview header .dbas-header {
    background: var(--surface-surface-secondary, #FFF);
    height: 72px;
    align-content: center;
  }
  #mainview header .dbas-header .header-right-side {
    margin: 0 !important;
    margin-top: 7px !important;
    padding: 0 !important;
    flex-direction: row-reverse;
  }
  #mainview header .dbas-header .header-right-side button,
  #mainview header .dbas-header .header-right-side button i {
    border-radius: var(--radius-xs, 8px);
    background: var(--surface-surface-primary, #F7F9FA);
    display: flex;
    height: 32px;
    max-height: 32px;
    padding: var(--spacing-3xs, 8px);
    justify-content: center;
    align-items: center;
    gap: var(--spacing-2xs, 12px);
  }
}

@media (min-width: 768px) {
  .dashboard-wrapper.dashboard-web > div .welcome-dashboard {
    margin-top: 112px;
  }
}
.dashboard-wrapper.dashboard-web > div .welcome-dashboard .dashboard-account-title-wrapper vc-gridcolumn span {
  color: var(--Text-text-heading, #161C20);
  font-family: var(--font-family-font, Montserrat);
  font-size: var(--font-size-2xl, 24px);
  font-style: normal;
  font-weight: var(--font-weight-black, 900);
  line-height: var(--line-height-6, 32px);
  letter-spacing: 0;
}
.dashboard-wrapper.dashboard-web > div .welcome-dashboard .dashboard-account-title-wrapper vc-gridcolumn .viewaccount-btn span {
  letter-spacing: 0;
  color: var(--content-content-primary, #161C20);
  font-family: var(--font-family-font, Montserrat);
  font-size: var(--font-size-xs, 12px);
  font-style: normal;
  font-weight: var(--font-weight-semi-bold, 600);
  line-height: var(--line-height-2, 16px);
}
.dashboard-wrapper.dashboard-web > div .welcome-dashboard .tile-settings {
  margin: 0;
  align-items: center;
  gap: var(--spacing-3xs, 8px);
}
.dashboard-wrapper.dashboard-web > div .welcome-dashboard .tile-settings .viewaccount-btn {
  max-height: 32px;
  padding: var(--spacing-2xs, 12px) var(--spacing-xs, 16px);
  justify-content: center;
  align-items: center;
  gap: var(--spacing-4xs, 4px);
  color: var(--content-content-primary, #161C20);
  font-family: var(--font-family-font, Montserrat);
  font-size: var(--font-size-xs, 12px);
  font-style: normal;
  font-weight: var(--font-weight-semi-bold, 600);
  line-height: var(--line-height-2, 16px);
  border-radius: var(--radius-xs, 8px);
  border: 1px solid var(--border-border-secondary, #D2DADF);
}
.dashboard-wrapper.dashboard-web > div .welcome-dashboard .tile-settings .viewaccount-btn::after {
  background: url('images/icon-chevron-black.svg') no-repeat center center;
  content: " ";
  width: 20px;
  height: 20px;
  left: inherit;
  position: relative;
  top: inherit;
  background-size: 6px;
}
.dashboard-wrapper.dashboard-web > div .welcome-dashboard .tile-settings vc-imagebutton button {
  display: flex;
  width: 36px;
  height: 32px;
  max-height: 32px;
  padding: var(--spacing-2xs, 12px) var(--spacing-3xs, 8px);
  justify-content: center;
  align-items: center;
  gap: var(--spacing-4xs, 4px);
  border-radius: var(--radius-xs, 8px);
  border: 1px solid var(--border-border-secondary, #D2DADF);
}
.dashboard-wrapper.dashboard-web > div .welcome-dashboard .tile-settings vc-imagebutton button span {
  display: none;
}

vc-selectablebuttonlist {
  background: none;
  padding: 0;
}
@media (min-width: 768px) {
  vc-selectablebuttonlist.top-tabs {
    position: absolute;
    top: -85px;
    right: 0;
    margin: 0 !important;
  }
}
vc-selectablebuttonlist .list-wrapper {
  display: flex;
  padding: 0 var(--spacing-xs, 16px);
  justify-content: flex-end;
  align-items: center;
  gap: var(--spacing-xs, 16px);
  align-self: stretch;
}
vc-selectablebuttonlist .list-wrapper vc-gridcolumn {
  width: inherit;
}
vc-selectablebuttonlist .list-wrapper vc-gridcolumn .selectable-button {
  display: flex;
  padding: var(--spacing-2xs, 12px) var(--spacing-s, 20px);
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: var(--radius-xs, 8px) var(--radius-xs, 8px) 0 0;
  background: var(--surface-surface-secondary, #FFF);
  margin: var(--spacing-none, 0);
  color: var(--content-content-primary, #161C20);
  text-align: center;
  font-family: var(--font-family-font, Montserrat);
  font-size: var(--font-size-sm, 14px);
  font-style: normal;
  font-weight: var(--font-weight-normal, 400);
  line-height: var(--line-height-3, 20px); /* 142.857% */
}
vc-selectablebuttonlist .list-wrapper vc-gridcolumn .selectable-button.selected {
  border-bottom: 3px solid var(--border-border-brand, #53C595);
  color: var(--content-content-brand-dark, #1C875A);
}

.home-account-list {
  margin-bottom: var(--spacing-md, 24px);
  margin-right: calc(var(--bs-gutter-x) * 0.5) !important;
}

.carousel-container-column {
  border-radius: var(--radius-md, 16px);
  background: var(--surface-surface-secondary, #FFF);
  padding-left: 0;
  margin-left: calc(var(--bs-gutter-x) * 0.5);
}
.carousel-container-column .carouselAccount {
  width: 1258px;
  overflow: hidden;
  padding: var(--spacing-md, 24px) 0 var(--spacing-md, 24px) var(--spacing-md, 24px);
  border-radius: var(--radius-md, 16px);
  background: var(--surface-surface-secondary, #FFF);
}
@media screen and (min-width: 1200px) and (max-width: 1919px) {
  .carousel-container-column .carouselAccount {
    width: calc(100vw - (400px + var(--spacing-xl) * 2));
    max-width: 1258px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1199px) {
  .carousel-container-column .carouselAccount {
    width: calc(100vw - (325px + var(--spacing-sm) * 2));
  }
}
@media (max-width: 767.98px) {
  .carousel-container-column .carouselAccount {
    width: 100%;
  }
}
@media (max-width: 766.98px) {
  .carousel-container-column .carouselAccount .slick-slide {
    height: 202px;
  }
}
.carousel-container-column .carouselAccount .slick-next {
  background: var(--surface-surface-secondary, #FFF);
}
.carousel-container-column .carouselAccount .slick-next:hover {
  background: var(--surface-surface-secondary, #FFF);
}
@media (max-width: 575.98px) {
  .carousel-container-column .carouselAccount .slick-arrow {
    display: none !important;
  }
}
.carousel-container-column .carouselAccount .slick-dots li button:before {
  display: none;
}
@media (min-width: 1440px) and (max-width: 1919px) {
  .top-head-section {
    gap: var(--spacing-md, 24px);
  }
}
.grid-account-transaction {
  padding: var(--spacing-md, 24px);
}
.grid-account-transaction .grid-heading {
  color: var(--content-content-primary, #161C20);
  font-family: var(--font-family-font, Montserrat);
  font-size: var(--font-size-base, 16px);
  font-style: normal;
  font-weight: var(--font-weight-bold, 700);
  line-height: var(--line-height-4, 24px); /* 150% */
  border-bottom: 0;
  padding-bottom: 0;
}
.grid-account-transaction .viewlink-btn {
  padding-right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-4xs, 4px);
}
.grid-account-transaction .viewlink-btn span {
  color: var(--content-content-brand-dark, #1C875A);
  font-family: var(--font-family-font, Montserrat);
  font-size: var(--font-size-sm, 14px);
  font-style: normal;
  font-weight: var(--font-weight-normal, 400);
  line-height: var(--line-height-3, 20px); /* 142.857% */
}
.grid-account-transaction .viewlink-btn::after {
  background: url('icon-chevron-green.2ff371d61ac24d38.svg') no-repeat center center;
  filter: none;
  content: " ";
  right: 0px;
  width: 16px;
  height: 16px;
  left: inherit;
  position: relative;
  top: -1px;
}
.grid-account-transaction .transaction-wrap .transaction-date {
  color: var(--content-content-brand-dark, #1C875A);
  font-family: var(--font-family-font, Montserrat);
  font-size: var(--font-size-xs, 12px);
  font-style: normal;
  font-weight: var(--font-weight-semi-bold, 600);
  line-height: var(--line-height-2, 16px); /* 133.333% */
}
.grid-account-transaction .transaction-wrap .transaction-panel ul li {
  display: flex;
  padding: 12px 0;
  margin-bottom: 0;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  border-bottom: 1px solid var(--border-border-primary, #EEF2F4);
}
.grid-account-transaction .transaction-wrap .transaction-panel ul li .transaction-icon-wrapper {
  border-radius: var(--radius-radius-pill, 500px);
  border: 1px solid var(--border-border-secondary, #D2DADF);
  background: var(--White, #FFF);
}
.grid-account-transaction .transaction-wrap .transaction-panel ul li .transaction-type .transaction-type-details .transaction-name {
  overflow: hidden;
  color: var(--content-content-primary, #161C20);
  text-overflow: ellipsis;
  font-family: var(--font-family-font, Montserrat);
  font-size: var(--font-size-base, 16px);
  font-style: normal;
  font-weight: var(--font-weight-semi-bold, 600);
  line-height: var(--line-height-4, 24px); /* 150% */
}
.grid-account-transaction .transaction-wrap .transaction-panel ul li .transaction-type .transaction-type-details .transaction-channel {
  color: var(--content-content-secondary, #5F6B73);
  font-family: var(--font-family-font, Montserrat);
  font-size: var(--font-size-sm, 14px);
  font-style: normal;
  font-weight: var(--font-weight-normal, 400);
  line-height: var(--line-height-3, 20px); /* 142.857% */
}
.grid-account-transaction .transaction-wrap .transaction-panel ul li .transaction-amount .transaction-amount-text {
  color: var(--content-content-primary, #161C20);
  font-family: var(--font-family-font, Montserrat);
  font-size: var(--font-size-sm, 14px);
  font-style: normal;
  font-weight: var(--font-weight-normal, 400);
  line-height: var(--line-height-3, 20px); /* 142.857% */
}
.grid-account-transaction .transaction-wrap .transaction-panel ul li .transaction-amount vc-imagebutton {
  margin-top: -6px;
}
.grid-account-transaction .transaction-wrap .transaction-panel ul li .transaction-amount vc-imagebutton .transaction-button.transaction-button-home {
  height: inherit;
  transform: rotate(270deg);
}

.select2-container .select2-choice,
.select2-selection {
  height: 56px;
  min-height: 56px !important;
  padding: var(--spacing-3xs, 8px) var(--spacing-xs, 16px) !important;
  align-items: center;
  gap: var(--spacing-none, 0);
  align-self: stretch;
}

.select2 .select2-selection.select2-selection--single,
vc-payeelist .select2-selection.select2-selection--single {
  border-radius: var(--radius-xs, 8px) !important;
  border: 1px solid var(--border-border-secondary, #D2DADF) !important;
  background: var(--surface-surface-secondary, #FFF) !important;
  min-height: 56px !important;
  padding: var(--spacing-3xs, 8px) var(--spacing-xs, 16px) !important;
}
.select2 .select2-selection.select2-selection--single .select2-selection__arrow,
vc-payeelist .select2-selection.select2-selection--single .select2-selection__arrow {
  background-size: 12px;
}

vc-accountlistcombo .selected-item .select2 .select2-selection,
vc-beneficiarycombobox .selected-item .select2 .select2-selection,
vc-investmentaccountlistcombo .selected-item .select2 .select2-selection,
vc-investmentholdinglistcombo .selected-item .select2 .select2-selection,
vc-goalcategorylist .selected-item .select2 .select2-selection,
vc-payeelist .selected-item .select2 .select2-selection {
  border-radius: var(--radius-xs, 8px) !important;
  border: 1px solid var(--border-border-secondary, #D2DADF) !important;
  background: var(--surface-surface-press, #EEF2F4) !important;
}

vc-accountlistcombo .account-list-dropdown-selection .transaction-name {
  color: var(--content-content-secondary, #5F6B73);
  font-family: var(--font-family-font, Montserrat);
  font-size: var(--font-size-sm, 14px);
  font-style: normal;
  font-weight: var(--font-weight-bold, 700);
  line-height: var(--line-height-3, 20px);
}
vc-accountlistcombo .account-list-dropdown-selection .transaction-type {
  color: var(--content-content-primary, #161C20);
  font-family: var(--font-family-font, Montserrat);
  font-size: var(--font-size-base, 16px);
  font-style: normal;
  font-weight: var(--font-weight-normal, 400);
  line-height: var(--line-height-4, 24px);
}
vc-accountlistcombo.combo-big .combo .select2-container .selection .select2-selection .select2-selection__arrow {
  width: 50px;
}

.select2-dropdown .account-list-dropdown-selection .amount,
.select2-dropdown .beneficiary-list-dropdown-results .amount,
.select2-dropdown .saved-bills-dropdown-results .amount,
.select2-container .account-list-dropdown-selection .amount,
.select2-container .beneficiary-list-dropdown-results .amount,
.select2-container .saved-bills-dropdown-results .amount {
  color: var(--content-content-primary, #161C20);
  font-family: var(--font-family-font, Montserrat);
  font-size: var(--font-size-base, 16px);
  font-style: normal;
  font-weight: var(--font-weight-normal, 400);
  line-height: var(--line-height-4, 24px);
  font-weight: var(--font-weight-normal, 400) !important;
  padding-right: 30px;
}

.select2-container.select2-container--open > .selection > .select2-selection {
  border-radius: var(--radius-xs, 8px) !important;
  border: 2px solid var(--border-border-brand, #53C595) !important;
  background: var(--surface-surface-secondary, #FFF) !important;
}
.select2-container.select2-container--default.select2-container--open .select2-dropdown {
  margin-top: 4px;
  border-radius: var(--radius-xs, 8px) !important;
  border: 1px solid var(--border-border-secondary, #D2DADF) !important;
  background: var(--surface-surface-primary, #F7F9FA) !important;
}
.select2-container > .select2-dropdown .select2-results li {
  color: var(--content-content-secondary, #5F6B73);
  font-family: var(--font-family-font, Montserrat);
  font-size: var(--font-size-sm, 14px);
  font-style: normal;
  font-weight: var(--font-weight-normal, 400);
  line-height: var(--line-height-3, 20px);
  text-overflow: ellipsis;
  border-bottom: 0;
  padding: var(--spacing-3xs, 8px) var(--spacing-xs, 16px);
}
.select2-container > .select2-dropdown .select2-results li li.select2-results__option--selectable {
  border-bottom: 0;
  border-radius: var(--radius-none, 0);
  background: var(--surface-surface-secondary, #FFF);
  padding: var(--spacing-3xs, 8px) var(--spacing-xs, 16px);
}
.select2-container > .select2-dropdown .select2-results li.select2-results__option--highlighted[aria-selected=true] {
  background: var(--surface-surface-press, #EEF2F4);
}
.select2-container > .select2-dropdown .select2-results li.select2-results__option--selected {
  background: var(--surface-surface-press, #EEF2F4) !important;
  color: var(--combobox-options-text-color);
}
.select2-container > .select2-dropdown .select2-results li ul.select2-results__options--nested {
  padding: var(--spacing-3xs, 8px) 0;
  border-radius: var(--radius-xs, 8px);
  background: var(--surface-surface-secondary, #FFF);
}
.select2-container > .select2-dropdown .select2-results li .account-selection-wrap .account-name {
  color: var(--content-content-secondary, #5F6B73);
  font-family: var(--font-family-font, Montserrat);
  font-size: var(--font-size-sm, 14px);
  font-style: normal;
  font-weight: var(--font-weight-normal, 400);
  line-height: var(--line-height-3, 20px);
  text-overflow: ellipsis;
}
.select2-container > .select2-dropdown .select2-results li .account-selection-wrap .account-type {
  color: var(--content-content-brand-dark, #1C875A);
  font-family: var(--font-family-font, Montserrat);
  font-size: var(--font-size-xs, 12px);
  font-style: normal;
  font-weight: var(--font-weight-normal, 400);
  line-height: var(--line-height-2, 16px);
}
.select2-container > .select2-dropdown .select2-results li .amount {
  color: var(--content-content-secondary, #5F6B73);
  font-family: var(--font-family-font, Montserrat);
  font-size: var(--font-size-sm, 14px);
  font-style: normal;
  font-weight: var(--font-weight-normal, 400);
  line-height: var(--line-height-3, 20px);
}
.select2-container > .select2-dropdown .select2-results li .select2-results__group {
  letter-spacing: 0;
  color: var(--content-content-primary, #161C20);
  font-family: var(--font-family-font, Montserrat);
  font-size: var(--font-size-sm, 14px);
  font-style: normal;
  font-weight: var(--font-weight-bold, 700) !important;
  line-height: var(--line-height-3, 20px);
  margin-bottom: var(--spacing-3xs);
  display: flex;
}
.select2-container .select2-results li {
  color: var(--content-content-secondary, #5F6B73);
  font-family: var(--font-family-font, Montserrat);
  font-size: var(--font-size-sm, 14px);
  font-style: normal;
  font-weight: var(--font-weight-normal, 400);
  line-height: var(--line-height-3, 20px);
  text-overflow: ellipsis;
}

.select-float-label {
  color: var(--content-content-secondary, #5F6B73);
  font-family: var(--font-family-font, Montserrat);
  font-size: var(--font-size-sm, 14px);
  font-style: normal;
  font-weight: var(--font-weight-bold, 700);
  line-height: var(--line-height-3, 20px);
}

.combobox-floating .select2-selection__rendered {
  color: var(--content-content-primary, #161C20);
  font-family: var(--font-family-font, Montserrat);
  font-size: var(--font-size-base, 16px);
  font-style: normal;
  font-weight: var(--font-weight-normal, 400);
  line-height: var(--line-height-4, 24px);
  font-family: var(--font-family-font, Montserrat) !important;
  font-size: var(--font-size-base, 16px) !important;
  font-style: normal !important;
  font-weight: var(--font-weight-normal, 400) !important;
  line-height: var(--line-height-4, 24px) !important;
}

.counter-field.floating-label {
  background: none;
  border: 0 !important;
}

.dashboard-wrapper.dashboard-web .select2-container > .select2-dropdown .select2-results > .select2-results__options {
  min-height: 250px;
}

.wight-panel-right {
  display: flex;
  padding: var(--spacing-md, 24px);
  flex-direction: column;
  align-items: stretch;
  align-self: stretch;
  border-radius: var(--radius-md, 16px);
  background: var(--surface-surface-secondary, #FFF);
}
.wight-panel-right .widget-heading {
  border-bottom: 0;
  padding-bottom: 8px;
  padding-top: 0;
  display: block;
  margin-bottom: 0;
  color: var(--content-content-primary, #161C20);
  font-family: var(--font-family-font, Montserrat);
  font-size: var(--font-size-base, 16px);
  font-style: normal;
  font-weight: var(--font-weight-bold, 700);
  line-height: var(--line-height-4, 24px);
}
.wight-panel-right .widget-transaction-type vc-label.heading-type {
  color: var(--Text-text-heading, #161C20);
  font-family: var(--font-family-font, Montserrat);
  font-size: var(--font-size-sm, 14px);
  font-style: normal;
  font-weight: var(--font-weight-medium, 500);
  line-height: var(--line-height-3, 20px); /* 142.857% */
}
.wight-panel-right .widget-transaction-type .viewlink-hd {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-4xs, 4px);
  padding-right: 0;
}
.wight-panel-right .widget-transaction-type .viewlink-hd span {
  color: var(--content-content-brand-dark, #1C875A);
  font-family: var(--font-family-font, Montserrat);
  font-size: var(--font-size-sm, 14px);
  font-style: normal;
  font-weight: var(--font-weight-normal, 400);
  line-height: var(--line-height-3, 20px); /* 142.857% */
}
.wight-panel-right .widget-transaction-type .viewlink-hd::after {
  background: url('icon-chevron-green.2ff371d61ac24d38.svg') no-repeat center center;
  filter: none;
  content: " ";
  right: 0px;
  width: 16px;
  height: 16px;
  left: inherit;
  position: relative;
  top: -1px;
}

.wight-panel-right .widget-transaction-type {
  margin-bottom: var(--spacing-md);
}
.wight-panel-right .widget-transaction.schedule-trans {
  margin-bottom: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-3xs, 8px);
  align-self: stretch;
}
.wight-panel-right .widget-transaction.schedule-trans .widget-transaction-panel {
  background: var(--surface-surface-secondary, #FFF);
  padding: 0;
}
.wight-panel-right .widget-transaction.schedule-trans .widget-transaction-panel ul li {
  padding-bottom: 8px !important;
  margin-bottom: 0 !important;
  position: relative !important;
  border-bottom: 1px solid var(--border-border-primary, #EEF2F4) !important;
}
.wight-panel-right .widget-transaction.schedule-trans .widget-transaction-panel ul li .schedule-trans-name {
  color: var(--content-content-secondary, #5F6B73);
  font-family: var(--font-family-font, Montserrat);
  font-size: var(--font-size-sm, 14px);
  font-style: normal;
  font-weight: var(--font-weight-medium, 500);
  line-height: var(--line-height-3, 20px); /* 142.857% */
}
.wight-panel-right .widget-transaction.schedule-trans .widget-transaction-panel ul li .schedule-trans-amount {
  display: flex;
  align-items: center;
}
.wight-panel-right .widget-transaction.schedule-trans .widget-transaction-panel ul li .schedule-trans-amount .amount {
  overflow: hidden;
  color: var(--content-content-primary, #161C20);
  text-align: right;
  text-overflow: ellipsis;
  font-family: var(--font-family-font, Montserrat);
  font-size: var(--font-size-sm, 14px);
  font-style: normal;
  font-weight: var(--font-weight-normal, 400);
  line-height: var(--line-height-3, 20px); /* 142.857% */
}
.wight-panel-right .widget-transaction.schedule-trans .widget-transaction-panel ul li .schedule-trans-amount .transaction-button {
  transform: rotate(-90deg);
  width: 9px;
  margin-left: 12px;
}

.account-grid .membership-header vc-gridcolumn .membership-label {
  color: var(--content-content-primary, #161C20);
  font-family: var(--font-family-font, Montserrat);
  font-size: var(--font-size-sm, 14px);
  font-style: normal;
  font-weight: var(--font-weight-bold, 700);
  line-height: var(--line-height-3, 20px);
}
.account-grid vc-gridrow .account-item {
  letter-spacing: 0;
  overflow: hidden;
  color: var(--content-content-secondary, #5F6B73);
  text-overflow: ellipsis;
  font-family: var(--font-family-font, Montserrat);
  font-size: var(--font-size-sm, 14px);
  font-style: normal;
  font-weight: var(--font-weight-normal, 400);
  line-height: var(--line-height-3, 20px);
}
.account-grid vc-gridrow .account-activity {
  margin-left: 0;
}
.account-grid vc-gridrow .account-activity span {
  overflow: hidden;
  color: var(--content-content-brand-dark, #1C875A);
  text-overflow: ellipsis;
  font-family: var(--font-family-font, Montserrat);
  font-size: var(--font-size-xs, 12px);
  font-style: normal;
  font-weight: var(--font-weight-normal, 400);
  line-height: var(--line-height-2, 16px);
}
.account-grid vc-gridrow .account-activity span::before {
  content: " - ";
}
.account-grid vc-gridrow .amount-text {
  letter-spacing: 0;
  color: var(--content-content-secondary, #5F6B73);
  font-family: var(--font-family-font, Montserrat);
  font-size: var(--font-size-sm, 14px);
  font-style: normal;
  font-weight: var(--font-weight-normal, 400);
  line-height: var(--line-height-3, 20px);
}
.account-grid vc-gridrow .accounts-kebeb-menu {
  margin: -3px 0 0 var(--spacing-4xs, 4px);
  width: 24px !important;
}

.home-list-view {
  gap: var(--spacing-4xs);
}

.account-card-component .isHome {
  margin-top: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  flex: 1 0 0;
  align-self: stretch;
  height: 146px;
}
@media (max-width: 766.98px) {
  .account-card-component .isHome {
    height: 155px;
  }
}

.slick-slide .account-detail-text-wrapper vc-label {
  display: flex;
}

.dashboard-wrapper.dashboard-web > div .welcome-dashboard .account-card-component {
  background-blend-mode: inherit !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: auto;
  background-color: #000;
  border-radius: var(--radius-md, 16px);
  padding: var(--spacing-md, 24px);
}
@media (max-width: 766.98px) {
  .dashboard-wrapper.dashboard-web > div .welcome-dashboard .account-card-component {
    height: 202px;
  }
}
.dashboard-wrapper.dashboard-web > div .welcome-dashboard .account-card-component .account-card-view-details::after {
  width: 7px;
  height: 12px;
  right: var(--spacing-md, 24px);
  top: var(--spacing-md, 24px);
}
.dashboard-wrapper.dashboard-web > div .welcome-dashboard .account-card-component .account-detail-text-wrapper {
  background: none;
  position: static;
  border: 0;
  padding: 0;
  max-width: max-content;
  min-width: inherit;
  margin: 0;
  text-align: left;
  display: flex;
  justify-content: center;
  margin-bottom: 4px;
}
.dashboard-wrapper.dashboard-web > div .welcome-dashboard .account-card-component .account-detail-text {
  text-transform: capitalize;
  color: var(--Text-text-on-black, #FFF) !important;
  font-family: Montserrat;
  font-size: var(--p-sm-font-size, 14px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--p-font-size, 16px);
}
.dashboard-wrapper.dashboard-web > div .welcome-dashboard .account-card-component .nickname-row-home {
  margin-bottom: 0;
}
.dashboard-wrapper.dashboard-web > div .welcome-dashboard .account-card-component .nickname-row-home .username-text,
.dashboard-wrapper.dashboard-web > div .welcome-dashboard .account-card-component .nickname-row-home .account-subnumber {
  color: var(--Text-text-on-black, #FFF);
  font-family: Montserrat;
  font-size: var(--p-font-size, 16px);
  font-style: normal;
  font-weight: 700 !important;
  line-height: var(--p-line-height, 24px);
}
.dashboard-wrapper.dashboard-web > div .welcome-dashboard .account-card-component .bottom-right-row .amount-column {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: column;
  gap: var(--spacing-4xs, 4px);
  padding: var(--spacing-none);
  margin-bottom: -6px;
}
.dashboard-wrapper.dashboard-web > div .welcome-dashboard .account-card-component .bottom-right-row .amount-column .total-balance {
  color: var(--Text-text-on-black, #FFF);
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: var(--p-sm-line-height, 20px);
}
.dashboard-wrapper.dashboard-web > div .welcome-dashboard .account-card-component .bottom-right-row .amount-column .amount-text {
  color: var(--Text-text-on-black, #FFF);
  text-align: right;
  font-family: Montserrat;
  font-size: var(--h5-font-size, 24px);
  font-style: normal;
  font-weight: 700;
  line-height: var(--p-line-height, 24px);
}

vc-investmentaccountcardview .account-card-non-registered .card-nickname-row .username-text-label {
  line-height: 0;
}

.dashboard-wrapper.dashboard-web > div .welcome-dashboard vc-investmentaccountcardview .account-card-component .account-detail-text-wrapper {
  margin-bottom: 8px;
}

@media (min-width: 767px) {
  body.vcaas-mobile-body vc-uiviewfooter .footer-desktop {
    background-color: #000 !important;
    background-image: url('images/footer-bg.svg') !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: 0 90px !important;
  }
  .flow-navigation.d-block {
    display: flex !important;
    justify-content: flex-end;
  }
  .flow-navigation > .row {
    gap: var(--spacing-2xs, 12px);
  }
  .flow-navigation .flownav-btn-wrapper-div div:only-child {
    max-width: inherit;
  }
}
.dbas-btn.btn-primary:hover, .dbas-btn.btn-primary:not(:disabled):not(.disabled):active, .dbas-btn.btn-primary:not(:disabled):not(.disabled).active, .dbas-btn.btn-secondary:hover, .dbas-btn.btn-secondary:not(:disabled):not(.disabled):active, .dbas-btn.btn-secondary:not(:disabled):not(.disabled).active, .dbas-btn.btn-outline:hover, .dbas-btn.btn-outline:not(:disabled):not(.disabled):active, .dbas-btn.btn-outline:not(:disabled):not(.disabled).active {
  background: var(--surface-surface-brand-hover, #186D49) !important;
}

.mdc-icon-button:hover .mat-icon {
  background: url('images/icon-calendar.svg') no-repeat center center;
}

mat-calendar mat-calendar-header .mdc-button__label {
  text-decoration: none;
  color: var(--content-content-primary, #161C20);
  font-size: var(--font-size-base, 16px);
  font-style: normal;
  font-weight: var(--font-weight-bold, 700);
  line-height: var(--line-height-4, 24px);
}
mat-calendar .mat-calendar-table-header th {
  color: var(--content-content-primary, #161C20);
  font-size: var(--font-size-xs, 12px);
  font-style: normal;
  font-weight: var(--font-weight-semi-bold, 600);
  line-height: var(--line-height-2, 16px);
}
mat-calendar .mat-calendar-body-cell-content {
  color: var(--content-content-primary, #161C20);
  font-size: var(--font-size-sm, 14px);
  font-style: normal;
  font-weight: var(--font-weight-normal, 400);
  line-height: var(--line-height-3, 20px);
}
mat-calendar mat-month-view .mat-calendar-body .mat-calendar-body-selected {
  background-color: var(--surface-surface-brand, #53C595) !important;
  font-weight: var(--font-weight-bold, 700);
  color: var(--content-content-on-brand, #FFF);
}

.mat-datepicker-actions .dbas-btn.btn-sm {
  height: var(--btn-height) !important;
  border-radius: var(--btn-radius) !important;
  font-size: var(--btn-font-size) !important;
  font-weight: var(--btn-font-weight) !important;
}

.icon-button-circular {
  width: 100%;
}

.biometric-user-info .biometric-user-name vc-label {
  text-transform: capitalize;
  color: var(--content-content-primary, #161C20);
  font-size: var(--font-size-4xl, 36px);
  font-weight: var(--font-weight-normal, 400);
  line-height: var(--line-height-8, 40px);
}

.login-btn-saved-profile {
  margin-top: -45px;
}
@media (max-width: 767.98px) {
  .login-btn-saved-profile {
    margin-top: -55px;
  }
}

.forgot-link-saved-profile-mobile {
  position: relative;
  top: 10px;
}

@media (min-width: 768px) {
  .app-intro-web .login-intro,
  .app-intro-first-level .login-intro {
    padding: 40px 0 0 0 !important;
    row-gap: 16px;
  }
}
.app-intro-web .login-intro .already-setup-password-text,
.app-intro-first-level .login-intro .already-setup-password-text {
  color: var(--content-content-secondary, #5F6B73);
  font-size: var(--font-size-base, 16px);
  font-weight: var(--font-weight-normal, 400);
  line-height: var(--line-height-4, 24px);
  padding: 0 var(--spacing-3xs, 8px);
}
.app-intro-web .login-intro .login-now-link,
.app-intro-first-level .login-intro .login-now-link {
  display: flex;
  flex-basis: 100%;
  max-height: 32px;
  padding: var(--spacing-2xs, 12px) var(--spacing-xs, 16px);
  justify-content: center;
  align-items: center;
  gap: var(--spacing-4xs, 4px);
  align-self: stretch;
  border-radius: var(--radius-xs, 8px);
  border: 1px solid var(--border-border-secondary, #D2DADF);
  cursor: default;
}
.app-intro-web .login-intro .login-now-link a,
.app-intro-first-level .login-intro .login-now-link a {
  text-decoration: none;
}
.app-intro-web .login-intro .login-now-link a span,
.app-intro-first-level .login-intro .login-now-link a span {
  color: var(--content-content-primary, #161C20) !important;
  font-size: var(--font-size-xs, 12px) !important;
  font-weight: var(--font-weight-semi-bold, 600) !important;
  line-height: var(--line-height-2, 16px) !important;
}
.app-intro-web .login-intro .login-now-link a span:hover,
.app-intro-first-level .login-intro .login-now-link a span:hover {
  text-decoration: none !important;
}

.forgot-screens nav.dbas-header.header-web {
  background: none !important;
  border-bottom: 0 !important;
  height: inherit !important;
}
.forgot-screens nav.dbas-header.header-web .header-content {
  max-width: inherit;
  padding: 0;
  justify-content: flex-start;
}
.forgot-screens nav.dbas-header.header-web .header-center {
  color: var(--content-content-primary, #161C20);
  font-family: var(--font-family-font, Montserrat);
  font-size: var(--font-size-4xl, 36px);
  font-weight: var(--font-weight-black, 900);
  line-height: var(--line-height-8, 40px);
  text-align: left;
  margin: inherit;
}
.forgot-screens #mainview .content .content-inner.content-flow .content-inner-scroll-wrapper .content-inner-scroll-area .txn-info-text {
  padding: 0;
}
.forgot-screens .txn-info-text:not(.commonconfirm) p {
  margin: 10px 0 !important;
}
.forgot-screens .flow-navigation.d-block {
  display: block !important;
}
.forgot-screens vc-textbox .floatingPlaceholder, .forgot-screens vc-datepicker .floatingPlaceholder, .forgot-screens vc-amountbox .floatingPlaceholder, .forgot-screens vc-moneytextbox .floatingPlaceholder, .forgot-screens vc-maskedtextbox .floatingPlaceholder, .forgot-screens vc-phonenumber .floatingPlaceholder, .forgot-screens vc-textarea .floatingPlaceholder {
  color: var(--content-content-secondary, #5F6B73);
  font-family: var(--font-family-font, Montserrat);
  font-size: var(--font-size-base, 16px);
  font-weight: var(--font-weight-bold, 700);
  line-height: var(--line-height-4, 24px);
}
@media (max-width: 575.98px) and (max-width: 767.98px) {
  .forgot-screens #mainview:not(.retail-landing).login-masterview header {
    position: inherit;
    background: none !important;
  }
  .forgot-screens #mainview:not(.retail-landing).login-masterview header .dbas-header {
    position: inherit !important;
    background: none;
    height: inherit;
  }
  .forgot-screens #mainview:not(.retail-landing).login-masterview header .dbas-header .header-center {
    text-align: left;
    color: var(--content-content-primary, #161C20) !important;
    font-size: var(--font-size-3xl, 30px);
    font-style: normal;
    font-weight: var(--font-weight-black, 900);
    line-height: var(--line-height-7, 36px);
  }
  .forgot-screens #mainview:not(.retail-landing).login-masterview header .dbas-header .header-left-side .flow-nav-back {
    display: none;
  }
  .forgot-screens #mainview:not(.retail-landing).login-masterview #containerView vc-loginmaster-uiview {
    padding-top: inherit !important;
  }
  .forgot-screens #mainview:not(.retail-landing).login-masterview #containerView vc-loginmaster-uiview .outer-content > .inner-content {
    justify-content: flex-start !important;
  }
  .forgot-screens #mainview:not(.retail-landing).login-masterview #containerView vc-loginmaster-uiview .outer-content > .inner-content > ng-component {
    flex: 0 0 auto !important;
    width: 100%;
    margin: 0 !important;
  }
  .forgot-screens #mainview:not(.retail-landing).login-masterview #containerView vc-loginmaster-uiview .outer-content > .inner-content > vc-flownavigation {
    margin-top: 0 !important;
    width: 100%;
  }
}

.result-panel {
  z-index: 101;
  top: 0px;
}

vc-payeelist .select2-selection.select2-selection--single.payelist-selected {
  background: var(--surface-surface-press, #EEF2F4) !important;
}

vc-payeelist .selection-visible.select2-selection.select2-selection--single,
vc-payeelist .payee-list-gridsystem-popup,
vc-payeelist:has(.select-custom-popup:focus) .payee-list-gridsystem {
  border: 2px solid var(--border-border-brand, #53C595) !important;
}

vc-payeelist .payee-list-gridsystem-popup,
vc-payeelist:has(.select-custom-popup:focus) .payee-list-gridsystem {
  border-radius: 0px 0px var(--radius-xs, 8px) var(--radius-xs, 8px);
}

vc-payeelist .payee-list-gridsystem-popup,
vc-payeelist:has(.select-custom-popup:focus) .payee-list-gridsystem {
  border-top: 0 !important;
}

vc-payeelist .select-custom-popup::before {
  background-size: 12px;
}

@media (min-width: 767px) {
  .payee-list-gridsystem-item {
    border-bottom: 0 !important;
  }
}
vc-payeelist .select-custom-popup.floating-label vc-gridcolumn vc-label:first-child span {
  color: var(--content-content-secondary, #5F6B73);
  font-size: var(--font-size-sm, 14px) !important;
  font-style: normal !important;
  font-weight: var(--font-weight-bold, 700) !important;
  line-height: var(--line-height-3, 20px) !important;
}

vc-payeelist .select-custom-popup.floating-label vc-gridcolumn vc-label:last-child span {
  overflow: hidden;
  color: var(--content-content-primary, #161C20);
  text-overflow: ellipsis;
  font-family: var(--font-family-font, Montserrat);
  font-size: var(--font-size-base, 16px);
  font-style: normal;
  font-weight: var(--font-weight-normal, 400);
  line-height: var(--line-height-4, 24px);
  margin-left: 0;
}

#containerView .remaining-daily-limit-row,
#containerView .interac-readonly {
  border-radius: var(--radius-xs, 8px);
  border: 1px solid var(--border-border-disabled, #D2DADF);
  background: var(--surface-surface-disabled, #E1E7EA);
}
#containerView .textarea-wrapper.has-floating-placeholder .textarea-inner:has(textarea:disabled), #containerView .textarea-wrapper.has-char-counter .textarea-inner:has(textarea:disabled) {
  border-radius: var(--radius-xs, 8px);
  border: 1px solid var(--border-border-disabled, #D2DADF);
  background: var(--surface-surface-disabled, #E1E7EA);
}
#containerView .textarea-wrapper.has-floating-placeholder .textarea-inner:has(textarea:disabled) .floating-label, #containerView .textarea-wrapper.has-char-counter .textarea-inner:has(textarea:disabled) .floating-label {
  background: var(--surface-surface-disabled, #E1E7EA);
}
#containerView .useful-links-widget .useful-link-item {
  border-bottom: 1px solid var(--border-border-primary, #EEF2F4);
}
#containerView .useful-links-widget .useful-link-item:last-child {
  border-bottom: 0;
}

.custom-tooltip {
  border-radius: var(--radius-sm, 12px);
  border: 1px solid var(--border-border-secondary, #D2DADF);
  background: var(--surface-surface-secondary, #FFF);
  box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.2);
}

.icon-edit {
  background: none;
}

/* Mobile dashboard action buttons styling (as per mockup) */
@media (max-width: 767.98px) {
  .mobile-action-btns {
    gap: 0 var(--spacing-3xs, 8px);
    margin: var(--spacing-lg, 32px) 0;
  }
  .mobile-action-btns .quick-action-card {
    background: var(--content-content-white, #ffffff);
    text-align: center;
    border-radius: 8px;
    border: none;
    padding: 12px 4px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: calc((100vw - 32px - 18px) / 4);
    height: auto;
  }
  .mobile-action-btns .quick-action-card img {
    width: 24px;
    margin-bottom: 8px;
    filter: none;
  }
  .mobile-action-btns .quick-action-card span {
    color: var(--content-content-primary, #161C20);
    font-size: var(--font-size-xs, 12px);
    font-weight: var(--font-weight-medium, 500);
    line-height: var(--line-height-2, 16px);
  }
  .mobile-account-dropdown {
    min-width: 80px;
    position: relative;
    bottom: -8px;
    left: 10px;
  }
  .mobile-account-dropdown vc-combobox {
    width: auto;
  }
  .mobile-account-dropdown vc-combobox .select2-container .select2-selection--single {
    border: none !important;
    background: #ffffff !important;
    border-bottom: 3px solid #53C595 !important;
    border-radius: 12px 12px 0 0 !important;
    box-shadow: none;
    padding: 4px 12px !important;
    min-height: unset !important;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
  }
  .mobile-account-dropdown vc-combobox .select2-container .select2-selection--single .select2-selection__rendered {
    text-overflow: initial;
    overflow: inherit;
    max-width: inherit;
    color: var(--Text-text-heading, #161C20);
    font-family: var(--font-family-font, Montserrat);
    font-size: var(--font-size-sm, 14px);
    font-style: normal;
    font-weight: var(--font-weight-normal, 400);
    line-height: var(--line-height-3, 20px);
  }
  .mobile-account-dropdown vc-combobox .select2-container .select2-selection--single .select2-selection__arrow {
    width: 10px;
    height: 10px;
    position: static;
  }
  .mobile-account-dropdown vc-combobox .select2-container .select2-selection--single .select2-selection__arrow b {
    border-color: #6b778c transparent transparent transparent;
    border-width: 5px 4px 0 4px;
    position: static;
    margin: 0;
  }
  .dbas-footer.navbar {
    min-height: 60px;
    border-radius: 0;
    box-shadow: 0 -2px 20px 0 rgba(0, 0, 0, 0.1);
  }
  .dbas-footer.navbar .nav-link-item {
    height: 60px;
    padding-top: 0;
    justify-content: center;
  }
  .dbas-footer.navbar .nav-link-item .icon-home {
    background-image: url('images/foot-menu-home.svg');
  }
  .dbas-footer.navbar .nav-link-item .icon-account {
    background-image: url('images/foot-menu-accounts.svg');
  }
  .dbas-footer.navbar .nav-link-item .icon-services {
    background-image: url('images/foot-menu-services.svg');
  }
  .dbas-footer.navbar .nav-link-item .icon-more {
    background-image: url('images/foot-menu-more.svg');
  }
  .dbas-footer.navbar .nav-link-item.active .icon {
    filter: invert(73%) sepia(11%) saturate(1725%) hue-rotate(103deg) brightness(93%) contrast(85%);
    mask-image: none !important;
    -webkit-mask-image: none !important;
  }
  .dbas-footer.navbar .nav-link-item vc-label {
    display: none;
  }
  .dbas-footer.navbar .nav-link-item .mobile-center-menu {
    box-shadow: none;
    width: 64px;
    height: 64px;
    border-radius: var(--Radius-round, 9999px);
    background-color: var(--surface-surface-brand, #53C595);
    background-image: url('images/foot-mobile-center-menu.svg');
  }
  .dashboard-wrapper.dashboard-web > div .welcome-dashboard .dashboard-account-title-wrapper vc-gridcolumn {
    align-items: flex-start !important;
  }
}
.quick-actions-mobile {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3xs, 8px);
}
.quick-actions-mobile vc-label {
  margin-bottom: 0;
  color: var(--content-content-primary, #161C20);
  font-size: var(--font-size-sm, 14px);
  font-weight: var(--font-weight-bold, 700);
  line-height: var(--line-height-3, 20px);
}
.quick-actions-mobile > vc-imagebutton {
  padding: var(--spacing-2xs, 12px) var(--spacing-none, 0);
}
.quick-actions-mobile > vc-imagebutton span {
  color: var(--content-content-primary, #161C20);
  font-size: var(--font-size-sm, 14px);
  font-weight: var(--font-weight-medium, 500);
  line-height: var(--line-height-3, 20px);
}
.quick-actions-mobile img {
  display: none;
}

.mobile-footer {
  display: none;
}