:root,
:root[data-bs-theme=light] {
  color-scheme: light;

  /* Primary colors */
  --White: #fff;

  /* Fons */
  --Gray-fons-50: #F8FAFC;
  --Gray-fons-100: #F1F5F9;
  --Gray-fons-200: #E2E8F0;
  --Gray-fons-300: #CBD5E1;
  --Gray-fons-400: #94A3B8;
  --Gray-fons-500: #64748B;
  --Gray-fons-600: #475569;
  --Gray-fons-700: #334155;
  --Gray-fons-800: #1E293B;
  --Gray-fons-900: #0F172A;
  --Gray-fons-950: #0E1111;

  /* Brand */
  --Brand-50: #F2FBFA;
  --Brand-100: #D4F3F0;
  --Brand-200: #A8E7E2;
  --Brand-300: #5ECCC7;
  --Brand-400: #18CEC7;

  /* Error */
  --Error-500: #DD6056;
  --Error-600: #CA473D;
  --Error-700: #A9352C;

  /* Warning */
  --Warning-400: #FDC712;
  --Warning-500: #ECAD06;
  --Warning-600: #CC8502;

  /* Success */
  --Success-200: #C9EFC3;
  --Success-400: #6ACB5D;
  --Success-500: #45B037;
  --Success-600: #349128;
  --Success-700: #2C7223;

  /* Text and background colors */
  /* Text color */

  /* Background Brand color */
  --Brand-Color-fon-Gray: #D0D5DD;
  --Brand-Color-fon-Blue: #B5DEEF;
  --Brand-Color-fon-Green: #5ECCC7;
  --Brand-Color-fon-Dark: #0F2D4B;
  --Brand-Color-fon-Gray-05: rgba(208, 213, 221, 0.5);
  /*--Brand-Color-fon-Gray: #D0D5DD; + opacity: 0.5;*/
  --Brand-Color-fon-Blue-05: rgba(181, 222, 239, 0.5);
  /*--Brand-Color-fon-Blue: #B5DEEF; + opacity: 0.5;*/
  --Brand-Color-fon-Green-05: rgba(94, 204, 199, 0.5);
  /*--Brand-Color-fon-Green: #5ECCC7; + opacity: 0.5;*/
  --Brand-Color-fon-Dark-05: rgba(15, 45, 75, 0.5);
  /*--Brand-Color-fon-Dark: #0F2D4B; + opacity: 0.5;*/
  --image-container-bg: rgba(14, 17, 17, 0.05);

  --Bg-fon: #F9FAFB;

  /* Secondary colors */
  --Gray-cynk-05: #F6F7F7;
  --Gray-cynk-10: #E1E6E5;
  --Gray-cynk-20: #C2CDCB;
  --Gray-cynk-30: #9CACAA;
  --Gray-cynk-40: #778A88;
  --Gray-cynk-50: #5D6F6D;
  --Gray-cynk-60: #495857;
  --Gray-cynk-70: #3D4847;
  --Gray-cynk-80: #333C3B;
  --Gray-cynk-90: #2D3433;
  --Gray-cynk-95: #0E1111;

  --Brand-color-05: #F2FBFA;
  --Brand-color-10: #D4F3F0;
  --Brand-color-20: #A8E7E2;
  --Brand-color-30: #5ECCC7;
  --Brand-color-40: #48B9B8;
  --Brand-color-50: #2F9D9D;
  --Brand-color-60: #237C7E;
  --Brand-color-70: #206265;
  --Brand-color-80: #1E4E51;
  --Brand-color-90: #1D4244;
  --Brand-color-95: #0B2628;

  --Indigo-color-05: #F1F8FE;
  --Indigo-color-10: #E3EFFB;
  --Indigo-color-20: #C0DFF7;
  --Indigo-color-30: #88C4F1;
  --Indigo-color-40: #48A7E8;
  --Indigo-color-50: #218CD6;
  --Indigo-color-60: #136FB6;
  --Indigo-color-70: #105894;
  --Indigo-color-80: #124C7A;
  --Indigo-color-90: #144066;
  --Indigo-color-95: #0F2D4B;

  --Blue-color-05: #F2FAFD;
  --Blue-color-10: #E5F2F9;
  --Blue-color-20: #B5DEEF;
  --Blue-color-30: #91D0E8;
  --Blue-color-40: #56B8DA;
  --Blue-color-50: #319FC6;
  --Blue-color-60: #2181A8;
  --Blue-color-70: #1C6788;
  --Blue-color-80: #1B5771;
  --Blue-color-90: #1C495E;
  --Blue-color-95: #122F3F;

  --Gray-color-05: #F6F7F8;
  --Gray-color-10: #EAECEF;
  --Gray-color-20: #D0D5DD;
  --Gray-color-30: #BFC7D1;
  --Gray-color-40: #A0AABA;
  --Gray-color-50: #8993A8;
  --Gray-color-60: #788098;
  --Gray-color-70: #6B718A;
  --Gray-color-80: #5A5F73;
  --Gray-color-90: #4B4F5D;
  --Gray-color-95: #30323B;

  /* Primary gradient colors */
  --Gray-gradient-10: conic-gradient(from 259.08deg at 50% 50%, #475467 0deg, rgba(71, 84, 103, 0) 360deg);
  --Gray-gradient-20: linear-gradient(90deg, #475467 0%, #667085 100%);
  --Gray-gradient-30: linear-gradient(45deg, #344054 0%, #475467 100%);
  --Gray-gradient-40: linear-gradient(45deg, #1D2939 0%, #475467 100%);
  --Gray-gradient-50: linear-gradient(63.44deg, #1D2939 16.72%, #475467 83.39%);
  --Gray-gradient-60: linear-gradient(26.57deg, #30323B 8.33%, #8993A8 91.67%);
  --Gray-gradient-70: linear-gradient(45deg, #30323B 0%, #EAECEF 100%);

  --Brand-gradient-10: conic-gradient(from 259.08deg at 50% 50%, #7BCAC6 0deg, rgba(123, 202, 198, 0) 360deg);
  --Brand-gradient-20: linear-gradient(90deg, #48B9B8 0%, #5ECCC7 100%);
  --Brand-gradient-30: linear-gradient(45deg, #237C7E 0%, #5ECCC7 100%);
  --Brand-gradient-40: linear-gradient(45deg, #519B9C 0%, #5ECCC7 100%);
  --Brand-gradient-50: linear-gradient(63.44deg, #1E4E51 16.72%, #5ECCC7 83.39%);
  --Brand-gradient-60: linear-gradient(26.57deg, #48B9B8 8.33%, #D4F3F0 91.67%);
  --Brand-gradient-70: linear-gradient(45deg, #5ECCC7 0%, #A8E7E2 100%);

  /* Shadows */
  --shadow-3xl: 0px 32px 64px -12px rgba(16, 24, 40, 0.14);
  --shadow-2xl: 0px 24px 48px -12px rgba(16, 24, 40, 0.18);
  --shadow-xl: 0px 20px 24px -4px rgba(16, 24, 40, 0.08), 0px 8px 8px -4px rgba(16, 24, 40, 0.03);
  --shadow-lg: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
  --shadow-md: 0px 4px 8px -2px rgba(16, 24, 40, 0.10), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);
  --shadow-sm: 0px 1px 3px 0px rgba(16, 24, 40, 0.10), 0px 1px 2px 0px rgba(16, 24, 40, 0.06);
  --shadow-xs: 0px 1px 2px 0px rgba(15, 45, 75, 0.05);
}

:root[data-bs-theme=dark] {
  color-scheme: dark;
  /* COLORS */
}

:root {
  --body-font-family: 'Inter', Arial, sans-serif;

  /* root font size */
  font-size: 16px;
  --font-size-def: 16px;
  --line-height-def: 16px;
  --spacing-def: 16px;
  --letterspacing-def: 0;
  --maxwidth-def: 16px;
  --icon-space: 1px;

  /* Bootstrap overrides */
  --bs-gutter-x: 16px;
  --bs-gutter-xx: 16px;

  /* Font weight */
  --font-weight-bold: 700;
  --font-weight-semi-bold: 600;
  --font-weight-medium: 500;
  --font-weight-regular: 300;
  --font-weight-thin: 200;

  /* Font sizes */
  --display-2xl-fs: calc(var(--font-size-def) * 4.5);
  --display-2xl-lh: calc(var(--line-height-def) * 5.625);
  --display-xl-fs: calc(var(--font-size-def) * 3.75);
  --display-xl-lh: calc(var(--line-height-def) * 4.5);
  --display-lg-fs: calc(var(--font-size-def) * 3);
  --display-lg-lh: calc(var(--line-height-def) * 3.75);
  --display-md-fs: calc(var(--font-size-def) * 2.25);
  --display-md-lh: calc(var(--line-height-def) * 2.75);
  --display-sm-fs: calc(var(--font-size-def) * 1.875);
  --display-sm-lh: calc(var(--line-height-def) * 2.375);
  --display-xs-fs: calc(var(--font-size-def) * 1.5);
  --display-xs-lh: calc(var(--line-height-def) * 2);

  --text-xl-fs: calc(var(--font-size-def) * 1.25);
  --text-xl-lh: calc(var(--line-height-def) * 1.875);
  --text-lg-fs: calc(var(--font-size-def) * 1.125);
  --text-lg-lh: calc(var(--line-height-def) * 1.75);
  --text-md-fs: var(--font-size-def);
  --text-md-lh: calc(var(--line-height-def) * 1.5);
  --text-sm-fs: calc(var(--font-size-def) * 0.875);
  --text-sm-lh: calc(var(--line-height-def) * 1.25);
  --text-xs-fs: calc(var(--font-size-def) * 0.75);
  --text-xs-lh: calc(var(--line-height-def) * 1.125);

  --letter-spacing: -0.02em;

  --button-border-radius: 6px;

  --gap-08: 8px;
  --gap-10: 10px;
  --gap-12: 12px;
  --gap-16: 16px;
  --gap-20: 20px;
  --gap-24: 24px;
  --gap-32: 32px;
  --gap-64: 64px;

  --max-width-xl: calc(var(--maxwidth-def) * 80);
  --max-width-lg: calc(var(--maxwidth-def) * 64);
  --max-width-md: calc(var(--maxwidth-def) * 48);
  --max-width-sm: calc(var(--maxwidth-def) * 40);
  --max-width-xs: calc(var(--maxwidth-def) * 36);

  --spacing-64: calc(var(--spacing-def) * 4);
  --spacing-44: calc(var(--spacing-def) * 2.75);
  --spacing-40: calc(var(--spacing-def) * 2.5);
  --spacing-36: calc(var(--spacing-def) * 2.25);
  --spacing-32: calc(var(--spacing-def) * 2);
  --spacing-24: calc(var(--spacing-def) * 1.5);
  --spacing-20: calc(var(--spacing-def) * 1.25);
  --spacing-16: var(--spacing-def);
  --spacing-12: calc(var(--spacing-def) * 0.75);
  --spacing-08: calc(var(--spacing-def) * 0.5);
  --spacing-04: calc(var(--spacing-def) * 0.25);

  --horizontal-scroll-mask: linear-gradient(90deg, transparent 0%,
      rgba(0, 0, 0, 1) 4.5%,
      rgba(0, 0, 0, 1) 95.5%,
      transparent 100%);
  --vertical-scroll-mask: linear-gradient(180deg, transparent 0%,
      rgba(0, 0, 0, 1) 5.5%,
      rgba(0, 0, 0, 1) 94.5%,
      transparent 100%);
}

html.fontsize-1 {
  font-size: 110% !important;
  --font-size-def: 17.6px !important;
}

html.fontsize-2 {
  font-size: 120% !important;
  --font-size-def: 19.2px !important;
}

html.fontsize-3 {
  font-size: 130% !important;
  --font-size-def: 20.8px !important;
}

html.fontsize-4 {
  font-size: 140% !important;
  --font-size-def: 22.4px !important;
}

html.spacing-1 {
  --letter-spacing: 0 !important;
  --letterspacing-def: 0.02em !important;
}

html.spacing-2 {
  --letter-spacing: 0.02em !important;
  --letterspacing-def: 0.04em !important;
}

html.spacing-3 {
  --letter-spacing: 0.05em !important;
  --letterspacing-def: 0.07em !important;
}

html.lineheight-1 {
  line-height: 150% !important;
  --line-height-def: 24px !important;
  --icon-space: 6px !important;
}

html.lineheight-2 {
  line-height: 175% !important;
  --line-height-def: 28px !important;
  --icon-space: 10px !important;
}

html.lineheight-3 {
  line-height: 200% !important;
  --line-height-def: 32px !important;
  --icon-space: 13px !important;
}

[class^="display-"],
[class^="text-"],
[class^="display-"]:hover,
[class^="text-"]:hover {
  color: var(--Gray-fons-950, #0E1111);
}

.display-2xl-bold,
.display-2xl-semi-bold,
.display-2xl-medium,
.display-2xl-regular,
.display-2xl-thin {
  font-size: var(--display-2xl-fs);
  line-height: var(--display-2xl-lh);
  letter-spacing: var(--letter-spacing);
}

.display-xl-bold,
.display-xl-semi-bold,
.display-xl-medium,
.display-xl-regular,
.display-xl-thin {
  font-size: var(--display-xl-fs);
  line-height: var(--display-xl-lh);
  letter-spacing: var(--letter-spacing);
}

.display-lg-bold,
.display-lg-semi-bold,
.display-lg-medium,
.display-lg-regular,
.display-lg-thin {
  font-size: var(--display-lg-fs);
  line-height: var(--display-lg-lh);
  letter-spacing: var(--letter-spacing);
}

.display-md-bold,
.display-md-semi-bold,
.display-md-medium,
.display-md-regular,
.display-md-thin {
  font-size: var(--display-md-fs);
  line-height: var(--display-md-lh);
  letter-spacing: var(--letter-spacing);
}

.display-sm-bold,
.display-sm-semi-bold,
.display-sm-medium,
.display-sm-regular,
.display-sm-thin {
  font-size: var(--display-sm-fs);
  line-height: var(--display-sm-lh);
}

.display-xs-bold,
.display-xs-semi-bold,
.display-xs-medium,
.display-xs-regular,
.display-xs-thin {
  font-size: var(--display-xs-fs);
  line-height: var(--display-xs-lh);
}

.text-xl-bold,
.text-xl-semi-bold,
.text-xl-medium,
.text-xl-regular,
.text-xl-thin {
  font-size: var(--text-xl-fs);
  line-height: var(--text-xl-lh);
}

.text-lg-bold,
.text-lg-semi-bold,
.text-lg-medium,
.text-lg-regular,
.text-lg-thin {
  font-size: var(--text-lg-fs);
  line-height: var(--text-lg-lh);
}

.text-md-bold,
.text-md-semi-bold,
.text-md-medium,
.text-md-regular,
.text-md-thin {
  font-size: var(--text-md-fs);
  line-height: var(--text-md-lh);
}

.text-sm-bold,
.text-sm-semi-bold,
.text-sm-medium,
.text-sm-regular,
.text-sm-thin {
  font-size: var(--text-sm-fs);
  line-height: var(--text-sm-lh);
}

.text-xs-bold,
.text-xs-semi-bold,
.text-xs-medium,
.text-xs-regular,
.text-xs-thin {
  font-size: var(--text-xs-fs);
  line-height: var(--text-xs-lh);
}

.display-2xl-bold,
.display-xl-bold,
.display-lg-bold,
.display-md-bold,
.display-sm-bold,
.display-xs-bold,
.text-xl-bold,
.text-lg-bold,
.text-md-bold,
.text-sm-bold,
.text-xs-bold {
  font-weight: var(--font-weight-bold, 700);
}

.display-2xl-semi-bold,
.display-xl-semi-bold,
.display-lg-semi-bold,
.display-md-semi-bold,
.display-sm-semi-bold,
.display-xs-semi-bold,
.text-xl-semi-bold,
.text-lg-semi-bold,
.text-md-semi-bold,
.text-sm-semi-bold,
.text-xs-semi-bold {
  font-weight: var(--font-weight-semi-bold, 600);
}

.display-2xl-medium,
.display-xl-medium,
.display-lg-medium,
.display-md-medium,
.display-sm-medium,
.display-xs-medium,
.text-xl-medium,
.text-lg-medium,
.text-md-medium,
.text-sm-medium,
.text-xs-medium {
  font-weight: var(--font-weight-medium, 500);
}

.display-2xl-regular,
.display-xl-regular,
.display-lg-regular,
.display-md-regular,
.display-sm-regular,
.display-xs-regular,
.text-xl-regular,
.text-lg-regular,
.text-md-regular,
.text-sm-regular,
.text-xs-regular {
  font-weight: var(--font-weight-regular, 300);
}

.display-2xl-thin,
.display-xl-thin,
.display-lg-thin,
.display-md-thin,
.display-sm-thin,
.display-xs-thin,
.text-xl-thin,
.text-lg-thin,
.text-md-thin,
.text-sm-thin,
.text-xs-thin {
  font-weight: var(--font-weight-thin, 200);
}

/* Shadows */
.shadows-3xl {
  box-shadow: var(--shadow-3xl);
}

.shadows-2xl {
  box-shadow: var(--shadow-2xl);
}

.shadows-xl {
  box-shadow: var(--shadow-xl);
}

.shadows-lg {
  box-shadow: var(--shadow-lg);
}

.shadows-md {
  box-shadow: var(--shadow-md);
}

.shadows-sm {
  box-shadow: var(--shadow-sm);
}

.shadows-xs {
  box-shadow: var(--shadow-xs);
}

/* Blurs */
.blur-xl {
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}

.blur-lg {
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

.blur-md {
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.blur-sm {
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}

.light-background {
  background: rgba(255, 255, 255, 0.30);
}

.semi-light-background {
  background: rgba(255, 255, 255, 0.60);
}

.dark-background {
  background: rgba(52, 64, 84, 0.60);
}

/* max width */
.max-width-xl {
  max-width: var(--max-width-xl);
}

.max-width-lg {
  max-width: var(--max-width-lg);
}

.max-width-md {
  max-width: var(--max-width-md);
}

.max-width-sm {
  max-width: var(--max-width-sm);
}

.max-width-xs {
  max-width: var(--max-width-xs);
}

.gap-08 {
  gap: var(--gap-08);
}

.gap-10 {
  gap: var(--gap-10);
}

.gap-12 {
  gap: var(--gap-12);
}

.gap-16 {
  gap: var(--gap-16);
}

.gap-20 {
  gap: var(--gap-20);
}

.gap-24 {
  gap: var(--gap-24);
}

.gap-32 {
  gap: var(--gap-32);
}

.gap-64 {
  gap: var(--gap-64);
}

/* Buttons */
.button-group .button {
  margin-right: var(--spacing-12);
}

.button-group .button:last-child {
  margin-right: 0;
}

@media (max-width: 576px) {
  .button-group .button {
    margin-right: 0;
  }
}

.button {
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: var(--font-weight-medium, 500);
  border-radius: var(--button-border-radius, 6px);
  box-shadow: var(--shadow-xs);
  text-decoration: none;
}

.button:hover {
  text-decoration: none;
}

a.button:hover {
  color: currentColor;
}

.button.no-shadow {
  box-shadow: unset;
}

.button-primary-sm,
.button-primary-md,
.button-primary-lg,
.button-primary-xl,
.button-primary-2xl {
  color: var(--White, #FFF);
  border: 1px solid var(--Brand-Color-fon-Dark, #0F2D4B);
  background: var(--Brand-Color-fon-Dark, #0F2D4B);
}

.button-dark-sm,
.button-dark-md,
.button-dark-lg,
.button-dark-xl,
.button-dark-2xl {
  color: var(--Gray-fons-950, #0E1111);
  border: 1px solid var(--Brand-400, #18CEC7);
  background: var(--Brand-400, #18CEC7);
}

.button-secondary-sm,
.button-secondary-md,
.button-secondary-lg,
.button-secondary-xl,
.button-secondary-2xl {
  color: var(--Gray-fons-800, #1E293B);
  border: 1px solid var(--Gray-fons-400, #94A3B8);
  background: var(--White, #FFF);
}

.button-tertiary-c-sm,
.button-tertiary-c-md,
.button-tertiary-c-lg,
.button-tertiary-c-xl,
.button-tertiary-c-2xl {
  color: var(--Brand-color-40, #48B9B8);
  box-shadow: unset;
  outline: unset;
  border-width: 0px;
  background: unset;
}

.button-tertiary-g-sm,
.button-tertiary-g-md,
.button-tertiary-g-lg,
.button-tertiary-g-xl,
.button-tertiary-g-2xl {
  color: var(--Gray-fons-800, #1E293B);
  box-shadow: unset;
  outline: unset;
  border-width: 0px;
  background: unset;
}

.button-primary-sm,
.button-dark-sm,
.button-secondary-sm,
.button-tertiary-c-sm,
.button-tertiary-g-sm {
  font-size: var(--text-sm-fs);
  line-height: 1.428em;
  /* 20px var(--text-sm-lh); */
  padding: 8px 16px;
  gap: var(--gap-10, 10px);
}

.button-tertiary-c-sm,
.button-tertiary-g-sm {
  padding: 9px 17px;
}

.button-primary-md,
.button-dark-md,
.button-secondary-md,
.button-tertiary-c-md,
.button-tertiary-g-md {
  font-size: var(--text-sm-fs);
  line-height: 1.428em;
  /* 20px var(--text-sm-lh); */
  padding: 10px 16px;
  gap: var(--gap-10, 10px);
}

.button-tertiary-c-md,
.button-tertiary-g-md {
  padding: 11px 17px;
}

.button-primary-lg,
.button-dark-lg,
.button-secondary-lg,
.button-tertiary-c-lg,
.button-tertiary-g-lg {
  font-size: var(--text-md-fs);
  line-height: var(--text-md-lh);
  padding: 10px 18px;
  gap: var(--gap-08, 8px);
}

.button-tertiary-c-lg,
.button-tertiary-g-lg {
  padding: 11px 19px;
}

.button-primary-xl,
.button-dark-xl,
.button-secondary-xl,
.button-tertiary-c-xl,
.button-tertiary-g-xl {
  font-size: var(--text-md-fs);
  line-height: var(--text-md-lh);
  padding: 12px 20px;
  gap: var(--gap-08, 8px);
}

.button-tertiary-c-xl,
.button-tertiary-g-xl {
  padding: 13px 21px;
}

.button-primary-2xl,
.button-dark-2xl,
.button-secondary-2xl,
.button-tertiary-c-2xl,
.button-tertiary-g-2xl {
  font-size: var(--text-lg-fs);
  line-height: var(--text-lg-lh);
  padding: 16px 28px;
  gap: var(--gap-08, 8px);
}

.button-tertiary-c-2xl,
.button-tertiary-g-2xl {
  padding: 17px 29px;
}

.button-primary-sm:hover,
.button-primary-md:hover,
.button-primary-lg:hover,
.button-primary-xl:hover,
.button-primary-2xl:hover {
  border: 1px solid var(--Gray-fons-700, #334155);
  background: var(--Gray-fons-700, #334155);
}

.button-primary-sm:active,
.button-primary-md:active,
.button-primary-lg:active,
.button-primary-xl:active,
.button-primary-2xl:active {
  /* Shadow/xs focused 4px primary-100 */
  box-shadow: 0px 1px 2px 0px rgba(241, 245, 249, 0.05), 0px 0px 0px 4px #F1F5F9;
}

.button-primary-sm:disabled,
.button-primary-md:disabled,
.button-primary-lg:disabled,
.button-primary-xl:disabled,
.button-primary-2xl:disabled {
  border: 1px solid var(--Gray-fons-300, #CBD5E1);
  background: var(--Gray-fons-300, #CBD5E1);
  /* Shadow/xs */
  box-shadow: 0px 1px 2px 0px rgba(15, 45, 75, 0.05);
}

.button-dark-sm:hover,
.button-dark-md:hover,
.button-dark-lg:hover,
.button-dark-xl:hover,
.button-dark-2xl:hover {
  border: 1px solid var(--Brand-200, #A8E7E2);
  background: var(--Brand-200, #A8E7E2);
  /* Shadow/xs */
  box-shadow: 0px 1px 2px 0px rgba(15, 45, 75, 0.05);
}

.button-dark-sm:active,
.button-dark-md:active,
.button-dark-lg:active,
.button-dark-xl:active,
.button-dark-2xl:active {
  border: 1px solid var(--Brand-500, #18CEC7);
  background: var(--Brand-500, #18CEC7);
  /* Shadow/xs focused 4px primary-100 */
  box-shadow: 0px 1px 2px 0px rgba(241, 245, 249, 0.05), 0px 0px 0px 4px #F1F5F9;
}

.button-dark-sm:disabled,
.button-dark-md:disabled,
.button-dark-lg:disabled,
.button-dark-xl:disabled,
.button-dark-2xl:disabled {
  color: var(--White, #FFF);
  border: 1px solid var(--Gray-fons-300, #CBD5E1);
  background: var(--Gray-fons-300, #CBD5E1);
  /* Shadow/xs */
  box-shadow: 0px 1px 2px 0px rgba(15, 45, 75, 0.05);
}

.button-secondary-sm:hover,
.button-secondary-md:hover,
.button-secondary-lg:hover,
.button-secondary-xl:hover,
.button-secondary-2xl:hover {
  color: var(--Gray-fons-900, #1E293B);
  border: 1px solid var(--Gray-fons-400, #94A3B8);
  background: var(--Gray-fons-100, #F1F5F9);
}

.button-secondary-sm:active,
.button-secondary-md:active,
.button-secondary-lg:active,
.button-secondary-xl:active,
.button-secondary-2xl:active {
  /* Shadow/xs focused 4px gray-100 */
  box-shadow: 0px 1px 2px 0px rgba(48, 50, 59, 0.05), 0px 0px 0px 4px #F6F7F8;
}

.button-secondary-sm:disabled,
.button-secondary-md:disabled,
.button-secondary-lg:disabled,
.button-secondary-xl:disabled,
.button-secondary-2xl:disabled {
  color: var(--Gray-fons-400, #94A3B8);
  border: 1px solid var(--Gray-fons-300, #CBD5E1);
  background: var(--White, #FFF);
  /* Shadow/xs */
  box-shadow: 0px 1px 2px 0px rgba(15, 45, 75, 0.05);
}

.button-tertiary-c-sm:hover,
.button-tertiary-c-md:hover,
.button-tertiary-c-lg:hover,
.button-tertiary-c-xl:hover,
.button-tertiary-c-2xl:hover {
  color: var(--Brand-400, #18CEC7);
  background: var(--Gray-fons-100, #F1F5F9);
}

.button-tertiary-c-sm:active,
.button-tertiary-c-md:active,
.button-tertiary-c-lg:active,
.button-tertiary-c-xl:active,
.button-tertiary-c-2xl:active {
  color: var(--Brand-color-40, #48B9B8);
}

.button-tertiary-c-sm:disabled,
.button-tertiary-c-md:disabled,
.button-tertiary-c-lg:disabled,
.button-tertiary-c-xl:disabled,
.button-tertiary-c-2xl:disabled {
  color: var(--Gray-fons-400, #94A3B8);
}

.button-tertiary-g-sm:hover,
.button-tertiary-g-md:hover,
.button-tertiary-g-lg:hover,
.button-tertiary-g-xl:hover,
.button-tertiary-g-2xl:hover {
  color: var(--Gray-fons-900, #0F172A);
  background: var(--Gray-fons-100, #F1F5F9);
}

.button-tertiary-g-sm:active,
.button-tertiary-g-md:active,
.button-tertiary-g-lg:active,
.button-tertiary-g-xl:active,
.button-tertiary-g-2xl:active {
  color: var(--Gray-fons-800, #1E293B);
}

.button-tertiary-g-sm:disabled,
.button-tertiary-g-md:disabled,
.button-tertiary-g-lg:disabled,
.button-tertiary-g-xl:disabled,
.button-tertiary-g-2xl:disabled {
  color: var(--Gray-fons-400, #94A3B8);
}

/* Links */
.link {
  cursor: pointer;
  display: inline-flex;
  font-weight: var(--font-weight-medium, 500);
  text-decoration: none;
  border-bottom: 1px solid transparent;
}

.link-c-sm,
.link-c-md,
.link-c-lg,
.link-c-xl,
.link-c-2xl {
  color: var(--Brand-color-40, #48B9B8);
}

.link-g-sm,
.link-g-md,
.link-g-lg,
.link-g-xl,
.link-g-2xl {
  color: var(--Gray-fons-800, #1E293B);
}

.link-c-sm,
.link-g-sm {
  font-size: var(--text-sm-fs);
  line-height: 1.428em;
  /* 20px var(--text-sm-lh); */
  gap: var(--gap-10, 10px);
}

.link-c-md,
.link-g-md {
  font-size: var(--text-sm-fs);
  line-height: 1.428em;
  /* 20px var(--text-sm-lh); */
  gap: var(--gap-10, 10px);
}

.link-c-lg,
.link-g-lg {
  font-size: var(--text-md-fs);
  line-height: var(--text-md-lh);
  gap: var(--gap-08, 8px);
}

.link-c-xl,
.link-g-xl {
  font-size: var(--text-md-fs);
  line-height: var(--text-md-lh);
  gap: var(--gap-08, 8px);
}

.link-c-2xl,
.link-g-2xl {
  font-size: var(--text-lg-fs);
  line-height: var(--text-lg-lh);
  gap: var(--gap-08, 8px);
}

.link-c-sm:hover,
.link-c-md:hover,
.link-c-lg:hover,
.link-c-xl:hover,
.link-c-2xl:hover {
  color: var(--Gray-fons-800, #1E293B);
  border-bottom: 1px solid var(--Gray-fons-800, #1E293B);
}

.link-c-sm:active,
.link-c-md:active,
.link-c-lg:active,
.link-c-xl:active,
.link-c-2xl:active {
  color: var(--Brand-color-40, #48B9B8);
  border-bottom: 1px solid var(--Brand-color-40, #48B9B8);
}

.link-c-sm:disabled,
.link-c-md:disabled,
.link-c-lg:disabled,
.link-c-xl:disabled,
.link-c-2xl:disabled {
  color: var(--Gray-fons-400, #94A3B8);
}

.link-g-sm:hover,
.link-g-md:hover,
.link-g-lg:hover,
.link-g-xl:hover,
.link-g-2xl:hover {
  color: var(--Gray-fons-950, #0E1111);
  border-bottom: 1px solid var(--Gray-fons-950, #0E1111);
}

.link-g-sm:active,
.link-g-md:active,
.link-g-lg:active,
.link-g-xl:active,
.link-g-2xl:active {
  color: var(--Gray-fons-800, #1E293B);
  border-bottom: 1px solid var(--Gray-fons-800, #1E293B);
}

.link-g-sm:disabled,
.link-g-md:disabled,
.link-g-lg:disabled,
.link-g-xl:disabled,
.link-g-2xl:disabled {
  color: var(--Gray-fons-400, #94A3B8);
}

.big-number-text {
  color: var(--Brand-Color-fon-Dark, #0F2D4B);
  font-size: 190px;
  font-weight: 700;
  line-height: 150px;
  letter-spacing: -3.8px;
}

.title-404 {
  opacity: 0.50;
  color: var(--Brand-Color-fon-Blue, #B5DEEF);
  font-size: 150px;
  font-weight: 600;
  word-wrap: break-word;
}

.text-icon,
.text-icon-start {
  display: inline-flex;
  align-items: end;
  vertical-align: middle;
  gap: var(--gap-08);
}

.text-icon-start {
  align-items: start;
}

.text-icon .mdi,
.text-icon-start .mdi {
  font-size: 24px;
  line-height: 1;
  display: flex;
  align-self: center;
}

.text-icon-regular .mdi {
  font-size: 18px;
}

.text-icon-medium .mdi {
  font-size: 28px;
}

.text-icon-bold .mdi {
  font-size: 32px;
}

.icon-c,
.icon-g,
.icon-dc {
  width: 56px;
  height: 56px;
  color: var(--Gray-fons-700, #334155);
  background: var(--Brand-200);
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  border: 10px solid var(--Brand-100);
}

.icon-c i,
.icon-g i {
  font-size: 24px;
}

.icon-g {
  color: var(--Brand-Color-fon-Dark, #0F2D4B);
  background: var(--Gray-fons-200);
  border: 10px solid var(--Gray-fons-100);
}

.icon-dc {
  width: 48px;
  height: 48px;
  background: var(--Brand-300);
  border-width: 8px;
}

.icon-g-regular {
  width: 40px;
  height: 40px;
  border: 6px solid var(--Gray-fons-100);
}

.bg-white {
  background: var(--White);
}

.bg-fon {
  background: var(--Bg-fon);
}

.bg-custom-01 {
  background-color: #E4F8E0 !important;
}

.bg-custom-02 {
  background-color: #FDF2FA !important;
}

.bg-custom-03 {
  background-color: #FFF1F3 !important;
}

.bg-custom-04 {
  background-color: #EEF4FF !important;
}

.bg-custom-05 {
  background-color: #FFF6ED !important;
}

.text-white:not(.button-group *, .form-control),
.text-white *:not(.button-group *, .form-control),
.text-white *:hover:not(.button-group *, .form-control),
.color-white,
.color-white *,
.color-white *:hover {
  color: var(--White);
}

.text-white div:not(.button-group div) {
  color: var(--White) !important;
}

.text-transparent {
  color: transparent !important;
}

.no-padding {
  padding: 0 !important;
}

.letter-spacing-neg-2 {
  letter-spacing: -1.5px;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.divider {
  align-self: stretch;
  height: 1px;
  background: var(--Gray-fons-300, #CBD5E1);
}

.font-style-i {
  font-style: italic;
}

.paddings-08 {
  padding: var(--spacing-08);
}

.paddings-12 {
  padding: var(--spacing-12);
}

.paddings-16 {
  padding: var(--spacing-16);
}

.paddings-20 {
  padding: var(--spacing-20);
}

.paddings-24 {
  padding: var(--spacing-24);
}

.paddings-32 {
  padding: var(--spacing-32);
}

.badge {
  display: flex;
  border-radius: 16px;
  padding: 2px 10px;
  justify-content: center;
  align-items: center;
}

.badge.badge-main-outline {
  color: var(--Gray-fons-950, #0E1111);
  border: 1px solid var(--Gray-fons-950, #0E1111);
}

.badge.badge-read-time {
  color: var(--Gray-fons-950, #0E1111);
  background: var(--White);
  border: 1px solid var(--Brand-300, #5ECCC7);
}

.badge.badge-delska-event {
  color: var(--Gray-fons-950, #0E1111);
  background: var(--White);
  border: 1px solid var(--Indigo-color-70, #105894);
}

.horizontal-scroll-container {
  overflow-x: auto !important;
  flex-wrap: nowrap !important;
  position: relative;

  mask-image: var(--horizontal-scroll-mask);
  -webkit-mask-image: var(--horizontal-scroll-mask);
}

.horizontal-scroll-container.row {
  margin-right: calc(-0.7 * var(--bs-gutter-x));
  margin-left: calc(-0.1 * var(--bs-gutter-x));
}

.horizontal-scroll-container.row>* {
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
}

/* .horizontal-scroll-container.row>*:first-child {
  padding-left: calc(var(--bs-gutter-x) * 1.2);
} */

.horizontal-scroll-container>[class*="col-"] {
  flex-direction: column;
  display: flex;
}

.vertical-scroll-container {
  overflow-x: auto !important;
  flex-wrap: nowrap !important;
  position: relative;

  mask-image: var(--vertical-scroll-mask);
  -webkit-mask-image: var(--vertical-scroll-mask);
}

@media screen and (max-width: 991px) {
  .horizontal-scroll-sm-container {
    overflow-x: auto !important;
    flex-wrap: nowrap !important;
    position: relative;

    mask-image: var(--horizontal-scroll-mask);
    -webkit-mask-image: var(--horizontal-scroll-mask);
  }

  .horizontal-scroll-sm-container.row {
    margin-right: calc(-0.7 * var(--bs-gutter-xx));
    margin-left: calc(-0.7 * var(--bs-gutter-xx));
  }

  .horizontal-scroll-sm-container.row>* {
    padding-right: calc(var(--bs-gutter-xx) * 0.7);
    padding-left: calc(var(--bs-gutter-xx) * 0.7);
  }

  .horizontal-scroll-sm-container>[class*="col-"] {
    flex-direction: column;
    display: flex;
  }
}

@media screen and (max-width: 959px) {
  .horizontal-scroll-container.row {
    margin-right: calc(-0.5 * var(--bs-gutter-x));
    margin-left: calc(-0.5 * var(--bs-gutter-x));
  }

  .horizontal-scroll-sm-container {
    mask-image: var(--horizontal-scroll-mask);
    -webkit-mask-image: var(--horizontal-scroll-mask);
  }
}

@media screen and (max-width: 1279px) {
  .horizontal-scroll-xl-container {
    overflow-x: auto !important;
    flex-wrap: nowrap !important;
    position: relative;

    mask-image: var(--horizontal-scroll-mask);
    -webkit-mask-image: var(--horizontal-scroll-mask);
  }

  .horizontal-scroll-xl-container.row {
    margin-right: calc(-0.7 * var(--bs-gutter-xx));
    margin-left: calc(-0.7 * var(--bs-gutter-xx));
  }

  .horizontal-scroll-xl-container.row>* {
    padding-right: calc(var(--bs-gutter-xx) * 0.7);
    padding-left: calc(var(--bs-gutter-xx) * 0.7);
  }

  .horizontal-scroll-xl-container>[class*="col-"] {
    flex-direction: column;
    display: flex;
  }
}

.horizontal-scroll-container,
.horizontal-scroll-xl-container,
.horizontal-scroll-sm-container,
.vertical-scroll-container {
  width: 100%;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}

.horizontal-scroll-container::-webkit-scrollbar,
.horizontal-scroll-xl-container::-webkit-scrollbar,
.horizontal-scroll-sm-container::-webkit-scrollbar,
.vertical-scroll-container::-webkit-scrollbar {
  display: none;
  /* For Chrome, Safari, and Opera */
}

.sc-control .a-left,
.sc-control .a-right {
  background-repeat: no-repeat;
  background-size: contain;
  width: 48px;
  height: 24px;
  align-self: center;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.sc-control .a-left {
  background: url("../img/arrow-left.png");
}

.sc-control .a-right {
  background: url("../img/arrow-right.png");
}

.sc-control button.button {
  border-radius: 28px;
  border: 1px solid var(--Gray-fons-300, #CBD5E1);
  background: rgba(255, 255, 255, 0.90);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  color: var(--Gray-fons-600, #475569);
  display: flex;
  width: 48px;
  height: 48px;
  justify-content: center;
  align-items: center;
  gap: 12px;
}

.b-points div {
  width: 100%;
  margin-bottom: var(--spacing-12);
}

.bt-points div {
  width: 100%;
  margin-bottom: var(--spacing-32);
  gap: var(--gap-16);
}

.bt-points i {
  align-self: flex-start !important;
}

:focus {
  outline: 0 !important;
}

.menu-open #CookiebotWidget {
  display: none !important;
}

.form-control,
.form-select {
  border: 1px solid var(--Gray-fons-400, #94A3B8);
  background: var(--White, #FFF);
  /* box shadow xs */
  box-shadow: 0px 1px 2px 0px rgba(15, 45, 75, 0.05);
  min-height: 46px;
  font-weight: 300;
}

.form-control:focus,
.form-control:active,
.form-select:focus,
.form-select:active {
  border: 1px solid var(--Brand-color-40, #48B9B8);
  /* Shadow/xs focused 4px primary-100 */
  box-shadow: 0px 1px 2px 0px rgba(241, 245, 249, 0.05), 0px 0px 0px 4px #F1F5F9;
}

.form-control:focus,
.form-control:active {
  box-shadow: 0 0 0 2px #D4F3F2 !important;
}

.form-control:hover {
  box-shadow: 0 0 0 2px #D4F3F2 !important;
  cursor: pointer;
}

.form-control.is-invalid,
.was-validated .form-control:invalid {
  box-shadow: 0 0 0 0 !important;
}

.input-group-text {
  color: var(--Gray-fons-600, #475569);
  background-color: transparent;
  border: 1px solid var(--Gray-fons-400, #94A3B8);
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  appearance: textfield;
  -moz-appearance: textfield;
}

.tab-head.color-left-border {
  border-left: 4px solid var(--Brand-400, #18CEC7);
}

.tab-head.dark-blue-left-border {
  border-left: 4px solid var(--Brand-Color-fon-Dark, #0F2D4B);
}

.tab-head.inactive {
  border-left: 4px solid var(--Bg-fon, #F9FAFB);
  cursor: pointer;
}

.tab-head.inactive .main-counter {
  color: var(--Gray-fons-700, #334155) !important;
}

.tab-head.inactive .main-content div div:nth-child(2),
.tab-head.inactive .main-content div a {
  display: none;
}

.twos-block .a-border {
  border-top: 1px solid var(--Gray-fons-300, #CBD5E1);
  border-left: 1px solid var(--Gray-fons-300, #CBD5E1);
  border-bottom: 1px solid var(--Gray-fons-300, #CBD5E1);
}

.twos-block .a-border:last-child {
  border-right: 1px solid var(--Gray-fons-300, #CBD5E1);
}

.custom-grid-row {
  margin: 0 -12px;
  width: calc(100% + 24px);
}

.custom-grid-col {
  padding: 12px;
}

.custom-grid-col .button-group {
  text-align: left !important;
}

.split-content {
  flex-direction: unset !important;
}

.split-content .d-inline-flex {
  flex: 0 0 47%;
  max-width: 47%;
  padding: 0.5rem;
}

.border-around {
  border: 1px solid var(--Gray-fons-300, #CBD5E1);
}

.wait-cursor {
  cursor: wait;
}

/* Main HTML style */
html {
  min-height: 100vh;
  height: 100vh;
}

body {
  overflow: auto;
  color: var(--Gray-fons-950, #0E1111);
  font-family: var(--body-font-family);
  font-style: normal;
  letter-spacing: var(--letterspacing-def);
  -webkit-font-smoothing: antialiased;
  min-height: 100vh;
  margin: 0px;
  padding: 0px;
}

body a,
body a:hover,
body a:active,
body a:focus {
  cursor: pointer;
  color: unset;
  text-decoration: unset;
}

body p {
  margin: 0;
  padding: 0;
}

body p a {
  text-decoration: underline;
}

a.hover-brand:hover {
  color: var(--Brand-color-40, #48B9B8);
  text-decoration: underline;
}

img {
  -webkit-user-drag: none;
  user-drag: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
}

img.border-tlbr-radius {
  border-top-left-radius: 32px;
  border-bottom-right-radius: 32px;
}

.container {
  display: flex;
  width: 100%;
  max-width: var(--max-width-xl);
  margin: 0 auto;
  padding-left: var(--spacing-32);
  padding-right: var(--spacing-32);
  justify-content: space-between;
  align-items: center;
}

.header {
  position: sticky;
  top: 0px;
  width: 100%;
  z-index: 1000;
  border-bottom: 1px solid var(--Gray-fons-200, #E2E8F0);
}

.top-bar {
  background: var(--Brand-400);
  padding-top: var(--spacing-08);
  padding-bottom: var(--spacing-08);
}

.top-bar .moving-text-c {
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  height: 1.5rem;
  width: 100%;
}

.top-bar .moving-text {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  transform: translateY(100%);
  transition: transform 0.5s ease, opacity 0.5s ease;
  white-space: nowrap;
}

.top-bar .moving-text a {
  min-height: 24px;
}

.top-bar .moving-text.active {
  opacity: 1;
  transform: translateY(0);
}

.top-bar .moving-text.slide {
  animation: slide 15s linear infinite;
}

@keyframes slide {
  0% {
    transform: translate(5%, 0);
  }

  100% {
    transform: translate(-70%, 0);
  }
}

@-moz-keyframes slide {
  0% {
    -moz-transform: translate(5%, 0);
    transform: translate(5%, 0);
  }

  100% {
    -moz-transform: translate(-70%, 0);
    transform: translate(-70%, 0);
  }
}

@-webkit-keyframes slide {
  0% {
    -webkit-transform: translate(5%, 0);
    transform: translate(5%, 0);
  }

  100% {
    -webkit-transform: translate(-70%, 0);
    transform: translate(-70%, 0);
  }
}

.header-container {
  height: 80px;
}

.navbar {
  position: unset;
}

.header-container .navbar-brand img {
  width: 152px;
  height: 32px;
}

.m-menu .navbar-nav:first-child {
  gap: var(--gap-32)
}

.m-menu .navbar-nav .nav-item {
  display: flex;
  align-items: center;
  position: unset;
}

.m-menu .navbar-nav .nav-link,
.active-link {
  color: inherit;
  padding: 0px;
  gap: var(--gap-16);
}

.m-menu .navbar-nav .nav-link span i,
.active-link i {
  align-self: flex-start;
  margin-top: var(--icon-space);
}

.m-menu .navbar-nav .nav-link span,
.active-link span {
  position: relative;
}

.m-menu .navbar-nav .nav-link span::before,
.active-link span::before,
.promotion-link::before {
  content: '';
  position: absolute;
  width: 0;
  height: 1px;
  bottom: 0px;
  left: 0;
  background-color: var(--Gray-fons-950, #0E1111);
  transition: width 0.3s ease-in-out;
}

.m-menu .navbar-nav .nav-link span:hover::before,
.active-link span:hover::before,
.promotion-link:hover::before {
  width: 100%;
}

/* .m-menu .navbar-nav .nav-link span::after {
  content: '\2192';
  position: absolute;
  right: 0px;
  color: var(--Gray-fons-950, #0E1111);
} */

.nav-pill-container {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  gap: var(--gap-08);
  margin-top: var(--spacing-12);
}

.nav-pill-container li {
  margin: 0;
  padding: 0;
}

.nav-pill-container li div {
  padding: var(--spacing-04) var(--spacing-08);
  border-radius: var(--button-border-radius);
  background: var(--Gray-fons-200);
}

.nav-pill-container li div:hover,
.nav-pill-container li div:active {
  background: var(--Brand-Color-fon-Dark, #0F2D4B);
  color: var(--White, #fff);
}

.navbar-toggler,
.navbar-toggler:focus {
  color: var(--Gray-fons-950);
  gap: var(--gap-08);
  padding: var(--spacing-04) var(--spacing-08);
  border-width: 0px;
  box-shadow: unset;
  outline: 0;
}

.navbar-toggler:hover,
.navbar-toggler:active {
  background: var(--Gray-fons-100, #F1F5F9);
}

.offcanvas-header {
  border-bottom: 1px solid var(--Gray-fons-200, #E2E8F0);
  padding-bottom: var(--spacing-08);
}

.offcanvas-header button {
  padding: var(--spacing-04) var(--spacing-08);
}

.navbar-toggler:hover,
.navbar-toggler:active,
.offcanvas-header button:hover,
.offcanvas-header button:active {
  background: var(--Gray-fons-100, #F1F5F9);
  background-color: var(--Gray-fons-100, #F1F5F9) !important;
}

.nav-footer {
  width: 100%;
  background: var(--Gray-fons-100, #F1F5F9);
  padding: var(--spacing-24) var(--spacing-32);
  text-align: center;
  margin-top: var(--spacing-24);
}

.c-menu.show {
  top: 118px;
  left: 0px;
  right: 0px;
  display: flex;
  padding-left: calc((100vw - var(--max-width-xl)) / 2);
  padding-right: calc((100vw - var(--max-width-xl)) / 2);

  padding-left: clamp(var(--spacing-16), calc((100vw - var(--max-width-xl)) / 2), 50vw);
  padding-right: clamp(var(--spacing-16), calc((100vw - var(--max-width-xl)) / 2), 50vw);

  flex-wrap: wrap;
  padding-top: var(--spacing-32);
  padding-bottom: 0;
}

.c-menu .nav-item {
  flex: 0 1 33%;
  align-items: flex-start !important;
  padding: var(--spacing-12);
  margin-bottom: var(--spacing-12);
  min-width: 260px;
}

.c-menu .nav-item:nth-child(6) {
  flex: 0 0 50%;
}

.c-menu .nav-item a {
  align-items: flex-start !important;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.c-menu .right-side {
  display: flex;
  flex-wrap: wrap;
  flex: 1;
  align-content: flex-start;
  padding: 0 var(--spacing-24);
}

.promotion-content {
  width: 100%;
  max-width: 304px;
  background: var(--Gray-fons-50);
  padding: var(--spacing-32);
  border-radius: 4px;
}

.promotion-content img {
  width: 100%;
  max-width: 240px;
  border-radius: var(--button-border-radius);
}

.promotion-content a {
  border-bottom: 1px solid var(--Gray-fons-950);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.promotion-content .read-more {
  height: var(--spacing-16);
}

.tab-head {
  display: flex;
  flex-direction: column;
  align-self: stretch;
  padding: 20px 16px;
  gap: 10px;
}

.tab-head .main-content {
  flex: 1 1 0;
}

.tab-head .main-content i.mdi-plus::before {
  transform: rotate(45deg);
  transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}

.tab-head .main-content .collapsed i.mdi-plus::before {
  transform: rotate(0deg);
  transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}

.mdi-delska::before {
  content: "";
  background-image: url("../img/logomark-dark.svg");
  background-size: 22px 22px;
  width: 22px;
  height: 22px;
}

.mdi-accessibility {
  content: "";
  background-image: url("../img/accessibility.svg");
  background-size: 32px 32px;
  width: 32px;
  min-width: 32px;
  max-width: 32px;
  height: 32px;
}

.vendor-gap {
  gap: 24px 44px;
}

.footer-link a {
  margin-top: var(--spacing-08);
}

.footer a.spec {
  color: var(--Brand-400, #18CEC7) !important;
  border-bottom: 1px solid var(--Brand-400, #18CEC7);
}

.footer .soc-link a {
  color: var(--White, #fff);
}

.footer-menu a {
  position: relative;
}

.footer-menu a:hover,
.footer-menu a:active,
.footer .soc-link a:hover,
.footer .soc-link a:active {
  color: var(--Brand-400, #18CEC7);
}

.footer-menu a::before {
  content: '';
  position: absolute;
  width: 0;
  height: 1px;
  bottom: -2px;
  left: 0;
  background-color: var(--Brand-400, #18CEC7);
  transition: width 0.3s ease-in-out;
}

.footer-menu a:hover::before {
  width: 100%;
}

/* UI modal */
@media (min-width: 576px) {
  #formModal .modal-dialog:not(.modal-xl) {
    max-width: 600px;
    margin: 1.75rem auto;
  }
}

#formModal.modal {
  background: rgba(52, 64, 84, 0.60);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  opacity: 1;
}

#formModal .modal-body {
  padding: 0;
}

#formModal .modal-body form .helptext {
  display: none;
}

.formModalSuccess {
  display: none;
}

.menu-spec-button:hover {
  background: var(--Brand-100);
}

.menu-spec-button:active {
  background: var(--Brand-200);
}

.nav-switch .nav-link.active {
  color: var(--Gray-fons-800) !important;
  background-color: var(--White) !important;
}

.contact-container {
  /* width: 570px; */
  text-align: end;
  display: flex;
  flex-shrink: 0;
}

#ContactList {
  display: block;
}

/* UI modal END */

/* Resizing */
/* Extra extra large devices */
/* @media (min-width: 1399.98px) {
  .display-2xl-medium {
    font-size: var(--display-2xl-fs);
    line-height: var(--display-2xl-lh);
  }
} */
/* Large devices */
@media (max-width: 1199.98px) {
  .display-2xl-bold {
    font-size: var(--display-xl-fs);
    line-height: var(--display-xl-lh);
  }

  .display-2xl-medium {
    font-size: var(--display-xl-fs);
    line-height: var(--display-xl-lh);
  }

  .w-lg-100 {
    width: 100%;
  }

  .top-bar {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .contact-container {
    width: 116px;
  }

  .m-menu .navbar-nav:first-child {
    gap: var(--gap-16)
  }

  #show_contacts {
    border-radius: var(--button-border-radius);
    padding: var(--spacing-04) var(--spacing-08);
    display: flex;
    /* min-width: calc(130px + var(--font-size-def)*2); */
    white-space: nowrap;
  }

  #show_contacts:not(.collapsed),
  #show_contacts:hover {
    background: var(--White, #FFF);
    cursor: pointer;
  }

  #ContactList {
    display: none;
    position: absolute;
    right: 0;
    top: 35px;
    border-radius: 8px;
    border: 1px solid var(--Gray-fons-200, #E2E8F0);
    background: var(--White, #FFF);
    z-index: 1001;

    /* Shadow/lg */
    box-shadow: var(--shadow-lg);
  }

  #ContactList.show {
    display: block;
  }

  #ContactList label {
    padding: var(--spacing-12) var(--spacing-16);
    width: 100%;
    text-align: start;
  }

  #ContactList label a {
    margin: 0 !important;
  }

  #ContactList label:nth-child(2) {
    border-bottom: 1px solid var(--Gray-fons-200, #E2E8F0);
  }

  #ContactList label:hover {
    background: var(--Gray-fons-100, #F1F5F9);
  }
}

/* Medium devices */
@media (max-width: 991.98px) {
  .container {
    padding-left: var(--spacing-16);
    padding-right: var(--spacing-16);
  }

  .display-2xl-bold {
    font-size: var(--display-lg-fs);
    line-height: var(--display-lg-lh);
  }

  .display-2xl-medium {
    font-size: var(--display-lg-fs);
    line-height: var(--display-lg-lh);
  }

  .display-xl-bold {
    font-size: var(--display-lg-fs);
    line-height: var(--display-lg-lh);
  }

  .display-xl-semi-bold {
    font-size: var(--display-lg-fs);
    line-height: var(--display-lg-lh);
  }

  .display-xl-medium {
    font-size: var(--display-md-fs);
    line-height: var(--display-md-lh);
  }

  .display-sm-bold {
    font-size: var(--display-xs-fs);
    line-height: var(--display-xs-lh);
  }

  .display-sm-semi-bold {
    font-size: var(--display-xs-fs);
    line-height: var(--display-xs-lh);
  }

  .display-lg-semi-bold {
    font-size: var(--display-md-fs);
    line-height: var(--display-md-lh);
  }

  .display-lg-bold {
    font-size: var(--display-md-fs);
    line-height: var(--display-md-lh);
  }

  .w-md-100 {
    width: 100%;
  }

  .m-menu {
    padding: var(--spacing-24) 0 0 0;
  }

  .m-menu .invisible {
    display: none !important;
  }

  .m-menu .navbar-nav .nav-item {
    padding: 12px 16px;
    align-items: center;
    flex: 1 1 100%;
  }

  .m-menu .navbar-nav:first-child {
    gap: var(--gap-16);
  }

  .m-menu .nav-item a {
    width: 100%;
    justify-content: space-between;
    align-items: flex-start;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

  .m-menu .nav-item.dropdown a.show i.ms-auto {
    transform: rotate(180deg);
  }

  .m-menu .main-a {
    flex-direction: column;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

  .c-menu {
    width: 100%;
    margin-top: var(--spacing-24) !important;
    padding: var(--spacing-12) 0 0 0 !important;
  }

  .c-menu.show {
    display: flex;
    padding: 0;
  }

  .c-menu .right-side {
    padding: 0;
  }

  .promotion-content {
    max-width: 100%;
  }

  .big-number-text {
    font-size: 120px;
    line-height: 80px;
  }

  .l-img-max-h {
    max-height: 500px;
  }

  .twos-block .a-border {
    border-top: 1px solid var(--Gray-fons-300, #CBD5E1);
    border-left: 1px solid var(--Gray-fons-300, #CBD5E1);
    border-right: 1px solid var(--Gray-fons-300, #CBD5E1);
    border-bottom: 0px;
  }

  .twos-block .a-border:last-child {
    border-bottom: 1px solid var(--Gray-fons-300, #CBD5E1);
  }
}

/* Small devices */
@media (max-width: 767.98px) {
  .w-sm-100 {
    width: 100%;
  }

  .display-2xl-bold {
    font-size: var(--display-md-fs);
    line-height: var(--display-md-lh);
  }

  .display-xl-bold {
    font-size: var(--display-md-fs);
    line-height: var(--display-md-lh);
  }

  .display-xl-semi-bold {
    font-size: var(--display-md-fs);
    line-height: var(--display-md-lh);
  }

  .display-lg-semi-bold {
    font-size: var(--display-sm-fs);
    line-height: var(--display-sm-lh);
  }

  .display-lg-medium {
    font-size: var(--display-md-fs);
    line-height: var(--display-md-lh);
  }

  .display-sm-semi-bold {
    font-size: var(--text-xl-fs);
    line-height: var(--text-xl-lh);
  }

  .display-sm-medium {
    font-size: var(--text-xl-fs);
    line-height: var(--text-xl-lh);
  }

  .display-xs-medium {
    font-size: var(--text-xl-fs);
    line-height: var(--text-xl-lh);
  }

  .text-xl-regular {
    font-size: var(--text-lg-fs);
    line-height: var(--text-lg-lh);
  }

  .display-sm-bold {
    font-size: var(--text-md-fs);
    line-height: var(--text-md-lh);
  }

  .big-number-text {
    font-size: 60px;
    line-height: 20px;
  }

  .l-img-max-h {
    max-height: 400px;
  }
}

/* Extra small devices */
@media (max-width: 575.98px) {
  .w-xs-100 {
    width: 100%;
  }

  .l-img-max-h {
    max-height: 300px;
  }

  .split-content .d-inline-flex {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

img.avatar-48x48 {
  width: 48px;
  height: 48px;
  border-radius: 50%;
}

img.full-width {
  max-width: 100%;
  height: unset;
}

.related .content {
  border-radius: 16px;
  border: 1px solid var(--Gray-fons-200, #E2E8F0);
  background: var(--White, #FFF);
  height: 100%;
  max-width: 290px;
  margin: 0 auto;
}

.related .bg img {
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}

.video-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 aspect ratio */
  height: 0;
  overflow: hidden;
}

.video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.border-around-cont {
  border: 1px solid var(--Gray-fons-200, #E2E8F0);
}

.banner-container {
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
}

.banner-container .action .button-group,
.set-left .button-group {
  text-align: left !important;
}

.brand-color-l-grad-text {
  background: linear-gradient(90deg, #FFF 1.63%, #18CEC7 103.32%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}

.brand-color-grad-text {
  background: linear-gradient(90deg, #FFF 1.63%, #0F2D4B 103.32%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}

.cta-block .subtext div {
  margin-top: 0px !important;
}

.accessibility-menu-button,
.accessibility-menu-button-small {
  position: relative;
  padding-left: 58px !important;
}

.accessibility-menu-button-small {
  padding-left: 44px !important;
  padding-right: 8px !important;
}

.accessibility-menu-button .mdi-accessibility,
.accessibility-menu-button-small .mdi-accessibility {
  position: absolute;
  left: 19px;
}

.accessibility-menu-button-small .mdi-accessibility {
  left: 2px;
}

.accessibility-close:hover {
  background: transparent;
  box-shadow: 0 0 0 2px var(--Gray-fons-400, #94A3B8);
}

.accessibility-content {
  position: fixed;
  top: 0;
  right: 0;
  max-width: 560px;
  width: 100%;
  border-bottom-left-radius: 20px;
  box-shadow: 0px 75px 150px 0px rgba(52, 64, 84, 0.14);
  z-index: 1060;
  overflow: auto;
  max-height: 100vh;
}

.accessibility-head {
  padding: 20px 24px;
  flex-direction: row;
}

.accessibility-body {
  padding: 32px 24px;
}

.accessibility-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}

.accessibility-button {
  position: relative;
  width: 31%;
  min-width: 150px;
  padding: 1px 0px;
  border-width: 0px;
  background: transparent;
}

.accessibility-content svg {
  width: 36px;
  min-width: 36px;
  max-width: 36px;
  height: 36px;
  display: flex;
  margin: 0 auto;
}

.accessibility-button .inner {
  text-align: center;
  background-color: #fff;
  border: 1px solid var(--Gray-fons-400, #94A3B8);
  box-shadow: 0 0 0 4px transparent;
  border-radius: 16px;
  padding: 28px 12px;
  align-content: center;
  height: 100%;
}

.accessibility-button:hover {
  padding: 0px;
}

.accessibility-button:hover .inner {
  border: 2px solid var(--Indigo-color-80, #124C7A);
}

.accessibility-button.active {
  padding: 0px;
}

.accessibility-button.active .inner {
  border: 2px solid var(--Indigo-color-80, #124C7A);
  box-shadow: 0 0 0 4px var(--Indigo-color-10, #E3EFFB);
  color: var(--Indigo-color-80, #124C7A);
}

.accessibility-button.active .inner img {
  color: var(--Indigo-color-80, #124C7A);
}

.accessibility-button.active .inner::after {
  font: normal normal normal 24px / 1 "Material Design Icons";
  content: "\F012C";
  position: absolute;
  top: .5rem;
  right: .5rem;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 50%;
  background: var(--Indigo-color-80, #124C7A);
  color: #fff;
  font-size: 1rem;
  padding-top: 2px;
}

.accessibility-button.active .level {
  display: flex;
  gap: 4px;
  position: absolute;
  bottom: 16px;
  left: 12px;
  right: 12px;
}

.accessibility-button.active .level span {
  display: flex;
  flex: 1;
  height: 4px;
  border-radius: 2px;
  background: var(--Gray-fons-300, #CBD5E1);
}

.accessibility-button .level span.active-step {
  background: var(--Indigo-color-80, #124C7A);
}

.accessibility-footer {
  height: 36px;
  border-bottom-left-radius: 20px;
}

.reading-line.active {
  background: var(--Brand-400, #18CEC7);
  height: 4px;
  left: 0;
  pointer-events: none;
  position: fixed;
  top: -4px;
  width: 100%;
  z-index: 10001;
}

html.large-cursor,
html.large-cursor * {
  cursor: url("../img/mdi-cursor.svg") 4 4, auto;
}