:root {
  --white: #ffffff;
  --text-default: #242424;
  --border-default: #d1d1d1;
  --text-disabled: #888888;
  --brand-main-100: #fecfd1;
  --brand-main-200: #fe969b;
  --brand-main-300: #fd4b5b;
  --brand-main-400: #d20a2e;
  --brand-main-500: #92041d;
  --brand-main-600: #57010d;
  --brand-main-700: #2c0004;
  --brand-blue-50: #eff4fe;
  --brand-blue-100: #e2eafd ;
  --brand-blue-200: #cbd9fa ;
  --brand-blue-300: #acc0f5 ;
  --brand-blue-400: #8b9dee ;
  --brand-blue-500: #6e7ce6 ;
  --brand-blue-600: #5358d8 ;
  --brand-blue-700: #4446be ;
  --brand-blue-800: #D20A2E ;
  --brand-blue-900: #35397a ;
  --brand-blue-950: #1f2147 ;
  --brand-cyan-50: #effefb ;
  --brand-cyan-100: #c7fff5 ;
  --brand-cyan-200: #90ffeb ;
  --brand-cyan-300: #51f7e0 ;
  --brand-cyan-400: #1de4ce ;
  --brand-cyan-500: #04c8b5 ;
  --brand-cyan-600: #00978c ;
  --brand-cyan-700: #058078 ;
  --brand-cyan-800: #0a6560 ;
  --brand-cyan-900: #0d5450 ;
  --brand-cyan-950: #003333 ;
  --brand-lemon-50: #fffbea ;
  --brand-lemon-100: #fff2c5 ;
  --brand-lemon-200: #ffe585 ;
  --brand-lemon-300: #ffd146 ;
  --brand-lemon-400: #ffbb1b ;
  --brand-lemon-500: #ff9a06 ;
  --brand-lemon-600: #e27000 ;
  --brand-lemon-700: #bb4c02 ;
  --brand-lemon-800: #983a08 ;
  --brand-lemon-900: #7c300b ;
  --brand-lemon-950: #481700 ;
  --brand-neutral-50: #f6f6f6 ;
  --brand-neutral-100: #e7e7e7 ;
  --brand-neutral-200: #d1d1d1 ;
  --brand-neutral-300: #b0b0b0 ;
  --brand-neutral-400: #888888 ;
  --brand-neutral-500: #6d6d6d ;
  --brand-neutral-600: #5d5d5d ;
  --brand-neutral-700: #4f4f4f ;
  --brand-neutral-800: #454545 ;
  --brand-neutral-900: #3d3d3d ;
  --brand-neutral-950: #242424 ;
  --brand-green-50: #f2ffe4 ;
  --brand-green-100: #e1ffc4 ;
  --brand-green-200: #c5ff90 ;
  --brand-green-300: #9dff50 ;
  --brand-green-400: #6bff06 ;
  --brand-green-500: #57e600 ;
  --brand-green-600: #41b800 ;
  --brand-green-700: #318b00 ;
  --brand-green-800: #2a6d07 ;
  --brand-green-900: #265c0b ;
  --brand-green-950: #0f3400 ;
  --brand-indigo-50: #f4f1ff;
  --brand-indigo-100: #ebe6ff;
  --brand-indigo-200: #d9d0ff;
  --brand-indigo-300: #bdabff;
  --brand-indigo-400: #9e7bff;
  --brand-indigo-500: #8146ff;
  --brand-indigo-600: #7321ff;
  --brand-indigo-700: #6610f2;
  --brand-indigo-800: #540ccb;
  --brand-indigo-900: #470ca6;
  --brand-indigo-950: #290471;
}

:root,
[data-bs-theme=light] {
  --bs-blue: #D20A2E;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #e27000;
  --bs-yellow: #ffd146;
  --bs-green: #318b00;
  --bs-teal: #20c997;
  --bs-cyan: #52bade;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #6d6d6d;
  --bs-gray-dark: #3d3d3d;
  --bs-gray-100: #e7e7e7;
  --bs-gray-200: #d1d1d1;
  --bs-gray-300: #b0b0b0;
  --bs-gray-400: #888888;
  --bs-gray-500: #6d6d6d;
  --bs-gray-600: #5d5d5d;
  --bs-gray-700: #4f4f4f;
  --bs-gray-800: #454545;
  --bs-gray-900: #242424;
  --bs-primary: #D20A2E;
  --bs-secondary: #6d6d6d;
  --bs-success: #318b00;
  --bs-info: #52bade;
  --bs-warning: #ffd146;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #242424;
  --bs-primary-rgb: 0, 113, 203;
  --bs-secondary-rgb: 121, 201, 231;
  --bs-success-rgb: 49, 139, 0;
  --bs-info-rgb: 121, 201, 231;
  --bs-warning-rgb: 255, 209, 70;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 246, 246, 246;
  --bs-dark-rgb: 36, 36, 36;
  --bs-primary-text-emphasis: #07294a;
  --bs-secondary-text-emphasis: #242424;
  --bs-success-text-emphasis: #0f3400;
  --bs-info-text-emphasis: #194a61;
  --bs-warning-text-emphasis: #481700;
  --bs-danger-text-emphasis: #58151c;
  --bs-light-text-emphasis: #495057;
  --bs-dark-text-emphasis: #495057;
  --bs-primary-bg-subtle: #dfefff;
  --bs-secondary-bg-subtle: #e7e7e7;
  --bs-success-bg-subtle: #e1ffc4;
  --bs-info-bg-subtle: #e4f2fa;
  --bs-warning-bg-subtle: #fff2c5;
  --bs-danger-bg-subtle: #f8d7da;
  --bs-light-bg-subtle: #f6f6f6;
  --bs-dark-bg-subtle: #d1d1d1;
  --bs-primary-border-subtle: #b9dffe;
  --bs-secondary-border-subtle: #d1d1d1;
  --bs-success-border-subtle: #9dff50;
  --bs-info-border-subtle: #79c9e7;
  --bs-warning-border-subtle: #ffe585;
  --bs-danger-border-subtle: #f1aeb5;
  --bs-light-border-subtle: #e7e7e7;
  --bs-dark-border-subtle: #b0b0b0;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: --bs-font-sans-serif;
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #212529;
  --bs-body-color-rgb: 33, 37, 41;
  --bs-body-bg: #fff;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-emphasis-color: #000;
  --bs-emphasis-color-rgb: 0, 0, 0;
  --bs-secondary-color: rgba(33, 37, 41, 0.75);
  --bs-secondary-color-rgb: 33, 37, 41;
  --bs-secondary-bg: #e9ecef;
  --bs-secondary-bg-rgb: 233, 236, 239;
  --bs-tertiary-color: rgba(33, 37, 41, 0.5);
  --bs-tertiary-color-rgb: 33, 37, 41;
  --bs-tertiary-bg: #f8f9fa;
  --bs-tertiary-bg-rgb: 248, 249, 250;
  --bs-heading-color: inherit;
  --bs-link-color: var(--brand-main-400);
  --bs-link-color-rgb: 210, 10, 46;
  --bs-link-decoration: underline;
  --bs-link-hover-color: var(--brand-main-600);
  --bs-link-hover-color-rgb: 87, 1, 13;
  --bs-code-color: #d63384;
  --bs-highlight-color: #212529;
  --bs-highlight-bg: #fff3cd;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #dee2e6;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 0.375rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-xxl: 2rem;
  --bs-border-radius-2xl: var(--bs-border-radius-xxl);
  --bs-border-radius-pill: 50rem;
  --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  --bs-focus-ring-width: 0.25rem;
  --bs-focus-ring-opacity: 0.25;
  --bs-focus-ring-color: rgba(13, 110, 253, 0.25);
  --bs-form-valid-color: #2a6d07;
  --bs-form-valid-border-color: #2a6d07;
  --bs-form-invalid-color: #dc3545;
  --bs-form-invalid-border-color: #dc3545;
}

[data-bs-theme=dark] {
  color-scheme: dark;
  --bs-body-color: #dee2e6;
  --bs-body-color-rgb: 222, 226, 230;
  --bs-body-bg: #212529;
  --bs-body-bg-rgb: 33, 37, 41;
  --bs-emphasis-color: #fff;
  --bs-emphasis-color-rgb: 255, 255, 255;
  --bs-secondary-color: rgba(222, 226, 230, 0.75);
  --bs-secondary-color-rgb: 222, 226, 230;
  --bs-secondary-bg: #343a40;
  --bs-secondary-bg-rgb: 52, 58, 64;
  --bs-tertiary-color: rgba(222, 226, 230, 0.5);
  --bs-tertiary-color-rgb: 222, 226, 230;
  --bs-tertiary-bg: #2b3035;
  --bs-tertiary-bg-rgb: 43, 48, 53;
  --bs-primary-text-emphasis: #6ea8fe;
  --bs-secondary-text-emphasis: #a7acb1;
  --bs-success-text-emphasis: #75b798;
  --bs-info-text-emphasis: #6edff6;
  --bs-warning-text-emphasis: #ffda6a;
  --bs-danger-text-emphasis: #ea868f;
  --bs-light-text-emphasis: #f8f9fa;
  --bs-dark-text-emphasis: #dee2e6;
  --bs-primary-bg-subtle: #031633;
  --bs-secondary-bg-subtle: #161719;
  --bs-success-bg-subtle: #051b11;
  --bs-info-bg-subtle: #032830;
  --bs-warning-bg-subtle: #332701;
  --bs-danger-bg-subtle: #2c0b0e;
  --bs-light-bg-subtle: #343a40;
  --bs-dark-bg-subtle: #1a1d20;
  --bs-primary-border-subtle: #084298;
  --bs-secondary-border-subtle: #41464b;
  --bs-success-border-subtle: #0f5132;
  --bs-info-border-subtle: #087990;
  --bs-warning-border-subtle: #997404;
  --bs-danger-border-subtle: #842029;
  --bs-light-border-subtle: #495057;
  --bs-dark-border-subtle: #343a40;
  --bs-heading-color: inherit;
  --bs-link-color: #6ea8fe;
  --bs-link-hover-color: #8bb9fe;
  --bs-link-color-rgb: 110, 168, 254;
  --bs-link-hover-color-rgb: 139, 185, 254;
  --bs-code-color: #e685b5;
  --bs-highlight-color: #dee2e6;
  --bs-highlight-bg: #664d03;
  --bs-border-color: #495057;
  --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
  --bs-form-valid-color: #75b798;
  --bs-form-valid-border-color: #75b798;
  --bs-form-invalid-color: #ea868f;
  --bs-form-invalid-border-color: #ea868f;
}

:root {
  --font-size-6x: min(7.5vmin, calc(2rem + 1.2vmax));
  --font-size-5x: min(6.5vmin, calc(1.1rem + 1.2vmax));
  --font-size-4x: min(4vmin, calc(0.8rem + 1.2vmax));
  --font-size-3x: min(6vmin, calc(1rem + 0.12vmax));
  --font-size-2x: min(4vmin, calc(0.85rem + 0.12vmax));
  --font-size-1x: min(2vmin, calc(0.65rem + 0.12vmax));
  --width-2x: min(100vw, 1300px);
  --width-1x: min(100%, 1200px);
  --gap-3x: min(5vmin, 1.5rem);
  --gap-2x: min(4.5vmin, 1rem);
  --size-10x: min(15vmin, 5.5rem);
  --size-9x: min(10vmin, 5rem);
  --size-8x: min(10vmin, 4rem);
  --size-7x: min(10vmin, 3rem);
  --size-6x: min(8.5vmin, 2.5rem);
  --size-5x: min(8vmin, 2rem);
  --size-4x: min(8vmin, 1.5rem);
  --size-3x: min(7vmin, 1rem);
  --size-2x: min(5vmin, 1rem);
  --size-1x: min(2.5vmin, 0.5rem);
}

.text-bg-primary {
  color: #fff !important;
  background-color: RGBA(var(--bs-primary-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-secondary {
  color: #fff !important;
  background-color: RGBA(var(--bs-secondary-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-success {
  color: #fff !important;
  background-color: RGBA(var(--bs-success-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-info {
  color: #000 !important;
  background-color: RGBA(var(--bs-info-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-warning {
  color: #000 !important;
  background-color: RGBA(var(--bs-warning-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-danger {
  color: #fff !important;
  background-color: RGBA(var(--bs-danger-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-light {
  color: #000 !important;
  background-color: RGBA(var(--bs-light-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-dark {
  color: #fff !important;
  background-color: RGBA(var(--bs-dark-rgb), var(--bs-bg-opacity, 1)) !important;
}

.link-primary {
  color: RGBA(var(--bs-primary-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important;
}

.link-primary:hover, .link-primary:focus {
  color: RGBA(0, 84, 153, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(0, 84, 153, var(--bs-link-underline-opacity, 1)) !important;
}

.link-secondary {
  color: RGBA(var(--bs-secondary-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important;
}

.link-secondary:hover, .link-secondary:focus {
  color: RGBA(86, 94, 100, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(86, 94, 100, var(--bs-link-underline-opacity, 1)) !important;
}

.link-success {
  color: RGBA(var(--bs-success-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important;
}

.link-success:hover, .link-success:focus {
  color: RGBA(20, 108, 67, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(20, 108, 67, var(--bs-link-underline-opacity, 1)) !important;
}

.link-info {
  color: RGBA(var(--bs-info-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important;
}

.link-info:hover, .link-info:focus {
  color: RGBA(61, 213, 243, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(61, 213, 243, var(--bs-link-underline-opacity, 1)) !important;
}

.link-warning {
  color: RGBA(var(--bs-warning-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important;
}

.link-warning:hover, .link-warning:focus {
  color: RGBA(255, 205, 57, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(255, 205, 57, var(--bs-link-underline-opacity, 1)) !important;
}

.link-danger {
  color: RGBA(var(--bs-danger-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important;
}

.link-danger:hover, .link-danger:focus {
  color: RGBA(176, 42, 55, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(176, 42, 55, var(--bs-link-underline-opacity, 1)) !important;
}

.link-light {
  color: RGBA(var(--bs-light-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important;
}

.link-light:hover, .link-light:focus {
  color: RGBA(249, 250, 251, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1)) !important;
}

.link-dark {
  color: RGBA(var(--bs-dark-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important;
}

.link-dark:hover, .link-dark:focus {
  color: RGBA(26, 30, 33, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(26, 30, 33, var(--bs-link-underline-opacity, 1)) !important;
}

body {
  font-family: "Plus Jakarta Sans", serif;
  color: #242424;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-weight: 600;
}

hr {
  border-top: 2px dashed var(--brand-neutral-500);
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.text-secondary {
  color: #454545;
}

.text-tertiary {
  color: #e27000;
}

.outline {
  outline: solid 1px red;
}

.text-primary {
  color: #d20a2e !important;
}

.text-secondary {
  color: #454545 !important;
}

.display-0 {
  font-weight: bold;
}

.form-check-input:checked {
  background-color: #d20a2e;
  border-color: #d20a2e;
}
.form-check-input:focus {
  -webkit-box-shadow: 0 0 0 0.25rem rgba(210, 10, 46, 0.25);
          box-shadow: 0 0 0 0.25rem rgba(210, 10, 46, 0.25);
}

.fs-7 {
  font-size: 0.875rem;
}

.fs-8 {
  font-size: 0.75rem;
}

.fs-9 {
  font-size: 0.6875rem;
}

.badge {
  font-weight: 400;
}

::-moz-selection {
  background: #d20a2e;
  /* Safari */
  color: #fff;
}

::selection {
  background: #d20a2e;
  /* Safari */
  color: #fff;
}

::-moz-selection {
  background: #d20a2e;
  /* Firefox */
  color: #fff;
}

ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.bg-light {
  background-color: var(--bs-light);
}

.bg-white {
  background-color: white;
}

.bg-brand-blue-50 {
  background-color: #eff4fe;
}

.bg-brand-blue-100 {
  background-color: #e2eafd;
}

.bg-brand-blue-200 {
  background-color: #cbd9fa;
}

.bg-brand-blue-300 {
  background-color: #acc0f5;
}

.bg-brand-blue-400 {
  background-color: #8b9dee;
}

.bg-brand-blue-500 {
  background-color: #6e7ce6;
}

.bg-brand-blue-600 {
  background-color: #5358d8;
}

.bg-brand-blue-700 {
  background-color: #4446be;
}

.bg-brand-blue-800 {
  background-color: #3a3d9c;
}

.bg-brand-blue-900 {
  background-color: #35397a;
}

.bg-brand-blue-950 {
  background-color: #1f2147;
}

.bg-brand-cyan-50 {
  background-color: #effefb;
}

.bg-brand-cyan-100 {
  background-color: #c7fff5;
}

.bg-brand-cyan-200 {
  background-color: #90ffeb;
}

.bg-brand-cyan-300 {
  background-color: #51f7e0;
}

.bg-brand-cyan-400 {
  background-color: #1de4ce;
}

.bg-brand-cyan-500 {
  background-color: #04c8b5;
}

.bg-brand-cyan-600 {
  background-color: #00978c;
}

.bg-brand-cyan-700 {
  background-color: #058078;
}

.bg-brand-cyan-800 {
  background-color: #0a6560;
}

.bg-brand-cyan-900 {
  background-color: #0d5450;
}

.bg-brand-cyan-950 {
  background-color: #003333;
}

.bg-brand-lemon-50 {
  background-color: #fffbea;
}

.bg-brand-lemon-100 {
  background-color: #fff2c5;
}

.bg-brand-lemon-200 {
  background-color: #ffe585;
}

.bg-brand-lemon-300 {
  background-color: #ffd146;
}

.bg-brand-lemon-400 {
  background-color: #ffbb1b;
}

.bg-brand-lemon-500 {
  background-color: #ff9a06;
}

.bg-brand-lemon-600 {
  background-color: #e27000;
}

.bg-brand-lemon-700 {
  background-color: #bb4c02;
}

.bg-brand-lemon-800 {
  background-color: #983a08;
}

.bg-brand-lemon-900 {
  background-color: #7c300b;
}

.bg-brand-lemon-950 {
  background-color: #481700;
}

.bg-brand-neutral-50 {
  background-color: #f6f6f6;
}

.bg-brand-neutral-100 {
  background-color: #e7e7e7;
}

.bg-brand-neutral-200 {
  background-color: #d1d1d1;
}

.bg-brand-neutral-300 {
  background-color: #b0b0b0;
}

.bg-brand-neutral-400 {
  background-color: #888888;
}

.bg-brand-neutral-500 {
  background-color: #6d6d6d;
}

.bg-brand-neutral-600 {
  background-color: #5d5d5d;
}

.bg-brand-neutral-700 {
  background-color: #4f4f4f;
}

.bg-brand-neutral-800 {
  background-color: #454545;
}

.bg-brand-neutral-900 {
  background-color: #3d3d3d;
}

.bg-brand-neutral-950 {
  background-color: #242424;
}

.bg-brand-green-50 {
  background-color: #f2ffe4;
}

.bg-brand-green-100 {
  background-color: #e1ffc4;
}

.bg-brand-green-200 {
  background-color: #c5ff90;
}

.bg-brand-green-300 {
  background-color: #9dff50;
}

.bg-brand-green-400 {
  background-color: #6bff06;
}

.bg-brand-green-500 {
  background-color: #57e600;
}

.bg-brand-green-600 {
  background-color: #41b800;
}

.bg-brand-green-700 {
  background-color: #318b00;
}

.bg-brand-green-800 {
  background-color: #2a6d07;
}

.bg-brand-green-900 {
  background-color: #265c0b;
}

.bg-brand-green-950 {
  background-color: #0f3400;
}

.bg-brand-indigo-50 {
  background-color: #f4f1ff;
}

.bg-brand-indigo-100 {
  background-color: #ebe6ff;
}

.bg-brand-indigo-200 {
  background-color: #d9d0ff;
}

.bg-brand-indigo-300 {
  background-color: #bdabff;
}

.bg-brand-indigo-400 {
  background-color: #9e7bff;
}

.bg-brand-indigo-500 {
  background-color: #8146ff;
}

.bg-brand-indigo-600 {
  background-color: #7321ff;
}

.bg-brand-indigo-700 {
  background-color: #6610f2;
}

.bg-brand-indigo-800 {
  background-color: #540ccb;
}

.bg-brand-indigo-900 {
  background-color: #470ca6;
}

.bg-brand-indigo-950 {
  background-color: #290471;
}

.text-bg-ghost-success {
  background-color: var(--brand-green-100);
  color: var(--brand-green-800);
}

.line-clamp-custom {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

@media (max-width: 992px) {
  .custom-rfs-h1 {
    font-size: calc(2rem + 0.6vw);
  }
  .custom-rfs-h2 {
    font-size: calc(1.5rem + 0.6vw);
  }
  .custom-rfs-h3 {
    font-size: calc(1.1rem + 0.6vw);
  }
  .custom-rfs-h4 {
    font-size: calc(1rem + 0.6vw);
  }
  .custom-rfs-h5 {
    font-size: calc(1rem + 0.6vw);
  }
  .custom-rfs-h6 {
    font-size: calc(0.75rem + 0.6vw);
  }
  .custom-rfs-h7 {
    font-size: calc(0.75rem + 0.2vw);
  }
  .line-clamp-custom {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
}
.section-hero h1.display-4 {
  font-size: calc(1.1rem + 2.7vw);
  line-height: 1.2;
}

@media (min-width: 1200px) {
  .section-hero h1.display-4 {
    font-size: 3.5rem;
  }
}
.btn {
  border-radius: 99px;
}

.btn-gradient {
  background-image: -webkit-gradient(linear, left top, right top, from(hsl(207, 100%, 40%)), color-stop(8%, hsl(205, 100%, 40%)), color-stop(17%, hsl(204, 100%, 41%)), color-stop(25%, hsl(202, 100%, 41%)), color-stop(33%, hsl(201, 100%, 42%)), color-stop(42%, hsl(199, 100%, 42%)), color-stop(50%, hsl(198, 100%, 42%)), color-stop(58%, hsl(197, 92%, 44%)), color-stop(67%, hsl(198, 76%, 49%)), color-stop(75%, hsl(197, 71%, 52%)), color-stop(83%, hsl(197, 70%, 55%)), color-stop(92%, hsl(196, 69%, 57%)), to(hsl(195, 68%, 60%)));
  background-image: linear-gradient(90deg, hsl(207, 100%, 40%) 0%, hsl(205, 100%, 40%) 8%, hsl(204, 100%, 41%) 17%, hsl(202, 100%, 41%) 25%, hsl(201, 100%, 42%) 33%, hsl(199, 100%, 42%) 42%, hsl(198, 100%, 42%) 50%, hsl(197, 92%, 44%) 58%, hsl(198, 76%, 49%) 67%, hsl(197, 71%, 52%) 75%, hsl(197, 70%, 55%) 83%, hsl(196, 69%, 57%) 92%, hsl(195, 68%, 60%) 100%);
  border-radius: 99px;
  text-align: center;
  color: white;
  border: none;
}
.btn-gradient:hover {
  color: white;
  background-image: -webkit-gradient(linear, right top, left top, from(hsl(207, 100%, 40%)), color-stop(8%, hsl(205, 100%, 40%)), color-stop(17%, hsl(204, 100%, 41%)), color-stop(25%, hsl(202, 100%, 41%)), color-stop(33%, hsl(201, 100%, 42%)), color-stop(42%, hsl(199, 100%, 42%)), color-stop(50%, hsl(198, 100%, 42%)), color-stop(58%, hsl(197, 92%, 44%)), color-stop(67%, hsl(198, 76%, 49%)), color-stop(75%, hsl(197, 71%, 52%)), color-stop(83%, hsl(197, 70%, 55%)), color-stop(92%, hsl(196, 69%, 57%)), to(hsl(195, 68%, 60%)));
  background-image: linear-gradient(270deg, hsl(207, 100%, 40%) 0%, hsl(205, 100%, 40%) 8%, hsl(204, 100%, 41%) 17%, hsl(202, 100%, 41%) 25%, hsl(201, 100%, 42%) 33%, hsl(199, 100%, 42%) 42%, hsl(198, 100%, 42%) 50%, hsl(197, 92%, 44%) 58%, hsl(198, 76%, 49%) 67%, hsl(197, 71%, 52%) 75%, hsl(197, 70%, 55%) 83%, hsl(196, 69%, 57%) 92%, hsl(195, 68%, 60%) 100%);
}
.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--brand-main-400);
  --bs-btn-border-color: var(--brand-main-400);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--brand-main-500);
  --bs-btn-hover-border-color: var(--brand-main-600);
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--brand-main-500);
  --bs-btn-active-border-color: var(--brand-main-600);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: var(--brand-main-100);
  --bs-btn-disabled-border-color: var(--brand-main-100);
}

.btn-outline-primary {
  --bs-btn-color: var(--brand-main-400);
  --bs-btn-border-color: var(--brand-main-400);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--brand-main-400);
  --bs-btn-hover-border-color: var(--brand-main-400);
  --bs-btn-focus-shadow-rgb: 13, 110, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--brand-main-400);
  --bs-btn-active-border-color: var(--brand-main-400);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--brand-main-400);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: var(--brand-main-400);
  --bs-gradient: none;
}

.btn-success,
.btn-info {
  --bs-btn-color: var(--white);
  --bs-btn-hover-color: var(--white);
}

.btn-warning {
  --bs-btn-color: var(--y900);
  --bs-btn-hover-color: var(--y900);
}

.btn-outline-light {
  --bs-btn-color: var(--n400);
}

.btn-outline-secondary,
.btn-outline-success,
.btn-outline-info {
  --bs-btn-hover-color: var(--white);
}

.btn-ghost-primary {
  --bs-btn-color: var(--brand-blue-600);
  --bs-btn-bg: var(--brand-blue-100);
  --bs-btn-hover-color: var(--brand-blue-600);
  --bs-btn-hover-bg: var(--brand-blue-200);
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: var(--brand-blue-700);
  --bs-btn-active-bg: var(--brand-blue-300);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--brand-blue-200);
  --bs-btn-disabled-bg: var(--brand-blue-100);
  --bs-btn-disabled-border-color: var(--brand-blue-100);
}

ol,
ul {
  list-style: none;
}

.font-weight-bold {
  font-weight: 700;
}

.form-control::-webkit-input-placeholder {
  color: var(--bs-gray-300);
}

.form-control::-moz-placeholder {
  color: var(--bs-gray-300);
}

.form-control:-ms-input-placeholder {
  color: var(--bs-gray-300);
}

.form-control::-ms-input-placeholder {
  color: var(--bs-gray-300);
}

.form-control::placeholder {
  color: var(--bs-gray-300);
}

ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

header h1, header h2, header h3, header h4, header h5, header h6 {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

.header-gap {
  background-color: yellow;
  height: 50px;
  width: 100%;
}

/* -------------------------------- 

header

-------------------------------- */
@media only screen and (max-width: 1169px) {
  body.nav-on-left.overflow-hidden {
    overflow: hidden;
  }
}
header a {
  color: white;
  text-decoration: none;
}
header a:hover {
  cursor: pointer;
}

img {
  /* make images responsive */
  max-width: 100%;
}

/* -------------------------------- 

Main components for header layouts

-------------------------------- */
.site-main-content {
  padding-top: 50px;
}

.site-main-content,
.site-main-header {
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  will-change: transform;
}

.site-main-content,
.site-main-header {
  position: relative;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

@media only screen and (max-width: 1199px) {
  .site-main-content.nav-is-visible,
  .site-main-header.nav-is-visible {
    -webkit-transform: translateX(-260px);
    transform: translateX(-260px);
  }
  .nav-on-left .site-main-content.nav-is-visible,
  .nav-on-left .site-main-header.nav-is-visible {
    -webkit-transform: translateX(260px);
    transform: translateX(260px);
  }
}
.site-main-content {
  background: white;
  z-index: 2;
}

.site-main-header {
  height: 50px;
  background: none;
  z-index: 3;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}

.nav-is-fixed .site-main-header {
  /* add .nav-is-fixed class to body if you want a fixed navigation on > 1170px */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}

@media only screen and (min-width: 1200px) {
  .site-main-header {
    height: 70px;
  }
  .site-main-header::after {
    clear: both;
    content: "";
    display: table;
  }
  .site-main-content {
    padding-top: 70px;
  }
}
.site-logo img {
  height: 40px;
}

.site-logo img {
  display: block;
}

@media only screen and (max-width: 1199px) {
  .nav-on-left .site-logo {
    left: auto;
    right: 16px;
  }
}
@media only screen and (min-width: 1200px) {
  .site-logo {
    left: 16px;
  }
  .site-logo img {
    height: 60px;
  }
}
.site-header-buttons {
  position: absolute;
  display: inline-block;
  top: 3px;
  right: 1em;
}

.site-header-buttons li {
  display: inline-block;
}

@media only screen and (max-width: 1199px) {
  .nav-on-left .site-header-buttons {
    right: auto;
    left: 16px;
  }
  .nav-on-left .site-header-buttons li {
    float: right;
  }
}
@media only screen and (min-width: 1200px) {
  .site-header-buttons {
    top: 18px;
    right: 16px;
  }
}
.site-nav-trigger {
  position: relative;
  display: block;
  width: 44px;
  height: 44px;
  overflow: hidden;
  white-space: nowrap;
  /* hide text */
  color: transparent;
  z-index: 3;
}

.site-nav-trigger span,
.site-nav-trigger span::before,
.site-nav-trigger span::after {
  /* hamburger icon in CSS */
  position: absolute;
  display: inline-block;
  height: 3px;
  width: 24px;
  background: #242424;
}

.site-nav-trigger span {
  /* line in the center */
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -2px;
  -webkit-transition: background 0.3s 0.3s;
  transition: background 0.3s 0.3s;
}

.site-nav-trigger span::before,
.site-nav-trigger span::after {
  /* other 2 lines */
  content: "";
  right: 0;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
  -webkit-transition: -webkit-transform 0.3s 0.3s;
  transition: -webkit-transform 0.3s 0.3s;
  transition: transform 0.3s 0.3s;
  transition: transform 0.3s 0.3s, -webkit-transform 0.3s 0.3s;
}

.site-nav-trigger span::before {
  /* menu icon top line */
  top: -6px;
}

.site-nav-trigger span::after {
  /* menu icon bottom line */
  top: 6px;
}

.site-nav-trigger.nav-is-visible span {
  /* hide line in the center */
  background: rgba(0, 0, 0, 0);
}

.site-nav-trigger.nav-is-visible span::before,
.site-nav-trigger.nav-is-visible span::after {
  /* keep visible other 2 lines */
  background: #242424;
}

.site-nav-trigger.nav-is-visible span::before {
  -webkit-transform: translateX(4px) translateY(-3px) rotate(45deg);
  transform: translateX(4px) translateY(-3px) rotate(45deg);
}

.site-nav-trigger.nav-is-visible span::after {
  -webkit-transform: translateX(4px) translateY(2px) rotate(-45deg);
  transform: translateX(4px) translateY(2px) rotate(-45deg);
}

@media only screen and (min-width: 1200px) {
  .site-nav-trigger {
    display: none;
  }
}
.site-primary-nav i:before {
  vertical-align: middle;
}

.site-primary-nav,
.site-primary-nav ul ul {
  position: fixed;
  top: 0;
  right: 0;
  height: 100%;
  width: 260px;
  background: #242424;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  z-index: 1;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

.site-primary-nav a,
.site-primary-nav ul a {
  display: block;
  height: 50px;
  line-height: 50px;
  padding: 0 0;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  will-change: transform, opacity;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
}
.site-primary-nav a:not([href]),
.site-primary-nav ul a:not([href]) {
  color: #fff;
}
.site-primary-nav a:hover:not([href]),
.site-primary-nav ul a:hover:not([href]) {
  color: #fff;
}

.site-primary-nav.is-hidden,
.site-primary-nav ul.is-hidden {
  /* secondary navigations hidden by default */
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}

.site-primary-nav.moves-out > li > a,
.site-primary-nav ul.moves-out > li > a {
  /* push the navigation items to the left - and lower down opacity - when secondary nav slides in */
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  opacity: 0;
}

@media only screen and (max-width: 1199px) {
  .nav-on-left .site-primary-nav,
  .nav-on-left .site-primary-nav ul {
    right: auto;
    left: 0;
  }
}
.site-primary-nav .see-all .anchor {
  /* different style for the See all button on mobile and tablet */
  color: #6e7ce6;
}

.site-primary-nav .site-nav-gallery .site-nav-item,
.site-primary-nav .site-nav-icons .site-nav-item {
  /* items with picture (or icon) and title */
  height: 70px;
  line-height: 70px;
}

.site-primary-nav .site-nav-gallery .site-nav-item h3,
.site-primary-nav .site-nav-icons .site-nav-item h3 {
  overflow: hidden;
  text-overflow: ellipsis;
}

.site-primary-nav .site-nav-gallery .site-nav-item img {
  position: absolute;
  display: block;
  height: 40px;
  width: auto;
  left: 20px;
  top: 50%;
  margin-top: -20px;
}

.site-primary-nav .site-nav-icons .site-nav-item {
  padding-left: 75px;
}

.site-primary-nav .site-nav-icons .site-nav-item p {
  color: #242424;
  font-size: 1.3rem;
  /* hide description on small devices */
  display: none;
}

.site-primary-nav .site-nav-icons .site-nav-item::before {
  /* item icon */
  content: "";
  display: block;
  position: absolute;
  left: 20px;
  top: 50%;
  margin-top: -20px;
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 40px 40px;
}

@media only screen and (max-width: 1199px) {
  .site-primary-nav {
    /* by default .site-primary-nav is hidden - trick for iOS devices where you can see the navigation if you pull down */
    visibility: hidden;
    -webkit-transition: visibility 0s 0.3s;
    transition: visibility 0s 0.3s;
  }
  .site-primary-nav.nav-is-visible {
    visibility: visible;
    -webkit-transition: visibility 0s 0s;
    transition: visibility 0s 0s;
  }
  .site-primary-nav .site-nav-gallery li .img-reset {
    display: none;
  }
  .site-primary-nav a,
  .site-primary-nav ul a {
    border-bottom: 1px solid #3A3A3A;
    text-decoration: none;
    padding: 0 16px;
  }
}
@media only screen and (min-width: 1200px) {
  .site-primary-nav {
    position: static;
    padding: 0;
    height: 70px;
    width: auto;
    width: 100%;
    overflow: visible;
    background: transparent;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .site-primary-nav::after,
  .site-primary-nav .nav-group::after {
    clear: both;
    content: "";
    display: table;
  }
  .site-primary-nav.moves-out > li > a {
    /* reset mobile style */
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  .site-primary-nav ul ul {
    position: static;
    height: auto;
    width: auto;
    background: transparent;
    overflow: visible;
    z-index: 3;
  }
  .site-primary-nav ul.is-hidden {
    /* reset mobile style */
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  .site-primary-nav ul.moves-out > li > a {
    /* reset mobile style */
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  .site-primary-nav .nav-group {
    float: right;
  }
  .site-primary-nav .nav-group li {
    float: left;
  }
  .site-primary-nav .nav-group:last-child > li > a {
    padding: 0 16px;
  }
  .site-primary-nav .nav-group i {
    color: #bababa;
  }
  .site-primary-nav .nav-group i:before {
    vertical-align: middle;
  }
  .site-primary-nav .nav-group > li > a {
    /* main navigation buttons style */
    position: relative;
    display: inline-block;
    height: 70px;
    line-height: 70px;
    padding: 0 24px;
    padding: 0 0 !important;
    margin: 0 1rem 0 1rem;
    color: #242424;
    overflow: visible;
    border-bottom: none;
    -webkit-transition: color 0.3s, box-shadow 0.3s;
    -webkit-transition: color 0.3s, -webkit-box-shadow 0.3s;
    transition: color 0.3s, -webkit-box-shadow 0.3s;
    transition: color 0.3s, box-shadow 0.3s;
    transition: color 0.3s, box-shadow 0.3s, -webkit-box-shadow 0.3s;
  }
  .site-primary-nav .nav-group > li > a:hover {
    color: #d20a2e;
    -webkit-box-shadow: inset 0 -3px 0 #d20a2e;
            box-shadow: inset 0 -3px 0 #d20a2e;
  }
  .site-primary-nav .nav-group > li > a.selected {
    color: #242424;
    -webkit-transition: cubic-bezier(0.11, 0.65, 0.73, 0.66), 0.5s;
    transition: cubic-bezier(0.11, 0.65, 0.73, 0.66), 0.5s;
  }
  .site-primary-nav .nav-group > li > a.is-active {
    color: #d20a2e;
    -webkit-box-shadow: inset 0 -3px 0 #d20a2e;
            box-shadow: inset 0 -3px 0 #d20a2e;
    -webkit-transition: cubic-bezier(0.11, 0.65, 0.73, 0.66), 0.5s;
    transition: cubic-bezier(0.11, 0.65, 0.73, 0.66), 0.5s;
  }
  .site-primary-nav .go-back,
  .site-primary-nav .see-all {
    display: none;
  }
  .site-primary-nav .site-secondary-nav,
  .site-primary-nav .site-nav-gallery,
  .site-primary-nav .site-nav-icons {
    /* dropdown menu style */
    position: absolute;
    top: 70px;
    width: 100%;
    background: #ffffff;
    padding: 32px 32px 48px;
    border-radius: 4px;
    overflow-y: hidden;
    -webkit-box-shadow: inset 0 1px 0 #F1F1F1, 0 3px 6px rgba(0, 0, 0, 0.05);
            box-shadow: inset 0 1px 0 #F1F1F1, 0 3px 6px rgba(0, 0, 0, 0.05);
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0s;
  }
  .site-primary-nav .site-secondary-nav::after,
  .site-primary-nav .site-nav-gallery::after,
  .site-primary-nav .site-nav-icons::after {
    clear: both;
    content: "";
    display: table;
  }
  .site-primary-nav .site-secondary-nav.is-hidden,
  .site-primary-nav .site-nav-gallery.is-hidden,
  .site-primary-nav .site-nav-icons.is-hidden {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    transition: opacity 0.3s 0s, visibility 0s 0.3s;
  }
  .site-primary-nav .site-secondary-nav > .see-all,
  .site-primary-nav .site-nav-gallery > .see-all,
  .site-primary-nav .site-nav-icons > .see-all {
    /* this is the BIG See all button at the bottom of the dropdown menu */
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 56px;
    width: 100%;
    overflow: hidden;
    /* reset some inherited style */
    margin: 0;
    padding: 0;
  }
  .site-primary-nav .site-secondary-nav > .see-all .anchor,
  .site-primary-nav .site-nav-gallery > .see-all .anchor,
  .site-primary-nav .site-nav-icons > .see-all .anchor {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    line-height: 56px;
    border-top: 1px solid #e3e3e3;
    color: #6e7ce6;
    /* reset some inherited style */
    border-bottom: none;
    margin: 0;
    padding: 0;
    -webkit-transition: color 0.2s, background 0.2s, border 0.2s;
    transition: color 0.2s, background 0.2s, border 0.2s;
  }
  .site-primary-nav .site-secondary-nav > .see-all .anchor:hover,
  .site-primary-nav .site-nav-gallery > .see-all .anchor:hover,
  .site-primary-nav .site-nav-icons > .see-all .anchor:hover {
    background: #e7e7e7;
    border-color: none;
    color: #5358d8;
  }
  .site-primary-nav .site-secondary-nav > li {
    /* change the height according to your needs - you can even set height: auto */
    height: 340px;
    /* here you set the number of columns - use width percentage */
    width: 23%;
    float: left;
    margin-right: 2.66%;
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
  .site-primary-nav .site-secondary-nav > li:nth-child(4n+2) {
    /* +2 because we have 2 list items with display:none */
    margin-right: 0;
    border-right: none;
  }
  .site-primary-nav .site-secondary-nav > li > a {
    /* secondary nav title */
    color: #242424;
    font-size: 1em;
  }
  .site-primary-nav .site-secondary-nav a {
    height: 30px;
    line-height: 30px;
    padding: 0 18% 0 0;
    color: #3A3A3A;
    border-bottom: none;
    font-size: 1.4rem;
    color: #242424;
    border-radius: 4px;
  }
  .site-primary-nav .site-secondary-nav a:hover {
    color: #6e7ce6;
  }
  .site-primary-nav .site-secondary-nav ul {
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  .site-primary-nav .site-secondary-nav ul ul {
    /* tertiary navigation */
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
  }
  .site-primary-nav .site-secondary-nav ul ul.is-hidden {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  .site-primary-nav .site-secondary-nav ul ul .go-back {
    display: block;
  }
  .site-primary-nav .site-secondary-nav ul ul .go-back a {
    color: transparent;
  }
  .site-primary-nav .site-secondary-nav ul ul .see-all {
    display: block;
  }
  .site-primary-nav .site-secondary-nav .moves-out > li > a {
    /* push the navigation items to the left - and lower down opacity - when tertiary nav slides in */
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  .site-primary-nav .site-nav-gallery li {
    /* set here number of columns - use width percentage */
    width: 22%;
    float: left;
    margin: 0 4% 32px 0;
  }
  .site-primary-nav .site-nav-gallery li h3 {
    font-size: 1.5em;
    margin: 8px 0;
  }
  .site-primary-nav .site-nav-gallery li .img-reset {
    border: none;
    height: auto;
    float: none;
    padding: 0;
    display: block;
  }
  .site-primary-nav .site-nav-gallery li:nth-child(4n+2) {
    /* +2 because we have two additional list items with display:none */
    margin-right: 0;
  }
  .site-primary-nav .site-nav-gallery .site-nav-item {
    border-bottom: none;
    padding: 0;
    height: auto;
    line-height: 1.2;
  }
  .site-primary-nav .site-nav-gallery .site-nav-item img {
    position: static;
    margin-top: 0;
    height: auto;
    width: 100%;
    margin-bottom: 0.6em;
  }
  .site-primary-nav .site-nav-gallery .site-nav-item h3 {
    color: black;
    font-family: "Plus Jakarta Sans", serif;
    padding: 0 0.4em;
  }
}
.has-children > a,
.go-back a {
  position: relative;
}

.has-children > a::before,
.has-children > a::after,
.go-back a::before,
.go-back a::after {
  /* arrow icon in CSS - for element with nested unordered lists */
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -1px;
  display: inline-block;
  height: 2px;
  width: 10px;
  background: #757575;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.has-children > a::before,
.go-back a::before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.has-children > a::after,
.go-back a::after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

@media only screen and (min-width: 1200px) {
  .has-children > a::before,
  .has-children > a::after,
  .go-back a::before,
  .go-back a::after {
    background: #757575;
  }
  .has-children > a:hover::before,
  .has-children > a:hover::after,
  .go-back a:hover::before,
  .go-back a:hover::after {
    background: #757575;
  }
}
.has-children > a {
  padding-right: 40px;
}

.has-children > a::before,
.has-children > a::after {
  /* arrow goes on the right side - children navigation */
  right: 20px;
  -webkit-transform-origin: 9px 50%;
  transform-origin: 9px 50%;
}

.site-primary-nav .go-back a {
  padding-left: 40px;
}

.site-primary-nav .go-back a::before,
.site-primary-nav .go-back a::after {
  /* arrow goes on the left side - go back button */
  left: 20px;
  -webkit-transform-origin: 1px 50%;
  transform-origin: 1px 50%;
}

@media only screen and (min-width: 1200px) {
  .has-children > a::before,
  .has-children > a::after {
    right: 15%;
  }
  .site-primary-nav .nav-group > .has-children > a {
    /* main navigation arrows on larger devices */
    padding-right: 30px !important;
  }
  .site-primary-nav .nav-group > .has-children > a::before,
  .site-primary-nav .nav-group > .has-children > a::after {
    width: 9px;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    background: #b0b0b0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: width 0.3s, -webkit-transform 0.3s;
    transition: width 0.3s, -webkit-transform 0.3s;
    transition: width 0.3s, transform 0.3s;
    transition: width 0.3s, transform 0.3s, -webkit-transform 0.3s;
  }
  .site-primary-nav .nav-group > .has-children > a::before {
    right: 12px;
  }
  .site-primary-nav .nav-group > .has-children > a::after {
    right: 7px;
  }
  .site-primary-nav .nav-group > .has-children > a.selected::before,
  .site-primary-nav .nav-group > .has-children > a.selected::after {
    width: 14px;
  }
  .site-primary-nav .nav-group > .has-children > a.selected::before {
    -webkit-transform: translateX(5px) rotate(-45deg);
    transform: translateX(5px) rotate(-45deg);
  }
  .site-primary-nav .nav-group > .has-children > a.selected::after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .site-secondary-nav > .has-children > a::before,
  .site-secondary-nav > .has-children > a::after {
    /* remove arrows on secondary nav titles */
    display: none;
  }
  .site-primary-nav .go-back a {
    padding-left: 20px;
  }
  .site-primary-nav .go-back a::before,
  .site-primary-nav .go-back a::after {
    left: 1px;
  }
}
.site-overlay {
  /* shadow layer visible when navigation is active */
  position: fixed;
  z-index: 2;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  cursor: pointer;
  background-color: rgba(0, 5, 22, 0.8);
  visibility: hidden;
  opacity: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s, -webkit-transform 0.3s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0.3s, -webkit-transform 0.3s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0.3s, transform 0.3s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0.3s, transform 0.3s 0s, -webkit-transform 0.3s 0s;
}

.site-overlay.is-visible {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0s, -webkit-transform 0.3s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0s, -webkit-transform 0.3s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0s, transform 0.3s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0s, transform 0.3s 0s, -webkit-transform 0.3s 0s;
}

@media only screen and (max-width: 1199px) {
  .site-overlay.is-visible {
    -webkit-transform: translateX(-260px);
    transform: translateX(-260px);
  }
  .nav-on-left .site-overlay.is-visible {
    -webkit-transform: translateX(260px);
    transform: translateX(260px);
  }
  .site-overlay.is-visible.search-is-visible,
  .nav-on-left .site-overlay.is-visible.search-is-visible {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.header-container {
  position: relative;
  height: auto;
  height: 50px;
}

@media all and (min-width: 1200px) {
  .user-active,
  .small-children {
    position: relative;
  }
  .user-active:before,
  .small-children:before {
    content: "";
    width: 1px;
    height: 40px;
    position: absolute;
    left: 0;
    top: 16px;
  }
  .user-active .site-secondary-nav,
  .small-children .site-secondary-nav {
    width: 260px;
    height: auto;
    padding: 16px;
    left: 0;
  }
  .user-active .site-secondary-nav.has-see-all,
  .small-children .site-secondary-nav.has-see-all {
    padding-bottom: 72px;
  }
  .user-active .site-secondary-nav li,
  .small-children .site-secondary-nav li {
    /* change the height according to your needs - you can even set height: auto */
    height: auto;
    /* here you set the number of columns - use width percentage */
    width: 100%;
    float: none;
    margin: 0;
    overflow: auto;
    overflow-x: auto;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
  .user-active .site-secondary-nav a,
  .small-children .site-secondary-nav a {
    padding: 8px 16px;
    height: auto;
    color: #242424;
    border-bottom: none;
    font-size: 16px;
    margin: 0;
  }
  .user-active .site-secondary-nav a:hover,
  .small-children .site-secondary-nav a:hover {
    background: #f1f1f1;
  }
  .medium-children {
    position: relative;
  }
  .medium-children .site-secondary-nav {
    width: 552px;
    height: auto;
    padding: 16px;
    left: 0;
  }
  .medium-children .site-secondary-nav.has-see-all {
    padding-bottom: 72px;
  }
  .medium-children .site-secondary-nav li {
    /* change the height according to your needs - you can even set height: auto */
    height: auto;
    /* here you set the number of columns - use width percentage */
    width: 100%;
    float: none;
    margin: 0;
    overflow: auto;
    overflow-x: auto;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
  .medium-children .site-secondary-nav .split {
    float: left;
    width: 50%;
  }
  .medium-children .site-secondary-nav a {
    padding: 8px 16px;
    height: auto;
    color: #242424;
    border-bottom: none;
    font-size: 16px;
    margin: 0;
  }
  .medium-children .site-secondary-nav a:hover {
    background: #f1f1f1;
  }
  .user-active:before {
    display: none;
  }
  .user-active .site-secondary-nav {
    height: auto;
    padding: 0;
    right: 0;
  }
  .header-container {
    height: 70px;
  }
}
@media all and (min-width: 1200px) {
  .site-nav-icons {
    width: 66.66667% !important;
  }
}
@media all and (max-width: 1199px) {
  .site-nav-icons {
    width: 100%;
  }
  .site-primary-nav a.forgot-pass,
  .site-primary-nav ul a.forgot-pass {
    text-align: left;
  }
  .login-box {
    float: none;
    width: 100% !important;
    background: white;
    padding: 16px;
  }
  .site-primary-nav .see-all .anchor {
    color: #6e7ce6;
  }
}
@media all and (min-width: 1200px) {
  .site-main-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
  }
}
.has-children li a.lang-active {
  position: relative;
  padding-right: 32px;
}
.has-children li a.lang-active:before {
  position: absolute;
  display: inline-block;
  width: 16px;
  height: 16px;
  right: 16px;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  content: "V";
  color: green;
  text-align: center;
  font-style: normal !important;
  font-weight: 400 !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.children-title {
  padding: 16px 16px 16px 8px;
  color: #757575;
  font-size: 14px;
}

.site-primary-nav .nav-group ul {
  font-size: 16px;
}

.site-main-header:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 0;
  background: none;
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
  opacity: 0;
}
.site-main-header.scroll-active {
  background-color: white;
}
.site-main-header.scroll-active:before {
  opacity: 1;
}
.site-main-header.header-active {
  background-color: white;
}

.btn-cta-header {
  margin: 12px 16px;
}

@media only screen and (max-width: 1199px) {
  .nav-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-flow: column wrap;
  }
  .nav-group .m-first {
    -ms-flex-order: -1;
    -webkit-box-ordinal-group: 0;
    order: -1;
  }
}
.login-box h3 {
  margin-bottom: 16px;
}
.login-box img {
  margin: 16px 0;
}
.login-box > div {
  margin-top: 16px;
}

@media only screen and (min-width: 1200px) {
  .site-primary-nav a.uh-btn {
    display: inline-block;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
  .btn-cta-header {
    color: #fff !important;
    line-height: 42px !important;
    height: 42px !important;
    -webkit-transform: translateY(16px) !important;
            transform: translateY(16px) !important;
    padding: 0 1rem !important;
    margin: 0 0 0 16px;
  }
  .login-box {
    min-height: 16em;
  }
  .site-nav-icons.login-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-flow: row wrap;
  }
  .site-nav-icons.login-wrap .login-box {
    display: block;
    width: 50%;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-flow: column wrap;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between;
  }
  .site-nav-icons.login-wrap .login-box:last-child {
    border-left: solid 1px #d5d5d5;
  }
}
/* -------------------------------- 

support for no js 

-------------------------------- */
.no-js .site-primary-nav {
  position: relative;
  height: auto;
  width: 100%;
  overflow: visible;
  visibility: visible;
  z-index: 2;
}

@media only screen and (min-width: 1200px) {
  .no-js .site-primary-nav {
    position: absolute;
    z-index: 3;
    display: inline-block;
    width: auto;
    top: 0;
    right: 150px;
    padding: 0;
  }
  .no-js .nav-is-fixed .site-primary-nav {
    position: fixed;
  }
}
.section-hero {
  position: relative;
  margin-top: -80px;
  padding-top: 4rem;
}
.section-hero > div {
  position: relative;
  z-index: 3;
}
.section-hero:before {
  bottom: 0;
}
.section-hero .content-hero {
  position: relative;
  z-index: 3;
}
.main-title {
  font-size: 1.75rem;
  color: var(--brand-main-400);
}

.custom-rfs-hero {
  font-size: calc(1.475rem + 1.5vw);
}

@media only screen and (min-width: 992px) {
  .custom-rfs-hero {
    font-size: calc(1.475rem + 2.2vw);
  }
}
@media only screen and (min-width: 1200px) {
  .custom-rfs-hero {
    font-size: calc(1.475rem + 2.7vw);
  }
}
.color-tertiary {
  color: #e27000;
}

@media all and (min-width: 992px) {
  .otp-scrollspy-nav {
    position: sticky;
    left: 0;
    top: calc(70px + 1.5rem);
  }
  .content-menu-category {
    border: none;
    display: block;
  }
}
.breadcrumb-wrapper {
  position: relative;
  z-index: 21;
}

.content-article ul {
  display: block;
  list-style-type: disc;
  -webkit-margin-before: 1em;
          margin-block-start: 1em;
  -webkit-margin-after: 1em;
          margin-block-end: 1em;
  -webkit-margin-start: 0px;
          margin-inline-start: 0px;
  -webkit-margin-end: 0px;
          margin-inline-end: 0px;
  -webkit-padding-start: 40px;
          padding-inline-start: 40px;
  unicode-bidi: isolate;
}
.content-article ol {
  display: block;
  list-style-type: decimal;
  -webkit-margin-before: 1em;
          margin-block-start: 1em;
  -webkit-margin-after: 1em;
          margin-block-end: 1em;
  -webkit-margin-start: 0px;
          margin-inline-start: 0px;
  -webkit-margin-end: 0px;
          margin-inline-end: 0px;
  -webkit-padding-start: 40px;
          padding-inline-start: 40px;
  unicode-bidi: isolate;
}
.content-article ul ul,
.content-article ol ul {
  margin-left: 15px;
  display: block;
  list-style-type: disc;
  -webkit-margin-before: 1em;
          margin-block-start: 1em;
  -webkit-margin-after: 1em;
          margin-block-end: 1em;
  -webkit-margin-start: 0px;
          margin-inline-start: 0px;
  -webkit-margin-end: 0px;
          margin-inline-end: 0px;
  -webkit-padding-start: 40px;
          padding-inline-start: 40px;
  unicode-bidi: isolate;
}
.content-article ol ol,
.content-article ul ol {
  margin-left: 15px;
  display: block;
  list-style-type: decimal;
  -webkit-margin-before: 1em;
          margin-block-start: 1em;
  -webkit-margin-after: 1em;
          margin-block-end: 1em;
  -webkit-margin-start: 0px;
          margin-inline-start: 0px;
  -webkit-margin-end: 0px;
          margin-inline-end: 0px;
  -webkit-padding-start: 40px;
          padding-inline-start: 40px;
  unicode-bidi: isolate;
}

.mh-480 {
  max-height: 480px;
}

ol.ordered-list {
  display: block;
  list-style-type: decimal;
  -webkit-margin-before: 1em;
          margin-block-start: 1em;
  -webkit-margin-after: 1em;
          margin-block-end: 1em;
  -webkit-margin-start: 0px;
          margin-inline-start: 0px;
  -webkit-margin-end: 0px;
          margin-inline-end: 0px;
  -webkit-padding-start: 40px;
          padding-inline-start: 40px;
  unicode-bidi: isolate;
}

ul.unordered-list {
  display: block;
  list-style-type: decimal;
  -webkit-margin-before: 1em;
          margin-block-start: 1em;
  -webkit-margin-after: 1em;
          margin-block-end: 1em;
  -webkit-margin-start: 0px;
          margin-inline-start: 0px;
  -webkit-margin-end: 0px;
          margin-inline-end: 0px;
  -webkit-padding-start: 40px;
          padding-inline-start: 40px;
  unicode-bidi: isolate;
}

.heading-sticky {
  position: sticky;
  top: 80px;
  z-index: 88;
  background-color: var(--brand-blue-100);
  padding: 1rem 1rem;
  margin-bottom: 1rem;
  border-radius: 0.5rem;
}
.heading-sticky a {
  text-decoration: none;
  color: var(--text-default);
}
.heading-sticky h4 {
  margin: 0;
}

.otp-accordion .accordion-item {
  margin-bottom: 1rem;
  border-radius: 0.5rem;
  overflow: hidden;
  border: solid 1px var(--border-default);
}
.otp-accordion .accordion-item .accordion-header .accordion-button {
  background-color: white;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  font-size: 1rem;
  line-height: 150%;
  font-weight: bold;
  color: var(--text-default);
  font-family: "Open Sans", sans-serif;
}
.otp-accordion .accordion-item .accordion-header .accordion-button::after {
  color: var(--primary);
  background-image: none;
  font-family: "bootstrap-icons";
  content: "\f63b";
}
.otp-accordion .accordion-item .accordion-header .accordion-button.collapsed::after {
  content: "\f64d";
}

.text-clamp-2,
.text-clamp-3 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.text-clamp-2 {
  -webkit-line-clamp: 2;
  line-clamp: 2;
}

.text-clamp-3 {
  -webkit-line-clamp: 3;
  line-clamp: 3;
}

.nav.nav-underline .nav-link {
  color: #242424;
}
.nav.nav-underline .nav-link.active {
  color: #d20a2e;
}

.feature-icon {
  width: 3rem;
  height: 3rem;
  background-color: var(--brand-main-400);
  color: white;
  border-radius: 50%;
  text-align: center;
}
.feature-icon i {
  font-size: 1.75rem;
  height: 2.5rem;
}

.cta-container {
  position: relative;
}
.cta-container .ornament-1,
.cta-container .ornament-2 {
  position: absolute;
  z-index: 0;
}
.cta-container .ornament-1 {
  top: 0;
  left: 0;
}
.cta-container .ornament-2 {
  bottom: 0;
  right: 0;
}
.cta-container .row {
  position: relative;
  z-index: 2;
}

.card-item {
  text-decoration: none;
  color: initial;
}
.card-item .card-cover {
  aspect-ratio: 16/9;
}
.card-item .card-cover img {
  aspect-ratio: 16/9;
  -o-object-fit: cover;
     object-fit: cover;
}

.breadcrumb-custom {
  display: block;
  white-space: nowrap;
  overflow: hidden;
}
.breadcrumb-custom li.breadcrumb-item {
  display: inline-block;
  white-space: nowrap;
  vertical-align: top;
}

.social-media img {
  width: 20px;
}

.skeleton-box {
  display: inline-block;
  height: 1em;
  position: relative;
  overflow: hidden;
  background-color: #DDDBDD;
}
.skeleton-box::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0)), color-stop(20%, rgba(255, 255, 255, 0.2)), color-stop(60%, rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0)));
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0));
  -webkit-animation: shimmer 2s infinite;
          animation: shimmer 2s infinite;
  content: "";
}
@-webkit-keyframes shimmer {
  100% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}
@keyframes shimmer {
  100% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}

.pagination {
  list-style-type: none;
}

@media (max-width: 992px) {
  .ornament-1,
  .ornament-2 {
    width: 100px;
  }
}
@media (max-width: 768px) {
  .breadcrumb-wrapper .breadcrumb-item.active {
    max-width: calc(100% - 150px) !important;
  }
  .ornament-1,
  .ornament-2 {
    width: 60px;
  }
}
@media (min-width: 992px) {
  .main-title {
    font-size: 3.5rem;
  }
}
footer {
  border-top: solid 1px var(--border-default);
}