.hide-icon {
  visibility: hidden;
}
.permalink-icon {
  fill: var(--black-link-hover-color) !important;
}
.permalink {
  cursor: default;
  display: flex;
  margin-left: -24px;
}

/* Style the header */
header {
  color: white;
  position: sticky;
  top: 0;
  z-index: 99;
  width: 98%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 36px;
  background-color: var(--brand-black);
  border-radius: 12px;
  transition: width 0.1s ease;
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.15);
}
@media (max-width: 767px) {
  header {
    width: 100%;
    margin-top: 0;
    border-radius: 0;
  }
}
header .dropdown-option-for-active-page::before {
  content: '' !important;
  height: 0.5rem !important;
  width: 0.5rem !important;
  border-radius: 50% !important;
  background-color: #0281DC !important;
  position: relative !important;
  display: inline-block;
  margin-inline-end: 0.5rem;
}
.main-header {
  height: 40px;
  background-color: inherit;
  border-radius: inherit;
}
.main-header .header-home-link-span {
  font-size: 1.375rem;
}
@media (max-width: 575px) {
  .main-header .header-home-link-span {
    font-size: 1rem;
  }
}
@media (max-width: 575px) {
  .main-header #subheader-xm-icon {
    width: 28px;
    height: 28px;
  }
}
#logout-warning-banner.custom-infobar-outer .custom-infobar-container {
  display: flex;
  align-items: center;
  justify-content: center;
}
#logout-warning-banner.custom-infobar-outer .custom-infobar-inner {
  padding: 6px;
  z-index: 20;
  font-size: 15px;
}
#logout-warning-banner.custom-infobar-outer .custom-infobar-inner .infobar-content {
  position: relative;
  text-align: center;
}
#logout-warning-banner.custom-infobar-outer .custom-infobar-inner .infobar-content span,
#logout-warning-banner.custom-infobar-outer .custom-infobar-inner .infobar-content button,
#logout-warning-banner.custom-infobar-outer .custom-infobar-inner .infobar-content a {
  margin: 5px 10px 5px 0;
}
#logout-warning-banner.custom-infobar-outer .messaging {
  color: var(--black-link-color);
  padding-right: 10px;
  font-weight: 600;
}
.profile-text-center {
  position: absolute;
  width: 30px;
  top: 0;
  color: white;
  font-weight: 500;
  font-size: 1rem;
  text-transform: capitalize;
  text-align: center;
  line-height: 30px;
  height: 30px;
  bottom: 0;
  left: 0;
  right: 0;
}
.dropdown-toggle::after {
  content: none !important;
}
.main-header .header-dropdown-menu {
  pointer-events: all;
  justify-items: start;
  border-radius: 10px;
  border: 1px solid #eee;
  padding: 12px;
  inset-inline-start: 0px;
  z-index: 1;
  background-color: white;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.2);
  top: 100%;
  visibility: hidden;
  position: absolute;
  opacity: 0;
  transform: translateY(10px);
  width: max-content;
}
.main-header .header-dropdown-menu.visible {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition: all 0.4s ease-out, padding 0s;
}
.main-header .header-dropdown-menu.align-right {
  right: 0;
  left: unset;
}
.main-header .header-dropdown-menu.align-left {
  left: 0;
  right: unset;
}
.input-sans {
  font-family: 'input-sans' !important;
}
.header-my-services-text {
  color: black;
}
.black-text {
  color: var(--black-link-color);
}
.black-text:visited {
  color: var(--black-link-color);
}
.header-dropdown-link {
  border-radius: 10px;
  padding: 8px 12px;
  background-color: transparent;
}
.header-dropdown-link:hover {
  background-color: #EDF2F4;
}
#desktop-nav {
  display: flex;
}
#desktop-nav .gradient-underline {
  position: relative;
}
#desktop-nav .desktop-nav-link-container {
  min-height: 88px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#desktop-nav .desktop-nav-link-container > :first-child {
  flex-grow: 1;
  align-content: center;
}
@media (min-width: 767px) {
  #desktop-nav .gradient-underline:hover::before,
  #desktop-nav .gradient-underline:active::before {
    bottom: 0;
    content: '';
    background: linear-gradient(123deg, #008feb, #5f1ae5 66%, #a672ff);
    height: 3px;
    left: 0;
    position: absolute;
    width: 100%;
  }
}
@media (max-width: 767px) {
  #desktop-nav {
    display: none;
  }
}
#mobile-nav {
  display: none;
}
#mobile-nav #mobileDropdownMenuButton img.flip {
  transform: scaleY(-1);
}
#mobile-nav #mobileDropdownMenuButton img.dropdown-caret {
  width: 18px;
}
@media (max-width: 767px) {
  #mobile-nav {
    display: flex;
  }
}
#header-mobile-nav-menu {
  display: none;
}
@media (max-width: 767px) {
  #header-mobile-nav-menu {
    display: flex;
    position: absolute;
    background-color: white;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    padding: 20px 25px 20px 30px;
    width: 100%;
    overflow: auto;
    max-height: calc(100vh - 115px);
  }
}
.mobile-nav-items-margin {
  margin-top: 5px;
  margin-bottom: 5px;
}
.light-gray-divider {
  height: 1px;
  color: #2328271a;
  opacity: 1;
  margin: 0 !important;
}
.light-gray-divider.mt-3 {
  margin-top: 1rem !important;
}
#sku-banner {
  padding-top: 14px;
  padding-bottom: 14px;
}
header div:last-child {
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
}

.attention-banner {
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
}
.close-banner-button {
  width: 1.5rem;
  height: 1.5rem;
  margin-left: 25px;
}
.close-banner-icon {
  fill: black;
}

.accordion {
  text-align: start;
  border: 1px solid transparent;
  border-radius: 0.5rem;
  transition: all 0.3s ease-in-out;
}
.accordion.expanded {
  box-shadow: 0 0 7px #C6CACC;
  padding-top: 1rem;
}
.accordion .accordion-icon svg {
  width: 0.6875rem;
  height: 0.6875rem;
  margin-left: 0.6875rem;
  margin-right: 0.6875rem;
}
.accordion .accordion-header-button {
  border: none;
  background-color: transparent;
  display: flex;
  align-items: center;
  font-size: 1.125em;
  width: 100%;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}
.accordion .accordion-header-button[aria-expanded=true] {
  font-weight: 500;
}
.accordion .accordion-header-text {
  text-align: start;
}
.accordion .accordion-content {
  margin-left: 2.4375rem;
  margin-right: 2.4375rem;
  padding-bottom: 1px;
  transition: all 0.3s ease-in-out;
  overflow: hidden;
}
.accordion:hover {
  border: 1px solid #0768DD;
  border-radius: 0.5rem;
}
.accordion-content-container {
  display: block;
  padding-bottom: 0.875rem;
}
.accordion.expanded .accordion-content-container {
  visibility: visible;
  padding-bottom: 1rem;
}
.accordion.collapsed .accordion-content-container {
  transition: visibility 0 linear 0.3s;
  visibility: hidden;
}

.fade-in {
  animation-duration: 0.3s;
  animation-timing-function: ease-in-out;
}
.fade-in.right-to-center {
  animation-name: right-to-center;
}
.fade-in.left-to-center {
  animation-name: left-to-center;
}
.fade-in.opacity-transition {
  animation-duration: 0.4s;
  animation-name: opacity-transition;
}
@keyframes right-to-center {
  0% {
    transform: translate3d(100%, 0, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes left-to-center {
  0% {
    transform: translate3d(-100%, 0, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes opacity-transition {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

* {
  box-sizing: border-box;
  font-family: benton-sans, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}
html {
  font-size: 100%;
  scroll-behavior: auto !important;
}
body {
  font-family: Arial, Helvetica, sans-serif;
}
#app {
  min-height: calc(100vh - 54px);
  display: flex;
  flex-direction: column;
}
#app.experimental-gray-bg {
  background-color: #EDF2F4;
}
.scale-down-80 {
  transform: scale(0.8);
}
/* font utility styles */
.font-size-10 {
  font-size: 0.625rem;
}
.font-size-11 {
  font-size: 0.687rem;
}
.font-size-12 {
  font-size: 0.75rem;
}
.font-size-13 {
  font-size: 13px;
}
.font-size-14 {
  font-size: 0.875rem;
}
.font-size-16 {
  font-size: 1rem;
}
.font-size-18 {
  font-size: 1.125rem;
}
.font-size-20 {
  font-size: 1.25rem;
}
.font-size-1-4-rem {
  font-size: 1.4rem;
}
.font-size-24 {
  font-size: 1.5rem;
}
.font-size-26 {
  font-size: 1.625rem;
}
.font-size-30 {
  font-size: 1.875rem;
}
.font-size-32 {
  font-size: 2rem;
}
.font-size-40 {
  font-size: 2.5rem;
}
.font-size-50 {
  font-size: 3.125rem;
}
.line-height-10 {
  line-height: 0.625rem;
}
.line-height-16 {
  line-height: 1rem;
}
.line-height-20 {
  line-height: 1.25rem;
}
.line-height-24 {
  line-height: 1.5rem;
}
.line-height-32 {
  line-height: 2rem;
}
.font-weight-200 {
  font-weight: 200;
}
.font-weight-300 {
  font-weight: 300;
}
.font-weight-400 {
  font-weight: 400;
}
.font-weight-500 {
  font-weight: 500;
}
.font-weight-550 {
  font-weight: 550;
}
.font-weight-600 {
  font-weight: 600;
}
.font-weight-700 {
  font-weight: 700;
}
.font-italic {
  font-style: italic !important;
}
.font-input-sans {
  font-family: 'input-sans' !important;
}
.uppercase {
  text-transform: uppercase;
}
.color-secondary {
  color: var(--text-secondary-text-light);
}
.color-error {
  color: var(--error);
}
.background-inherit {
  background: inherit;
}
.background-white {
  background: white;
}
.border-none {
  border: none;
}
.border-none-important {
  border: none !important;
}
.safe-text-start {
  text-align: start !important;
}
.safe-text-center {
  text-align: center;
}
.safe-text-end {
  text-align: end;
}
@media (min-width: 768px) {
  .safe-text-md-end {
    text-align: end !important;
  }
}
.w-25 {
  width: 25%;
}
.w-60 {
  width: 60%;
}
.w-100 {
  width: 100%;
}
.w-110 {
  width: 110%;
}
.lh-28 {
  line-height: 28px;
}
.pl-10 {
  padding-inline-start: 10px;
}
.pl-5 {
  padding-inline-start: 5px;
}
.break-word {
  word-break: break-word;
}
.mh-18px {
  min-height: 18px;
}
.minh-0 {
  min-height: 0 !important;
}
.h-auto {
  height: auto !important;
}
.d-contents {
  display: contents;
}
.break-word {
  word-break: break-word;
}
.link-no-style,
.link-no-style:visited,
.link-no-style:hover,
.link-no-style:focus {
  text-decoration: none;
  color: #212529;
}
.text-link {
  color: var(--action-blue);
  text-decoration: none;
}
.text-link:hover,
.text-link:focus {
  color: var(--action-blue) !important;
  text-decoration: underline;
}
.text-link:visited {
  color: var(--action-blue) !important;
}
.text-link-container a {
  color: var(--action-blue) !important;
  text-decoration: none;
}
.text-link-container a:hover,
.text-link-container a:focus {
  color: var(--action-blue) !important;
  text-decoration: underline;
}
.text-link-container a:visited {
  color: var(--action-blue) !important;
}
.focus-border {
  border: 1px solid transparent !important;
}
.focus-border:focus {
  border: 1px solid #0768DD !important;
  border-radius: 5rem;
}
.border-bottom {
  border-bottom: 0.5px solid #667d93;
}
.margin-top-23 {
  margin-top: 23px;
}
.margin-top-32 {
  margin-top: 2rem !important;
}
.margin-top-44 {
  margin-top: 44px;
}
.margin-top-50 {
  margin-top: 50px;
}
.margin-top-80 {
  margin-top: 80px;
}
.margin-bottom-8 {
  margin-bottom: 0.5rem;
}
.margin-bottom-30 {
  margin-bottom: 30px;
}
.margin-bottom-50 {
  margin-bottom: 50px;
}
.margin-bottom-60 {
  margin-bottom: 60px;
}
.margin-bottom-80 {
  margin-bottom: 80px;
}
.padding-bottom-100 {
  padding-bottom: 100px;
}
.left-200 {
  left: -125px !important;
}
/* Style the footer */
footer {
  position: relative;
  bottom: 0;
  width: 100%;
  overflow-y: hidden;
  margin-top: auto;
}
footer .footer-round-social-icon {
  height: 2.5em;
  width: 2.5em;
  border-color: black !important;
}
footer .footer-round-social-icon:hover {
  color: black !important;
}
footer .icon-size-4 {
  height: 1rem !important;
}
footer .icon {
  display: inline-block;
}
footer #social-links {
  width: 33.333%;
}
@media (max-width: 767px) {
  footer #social-links {
    width: auto;
  }
}
footer .one-trust-btn {
  color: black !important;
  border: none !important;
  padding: 0 0 !important;
  font-size: 0.75rem !important;
  background-color: transparent !important;
  text-decoration: underline;
}
footer.hub-footer #ot-sdk-btn.one-trust-btn {
  font-size: 0.875rem !important;
  line-height: inherit;
  height: fit-content;
  width: fit-content;
}
footer.site-footer .one-trust-btn:hover {
  color: #00b4ef !important;
  text-decoration: none;
}
/* Responsive layout - makes the two columns/boxes stack on top of each other instead of next to each other, on small screens */
@media (max-width: 600px) {
  nav,
  article {
    width: 100%;
    height: auto;
  }
}
.text-decoration-none {
  text-decoration: none !important;
}
.inline-block {
  display: inline-block;
}
.q-button {
  border-radius: 0.6rem;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  padding: 0.5em 1em;
  transition: all ease-in-out 0.25s;
  text-decoration: none;
  font-weight: 500;
}
.q-button-primary {
  background-color: #0768dd;
  border: 1px solid #0768dd;
}
.q-button-primary,
.q-button-primary-link:visited {
  color: #fff;
}
.q-button-primary:hover,
.q-button-primary-link:visited:hover,
.q-button-primary:focus,
.q-button-primary-link:focus {
  background-color: #fff;
  color: #0768dd;
}
.unstyled-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.icon-inline svg {
  height: 1rem;
  margin-left: 0.6em;
  margin-right: 0.6em;
}
.icon-inline:hover {
  cursor: pointer;
}
#program-and-strategy-header {
  margin-top: -0.3125rem;
  margin-bottom: 2.25rem;
}
#digital-success-nav ul.sub-group {
  padding-left: unset;
}
.q-card-shadow {
  box-shadow: 0 0 8px #ccc;
}
.q-card-border-radius {
  border-radius: 0.5rem !important;
}
#gov1-bullet-points #gov1-section-header b {
  font-weight: 600;
}
#gov1-bullet-points p {
  margin-bottom: 0 !important;
}
#gov1-bullet-points #accordion-panel-ip-addresses ul {
  -moz-column-count: 2;
  -moz-column-gap: 4rem;
  -webkit-column-count: 2;
  -webkit-column-gap: 4rem;
  column-count: 2;
  column-gap: 4rem;
}
.initial-loading {
  padding-top: 50%;
}
.iframe-loader {
  padding-top: 35%;
}
.stack-level {
  position: relative;
  z-index: 1;
}
table.table-fixed {
  table-layout: fixed;
}
.float-left {
  float: left;
}
.grid {
  display: grid;
}
.flex-grow-1 {
  flex-grow: 1;
}
.end-aligned-flexbox-row {
  display: flex;
  justify-content: flex-end;
}
.end-aligned-flexbox-col {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.flex-justify-content-center {
  display: flex;
  justify-content: center;
}
.pb-14 {
  padding-bottom: 14px;
}
.padding-5 {
  padding: 5px;
}
.padding-10 {
  padding: 10px;
}
.margin-5 {
  margin: 5px;
}
.clickable {
  cursor: pointer;
}
.color-black {
  color: black;
}
.color-white {
  color: var(--white-link-color);
}
.color-qds-label {
  color: #515559;
}
.black-text-link {
  color: var(--black-link-color) !important;
  text-decoration: none;
}
.black-text-link:visited {
  text-decoration: none;
  color: var(--black-link-color) !important;
}
.black-text-link:hover {
  text-decoration: none;
  color: var(--black-link-hover-color) !important;
}
.blue-text-link {
  color: var(--action-blue) !important;
  text-decoration: none;
}
.blue-text-link:visited {
  text-decoration: none;
}
.blue-text-link:hover,
.blue-text-link:active {
  text-decoration: underline;
}
.color-black-important {
  color: black !important;
}
.smooth-scrolling {
  scroll-behavior: smooth !important;
}
.full-width {
  margin-inline-start: calc(50% - 50vw);
  width: 100vw;
}
.directional-icon.rtl svg {
  transform: scale(-1, 1);
}
.callout-attention {
  position: relative;
  background-color: #fff;
  border: 1px solid var(--brand-yellow) !important;
  border-radius: 12px;
  padding: 1rem;
  height: fit-content;
  margin-bottom: 1rem;
}
.callout-attention p {
  margin-bottom: 0px;
}
.callout-attention > div {
  margin-inline-start: 1.5rem;
}
.callout-attention::before {
  height: 24px;
  left: -12px;
  line-height: 24px;
  margin-top: -12px;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 24px;
  background-color: var(--brand-yellow);
  color: #fff;
  content: "!";
  font-size: 1rem;
  font-weight: 500;
  border-radius: 50%;
}
.callout-attention-no-outline::before {
  height: 24px;
  line-height: 24px;
  margin-right: 12px;
  display: inline-block;
  text-align: center;
  align-self: center;
  width: 24px;
  background-color: var(--brand-yellow);
  color: #fff;
  content: "!";
  font-size: 1rem;
  font-weight: 500;
  border-radius: 50%;
}
.products-gradient-text {
  background-image: linear-gradient(to right, var(--brand-green), var(--brand-light-blue), var(--brand-dark-blue), var(--brand-purple));
  color: transparent !important;
  background-clip: text;
  -webkit-background-clip: text;
}
.primary-gradient-text {
  background: var(--primary-gradient);
  color: transparent !important;
  background-clip: text;
  -webkit-background-clip: text;
}
.safe-ps-0 {
  padding-inline-start: 0 !important;
}
.safe-ps-2 {
  padding-inline-start: 0.5rem !important;
}
.safe-ps-3 {
  padding-inline-start: 1rem !important;
}
.safe-ms-0 {
  margin-inline-start: 0 !important;
}
.safe-ms-1 {
  margin-inline-start: 0.25rem !important;
}
.safe-ms-2 {
  margin-inline-start: 0.5rem !important;
}
.safe-ms-3 {
  margin-inline-start: 1rem !important;
}
.safe-ms-4 {
  margin-inline-start: 1.5rem !important;
}
.safe-ms-5 {
  margin-inline-start: 2rem !important;
}
.safe-me-1 {
  margin-inline-end: 0.25rem !important;
}
.safe-me-2 {
  margin-inline-end: 0.5rem !important;
}
.safe-me-4 {
  margin-inline-end: 1.5rem !important;
}
.flex {
  display: flex;
}
@media (max-width: 1023px) {
  .flex.hide-on-tablet-and-smaller {
    display: none;
  }
}
.flex-grow-1 {
  flex-grow: 1;
}
.ltr {
  direction: ltr;
}
.secondary-btn {
  color: var(--black-link-color) !important;
  text-decoration: none;
  padding: 9px 16px;
  border-radius: 100px;
  border: 0.5px solid var(--black-link-color);
  background: var(--white-link-color);
  text-align: center;
  transition: color 0.2s ease-in;
}
.secondary-btn:disabled {
  cursor: not-allowed;
}
.secondary-btn:hover,
.secondary-btn:focus {
  color: var(--white-link-color) !important;
  border: 0.5px solid transparent;
  background: var(--primary-gradient);
  background-clip: padding-box;
}
.secondary-btn:hover:disabled,
.secondary-btn:focus:disabled {
  color: var(--black-link-color) !important;
  border: 0.5px solid var(--black-link-color);
  background: var(--white-link-color);
}
.primary-btn {
  color: var(--white-link-color) !important;
  text-decoration: none;
  padding: 9px 16px;
  border-radius: 100px;
  background: var(--primary-gradient);
  text-align: center;
  border: none;
  overflow: hidden;
  white-space: nowrap;
  z-index: 0;
}
.primary-btn svg {
  fill: var(--white-link-color);
}
.primary-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.primary-btn:hover,
.primary-btn:focus {
  background: var(--brand-purple);
}
.primary-btn:hover:disabled,
.primary-btn:focus:disabled {
  background: var(--primary-gradient);
  opacity: 0.5;
}
.secondary-btn:focus,
.primary-btn:focus {
  outline: 1px solid #fff !important;
  box-shadow: 0 0 2px 2px var(--brand-light-blue);
}
.transparent-btn {
  border: none;
  padding: 9px 16px;
  background: transparent;
}
.btn-anchor {
  text-decoration: none;
  color: var(--black-link-color);
}
.btn-anchor:visited,
.btn-anchor:hover,
.btn-anchor:focus {
  color: var(--black-link-color);
}
.btn-anchor .anchor-content {
  transition: all 0.3s ease-out;
}
.btn-anchor .btn-anchor-icon {
  max-width: 12px;
  margin-inline-start: 5px;
}
.btn-anchor .anchor-bottom-border {
  min-height: 2px;
  width: 100%;
  background: transparent;
  transition: all 0.3s ease-out;
}
.btn-anchor:hover .anchor-content {
  transform: translateY(-4px);
}
.btn-anchor:hover .anchor-bottom-border {
  background: var(--primary-gradient);
}
.popup-btn-primary {
  color: var(--white-link-color) !important;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 400;
  font-family: 'input-sans' !important;
  font-size: 12px;
  padding: 8px 16px !important;
  border-radius: 8px;
  background: var(--action-blue) !important;
  text-align: center;
  border: none !important;
  overflow: hidden;
  z-index: 0;
  height: fit-content !important;
}
.popup-btn-primary:hover,
.popup-btn-primary:focus {
  background: var(--white-link-color) !important;
  color: var(--action-blue) !important;
  outline: 1px solid var(--action-blue);
}
.popup-btn-secondary {
  color: var(--black-link-color) !important;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 400;
  font-family: 'input-sans' !important;
  font-size: 12px;
  padding: 8px 16px !important;
  border-radius: 8px;
  background: var(--white-link-color);
  text-align: center;
  border: none !important;
  overflow: hidden;
  z-index: 0;
  height: fit-content !important;
}
.popup-btn-secondary:hover,
.popup-btn-secondary:focus {
  background: var(--white-link-color);
  color: var(--action-blue) !important;
}
.none-text-transform {
  text-transform: none !important;
}
.none-letter-space {
  letter-spacing: 0 !important;
}
.horizontal-flip {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
.purple-gradient-btn {
  border-radius: 100px;
  background: var(--primary-gradient, var(--primary-gradient));
  color: white;
  text-transform: uppercase;
  border: none;
  padding: 10px 12px;
}
.purple-gradient-btn:hover {
  background: var(--brand-purple);
}
.gap-8 {
  gap: 0.5rem;
}
.gap-16 {
  gap: 1rem;
}
.gap-20 {
  gap: 1.25rem;
}
.gap-24 {
  gap: 1.5rem;
}
.gap-30 {
  gap: 1.875rem;
}
.gap-32 {
  gap: 2rem;
}
.gap-48 {
  gap: 3rem;
}
.drop-shadow-10 {
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.1);
}
.cursor-not-allowed {
  cursor: not-allowed !important;
}
.error-fill {
  fill: var(--error);
}
.scroll-margin-header-offset {
  scroll-margin-top: 7rem;
}
.border-bottom-left-radius-inherit {
  border-bottom-left-radius: inherit;
}
.border-bottom-right-radius-inherit {
  border-bottom-right-radius: inherit;
}
svg * {
  pointer-events: none;
}
.grecaptcha-badge {
  visibility: hidden;
}
.q-xm section .custom-title {
  margin-bottom: 14px;
}
.custom-title a {
  text-decoration-line: none;
  color: var(--action-blue);
}
.custom-title a:hover,
.custom-title a:focus {
  text-decoration-line: underline;
  outline: none !important;
}
.tile-btn {
  display: block;
  min-height: 100px;
  height: 100%;
  margin-bottom: 10px !important;
  margin-top: 10px !important;
  margin-left: -5px !important;
  margin-right: -5px !important;
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.15);
  padding: 0;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  border-radius: 4px;
  overflow-wrap: break-word;
  font-weight: 500;
  text-decoration: none;
}
.tile-btn.tall-tile {
  min-height: 280px;
}
.tile-btn span {
  color: inherit;
  display: block;
  position: relative;
  text-align: center;
  -webkit-transform: translate(-50%, -50%) !important;
  transform: translate(-50%, -50%) !important;
  line-height: 1.2;
  font-size: 14.5px;
  width: 80%;
}
.tile-btn span span {
  display: block;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  line-height: 1.2;
  -webkit-transform: none !important;
  transform: none !important;
  font-weight: 400;
  margin-bottom: 10px;
}
.tile-btn span span.btn.btn-px {
  background-color: #00b4ef;
  border: solid transparent 2px;
  border-bottom-right-radius: 0.6rem;
  border-top-left-radius: 0.6rem;
  color: #fff !important;
  font-size: 1.2rem;
  font-weight: bold;
  letter-spacing: 1px;
  overflow: hidden;
  padding: 10px 16px;
  text-align: center;
  text-transform: uppercase;
  transition: color 0.7s ease, background-color 0.5s ease;
  white-space: nowrap;
  z-index: 0;
}
.tile-btn:not(:disabled) span span.btn.btn-px:hover {
  background-color: #fff;
  border-color: #00b4ef;
  color: #00b4ef !important;
  transition: background-color 0.5s ease, border-color 0.5s ease, color 0.5s ease;
}
.tile-btn.active {
  background: #2e393f;
  color: #fff !important;
}
.tile-btn,
.select-selected,
.noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.tile-btn:disabled:before {
  width: 55%;
  position: absolute;
  top: 28px;
  font-weight: 400;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  line-height: 1.1;
  font-size: 14px;
  opacity: 0.7;
}
.holiday-hours .tile-btn#chat-btn,
.tile-btn:disabled {
  opacity: 0.66;
  pointer-events: none;
}
.holiday-hours .tile-btn#chat-btn > span,
.tile-btn:disabled > span {
  color: var(--text-secondary-text-light);
}
#chat-btn:disabled #chat-status {
  display: block;
}
#chat-btn:disabled .button-tag {
  display: none;
}
#chat-btn:disabled:disabled-for-product #chat-status {
  display: none;
}
#chat-btn:disabled:disabled-for-product #chat-product-status {
  display: block;
}
#phone-btn:disabled #phone-status {
  display: block;
}
.cx-widget.cx-theme-custom .cx-btn.cx-disabled {
  background: #CCCCCC;
}
.csh-wide-container {
  width: 90vw;
  margin-left: 5%;
  margin-right: 5%;
  left: 0;
}
.csh-standard-border-radius {
  border-radius: 12px;
}
.csh-standard-border-radius.flat-bottom {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.csh-standard-border-radius.flat-top {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.w-fit-content {
  width: fit-content;
}
.letter-spacing-72 {
  letter-spacing: -0.72px;
}
.letter-spacing-02 {
  letter-spacing: -0.2px;
}

#auth-error-page {
  margin-top: 50px;
  margin-bottom: 50px;
  font-family: "benton-sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#auth-error-page .error-page-content {
  margin-inline-start: 25%;
}
@media (max-width: 767px) {
  #auth-error-page .error-page-content {
    margin-inline-start: 10%;
    width: 80%;
  }
}
.headline-light {
  font-size: 35px;
  font-weight: 300;
  line-height: 1.2;
  letter-spacing: -0.03em;
}

.carousel-item.rtl {
  float: right;
  margin-right: 0px;
  margin-left: -100%;
}
.active.carousel-item-end.rtl,
.carousel-item-next.rtl:not(.carousel-item-start.rtl) {
  transform: unset;
  transform: translateX(-100%);
}
.active.carousel-item-start.rtl,
.carousel-item-prev.rtl:not(.carousel-item-end.rtl) {
  transform: unset;
  transform: translateX(100%);
}
.carousel-inner > .active.rtl {
  left: unset;
  right: 0;
}
.pagination-btn-list button {
  background: #D9D9D9;
  border: none;
  border-radius: 50%;
  width: 11px;
  height: 11px;
  margin: 0px 5px;
}
.pagination-btn-list .pagination-btn-seltect {
  background: #0768DD;
}

#chat-page {
  /* START Genesys Widget Custom Theme */
  /* END Genesys Widget Custom Theme */
  /*
    The classes below starting with ._ are QDS generated 
    components. We should consider creating our own component
    in the future if QDS is unable to change these values 
    for us.
    */
}
#chat-page #chat-bubble-icon {
  margin-inline-start: -0.4em;
}
#chat-page .secondary-text {
  font-size: 1.6525em;
  line-height: 1.25em;
  font-weight: 200;
}
#chat-page .prechat-error-msg {
  color: var(--error);
}
#chat-page .recaptcha-disclaimer {
  color: var(--black-link-color) !important;
}
#chat-page #submit-div {
  line-height: 39px;
  touch-action: manipulation;
  cursor: pointer;
  font-size: 12px;
  padding: 0 20px;
  text-transform: uppercase;
}
#chat-page #submit-div[aria-disabled='true'] {
  opacity: 0.3;
  pointer-events: none;
  cursor: default;
}
#chat-page #chat-unavailable-message {
  display: none;
}
#chat-page #chat-widget {
  z-index: 1;
}
#chat-page #chat-widget .cx-webchat {
  position: relative !important;
  margin-top: 0;
  top: 0;
  right: 0 !important;
  width: 100% !important;
  font-size: 1.4em !important;
}
#chat-page #chat-widget .page-sub-nav {
  z-index: 9999999;
  position: static;
}
#chat-page #chat-widget .cx-transcript {
  height: 500px !important;
}
#chat-page #chat-widget .cx-button-close {
  width: auto !important;
  height: auto !important;
  font-size: small !important;
  transition: background-color 0.25s linear !important;
}
#chat-page #chat-widget .cx-button-close svg {
  display: none;
}
#chat-page #chat-widget .cx-titlebar > .cx-icon {
  display: none;
}
#chat-page #chat-widget .cx-widget.cx-desktop .cx-input-container.cx-input-focus {
  box-shadow: none !important;
  border-color: #DAE1E8 !important;
}
#chat-page #chat-widget .cx-widget.cx-theme-custom {
  color: #000;
  background-color: #FDFDFD;
  scrollbar-face-color: #CCCCCC;
}
#chat-page #chat-widget .cx-widget.cx-theme-custom .cx-theme {
  background-color: #FDFDFD;
  color: #000;
  border-color: #DAE1E8 !important;
}
#chat-page #chat-widget .cx-widget.cx-theme-custom .cx-overlay {
  background-color: #FDFDFD;
}
#chat-page #chat-widget .cx-widget.cx-theme-custom .cx-svg-icon-tone1 {
  fill: #000;
}
#chat-page #chat-widget .cx-widget.cx-theme-custom .cx-svg-icon-tone2 {
  fill: #8C8C8C;
}
#chat-page #chat-widget .cx-widget.cx-theme-custom .cx-svg-icon-shadow1 {
  fill: #000000;
  opacity: 0.2;
}
#chat-page #chat-widget .cx-widget.cx-theme-custom .cx-svg-icon-shadow2 {
  fill: #000000;
  opacity: 0.1;
}
#chat-page #chat-widget .cx-widget.cx-theme-custom * {
  border-color: #DAE1E8;
}
#chat-page #chat-widget .cx-widget.cx-theme-custom .cx-titlebar .cx-title {
  color: #000;
}
#chat-page #chat-widget .cx-widget.cx-theme-custom .cx-buttons-window-control .cx-svg-icon-tone1 {
  fill: #8795A6;
}
#chat-page #chat-widget .cx-widget.cx-theme-custom .cx-input-icon-overlay .cx-svg-icon-tone1 {
  fill: #98A7B8;
}
#chat-page #chat-widget .cx-widget.cx-theme-custom .cx-input-group-btn .cx-svg-icon-tone1 {
  fill: #FDFDFD;
}
#chat-page #chat-widget .cx-widget.cx-theme-custom label {
  color: #000;
}
#chat-page #chat-widget .cx-widget.cx-theme-custom a {
  color: #000000;
}
#chat-page #chat-widget .cx-widget.cx-theme-custom a:hover {
  color: #000000;
}
#chat-page #chat-widget .cx-widget.cx-theme-custom .cx-icon-alert-circle {
  color: #F53131;
}
#chat-page #chat-widget .cx-widget.cx-theme-custom .cx-footer,
#chat-page #chat-widget .cx-widget.cx-theme-custom .cx-branding {
  color: #66759B;
}
#chat-page #chat-widget .cx-widget.cx-theme-custom .cx-footer *,
#chat-page #chat-widget .cx-widget.cx-theme-custom .cx-branding * {
  fill: #66759B;
}
#chat-page #chat-widget .cx-widget.cx-theme-custom .cx-form-control.cx-error {
  border-color: #F53131;
}
#chat-page #chat-widget .cx-widget.cx-theme-custom .cx-form-control::placeholder {
  color: #6F7491;
}
#chat-page #chat-widget .cx-widget.cx-theme-custom .cx-form-control:-moz-placeholder {
  color: #6F7491;
}
#chat-page #chat-widget .cx-widget.cx-theme-custom .cx-form-control::-moz-placeholder {
  color: #6F7491;
}
#chat-page #chat-widget .cx-widget.cx-theme-custom .cx-form-control:-ms-input-placeholder {
  color: #6F7491;
}
#chat-page #chat-widget .cx-widget.cx-theme-custom .cx-form-control::-webkit-input-placeholder {
  color: #6F7491;
}
#chat-page #chat-widget .cx-widget.cx-theme-custom input:focus,
#chat-page #chat-widget .cx-widget.cx-theme-custom textarea:focus,
#chat-page #chat-widget .cx-widget.cx-theme-custom .cx-btn:focus,
#chat-page #chat-widget .cx-widget.cx-theme-custom .cx-button-group button:focus,
#chat-page #chat-widget .cx-widget.cx-theme-custom .cx-form-control:not(.cx-error):focus {
  border-color: #ccc !important;
}
#chat-page #chat-widget .cx-widget.cx-theme-custom input[type="text"],
#chat-page #chat-widget .cx-widget.cx-theme-custom input[type="email"],
#chat-page #chat-widget .cx-widget.cx-theme-custom input[type="tel"],
#chat-page #chat-widget .cx-widget.cx-theme-custom select,
#chat-page #chat-widget .cx-widget.cx-theme-custom textarea {
  background-color: #FDFDFD;
  color: #000;
  border-color: #94948A;
}
#chat-page #chat-widget .cx-widget.cx-theme-custom .cx-btn-default {
  border-radius: 9.6px 0 9.6px 0;
  background: none;
  border-color: #DAE1E8 !important;
  color: #FDFDFD;
  background-color: #000;
}
#chat-page #chat-widget .cx-widget.cx-theme-custom .cx-btn.cx-disabled {
  background: #CCCCCC;
}
#chat-page #chat-widget .cx-widget.cx-theme-custom .cx-btn-primary {
  color: #000;
  border-color: #000;
  border-radius: 9.6px 0 9.6px 0;
  background: #fff;
  background: -moz-linear-gradient(top, #fff 0%, #fff 100%);
  background: -webkit-linear-gradient(top, #fff 0%, #fff 100%);
  background: linear-gradient(to bottom, #fff 0%, #fff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@bg_color_4', endColorstr='@bg_color_5', GradientType=0);
  background-color: #fff;
}
#chat-page #chat-widget .cx-widget.cx-theme-custom .cx-button-group .cx-btn-primary:focus,
#chat-page #chat-widget .cx-widget.cx-theme-custom .cx-btn-primary:focus,
#chat-page #chat-widget .cx-widget.cx-theme-custom .cx-button-group .cx-btn-default:focus,
#chat-page #chat-widget .cx-widget.cx-theme-custom .cx-btn-default:focus {
  border-color: #000 !important;
}
#chat-page #chat-widget .cx-widget.cx-theme-custom .cx-ac-dropdown-menu {
  background: #FDFDFD;
  border-color: #DAE1E8 !important;
}
#chat-page #chat-widget .cx-widget.cx-theme-custom .cx-ac-suggestion:hover,
#chat-page #chat-widget .cx-widget.cx-theme-custom .cx-ac-suggestion.cx-active {
  background-color: #ccc;
  color: #FDFDFD;
}
#chat-page #chat-widget .cx-widget.cx-theme-custom ::-webkit-scrollbar-thumb {
  background: #939399;
}
#chat-page #chat-widget .cx-widget.cx-theme-custom .cx-smokescreen {
  background-color: #FDFDFD;
  opacity: 0.7;
}
#chat-page #chat-widget .cx-widget.cx-theme-custom .cx-dialog-container .cx-dialog {
  background-color: #FDFDFD;
  border-color: #DAE1E8 !important;
}
#chat-page #chat-widget .cx-widget.cx-theme-custom .cx-theme-background {
  background-color: #FDFDFD;
}
#chat-page #chat-widget .cx-widget.cx-theme-custom .cx-theme-border {
  border: 1px solid #DAE1E8 !important;
}
#chat-page #chat-widget .cx-widget.cx-theme-custom .cx-theme-text {
  color: #000;
}
#chat-page #chat-widget .cx-widget.cx-theme-custom .cx-theme-icon-interactive1 svg .cx-svg-icon-tone1 {
  fill: #000000;
}
#chat-page #chat-widget .cx-widget.cx-theme-custom .cx-theme-icon-positive svg .cx-svg-icon-tone1 {
  fill: #34A84F;
}
#chat-page #chat-widget .cx-widget.cx-theme-custom .cx-theme-icon-negative svg .cx-svg-icon-tone1 {
  fill: #F53131;
}
#chat-page #chat-widget .cx-widget.cx-theme-custom .cx-theme-icon-warning svg .cx-svg-icon-tone1 {
  fill: #D47F2F;
}
#chat-page #chat-widget .cx-widget.cx-theme-custom .cx-warning {
  color: #F53131 !important;
}
#chat-page #chat-widget .cx-widget.cx-theme-custom .cx-warning .cx-icon svg * {
  fill: #F53131 !important;
}
#chat-page #chat-widget .cx-widget.cx-theme-custom .cx-countdown {
  color: #000;
}
#chat-page #chat-widget .cx-widget.cx-theme-custom .cx-countdown .cx-icon svg * {
  fill: #000;
}
#chat-page #chat-widget .cx-widget.cx-theme-custom .cx-loading-screen .cx-loading-icon svg g g,
#chat-page #chat-widget .cx-widget.cx-theme-custom .cx-loading-container .cx-loading-icon svg g g {
  stroke: #2B74FF;
}
#chat-page #chat-widget .cx-widget.cx-theme-custom .cx-loading-screen .cx-loading-icon svg g:first-child g,
#chat-page #chat-widget .cx-widget.cx-theme-custom .cx-loading-container .cx-loading-icon svg g:first-child g {
  stroke: #72799D;
}
#chat-page #chat-widget .cx-webchat.cx-theme-custom .cx-message.cx-them .cx-bubble {
  background-color: #eee;
}
#chat-page #chat-widget .cx-webchat.cx-theme-custom .cx-message.cx-them .cx-bubble-arrow svg * {
  fill: #eee;
}
#chat-page #chat-widget .cx-webchat.cx-theme-custom .cx-message.cx-you .cx-bubble {
  background-color: #f2f4f7;
}
#chat-page #chat-widget .cx-webchat.cx-theme-custom .cx-message.cx-you .cx-bubble-arrow svg * {
  fill: #f2f4f7;
}
#chat-page #chat-widget .cx-toaster {
  display: none;
}
#chat-page #chat-widget .cx-message-text {
  line-height: 1.4em;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
@media (max-width: 991px) {
  #chat-page .live-chat-wrapper {
    flex-direction: column;
  }
}
#chat-page .genesys-live-chat {
  width: 66%;
}
@media (max-width: 991px) {
  #chat-page .genesys-live-chat {
    width: 100%;
  }
}
#chat-page .chat-warning-main {
  margin-bottom: 1.5rem;
}
#chat-page .callout-attention.chat-warning-main {
  padding-left: 25px;
}
#chat-page .chat-info-icon {
  fill: #898989;
}
#chat-page ._tYaH9 {
  color: var(--error);
  fill: var(--error);
}
#chat-page ._lyGlV._m5Ye1 {
  border-color: var(--error);
}
#chat-page ._o-o8b,
#chat-page ._aeHzy {
  color: #000000;
}
#chat-page ._lyGlV:disabled {
  -webkit-text-fill-color: var(--text-secondary-text-light);
}
._NibuT._KVFYJ._nqTBd {
  color: var(--text-secondary-text-light);
}

.contact-card-outer {
  max-width: 14.4rem;
  width: 25%;
}
@media (max-width: 767px) {
  .contact-card-outer {
    width: 40% !important;
  }
}
@media (max-width: 503px) {
  .contact-card-outer {
    width: 100% !important;
  }
}
.contact-card {
  text-align: start;
  height: 100%;
}
@media (min-width: 768px) {
  .contact-card-outer:first-child {
    margin-inline-start: 0 !important;
  }
}
@media (min-width: 768px) {
  .contact-card-outer:last-child {
    margin-inline-end: 0 !important;
  }
}
.contact-card:hover {
  cursor: pointer;
  box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.25);
}
.contact-card:disabled {
  opacity: 0.65;
  box-shadow: none;
}
.contact-card:disabled:hover {
  cursor: auto;
}
.contact-card .top-banner {
  position: absolute;
  top: -1.44rem;
  right: 50%;
  transform: translateX(50%);
  width: 100%;
  font-weight: bold;
}
@media (max-width: 991px) and (min-width: 768px) {
  .contact-card .top-banner {
    top: -2.6rem;
  }
}
.card-body-padding {
  padding-top: 1.6rem;
}
.contact-card-invisible-cover {
  position: relative;
  height: 100%;
  top: -100%;
}

.faq-section-main {
  padding-top: 24px;
}
.faq-section-main .faq-card {
  align-items: center;
  border-bottom: 1px solid #c8ccce;
}
.faq-section-main .faq-card button {
  background: #FFFFFF !important;
  border: none !important;
  width: 100%;
  padding: 9.5px 6.5px 9.5px 0px !important;
}
.faq-section-main .faq-card button:hover span {
  color: #0768DD;
}
.faq-section-main .faq-card .faq-card-content {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.3s ease-in-out;
}
.faq-section-main .faq-card .faq-card-content.full {
  grid-template-rows: 1fr;
}
.faq-section-main .faq-card .faq-card-content.collapsed .faq-card-text {
  margin-bottom: 0 !important;
}
.faq-section-main .faq-card .faq-card-content .faq-card-text {
  overflow: hidden;
  padding: 0px 12px 0px 12px;
}
.faq-section-main .faq-card .faq-card-content .faq-card-text ul {
  margin-bottom: 0 !important;
}
.faq-section-main .faq-card .faq-card-content .faq-card-text ol {
  margin-bottom: 0 !important;
}
.faq-section-main .faq-card .btn-clicked {
  color: #0768DD;
  fill: #0768DD;
}
.faq-section-main .faq-card .btn-clicked span {
  font-weight: 700;
}
.faq-section-main a {
  text-decoration: none;
  color: #0768DD;
}
.faq-section-main.grow-skills-faq .faq-card button {
  background: none !important;
}
.faq-section-main.grow-skills-faq .faq-card:has(> .btn-clicked) {
  border-bottom: 2px solid var(--brand-purple);
}
.faq-section-main.grow-skills-faq .faq-card .btn-clicked {
  color: black;
  fill: black;
}

@font-face {
  font-family: 'benton-sans';
  src: url(/app-versions/customer-hub/723a01a6d0d297178e13/assets/fonts/50efae953f686c545dc3.eot);
  src: url(/app-versions/customer-hub/723a01a6d0d297178e13/assets/fonts/50efae953f686c545dc3.eot?) format('embedded-opentype'), url(/app-versions/customer-hub/723a01a6d0d297178e13/assets/fonts/f9c905bd9e56ebfe8261.woff) format('woff'), url(/app-versions/customer-hub/723a01a6d0d297178e13/assets/fonts/0462862a9774030a2582.ttf) format('truetype');
  font-style: normal;
  font-weight: 100;
  font-display: swap;
}
@font-face {
  font-family: 'benton-sans';
  src: url(/app-versions/customer-hub/723a01a6d0d297178e13/assets/fonts/f991443ed19b6c0053f0.eot);
  src: url(/app-versions/customer-hub/723a01a6d0d297178e13/assets/fonts/f991443ed19b6c0053f0.eot?) format('embedded-opentype'), url(/app-versions/customer-hub/723a01a6d0d297178e13/assets/fonts/32e287dd67f24616bb90.woff) format('woff'), url(/app-versions/customer-hub/723a01a6d0d297178e13/assets/fonts/5c584283f088ee26d4fc.ttf) format('truetype');
  font-style: normal;
  font-weight: 200;
  font-display: swap;
}
@font-face {
  font-family: 'benton-sans';
  src: url(/app-versions/customer-hub/723a01a6d0d297178e13/assets/fonts/349afa2c2a6101edc7c1.eot);
  src: url(/app-versions/customer-hub/723a01a6d0d297178e13/assets/fonts/349afa2c2a6101edc7c1.eot?) format('embedded-opentype'), url(/app-versions/customer-hub/723a01a6d0d297178e13/assets/fonts/7c9dd197690d18cf01f2.woff) format('woff'), url(/app-versions/customer-hub/723a01a6d0d297178e13/assets/fonts/9e9e9df9d6a9e4b9ecc3.ttf) format('truetype');
  font-style: normal;
  font-weight: 300;
  font-display: swap;
}
@font-face {
  font-family: 'benton-sans';
  src: url(/app-versions/customer-hub/723a01a6d0d297178e13/assets/fonts/17d3ddd9f94bb8783fbe.eot);
  src: url(/app-versions/customer-hub/723a01a6d0d297178e13/assets/fonts/17d3ddd9f94bb8783fbe.eot?) format('embedded-opentype'), url(/app-versions/customer-hub/723a01a6d0d297178e13/assets/fonts/1145fc901f0f79b46c00.woff) format('woff'), url(/app-versions/customer-hub/723a01a6d0d297178e13/assets/fonts/15fab6822b60e7f366cb.ttf) format('truetype');
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: 'benton-sans';
  src: url(/app-versions/customer-hub/723a01a6d0d297178e13/assets/fonts/a0ac70208ec36e8761e8.eot);
  src: url(/app-versions/customer-hub/723a01a6d0d297178e13/assets/fonts/a0ac70208ec36e8761e8.eot?) format('embedded-opentype'), url(/app-versions/customer-hub/723a01a6d0d297178e13/assets/fonts/6fdbefaa8430c1cd4612.woff) format('woff'), url(/app-versions/customer-hub/723a01a6d0d297178e13/assets/fonts/aebdd226b2b48e7d321b.ttf) format('truetype');
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: 'benton-sans';
  src: url(/app-versions/customer-hub/723a01a6d0d297178e13/assets/fonts/ef677bd6ebf40b36c3b4.eot);
  src: url(/app-versions/customer-hub/723a01a6d0d297178e13/assets/fonts/ef677bd6ebf40b36c3b4.eot?) format('embedded-opentype'), url(/app-versions/customer-hub/723a01a6d0d297178e13/assets/fonts/612e9575651e432475b6.woff) format('woff'), url(/app-versions/customer-hub/723a01a6d0d297178e13/assets/fonts/7152cd2512ab83f596c5.ttf) format('truetype');
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: 'benton-sans';
  src: url(/app-versions/customer-hub/723a01a6d0d297178e13/assets/fonts/12754d1d55f06a58e4f2.eot);
  src: url(/app-versions/customer-hub/723a01a6d0d297178e13/assets/fonts/12754d1d55f06a58e4f2.eot?) format('embedded-opentype'), url(/app-versions/customer-hub/723a01a6d0d297178e13/assets/fonts/86349528a6dcfd0056d9.woff) format('woff'), url(/app-versions/customer-hub/723a01a6d0d297178e13/assets/fonts/755af1c6b1e3b7db15a3.ttf) format('truetype');
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: 'benton-sans';
  src: url(/app-versions/customer-hub/723a01a6d0d297178e13/assets/fonts/9b7ce3fb0949e8f2e5bb.eot);
  src: url(/app-versions/customer-hub/723a01a6d0d297178e13/assets/fonts/9b7ce3fb0949e8f2e5bb.eot?) format('embedded-opentype'), url(/app-versions/customer-hub/723a01a6d0d297178e13/assets/fonts/fd39f76098d7e863ba21.woff) format('woff'), url(/app-versions/customer-hub/723a01a6d0d297178e13/assets/fonts/2e3d02cedbd42fbfcd53.ttf) format('truetype');
  font-style: normal;
  font-weight: 800;
  font-display: swap;
}

footer.site-footer {
  background-color: #FFF;
  font-size: 12px;
  font-weight: 400;
}
footer.site-footer.landing-footer {
  background-color: var(--gray-50);
  margin-bottom: -60px;
  padding-bottom: 40px;
}
.site-content,
.site-footer {
  overflow-x: hidden;
}
.hub-footer #social-links a {
  color: black;
  border: none;
  height: 36px;
  width: 36px;
}
.hub-footer.landing-footer {
  margin-bottom: -60px !important;
  padding-bottom: 40px;
  background-color: var(--gray-50);
}
@media (max-width: 767px) {
  .hub-footer #social-links {
    width: 100% !important;
    margin-bottom: 40px;
  }
}
.hub-footer .hub-footer-link {
  min-width: 3rem;
}
.hub-footer:not(.landing-footer) {
  padding-top: 180px;
}
.gradient-bar {
  mix-blend-mode: multiply;
  filter: blur(110px);
  background: linear-gradient(to right, #e372ff 6%, #a24af1 12%, #5f1ae2 18%, #4b2ce6 24%, #3341e4 30%, #1955e2 36%, #017be4 42%, #008ce8 48%, #019fed 54%, #00b1ec 60%, #02bcde 66%, #03c6cb 72%, #00cfb8 78%, #21d8a7 84%);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  min-height: 60px;
  pointer-events: none;
}
footer .footer-container {
  max-width: 1720px;
  padding-left: 30px;
  padding-right: 30px;
  margin: auto;
}
@media (min-width: 1920px) {
  footer .footer-container {
    max-width: 1980px;
  }
}
footer .footer-container .hub-misc-links-container {
  width: 50%;
}
@media (max-width: 767px) {
  footer .footer-container .hub-misc-links-container {
    width: 100%;
  }
}

.error-msg {
  font-size: 14px;
  font-weight: 400 !important;
}
.form-control {
  height: auto;
  border-radius: 8px;
}
.form-control ul:empty:before {
  font-family: inherit;
  padding: 5px 11px;
  opacity: 0.33;
  font-size: 16px;
  font-weight: 400;
  display: block;
  content: "Start typing in the field above for relevant information to appear";
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.autocomplete.form-control {
  max-height: 1500px;
  overflow-y: auto;
}
select.form-control {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url(/app-versions/customer-hub/723a01a6d0d297178e13/assets/images/0b88ff6298fbbc93e3da.webp) !important;
  background-size: 1rem !important;
}
select.form-control::-ms-expand {
  display: none;
  /* hide the default arrow in ie10 and ie11 */
}
@media screen and (min-width: 0 \0) {
  select.form-control {
    background-image: none\9;
    padding: 5px\9;
  }
}
select.form-control {
  position: relative;
  padding: 0 8px;
  padding-inline-end: 20px;
  background-color: #fff;
  background-size: 12px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAE0AAAAzCAYAAADSIYUBAAAEDWlDQ1BJQ0MgUHJvZmlsZQAAOI2NVV1oHFUUPrtzZyMkzlNsNIV0qD8NJQ2TVjShtLp/3d02bpZJNtoi6GT27s6Yyc44M7v9oU9FUHwx6psUxL+3gCAo9Q/bPrQvlQol2tQgKD60+INQ6Ium65k7M5lpurHeZe58853vnnvuuWfvBei5qliWkRQBFpquLRcy4nOHj4g9K5CEh6AXBqFXUR0rXalMAjZPC3e1W99Dwntf2dXd/p+tt0YdFSBxH2Kz5qgLiI8B8KdVy3YBevqRHz/qWh72Yui3MUDEL3q44WPXw3M+fo1pZuQs4tOIBVVTaoiXEI/MxfhGDPsxsNZfoE1q66ro5aJim3XdoLFw72H+n23BaIXzbcOnz5mfPoTvYVz7KzUl5+FRxEuqkp9G/Ajia219thzg25abkRE/BpDc3pqvphHvRFys2weqvp+krbWKIX7nhDbzLOItiM8358pTwdirqpPFnMF2xLc1WvLyOwTAibpbmvHHcvttU57y5+XqNZrLe3lE/Pq8eUj2fXKfOe3pfOjzhJYtB/yll5SDFcSDiH+hRkH25+L+sdxKEAMZahrlSX8ukqMOWy/jXW2m6M9LDBc31B9LFuv6gVKg/0Szi3KAr1kGq1GMjU/aLbnq6/lRxc4XfJ98hTargX++DbMJBSiYMIe9Ck1YAxFkKEAG3xbYaKmDDgYyFK0UGYpfoWYXG+fAPPI6tJnNwb7ClP7IyF+D+bjOtCpkhz6CFrIa/I6sFtNl8auFXGMTP34sNwI/JhkgEtmDz14ySfaRcTIBInmKPE32kxyyE2Tv+thKbEVePDfW/byMM1Kmm0XdObS7oGD/MypMXFPXrCwOtoYjyyn7BV29/MZfsVzpLDdRtuIZnbpXzvlf+ev8MvYr/Gqk4H/kV/G3csdazLuyTMPsbFhzd1UabQbjFvDRmcWJxR3zcfHkVw9GfpbJmeev9F08WW8uDkaslwX6avlWGU6NRKz0g/SHtCy9J30o/ca9zX3Kfc19zn3BXQKRO8ud477hLnAfc1/G9mrzGlrfexZ5GLdn6ZZrrEohI2wVHhZywjbhUWEy8icMCGNCUdiBlq3r+xafL549HQ5jH+an+1y+LlYBifuxAvRN/lVVVOlwlCkdVm9NOL5BE4wkQ2SMlDZU97hX86EilU/lUmkQUztTE6mx1EEPh7OmdqBtAvv8HdWpbrJS6tJj3n0CWdM6busNzRV3S9KTYhqvNiqWmuroiKgYhshMjmhTh9ptWhsF7970j/SbMrsPE1suR5z7DMC+P/Hs+y7ijrQAlhyAgccjbhjPygfeBTjzhNqy28EdkUh8C+DU9+z2v/oyeH791OncxHOs5y2AtTc7nb/f73TWPkD/qwBnjX8BoJ98VVBg/m8AAANjSURBVGgF7dvLTxNBGADwr9ak6QHxf1BPBomamBgPCkLgoEZitGixROUAUZNqCA+f8aYREwwHOXj0f1AUCr2ZYDTEs5XKzRYLp17arv3aTNLpvqc7L9I5sN2Zb2bn+zHtZroQMqoF2sWXwD5f0e3gmkAbjWEhtNHaaAwCDF1cV9rX9W+Q3dpiGFqvLuvff0BmM+tt0nj3tCp/cznj0rW4cejocePIsZPG1JMXRqVSsQrVum67UDCuxEdreR7uOmEkpx8bpVLJMacQtjbz5vJ5GB4dg2z2D9U0ONAPC3MvIRQKUfW6nvzb2YHhxB3IZH5TKfT2nIV383MQDoepenJienvagWGHT0tf4P7kDFg4k/G0OdqBYQKp1TRMJCehXC5b5kOttPx2AWKJW6YV1txT9xXnBNaY6/nec7D49o3pnUWttNfzC65gOKjOK84rGOa5klqDj8sr+JIqFFoqnaYanU50hPMDRnJf+uyCNnTxAon1dNQJjgUMEa4OXTZ9hlMr7cG9ceju7vIERoLqcNOmgUm7CkdWsJHrMThz+lQtBbz5kRsghRaNRuHD+0UGuOXqXVVNOFawmzdi8PzRlOXvnELDiL0E1wrYs1lrMFxtJrS9AscDjCw7SzTd4XiCoY0tmq5wvMFwC+mIphucCDDXlYYBWHS4OfAGq0vUf7quNBKsMpwIsMZvdjyjIZ6KcKLB0MEXmmpwMsCY0FSBkwXGjCYbTiZYS2iy4GSDtYwmGk4FsEDQRMGpAhYYGm84lcACReMFpxpY4GhBw6kIhjlSj/CwIqhSLBZhZGwcNjZ++hpycKCv+kD6FRR2dy0f5LoNht+42n2B2Ny3cWvU3OZ0zg0NL8oK19/XA78ym6Yn306JYJsIMLwOVzS8ACsc9vVTRIHhnHzvPf0kgrGsm3w/1xEJhvPijoYX4QknGkwYGi84GWBC0YKGkwUmHC0oOJlgUtBahZMNJg2NFU4FMKlofuFUAZOO5hVOJTAl0NzgVAPD+XLfRuFFvBbccj2cfQorq2sQiUTgdiIOybsTnrqzbr49Dd4UpBQamRv+s8fBzk440NFBqhyPIsFwIkqi4cTIXx3ia6ciGgznImTv6ZS0XZsbBra7xdiN3Wq9smiYmB2KXX2rGF777/caKCtONpBV3v8BR0aPQDU6K00AAAAASUVORK5CYII=);
  background-repeat: no-repeat;
  background-position: 95% center;
}
select.form-control.rtl {
  background-position: 2% center;
}
select.form-control:focus {
  box-shadow: 0 0 10px #ccc;
}
.form-control:focus {
  outline: 0 !important;
  box-shadow: none;
  border: 1px solid #ccc;
}
#phone-form *:focus-visible,
#chat-page *:focus-visible {
  outline: -webkit-focus-ring-color auto 1px;
}
#phone-form h1,
#chat-page h1,
#phone-form p,
#chat-page p,
#phone-form h5,
#chat-page h5,
#phone-form span,
#chat-page span {
  color: black;
}
#phone-form .form-inputs,
#chat-page .form-inputs {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
#phone-form .form-inputs label,
#chat-page .form-inputs label {
  margin-bottom: 0;
}
#phone-form .form-inputs .form-row,
#chat-page .form-inputs .form-row {
  display: flex;
  gap: 16px;
}
#phone-form .form-inputs .form-row-title,
#chat-page .form-inputs .form-row-title {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
#phone-form .form-inputs .form-row-title h5,
#chat-page .form-inputs .form-row-title h5 {
  line-height: 24px;
  margin: 0;
}
#phone-form .form-inputs .form-row-title .form-row-subtext,
#chat-page .form-inputs .form-row-title .form-row-subtext {
  font-style: italic;
  letter-spacing: -0.12px;
}
#phone-form .form-inputs .form-input,
#chat-page .form-inputs .form-input {
  color: black;
  background-color: #fff;
  border-radius: var(--radius-action-rounded);
  height: 40px;
  border: none;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.14px;
  padding: 8px 12px;
}
#phone-form .form-inputs .form-input:disabled,
#chat-page .form-inputs .form-input:disabled {
  background-color: #DCE6E9;
  color: var(--text-secondary-text-dark);
  -webkit-text-fill-color: var(--text-secondary-text-dark);
}
#phone-form .form-inputs .form-input-label,
#chat-page .form-inputs .form-input-label {
  margin-top: 4px;
  margin-bottom: 0px;
  padding: 0 4px;
  font-family: 'input-sans' !important;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  text-transform: uppercase;
}
#phone-form .form-inputs .form-dropdown,
#chat-page .form-inputs .form-dropdown {
  min-width: 200px;
  width: fit-content;
}
#phone-form .phone-input,
#chat-page .phone-input {
  --react-international-phone-height: 40px;
  --react-international-phone-border-radius: 8px;
}
#phone-form .phone-input button,
#chat-page .phone-input button {
  padding-inline-end: 8px !important;
}
#phone-form .phone-input input:focus-visible,
#chat-page .phone-input input:focus-visible {
  margin-inline-start: 3px;
  padding-inline-start: 9px;
}
#phone-form .phone-input button,
#chat-page .phone-input button,
#phone-form .phone-input input,
#chat-page .phone-input input {
  background-color: #fff;
  border-radius: var(--radius-action-rounded);
  height: 40px;
  border: none;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.14px;
  padding: 8px 12px;
}
#phone-form .phone-input ul,
#chat-page .phone-input ul {
  margin-top: -5px;
  width: 237px;
  box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.2);
  border-bottom-right-radius: var(--radius-action-rounded);
  border-bottom-left-radius: var(--radius-action-rounded);
  border-top: 1px solid lightgray;
}
#phone-form .phone-input ul li,
#chat-page .phone-input ul li {
  color: black;
}
#phone-form .phone-input ul li[aria-selected='true'],
#chat-page .phone-input ul li[aria-selected='true'] {
  font-weight: bold;
  background-color: #efefef;
}
#phone-form .phone-input ul li span:last-child,
#chat-page .phone-input ul li span:last-child {
  color: #696969;
}
#phone-form .phone-input ul li:hover,
#chat-page .phone-input ul li:hover {
  background-color: #efefef;
}
#phone-form .phone-input:has(button[aria-expanded='true']) button,
#chat-page .phone-input:has(button[aria-expanded='true']) button {
  border-bottom-left-radius: 0;
}
#phone-form .phone-input:has(button[aria-expanded='true']) input,
#chat-page .phone-input:has(button[aria-expanded='true']) input {
  border-bottom-right-radius: 0;
}
#phone-form .radio-group,
#chat-page .radio-group {
  padding: 0px 12px;
}
#phone-form .radio-group legend,
#chat-page .radio-group legend {
  display: none;
}
#phone-form .radio-group .radio-option > span,
#chat-page .radio-group .radio-option > span {
  margin-inline-start: 0px;
  margin-inline-end: 12px;
}
#phone-form .radio-group .radio-option span,
#chat-page .radio-group .radio-option span {
  border-color: black !important;
}
#phone-form .radio-group .radio-option input:checked ~ span::after,
#chat-page .radio-group .radio-option input:checked ~ span::after {
  background-color: #32363a;
}
html[dir='ltr'] #phone-form .phone-input button {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
html[dir='ltr'] #phone-form .phone-input input {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
html[dir='rtl'] #phone-form .phone-input button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
html[dir='rtl'] #phone-form .phone-input input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.help-tile {
  border-radius: 8px;
  padding: 10px;
  box-shadow: 0 0 1rem 0rem rgba(0, 0, 0, 0.15) !important;
  background-color: white !important;
  border: 1px solid transparent !important;
  max-width: 300px;
}
.help-tile img {
  max-width: 38px;
  max-height: 38px;
}
.help-tile h2 {
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
}
@media (max-width: 767px) {
  .help-tile img {
    max-width: 30px;
    max-height: 30px;
  }
}
.help-tile p {
  text-align: start;
}
.help-tile:hover {
  border: 1px solid var(--tile-hover-border-color) !important;
  background-color: var(--tile-hover-background-color) !important;
}

#home-page {
  /*
    BEGIN HOW-CAN-HELP
    Move where 'How can we help you?' text is displayed based on screen size.
    Had to use strange break points here to look good with bootstrap + our own breakpoint logic.
    */
  /*
    END HOW-CAN-HELP
    */
}
@media only screen and (max-width: 768px) {
  #home-page h1,
  #home-page h2,
  #home-page h3,
  #home-page p {
    text-align: center;
  }
}
#home-page h3,
#home-page h4 {
  letter-spacing: -0.5px;
}
#home-page #welcome-banner {
  padding-top: 55px;
}
#home-page #welcome-banner h1 {
  margin: 0px;
  padding-bottom: 15px;
  padding-top: 25px;
  letter-spacing: -1px;
}
@media only screen and (max-width: 768px) {
  #home-page #welcome-banner {
    padding-top: 0;
  }
  #home-page #welcome-banner #welcome-text {
    width: 100%;
  }
  #home-page #welcome-banner #welcome-text h1 {
    font-size: 18px;
    font-weight: 400;
    text-align: center;
    letter-spacing: normal;
    margin-bottom: 4px;
  }
  #home-page #welcome-banner #welcome-text h1,
  #home-page #welcome-banner #welcome-text h2 {
    text-align: center;
  }
}
#home-page .bottom-banner {
  border-top: 3px solid;
  border-color: #5f1ae2;
  position: absolute;
  left: 0;
  height: 100%;
}
#home-page .homepage-content {
  z-index: 2;
  position: relative;
  margin-top: -16px;
}
@media only screen and (max-width: 768px) {
  #home-page .homepage-content {
    margin-top: 0px;
  }
}
#home-page .resource-tiles {
  gap: 50px;
  margin-bottom: 88px;
}
@media only screen and (max-width: 768px) {
  #home-page .resource-tiles {
    margin-top: 30px;
    margin-bottom: 50px;
  }
}
#home-page .packaging-pricing-wrapper {
  margin-bottom: 25px;
}
@media only screen and (max-width: 768px) {
  #home-page .packaging-pricing-wrapper {
    margin-bottom: 15px;
  }
}
#home-page #packaging-pricing-button {
  border-radius: 12px;
}
#home-page #packaging-pricing-button img.pricing-packaging-logo {
  width: 38px;
}
@media only screen and (max-width: 768px) {
  #home-page #packaging-pricing-button {
    flex-direction: column;
  }
  #home-page #packaging-pricing-button h4,
  #home-page #packaging-pricing-button p,
  #home-page #packaging-pricing-button img {
    margin-bottom: 8px !important;
  }
  #home-page #packaging-pricing-button div {
    flex-direction: column;
    align-items: center;
    margin: 0 !important;
  }
}
@media only screen and (max-width: 768.98px) {
  #home-page .homepage-content h2.how-can-help {
    display: none;
  }
}
@media only screen and (min-width: 769px) {
  #home-page #welcome-banner h2 {
    display: none;
  }
}

#unauthenticated-portal {
  /** backup-tiles still need redesign **/
}
#unauthenticated-portal #lite-portal-main #backup-tiles .spacing-xxs {
  margin-top: 16px;
  margin-bottom: 16px;
}
#unauthenticated-portal #lite-portal-main #backup-tiles h2 {
  line-height: 24px;
}
#unauthenticated-portal #lite-portal-main #backup-tiles .content-header {
  width: 688px;
  margin: 0 auto;
  max-width: 100%;
}
#unauthenticated-portal #lite-portal-main #backup-tiles .btn-unselected {
  color: black;
}
#unauthenticated-portal #lite-portal-main #backup-tiles .btn-selected {
  color: white;
  background-color: #2e393f;
}
#unauthenticated-portal .chat-disabled .tile-btn {
  opacity: 0.66;
  pointer-events: none;
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.15);
}
#unauthenticated-portal .chat-disabled span {
  opacity: 0.66;
}
#unauthenticated-portal hr.lite-divider {
  border-color: #5F1AE2;
  border-width: 3px;
  opacity: 1;
}
#unauthenticated-portal .lite-portal-main-header {
  margin-top: 60px;
  margin-bottom: 40px;
}
@media (min-width: 991px) {
  #unauthenticated-portal .lite-portal-main-header .header-text {
    width: 60%;
  }
}
#unauthenticated-portal #lite-portal-main {
  margin-top: 60px;
}

#info-bubble {
  background-color: white;
  min-width: 336px;
  max-width: calc(50vw - 4.5rem);
  pointer-events: all;
}
#info-bubble :focus-visible {
  outline: auto;
}
@media (max-width: 768px) {
  #info-bubble {
    display: none;
  }
}
#info-bubble.rounded-cc {
  border-radius: 8px !important;
  overflow: hidden;
}
#info-bubble .title {
  background: var(--primary-gradient);
  padding: 0.8rem 1.2rem;
}
#info-bubble .title h6 {
  text-transform: uppercase;
  font-weight: 500;
  color: #fdfeff;
  margin-bottom: 0;
  font-size: 12px;
}
#info-bubble #info-table td.col-title {
  vertical-align: baseline;
  white-space: nowrap;
}
#info-bubble .info {
  vertical-align: baseline;
  padding-inline-start: 8px !important;
  padding-bottom: 4px;
  word-break: break-word;
}
#info-bubble .long {
  white-space: normal !important;
  word-break: break-word;
}
.bubble-positioning {
  z-index: 1;
  max-width: 45% !important;
}

.page-content {
  overflow-y: clip;
}
.page-content h2 {
  margin-bottom: 1rem;
}
.my-info-main {
  flex-direction: row;
}
@media (max-width: 480px) {
  .my-info-main {
    flex-direction: column;
  }
}
.info-container {
  width: calc(100% - 15rem);
  padding-inline-start: 30px;
}
@media (max-width: 767px) {
  .info-container {
    width: calc(100% - 10rem);
  }
}
@media (max-width: 480px) {
  .info-container {
    width: 100%;
    padding-inline-start: 0px;
  }
}
#table-of-contents {
  width: 15rem;
  border-inline-end: 2px solid #EDF2F4;
}
@media (max-width: 767px) {
  #table-of-contents {
    width: 10rem;
  }
}
@media (max-width: 480px) {
  #table-of-contents {
    width: 100%;
    border-inline-end: 0px;
    margin-bottom: 20px;
  }
  #table-of-contents .table-link span {
    margin: auto;
  }
  #table-of-contents .table-icon {
    display: none;
  }
}
#table-of-contents a {
  color: black;
  text-decoration-line: none;
  border-inline-start: 3px transparent solid;
}
#table-of-contents .table-link {
  padding: 10px;
  text-align: inline-start;
}
#table-of-contents .table-icon {
  margin-inline-end: 10px;
  align-self: center;
}
#table-of-contents .selected-tab {
  background-color: #EDF2F4;
  border-inline-start: 3px var(--action-blue) solid;
  color: var(--action-blue);
  fill: var(--action-blue);
}
#table-of-contents .unselected-tab:hover {
  background-color: #EDF2F4;
  border-inline-start: 3px var(--action-blue) solid;
}
#table-of-contents .unselected-tab {
  transition-duration: 300ms;
}
.auto-word-break {
  word-wrap: break-word;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  word-break: normal;
}
.bold {
  font-weight: bold;
}
.my-info-header {
  padding-bottom: 1.5rem !important;
  font-weight: 700;
}
#my-information-page #my-certifications .table-container {
  overflow-x: scroll;
}
#my-information-page #my-certifications ::-webkit-scrollbar {
  height: 3px;
}
#my-information-page #my-certifications ::-webkit-scrollbar-track {
  background: inherit;
}
#my-information-page #my-certifications ::-webkit-scrollbar-thumb,
#my-information-page #my-certifications ::-webkit-scrollbar-thumb:hover {
  background: #7D7D7D;
  border-radius: 5px;
}
#my-information-page #my-certifications #my-certifications-table {
  min-width: 992px;
}
#my-information-page #my-certifications #my-certifications-table a {
  text-decoration: none !important;
  color: #2C69D5 !important;
}
.account-info-cards {
  margin-top: 2px;
  margin-bottom: 30px;
  padding: 25px;
  border-radius: 8px;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.1);
  transition-duration: 300ms;
  background: white;
}
.account-info-cards .info-cards-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-auto-rows: 1fr;
  grid-row-gap: 20px;
  grid-column-gap: 35px;
}
@media (max-width: 768px) {
  .account-info-cards .info-cards-grid {
    grid-template-columns: 1fr;
  }
}
.account-info-cards:hover {
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.2);
}
.account-info-cards .mailing-list-checkbox {
  height: fit-content;
  align-self: flex-start;
  width: 20px;
  margin-inline-end: 11px;
}
.billing-details-card {
  margin-top: 2px;
  padding: 25px;
  border-radius: 8px;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.1);
  transition-duration: 300ms;
}
.billing-details-card .action-required-label {
  padding: 7px 10px;
  border-radius: 4px;
  background: linear-gradient(90deg, rgba(85, 50, 234, 0.2) 0%, rgba(220, 110, 254, 0.2) 100%);
  margin-bottom: 15px;
}
.billing-details-card .action-required-label span {
  background: var(--cx-gradient, linear-gradient(90deg, #4022DE 0%, #E672FF 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.billing-details-card .top-divider {
  width: 100px;
  border-top: 1px solid #696969;
}
.billing-details-card .no-value-field {
  opacity: 0.65;
}
.billing-details-card .action-required-label-v2 {
  border-radius: 4px;
  padding: 6px 8px;
  background: var(--primary-gradient);
  letter-spacing: 0.3px;
}
.billing-details-card:hover {
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.2);
}
.security-documentation-cards-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: 1fr;
  grid-gap: 24px;
}
@media (max-width: 1023px) {
  .security-documentation-cards-list {
    grid-template-columns: repeat(1, 1fr);
  }
}
.billing-details-input {
  width: 300px;
}
#billing-details-container #contract-dropdown-container #contract-dropdown-button {
  border-radius: 10px;
  height: unset;
  padding-top: 12px;
  padding-bottom: 12px;
}
#intent-to-renew-progress-meter {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
}
#intent-to-renew-progress-meter .progress-block:nth-of-type(1) > div.circle-container {
  background-image: linear-gradient(to right, white 50%, #1955E2 50%), url("data:image/svg+xml, %3Csvg%20width%3D%22706%22%20height%3D%222%22%20viewBox%3D%220%200%20706%202%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M0%201L706%201%22%20stroke%3D%22%231955E2%22%20stroke-width%3D%222%22%2F%3E%0A%3C%2Fsvg%3E");
  background-size: 100% 2px;
}
#intent-to-renew-progress-meter .progress-block:nth-last-of-type(1) > div.circle-container {
  background-image: linear-gradient(to left, white 50%, #1955E2 50%), url("data:image/svg+xml, %3Csvg%20width%3D%22706%22%20height%3D%222%22%20viewBox%3D%220%200%20706%202%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M0%201L706%201%22%20stroke%3D%22%231955E2%22%20stroke-width%3D%222%22%2F%3E%0A%3C%2Fsvg%3E");
  background-size: 100% 2px;
}
#intent-to-renew-progress-meter .progress-block > div.circle-container {
  background-image: url("data:image/svg+xml, %3Csvg%20width%3D%22706%22%20height%3D%222%22%20viewBox%3D%220%200%20706%202%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M0%201L706%201%22%20stroke%3D%22%231955E2%22%20stroke-width%3D%222%22%2F%3E%0A%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position-y: 50%;
  margin-bottom: 12px;
}
#itr-address-display {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-auto-rows: 1fr;
  grid-gap: 1.5rem;
}
@media (max-width: 767px) {
  #itr-address-display {
    grid-template-columns: repeat(1, 1fr);
  }
}

#BrandAdminBox {
  padding: 16px;
  justify-content: center;
}
#BrandAdminBox bold {
  font-weight: 500;
}
#BrandAdminBox ul {
  list-style: inside;
}
#BrandAdminBox span div {
  display: inline;
}
#BrandAdminBox #contact-customer-success {
  margin-inline-start: 1.5rem;
}
#BrandAdminBox #contact-customer-success div {
  display: inline;
}
#ProductSelectGrid {
  padding: 20px 0;
  padding-inline-start: 0;
}
#ProductSelectGrid h2 {
  margin-bottom: 12px;
}
#ProductSelectGrid .tileGrid {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  margin-left: -12px;
  margin-right: -12px;
  padding: 0px;
}
@media (min-width: 768px) {
  #ProductSelectGrid .tileGrid {
    flex-direction: row;
  }
}
#ProductSelectGrid .tileGrid .productSelectTile {
  padding: 0px 9.6px;
  margin: 8px 0px;
  min-height: 50px !important;
  border: 1px solid transparent !important;
}
#ProductSelectGrid .tileGrid .productSelectTile svg {
  width: 15%;
  height: 70%;
  padding: 3px;
}
#ProductSelectGrid .tileGrid .productSelectTile .productNameText {
  color: black;
  text-align: start;
  width: 85%;
  margin: auto;
  padding-inline-start: 8px;
  font-size: 0.9rem !important;
  line-height: 0.8rem;
}
#ProductSelectGrid .tileGrid .selected {
  background-color: #0b78e4 !important;
}
#ProductSelectGrid .tileGrid .productSelectTile:hover,
#ProductSelectGrid .tileGrid .productSelectTile:focus {
  border: 1px solid var(--tile-hover-border-color) !important;
}
#ProductSelectGrid .tileGrid .selected svg,
#ProductSelectGrid .tileGrid .selected .productNameText {
  filter: brightness(0) invert(1);
}
#ProductSelectGrid .tileGrid .selected #clarabridgeIcon {
  filter: none !important;
}
#select-product {
  border-radius: 10px;
}
#product-support-page #BerryappChatWidget {
  width: 100% !important;
  left: 0;
  z-index: 98;
}
#product-support-page #BerryappChatWidget .berry-chat-window-container {
  width: 100% !important;
}
.toolTip {
  text-align: start !important;
  max-width: 360px !important;
  padding: 0 !important;
}
.toolTip .toolTipImage {
  width: 100%;
  height: 100%;
  border-bottom: 2px solid lightgrey;
}
.toolTip .toolTipText {
  padding: 8px 16px;
  margin-top: auto;
  margin-bottom: auto;
}
.toolTip .toolTipText p {
  margin: 0;
}
@media (max-width: 767px) {
  .toolTip {
    display: none;
  }
}
.support-disclaimer div p {
  color: #6c7477 !important;
  font-size: 0.75rem !important;
}
@media (max-width: 767px) {
  #contact-cards {
    flex-wrap: wrap;
  }
  #contact-cards button:nth-of-type(n + 3) {
    margin-top: 3rem;
  }
}
@media (max-width: 503px) {
  #contact-cards button:nth-of-type(n + 2) {
    margin-top: 3rem;
  }
}

#other-resources-search {
  max-width: 842px;
  min-height: 165px;
  align-content: space-between;
  margin-top: 88px;
}
#other-resources-search h3 {
  margin-bottom: 40px;
}
@media only screen and (max-width: 768px) {
  #other-resources-search h3 {
    margin-bottom: 25px;
  }
}
#other-resources-search .search-form {
  justify-content: center;
  align-items: center;
}
#other-resources-search .search-form .search-input {
  max-width: 612px;
  border: none;
  border-bottom: 1px solid black;
  background: inherit;
}
@media only screen and (max-width: 768px) {
  #other-resources-search .search-form .hide-text-mobile {
    color: transparent;
  }
}

:root {
  --black-link-color: #000000;
  --white-link-color: #FFFFFF;
  --black-link-hover-color: var(--action-blue);
  --black-link-hover-color-filter: invert(12%) sepia(85%) saturate(6273%) hue-rotate(240deg) brightness(98%) contrast(99%);
  --tile-hover-background-color: #eef5fc;
  --tile-hover-border-color: #0b6ed0;
  --landing-gradient-two: linear-gradient(104deg, #21d8a47d 15.34%, #5f1ae2a6 96.88%), #5F1AE2;
  --landing-gradient-three: linear-gradient(104deg, #21d8a73d 10.96%, #5f1ae252 49.32%, #e172ff40 90.5%), #5F1AE2;
  --text-secondary-text-light: #696969;
  --text-secondary-text-dark: #242827;
  --radius-action-rounded: 8px;
  --action-blue: #3340E7;
  --error: #DB0000;
  --primary-gradient: linear-gradient(135deg, #21d9a77d 6.56%, #5f1ae2a6 59.19%, #E372FF 117.6%), #5F1AE2;
  --cx-gradient: linear-gradient(135deg, #4022DE 0%, #E672FF 100%);
  --ex-gradient: linear-gradient(135deg, #0025D4 0%, #03BFE1 100%);
  --sr-gradient: linear-gradient(135deg, #1CB9AA 0%, #0136AA 100%);
  --gray-50: #EDF2F4;
  --brand-green: #21dbaa;
  --brand-purple: #5f1ae5;
  --brand-dark-blue: #0768dd;
  --brand-light-blue: #00b4ee;
  --brand-yellow: #ffcd00;
  --brand-black: #232827;
  --brand-green-400: #1CB9AA;
  --medium-gray: #DCE6E9;
}

main#use-my-services-main {
  margin-bottom: 5vh !important;
}
main#use-my-services-main h2 {
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
}
main#use-my-services-main .use-my-services-header {
  font-weight: 700;
  font-size: 30px;
}
main#use-my-services-main .success-checks-header-container {
  display: flex;
  flex-direction: row;
}
main#use-my-services-main .success-checks-header-container .info-icon {
  fill: #898989;
  width: 100%;
  margin-inline-start: 6.5px;
  margin-bottom: 1.5px;
  padding-bottom: 10px;
}
main#use-my-services-main section#use-my-services-faqs {
  box-shadow: 0px -6px 8px -1px rgba(0, 0, 0, 0.13);
}
.my-program-card {
  display: flex;
  flex-direction: row;
  background-color: white !important;
  padding: 16px 22px 22px 16px;
  height: 100%;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
  transition: box-shadow 0.3s;
  border: 0.5px solid #F5F5F5;
  border-radius: 8px;
}
.my-program-card .my-program-card-icon {
  fill: #2968DB;
  max-width: 30px;
  max-height: 20px;
}
.my-program-card .my-program-card-content {
  text-align: start;
  margin-inline-start: 11px;
}
.my-program-card .my-program-card-content .my-program-card-header {
  margin-top: 5px;
  margin-bottom: 6px;
}
.my-program-card:hover {
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
}
.my-program-card-list-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-auto-rows: 1fr;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
}
@media (max-width: 767px) {
  .my-program-card-list-container {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 767px) {
  .use-my-services-content {
    flex-direction: column;
  }
}
.my-tam-container {
  max-width: 20%;
  margin-top: 80px;
  margin-inline-start: 24px;
}
@media (max-width: 767px) {
  .my-tam-container {
    margin-top: 48px;
    max-width: 100%;
    margin-inline-start: 0px;
  }
}
.my-tam-content {
  background-color: #EDF2F4;
  padding: 14px;
}
.my-tam-content .my-tam-content-button {
  margin-top: 24px;
  margin-bottom: 24px;
  font-weight: 500;
  font-size: 14px;
}
.my-tam-content .my-tam-header {
  margin-top: 6px;
  margin-bottom: 6px;
}
.my-tam-content .tam-request-button {
  font-family: 'BentonSans';
  font-style: normal;
  font-weight: 600;
  letter-spacing: 1px;
  border: none;
  background-color: transparent;
  text-align: start;
  cursor: pointer;
}
.my-tam-content .tam-request-button .external-link-icon {
  fill: #515559;
  margin-inline-start: 5px;
  margin-bottom: 2px;
  width: 11px;
  height: 11px;
}
.my-tam-content .tam-request-button:hover {
  color: #0B6ED0;
}
.my-tam-content .tam-request-button:hover .external-link-icon {
  fill: #0B6ED0;
}
.popover-container {
  margin-inline-start: 8px;
  margin-bottom: 2px;
  background-color: #222;
}
.popover-content {
  max-width: 300px;
  color: white;
  text-align: center;
  border-radius: 4px;
  margin-bottom: 0px;
  background-color: #222;
}
.popover-content + div div {
  background-color: #222;
}
.use-my-services-card-list {
  margin-top: 30px;
  grid-template-columns: repeat(2, 1fr);
  grid-auto-rows: minmax(min-content, max-content);
  grid-gap: 16px;
}
@media (max-width: 600px) {
  .use-my-services-card-list {
    grid-template-columns: repeat(1, 1fr);
  }
}
.use-my-services-card {
  border-radius: 8px;
  background: var(--text-white, #FFF);
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.1);
  color: #000000;
  padding: 30px;
  border: 1px solid transparent;
}
.use-my-services-card.grayed-out-text {
  color: var(--text-secondary-text-light, #696969);
}
.use-my-services-card .label-container {
  padding: 7px 10px;
  border-radius: 4px;
  background: linear-gradient(90deg, rgba(85, 50, 234, 0.2) 0%, rgba(220, 110, 254, 0.2) 100%);
  margin-bottom: 15px;
}
.use-my-services-card .label-container span {
  background: var(--cx-gradient, linear-gradient(90deg, #4022DE 0%, #E672FF 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.use-my-services-card .label-container.blue {
  background: linear-gradient(90deg, rgba(0, 37, 212, 0.2) 0%, rgba(3, 191, 225, 0.2) 100%);
}
.use-my-services-card .label-container.blue span {
  color: var(--action-blue);
  -webkit-text-fill-color: unset;
}
.use-my-services-card .label-container.gray {
  background: linear-gradient(90deg, rgba(12, 15, 19, 0.2) 0%, rgba(90, 119, 153, 0.2) 100%);
}
.use-my-services-card .label-container.gray span {
  -webkit-text-fill-color: unset;
  color: #000000;
}
.use-my-services-card .label-container.purple {
  background: var(--opacity-primary-gradient-hover-20, rgba(86, 42, 217, 0.2));
}
.use-my-services-card .label-container.purple span {
  color: var(--brand-purple);
  -webkit-text-fill-color: unset;
}
.use-my-services-card .description {
  margin: 15px 0;
}
.use-my-services-card:hover:not(.grayed-out-text) {
  border: 1px solid var(--tile-hover-border-color);
  background-color: var(--tile-hover-background-color);
}
.use-my-services-card:disabled {
  opacity: 0.65;
}

.dark-full-width-section {
  width: 100%;
  background: var(--medium-gray);
}

#app .general-text-16 {
  /* General/T1 Regular 16px */
  font-family: var(--font-family-body, BentonSans);
  font-size: var(--font-size-md, 16px);
  font-style: normal;
  font-weight: var(--font-weight-regular, 400);
  line-height: var(--font-line-height-sm, 24px);
  letter-spacing: -0.16px;
}
#app .general-text-12 {
  /* General/T3 Regular 12px */
  font-family: var(--font-family-body, BentonSans);
  font-size: var(--font-size-xs, 12px);
  font-style: normal;
  font-weight: var(--font-weight-regular, 400);
  line-height: var(--font-line-height-xs, 16px);
  /* 133.333% */
  letter-spacing: -0.12px;
}
#app .h1-bold {
  /* Header/H1 Bold 30px */
  font-family: var(--font-family-header, BentonSans);
  font-size: var(--font-size-3xl, 30px);
  font-style: normal;
  font-weight: var(--font-weight-bold, 700);
  line-height: var(--font-line-height-md, 32px);
  letter-spacing: -0.9px;
}
#app .h2-bold {
  /* Header/H2 Bold 24px */
  font-family: var(--font-family-header, BentonSans);
  font-size: var(--font-size-2xl, 24px);
  font-style: normal;
  font-weight: var(--font-weight-bold, 700);
  line-height: var(--spacing-4, 32px);
  letter-spacing: -0.72px;
}
#app .h3-regular {
  /* Header/H3 Regular 18px */
  font-family: var(--font-family-header, BentonSans);
  font-size: var(--font-size-lg, 18px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--font-line-height-sm, 24px);
  letter-spacing: -0.54px;
}
#app .h3-bold {
  /* Header/H3 Bold 18px */
  font-family: var(--font-family-header, BentonSans);
  font-size: var(--font-size-lg, 18px);
  font-style: normal;
  font-weight: var(--font-weight-bold, 700);
  line-height: var(--font-line-height-sm, 24px);
  letter-spacing: -0.54px;
}
#app .action-label-10-bold {
  /* Actions & Labels/Label Bold 10px */
  font-family: var(--font-family-CTA, "Input Sans");
  font-size: var(--font-size-xxs, 10px);
  font-style: normal;
  font-weight: var(--font-weight-bold, 700);
  line-height: var(--font-line-height-xs, 16px);
  text-transform: uppercase;
}
#app .action-label-10 {
  /* Actions & Labels/Label Regular 10px */
  font-family: var(--font-family-CTA, "Input Sans");
  font-size: var(--font-size-xxs, 10px);
  font-style: normal;
  font-weight: var(--font-weight-regular, 400);
  line-height: var(--font-line-height-xs, 16px);
  text-transform: uppercase;
}
#app .action-label-12 {
  /* Actions & Labels/CTA Regular 12px */
  font-family: var(--font-family-CTA, "Input Sans");
  font-size: var(--font-size-xs, 12px);
  font-style: normal;
  font-weight: var(--font-weight-regular, 400);
  line-height: var(--font-line-height-xs, 16px);
  text-transform: uppercase;
}
#app .black-underline-link {
  color: black !important;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}