@charset "UTF-8";
@import "~swiper/swiper-bundle.min.css";
/**
 * Functions
 * Common functions used throughout the components.
 */
/**
 *  Convert `pixels` in to `em` using the `$browser-context`
 */
/**
 *  Convert `pixels` in to `rem` using the `$browser-context`
 */
/**
 * Screen - mixin
 *
 */
/**
 * Hide Element
 */
/**
* Generate fontello
*/
/**
 * Screen - mixin
 *
 */
/**
 * Hide Element
 */
/**
* Generate fontello
*/
*,
*::after,
*::before {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

input[type=search]::-ms-clear,
input[type=search]::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}

input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
  display: none;
}

html {
  scrollbar-width: thin;
  scroll-behavior: smooth;
}

::-webkit-scrollbar {
  width: 10px;
  background-color: #f0f0f0;
}

::-webkit-scrollbar-thumb {
  background-color: #cdcdcd;
}

div,
p,
a,
span {
  word-break: break-word;
}

p:not(:last-child, [class*=spacing--]),
ul:not(:last-child, [class*=spacing--]),
ol:not(:last-child, [class*=spacing--]),
:is(h1, h2, h3, h4, h5, h6):not(:last-child, [class*=spacing--]) {
  margin-bottom: 1.2em;
}

img {
  object-fit: cover;
  max-width: 100%;
  vertical-align: bottom;
}

ol,
ul {
  margin: 0;
}

input,
textarea,
button,
[role=button],
select,
a {
  -webkit-tap-highlight-color: transparent;
}

*[id] {
  scroll-margin-top: 174px;
}
@media (min-width: 0) {
  *[id] {
    scroll-margin-top: 134px;
  }
}

:root {
  --component-padding: var(--space-sm);
  --padding-color: rgb(249, 204, 157, 0);
  --ft-alts-dark-blue: #001E62;
  --ft-sky-blue: #3769FF;
  --ft-teal: #00BFB3;
  --ft-teal-3: #00A096;
  --ft-teal-4: #00706a;
  --ft-fuchsia: #C042EA;
  --ft-fuchsia-4: #A124CC;
  --ft-orange: #e24100;
  --ft-orange-4: #b83000;
  --ft-purple: #6730E3;
  --ft-purple-4: #4b00b6;
  --ft-table-blue: #3966ED;
  --ft-table-blue-very-light: #6597D1;
  --ft-table-blue-dark: #051BDC;
  --ft-table-orange: #B55338;
  --ft-table-fuchsia: #AC52CA;
  --ft-table-fuchsia-2: #CB6EEE;
  --ft-table-fuchsia-3: #A525D0;
  --ft-table-purple: #6714DD;
  --ft-table-purple-2: #650EE0;
  --ft-table-purple-3: #8760EF;
  --ft-white: #FFFFFF;
  --ft-light-grey: #F4F4F4;
  --ft-grey-1: #E6E6E6;
  --ft-grey-2: #BFBFBF;
  --ft-grey-3: #8C8C8C;
  --ft-grey-4: #595959;
  --ft-grey-5: #555;
  --ft-black: #212121;
  --ft-neutral-black: #000000;
  --ft-complementary-sky-blue-1: #DDEAFF;
  --ft-complementary-sky-blue-2: #91B9FF;
  --ft-complementary-sky-blue-3: #5291FF;
  --ft-complementary-sky-blue-4: #1446E1;
  --ft-complementary-sky-blue-5: #D5E4FD;
  --ft-sky-blue-alpha: rgba(145, 185, 255, 0.3);
  --ft-white-alpha: rgba(255, 255, 255, 0.15);
  --ft-white-alpha-2: rgba(255, 255, 255, 0.2);
  --ft-white-alpha-3: rgba(255, 255, 255, 0.4);
  --ft-white-alpha-4: rgba(255, 255, 255, 0.8);
  --ft-black-alpha: rgba(0, 0, 0, 0.15);
  --ft-black-alpha-2: rgba(0, 0, 0, 0.35);
  --ft-complementary-teal-1: #E1F7F7;
  --ft-complementary-teal-2: #72DBD5;
  --ft-complementary-teal-3: var(--ft-teal-3);
  --ft-complementary-teal-4: #00847D;
  --ft-charts-alts-dark-blue: #00236B;
  --ft-charts-seg-1-teal: var(--ft-teal);
  --ft-charts-seg-2-sky-blue: var(--ft-sky-blue);
  --ft-charts-seg-3-fuchsia: var(--ft-fuchsia);
  --ft-charts-seg-4-gray-2: var(--ft-grey-2);
  --ft-charts-seg-5-purple: var(--ft-purple);
  --ft-charts-seg-6-teal-2: var(--ft-complementary-teal-2);
  --ft-charts-seg-7-sky-blue-2: var(--complementary-ft-sky-blue-2);
  --ft-charts-seg-8-sky-gray-3: var(--ft-grey-3);
  --ft-charts-seg-9-teal-4: var(--ft-complementary-teal-4);
  --ft-charts-seg-10-purple-2: #b39af5;
  --ft-charts-seg-11-sky-blue-4: var(--ft-complementary-sky-blue-4);
  --ft-charts-seg-12-sky-purple-4: #4b00b6;
  --ft-gradient-fuchsia: linear-gradient(247.2deg, #AD3BD3 57.73%, #C75EED 84.58%);
  --ft-gradient-sky-blue: linear-gradient(114.31deg, #3769FF 27.83%, #0A3CD2 86.93%);
  --ft-gradient-sky-blue-2: linear-gradient(45deg,#00706A,#3769FF);
  --ft-gradient-sky-blue-3: linear-gradient(60.59deg, #4885f6 0%, #3d34b5 100%);
  --ft-gradient-sky-blue-4: linear-gradient(330deg,#00706A,#1446E1 80%);
  --ft-gradient-sky-blue-5: linear-gradient(170.38deg, #151371 3.75%, #4342C7 78.79%);
  --ft-gradient-teal: linear-gradient(181.56deg, #00BFB2 64.01%, #009C92 97.89%);
  --ft-gradient-red: linear-gradient(170.6deg, #FF557C 9.48%, #C92C50 52.18%);
  --ft-gradient-prismarine: linear-gradient(113.59deg, #49b4aa 0%, #213a73 100%);
  --ft-gradient-purple: linear-gradient(113.18deg, #6730E3 12.9%, #8760EF 39.97%);
  --ft-gradient-purple-2: linear-gradient(104.99deg, #C453EC 12.73%, #495EEA 72.25%);
  --ft-gradient-purple-3: linear-gradient(45deg,#1446E1,#A124CC 110%);
  --ft-gradient-purple-4: linear-gradient(4.99deg, #ba77ef 0%, #6d7eee 72.25%);
  --ft-gradient-gray-2: linear-gradient(106.17deg, #8C8C8C -2.44%, #BFBFBF 58.28%);
  --ft-gradient-teal-2: linear-gradient(3.24deg, #72DBD5 44.35%, #29BDB5 99.54%);
  --ft-gradient-teal-to-blue: linear-gradient(20deg,#00706A 0%,#3769FF 60%,#6730E3 90%);
  --ft-gradient-teal-to-blue-2: linear-gradient(111.93deg, #02BAC0 10.74%, #488CFA 38.45%, #4A47CF 63.75%, #1A1484 95.1%);
  --ft-gradient-teal-to-blue-3: linear-gradient(260deg,#3769FF 50%,#4B00B6);
  --ft-gradient-teal-to-blue-4: linear-gradient(81.59deg, #02BAC0 14.02%, #3296E9 54.33%, #4037B9 100%);
  --ft-gradient-blue-to-teal: linear-gradient(235deg,#151180 20%,#3769FF 50%,#4841C8 100%);
  --ft-gradient-blue-to-teal-2: linear-gradient(235deg,#151180 0%,#3769FF 40%,#4B00B6);
  --ft-gradient-blue-to-teal-3: linear-gradient(234.65deg, #151180 0.9%, #4841C8 13.62%, #01AABD 80.27%, #0BB0B6 100%);
  --ft-gradient-blue-to-teal-4: linear-gradient(220deg, #00236b 10%, #1446E1 40%,#4037b9 85%);
  --ft-gradient-light-blue-to-blue: linear-gradient(59.09deg, #02BAC0 -13.89%, #4292F9 45.83%, #4A47CF 84.33%, #1A1484 104.09%);
  --ft-gradient-fuchsia-to-teal: linear-gradient(-70deg,#A124CC 0%,#4B00B6 50%);
  --ft-gradient-fuchsia-to-teal-2: linear-gradient(-84.27deg, #27A9CE -0.86%, #639BEC 30.45%, #917AF5 73.4%, #936AF4 99.07%);
  --ft-gradient-teal-to-transparent: linear-gradient(342.14deg, #00BFB3 -1.45%, rgba(0, 191, 179, 0) 68.32%);
  --ft-gradient-teal-to-transparent-2: linear-gradient(310.7deg, #00BFB3 10.64%, rgba(0, 191, 179, 0) 52.21%);
  --ft-gradient-teal-to-transparent-3: linear-gradient(341.05deg, rgba(0, 191, 179, 0.8) 45.91%, rgba(0, 191, 179, 0) 65.86%);
  --ft-gradient-transparent-to-purple: linear-gradient(140deg, rgba(2, 0, 36, 0) 68%, rgba(75, 0, 182, 1) 100%);
  --ft-gradient-transparent-to-purple-v2: linear-gradient(100deg,#A124CC -10%,#1A1484 50%,#3769FF 100%);
  --ft-gradient-transparent-to-purple-v3: linear-gradient(125.73deg, rgba(0, 191, 179, 0) 32.44%, rgba(3, 186, 184, 0.72) 64.05%, rgba(31, 143, 221, 0.79) 75.11%, #6730E3 96.34%);
  --ft-gradient-transparent-to-purple-v4: linear-gradient(150.73deg, rgba(0, 191, 179, 0) 32.44%, rgba(3, 186, 184, 0.72) 64.05%, rgba(31, 143, 221, 0.79) 75.11%, #6730E3 96.34%);
  --ft-gradient-transparent-to-teal: linear-gradient(140.62deg, rgba(103, 48, 227, 0) 70.18%, rgba(103, 48, 227, 0.8) 80.5%, rgba(31, 143, 221, 0.8) 90.01%, rgba(0, 191, 179, 0.8) 100%);
  --ft-gradient-transparent-to-teal-2: linear-gradient(160.62deg, rgba(103, 48, 227, 0) 40.18%, rgba(103, 48, 227, 0.8) 65.5%, rgba(31, 143, 221, 0.8) 85.01%, rgba(0, 191, 179, 0.8) 90%);
  --ft-state-error: #FF0000;
  --ft-state-warning: #F7BC00;
  --ft-state-success: #81BB00;
  --ft-gradient-key-features: linear-gradient(148deg,#A124CC 0%,#1446E1 50%,#4B00B6 80%);
  --ft-gradient-knowledge_hub:linear-gradient(20deg,#4B00B6 2%, #4841C8 50%,#151180 100%);
}

:root {
  --space-unit: 1rem;
  --space-xxs: calc(0.25 * var(--space-unit));
  --space-xs: calc(0.5 * var(--space-unit));
  --space-s: calc(1 * var(--space-unit));
  --space-md: calc(1.5 * var(--space-unit));
  --space-lg: calc(2 * var(--space-unit));
  --space-xl: calc(2 * var(--space-unit));
  --space-xxl: calc(2.5 * var(--space-unit));
  --space-xxxl: calc(3.5 * var(--space-unit));
  --space-mg: calc(3.5 * var(--space-unit));
}

@media (min-width: 1024px) {
  :root {
    --space-unit: 1rem;
    --space-xxs: calc(0.5 * var(--space-unit));
    --space-xs: calc(1 * var(--space-unit));
    --space-s: calc(1.5 * var(--space-unit));
    --space-md: calc(2 * var(--space-unit));
    --space-lg: calc(2.5 * var(--space-unit));
    --space-xl: calc(3.5 * var(--space-unit));
    --space-xxl: calc(4 * var(--space-unit));
    --space-xxxl: calc(4.5 * var(--space-unit));
    --space-mg: calc(6 * var(--space-unit));
    --component-padding: var(--space-md);
  }
}
:root {
  --font-regular: "TTCommonsProRegular", arial, sans-serif;
  --font-semibold: "TTCommonsProDemiBold", arial, sans-serif;
  --font-bold: "TTCommonsProBold", arial, sans-serif;
  --fonts-h1-font-family: var(--font-bold);
  --fonts-h1-font-weight: 700;
  --fonts-h1-line-height: 1.1;
  --fonts-h1-font-size-mobile: 36px;
  --fonts-h1-font-size-tablet: 78px;
  --fonts-h1-font-size-small-desktop: 78px;
  --fonts-h1-font-size-desktop: 78px;
  --fonts-h1-font-size-large-desktop: 78px;
  --fonts-h2-font-family: var(--font-bold);
  --fonts-h2-font-weight: 700;
  --fonts-h2-line-height: 1.1;
  --fonts-h2-font-size-mobile: 32px;
  --fonts-h2-font-size-tablet: 56px;
  --fonts-h2-font-size-small-desktop: 56px;
  --fonts-h2-font-size-desktop: 56px;
  --fonts-h2-font-size-large-desktop: 56px;
  --fonts-h3-font-family: var(--font-bold);
  --fonts-h3-font-weight: 700;
  --fonts-h3-line-height: 1.2;
  --fonts-h3-font-size-mobile: 28px;
  --fonts-h3-font-size-tablet: 44px;
  --fonts-h3-font-size-small-desktop: 44px;
  --fonts-h3-font-size-desktop: 44px;
  --fonts-h3-font-size-large-desktop: 44px;
  --fonts-h4-font-family: var(--font-bold);
  --fonts-h4-font-weight: 700;
  --fonts-h4-line-height: 1.3;
  --fonts-h4-font-size-mobile: 24px;
  --fonts-h4-font-size-tablet: 36px;
  --fonts-h4-font-size-small-desktop: 36px;
  --fonts-h4-font-size-desktop: 36px;
  --fonts-h4-font-size-large-desktop: 36px;
  --fonts-h5-font-family: var(--font-regular);
  --fonts-h5-font-weight: 400;
  --fonts-h5-line-height: 1.3;
  --fonts-h5-font-size-mobile: 24px;
  --fonts-h5-font-size-tablet: 36px;
  --fonts-h5-font-size-small-desktop: 36px;
  --fonts-h5-font-size-desktop: 36px;
  --fonts-h5-font-size-large-desktop: 36px;
  --fonts-h6-font-family: var(--font-bold);
  --fonts-h6-font-weight: 700;
  --fonts-h6-line-height: 1.3;
  --fonts-h6-font-size-mobile: 20px;
  --fonts-h6-font-size-tablet: 24px;
  --fonts-h6-font-size-small-desktop: 24px;
  --fonts-h6-font-size-desktop: 24px;
  --fonts-h6-font-size-large-desktop: 24px;
  --fonts-p-lrg-font-family: var(--font-regular);
  --fonts-p-lrg-font-weight: 400;
  --fonts-p-lrg-line-height: 1.5;
  --fonts-p-lrg-font-size-mobile: 16px;
  --fonts-p-lrg-font-size-tablet: 18px;
  --fonts-p-lrg-font-size-small-desktop: 18px;
  --fonts-p-lrg-font-size-desktop: 18px;
  --fonts-p-lrg-font-size-large-desktop: 18px;
  --fonts-p-lrg--b-font-family: var(--font-bold);
  --fonts-p-lrg--b-font-weight: 700;
  --fonts-p-lrg--b-line-height: 1.5;
  --fonts-p-lrg--b-font-size-mobile: 16px;
  --fonts-p-lrg--b-font-size-tablet: 18px;
  --fonts-p-lrg--b-font-size-small-desktop: 18px;
  --fonts-p-lrg--b-font-size-desktop: 18px;
  --fonts-p-lrg--b-font-size-large-desktop: 18px;
  --fonts-p-font-family: var(--font-regular);
  --fonts-p-font-weight: 400;
  --fonts-p-line-height: 1.5;
  --fonts-p-font-size-mobile: 16px;
  --fonts-p-font-size-tablet: 16px;
  --fonts-p-font-size-small-desktop: 16px;
  --fonts-p-font-size-desktop: 16px;
  --fonts-p-font-size-large-desktop: 16px;
  --fonts-p--b-font-family: var(--font-semibold);
  --fonts-p--b-font-weight: 600;
  --fonts-p--b-line-height: 1.5;
  --fonts-p--b-font-size-mobile: 16px;
  --fonts-p--b-font-size-tablet: 16px;
  --fonts-p--b-font-size-small-desktop: 16px;
  --fonts-p--b-font-size-desktop: 16px;
  --fonts-p--b-font-size-large-desktop: 16px;
  --fonts-small-font-family: var(--font-regular);
  --fonts-small-font-weight: 400;
  --fonts-small-line-height: 1.5;
  --fonts-small-font-size-mobile: 13px;
  --fonts-small-font-size-tablet: 13px;
  --fonts-small-font-size-small-desktop: 13px;
  --fonts-small-font-size-desktop: 13px;
  --fonts-small-font-size-large-desktop: 13px;
  --fonts-small--b-font-family: var(--font-semibold);
  --fonts-small--b-font-weight: 600;
  --fonts-small--b-line-height: 1.5;
  --fonts-small--b-font-size-mobile: 13px;
  --fonts-small--b-font-size-tablet: 13px;
  --fonts-small--b-font-size-small-desktop: 13px;
  --fonts-small--b-font-size-desktop: 13px;
  --fonts-small--b-font-size-large-desktop: 13px;
  --fonts-tag-font-family: var(--font-regular);
  --fonts-tag-font-weight: 400;
  --fonts-tag-line-height: 1.2;
  --fonts-tag-font-size-mobile: 16px;
  --fonts-tag-font-size-tablet: 16px;
  --fonts-tag-font-size-small-desktop: 16px;
  --fonts-tag-font-size-desktop: 16px;
  --fonts-tag-font-size-large-desktop: 16px;
  --fonts-tag--b-font-family: var(--font-bold);
  --fonts-tag--b-font-weight: 700;
  --fonts-tag--b-line-height: 1.2;
  --fonts-tag--b-font-size-mobile: 16px;
  --fonts-tag--b-font-size-tablet: 16px;
  --fonts-tag--b-font-size-small-desktop: 16px;
  --fonts-tag--b-font-size-desktop: 16px;
  --fonts-tag--b-font-size-large-desktop: 16px;
  --fonts-tag-small-font-family: var(--font-bold);
  --fonts-tag-small-font-weight: 700;
  --fonts-tag-small-line-height: 1.2;
  --fonts-tag-small-font-size-mobile: 14px;
  --fonts-tag-small-font-size-tablet: 14px;
  --fonts-tag-small-font-size-small-desktop: 14px;
  --fonts-tag-small-font-size-desktop: 14px;
  --fonts-tag-small-font-size-large-desktop: 14px;
  --fonts-caveats-font-family: var(--font-regular);
  --fonts-caveats-font-weight: 400;
  --fonts-caveats-line-height: 1.6;
  --fonts-caveats-font-size-mobile: 14px;
  --fonts-caveats-font-size-tablet: 14px;
  --fonts-caveats-font-size-small-desktop: 14px;
  --fonts-caveats-font-size-desktop: 14px;
  --fonts-caveats-font-size-large-desktop: 14px;
  --fonts-stats-font-family: var(--font-bold);
  --fonts-stats-font-weight: 700;
  --fonts-stats-line-height: 1.1;
  --fonts-stats-font-size-mobile: 56px;
  --fonts-stats-font-size-tablet: 72px;
  --fonts-stats-font-size-small-desktop: 72px;
  --fonts-stats-font-size-desktop: 72px;
  --fonts-stats-font-size-large-desktop: 72px;
  --fonts-stats-lrg-font-family: var(--font-bold);
  --fonts-stats-lrg-font-weight: 700;
  --fonts-stats-lrg-line-height: 1.1;
  --fonts-stats-lrg-font-size-mobile: 78px;
  --fonts-stats-lrg-font-size-tablet: 110px;
  --fonts-stats-lrg-font-size-small-desktop: 110px;
  --fonts-stats-lrg-font-size-desktop: 110px;
  --fonts-stats-lrg-font-size-large-desktop: 110px;
  --fonts-stats-small-font-family: var(--font-bold);
  --fonts-stats-small-font-weight: 700;
  --fonts-stats-small-line-height: 1.1;
  --fonts-stats-small-font-size-mobile: 32px;
  --fonts-stats-small-font-size-tablet: 48px;
  --fonts-stats-small-font-size-small-desktop: 48px;
  --fonts-stats-small-font-size-desktop: 48px;
  --fonts-stats-small-font-size-large-desktop: 48px;
  --fonts-button-lrg-font-family: var(--font-bold);
  --fonts-button-lrg-font-weight: 700;
  --fonts-button-lrg-line-height: 1.2;
  --fonts-button-lrg-font-size-mobile: 16px;
  --fonts-button-lrg-font-size-tablet: 20px;
  --fonts-button-lrg-font-size-small-desktop: 20px;
  --fonts-button-lrg-font-size-desktop: 20px;
  --fonts-button-lrg-font-size-large-desktop: 20px;
  --fonts-button-font-family: var(--font-semibold);
  --fonts-button-font-weight: 600;
  --fonts-button-line-height: 1.5;
  --fonts-button-font-size-mobile: 16px;
  --fonts-button-font-size-tablet: 16px;
  --fonts-button-font-size-small-desktop: 16px;
  --fonts-button-font-size-desktop: 16px;
  --fonts-button-font-size-large-desktop: 16px;
  --fonts-button-small-font-family: var(--font-semibold);
  --fonts-button-small-font-weight: 600;
  --fonts-button-small-line-height: 1.5;
  --fonts-button-small-font-size-mobile: 14px;
  --fonts-button-small-font-size-tablet: 14px;
  --fonts-button-small-font-size-small-desktop: 14px;
  --fonts-button-small-font-size-desktop: 14px;
  --fonts-button-small-font-size-large-desktop: 14px;
  --fonts-link-font-family: var(--font-semibold);
  --fonts-link-font-weight: 600;
  --fonts-link-line-height: 1.5;
  --fonts-link-font-size-mobile: 16px;
  --fonts-link-font-size-tablet: 16px;
  --fonts-link-font-size-small-desktop: 16px;
  --fonts-link-font-size-desktop: 16px;
  --fonts-link-font-size-large-desktop: 16px;
  --fonts-link-underline-font-family: var(--font-regular);
  --fonts-link-underline-font-weight: 500;
  --fonts-link-underline-line-height: 1.5;
  --fonts-link-underline-font-size-mobile: 16px;
  --fonts-link-underline-font-size-tablet: 16px;
  --fonts-link-underline-font-size-small-desktop: 16px;
  --fonts-link-underline-font-size-desktop: 16px;
  --fonts-link-underline-font-size-large-desktop: 16px;
  --fonts-breadcrumbs-font-family: var(--font-regular);
  --fonts-breadcrumbs-font-weight: 400;
  --fonts-breadcrumbs-line-height: 1.5;
  --fonts-breadcrumbs-font-size-mobile: 16px;
  --fonts-breadcrumbs-font-size-tablet: 16px;
  --fonts-breadcrumbs-font-size-small-desktop: 16px;
  --fonts-breadcrumbs-font-size-desktop: 16px;
  --fonts-breadcrumbs-font-size-large-desktop: 16px;
  --fonts-input-font-family: var(--font-regular);
  --fonts-input-font-weight: 400;
  --fonts-input-line-height: 1;
  --fonts-input-font-size-mobile: 16px;
  --fonts-input-font-size-tablet: 16px;
  --fonts-input-font-size-small-desktop: 16px;
  --fonts-input-font-size-desktop: 16px;
  --fonts-input-font-size-large-desktop: 16px;
  --fonts-input-caption-font-family: var(--font-semibold);
  --fonts-input-caption-font-weight: 600;
  --fonts-input-caption-line-height: 1;
  --fonts-input-caption-font-size-mobile: 14px;
  --fonts-input-caption-font-size-tablet: 14px;
  --fonts-input-caption-font-size-small-desktop: 14px;
  --fonts-input-caption-font-size-desktop: 14px;
  --fonts-input-caption-font-size-large-desktop: 14px;
}

@font-face {
  font-display: swap;
  font-family: "TTCommonsProRegular";
  src: url("../../assets/fonts/TTCommonsProRegular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-display: swap;
  font-family: "TTCommonsProDemiBold";
  src: url("../../assets/fonts/TTCommonsProDemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-display: swap;
  font-family: "TTCommonsProBold";
  src: url("../../assets/fonts/TTCommonsProBold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
/**
 * Grid System
 * This grid system is based on the material design spec found here:
 *
 * https://material.io/design/layout/responsive-layout-grid.html
 *
 * Inspired and adapted from:
 * https://materializecss.com/grid.html
 *
 */
.grid {
  margin: 0 calc(calc(1rem) - (calc(1rem) / 2));
}
.grid .row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
}
.grid .row::after {
  content: "";
  display: table;
  clear: both;
}
.grid .row .col {
  box-sizing: border-box;
  padding: 0 calc(calc(1rem) / 2);
  min-height: 1px;
  flex-grow: 1;
  flex-basis: 0;
}
.grid .row .col.s1 {
  width: 25%;
  flex-basis: unset;
  flex-grow: 0;
  flex-shrink: 0;
  content: 4;
  margin-left: 0;
  left: auto;
  right: auto;
}
.grid .row .col.s2 {
  width: 50%;
  flex-basis: unset;
  flex-grow: 0;
  flex-shrink: 0;
  content: 4;
  margin-left: 0;
  left: auto;
  right: auto;
}
.grid .row .col.s3 {
  width: 75%;
  flex-basis: unset;
  flex-grow: 0;
  flex-shrink: 0;
  content: 4;
  margin-left: 0;
  left: auto;
  right: auto;
}
.grid .row .col.s4 {
  width: 100%;
  flex-basis: unset;
  flex-grow: 0;
  flex-shrink: 0;
  content: 4;
  margin-left: 0;
  left: auto;
  right: auto;
}
.grid .row .col.offset-s1 {
  margin-left: 25%;
}
.grid .row .col.pull-s1 {
  right: 25%;
}
.grid .row .col.push-s1 {
  left: 25%;
}
.grid .row .col.offset-s2 {
  margin-left: 50%;
}
.grid .row .col.pull-s2 {
  right: 50%;
}
.grid .row .col.push-s2 {
  left: 50%;
}
.grid .row .col.offset-s3 {
  margin-left: 75%;
}
.grid .row .col.pull-s3 {
  right: 75%;
}
.grid .row .col.push-s3 {
  left: 75%;
}
.grid .row .col.offset-s4 {
  margin-left: 100%;
}
.grid .row .col.pull-s4 {
  right: 100%;
}
.grid .row .col.push-s4 {
  left: 100%;
}
.grid .row .col .row {
  margin-left: calc(-1 * calc(1rem) / 2);
  margin-right: calc(-1 * calc(1rem) / 2);
}
.grid.section {
  padding: calc(4.5rem) 0;
}

@media (min-width: 768px) {
  .grid {
    margin: 0 calc(calc(1rem) - (calc(1.5rem) / 2));
  }
  .grid .row .col {
    padding: 0 calc(calc(1.5rem) / 2);
  }
  .grid .row .col.m1 {
    width: 12.5%;
    flex-basis: unset;
    flex-grow: 0;
    flex-shrink: 0;
    content: 8;
    margin-left: 0;
    left: auto;
    right: auto;
  }
  .grid .row .col.m2 {
    width: 25%;
    flex-basis: unset;
    flex-grow: 0;
    flex-shrink: 0;
    content: 8;
    margin-left: 0;
    left: auto;
    right: auto;
  }
  .grid .row .col.m3 {
    width: 37.5%;
    flex-basis: unset;
    flex-grow: 0;
    flex-shrink: 0;
    content: 8;
    margin-left: 0;
    left: auto;
    right: auto;
  }
  .grid .row .col.m4 {
    width: 50%;
    flex-basis: unset;
    flex-grow: 0;
    flex-shrink: 0;
    content: 8;
    margin-left: 0;
    left: auto;
    right: auto;
  }
  .grid .row .col.m5 {
    width: 62.5%;
    flex-basis: unset;
    flex-grow: 0;
    flex-shrink: 0;
    content: 8;
    margin-left: 0;
    left: auto;
    right: auto;
  }
  .grid .row .col.m6 {
    width: 75%;
    flex-basis: unset;
    flex-grow: 0;
    flex-shrink: 0;
    content: 8;
    margin-left: 0;
    left: auto;
    right: auto;
  }
  .grid .row .col.m7 {
    width: 87.5%;
    flex-basis: unset;
    flex-grow: 0;
    flex-shrink: 0;
    content: 8;
    margin-left: 0;
    left: auto;
    right: auto;
  }
  .grid .row .col.m8 {
    width: 100%;
    flex-basis: unset;
    flex-grow: 0;
    flex-shrink: 0;
    content: 8;
    margin-left: 0;
    left: auto;
    right: auto;
  }
  .grid .row .col.offset-m1 {
    margin-left: 12.5%;
  }
  .grid .row .col.pull-m1 {
    right: 12.5%;
  }
  .grid .row .col.push-m1 {
    left: 12.5%;
  }
  .grid .row .col.offset-m2 {
    margin-left: 25%;
  }
  .grid .row .col.pull-m2 {
    right: 25%;
  }
  .grid .row .col.push-m2 {
    left: 25%;
  }
  .grid .row .col.offset-m3 {
    margin-left: 37.5%;
  }
  .grid .row .col.pull-m3 {
    right: 37.5%;
  }
  .grid .row .col.push-m3 {
    left: 37.5%;
  }
  .grid .row .col.offset-m4 {
    margin-left: 50%;
  }
  .grid .row .col.pull-m4 {
    right: 50%;
  }
  .grid .row .col.push-m4 {
    left: 50%;
  }
  .grid .row .col.offset-m5 {
    margin-left: 62.5%;
  }
  .grid .row .col.pull-m5 {
    right: 62.5%;
  }
  .grid .row .col.push-m5 {
    left: 62.5%;
  }
  .grid .row .col.offset-m6 {
    margin-left: 75%;
  }
  .grid .row .col.pull-m6 {
    right: 75%;
  }
  .grid .row .col.push-m6 {
    left: 75%;
  }
  .grid .row .col.offset-m7 {
    margin-left: 87.5%;
  }
  .grid .row .col.pull-m7 {
    right: 87.5%;
  }
  .grid .row .col.push-m7 {
    left: 87.5%;
  }
  .grid .row .col.offset-m8 {
    margin-left: 100%;
  }
  .grid .row .col.pull-m8 {
    right: 100%;
  }
  .grid .row .col.push-m8 {
    left: 100%;
  }
  .grid .row .col .row {
    margin-left: calc(-1 * calc(1.5rem) / 2);
    margin-right: calc(-1 * calc(1.5rem) / 2);
  }
  .grid .container {
    width: calc(6 / (8) * 100)%;
    margin: 0 auto;
  }
  .grid .container .row .col {
    padding: 0 calc(calc(1.5rem) / 2);
  }
  .grid .container .row .col.m1 {
    width: 16.6666666667%;
    flex-basis: unset;
    flex-grow: 0;
    flex-shrink: 0;
    content: 6;
    margin-left: 0;
    left: auto;
    right: auto;
  }
  .grid .container .row .col.m2 {
    width: 33.3333333333%;
    flex-basis: unset;
    flex-grow: 0;
    flex-shrink: 0;
    content: 6;
    margin-left: 0;
    left: auto;
    right: auto;
  }
  .grid .container .row .col.m3 {
    width: 50%;
    flex-basis: unset;
    flex-grow: 0;
    flex-shrink: 0;
    content: 6;
    margin-left: 0;
    left: auto;
    right: auto;
  }
  .grid .container .row .col.m4 {
    width: 66.6666666667%;
    flex-basis: unset;
    flex-grow: 0;
    flex-shrink: 0;
    content: 6;
    margin-left: 0;
    left: auto;
    right: auto;
  }
  .grid .container .row .col.m5 {
    width: 83.3333333333%;
    flex-basis: unset;
    flex-grow: 0;
    flex-shrink: 0;
    content: 6;
    margin-left: 0;
    left: auto;
    right: auto;
  }
  .grid .container .row .col.m6 {
    width: 100%;
    flex-basis: unset;
    flex-grow: 0;
    flex-shrink: 0;
    content: 6;
    margin-left: 0;
    left: auto;
    right: auto;
  }
  .grid .container .row .col.offset-m1 {
    margin-left: 16.6666666667%;
  }
  .grid .container .row .col.pull-m1 {
    right: 16.6666666667%;
  }
  .grid .container .row .col.push-m1 {
    left: 16.6666666667%;
  }
  .grid .container .row .col.offset-m2 {
    margin-left: 33.3333333333%;
  }
  .grid .container .row .col.pull-m2 {
    right: 33.3333333333%;
  }
  .grid .container .row .col.push-m2 {
    left: 33.3333333333%;
  }
  .grid .container .row .col.offset-m3 {
    margin-left: 50%;
  }
  .grid .container .row .col.pull-m3 {
    right: 50%;
  }
  .grid .container .row .col.push-m3 {
    left: 50%;
  }
  .grid .container .row .col.offset-m4 {
    margin-left: 66.6666666667%;
  }
  .grid .container .row .col.pull-m4 {
    right: 66.6666666667%;
  }
  .grid .container .row .col.push-m4 {
    left: 66.6666666667%;
  }
  .grid .container .row .col.offset-m5 {
    margin-left: 83.3333333333%;
  }
  .grid .container .row .col.pull-m5 {
    right: 83.3333333333%;
  }
  .grid .container .row .col.push-m5 {
    left: 83.3333333333%;
  }
  .grid .container .row .col.offset-m6 {
    margin-left: 100%;
  }
  .grid .container .row .col.pull-m6 {
    right: 100%;
  }
  .grid .container .row .col.push-m6 {
    left: 100%;
  }
  .grid .container .row .col .row {
    margin-left: calc(-1 * calc(1.5rem) / 2);
    margin-right: calc(-1 * calc(1.5rem) / 2);
  }
  .grid .container--wide {
    width: calc(6 / (8) * 100)%;
    margin: 0 auto;
  }
  .grid .container--wide .row .col {
    padding: 0 calc(calc(1.5rem) / 2);
  }
  .grid .container--wide .row .col.m1 {
    width: 16.6666666667%;
    flex-basis: unset;
    flex-grow: 0;
    flex-shrink: 0;
    content: 6;
    margin-left: 0;
    left: auto;
    right: auto;
  }
  .grid .container--wide .row .col.m2 {
    width: 33.3333333333%;
    flex-basis: unset;
    flex-grow: 0;
    flex-shrink: 0;
    content: 6;
    margin-left: 0;
    left: auto;
    right: auto;
  }
  .grid .container--wide .row .col.m3 {
    width: 50%;
    flex-basis: unset;
    flex-grow: 0;
    flex-shrink: 0;
    content: 6;
    margin-left: 0;
    left: auto;
    right: auto;
  }
  .grid .container--wide .row .col.m4 {
    width: 66.6666666667%;
    flex-basis: unset;
    flex-grow: 0;
    flex-shrink: 0;
    content: 6;
    margin-left: 0;
    left: auto;
    right: auto;
  }
  .grid .container--wide .row .col.m5 {
    width: 83.3333333333%;
    flex-basis: unset;
    flex-grow: 0;
    flex-shrink: 0;
    content: 6;
    margin-left: 0;
    left: auto;
    right: auto;
  }
  .grid .container--wide .row .col.m6 {
    width: 100%;
    flex-basis: unset;
    flex-grow: 0;
    flex-shrink: 0;
    content: 6;
    margin-left: 0;
    left: auto;
    right: auto;
  }
  .grid .container--wide .row .col.offset-m1 {
    margin-left: 16.6666666667%;
  }
  .grid .container--wide .row .col.pull-m1 {
    right: 16.6666666667%;
  }
  .grid .container--wide .row .col.push-m1 {
    left: 16.6666666667%;
  }
  .grid .container--wide .row .col.offset-m2 {
    margin-left: 33.3333333333%;
  }
  .grid .container--wide .row .col.pull-m2 {
    right: 33.3333333333%;
  }
  .grid .container--wide .row .col.push-m2 {
    left: 33.3333333333%;
  }
  .grid .container--wide .row .col.offset-m3 {
    margin-left: 50%;
  }
  .grid .container--wide .row .col.pull-m3 {
    right: 50%;
  }
  .grid .container--wide .row .col.push-m3 {
    left: 50%;
  }
  .grid .container--wide .row .col.offset-m4 {
    margin-left: 66.6666666667%;
  }
  .grid .container--wide .row .col.pull-m4 {
    right: 66.6666666667%;
  }
  .grid .container--wide .row .col.push-m4 {
    left: 66.6666666667%;
  }
  .grid .container--wide .row .col.offset-m5 {
    margin-left: 83.3333333333%;
  }
  .grid .container--wide .row .col.pull-m5 {
    right: 83.3333333333%;
  }
  .grid .container--wide .row .col.push-m5 {
    left: 83.3333333333%;
  }
  .grid .container--wide .row .col.offset-m6 {
    margin-left: 100%;
  }
  .grid .container--wide .row .col.pull-m6 {
    right: 100%;
  }
  .grid .container--wide .row .col.push-m6 {
    left: 100%;
  }
  .grid .container--wide .row .col .row {
    margin-left: calc(-1 * calc(1.5rem) / 2);
    margin-right: calc(-1 * calc(1.5rem) / 2);
  }
}
@media (min-width: 1200px) {
  .grid {
    margin: 0 calc(calc(2.75rem) - (calc(1.5rem) / 2));
  }
  .grid .row .col {
    padding: 0 calc(calc(1.5rem) / 2);
  }
  .grid .row .col.l1 {
    width: 8.3333333333%;
    flex-basis: unset;
    flex-grow: 0;
    flex-shrink: 0;
    content: 12;
    margin-left: 0;
    left: auto;
    right: auto;
  }
  .grid .row .col.l2 {
    width: 16.6666666667%;
    flex-basis: unset;
    flex-grow: 0;
    flex-shrink: 0;
    content: 12;
    margin-left: 0;
    left: auto;
    right: auto;
  }
  .grid .row .col.l3 {
    width: 25%;
    flex-basis: unset;
    flex-grow: 0;
    flex-shrink: 0;
    content: 12;
    margin-left: 0;
    left: auto;
    right: auto;
  }
  .grid .row .col.l4 {
    width: 33.3333333333%;
    flex-basis: unset;
    flex-grow: 0;
    flex-shrink: 0;
    content: 12;
    margin-left: 0;
    left: auto;
    right: auto;
  }
  .grid .row .col.l5 {
    width: 41.6666666667%;
    flex-basis: unset;
    flex-grow: 0;
    flex-shrink: 0;
    content: 12;
    margin-left: 0;
    left: auto;
    right: auto;
  }
  .grid .row .col.l6 {
    width: 50%;
    flex-basis: unset;
    flex-grow: 0;
    flex-shrink: 0;
    content: 12;
    margin-left: 0;
    left: auto;
    right: auto;
  }
  .grid .row .col.l7 {
    width: 58.3333333333%;
    flex-basis: unset;
    flex-grow: 0;
    flex-shrink: 0;
    content: 12;
    margin-left: 0;
    left: auto;
    right: auto;
  }
  .grid .row .col.l8 {
    width: 66.6666666667%;
    flex-basis: unset;
    flex-grow: 0;
    flex-shrink: 0;
    content: 12;
    margin-left: 0;
    left: auto;
    right: auto;
  }
  .grid .row .col.l9 {
    width: 75%;
    flex-basis: unset;
    flex-grow: 0;
    flex-shrink: 0;
    content: 12;
    margin-left: 0;
    left: auto;
    right: auto;
  }
  .grid .row .col.l10 {
    width: 83.3333333333%;
    flex-basis: unset;
    flex-grow: 0;
    flex-shrink: 0;
    content: 12;
    margin-left: 0;
    left: auto;
    right: auto;
  }
  .grid .row .col.l11 {
    width: 91.6666666667%;
    flex-basis: unset;
    flex-grow: 0;
    flex-shrink: 0;
    content: 12;
    margin-left: 0;
    left: auto;
    right: auto;
  }
  .grid .row .col.l12 {
    width: 100%;
    flex-basis: unset;
    flex-grow: 0;
    flex-shrink: 0;
    content: 12;
    margin-left: 0;
    left: auto;
    right: auto;
  }
  .grid .row .col.offset-l1 {
    margin-left: 8.3333333333%;
  }
  .grid .row .col.pull-l1 {
    right: 8.3333333333%;
  }
  .grid .row .col.push-l1 {
    left: 8.3333333333%;
  }
  .grid .row .col.offset-l2 {
    margin-left: 16.6666666667%;
  }
  .grid .row .col.pull-l2 {
    right: 16.6666666667%;
  }
  .grid .row .col.push-l2 {
    left: 16.6666666667%;
  }
  .grid .row .col.offset-l3 {
    margin-left: 25%;
  }
  .grid .row .col.pull-l3 {
    right: 25%;
  }
  .grid .row .col.push-l3 {
    left: 25%;
  }
  .grid .row .col.offset-l4 {
    margin-left: 33.3333333333%;
  }
  .grid .row .col.pull-l4 {
    right: 33.3333333333%;
  }
  .grid .row .col.push-l4 {
    left: 33.3333333333%;
  }
  .grid .row .col.offset-l5 {
    margin-left: 41.6666666667%;
  }
  .grid .row .col.pull-l5 {
    right: 41.6666666667%;
  }
  .grid .row .col.push-l5 {
    left: 41.6666666667%;
  }
  .grid .row .col.offset-l6 {
    margin-left: 50%;
  }
  .grid .row .col.pull-l6 {
    right: 50%;
  }
  .grid .row .col.push-l6 {
    left: 50%;
  }
  .grid .row .col.offset-l7 {
    margin-left: 58.3333333333%;
  }
  .grid .row .col.pull-l7 {
    right: 58.3333333333%;
  }
  .grid .row .col.push-l7 {
    left: 58.3333333333%;
  }
  .grid .row .col.offset-l8 {
    margin-left: 66.6666666667%;
  }
  .grid .row .col.pull-l8 {
    right: 66.6666666667%;
  }
  .grid .row .col.push-l8 {
    left: 66.6666666667%;
  }
  .grid .row .col.offset-l9 {
    margin-left: 75%;
  }
  .grid .row .col.pull-l9 {
    right: 75%;
  }
  .grid .row .col.push-l9 {
    left: 75%;
  }
  .grid .row .col.offset-l10 {
    margin-left: 83.3333333333%;
  }
  .grid .row .col.pull-l10 {
    right: 83.3333333333%;
  }
  .grid .row .col.push-l10 {
    left: 83.3333333333%;
  }
  .grid .row .col.offset-l11 {
    margin-left: 91.6666666667%;
  }
  .grid .row .col.pull-l11 {
    right: 91.6666666667%;
  }
  .grid .row .col.push-l11 {
    left: 91.6666666667%;
  }
  .grid .row .col.offset-l12 {
    margin-left: 100%;
  }
  .grid .row .col.pull-l12 {
    right: 100%;
  }
  .grid .row .col.push-l12 {
    left: 100%;
  }
  .grid .row .col.l {
    box-sizing: border-box;
    padding: 0 calc(calc(1.5rem) / 2);
    min-height: 1px;
    flex-grow: 1;
    flex-basis: 0;
  }
  .grid .row .col .row {
    margin-left: calc(-1 * calc(1.5rem) / 2);
    margin-right: calc(-1 * calc(1.5rem) / 2);
  }
  .grid .container {
    width: calc(8 / (12) * 100)%;
    margin: 0 auto;
  }
  .grid .container .row .col {
    padding: 0 calc(calc(1.5rem) / 2);
  }
  .grid .container .row .col.l1 {
    width: 12.5%;
    flex-basis: unset;
    flex-grow: 0;
    flex-shrink: 0;
    content: 8;
    margin-left: 0;
    left: auto;
    right: auto;
  }
  .grid .container .row .col.l2 {
    width: 25%;
    flex-basis: unset;
    flex-grow: 0;
    flex-shrink: 0;
    content: 8;
    margin-left: 0;
    left: auto;
    right: auto;
  }
  .grid .container .row .col.l3 {
    width: 37.5%;
    flex-basis: unset;
    flex-grow: 0;
    flex-shrink: 0;
    content: 8;
    margin-left: 0;
    left: auto;
    right: auto;
  }
  .grid .container .row .col.l4 {
    width: 50%;
    flex-basis: unset;
    flex-grow: 0;
    flex-shrink: 0;
    content: 8;
    margin-left: 0;
    left: auto;
    right: auto;
  }
  .grid .container .row .col.l5 {
    width: 62.5%;
    flex-basis: unset;
    flex-grow: 0;
    flex-shrink: 0;
    content: 8;
    margin-left: 0;
    left: auto;
    right: auto;
  }
  .grid .container .row .col.l6 {
    width: 75%;
    flex-basis: unset;
    flex-grow: 0;
    flex-shrink: 0;
    content: 8;
    margin-left: 0;
    left: auto;
    right: auto;
  }
  .grid .container .row .col.l7 {
    width: 87.5%;
    flex-basis: unset;
    flex-grow: 0;
    flex-shrink: 0;
    content: 8;
    margin-left: 0;
    left: auto;
    right: auto;
  }
  .grid .container .row .col.l8 {
    width: 100%;
    flex-basis: unset;
    flex-grow: 0;
    flex-shrink: 0;
    content: 8;
    margin-left: 0;
    left: auto;
    right: auto;
  }
  .grid .container .row .col.offset-l1 {
    margin-left: 12.5%;
  }
  .grid .container .row .col.pull-l1 {
    right: 12.5%;
  }
  .grid .container .row .col.push-l1 {
    left: 12.5%;
  }
  .grid .container .row .col.offset-l2 {
    margin-left: 25%;
  }
  .grid .container .row .col.pull-l2 {
    right: 25%;
  }
  .grid .container .row .col.push-l2 {
    left: 25%;
  }
  .grid .container .row .col.offset-l3 {
    margin-left: 37.5%;
  }
  .grid .container .row .col.pull-l3 {
    right: 37.5%;
  }
  .grid .container .row .col.push-l3 {
    left: 37.5%;
  }
  .grid .container .row .col.offset-l4 {
    margin-left: 50%;
  }
  .grid .container .row .col.pull-l4 {
    right: 50%;
  }
  .grid .container .row .col.push-l4 {
    left: 50%;
  }
  .grid .container .row .col.offset-l5 {
    margin-left: 62.5%;
  }
  .grid .container .row .col.pull-l5 {
    right: 62.5%;
  }
  .grid .container .row .col.push-l5 {
    left: 62.5%;
  }
  .grid .container .row .col.offset-l6 {
    margin-left: 75%;
  }
  .grid .container .row .col.pull-l6 {
    right: 75%;
  }
  .grid .container .row .col.push-l6 {
    left: 75%;
  }
  .grid .container .row .col.offset-l7 {
    margin-left: 87.5%;
  }
  .grid .container .row .col.pull-l7 {
    right: 87.5%;
  }
  .grid .container .row .col.push-l7 {
    left: 87.5%;
  }
  .grid .container .row .col.offset-l8 {
    margin-left: 100%;
  }
  .grid .container .row .col.pull-l8 {
    right: 100%;
  }
  .grid .container .row .col.push-l8 {
    left: 100%;
  }
  .grid .container .row .col.l {
    box-sizing: border-box;
    padding: 0 calc(calc(1.5rem) / 2);
    min-height: 1px;
    flex-grow: 1;
    flex-basis: 0;
  }
  .grid .container .row .col .row {
    margin-left: calc(-1 * calc(1.5rem) / 2);
    margin-right: calc(-1 * calc(1.5rem) / 2);
  }
  .grid .container--wide {
    width: calc(10 / (12) * 100)%;
    margin: 0 auto;
  }
  .grid .container--wide .row .col {
    padding: 0 calc(calc(1.5rem) / 2);
  }
  .grid .container--wide .row .col.l1 {
    width: 10%;
    flex-basis: unset;
    flex-grow: 0;
    flex-shrink: 0;
    content: 10;
    margin-left: 0;
    left: auto;
    right: auto;
  }
  .grid .container--wide .row .col.l2 {
    width: 20%;
    flex-basis: unset;
    flex-grow: 0;
    flex-shrink: 0;
    content: 10;
    margin-left: 0;
    left: auto;
    right: auto;
  }
  .grid .container--wide .row .col.l3 {
    width: 30%;
    flex-basis: unset;
    flex-grow: 0;
    flex-shrink: 0;
    content: 10;
    margin-left: 0;
    left: auto;
    right: auto;
  }
  .grid .container--wide .row .col.l4 {
    width: 40%;
    flex-basis: unset;
    flex-grow: 0;
    flex-shrink: 0;
    content: 10;
    margin-left: 0;
    left: auto;
    right: auto;
  }
  .grid .container--wide .row .col.l5 {
    width: 50%;
    flex-basis: unset;
    flex-grow: 0;
    flex-shrink: 0;
    content: 10;
    margin-left: 0;
    left: auto;
    right: auto;
  }
  .grid .container--wide .row .col.l6 {
    width: 60%;
    flex-basis: unset;
    flex-grow: 0;
    flex-shrink: 0;
    content: 10;
    margin-left: 0;
    left: auto;
    right: auto;
  }
  .grid .container--wide .row .col.l7 {
    width: 70%;
    flex-basis: unset;
    flex-grow: 0;
    flex-shrink: 0;
    content: 10;
    margin-left: 0;
    left: auto;
    right: auto;
  }
  .grid .container--wide .row .col.l8 {
    width: 80%;
    flex-basis: unset;
    flex-grow: 0;
    flex-shrink: 0;
    content: 10;
    margin-left: 0;
    left: auto;
    right: auto;
  }
  .grid .container--wide .row .col.l9 {
    width: 90%;
    flex-basis: unset;
    flex-grow: 0;
    flex-shrink: 0;
    content: 10;
    margin-left: 0;
    left: auto;
    right: auto;
  }
  .grid .container--wide .row .col.l10 {
    width: 100%;
    flex-basis: unset;
    flex-grow: 0;
    flex-shrink: 0;
    content: 10;
    margin-left: 0;
    left: auto;
    right: auto;
  }
  .grid .container--wide .row .col.offset-l1 {
    margin-left: 10%;
  }
  .grid .container--wide .row .col.pull-l1 {
    right: 10%;
  }
  .grid .container--wide .row .col.push-l1 {
    left: 10%;
  }
  .grid .container--wide .row .col.offset-l2 {
    margin-left: 20%;
  }
  .grid .container--wide .row .col.pull-l2 {
    right: 20%;
  }
  .grid .container--wide .row .col.push-l2 {
    left: 20%;
  }
  .grid .container--wide .row .col.offset-l3 {
    margin-left: 30%;
  }
  .grid .container--wide .row .col.pull-l3 {
    right: 30%;
  }
  .grid .container--wide .row .col.push-l3 {
    left: 30%;
  }
  .grid .container--wide .row .col.offset-l4 {
    margin-left: 40%;
  }
  .grid .container--wide .row .col.pull-l4 {
    right: 40%;
  }
  .grid .container--wide .row .col.push-l4 {
    left: 40%;
  }
  .grid .container--wide .row .col.offset-l5 {
    margin-left: 50%;
  }
  .grid .container--wide .row .col.pull-l5 {
    right: 50%;
  }
  .grid .container--wide .row .col.push-l5 {
    left: 50%;
  }
  .grid .container--wide .row .col.offset-l6 {
    margin-left: 60%;
  }
  .grid .container--wide .row .col.pull-l6 {
    right: 60%;
  }
  .grid .container--wide .row .col.push-l6 {
    left: 60%;
  }
  .grid .container--wide .row .col.offset-l7 {
    margin-left: 70%;
  }
  .grid .container--wide .row .col.pull-l7 {
    right: 70%;
  }
  .grid .container--wide .row .col.push-l7 {
    left: 70%;
  }
  .grid .container--wide .row .col.offset-l8 {
    margin-left: 80%;
  }
  .grid .container--wide .row .col.pull-l8 {
    right: 80%;
  }
  .grid .container--wide .row .col.push-l8 {
    left: 80%;
  }
  .grid .container--wide .row .col.offset-l9 {
    margin-left: 90%;
  }
  .grid .container--wide .row .col.pull-l9 {
    right: 90%;
  }
  .grid .container--wide .row .col.push-l9 {
    left: 90%;
  }
  .grid .container--wide .row .col.offset-l10 {
    margin-left: 100%;
  }
  .grid .container--wide .row .col.pull-l10 {
    right: 100%;
  }
  .grid .container--wide .row .col.push-l10 {
    left: 100%;
  }
  .grid .container--wide .row .col.l {
    box-sizing: border-box;
    padding: 0 calc(calc(1.5rem) / 2);
    min-height: 1px;
    flex-grow: 1;
    flex-basis: 0;
  }
  .grid .container--wide .row .col .row {
    margin-left: calc(-1 * calc(1.5rem) / 2);
    margin-right: calc(-1 * calc(1.5rem) / 2);
  }
}
@media (min-width: 1600px) {
  .grid {
    margin: 0 calc(calc(2.75rem) - (calc(2rem) / 2));
  }
  .grid .row .col {
    padding: 0 calc(calc(2rem) / 2);
  }
  .grid .row .col .row {
    margin-left: calc(-1 * calc(2rem) / 2);
    margin-right: calc(-1 * calc(2rem) / 2);
  }
}
@media (min-width: 1900px) {
  .grid {
    margin: 0 calc(calc(6rem) - (calc(2rem) / 2));
  }
  .grid .row .col {
    padding: 0 calc(calc(2rem) / 2);
  }
  .grid .row .col .row {
    margin-left: calc(-1 * calc(2rem) / 2);
    margin-right: calc(-1 * calc(2rem) / 2);
  }
  .grid .container {
    width: calc(8 / (12) * 100)%;
    margin: 0 auto;
  }
  .grid .container .row .col {
    padding: 0 calc(calc(2rem) / 2);
  }
  .grid .container .row .col .row {
    margin-left: calc(-1 * calc(2rem) / 2);
    margin-right: calc(-1 * calc(2rem) / 2);
  }
  .grid .container--wide {
    width: calc(10 / (12) * 100)%;
    margin: 0 auto;
  }
  .grid .container--wide .row .col {
    padding: 0 calc(calc(2rem) / 2);
  }
  .grid .container--wide .row .col .row {
    margin-left: calc(-1 * calc(2rem) / 2);
    margin-right: calc(-1 * calc(2rem) / 2);
  }
}
.container .container,
.container .container--wide,
.container--wide .container,
.container--wide .container--wide {
  width: 100%;
}

.spacing {
  margin-bottom: var(--space-unit);
}
.spacing--none {
  margin-bottom: 0;
}
.spacing--xxs {
  margin-bottom: var(--space-xxs);
}
.spacing--negative.spacing--xxs {
  margin-bottom: calc(-1 * var(--space-xxs));
}
.spacing--xs {
  margin-bottom: var(--space-xs);
}
.spacing--negative.spacing--xs {
  margin-bottom: calc(-1 * var(--space-xs));
}
.spacing--s {
  margin-bottom: var(--space-s);
}
.spacing--negative.spacing--s {
  margin-bottom: calc(-1 * var(--space-s));
}
.spacing--md {
  margin-bottom: var(--space-md);
}
.spacing--negative.spacing--md {
  margin-bottom: calc(-1 * var(--space-md));
}
.spacing--lg {
  margin-bottom: var(--space-lg);
}
.spacing--negative.spacing--lg {
  margin-bottom: calc(-1 * var(--space-lg));
}
.spacing--xl {
  margin-bottom: var(--space-xl);
}
.spacing--negative.spacing--xl {
  margin-bottom: calc(-1 * var(--space-xl));
}
.spacing--xxl {
  margin-bottom: var(--space-xxl);
}
.spacing--negative.spacing--xxl {
  margin-bottom: calc(-1 * var(--space-xxl));
}
.spacing--xxxl {
  margin-bottom: var(--space-xxxl);
}
.spacing--negative.spacing--xxxl {
  margin-bottom: calc(-1 * var(--space-xxxl));
}
.spacing--mg {
  margin-bottom: var(--space-mg);
}
.spacing--negative.spacing--mg {
  margin-bottom: calc(-1 * var(--space-mg));
}

.margin-top--none {
  margin-top: 0;
}
.margin-top--xxs {
  margin-top: var(--space-xxs);
}
.margin-top--xs {
  margin-top: var(--space-xs);
}
.margin-top--s {
  margin-top: var(--space-s);
}
.margin-top--md {
  margin-top: var(--space-s);
}
.margin-top--lg {
  margin-top: var(--space-lg);
}
.margin-top--xl {
  margin-top: var(--space-xl);
}
.margin-top--xxl {
  margin-top: var(--space-xxl);
}
.margin-top--xxxl {
  margin-top: var(--space-xxxl);
}
.margin-top--mg {
  margin-top: var(--space-mg);
}
.margin-top--negative--mg {
  margin-top: calc(-1 * var(--space-mg));
}

.margin-bottom--none {
  margin-bottom: 0;
}
.margin-bottom--xxs {
  margin-bottom: var(--space-xxs);
}
.margin-bottom--xs {
  margin-bottom: var(--space-xs);
}
.margin-bottom--s {
  margin-bottom: var(--space-s);
}
.margin-bottom--md {
  margin-bottom: var(--space-s);
}
.margin-bottom--lg {
  margin-bottom: var(--space-lg);
}
.margin-bottom--xl {
  margin-bottom: var(--space-xl);
}
.margin-bottom--xxl {
  margin-bottom: var(--space-xxl);
}
.margin-bottom--xxxl {
  margin-bottom: var(--space-xxxl);
}
.margin-bottom--mg {
  margin-bottom: var(--space-mg);
}

.margin-left--none {
  margin-left: 0;
}
.margin-left--xxs {
  margin-left: var(--space-xxs);
}
.margin-left--xs {
  margin-left: var(--space-xs);
}
.margin-left--s {
  margin-left: var(--space-s);
}
.margin-left--md {
  margin-left: var(--space-s);
}
.margin-left--lg {
  margin-left: var(--space-lg);
}
.margin-left--xl {
  margin-left: var(--space-xl);
}
.margin-left--xxl {
  margin-left: var(--space-xxl);
}
.margin-left--xxxl {
  margin-left: var(--space-xxxl);
}
.margin-left--mg {
  margin-left: var(--space-mg);
}

.margin-right--none {
  margin-right: 0;
}
.margin-right--xxs {
  margin-right: var(--space-xxs);
}
.margin-right--xs {
  margin-right: var(--space-xs);
}
.margin-right--s {
  margin-right: var(--space-s);
}
.margin-right--md {
  margin-right: var(--space-s);
}
.margin-right--lg {
  margin-right: var(--space-lg);
}
.margin-right--xl {
  margin-right: var(--space-xl);
}
.margin-right--xxl {
  margin-right: var(--space-xxl);
}
.margin-right--xxxl {
  margin-right: var(--space-xxxl);
}
.margin-right--mg {
  margin-right: var(--space-mg);
}

.padding--none {
  padding: 0;
}
.padding--xxs {
  padding: var(--space-xxs);
}
.padding--xs {
  padding: var(--space-xs);
}
.padding--s {
  padding: var(--space-s);
}
.padding--md {
  padding: var(--space-md);
}
.padding--lg {
  padding: var(--space-lg);
}
.padding--xl {
  padding: var(--space-xl);
}
.padding--xxl {
  padding: var(--space-xxl);
}
.padding--xxxl {
  padding: var(--space-xxxl);
}
.padding--mg {
  padding: var(--space-mg);
}

.padding-top--none {
  padding-top: 0;
}
.padding-top--xxs {
  padding-top: var(--space-xxs);
}
.padding-top--xs {
  padding-top: var(--space-xs);
}
.padding-top--s {
  padding-top: var(--space-s);
}
.padding-top--md {
  padding-top: var(--space-md);
}
.padding-top--lg {
  padding-top: var(--space-lg);
}
.padding-top--xl {
  padding-top: var(--space-xl);
}
.padding-top--xxl {
  padding-top: var(--space-xxl);
}
.padding-top--xxxl {
  padding-top: var(--space-xxxl);
}
.padding-top--mg {
  padding-top: var(--space-mg);
}

.padding-right--none {
  padding-right: 0;
}
.padding-right--xxs {
  padding-right: var(--space-xxs);
}
.padding-right--xs {
  padding-right: var(--space-xs);
}
.padding-right--s {
  padding-right: var(--space-s);
}
.padding-right--md {
  padding-right: var(--space-md);
}
.padding-right--lg {
  padding-right: var(--space-lg);
}
.padding-right--xl {
  padding-right: var(--space-xl);
}
.padding-right--xxl {
  padding-right: var(--space-xxl);
}
.padding-right--xxxl {
  padding-right: var(--space-xxxl);
}
.padding-right--mg {
  padding-right: var(--space-mg);
}

.padding-bottom--none {
  padding-bottom: 0;
}
.padding-bottom--xxs {
  padding-bottom: var(--space-xxs);
}
.padding-bottom--xs {
  padding-bottom: var(--space-xs);
}
.padding-bottom--s {
  padding-bottom: var(--space-s);
}
.padding-bottom--md {
  padding-bottom: var(--space-md);
}
.padding-bottom--lg {
  padding-bottom: var(--space-lg);
}
.padding-bottom--xl {
  padding-bottom: var(--space-xl);
}
.padding-bottom--xxl {
  padding-bottom: var(--space-xxl);
}
.padding-bottom--xxxl {
  padding-bottom: var(--space-xxxl);
}
.padding-bottom--mg {
  padding-bottom: var(--space-mg);
}

.padding-left--none {
  padding-left: 0;
}
.padding-left--xxs {
  padding-left: var(--space-xxs);
}
.padding-left--xs {
  padding-left: var(--space-xs);
}
.padding-left--s {
  padding-left: var(--space-s);
}
.padding-left--md {
  padding-left: var(--space-md);
}
.padding-left--lg {
  padding-left: var(--space-lg);
}
.padding-left--xl {
  padding-left: var(--space-xl);
}
.padding-left--xxl {
  padding-left: var(--space-xxl);
}
.padding-left--xxxl {
  padding-left: var(--space-xxxl);
}
.padding-left--mg {
  padding-left: var(--space-mg);
}

.color--ft-alts-dark-blue {
  color: var(--ft-alts-dark-blue);
}

.color--ft-sky-blue {
  color: var(--ft-sky-blue);
}

.color--ft-sky-blue-4 {
  color: var(--ft-complementary-sky-blue-4);
}

.color--ft-teal {
  color: var(--ft-teal);
}

.color--ft-teal-3 {
  color: var(--ft-teal-3);
}

.color--ft-teal-4 {
  color: var(--ft-teal-4);
}

.color--ft-fuchsia {
  color: var(--ft-fuchsia);
}

.color--ft-orange {
  color: var(--ft-orange);
}

.color--ft-orange-4 {
  color: var(--ft-orange-4);
}

.color--ft-purple {
  color: var(--ft-purple);
}

.color--ft-purple-4 {
  color: var(--ft-purple-4);
}

.color--ft-white {
  color: var(--ft-white);
}

.color--ft-light-grey {
  color: var(--ft-light-grey);
}

.color--ft-light-grey-v3 {
  color: var(--ft-grey-3);
}

.color--ft-complementary-sky-blue-1 {
  color: var(--ft-complementary-sky-blue-1);
}

.color--ft-complementary-sky-blue-3 {
  color: var(--ft-complementary-sky-blue-3);
}

.color--ft-black {
  color: var(--ft-black);
}

.color--ft-complementary-sky-blue-5 {
  color: var(--ft-complementary-sky-blue-5);
}

.color--ft-charts-alts-dark-blue {
  color: var(--ft-charts-alts-dark-blue);
}

.color--ft-complementary-sky-blue-4 {
  color: var(--ft-complementary-sky-blue-4);
}

.bg--ft-alts-dark-blue {
  background-color: var(--ft-alts-dark-blue);
}

.bg--ft-sky-blue {
  background-color: var(--ft-sky-blue);
}

.bg--ft-teal {
  background-color: var(--ft-teal);
}

.bg--ft-teal-3 {
  background-color: var(--ft-teal-3);
}

.bg--ft-fuchsia {
  background-color: var(--ft-fuchsia);
}

.bg--ft-orange {
  background-color: var(--ft-orange);
}

.bg--ft-purple {
  background-color: var(--ft-purple);
}

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

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

.bg--ft-light-grey-v3 {
  background-color: var(--ft-grey-3);
}

.bg--ft-grey-4 {
  background-color: var(--ft-grey-4);
}

.bg--ft-complementary-sky-blue-1 {
  background-color: var(--ft-complementary-sky-blue-1);
}

.bg--ft-black {
  background-color: var(--ft-black);
}

.bg--ft-complementary-sky-blue-5 {
  background-color: var(--ft-complementary-sky-blue-5);
}

.bg--ft-charts-alts-dark-blue {
  background-color: var(--ft-charts-alts-dark-blue);
}

.bg--ft-black-alpha {
  background-color: var(--ft-black-alpha);
}

.bg--ft-gradient-fuchsia {
  background: var(--ft-gradient-fuchsia);
}

.bg--ft-gradient-sky-blue {
  background: var(--ft-gradient-sky-blue);
}

.bg--ft-gradient-sky-blue-2 {
  background: var(--ft-gradient-sky-blue-2);
}

.bg--ft-gradient-sky-blue-3 {
  background: var(--ft-gradient-sky-blue-3);
}

.bg--ft-gradient-teal {
  background: var(--ft-gradient-teal);
}

.bg--ft-gradient-red {
  background: var(--ft-gradient-red);
}

.bg--ft-gradient-purple {
  background: var(--ft-gradient-purple);
}

.bg--ft-gradient-purple-2 {
  background: var(--ft-gradient-purple-2);
}

.bg--ft-gradient-purple-3 {
  background: var(--ft-gradient-purple-3);
}

.bg--ft-gradient-purple-4 {
  background: var(--ft-gradient-purple-4);
}

.bg--ft-gradient-gray-2 {
  background: var(--ft-gradient-gray-2);
}

.bg--ft-gradient-prismarine {
  background: var(--ft-gradient-prismarine);
}

.bg--ft-gradient-teal-2 {
  background: var(--ft-gradient-teal-2);
}

.bg--ft-gradient-teal-to-blue {
  background: var(--ft-gradient-teal-to-blue);
}

.bg--ft-gradient-teal-to-blue-2 {
  background: var(--ft-gradient-teal-to-blue-2);
}

.bg--ft-gradient-teal-to-blue-3 {
  background: var(--ft-gradient-teal-to-blue-3);
}

.bg--ft-gradient-teal-to-blue-4 {
  background: var(--ft-gradient-teal-to-blue-4);
}

.bg--ft-gradient-light-blue-to-blue {
  background: var(--ft-gradient-light-blue-to-blue);
}

.bg--ft-gradient-fuchsia-to-teal {
  background: var(--ft-gradient-fuchsia-to-teal);
}

.bg--ft-gradient-fuchsia-to-teal-2 {
  background: var(--ft-gradient-fuchsia-to-teal-2);
}

.bg--ft-gradient-transparent-to-purple {
  background: var(--ft-gradient-transparent-to-purple-v2);
}

/**
 * Screen - mixin
 *
 */
/**
 * Hide Element
 */
/**
* Generate fontello
*/
/**
 * Screen - mixin
 *
 */
/**
 * Hide Element
 */
/**
* Generate fontello
*/
.center {
  margin-left: auto;
  margin-right: auto;
}

.flex-column {
  display: flex;
  flex-direction: column;
}

.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.flex-end {
  display: flex;
  justify-content: flex-end;
}

.flex-center-column {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.flex-center-vertical {
  display: flex;
  align-items: center;
}

.flex-center-horizontal {
  display: flex;
  justify-content: center;
}

.flex-between {
  display: flex;
  justify-content: space-between;
}

.flex-wrap {
  display: flex;
  flex-wrap: wrap;
}

@media (max-width: 767.98px) {
  .alts-sm-col-reverse {
    flex-direction: column-reverse;
  }
}

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}
.screen-reader-text:focus {
  background-color: #eee;
  clip: auto !important;
  clip-path: none;
  color: #444;
  display: block;
  font-size: 1em;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

.overflow-hidden {
  overflow: hidden;
}

.d-none {
  display: none !important;
}

.hide-on-mobile {
  display: none !important;
}
@media (min-width: 1024px) {
  .hide-on-mobile {
    display: block !important;
  }
}

@media (min-width: 1024px) {
  .hide-on-desktop {
    display: none !important;
  }
}

.alts-mb-reset {
  margin-bottom: 0 !important;
}

.alts-full-image-element {
  width: 100%;
  height: 100%;
}
.alts-full-image-element img {
  height: 100%;
  width: 100%;
}

.alts-element-hidden {
  visibility: hidden;
  opacity: 0;
}

.uppercase {
  text-transform: uppercase;
}

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

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

.alts-align-center {
  text-align: center;
}

.alts-p-relative {
  position: relative;
}

.m-horizontal-auto {
  margin-left: auto;
  margin-right: auto;
}

.alts-width-100 {
  width: 100%;
}

.alts-position-relative {
  position: relative;
}

@media screen and (min-width: 1200px) {
  .alts-text-max-width-1080 {
    max-width: 1080px;
  }
}

@media screen and (min-width: 1200px) {
  .alts-text-max-width-970 {
    max-width: 970px;
  }
}

@media screen and (min-width: 1200px) {
  .alts-text-max-width-786 {
    max-width: 786px;
  }
}

@media screen and (min-width: 1200px) {
  .alts-text-max-width-736 {
    max-width: 736px;
  }
}

@media screen and (min-width: 1200px) {
  .alts-text-max-width-630 {
    max-width: 630px;
  }
}

@media screen and (min-width: 1200px) {
  .alts-text-max-width-595 {
    max-width: 595px;
  }
}

@media screen and (min-width: 1200px) {
  .alts-text-max-width-470 {
    max-width: 470px;
  }
}

@media screen and (min-width: 1200px) {
  .alts-text-max-width-344 {
    max-width: 344px;
  }
}

.object-position-bottom {
  object-position: bottom;
}

.object-position-top {
  object-position: top;
}

@media (max-width: 1024px) {
  .alts-padding-x-mobile {
    padding-left: var(--space-s) !important;
    padding-right: var(--space-s) !important;
  }
}

.is-scrollable.locked {
  overflow-x: hidden;
}
.is-scrollable.locked .scrollable svg, .is-scrollable.locked .scrollable::after {
  opacity: 1;
}
.is-scrollable .scrollable {
  position: relative;
}
.is-scrollable .scrollable svg {
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) translateX(-50%);
  left: 50vw;
  z-index: 3;
}
@media (min-width: 768px) {
  .is-scrollable .scrollable svg {
    left: 50%;
  }
}
.is-scrollable .scrollable::after {
  opacity: 0;
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
  width: 100vw;
  height: 100%;
  background: linear-gradient(272.68deg, #263154 -28.11%, rgba(132, 140, 165, 0.271219) 58.95%, rgba(169, 178, 204, 0) 91.34%);
}

.add-scroll .table-chart-v1,
.add-scroll .table-chart-v2 {
  overflow: auto;
}

.not-scrollable .scrollable svg {
  opacity: 0;
  position: absolute;
}

.alts-element-hidden {
  visibility: hidden;
  opacity: 0;
}

.no-scroll {
  overflow: hidden;
}

.sr-only {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

::ng-deep .half-width {
  width: 50%;
}

::ng-deep .margin-left--md {
  margin-left: var(--space-md);
}
::ng-deep .margin-right--md {
  margin-right: var(--space-md);
}

#at-a-glance::before {
  content: "";
  display: block;
  height: 115px;
  margin-top: -115px;
  visibility: hidden;
}

:root {
  --animate-duration: 1s;
  --animate-delay: 1s;
  --animate-repeat: 1;
}

.animate__animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-duration: var(--animate-duration);
  animation-duration: var(--animate-duration);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.alts-animation.animate__animated {
  animation-play-state: paused;
  opacity: 0;
}
.alts-animation.animate__animated.alts-visible, .alts-animation.animate__animated.alts-not-animation {
  animation-play-state: running;
  opacity: 1;
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.alts-animation.animate__fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.alts-animation.animate__fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.alts-animation.animate__fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.alts-animation.animate__fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

.alts-no-animation .alts-animation {
  animation: none;
}

form.mktoForm {
  width: 100% !important;
  padding: 0;
}
form.mktoForm .mktoFieldWrap {
  padding: 12px 16px;
  background-color: var(--ft-white);
  border-radius: 8px;
}
form.mktoForm .mktoFieldWrap input,
form.mktoForm .mktoFieldWrap textarea,
form.mktoForm .mktoFieldWrap select {
  appearance: none;
  color: var(--ft-grey-4);
  padding: 0;
  margin-top: 8px;
  border: 0;
  width: 100% !important;
  background-color: unset;
}
form.mktoForm .mktoFieldWrap input,
form.mktoForm .mktoFieldWrap select {
  height: 23px;
}
form.mktoForm .mktoFieldWrap select {
  padding-left: 3px;
  padding-right: 3px;
  margin-left: -3px;
  margin-right: -3px;
  width: calc(100% + 6px) !important;
}
form.mktoForm .mktoFieldWrap select ~ .mktoClear::after {
  content: "";
  font-family: "fontello", sans-serif;
  font-size: 0.5em;
  position: relative;
  position: absolute;
  bottom: 17px;
  right: 16px;
  pointer-events: none;
}
form.mktoForm .mktoFieldWrap > .mktoLabel {
  width: auto !important;
}
form.mktoForm .mktoFormCol,
form.mktoForm .mktoFieldWrap {
  width: 100%;
}
form.mktoForm .mktoFormCol {
  margin-bottom: 16px !important;
}
form.mktoForm .mktoOffset {
  height: 0;
}
form.mktoForm .mktoLabel {
  color: var(--ft-grey-4);
  padding-top: 0;
}
form.mktoForm .mktoButtonWrap {
  margin-left: 0 !important;
}
form.mktoForm .mktoButtonWrap button {
  font-size: inherit;
  appearance: none;
  border: 0;
}

h1,
.title--h1 {
  font-family: var(--fonts-h1-font-family);
  font-weight: var(--fonts-h1-font-weight);
  line-height: var(--fonts-h1-line-height);
  font-size: var(--fonts-h1-font-size-mobile);
  letter-spacing: -0.02em;
}
@media (min-width: 768px) and (max-width: 1200px) {
  h1,
.title--h1 {
    font-size: var(--fonts-h1-font-size-tablet);
  }
}
@media (min-width: 1200px) and (max-width: 1600px) {
  h1,
.title--h1 {
    font-size: var(--fonts-h1-font-size-small-desktop);
  }
}
@media (min-width: 1600px) and (max-width: 1900px) {
  h1,
.title--h1 {
    font-size: var(--fonts-h1-font-size-desktop);
  }
}
@media (min-width: 1900px) {
  h1,
.title--h1 {
    font-size: var(--fonts-h1-font-size-large-desktop);
  }
}

h2,
.title--h2 {
  font-family: var(--fonts-h2-font-family);
  font-weight: var(--fonts-h2-font-weight);
  line-height: var(--fonts-h2-line-height);
  font-size: var(--fonts-h2-font-size-mobile);
  letter-spacing: -0.02em;
}
@media (min-width: 768px) and (max-width: 1200px) {
  h2,
.title--h2 {
    font-size: var(--fonts-h2-font-size-tablet);
  }
}
@media (min-width: 1200px) and (max-width: 1600px) {
  h2,
.title--h2 {
    font-size: var(--fonts-h2-font-size-small-desktop);
  }
}
@media (min-width: 1600px) and (max-width: 1900px) {
  h2,
.title--h2 {
    font-size: var(--fonts-h2-font-size-desktop);
  }
}
@media (min-width: 1900px) {
  h2,
.title--h2 {
    font-size: var(--fonts-h2-font-size-large-desktop);
  }
}

h3,
.title--h3 {
  font-family: var(--fonts-h3-font-family);
  font-weight: var(--fonts-h3-font-weight);
  line-height: var(--fonts-h3-line-height);
  font-size: var(--fonts-h3-font-size-mobile);
  letter-spacing: -0.02em;
}
@media (min-width: 768px) and (max-width: 1200px) {
  h3,
.title--h3 {
    font-size: var(--fonts-h3-font-size-tablet);
  }
}
@media (min-width: 1200px) and (max-width: 1600px) {
  h3,
.title--h3 {
    font-size: var(--fonts-h3-font-size-small-desktop);
  }
}
@media (min-width: 1600px) and (max-width: 1900px) {
  h3,
.title--h3 {
    font-size: var(--fonts-h3-font-size-desktop);
  }
}
@media (min-width: 1900px) {
  h3,
.title--h3 {
    font-size: var(--fonts-h3-font-size-large-desktop);
  }
}

h4,
.title--h4 {
  font-family: var(--fonts-h4-font-family);
  font-weight: var(--fonts-h4-font-weight);
  line-height: var(--fonts-h4-line-height);
  font-size: var(--fonts-h4-font-size-mobile);
  letter-spacing: -0.02em;
}
@media (min-width: 768px) and (max-width: 1200px) {
  h4,
.title--h4 {
    font-size: var(--fonts-h4-font-size-tablet);
  }
}
@media (min-width: 1200px) and (max-width: 1600px) {
  h4,
.title--h4 {
    font-size: var(--fonts-h4-font-size-small-desktop);
  }
}
@media (min-width: 1600px) and (max-width: 1900px) {
  h4,
.title--h4 {
    font-size: var(--fonts-h4-font-size-desktop);
  }
}
@media (min-width: 1900px) {
  h4,
.title--h4 {
    font-size: var(--fonts-h4-font-size-large-desktop);
  }
}

h5,
.title--h5 {
  font-family: var(--fonts-h5-font-family);
  font-weight: var(--fonts-h5-font-weight);
  line-height: var(--fonts-h5-line-height);
  font-size: var(--fonts-h5-font-size-mobile);
  letter-spacing: -0.02em;
}
@media (min-width: 768px) and (max-width: 1200px) {
  h5,
.title--h5 {
    font-size: var(--fonts-h5-font-size-tablet);
  }
}
@media (min-width: 1200px) and (max-width: 1600px) {
  h5,
.title--h5 {
    font-size: var(--fonts-h5-font-size-small-desktop);
  }
}
@media (min-width: 1600px) and (max-width: 1900px) {
  h5,
.title--h5 {
    font-size: var(--fonts-h5-font-size-desktop);
  }
}
@media (min-width: 1900px) {
  h5,
.title--h5 {
    font-size: var(--fonts-h5-font-size-large-desktop);
  }
}

h6,
.title--h6 {
  font-family: var(--fonts-h6-font-family);
  font-weight: var(--fonts-h6-font-weight);
  line-height: var(--fonts-h6-line-height);
  font-size: var(--fonts-h6-font-size-mobile);
  letter-spacing: normal;
}
@media (min-width: 768px) and (max-width: 1200px) {
  h6,
.title--h6 {
    font-size: var(--fonts-h6-font-size-tablet);
  }
}
@media (min-width: 1200px) and (max-width: 1600px) {
  h6,
.title--h6 {
    font-size: var(--fonts-h6-font-size-small-desktop);
  }
}
@media (min-width: 1600px) and (max-width: 1900px) {
  h6,
.title--h6 {
    font-size: var(--fonts-h6-font-size-desktop);
  }
}
@media (min-width: 1900px) {
  h6,
.title--h6 {
    font-size: var(--fonts-h6-font-size-large-desktop);
  }
}

body,
.font-p-lrg {
  font-family: var(--fonts-p-lrg-font-family);
  font-weight: var(--fonts-p-lrg-font-weight);
  line-height: var(--fonts-p-lrg-line-height);
  font-size: var(--fonts-p-lrg-font-size-mobile);
  letter-spacing: normal;
}
@media (min-width: 768px) and (max-width: 1200px) {
  body,
.font-p-lrg {
    font-size: var(--fonts-p-lrg-font-size-tablet);
  }
}
@media (min-width: 1200px) and (max-width: 1600px) {
  body,
.font-p-lrg {
    font-size: var(--fonts-p-lrg-font-size-small-desktop);
  }
}
@media (min-width: 1600px) and (max-width: 1900px) {
  body,
.font-p-lrg {
    font-size: var(--fonts-p-lrg-font-size-desktop);
  }
}
@media (min-width: 1900px) {
  body,
.font-p-lrg {
    font-size: var(--fonts-p-lrg-font-size-large-desktop);
  }
}

.font-p-lrg--b {
  font-family: var(--fonts-p-lrg--b-font-family);
  font-weight: var(--fonts-p-lrg--b-font-weight);
  line-height: var(--fonts-p-lrg--b-line-height);
  font-size: var(--fonts-p-lrg--b-font-size-mobile);
  letter-spacing: normal;
}
@media (min-width: 768px) and (max-width: 1200px) {
  .font-p-lrg--b {
    font-size: var(--fonts-p-lrg--b-font-size-tablet);
  }
}
@media (min-width: 1200px) and (max-width: 1600px) {
  .font-p-lrg--b {
    font-size: var(--fonts-p-lrg--b-font-size-small-desktop);
  }
}
@media (min-width: 1600px) and (max-width: 1900px) {
  .font-p-lrg--b {
    font-size: var(--fonts-p-lrg--b-font-size-desktop);
  }
}
@media (min-width: 1900px) {
  .font-p-lrg--b {
    font-size: var(--fonts-p-lrg--b-font-size-large-desktop);
  }
}

.font-p {
  font-family: var(--fonts-p-font-family);
  font-weight: var(--fonts-p-font-weight);
  line-height: var(--fonts-p-line-height);
  font-size: var(--fonts-p-font-size-mobile);
  letter-spacing: normal;
}
@media (min-width: 768px) and (max-width: 1200px) {
  .font-p {
    font-size: var(--fonts-p-font-size-tablet);
  }
}
@media (min-width: 1200px) and (max-width: 1600px) {
  .font-p {
    font-size: var(--fonts-p-font-size-small-desktop);
  }
}
@media (min-width: 1600px) and (max-width: 1900px) {
  .font-p {
    font-size: var(--fonts-p-font-size-desktop);
  }
}
@media (min-width: 1900px) {
  .font-p {
    font-size: var(--fonts-p-font-size-large-desktop);
  }
}

.font-p--b,
strong {
  font-family: var(--fonts-p--b-font-family);
  font-weight: var(--fonts-p--b-font-weight);
  line-height: var(--fonts-p--b-line-height);
  font-size: var(--fonts-p--b-font-size-mobile);
  letter-spacing: normal;
}
@media (min-width: 768px) and (max-width: 1200px) {
  .font-p--b,
strong {
    font-size: var(--fonts-p--b-font-size-tablet);
  }
}
@media (min-width: 1200px) and (max-width: 1600px) {
  .font-p--b,
strong {
    font-size: var(--fonts-p--b-font-size-small-desktop);
  }
}
@media (min-width: 1600px) and (max-width: 1900px) {
  .font-p--b,
strong {
    font-size: var(--fonts-p--b-font-size-desktop);
  }
}
@media (min-width: 1900px) {
  .font-p--b,
strong {
    font-size: var(--fonts-p--b-font-size-large-desktop);
  }
}

.font-small {
  font-family: var(--fonts-small-font-family);
  font-weight: var(--fonts-small-font-weight);
  line-height: var(--fonts-small-line-height);
  font-size: var(--fonts-small-font-size-mobile);
  letter-spacing: normal;
}
@media (min-width: 768px) and (max-width: 1200px) {
  .font-small {
    font-size: var(--fonts-small-font-size-tablet);
  }
}
@media (min-width: 1200px) and (max-width: 1600px) {
  .font-small {
    font-size: var(--fonts-small-font-size-small-desktop);
  }
}
@media (min-width: 1600px) and (max-width: 1900px) {
  .font-small {
    font-size: var(--fonts-small-font-size-desktop);
  }
}
@media (min-width: 1900px) {
  .font-small {
    font-size: var(--fonts-small-font-size-large-desktop);
  }
}

.font-small--b {
  font-family: var(--fonts-small--b-font-family);
  font-weight: var(--fonts-small--b-font-weight);
  line-height: var(--fonts-small--b-line-height);
  font-size: var(--fonts-small--b-font-size-mobile);
  letter-spacing: normal;
}
@media (min-width: 768px) and (max-width: 1200px) {
  .font-small--b {
    font-size: var(--fonts-small--b-font-size-tablet);
  }
}
@media (min-width: 1200px) and (max-width: 1600px) {
  .font-small--b {
    font-size: var(--fonts-small--b-font-size-small-desktop);
  }
}
@media (min-width: 1600px) and (max-width: 1900px) {
  .font-small--b {
    font-size: var(--fonts-small--b-font-size-desktop);
  }
}
@media (min-width: 1900px) {
  .font-small--b {
    font-size: var(--fonts-small--b-font-size-large-desktop);
  }
}

.font-tag {
  font-family: var(--fonts-tag-font-family);
  font-weight: var(--fonts-tag-font-weight);
  line-height: var(--fonts-tag-line-height);
  font-size: var(--fonts-tag-font-size-mobile);
  text-transform: uppercase;
  letter-spacing: normal;
}
@media (min-width: 768px) and (max-width: 1200px) {
  .font-tag {
    font-size: var(--fonts-tag-font-size-tablet);
  }
}
@media (min-width: 1200px) and (max-width: 1600px) {
  .font-tag {
    font-size: var(--fonts-tag-font-size-small-desktop);
  }
}
@media (min-width: 1600px) and (max-width: 1900px) {
  .font-tag {
    font-size: var(--fonts-tag-font-size-desktop);
  }
}
@media (min-width: 1900px) {
  .font-tag {
    font-size: var(--fonts-tag-font-size-large-desktop);
  }
}

.font-tag--b {
  font-family: var(--fonts-tag--b-font-family);
  font-weight: var(--fonts-tag--b-font-weight);
  line-height: var(--fonts-tag--b-line-height);
  font-size: var(--fonts-tag--b-font-size-mobile);
  text-transform: uppercase;
  letter-spacing: normal;
}
@media (min-width: 768px) and (max-width: 1200px) {
  .font-tag--b {
    font-size: var(--fonts-tag--b-font-size-tablet);
  }
}
@media (min-width: 1200px) and (max-width: 1600px) {
  .font-tag--b {
    font-size: var(--fonts-tag--b-font-size-small-desktop);
  }
}
@media (min-width: 1600px) and (max-width: 1900px) {
  .font-tag--b {
    font-size: var(--fonts-tag--b-font-size-desktop);
  }
}
@media (min-width: 1900px) {
  .font-tag--b {
    font-size: var(--fonts-tag--b-font-size-large-desktop);
  }
}

.font-tag-small {
  font-family: var(--fonts-tag-small-font-family);
  font-weight: var(--fonts-tag-small-font-weight);
  line-height: var(--fonts-tag-small-line-height);
  font-size: var(--fonts-tag-small-font-size-mobile);
  text-transform: uppercase;
  letter-spacing: 2px;
}
@media (min-width: 768px) and (max-width: 1200px) {
  .font-tag-small {
    font-size: var(--fonts-tag-small-font-size-tablet);
  }
}
@media (min-width: 1200px) and (max-width: 1600px) {
  .font-tag-small {
    font-size: var(--fonts-tag-small-font-size-small-desktop);
  }
}
@media (min-width: 1600px) and (max-width: 1900px) {
  .font-tag-small {
    font-size: var(--fonts-tag-small-font-size-desktop);
  }
}
@media (min-width: 1900px) {
  .font-tag-small {
    font-size: var(--fonts-tag-small-font-size-large-desktop);
  }
}

.font-caveats {
  font-family: var(--fonts-caveats-font-family);
  font-weight: var(--fonts-caveats-font-weight);
  line-height: var(--fonts-caveats-line-height);
  font-size: var(--fonts-caveats-font-size-mobile);
  letter-spacing: normal;
}
@media (min-width: 768px) and (max-width: 1200px) {
  .font-caveats {
    font-size: var(--fonts-caveats-font-size-tablet);
  }
}
@media (min-width: 1200px) and (max-width: 1600px) {
  .font-caveats {
    font-size: var(--fonts-caveats-font-size-small-desktop);
  }
}
@media (min-width: 1600px) and (max-width: 1900px) {
  .font-caveats {
    font-size: var(--fonts-caveats-font-size-desktop);
  }
}
@media (min-width: 1900px) {
  .font-caveats {
    font-size: var(--fonts-caveats-font-size-large-desktop);
  }
}

.font-stats {
  font-family: var(--fonts-stats-font-family);
  font-weight: var(--fonts-stats-font-weight);
  line-height: var(--fonts-stats-line-height);
  font-size: var(--fonts-stats-font-size-mobile);
  letter-spacing: -0.02em;
}
@media (min-width: 768px) and (max-width: 1200px) {
  .font-stats {
    font-size: var(--fonts-stats-font-size-tablet);
  }
}
@media (min-width: 1200px) and (max-width: 1600px) {
  .font-stats {
    font-size: var(--fonts-stats-font-size-small-desktop);
  }
}
@media (min-width: 1600px) and (max-width: 1900px) {
  .font-stats {
    font-size: var(--fonts-stats-font-size-desktop);
  }
}
@media (min-width: 1900px) {
  .font-stats {
    font-size: var(--fonts-stats-font-size-large-desktop);
  }
}

.font-stats-lrg {
  font-family: var(--fonts-stats-lrg-font-family);
  font-weight: var(--fonts-stats-lrg-font-weight);
  line-height: var(--fonts-stats-lrg-line-height);
  font-size: var(--fonts-stats-lrg-font-size-mobile);
  letter-spacing: -0.02em;
}
@media (min-width: 768px) and (max-width: 1200px) {
  .font-stats-lrg {
    font-size: var(--fonts-stats-lrg-font-size-tablet);
  }
}
@media (min-width: 1200px) and (max-width: 1600px) {
  .font-stats-lrg {
    font-size: var(--fonts-stats-lrg-font-size-small-desktop);
  }
}
@media (min-width: 1600px) and (max-width: 1900px) {
  .font-stats-lrg {
    font-size: var(--fonts-stats-lrg-font-size-desktop);
  }
}
@media (min-width: 1900px) {
  .font-stats-lrg {
    font-size: var(--fonts-stats-lrg-font-size-large-desktop);
  }
}

.font-stats-small {
  font-family: var(--fonts-stats-small-font-family);
  font-weight: var(--fonts-stats-small-font-weight);
  line-height: var(--fonts-stats-small-line-height);
  font-size: var(--fonts-stats-small-font-size-mobile);
  letter-spacing: -0.02em;
}
@media (min-width: 768px) and (max-width: 1200px) {
  .font-stats-small {
    font-size: var(--fonts-stats-small-font-size-tablet);
  }
}
@media (min-width: 1200px) and (max-width: 1600px) {
  .font-stats-small {
    font-size: var(--fonts-stats-small-font-size-small-desktop);
  }
}
@media (min-width: 1600px) and (max-width: 1900px) {
  .font-stats-small {
    font-size: var(--fonts-stats-small-font-size-desktop);
  }
}
@media (min-width: 1900px) {
  .font-stats-small {
    font-size: var(--fonts-stats-small-font-size-large-desktop);
  }
}

.font-button-lrg {
  font-family: var(--fonts-button-lrg-font-family);
  font-weight: var(--fonts-button-lrg-font-weight);
  line-height: var(--fonts-button-lrg-line-height);
  font-size: var(--fonts-button-lrg-font-size-mobile);
  letter-spacing: normal;
}
@media (min-width: 768px) and (max-width: 1200px) {
  .font-button-lrg {
    font-size: var(--fonts-button-lrg-font-size-tablet);
  }
}
@media (min-width: 1200px) and (max-width: 1600px) {
  .font-button-lrg {
    font-size: var(--fonts-button-lrg-font-size-small-desktop);
  }
}
@media (min-width: 1600px) and (max-width: 1900px) {
  .font-button-lrg {
    font-size: var(--fonts-button-lrg-font-size-desktop);
  }
}
@media (min-width: 1900px) {
  .font-button-lrg {
    font-size: var(--fonts-button-lrg-font-size-large-desktop);
  }
}

.font-button, .alts-block-button, form.mktoForm .mktoButtonWrap {
  font-family: var(--fonts-button-font-family);
  font-weight: var(--fonts-button-font-weight);
  line-height: var(--fonts-button-line-height);
  font-size: var(--fonts-button-font-size-mobile);
  letter-spacing: normal;
}
@media (min-width: 768px) and (max-width: 1200px) {
  .font-button, .alts-block-button, form.mktoForm .mktoButtonWrap {
    font-size: var(--fonts-button-font-size-tablet);
  }
}
@media (min-width: 1200px) and (max-width: 1600px) {
  .font-button, .alts-block-button, form.mktoForm .mktoButtonWrap {
    font-size: var(--fonts-button-font-size-small-desktop);
  }
}
@media (min-width: 1600px) and (max-width: 1900px) {
  .font-button, .alts-block-button, form.mktoForm .mktoButtonWrap {
    font-size: var(--fonts-button-font-size-desktop);
  }
}
@media (min-width: 1900px) {
  .font-button, .alts-block-button, form.mktoForm .mktoButtonWrap {
    font-size: var(--fonts-button-font-size-large-desktop);
  }
}

.font-button-small, .alts-button-without-icon {
  font-family: var(--fonts-button-small-font-family);
  font-weight: var(--fonts-button-small-font-weight);
  line-height: var(--fonts-button-small-line-height);
  font-size: var(--fonts-button-small-font-size-mobile);
  letter-spacing: normal;
}
@media (min-width: 768px) and (max-width: 1200px) {
  .font-button-small, .alts-button-without-icon {
    font-size: var(--fonts-button-small-font-size-tablet);
  }
}
@media (min-width: 1200px) and (max-width: 1600px) {
  .font-button-small, .alts-button-without-icon {
    font-size: var(--fonts-button-small-font-size-small-desktop);
  }
}
@media (min-width: 1600px) and (max-width: 1900px) {
  .font-button-small, .alts-button-without-icon {
    font-size: var(--fonts-button-small-font-size-desktop);
  }
}
@media (min-width: 1900px) {
  .font-button-small, .alts-button-without-icon {
    font-size: var(--fonts-button-small-font-size-large-desktop);
  }
}

:is(p, .alts-footer) a:not(.social-icon-link):hover {
  text-decoration: underline;
}

a,
.font-link {
  font-family: var(--fonts-link-font-family);
  font-weight: var(--fonts-link-font-weight);
  line-height: var(--fonts-link-line-height);
  font-size: var(--fonts-link-font-size-mobile);
  text-decoration: none;
  letter-spacing: normal;
}
@media (min-width: 768px) and (max-width: 1200px) {
  a,
.font-link {
    font-size: var(--fonts-link-font-size-tablet);
  }
}
@media (min-width: 1200px) and (max-width: 1600px) {
  a,
.font-link {
    font-size: var(--fonts-link-font-size-small-desktop);
  }
}
@media (min-width: 1600px) and (max-width: 1900px) {
  a,
.font-link {
    font-size: var(--fonts-link-font-size-desktop);
  }
}
@media (min-width: 1900px) {
  a,
.font-link {
    font-size: var(--fonts-link-font-size-large-desktop);
  }
}

.font-link-underline {
  font-family: var(--fonts-link-underline-font-family);
  font-weight: var(--fonts-link-underline-font-weight);
  line-height: var(--fonts-link-underline-line-height);
  font-size: var(--fonts-link-underline-font-size-mobile);
  text-decoration: underline;
}
@media (min-width: 768px) and (max-width: 1200px) {
  .font-link-underline {
    font-size: var(--fonts-link-underline-font-size-tablet);
  }
}
@media (min-width: 1200px) and (max-width: 1600px) {
  .font-link-underline {
    font-size: var(--fonts-link-underline-font-size-small-desktop);
  }
}
@media (min-width: 1600px) and (max-width: 1900px) {
  .font-link-underline {
    font-size: var(--fonts-link-underline-font-size-desktop);
  }
}
@media (min-width: 1900px) {
  .font-link-underline {
    font-size: var(--fonts-link-underline-font-size-large-desktop);
  }
}

.font-breadcrumbs {
  font-family: var(--fonts-breadcrumbs-font-family);
  font-weight: var(--fonts-breadcrumbs-font-weight);
  line-height: var(--fonts-breadcrumbs-line-height);
  font-size: var(--fonts-breadcrumbs-font-size-mobile);
  letter-spacing: normal;
}
@media (min-width: 768px) and (max-width: 1200px) {
  .font-breadcrumbs {
    font-size: var(--fonts-breadcrumbs-font-size-tablet);
  }
}
@media (min-width: 1200px) and (max-width: 1600px) {
  .font-breadcrumbs {
    font-size: var(--fonts-breadcrumbs-font-size-small-desktop);
  }
}
@media (min-width: 1600px) and (max-width: 1900px) {
  .font-breadcrumbs {
    font-size: var(--fonts-breadcrumbs-font-size-desktop);
  }
}
@media (min-width: 1900px) {
  .font-breadcrumbs {
    font-size: var(--fonts-breadcrumbs-font-size-large-desktop);
  }
}

input,
.font-input,
form.mktoForm .mktoFieldWrap input,
form.mktoForm .mktoFieldWrap textarea,
form.mktoForm .mktoFieldWrap select {
  font-family: var(--fonts-input-font-family);
  font-weight: var(--fonts-input-font-weight);
  line-height: var(--fonts-input-line-height);
  font-size: var(--fonts-input-font-size-mobile);
  letter-spacing: normal;
}
@media (min-width: 768px) and (max-width: 1200px) {
  input,
.font-input,
form.mktoForm .mktoFieldWrap input,
form.mktoForm .mktoFieldWrap textarea,
form.mktoForm .mktoFieldWrap select {
    font-size: var(--fonts-input-font-size-tablet);
  }
}
@media (min-width: 1200px) and (max-width: 1600px) {
  input,
.font-input,
form.mktoForm .mktoFieldWrap input,
form.mktoForm .mktoFieldWrap textarea,
form.mktoForm .mktoFieldWrap select {
    font-size: var(--fonts-input-font-size-small-desktop);
  }
}
@media (min-width: 1600px) and (max-width: 1900px) {
  input,
.font-input,
form.mktoForm .mktoFieldWrap input,
form.mktoForm .mktoFieldWrap textarea,
form.mktoForm .mktoFieldWrap select {
    font-size: var(--fonts-input-font-size-desktop);
  }
}
@media (min-width: 1900px) {
  input,
.font-input,
form.mktoForm .mktoFieldWrap input,
form.mktoForm .mktoFieldWrap textarea,
form.mktoForm .mktoFieldWrap select {
    font-size: var(--fonts-input-font-size-large-desktop);
  }
}

label,
.font-input-caption,
form.mktoForm .mktoLabel {
  font-family: var(--fonts-input-caption-font-family);
  font-weight: var(--fonts-input-caption-font-weight);
  line-height: var(--fonts-input-caption-line-height);
  font-size: var(--fonts-input-caption-font-size-mobile);
  letter-spacing: normal;
}
@media (min-width: 768px) and (max-width: 1200px) {
  label,
.font-input-caption,
form.mktoForm .mktoLabel {
    font-size: var(--fonts-input-caption-font-size-tablet);
  }
}
@media (min-width: 1200px) and (max-width: 1600px) {
  label,
.font-input-caption,
form.mktoForm .mktoLabel {
    font-size: var(--fonts-input-caption-font-size-small-desktop);
  }
}
@media (min-width: 1600px) and (max-width: 1900px) {
  label,
.font-input-caption,
form.mktoForm .mktoLabel {
    font-size: var(--fonts-input-caption-font-size-desktop);
  }
}
@media (min-width: 1900px) {
  label,
.font-input-caption,
form.mktoForm .mktoLabel {
    font-size: var(--fonts-input-caption-font-size-large-desktop);
  }
}

.alts-block-button, form.mktoForm .mktoButtonWrap {
  display: flex;
  border-radius: 40px;
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
  width: -moz-fit-content;
  width: fit-content;
}
.alts-block-button__link, form.mktoForm .mktoButtonWrap button {
  display: flex;
  align-items: center;
  padding: 14px 24px;
  color: inherit;
  background-color: transparent;
  text-decoration: none;
  width: max-content;
}
.alts-block-button:is(.alts-button-v1, .alts-button-v6, .alts-button-v8), form.mktoForm .mktoButtonWrap:is(.alts-button-v1, .alts-button-v6, .alts-button-v8) {
  background-color: var(--ft-sky-blue);
  color: var(--ft-white);
}
.alts-block-button:is(.alts-button-v1, .alts-button-v6, .alts-button-v8):hover, form.mktoForm .mktoButtonWrap:is(.alts-button-v1, .alts-button-v6, .alts-button-v8):hover {
  background-color: var(--ft-complementary-sky-blue-4);
}
.alts-block-button:is(.alts-button-v2, form.mktoForm .mktoButtonWrap, .alts-button-v5), form.mktoForm .mktoButtonWrap:is(.alts-button-v2, form.mktoForm .mktoButtonWrap, .alts-button-v5) {
  background-color: var(--ft-white);
  color: var(--ft-alts-dark-blue);
}
.alts-block-button:is(.alts-button-v2, form.mktoForm .mktoButtonWrap, .alts-button-v5):hover, form.mktoForm .mktoButtonWrap:is(.alts-button-v2, form.mktoForm .mktoButtonWrap, .alts-button-v5):hover {
  color: var(--ft-sky-blue);
}
.alts-block-button:is(.alts-button-v2, form.mktoForm .mktoButtonWrap, .alts-button-v5), form.mktoForm .mktoButtonWrap:is(.alts-button-v2, form.mktoForm .mktoButtonWrap, .alts-button-v5) {
  background-color: var(--ft-white);
  color: var(--ft-alts-dark-blue);
}
.alts-block-button:is(.alts-button-v2, form.mktoForm .mktoButtonWrap, .alts-button-v5):hover, form.mktoForm .mktoButtonWrap:is(.alts-button-v2, form.mktoForm .mktoButtonWrap, .alts-button-v5):hover {
  color: var(--ft-sky-blue);
}
.alts-block-button:is(.alts-button-v1, .alts-button-v2, form.mktoForm .mktoButtonWrap, .alts-button-v3, .alts-button-v4, .alts-button-v9) .alts-block-button__link::after, form.mktoForm .mktoButtonWrap:is(.alts-button-v1, .alts-button-v2, form.mktoForm .mktoButtonWrap, .alts-button-v3, .alts-button-v4, .alts-button-v9) .alts-block-button__link::after, .alts-block-button:is(.alts-button-v1, .alts-button-v2, form.mktoForm .mktoButtonWrap, .alts-button-v3, .alts-button-v4, .alts-button-v9) form.mktoForm .mktoButtonWrap button::after, form.mktoForm .mktoButtonWrap .alts-block-button:is(.alts-button-v1, .alts-button-v2, form.mktoForm .mktoButtonWrap, .alts-button-v3, .alts-button-v4, .alts-button-v9) button::after, form.mktoForm .mktoButtonWrap:is(.alts-button-v1, .alts-button-v2, form.mktoForm .mktoButtonWrap, .alts-button-v3, .alts-button-v4, .alts-button-v9) button::after {
  margin-left: 14px;
  color: inherit;
  font-weight: 400;
  content: "";
  font-family: "fontello", sans-serif;
  font-size: 0.75em;
  position: relative;
}
.alts-block-button:is(.alts-button-v7, .alts-button-v8) .alts-block-button__link::after, form.mktoForm .mktoButtonWrap:is(.alts-button-v7, .alts-button-v8) .alts-block-button__link::after, .alts-block-button:is(.alts-button-v7, .alts-button-v8) form.mktoForm .mktoButtonWrap button::after, form.mktoForm .mktoButtonWrap .alts-block-button:is(.alts-button-v7, .alts-button-v8) button::after, form.mktoForm .mktoButtonWrap:is(.alts-button-v7, .alts-button-v8) button::after {
  margin-left: 14px;
  color: inherit;
  font-weight: 400;
  content: "";
  font-family: "fontello", sans-serif;
  font-size: 1em;
  position: relative;
}
.alts-block-button:is(.alts-button-v3, .alts-button-v4, .alts-button-v7, .alts-button-v9), form.mktoForm .mktoButtonWrap:is(.alts-button-v3, .alts-button-v4, .alts-button-v7, .alts-button-v9) {
  background-color: transparent;
}
.alts-block-button:is(.alts-button-v3, .alts-button-v4, .alts-button-v7, .alts-button-v9) .alts-block-button__link, form.mktoForm .mktoButtonWrap:is(.alts-button-v3, .alts-button-v4, .alts-button-v7, .alts-button-v9) .alts-block-button__link, .alts-block-button:is(.alts-button-v3, .alts-button-v4, .alts-button-v7, .alts-button-v9) form.mktoForm .mktoButtonWrap button, form.mktoForm .mktoButtonWrap .alts-block-button:is(.alts-button-v3, .alts-button-v4, .alts-button-v7, .alts-button-v9) button, form.mktoForm .mktoButtonWrap:is(.alts-button-v3, .alts-button-v4, .alts-button-v7, .alts-button-v9) button {
  padding: 0;
}
.alts-block-button:is(.alts-button-v3, .alts-button-v4, .alts-button-v7, .alts-button-v9):hover, form.mktoForm .mktoButtonWrap:is(.alts-button-v3, .alts-button-v4, .alts-button-v7, .alts-button-v9):hover {
  color: var(--ft-sky-blue);
}
.alts-block-button:is(.alts-button-v4):hover, form.mktoForm .mktoButtonWrap:is(.alts-button-v4):hover {
  color: var(--ft-complementary-sky-blue-1);
}
.alts-block-button:is(.alts-button-v7, .alts-button-v9), form.mktoForm .mktoButtonWrap:is(.alts-button-v7, .alts-button-v9) {
  color: var(--ft-complementary-sky-blue-4);
}
.alts-block-button:is(.alts-button-v7, .alts-button-v9):hover, form.mktoForm .mktoButtonWrap:is(.alts-button-v7, .alts-button-v9):hover {
  color: var(--ft-alts-dark-blue);
}
.alts-block-button:is(.alts-button-v5, .alts-button-v6) .alts-block-button__link::after, form.mktoForm .mktoButtonWrap:is(.alts-button-v5, .alts-button-v6) .alts-block-button__link::after, .alts-block-button:is(.alts-button-v5, .alts-button-v6) form.mktoForm .mktoButtonWrap button::after, form.mktoForm .mktoButtonWrap .alts-block-button:is(.alts-button-v5, .alts-button-v6) button::after, form.mktoForm .mktoButtonWrap:is(.alts-button-v5, .alts-button-v6) button::after {
  margin-left: 14px;
  color: inherit;
  content: "";
  font-family: "fontello", sans-serif;
  font-size: 1.1em;
  position: relative;
}
.alts-block-button.disabled:is(.alts-button-v1, .alts-button-v2, form.mktoForm .mktoButtonWrap, .alts-button-v5), form.mktoForm .disabled.mktoButtonWrap:is(.alts-button-v1, .alts-button-v2, form.mktoForm .mktoButtonWrap, .alts-button-v5) {
  background-color: var(--ft-grey-1);
  color: var(--ft-grey-4);
}
.alts-block-button.disabled:is(.alts-button-v3, .alts-button-v4, .alts-button-v7), form.mktoForm .disabled.mktoButtonWrap:is(.alts-button-v3, .alts-button-v4, .alts-button-v7) {
  color: var(--ft-grey-4);
}

.alts-button-without-icon {
  color: var(--ft-sky-blue);
  background-color: var(--ft-complementary-sky-blue-1);
  padding: 16px 24px;
  border: 1px solid var(--ft-sky-blue);
  border-radius: 24px;
  transition: background-color 0.3s, color 0.3s;
  cursor: pointer;
}
.alts-button-without-icon:hover, .alts-button-without-icon:focus, .alts-button-without-icon.active {
  color: var(--ft-white);
  background-color: var(--ft-sky-blue);
}

.alts-scroll-line:not(.active) {
  transition: height 0.3s;
  position: fixed;
  top: 0;
  left: 32px;
  width: 1px;
  height: 70vh;
  background-color: var(--ft-grey-2);
  opacity: 0.7;
  z-index: 2;
}
@media (min-width: 0) {
  .alts-scroll-line:not(.active) {
    left: 8px;
  }
}
@media (min-width: 768px) {
  .alts-scroll-line:not(.active) {
    position: absolute;
    opacity: 0;
    visibility: hidden;
  }
}
@media (min-width: 1200px) {
  .alts-scroll-line:not(.active) {
    position: fixed;
    opacity: 1;
    visibility: visible;
    left: 28px;
  }
}
@media (min-width: 1600px) {
  .alts-scroll-line:not(.active) {
    left: 32px;
  }
}
.alts-scroll-line:not(.active).at-the-bottom {
  height: 100vh;
}

.main-content {
  overflow-x: hidden;
}

/* Define grid container */
.grid-container {
  display: grid;
  /* Case: 1 | 1 */
  /* Case: 1 | 1 | 1 */
  /* Case: 1 | 2 */
  /* Case: 2 | 1 */
  /* Default case */
}
.grid-container.one-one .br-container-box {
  display: grid;
  gap: 1rem;
  margin-bottom: 1rem;
  grid-template-columns: 1fr 1fr;
  /* Two equal columns */
}
.grid-container.one-one-one .br-container-box {
  display: grid;
  gap: 1rem;
  margin-bottom: 1rem;
  grid-template-columns: 1fr 1fr 1fr;
  /* Three equal columns */
}
.grid-container.one-two .br-container-box {
  display: grid;
  gap: 1rem;
  margin-bottom: 1rem;
  grid-template-columns: 1fr 2fr;
  /* One column taking 1/3 width, one column taking 2/3 width */
}
.grid-container.two-one .br-container-box {
  display: grid;
  gap: 1rem;
  margin-bottom: 1rem;
  grid-template-columns: 2fr 1fr;
  /* One column taking 2/3 width, one column taking 1/3 width */
}
.grid-container.default-layout .br-container-box {
  gap: 1rem;
  margin-bottom: 1rem;
  grid-template-columns: repeat(3, 1fr);
  /* Default to three equal columns */
}

/*# sourceMappingURL=ft-alternatives.css.map */