@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

:root {
  --ff-selfservice-font-family: 'Poppins', Arial, Helvetica, sans-serif;
  --ff-selfservice-teal: #18707f;
  --ff-selfservice-teal-dark: #155d69;
  --ff-selfservice-accent: #f5a524;
  --ff-selfservice-text: #595A59;
  --ff-selfservice-text-soft: #516173;
  --ff-selfservice-sand: #e1dcd8;
  --ff-selfservice-white: #ffffff;
  --ff-selfservice-container: 1520px;
  --ff-selfservice-gutter: 3rem;
}

html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
span,
small,
strong,
em,
label,
input,
select,
textarea,
button {
  font-family: var(--ff-selfservice-font-family) !important;
}

html,
body {
  background: var(--ff-selfservice-sand) !important;
  color: var(--ff-selfservice-text) !important;
}

body.d-flex,
body.full-height {
  min-height: 100vh;
}

body .container,
body .container-fluid {
  width: 100%;
}

body .container {
  max-width: var(--ff-selfservice-container) !important;
}

body p,
body li,
body label,
body input,
body select,
body textarea,
body button {
  color: inherit;
  font-size: 1rem;
  line-height: 1.6;
}

body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
  color: var(--ff-selfservice-text) !important;
  font-weight: 500 !important;
  letter-spacing: -0.02em;
  line-height: 1.15;
}

body h1 {
  margin-bottom: 1.25rem !important;
  font-size: clamp(2rem, 3vw, 3rem) !important;
}

body h3 {
  font-size: 1.5rem !important;
}

body a:hover {
  color: var(--ff-selfservice-teal) !important;
}

body .richtext,
body .richtext p,
body .breadcrumbs,
body .breadcrumbs a {
  color: var(--ff-selfservice-text-soft) !important;
}

body .breadcrumbs {
  display: flex;
  align-items: center;
  gap: 0;
  padding-top: 0;
  margin: 0;
  font-size: 0.98rem;
  font-weight: 400;
  line-height: 1.3;
}

body .breadcrumbs a {
  text-decoration: none;
  color: var(--ff-selfservice-text) !important;
}

body .breadcrumbs a+a::before {
  display: inline-block;
  width: 2px;
  height: 1.1em;
  padding: 0 !important;
  margin: 0 1rem;
  vertical-align: middle;
  background: var(--ff-selfservice-text);
  opacity: 0.55;
  content: '';
}

body .breadcrumbs a:last-child {
  color: #26b3ce !important;
}

body header.sticky-top {
  background: var(--ff-selfservice-teal) !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}

body header .container {
  min-height: 5.1rem;
  padding-right: var(--ff-selfservice-gutter) !important;
  padding-left: var(--ff-selfservice-gutter) !important;
}

body header a,
body header button,
body header .header-text {
  color: var(--ff-selfservice-white) !important;
}

body header nav.d-none.d-lg-block {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

body header nav.d-none.d-lg-block a {
  min-width: 0 !important;
}

body header .logo-large,
body header .logo-small {
  width: auto;
  max-height: 2.6rem;
}

body header .logo-large {
  max-width: 295px !important;
  height: auto !important;
  object-fit: contain;
  align-self: center;
}

body header .logo-large {
  display: block;
}

body header.sticky-top {
  background: #f4f4f4 !important;
  border-bottom: 1px solid #ffffff !important;
  --color-header-text: var(--ff-selfservice-text);
  --color-header-background: #f4f4f4;
  z-index: 50;
}

body:has(.login-form) header.sticky-top {
  border-bottom: none !important;
}

body header.sticky-top .container {
  display: flex !important;
  flex-wrap: wrap;
  align-items: stretch !important;
  row-gap: 0;
  width: 100% !important;
  max-width: none !important;
  min-height: 0;
  padding-top: 0.2rem;
  padding-bottom: 0;
  padding-right: 0 !important;
  padding-left: 0 !important;
  background: #f4f4f4 !important;
}

body header.sticky-top nav.d-none.d-lg-block {
  order: 1;
  flex: 0 0 auto;
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
  padding-left: 3.75rem !important;
  padding-right: 1rem !important;
  height: unset !important;
  width: 33%;
}

body header.sticky-top .d-none.d-lg-flex.px-3.align-items-center.justify-content-end.w-250 {
  order: 2;
  flex: 0 0 auto;
  width: auto !important;
  min-width: 180px;
  margin-left: auto;
  padding-top: 0 !important;
  padding-right: 2.25rem !important;
  padding-bottom: 0.2rem !important;
  padding-left: 1rem !important;
}

body header.sticky-top a,
body header.sticky-top button,
body header.sticky-top .header-text {
  color: var(--ff-selfservice-text) !important;
}

body header.sticky-top .nav-item.d-flex.justify-content-end.max-w-180,
body header.sticky-top .nav-item.d-flex.justify-content-end.max-w-180>button {
  width: auto !important;
  max-width: none !important;
  min-height: auto !important;
  white-space: nowrap;
}

body header.sticky-top .nav-item.d-flex.justify-content-end.max-w-180>button {
  display: inline-flex !important;
  align-items: center;
  gap: 0.5rem;
  padding: 1.2rem 4.5rem !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: var(--ff-selfservice-accent) !important;
  color: var(--ff-selfservice-white) !important;
  --color-header-text: var(--ff-selfservice-white);
  margin: -0.2rem -2.25rem -0.2rem 0;
}

body header.sticky-top .nav-item.d-flex.justify-content-end.max-w-180>button span,
body header.sticky-top .nav-item.d-flex.justify-content-end.max-w-180>button .user-icon,
body header.sticky-top .nav-item.d-flex.justify-content-end.max-w-180>button svg,
body header.sticky-top .nav-item.d-flex.justify-content-end.max-w-180>button path {
  color: var(--ff-selfservice-white) !important;
}

body header.sticky-top .nav-item.d-flex.justify-content-end.max-w-180>button .user-icon,
body header.sticky-top .nav-item.d-flex.justify-content-end.max-w-180>button svg {
  display: block;
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  background: transparent !important;
}

body header.sticky-top .nav-item.d-flex.justify-content-end.max-w-180>button .user-icon path,
body header.sticky-top .nav-item.d-flex.justify-content-end.max-w-180>button svg path {
  fill: currentColor !important;
  background: transparent !important;
}

body header.sticky-top .nav-item.d-flex.justify-content-end.max-w-180>button:hover,
body header.sticky-top .nav-item.d-flex.justify-content-end.max-w-180>button:focus {
  background: #de9318 !important;
  color: var(--ff-selfservice-white) !important;
}

body header.sticky-top .dropdown-menu {
  border: 0 !important;
  border-radius: 0 !important;
  background: #2bb4c7 !important;
  box-shadow: none !important;
  margin-top: 0 !important;
  padding: 0.75rem 0 !important;
}

body header.sticky-top .dropdown-menu,
body header.sticky-top .dropdown-menu li,
body header.sticky-top .dropdown-menu .dropdown-item {
  background-color: #2bb4c7 !important;
}

body header.sticky-top .dropdown-menu .dropdown-item,
body header.sticky-top .dropdown-menu .nav-link {
  color: var(--ff-selfservice-white) !important;
  background: transparent !important;
}

body header.sticky-top .dropdown-menu .dropdown-item {
  padding: 0 !important;
}

body header.sticky-top .dropdown-menu .dropdown-item .nav-link {
  display: block;
  width: 100%;
  padding: 0.85rem 2rem !important;
}

body header.sticky-top .dropdown-menu .dropdown-item:hover,
body header.sticky-top .dropdown-menu .dropdown-item:focus,
body header.sticky-top .dropdown-menu .nav-link:hover,
body header.sticky-top .dropdown-menu .nav-link:focus {
  color: var(--ff-selfservice-white) !important;
  background: transparent !important;
}

body header.sticky-top .dropdown-menu .dropdown-item:hover .nav-link,
body header.sticky-top .dropdown-menu .dropdown-item:focus .nav-link,
body header.sticky-top .dropdown-menu .nav-link:hover,
body header.sticky-top .dropdown-menu .nav-link:focus {
  color: var(--ff-selfservice-white) !important;
  background: rgba(255, 255, 255, 0.1) !important;
}

body header.sticky-top .user-icon,
body header.sticky-top svg,
body header.sticky-top path {
  color: currentColor;
}

body header.sticky-top .d-none.d-lg-flex.flex-grow-1 .nav-link.header-text,
body header.sticky-top .d-none.d-lg-flex.flex-grow-1 button.nav-link.header-text,
body header.sticky-top .d-none.d-lg-flex.px-3.align-items-center.justify-content-end.w-250 .nav-link.header-text,
body header.sticky-top .d-none.d-lg-flex.px-3.align-items-center.justify-content-end.w-250 button.nav-link.header-text,
body header.sticky-top nav.d-none.d-lg-block a,
body header.sticky-top nav.d-none.d-lg-block img,
body header.sticky-top .logo-large,
body header.sticky-top .logo-small {
  position: relative;
  z-index: 1;
}

body .container.px-4.pt-3 {
  max-width: var(--ff-selfservice-container) !important;
  padding-top: 1rem !important;
  padding-right: var(--ff-selfservice-gutter) !important;
  padding-left: var(--ff-selfservice-gutter) !important;
}

body:has(.login-form) .container.px-4.pt-3,
body:has(.login-form) .breadcrumbs {
  display: none !important;
}

body .login-form {
  display: flex;
  justify-content: flex-start;
  margin-bottom: 2.25rem;
}

body .login-form br {
  display: none;
}

body .login-form form {
  margin: 0;
}

body .btn.btn-primary,
body button.btn.btn-primary,
body input.btn.btn-primary {
  border: 0 !important;
  border-radius: 999px !important;
  background: var(--ff-selfservice-accent) !important;
  color: var(--ff-selfservice-white) !important;
  box-shadow: none !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
  line-height: 1.2;
  padding: 0.8rem 1.5rem !important;
}

body .btn.btn-primary:hover,
body .btn.btn-primary:focus,
body .btn.btn-primary:active {
  background: #de9318 !important;
  color: var(--ff-selfservice-white) !important;
}

body .btn.btn-slim,
body .btn.btn-rounded,
body a.btn.btn-slim,
body a.btn.btn-rounded {
  border-radius: 999px !important;
}

body .container.px-5.py-4.pb-5 {
  padding-top: 2.25rem !important;
  padding-right: var(--ff-selfservice-gutter) !important;
  padding-left: var(--ff-selfservice-gutter) !important;
  padding-bottom: 3.75rem !important;
}

body section.row.mb-3 {
  margin-bottom: 1.5rem !important;
}

/* body section.row.mb-3 .col-12,
body .row.row-gap-4 > .col-12 {
  text-align: center;
} */

body .richtext {
  max-width: 920px;
  /* margin: 0 auto; */
}

body .richtext p {
  margin-bottom: 0;
  font-size: 1.125rem;
}

body .input-card{
  border: 1px solid #26b3ce !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background-color: var(--ff-selfservice-white) !important;
  position: relative;
}

body .section-info-card,
body .crm-data-card,
body .card-with-background {
  border: 1px solid #26b3ce !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background-color: var(--ff-selfservice-white) !important;
  overflow: hidden;
  position: relative;
}

body #mx-myprofile .p-2.position-relative {
  padding: .5rem 0 !important;
}

body #mx-consent-page .input-card,
body #mx-user-memberships .input-card,
body #mx-eventdetails .input-card,
body #mx-events .input-card,
body #mx-user-memberships .input-card {
  padding-top: 40px;
}

body .section-info-card,
body .crm-data-card {
  min-height: 100%;
}

body .input-card .rounded-top,
body .section-info-card .rounded-top,
body .event-preview-container,
body .event-preview-container .position-relative {
  border-radius: 0 !important;
}

body .input-card-header-container {
  position: absolute;
  top: 0;
  left: 1.4rem;
  padding-top: 0 !important;
  z-index: 2;
  margin: 0 !important;
  max-width: calc(100% - 2.8rem);
}

body .input-card-header {
  display: inline-flex;
  align-items: center;
  width: auto !important;
  max-width: 100%;
  border-radius: 0 !important;
  background: #26b3ce !important;
  color: var(--ff-selfservice-white) !important;
  box-shadow: none !important;
  padding: 0.55rem 0.9rem !important;
}

body .input-card-header span,
body .input-card-header .roboto-mono,
body .input-card-header .clamp-2 {
  display: block;
  color: inherit !important;
  font-family: var(--ff-selfservice-font-family) !important;
  font-size: 0.95rem !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: normal !important;
  -webkit-line-clamp: unset !important;
}

body .section-info-card .h-50-percent:first-child {
  position: relative;
  overflow: hidden;
}

body #mx-myprofile .input-card-header-container,
body #mx-invoice-history .input-card-header-container {
  position: static !important;
  top: auto !important;
  left: auto !important;
  max-width: none !important;
  padding-top: 0 !important;
  margin: 0 0 1rem !important;
}

body #mx-myprofile .input-card-header,
body #mx-invoice-history .input-card-header {
  display: inline-flex;
  width: auto !important;
  max-width: 100%;
  padding: 0.7rem 1rem !important;
}

body #mx-myprofile .px-4.pb-3.pt-1,
body #mx-invoice-history .px-4.pb-3.pt-1 {
  padding-top: 1.25rem !important;
}

body .section-info-card .px-3,
body .crm-data-card .px-4 {
  padding-right: 1.6rem !important;
  padding-left: 1.6rem !important;
}

body .section-info-card p,
body .crm-data-card span,
body .crm-data-card p {
  color: var(--ff-selfservice-text) !important;
}

body .mx-membercard,
body .mx-membercard>div,
body .mx-membercard>div>div,
body .mx-membercard>div>div>div {
  display: flex;
  flex: 1 1 auto;
  height: 100%;
}

body .mx-membercard .crm-data-card {
  display: flex;
  flex: 1 1 auto;
  width: 100%;
  min-height: 100%;
}

body .mx-membercard .px-4.pb-3.py-3 {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  justify-content: center;
}

body .mx-membercard .info-container,
body .mx-membercard .d-flex.flex-column.gap-4.pt-6 {
  width: 100%;
}

body .section-info-card p {
  margin: 0;
  font-size: 1rem !important;
  line-height: 1.55;

}

body .section-info-card .mt-auto.d-flex,
body .crm-data-card .mt-auto.d-flex {
  /* justify-content: center !important; */
  padding: 1.25rem 1.5rem 1.5rem !important;
}

body .event-preview-container {
  background-size: cover !important;
  background-repeat: no-repeat !important;
  min-height: 400px !important;
  height: auto !important;
}

body .event-preview-container .input-card-header-container {
  left: 1.4rem;
}

body .event-preview-container .input-card-header {
  padding: 0.7rem 1.1rem !important;
}

body .event-preview-container .input-card-header span,
body .event-preview-container .input-card-header .roboto-mono,
body .event-preview-container .input-card-header .clamp-2 {
  font-size: 1rem !important;
}

body .event-preview-container .pb-3.pt-1 {
  padding: 4.25rem 1.4rem 1.5rem !important;
}

body .event-preview-container .entry-list {
  display: flex;
  flex-direction: column;
  gap: 0.9rem;
  width: 100%;
  max-width: 100%;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  background: transparent !important;
  padding: 0 !important;
  overflow: visible !important;
}

body .event-preview-container .event-preview-entry {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 1rem 1.1rem;
  background: rgba(23, 48, 74, 0.7);
}

body .event-preview-container .title,
body .event-preview-container .info,
body .event-preview-container .info span,
body .event-preview-container .btn-simple {
  color: var(--ff-selfservice-white) !important;
}

body .event-preview-container .title {
  display: block;
  margin-bottom: 0.7rem;
  font-size: 1.05rem !important;
  font-weight: 600 !important;
  line-height: 1.35;
  text-align: left !important;
}

body .event-preview-container .info-container {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 1rem;
}

body .event-preview-container .info {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.85rem 1rem;
  min-width: 0;
}

body .event-preview-container .info>span:first-child,
body .event-preview-container .info-city {
  font-size: 0.95rem !important;
  line-height: 1.4;
}

body .event-preview-container .d-flex.gap-3.align-self-end {
  display: flex !important;
  gap: 1rem !important;
  align-items: center !important;
  justify-content: flex-end;
  flex-shrink: 0;
}

body .event-preview-container .btn-simple {
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
  line-height: 1.2;
  text-decoration: none !important;
}

body .event-preview-container .see-all-button {
  position: static !important;
  right: auto !important;
  bottom: auto !important;
  display: inline-flex !important;
  align-self: flex-start;
  margin-top: 1.25rem !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

body .mx-events-preview,
body .mx-events-preview>div,
body .mx-events-preview>div>div,
body .event-preview-container,
body .event-preview-container>div,
body .event-preview-container .pb-3.pt-1 {
  height: auto !important;
  min-height: 0;
}

body .col-12.col-sm-6.col-md-4.col-lg-3>section.mb-3,
body .col-12.col-sm-6.col-md-4.col-lg-3>section.mb-3>.section-info-card {
  min-height: 400px !important;
  height: 100% !important;
}

body .col-12.col-sm-6.col-md-4.col-lg-3>section.mb-3>.section-info-card {
  display: flex;
  flex-direction: column;
}

body .col-12.col-sm-6.col-md-4.col-lg-3>section.mb-3>.section-info-card>.d-flex.flex-column.h-100 {
  flex: 1 1 auto;
}

body .col-12.col-sm-6.col-md-4.col-lg-3>section.mb-3>.section-info-card.h-400 {
  height: 100% !important;
}

body .section-info-card.h-400 {
  min-height: 400px !important;
}

body .col-12.col-sm-6.col-md-4.col-lg-3>section.mb-3>.section-info-card .h-50-percent {
  height: 50% !important;
}

body .few-seats-preview-tag {
  border-radius: 999px !important;
  background: var(--ff-selfservice-accent) !important;
  color: var(--ff-selfservice-white) !important;
  padding: 0.2rem 0.65rem !important;
}

body .input-card .card-footer {
  padding-left: 0.7rem !important;
}

body .input-card .card-footer .d-flex.justify-content-center {
  justify-content: flex-start !important;
}

body .image.text-center {
  margin-top: 1rem;
}

body .image.text-center img {
  display: block;
  width: 100%;
  border-radius: 0;
  margin: 0 auto;
}

body footer {
  margin-top: auto;
  background: var(--ff-selfservice-teal) !important;
  color: var(--ff-selfservice-white) !important;
  padding: 3.5rem 0 4rem !important;
}

body footer,
body footer h1,
body footer h2,
body footer h3,
body footer h4,
body footer h5,
body footer h6,
body footer p,
body footer a,
body footer li {
  color: var(--ff-selfservice-white) !important;
}

body footer .container {
  max-width: 1320px !important;
}

body footer .row {
  row-gap: 2rem;
}

body footer .col-lg-3 {
  text-align: left !important;
}

body footer .d-inline-block {
  display: block !important;
}

body footer .col-lg-3:first-child .d-inline-block {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  gap: 0.9rem;
}

body footer .col-lg-3:first-child p {
  margin: 0 !important;
  line-height: 1 !important;
}

body footer h3 {
  margin-bottom: 1rem;
  font-size: 1.6rem !important;
  font-weight: 600 !important;
}

body footer p,
body footer a {
  font-size: 1rem !important;
  line-height: 1.8;
}

body footer a {
  text-decoration-thickness: 1px;
  text-underline-offset: 0.14em;
}

body footer a:hover,
body footer a:focus {
  color: var(--ff-selfservice-white) !important;
}

body footer p {
  margin: 0 0 0.75rem !important;
}

body footer p:empty {
  display: none !important;
}

body footer img {
  height: auto;
  max-width: 45px !important;
}

body footer .col-lg-3:nth-child(2) p a[href*='linkedin.com'],
body footer .col-lg-3:nth-child(2) p a[href*='facebook.com'] {
  display: none !important;
}

body footer .col-lg-3:nth-child(2) p:has(a[href*='linkedin.com']),
body footer .col-lg-3:nth-child(2) p:has(a[href*='facebook.com']) {
  display: none !important;
}

body footer .col-lg-3:nth-child(4) h3 {
  margin-bottom: 0 !important;
  line-height: 1.7 !important;
}

body footer .col-lg-3:nth-child(4) h3 br {
  display: none;
}

body footer .col-lg-3:nth-child(4) h3>a {
  display: block;
  margin-top: 0.7rem;
  font-size: 1rem !important;
  font-weight: 600 !important;
  line-height: 1.45;
}

img.img-fluid,
.img-fluid {
  max-width: 100% !important;
}

@media (max-width: 991.98px) {
  :root {
    --ff-selfservice-gutter: 1.5rem;
  }

  body header.sticky-top nav.d-none.d-lg-block,
  body header.sticky-top .d-none.d-lg-flex.flex-grow-1,
  body header.sticky-top .d-none.d-lg-flex.px-3.align-items-center.justify-content-end.w-250 {
    display: none !important;
  }

  body header.sticky-top .container {
    padding-top: 0 !important;
  }

  body header .container {
    min-height: 4.5rem;
  }

  body .login-form {
    justify-content: center;
  }

  body .input-card-header-container {
    left: 0.8rem;
    max-width: calc(100% - 1.6rem);
  }

  body .event-preview-container .pb-3.pt-1 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }

  body .event-preview-container .see-all-button {
    width: auto !important;
    max-width: 100%;
    align-self: center;
    margin-top: 1rem !important;
  }

  body .event-preview-container {
    min-height: 0 !important;
  }

  body .event-preview-container .info-container {
    flex-direction: column;
    align-items: flex-start;
  }

  body .event-preview-container .d-flex.gap-3.align-self-end {
    justify-content: flex-start;
  }

  body footer {
    padding-top: 2.75rem !important;
    padding-bottom: 3rem !important;
  }
}

@media (min-width: 992px) {
  body header.sticky-top {
    position: relative !important;
    top: auto !important;
    z-index: auto !important;
  }

  body:has(.login-form) header.sticky-top .d-none.d-lg-flex.flex-grow-1 {
    display: none !important;
  }

  body header.sticky-top .d-none.d-lg-flex.flex-grow-1 {
    order: 3;
    flex: 0 0 100%;
    width: 100%;
    background: #f4f4f4 !important;
    border-top: 1px solid #ffffff;
    display: flex !important;
  }

  body header.sticky-top .d-none.d-lg-flex.flex-grow-1 nav.w-100 {
    width: 100% !important;
    background: #f4f4f4 !important;
    display: block !important;
  }

  body header.sticky-top .btn-nav.nav {
    display: flex !important;
    justify-content: stretch !important;
    gap: 0;
    min-height: 3.4rem;
    margin: 0;
    padding: 0;
    background: #f4f4f4 !important;
    list-style: none;
  }

  body header.sticky-top .btn-nav.nav>.nav-item,
  body header.sticky-top .btn-nav.nav>li {
    display: flex;
    align-items: stretch;
    flex: 1 1 33.333%;
    border-right: 1px solid #ffffff;
  }

  body header.sticky-top .btn-nav.nav>.nav-item:first-child,
  body header.sticky-top .btn-nav.nav>li:first-child {
    border-left: 1px solid #ffffff;
  }

  body header.sticky-top .nav-item.dropdown>button,
  body header.sticky-top .nav-item.d-flex>button {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 3.4rem;
    padding-right: 1.25rem !important;
    padding-left: 1.25rem !important;
    font-size: 1.05rem !important;
    font-weight: 500 !important;
    white-space: nowrap;
  }

  body header.sticky-top .btn-nav.nav>.nav-item.dropdown>button::after {
    content: '';
    display: inline-block;
    width: 0.6rem;
    height: 0.6rem;
    margin-left: 1.25rem;
    border-right: 2px solid #26b3ce;
    border-bottom: 2px solid #26b3ce;
    transform: translateY(-0.1rem) rotate(45deg);
    transform-origin: center;
    transition: transform 0.2s ease, border-color 0.2s ease;
  }

  body header.sticky-top .btn-nav.nav>.nav-item.dropdown>.nav-link.show,
  body header.sticky-top .btn-nav.nav>.nav-item.dropdown>button.show,
  body header.sticky-top .btn-nav.nav>.nav-item.dropdown>.nav-link[aria-expanded='true'],
  body header.sticky-top .btn-nav.nav>.nav-item.dropdown>button[aria-expanded='true'] {
    background: #26b3ce !important;
    color: var(--ff-selfservice-white) !important;
    --color-header-text: var(--ff-selfservice-white);
  }

  body header.sticky-top .btn-nav.nav>.nav-item.dropdown>.nav-link.show::after,
  body header.sticky-top .btn-nav.nav>.nav-item.dropdown>button.show::after,
  body header.sticky-top .btn-nav.nav>.nav-item.dropdown>.nav-link[aria-expanded='true']::after,
  body header.sticky-top .btn-nav.nav>.nav-item.dropdown>button[aria-expanded='true']::after {
    border-right-color: var(--ff-selfservice-white);
    border-bottom-color: var(--ff-selfservice-white);
    transform: translateY(0.08rem) rotate(-135deg);
  }

}